@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');



body, table, tr, td, form, select, option, text, input, textarea
{
   /* font-family: tahoma, verdana, arial, helvetica, sans-serif;*/
    font-size: small;
     font-family: 'PT Sans', sans-serif;
    font-weight: normal;
}

/* General Rules */

body, html
{
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
    color: #000;
}

body
{
    min-width:800px;
}

/*** links ***/

a, a:link, a:visited, a:active, a:hover
{
    color: #369;
    text-decoration: underline;
}

a:visited
{
    color: #396;
}

a:hover
{
    text-decoration: none;
}

a.persist
{
    font-weight: bold;
}

a img
{
    border: none;
}

/*** Headers ***/

h1
{
    font-size: 180%;
    font-family: Geneva, Tahoma, Arial, Helvetica, sans-serif;
    margin: 5px 0px 10px 5px;
    padding: 0;
    font-weight: normal;
    letter-spacing: 1px;
    color:#6f6f6f;
}

h2
{
    font-size: 130%;
    font-family: Geneva, Tahoma, Arial, Helvetica, sans-serif;
    margin: 5px 0px 10px 5px;
    padding: 0;
    font-weight: normal;
    letter-spacing: 1px;
}

h3
{
    font-size: 110%;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

h4
{
    font-size: 100%;
    margin: 0;
    padding: 0;
    font-weight: bold;
}


#header
{
    background-image: url('../img/header_background.gif');
    background-color: #369;
    height: 73px;
    color: #fff;
}

#header #logo
{
    background: url('../img/logo.gif') no-repeat left top;
    float: left;
    width: 495px;
    height: 73px;
    font-variant: small-caps;
}

#header #contactlogo
{
    background: url('../img/contact_info.gif') no-repeat left top;
    padding: 0px 10px 0px 0;
    width: 265px;
    height: 73px;
    float: right;
}

#header #logo strong, #header #logo em, #header #contactlogo p
{
    font-size: 1px;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

#appbranding
{
    background-color: #CCD9E5;
    padding: 5px;
    border-bottom: thin solid #369;
    color: #369;
    font-size: 120%;
    font-weight: bold;
    display:none;
}

#main
{
    background-color: #FFF;
    padding: 0px 0px 50px 0px;
}

#maincontent
{
    background-color: #FFF;
    padding: 10px 5px;
    /*width: 980px;*/   
}

#footer
{
    background-color: #369;
    background-image: url('../img/footer_background.gif'); 
    color: #FFF;
    font-size: 85%;
    font-variant: small-caps;
    padding: 10px 0px 5px 3px;
}

#footer a
{
    color: #FFF;
    text-decoration: none;
}

#footer a:hover
{
    text-decoration: underline;
}


/* Everything below added by Dan */

/* Top Bar */

#breadcrumb {
    width: 757px;
    padding: 4px;
    float: left;
    font-size: .9em;
    margin: 0 15px 8px 0;
    background: #FFF;
}

#breadcrumb a
{
    color: #656565;
}

#user {
    /*width: 308px;*/
    width: 278px;
    float: right;
    padding: 4px;
    margin: 0 0 8px 0;
    background: #f5f5f5;
    border: 1px solid #009896;
    font-size: 14px;
}

/* Content Area */

#clearcontent {
    clear: both;
}

#leftcontent {
    width: 780px;
    float: left;
}

#rightcontent {
   /* width: 300px;*/
    width: 270px;
    float: right;
    background: #f5f5f5;
    padding: 4px 8px;
    border: 1px solid #009896;
    font-size: 14px;
    font-variant: small-caps;
    clear: right;
    margin-bottom: 5px;
    line-height: 22px;
}

#lowercontent {
    clear: both; 
    padding-top: 10px;
}

#rightcontent p
{
    margin: 4px 2px;
    font-style: italic;
}

#rightcontent ul {
    margin: 0 0 0 0;
    padding-left: 12px;
}

#rightcontent ul.navlist {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

#rightcontent ul.navlist li 
{
    padding: 0 0 0 20px;
    background-repeat: no-repeat;
    background-position: 0 2px;
}

#rightcontent ul.navlist li.view {
    background-image: url(../img/icons/view_records.gif);
}

#rightcontent ul.navlist li.edit {
    background-image: url(../img/icons/edit.gif);
}

#rightcontent ul.navlist li.delete {
    background-image: url(../img/icons/delete.gif);
}

#rightcontent ul.navlist li.add {
    background-image: url(../img/icons/add.gif);
}

#rightcontent ul.navlist li.transfer {
    background-image: url("../img/icons/arrow_refresh.png");
    padding-bottom: 5px;
}

#rightcontent ul.navlist li.import {
    background-image: url(../img/icons/import.gif);
}

#rightcontent ul.navlist span {
    width: 99.99%;
    /* extend the sensible area to the maximum with IE5 */
    display: block;
    padding: 3px 0 3px 0;
}

#rightcontent ul.navlist a {
    width: 99.99%;
    /* extend the sensible area to the maximum with IE5 */
    display: block;
    padding: 0 0 3px 0;
    background-color: #f5f5f5;
}

#rightcontent ul.navlist a:hover { 
    background-color:transparent; 
}

/* Tables */

table {
    margin: 0 0 0 0;
    border: 0;
    padding: 0 0 0 0;
    border-collapse: collapse;
}

#results-table th { background: #E6E6E6; border: none; text-align: center; color: #000;/* padding: 12px 30px; min-width: 60px; */}
#results-table tr td { padding-top: 8px; } 
th {
    text-align: left;
    background: #009896;
    margin: 0 0 0 0;
    padding: 4px;
    border: 1px solid black;
}

thead tr th {
    font-size: 14px;
    background: #009896;
    color: #fff;
    font-family: Geneva, Tahoma, sans-serif;
    letter-spacing: 1.5px;
    font-weight: bolder;
    padding: 5px;
    line-height: 20px;
}

thead tr th.ORF {
    background-color: #999966;
}

thead tr th.ADS {
    background-color: #993300;
}

thead tr th.BDS {
    background-color: #cc9933;
}

thead tr th.G1A {
    background-color: #54A7AD;
}

thead tr th.SWS {
    background-color: #34495E;
}

thead tr th.HDWS {
    background-color: #6288b0;
}

thead tr th a:link, thead tr th a:visited, thead tr th a:active, thead tr th a:hover {
    color: #fff;
}

tbody tr td {
    font-size: 14px;
    padding: 8px;
}

.form-inner-span {
    margin-right: 25px;
}

table.search {
    float: left;
    margin: 0 10px 10px 0;
    border: 1px solid #CCCCCC;
    padding: 1px;
}

table.search th {
    text-align:center;
    font-family: Geneva, Tahoma, sans-serif;
    font-size: 1.2em;
    font-variant: small-caps;
    letter-spacing: 1.5px;
    font-weight: normal;
    padding: 1px;
    background: #009896;
}

table.search td {
    font-size: .85em;
    padding: 2px;
}

table.search td input {
    margin-bottom: 2px;
}

tr.alt td, td.alt {
    background: #f5f5f5;
}

th.center, td.center {
    text-align: center;
}

#leftcontent table {
    width: 900px;
}

.formtitlebar {
    width:280px; 
    float:left; 
    border:1px solid #009896;
    background: #009896;
    color: #FFFFFF;
    font-weight: bold;
    margin: 25px 0 0 0;
    padding: 4px 3px;
}

.formtitlebar a
{
    color: #FFF;
}

.formtitlebarbutton {
    width:250px; 
    float:left;  
    margin: 22px 0 0 0; 
    padding: 4px 3px;
    font-weight: normal;
}

.tablefootercell {
    padding: 10px 0 0 0;
}

#studentdetails {
    /*border: 1px solid #696969;*/
    background: none;
}

#studentdetails th {
    font-size: 0.9em;
    border: none;
    background: none;
    text-align: left;
    padding-right: 8px;
}
#studentdetails tbody > tr th { width: 95px; }

/* General */

br {
    clear: left;
}

.errorMsg, .required {
    color: red;
}

/* Forms */

#lowercontent label, #lowercontent input, #editform label, #editform input {
    display: block;
    float: left;
    margin-bottom: 10px;
}

td.center input {
    display:inline;
    float: none;
}

#lowercontent label, #editform label {
    width: 150px;
    text-align: right;
    padding-right: 20px;
}

span.inputHint
{
    color: #666;
    font-size: .92em;
}

.rightcontentHeader
{
    font-style: normal;
    font-weight: bold;
    font-size: larger;
}

#rightcontent div.rightcontentHeader p
{
    font-style: normal;
    font-size: 22px;
}

.rotate {
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);   /*IE6,IE7*/ 
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";  /*IE8*/ 
    -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
    -ms-transform: rotate(-90.0deg);   /*IE9+ */
    -o-transform: rotate(-90.0deg);   /*Opera 10.5 */
    -webkit-transform: rotate(-90.0deg);   /*Safari 3.1+, Chrome */
    transform: rotate(-90.0deg);   /*Standard */
    white-space: nowrap;
}

.rotate {
    margin: 0;
    padding: 10px 3px 0;
    text-align: center;
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);   /*IE6,IE7*/ 
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";  /*IE8*/ 
    -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
    -ms-transform: rotate(-90.0deg);   /*IE9+ */
    -o-transform: rotate(-90.0deg);   /*Opera 10.5 */
    -webkit-transform: rotate(-90.0deg);   /*Safari 3.1+, Chrome */
    transform: rotate(-90.0deg);   /*Standard */
    vertical-align: middle;
    white-space: nowrap;
    width: 20px;
}

.fss-form th {
    padding: 0px;
    text-align: center;
}

.fss-form td {
    border: 1px solid #000000;
}

#lowercontent .fss-form input {
    display: inline;
    float: none;
    margin-bottom: 5px;
    margin-top: 5px;
}

#lowercontent .sws-form input {
    display: inline-block;
    float: none;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 50px;
    vertical-align: super;
}
#lowercontent .sws-form img{
    height: 18px;
    width: 18px;
}
.gla_formtitlebar {
    width:280px; 
    border:1px solid #000000;
    background: #668DB3;
    color: #FFFFFF;
    font-weight: bold;
    margin: 25px 0 0 0;
    padding: 4px;
    text-align: center;
}
.not-applicable {
    min-width: 40px;
}

.heading-span {
    float: left;
    font-size: 20px;
    width: 50%;
}
.div-heading {
    /*    border: 1px solid red;*/
    float: left;  
    width: 100%;
    margin-top: 15px;
}

.bottom-div .heading-span {
    float: left;
    width: 40%;
}

.success {
    background: none repeat scroll 0 0 #edfabd;
    border: 1px solid green;
    color: #176600;
    font-size: 20px;
    padding: 15px;
}
#teacher-edit,#intervention-edit {
    display: none;
}

.update-teacher{
    margin-left: 15px;
}

#update-teacher{
    display: none;
}

.teacher-edit,#intervention-edit {
    margin-left: 15px;
}

.saveButtonClass {
    color: green !important;
}

#bdsform th {
    /*    padding-left: 25px;
        padding-right: 25px;*/
}
#bdsform td {
    text-align: center;
}
#results-table {
    float: left;
    margin-top: 20px;
    text-align: center;
    width: 75%;
}
#leftcontent-errors {
    float: left;
    width: 1051px;
}

#error-submit {
    cursor: pointer;
    float: right;
    height: 35px;
    margin-right: 5px;
    margin-top: 15px;
}
#leftcontent-errors table tr td {
    padding: 5px;
}
#leftcontent-errors .success {
    background: none repeat scroll 0 0 #edfabd;
    border: 1px solid green;
    color: #176600;
    font-size: 15px;
    margin-bottom: 10px;
    padding: 10px;
}
#ui-id-2 {
    top:10px;
}
contenteditable {
    width:10%;
}
.ui-dialog.custom-pupClass .ui-dialog-content.ui-widget-content{top:10px;}



#additional-obs{width:100%;margin-top:5px;}
#additional-obs thead tr th{font-weight:bold !important;font-size:13px;}
#form-fields tbody tr th{text-align:center;width:180px;}
#form-fields tbody tr th:first-child p{width:180px;margin: 3px 0px;}
#form-fields tbody tr th:nth-child(2) p{width:85px;margin: 3px 0px;}
#form-fields tbody tr th:nth-child(3){width:60%;}
.ui-dialog .ui-dialog-content{padding:3px 10px !important;}
.inner-span.bg-next{
border: medium none;
cursor: pointer;
float: left;
margin-right: 20px;
padding: 8px 0px;
text-align: center;
text-decoration: none;
width: 18%;
background-color: #369;
color:#fff;
margin-top: 10px;
}
#form-fields{text-align:center;}

.testingnotry,.testingmiscue {
    pointer-events:none;
}
tbody tr td {position:relative;}

ul.addteacher li.add {
   background: url("../img/icons/add.gif") no-repeat;
}
ul.addteacher li{list-style: none;}
.tabClass {
    padding:20px !important;
}
table#incomplete_table td {
    border:thin solid #000;
}
table#incomplete_table th {
    text-align:center;
}
table#incomplete_table {
    margin-bottom: 70px !important;
}
#buttons-div input {
    margin-left: 10px !important;
}

/*#horzform tr td{
    width: 110px;
}*/
#horzform tr:nth-child(2) th {
    padding: 0 !important;
    position: relative;
    height: 220px !important;
}
#horzform tr:nth-child(2) th div{
    min-width: 220px;
    width: auto;
    position: absolute;
    left: 50%;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    padding: 0;
    z-index: 99;
    text-align: left;
    transform-origin: left;
}
#horzform tr th{
    background-clip: padding-box;
}
table#horzform {
    max-width: 1090px;
}
.input-field-wrap{
    width: 105px;
}
#lowercontent .sws-form .input-field-wrap input {
    width: 75px;
}

/*new-css*/
#rightcontent div.rightcontentHeader p{
    margin-bottom: 10px;
    color: #6f6f6f;
}
#rightcontent ul.navlist a
{
    color: #009898;
}
#rightcontent ul.navlist li{
    margin-bottom: 5px;
}
th b,
thead tr th{
    font-weight: normal;
}

body, table, tr, td, form, select, option, text, input, textarea{
        font-family: PT Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type="text"],input[type="password"],select,textarea{
    border: 1px solid #d6d6d6;
    padding: 5px;
}
    
body .btn-primary,
body .btn-primary:hover,
body .btn-primary:focus,
.bg-next,
input[type="submit"],
input[type="button"],
body .next-div .bg-next,
body .next-div .bg-pre,
body .inner-span.bg-next{
    background-color: #009898;
    border-color: #009898;
    color: #fff;
    outline: none;
    cursor: pointer;
}
body .btn-primary:hover,
body .btn-primary:focus,
.bg-next:hover,
.bg-next:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="button"]:hover,
body .next-div .bg-next:hover,
body .next-div .bg-next:focus,
body .next-div .bg-pre:hover,
body .next-div .bg-pre:focus,
body .btn-primary:active:focus, body .btn-primary:active:hover,
body .btn-primary:active,
.inner-span.bg-next:hover,
.inner-span.bg-next:focus
{
    opacity: 0.9;
    color: #fff;
    outline: none;
     background-color: #009898;
    border-color: #009898;
}
input[type="submit"],
input[type="button"]{
    padding: 5px 10px;
    border:none;
    margin: 0 5px;
}
input[value="Cancel"],
.btn-secondary{
    background-color:#e0d9d9;
    color: #333;
}

input[value="Cancel"]:hover,
input[value="Cancel"]:focus{
     background-color:#e0d9d9;
    color: #333;
}


#rightcontent ul.navlist{
    margin-bottom: 10px;
}
th{
    font-weight: normal;
    color: #fff;
}

body .active{
    background-color: #009896;
    border-color: #009896;
    color: #fff;
}


body .pagination>.active>a, body .pagination>.active>a:focus, body .pagination>.active>a:hover,body .pagination>.active>span, body .pagination>.active>span:focus, body .pagination>.active>span:hover{
    background-color: #009896;
    border-color: #009896;
}

body .pagination>li>a, body .pagination>li>span{
    color: #009896;
}

.gla_formtitlebar{
  background-color: #009896;  
}

body .bordered th{

    background-color: #009896;
    color: #fff;
    background-image: none;
    font-weight: normal;
    border:1px solid #000;
    box-shadow: none;
    text-shadow: none;
}

#studentdetails th{
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
}
thead tr th{
    font-size: 0.9em;
}
.tablesorter-blue .headerSortUp, 
.tablesorter-blue .tablesorter-headerSortUp, 
.tablesorter-blue .tablesorter-headerAsc{
     background-color: #056564 !important;
     color: #fff !important;
}

.tablesorter-blue .headerSortDown,
.tablesorter-blue .tablesorter-headerSortDown,
.tablesorter-blue .tablesorter-headerDesc
{
     background-color: #056564 !important;
     color: #fff !important;
}

body .btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

body .btn-danger.active, 
body .btn-danger:active, 
body .open>.dropdown-toggle.btn-danger{
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

body .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

tr.tablesorter-headerRow td{
    border:none;
}

#editform select,
#editform textarea{
    margin-bottom: 10px;
}

/*select, textarea {
    margin-bottom: 10px;
}*/
body .tablesorter-blue .header, 
body .tablesorter-blue .tablesorter-header{
    outline: none;
}
.ui-dialog.custom-pupClass .ui-dialog-content.ui-widget-content #clear-ads,
.ui-dialog.custom-pupClass .ui-dialog-content.ui-widget-content #clear,
.ui-dialog.custom-pupClass .ui-dialog-content.ui-widget-content #clear-fss
{
    right: 12px;
    top: 14px;
}

table.rowstyle-alt{
    margin-bottom: 10px;
}
thead tr th.ORF {
    background-color: #d6eab7;
    color: #000;
}

.ui-dialog .ui-dialog-content input[type="submit"], 
.ui-dialog .ui-dialog-content input[type="button"]{
margin: 5px;
}

#rightcontent{
    position: relative;
}
#leftcontent table {
    max-width: 100%;
  
    width: 100%;
}

#breadcrumb{
    width: 100%;
    box-sizing: border-box;
}
.state-table tbody tr td{
    padding: 4px 8px;
}
.group-text {
    float: right;
    vertical-align: middle;
    color: #fff;
    font-size: 28px;
    font-family: PT Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 22px;
}