/* DEFAULTS */
input[type="button"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: none;
}

.site-notice
{
    width:100%;
    background-color:#c00;
    color:#fff;
    font-size:2.5em;
    font-weight:bold;
    text-align:center;
    padding:10px;
}
.site-notice a
{
   font-weight: normal;
   color: #fff;
}
img
{
    display: block;
    border: none;
}
ul
{
    list-style-type: disc;
    list-style-position: inside;
}

p
{
    margin-bottom: 1.0em;
    padding: 0;
}
a
{
    font-weight: bold;
    color: #0D6C0B;
    word-break: break-word;
}
input [type=button],[type=submit],[type=reset]
{
    min-width:70px;
    background-color: #1f79ba;
    border-radius: 5px;
    margin-bottom: 2px;
    border: none;
    padding: .75em;
    color: #fff;
    text-transform: uppercase;
}
input [type=button]:hover,[type=submit]:hover,[type=reset]:hover, input [type=button]:focus, [type=submit]:focus, [type=reset]:focus {
    background-color: #0070b0;
}
input [type=button], input [type=checkbox], input [type=file], input [type=hidden], input [type=image], input [type=password], input [type=reset], input [type=submit], input [type=text]
{
    border: 1px solid #999999;
}
input [type=radio]
{
    border: none;
}
.formtable textarea
{
    min-width:480px;
    height: 640px;
}
input, select, textarea
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: inherit;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    border-spacing: 0px;
    outline-style: none;
    font-family: inherit;
    margin-bottom: 8px;
}
/*
.form-group #state, .form-group input, .form-group select, .form-group textarea {
    margin:  0px 0 24px 0;
}
*/

input.check-box[disabled='disabled']{
    background-color: #FFF;
}

table.dataTable tbody tr:nth-child(odd) input.check-box[disabled='disabled']{
    background-color: #F7F7F7;
}

input.check-box[disabled='disabled']:before{
    content: "";
    display: block;
    background-color: inherit;
    background-image: url(/content/images/unchecked.png);
    height: 18px;
    width: 18px;
    background-repeat: no-repeat;
}

input.check-box[disabled='disabled']:checked:before{
    content: "";
    display: block;
    background-color: inherit;
    background-image: url(/content/images/checked.png);
    height: 20px;
    width: 18px;
    background-repeat: no-repeat;
    margin-top: -2px;
}

label
{
    font-weight: bold;
}

.registerTeacher label{
 display:block;
}


/* TABLES */


th, td
{
    vertical-align: text-top;
    text-align: left;
    padding: 4px;
    position: relative;
}
th label
{
/*    white-space: nowrap; */
/*  Breaks registration form due to long questions */
}
/* SURVEY */
div.survey
{
    margin-left:0px;
}
div.survey .questionContainer
{
    position:relative;
}
div.survey .questionNumber
{
    position:absolute;
    padding:0px;
    top:0px;
    left:0px;
/*
    float:left;
    margin: 0px 5px 0px 0px;
    padding:0px;
*/
    font-weight:bold;
}
div.survey .question
{
    float:left;
    margin:0px;
    padding:0px 0px 0px 40px;
}
div.survey label
{
    font-weight:normal;
}
div.survey .alert
{
    position:inherit;
}
div.survey textarea
{
    width: 400px;
    height: 60px;
}
/* listTable */
table.listTable
{
    width: 100%;
}
table.listTable tr.odd td, table.listTable tr.odd th
{
    background-color: #E4E4E4;
}
table.listTable tr.even td, table.listTable tr.even th
{
    background-color: #FFFFFF;
}

table.listTable thead td, table.listTable thead th
{
    vertical-align: top;
    font-size: 0.95em;
}

table.listTable tbody tr:first-child td, table.listTable tbody tr:first-child th
{
    border-top: 1px solid #222222;
}
table.listTable tbody tr:last-child td, table.listTable tbody tr:last-child th
{
    border-bottom: 1px solid #222222;
}

.listTable textarea
{
    vertical-align:top;
    min-width: 355px;
    height: 40px;
    padding:0px;
    margin:0px;
}
.listTable input
{
    vertical-align:top;
    padding:0px;
    margin:0px;
}
.listTable input[type=text], .listTable select
{
    min-width: 60px;
    padding:0px;
}
/*BODY*/
input[type=text], input[type=password], textarea, input[type=email]
{
    min-width: 240px;
    padding: 6px 8px;
    border: #CDCDCD solid 1px;
}
select
{
    min-width: 240px;
    padding: 2px 2px 2px 0px;
}

ol
{
    list-style-type: decimal;
    list-style-position: inside;
    margin-left: 20px;
}

/* FORMTABLE */
table.formTable
{
    width: 100%;
}

.formTable th, .formTable td
{
    vertical-align: top;
    position: relative;
    height: 30px;
    padding: 0;
}
.formTable label
{
    padding-right: 10px;
}

.formTable input[type=text], .formTable input[type=password], .formTable select, .formTable textarea
{
    margin-left: 0;
    width: inherit;
}
.formTable a.linkAdjust
{
    position: relative;
    top: 13px;
}
.formTable textarea
{
    height: 100px;
}
.formTable td.editor-cell
{
    padding:5px 0px 5px 0px;
}

/* DATATABLE */
.dataTable
{
    height: inherit;
    overflow: auto;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.dataTable .dataSearch
{
    float: right;
}
.dataTable .dataSearch input
{
    margin-bottom: 16px;
}

.dataTable .dataLength
{
    float: left;
}
.dataTable .dataInfo
{
    font-style: italic;
    margin-top: 6px;
    font-size: 0.95em;
    float: left;
}
.dataTable .dataPaging
{
    float: right;
}
#mainContainer .dataTable .prev, #mainContainer .dataTable .next, #mainContainer .dataTable .prevDisabled, #mainContainer .dataTable .nextDisabled
{
    width: 10px;
    margin-left: 10px;
    font-weight: bold;
    padding: 1px 5px;
}
.dataTable .prev:after
{
    content: "\00AB";
}
.dataTable .next:after
{
    content: "\00BB";
}


/* TABS */
table.tabs td, table.tabs th
{
    margin: 0;
    padding: 0;
    overflow: hidden;
}

table.questionTable
{
    font-size: 1.25em;
    width:90%;
}
table.questionTable .alert
{
    top: 5px;
}
table.questionOptions
{
    width:100%;
    margin:0px;
}
table.questionTable table.questionOptions td
{
    vertical-align: text-top;
}

table.questionTable table.questionOptions td label
{
    font-weight: normal;
    padding-left: 10px;
}
table.questionTable table.questionOptions input
{
    vertical-align: top;
    margin-top:5px;
}
table.questionTable table.questionOptions label
{
    width:90%;
    display:inline-block;
}
table.tab
{
    margin: 0;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    background-color: #222222;
    background-image: url(images/small-button-overlay.png);
    background-repeat: repeat-x;
    text-shadow: 0px -1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    height: 30px;
    overflow: hidden;
}
table.tabHover
{
    background-color: #111111;
}
table.tabSelected
{
    background-color: #02779E;
}
table.tabSelected.tabHover
{
    background-color: #02678E;
}
a.tab
{
    font-weight: normal;
    color: #FFFFFF;
    min-width: 70px;
    padding: 6px 10px 0px 10px;
    display: block;
}

.tabContents
{
    position: relative;
    overflow: auto;
    padding-top: 10px;
    border-top: 3px solid #02779E;
    background-color: rgba(150,150,150,0.1);
}


.readOnly
{
    border: 0px none #ffffff !important;
}

.alert
{
    position: absolute;
    top: 2px;
    display: block;
    width: 30px;
    color: #cc0000;
    font-family: Wide Latin;
    margin: 0px 4px 0px 4px;
}
.resultMessage
{
    text-align:center;
}

/* CONTAINER STYLES */

html {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5em;
    color: #000;
    font-size: 18px;
    background-color:#ffffff;
    background-repeat:repeat;
}
body
{
    height: 100%;
    font-size: 85%;
}
body form
{
    height: inherit;
}
#headContainer
{
    max-width: 1000px;
    width: 92%;
    margin:auto;
    padding: 1% 4%;
    position: relative;
    z-index: 5;
}
#headMainContainer
{
    width: 100%;
    margin: 0 auto auto auto;
    position: relative;
    padding-bottom:5px;
}

#headLogo
{
    color: #ffffff
;
    font-size:3.0em;
    text-decoration:none;
    display: block;
    font-family:'Trebuchet MS','Tahoma' , sans-serif;
    float: left;
    margin: 0 0 .3em 0;
/*    text-shadow: 0.07em 0.07em 0.1em #999999;*/
}
#headLogin
{
    color: #FFFFFF;
    position: absolute;
    top: 16px;
    right: 0px;
}
.loginName
{
    position: relative;
    top: 8px;
    margin-right: 15px;
}

#bottomContainer
{
    padding: 3em;
    background-color: #1868a1;
    text-align:center;
    text-transform: uppercase;
}

#copyright {
    padding: 18px;
    background: #464646;
    text-align:center;
    color: #fff;
    font-size: .75em;
}
#mainContainer
{
    max-width: 1000px;
    margin: 0 auto auto auto;
    width: 92%;
    padding: 4%;
    position: relative;
    background-color: #FFFFFF;
    line-height: 1.6em;
    min-height: 100%;
}
#mainSpacer
{
    width: 100%;
    margin: 0px auto auto auto;
    position: relative;
    overflow: visible;
/*    height:100%;*/
}
#mainContentHolder
{
    color: #5b5b5b;
    position: relative;
    padding-bottom: 5px;
}

.pull-up {
    margin-top: -4%;
}

#divFootContent
{
    padding-top: 20px;
    clear: both;
}

#mainContentHolder ul {
    padding: 0 0 0 1em;
    list-style-position:outside; /* Per 2016-12-14 email to align bullets better*/
}

#mainContentHolder ul li {
    margin: 1em 0;
}

#US_map {
    width: 100%;
}

#US_map path, #US_map g, #US_map circle {
    fill: #89b74e;
}

#US_map path:hover, #US_map g:hover, #US_map circle:hover {
    fill: #1868a1;
}

#US_map > * {
    cursor: pointer;
}
/* HEADER STYLES */
h1, h2, h3, h4, h5, h6
{
    display: block;
    margin-bottom: 0.3em;
    clear: both;
}
/*
    Each header is 10% larger than its successor, i.e. hn.font-size = 1.1^(7-n);
*/
h1, .h1
{
    font-size: 3em;
    color: #5b5b5b;
    margin: 0 0 0.5em 0;
}
h2, .h2
{
    font-size: 2em;
    color: #5b5b5b;
}
h3, .h3
{
    font-size: 1.5em;
    color: #1f79ba;
}
h4, .h4
{
    font-size: 1.25em;
    color: #1f79ba;
}
h5, .h5
{
    font-size: 1.2em;
    color: #1f79ba;
}
h6, .h6
{
    font-size: 1.1em;
    color: #1f79ba;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
    font-size: 10pt;
    margin-left: 10px;
}




#mainContentHolder .cke_wrapper
{
    background-image: url(images/promo-button-overlay.png);
    background-repeat: repeat-x;
    background-color: #222222;
    background-position: left top;
}


.notice
{
    background-color: #F2F4F3;
}

/* NAVIGATION */
#navigation ul
{
    padding: 0;
    list-style-position: inside;
    list-style-type: disc;
/*    border-bottom: 1px solid #a4a4a4;*/
}


#navigation ul li:hover {
    background-color: #DEDEDE;
}

#navigation ul li
{
    display: block;
    background-color: #ebebeb;
    border-top: 1px solid #cccccc;
}

#navigation ul li:last-child {
    border-bottom: 1px solid #cccccc;
}


#navigation ul.nav_button_main li {
    background-color: #88b845;
    border-radius: 5px;
    margin-bottom: 2px;
    color: #666666;
}

#navigation ul.nav_button_main li:hover, #navigation ul.nav_button_main li a:focus {
    background-color: #7DAA3D;
}

#navigation ul.nav_button_secondary li {
    background-color: #666666;
    border-radius: 5px;
    margin-bottom: 2px;
}

#navigation ul.nav_button_secondary li:hover, #navigation ul.nav_button_secondary li a:focus  {
    background-color: #555;
}


#navigation ul.nav_button_secondary {
    margin-bottom: 24px;
}

#navigation ul.nav_button_secondary li a, #navigation ul.nav_button_main li a {
    color: #fff;
    padding: 14px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

#navigation ul.nav_button_main li a {
    color: #3D3D3D;
}

#contact a, #navigation a, #contact, #quiz-status
{
    color:#0D6C0B
;
}

#navigation li>a
{
    display: block;
    padding: 14px;
    text-decoration:none;
    position:relative;
    color: #4D4D4D;
    font-size: 14px;
}


:focus {
    outline: 1px solid;
}

.show-on-focus {
    position: absolute!important;
}

.show-on-focus:not(:focus):not(:active) {
    clip: rect(0 0 0 0)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    overflow: hidden!important;
}


#navigation a.first
{
}
#navigation h2
{
    margin: 10px 0 0 0;
    padding: 6px 0 6px 2px;
    font-size: 1.1em;
    display: block;
    border-bottom: 1px solid #000000;
}
#navigation h2:first-child
{
    margin-top: 0;
}
#contact
{
    margin: 40px 0 0 0;
    padding: 24px;
    word-break: break-word;
}
#contact a
{
    padding: 0px;
}
#contact a:active
{
}

#contact a:hover
{

}
#contact a.first
{
}
.spacer
{
    clear: both;
    height: 20px;
}


/* BUTTON / FRAMES */
#maincontent input[type=button], #maincontent input[type=submit], #maincontent button[type=button], #maincontent button[type=submit], .button
{
    outline-style: none;
    margin: 0;
    padding: 0;
    border: none;
    line-height: normal;
}
.button
{
    position: relative;
    background-image: url(images/small-button-overlay.png);
    background-repeat: repeat-x;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
    border: none;
    padding: 6px 10px 6px 10px;
    cursor: pointer;
    font-size: 14px;
    margin-top: 7px;
}


.button, .frame
{
    display: block;
    text-shadow: 0px -1px 2px rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.7);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.7);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.7);
    -o-box-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}
#mainContentHolder .button, #mainContentHolder .frame
{
    margin-left: 10px;
}

.frame
{
    background-color: #444444;
}
.button
{
    background-color: #222222;
}
.blue.button
{
    background-color: #02779E;
}
.green.button
{
    background-color: #2D8712;
}
.orange.button
{
    background-color: #F75200;
}
.button:hover
{
    background-color: #111111;
}
.blue.button:hover
{
    background-color: #02678E;
}
.green.button:hover
{
    background-color: #1D7702;
}
.orange.button:hover
{
    background-color: #D74200;
}
.promo.button
{
    overflow: hidden;
    padding: 0 0 0 12px;
    margin-top: 10px;
    font-size: 20px;
    background-image: url(images/promo-button-overlay.png);
    height: 60px;
}
.promo.button span
{
    display: block;
    padding: 18px 0 0 0;
}

#mainContentHolder .button.first
{
    margin-left: 0;
}
.button.first
{
    margin-top: 0;
}

/* PANES */
.contentPreviewPane
{
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#council-links {
    margin-top: 1em;
    color: #ffffff
    ;
}

#bottomContainer p
{
    margin-top: 10px;
    color: #fff;
    font-size: .75em;
    font-weight: 300;
}

#bottomContainer h6 {
    font-size: .75em;
    font-weight: 700;
}

#bottomContainer p {
    font-size: .75em;
    font-weight: 700;
}

#bottomContainer h1, #bottomContainer h2, #bottomContainer h3, #bottomContainer h4, #bottomContainer h5, #bottomContainer h6 {
    color: #fff;
}

#council-links a
{
    text-transform: uppercase;
    font-size: 9px;
}
#council-links a:link
{
    text-decoration: none;
}
#council-links a:hover
{
    text-decoration: underline;
}
#council-links img
{
    display: inline;
    vertical-align: middle;
}
#divNavigationPlace
{
/*
    float: right;
    min-height: 100%;
    height: 100%;
*/
/*            padding-bottom: 20px;*/
}
#navContainer
{
    font-size: 0.9em;
    margin-bottom: 0px;
}
#splash
{
    z-index: 50;
    position: relative;
    border-radius: 0px;
    border-bottom: 0px;
    margin-bottom: 0px;
}
#main
{
    padding-top: 20px;
    font-size: 0.9em;
}
#error, .validation-summary-errors
{
    padding:10px;
    background-color:#f2dede;
    margin-bottom:10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.success
{
    padding:10px;
    background-color:#227703;
    margin-bottom:10px;
    border-radius: 5px;
    color: #fff;
}

.success * {
    color: #fff;
}

#success
{
    background-color:#dff0d8;
}
#warning, div.warning
{
    background-color:#fcf8e3;
}
.nav-divide {
    height:6px;
    margin-top:6px;
    border-top:1px solid #E4E4E4;
    width:100%;
    /*margin-left:10px;*/
}
dl dt {
/*    color:#555555;*/
    padding:0.4em 0.2em 0.2em 0.5em;
}
dl dd {
/*    color:#555555;*/
    padding:0 0 0.4em 1.3em;
}
table .monochrome-grid td, table .color-grid td
{
    padding:0px;
    margin:0px;
    vertical-align:middle;
}

table .monochrome-grid
{
    border:1px solid #000;
    vertical-align:middle;
}
table .monochrome-color
{
    border:0px solid #000;
    vertical-align:middle;
}
#color-selectors td
{
    vertical-align:middle;
}

table.datatable tbody tr.odd td, table.datatable tbody tr.odd th {
    background-color: #F7F7F7;
}
table.datatable tbody tr.even td, table.datatable tbody tr.even th {
    background-color: #FFFFFF;
}

table.datatable tbody tr.odd td, table.datatable tbody tr.odd th {
    background-color: #F7F7F7;
}

table.dataTable tbody tr:nth-child(odd) {
    background-color: #F7F7F7;
}

table.dataTable th.dt-type-numeric, table.dataTable td.dt-type-numeric {
    text-align:left !important;
}

table.dataTable {
    width:100% !important;
}

table.dataTable thead tr th.dt-orderable-none {
    width:50px !important;
}

table.dataTable colgroup col {
   width: 0px !important;
}

.container .fileinput-button input {
    height: 20px;
    width: 200px;
    opacity: 1;
    position: static;
    display: block;
    font-size: 12px;
    margin-bottom: 20px;
}

dl dt {
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
}

td.title {
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
}

dl dt:first-of-type {
    margin-top:0;
}
dl dd {
padding: 0;
}

div.content-box {
padding: 10px;
border: 1px #ccc solid;
margin-bottom: 10px;
}

div.content-box p {
    margin: 0;
}

.registerTeacher label.error, label.error, .field-validation-error{
    color: #b94a48;
    display: block;
}

/*
.registerTeacher label.error:before, label.error:before, .field-validation-error:before{
    content:"";
    background-color: #cc0000;
    transform:rotate(45deg);
    display: inline-block;
    position: relative;
    left:-11px;
    top:5px;
    height:18px;
    width:18px;
}
*/
.registerTeacher .form-group {
    float: left;
    width: 50%;
	margin-bottom: 3.2em;
}

.registerTeacher .form-group.whole {
    margin-right:1em;
	width:85%;
}



.registerTeacher textarea{
    margin-bottom: 0px;
}


.registerTeacher{
    text-align:left;
}

input[value="Register"] {
    float: left;
    clear:both;
}

input[value="Save"] {
    float: left;
    clear:both;
}
.inline-checkbox-radio{

    display:inline;
    margin-left:1em;
}

.registerTeacher .no-block{
    display:inline;

}

.registerTeacher fieldset{
    border: 1px solid #ccc;
    padding: 1.5em;
}




.registerTeacher fieldset label{
    width:30px;
}

.report-wrapper li{
    list-style: none;
}

.report-wrapper ul li {
    float: left;
    list-style: none;
    display: inline-block;
    margin-right: 40px;
    width: 150px;
}

div.question-set ul {
    list-style-type: none;
    padding: 15px 0 35px 15px;
}

.col-md-10 {
    clear: both;
}

.DataTables_sort_icon {
    background-image: none !important;
}

#settingsTable tr td {
    max-width: 500px;
    overflow: auto;
}


/* Warning for users that hit the old site and are redirected. */
#bannerWarning
{
    width:100%;
    font-size:1.8em;
    text-align:center;
    padding:10px;
	z-index:1333;
	background-color: #fffbeb;
	border: 2px solid #ffd42c;
}
#bannerWarning a
{
   font-weight: normal;
}

#bannerPracticeQuiz
{
    width:100%;
    font-size:1.8em;
    text-align:center;
    padding:10px;
	background-color: #b0b0b04f;
}

/*requested thumbnails in the admin intereface. Quick and dirty.*/
#adminThumbnailTestBankImg{
	width:100%;

}
#adminThumbnailHolderDiv{
	width:100px;
}

#settingSubmitBtn{
margin-top:1em;
}

#helpInstructions img{
max-width:500px;
margin-bottom:3em;
border: 1px solid #333;
}

#zipInfo {
    color: #d00;
}

#error {
    background-color: #d00;
    color: #fff;
    font-weight: 600;
}

#error * {
    color:#fff;
}

#error.sessionExpired {
    clear: both;
    display: inline-block;
}

div.warning
{
    background-color:#fcf8e3;
}
div.form-group{
margin-bottom:1em;}

div.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline label {
  margin-right: 5px;
}

.form-inline input {
  margin-right: 5px;
}

form.block label{
display:block;}

.banner_img {
    width: 100%;
    background-image: url(/content/images/skyline.png);
    color: #fff;
    height: 350px;
    background-color: #3d8bc3;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.banner_img h1 {
    font-size: 2.25em;
    font-weight: 600;
    color: #fff;
}

.banner_img h1 span{
    display: block;
    font-style: italic;
    font-size: 0.7em;
    font-weight: 600;
    margin: 0.5em 0;
}

.banner_FC_img {
    width: 100%;
    background-image: url(/content/images/finance_banner-01.png);
    color: #fff;
    height: 350px;
    background-color: #3d8bc3;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.banner_FC_img h1 {
    font-size: 2.25em;
    font-weight: 400;
    color: #fff;
}

.banner_FC_img h1 span{
    display: block;
    font-style: italic;
    font-size: 0.7em;
    font-weight: 500;
    margin: 0.2em 0;
}

.container {
    width: 1000px;
    margin: auto;
	/* marked down from 180 to */
    padding: 180px 0 0 0;
}

#mainContentHolder ul li strong{
    color: #88b845;
}

#cursor_label {
    background-color: #141414;
    padding: 12px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    box-shadow: 0px 3px 1px RGBA(0,0,0,0.75);
    z-index: 50;
    margin: 30px auto auto -15px;
}

#cursor_label:after {
    position: absolute;
    bottom: -4px;
    left: 7px;
    transform: rotate(45deg);
    content: "";
    height: 15px;
    width: 15px;
    display: block;
    background-color: #141414;
}

#stateSelectorForm select {
    max-width: 185px;
    height: 32px;
    min-width: 85px;
    width: 67%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
	padding: 0px 5px;
    background-image: url(/content/images/download.svg);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 20%;
	background-color: #1f79ba;
    color: #ffffff;
}

#stateSelectorForm select::-ms-expand {
    display: none;
}

#stateSelectorForm input[type="submit"] {
    min-width: 0px;
	height: 32px;
    border: none;
	border-radius: 0px;
	padding: .45em;
    color: #ffffff;
	cursor: pointer;
}



/* COLUMNS */
.c1, .c2, .c3, .c4
{
    margin-bottom: 20px;
    margin-left: 60px;
    float: left;
}
.c1
{
    width: 230px;
    width: calc(25% - 40px);
}
.c2
{
    width: 470px;
    width: calc(50% - 60px);
}
.c3
{
    width: 715px;
    width: calc(75% - 60px);
}
.c4
{
    width: 1000px;
    width: calc(100% - 60px);
}
.c1.first, .c2.first, .c3.first, .c4.first
{
    margin-left: 0px;
    clear: left;
}

.c1.first {
    width: 25%;
}

/* CSS SHORTCUTS */
.right
{
    float: right;
}
.left
{
    float: left;
}
.clear
{
    clear: both;
}
.noDisplay
{
    display: none;
}
.noWrap
{
    white-space: nowrap;
}


/* NAV Toggle */

#navToggle {
  display: none;
  width: 2em;
  height: 2em;
  position: fixed;
  top: 1%;
  right: 4%;
  z-index: 31;
  background-color: RGBA(255,255,255,.4);
  padding: .5em;
  overflow: visible;
  border-radius: 3px;
}

#navToggle span:after,
#navToggle span:before {
  content: "";
  position: absolute;
}
#navToggle span:before{
  top: -.75em;
}
#navToggle span:after{
  top: .75em;
}
#navToggle span {
  position: absolute;
  display: block;
  top: 1.2em;
  left: 50%;
  margin-left: -1em;
}

#navToggle span,
#navToggle span:after,
#navToggle span:before {
  width: 2em;
  height: 5px;
  background-color: #888;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}

/* on activation */
#navToggle.open span {
  background-color: transparent;
  top: 1.5em;
}
#navToggle.open span:before {
  transform: rotate(45deg) translate(0.35em, 0.35em);
}
#navToggle.open span:after {
  transform: rotate(-45deg) translate(0.7em, -0.7em);
}
#navToggle.open + #menu {
  opacity: 1;
  visibility: visible;
}

#headLogo > img {
    width:100%;
    max-width: 400px;
}

#footLogo > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    max-width: 400px;
}

#council-links {
    float: right;
}

#council-links a {
    margin-right: 12px;
}

#council-links a:last-child {
    margin: 0;
}

#divNavigationPlace-cover {
    display: none;
}

.IOS .ios-nofloat {
    float: none;
}

.no-top-pad {
    padding-top: 0 !important;
}

/* BREAK POINTS */

@media (max-width: 900px) {
    #council-links a{
        display: block;
        margin: 2px 0 10px 0;
        text-align: right;
    }
    .registerTeacher .form-group, .registerTeacher .check-group {
        float: none;
        width: 100%;
    }

}

@media (max-width: 1024px) {

    .banner_img h1 {
        padding: 0 4%;
    }

}

@media (max-width: 768px) {

#main {
    margin-left: 0;
    width: 100 !important;
    float: none;
}

#council-links a {
    display: block;
    margin: 2px 24px 10px 0;
}

#navigation li>a {
    padding: 12px 24px;
}
s
    #mainContainer {
        width: 90%;
        padding: 5%;
        position: static;
    }

    .container {
        width: 100%;
    }

    .banner_img h1 {
        font-size: 1.5em;
    }

    .bp-768 {
        width: 100% !important;
        margin: 0 !important;
    }

    #navToggle {
        display: block;
        top: 3%;
    }

    #divNavigationPlace {
        position: fixed;
        right: -60%;
        top: 0;
        transition:all .25s ease;
        background-color: #ebebeb;
        padding: 80px 10% 10% 10%;
        z-index: 30;
        width: 40%;
        height: 100vh;
        overflow: scroll;
      }

      #divNavigationPlace-cover {
        background-color: #ebebeb;
        position: fixed;
        height: 100vh;
        right: -20px;
        width: 20px;
        z-index: 30;
        content: "";
        display: block;
        top: 0;
        transition:all .25s ease;
        opacity: 0;
      }

    #navToggle.open + #divNavigationPlace {
        right: 0;
      }

      #navToggle.open ~ #divNavigationPlace-cover {
        opacity: 1;
        right: 0;
      }

    #headMainContainer {
        width: 50%;
        margin: 0;

    }

    #council-links {
        clear: both;
        float: none;
        position: relative;
    }

    #council-links img {
        height: 20px;
        width: 20px;
    }

    #council-links a {
        display: block;
        margin: 2px 24px 10px 0;
        text-align: left;
    }

    #navigation li>a {
        padding: 12px 24px;
    }

    #navigation ul.nav_button_secondary li a, #navigation ul.nav_button_main li a {
        padding: 12px 24px;
    }

    #contact {
        margin: 40px 0 100px 0;
    }

    #headContainer {
        padding: 4%;
    }

}

@media (max-width: 568px) {

    #headMainContainer {
        width: 70%;
        margin: 0;
    }

    .hide-568 {
        display: none;
    }

    .bp-568 {
        width: 100% !important;
        margin: 0 !important;
    }

    #divNavigationPlace {
        right: -70%;
        width: 50%;
    }

}

@media (max-width: 480px) {

    .bp-480 {
        width: 100% !important;
        margin: 0 !important;
    }

    #divNavigationPlace {
        right: -100%;
        width: 80%;
    }

}

/* Specific styles to make the box stand out more like a tool to use*/
#zipCodeLookupContainer {
    clear: both;
    background-color: #EBEBEB;
    border: 1px solid #CCC;
    padding: 1em;
    margin-bottom: 1em;
    width: 80%;
}

.smaller{font-size:.8em;}

#inPersonForm select{
	width: 100%;
}


/* add some margin back for the select2 box. */
#inPersonForm li, #wildCardForm li{
margin-right:8px!important;
}

.more-margin-top{
	margin-top:1em;
}

.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
	 top: -5px;
    left: 105%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

table.admin-survey-table td
{
	border: 1px solid #eee;
}

table.admin-survey-table{width:100%;}

.selectForPreview{width:auth;}

#codeTable, #codeTable td, #codeTable th {
	border: 1px solid #cccccc;
}

.extra-margin-top{
	margin-top:1em;
}
.double-extra-margin-top{
	margin-top:1em;
}


.hidden{
	display:none;
}

.before-pipe::before{
	content: " | "
}


/* header changes requested task #151 */
#financeHeader .headerStateName{
	/* E.g, Nebraska*/
	font-size: 1.8em;
	font-weight: bold;
	margin-top:-100px;
}

#financeHeader .headerMiddleText{
	/* E.g., Finance Challenge */
	font-weight: bolder;
	font-size: 2.4em;
}

#financeHeader .sponsoredByText{
	/* E.g., Sponsored by the.... */
	font-size: 0.5em;
	text-transform:uppercase;
}

.error{
    color: #b94a48;
}

.dataTables_wrapper .ui-state-disabled {
    opacity: 0.9 !important;
}

.selectize-input.focus {
        outline: 1px solid;
}

.selectize-dropdown .active {
    background-color: #1e90ff !important;
    color: #fefdfa !important;
}