html{overflow-y:scroll}
div#container{margin:0 10px}

.cf:before,.cf:after {content: " ";display:table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

div#login{width:350px;margin:50px auto; text-align:left}
div#login label{margin-right:10px; font-weight:bold}
div#login input, div#login password{padding:2px 5px}
div#login h2{font-size:24px; font-weight:bold; text-align:center;margin-bottom:10px}

h2{font-size:20px; font-weight:bold;}

.error{color:#FF2F2F;margin:5px}
.success{color:#4BC03C;margin:5px}

.header{height:50px; margin:10px 15px}
.header h1{font-size:30px}
.left-header{float:left; width:30%}
.right-header{float:right; width:70%; text-align:right}
.right-header a{text-decoration:none;color:#057092}
.right-header a:hover{text-decoration:underline;}

.navigation{margin:0 10px;margin-bottom:10px;
background: #93a09d;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzYTA5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzIwMjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #93a09d 0%, #232026 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93a09d), color-stop(100%,#232026));
background: -webkit-linear-gradient(top,  #93a09d 0%,#232026 100%);
background: -o-linear-gradient(top,  #93a09d 0%,#232026 100%);
background: -ms-linear-gradient(top,  #93a09d 0%,#232026 100%);
background: linear-gradient(to bottom,  #93a09d 0%,#232026 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93a09d', endColorstr='#232026',GradientType=0 );
}
.navigation li{float:left;list-style:none;padding:9px}
.navigation li a{width:200px;padding:5px;color:#fff;text-decoration:none}
.navigation li a:hover{text-decoration:underline}

.navigation_controls{margin:20px 0;text-align:right}
.navigation_controls a{padding:8px;background:#8A8A8A;color:#fff;text-decoration:none}
.navigation_controls a:hover{text-decoration:underline}

.form_labels{display:inline-block; width:200px}
.form_row{margin:20px}
.form_row input[type="button"], .form_row input[type="reset"], .form_row input[type="submit"]{width:120px}
span.required{color:#F00}

.small_text{font-size:12px}

.fieldset-class{border:#ccc 1px solid; padding:10px; width:570px}

.fieldset-products{border:#ccc 1px solid; padding:10px; width:1000px}
table.products tr th{font-weight:bold}
table.products tr td{padding:10px 0}
.price-value{width:65px}

.product-active{color:#000}
.product-suspended{color:#999}

.fieldset-od{border:#ccc 1px solid; padding:10px; width:950px}
table.order-details{margin-left:10px}
table.order-details tr th{font-weight:bold; font-size:18px}
table.order-details tr td{padding:10px 0}

.quantity{width:65px}
.uom{width:170px}

a.dp-choose-date {
width: 16px;
height: 16px;
padding: 0;
margin: 5px 3px 0;
text-indent: -2000px;
overflow: hidden;
background: url(../images/calendar.png) no-repeat;
text-decoration:none;
}

.date{width:85px}

table.forecast tr th{font-weight:bold; padding:5px}
table.forecast tr td{padding:5px}
.forecast-value{width:65px}
.fieldset-forecast{border:#ccc 1px solid; padding:10px 5px; width:99%}

.form_row_left{width:30%; float:left}
.form_row_right{width:50%; float:left}

div.navbar{border-radius:0; margin-top:51px}
div.navbar .container{margin-left:0}
.page-header{margin-top:0}
.flexigrid div.mDiv{display:none !important}
.dropdown-menu{min-width:180px}

.scores-grid .form-control{height:25px; font-size: 12px !important;}
.scores-grid table td, .scores-grid table th{padding:4px 8px !important; font-size: 12px !important;}
.student-score-page h2{margin:5px; padding:0}
.col-xs-1{min-width:75px}

.reports-grid table td, .reports-grid table th{padding:4px 8px !important; font-size: 9px !important;}
.break-word{word-wrap: break-word !important; width:45px !important}

.red{background-color: #FFA0A0 !important;}
.amber{background-color: #FFD285 !important}
.green{background-color: #09E008 !important;}