/*
Author: 
Project:
Date:
Credit: Lee Munroe www.leemunroe.com
*/


/* 
# CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/


/* 
# Colour reference ###################
red: #CB002F
blue: #0D2D84
light-blue: #5d84ef
gray: #AEAEAE
*/
 
/*
# Reset defaults ################### 
*/
/* @import url(./960_12_col.css) screen; */
/* @import url(./960_16_col.css) screen; */
/* @import url(./960_24_col.css) screen; */
@import url(print.css) print;

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } /* Reset margins and padding */

a:link, a:visited{text-decoration:none;outline:none;} /* Reset link styles */

html {overflow: -moz-scrollbars-vertical;} /* Mozilla scrollbar fix */

#skipto{position:absolute;left:-9999px;top:-9999px;} /* Hides the skip to link - useful for screen readers */

.group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* Automatically clears after any element with this class */
.clr{clear:both;}
/* * { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; } */
/*
# Layout ################### 
*/
 
body{font:12pt/1.5 Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;color:#222;background:#F0EEED;}
body.form_page{background:#FFF url(/img/10pct_color.png);}
#wrapper{width:960px;overflow:auto;padding:0;margin:0 auto;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#FFF;}
#nav{width:960px;padding:0;text-align:right;float:right;margin-bottom:20px;background:#FFF;}
#login_info{width:605px;height:20px;margin:0 0 50px;padding:0;text-align:right;float:left;}
#login_info p{font-size:0.75em;margin:5px 15px;}
#header{width:960px;margin:0 auto;background:#FFF;}
#content {
    width: 960px;
    margin: 0 auto;
    height: 100%;
    min-height:500px;
    border: 0px solid #999;
    /* padding:10px; */
    padding: 0;
    background: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 40px;
}
#footer{width:960px;margin:0 auto 50px;min-height:25px;text-align:center;background:#AAA;}

#breadcrumb{border:1px solid #333;background:#AAA;border-left:0;border-width:1px 0;}
#breadcrumb p{margin:0 10px;color:#FFF;font-weight:bold;padding:3px;font-size:11pt;}
/*
# Nav ################### 
*/



/*
# Headings ################### 
*/
h1,h2,h3,h4,h5,h6,strong,.accordian-heading{font-weight:bold;}
h1{font-size:2.5em;}

h2{font-size:2.0em;}

h3{font-size:1.75em;}

h4{font-size:1.3em;}
h4{font-size:1.1em;}

#logo{height:40px;float:left;display:block;}
#logo a{display:block;height:100%;width:100%;}
#logo a img{display:inline-block;height:100%;}
#logo a span{
    font-size: 1.75em;
    font-weight: bold;
    
    vertical-align: top;
} 

/*
# Lists ################### 
*/
.no_bullets,.no-bullets{list-style:none;padding:10px;}
ul.journal_notes{list-style:none;padding:5px;}
ul.journal_notes li{margin:0 0 15px}
ul.journal_notes li p{font-size:0.9em;}
ul.class-list{list-style:none;margin:10px 3px;}
ul.class-list li{font-size:0.7em;}
h3.accordian-heading{font-size:0.8em !important;font-weight:normal;line-height:1em;}
/*
# Images ################### 
*/

img{border:none;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}
img.student_img{width:260px;min-height:260px;border:2px solid #8C8C8C;}
/*
# Links ################### 
*/

a{color:#0D2D84;}
a:hover,.expand:hover{color:#CB002F;}
.edit_link {text-align:right !important; padding:0 5px;float:right;width:auto;}
.edit_link_nofloat 
{
    float:none; 
    text-align: unset !important;
}
div.edit_link{margin: 5px 0px;}
.edit_link td{text-align:right !important; padding:0 5px;width:auto;border:1px solid #333;}
.edit_link a,a.edit_link{font-size:9pt;margin:0 0 0 3px;}
.edit_link a.delete_popup,a.delete_popup, a.delete_popup_confirmation{color:#F00;}
.date_display{border-bottom:2px dotted #999}
/*
# Forms ################### 
*/
/*  general form element settings */
label {display:block;font-size:0.8em;color:#5d84ef;}
form ul,form li {list-style:none;padding:0;}
textarea {width:95%; height:7em;}
input,select,textarea {margin:0 0 5px 0;border:1px solid #ddd;border-top-color:#AAA;padding:2px 5px;}

label.il {display:inline;margin:0 15px 0 3px;}
.login_container{width:960px;padding:100px 0 10px;text-align:center;background:#FFF;margin:0 auto;height:700px;}
.login_logo{width:345px;margin:100px auto 10px auto;}
.login_form{margin:40px 0 0 0;}
.login_container label{display:inline; margin:10px;}
.login_container li{list-style:none;padding:10px;}
.login_container a{margin-left:25px}

div.form_container {width:100%;border:1px solid #999;border-collapse:collapse;border:0;padding:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

input.btn, .btn {
 border-top: 1px solid #6E5E54;margin:15px 5px; background: #9b887c; padding: 2px 3px;border-radius: 5px;color: #EEE; font-size: 11pt; text-decoration: none; vertical-align: middle;cursor:pointer;
}
input.btn:hover, .btn:hover {
 border-top-color: #211c19; background: #9b887c;color: #EEE;
}
input.btn:active, .btn:active {
 border-top-color: #211c19; background: #9b887c;
}
form {display:inline;}
input.search_btn{cursor:pointer;margin:2px 10px;background:transparent url(../img/search_bg.png);text-indent:15px;border-radius: 3px;}
div.form_container{padding:15px;}
textarea.rteditor{width:600px;height:115px;}
.save{margin:5px 5px 0 !important;cursor:pointer;}
fieldset{border:1px solid #538BA6 !important;padding:15px;margin:15px 0;}
.rdo {margin:2px 5px;}
.error_report{font-size:10pt; color:#FFF;background:#FF0000;padding:1px 5px;font-weight:bold;position:absolute;float:left;margin:0 0 0 15px;}
.error_field {border:1px solid #FF0000;background:#FFF;}
input.search {background:#fff url(../img/bg_search.png) 2px 2px no-repeat;padding:2px 2px 2px 20px;}
.dateonly {width:125px;}
select.date_form{font-size:1.25em !important;border:0;}
input.calc {text-align:right;width:85px;background:#FFF url(../img/dollar.png) 2px 2px no-repeat;padding-left:20px;}
textarea.user_defined {height:35px;}
form.task_list {margin:0 5px 0;display:inline;}
input[type=checkbox]{margin:0 5px}
input[readonly] {background: buttonface;}
.action_form_container{border:1px solid #333;margin:10px;padding:5px;}

.error_container{width:65%;margin:20px auto 10px;}
ul.error_display {background:#FFE;margin:0;padding:15px;border:1px solid #F00;}
ul.error_display li{list-style-position:inside;/* list-style:none; */ color:#F00;font-size:10pt;}
label.reqd span {background:transparent url(../images/reqd.png) 0 0 no-repeat;padding-left:17px;}

form#contact_list li.campaign_form{margin:0 10px;}


button.button_like_link { background: none!important; border: none; padding: 0!important; /*border is optional*/ border-bottom: 1px solid #444; cursor: pointer; }

input#subject{width:553px !important;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*
# Tables ################### 
*/
.headerow {background:#6E5E54;}
.headerow  td a {background:#6E5E54;color:#FFF;text-decoration:none;}
.headerow  td {padding:1px 3px;}
.paginate {width:100%;border-collapse:collapse;border:0;}
.paginate td {padding:1px 4px;font-size:11pt;border:0;
    max-width: 250px;}
.paginate td.icon_container {width:20px;}
h4.totalrow, tr.totalrow{
    color: #FFF;
    background-color: #777777 !important;
    font-weight: bold;
}

h4.totalrow{
    margin: 0 !important;
}

tr.totalrow a{
color: #8bccf8;

}
tr.totalrow a:hover{
    color: #46a030;
    
    }
table.form_container {width:100%;border:1px solid #999;border-collapse:collapse;border:0;}
table.form_container td {vertical-align:top;padding:3px 5px;}
table.form_container td input[type=text]{width:95%}

.form_container.label_left li, .form_container.label_left{
    margin-top: 8px;
    clear: both;
}

.form_container.label_left li label, .label_left label{
    float: left;
    width: 115px;

}

.smaller_label label{
    width: 75px;
}

table.display_grid{width:100%;margin:25px auto;border-collapse:collapse;table-layout: fixed;}
table.display_grid tr.head{color:#FFF;background:#333;}
table.display_grid tr:nth-child(2n){background:#EEE;}

table.display_grid td, table.display_grid th{width:100%;background:transparent;padding:3px 5px;}

table.phone_display {width:90%;border-collapse:collapse;table-layout: auto; margin-bottom: 20px !important;}
table.phone_display td{width:auto;background:transparent;padding:1px 3px; font-size:11pt;}

.no_wrap{
    white-space:nowrap;
}

.m_brick table.phone_display{
    max-width: 100%;
}

caption{
    font-weight: bold;
}

.totalgrid{
    width: 25%;
}
.totalgrid table {

    width: 100%;
    font-size: 16pt;
}

.col3table > tbody > tr > td{
    width: 300px;
    vertical-align: top;
}
.table_wrapper
{
    position: relative;
    border-radius: 5px;
    border: 1px solid #DDD;
    margin-bottom: 10px;
}

.table_wrapper h4{
    
    padding: 0 15px;
    font-size: 13pt;
    background: #FFF url(/img/10pct_color.png);
}

.scroll_10{
    max-height: 19em;;
    overflow: auto;
    overflow-x: hidden;
    

}


td.info_description{
    max-width:143px;
    word-break: break-all;

}

tr.inactive_row, li.inactive_row a{
    font-style:italic;
    background-color: #FDCDCD;
}
li.inactive_row a{
    padding: 1px 5px;
    
}

/*
# Typography ################### 
*/

p{margin:0 0 1.5em;}
.section{margin:2px !important; padding:10px !important;border-bottom:2px solid #999;font-size:11pt;margin-bottom:10px !important;}
.m_brick p,.m_brick div,.m_brick ul,.m_brick h1,.m_brick h2,/* .m_brick h3:first-child, */
.m_brick h5, .m_brick .subform{padding:0 15px !important;}
div.m_brick_relative{
    padding: 0 0 10px !important;
    margin: 0 7px 20px;
}
.m_brick table{margin:0 15px;}
.m_brick_relative h4, .m_brick h4{margin:0 0 1em;padding:0 15px;font-size:13pt;background:#FFF url(/img/10pct_color.png);}
.per_page{font-size:0.75em;font-style:italic;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:right;}
.by_line{font-size:0.8em;font-style:italic;margin-bottom:0;color:#999;}

table.no_margin{
    margin: 0;
}

.normal_padding{
    padding: 0 10px ;
}

/*
# Other ################### 
*/

.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}
.indent{margin-left:15px !important;}
.inline{display:inline;margin-left:0.5em;}
.details{font-size:0.75em;font-style:italic;}

.expander{cursor:pointer !important;}

.expand{
    cursor:pointer;
    color: #0D2D84;
}

.m_brick, .m_brick_relative{border-radius: 5px;border:1px solid #DDD;background:transparent;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:10px;margin-bottom:10px;padding-bottom: 10px;}
.m_brick.no_outilne{border:0 !important;}
.module_half,.module_third,.module_two_thirds,.module_full{margin:5px;padding:15px 10px;float:left;border-radius:5px;border:1px solid #DDD;background:transparent url(../img/10pct_color.png);}
.module_half{width:440px;}
.module_third{width:282px;}
.module_two_thirds{width:595px;}
.module_full{width:910px;}
.full{margin:0;padding:0;float:left;width:950px;}

pre{
    font-size:9pt;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
   }
.details pre{
    font-style: italic;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

.stricken{text-decoration: line-through;}

.highlight { background-color:#FCFFB0;border-bottom:1px dotted #FF0000;}

.attention_message {border:1px solid #F00; color:#F00;padding:5px;background:#FFF}
.happymessage {background-color:#E6FF80; color:#008F00; border:1px solid #EEE; padding:5px;}
.task_done {background-color:#E6FF80; color:#008F00; border:1px solid #008F00;margin: 5px 0;padding:2px 0;}
.task_overdue{background-color:#FFFFBF;border:1px solid #FF0000;margin: 5px 0;padding:2px 0;}
.successful{background-color:#E6FF80; color:#008F00; border:1px solid #ddd; padding:10px 15px; font-weight:bold;}
.error{background-color:#FFFFBF; color:#FF0000; border:1px solid #000; padding:3px; font-weight:bold;}
#action_msg {position:absolute;top:-150px;text-align:center;width:950px;margin:0 auto !important;/* vertical-align:middle; */z-index:9999;}

/* jquery ui tweaks */
.ui-menu-item{font-size:11pt}

/*** PROMPTS display ***/
#prompts_container{position:relative;/* border:1px solid #DDD; */float:right;z-index:1;}
#prompts {overflow:hidden;text-align:left !important;display:none;position:absolute;background:#fff;z-index:10;top:37px;right:0px;border:1px solid #999;padding:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0 0 5px 5px;width:225px !important;}
#prompts ul li,ul.prompts li{margin:15px 0 !important;padding:5px 3px !important; list-style:none;}
#prompts ul li{font-size:10pt;line-height:1.25em;}
.notice{background-color:#FFF7F2;border:1px solid #E67300;border-radius:4px;padding:3px;color:#E67300;width:30%;margin:6px 0px 6px 10px;font-size: .8em;}
.notice [class^="icon-"]{color:#E67300;}
.error{background-color:#FEE;border:1px solid #F00;border-radius:5px;padding:5px;color:#F00 !important;}
.error [class^="icon-"]{color:#F00 !important;}


a.nav_link { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; font-size: 10pt; font-weight: normal; height: 36px !important; position: relative; border-bottom: 5px solid #AEAEAE; color: #CB002F; margin: 0; padding: 1px 8px 3px; text-decoration: none; }
a.nav_link span { background: #FF0000; border-radius: 2px; color: #FFFFFF; font-size: 8pt; font-weight: bold; left: -3px; padding: 0 4px; position: relative; top: 2px; }
a.nav_link.narrow { 
    padding: 5px !important;
    margin-top: 1px;
}
a.nav_link i { color: #999; font-size: 16pt; line-height: 0.9 !important; margin: 0 !important; }
a.nav_link { -moz-box-sizing: border-box; float: left; font-size: 10pt; font-weight: normal; /* height: 35px; */ /* padding: 5px; */ position: relative; }
.by_line, .by-line { color: #777777; font-size: 0.9em !important; font-style: italic; margin-bottom: 0; }


.belt{line-height:42px;height:42px;margin:5px 0;padding-left:120px;}
.belt.not-yet{opacity: 0.4;}

.belt_title{line-height:50px;vertical-align:middle; margin-bottom: 5px;}
.belt_title img{margin:auto 10px;width:117px;vertical-align:middle;}
.belt_title span{margin:auto 10px;vertical-align:middle;line-height:50px;}

.belt-small{height:25px;margin-right:10px;}

.belt .button1{
line-height: 1.5em;

}
li.attachment{
    padding-left:150px;
}
li.attachment table.phone_display{

    width: 100%;
}

.attendance li{margin:10px 0;}
.attendance li:nth-child(2n){background:#EEE;}
.attendance .attendance-button{margin:5px;cursor:pointer;}
.attendance form{display:inline;}
.attendance p{margin:0 !important;}

input[type="submit" i],a.button1, button.button1{
    margin:5px;
    cursor:pointer; 
    border-radius: 4px;
    padding: 5px 10px;
}


a.add_link, a.delete_link
, a.balloons{
    padding-left: 26px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    
}

a.add_link{
    background-image: url('/img/add.png');
}

a.balloons{
    background-image: url('/img/balloons.png');
    background-size: 19px;
}

a.delete_link{
    background-image: url('/img/delete.png');
}

a.add_left{
    text-align: left;
}

a.button1, input[type="submit" i].attendance-button, button.button1{
    border: 1px solid gray;
    color: #0D2D84;
    font-size: 9pt;
    background-color:white;
    display: inline-block;
}
a.button1:hover, button.button1:hover
, input[type="submit" i].attendance-button:hover
, a.popup:hover img
, a.delete_popup:hover img
, a.delete_popup_confirmation:hover img{

    border-color: #CB002F;
    box-shadow: 0 0 2px 1px #CB002F;
    background-color:  white;
}

input[type="submit" i]{
    border: 1px solid gray;
    background-color:  #0D2D84;
}

input[type="submit" i]:hover{

    background-color: #CB002F;
    border-color: #CB002F;
    
}


.dbinfo{
    display:block;
    position: absolute;
    top: 30px;
    z-index: -1;
}

.Modal_popup .dbinfo{
    display: none;
}

body.Modal_popup{
    min-width: auto;
    

}

.red_placeholder::-webkit-input-placeholder {
    color: #c40101;
}

.textarea {
	min-height: 2em;
	max-height: 50vh;
    width: 95%;
}

.dollar{
	display:inline-block;
	position: relative;
	}

.dollar:before {
	position: absolute;
    content:"$";
    left:5px;
	top:1px;
     }


table.breakdown{
    padding-bottom: 15px; 
}

table.breakdown{
    width:90%;
    
}

.breakdown_total table{
    width:100%; 
    padding: 0;
    margin: 0 auto;
    border-radius: 5px;
}

.breakdown_total{
    padding: 0;
    
} 

.icon_container{
    position: relative;
    height: 22px;
}

.icon_container img{
    height: 23px;

}

.tester_number{
    width: 23px;
    text-align: center;
    position: absolute;
    top: 1px; 
    text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em darkblue;
    font-weight: bold;
    color: white;

}

.header_icon{
    position: absolute;
}
img.header_icon {
    height: 20px;
}

.float_right{
    float: right;

}

.clear_float{
    clear: both;
}

.pad_left_right{
    padding-left: 5px;
    padding-right: 5px;

}

.align_right{
    text-align: right;
}

.sticky{
    position: sticky;
    position: -webkit-sticky;
    width: 100px;
    height: 20px;
}