/* Styles for editor and display helpers
----------------------------------------------------------*/
* {
    margin: 0px;
    font-family: Verdana, Arial;
    font-size:11px;
}
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}


/* Style by JSP */

/*div {
    border:1px solid black;
}*/

input[type=text].grades {
 text-transform: uppercase;
}

div#logoR{
  float:right;  
  display:inline-block;

}
 div#settingsDiv{
    margin-left:70%;    
}

div.headers{
    height:60px;
    background-color:#336699;
}

div#termDiv{
    text-align:center;
    width:81%;    
}
 
.head1 td a {
    text-decoration:none;
    padding-left:1em;
    padding-top:1em;
    padding-right:1em;
    margin-left:3px;
    background-color:#388dce;
    color:#fff;
    border-bottom:2px solid #388dce;
}

table.head1 tbody tr td.menu a:hover {
    background-color:#3276ba;
    border-bottom:2px solid #fff;


}
#active {
    background-color:#3276ba;
    border-bottom:2px solid #fff;
}
/*.nav {
    width:100%;
    background-color:#336699;
}
.nav a {
    color:#fff;
    text-decoration:none;
}
.nav a {
    padding:.5em;
    display:inline-block;
}
.nav a:hover {
    background-color:#333;
}*/

.box {
 
    width:100%;
    height:30%;
    background-color:#808080;
}
hr {
border:1px solid #ededed;
}

.content {
    width:400px;
    height:auto;
    background-color:#f3e8e8;
    margin-left:auto;
    margin-right:auto;
    margin-top:50px;
    padding:1em;
}

table.load tr td {
    padding:0.3em;
   
}
table.load {
 border-collapse:collapse;
 margin-left:auto;
 margin-right:auto;
 border:1px solid gainsboro;
 
}

table.teacher thead tr th{
 background-color:#336699;
 color:#fff;
 padding:.5em;
 
}

table.teacher tbody tr td{
 border-bottom:1px solid gainsboro;
 padding:.5em;
 
}

table.load thead tr th{
 background-color:#336699;
 color:#fff;
 padding:.5em;
 
}

table.load tbody tr:hover{
    background-color:#a5fbf3;    
}
table.load tfoot tr td{
 border-top:1px solid #808080;
 
}

.class2 {
   /* margin-left:auto;
    margin-right:auto;    
    */
    border-collapse:collapse;    
    border:1px solid gainsboro;
}


td.grdInput > input[type=text] {
    text-align:center;
}

label#topKeys {
    background-color:#DBE2FF;
    color:mediumblue;
    padding:0.2em;
}
table tr.schedcode {
    color:#fff;
    background-color:#336699;
    padding:.5em;
}

td#lblRemarks {
    font-weight:bold;
}

/*.gradingsystem {
background-color:#000; 
width:300px; 
height:500px; 
margin-top:-700px;
position:absolute;
margin-left:70%;
border-radius: 10px 10px 5px 5px;
}*/
.grade b {
    display:block;
    padding:1em;
}

#divData{
	display:none;
}

span.spanError {
    color:crimson;
}

table.table tr.header{
    background-color:#336699;
    color:#fff;
}
table.table tr.header a{
    color:#fff;
    padding:1em;
}

table.table tbody tr td:nth-child(5){
    text-align:center;
}

table.table tbody tr td:nth-child(4){
    text-align:center;
}

td#pasteTd {
    background-color:gainsboro;
    color:darkblue;
    font-weight:bold;    
    border:1px solid slategray;
}

td#prevGrades {    
    color:darkblue;
}

label.errorMsg {
    font-weight:bold;
    color:crimson;
}

label.sucMsg {
    font-weight:bold;
    color:mediumblue;
}

label.msg {
    font-weight:bold;
    color:mediumblue;
}

tr.inside {
    border-bottom:1px solid #D4E7FA;
}

input[type=text]:focus, input[type=password]:focus {
    background-color:#FCFA72;
}

input[type=button]:hover, input[type=submit]:hover {
    cursor:pointer;
}

table.admin thead th{
     background-color:#3276ba;
     color:#FFF;
}

table.admin tbody tr.ah td{
     background-color:#7ab68a;
     color:#FFF;
     padding:1em;
}

table.trm tr th {
    padding:1em;
}

table.terms tbody tr td{
    padding:1em;
} 

table {
     border-collapse: collapse;
     
}

.info {
    /*margin-left:auto;*/
    color:#f00;
    text-align:center;
}

fieldset {
    width:30%;
    margin-left:auto;
    margin-right:auto;
    margin-top:5%;
}

table.table.table-striped tbody tr td span.badge {
    background-color:crimson;
}