@charset "utf-8";
/* CSS Document   CSS Reset  */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
/* remember to define focus styles!  */:focus{outline:0;}
body{background:#FFF;background-color:#cccccc;color:#000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:70%;line-height:1;}
/* tables still need 'cellspacing="0"' in the markup  */table{border-collapse:separate;border-spacing:0;}

blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* End CSS Reset  */

/* Top Elements */

body {
        background: #CCCCCC;
        font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
        color: #333;
}

/* links */
a, a:visited, .simu_link {
        text-decoration: none;
        color: #3063B6;
        cursor:pointer;
}
a:hover, .simu_link:hover {
        color: #4EBF37;
        cursor:pointer;
}

/* headers */
h1, h2, h3 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: Bold;
}
h1 {
        font-size: 120%;
}
h2 {
        font-size: 130%;
        text-transform: uppercase;
        color: #3063B6;
}
h3 {
        font-size: 110%;
        color: #666666;
}
/* End Top Elements */


/* main layout section */

.error{
  text-align:center;
  font-weight:bold;
  border:2px solid #E03;
  padding:5px;
  margin:5px;
  background-color:#FED;
}

.green_text{
  color:#33CC00;
}

.month_green_text{
  color:#009900;
}

#bodybounding{
        margin-right: 20px;
        margin-left: 20px;
        background-image: url(/images/bodyborderl.gif);
        background-repeat: repeat-y;
        margin-top: 8px;
        background-color: #FFFFFF;
        min-width:840px;
}
#bodyinner{
        background-image: url(/images/bodyborderr.gif);
        background-repeat: repeat-y;
        background-position: right;
        background-color: #FFFFFF;
        margin-left: 6px;
        padding-right: 16px;
        padding-left: 10px;
        position: relative;
}
#headerleft{
        background-image: url(/images/headerleft.png);
        background-repeat: no-repeat;
        height: 81px;
        background-position: left top;
}
#headercontent{
        background-image: url(/images/headerright.png);
        height: 81px;
        background-repeat: no-repeat;
        background-position: right top;
        margin-left: 22px;
        position: relative;
}
#menuarea{
        height: 26px;
        background-color: #7CB93A;
        clear: both;
        position: relative;
        background-image: url(/images/menuarea.png);
        background-repeat: repeat-x;
}

@media print{
#menuarea{display:none;}
}
#footerleft{
        background-image: url(/images/footerleft.gif);
        background-position: left top;
        height: 38px;
        clear: both;
}
#footercontent{
        background-image: url(/images/footerright.gif);
        background-repeat: no-repeat;
        background-position: right top;
        height: 38px;
        margin-left: 20px;
        padding-right: 20px;
        text-align: center;
        vertical-align: middle;
        line-height: 24px;
}
#homestuff{
        margin-right: auto;
        margin-left: auto;
        width: 500px;

}
#logo{
        width: 274px;
        height: 81px;
        float: left;
        margin-top: 0px;
        margin-left: 10px;
}

#print_logo{
  width: 244px;
  float: left;
  margin-top: 0px;
  font-size:36px;
  position:relative;
  top:45px;
}

@media screen{
  #print_logo, .print_inner{display:none;}

}

@media print{
  #logo{display:none;}
  #print_return{display:none;}
}

#statusarea{
        float: left;
        margin-top: 14px;
        margin-left: 20px;
        margin-right: 6px;
        color: #FFFFFF;
        padding-right: 4px;
        padding-left: 4px;
        background-image: url(/images/statusareabg.gif);
        background-repeat: repeat-x;
        border-right-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #54C0E8;
        border-left-color: #245284;
        font-size: 11px;
        line-height: 14px;
        height: 68px;
        font-family: Arial, Helvetica, sans-serif;
}

#statusarea td.header{
        font-weight: bolder;
        text-transform: uppercase;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #BFDE6F;
        font-size: 12px;
}
#statusarea td{
        vertical-align: middle;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        padding-top: 1px;
        padding-right: 0;
        padding-bottom: 1px;
        padding-left: 0;
}

#statusarea2{
        float: left;
        margin-top: 14px;
        margin-left: 60px;
        margin-right: 6px;
        color: #FFFFFF;
        padding-right: 4px;
        padding-left: 4px;
        font-size: 11px;
        line-height: 14px;
        height: 68px;
        font-family: Arial, Helvetica, sans-serif;
}

#statusarea2 td.header{
        font-weight: bolder;
        text-transform: uppercase;
        font-size: 12px;
}


#statusarea2 td{
        vertical-align: middle;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        padding-top: 1px;
        padding-right: 0;
        padding-bottom: 1px;
        padding-left: 0;
}

@media print{
 #statusarea2 td{        border:solid 1px white;}
}
#utilitytools{
        position:relative;
        z-index:5;
        float: right;
        margin-right: 20px;
        margin-top: 20px;
        width: 200px;
        text-align: right;
}

#quickenter{
        position:absolute;
        height: 26px;
        line-height: 26px;
        vertical-align: middle;
        left: 6px;
}
#quickenterform{
        position:absolute;
        height: 26px;
        line-height: 26px;
        vertical-align: middle;
        left: 6px;
}
#quickenterform input[type='text']{
        border:solid 1px grey;
}
#contents{
        position:relative;
        clear:both;
        margin-top: 4px;
}
#leftcolumn{
        width:225px;
        float: left;
        position: relative;
}
#centercolumn{
        margin-left: 232px;
}
#calheader{
        background-image: url(/images/calheader.gif);
        background-repeat: repeat-x;
        background-position: left bottom;
        height: 32px;
        position: relative;
}
#calbuttonarea{
        height: 20px;
        position: absolute;
        left: 0px;
        bottom: 3px;
}
#calendararea{
        border-right-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #666666;
        border-left-color: #666666;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #666666;
        position: relative;
        height:1%;  /*for ie6*/
}

#calendarareahead{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 22px;
        font-weight: bold;
        color: #333333;
        text-align: center;
        vertical-align: middle;
        height: 22px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #666666;
}

@media print{
  #calendararea{
    border-top:solid 1px #666;
    border-right:solid 2px #666;
  }

  #calendarareahead{
     border-bottom:solid 1px #666;
  }
}

#smallcal{
        width:95%;
        margin-top: 14px;
}
#calupcoming{
        margin-top: 8px;
}
#caltabs{
        list-style-type: none;
        display: block;
        margin: 0px;
        padding: 0px;
        height: 21px;
        width: 380px;
        position: absolute;
        right: 0px;
        bottom: 0px;
}

#caltabs li.selected a{
  color:black;
}
/* Styling */
#calbuttonarea img{
        display: block;
        float: left;
        margin-right: 2px;
}
#calbuttonarea div.today{
        float:left;
        height:20px;
        margin-right:4px;
        line-height: 20px;
        font-weight: bold;
        padding-right: 4px;
        padding-left: 4px;
        text-align: center;
        vertical-align: middle;
}
.calsmallbutton{
        line-height: 20px;
        text-align: center;
        vertical-align: middle;
        height: 20px;
        width: 52px;
        background-image: url(/images/cal-smallbutton.gif);
        text-transform: 0;
        float: left;
        margin-right: 4px;
}
.current_day{
  background-color:#CCC;
}
.calsmallbutton:hover{
background-image:url(/images/cal-smallbutton-hover.gif);}
#caltabs li{
        display: block;
        float: right;
        margin-right: 6px;
        width: 87px;
        height: 21px;
        background-image: url(/images/tab.gif);
        background-repeat: no-repeat;
        background-position: left top;
        line-height: 21px;
        text-align: center;
        vertical-align: middle;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
}
#caltabs li.selected{
        font-weight: bold;
        background-image: url(/images/tab-selected.gif);
}
#caltabs li a{}
#caltabs li a:hover{}
#utilitytools ul{
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        float: right;
}
#utilitytools li{
        float: right;
        margin-right: 8px;
        color: #FFFFFF;
}
#utilitytools a{color:#FFFFFF;}
#utilitytools a:hover{color:#FFCC00;text-decoration:underline;}

#menuarea ul{
        margin: 0px;
        padding: 0px;
        list-style-type: none;
}
#menuarea li{
        float: right;
        padding-right: 12px;
        padding-left: 12px;
        height: 26px;
        line-height: 26px;
        vertical-align: middle;
        font-size: 14px;
        color: #FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
}
#menuarea li.selected a{
        color:#3063B6;
}

#menuarea li.selected{
        color:#3063B6;
        background-color:#FFFFFF;
        font-weight: bolder;
        background-image: url(/images/menuarea-sel.png);
        background-repeat: repeat-x;
}
#menuarea a{color:#FFFFFF;}
#menuarea a:hover{color:#3063B6;}


#quickenter a{
        color:#FFFFFF;
        font-size: 11px;
        text-decoration: underline;
}
.clear{clear:both; height:1px;}
.tips{
        list-style:none;
        font-size: 110%;
        color: #666666;
        padding-top: 0;
        padding-right: 4px;
        padding-bottom: 0;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
}
.tips li{
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCCCCC;
        margin-bottom: 6px;
}
.tips li a{
        text-align: right;
}
.assignmentstatus{
        height:16px;
        width:180px;
        background-color:#cccccc;
        margin-top: 4px;
        margin-bottom: 0px;
        position: relative;
        top:0px;
        left:0px;
}
.assignmentdone{
        background-color:#7CB93A;
        height: 16px;
        border-right-width: 1px;
        position: absolute;
        z-index: 1;
}
.settings{
        list-style:none;
        font-size: 120%;
        color: #333333;
        padding-top: 0px;
        padding-bottom: 0;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        padding-left: 6px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bolder;
        background-image: none;
}
.settings li{
        height: 40px;
        line-height: 40px;
        vertical-align: middle;
}

.settings li.selected{
        background-image: url(/images/settingselect.gif);
        background-repeat: no-repeat;
        background-position: right center;
}
.settings li a{
  color:#333;
}
input.btn, a.btn{
        color:#3063B6;
        font-family:'trebuchet ms', helvetica, sans-serif;
        font-size:13px;
        font-weight:bold;
        background-color:#efefef;
        border:1px solid #7CB93A;
}
input.btn:hover{color:#000000;}
#contents.home{
        background-image:url(/images/leftcol.gif);
        background-repeat: repeat-y;
        }
#contents.settingcolumn{
        background-image:url(/images/settingcolumn.gif);
        background-repeat: repeat-y;

        }

.settingcolumn{
        background-image:url(/images/settingcolumn.gif);
        background-repeat: repeat-y;

        }
.classlistbox{
        margin: 6px;
        border: 1px solid #999999;
        padding: 2px;
        height: 1%;
}
.classcell{
        padding: 2px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #efefef;
}
.classcolor{
        background-color:#CCCCCC;
        border: 1px solid #333333;
}
.classtablehead{
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #666666;
        font-size: 110%;
        font-weight: bolder;
        color: #000000;
}
#smallcal h2{
        text-align:center;
        color: #333333;
}

.upcoming{
        list-style:none;
        font-size: 110%;
        color: #666666;
        padding-top: 0;
        padding-right: 4px;
        padding-bottom: 0;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
}
.upcoming li{
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCCCCC;
        margin-bottom: 6px;
}
.upcoming li p.time{
        font-size: 11px;
        color: #666666;
}
.upcoming li p.description{
        color: #000000;
        font-size: 11px;
}
.upcoming li p.hours{
        color: #3063B6;
        font-size: 10px;
}

/* fancy Button */

a.button {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
.buttoncontainer{
        margin-top:4px;
        height: 28px;
}

/*little calendar on left */
.DP_table {
        width:100%;
        padding:0;
        -webkit-user-select:none;
        -khtml-user-select:none;
        border: 1px solid #7CB93A;
        font-weight:bold;
}
.DP_table TD {
        text-align:center;
        padding:2px;
        font-family:Verdana;
        font-size:85%
}

.DP_day_header {
        cursor:default;
        font-size:78%;
        border-bottom:1px #A2BBDD solid;
        font-weight:normal;
        background-color:white;
}

.DP_today {
        background:#9ab !important;
        border:1px solid !important;
        border-color:#567 #abc #abc #567 !important;
        color:#fff
}

.DP_today_selected {
        background:#579 !important;
        border:1px solid !important;
        border-color:#246 #9bd #9bd #246 !important;
        color:#fff
}

.DP_day_link, .DP_day_link:visited{
  color:black;
}

.DP_day_link:visited:hover{
  color: #4EBF37;
}

.DP_weekday {
        background:#fff
}

.DP_weekday_selected {
        background:#ace
}

.DP_weekend {
        background:#E8EEF7
}

.DP_weekend_selected {
        background:#9bd
}

.DP_offmonth {
        color:#888;
}

.DP_onmonth {
}

.DP_day_top {
        border-top:1px #A2BBDD solid
}

.DP_day_right {
        border-right:1px #FFF solid
}

.DP_day_left {
        border-left:1px #A2BBDD solid
}


/*** month calendar *****/

.month_table {
        width:100%;
        padding:0;
        -webkit-user-select:none;
        -khtml-user-select:none;
}

.month_table TD {
        text-align:center;
        font-family:Verdana;
        font-size:85%
        witdth:14.29%;
}

.month_day_header {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 22px;
        font-weight: bold;
        color: #333333;
        text-align: center;
        vertical-align: middle;
        height: 22px;
        cursor:default;
        border-bottom:1px solid #333;
}

.month_day{
  color:#333;
  width:14.28%;
  height:105px;
  border-right:solid 1px #333;
  border-bottom:1px #3063B6 solid;
  background-color:#EFEFEF;
}

.month_day a{
  color:#333;
}

.month_day a:hover{
  color:#333;
}

.month_day_div_header{
  text-align:right;
  padding-right:4px;
  background-color:#d0E8B7;
  border:none;
}

.month_day_contents{
  padding:3px;
  text-align:left;

}

.month_today {

}

.month_weekday {
         background-color:#EFEFEF;
}

.month_weekday_selected {
        background:#ace
}

.month_offmonth {
        color:#888;
}

.month_onmonth {
}

.month_day_top {
        border-top:1px #A2BBDD solid
}

.month_day_right {
  border-right:none;
}

.month_day_left {

}

/*calendar styling
c1 is the left column with the hour names c2 is where the action happens*/
.caltable{
        width:100%;
        /*_width:99%;   /*for ie6*/
        margin: 0px;
        padding: 0px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
}

.calhourtable td{
}

.day_c1_hour,.day_c1_hhour,.day_c2_hour,.day_c2_hhour, .day_cn_hour, .day_cn_hhour{height:21px;}
.day_c1_hour,.day_c1_hhour{
        width:42px;
        background-color:#D0E8B7;
        padding-right:4px;
}
.day_c2_hour,.day_c2_hhour,.day_cn_hhour,.day_cn_hour{background-color:#efefef;}

.day_c1_hour{
        border-bottom: solid 1px #8BABE0;
}

.day_c1_hhour{
        font-size: 10px;
        line-height: 12px;
        text-align: right;
        vertical-align: middle;
        border-bottom: 1px solid #D0E8B7;
}


.day_c2_hour{
        border-bottom: 1px solid #8BABE0;
}
.day_c2_hhour{
        border-bottom: 1px solid #CEDCF2;
}
.day_cn_hour{
        width:14%;
        border-bottom: 1px solid #8BABE0;
        border-left: 1px solid #666;
}
.day_cn_hhour{
        width:14%;
        border-bottom: solid 1px #CEDCF2;
        border-left:solid 1px #666;
}

@media print{
.day_c1_hour{
        border-bottom: solid 1px #8BABE0;
        border-right: solid 2px #666;
        height:19px;
}

.day_c1_hhour{
        border-right: solid 2px #666;
        height:19px;
}

.day_c2_hour{
        height:19px;
        border-bottom: 1px solid #8BABE0;
}
.day_c2_hhour{
        height:19px;
        border-bottom: 1px solid #CEDCF2;
}
.day_cn_hour{
        height:19px;
        width:14%;
        border-bottom: 1px solid #8BABE0;
        border-left: 1px solid #666;
}
.day_cn_hhour{
        height:19px;
        width:14%;
        border-bottom: solid 1px #CEDCF2;
        border-left:solid 1px #666;
}
}

.tmp_cal{
  width:14%;
}

.weekdayname{
        font-size: 12px;
        text-align: center;
        vertical-align: middle;
}

/************* calendar events/assign/study times ******************/

.dayassignwrap{
        position:absolute;
        z-index:5;
        width: 100%;
        left: 0px;
}
.dayassignbox{
        margin-left: 46px;
        padding-right: 4px;
        padding-left: 4px;
}

.event_holder{
        height:50%;
        width:100%;
        position:relative;
        top:0px;
        left:0px;
}

@media print{
.event_holder{
        height:52.5%;
        width:100%;
        position:relative;
        top:-2px;
}
}

.event_box{
        position:absolute;
        width:100%;
        background-image: url(/images/assignboxheadleft.gif);
        background-repeat: no-repeat;
        background-position: left top;
        line-height:13px;
        cursor:pointer;
        z-index:1;
        }

.event_header{
        background-image: url(/images/assignboxheadright.gif);
        background-repeat: no-repeat;
        background-position: right top;
        margin-left: 4px;
        height: 12px;
        line-height: 10px;
        font-size: 9px;
        color: #FFFFFF;
        margin-right:0px;
        padding-right:0px;
}

.event_header img{
  position:relative;
  top:-5px;
  left:4px;
}

.event_body{
        position:absolute;
        top:12px;
        left:0px;
        padding-right: 4px;
        padding-left: 4px;
}

/*end calendar styling*/



/********************** gene **********************/
.text_field1, .text_field2, #text_field1{
  border:solid 1px #333;
  margin:2px;
  padding-left:2px;
}

.edit_blocked_list{
  padding:10px;
  vertical-align:top;
  width:50%;
}

.edit_blocked_list table td{
  vertical-align:middle;
}

.blocked_list_header{
  border-bottom:solid 1px #999;
  padding:1px 4px;
}

.dragging{
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
}

#mouse_border{
  border:solid 2px #555;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  position:absolute;
  z-index:10;
  background-color:#CCF;
}

::-moz-selection{
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
}

::selection {
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
}

.week_cal_header a{
  color:#333;
}

#popupbox {
        background-color: #FFFFFF;
        border: #005695;
        border-style: solid;
        border-width: 2px;
        display: none;
        font-size: 12px;
        width:300px;
        height:400px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        position: absolute;
        scrolling: "no";
        z-index: 20;
}
/* Styling */
.popbody{
        background-color: #FFFFFF;
        background-image: none;
}


/*popup box styling*/
#popbox{
position:absolute;
        display:none;
        z-index:10;
}
#popnew_event{
        //background-image:url(/images/neweventpopbg.png);
        background-image:url(/images/new_event_pop_bg.png);
        background-repeat: repeat-y;
        width:360px;
        position: relative;
        z-index:20;
}

#popnewevent{
        background-image:url(/images/neweventpopbg.png);
        background-repeat: no-repeat;
        height:336px;
        width:360px;
        //_background-image:url(/images/neweventpopbg.gif);
        position: relative;
        z-index:20;
}

#popediteventl{

        width:360px;

        background-image:url(/images/new_event_pop_bg.png);
        background-repeat: repeat-y;
        position: relative;
        left:500px;
        z-index:20;
}

#popediteventr{
        background-image:url(/images/new_event_pop_bg.png);
        background-repeat: repeat-y;
        width:420px;
        position: relative;
        left:1px;
        z-index:20;
}


#popeventtabarea{
        background-image: url(/images/calheader.gif);
        background-repeat: repeat-x;
        background-position: left bottom;
        height: 28px;
        position: relative;
        margin-right: 10px;
}
#popeventtabs{
        list-style-type: none;
        display: block;
        margin: 0px;
        padding: 0px;
        height: 21px;
        width: 380px;
        position: absolute;
        right: 0px;
        bottom: 0px;
}
#popeventtabs li{
        display: block;
        float: right;
        margin-right: 6px;
        width: 87px;
        height: 21px;
        background-image: url(/images/tab.gif);
        background-repeat: no-repeat;
        background-position: left top;
        line-height: 21px;
        text-align: center;
        vertical-align: middle;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
}
#popeventtabs li.selected{
        font-weight: bold;
        background-image: url(/images/tab-selected.gif);
}
#popeventtabs li a{}
#popeventtabs li a:hover{}
.popneweventtop{
        line-height: 25px;
        vertical-align: middle;
        height: 25px;
        padding-left: 12px;
        color: #FFFFFF;
}
.popnewevent_top{
        line-height: 25px;
        vertical-align: middle;
        height: 25px;
        padding-left: 12px;
        color: #FFFFFF;
        position:relative;
        z-index:1;

}
.popneweventbody{}


#popbuttonarea{
        position:absolute;
        bottom:12px;
        width:100%;
        height:24px;
        right: 0px;
}

#popbutton_area{
        position:relative;
        height:41px;
        right: 0px;
        background-image:url(/images/new_event_pop_bottom.png);
        background-repeat:no-repeat;
}

#popediteventr #popbuttonarea ul{
        padding-right: 90px;
        padding-left: 12px;
        list-style-type: none;
        list-style-image: none;
}

#popbuttonarea ul{
        padding-right: 20px;
        padding-left: 12px;
        list-style-type: none;
        list-style-image: none;
}
#popbuttonarea li{
        display: block;
        float: right;
        height: 18px;
        width: 65px;
        margin-left: 8px;
        text-align: center;
        vertical-align: middle;
        background-image: url(/images/popbutton.gif);
        background-repeat: no-repeat;
        background-position: center center;
        line-height: 16px;
}

#popbutton_area ul{
        padding-right: 20px;
        padding-left: 12px;
        list-style-type: none;
        list-style-image: none;
}
#popbutton_area li{
        display: block;
        float: right;
        height: 18px;
        width: 65px;
        margin-left: 8px;
        text-align: center;
        vertical-align: middle;
        background-image: url(/images/popbutton.gif);
        background-repeat: no-repeat;
        background-position: center center;
        line-height: 16px;
}

#popbuttonarea li.a{}
/* form Styles */
.formprompt{
        text-align: right;
        vertical-align: middle;
        padding: 2px;
        padding-bottom:4px;
        font-weight: bolder;
        color: #3063B6;
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
}
.formfieldarea{
        padding: 2px;
        vertical-align: middle;
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
}

.formfield, .formfielddate, .formfieldtime{
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:normal;
        padding:2px;
        border: 1px solid #666666;
        margin:4px 0px 0px 0px;
}

.formfieldarea .formfield, .formfieldarea .formfielddate{
  margin:0px 0px 0px 0px;
}

.formfielddate{
        background-image: url(/images/datefield.gif);
        background-repeat: no-repeat;
        background-position: right center;
}
.formfieldtime{
        background-image: url(/images/timefield.gif);
        background-repeat: no-repeat;
        background-position: right center;
}
.formcombo{}

#blockerbox, #calendar_blockerbox {
        background-color: #CCCCCC;
        display: none;
        filter: alpha(opacity=50);
        left: 0px;
        -moz-opacity: 0.5;
        opacity: 0.5;
        position: absolute;
        top: 0px;
        z-index: 10;
}

.submit_button{
        margin-left:4px;
        display:block;
        background-image: url(/images/popbutton.gif);
        background-repeat: no-repeat;
        background-position: center center;
        height: 18px;
        width: 65px;
        text-align: center;
        line-height: 16px;
        position:relative;
        top:-2px;
}

/* Help Styling */
#helpindex{
        width: 200px;
        height: 400px;
        overflow:auto;
        position: absolute;
        background-color: #F5F5F5;
}
#helpindex ul{
        padding: 4px;
}
#helpindex li{}
#helpindex li.selected{
        font-weight: bold;
        color: #3063B5;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: #CCCCCC;
        border-right-color: #CCCCCC;
        border-bottom-color: #CCCCCC;
        border-left-color: #CCCCCC;
}
#helpindex li.selected a{color:#000000;}
#helpcontents{
        position: absolute;
        height: 392px;
        width: 392px;
        left: 200px;
        top: 0px;
        overflow:auto;
        padding: 4px;
        background-color: #FFFFFF;

}
#helpcontents a.mark{
        font-weight: bolder;
        color: #7CB93A;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #3568B5;
}
#helpcontents a.mark:hover{}
#helphilite {
        position:absolute;
        background-color:#FFCC00;
        border: 2px solid #FF0000;
}



#popup_calendar_container{
  width:300px;
  z-index:20;
  position:absolute;
  top:200px;
  left:175px;
}

#repeat_table td{
  text-align:center;
}

#assignments_container{

}

#assignments_header{
  padding:6px 8px 4px 15px;
  font-weight:bold;
  font-size:13px;

  border-bottom:solid 2px #333;
}

.assignment2{
}

.assignment2_table{
  padding:6px 8px 8px 15px;
  width:100%;

}

.assignment2_table td{
  vertical-align:top;
}

.homecheck{
        list-style-image: url(/images/homecheck.gif);
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bolder;
        color: #666666;
        margin-left: 30px;
}
.homecheck li{
        line-height: 30px;
        vertical-align: middle;
        height: 30px;
        margin-left: 0px;
        padding-left: 0px;
}


#examples{
  position:absolute;
  border:solid 1px #333;
  background-color:#3BC;
  padding:15px;
  z-index:50;
  opacity:0.95;
}

/*************************** color_picker *****************************/
        #dhtmlgoodies_colorPicker{
                z-index:50;
                position:absolute;
                width:250px;
                padding-bottom:1px;
                background-color:#FFF;
                border:1px solid #317082;

                width: 252px;   /* IE 5.x */
                width/* */:/**/250px;   /* Other browsers */
                width: /**/250px;

        }

        #dhtmlgoodies_colorPicker .colorPicker_topRow{
                padding-bottom:1px;
                border-bottom:3px double #317082;
                background-color:#E2EBED;
                padding-left:2px;

                width: 250px;   /* IE 5.x */
                width/* */:/**/248px;   /* Other browsers */
                width: /**/248px;

                height: 20px;   /* IE 5.x */
                height/* */:/**/16px;   /* Other browsers */
                height: /**/16px;

        }

        #dhtmlgoodies_colorPicker .colorPicker_statusBar{
                height:13px;
                padding-bottom:2px;
                width:248px;
                border-top:3px double #317082;
                background-color:#E2EBED;
                padding-left:2px;
                clear:both;

                width: 250px;   /* IE 5.x */
                width/* */:/**/248px;   /* Other browsers */
                width: /**/248px;

                height: 18px;   /* IE 5.x */
                height/* */:/**/13px;   /* Other browsers */
                height: /**/13px;

        }

        #dhtmlgoodies_colorPicker .colorSquare{
                margin-left:1px;
                margin-bottom:1px;
                float:left;
                border:1px solid #000;
                cursor:pointer;

                width: 12px;    /* IE 5.x */
                width/* */:/**/10px;    /* Other browsers */
                width: /**/10px;

                height: 12px;   /* IE 5.x */
                height/* */:/**/10px;   /* Other browsers */
                height: /**/10px;

        }

        .colorPickerTab_inactive,.colorPickerTab_active{

                height:17px;
                padding-left:4px;
                cursor:pointer;


        }
        .colorPickerTab_inactive span{
                background-image:url('images/tab_left_inactive.gif');
        }

        .colorPickerTab_active span{
                background-image:url('images/tab_left_active.gif');

        }
        .colorPickerTab_inactive span, .colorPickerTab_active span{
                line-height:16px;
                font-weight:bold;
                font-family:arial;
                font-size:11px;
                padding-top:1px;
                vertical-align:middle;
                background-position:top left;
                background-repeat: no-repeat;
                float:left;
                padding-left:6px;
                -moz-user-select:no;
        }
        .colorPickerTab_inactive img,.colorPickerTab_active img{
                float:left;
        }
        .colorPickerCloseButton{
                width:11px;
                height:11px;
                text-align:center;
                line-height:10px;
                border:1px solid #317082;
                position:absolute;
                right:1px;
                font-size:12px;
                font-weight:bold;
                top:1px;
                padding:1px;
                cursor:pointer;

                width: 15px;    /* IE 5.x */
                width/* */:/**/11px;    /* Other browsers */
                width: /**/11px;

                height: 15px;   /* IE 5.x */
                height/* */:/**/11px;   /* Other browsers */
                height: /**/11px;


        }
        #colorPicker_statusBarTxt{
                font-size:11px;
                font-family:arial;
                vertical-align:top;
                line-height:13px;

        }
        form{
                padding-left:5px;
        }

        .form_widget_amount_slider{
                border-top:1px solid #9d9c99;
                border-left:1px solid #9d9c99;
                border-bottom:1px solid #eee;
                border-right:1px solid #eee;
                background-color:#f0ede0;
                position:absolute;
                bottom:0px;

                width: 5px;     /* IE 5.x */
                width/* */:/**/3px;     /* Other browsers */
                width: /**/3px;

                height: 5px;    /* IE 5.x */
                height/* */:/**/3px;    /* Other browsers */
                height: /**/3px;

        }
        .colorSliderLabel{
                width:15px;
                height:20px;
                float:left;
                font-size:11px;
                font-weight:bold;
        }
        .colorSlider{
                width:175px;
                height:20px;
                float:left;
        }
        .colorInput{
                width:45px;
                height:20px;
                float:left;
        }
        .colorPreviewDiv{
                width:186px;
                margin-right:2px;
                margin-top:1px;
                border:1px solid #CCC;
                height:20px;
                float:left;
                cursor:pointer;

                width: 188px;   /* IE 5.x */
                width/* */:/**/186px;   /* Other browsers */
                width: /**/186px;

                height: 22px;   /* IE 5.x */
                height/* */:/**/20px;   /* Other browsers */
                height: /**/20px;


        }
        .colorCodeDiv{
                width:50px;
                height:20px;
                float:left;
        }

.sliderhandle{
        background-image: url(/images/sliderhandle.gif);
        background-repeat: no-repeat;
        background-position: left top;
        height: 16px;
        width: 7px;
        position: absolute;
        cursor: pointer;
        z-index: 3;
}
.slidercompleted{
        font-size: 10px;
        margin: 0px;
        padding: 0px;
        width: 180px;
        color: #999999;
}

.style1 {color: #0066FF}

sup{
  position:relative;
  top:-5px;
}

.stephead{
        color: #7CB93A;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
}

.newassignment{
        text-align: center;
        padding: 2px;
        margin:7px 0px;
}
.newassignment a{
        color:#3063B6;
        background-color:#efefef;
        border:1px solid #7CB93A;
        padding: 2px;
}


/******************wizard*******************/
@charset "utf-8";
/* CSS for the welcome wizard  */
.wizhead{
        height: 20px;
        margin-top: 4px;
        padding-left: 4px;
        line-height: 20px;
        vertical-align: middle;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bolder;
        color: #7CB93A;
}
.wizsteps{
        margin: 0px;
        padding: 0px;
        list-style-image: none;
        list-style-type: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #0066CC;
}
.wizsteps li{
        height: 20px;
        width: 20px;
        color:#3063B6;
        border: 1px solid #000000;
        text-align: center;
        vertical-align: middle;
        line-height: 20px;
        display: block;
        float: right;
        margin-left: 4px;
}
.wizsteps li.selected{
        color: #FFFFFF;
        background-color: #3063B6;
}
.wizbottom{
        position:absolute;
        bottom:4px;
        text-align:right;
        right: 4px;
}
.wizintro{
        padding:4px;
        font-size: 11px;
        color: #333333;
}
.wizscheduletype{
        text-align:center;
        font-size: 12px;
        font-weight: bold;
        color: #3063B6;
        vertical-align: middle;
}
.classformprompt{
        text-align: right;
        vertical-align: top;
        padding: 2px;
        font-weight: bolder;
        color: #3063B6;
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
}
.classformfieldarea{
        padding: 2px;
        vertical-align: top;
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
}
.classformfieldarea, .classformprompt{
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #666666;
}
.wizclassdetails{
        font-size: 10px;
        padding-right: 2px;
        padding-left: 2px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCCCCC;
}
.wizform{
        height:480px;
        overflow:auto;
}
.wizform legend{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        color: #3063B6;
        padding-left: 4px;
        border: 1px none #3063B6;
}

.wizform fieldset{
        padding-right: 10px;
        padding-left: 10px;
        border: 1px solid #CCCCCC;
        margin-right: 10px;
        margin-left: 10px;
}

.wiz_day_sel{
  font-size:10px;
}

.nbox{
        position: absolute;
}

.nbox div.tl, .nbox div.bl, .nbox div.br, .nbox div.tr{
        background:transparent url(/images/dialog-box-bg.png) no-repeat;
        _background-image:url(/images/dialog-boxbg.gif);}


.nbox div.tl{
        position: absolute;
        height: 90%;
        width: 90%;
        background-position: left top;
}

.nbox div.tr{
        background-position: right top;
        position: absolute;
        height: 10.02%;
        width: 10.02%;
        top: 0px;
        right: 0px;
}
.nbox div.bl{
        background-position: left bottom;
        position: absolute;
        height: 10.02%;
        width: 90%;
        left: 0px;
        bottom: 0px;
}
.nbox div.br{
        background-position: right bottom;
        position: absolute;
        height: 90%;
        width: 10.02%;
        right: 0px;
        bottom: 0px;
}
.nbox div.boxcontents{
        position: absolute;
        z-index: 3;
        padding: 0px;
        margin: 0px;
        left: 4px;
        top: 2px;
        right: 10px;
        bottom: 10px;
        overflow: auto;
         _height:97%; */
         _width:97%; */
}
.nbox div.boxheader{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 24px;
        font-weight: bold;
        color: #FFFFFF;
        vertical-align: middle;
        height: 24px;
        padding-left: 4px;
        margin: 0px;
        padding-top: 0px;
        padding-right: 4px;
        padding-bottom: 0px;
}
.nbox div.boxbody{}

.calbubble{
        position: absolute;
        line-height:13px;
        cursor:pointer;
}

.col1 div.tl, .col1 div.bl, .col1 div.br, .col1 div.tr{background:transparent url(/images/cal-bubble-col1.png) no-repeat;}
.col2 div.tl, .col2 div.bl, .col2 div.br, .col2 div.tr{background:transparent url(/images/cal-bubble-col2.png) no-repeat;}
.col3 div.tl, .col3 div.bl, .col3 div.br, .col3 div.tr{background:transparent url(/images/cal-bubble-col3.png) no-repeat;}
.col4 div.tl, .col4 div.bl, .col4 div.br, .col4 div.tr{background:transparent url(/images/cal-bubble-col4.png) no-repeat;}
.col5 div.tl, .col5 div.bl, .col5 div.br, .col5 div.tr{background:transparent url(/images/cal-bubble-col5.png) no-repeat;}
.calbubble div.tl{
        position: absolute;
        height: 70%;
        width: 70%;
        background-position: left top;
}

.calbubble div.tr{
        background-position: right top;
        position: absolute;
        height: 70%;
        width: 31%;
        top: 0px;
        right: 0px;
}
.calbubble div.bl{
        background-position: left bottom;
        position: absolute;
        height: 31%;
        width: 70%;
        left: 0px;
        bottom: 0px;
}
.calbubble div.br{
        background-position: right bottom;
        position: absolute;
        height: 31%;
        width: 31%;
        right: 0px;
        bottom: 0px;
}
.calbubble div.boxcontents{
        position: absolute;
        z-index: 3;
        padding: 0px;
        padding-right: 4px;
        padding-left: 4px;
        margin: 0px;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        height:100%;
         _height:97%; */
         _width:97%; */
}
.calbubble div.boxheader{

        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        line-height: 12px;
        font-weight: bold;
        color: #FFFFFF;
        vertical-align: middle;
        height: 12px;
        margin-left: 4px;
        margin: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
}

.calbubble div.boxheader img{
  position:relative;
  top:-5px;
  left:4px;
}

.calbubble div.boxbody{position:relative;z-index:5;top:-2px;}

@media print{

.cal_week .calbubble{
        position: absolute;
        width:97%;
        line-height:13px;
        cursor:pointer;
        z-index:1;
        border:solid 2px blue;
        background-color:#F23;
}

.cal_day .calbubble{
        position: absolute;
        width:99.5%;
        line-height:13px;
        cursor:pointer;
        z-index:1;
        border:solid 2px blue;
        background-color:#F23;
}

.calbubble div.boxheader{
  margin-top:5px;
}

}


.completebtn{
        float:right;
        background-image: url(/images/completebtn.gif);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 14px;
}

.safari_week_fixer{
        display:none;
}


.admin_users_header td{
  text-align:center;
  font-weight:bold;
  border-bottom:solid 1px black;
}


.admin_users_row td{
  text-align:center;
}

.highlite_button:hover{
  cursor:pointer;
}

.highlite_button{
  padding-top:20px;
  margin-left:25px;
}

#slogan{
        position: absolute;
        right: 24px;
        bottom: 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #FFFFFF;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        line-height: normal;
}