/* --////// 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 {
        border-bottom: 1px #f90 solid; margin-bottom: 2px;
}



form {margin: 0px;}
select {background-color: #faf8f5;; color:#666666; border: 1px solid #aeaeae;; 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: 5px; margin-top: 0px;}
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: #2d518f; text-decoration: none;}
a:visited {color: #2d518f; text-decoration: none;}
a:hover {color: #ff9900; text-decoration: underline;}

.highlight {background-color: #faf6da;}
.highlight_dark {background-color: #f2f0e9;}
.highlight_text {background-color: yellow;}

.item_plain {border-left: 3px #dfdfdf solid; background: #fafaeb;}
.item_highlight {border-left: 3px #dad6c5 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;}


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

.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_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; boder: 1px #c00 solid;}
.padding_5_0 {padding: 5px 0px;}

.padding_top_10 {padding-top: 10px;}

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

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


.ui-icon-closethick {text-indent: 9000px;}
.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; overflow: hidden;}

.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:#faf8f5; 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:#FFCCCC; 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;}

.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;}

/* --////// Allerts, Steps and Messages //////-- */
.message_header {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #333333; margin: 0px 0px 0px 0px;}
.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 20px 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 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color:#ffffff; padding: 0px 4px 0px 4px; margin: 0px 0px 0px 0px; background:#3366cc; border-top: #3366cc solid 1px; border-right: none; border-bottom: none; border-left: none;}
.cms_input_sm {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color:#ffffff; padding: 0px 4px 0px 4px; margin: 0px 0px 0px 0px; background:#3366cc; border-top: #3366cc solid 1px; border-right: none; border-bottom: none; border-left: none;}

.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/1304121543/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/1304121543/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: #666666; margin: 0px 0px 10px 0px;}
.info_content_line {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #666666; margin: 0px 0px 0px 0px;}
.info_content_width {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #666666; margin: 0px 0px 10px 0px; width:625px;}
.info_content_caption {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; margin: 0px 0px 5px 0px;}
.info_content_bg {font-family: Arial, Helvetica, sans-serif; font-size: 14px; background: #ecf3f4; color: #666666; padding: 5px 390px 10px 10px; margin: 0px 0px 0px 0px; border-bottom: 1px #cccccc solid}

.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/1304121543/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/1304121543/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-family: Arial, Helvetica, sans-serif; font-size: 11px;
    padding-top: 15px;
}

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: #f2c475;
}


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

thead.standard_head th.sorted {

    background: #cdcdcd url(https://cdn.schoolloop.com/1304121543/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%; 
    min-height: 20em;
}

.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;
}

.table_standard_head {
    padding: 2px 2px;
    background: #efefef;
    padding-top: 3px;
}

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/1304121543/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
}

.hub_general tbody td {
    padding: 10px; 10px;
    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/1304121543/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;
    border-top: 1px #ddd dashed;
}

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/1304121543/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/1304121543/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/1304121543/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/1304121543/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: 15px;
    font-weight: 200;
    text-align: left;
    background: #e8d8d8
}

.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;

}

a.hpg_title_link{
    color: #2d518f;
    font-size: 18px;
    background: #e8d8d8 url(https://cdn.schoolloop.com/1304121543/img/accordion_content_rule_hpg.png) left bottom no-repeat;
    display: block;
    width: 599px;
    float: left;
    border-right: 1px #transparent solid;
    padding: 5px 10px 10px 10px;
    cursor: pointer;
}

a.hpg_title_link:hover{
    color: #fff;
    background: #f90;
   text-decoration: none;
   border-right: 1px #transparent solid;
   background: url(https://cdn.schoolloop.com/1304121543/img/accordion_content_rule_hpg.png) right bottom no-repeat;

}
a.hpg_title_link.current{
    color: #fff;
    background: #f90;
   text-decoration: none;
   border-right: 1px #c00 solid;
   background: url(https://cdn.schoolloop.com/1304121543/img/accordion_content_rule_hpg.png) right bottom no-repeat;

}

.hpg_content .ajax_accordion_content {
    padding: 10px;
    padding-bottom: 15px;
    font-size: 11px;
    background: #fbf7f7 url(https://cdn.schoolloop.com/1304121543/img/accordion_content_rule_bottom_hpg.png) bottom no-repeat;
    border-right: 1px #c00 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/1304121543/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/1304121543/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;
}

.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 #aaaaaa 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;
}

/* --////// Image Gallery //////-- */
a.album_select {display: block; background: #ffffff url(https://cdn.schoolloop.com/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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 {font-size: 13px; font-weight: bold; line-height: 25px; color:#fff; text-decoration:none; padding: 7px; margin: 0px ; background:#4a7dbb; border: #4a7dbb solid 1px;}
.nav a:visited {font-size: 13px; font-weight: bold; line-height: 25px; color:#fff; text-decoration:none; padding: 7px; margin: 0px ; background:#4a7dbb; border: #4a7dbb solid 1px;}
.nav a:hover {text-decoration:none; background:#f90; 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.button1 {
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: 30px;
text-transform: none;
cursor: pointer;
}
a.button1:hover {color:#ffffff; text-decoration:none; background:#f90; 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.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 {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: #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;}

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

a.btn_cms_page {
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;
}

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

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


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/1304121543/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/1304121543/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/1304121543/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/1304121543/img/icon_rss_sm.gif) top no-repeat; text-decoration:none;}
a.icon_rss_sm:hover {background: url(https://cdn.schoolloop.com/1304121543/img/icon_rss_sm.gif) bottom no-repeat; color: #ffffff; text-decoration: none; }

a.accordion_block {display: block; color: #333; background: url(https://cdn.schoolloop.com/1304121543/img/accordion_content_rule.png) left bottom no-repeat; border-right: 1px transparent solid; cursor: pointer;}
a.accordion_block:hover {color: #fff; background: url(https://cdn.schoolloop.com/1304121543/img/accordion_content_rule.png) right bottom no-repeat; text-decoration: none;}
a.accordion_block.current {color: #fff; background: url(https://cdn.schoolloop.com/1304121543/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;}

a.accordion_block_right {display: block; color: #333; background: url(https://cdn.schoolloop.com/1304121543/img/accordion_right_rule.png) left bottom no-repeat; margin-top: 2px; padding: 5px 10px 10px 10px; border-right: 1px transparent solid; cursor: pointer;}
a.accordion_block_right:hover {color: #fff; background: url(https://cdn.schoolloop.com/1304121543/img/accordion_right_rule.png) right bottom no-repeat; text-decoration: none;}
a.accordion_block_right.current {color: #fff; background: url(https://cdn.schoolloop.com/1304121543/img/accordion_right_rule.png) right bottom no-repeat; padding: 5px 10px 10px 10px; border-right: 1px #f90 solid; 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_view_page {font-size: 13px; padding: 5px 15px 5px 5px; background: url(https://cdn.schoolloop.com/1304121543/img/icon_arrow_right_sm.png) right center no-repeat; text-decoration:none;}
a.link_view_page:hover {font-size: 13px; background: url(https://cdn.schoolloop.com/1304121543/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/1304121543/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/1304121543/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; }

.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{width: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; vertical-align:middle;
voice-family: "\"}\"";
voice-family: inherit;
background: #e6e6e6;

}

.nav_list_hori ul{
float: left;
font: bold 12px Arial, Helvetica, sans-serif;
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: 10px 15px;
border-right: 1px solid #fff;
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 #fff;
text-decoration:none;

}


.nav_list_hori a:hover{
border-right: 1px #fff 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; color:#3366cc; text-decoration:none; padding: 2px 0px 0px 6px; background: url(https://cdn.schoolloop.com/1304121543/img/icon_alert_help.png) top no-repeat; width: 25px; height: 25px; display: block; line-height: 12px}
a.alert_help:hover {background: url(https://cdn.schoolloop.com/1304121543/img/icon_alert_help.png) bottom no-repeat; color:#ffffff;text-decoration: none;}

a.alert_help_sm {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/1304121543/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;
        }
        
/* --/////////////   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 {background: url(https://cdn.schoolloop.com/1304121543/img/tabs_rule.png) bottom repeat-x; padding: 1px; margin-bottom: 3px;}

.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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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: #fff; font-size: 15px;}
.dashboard .sub_header {padding: 5px 10px; font-size: 15px; font-weight: 200;}

.dashboard .detail_title {color: #999; padding: 3px 10px; font-size: 15px; font-weight: bold;}
.dashboard .detail_sub {padding: 3px 0px; font-size: 18px; text-transform: uppercase;}
.dashboard .detail_zeros {background: #ffdcdc;}
.dashboard .detail_zeros_none {background: #f2f2f2;}

.dashboard .detail_highlight {
    background: #fdfae8;
}
.dashboard .detail_highlight_zero {
    background: #ffebeb;
}
.dashboard .detail_item {display: table; width: 100%; font-size: 12px;}
.dashboard .detail_item .assignment_cell {padding: 5px 2px;}
.dashboard .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/1304121543/img/accordion_content_rule.png) left bottom no-repeat;cursor: pointer;}
.dashboard a.block:hover {color: #fff; background: url(https://cdn.schoolloop.com/1304121543/img/accordion_content_rule.png) right bottom no-repeat; text-decoration: none;}

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


.dashboard .row td {padding: 7px 5px;}


.dashboard .row {width: 100%;}
.dashboard .left {font-size: 18px;}

.dashboard .period {font-size: 18px; width: 15px;}

.dashboard .course {font-size: 18px; width: 285px; padding-left: 10px;}

.dashboard .grade {font-size: 18px; width: 45px; padding-left: 10px; white-space: nowrap;}
.dashboard .percent {font-size: 18px;width: 135px; padding-left: 10px;  white-space: nowrap;}
.dashboard .zeros {font-size: 18px; padding-left: 10px; white-space: nowrap}
.dashboard .zeros span {font-size: 13px;}
.dashboard .course_teacher {float: left; font-size: 12px; padding: 3px 5px; text-align: right; white-space: nowrap;}

.dashboard .label_light {font-size: 18px; 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 {font-size: 15px; font-weight: bold;}
.dashboard .links {font-size: 12px; padding: 3px 0px 0px 10px; text-align: right; white-space: nowrap;}


.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;
}

/* ---- CMS Dashboard -------*/
.f_dashboard_cms { margin:0px 0px 0px 0px; }
.f_dashboard_cms .top_left {background: #f1b207 url(https://cdn.schoolloop.com/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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 {font-size: 13px; color: #777; background: #faf6da; padding: 10px; margin:0px; word-wrap: break-word;}
.module h2 {font-family: Arial, Helvetica, san-serif; color: #666; float: left; font-size: 22px; margin: 0px; margin-bottom: 5px; padding: 0px;}
.module .content_item {margin-bottom: 10px; word-wrap: break-word; width: 290px; clear: both;}
.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; }


/* ------ TOOLBOX -----*/
.toolbox {font-size: 13px; color: #777; width: 310px; background: #e6e6e6; padding: 0px; margin:0px; word-wrap: break-word; margin-left: 0px;}
.toolbox h2 {font-family: Arial, Helvetica, san-serif; color: #333; font-size: 22px;  padding: 5px 10px; margin: 0px; border-bottom: 1px #fff solid;}
.toolbox a {display: block; float: left; width: 133px; font-size: 12px; font-weight: bold; color: #5d8dc5; padding: 7px 10px; border: 1px #fff solid; }
.toolbox a:hover {color: #fff; background: #f90; text-decoration: none;}
.toolbox a.download {display: block; float: left; width: 133px; background: url(https://cdn.schoolloop.com/1304121543/img/icon_download_file.png) top right no-repeat; font-size: 12px; font-weight: bold; color: #5d8dc5; padding: 7px 10px; border: 1px #fff solid; }
.toolbox a.download:hover {color: #fff; background: #f90 url(https://cdn.schoolloop.com/1304121543/img/icon_download_file.png) top right no-repeat; text-decoration: none;}

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



.toolbox a.icon_settings_module {display: block; text-align: left; width: 275px; height: 21px; display: block; background: url(https://cdn.schoolloop.com/1304121543/img/icon_settings.png) no-repeat; font-weight: bold; color: #5d8dc5; 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/1304121543/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; width: auto; color:#ffffff; text-decoration:none; padding: 0px 5px 1px 5px; margin: 0px 2px 0px 0px; background:#4a7dbb; border: #4a7dbb solid 1px;}
.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: #e6e6e6; padding: 0px; margin:0px; word-wrap: break-word; margin-left: 0px;}
.toolbox_wide h2 {font-family: Arial, Helvetica, san-serif; color: #333; font-size: 22px;  padding: 5px 10px; margin: 0px; border-bottom: 1px #fff solid;}
.toolbox_wide a {display: block; font-size: 12px; font-weight: bold; color: #5d8dc5; 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; font-weight: bold; color: #5d8dc5; 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; }
.module_action .header {background: #95b840; padding:5px 0px; margin-bottom: 5px;}
.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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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; background: #faf6da; padding: 10px; margin:0px; word-wrap: break-word; border: 1px #faf3e6 solid;}
.module_group h2 {font-family: Arial, Helvetica, san-serif; color: #666; float: left; font-size: 18px; margin: 0px; margin-bottom: 5px; padding: 0px;}
.module_group .content_item {margin-bottom: 10px; word-wrap: break-word; clear: both;}
.module_group a.title_link {font-size: 16px; line-height: 22px; }



.module_short { margin:0px 0px 0px 0px; }
.module_short .left { background: url(https://cdn.schoolloop.com/1304121543/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/1304121543/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/1304121543/img/f_short_right.gif)  no-repeat; margin:0px 0px 0px 0px;line-height:1px; height:24px; width:10px;font-size:1px;}

.green_alert { width:97%; margin:0px 10px 10px 0px; }
.green_alert .top_left { background: url(https://cdn.schoolloop.com/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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;}
.alert h2 {color: #fff; font-size: 16px;  padding: 7px 3px 5px 10px; margin: 0px 0px 0px 0px;}
.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/1304121543/img/alert_green_hover.png) no-repeat top left; color: #2a487c;cursor: pointer;}
.alert_loopmail:hover {background: url(https://cdn.schoolloop.com/1304121543/img/alert_green_hover.png) no-repeat bottom left; color: #fff;}
.alert_loopmail .icon {background: url(https://cdn.schoolloop.com/1304121543/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;}

.tour_start {background: url(https://cdn.schoolloop.com/1304121543/img/alert_green_hover.png) no-repeat top left; color: #2a487c;cursor: pointer; margin-bottom: 25px;}
.tour_start:hover {background: url(https://cdn.schoolloop.com/1304121543/img/alert_green_hover.png) no-repeat bottom left; color: #fff;}
.tour_start .icon {background: url(https://cdn.schoolloop.com/1304121543/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;}




.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/1304121543/img/grey_top_left.gif) #FFCC00 0 0 no-repeat; width:45px; height:6px;}
.step_right .top_center { background: url(https://cdn.schoolloop.com/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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 - 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;}

.home_left .custom_data .list_title {font-weight: 400; font-size: 22px; color: #333; margin: 7px 0px 0px 0px; padding: 0px; text-transform: uppercase;}
.home_left .custom_data .list_line {border-bottom:#f90 solid 1px;font-size:1px; line-height:1px; width: 100%; margin: 1px 0px 2px 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{list-style:none; margin:0px; padding: 0px;}

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


}


.nav_cal 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 a:hover{
color: #003387;
border: 1px #aaa 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;
display:none;
width:140px;
margin-top: -1px;
background:#FFF;
border-left: 1px #999 solid;
border-bottom: 1px #999 solid;
border-right: 1px #999 solid;
}

.cal_drop_content a.drop_link{
        font-size: 11px;
        color: #003387;
        border: none;
        width:120px;
        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/1304121543/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;
}

/* -- CALENDAR --*/
#calendar {width: auto;
font-size: 11px;
background: #cccccc ;
vertical-align:middle;
voice-family: "\"}\"";
voice-family: inherit;
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 2px;
}



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

    }

#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: #3366cc;
font-size: 13px;
font-weight: bold;
padding: 0px 0px 0px 0px;
text-decoration: none;
}
#calendar .header .next a:visited {color: #3366cc}
#calendar .header .next a:hover {color: #3366cc}


#calendar .weekday {
   font-size: 11px;
   color: #333333;
   font-weight: bold;
   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: #999; 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: #999; 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: #999; 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: #999; 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;}
.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(/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(/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(/img/gradebook/gb_tab_center_sel.gif) 0px 0px repeat-x; padding:3px 4px 2px 4px;}
.gb_tab_right {margin:0px; background: url(/img/gradebook/gb_tab_right.gif) 0px 0px no-repeat; width: 6px; height: 19px; border-bottom: 1px solid #d9d9d9;}

.gb_tab_td {background: url(/img/gradebook/gb_tab_bg.gif) 0px 0px repeat-x; vertical-align:bottom;}
.gb_tab_td2 {background: url(/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(/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(/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(/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(/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(/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(/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(/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-size: 18px; color: #333; padding: 0px 0px; margin: 0px 0px 0px 0px; text-transform: uppercase;}

.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; background-color:#ffffbb; 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_title {font-weight: bold; font-size: 18px; color: #666666; padding-left: 10px; margin: 0px 0px 0px 0px;}

.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_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 {border-bottom:#d9d9d9 solid 1px;font-size:1px; line-height:1px; width: 100%; margin: 3px 0px 3px 0px;}


/*-- //// 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 .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 .content {float: none; font-size: 15px; line-height: 24px; color: #000; padding: 5px;}
.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: #efefef; 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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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/1304121543/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}


#container_page {width: ; text-align: left; margin: 0px auto;

}




/* ######### CMS Nav ######### */



.container_cms_tools_top {width: auto; height: auto; background: url(/img/cms_tools_main_bg.gif); margin: 0 auto; padding-top: 1px; margin-bottom: 0px;}
.container_cms_tools_page {width: auto; background: url(/img/cms_page_tools_bg.gif) no-repeat; margin: 5px 0px 0px 0px; padding: 5px 0px 2px 0px; margin-bottom: 0px; vertical-align: bottom;}
.container_cms_tools_page_changed {width: auto; background: url(/img/cms_page_tools_bg_changed.png) no-repeat; margin: 5px 0px 0px 0px; padding: 5px 0px 2px 0px; margin-bottom: 0px; vertical-align: bottom;}

#cms_tools_top {width: auto; margin: 0px auto; clear: both; text-align: left;}


/* -- Quick Design -- */
.quick_select {float: left; background: #ffffff; border: 1px #cccccc dashed; padding: 5px; text-align: center; margin: 0px 25px 40px 0px}
.quick_select a.preview{display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 5px 0px 5px 0px}
.quick_select a.preview:hover{display: block; background: #ffffbb; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 5px 0px 5px 0px}
.quick_select img{border: 1px #cccccc solid; margin: 0px; padding: 0px }
.quick_select .title{padding: 0px 0px 10px 0px}


.btn_quick_select_lg a{display: block; background: #ffffff; font-size: 14px; color: #3366cc; font-weight: bold; margin: 0px; padding: 5px 5px 5px 5px; text-align: center; border: 1px #ffffff solid;}
.btn_quick_select_lg a:hover{display: block; background: #ffffbb; padding: 5px 5px 5px 5px; color: #3366cc; border: 1px #3366cc solid; text-decoration: none;}

.btn_swatch {float: left; display: block; width: 140px; height: auto; font-weight: bold; margin: 0px 20px 15px 0px; padding: 5px 5px 5px 5px; text-align: center; border: 1px #cccccc solid;}
.btn_swatch:hover{background: #ffffbb; border: 1px #3366cc solid; text-decoration: none;}


/* -- Quick Design with Skins-- */
.design_select {float: left; background: #ffffff; border: 1px #cccccc dashed; padding: 0px 5px 0px 5px; text-align: center; margin: 0px}
.design_select a.preview{display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 5px 0px 5px 0px}
.design_select a.preview:hover{display: block; background: #ffffbb; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 5px 0px 5px 0px}
.design_select img{border: 2px #cccccc solid; margin: 0px; padding: 0px }
.design_select .title{font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #3366cc; padding: 5px 0px 5px 0px}

.skin_select {float: left; background: #ffffff; border: 1px #cccccc dashed; padding: 5px; text-align: center; margin: 0px 15px 0px 15px}
.skin_select a.preview{display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 5px 0px 5px 0px}
.skin_select a.preview:hover{display: block; background: #ffffbb; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 5px 0px 5px 0px}
.skin_select img{border: 2px #cccccc solid; margin: 0px; padding: 0px }
.skin_select .title{font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666; padding: 5px 0px 5px 0px}

.preview_box {overflow: auto; margin-left: 50px; padding: 5px 0px 5px 5px; width: 325px; height: 260px; background:#f9f9f9; border-right: 1px #cccccc solid; border-bottom: 1px #cccccc solid; border-left: 1px #cccccc solid;}
.preview_box_title {font-size: 13px; font-weight: bold; color: #666666; padding: 5px 5px 5px 55px; margin: 0px; border-bottom: 1px #cccccc solid  }
.preview_box_image {margin-bottom: 10px; margin-right: 10px; border: 2px #cccccc solid}

.design_select_spacing {float: left; width: 110px; height: 10px;}

.design_select_column_left{float: left; background: #ffffdd; padding: 10px 25px 10px 25px; margin-bottom: 20px}
.design_select_column_left h2{font-size: 22px; margin-bottoom: 5px}

.design_select_column_right{float: left; background: #ecf3f4; padding: 10px 25px 10px 25px; margin-bottom: 20px}
.design_select_column_right h2{font-size: 22px; margin-bottoom: 5px}

.btn_design_select_lg a{display: block; background: #ffffff; font-size: 14px; color: #3366cc; font-weight: bold; margin: 0px; padding: 2px; text-align: center; border: 1px #ffffff solid;}
.btn_design_select_lg a:hover{display: block; background: #ffffbb; padding: 2px; color: #3366cc; border: 1px #3366cc solid; text-decoration: none;}

.btn_swatch {float: left; display: block; width: 140px; height: auto; font-weight: bold; margin: 0px 20px 15px 0px; padding: 5px 5px 5px 5px; text-align: center; border: 1px #cccccc solid;}
.btn_swatch:hover{background: #ffffbb; border: 1px #3366cc solid; text-decoration: none;}



.setup {margin: 0px;}
.setup .number{float: left; height: 25px; background: #ffffbb; font-size: 22px; color: #000000; border-bottom: 3px #f1b209 solid; border-top: 1px #f1b209 solid; border-right: 1px #f1b209 solid; border-bottom: 3px #f1b209 solid; border-left: 1px #f1b209 solid; padding: 2px 2px 0px 5px;}
.setup .label{float: left; height: 26px; width: 887px; font-size: 22px; font-weight: bold; color: #000000; border-bottom: 3px #f1b209 solid; padding: 2px 0px 0px 5px;}

.setup .number_grey{float: left; height: 25px; background: #efefef; font-size: 22px; color: #999999; border-bottom: 3px #999999 solid; border-top: 1px #999999 solid; border-right: 1px #999999 solid; border-bottom: 3px #999999 solid; border-left: 1px #999999 solid; padding: 2px 2px 0px 5px;}
.setup .label_grey{float: left; height: 26px; width: 887px; font-size: 22px; font-weight: bold; color: #999999; border-bottom: 3px #999999 solid; padding: 2px 0px 0px 5px;}


.step_table {margin: 0px;}
.step_table .numbers {background: #7e9831; padding: 5px 5px 10px 5px; text-align: right; color: #ffffff; font-size: 22px; font-weight: bold;}
.step_table .wide {padding: 5px 0px 10px 5px; }


#stats {width: 560px;}
#stats .total{font-size: 11px; float: right; text-align: right; padding-right: 10px; margin: 1px; padding-top: 3px;
}


.img_instruction {width: auto; font-weight: bold; background: #cccccc; padding: 20px 20px 0px 20px}
.img_instruction p {color: #cc0000;}



/* -- CMS Add Page Form Blocks --  */
#template_select {margin: 0px;}
#template_select .block {float: left; width: 190px; height: 190px; margin: 0px 15px 5px 0px; border: 1px #cccccc solid; text-align: center; }
#template_select .block img{margin-bottom: 5px;}
#template_select .block_highlight{width: auto; height: 20px; margin-bottom: 5px; background: #ffffbb; vertical-align: middle; text-align: center; border-bottom: 1px #cccccc solid;}



.site_map {margin: 0px 0px 0px 0px;}
.site_map .background {padding: 2px 2px 2px 0px; margin: 0px; background: #f2f0e9; border-bottom: 1px #ccc dashed; border-left: 1px #ccc dashed;}

.site_map h2{float: left; margin: 0px 15px 0px 0px; font-size: 15px; }
.site_map .float_left{float: left; padding-top: 5px; margin-right: 15px; background: #ffffff}
.site_map .move{float: left; width: 20px; height: auto; padding-left: 2px; font-size: 1px; line-height: 1px;}
.site_map .home_row {background: #faf6da; margin: 0px 0px 0px 0px; height: 18px; padding: 10px 0px 5px 20px; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; vertical-align: middle;}
.site_map .home_row h2{color: #ff0000;}

.site_map .tlm_cluster {background: #f2f0e9; padding: 1px; padding-top: 0px;}

.site_map .tlm_row {background: #faf6da; margin: 0px 0px 0px 0px; padding: 10px 5px;  vertical-align: middle; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid;}
.site_map .tlm_row h2 {font-family: Arial, Helvetica, san-serif; font-size: 22px; font-weight: normal; text-transform: none;}
.site_map .tlm_row img {margin-right: 5px}
.site_map .section_row {padding: 5px; background: #faf8ec; vertical-align: middle; border-left: 1px #ccc dashed; font-weight: normal}

.site_map .section_row_section {padding: 5px; background: #faf8ec; vertical-align: middle; font-weight: normal}


.site_map .page_row {padding: 5px; background: #ffffff; vertical-align: middle; margin: 0px;}
.site_map .page_row_highlight {background: #ffffbb; margin: 0px 0px 0px 0px; height: 13px; padding: 3px 0px 3px 35px; vertical-align: middle;}

.site_map_right {font-size: 11px; padding-top: 5px; float: right;}

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


/* CMS Sitemap Nav ------------------------------------------*/

#menuwrapper {
	border-bottom: 1px #ddd dashed;
    margin-bottom: 0px;
    padding: 5px;

}

.clearit {
	clear: both;
	height: 0px;
	font-size: 0px;
}

#nav_cms, #nav_cms ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
#nav_cms a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	font-size: 11px;

}

#nav_cms a.trigger {
	font: bold 11px Arial, Helvetica, sans-serif;
    color:#4a7dbb;
    text-decoration:none;
    padding: 5px;
    margin: 0px 2px 0px 0px;
    background: #fff;
    border: #4a7dbb solid 1px;
}

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

#nav_cms li {
	float: left;
	width: 144px;
}
#nav_cms li {position: relative;}

/* hide from IE mac \*/
#nav_cms li {position: static; width: auto;}
/* end hiding from IE5 mac */

#nav_cms li ul, #nav_cms ul li  {
	width: 144px;
}
#nav_cms ul li a  {
	color: #3366cc;
	border-right: 0;
    border-left: 1px #fff solid;
	padding: 5px 10px;
}
#nav_cms li ul {
	position: absolute;
	display: none;
    margin-top: -1px;
    padding-bottom: 4px;
    background-color: #FFFFFF;
	border-left: 1px solid #4a7dbb;
	border-right: 1px solid #4a7dbb;
	border-bottom: 1px solid #4a7dbb;
}

#nav_cms li:hover a, #nav_cms a:focus,
#nav_cms a:active, #nav_cms li.p7hvr a {

}

#nav_cms li:hover ul, #nav_cms li.p7hvr ul {
	display: block;
}

#nav_cms li:hover ul a, #nav_cms li.p7hvr ul a {
	color: #4a7dbb;
	background: transparent;
    border-left: 1px #fff solid;
}
#nav_cms ul a:hover {
	background: #f90 !important;
	color: #fff !important;
    border-left: 1px #f90 solid;
}


/* CMS Grey Nav ------------------------------------------*/
#nav_cms2, #nav_cms2 ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
#nav_cms2 a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	font-size: 11px;

}

#nav_cms2 a.trigger {
	font: bold 11px Arial, Helvetica, sans-serif;
    color:#4a7dbb;
    text-decoration:none;
    padding: 5px;
    margin: 0px 2px 0px 0px;
    background: #fff;
    border: #4a7dbb solid 1px;
}

#nav_cms2 a.trigger:hover {
	font: bold 11px Arial, Helvetica, sans-serif;
    color:#4a7dbb;
    background-color: #f90;
    text-decoration:none;
    padding: 5px;
    margin: 0px 2px 0px 0px;
    background: #fff;
    border: #f90 solid 1px;
}

#nav_cms2 li {
	float: left;
	width: 144px;
}
#nav_cms2 li {position: relative;}

/* hide from IE mac \*/
#nav_cms2 li {position: static; width: auto;}
/* end hiding from IE5 mac */

#nav_cms2 li ul, #nav_cms2 ul li  {
	width: 144px;
}
#nav_cms2 ul li a  {
	color: #3366cc;
	border-right: 0;
	padding: 3px 10px 3px 10px;
}
#nav_cms2 li ul {
	position: absolute;
	display: none;
    margin-top: 0px;
    padding-bottom: 4px;
    background-color: #FFFFFF;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#nav_cms2 li:hover a, #nav_cms2 a:focus,
#nav_cms2 a:active, #nav_cms2 li.p7hvr a {
	color: #fff;
	background-color: #f90;
}

#nav_cms2 li:hover ul, #nav_cms2 li.p7hvr ul {
	display: block;
}

#nav_cms2 li:hover ul a, #nav_cms2 li.p7hvr ul a {

}
#nav_cms2 ul a:hover {
	background-color: #f90!important;
	color: #4a7dbb !important;
}


/* CMS Small Grey Nav (Within Content ------------------------------------------*/
.nav_cms3{padding: 0px 0px 0px 0px; margin: 1px 0px 0px 0px; vertical-align:middle;
voice-family: "\"}\"";
voice-family: inherit;
}

.nav_cms3 ul{
float: left;
font: bold 11px Arial, Helvetica, sans-serif;
margin:0px 3px 0px 0px;
padding:0px;
list-style:none;
}

.nav_cms3 li{
display:inline;
padding:0px 0px 0px 0px;
}


.nav_cms3 a{
font: bold 11px Arial, Helvetica, sans-serif;
    color:#4a7dbb;
    text-decoration:none;
    padding: 5px;
    margin: 0px 2px 0px 0px;
    background: #fff;
    border: #4a7dbb solid 1px;

}





.nav_cms3 a:hover{
font: bold 11px Arial, Helvetica, sans-serif;
    color:#fff;
    text-decoration:none;
    padding: 5px;
    margin: 0px 2px 0px 0px;
    background: #f90;
    border: #f90 solid 1px;

}


.nav_cms3 .selected a, .nav_cms3 .selected a span{ /*currently selected tab*/
font: bold 11px Arial, Helvetica, sans-serif;
    color:#4a7dbb;
    text-decoration:none;
    padding: 5px;
    margin: 0px 2px 0px 0px;
    background: #fff;
    border: #4a7dbb solid 1px;
}

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

.dropmenudiv_nav_cms3{
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_nav_cms3 a{
color: #4a7dbb;
display: block;
padding: 5px 10px;
text-decoration: none;
z-index:100;
}

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

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


/* CMS Small Grey Nav (Within Content ------------------------------------------*/
.nav_cms3{padding: 0px 0px 0px 0px; margin: 1px 0px 0px 0px; vertical-align:middle;
voice-family: "\"}\"";
voice-family: inherit;
}


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

}

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

.nav_link_drop li {
float:left;
display:block;
position:relative;
margin:0px;

}

/* this is the parent menu */
.nav_link_drop li a {
display:block;
text-decoration:none;
padding: 2px 3px;
margin: 0px 0px 0px 0px;
background: transparent;
border: 0px;
}

.nav_link_drop li a:hover {
display:block;
color: #fff;
background: #f90;
text-decoration:none;
padding: 5px 3px;
margin: 0px 0px 0px 0px;
background: transparent;
border: 0px;
}

/* you can make a different style for default selected value */
.nav_link_drop a.selected {
display:block;
text-decoration:none;
padding: 2px 3px;
margin: 0px 0px 0px 0px;
background: transparent;
border: 0px;}

/* submenu, it's hidden by default */
.nav_link_drop 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_link_drop ul li {
text-transform: none;
z-index: 550;
float:left;

}

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

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

}

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










.nav_cms4 ul{
float: left;
font: bold 11px Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:0px;
list-style:none;
}

.nav_cms4 li{
display:inline;
padding:0px 0px 0px 0px;
}


.nav_cms4 a{
float:left;
height: 14px;
display: block;
color: #003387;
margin:0px 0px 0px 0px;
padding: 7px 3px;
text-decoration:none;

}


.nav_cms4 a:hover{
color: #3366cc;
height: 14px;
background-color: #efefef;
margin:0px 0px 0px 0px;

text-decoration:none; }


.nav_cms4 .selected a, .nav_cms4 .selected a span{ /*currently selected tab*/
float:left;
height: 14px;

display: block;
color: #3366cc;
background: #ffffff;
margin:0px 0px 0px 0px;

text-decoration:none;
}




/* ######### Drop CMS Nav ######### */

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

.nav_cms_controls ul{
float: left;
font: bold 11px Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
list-style:none;
}

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

}

.nav_cms_controls li.label{
float:left;
display: block;
color: #000000;
margin:3px 2px 5px 0px;
padding: 3px 10px 3px 7px;
text-decoration:none;
text-transform:none;
}


.nav_cms_controls a{
float:left;
display: block;
background: #ffffff;
margin:3px 2px 5px 0px;
padding: 3px 10px 3px 7px;
text-decoration:none;
}

.nav_cms_controls a:hover{
background: #ffffbb;
text-decoration:none; }


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



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


a.btn_cms_page_alert {font: bold 13px Arial, Helvetica, sans-serif; color:#3366cc; text-decoration:none; padding: 0px 4px 0px 4px; margin: 0px 0px 0px 0px; background: #ffffbb; border: #cc0000 solid 1px;}
a.btn_cms_page_alert:visited {font: bold 13px Arial, Helvetica, sans-serif; color:#3366cc; text-decoration:none; padding: 0px 4px 0px 4px; margin: 0px 0px 0px 0px; background: #ffffbb; border: #cc0000 solid 1px;}
a.btn_cms_page_alert:hover {font: bold 13px Arial, Helvetica, sans-serif; color:#3366cc; text-decoration:none; padding: 0px 4px 0px 4px; margin: 0px 0px 0px 0px; background:#ffffff; border: #3366cc solid 1px;}

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

a.btn_cms_page_big {font: bold 18px Arial, Helvetica, sans-serif; line-height: 15px; color:#ffffff; text-decoration:none; padding: 0px 4px 0px 4px; margin: 0px 0px 0px 0px; background:#3366cc; border: #3366cc solid 1px;}
a.btn_cms_page_big:visited {font: bold 18px Arial, Helvetica, sans-serif; line-height: 15px; color:#ffffff; text-decoration:none; padding: 0px 4px 0px 4px; margin: 0px 0px 0px 0px; background:#3366cc; border: #3366cc solid 1px;}
a.btn_cms_page_big:hover {font: bold 18px Arial, Helvetica, sans-serif; line-height: 15px; color:#3366cc; text-decoration:none; padding: 0px 4px 0px 4px; margin: 0px 0px 0px 0px; background:#ffffff; border: #3366cc solid 1px;}

a.btn_cms_public01 {font: bold 13px Arial, Helvetica, sans-serif; line-height: 15px; color:#ffffff; text-decoration:none; padding: 2px 4px 2px 4px; margin: 0px 0px 0px 0px; background:#3366cc; border: #3366cc solid 2px;}
a.btn_cms_public01:hover {font: bold 13px Arial, Helvetica, sans-serif; line-height: 15px; color:#3366cc; text-decoration:none; padding: 2px 4px 2px 4px; margin: 0px 0px 0px 0px; background:#ffffff; border: #3366cc solid 2px;}
a.btn_cms_public01:visited {font: bold 13px Arial, Helvetica, sans-serif; line-height: 15px; color:#ffffff; text-decoration:none; padding: 2px 4px 2px 4px; margin: 0px 0px 0px 0px; background:#3366cc; border: #3366cc solid 2px;}


a.btn_cms_public02 {font: bold 13px Arial, Helvetica, sans-serif; line-height: 15px; color:#ffffff; text-decoration:none; padding: 2px 4px 2px 4px; margin: 0px 0px 0px 0px; background:#3366cc; border: #ffcc00 solid 2px;}
a.btn_cms_public02:visited {font: bold 13px Arial, Helvetica, sans-serif; line-height: 15px; color:#ffffff; text-decoration:none; padding: 2px 4px 2px 4px; margin: 0px 0px 0px 0px; background:#3366cc; border: #ffcc00 solid 2px;}
a.btn_cms_public02:hover {font: bold 13px Arial, Helvetica, sans-serif; line-height: 15px; color:#3366cc; text-decoration:none; padding: 2px 4px 2px 4px; margin: 0px 0px 0px 0px; background:#ffffff; border: #ffcc00 solid 2px;}



.btn_block {display: block; float: left; width: 200px; margin-right: 10px; height: 50px; margin-bottom: 15px; border: 1px #cccccc solid; padding: 5px 10px 0px 5px;}
.btn_block:hover{background: #ffffbb; border: 1px #3366cc solid; text-decoration: none;}
.btn_block .text {float: left; width: auto; font-weight: bold; padding: 15px 0px 0px 10px;}

a.btn_block_insert {font: bold 12px Arial, Helvetica, sans-serif; color:#3366cc; text-decoration:none; padding: 0px 4px 0px 4px; margin: 3px 0px 0px 0px; background: #ffffbb; border: 2px #3366cc solid;}
a.btn_block_insert:visited {font: bold 12px Arial, Helvetica, sans-serif; color:#3366cc; text-decoration:none; padding: 0px 4px 0px 4px; margin: 3px 0px 0px 0px; background: #ffffbb; border: 2px #3366cc solid;}
a.btn_block_insert:hover {font: bold 12px Arial, Helvetica, sans-serif; color:#3366cc; text-decoration:none; padding: 0px 4px 0px 4px; margin: 3px 0px 0px 0px; background: #ffffff; border: 2px #000000 solid;}

a.btn_block_edit {font: bold 11px Arial, Helvetica, sans-serif; color:#3366cc; line-height: 18px; text-decoration:none; padding: 0px 2px 0px 2px; margin: 3px 0px 5px 0px; background: #ffffff; border: #4876d3 solid 1px;}
a.btn_block_edit:visited {font: bold 11px Arial, Helvetica, sans-serif; color:#3366cc; line-height: 18px; text-decoration:none; padding: 0px 2px 0px 2px; margin: 3px 0px 5px 0px; background: #ffffff; border: #4876d3 solid 1px;}
a.btn_block_edit:hover {font: bold 11px Arial, Helvetica, sans-serif; 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.icon_block_add {float: left; width: 100%; height: 21px; display: block; margin-right: 5px; background: url(/img/cms/icon_add.gif) no-repeat; }
a.icon_block_add:hover {background: #ffff99 url(/img/cms/icon_add.gif) no-repeat; text-decoration: none; }

a.icon_block_edit {float: left; width: 21px; height: 21px; display: block; margin-right: 5px; background: url(/img/cms/icon_edit.gif) no-repeat;  margin-left: 5px }
a.icon_block_edit:hover {background: #ffff99 url(/img/cms/icon_edit.gif) no-repeat; text-decoration: none; }

a.icon_block_delete {float: right; width: 22px; height: 21px; display: block; background: url(/img/cms/icon_delete.gif) no-repeat; margin-right: 5px}
a.icon_block_delete:hover {background: #ffff99 url(/img/cms/icon_delete.gif) no-repeat; text-decoration: none; }

a.btn_standard {
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;
}
a.btn_standard:hover {color:#ffffff; text-decoration:none; background:#f90; border: #f90 solid 1px; }
a.btn_standard:hover {color:#ffffff; text-decoration:none; background:#f90; border: #f90 solid 1px; }


.btn_select_lg a{display: block; background: #ffffbb; width: auto; height: auto; font-size: 14px; color: #3366cc; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 5px 5px 5px; text-align: center; border: 1px #cccccc solid;}
.btn_select_lg a:hover{background: #3366cc; color: #ffffff; border: 1px #3366cc solid; text-decoration: none;}
.nav_employee{width: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; vertical-align:middle;
voice-family: "\"}\"";
voice-family: inherit;

}

.nav_employee ul{
float: right;
font: bold 12px Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
list-style:none;
}

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

}


.nav_employee a{
color: #5d8dc5;
float:left;
display: block;
margin:0px 0px 0px 0px;
padding: 10px 10px;
border-left: 1px solid #fff;
text-decoration:none;

}


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

}


.nav_employee 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_employee a:hover{
border-left: 1px #aaa solid;
background-color: #ffffff;
text-decoration:none; }


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

}



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

.dropmenudiv_employee{
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_employee a{
color: #003387;
display: block;
padding: 5px 10px;
text-decoration: none;
z-index:100;
}

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

.dropmenudiv_employee 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% }
.error .left { display: table-cell; background: url(https://cdn.schoolloop.com/1304121543/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;}
.error .right { display: table-cell; background: #ffdcdc; margin: 0px; padding: 15px;}
.success { display: table; margin:0px 10px 20px 0px; width: 100% }
.success .left { display: table-cell; background: url(https://cdn.schoolloop.com/1304121543/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;}
.success .right { display: table-cell; background: #edf5da; margin: 0px; padding: 15px;}