/* --////// Headers, Labels and Buttons //////-- */
/*--
h1 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 22px; color: #214a7d; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; border-bottom:#cccccc solid 1px;}
h2 {font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 22px; color: #333; margin: 7px 0px 0px 0px; padding: 0px 10px; text-transform: uppercase;}
h3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px; }
h4 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #666666; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
h5 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #666666; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: uppercase; }
--*/

html {
    overflow-y: scroll;
}

.header_rule {

}

.presentAssignment { display:block; clear:both; overflow: hidden; }

.student_row {
    border-bottom: 1px solid #ececec;
    font-size: 12px;
}
.student_row .period {
    font-size: 13px;
    padding: 7px 3px;
    width: 5px;
}
.student_row .course {
    font-size: 13px;
    width: 50%;
}
.student_row .course a {
    color: #2d518f;
    display: block;
    padding: 7px 3px;
}
.student_row .course a:hover,
.student_row .teacher a:hover {
    background: none repeat scroll 0 0 #f90;
    color: #fff;
}
.student_row .spacer {
    width: 21%;
}
.student_row .teacher {
    font-size: 11px;
    padding-left: 5px;
    text-align: right;
/*    width: 29%; */ /* COMMENTING OUT TO ALIGN GRADES */
}
.student_row .teacher a {
    display: block;
    float: right;
    padding: 3px;
    width: 100%;
}
.student_row .t_mail {
    width: 28px;
}

.wijmo-wijmenu-text {
    font-size: 13px;
}
#add-buttons li a.active-menu {
    padding: 0.3em;
}

form {margin: 0px;}
select {background-color: #fff;; color:#666666; border: 1px solid #ccc;; font-size:11px; font-weight:bold; font-family:Arial;}
textarea {background-color: #efefef;; color: #333333; border: 1px solid #cccccc;; margin-right: 0px; padding: 1px; width:80%; height:150px;font-family: Arial; color:#333333; font-size:13px;}

input:focus, textarea:focus{background-color: lightyellow;}

td {vertical-align:top;}
p {margin-bottom: 0px; margin-top: 0px;}
.string_content p {margin-bottom: 10px;}
img {border: 0px;}
br {font-size:5px; margin:0px 0px 0px 0px;}

ul {margin-top: 0px; margin-bottom: 10px; list-style-type: square; }
ol {margin-top: 0px; margin-bottom: 10px;}
blockquote {margin:0px 0px 0px 5px;}
blockquote input{margin:2px 0px 2px 18px;}


a:link {color: #059; text-decoration: none;}
a:visited {color: #059; text-decoration: none;}
a:hover {color: #ff9900; text-decoration: none;}

input {
        border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.shadow_round {
    -webkit-box-shadow: #d2d2d2 0px 0px 6px;
    -moz-box-shadow: #d2d2d2 0px 0px 6px;
    box-shadow: #d2d2d2 0px 0px 6px;
    border: 1px #ececec solid\9; /* IE 8 and below */
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.round {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.round-top {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    cursor: pointer;
}

.round-bottom {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
}

.round-left {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.round-right {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}


.gradient_blue {
    background: #cedcec;
    background: -moz-linear-gradient(top, #ecf1f7 0%, #cedcec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fecf1f7), color-stop(100%,#cedcec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ecf1f7 0%,#cedcec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ecf1f7 0%,#cedcec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ecf1f7 0%,#cedcec 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ecf1f7 0%,#cedcec 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf1f7', endColorstr='#cedcec',GradientType=0 ); /* IE6-9 */
}

.light_blue {
    background: #ecf1f7;
}

.highlight {background-color: #fff8ed;}
.highlight_dark {background-color: #f2f0e9;}
.highlight_light {background-color: #fff8ed;}
.highlight_white {background-color: #fff;}
.highlight_text {background-color: yellow;}

.item_plain {border-left: 3px #fafaeb solid; background: #fafaeb;}
.item_highlight {border-left: 3px #faf6da solid; background: #faf6da;}

.table_basic {display: table; width: 100%;}
.table_basic .column {display: table-cell;}
.table_basic .column_50p {display: table-cell; width: 50%;}
.table_basic .space {display: table-cell; padding: 5px;}

.table_scope {display: table; width: 100%;}
.table_scope .column {display: table-cell; padding: 2px;}
.table_scope .column_check {display: table-cell; width: 20px;}
.table_scope .space {display: table-cell; padding: 5px;}


.table_basic_borders {display: table; width: 100%; border: 1px #ececec solid;}
.table_basic_borders .column {display: table-cell;}
.table_basic_borders .column_50p {display: table-cell; width: 50%; border-bottom: 1px #ececec solid; border-left: 1px #ececec solid;}
.table_basic_borders .space {display: table-cell; padding: 5px;}


.float_l {float: left}
.float_r {float: right}

.margin_t5 {margin-top: 5px;}
.margin_t10 {margin-top: 10px;}
.margin_r10 {margin-right: 10px;}


.padding_t3 {padding-top: 3px;}
.padding_t5 {padding-top: 5px;}
.padding_t10 {padding-top: 10px;}

.padding_l10 {padding-left: 10px;}
.padding_l20 {padding-left: 20px;}

.padding-l10 {padding-left: 10px;}
.padding-l20 {padding-left: 20px;}

.padding_r10 {padding-right: 10px;}
.padding_r20 {padding-right: 20px;}

.padding_b5 {padding-bottom: 5px;}
.padding_b10 {padding-bottom: 10px;}
.padding_b20 {padding-bottom: 20px;}


.padding_3 {padding: 3px;}
.padding_5 {padding: 5px;}
.padding_10 {padding: 10px;}
.padding_20 {padding: 20px;}

.padding_3_10 {padding: 3px 10px;}
.padding_5_10 {padding: 5px 10px;}
.padding_5_0 {padding: 5px 0px;}

.padding_top_10 {padding-top: 10px;}

.dashed_rule {border-top: 1px #ddd dashed; height: 1px;}

span.strikethrough {text-decoration: line-through; color: #333; cursor: pointer;}

div.strikethrough {text-decoration: line-through;}

.no_wrap {white-space:nowrap;}
.clear {clear: both;}

.error_header {font: bold 22px Arial, Helvetica, sans-serif; color: #cc0000; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; }


.ui-icon-closethick {text-indent: 9999px;}


.round {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.round_top {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    cursor: pointer;
}

.round_bottom {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/kcf5uOXucLcbFOydGU24WALUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}



/* LMS crossovers */

.float-l {float: left;}
.float-r {float: right;}
.padding-5-10 {padding: 5px 10px;}
.padding-0-5 {padding: 0px 5px;}


.teachersite .ajax_accordion_content .assignment-dates {
    background: transparent;
    padding: 0px 5px 0px 13px;
    margin: 0px;
   border: 1px #c00 solid;

}
.teacher-site .ajax_accordion_content .jsWideColumn {
    padding-left: 5px;

}
.teacher-site .ajax_accordion_content .css-table {
    background: transparent;
    padding: 0px ;
    margin-right: 10px;

}

.teacher-site .assignment-dates .ajax_accordion_content  .label{
    float: left;
    font-family: lato, arial, san-serif;
    font-size: 11px;
    color: #666;
    padding: 0px;
}

.teacher-site .assignment-dates {
     margin: 0px;
     padding: 0px;
}

.teacher-site .assignment-dates .label{
    float: left;
    font-family: lato, arial, san-serif;
    font-size: 11px;
    font-weight: bold;
    color: #666;
padding: 0px 5px 0px 0px;
}

.teacher-site .assignment-dates .text{
    float: left;
    font-size: 11px;
    font-family: lato, arial, san-serif;

    color: #666;
    padding: 0px 5px 0px 0px;
}





.teacher-site .jsEditAreaRightFront {
height: auto;
}

.teacher-site .jsEditArea {
    display: block;
    height: auto;
    -moz-box-shadow:    0px 0px 1px #d2d2d2;
    -webkit-box-shadow: 0px 0px 1px #d2d2d2;
    box-shadow:         0px 0px 1px #d2d2d2;
    border: 1px #ececec solid\9; /* IE 8 and below */

}

.module .jsEditArea {
    display: block;
    height: auto;
    -moz-box-shadow:    0px 0px 1px #d2d2d2;
    -webkit-box-shadow: 0px 0px 1px #d2d2d2;
    box-shadow:         0px 0px 1px #d2d2d2;
    border: 1px #ececec solid\9; /* IE 8 and below */

}


.module .jsEditArea {
    display: block;
    height: auto;
    -moz-box-shadow:    0px 0px 1px #d2d2d2;
    -webkit-box-shadow: 0px 0px 1px #d2d2d2;
    box-shadow:         0px 0px 1px #d2d2d2;
    border: 1px #ececec solid\9; /* IE 8 and below */

}

.teacher-site .content-spacing {
    height: 5px;
}



.teacher-site .content-title {
    font-family: lato, arial, san-serif;
    font-size: 18px;
    font-weight: 400;
    color:#333;
    margin-top: 5px;
    margin-bottom: 5px;
}

.content-title {
    font-family: lato, arial, san-serif;
    font-size: 18px;
    font-weight: 400;
    color:#333;
    margin-top: 5px;
    margin-bottom: 5px;
}






a.icon_outlook {text-indent: -9000px; display: block; background: transparent url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_outlook.png) center no-repeat; height: 25px; width: 35px; text-decoration:none; }
a.icon_outlook:hover {background: #f90 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_outlook.png) center no-repeat; text-decoration:none;}





a.link{background: url(`/idir()`icon_locker_link.png) left no-repeat; padding: 2px 0px 2px 24px !important; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px;}
a.file{background: url(`/idir()`icon_locker_doc.png) left no-repeat; padding: 2px 0px 2px 24px !important; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px;}
a.pdf{background: url(`/idir()`icon_locker_pdf.png) left no-repeat; padding: 2px 0px 2px 24px !important; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px;}



/* -- Assignment Form -- */





.teacher-site .title{
    float: left;
    font-family: lato, arial, san-serif;
    font-size: 20px;
    font-weight: normal;
    padding-left: 5px;
    margin: 0px 0px 5px 0px;
    color: #000;
}


.teacher-site .dash-label {
    font-family: lato, arial, san-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 3px 0px;
    color: #666;
}

.teacher-site .content {
    background: #fff;
    padding: 5px;
    margin-bottom: 10px;
    -moz-box-shadow:    0px 0px 4px #d2d2d2;
    -webkit-box-shadow: 0px 0px 4px #d2d2d2;
    box-shadow:         0px 0px 4px #d2d2d2;
    border: 1px #ececec solid\9; /* IE 8 and below */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.teacher-site .content-label {
    font-size: 13px;
    font-family: Lato, Arial, san-serif;
    padding: 2px;
    padding-bottom: 3px;
}



.editor-area {
     background: #fff;
     position: relative;
     border-bottom: 1px solid #e7e7e7;
     border-left: 1px solid #e7e7e7;
     border-right: 1px solid #e7e7e7;
     margin-bottom:10px;

}


h3.rte-heading {
    font-size: 120%;
    font-weight: 600;
    color:#333;
}

h4.rte-sub-heading {
    font-size: 112%;
    color:#333;
    font-weight: 300;
}

 .item-holder {
    margin-bottom:10px;
 }
.shutdown {font-family: Arial; color:#FFFFFF; font-size:18px; font-weight:bold; text-align:center; margin:0px;padding:0px;background-color:#ff0000 }

#skip a, #skip a:hover, #skip a:visited
{

position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;

}

#skip a:active, #skip a:focus
{
position:static;
width:auto;
height:auto;
}

.red {color:#CC0000;}
.green {color: #999900;}
.grey {color: #999999;}

.column_spacer {width: 75px;}

/* Overflow for Export Grades */
@media all and (min-width: 0px){
.os {
position:relative;
height:auto;
}
.os select {
position:absolute;
}
}

/* -----Dev Links-----*/

.dev-links {
    color: #efefef;
    width: 140px;
    position: fixed; top: 0; left: 0;
    background: black;
    opacity: 0.85;
    filter: alpha(opacity = 85);
    z-index:100;
}


.dev-links a {
    padding-left: 2px;
    padding-right: 2px;
    color: #cccc00;
}

.dev-links ul {
    padding: 3px;
    list-style-type: none;
    font-size: .80em;
}

.dev-links li {
    text-align: center;
    padding: 1px;
}





.gb_table {background: #ffffff; padding: 0px 0px 0px 0px; margin: 0px; border-spacing: 0px; font-size:12px;}
.gb_table td {padding: 2px 10px 2px 2px; margin: 0px; border-spacing: 0px}

.gb_table_drag {background: #ffffff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-spacing: 0px; font-size:12px; border-bottom: 1px #cccccc solid}
.gb_table_drag td {padding: 5px 10px 5px 2px; margin: 0px; border-spacing: 0px}
.gb_table_drag td .left {padding-left: 10px; margin: 0px; border-spacing: 0px;}

.clear_margin {clear: both; width: 100px; height: 1px; border: 0px; padding: 0px; margin: 0px;}

.clear {
    clear: both;
}




/* --////// Editable Content Blocks //////-- */
.block_image_top {height: auto; margin: 0px 0px 8px 0px;}
.block_image_right {float: right; height: auto; margin: 0px 0px 8px 8px;}
.block_image_bottom {height: auto; margin: 8px 0px 0px 0px;}
.block_image_left {float: left; height: auto; margin: 0px 8px 8px 0px;}

.block_text {margin: 0px}
.block_spacer {width: 100px; height: 10px; clear: both; margin: 0px 0px 0px 0px;}

.nav_block {margin: 0px auto; padding: 0px 0px 5px 0px; vertical-align:middle;
voice-family: "\"}\"";
voice-family: inherit;
}

.nav_block ul{list-style:none; margin:0px 0px 5px 0px; padding: 0px;}

.nav_block li{
display:block;
float:left; font: bold 11px Arial, Helvetica, sans-serif;
width: 140px;
background: #efefef url(/img/cms/nav_blue_grey_arrow.gif) right no-repeat;
text-decoration:none;
vertical-align:middle;
margin: 10px 0px 5px 0px;
border: 1px #3366cc solid;
}


.nav_block a{
float:left;
display: block;
margin:0px 0px 0px 0px;
padding: 1px 10px 1px 10px;
text-decoration:none;

}

.nav_block a:hover{
float:left;
display: block;
width: 120px;
margin:0px 0px 0px 0px;
padding: 1px 10px 1px 10px;
text-decoration:none;

}




/* ######### Style for Drop Down Menu ######### */

.block_dropmenudiv_a{
position:absolute;
top: 0px;
margin: -1px 0px 0px -1px;
padding: 0px 0px 3px 0px;
font:normal 11px Arial;
z-index:100;
background: #ffffff;
border: 1px #cccccc solid;
width: 140px;
visibility: hidden;
}


.block_dropmenudiv_a a{
width: 145px;
display: block;
margin: 1px 0px 1px 0px;
padding: 3px 5px 3px 5px;
text-decoration: none;

z-index:100;
text-align: left;
}

* html .block_dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.block_dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background: #ffffbb;
margin: 1px 0px 1px 0px;
padding: 3px 5px 3px 5px;
text-decoration: none;
z-index:100;
}

input.white {border:1px solid #cccccc; background-color:#ffffff; width:95%; font-family: Arial; color:#333333; font-size:12px; font-weight: normal;}
input.grey {border:1px solid #cccccc; background-color:#efefef; width:95%; font-family: Arial; font-weight: normal; color:#333333; font-size:12px;}
.email_form, .lookup {border:1px solid #aeaeae; background-color:#fff; width:80%; font-family: Arial; color:#333333; font-size:12px;}
.email_form, .lookup {border:1px solid #ccc; background-color:#fff; width:80%; font-family: Arial; color:#333333; font-size:12px;}
.email_form_error {border:#CC0000 solid 1px; background-color:#FFCCCC; width:80%; font-family: Arial; color:#666666; font-size:12px;}
.problem { background-color:#CA0813; color:#000000; padding:1px;}

.login_label {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333;    background-position: center;}

#login_form input.Text {color: #333; border:1px solid #ddd; background-color:#faf8f5; width:90%; font-size:15px; padding: 5px 3px;}
#login_form a.btn_css{font-size: 13px; padding: 7px 10px;}

input.Text {border:1px solid #aeaeae; background-color:#faf8f5; width:90%; font-size:12px;}
.input_none {border:1px solid #ffffff; background-color:#ffffff; width:90%; font-size:12px;}
.form_label {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:bold; text-align: right; vertical-align: middle;}
.form_label_above {font-size:15px; color:#333; font-weight: normal; vertical-align: middle; padding: 5px 0px 5px 0px;}
input.search {border:1px solid #aaaaaa; background-color:#ffffff; width:100%; color:#333333; font-size:11px; margin: 0px}
input.login {border:1px solid #aeaeae; background-color:#faf8f5; width:90%; font-size:11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

input.search_support {border:1px solid #aaaaaa; background-color:#ffffff; width:100%; color:#333333; font-size:15px; margin: 0px; margin-right: 15px;padding: 5px;}


.logged_in_label {color:#666666; font-size: 10px; font-weight:normal; }
.logged_in {color:#000000; font-size: 11px; font-weight:bold; padding-right: 10px;}

.form_horizontal_input {float: left; margin: 0px 0px 0px 3px; padding: 0px 0px 0px 0px;}
.form_horizontal_text {float: left; margin: 0px 0px 0px 0px; padding: 3px 10px 0px 0px; font-size: 11px;}




/* --////// Verify Parents //////-- */
.highlight2 {line-height:12px; background-color:#f0f0f0;}
.large {font-size: 18px; color: #666;}
.small {font-size: 10px; margin-bottom: 5px; margin-top: 0px;}
.small2 {font-size: 10px; margin-top: 0px;}
.small_grey {font-size: 10px; color:#666666; margin-top: 0px;}
.small_red {font-size: 10px; color:#cc0000; margin-bottom: 5px; margin-top: 0px;}
.small_orange {font-size: 10px; color:#f38107; margin-bottom: 5px; margin-top: 0px;}

a.small {font-size:10px; font-weight:normal;}

/* --////// Headers and Labels //////-- */


.sub1 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px;; color: #f38107; margin: 0px 0px 0px 0px; text-transform: uppercase;}
.sub2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #666666; margin: 0px 0px 0px 0px; text-transform: uppercase;}
.sub3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #7eb01a; margin: 0px 0px 0px 0px; text-transform: uppercase;}
.sub4 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #000000; margin: 0px 0px 0px 0px; padding:0px 0px 0px 10px; text-transform: uppercase;}
.sub5 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #f38107; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.sub5 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #f38107; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;}

.label1 {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:bold;}
.label2 {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-weight:bold;}
.label3 {font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#f38107; font-weight:bold;}

.label_grey {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #666666; margin-bottom: 10px;}
.label_black {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #000000; margin-bottom: 10px;}

.broadcast_scope .label_black {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #000000; margin-bottom: 10px;}




/* --////// Allerts, Steps and Messages //////-- */
.message_header {font-family: Lato, Arial, sans-serif; font-weight: normal; font-size: 18px; color: #333333; margin: 0px 0px 0px 0px; text-align: left;}
.message_content {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #666666; margin: 0px 0px 0px 0px;}


.sub_line {border-bottom:#d9d9d9 solid 1px;font-size:1px; line-height:1px; width: 100%; margin-bottom: 4px;}

.login_label {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; background-position: center;}
input.Text {border:1px solid #aeaeae; background-color:#faf8f5; width: 95%; font-size:12px;}

.icon_container1 {float: left; display: block; width: auto; height: auto; color: #333333; font-size: 11px; margin: 0px 0px 15px 0px; padding: 5px 5px 5px 5px; border: 1px #cccccc solid;}
.icon_container1:hover{background: #ffffbb; border: 1px #3366cc solid; text-decoration: none;}
.icon_container1 img{float: left; margin-right:10px;}
.icon_container1 b{font-size: 13px; color: #3366cc; clear: right;}
.icon_container1 div{font-size: 11px; color: #333333;}

.cms_input_sm {
    white-space: nowrap;
    font-family: Lato, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-transform: none;
    font-weight: bold;
    color: #5d8dc5;
    border: 1px #b7d4ec solid;
    padding:  3px 10px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}


.cms_input_sm:hover {
    color:#fff; text-decoration:none;
    background:#f90;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
    border: #f90 solid 1px;
}
.img_link {padding: 1px; border: 2px #ffffff solid; text-decoration:none;}
.img_link:hover {padding: 1px; border: 2px #3366cc solid; text-decoration: none;}

.icon_return {background:url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_return.gif) no-repeat; height: 18px;}
.icon_return a {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #3366cc; text-decoration:none; padding: 0px 2px 0px 16px; }
.icon_return a:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #3366cc; text-decoration:underline; padding: 0px 2px 0px 16px;}

.btn_pos_right {text-align:right; padding:5px 10px 0px 0px; clear:both;}

.on {color:#6c951a; font-weight:bold; font-size: 13px;}
.off {color:#cc0000; font-weight:bold; font-size: 13px;}

.on_big {color:#6c951a; font-weight:bold; font-size: 15px;}
.off_big {color:#cc0000; font-weight:bold; font-size: 15px;}

.registered {font-size:14px; font-weight:bold; color: #333333; padding:2px 2px 2px 5px;}
.unregistered {background: #f0f0f0 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_unregistered.gif) no-repeat; font-size:14px; font-weight:bold; color: #999999; padding:2px 2px 2px 24px;}
.unregistered2 {background: #f0f0f0; font-weight:bold;}
.unregistered3 {color: #aaaaaa;}

.info_content {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #191919; margin: 0px 0px 10px 0px;}
.info_content_line {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #191919; margin: 0px 0px 0px 0px;}
.info_content_width {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #191919; margin: 0px 0px 10px 0px; width:625px;}
.info_content_width a {color: #059;}
.info_content_width a:hover {color: #f90;}
.info_content_caption {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #191919; margin: 0px 0px 5px 0px;}
.info_content_bg {font-family: Arial, Helvetica, sans-serif; font-size: 14px; background: #ecf3f4; color: #191919; padding: 5px 390px 10px 10px; margin: 0px 0px 0px 0px; border-bottom: 1px #cccccc solid}
.info_content_lg {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #191919; margin: 0px 0px 0px 0px;}


/* SUPPORT CENTER */

.sl-cms2-support-center__sls-title {
    font-size: 22px;
    margin-bottom: 10px;
}

.sl-cms2-support-center__sls1-search-area {
    width:33%;
    padding:1em 2em 1em 1em;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
}

.sl-cms2-support-center__sls2-search-area {
    width:33%;
    padding:1em 2em 1em 2em;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
}

.sl-cms2-support-center__button-area {
    width:33%;
    padding:1em;
    text-align:center;
    border-top:1px solid #ccc;
}

a.sl-cms2-support-center__submit-a-request-button {
    background: #fd8023;
    font-style: normal;
    font-size: 16px;
    font-weight: normal;
    font-variant: normal;
    text-transform: normal;
    text-indent: normal;
    letter-spacing: normal;
    line-height: 1.5em;
    word-spacing: normal;

    border-style: none;
    border-width: 0;
    border-radius: 3px;
    box-shadow: none;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    text-align: center;
    text-decoration: none;
    margin:0;
    color: #ffffff !important;
}

.sl-cms2-support-center__sls-browse-link {
    font-size: 16px;
    margin-top: 10px;
    text-decoration: underline;
}



/* Buttons */

button.sl-btn,
a.btn {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
}

button.sl-btn:hover,
a.btn:hover {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
}

button.btn-standard-sm,
a.btn-standard-sm {
    font-family: Lato, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #4A719E;
    border: 1px #b7d4ec solid;
    padding:  1px 5px;
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff 0%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

}

button.btn-standard-sm:hover,
a.btn-standard-sm:hover {
    color: #fff;
    border: 1px #ff9900 solid;
    background: #ff9900;


}



.seat_table {background: #ffffff; margin: 0px 0px 0px 0px; border-collapse: collapse;}
.seat_td {vertical-align:middle; text-align:center; margin: 0px 0px 0px 0px; border-width: 1px 1px 1px 1px; border-spacing: 0px; border-style: solid; border-color: #D9D9D9; width: 95px; height: 40px;}

.tip { display: table; margin:0px 0px 10px 0px; width: 100% }
.tip .left { display: table-cell; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_message_tip.png) #c0c0c0 no-repeat; width: 50px; min-height: 50px; margin:0px; font-weight:bold; font-size:48px; line-height:48px; color:#333333;}
.tip .right { display: table-cell; background: #efefef; margin: 0px; padding: 15px;}

.tip_sm { display: table; margin:0px 0px 0px 0px; width: 100% }
.tip_sm .left { display: table-cell; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_message_tip_sm.png) #c0c0c0 no-repeat; width: 25px; min-height: 25px; margin:0px; font-weight:bold; font-size:48px; line-height:48px; color:#333333;}
.tip_sm .right { display: table-cell; font-size: 13px;background: #efefef; margin: 0px; padding: 5px; 10px;}


.mail_switch {
    float: right;
    font-size: 11px;
    margin-top: 10px;
}

div.main_content,
div.main_content_plain {
    clear: both;
    min-height: 300px;
    width: auto;
}

div.main_content {
    border: 1px solid #cccccc;
    padding: 10px;
}

.button_bar {
    clear: both;
    padding: 0;
    margin-top: 5px;
    margin-right: 0px;
    margin-left: 5px;
    margin-bottom: 5px;
    width: 100%;
}

.button_bar a.round_button {
    font-size: 13px; font-weight: bold; line-height: 25px; color:#fff; text-decoration:none; padding: 5px; margin: 0px ; background:#4a7dbb; border: #4a7dbb solid 1px;
}

.button_bar .round_button:hover {
    color: #fff;
    background-color: #f90;
    border: 1px solid #f90;
}



.table_container {
    padding:0;
    margin:0;
    background:#efefef;
    border:1px solid #ccc;
}

/*-- Standard Table - LoopMail, Steps, etc. --*/

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

thead.standard_head_plain th {
    padding: 5px;
    font-size: 15px;
    font-weight: 200;
    background-color: #efefef;
    border: 1px solid #cccccc;
}

thead.standard_head th {
    font-size: 15px;
    font-weight: 200;
    background-color: #efefef;
    border: 1px solid #cccccc;
}

thead.standard_head th a{
   padding: 5px;
}

thead.standard_head th a:hover {
    color: #fff;
    background-color: #f90;
    text-decoration: none;
}

thead.standard_head a, thead.standard_head a:link, thead.standard_head a:visited,
tbody.standard_body a, thead.standard_body a:link, thead.standard_body a:visited {
    display: block;
}



thead.standard_head th.sort {
    background: #e2e2e2;
    white-space: nowrap;
}


thead.standard_head th.sort_by {
    background: #e2e2e2;
    padding-right: 15px
}

thead.standard_head th.sorted {

    background: #cdcdcd url(https://cdn.schoolloop.com/release_1.0.4.2/img/table_arrow_down.png) right no-repeat;

}

tbody.standard_body td {
    border: 1px solid #dfdfdf;
    padding: 8px;
    font-size: 12px;
    line-height: 1.2em;
}

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

.table_indexed, .table_indexed2 {
    width: 94%; 
    float: left; 
    margin-left: 2px;
}

.table_indexed2 {
    width: 95%; 
}

.table_plain {
    width: 100%; 
}

.table_header, .table_footer {
    padding: 3px;
    background: #f2f0e9;
    height: auto;
 }

.table_header {
    margin-bottom: 5px; 
 }

.table_footer {
    margin-top: 5px; 
 }

input.check {
    padding: 0;
    margin: -0;
    margin-right: 2px;
    cursor: hand; cursor: pointer;
}

label {
    cursor: hand; cursor: pointer;
}



td.inactive {
    color: #aaaaaa;
}




/* ---- Page General ----*/

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

thead.general_head_top th {
    padding: 5px;
    border: 1px solid #cccccc;
    padding-top: 3px;

}

thead.general_head th {
    padding: 2px 2px;
    background-color: #efefef;
    border: 1px solid #cccccc;
    padding-top: 3px;

}

thead.general_head a, thead.general_head a:link, thead.general_head a:visited,
tbody.general_body a, thead.general_body a:link, thead.general_body a:visited {

}

thead.general_head th.sort {
    background: #cdcdcd;
}

thead.general_head th.sort_by {
    background: #dee7ef;
    padding-right: 18px
}

thead.general_head th.sorted {
    background: #cdcdcd url(https://cdn.schoolloop.com/release_1.0.4.2/img/table_arrow_down.png) right no-repeat;
    padding-right: 18px;
}

tbody.general_body td {
    border: 1px solid #dfdfdf;
    color: #666666;
    padding: 5px;
    padding-top: 4px;
    height: 1.6em;
    font-size: 12px;
}

tbody.general_body tr.highlight td {
    background-color: #f5f1e2;
}




/* ----- Hub General --------*/
table.hub_general {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.hub_general thead th {
    padding: 5px;
    color: #000;
    font-size: 15px;
    font-weight: 200;
    text-align: left;
    background: #f2f0e9
}

.submission-link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 170px;
}

.submission-link a {
    white-space: normal;
}

.hub_general tbody td {
    padding: 10px 5px;
    font-size: 12px;
}

.hub_general tbody td.title {
    font-size: 15px;
    font-weight: bold;
    color: #333;
}



.hub_general tbody td.notice {
    padding-right: 0px;
}



.hub_general tbody tr.highlight td {
    background-color: #faf6da;
}




.hub_general thead th.sort_by{

    background: #dee7ef;
}

.hub_general thead th.sort_by:hover {
    background: #5d8dc5;
}

.hub_general thead th.sort_by a:hover {
    color: #fff;
}

.hub_general thead th.sort_by a{display: block;}

.hub_general thead th.sorted {
    padding: 5px 20px 5px 10px;
    background: #f8c368 url(https://cdn.schoolloop.com/release_1.0.4.2/img/sort_down.png) right no-repeat;
}



/* ----- Hub Secondary --------*/


table.hub_secondary {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;


}

thead.hub_secondary_head th {
    padding: 5px 2px;
    color: #333;
    font-size: 13px;
    text-align: left;
}

tbody.hub_secondary_body td {
    padding: 5px 2px;
    font-size: 13px;
}

tbody.hub_secondary_body tr.highlight td {

}

.hub_secondary_head {
    padding: 5px 2px;

}

.hub_secondary_body{
    padding: 5px 2px;

    font-size: 11px;
    color: #666666;


}

thead.hub_secondary_head th.sort_by {
    background: #dee7ef;
    padding-right: 18px
}

thead.hub_secondary_head th.sort_by a{display: block;}        


thead.hub_secondary_head th.sorted {
    background: #cdcdcd url(https://cdn.schoolloop.com/release_1.0.4.2/img/table_arrow_down.png) right no-repeat;
    padding-right: 18px;
}


/* ----- High Priority --------*/
.hpg_head_page {
    padding: 5px 0px 5px 25px;
    color: #000;
    font-size: 18px;
    font-weight: 200;
    text-align: left;
    background: #e8d8d8 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_cmc_hpg.png) left center no-repeat;
    border-bottom: 1px #ddcaca solid;
 }

.hpg_content_page {
    padding: 10px;
    font-size: 12px;
    background: #fbf7f7;
    margin-bottom: 10px;
    border-bottom: 1px #e8d8d8 solid;
}

.cmc_head_trend_up {
    padding: 5px 0px 5px 35px;
    color: #333;
    font-size: 18px;
    font-weight: 200;
    text-align: left;
    background: #e0e6ce url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_cmc_trend_up.png) left center no-repeat;
    border-bottom: 1px #e0e6ce solid;
 }

.cmc_head_trend_down {
    padding: 5px 0px 5px 35px;
    color: #333;
    font-size: 18px;
    font-weight: 200;
    text-align: left;
    background: #f9f1bd url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_cmc_trend_down.png) left center no-repeat;
    border-bottom: 1px #f9f1bd solid;
 }


table.table_hpg {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.table_hpg thead th {
    padding: 5px 10px;
    color: #000;
    font-size: 13px;
    text-align: left;
    border-bottom: 1px #ddd solid;
    font-weight: normal;
    font-family: lato, arial, san-serif;

}

.table_hpg tbody td {
    padding: 10px;
    font-size: 12px;
    background: #fbf7f7;
}



.table_hpg tbody td.notice {
    padding-right: 0px;

}



.table_hpg tbody tr.highlight td {
    background-color: #fbf8ec;
}

tbody.table_hpg_body tr.hpg_highlight td,
table.scrollable tr.hpg_highlight td {
    background-color: #f6eeee;
border-bottom: 1px #e8d8d8 solid;

}








/* -- Nav Tabs --*/

.nav_tabs_content {
    padding: 0px;
    margin: 0px;
}

.nav_margin {

        height: 20px;

}

.nav_tabs_content ul{
    float: left;
    font-size: 15px;
    margin:0px;
    padding:0px;
    top: 0;
    list-style:none;
}

.nav_tabs_content li{
display:inline;
margin:0px;
padding:0px 0px 0px 0px;
float: left;
}


.nav_tabs_content a{
display: block;

color: #4a7dbb;
margin:0px 0px 0px 0px;
padding: 5px 20px;
text-decoration:none;
border-left: 1px solid #ccc;


}

.nav_tabs_content a:hover{
display: block;

color: #fff;
background: #f90;
margin:0px 0px 0px 0px;
padding: 5px 20px;
text-decoration:none;


}

.nav_tabs_content li.first a{
    border-left: 1px solid #fff;

}


.nav_tabs_content .selected{
display: block;

color: #fff;
background: #f90;
margin:0px 0px 0px 0px;
padding: 5px 20px;
border-left: 1px solid #ccc;
text-decoration:none;

}








/* -- Drop Menu - General Page Content --*/

.nav_page_drop{width: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; vertical-align:middle;
voice-family: "\"}\"";
voice-family: inherit;

}

.nav_page_drop ul{
font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px;
margin:0px;
padding:0px;
list-style:none;
}

.nav_page_drop li{
display:inline;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-transform:uppercase;
}


.nav_page_drop a{
float: left;
color: #3366cc;
display: block;
background:  url(https://cdn.schoolloop.com/release_1.0.4.2/img/app_nav_drop_arrow.gif) right;
margin:0px 0px 0px 0px;
padding: 3px 23px 3px 7px;
border: 1px solid #cccccc;
text-decoration:none;

}

.nav_page_drop a:visited{
float: left;
color: #3366cc;
display: block;
background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/app_nav_drop_arrow.gif) right;
margin:0px 0px 0px 0px;
padding: 3px 23px 3px 7px;
border: 1px solid #cccccc;
text-decoration:none;

}




.nav_page_drop a:hover{
background-color: #ffffff;
text-decoration:none; }


.nav_page_drop .selected a, #nav_page_drop .selected a span{ /*currently selected tab*/
background-color: #ffffff;
}



/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_gb{
position:absolute;
top: 0px;
margin: -1px 0px 0px 0px;
padding: 0px 0px 3px 0px;
font-family: Arial, Helvetica, sans-serif; font-size: 11px;
z-index:100;
background: #ffffff;
border-right: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
border-left: 1px #cccccc solid;
width: 145px;
visibility: hidden;
}


.dropmenudiv_gb a{
display: block;
padding: 3px 10px 3px 10px;
text-decoration: none;

color: #3366cc;
z-index:100;
}

* html .dropmenudiv_gb a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_gb a:hover{ /*THEME CHANGE HERE*/
padding: 3px 10px 3px 10px;
background: #ffffbb;
color: #3366cc;
text-decoration: none;
z-index:100;
}

div.letter_index {
    float: left;
    width: 40px;
}

div.letter_index ul {
    margin: 0;
    padding: 0;
    margin-right: 2px;
    list-style-type: none;
    line-height: 1.15em;
    font-size: 11px;    
}

div.letter_index li {
    background-color: #efefef;
    -webkit-border-radius: 8px 0px 0px 8px;
    -moz-border-radius: 8px 0px 0px 8px;
    border-radius: 8px 0px 0px 8px;
    border: 1px solid #cccccc;
    padding-top: 2px;
    padding-right: 1px;
    padding-left: 2px;
    padding-bottom: 1px;
    margin-bottom: -1px;
    text-align: center;
}

div.letter_index li.selected {
    background-color: #0000ff;
    border: 1px solid #aaaaaa;
}

div.letter_index li.selected a {
    display: block;
    color: #ffffff;
}

div.letter_index li a {
    display: block;
}

div.filter {
    margin: 0;
    margin-top: 22px;
    width: 190px;
    float: left;
    padding: 5px;
    padding-right: 0;
}

div.filter_list {
    border: 1px solid #cccccc;
}

div.filter_list ul {
    margin: 0;
    padding: 5px;
    list-style-type: none;
    line-height: 1.25em;
}

div.filter_list li {
    padding-left: 1px;
    padding-right: 1px;
    margin: 0px;
}

div.filter_list li.selected {
    background-color: #dedede;
    border: 1px solid #cccccc;
}

div.count {
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    color: #999999;
    font-size: 11px;
    font-weight: bold;
}

.ui-datepicker-trigger {
    margin-left: 2px;
}

.date_field_holder {

}

.date_field_holder input {
    width:55px;
    padding:0 2px;
}

.date_field_holder label  {
    padding:0px 5px 0 0
}



.horizontal-dates {
    float:left;
}


.form_content {

    margin-bottom: 5px;
}

.form_content label{
        font-weight: bold;
        clear: both;
}



.form_content .column_33{
        width: 32%;
        float: left;
        padding-right: 5px;
}

.form_content .column_66{
        width: 65%;
        float: left;
        padding-right: 5px;
}



.sl_tabs {
    border: none !important; /* remove border */
}

.sl_tabs > ul {
    background: none !important; /* remove default bg image */
    border: none !important; /* remove border */
}

.sl_tabs > div {
    border: 1px #ccc solid !important;
}

.ui-widget-overlay {
    opacity: 0.65 !important;
    background: black !important;
} 

div.remove_members {
    width: 675px;
    margin-top: 5px;
    margin-left: 5px;
}

div.remove_members_title {
    margin-top: 2px;
}

.remove_member_list td {
    padding: 3px;
    width: 33%;
    background: #efefef;   
    color: #333333;
    font-size: 15px;
    font-weight: bold;
}

.description {
    margin-left: 5px; 
    color: #999;
    font-size: 12px;
}






.nav_test{
margin:0px 0px 5px 0px;
padding:0px;
list-style: none;


}


.nav_test li {
display:block;
background:#ccc;
position:relative;
z-index:500;
margin:0 1px;
}

/* this is the parent menu */
.nav_test li a {
font: bold 11px Arial, Helvetica, sans-serif; color: #3366cc;  text-decoration:none; padding: 2px 5px 2px 5px; margin: 0px 0px 0px 0px; background: #ffffff; border: #3366cc solid 1px;
}

.nav_test li a:hover {
font: bold 11px Arial, Helvetica, sans-serif; color:#3366cc; text-decoration:none; padding: 2px 5px 2px 5px; margin: 0px 0px 0px 0px; background:#ffffbb; border: #3366cc solid 1px;
}

/* you can make a different style for default selected value */
.nav_test a.selected {
    font: bold 11px Arial, Helvetica, sans-serif; color:#3366cc;  text-decoration:none; padding: 2px 5px 2px 5px; margin: 0px 0px 0px 0px; background: #ffffff; border: #3366cc solid 1px;
}

/* submenu, it's hidden by default */
.nav_test ul {
text-align: left;
position:absolute;
left:0;
display:none;
margin:0 0 0 -1px;
padding:0;
list-style:none;
background: #ffffff;
border-right: 1px #aaaaaa solid;
border-bottom: 1px #aaaaaa solid;
border-left: 1px #aaaaaa solid;
}

.nav_test ul li {
text-align: left;
width:145px;
float:left;

}

/* display block will make the link fill the whole area of LI */
.nav_test ul a {
font: normal 11px Arial, Helvetica, sans-serif;
display:block;
text-align: left;
height:15px;
padding: 3px 5px 3px 5px;
color:#003387;
background-color:#fff;
border: none;
}

.nav_test ul a:hover {
font: normal 11px Arial, Helvetica, sans-serif;
color:#003387;
padding: 3px 5px 3px 5px;
background-color:#ffffbb;
border: none;

}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html .nav_test ul {
margin:0 0 0 -2px;
}


/* ----- Standard Portal Table --------*/
table.table_standard {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.table_standard_head {
    padding: 2px 2px;
    padding-top: 3px;
    border-bottom: 1px #ddd solid;
}

.table_standard thead th {
    padding: 5px;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    font-family: lato, arial, san-serif;

}



.table_standard tbody td {
    padding: 0px;
    border-bottom: 1px #ececec solid;
}

.table_standard tbody td.text {
    padding: 10px 3px 3px 3px;
    font-size: 12px;
    border-bottom: 1px #ececec solid;
}

.table_standard tbody td.title {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    font-weight: normal;
    font-family: lato, arial, san-serif;

}



.table_standard tbody td.notice {
    padding-right: 0px;
}



.table_standard thead th.sort_by{

    background: #dee7ef;
}

.table_standard thead th.sort_by:hover {
    background: #5d8dc5;
}

.table_standard thead th.sort_by a:hover {
    color: #fff;
}

.table_standard thead th.sort_by a{display: block;}

.table_standard thead th.sorted {
    padding: 5px 20px 5px 10px;
    background: #f8c368 url(https://cdn.schoolloop.com/release_1.0.4.2/img/sort_down.png) right no-repeat;
}

/*scrolling for locker search results, Jikko #7514*/

.search-resources__results-holder {
    max-height: calc(100vh - 450px);
    overflow-y: scroll;
}

.container-content__box-sizing-correction {
    box-sizing: border-box;
}

/* --////// Image Gallery //////-- */
a.album_select {display: block; background: #ffffff url(https://cdn.schoolloop.com/release_1.0.4.2/img/album_select_sm.gif) no-repeat; width:80px; height:68px; padding: 10px 0px 0px 7px; margin-right: 3px; margin-bottom: 3px;}
a.album_select:hover {display: block; background: #ffffff url(https://cdn.schoolloop.com/release_1.0.4.2/img/album_select_sm.gif) bottom left no-repeat; width:80px; height:68px; padding: 10px 0px 0px 7px; margin-right: 3px; margin-bottom: 3px;}

a.album_select_lg, div.album_select_lg {display: block; background: #ffffff url(https://cdn.schoolloop.com/release_1.0.4.2/img/album_select_lg.gif) no-repeat; width:150px; height:122px; padding: 14px 0px 0px 10px; margin-right: 3px; margin-bottom: 3px;}
a.album_select_lg:hover {display: block; background: #ffffff url(https://cdn.schoolloop.com/release_1.0.4.2/img/album_select_lg.gif) bottom left no-repeat; width:150px; height:122px; padding: 14px 0px 0px 10px; margin-right: 3px; margin-bottom: 3px;}


.image_select {border: 2px #ffffff solid; padding: 1px;}
.image_select:hover {border: 2px #3366cc solid; padding: 1px; text-decoration: none;}

.album_select_item {border: 1px #cccccc solid; width:95px; height:auto; padding: 4px 2px 3px 5px; margin-bottom: 10px;}

.album_select_item_narrow {border: #999999 1px solid; background: #ffffff url(https://cdn.schoolloop.com/release_1.0.4.2/img/album_select_sm.gif) no-repeat; width:80px; height:auto; padding: 10px 0px 6px 7px; margin-bottom: 10px; margin-right: 3px;}

.album_select_item_lg {border: 1px #cccccc solid; width:150px; height:auto; padding: 4px 2px 3px 5px;}
/* ######### Style for Drop Down Menu ######### */

.nav {padding:2px 0px; height: auto;}
.nav ul{margin: 2px 0px; padding:0px; list-style:none;}
.nav li{display:inline; margin: 0; padding:0px 0px 0px 0px;}
.nav a {white-space: nowrap;
    font-family: Lato, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-transform: none;
    font-weight: bold;
    color: #5d8dc5;
    border: 1px #b7d4ec solid;
    padding:  3px 10px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
 }
.nav a:hover {
          color:#fff; text-decoration:none;
    background:#f90;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
    border: #f90 solid 1px;
}

.nav_drop_module {
    position: absolute;
    top: 0px;
    margin: -1px 0px 0px 0px;
    padding: 0px 0px 3px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    z-index: 100;
    background: #ffffff;
    border-right: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    border-left: 1px #cccccc solid;
    width: 144px;
    visibility: hidden;
}

.nav_drop_module a {
    display: block;
    font-weight: normal;
    margin-right: 2px;
    padding: 3px 5px 3px 5px;
    text-decoration: none;
    color: #3366cc;
    z-index: 100;
    background: #ffffff;
    border: none;

}

* html .nav_drop_module a {
/*IE only hack*/
    width: 100%;
}

.nav_drop_module a:hover {
/*THEME CHANGE HERE*/
    font-weight: normal;
    padding: 3px 5px 3px 5px;
    background: #ffffbb;
    color: #3366cc;
    text-decoration: none;
    z-index: 100;
    border: none;
}
a.btn-action-highlight {
    font-family: Lato, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    border: 1px #ff6600 solid;
    padding:  3px 10px;
    background: #ff6600; /* Old browsers */
    background: -moz-linear-gradient(top, #ff9900 0%, #ff6600 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9900), color-stop(100%,#ff6600)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff9900 0%,#ff6600 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff9900 0%,#ff6600 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff9900 0%,#ff6600 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff9900 0%,#ff6600 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff6600',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

a.btn-action-highlight:hover {
    border: 1px #f90 solid;
    background: #f90;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */

}

a.btn-action-highlight-lg {
    font-family: Lato, Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    border: 1px #ff6600 solid;
    padding:  5px 10px;
    background: #003366; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff9800 0%, #ff6600 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9800), color-stop(100%,#ff6600)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff9800 0%,#ff6600 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff9800 0%,#ff6600 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff9800 0%,#ff6600 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff9800 0%,#ff6600 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9800', endColorstr='#ff6600',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;


}

a.btn-action-highlight-lg:hover {
    border: 1px #f90 solid;
    background: #f90;
    text-decoration: none;


}

a.btn-standard-lg {
    font-family: Lato, Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #2c517b;
    border: 1px #b7d4ec solid;
    padding:  5px 10px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: nome;
}

a.btn-standard-lg:hover {
    color: #fff;
    border: 1px #f90 solid;
    background: #f90;
    text-decoration: none;


}



a.button1 {
    white-space: nowrap;
    font-family: Lato, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-transform: none;
    font-weight: bold;
    color: #00213c;
    border: 1px #b7d4ec solid;
    padding:  3px 10px;
    background-color: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}


a.button1:hover {
    color:#fff; text-decoration:none;
    background:#f90;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
    border: #f90 solid 1px;
}

.button1 input {
white-space: nowrap;
font-weight: bold;
font-size: 11px;
color:#4a7dbb;
text-decoration:none;
padding: 5px;
margin: 0px;
background:#ffffff;
border: #4a7dbb solid 1px;
line-height: 26px;
cursor: pointer;
}
.button1 input:hover {color:#ffffff; text-decoration:none; background:#f90; border: #f90 solid 1px; }

a.button_small {
    white-space: nowrap;
    font-family: Lato, Arial, sans-serif;
    font-size: 11px;
    line-height: 14px;
    text-transform: none;
    color: #5d8dc5;
    border: 1px #ececec solid;
    padding:  1px 3px;
    margin-right: 2px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}


a.button_small:hover {
    color:#fff; text-decoration:none;
    background:#f90;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
    border: #f90 solid 1px;
}

a.button1b {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color:#ffffff; text-decoration:none; padding: 0px 2px 0px 2px; margin: 1px 0px 0px 0px; background:#3366cc; border: #3366cc solid 1px;}
a.button1b:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color:#ffffff; text-decoration:none; padding: 0px 2px 0px 2px; margin: 1px 0px 0px 0px; background:#3366cc; border: #3366cc solid 1px;}
a.button1b:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color:#3366cc; text-decoration:none; padding: 0px 2px 0px 2px; margin: 1px 0px 0px 0px; background:#ffffff; border: #3366cc solid 1px;}

a.button2 {vertical-align: top; font-size: 11px; color: #4a7dbb; line-height: 18px; text-decoration:none; padding: 2px 5px; margin: 3px 0px 5px 0px; background:#ffffff; border: #4a7dbb solid 1px;}
a.button2:visited {font-size: 11px; color: #4a7dbb; line-height: 18px; text-decoration:none; padding: 2px 5px; margin: 3px 0px 5px 0px; background:#ffffff; border: #4a7dbb solid 1px;}
a.button2:hover {color:#fff; text-decoration:none; background:#f90; border: 1px #f90 solid;}

a.button3 {font-size: 11px; color:#2c517b; text-decoration:none; padding: 3px 5px; margin: 0px; border: 1px #dedede solid;}
a.button3:visited {font-size: 11px; color:#2c517b; text-decoration:none; padding: 3px 5px; margin: 0px; border: 1px #dedede solid;}
a.button3:hover {color:#ffffff; text-decoration:none; background: #f90; border: #f90;}

a.button2_selected {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color:#999999; line-height: 18px; text-decoration:none; padding: 0px 2px 0px 2px; margin: 3px 0px 5px 0px; background:#ffffff; border: #cccccc solid 1px;}
.button2_selected {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color:#999999; line-height: 18px; text-decoration:none; padding: 0px 2px 0px 2px; margin: 3px 0px 5px 0px; background:#ffffff; border: #cccccc solid 1px;}

a.button2b {
white-space: nowrap;
font-weight: bold;
font-size: 11px;
color:#4a7dbb;
text-decoration:none;
padding: 5px;
margin: 0px;
background:#ffffff;
border: #4a7dbb solid 1px;
line-height: 25px;
text-transform: none;
cursor: pointer;
}
a.button2b:hover {color:#ffffff; text-decoration:none; background:#f90; border: #f90 solid 1px; }


a.button2c {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color:#ffffff; line-height: 18px; text-decoration:none; padding: 0px 2px 0px 2px; margin: 3px 0px 5px 0px; background:#3366cc; border: #3366cc solid 1px;}
a.button2c:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color:#ffffff; line-height: 18px; text-decoration:none; padding: 0px 2px 0px 2px; margin: 3px 0px 5px 0px; background:#3366cc; border: #3366cc solid 1px;}
a.button2c:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color:#3366cc; line-height: 18px; text-decoration:none; padding: 0px 2px 0px 2px; margin: 3px 0px 5px 0px; background:#ffffbb; border: #3366cc solid 1px;}

.sllms-small-warning-message { display:inline-block; float:right; font-size:11px; font-weight:normal; color:#000; background:#ff9999; border-radius:2px; padding:2px 5px; overflow:hidden; }

a.btn_cms_page {
white-space: nowrap;
font-weight: bold;
font-size: 11px;
color:#2c517b;
text-decoration:none;
padding: 5px;
margin: 0px;
background:#ffffff;
border: #4a7dbb solid 1px;
line-height: 25px;
text-transform: none;
cursor: pointer;
}

a.btn_cms_page:hover {color:#ffffff; text-decoration:none; background:#f90; border: #f90 solid 1px; }


a.btn_css {
    white-space: nowrap;
    font-family: Lato, Arial, sans-serif;
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
    color: #2c517b;
    border: 1px #b7d4ec solid;
    padding:  3px 10px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

a.btn_css:hover {
    color:#fff; text-decoration:none;
    background:#f90;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
    border: #f90 solid 1px;
}

a.btn-action-highlight {
    font-family: Lato, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    border: 1px #ff6600 solid;
    padding:  3px 10px;
    background: #ff9900; /* Old browsers */
    background: -moz-linear-gradient(top, #ff9900 0%, #ff6600 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9900), color-stop(100%,#ff6600)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff9900 0%,#ff6600 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff9900 0%,#ff6600 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff9900 0%,#ff6600 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff9900 0%,#ff6600 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff6600',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

a.btn-action-highlight:hover {
    border: 1px #f90 solid;
    background: #f90;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */

}


a.btn_css_sm {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color:#3366cc; text-decoration:none; padding: 0px 4px 0px 4px; margin: 0px 0px 0px 0px; background:#ffffff; border: #3366cc solid 1px;}
a.btn_css_sm:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color:#ffffff; text-decoration:none; padding: 0px 4px 0px 4px; margin: 0px 0px 0px 0px; background: #ffffff; border: #3366cc solid 1px;}
a.btn_css_sm:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color:#3366cc; text-decoration:none; padding: 0px 4px 0px 4px; margin: 0px 0px 0px 0px; background:#3366cc; border: #3366cc solid 1px;}

a.btn_rss {line-height: 16px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_rss.gif) left no-repeat; font: bold 11px Arial, Helvetica, sans-serif; color:#3366cc; text-decoration:none; padding: 1px 3px 1px 20px; margin: 0px; border: 1px #cccccc solid}
a.btn_rss:visited {line-height: 16px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_rss.gif) left no-repeat; font: bold 11px Arial, Helvetica, sans-serif; color:#3366cc; text-decoration:none; padding: 1px 3px 1px 20px; margin: 0px; border: 1px #cccccc solid}
a.btn_rss:hover {background: #3366cc url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_rss.gif) left no-repeat; color: #ffffff; text-decoration: none; border: 1px #3366cc solid}

a.button_sm {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color:#3366cc; text-decoration:none; padding: 0px 2px 0px 2px; margin: 3px 0px 5px 0px; background:#ffffff; border: #cccccc solid 1px;}
a.button_sm:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color:#3366cc; text-decoration:none; padding: 0px 2px 0px 2px; margin: 3px 0px 5px 0px; background:#ffffff; border: #cccccc solid 1px;}
a.button_sm:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color:#ffffff; text-decoration:none; padding: 0px 2px 0px 2px; margin: 3px 0px 5px 0px; background:#3366cc; border: #3366cc solid 1px;}

a.button_lg {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color:#3366cc; line-height: 18px; text-decoration:none; padding: 0px 2px 0px 2px; margin: 3px 20px 5px 0px; background:#ffffff; border: #cccccc solid 1px;}
a.button_lg:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color:#3366cc; line-height: 18px; text-decoration:none; padding: 0px 2px 0px 2px; margin: 3px 20px 5px 0px; background:#ffffff; border: #cccccc solid 1px;}
a.button_lg:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color:#ffffff; line-height: 18px; text-decoration:none; padding: 0px 2px 0px 2px; margin: 3px 20px 5px 0px; background:#3366cc; border: #3366cc solid 1px;}

a.button_lg_block {display: block; width: auto; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color:#3366cc;  text-decoration:none; padding: 2px 0px 2px 10px; margin: 3px 0px 5px 0px; background:#ffffbb; border: #3366cc solid 1px;}
a.button_lg_block:visited {display: block; width: auto; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color:#3366cc; text-decoration:none; padding: 2px 0px 2px 10px;  margin: 3px 0px 5px 0px; background:#ffffbb; border: #3366cc solid 1px;}
a.button_lg_block:hover {display: block; width: auto; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color:#ffffff; text-decoration:none; padding: 2px 0px 2px 10px;  margin: 3px 0px 5px 0px; background:#3366cc; border: #3366cc solid 1px;}

a.button_lg_block2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; line-height: 22px; color:#3366cc;  text-decoration:none; padding: 2px 10px 2px 10px; margin: 3px 0px 5px 0px; background:#ffffbb; border: #3366cc solid 1px;}
a.button_lg_block2:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; line-height: 22px; color:#3366cc; text-decoration:none; padding: 2px 10px 2px 10px;  margin: 3px 0px 5px 0px; background:#ffffbb; border: #3366cc solid 1px;}
a.button_lg_block2:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; line-height: 22px; color:#ffffff; text-decoration:none; padding: 2px 10px 2px 10px;  margin: 3px 0px 5px 0px; background:#3366cc; border: #3366cc solid 1px;}

a.button_icon {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color:#3366cc; line-height: 20px; text-decoration:none; padding: 1px 2px 3px 2px; margin: 3px 0px 5px 0px; background:#ffffff; border: #cccccc solid 1px;}
a.button_icon:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color:#ffffff; line-height: 20px; text-decoration:none; padding: 1px 2px 3px 2px; margin: 3px 0px 5px 0px; background:#3366cc; border: #3366cc solid 1px;}

a.icon_rss_sm {height: 14px; width: 14px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_rss_sm.gif) top no-repeat; text-decoration:none;}
a.icon_rss_sm:hover {background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_rss_sm.gif) bottom no-repeat; color: #ffffff; text-decoration: none; }

a.back_up {display: block; float: left; height: 14px; width: 16px; background: #fff url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_back_up.png) top no-repeat; text-decoration:none; margin-top: 2px;}
a.back_up:hover {background: #ff9900 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_back_up.png) bottom no-repeat;  text-decoration: none; }

#folder_header {
        display: table;
}
#folder_header div {
        display: table-cell;
        vertical-align: top;
}


a.accordion_icon {display: block; margin-right: -1px; width: 29px; height: 36px; color: #333; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_open.png) top center no-repeat; cursor: pointer;}
a.accordion_icon:hover {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_open.png) top center no-repeat; text-decoration: none;}
a.accordion_icon.current {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_close.png) top center no-repeat; border-right: 1px #f90 solid; text-decoration: none;}
a.accordion_icon.current:hover {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_close.png) top center no-repeat; text-decoration: none;}


.site_map .site_map_section a.accordion_icon {display: block; margin-top: -10px; margin-right: -1px; margin-bottom: 5px; width: 29px; height: 28px; color: #333; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_open.png) top center no-repeat; cursor: pointer;}
.site_map .site_map_section a.accordion_icon:hover {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_open.png) top center no-repeat; text-decoration: none;}

.site_map .site_map_subsection a.accordion_icon {display: block; margin-top: -5px; margin-right: -1px; margin-bottom: 5px; width: 29px; height: 28px; color: #333; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_open.png) top center no-repeat; cursor: pointer;}
.site_map .site_map_subsection a.accordion_icon:hover {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_open.png) top center no-repeat; text-decoration: none;}




.site_map a.accordion_icon.current {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_close.png) top center no-repeat; border-right: none; text-decoration: none;}
.site_map a.accordion_icon.current:hover {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_close.png) top center no-repeat; text-decoration: none;}



.dashboard a.accordion_icon {display: block; margin-right: -4px; width: 30px; height: 31px; color: #333; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_open.png) top center no-repeat; cursor: pointer;}
.dashboard a.accordion_icon:hover {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_open.png) top center no-repeat; text-decoration: none;}
.dashboard a.accordion_icon.current {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_close.png) top center no-repeat; border-right: 0px; text-decoration: none;}

.accordion_block {display: block; color: #333; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_content_rule.png) left bottom no-repeat; border-right: 1px transparent solid;}
.accordion_block_hover {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_content_rule.png) right bottom no-repeat; text-decoration: none;}
.accordion_block_hover a{color: #fff;}

.hide_accordion .accordion_icon {
display:none;
}

.accordion_block.current {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_content_rule2.png) left bottom no-repeat; border-right: 1px #f90 solid; text-decoration: none;}
.accordion_block_hover.current {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_content_rule2.png) right bottom no-repeat; border-right: 1px #f90 solid; text-decoration: none;}

a.accordion_block {display: block; color: #333; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_content_rule.png) left bottom no-repeat; border-right: 1px transparent solid;}
a.accordion_block:hover {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_content_rule.png) right bottom no-repeat; text-decoration: none;}
a.accordion_block.current {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_content_rule.png) right bottom no-repeat; border-right: 1px #f90 solid; text-decoration: none;}

a.accordion_block .item_title {color: #2a487c;}
a.accordion_block .column {color: #333;}
a.accordion_block:hover .item_title {color: #fff;}
a.accordion_block:hover .column {color: #fff;}
a.current .item_title {color: #fff;}

.home_right .accordion_block {display: block; color: #333; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_right_rule.png) left bottom no-repeat; margin-top: 2px; padding-left: 10px; border-right: 1px transparent solid;}
.home_right .accordion_block_hover {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_right_rule.png) right bottom no-repeat; text-decoration: none;}

.home_right .ajax_accordion_button.link{cursor: pointer;}



.home_right .accordion_block.current {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_right_rule2.png) left bottom no-repeat; padding-left: 10px; border-right: 1px #f90 solid; text-decoration: none;}
.home_right .accordion_block_hover.current {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_right_rule2.png) right bottom no-repeat; padding-left: 10px; border-right: 1px #f90 solid; text-decoration: none;}

.home_right a.accordion_icon {display: block;  width: 25px; height: 30px; color: #333; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_open_right.png) top center no-repeat; cursor: pointer;}
.home_right a.accordion_icon:hover {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_open_right.png) top center no-repeat; text-decoration: none;}

.home_right a.accordion_icon.current {color: #fff; width: 25px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_close_right.png) top center no-repeat; text-decoration: none; border: 1px transparent solid;}
.home_right a.accordion_icon.current:hover {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_close_right.png) top center no-repeat; text-decoration: none;}




a.accordion_block_right:hover .list_text {color: #fff;}
a.current .list_text {color: #fff;}
a.current .column {color: #fff;}

a.link_google_drive {font-size: 13px; display: block; width: 90px; padding: 3px 10px 3px 38px; margin-bottom: 10px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_google_drive.png) left center no-repeat; text-decoration:none; border: 1px #4d7fbc solid;}
a.link_google_drive:hover {background: #f90 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_google_drive.png) left center no-repeat;  color: #fff; text-decoration: none; border: 1px #f90 solid; }

a.link_google_drive div {font-size: 11px; color: #333;}
a.link_google_drive:hover div {font-size: 11px; color: #fff;}


a.link_google_drive_disconnect {float: left; display: block; width: 185px; height: 16px; font-size: 11px; color: #666; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_google_drive_disconnect.png) top left no-repeat; margin-top: 15px; padding-top: 4px; padding-right: 10px; padding-left: 45px; text-decoration:none;}
a.link_google_drive_disconnect:hover {color: #fff; background: #f90 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_google_drive_disconnect.png) bottom left no-repeat;  text-decoration: none; }

a.icon_switch_locker_new {display: block; font-size: 11px; font-weight: bold; height: 31px; padding: 2px 5px 3px 38px; margin-bottom: 0px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_new_locker_gd.png) left top no-repeat; border: 1px #4d7fbc solid; text-decoration:none;}
a.icon_switch_locker_new:hover {background: #f90 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_new_locker_gd.png) left bottom no-repeat;  color: #fff; border: 1px #f90 solid; text-decoration: none; }

a.icon_switch_locker_new_old {display: block; font-size: 11px; font-weight: bold; height: 13px; padding: 2px 5px 3px 38px; margin-bottom: 0px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_switch_locker_new_old.png) left top no-repeat; border: 1px #4d7fbc solid; text-decoration:none;}
a.icon_switch_locker_new_old:hover {background: #f90 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_switch_locker_new_old.png) left bottom no-repeat;  color: #fff; border: 1px #f90 solid; text-decoration: none; }


a.icon_switch_locker_new div {font-size: 11px; font-weight: normal; color: #333; margin-top: 5px;}
a.icon_switch_locker_new:hover div {font-size: 11px; color: #fff;}

a.link_view_page {font-size: 13px; padding: 5px 15px 5px 5px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_arrow_right_sm.png) right center no-repeat; text-decoration:none; text-transform: none;}
a.link_view_page:hover {font-size: 13px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_arrow_right_sm.png) right center no-repeat;  color: #f90; text-decoration: none; }

a.link_download {font-size: 13px; padding: 5px 15px 5px 5px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_link_download.png) right center no-repeat; text-decoration:none;}
a.link_download:hover {font-size: 13px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_link_download.png) right center no-repeat;  color: #590; text-decoration: none; }

a.link_block {display: block; font-size: 15px; padding: 5px; text-decoration:none;}
a.link_block:hover {color: #f90; text-decoration: none; }

a.link_block_sm {display: block; float: left; font-size: 11px; color: #fff; padding: 7px 5px; text-decoration:none; border-right: 1px #356bac solid;}
a.link_block_sm:hover {color: #fff; background-color: #f90; text-decoration: none; }

a.link_block_sm2 {display: block; float: left; font-size: 11px; color: #fff; padding: 7px 5px; text-decoration:none;}
a.link_block_sm2:hover {color: #fff; background-color: #f90; text-decoration: none; }

a.link_block_lg {display: block; font-size: 18px; padding: 7px 5px; text-decoration:none;}
a.link_block_lg:hover {color: #fff; background-color: #f90; text-decoration: none; }

a.link_block_logout {display: block; float: left; font-size: 11px; color: #fff; padding: 7px 5px; text-decoration:none;}
a.link_block_logout:hover {color: #fff; background-color: #f90; text-decoration: none; }

a.icon_settings2 {float: left; display: block; width: auto; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_settings2.png) no-repeat right; font-size: 11px; color: #fff; text-decoration:none; padding: 7px 30px 7px 8px;border-left: 1px #356bac solid; }
a.icon_settings2:hover {background: #f90 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_settings2.png) no-repeat right; color: #fff; text-decoration:none;}

a.icon_help2 {text-indent: -9999px; float: left; display: block; width: auto; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_help2.png) no-repeat center; font-size: 11px; color: #fff; text-decoration:none; padding: 7px 5px 7px 28px; }
a.icon_help2:hover {background: #f90 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_help2.png) no-repeat center; color: #fff; text-decoration:none;}

a.icon_sl_logo {text-indent: -9999px; float: left; display: block; width: auto; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/logo_loop_sm.png) no-repeat top; font-size: 11px; color: #fff; text-decoration:none; padding: 7px 5px 7px 28px; }
a.icon_sl_logo:hover {background: #f90 url(https://cdn.schoolloop.com/release_1.0.4.2/img/logo_loop_sm.png) no-repeat bottom; color: #fff; text-decoration:none;}

.link_padded a{padding: 5px; text-decoration:none;}
.link_padded a:hover{color: #f90; text-decoration: none; }

.link_block_current {display: block; font-size: 15px; background: #fff; color: #000; padding: 5px; text-decoration:none;}
        
        
.nav_list_hori{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; vertical-align:middle;
voice-family: "\"}\"";
voice-family: inherit;

}

.nav_list_hori ul{
float: left;
font-family: lato, Arial, Helvetica, sans-serif;
font-size: 12px;
margin:0px;
padding:0px;
list-style:none;
}

.nav_list_hori li{
display:inline;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}


.nav_list_hori a{
color: #5d8dc5;
float:left;
display: block;
margin:0px 0px 0px 0px;
padding: 7px 7px;
border-right: 1px solid #ececec;
text-decoration:none;

}


.nav_list_hori a:visited{
color: #5d8dc5;
float:left;
display: block;
margin:0px 0px 0px 0px;
padding: 7px 10px;
border-right: 1px solid #ececec;
text-decoration:none;

}


.nav_list_hori a:hover{
border-right: 1px #ececec solid;
background-color: #f90;
color: #fff;
text-decoration:none; }


.nav_list_hori .selected a, #nav_employee .selected a span{ /*currently selected tab*/
border-left: 1px #aaa solid;
background-color: #ffffff;
color: #003387;

}        



a.button_page,
.button_page_selected,
.button_page_disabled,
a.button_page:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color:#3366cc; text-decoration:none; text-align:center; min-width:15px; display:inline-block; padding: 1px 2px 0px 2px; margin: 1px; background:#ffffff; border: #cccccc solid 1px;}
a.button_page:hover {color:#ffffff; background:#3366cc; border: #3366cc solid 1px;}
.button_page_ellipse {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; text-decoration:none; text-align:center; width:17px; display:inline-block; padding: 1px 2px 0px 2px; margin: 1px; }
.button_page_selected,
.button_page_disabled,
.button_page_ellipse {color:#999999}

a.link_big {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color:#3366cc; text-decoration:none; padding: 0px 2px 0px 2px; margin: 0px 0px 0px 0px; background:#ffffff; border: #ffffff solid 1px;}
a.link_big:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px;  color:#ffffff; text-decoration:none; padding: 0px 2px 0px 2px; margin: 0px 0px 0px 0px; background:#3366cc; border: #3366cc solid 1px;}

a.alert_help {text-indent: -9000px; outline: none; color:#3366cc; text-decoration:none; margin-top: 4px; padding: 2px 0px 0px 6px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_alert_help.png) top no-repeat; width: 20px; height: 20px; display: block; line-height: 12px}
a.alert_help:hover {background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_alert_help.png) bottom no-repeat; color:#ffffff;text-decoration: none;}

a.alert_help2 {text-indent: -9000px; outline: none; color:#3366cc; text-decoration:none; margin-top: 4px; padding: 2px 0px 0px 6px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_alert_help.png) top no-repeat; width: 20px; height: 20px; display: block; line-height: 12px}
a.alert_help2:hover {background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_alert_help.png) bottom no-repeat; color:#ffffff;text-decoration: none;}

a.alert_help_sm {outline: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px;  color:#cc0000; text-decoration:none; padding: 0px 4px 0px 4px; background: #ffffbb; line-height: 12px; display: block; border: 1px #cccccc solid}
a.alert_help_sm:hover {background: #cc0000; color:#ffffff; text-decoration: none;}

a.alert_help_sm_left {float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px;  color:#cc0000; text-decoration:none; padding: 0px 4px 0px 4px; background: #ffffbb; line-height: 12px; display: block; border: 1px #cccccc solid}
a.alert_help_sm_left:hover {float: left; background: #cc0000; color:#ffffff; text-decoration: none;}

a.delete {font-weight: bold; width: 100px; font-size: 12px; line-height: 12px; color:#4a7dbb; text-decoration:none; padding: 2px 4px; margin: 0px ; background:#ffffff; border: #ddd solid 1px;}
a.delete:visited {font-weight: bold; font-size: 12px; line-height: 12px; color:#4a7dbb; text-decoration:none; padding: 2px; margin: 0px ; background:#ffffff; border: #ddd solid 1px;}
a.delete:hover {color:#ffffff; text-decoration:none; background:#f90; }

.droplist_menu{width: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; vertical-align:middle;
voice-family: "\"}\"";
voice-family: inherit;

}

.droplist_menu ul{
font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px;
margin:0px;
padding:0px;
list-style:none;
}

.droplist_menu li{
display:inline;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


.droplist_menu a{
float: left;
font-size: 13px;
font-weight: 200;
color: #4a7dbb;
display: block;
background: #fff url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_arrow_droplist.png) center right no-repeat;
margin:0px 0px 0px 0px;
padding: 4px 40px 4px 10px;
border: 1px solid #4a7dbb;
text-decoration:none;
cursor: pointer;

}



.droplist_menu a:hover{
     border-left: 1px #aaa solid;
    background-color: #ffffff;
    color: #003387;
    text-decoration:none;
}


.droplist_menu .selected a, .droplist_menu .selected a span{ /*currently selected tab*/
border: 1px #aaa solid;
background-color: #ffffff;
color: #003387;

}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_droplist_menu{
position:absolute;
top: 0px;
margin: -2px 0px 0px 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif; font-size: 11px;
z-index:100;
background: #ffffff;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-left:  1px solid #aaa;
width: 145px;
visibility: hidden;
}


.dropmenudiv_droplist_menu a{
display: block;
font-size: 11px;
padding: 5px 10px;
text-decoration: none;
color: #003387;
z-index:100;
}

* html .dropmenudiv_droplist_menu a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_droplist_menu a:hover{ /*THEME CHANGE HERE*/
background: #f90;
color: #fff;
text-decoration: none;
z-index:100;
}

.wijtooltip .{
        border: 1px #c00 sold;
        font-size: 11px;
        }



/* Drop List - Add Content */

#drop-list {
float:right;
margin-top: 5px;
}




#drop-list .ui-icon-triangle-1-s {
    display:none;
}

#drop-list a.active-menu-highlight {
        letter-spacing:.5px;
        background: #FF9900 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_arrow_droplist_brn.png) right top no-repeat;
        background: #FF9900 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_arrow_droplist_brn.png) right top no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF9900), to(#FF7900));
        background: #FF9900 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_arrow_droplist_brn.png) right top no-repeat, -webkit-linear-gradient(top, #FF9900, #FF7900);
        background: #FF9900 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_arrow_droplist_brn.png) right top no-repeat, -moz-linear-gradient(top, #FF9900, #FF7900);
        background: #FF9900 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_arrow_droplist_brn.png) right top no-repeat, -ms-linear-gradient(top, #FF9900, #FF7900);
        background: #FF9900 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_arrow_droplist_brn.png) right top no-repeat, -o-linear-gradient(top, #FF9900, #FF7900);
        font-size: 15px;
        width: 145px;
        padding: 5px 25px 5px 10px;
        border: 1px #ffa300 solid;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
        color: #fff;
        text-transform: initial;
}

#drop-list a.active-menu-highlight:hover {
        background: #FFB300 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_arrow_droplist_wht.png) right top no-repeat;
        color: #fff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
}


#drop-list .drop-nav-container {
 margin-top:5px;
 }


#drop-list ul{
       list-style-type: none;
       padding:0 0px;
       font-size: 13px;
       margin:0px;
}



/* --
select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow: 0 3px 0 #ececec, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ececec, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #fff;
    color:#5d8dc5;
    border: 1px #b7d4ec solid;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
-- */

.view_submissions {
    text-align:right;
    width:98%;
    display:block;
}

/*user sites styles*/

.btn-action-highlight__usersite-promo {
    display: block;
    margin-right: 15px;
}

.btn-action-highlight__usersite-promo h2,
.btn-action-highlight__usersite-promo p {
    color: #000;
}

a.btn-action-highlight__alt-color {
    background: linear-gradient(to bottom, #09c, #06c);
    border: 1px solid #06c;
}

a.btn-action-highlight__alt-color:hover {
    background: #09c;
    border: 1px solid #09c;
}

a.btn_info_circle {
    color: #06c;
    font-size:20px;
    margin-right: 10px;

}

a.btn_info_circle span {
    border-radius: 50%;
    padding: 3px;
    background: radial-gradient(circle at center, #fff, #fff 33%, #06c 34%);
    box-sizing: border-box;
}

a.btn_info_circle:hover {
    color: #09c;

}

a.btn_info_circle:hover span {
    background: radial-gradient(circle at center, #fff, #fff 33%, #09c 34%);
}
        
/* --/////////////   Page Tabs    ///////////////////// --*/
.page_tabs {padding: 0px; height: 25px; margin-bottom: 20px; border-bottom: 1px #f90 solid;}
.page_tabs ul.page_head {margin: 0px; padding:0px; list-style:none; float: left;}
.page_tabs ul.page_head li{display:inline; margin: 0; padding:0px 3px 0px 0px;}
.page_tabs ul.page_head li{font-weight: 400; font-size: 15px; margin: 0px; text-transform: uppercase;}



.page_tabs ul.page_head li a {color: #4a7dbb; height: 32px; padding: 6px 15px; text-decoration:none; background: #e6e6e6; border: #e6e6e6 solid 1px; border-bottom: #f90 solid 1px;}
.page_tabs ul.page_head li a {color: #4a7dbb; height: 32px; padding: 6px 15px; text-decoration:none; background: #e6e6e6; border: #e6e6e6 solid 1px; border-bottom: #f90 solid 1px;}
.page_tabs ul.page_head li a:hover {text-decoration:none; color: #fff; background:#f90; border: #f90 solid 1px;}



/* --/////////////   Header Tabs    ///////////////////// --*/
.header_tabs {
    font-family: Lato, Arial, san-serif;
    font-size: 13px;
    font-weight: 400;
    height:32px;
    clear: both;
    border-bottom: 1px #f90 solid;
    }

.header_tabs ul {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    padding: 0px;
    list-style:none;

}

.header_tabs ul li{
    float: left;
    margin-left: 2px;
    margin-right: 0px;
    padding: 0px;
}



.header_tabs ul li a {
    color: #4a7dbb;
    display:block;
    text-decoration:none;
    border: #e6e6e6 solid 1px;
border-bottom: 1px #f90 solid;

    padding: 5px 15px;
    cursor: pointer;
}



.header_tabs ul li a {
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #dddddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f2f2 0%,#dddddd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#dddddd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f2f2 0%,#dddddd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */

   -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.header_tabs ul li a:hover {
    text-decoration:none;
    color: #fff;
    border: #f90 solid 1px;
    border-bottom: #fff solid 1px;
    background:#f90;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */

    }

.header_tabs ul li.current a {
    color: #333;
    display:block;
    text-decoration:none;
    background: #EDF2F8;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDF2F8', endColorstr='#EDF2F8',GradientType=0 ); /* IE6-9 */
    border: #f90 solid 1px;
    padding: 5px 15px;
    border-bottom: #EDF2F8 solid 1px;
    cursor: default;

}

/* -----
.header_tabs {background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/tabs_rule.png) bottom repeat-x; padding: 1px; }

.header_tabs ul.head {margin: 0px; margin-bottom: -1px; padding:0px; list-style:none; float: left;}
.header_tabs ul.head li{display:inline; margin: 0; padding:0px 3px 0px 0px;}
.header_tabs ul.head li{font-weight: 400; font-size: 22px; margin: 0px; text-transform: uppercase;}


.header_tabs ul.head li.current a {font-weight: 400; font-size: 22px; color: #333; background: #fff; margin: 0px; line-height: 39x; padding: 6px 15px; text-transform: uppercase; text-decoration:none; border: #f90 solid 1px; border-bottom: 1px #fff solid;}
.header_tabs ul.head li.current a:hover {font-weight: 400; font-size: 22px; color: #333; background: #fff; margin: 0px; padding: 6px 15px; text-transform: uppercase; text-decoration:none; border: #f90 solid 1px; border-bottom: 1px #fff solid;}

.header_tabs ul.head li a {color: #4a7dbb; line-height: 39px; padding: 6px 15px; text-decoration:none; background: #e6e6e6; border: #e6e6e6 solid 1px; border-bottom: #f90 solid 1px; cursor: pointer;}
.header_tabs ul.head li a:hover {text-decoration:none; color: #fff; background:#f90; border: #f90 solid 1px;}
---- */


/* --/////////////   TABS    ///////////////////// --*/
.tabs_table {clear: both; margin: 0px 0px -1px 0px;}
.g_tab_mid { margin:0px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/tab_mid.gif) 0px 0px repeat-x; padding:5px 10px 12px 10px;}
.g_tab_mid_sel {font-weight:bold; color: #333333; margin:0px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/tab_mid_sel.gif) 0px 0px repeat-x; padding:5px 10px 12px 10px;}
.g_tab_text {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; margin: 0px 0px 0px 0px;}
.g_tabs_top_mid { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/gree_tabs_top_mid.gif) 0px 0px repeat-x; margin:0px;  padding:0px;}

.tabs {margin: 0px 0px 0px 0px;}

.tabs .middle_left {background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/tabs_middle_left.gif) repeat-y;  margin:0px; padding:0; line-height:1px;width:10px;font-size:1px;}
.tabs .middle_right { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/tabs_middle_right.gif)  repeat-y; padding:0px;margin:0px;width:10px;font-size:1px; }
.tabs .bottom_left { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/tabs_bottom_left.gif) no-repeat; margin:0px;line-height:1px; height:10px; width:10px;font-size:1px;  padding:0px;}
.tabs .bottom_center { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/tabs_bottom_center.gif) repeat-x; margin:0px;line-height:1px; height:10px; font-size:1px; }
.tabs .bottom_right { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/tabs_bottom_right.gif) no-repeat; margin:0px; height:10px; width:10px;font-size:1px;  padding:0px;}

.tabs_left {width:440px; padding: 0px 30px 10px 0px;}
.tabs_right {width:230px; padding: 0px 0px 10px 0px;}

A.tab_link {font-weight:bold; color:#ffffff; text-decoration:none;}
A.tab_link:visited {font-weight:bold; color:#ffffff; text-decoration:none;}
A.tab_link:hover {font-weight:bold; color:#ffffff; text-decoration:underline;}
/* --////// Frames //////-- */
.f_dashboard { margin:0px 0px 0px 0px; }
.f_dashboard .top_left {background: #f1b207 url(https://cdn.schoolloop.com/release_1.0.4.2/img/title_bg_main_center.gif) top repeat; margin:0px 0px -2px 0px;height:auto; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; padding:5px 0px 3px 10px; color:#000000; text-transform: uppercase; border-bottom:#7e9831 solid 3px;}
.f_dashboard .top_right {background: #f1b207 url(https://cdn.schoolloop.com/release_1.0.4.2/img/title_bg_main_center.gif)  top repeat; margin:0px 0px -2px 0px;height:auto; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; padding:5px 10px 3px 0px; color:#333333; border-bottom:#7e9831 solid 3px; text-align: right; vertical-align: middle;}
.f_dashboard .middle_center {padding:0px 0px 5px 0px; background-color:#ffffff;  margin:0px 0px 0px 0px; border-right: 2px #f3c240 solid; border-bottom: 2px #f3c240 solid; border-left: 2px #f3c240 solid;}

.f_dashboard .top_left2 {vertical-align: middle; border-left: 2px #f3c240 solid; border-bottom: 2px #f3c240 solid; padding: 2px 0px 2px 10px;}
.f_dashboard .top_right2 {vertical-align: middle; text-align: right; border-right: 2px #f3c240 solid; border-bottom: 2px #f3c240 solid; padding: 2px 8px 2px 10px;}

.f_dashboard .title {border-bottom: 2px #f4da92 solid; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #000000; margin: 0px 0px 0px 0px; padding: 3px 0px 1px 10px;}
.f_dashboard .title_sub {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #333333; margin: 0px 0px 4px 0px; padding-left: 10px;}

.f_dashboard .left {padding-left: 10px;}
.f_dashboard .right {padding-right: 10px;}

.dashboard {
    background: #edf2f8;
    font-size: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;

}

.dashboard h2{
    font-family: Lato; arial, san-serif;
    background: #cedcec;
    background: -moz-linear-gradient(top, #ecf1f7 0%, #cedcec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fecf1f7), color-stop(100%,#cedcec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ecf1f7 0%,#cedcec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ecf1f7 0%,#cedcec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ecf1f7 0%,#cedcec 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ecf1f7 0%,#cedcec 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf1f7', endColorstr='#cedcec',GradientType=0 ); /* IE6-9 */
    padding: 3px 10px;
    margin: -5px -5px 5px -5px;
}

.dashboard .dash-label {
    font-family: lato, arial, san-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    color: #666;
}

.dashboard .sub_header {
    padding: 5px 10px;
    font-size: 18px;
    font-family: lato, arial, san-serif;
}

.dashboard .content {
    background: #fff;
    padding: 5px;
    margin-bottom: 10px;
    -moz-box-shadow:    0px 0px 4px #d2d2d2;
    -webkit-box-shadow: 0px 0px 4px #d2d2d2;
    box-shadow:         0px 0px 4px #d2d2d2;
    border: 1px #ececec solid\9; /* IE 8 and below */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.dashboard .detail_title {color: #999; padding: 3px 10px; font-size: 15px; font-weight: bold;}

.detail_sub {font-family: lato, arial, san-serif; padding: 3px 0px; font-size: 18px;}
.detail_zeros {background: #ffdcdc;}
.detail_zeros_none {background: #f2f2f2;}

.dashboard .detail_highlight {
    background: #fdfae8;
}
.detail_highlight_zero {
    background: #ffebeb;
    -moz-box-shadow:    0px 0px 4px #d2d2d2;
    -webkit-box-shadow: 0px 0px 4px #d2d2d2;
    box-shadow:         0px 0px 4px #d2d2d2;
    border: 1px #ececec solid\9; /* IE 8 and below */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

}




.detail_item {display: table; width: 100%; font-size: 12px;}
.detail_item .assignment_cell {padding: 5px 2px;}
.detail_item .score_cell {padding: 5px 2px; width: 40px; white-space: nowrap;}




.dashboard a.block {display: block; color: #000; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_content_rule.png) left bottom no-repeat;cursor: pointer;}
.dashboard a.block:hover {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_content_rule.png) right bottom no-repeat; text-decoration: none;}

.dashboard a.block.current {color: #fff; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_content_rule.png) right bottom no-repeat; border-right: 1px #f90 solid; text-decoration: none;}

.dashboard .row {width: 100%; border-collapse: collapse; border-bottom: 1px #ececec solid; display:table;}
.dashboard .row .title { display:inline-block; }
.teacher_portal_periods { display:inline-block; font-size:11px; color:#666; }
.text-align-right { text-align:right; }
.top-6px-bump { padding-top:6px; }
.dashboard .row .arrow { width:50px; padding-top:10px; padding-left:6px; cursor:pointer; }
.jsCMCLessLink {
    color: #2a487c;
    font-size: 11px;
    margin-top: 6px;
    padding: 4px 0 0 15px;
    overflow: hidden;
    background: url('https://cdn.schoolloop.com/release_1.0.4.2/img/jsCMCMoreLessLink.png') no-repeat 0 -16px;
}
.jsCMCMoreLink {
    color: #2a487c;
    font-size: 11px;
    margin-top: 6px;
    padding: 4px 0 0 15px;
    overflow: hidden;
    background: url('https://cdn.schoolloop.com/release_1.0.4.2/img/jsCMCMoreLessLink.png') no-repeat 0 4px;
}

.dashboard .row tr {outline:none;}
.dashboard .row .periods {width: 260px;}
.dashboard .left {font-size: 18px;}



/*  STUDENT PORTAL ROW */

.dashboard .standard {font-size: 12px; padding-left: 10px; white-space: nowrap;}
.dashboard .standard div{font-size: 12px; margin-top: 7px}

.dashboard .student_row {font-size: 12px; border-bottom: 1px #ececec solid;}
.dashboard .student_row .period {font-size: 13px; width: 5px; padding: 7px 3px;}
.dashboard .student_row .course {font-size: 13px; width: 140px;}
.dashboard .student_row .course a{display: block; color: #2d518f; padding: 7px 3px;}
.dashboard .student_row .course a:hover{background: #f90; color: #fff;}

.dashboard .student_row .grade {width:auto; padding: 7px 3px;}
.dashboard .student_row .percent {width:auto; padding: 7px 3px; white-space: nowrap;}
.dashboard .student_row .zeros {width:65px; padding: 7px 8px; white-space: nowrap}
.dashboard .student_row .zeros span {font-size: 12px;}
.dashboard .student_row .pr_link {font-size: 11px; width: 50px; text-align: center;}
.dashboard .student_row .pr_link a{display: block; padding: 3px;}
.dashboard .student_row .pr_link a:hover{background: #f90; color: #fff;}
.dashboard .student_row .teacher {font-size: 11px; text-align: right; padding-left: 5px;}
.dashboard .student_row .teacher a{display: block; padding: 7px 3px;}
.dashboard .student_row .co-teacher a{display: block; padding: 3px; float:right; width:100%;}
.dashboard .student_row .teacher a:hover{background: #f90; color: #fff;}
.dashboard .student_row .t_mail {width: 28px;}
.dashboard .student_row .unpublished {font-size: 14px; padding: 7px 3px; width: 200px;}


.dashboard .student_row .ajax_accordion_row:hover {background: #f90; color: #fff;}
.dashboard .student_row .ajax_accordion_row.current {background: #fdd795; color: #333;}



.dashboard .row .course {font-size: 15px; width: 150px; padding: 7px 3px;}
.dashboard .row .s_course {font-size: 15px; width: 180px; padding: 7px 3px;}
.dashboard .row .period {width: 5px; padding: 7px 3px;}
.dashboard .row .percent {font-size: 15px;width: 135px; padding-left: 10px;  white-space: nowrap;}
.dashboard .row .zeros {font-size: 15px; padding-left: 10px; white-space: nowrap}
.dashboard .row .zeros span {font-size: 12px;}
.dashboard .row .course_teacher {float: left; font-size: 12px; padding: 3px 5px; text-align: right; white-space: nowrap;}


.dashboard .course_teacher {float: left; font-size: 12px; padding: 3px 5px; text-align: right; white-space: nowrap;}

.dashboard .label_light {font-size: 12px; color: #aaa;}

.dashboard .course_links {font-size: 11px; padding: 3px 0px 0px 5px; text-align: right; white-space: nowrap;}
.dashboard .course_links a{padding: 3px 5px;}
.dashboard .course_links a:hover{color: #f90; text-decoration: none;}

.dashboard .email_teacher {font-size: 12px; padding: 0px 5px 5px 5px; white-space: nowrap;}
.dashboard .email_teacher span{font-size: 12px; padding: 3px; white-space: nowrap;}

.dashboard a.block .progress_report {width: 25px; padding: 13px 10px 0px 10px;font-size: 13px; color: #5d8dc5; white-space: nowrap}
.dashboard a.block:hover .progress_report {color: #fff;}
.dashboard a.block:hover .large {color: #fff;}

.dashboard .title a{display: inline-block;font-size: 15px; color: #2a487c; padding: 5px 5px 3px 5px;}
.dashboard .title a:hover{color: #fff; background: #f90; text-decoration: none;}
.dashboard .links a{font-size: 11px; color: #2a487c; padding: 3px 5px;; white-space: nowrap; line-height: 22px;}
.dashboard .links a:hover{color: #fff; background: #f90; text-decoration: none;}
.dashboard .periods a{font-size: 14px; color: #2a487c; padding: 5px; white-space: nowrap; line-height: 28px;}
.dashboard .periods a:hover{color: #fff; background: #f90; text-decoration: none;}

.dashboard a.portal-period-link { font-size: 12px; color: #666; padding: 6px 1px 0px 1px;}


.f_dashboard .nav_drop {
position:absolute;
top: 0px;
margin: -1px 0px 0px 0px;
padding: 0px 0px 3px 0px;
font-family: Arial, Helvetica, sans-serif; font-size: 11px;
z-index:100;
background: #ffffff;
border-right: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
border-left: 1px #cccccc solid;
width: 144px;
visibility: hidden;
}

.f_dashboard .nav_drop a{
display: block;
margin-right: 2px;
padding: 3px 10px 3px 10px;
text-decoration: none;
color: #3366cc;
z-index:100;

}

* html .f_dashboard .nav_drop a{ /*IE only hack*/
width: 100%;
}

.f_dashboard .nav_drop a:hover{ /*THEME CHANGE HERE*/
padding: 3px 10px 3px 10px;
background: #ffffbb;
color: #3366cc;
text-decoration: none;
z-index:100;
}

/* -- Poral Frames -- */
.portal_content {
    background: #fff;
    padding: 5px;
    margin-bottom: 10px;
    -moz-box-shadow:    0px 0px 4px #d2d2d2;
    -webkit-box-shadow: 0px 0px 4px #d2d2d2;
    box-shadow:         0px 0px 4px #d2d2d2;
    border: 1px #ececec solid\9; /* IE 8 and below */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.portal_content h2{
    font-family: Lato; arial, san-serif;
    background: #cedcec;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #dddddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ecf1f7 0%,#cedcec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#ececec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f2f2f2 0%,#ececec 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f2f2f2 0%,#ececec 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
    padding: 3px 10px;
    margin: -5px -5px 5px -5px;
}



.portal_content .cal_content_holder {backgrond: #fdfaf5; border: 1px #fff solid;}

/* ---- CMS Dashboard -------*/
.f_dashboard_cms { margin:0px 0px 0px 0px; }
.f_dashboard_cms .top_left {background: #f1b207 url(https://cdn.schoolloop.com/release_1.0.4.2/img/title_bg_main_center.gif) top repeat; margin:0px 0px -2px 0px;height:auto; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; padding:5px 0px 3px 10px; color:#000000; text-transform: uppercase; border-bottom:#7e9831 solid 3px;}
.f_dashboard_cms .top_right {background: #f1b207 url(https://cdn.schoolloop.com/release_1.0.4.2/img/title_bg_main_center.gif)  top repeat; margin:0px 0px -2px 0px;height:auto; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; padding:5px 10px 3px 0px; color:#333333; border-bottom:#7e9831 solid 3px; text-align: right; vertical-align: middle;}
.f_dashboard_cms .middle_center {padding:0px 0px 5px 0px; background-color:#ffffff;  margin:0px 0px 0px 0px; border-right: 2px #f3c240 solid; border-bottom: 2px #f3c240 solid; border-left: 2px #f3c240 solid;}

.f_dashboard_cms .top_left2 {vertical-align: middle; border-left: 2px #f3c240 solid; border-bottom: 2px #f3c240 solid; padding: 2px 0px 2px 10px;}
.f_dashboard_cms .top_right2 {vertical-align: middle; text-align: right; border-right: 2px #f3c240 solid; border-bottom: 2px #f3c240 solid; padding: 2px 8px 2px 10px;}

.f_dashboard_cms .title {border-bottom: 2px #f4da92 solid; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #000000; margin: 0px 0px 0px 0px; padding: 3px 0px 1px 10px;}
.f_dashboard_cms .title_sub {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #333333; margin: 0px 0px 4px 0px; padding-left: 10px;}

.f_dashboard_cms .left {padding-left: 10px;}
.f_dashboard_cms .right {padding-right: 10px;}

        

.f_secondary { margin:0px 0px 0px 0px; }
.f_secondary .top_left {font-family: Arial, Helvetica, san-serif; font-size: 22px; padding:6px 0px 3px 10px;  color:#333333; text-transform: uppercase; border-bottom:#f90 solid 1px;}
.f_secondary .top_right {margin:0px 0px -2px 0px;line-height:1px; height:auto; font-size:1px;  padding:2px 10px 0px 0px; border-bottom:#f90 solid 1px; text-align: right}
.f_secondary .middle_center { padding:0px 0px 0px 0px; background-color:#ffffff;  margin:0px 0px 0px 0px;}
.f_secondary .pad_sides {padding: 0px 10px 0px 10px;}

.f_secondary .title {font-family: Arial, Helvetica, san-serif; color: #666; font-size: 22px; margin: 0px; margin-bottom: 5px; padding: 0px 10px;}
.f_secondary .left {padding-left: 10px;}
.f_secondary .right {padding-right: 10px;}




/* ######### Style for Drop Down Menu ######### */


.f_secondary .nav_drop {
position:absolute;
top: 0px;
margin: -1px 0px 0px 0px;
padding: 0px 0px 3px 0px;
font-family: Arial, Helvetica, sans-serif; font-size: 11px;
z-index:100;
background: #ffffff;
border-right: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
border-left: 1px #cccccc solid;
width: 144px;
visibility: hidden;
}



.f_secondary .nav_drop a{
display: block;
margin-right: 2px;
padding: 3px 10px 3px 10px;
text-decoration: none;
color: #3366cc;
z-index:100;

}

* html .f_secondary .nav_drop a{ /*IE only hack*/
width: 100%;
}

.f_secondary .nav_drop a:hover{ /*THEME CHANGE HERE*/
padding: 3px 10px 3px 10px;
background: #ffffbb;
color: #3366cc;
text-decoration: none;
z-index:100;
}

.secondary { margin:0px 0px 0px 0px; }
.secondary .top_left {background: #efefef; margin:0px 0px -2px 0px;line-height:1px; width:10px;font-size:1px;  padding:0px; border-bottom:#cccccc solid 3px;}
.secondary .top_center { background: #efefef; margin:0px 0px -2px 0px;height:auto; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; padding:5px 0px 3px 0px; line-height:15px; color:#333333; text-transform: uppercase; border-bottom:#cccccc solid 3px;}
/* --For Two Column Header -- */
.secondary .top_center_right { background: #efefef; margin:0px 0px -2px 0px;padding:5px 0px 3px 0px; line-height:15px; color:#666666; border-bottom:#cccccc solid 3px; text-align: right;}

.secondary .top_right {background: #efefef; margin:0px 0px -2px 0px;line-height:1px; width:10px;font-size:1px;  padding:0px; border-bottom:#cccccc solid 3px;}

.secondary .middle_left {background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/f_secondary_middle_left.gif) repeat-y;  margin:0px; padding:0; line-height:1px;width:10px;font-size:1px;}
.secondary .middle_center { padding:5px 0px 0px 0px; background-color:#ffffff;  margin:0;vertical-align:middle; }
.secondary .middle_right { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/f_secondary_middle_right.gif)  repeat-y; padding:0px;margin:0px;line-height:1px; width:10px;font-size:1px; }
.secondary .bottom_left { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/f_secondary_bottom_left.gif) no-repeat; margin:0px;line-height:1px; height:10px; width:10px;font-size:1px;  padding:0px;}
.secondary .bottom_center { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/f_secondary_bottom_center.gif) repeat-x; margin:0px;line-height:1px; height:10px; font-size:1px; }
.secondary .bottom_right { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/f_secondary_bottom_right.gif) no-repeat; margin:0px;line-height:1px; height:10px; width:10px;font-size:1px;  padding:0px;}


.f_cal_week { margin:0px 0px 10px 0px; }
.f_cal_week .top_left { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/f_cal_week_top.gif) top center no-repeat; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; padding:6px 0px 3px 10px; color:#333333; text-transform: uppercase; border-bottom:#999999 solid 3px;}
.f_cal_week .top_right { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/f_cal_week_top.gif)  top center no-repeat; margin:0px 0px -2px 0px;line-height:1px; height:auto; width:10px;font-size:1px;  padding:0px; border-bottom:#999999 solid 3px;}
.f_cal_week .middle_center { padding:0px 0px 0px 0px; background-color:#ffffff;  margin:0px 0px 0px 0px; border-right: 2px #cccccc solid; border-bottom: 2px #cccccc solid; border-left: 2px #cccccc solid;}
/* ------ MODULE -----*/
.module_col {
  background: #efefef;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
    border-radius: 3px;

}
.module {
    font-size: 13px;
    color: #494949;
    padding: 5px;
    margin:0px;
    background: #efefef;
    word-wrap: break-word;
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;

}

.module h2 {
 font-family: lato, Arial, Helvetica, san-serif;
 color: #494949;
 float: left;
 font-size: 20px;
 margin: 0px;
 margin-bottom: 5px;
 padding: 0px;
}


.module .module_content {
    background: #fff;
    padding: 5px;
    word-wrap: break-word;
    clear: both;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
     -moz-box-shadow:    0px 0px 4px #d2d2d2;
    -webkit-box-shadow: 0px 0px 4px #d2d2d2;
    box-shadow:         0px 0px 4px #d2d2d2;
    border: 1px #ececec solid\9; /* IE 8 and below */

}

.module .content_item {
    margin-bottom: 10px;
    padding: 1px;
}

.module a.title_link {font-size: 16px; line-height: 22px; }

.module .title_alert {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #cc0000; margin: 10px 0px 5px 0px; padding: 3px 3px 3px 0px; border-bottom: 1px #cc0000 solid}
.module a.button_alert {display: block; width: auto; padding: 5px 10px; font-weight:bold; font-size:12px;}
.module a.button_alert:hover {color: #fff; background: #f90; text-decoration: none; }

.admin_only_checkbox_label { display:inline-block; margin:2px 5px 0 2px; float:right; font-size:12px; }


/* ------ TOOLBOX -----*/
.toolbox {
    font-size: 13px;
    color: #777;
    width: 310px;
    background: #ececec;
    padding: 0px;
    margin:0px;
    word-wrap: break-word;
    margin-left: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
     -moz-box-shadow:    0px 0px 4px #d2d2d2;
    -webkit-box-shadow: 0px 0px 4px #d2d2d2;
    box-shadow:         0px 0px 4px #d2d2d2;
    border: 1px #ececec solid\9; /* IE 8 and below */
}
.toolbox h2 {font-family: lato, Arial, Helvetica, san-serif; color: #666; font-size: 20px;  padding: 5px 10px; margin: 0px; border-bottom: 1px #fff solid;}
.toolbox a {display: block; float: left; width: 133px; font-size: 12px; color: #4A719E; padding: 7px 10px; border: 1px #f2f2f2 solid;}
.toolbox a:hover, .toolbox a:focus {color: #fff; background: #f90; text-decoration: none;}
.toolbox a.download {display: block; float: left; width: 133px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_download_file.png) top right no-repeat; font-size: 12px; color: #4A719E; padding: 7px 10px; border: 1px #fff solid; }
.toolbox a.download:hover {color: #fff; background: #f90 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_download_file.png) top right no-repeat; text-decoration: none;}

.toolbox .current_tool {display: block; float: left; width: 133px; font-size: 12px; color: #999; padding: 7px 10px; border: 1px #fff solid; }

.single_column { float:right; width:155px; }
.toolbar_on_right { width: 768px; }

.toolbox a.icon_settings_module {display: block; text-align: left; width: 275px; height: 21px; display: block; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_settings.png) no-repeat; color: #4A719E; border-top: 1px #fff solid; margin-top: 0px; text-decoration:none; padding: 10px 2px 2px 32px;}
.toolbox a.icon_settings_module:hover {display: block; background: #f90 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_settings.png) bottom left no-repeat; color: #fff; text-decoration:none; }


.toolbox .nav {padding:0px 0px 0px 5px; margin:0px 0px 0px 0px; border-bottom: 1px #fff solid;}
.toolbox .nav ul {margin:0px 0px 0px 0px;padding:0px; list-style:none;}
.toolbox .nav ul li {display:inline; margin:0px 0px 0px 0px; padding:1px 0px 1px 0px;}
.toolbox .nav ul li a{
    font-size: 11px;
    line-height: 17px;
    width: auto;
    text-decoration:none;
    color: #4A719E;
    border: 1px #b7d4ec solid;
    padding:  3px 5px;
    margin-right: 3px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.toolbox .nav ul li a:hover{
    color:#fff;
    text-decoration:none;
    background:#f90;
    border: #f90 solid 1px;
}

.toolbox_wide {
    font-size: 13px;
    color: #777;
    background: #ececec;
    padding: 0px;
    margin:0px;
    word-wrap: break-word;
    margin-left: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
     -moz-box-shadow:    0px 0px 4px #d2d2d2;
    -webkit-box-shadow: 0px 0px 4px #d2d2d2;
    box-shadow:         0px 0px 4px #d2d2d2;
    border: 1px #ececec solid\9; /* IE 8 and below */
}

.toolbox_wide h2 {font-family: lato, Arial, Helvetica, san-serif; color: #666; font-size: 20px;  padding: 5px 10px; margin: 0px; border-bottom: 1px #fff solid;}
.toolbox_wide a {display: block; font-size: 12px; color: #4A719E; padding: 7px 10px; border-bottom: 1px #fff solid; border-right: 1px #fff solid; }
.toolbox_wide a:hover {color: #fff; background: #f90; text-decoration: none;}

.group_nav_left {font-size: 13px; color: #777; background: #e6e6e6; padding: 0px; margin:0px; word-wrap: break-word; margin-left: 0px;}
.group_nav_left a {display: block; font-size: 12px; color: #4A719E; padding: 7px 10px; border-bottom: 1px #fff solid; border-right: 1px #fff solid; }
.group_nav_left a:hover {color: #fff; background: #f90; text-decoration: none;}


.module span.module_link, .module a.module_link {display: block; color: #4a7dbb; width: auto; height: auto; padding: 5px; font-weight:bold; font-size:13px;}
.module span.module_link { color: #999; }
.module a.module_link:hover {display: block; color: #fff; width:auto; height: auto; background: #f90; font-weight:bold; font-size:13px; text-decoration:none;}


/* ----------
.module .pad_sides {padding: 0px 10px 0px 10px;}
.module .title {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #000000; margin: 0px 0px 0px 0px; padding-left: 10px;}
.module .left {padding-left: 10px; font-size: 11px;}
.module .right {padding-right: 10px; font-size: 11px;}

.module span.module_link, .module a.module_link {display: block; width: auto; height: auto; padding: 2px 10px 2px 10px; font-weight:bold; font-size:12px;}
.module span.module_link { color: #999; }
.module a.module_link:hover {display: block; width:auto; height: auto; background: #ffffbb; font-weight:bold; font-size:12px; text-decoration:none;}

.module a.module_link_space {display: block; width: auto; height: auto; margin-bottom: 5px; padding: 2px 10px 2px 10px; font-weight:bold; font-size:12px;}
.module a.module_link_space:hover {display: block; width:auto; height: auto; background: #ffffbb; font-weight:bold; font-size:12px; text-decoration:none;}

.module a.module_link_help {float: left; display: block; width: auto; height: auto; padding: 2px 10px 2px 10px; font-weight:bold; font-size:12px;}
.module a.module_link_help:hover {float: left; display: block; width:auto; height: auto;  background: #ffffbb; font-weight:bold; font-size:12px; text-decoration:none;}

.module .title {border-bottom: 1px #cccccc solid; font-weight: bold; font-size: 14px; color: #000000; margin: 0px 0px 2px 0px; padding: 3px 0px 1px 10px;}
.module .info {font-size: 11px; color: #666666; margin: 0px 0px 2px 0px; padding: 3px 10px 5px 10px;}
.module .label {font-size: 12px; font-weight: bold; color: #333333; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px;}
.module .content {font-size: 12px; color: #666666; margin: 0px 0px 2px 0px; padding: 2px 10px 5px 10px;}
.module .content2 {font-size: 12px; font-weight: normal; color: #333333; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px;}



.module .nav {padding:0px 0px 0px 5px; margin:0px 0px 5px 0px; background: #cccccc; border-bottom: 1px #bbbbbb solid; width: auto; height: auto;}
.module .nav ul{margin:0px 0px 0px 0px;padding:0px; list-style:none;}
.module .nav li{display:inline; margin:0px 0px 0px 0px; padding:1px 0px 1px 0px;}
.module .nav a{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color:#ffffff; text-decoration:none; padding: 0px 5px 1px 5px; margin: 0px 0px 0px 0px; background:#3366cc; border: #3366cc solid 1px;}
.module .nav a:visited{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color:#ffffff; text-decoration:none; padding: 0px 5px 1px 5px; margin: 0px 0px 0px 0px; background:#3366cc; border: #3366cc solid 1px;}
.module .nav a:hover{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color:#3366cc; text-decoration:none; padding: 0px 5px 1px 5px; margin: 0px 0px 0px 0px; background:#ffffff; border: #3366cc solid 1px;}


-----*/


.module_action { background: #faf6da; margin:0px 0px 0px 0px;
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
     -moz-box-shadow:    0px 0px 4px #d2d2d2;
    -webkit-box-shadow: 0px 0px 4px #d2d2d2;
    box-shadow:         0px 0px 4px #d2d2d2;
    border: 1px #ececec solid\9; /* IE 8 and below */
}
.module_action .header {background: #95b840; padding:5px 0px; margin-bottom: 5px;
-webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.module_action h2 {font-family: Arial, Helvetica, san-serif; color: #fff; float: left; font-size: 16px; padding: 3px 8px; margin: 0px;

}
.module_action .content_item {margin-bottom: 10px; padding: 1px;}



.module_action .top_left { background: #7e9831 url(https://cdn.schoolloop.com/release_1.0.4.2/img/f_module_action_top.gif) repeat-x; margin:0px 0px -2px 0px; height:auto; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; padding:5px 0px 3px 10px; line-height:15px; color:#000000; text-transform: uppercase; border-bottom:#bbbbbb solid 1px;}
.module_action .top_right { background: #7e9831 url(https://cdn.schoolloop.com/release_1.0.4.2/img/f_module_action_top.gif) repeat-x; margin:0px 0px -2px 0px;line-height:1px; height:auto; font-family: Arial, Helvetica, sans-serif; padding:0px 10px 0px 0px; border-bottom:#bbbbbb solid 1px;}
.module_action .middle_center {padding:0px; border-left: 1px #7e9831 solid; border-right: 1px #7e9831 solid; border-bottom: 1px #7e9831 solid;}

.module_action .pad_sides {padding: 0px 10px 0px 10px;}
.module_action .title {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #000000; margin: 0px 0px 0px 0px; padding-left: 10px;}
.module_action .left {padding-left: 10px; font-size: 11px;}
.module_action .right {padding-right: 10px; font-size: 11px;}


/* Highlight Module ------------------------*/
.module_highlight { background: #faf6da; border: 1px #f8c368 solid; margin:0px 0px 0px 0px; }
.module_highlight .header {background: #f8c368; padding:5px 0px; margin-bottom: 5px;}
.module_highlight h2 {font-family: Arial, Helvetica, san-serif; color: #333; font-size: 16px; padding: 3px 8px; margin: 0px;}
.module_highlight .content_item {padding: 0px 10px 10px 10px;}



 /* old
.module_highlight { margin:0px 0px 0px 0px; }
.module_highlight .top_left { background: #7e9831 url(https://cdn.schoolloop.com/release_1.0.4.2/img/f_module_highlight_top.gif) repeat-x; margin:0px 0px -2px 0px; height:auto; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; padding:5px 0px 3px 10px; line-height:15px; color:#000000; text-transform: uppercase; border-bottom:#bbbbbb solid 1px;}
.module_highlight .top_right { background: #7e9831 url(https://cdn.schoolloop.com/release_1.0.4.2/img/f_module_highlight_top.gif) repeat-x; margin:0px 0px -2px 0px;line-height:1px; height:auto; font-family: Arial, Helvetica, sans-serif; padding:0px 10px 0px 0px; border-bottom:#bbbbbb solid 1px;}
.module_highlight .middle_center {padding:0px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/f_module_background_highlight.gif) repeat-x; border-left: 1px #f7d476 solid; border-right: 1px #f7d476 solid; border-bottom: 1px #f7d476 solid;}

.module_highlight .pad_sides {padding: 0px 10px 0px 10px;}
.module_highlight .title {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #000000; margin: 0px 0px 0px 0px; padding-left: 10px;}
.module_highlight .left {padding-left: 10px; font-size: 11px;}
.module_highlight .right {padding-right: 10px; font-size: 11px;}

.module_highlight .nav {padding:0px 0px 0px 5px; margin:0px 0px 5px 0px; background: #cccccc; border-bottom: 1px #bbbbbb solid; width: auto; height: auto;}
.module_highlight .nav ul{margin:0px 0px 0px 0px;padding:0px; list-style:none;}
.module_highlight .nav li{display:inline; margin:0px 0px 0px 0px; padding:1px 0px 1px 0px;}
.module_highlight .nav a{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color:#ffffff; text-decoration:none; padding: 0px 5px 1px 5px; margin: 0px 0px 0px 0px; background:#3366cc; border: #3366cc solid 1px;}
.module_highlight .nav a:hover{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color:#3366cc; text-decoration:none; padding: 0px 5px 1px 5px; margin: 0px 0px 0px 0px; background:#ffffff; border: #3366cc solid 1px;}
 */


/* Groups Module ---------------------------*/
.module_group {
    font-size: 13px;
    color: #777;
    padding: 5px;
    margin:0px;
    background: #efefef;
    word-wrap: break-word;
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;

}

.module_group h2 {
 font-family: lato, Arial, Helvetica, san-serif;
 color: #666;
 float: left;
 font-size: 20px;
 margin: 0px;
 margin-bottom: 5px;
 padding: 0px;
}


.module_group .module_content {
    background: #fff;
    padding: 5px;
    word-wrap: break-word;
    clear: both;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
     -moz-box-shadow:    0px 0px 4px #d2d2d2;
    -webkit-box-shadow: 0px 0px 4px #d2d2d2;
    box-shadow:         0px 0px 4px #d2d2d2;
    border: 1px #ececec solid\9; /* IE 8 and below */

}

.module_group .content_item {
    margin-bottom: 10px;
    padding: 1px;
}



.module_short { margin:0px 0px 0px 0px; }
.module_short .left { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/f_short_left.gif) no-repeat; margin:0px 0px 0px 0px;line-height:1px; height:24px; width:10px;font-size:1px;  padding:0px;}
.module_short .center { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/f_short_center.gif) repeat-x; margin:0px 0px 0px 0px;height:24px; padding:2px 0px 3px 0px; line-height:15px;}
.module_short .right { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/f_short_right.gif)  no-repeat; margin:0px 0px 0px 0px;line-height:1px; height:24px; width:10px;font-size:1px;}



/* GOOGLE CLASSROOM - SN 060830 */

.sl-google-classroom-connect-link__icon {
    width: 70px;
    margin: 0 15px 0 0;
    float: left;
}

.sl-google-classroom-connect-link__title {
    display: block;
    font-family: lato,Arial,Helvetica,san-serif;
    font-size: 15px;
    font-weight: 400;
    margin: 10px 0 3px 0;
    color: #666;
}

.sl-google-classroom-connect-link__more {
    display: block;
}

.green_alert { width:97%; margin:0px 10px 10px 0px; }
.green_alert .top_left { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/green_top_left.gif) #7eb01a no-repeat; margin:0px;line-height:1px; height:6px; width:45px;font-size:1px; }
.green_alert .top_center { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/green_top_center.gif) #ffffff repeat-x; margin:0px;line-height:1px; height:6px; width:6px;font-size:1px; }
.green_alert .top_right { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/green_top_right.gif) #7eb01a no-repeat; margin:0px;line-height:1px; height:6px; width:6px;font-size:1px; }
.green_alert .middle_left {background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/spacer.gif) #7eb01a no-repeat; text-align:center; margin:0px;font-weight:bold; font-size:48px; line-height:48px; color:#ffffff; width:45px;}
.green_alert .middle_center { padding:0px 0px 0px 10px; background-color:#ffffff;  vertical-align:middle; }
.green_alert .middle_center h2 {font-weight:bold; font-size:18px; color:#333333; display:inline;}
.green_alert .middle_right { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/green_middle_right.gif) #7eb01a repeat-y; margin:0px;line-height:1px; width:6px;font-size:1px; }
.green_alert .bottom_left { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/green_bottom_left.gif) #7eb01a no-repeat; margin:0px;line-height:1px; height:6px; width:45px;font-size:1px; }
.green_alert .bottom_center { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/green_bottom_center.gif) #ffffff repeat-x; margin:0px;line-height:1px; height:6px; width:6px;font-size:1px; }
.green_alert .bottom_right { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/green_bottom_right.gif) #7eb01a no-repeat; margin:0px;line-height:1px; height:6px; width:6px;font-size:1px; }
.grey_alert {width: 100%; margin:0px 0px 20px 0px;}

.grey_alert .left { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/step_left0.gif) #cccccc repeat-y; text-align:center ; margin:0px; font-weight:bold; font-size:48px; line-height:48px; color:#333333; width:60px; border-top: 2px #aaaaaa solid; border-left: 2px #aaaaaa solid; border-bottom: 2px #aaaaaa solid;}
.grey_alert .right { background: #ffffff; margin: 0px; padding: 10px 10px 10px 20px; border-top: 2px #aaaaaa solid; border-left: 1px #aaaaaa solid; border-right: 2px #aaaaaa solid; border-bottom: 2px #aaaaaa solid;}
.grey_alert .list a {font-size: 14px; font-weight:bold; display:block;}

.grey_alert textarea {border:1px #CCCCCC solid; margin-bottom:10px; background-color:#efefef; width:80%; height:150px;font-family: Arial; color:#333333; font-size:13px;}
.grey_alert b {font-size:16px;}
.grey_alert li a {text-decoration:none;}
.grey_alert li a:hover { color:#ffffff; background-color:#3366CC;}
.grey_alert .email_form {border:1px solid #aeaeae; background-color:#faf8f5; width:80%; font-family: Arial; color:#333333; font-size:12px;}
.grey_alert .email_form_error {border:#CC0000 solid 1px; background-color:#FFCCCC; width:80%; font-family: Arial; color:#333333; font-size:12px;}

.alert {
    background: #c00;
    -moz-box-shadow:    0px 0px 4px #d2d2d2;
    -webkit-box-shadow: 0px 0px 4px #d2d2d2;
    box-shadow:         0px 0px 4px #d2d2d2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.alert h2 {
    color: #fff; font-size: 16px;  padding: 7px 3px 5px 10px; margin: 0px 0px 0px 0px;
    -moz-box-shadow:    0px 0px 4px #d2d2d2;
    -webkit-box-shadow: 0px 0px 4px #d2d2d2;
    box-shadow:         0px 0px 4px #d2d2d2;
}

.alert .alert_info {float: left; padding: 5px 0px; font-size: 16px;}

.alert .alert_content {background: #faf6da; padding: 5px 10px;}



.alert_loopmail {
    background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/alert_green_hover.png) no-repeat top left;
    color: #2a487c;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow:    0px 0px 4px #d2d2d2;
    -webkit-box-shadow: 0px 0px 4px #d2d2d2;
    box-shadow:         0px 0px 4px #d2d2d2;
}
.alert_loopmail:hover {background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/alert_green_hover.png) no-repeat bottom left; color: #fff;}
.alert_loopmail .icon {background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_loopmail_alert.png) no-repeat center; float: left; height: 35px; width: 45px;}
.alert_loopmail .alert_content {float: left; height: 27px; padding: 8px 10px 0px 10px; font-size: 16px; width: 244px;}


.alert_caaspp_scores {
    background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/alert_green_hover.png) no-repeat top left;
    color: #2a487c;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow:    0px 0px 4px #d2d2d2;
    -webkit-box-shadow: 0px 0px 4px #d2d2d2;
    box-shadow:         0px 0px 4px #d2d2d2;
}
.alert_caaspp_scores:hover {background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/alert_green_hover.png) no-repeat bottom left; color: #fff;}
.alert_caaspp_scores .icon {background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_tour.png) no-repeat center; float: left; height: 35px; width: 45px;}
.alert_caaspp_scores .alert_content {float: left; height: 27px; padding: 8px 10px 0px 10px; font-size: 16px; width: 244px;}

.tour_start {
    background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/alert_green_hover.png) no-repeat top left; color: #2a487c;cursor: pointer; margin-bottom: 25px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow:    0px 0px 4px #d2d2d2;
    -webkit-box-shadow: 0px 0px 4px #d2d2d2;
    box-shadow:         0px 0px 4px #d2d2d2;
}
.tour_start:hover {background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/alert_green_hover.png) no-repeat bottom left; color: #fff;}
.tour_start .icon {background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_tour.png) no-repeat center; float: left; height: 35px; width: 45px;}
.tour_start .tour_content {float: left; height: 27px; padding: 8px 10px 0px 10px; font-size: 16px; width: 244px;}

/* #cboxLoadedContent {margin-top:20px;} REMOVED FOR BUG 4875 - SN 160707 */


.alert .title {border-bottom: 1px #cb8585 solid; font-weight: bold; font-size: 14px; color: #000000; margin: 0px 0px 2px 0px; padding: 3px 0px 1px 10px;}
.alert .info {font-size: 11px; color: #666666; margin: 0px 0px 2px 0px; padding: 3px 0px 5px 0px;}
.alert .info2 {font-size: 11px; color: #666666; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px;}
.alert .label {font-size: 12px; font-weight: bold; color: #333333; margin: 0px 0px 0px 0px; padding: 0px}
.alert .content {font-size: 12px; color: #666666; margin: 0px 0px 2px 0px; padding: 2px 0px 5px 0px;}
.alert .content2 {font-size: 12px; font-weight: normal; color: #333333; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}





.alert a.module_link {display: block; width: auto; height: auto; padding: 2px 2px 2px 2px; font-weight:bold; font-size:12px;}
.alert a.module_link:hover {display: block; width:auto; height: auto; background: #ffffbb; font-weight:bold; font-size:12px; text-decoration:none;}

.alert .spacing {height: 10px; margin: 0px; padding: 0px; clear: both;}
/* -- GREY BOX WITH LOOP LOGO -- */
.step_right { width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.step_right .top_left { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/grey_top_left.gif) #FFCC00 0 0 no-repeat; width:45px; height:6px;}
.step_right .top_center { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/grey_top_center.gif) #ffffff 0 0 repeat-x; margin:0px;line-height:1px; height:6px; width:6px;font-size:1px; }
.step_right .top_right { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/grey_top_right.gif) #FFCC00 0 0 no-repeat; margin:0px;line-height:1px; height:6px; width:6px;font-size:1px; }
.step_right .middle_left { text-align:center; margin:0px;font-weight:bold; font-size:48px; line-height:48px; background:url(https://cdn.schoolloop.com/release_1.0.4.2/img/spacer.gif) #cccccc; width:45px;}
.step_right .middle_center { padding:0px 10px 0px 10px; background-color:#ffffff;  vertical-align:top; width:100%; }
.step_right .middle_right { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/grey_middle_right.gif) #FFCC00 0 0 repeat-y; margin:0px;line-height:1px; width:6px;font-size:1px; }
.step_right .bottom_left { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/grey_bottom_left.gif) #FFCC00 0 0 no-repeat; margin:0px;line-height:1px; height:6px; width:45px;font-size:1px; }
.step_right .bottom_center { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/grey_bottom_center.gif) #ffffff 0 0 repeat-x; margin:0px;line-height:1px; height:6px; width:6px;font-size:1px; }
.step_right .bottom_right { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/grey_bottom_right.gif) #FFCC00 0 0 no-repeat; margin:0px;line-height:1px; height:6px; width:6px;font-size:1px; }

.step_header {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #333333; margin: 0px 0px 0px 0px;}
.step_content {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; margin: 0px 0px 0px 0px;}

.step {width: 100%; margin:0px 0px 20px 0px; }

.step .left { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/step_left1.gif) #fcc719 repeat-y; text-align:center ; margin:0px; font-weight:bold; font-size:48px; line-height:48px; color:#333333; width:60px; border-top: 2px #efb803 solid; border-left: 2px #efb803 solid; border-bottom: 2px #efb803 solid;}
.step .right { background: #ffffff; margin: 0px; padding: 10px 10px 10px 20px; border-top: 2px #efb803 solid; border-left: 1px #efb803 solid; border-right: 2px #efb803 solid; border-bottom: 2px #efb803 solid;}
.step .list a {font-size: 14px; font-weight:bold; display:block;}

.step .bottom_right { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/step_bottom_right.gif) #ffffff 0 0 no-repeat; margin:0px; height:10px; width:10px;font-size:1px; }
.step textarea {border:1px #CCCCCC solid; margin-bottom:10px; background-color:#efefef; width:80%; height:150px;font-family: Arial; color:#333333; font-size:13px;}
.step b {font-size:16px;}
.step li a {text-decoration:none;}
.step li a:hover { color:#ffffff; background-color:#3366CC;}
.step .email_form {border:1px solid #aeaeae; background-color:#faf8f5; width:80%; font-family: Arial; color:#333333; font-size:12px;}
.step .email_form_error {border:#CC0000 solid 1px; background-color:#FFCCCC; width:80%; font-family: Arial; color:#333333; font-size:12px;}
/* ------Table Elements -------*/
.list_padding {padding: 0px 0px 0px 0px;}
.list_padding td {padding: 5px 10px}

.list_padding2 {padding: 0px 0px 0px 0px;}
.list_padding2 td {padding: 3px;}


/*-- //// List - Home Pages, Grade Book, CMC etc //////--*/
.list_table {width:100%; margin: 0px 0px 5px 0px;}
.list_header {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #000000; margin: 0px 0px 0px 0px;}
.list_title {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #000000; margin: 0px 0px 0px 0px;}
.list_title2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #333333; margin: 0px 0px 0px 0px;}

.gb_text {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin: 0px 0px 0px 0px;}
.list_content {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; margin: 0px 0px 0px 0px;}
.list_text {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; margin: 0px 0px 0px 0px;}
.list_text_red {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #cc0000; margin: 0px 0px 0px 0px;}
.list_text_spaced {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; margin: 0px 0px 0px 0px; line-height: 18px;}
.list_text_light {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; margin: 0px 0px 0px 0px;}
.list_text_black {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin: 0px 0px 0px 0px;}
.list_text_bold {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #666666; margin: 0px 0px 0px 0px;}
.list_text_bold_right {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #666666; margin: 0px 0px 3px 0px; text-align: right;}

.list_label {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #333333; margin: 0px 0px 0px 0px;}
.list_label_grey {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #666666; margin: 0px 0px 0px 0px;}
.list_label_black {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #333333; margin: 0px 0px 0px 0px;}
.list_label_sm {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #333333; margin: 0px 0px 0px 0px;}

.list_line {border-bottom:#d9d9d9 solid 1px;font-size:1px; line-height:1px; width: 100%; margin: 1px 0px 2px 0px;}
.list_line2 {border-bottom:#d9d9d9 solid 1px;font-size:1px; line-height:1px; width: 100%; margin: 1px 0px 5px 0px;}
.list_description {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; margin: 3px 0px 5px 0px;}
.list_assi_title {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #333333; margin: 0px 0px 0px 0px;}

.edit-api-keys-table .list_label,
.edit-api-keys-table .list_text {
    padding: 10px 5px;
}

.secret-key-box {
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 5px;
    width: 200px;
}

.home_left .custom_data .list_title {
font-size: 22px;
font-family: Lato; arial, san-serif;
font-weight: normal;
    background: #cedcec;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #dddddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ecf1f7 0%,#cedcec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#ececec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f2f2f2 0%,#ececec 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f2f2f2 0%,#ececec 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
    padding: 3px 10px;
    padding-bottom: 10px;
    margin: -5px -5px 5px -5px;}

.home_left .custom_data .list_line {border-bottom:#fff solid 1px;font-size:1px; line-height:1px; width: 100%; margin: 0px;}

.home_right .custom_data .list_title {font-weight: 400; font-size: 15px; color: #333; margin: -5px -10px 0px -10px; padding: 0px 0px 0px 0px;}
.home_right .custom_data .list_line {border-bottom:#aaa solid 1px;font-size:1px; line-height:1px; width: 100%; margin: 1px 0px 2px 0px;}
.nav_cal {margin: 0px auto; padding: 0px 0px 0px 0px; vertical-align:middle;
position: relative;
voice-family: "\"}\"";
voice-family: inherit;
}

.nav_cal ul, .check-list ul {list-style:none; margin:0px; padding: 0px;}

.nav_cal li, .check-list li  {
display:inline;
float: left;
text-decoration:none;
vertical-align:middle;
margin: 0px 0px 0px 0px;

}
.check-list li  {
clear:both;
}

.nav_cal a, .check-list-filter {
    font-family: lato, arial, san-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    width: 90px;
    display: block;
    color: #0c1520;
    background: transparent url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_arrow_droplist.png) right no-repeat;
    margin:0px 3px 0px 0px;
    padding: 3px 25px 3px 10px;
    border: 1px #b7d4ec solid;
    text-decoration:none;
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

}

.nav_cal a:hover, .check-list-filter:hover{
    color: #fff;
    background: #f90 url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_arrow_droplist.png) right no-repeat;
    border: 1px #f90 solid;
    text-decoration:none;
}

.nav_cal .selected a, .nav_cal .selected a span{ /*currently selected tab*/
border: 1px #aaa solid;
background-color: #ffffff;
color: #003387;

}


/* new style for calendar dropdown content Feb 2013 */
.cal_drop_content {
    position:absolute;
    width: 145px;
    display: none;
    font-size: 11px;
    z-index: 100;
    clear: both;
    background:#fff;
    border:1px solid #ececec;
    -webkit-box-shadow: #d2d2d2 0px 0px 6px;
    -moz-box-shadow: #d2d2d2 0px 0px 6px;
    box-shadow: #d2d2d2 0px 0px 6px;
    border: 1px #ececec solid\9; /* IE 8 and below */
      border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
     max-height: 400px;
    overflow-y: auto;
    padding-top: 5px;
    padding-left: 3px;
    padding-bottom: 7px;
    margin-left: 2px;
}

.cal_drop_content a.drop_link{
        font-family: Arial, Helvetica, san-serif;
        font-size: 11px;
        background-image: none;
        font-weight: normal;
        color: #003387;
        border: none;
        padding: 5px 10px;
 }

.cal_drop_content a.drop_link:hover{
        font-size: 11px;
        color: #fff;
        background: #f90;
        border: none;
        width:120px;
        padding: 5px 10px;
 }



/* remove the list style */
.nav_cal_cms {
margin:0px ;
padding:0px;
list-style:none;
position: relative;

}

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */

.nav_cal_cms li {
display:inline;
float: left;
background: transparent url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_arrow_droplist.png) right no-repeat;
text-decoration:none;
vertical-align:middle;
margin: 0px 0px 0px 0px;
}

/* this is the parent menu */
.nav_cal_cms li a {
width: 90px;
display: block;
color: #4a7dbb;
margin:0px 0px 0px 0px;
padding: 3px 25px 3px 10px;
border: 1px #4a7dbb solid;
text-decoration:none;
cursor: pointer;
}

.nav_cal_cms li a:hover {
color: #003387;
border: 1px #aaa solid;
text-decoration:none;
}

/* you can make a different style for default selected value */
.nav_cal_cms a.selected {
border: 1px #aaa solid;
background-color: #ffffff;
color: #003387;

}

/* submenu, it's hidden by default */
.nav_cal_cms ul {
width:145px;
text-align: left;
position:absolute;
left:0;
display:none;
margin:0px;
padding:0;
list-style:none;
background: #ffffff;
border-right: 1px #aaaaaa solid;
border-bottom: 1px #aaaaaa solid;
border-left: 1px #aaaaaa solid;

}

.nav_cal_cms ul li {


float:left;

}

/* display block will make the link fill the whole area of LI */
.nav_cal_cms ul a {
font: normal 11px Arial, Helvetica, sans-serif;
display:block;
height:15px;
padding: 3px 5px 3px 5px;
margin: 0px;
color:#003387;
background: #ffffff;
border: none;
width: 134px;
}

.nav_cal_cms ul a:hover {
font: normal 11px Arial, Helvetica, sans-serif;
color:#003387;
padding: 3px 5px 3px 5px;
margin: 0px;
background: #ffffbb;
border: none;

}

.nav_cal_cms li ul li a.selected {
font: normal 11px Arial, Helvetica, sans-serif;
display:block;
height:15px;
padding: 3px 5px 3px 5px;
margin: 0px;
color:#003387;
background: #ffffff;
border: none;
width: 134px;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html .nav_cal_cms ul {
margin:0 0 0 -2px;
}


/*used on search results page */
.check-list-filter {

 margin-left:1em
}

.check-list.ajax_accordion_content.drop-nav-container {

margin-left:12px;
padding:5px;
}

.check-list label{

  margin-left:5px;
  font-size: 13px;
  line-height: 20px;
}


.jsTipsButton {
 cursor:pointer;
 margin-bottom:10px;
color: #0e161f;
}

.jsResultsHolderParent {
 min-height:220px;
}
.jsResultsHolder, .jsResultsHolderParent .info_content {
clear:right;
}


.jsFilterForm {
padding-top:19px;
}

.jsFilterForm .search-input, .jsFilterForm .search-drop  {
float:left;
}
.search-input input {
 padding:3px;
}

#past_years {
 margin-left:15px;
}

#past_years + label {
 font-style:italic;
 color:#666;
   font-size: 11px;
   margin-right:20px;
}

.jsResultsHolder th {
 cursor:pointer;
}

.jsResultsHolder th:first-child {
width: 735px;
}

.jsResultsHolder th:nth-child(2) {
width: 70px;
}

.jsResultsHolder .hub_general {
        table-layout: fixed;
}

.jsResultsHolder .hub_general thead th.sorted {
    background: #f8c368 url(https://cdn.schoolloop.com/release_1.0.4.2/img/btn_down.gif) no-repeat;
    background-position: right 5px center;
}

.jsResultsHolder .hub_general thead th.sorted.reversed {
    background: #f8c368 url(https://cdn.schoolloop.com/release_1.0.4.2/img/btn_up.gif) no-repeat;
    background-position: right 5px center;
}


/* -- CALENDAR --*/
#calendar {width: auto;
font-size: 11px;
background: #cccccc ;
vertical-align:middle;
voice-family: "\"}\"";
voice-family: inherit;
margin: 0px 0px 0px 0px;
padding: 0;
border-radius: 5px;
border-bottom: 3px solid #ccc;
}

#calendar .header {
        width: auto;
        margin: 0px;
        padding: 5px;
}

#calendar .main-grid-container {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

#calendar .header .label a {
color: #3366cc;
font-size: 13px;
font-weight: bold;
padding: 0px 0px 0px 0px;
text-decoration: none;
}
#calendar .header .label a:visited {color: #3366cc}
#calendar .header .label a:hover {color: #3366cc}

#calendar .header .next a {color: #1a3569;
font-size: 13px;
font-weight: bold;
padding: 0px 0px 0px 0px;
text-decoration: none;
}
#calendar .header .next a:visited {color: #1a3569}
#calendar .header .next a:hover {color: #1a3569}


#calendar .weekday {
   font-size: 11px;
   color: #333333;
   font-weight: normal;
   text-align: center;
   width: 14%;
   height: 18px;
   background: #efefef;
   margin: 0px;
   padding: 3px 0px 0px 0px;
    }
#calendar .day {
   font-size: 11px;
   color: #333333;
   background: #ffffff;
   margin: 0px;
   padding: 0px;
    }

.cal_tip {
        width: 350px;
        margin: -5px;
        }

.cal_rule_top {border-top: 1px #dedede solid;}
.cal_rule_bottom {}
.cal_label_events {padding: 5px 10px 2px 10px; font-size: 11px; font-weight: bold; border-top: 1px #f2f2f2 solid; border-bottom 1px #f2f2f2 solid;}



.cal_label_day {color: #4c4c4c; font-size: 18px; padding: 3px 7px; padding-top: 10px; font-weight: 200;}
.cal_label_day_has {color: #000; font-size: 18px; padding: 3px 7px; padding-top: 10px; font-weight: 200;}
.cal_label_date {color: #4c4c4c; font-size: 18px; padding: 3px 7px; padding-top: 10px; font-weight: 200;}
.cal_label_date_has {color: #000; font-size: 18px; padding: 3px 7px; padding-top: 10px; font-weight: 200;}

.cal_side {font-size: 11px;}
.cal_side .cal_label_day {color: #4c4c4c; font-size: 13px; padding: 3px; padding-top: 10px; font-weight: bold;}
.cal_side .cal_label_day_has {color: #000; font-size: 13px; padding: 3px 7px; padding-top: 10px; font-weight: bold;}
.cal_side .cal_label_date {color: #4c4c4c; font-size: 13px; padding: 3px 7px; padding-top: 10px; font-weight: bold;}
.cal_side .cal_label_date_has {color: #000; font-size: 13px; padding: 3px 7px; padding-top: 10px; font-weight: bold;}

.cal_side .cal_text_course {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#666666; font-weight:bold;}
.cal_side .course .info {font-size: 11px; color: #666666; margin: 0px 0px 0px 0px;}
.cal_side .course .content {float: none; font-size: 12px; line-height: 18px; color: #000; padding: 5px;}

.cal_side .published .title_page {font-size: 15px; font-weight: bold; padding: 5px; border-bottom:#d9d9d9 solid 1px;}
.cal_side .published .info {font-size: 11px; color: #666666; margin: 0px 0px 0px 0px;}
.cal_side .published .content {float: none; font-size: 12px; line-height: 18px; color: #000; padding: 5px;}


.cal_table {width: 100%; margin: 0px 0px 7px 1px; border-collapse: collapse;}
.cal_td {margin: 0px 0px 0px 0px; border-width: 1px 1px 1px 1px; border-spacing: 0px;	border-style: solid; border-color: #D9D9D9; vertical-align: top;}
.cal_td_weekday {background:#f0f0f0; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; border-width: 1px 1px 1px 1px; border-spacing: 0px;	border-style: solid; border-color: #D9D9D9;	}

.cal_month {font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#000000; font-weight:bold; text-transform: uppercase; vertical-align: bottom}
.cal_weekday {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#666666; font-weight:bold;}
.cal_nav {font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 12px; color:#000000; font-weight:bold; vertical-align: middle}


.cal_day {font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#999999; font-weight:bold;}
.cal_text {font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom:5px; color:#666666; font-weight:normal;}
.cal_text_test {display:block; background-color:#ffffbb; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom:5px; color:#333333; font-weight:normal;}
.cal_text_test2 {background-color:#ffffbb; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom:5px; color:#333333; font-weight:normal;}
.cal_text_course {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#666666; font-weight:bold;}
.cal_text_period {font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#999999; font-weight:bold;}
.cal_line {border-bottom:#d9d9d9 solid 1px;font-size:1px; line-height:1px; width: 100%; margin: 3px 0px 3px 0px;}

.personal {font-size: 11px; border-left: #cccccc 3px solid; padding: 5px; margin-bottom: 3px;}
.assigned {font-size: 11px; border-left: #ffcccc 3px solid; padding: 5px; margin-bottom: 3px;}
.due {font-size: 11px; border-left: #cc0000 3px solid; padding: 5px; margin-bottom: 3px;}
.school {font-size: 11px; border-left: #ef983b 3px solid; padding: 5px; margin-bottom: 3px;}
.group {font-size: 11px; border-left: #91b03a 3px solid; padding: 5px; margin-bottom: 3px;}

.cal_content_holder {backgrond: #fdfaf5; border: 1px #efefef solid;}

.cal_item_table {width: 100%;}
.cal_item_table .column {padding: 10px 5px;}
.cal_item_table .width_l {width: 100px; padding-left: 7px;}
.cal_item_table .width_r {width: 85px; text-align: right; padding-right: 10px; white-space: nowrap;}
.cal_item_table .width_r_student {width: 30px; text-align: right; padding-right: 10px; white-space: nowrap;}


.personal_page {border-left: #cccccc 3px solid; margin-bottom: 3px;}
.assigned_page { border-left: #ffcccc 3px solid;margin-bottom: 3px;}
.due_page {border-left: #cc0000 3px solid;margin-bottom: 3px;}
.school_page {border-left: #ef983b 3px solid;margin-bottom: 3px;}
.group_page {border-left: #91b03a 3px solid;margin-bottom: 3px;}

.personal_tourse {width: auto; font-size: 12px; border-left: #cccccc 3px solid; padding: 5px 5px 5px 7px; margin-bottom: 3px;}
.assigned_tourse {width: auto; font-size: 12px; border-left: #ffcccc 3px solid; padding:5px 5px 5px 7px; margin-bottom: 3px;}
.due_tourse {width: auto; font-size: 12px; border-left: #cc0000 3px solid; padding: 5px 5px 5px 7px; margin-bottom: 3px;}
.school_tourse {width: auto; font-size: 12px; border-left: #ef983b 3px solid; padding: 5px 5px 5px 7px; margin-bottom: 3px;}
.group_tourse {width: auto; font-size: 12px; border-left: #91b03a 3px solid; padding: 5px 5px 5px 7px; margin-bottom: 3px;}


.personal_right {font-size: 11px; padding: 2px 2px 2px 2px;}
.assigned_right {font-size: 11px; padding: 2px 2px 2px 2px;}
.due_right {font-size: 11px; padding: 2px 2px 2px 2px;}
.school_right { font-size: 11px; padding: 2px 2px 2px 2px;}
.group_right {font-size: 11px; padding: 2px 2px 2px 2px;}


.archive-tooltip .content-title {
   font-family: lato, arial, san-serif;
   font-size: 18px;
   font-weight: 400;
   line-height:22px;
   color: #333;
   margin-bottom: 5px;
}

.archive-tooltip .label {
    font-family: lato, arial, san-serif;
    font-size: 11px;
    color: #666;
    padding: 0px 5px 0px 0px;
}


.archive-tooltip .text {
    font-weight:600
}

.archive-tooltip .content-body {
    margin-top:10px;
}

.tooltip-assignments {
    margin-top:10px;
    padding:10px
}

.archive-tooltip {
    min-width:200px;
    max-height: 400px;
    overflow: auto;
}

.archive-tooltip .attach .title {
    background:inherit;
}

.general_body span {
    cursor:default;
}
.plan_table_top {width:420px; margin: 0px 0px 0px 0px; border-width: 1px 1px 1px 1px; border-spacing: 0px; border-style: solid; border-color: #D9D9D9;	border-collapse: collapse;}
.plan_table {width:420px; margin: 0px 0px 0px 0px; border-collapse: collapse;}
.plan_td_day {margin: 0px 0px 0px 0px; padding: 2px 3px 2px 8px; border-width: 1px 1px 0px 0px; border-spacing: 0px; border-style: solid; border-color: #D9D9D9; text-align: right;}
.plan_td_day2 {margin: 0px 0px 0px 0px; padding: 2px 3px 2px 8px; border-width: 0px 1px 0px 0px; border-spacing: 0px; border-style: solid; border-color: #D9D9D9; text-align: right;}
.plan_td_day_due {margin: 0px 0px 0px 0px; padding: 2px 3px 2px 8px; border-width: 1px 1px 0px 0px; border-spacing: 0px; border-style: solid; border-color: #D9D9D9; text-align: right; background-color:#ffffbb;}
.plan_td_assign {margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; border-width: 1px 0px 0px 0px; border-spacing: 0px;	border-style: solid; border-color: #D9D9D9;	}
.plan_td_assign2 {margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px;}
.plan_td_assign_due {margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; border-width: 1px 0px 0px 0px; border-spacing: 0px;	border-style: solid; border-color: #D9D9D9;	background-color:#ffffbb;}
.plan_table_assign {margin: 0px 0px 5px 0px;}

.plan_label_day {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:bold;}
.plan_label {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#333333; font-weight:bold;}
.plan_label2 {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:bold;}
.plan_text {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:normal;}
.text_margin {margin: 0px 0px 5px 0px;}
/* --////// Calendar Link - Week Planner //////-- */
.cal_link { text-align:right; font-weight:bold;font-size:12px;}
/*-- //// Grade Book 2006 //////--*/
.gb_tabs_table{clear: both; margin: 0px 0px -1px 0px;}
.gb_tab_left { margin:0px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/gradebook/gb_tab_left.gif) 0px 0px no-repeat; width: 5px; height: 19px; border-bottom: 1px solid #d9d9d9;}
.gb_tab_center { margin:0px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/gradebook/gb_tab_center.gif) 0px 0px repeat-x; padding:3px 4px 2px 4px; border-bottom: 1px solid #d9d9d9;}
.gb_tab_center_sel {margin:0px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/gradebook/gb_tab_center_sel.gif) 0px 0px repeat-x; padding:3px 4px 2px 4px;}
.gb_tab_right {margin:0px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/gradebook/gb_tab_right.gif) 0px 0px no-repeat; width: 6px; height: 19px; border-bottom: 1px solid #d9d9d9;}

.gb_tab_td {background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/gradebook/gb_tab_bg.gif) 0px 0px repeat-x; vertical-align:bottom;}
.gb_tab_td2 {background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/gradebook/gb_tab_bg.gif) 0px 0px repeat-x; vertical-align:middle;}
.gb_bottom {vertical-align:bottom;}

.gb_tab_text {font: bold 11px Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px;}
.gb_tabs_top_mid { background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/gradebook/gree_tabs_top_mid.gif) 0px 0px repeat-x; margin:0px; line-height:1px; font-size:1px;  padding:0px;}


A.gb_tab_link {font: bold 11px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; text-transform: uppercase;}
A.gb_tab_link:hover {font: bold 11px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:underline; text-transform: uppercase;}

.gb_top_yell_left {margin:0px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/gradebook/gb_top_yell_left.gif) 0px 0px no-repeat; width: 4px; height: 15px;}
.gb_top_yell_center {font: normal 11px Arial, Helvetica, sans-serif; color: #333333; margin:0px; padding: 1px 0px 0px 0px;  background: #ffe95b;}
.gb_top_yell_right {margin:0px; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/gradebook/gb_top_yell_right.gif) 0px 0px no-repeat; width: 4px; height: 15px;}

.gb_top_nav_left {margin:0px; background: #ffffff; width: 3px; height: 20px; border-left: 1px solid #d9d9d9; border-top: 1px solid #999999;}
.gb_top_nav_center {margin:0px; background: #f0f0f0; vertical-align:middle; border-top: 1px solid #999999;}
.gb_top_nav_center2 {margin:0px; background: #ffffff; vertical-align:middle; border-top: 1px solid #999999;}
.gb_top_nav_right {margin:0px; background: #f0f0f0; width: 3px; height: 20px; border-right: 1px solid #d9d9d9; border-top: 1px solid #999999;}

.gb_head_left {background: #f1b207 url(https://cdn.schoolloop.com/release_1.0.4.2/img/title_bg_main_center.gif) top repeat; margin:0px; line-height:1px; height:24px; width:10px;font-size:1px; vertical-align:bottom;}
.gb_head_center {background: #f1b207 url(https://cdn.schoolloop.com/release_1.0.4.2/img/title_bg_main_center.gif) top repeat; margin:0px;line-height:1px; height:24px; padding: 3px 0px 0px 0px; color: #000000}
.gb_head_right {background: #f1b207 url(https://cdn.schoolloop.com/release_1.0.4.2/img/title_bg_main_center.gif) top repeat; margin:0px;line-height:1px; height:24px; width:10px;font-size:1px; vertical-align:bottom; }

.gb_head_period {font: bold 15px Arial, Helvetica, sans-serif; color: #000000; padding: 0px 0px 2px 0px;}
.gb_head_drop {font: bold 11px Arial, Helvetica, sans-serif;  margin: 0px 0px 0px 0px;}
.gb_head_nav {font: bold 11px Arial, Helvetica, sans-serif;  padding: 0px 0px 0px 10px;}
.gb_period_nav {font: bold 12px Arial, Helvetica, sans-serif; color: #666666; padding: 3px 3px 0px 0px;}
.gb_student_dropped {text-decoration: line-through;}

.gb_label {font: normal 11px Arial, Helvetica, sans-serif; color: #333333;}
.gb_label_bold {font: bold 11px Arial, Helvetica, sans-serif; color: #333333;}
.gb_names {font: normal 11px Arial, Helvetica, sans-serif; color: #333333; vertical-align:middle;}
.gb_names_flagged {font: normal 11px Arial, Helvetica, sans-serif; color: #333333; vertical-align:middle; background: #FFCCCC;}
.gb_content {font: normal 11px Arial, Helvetica, sans-serif; color: #333333; vertical-align:middle;}
.gb_assignment {border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; font: normal 11px Arial, Helvetica, sans-serif; color: #333333; padding: 0px 4px 0px 10px}
.gb_assignment2 {width: 95px; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; font: normal 11px Arial, Helvetica, sans-serif; color: #333333; }
.gb_chunk_border {background: #ffffff; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
.gb_title_row {border-bottom: 1px solid #d9d9d9; font: normal 11px Arial, Helvetica, sans-serif; color: #333333; vertical-align:bottom;}


.gb_high_row {background-color:#ffffbb;}

.gb_button_table {margin-top: 5px;}

a.gb_button1 {font: bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding: 0px 2px 0px 2px; margin: 0px 0px 0px 0px; background:#ffffff; border: #999999 solid 1px;}
a.gb_button1:hover {font: bold 11px Arial, Helvetica, sans-serif; color: #ffffff; text-decoration:none; padding: 0px 2px 0px 2px; margin: 0px 0px 0px 0px; background:#3366cc; border: #3366cc solid 1px;}

a.gb_button2 {font: bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding: 0px 2px 0px 2px; margin: 0px 0px 0px 0px; background:#ffffbb; border: #fcc719 solid 1px;}
a.gb_button2:hover {font: bold 11px Arial, Helvetica, sans-serif; color: #ffffff; text-decoration:none; padding: 0px 2px 0px 2px; margin: 0px 0px 0px 0px; background:#3366cc; border: #3366cc solid 1px;}


.gb_pub_yes {font: bold 11px Arial, Helvetica, sans-serif; color: #333333; margin: 0px 0px 0px 0px;}
.gb_pub_no {font: bold 11px Arial, Helvetica, sans-serif; color: #999999; margin: 0px 0px 0px 0px;}


.gb_input {border:#cccccc solid 1px; width:35px; font-family:Arial; font-size:10px;}
.gb_comment_input {border:#cccccc solid 1px; height:14px; width:85px; font-family:Arial; font-size:11px;}
.gb_input_tab {margin: 0px 1px 0px 0px;}
.gb_select_list {border:#cccccc solid 1px; height:14px; font-family:Arial; font-size:10px; vertical-align:bottom;}

.gb_icon_legend {background:url(https://cdn.schoolloop.com/release_1.0.4.2/img/gb_icon_legend.gif) no-repeat;}
.gb_icon_legend a { font: bold 11px Arial, Helvetica, sans-serif; color: #3366cc; text-decoration:none; padding: 0px 2px 0px 20px; line-height: 17px; }
.gb_icon_legend a:hover {font: bold 11px Arial, Helvetica, sans-serif; color: #3366cc; text-decoration:underline; padding: 0px 2px 0px 20px; line-height: 17px;}

/*highlighted row*/
.crosshairs {
    font-family: arial, sans-serif;
    font-size: 11px;
    color: #333333;
}

.crosshairs .on {
    background-color: #ffffbb;
    font-family: arial, sans-serif;
    font-size: 11px;
    color: #333333;
}
.crosshairs .off {
    background-color: #fff;
    font-family: arial, sans-serif;
    font-size: 11px;
    color: #333333;
}
.crosshairs .hover {
    background-color: #fac97e;
    font-family: arial, sans-serif;
    font-size: 11px;
    color: #333333;
}
.crosshairs .click {
    background-color: #fcab2f;
    font-family: arial, sans-serif;
    font-size: 11px;
    color: #333333;
}
/*-- //// Login Screen //////--*/
.login{margin:10px 0px 20px 0px;}
.table_login{ width:200Px; margin:0px -4px 0px 0px;}

a.link_language {font-size: 15px; padding: 3px; margin-right: 10px;}
a.link_language:hover {background: #f90; color: #fff; text-decoration: none; }
/*-- //// Discussion Thread Styles //////--*/
.discussion_title {font-family: Lato, Arial, san-serif; font-size: 18px; color: #333; padding: 0px 0px; margin: 0px 0px 0px 0px;}
.discussion_container {background: #f6f6f6; border: 1px #cccccc solid; padding: 10px;}
.discussion_container .subject{color: #666666; font-weight: bold; margin-top: 3px}
.discussion_container .content{color: #666666; font-size: 11px; margin-top: 3px}


.discussion {background: #f2f2f2; padding: 0px; padding-top: 5px; margin: 0px;}
.discussion .title {font-weight: bold; font-size: 22px; color: #000000; margin: 0px 0px 0px 0px;}
.discussion .info {font-size: 13px; color: #666666; margin: 0px 0px 0px 0px;}
.discussion .links {font-size: 11px; color: #666666; margin: 0px 0px 0px 0px;}
.discussion .content_teacher {float: none; display:block; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #000000; margin: 5px 0px; padding: 4px 2px 4px 2px; line-height: 18px;}
.discussion .content {float: none; display:block; background-color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; color: #333333; margin: 5px 0px; padding: 4px 2px 4px 2px; line-height: 18px;}
.discussion .line {border-bottom:#d9d9d9 solid 1px;font-size:1px; line-height:1px; width: 100%; margin: 3px 0px 3px 0px;}
.discussion .indent {margin: 0px 0px 0px 15px;}


.discussion_mobile_container {background: #f6f6f6; border: 1px #cccccc solid; padding: 10px;}
.discussion_mobile_container .subject{color: #666666; font-weight: bold; margin-top: 3px}
.discussion_mobile_container .content{color: #666666; font-size: 11px; margin-top: 3px}


.discussion_mobile {background: #f6f6f6; padding: 10px; margin: 0px; border-top: 1px #cccccc solid;}
.discussion_mobile .title {font-weight: bold; font-size: 15px; color: #000000; margin: 0px 0px 0px 0px;}
.discussion_mobile .info {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin: 0px 0px 0px 0px;}
.discussion_mobile .content_teacher {display:block; background-color:#ffffbb; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; margin: 0px 0px 0px 0px; padding: 4px 2px 4px 2px; line-height: 18px;}
.discussion_mobile .content {float: none; display:block; background-color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #333333; margin: 0px 0px 0px 0px; padding: 4px 2px 4px 2px; line-height: 18px;}
.discussion_mobile .line {border-bottom:#d9d9d9 solid 1px;font-size:1px; line-height:1px; width: 100%; margin: 3px 0px 3px 0px;}
.discussion_mobile .indent {margin: 0px 0px 0px 0px;}
.discussion_mobile a {font-size: 11px}
/*-- //// Published Content //////--*/
.publish_title {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #000000; margin: 0px 0px 0px 0px;}
.publish_title a {
    color: #000;
}


.publish_info {font-size: 11px; color: #666666; margin: 0px 0px 0px 0px;}
.publish_content {font-size: 13px; color: #000000; margin: 3px 0px 3px 0px; line-height: 17px}
.publish_line {clear:both;border-bottom:#d9d9d9 solid 1px;font-size:1px; line-height:1px; width: 100%; margin: 3px 0px 3px 0px;}

 .jsShowMoreContainer {
     overflow: hidden;
     position:relative;
     max-height:100px;
}

  .jsShowMoreContainer.jsMoreDisplayed {
    max-height:inherit;
    padding-bottom: 20px!important;
}

.jsShowMoreButton {
    display:none;
    position:absolute;
    bottom:0;
    width:100%;
    background-image: url(https://cdn.schoolloop.com/release_1.0.4.2/img/white-graident.png);
    padding-top:20px;
    text-align:center;
    font-weight:bold;
    font-size:92%;
    color:  #3366cc;
    cursor:pointer;



}

.jsShowMoreContainer.jsMoreDisplayed .jsShowMoreButton{
    padding-top:inherit;
    background:#fff;
}

.jsShowMoreContainer.jsShowMoreButton {
    display:block;
}

.jsShowMoreButton:hover {
    color:  #3366cc;
}

/*-- //// Course - Assignments/Notes Content //////--*/
.course {margin: 0px}
.course .title_page {font-size: 22px; font-weight: bold; padding: 5px;}
.course .title {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #000000; margin: 0px 0px 0px 0px;}
.course .date {font-size: 14px; font-weight: bold; color: #666666; padding-left: 5px; margin-bottom: -5px;}

.course .highlight_box {background: #f5f1e2; padding: 5px; font-size: 12px;}
.course .info {font-size: 12px; color: #666666; margin: 0px 0px 0px 0px;}
.course .content {float: none; font-size: 15px; line-height: 24px; color: #000; padding: 5px;}
.course .line {border-bottom:#d9d9d9 solid 1px; font-size:1px; line-height:1px; width: 100%; margin: 0px 0px 3px 0px;}

/*-- //// Published Content //////--*/
.published {margin: 0px}
.published .title_page {font-size: 22px; font-weight: bold; padding: 5px; border-bottom:#d9d9d9 solid 1px;}
.published .title {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #000000; margin: 0px 0px 0px 0px;}
.published .title2 {font-size: 18px; font-weight: bold; padding-top: 5px;}
.published .date {font-size: 14px; font-weight: bold; color: #666666; padding-left: 5px; margin-bottom: -5px;}
.published .highlight_box {background: #f5f1e2; padding: 5px; font-size: 11px; margin-bottom: 3px;}
.published .info {font-size: 12px; color: #666666; margin: 0px 0px 0px 0px;}
.published .info2 {font-size: 13px; color: #666666; margin: 0px 0px 0px 0px;}
.published .info3 {font-size: 13px; color: #666666; margin: 3px 0px;}
.published .content {float: none; font-size: 15px; line-height: 24px; color: #000; padding: 5px; overflow: hidden;}
.published .content2 {float: none; font-size: 14px; line-height: 18px; color: #333;;}
.published .line {border-bottom:#d9d9d9 solid 1px;font-size:1px; line-height:1px; width: 100%; margin: 3px 0px 3px 0px;}



/*-- //// Resources //////--*/
.attach .title{font-size: 12px; font-weight: bold; background: transparent; width: auto; padding: 3px 5px; margin: 0px 0px 0px 0px;}
.attach .container{width: auto; padding: 3px; margin: 0px 0px 0px 0px;}
.attach .container .link a{background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_link.gif) top left no-repeat; font-weight: normal; font-size: 11px; padding: 0px 0px 0px 20px; margin: 0px 0px 5px 0px;}
.attach .container .file a{background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_attach.gif) top left no-repeat; font-weight: normal; font-size: 11px; padding: 0px 0px 0px 20px; margin: 0px 0px 5px 0px;}


.locker_attach_link {margin-bottom: 10px}


.locker_attach_link a.document{background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_document.gif) top left no-repeat; padding: 0px 0px 0px 20px; font-size: 12px; margin: 0px 0px 5px 0px;}
.locker_attach_link a.link{background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_link.gif) top left no-repeat; padding: 0px 0px 0px 20px; font-size: 12px; margin: 0px 0px 5px 0px;}
.locker_attach_link a.file{background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_attach.gif) top left no-repeat; padding: 0px 0px 0px 20px; font-size: 12px; margin: 0px 0px 5px 0px;}
.locker_attach_link a.folder{background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_folder.gif) top left no-repeat; padding: 0px 0px 0px 20px; font-size: 12px; margin: 0px 0px 5px 0px;}
.locker_attach_link .content{padding: 0px 0px 0px 20px; font-size: 11px; margin: 0px 0px 5px 0px;}



.full_page .locker_attach_link a.document{background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_document.gif) top left no-repeat; padding: 0px 0px 0px 20px; font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px;}
.full_page .locker_attach_link a.link{background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_link.gif) top left no-repeat; padding: 0px 0px 0px 20px; font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px;}
.full_page .locker_attach_link a.file{background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_attach.gif) top left no-repeat; padding: 0px 0px 0px 20px; font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px;}
.full_page .locker_attach_link a.folder{background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_folder.gif) top left no-repeat; padding: 0px 0px 0px 20px; font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px;}
.full_page .locker_attach_link .content{padding: 0px 0px 0px 20px; font-size: 11px; margin: 0px 0px 20px 0px;}
.full_page .highlight_bar{font-size: 11px; color: #666666; background: #f5f1e2; border-bottom: 1px #dedede solid; padding: 3px 10px 2px 10px; margin-bottom: 5px}


.nav_employee{width: auto; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px; vertical-align:middle;
voice-family: "\"}\"";
voice-family: inherit;

}
.nav_employee a.trigger:focus,
.nav_employee a.trigger:hover{
color: #fff;
background: #f90;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
text-decoration:none;
}

.nav_employee a.trigger{
    color: #4A719E;
   fornt-family: lato, arial, san-serif;
   font-size: 12px;
 /*   float:left; */
    display: block;
    margin:0px 0px 0px 0px;
    padding: 6px 10px;
    border-left: 1px solid #fff;
    text-decoration:none;
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #E4E4E4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#E4E4E4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#E4E4E4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f2f2 0%,#E4E4E4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#E4E4E4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f2f2 0%,#E4E4E4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#E4E4E4',GradientType=0 ); /* IE6-9 */

}


.nav_employee a.trigger:visited{
    color: #4A719E;
    float:left;
    display: block;
    margin:0px 0px 0px 0px;
    padding: 10px 10px;
    border-left: 1px solid #fff;
    text-decoration:none;
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #E4E4E4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#E4E4E4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#E4E4E4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f2f2 0%,#E4E4E4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#E4E4E4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f2f2 0%,#E4E4E4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#E4E4E4',GradientType=0 ); /* IE6-9 */

}


.nav_employee a.trigger.institution{
float:left;
display: block;
background: #ffffff;
margin:0px 0px 0px 0px;
padding: 4px 7px 4px 7px;
text-decoration:none;

}





/* .nav_employee a.trigger.current{
    display: block;
    margin:0px 0px 0px 0px;
    padding: 6px 10px;
    color: #fff;
    background: #f90;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
*/



.dropNav {

    color: #4A719E;
 /*   float:left; */
    display: block;
    margin:0px 0px 0px 0px;
    padding: 6px 10px;
    border-left: 1px solid #fff;
    text-decoration:none;
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #E4E4E4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#E4E4E4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#E4E4E4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f2f2 0%,#E4E4E4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#E4E4E4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f2f2 0%,#E4E4E4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#E4E4E4',GradientType=0 ); /* IE6-9 */

}


.dropNav:visited{
    color: #4A719E;
    float:left;
    display: block;
    margin:0px 0px 0px 0px;
    padding: 10px 10px;
    border-left: 1px solid #fff;
    text-decoration:none;
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #E4E4E4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#E4E4E4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#E4E4E4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f2f2 0%,#E4E4E4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#E4E4E4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f2f2 0%,#E4E4E4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#E4E4E4',GradientType=0 ); /* IE6-9 */

}




.dropNav-container a.institution{
float:left;
display: block;
background: #ffffff;
margin:0px 0px 0px 0px;
padding: 4px 7px 4px 7px;
text-decoration:none;

}



.dropNav-container a:hover{
color: #003387;
background-color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
text-decoration:none; }





/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_employee{
position:absolute;
top: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 3px 0px;
font:normal 11px Arial;
z-index:10000;
background: #ffffff;
border-top: 1px #ececec solid;
border-right: 1px #ddd solid;
border-bottom: 1px #ddd solid;
border-left: 1px #ddd solid;
width: 200px;
visibility: hidden;
}

.dropmenudiv_employee a {
        display: block;
        padding: 4px 5px;
}


.dropmenudiv_employee a:hover {
        background: #f90;
        color: #fff;
}



.ajax_accordion_content.drop-nav-container {
    position:absolute;
    font-size: 11px;
    z-index: 100;
    clear: both;
    background:#fff;
    border:1px solid #ececec;
    -webkit-box-shadow: #d2d2d2 0px 0px 6px;
    -moz-box-shadow: #d2d2d2 0px 0px 6px;
    box-shadow: #d2d2d2 0px 0px 6px;
    border: 1px #ececec solid\9; /* IE 8 and below */
      border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
     max-height: 400px;
    overflow-y: auto;
    padding-top: 5px;
    padding-left: 3px;
    padding-bottom: 7px;
    margin-left: 2px;
}

.drop-nav-container a{
color: #003387;
display: block;
padding: 5px 10px;
text-decoration: none;
}

.drop-nav-container a.gradebook{
font-size: 13px;
color: #003387;
display: block;
padding: 5px 10px 2px 10px;
text-decoration: none;
}

.drop-nav-container a.gb_edit{
 fonr-size: 11px;
color: #4A719E;
display: block;
padding: 2px 10px 5px 10px;
text-decoration: none;
}

* html .drop-nav-container a{ /*IE only hack*/
width: 100%;
}

.drop-nav-container a:focus,
.drop-nav-container a:hover{ /*THEME CHANGE HERE*/
background: #f90;
color: #fff;
text-decoration: none;
}



/*  SCHOOL Nav LEVEL ONE  */
.nav-school {padding: 0px;}

.nav-school ul.dropdown {
    position: relative;
    z-index: 500;
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

.nav-school ul.dropdown li {
    list-style: none;
    font-size: 11px;
    float: left;
    zoom: 1;}

.nav-school ul.dropdown li a:hover {
    color: #003387;
    background-color: #f2f2f2;
    text-decoration:none; }

.nav-school ul.dropdown li a {
    color: #fff;
    display: block;
    padding: 7px 10px;
}

.nav-school ul.dropdown li:hover { position: relative; }


/* LEVEL TWO */
.nav-school ul.dropdown ul {
    font-size: 11px;
    width: 175px;
    visibility: hidden;
    position: absolute;
    top: 100%; left: 0;
    border-right: 1px #aaa solid;
    border-bottom: 1px #aaa solid;
    border-left: 1px #aaa solid;
    list-style: none;
    margin: 0px;
    padding: 0px;

}
.nav-school ul.dropdown ul li {
    font-weight: normal;
    background: #fff;
    float: none; }

.nav-school ul.dropdown ul li:hover {
    font-weight: normal;
    background: #fff;
    float: none; }

/* IE 6 & 7 Needs Inline Block */
.nav-school ul.dropdown ul li a
{ border-left: none; width: 155px; background: #fff; padding: 5px 10px; color: #003387;}

.nav-school ul.dropdown ul li a:hover
{ border-left: none; background: #ff9900; color: #fff;}

/*
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }





/* NAV ADMIN/PRINCIPAL */
.nav_admin{width: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; vertical-align:middle;
voice-family: "\"}\"";
voice-family: inherit;

}

.nav_admin ul{
float: right;
margin:0px;
margin-right: 10px;
padding:0px;
list-style:none;
}

.nav_admin li{
display:inline;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}


.nav_admin a{
    color: #4A719E;
    float:left;
    display: block;
    margin:0px 0px 0px 0px;
    padding: 6px 10px;
    border-left: 1px solid #fff;
    text-decoration:none;
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #E4E4E4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#E4E4E4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#E4E4E4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f2f2 0%,#E4E4E4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#E4E4E4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f2f2 0%,#E4E4E4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#E4E4E4',GradientType=0 ); /* IE6-9 */

}


.nav_admin a:visited{
    color: #4A719E;
    float:left;
    display: block;
    margin:0px 0px 0px 0px;
    padding: 10px 10px;
    border-left: 1px solid #fff;
    text-decoration:none;
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #E4E4E4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#E4E4E4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#E4E4E4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f2f2 0%,#E4E4E4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#E4E4E4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f2f2 0%,#E4E4E4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#E4E4E4',GradientType=0 ); /* IE6-9 */

}


.nav_admin a.institution{
float:left;
display: block;
background: #ffffff;
margin:0px 0px 0px 0px;
padding: 4px 7px 4px 7px;
border-left: 1px solid #aaaaaa;
text-decoration:none;

}



.nav_admin a:hover{
border-left: 1px #aaa solid;
color: #003387;
background-color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
text-decoration:none; }





/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_admin{
position:absolute;
top: 0px;
margin: -1px 0px 0px 0px;
padding: 0px 0px 3px 0px;
font:normal 11px Arial;
z-index:10000;
background: #ffffff;
border-right: 1px #aaaaaa solid;
border-bottom: 1px #aaaaaa solid;
border-left: 1px #aaaaaa solid;
width: 145px;
visibility: hidden;
}


.dropmenudiv_admin a{
color: #003387;
display: block;
padding: 5px 10px;
text-decoration: none;
z-index:100;
}

* html .dropmenudiv_admin a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_admin a:hover{ /*THEME CHANGE HERE*/
background: #f90;
color: #fff;
text-decoration: none;
z-index:100;
}

.error { display: table; margin:0px 10px 10px 0px; width: 100%;
    -moz-box-shadow:    0px 0px 4px #d2d2d2;
    -webkit-box-shadow: 0px 0px 4px #d2d2d2;
    box-shadow:         0px 0px 4px #d2d2d2;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; }
.error .left { display: table-cell; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_message_error.png) #cc0000 no-repeat; width: 50px; min-height: 50px; margin:0px; font-weight:bold; font-size:48px; line-height:48px; color:#333333;
-webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;}
.error .right { display: table-cell; background: #ff9999; margin: 0px; padding: 15px;
-webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;}

.error_nice { display: table; margin:0px 10px 10px 0px; width: 100%;
    -moz-box-shadow:    0px 0px 4px #d2d2d2;
    -webkit-box-shadow: 0px 0px 4px #d2d2d2;
    box-shadow:         0px 0px 4px #d2d2d2;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; }
.error_nice .left { display: table-cell; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_message_error.png) #ffcc00 no-repeat; width: 50px; min-height: 50px; margin:0px; font-weight:bold; font-size:48px; line-height:48px; color:#333333;
-webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;}
.error_nice .right { display: table-cell; background: #ffffdd; margin: 0px; padding: 15px;
-webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;}

a.big-blue-gradient-button {
    border: 1px solid #c7ddef;
    padding: 7px 20px 10px;
    font-family: Lato, Arial, san-serif;
    font-weight: normal;
    font-size: 25px;
    color: #eee;
    overflow: hidden;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #52a8f4; /* Old browsers */
    background: -moz-linear-gradient(top,  #52a8f4 0%, #166ac1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52a8f4), color-stop(100%,#166ac1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #52a8f4 0%,#166ac1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #52a8f4 0%,#166ac1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #52a8f4 0%,#166ac1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #52a8f4 0%,#166ac1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52a8f4', endColorstr='#166ac1',GradientType=0 ); /* IE6-9 */
}
.message-next-to-big-blue-gradient-button {
    display: block;
    font-family: Lato,Arial,san-serif;
    font-size: 18px;
    padding: 2px 25px 0 0;
}
a.blue-gradient-button:hover {
    background: #166ac1;
}
.indent-right-39px {
    margin-right: 39px;
}

.float-center {
    width: 390px;
    display: block;
    margin: 55px auto 25px auto;
}

.error_timeout_disclaimer_container {
    width: auto;
    display: block;
    font-family: Lato,Arial,san-serif;
    font-size: 18px;
    padding: 25px 65px 55px;
}
.success { display: table; margin:0px 10px 20px 0px; width: 100%
 -moz-box-shadow:    0px 0px 4px #d2d2d2;
    -webkit-box-shadow: 0px 0px 4px #d2d2d2;
    box-shadow:         0px 0px 4px #d2d2d2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.success .left { display: table-cell; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_message_success.png) #a5cc47 no-repeat; width: 50px; min-height: 50px; margin:0px; font-weight:bold; font-size:48px; line-height:48px; color:#333333;
        -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.success .right { display: table-cell; background: #edf5da; margin: 0px; padding: 15px;
-webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
<style type="text/css" media="screen">
.tip { display: table; margin:0px 0px 20px 0px; width: 100%
-moz-box-shadow:    0px 0px 4px #d2d2d2;
    -webkit-box-shadow: 0px 0px 4px #d2d2d2;
    box-shadow:         0px 0px 4px #d2d2d2;
}
.tip .left { display: table-cell; background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/icon_message_tip.png) #c0c0c0 no-repeat; width: 50px; min-height: 50px; margin:0px; font-weight:bold; font-size:48px; line-height:48px; color:#333333;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;}
.tip .right { display: table-cell; background: #F9F5D2; margin: 0px; padding: 15px;
-webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;}

</style>

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal_load {
    display:    none;
    position:   fixed;
    z-index:    2000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;

}

body.loading .modal_load {
    background: rgba( 0, 0, 0, .65 );
        background: rgba( 255, 255, 255, .65 )

                url('https://cdn.schoolloop.com/release_1.0.4.2/img/sl-animated.gif')
                50% 50%
                no-repeat;
}

body.loading_transparent .modal_load {
    background: url('https://cdn.schoolloop.com/release_1.0.4.2/img/sl-animated.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading, body.loading_transparent {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal_load, body.loading_transparent .modal_load {
    display: block;
}


.btn_accordion:hover {
    color: #fff;
    background: #f90;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    text-decoration:none;
}

.btn_accordion.current {
    color: #333;
    background: #f2c477;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    text-decoration:none;
}

.btn_accordion {
    color: #4A719E;
    float:left;
    display: block;
    margin:0px 0px 0px 0px;
    padding: 5px 10px;
    text-decoration:none;
    background: #f2f2f2; /* Old browsers */

}

.content_accordion {
        margin: 5px;
        padding: 5px;
        background: #fff;
         -moz-box-shadow:    2px 2px 8px #aaa;
        -webkit-box-shadow: 2px 2px 8px #aaa;
        box-shadow:         2px 2px 8px #aaa;
        border: 1px #ccc solid\9; /* IE 8 and below */
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        }



.ajax_accordion_row {
cursor: pointer;
/*padding:10px 0; */
}

.ajax_accordion_row .icon {
display:block;
background: url('https://cdn.schoolloop.com/release_1.0.4.2/img/icon_locker_sprite.png') 0px 105px;
width: 20px;
height: 20px;
float:left;
}

.ajax_accordion_row:hover,
.ajax_accordion_row:focus,
.ajax_accordion_row:active {
background-color: #F2C477;
outline:none;
}

.dashboard .content .row .ajax_accordion_row:hover,
.dashboard .content .row .ajax_accordion_row:focus,
.dashboard .content .row .ajax_accordion_row:active {
background-color: inherit;
outline:none;
}



.ajax_accordion_row:hover .icon {
background: url('https://cdn.schoolloop.com/release_1.0.4.2/img/icon_locker_sprite.png') 0px 105px;
}

.ajax_accordion_row.current .icon{
background: url('https://cdn.schoolloop.com/release_1.0.4.2/img/icon_locker_sprite.png') -20px 105px;
}

.ajax_accordion_row.current:hover .icon{
background: url('https://cdn.schoolloop.com/release_1.0.4.2/img/icon_locker_sprite.png') -20px 105px;
}


/* .ajax_accordion_row.current {
color: #000;
background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_content_rule2.png) left bottom no-repeat;
border-right: 1px #f90 solid;
text-decoration: none;}

ul#moveable_items_area .ajax_accordion_row.current {
border: none;
}


.ajax_accordion_row.current:hover,.ajax_accordion_row.current:focus {
background-color: #F2C477;
outline:none;}
*/

.icon_cell {
width:20px;
position: relative;
}

.icon_cell .icon{
position:absolute;
bottom:7px;
}

a.link_view_page, a.link_view_page:hover {
background:none;
}





.hpg_title_link.ajax_accordion_row {
    color: #333;
    font-size: 15px;
    background: #fff url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_content_rule_hpg.png) left bottom no-repeat;
    display: block;
    border-right: 1px #transparent solid;

}
 /*
.hpg_title_link.accordion_block_hover{
   color: #fff;
   text-decoration: none;
   border-right: 1px transparent solid;
   background: url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_content_rule_hpg.png) right bottom no-repeat;

}
   */

.hpg_title_link.ajax_accordion_row:hover,

.hpg_title_link.ajax_accordion_row:focus,
 .hpg_title_link.ajax_accordion_row.current:hover,
 .hpg_title_link.ajax_accordion_row.current:focus{
background: #c00;
color:#fff;
}



.hpg_title_link.ajax_accordion_row.current{
color: #333;
font-size: 15px;
background: #e8d8d8 url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_content_rule_hpg2.png) left bottom no-repeat;
display: block;
border-right: 1px #c00 solid;
}


.hpg_title_link.ajax_accordion_row {
        padding: 10px 0px;
        cursor: pointer;
        }

.hpg_head .ajax_accordion_content {
  /*   width: 597px;
   padding: 10px; */
    padding-bottom: 15px;
    font-size: 11px;
    background: #fbf7f7 url(https://cdn.schoolloop.com/release_1.0.4.2/img/accordion_content_rule_bottom_hpg.png) bottom no-repeat;
    border-right: 1px #c00 solid;
}


.report-detail {
    padding:10px;
}
<!--css/shared/locker()-->