/* --////// 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: bold; font-size: 18px; color: #7e9831; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: uppercase;}
h3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #333333; 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; }

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: #3366cc; text-decoration: none;}
a:visited {color: #3366cc; text-decoration: none;}
a:hover {color: #3366cc; text-decoration: underline;}
.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 ul {margin:0; padding:0; list-style:none;}
#dev_links li {float: left; margin:0; padding:3px 5px;}

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


.content_page {width: 720px; text-align: left; margin: 0px 15px 10px 15px;}
.content_left {width: 520px; text-align: left; margin: 0px 0px 10px 15px;}
.content_width {width: 580px;}

.content_spacing {font-size:12px; margin-bottom: 20px; margin-top: 0px;}
.module_spacing {font-size:1px; margin-bottom: 10px; margin-top: 0px;}

/* --////// 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;}
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;}
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;}


.highlight {background-color: #f5f1e2;}
.highlight_text {background-color: yellow;}

/* --////// Verify Parents //////-- */
.highlight2 {line-height:12px; background-color:#f0f0f0;}

.small {font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin-bottom: 5px; margin-top: 0px;}
.small2 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin-top: 0px;}
.small_grey {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#666666; margin-top: 0px;}
.small_red {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#cc0000; margin-bottom: 5px; margin-top: 0px;}
.small_orange {font-family: Arial, Helvetica, sans-serif; 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(http://cdn.schoolloop.com/1201171230/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 60px 15px 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(http://cdn.schoolloop.com/1201171230/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:500px;}
.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 { margin:0px 0px 20px 0px }
.tip .left { background: url(http://cdn.schoolloop.com/1201171230/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;}
.tip .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;}

.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 {
    background-color: #3366cc;
    border:1px solid #3366cc;
    padding-top: 2px;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 1px;
    margin-left: 2px;
    margin-right: 1px;
    -webkit-border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;

    color: white;
    font-family: helvetica, arial, sans-serif;
    font-weight: bold;
    text-align: center;
}

.button_bar .round_button:hover {
    color: #3366cc;
    background-color: #ffffff;
    border: 1px solid #3366cc;
}

.button_bar a.round_button:hover {
    text-decoration:none;
}

.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 th {
    padding: 2px;
    background-color: #efefef;
    border: 1px solid #cccccc;
}

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

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

thead.standard_head th.sorted {
    background: #cdcdcd url(http://cdn.schoolloop.com/1201171230/img/table_arrow_down.png) right no-repeat;
    padding-right: 15px
}

tbody.standard_body td {
    border: 1px solid #dfdfdf;
    padding: 2px;
    font-size: 11px;
    vertical-align: middle;
    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: 2px;
    background: #dee7ef; 
    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: 2px 2px;
    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(http://cdn.schoolloop.com/1201171230/img/table_arrow_down.png) right no-repeat;
    padding-right: 18px;
}

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

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

/* ----- Hub General --------*/


table.hub_general {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    border-bottom: 1px #dfdfdf solid;
}

thead.hub_general_head th {
    padding: 3px 2px;
    color: #444444;
    background: #d5cfc1 url(http://cdn.schoolloop.com/1201171230/img/table_head_general.gif) bottom repeat-x;
    text-align: left;
}

tbody.hub_general_body td {
    padding: 2px;
    padding-top: 4px;
    height: 1.6em;
    font-size: 11px;
    background-color: #fdf9ed;
    border-bottom: 1px #dbd3b9 solid;

}

tbody.hub_general_body tr.highlight td {
    background-color: #f5f1e2;
border-bottom: 1px #dbd3b9 solid;

}

.hub_general_head {
    padding: 2px 2px;
    background: #d5cfc1 url(http://cdn.schoolloop.com/1201171230/img/table_head_general.gif) bottom repeat-x;
    padding-top: 3px;
}

.hub_general_body{
    padding: 2px;
    padding-top: 4px;
    font-size: 11px;
    color: #666666;
    background-color: #fdf9ed;
    border-bottom: 1px #dbd3b9 solid;

}

thead.hub_general_head th.sort_by {
    padding: 3px 18px 3px 2px;
    background: #dee7ef;
}

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

thead.hub_general_head th.sorted {
    padding: 3px 18px 3px 2px;
    background: #cdcdcd url(http://cdn.schoolloop.com/1201171230/img/table_arrow_down.png) right no-repeat;
}



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


table.hub_secondary {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    border-bottom: 1px #dfdfdf solid;
}

thead.hub_secondary_head th {
    padding: 3px 2px;
    color: #444444;
    background: #d5cfc1 url(http://cdn.schoolloop.com/1201171230/img/f_module_top.gif) repeat-x;
    text-align: left;
}

tbody.hub_secondary_body td {
    padding: 2px;
    padding-top: 4px;
    height: 1.6em;
    font-size: 11px;
    background-color: #ffffff;
    border-bottom: 1px #dfdfdf solid;

}

tbody.hub_secondary_body tr.highlight td {
    background-color: #f3f3f3;
border-bottom: 1px #dfdfdf solid;

}

.hub_secondary_head {
    padding: 2px 2px;
    background: #dfdfdf url(http://cdn.schoolloop.com/1201171230/img/f_module_top.gif) bottom repeat-x;
    padding-top: 3px;
}

.hub_secondary_body{
    padding: 2px;
    padding-top: 4px;
    font-size: 11px;
    color: #666666;
    background-color: #ffffff;
    border-bottom: 1px #dfdfdf solid;

}

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(http://cdn.schoolloop.com/1201171230/img/table_arrow_down.png) right no-repeat;
    padding-right: 18px;
}


/* ----- High Priority --------*/


table.table_hpg {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    border-bottom: 1px #e8d8d8c solid;
}

thead.table_hpg_head th {
    padding: 3px 2px;
    background: #e8d8d8 url(http://cdn.schoolloop.com/1201171230/img/table_head_hpg.gif) bottom repeat-x;
    border-bottom: 1px #e8d8d8 solid;

}

thead.table_hpg_head a, thead.table_hpg_head a:link, thead.table_hpg_head a:visited,
tbody.table_hpg_body a, thead.table_hpg_body a:link, thead.table_hpg_body a:visited {
    display: block;
}



tbody.table_hpg_body td {
    padding: 2px;
    padding-top: 4px;
    height: 1.6em;
    font-size: 11px;
    background-color: #fbf7f7;
    border-bottom: 1px #e8d8d8 solid;

}

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

}

.hpg_head {
    padding: 2px 2px;
    background: #e8d8d8 url(http://cdn.schoolloop.com/1201171230/img/table_head_hpg.gif) bottom repeat-x;
    padding-top: 3px;
    height: 1.6em;
    border-bottom: 1px #e8d8d8 solid;

}

.hpg_content {
    padding: 2px;
    padding-top: 4px;
    font-size: 11px;
    background-color: #fbf7f7;
    border-bottom: 1px #e8d8d8 solid;

}


/* -- Nav Tabs --*/

.nav_tabs_content{width: auto; padding: 0px 0px 0px 10px; margin: 0px 0px 5px 0px; vertical-align:middle;
voice-family: "\"}\"";
voice-family: inherit;
border-bottom: 1px #cccccc solid;
}

.nav_tabs_content ul{
font: bold 13px Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
list-style:none;
}

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

}


.nav_tabs_content a{
color: #003387;
float:left;
display: block;
background: #efefef url(http://cdn.schoolloop.com/1201171230/img/app_nav_employee_bg.gif) bottom repeat-x;

margin:0px 2px 0px 0px;
padding: 4px 7px 4px 7px;
border-top: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
text-decoration:none;

}


.nav_tabs_content a:visited{
color: #003387;
float:left;
display: block;
background: #efefef url(http://cdn.schoolloop.com/1201171230/img/app_nav_employee_bg.gif) bottom repeat-x;
margin:0px 2px 0px 0px;
padding: 4px 7px 4px 7px;
border-top: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
text-decoration:none;

}


.nav_tabs_content .selected{
float:left;
display: block;
background: #ffffff;
margin:0px 2px 0px 0px;
padding: 4px 7px 4px 7px;
border-top: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
text-decoration:none;

}



.nav_tabs_content a:hover{
background: #ffffbb;
margin:0px 2px 0px 0px;
padding: 4px 7px 4px 7px;
border-top: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
border-left: 1px solid #aaaaaa;
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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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:0px 0px 0px 0px; margin:0px 0px 5px 0px; height: auto;}
.nav ul{margin:-1px 0px 0px 0px;padding:0px; list-style:none;}
.nav li{display:inline; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.nav a {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color:#ffffff;  line-height: 18px; text-decoration:none; padding: 2px 5px 2px 5px; margin: 0px 0px 5px 0px; background:#3366cc; border: #3366cc solid 1px;}
.nav a:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color:#ffffff;  line-height: 18px; text-decoration:none; padding: 2px 5px 2px 5px; margin: 0px 0px 5px 0px; background:#3366cc; border: #3366cc solid 1px;}
.nav a:hover {color:#3366cc; text-decoration:none; background:#ffffbb; border: #3366cc 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 {font-weight: bold; font-size: 11px; color:#3366cc; text-decoration:none; padding: 1px 5px 1px 5px; margin: 0px 0px 0px 0px; background:#ffffff; border: #3366cc solid 1px;}
a.button1:visited {font-weight: bold; font-size: 11px; color:#3366cc; text-decoration:none; padding: 1px 5px 1px 5px; margin: 0px 0px 0px 0px; background:#ffffff; border: #3366cc solid 1px;}
a.button1:hover {color:#ffffff; text-decoration:none; padding: 1px 5px 1px 5px; margin: 0px 0px 0px 0px; background:#3366cc; border: #3366cc 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-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color:#3366cc; line-height: 18px; text-decoration:none; padding: 0px 2px 0px 2px; margin: 3px 0px 5px 0px; background:#ffffff; border: #cccccc solid 1px;}
a.button2:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color:#3366cc; line-height: 18px; text-decoration:none; padding: 0px 2px 0px 2px; margin: 3px 0px 5px 0px; background:#ffffff; border: #cccccc solid 1px;}
a.button2:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px;; 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.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 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; 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.button2b:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; 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.button2b:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; 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.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 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; 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:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; 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:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color:#3366cc; text-decoration:none; padding: 0px 4px 0px 4px; margin: 0px 0px 0px 0px; background:#ffffff; border: #3366cc solid 1px;}

a.btn_css {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color:#ffffff; text-decoration:none; padding: 0px 4px 0px 4px; margin: 0px 0px 0px 0px; background:#3366cc; border: #3366cc solid 1px;}
a.btn_css:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color:#ffffff; text-decoration:none; padding: 0px 4px 0px 4px; margin: 0px 0px 0px 0px; background:#3366cc; border: #3366cc solid 1px;}
a.btn_css:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; 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 {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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/img/icon_rss_sm.gif) top no-repeat; text-decoration:none;}
a.icon_rss_sm:hover {background: url(http://cdn.schoolloop.com/1201171230/img/icon_rss_sm.gif) bottom no-repeat; color: #ffffff; text-decoration: none; }


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 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px;  color:#3366cc; text-decoration:none; padding: 2px 0px 0px 6px; background: url(http://cdn.schoolloop.com/1201171230/img/icon_alert_help.gif) top no-repeat; width: 13px; height: 15px; display: block; line-height: 12px}
a.alert_help:hover {background: url(http://cdn.schoolloop.com/1201171230/img/icon_alert_help.gif) 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;}
        
/* --/////////////   NEW TABS    ///////////////////// --*/
.tabs_table {clear: both; margin: 0px 0px -1px 0px;}
.g_tab_mid { margin:0px; background: url(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/img/tabs_middle_left.gif) repeat-y;  margin:0px; padding:0; line-height:1px;width:10px;font-size:1px;}
.tabs .middle_right { background: url(http://cdn.schoolloop.com/1201171230/img/tabs_middle_right.gif)  repeat-y; padding:0px;margin:0px;width:10px;font-size:1px; }
.tabs .bottom_left { background: url(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/img/tabs_bottom_center.gif) repeat-x; margin:0px;line-height:1px; height:10px; font-size:1px; }
.tabs .bottom_right { background: url(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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;}


.f_dashboard .nav {padding:0px 5px 0px 5px; margin:0px 0px 10px 0px; background: #efefef; border-right: 1px #cccccc solid; border-bottom: 1px #cccccc solid; border-left: 1px #cccccc solid; height: auto;}
.f_dashboard .nav ul{margin:-1px 0px 0px 0px;padding:0px; list-style:none;}
.f_dashboard .nav li{display:inline; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.f_dashboard .nav a {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color:#ffffff;  line-height: 22px; text-decoration:none; padding: 2px 5px 2px 5px; margin: 0px 0px 5px 0px; background:#3366cc; border: #3366cc solid 1px;}
.f_dashboard .nav a:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color:#3366cc; line-height: 18px; text-decoration:none; padding: 2px 5px 2px 5px; margin: 0px 0px 5px 0px; background:#ffffbb; border: #3366cc solid 1px;}

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

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

}

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

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

/* ---- CMS Dashboard -------*/
.f_dashboard_cms { margin:0px 0px 0px 0px; }
.f_dashboard_cms .top_left {background: #f1b207 url(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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 { background: url(http://cdn.schoolloop.com/1201171230/img/f_cal_week_top.gif) top repeat-x; height:auto;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_secondary .top_right { background: url(http://cdn.schoolloop.com/1201171230/img/f_cal_week_top.gif) top repeat-x; margin:0px 0px -2px 0px;line-height:1px; height:auto; font-size:1px;  padding:2px 10px 0px 0px; border-bottom:#999999 solid 3px; text-align: right}
.f_secondary .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;}
.f_secondary .pad_sides {padding: 0px 10px 0px 10px;}

.f_secondary .title {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #000000; margin: 0px 0px 0px 0px; padding-left: 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; height:auto; 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;height:auto; 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; height:auto; width:10px;font-size:1px;  padding:0px; border-bottom:#cccccc solid 3px;}

.secondary .middle_left {background: url(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/img/f_secondary_bottom_center.gif) repeat-x; margin:0px;line-height:1px; height:10px; font-size:1px; }
.secondary .bottom_right { background: url(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/img/f_cal_week_top.gif) top center no-repeat; height:auto;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(http://cdn.schoolloop.com/1201171230/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 { margin:0px 0px 0px 0px; }
.module .top_left { background: url(http://cdn.schoolloop.com/1201171230/img/f_module_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 .top_right { background: url(http://cdn.schoolloop.com/1201171230/img/f_module_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 .middle_center {background: #ffffff url(http://cdn.schoolloop.com/1201171230/img/f_module_background3.gif) repeat-x; padding:0px; border-left: 1px #dddddd solid; border-right: 1px #dddddd solid; border-bottom: 1px #dddddd solid;}

.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 .title_alert {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #cc0000; margin: 0px 0px 3px 0px; padding: 3px 3px 3px 10px; border-bottom: 1px #cc0000 solid}
.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 .button_container{padding: 0px 10px 5px 10px}

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


.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 { margin:0px 0px 0px 0px; }
.module_action .top_left { background: #7e9831 url(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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 { margin:0px 0px 0px 0px; }
.module_highlight .top_left { background: #7e9831 url(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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 { margin:0px 0px 0px 0px; }
.module_group .top {margin:0px 0px -2px 0px;height:auto; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:13px; padding:0px 0px 1px 0px; line-height:15px; color:#214a7d; text-transform: uppercase; border-bottom:#f3c240 solid 2px;}
.module_group .middle {padding:0px 0px 0px 0px; margin:0px; vertical-align:middle;}

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

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




.module_short { margin:0px 0px 0px 0px; }
.module_short .left { background: url(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/img/green_middle_right.gif) #7eb01a repeat-y; margin:0px;line-height:1px; width:6px;font-size:1px; }
.green_alert .bottom_left { background: url(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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 { margin:0px 0px 0px 0px;}
.alert .top_center {background: url(http://cdn.schoolloop.com/1201171230/img/f_alert_top_center.gif) repeat-x; margin:0px 0px -2px 0px;height:auto; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; padding:5px 10px 3px 10px; line-height:15px; color:#ffffff; text-transform: uppercase; }

.alert .middle_center { background: #ffffff; padding:0px; margin:0;vertical-align:middle; border: 1px #cc0000 solid}

.alert .middle_center .padding {padding:5px 10px 0px 10px;}


.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 10px 5px 10px;}
.alert .info2 {font-size: 11px; color: #666666; margin: 0px 0px 0px 0px; padding: 3px 10px 0px 10px;}
.alert .label {font-size: 12px; font-weight: bold; color: #333333; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px;}
.alert .content {font-size: 12px; color: #666666; margin: 0px 0px 2px 0px; padding: 2px 10px 5px 10px;}
.alert .content2 {font-size: 12px; font-weight: normal; color: #333333; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px;}

.alert .button_container{padding: 0px 10px 5px 10px}

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






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


/*-- //// 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: 14px; color: #000000; margin: 0px 0px 0px 0px;}
.list_title2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; 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: 12px; color: #666666; margin: 0px 0px 0px 0px;}
.list_text {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin: 0px 0px 0px 0px;}
.list_text_red {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #cc0000; margin: 0px 0px 0px 0px;}
.list_text_spaced {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin: 0px 0px 0px 0px; line-height: 18px;}
.list_text_light {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; margin: 0px 0px 0px 0px;}
.list_text_black {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin: 0px 0px 0px 0px;}
.list_text_bold {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #666666; margin: 0px 0px 0px 0px;}
.list_text_bold_right {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #666666; margin: 0px 0px 3px 0px; text-align: right;}

.list_label {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #333333; margin: 0px 0px 0px 0px;}
.list_label_grey {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #666666; margin: 0px 0px 0px 0px;}
.list_label_black {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #333333; margin: 0px 0px 0px 0px;}
.list_label_sm {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; 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: 12px; color: #666666; margin: 3px 0px 5px 0px;}
.list_assi_title {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #333333; margin: 0px 0px 0px 0px;}
.nav_cal {margin: 0px auto; padding: 0px 0px 0px 0px; vertical-align:middle;
voice-family: "\"}\"";
voice-family: inherit;
}

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

.nav_cal li{
display:block;
float:left; font: bold 11px Arial, Helvetica, sans-serif;
background: transparent url(http://cdn.schoolloop.com/1201171230/img/app_nav_drop_arrow.gif) right no-repeat;
text-decoration:none;
vertical-align:middle;
margin: 0px 0px 0px 0px;
border-top: 1px #cccccc solid;
border-left: 1px #cccccc solid;
border-right: 1px #cccccc solid;
}


.nav_cal a{
float:left;
width: 120px;
display: block;
margin:0px 0px 0px 0px;
padding: 3px 25px 3px 10px;
text-decoration:none;

}

.nav_cal a:hover{
float:left;
display: block;
width: 120px;
margin:0px 0px 0px 0px;
padding: 3px 25px 3px 10px;
text-decoration:none;
}






/* ######### Filter Drop Down Menu ######### */

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

.cal_dropmenudiv_x a{
float: right;
width: 1px;
height: 1px;
line-height: 1px;
font-size: 1px;

}

* html .cal_dropmenudiv_x a{ /*IE only hack*/
width: 1px;
height: 1px;
line-height: 1px;
font-size: 1px;
}

.cal_dropmenudiv_x a:hover{ /*THEME CHANGE HERE*/
width: 1px;
height: 1px;
line-height: 1px;
font-size: 1px;
text-decoration: none;

}


/* ######### Publish Drop Menu ######### */

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

}

.cal_dropmenudiv_b a{
display: block;
width: 135px;
margin: 0px 0px 0px 0px;
padding: 3px 5px 3px 5px;
text-decoration: none;
z-index:100;
text-align: left;
}

* html .cal_dropmenudiv_b a{ /*IE only hack*/
width: 122px;
}

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







/* remove the list style */
.nav_cal_cms {
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_cal_cms li {
float:left;
display:block;

position:relative;
z-index:500;
margin:0px 1px;
width: 135px
}

/* this is the parent menu */
.nav_cal_cms li a {
display:block;
font: bold 11px Arial, Helvetica, sans-serif;
color:#3366cc;
text-decoration:none;
padding: 2px 5px 2px 5px;
margin: 0px 0px 0px 0px;
background: transparent url(http://cdn.schoolloop.com/1201171230/img/app_nav_drop_arrow.gif) right no-repeat;
border: #cccccc solid 1px;
}

.nav_cal_cms li a:hover {
display:block;
font: bold 11px Arial, Helvetica, sans-serif;
color:#3366cc;
text-decoration:none;
padding: 2px 5px 2px 5px;
margin: 0px 0px 0px 0px;
background: #efefef;
background: transparent url(http://cdn.schoolloop.com/1201171230/img/app_nav_drop_arrow.gif) right no-repeat;
border: #cccccc solid 1px;
}

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

/* 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;

}

/* 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;
}

.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-align: center; text-transform: uppercase; vertical-align: bottom}
.cal_weekday {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:bold;}
.cal_nav {font-family: Arial, Helvetica, sans-serif, sans-serif; font-size:11px; 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:11px; margin-bottom:5px; color:#333333; font-weight:normal;}
.cal_text_test2 {background-color:#ffffbb; font-family: Arial, Helvetica, sans-serif; font-size:11px; 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; border-bottom: #efefef 1px solid; padding: 2px 5px 2px 2px;}
.assigned {font-size: 11px; border-left: #ffcccc 3px solid; border-bottom: #efefef 1px solid; padding: 2px 5px 2px 2px;}
.due {font-size: 11px; border-left: #cc0000 3px solid; border-bottom: #efefef 1px solid; padding: 2px 5px 2px 2px;}
.school {font-size: 11px; border-left: #ef983b 3px solid; border-bottom: #efefef 1px solid; padding: 2px 5px 2px 2px;}
.group {font-size: 11px; border-left: #91b03a 3px solid; border-bottom: #efefef 1px solid; padding: 2px 5px 2px 2px;}

.personal_page {width: 100px; font-size: 11px; border-left: #cccccc 3px solid; border-bottom: #efefef 1px solid; padding: 2px 5px 2px 7px;}
.assigned_page {width: 100px; font-size: 11px; border-left: #ffcccc 3px solid; border-bottom: #efefef 1px solid; padding: 2px 5px 2px 7px;}

.due_page {width: 100px; font-size: 11px; border-left: #cc0000 3px solid; border-bottom: #efefef 1px solid; padding: 2px 5px 2px 7px;}
.school_page {width: 100px; font-size: 11px; border-left: #ef983b 3px solid; border-bottom: #efefef 1px solid; padding: 5px 2px 2px 7px;}
.group_page {width: 100px; font-size: 11px; border-left: #91b03a 3px solid; border-bottom: #efefef 1px solid; padding: 2px 5px 2px 7px;}

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

.personal_right {font-size: 11px; border-bottom: #efefef 1px solid; padding: 2px 2px 2px 2px;}
.assigned_right {font-size: 11px; width: auto; border-bottom: #efefef 1px solid; padding: 2px 2px 2px 2px;}
.due_right {font-size: 11px; width: auto; border-bottom: #efefef 1px solid; padding: 2px 2px 2px 2px;}
.school_right { font-size: 11px; border-bottom: #efefef 1px solid; padding: 2px 2px 2px 2px;}
.group_right {font-size: 11px; border-bottom: #efefef 1px solid; 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;}


.login_top_left {background:url(http://cdn.schoolloop.com/1201171230/img/login_top_left.gif) no-repeat; width:270px; margin: 0px 0px 0px 0px;}
.login_top_right {background:url(http://cdn.schoolloop.com/1201171230/img/login_top_right.gif) no-repeat; width: 435px; margin: 0px 0px 0px 0px;}
.login_mid {background:url(http://cdn.schoolloop.com/1201171230/img/login_mid.gif) repeat-y ; width: 705px; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; clear: both;}
.login_bot {background:url(http://cdn.schoolloop.com/1201171230/img/login_bot.gif) no-repeat; width: 705px; height:10px; clear: both; margin-bottom: 0px; font-size: 4px;}
.login_img {padding: 20px 0px 0px 6px;}

.header_left {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #333333; margin:0px 0px 0px 0px; padding: 4px 0px 2px 0px; text-transform: uppercase; background: url(http://cdn.schoolloop.com/1201171230/img/header_left.gif) 0px 0px repeat-x; border-bottom:#cccccc solid 1px;}
.header_center {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #000000; margin:0px 0px 0px 0px; padding: 4px 0px 2px 0px; text-transform: uppercase; background: url(http://cdn.schoolloop.com/1201171230/img/header_center.gif) 0px 0px repeat-x; border-bottom:#cccccc solid 1px;}
.header_right {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #333333; margin:0px 0px 0px 0px; padding: 4px 0px 2px 0px; text-transform: uppercase; background: url(http://cdn.schoolloop.com/1201171230/img/header_right.gif) 0px 0px repeat-x; border-bottom:#cccccc solid 1px;}

.grey_page_top_left {background:url(http://cdn.schoolloop.com/1201171230/img/grey_page_top_left.gif) 0px 0px no-repeat; width:8px; height:8px;  padding:0px 0px 0px 0px; margin:0px;}
.grey_page_top_center {background:url(http://cdn.schoolloop.com/1201171230/img/grey_top_center.gif) 0px 0px repeat-x; height:8px; line-height:1px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size:1px;}
.grey_page_top_right {background:url(http://cdn.schoolloop.com/1201171230/img/grey_page_top_right.gif) 0px 0px no-repeat; width:8px; height:8px; line-height:1px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size:1px;}
.grey_top_right_login {background:url(http://cdn.schoolloop.com/1201171230/img/grey2_top_right.gif) 0px 0px no-repeat; height:8px; line-height:1px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size:1px;}

.grey_mid_left {background:url(http://cdn.schoolloop.com/1201171230/img/grey2_middle_left.gif) 0px 0px repeat-y; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.grey_mid_mid {background-color: #ffffff; width:100%;   padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.grey_mid_right {background:url(http://cdn.schoolloop.com/1201171230/img/grey2_middle_right.gif) 0px 0px repeat-y; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px;}

.grey_bot_left_login {background:url(http://cdn.schoolloop.com/1201171230/img/grey2_bottom_left.gif) 0px 0px no-repeat; height:12px; line-height:1px; padding: 9px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.grey_bot_mid {background:url(http://cdn.schoolloop.com/1201171230/img/grey2_bottom_center.gif) 0px 0px repeat-x; height:12px; line-height:1px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.grey_bot_right {background:url(http://cdn.schoolloop.com/1201171230/img/grey2_bottom_right.gif) 0px 0px no-repeat; height:12px; line-height:1px; padding: 0px 9px 0px 0px; margin: 0px 0px 0px 0px;}
/*-- //// Discussion Thread Styles //////--*/
.discussion_title {font-weight: bold; font-size: 18px; color: #666666; margin: 0px 0px 0px 0px;}

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


.discussion {background: #f6f6f6; padding: 10px; margin: 0px -15px -20px -15px; border-top: 1px #cccccc solid;}
.discussion .title {font-weight: bold; font-size: 15px; color: #000000; margin: 0px 0px 0px 0px;}
.discussion .info {font-family: Arial, Helvetica, sans-serif; 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: 13px; color: #000000; margin: 0px 0px 0px 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: 12px; color: #333333; margin: 0px 0px 0px 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-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin: 0px 0px 0px 0px;}
.publish_content {font-family: Arial, Helvetica, sans-serif; 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; border-top: 1px #cccccc solid}
.course .info {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin: 0px 0px 0px 0px;}
.course .content {float: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; margin: 3px 0px; padding: 0px 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; border-top: 1px #cccccc solid; border-bottom: 1px #cccccc solid}
.published .info {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin: 0px 0px 0px 0px;}
.published .content {float: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; margin: 3px 0px; padding: 0px 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(http://cdn.schoolloop.com/1201171230/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(http://cdn.schoolloop.com/1201171230/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.link{background: url(http://cdn.schoolloop.com/1201171230/img/icon_link.gif) top left no-repeat; padding: 0px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 5px 0px;}
.locker_attach_link a.file{background: url(http://cdn.schoolloop.com/1201171230/img/icon_attach.gif) top left no-repeat; padding: 0px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 5px 0px;}
.locker_attach_link a.folder{background: url(http://cdn.schoolloop.com/1201171230/img/icon_folder.gif) top left no-repeat; padding: 0px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 5px 0px;}
.locker_attach_link .content{padding: 0px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px 0px 5px 0px;}


.full_page .locker_attach_link a.link{background: url(http://cdn.schoolloop.com/1201171230/img/icon_link.gif) top left no-repeat; padding: 0px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px;}
.full_page .locker_attach_link a.file{background: url(http://cdn.schoolloop.com/1201171230/img/icon_attach.gif) top left no-repeat; padding: 0px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px;}
.full_page .locker_attach_link a.folder{background: url(http://cdn.schoolloop.com/1201171230/img/icon_folder.gif) top left no-repeat; padding: 0px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px;}
.full_page .locker_attach_link .content{padding: 0px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; 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}


/* ######### 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 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: #ffffbb; margin: 0px 0px 0px 0px; height: 18px; padding: 10px 0px 5px 20px; border-top: 2px #ff0000 solid; border-bottom: 2px #ff0000 solid; vertical-align: middle;}
.site_map .home_row h2{color: #ff0000;}
.site_map .tlm_row {text-align: right; background: #ffffbb; margin: 0px 0px 0px 0px; height: 24px; padding: 3px 0px 1px 0px; border-top: 2px #cccccc solid;  vertical-align: middle;}
.site_map .section_row {text-align: right; height: 24px; background: #dfdfdf; vertical-align: middle;border-left: 1px #999999 dashed;}
.site_map .section_row_section {text-align: right; height: 24px; background: #dfdfdf; vertical-align: middle;}
.site_map .page_row {text-align: right; height: 24px; 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;}
.site_map_width {width: 450px; border: 1px #cc0000 solid}

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: 1px #cccccc solid;
	background-color: #efefef;
    margin-bottom: 0px;
    padding-left: 5px;
    height: 20px;
}

.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:#ffffff;
    text-decoration:none;
    padding: 2px 10px 2px 10px;
    margin: 0px 2px 0px 0px;
    background:#3366cc;
    border: #3366cc 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;
	padding: 3px 10px 3px 10px;
}
#nav_cms 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_cms li:hover a, #nav_cms a:focus,
#nav_cms a:active, #nav_cms li.p7hvr a {
	color: #3366cc;
	background-color: #ffffbb;
}

#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: #3366cc;
	background-color: transparent;
}
#nav_cms ul a:hover {
	background-color: #ffffbb!important;
	color: #3366cc !important;
}


/* 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:#3366cc;
    text-decoration:none;
    padding: 2px 10px 2px 10px;
    margin: 0px 2px 0px 0px;
    background:#ffffff;
    border:1px #cccccc solid;
}

#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: #3366cc;
	background-color: #ffffbb;
}

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

#nav_cms2 li:hover ul a, #nav_cms2 li.p7hvr ul a {
	color: #3366cc;
	background-color: transparent;
}
#nav_cms2 ul a:hover {
	background-color: #ffffbb!important;
	color: #3366cc !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{
float:left;
display: block;
color: #3366cc;
background: #ffffff;
margin:0px 3px 0px 0px;
padding: 1px 5px 2px 5px;
border: 1px solid #3366cc;
text-decoration:none;

}





.nav_cms3 a:hover{
color: #ffffff;
background-color: #3366cc;
border: 1px solid #3366cc;
margin:0px 3px 0px 0px;
text-decoration:none; }


.nav_cms3 .selected a, .nav_cms3 .selected a span{ /*currently selected tab*/
float:left;
display: block;
color: #3366cc;
background: #ffffff;
margin:0px 3px 0px 0px;
    padding: 1px 5px 2px 5px;
border: 1px solid #3366cc;
text-decoration:none;
}


/* 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;
text-decoration:none;
padding: 2px 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: 2px 3px 2px 3px;
text-decoration:none;

}


.nav_cms4 a:hover{
color: #3366cc;
height: 14px;
background-color: #efefef;
margin:0px 0px 0px 0px;
padding: 2px 3px 2px 3px;
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;
padding: 2px 3px 2px 3px;
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_page {font: bold 13px 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:visited {font: bold 13px 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:hover {font: bold 13px 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_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; }




.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 11px 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;
text-transform:uppercase;
}


.nav_employee a{
color: #003387;
float:left;
display: block;
background: url(http://cdn.schoolloop.com/1201171230/img/app_nav_employee_bg.gif );
margin:0px 0px 0px 0px;
padding: 4px 7px 4px 7px;
border-left: 1px solid #aaaaaa;
text-decoration:none;

}


.nav_employee a:visited{
color: #003387;
float:left;
display: block;
background: url(http://cdn.schoolloop.com/1201171230/img/app_nav_employee_bg.gif );
margin:0px 0px 0px 0px;
padding: 4px 7px 4px 7px;
border-left: 1px solid #aaaaaa;
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{
background-color: #ffffff;
text-decoration:none; }


.nav_employee .selected a, #nav_employee .selected a span{ /*currently selected tab*/
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: 3px 10px 3px 10px;
text-decoration: none;
z-index:100;
}

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

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

.error { margin:0px 0px 10px 0px; }
.error .left { background: url(http://cdn.schoolloop.com/1201171230/img/message_error_bg.gif) #cc0000 repeat-y; text-align:center ; margin:0px; font-weight:bold; font-size:48px; line-height:48px; color:#333333; width:60px; border-top: 2px #aa0000 solid; border-left: 2px #aa0000 solid; border-bottom: 2px #aa0000 solid;}
.error .right { background: #ffffff; margin: 0px; padding: 10px 10px 10px 20px; border-top: 2px #aa0000 solid; border-left: 1px #aa0000 solid; border-right: 2px #aa0000 solid; border-bottom: 2px #aa0000 solid;}
.success { margin:0px 20px 20px 0px;}
.success .left { background: url(http://cdn.schoolloop.com/1201171230/img/message_success_bg.gif) #7e9831 repeat-y; text-align:center ; margin:0px; font-weight:bold; font-size:48px; line-height:48px; color:#333333; width:60px; border-top: 2px #6c8424 solid; border-left: 2px #6c8424 solid; border-bottom: 2px #6c8424 solid;}
.success .right { background: #ffffff; margin: 0px; padding: 10px 10px 10px 20px; border-top: 2px #6c8424 solid; border-left: 1px #6c8424 solid; border-right: 2px #6c8424 solid; border-bottom: 2px #6c8424 solid;}