body {
    font-family: Arial, Helvetica, sans-serif;
    //background: #C8FFFF;
    background: #f8ffff;
    margin: 0px;
    padding: 0px;
}

option, optgroup {
    border: 1px #f0f0f0 solid;
}

h1, h2, h3, h4, h5, h6 {
    //font-style:italic;
    font-weight: bold;
    //margin: 1em 0em;
    color: #e00000;
    margin: 1em 0em 0em 0em;
    padding: 0;
}

#backboard {
    width:100%;
    height:100%;
    //background: #E0C0C0;
}

/*
.horBars {
    height: 6px;
    margin: 5px 0px 0px 0px;
    cursor: ns-resize;
    background: #d0d0d0;
    border: 3px #e0e0e0 outset
}

.vertBars {
    height: 100px;
    width: 6px;
    float: left;
    margin: 0px 5px;
    cursor: ew-resize;
    background: #d0d0d0;
    border: 3px #e0e0e0 outset
}

.middle {
    float:left;
    margin: 5px 0px 0px 0px;
    padding: 0px 5px;
    //background: #f0c0c0;
    overflow: hidden;
}

.outsideSpace {
    height: 100px;
    float:left;
    //background: #E0C0C0;
}

#topBar {
//    float:top;
}

#dividerBar {
    //float:top;
}

#tnTitle {
    width:100%;
    text-align:center;
    font-size: 115%;
    color:#D00000;
    font-style:italic;
}
*/

/*
#mainTitle {
    font-size: 200%;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    width: 100%;
    color: #e00000;
    font-family: Times New Roman, Georgia, Serif;
}
*/

a:hover#onOff {
    font-style:italic;
    font-weight:bold;
    color:#E00000;
    //text-decoration:underline;
}



#tabBar {
    overflow: hidden;
    //background: #4444ff;
}


.tab {
    display: inline-block;
    cursor: pointer;
    //padding: 2px 5px;
    //padding: 2px 50px;
    margin: 0px 5px;
    //width: '200px';
}


/*
#secBar {
    color: #e00000;
    overflow:hidden;
    padding-left: 25px;
    //border: 1px #e00000 solid;
}

#tabBar {
    overflow:hidden;
    //border-bottom: 3px #000000 double;
    text-align: center;
    //margin: 5px -6px 10px -6px;
//    margin: 5px -6px 0px -6px;
    //padding: 5px 0px 0px 0px;
    //margin: 5px -4px 0px -4px;
    //border-top: 1px #888888 solid;
    //border-bottom: 1px #888888 solid;
    //background-color: #e0e0e0;
    //border: 3px #000000 inset;
    //background-color: #000000;
    background-color: transparent;
    //font-size: 95%;
//    line-height: 1.7;
}

.tab {
    display: inline-block;
    cursor: pointer;
    padding: 2px 5px;
    margin: 0px 5px;
    width: '200px';
}

.tab a {
    font-style:normal;
    font-weight:normal;
    text-decoration:underline;
}

.tab a:hover {
    background: #f0f0f0;
    color: #404040;
    //text-decoration:none;
}

.selTab {
    //padding: 2px 4px;
    padding: 2px 0px;
    //background: #eeffff;
    background: #80ffff;
    //margin:5px 2px 0px 0px;
//    margin:5px 0px 0px 0px;
    border: 1px #000000 solid;
    border-bottom: 0px #000000 solid;
    border-radius: 50%;
    font-variant:small-caps;
}
*/


/*
.tabBot {
    float:bottom;
    cursor: pointer;
}
*/

/*
.sectTab {
    color: #0000ff;
    //font-style: italic;
    font-size: 120%;
    //width: 67%;
 //   width: 200px;
}

.subsectTab {
}
*/


/*
#previewTab, #infoTab, #commonTab {
    padding: 5px 5px 5px 5px;
    margin-left: 10px;
}
*/

#previewTab, #infoTab, #commonTab, #titlesTab, #dateTab, #headerTab, #commentsTab, #poemListTab,
#fmtTab, #unfmtTab,
#groupsTab {
    margin-top: 10px;
    margin-right: 2px;
    padding: 2px 5px;
}

.collapse a:hover {
    color: #e00000;
    //text-decoration:underline;
}

.pageData {
    margin: 0px;
    border-top: 0px #000000 solid;
    overflow: hidden;

//    padding: 5px;
    //width: 100%;
    //height: 500px;
}

select, input, textarea {
    font-family: Arial, Helvetica, sans-serif;
    //font-size: 100%;
}

option {
    font-family: Arial, Helvetica, sans-serif;
    //font-size: 120%;
    font-size: 100%;
}

td {
    padding-left: 10px;
    padding-right: 10px;
}

//input, select, textarea {
select, textarea {
//    border: 2px #000000 inset;
}

/*
input[type=button] {
    border-width: 3px;
}
*/

#fileBrowse input {
    margin-left: 10px;
    margin-right: 10px;
}

#fileBrowse select {
    margin-left: 10px;
    margin-right: 10px;
}

* {
    box-sizing: border-box;
}

h2 { color: #000000; font-size: 200%; font-style:italic; margin-bottom: 10px;}

.key {
    width:28px;
    height:35px;
    text-align:center;
    padding:2px;
    margin:0px 0px 5px 0px;
    font-size:100%;
    display:inline-block;
    border:3px #e0e0e0 outset;
    border-radius:5px;
    background:#ffffff;
    cursor:pointer;
}

.specKey {
    height:34px;
    text-align:center;
    padding:2px;
    margin:0px 0px -10px 0px;
    font-size:120%;
    display:inline-block;
    border:3px #e0e0e0 outset;
    border-radius:5px;
    background:#ffffff;
    cursor:pointer;
}

.circKey {
    font-weight:bold;
    width:34px;
    height:34px;
    padding:0px 2px 0px 0px;
    //margin-top:-2px;
    border-width:3px;
    border-radius:50%;
    background:#ffffff;
    font-size:120%;
    cursor:pointer;
}

.ovalKey {
    width:40px;
    height:34px;
    text-align:center;
    padding:2px;
    margin:0px 0px 5px 0px;
    font-size:120%;
    display:inline-block;
    border:3px #e0e0e0 outset;
    border-radius:10px;
    color: #000000;
    background:#ffffff;
    cursor:pointer;
}