/* Studywiz English Default */

@import url(mcr.css);
@import url(custom.css);

/* png support for ie6 panels - classes with png backgrounds must be added here to render correctly*/

/* Note: PNG support for the search fields needs to go into "search_not_safari.css" because that stylesheet is called by the apple search javascript after the page loads (after "styles.css" has been applied) */

.window_border_tl,
.window_border_h_text,
.window_border_tr,
.window_border_h_icon,
.window_border_h_icon img,
.window_border_h_icon .icon_bg a img,
.title_border_tl,
.title_border_h_text,
.title_border_tr,
.title_border_h_icon,
.title_border_h_icon img,
.title_border_h_icon .icon_bg a img,
.tabs_start_up,.tabs_up,
.tabs_mid_up_down,
.tabs_mid_down_up,
.tabs_end_up,
#header-info #userinfo {
behavior:url(/StudywizRoot/js/skinpacksupport/iepngfix.htc)}


/* Basic HTML and text styles*/

html {min-width:1000px}
body, #login-page {background-color:#e7e7e7;background-image: none; color:#222;font:12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;margin:0;padding:0}
fieldset,img{border:none}
table{font-size:11px;border-collapse:collapse;border-spacing:0}
h3{font-size: 20px; font-weight: normal; padding: 0.25em 0 0.75em 0; margin:0;}
a{color:#0033e6;text-decoration:underline}
a:hover{color:#000000;text-decoration:underline}
a:active{color:#0033e6;text-decoration:none}
#blog a{z-index:50}
a.button{text-decoration:none;font-size:11px;font-weight:bold;margin-left:5px;margin-right:5px; line-height: 18px;}
a.button img {padding-bottom: 3px; vertical-align: absmiddle;}
.portalMenuItems a:link,.portalMenuItems a:hover,.portalMenuItems a:visited{color:#000000}
.treelabel{font-weight:bold}
.treechilddesc{color:#AAAAAA}
.highlight_text{color:#2576C8;font-style:italic}
.window_title{color:#ffffff;text-decoration:none}
a.window_title:hover{text-decoration:underline;color:#ffffff}
a.button:hover,a.button:active,a.treelink,a.treelink:hover,a.window_title{text-decoration:none}
.highlight,.true{background-color:#ffffff}

/* Basic Layout */
#navigation, #footer { position: relative; }  /* Note: #header and #maincontainer, as containing divs of #header-info, cannot have position: relative due to FF3 bug #442542, ask maz for info */  /* #content : relative creates a big haslayout issue for the overlib tooltips in IE6 */  

#maincontainer, #header, #content, #footer { z-index: 1; }
#navigation { z-index: 10; height: 50px; }

#maincontainer {}
#header {}
#banner {}
#navigation { clear: left; }
#content {}
#footer {}



.layout{margin:6px 3px 0}
.border_data td{border:1px #000000 solid}
.divider{height:1px;background-color:#ccc;}
* html .divider { font-size: 1px !important; overflow: hidden; padding: 0; margin: 0;}	/* Hack to fix divider heights in IE6 - default height of empty cell is text height */
.layouttablecell{padding:3px}
#content_divider,#list_divider{border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#999999}

/* Header */
#header { width: 100%;} /* Haslayout hack for IE6 */
#header-info a { text-decoration: none; }
#header-info a:hover { text-decoration: underline; }
#header-info { position: absolute; top: 7px; right: 7px; font-size: 10px; }
#header-info ul { padding: 0; margin: 0; float: right; list-style-type: none; clear: both; }
#header-info li { padding: 0; margin: 0 0 0 10px; float: left; }
#header-info label { display: inline; float: none; width: auto; }
#header-info #userinfo { margin-top: 13px; padding-right: 65px; margin-right: 2px; color: #000; background:url("header/studywiz_black.png") no-repeat right 4px;}
#header-info #current-datetime label { text-transform: uppercase; font-size: 10px; margin-right: 5px; display: none;}

.wrapper_header_text{font-size:11px;color:#333333;font-weight:bold;padding-left:10px;margin:0}
.wrapper_header_text a,.wrapper_header_text a:visited{font-size:11px;color:#0000FF;margin:0}
.wrapper_header_text a:hover{font-size:11px;margin:0}
.wrapper_header_text .panel_general_text{font-size:11px;color:#333333;font-weight:normal;margin:0}
.wrapper_header_text2{font-size:11px;font-weight:normal;margin:0}
.nav_input_drop{font-family:Arial, Verdana;font-size:11px;width:200px;border:solid 1px #999999}
.nav_input_search{font-family:Arial, Verdana;font-size:11px;width:150px;border:solid 1px #999999}
.search{float:right;height:18px;white-space:nowrap;color:#999999;margin:0 10px 0 0;padding:2px}

.popup_banner{background-image:url(popup/popup_bg.gif);table-border:1px}
.popup_banner_title{padding-left:8px;font-size:28px;color:#3C3C3C;font-weight:bold}
.navBar, .navbar {height:25px;background-image:url(window/navbar_bg.gif);padding-left:4px;padding-right:4px;background-position: top left;}
.navBar td, .navbar td{white-space:nowrap;vertical-align:middle}
.navbar_bottom {background-image: none; background-color: #eee; border-top: 1px solid #ccc; }
.navbar_left{height:25px;padding-left:9px;background:url(window/navbar_bg_left.gif)}
.navbar_right{background-image:url(window/navbar_bg_right.gif);background-position:right top;height:25px;padding-left:9px}

/* backwards compatibility for secondary menu ... */

div.global_community_link{position:absolute;z-index:9;top:62px;_top:61px;right:268px}
div.beta_testing_link {position:absolute;right:474px;top:59px;_top:59px;z-index:9;display:block;}
#alpha_testing_button_elementary{ background: url(buttons/email.gif) no-repeat left center; padding-left: 20px; display: block  }
#help_button_elementary{display:inline;text-decoration:none;line-height:12px;margin-left:860px;}
#help_button_elementary img{margin-bottom:-3px;}
#feedback_button_elementary { display:inline;line-height:12px;text-decoration:none;}
#feedback_button_elementary img{margin-bottom:-3px;}
div.help{float:right;padding-right:10px}
div.help a{display:block;width:58px;height:22px;background:url(buttons/help.gif) no-repeat top left}

/* New secondary menu */
#secondarynav { background: url("header/menu_bg.gif") repeat-x top left; padding: 3px 0 4px 0; }


/* Login page */
#login-page #content { padding: 20px 0 20px 0;}
#login-welcome-message {text-align: center; font-weight: bold; font-size: 11px;}
#login-page .error { color: black; text-align: center; padding: 1em 0; height: 20px;}


/* Header Banner */

#banner {background: url("header/primary_bg.gif") repeat-x;}
#banner .banner-left, #banner .banner-right { width: 300px; height: 59px; background-repeat: no-repeat; background-color: transparent; }
#banner .banner-left { float:left; background-image: url("header/topleft.gif"); }
#banner .banner-right { float:right; background-image: url("header/topright.gif"); display: none; }


/* Buttons */

.button_left{background-image:url(buttons/button_left.gif);height:25px;padding-left:9px}
.button_right{background-image:url(buttons/button_right.gif);background-position:right top;height:25px;padding-left:9px}
.button_background{background-image:url(buttons/button_bar_bg.gif);vertical-align:middle;height:25px;padding:0 4px}
.button_background a{display:block;width:100%}
.content_button{background:url(buttons/button_up_bg.gif) no-repeat left top;height:50px;width:250px;top:0;left:0}
.content_button div{text-align:left;height:35px;width:250px;padding-left:5px;padding-top:15px}
.content_button a{text-decoration:none;color:#333333;cursor:hand}
.content_button a:hover{text-decoration:none;color:#000000}
.content_button div img{display:block;float:left;margin:-8px 5px 0}
.button_big_bg_left{background-image:url(buttons/button_big_bg_left.gif);background-repeat:no-repeat;background-position:left top}
.button_big_bg{background-image:url(buttons/button_big_bg.gif);background-repeat:repeat-x;background-position:left top}
.button_big_bg_right{background-image:url(buttons/button_big_bg_right.gif);background-repeat:no-repeat;background-position:right top}
.hvrBtn{display:inline-block;padding-left:10px;height:25px;line-height:25px;background:url(buttons/button_left.gif) no-repeat}
a.hvrBtn,a.hvrBtn:hover{color:#0000FF;text-decoration:none}
.hvrBtn span{display:inline-block;padding-right:15px;height:25px;line-height:28px;background:url(buttons/button_stretchy_right.gif) no-repeat top right;font-weight:bold;text-decoration:none}
.hvrBtn .hvrBtn_icon{display:block;float:left;width:20px;height:24px;background-position:left center;padding:0}
.hvrBtn.cancel .hvrBtn_icon{background-image:url(buttons/cancel.gif)}
.chat_button{width:100px;height:100px;background-image:url(buttons/chat_button.gif)}
.button_res_tl{height:9px;padding-left:4px;background-image:url(buttons/but_res_tl.gif);background-repeat:no-repeat}
.button_res_tr{height:9px;padding-right:4px;background-image:url(buttons/but_res_tr.gif);background-repeat:no-repeat}
.button_res_t{height:9px;background-image:url(buttons/but_res_t.gif);background-repeat:repeat-x}
.button_res_bl{height:9px;padding-left:4px;background-image:url(buttons/but_res_bl.gif);background-repeat:no-repeat}
.button_res_br{height:9px;padding-right:4px;background-image:url(buttons/but_res_br.gif);background-repeat:no-repeat}
.button_res_b{height:9px;background-image:url(buttons/but_res_b.gif);background-repeat:repeat-x}
.button_res_bg{background-image:url(buttons/but_res_bg.gif);background-repeat:repeat}

/* Status Panel & Information Messages */

.status_div,.info_message_content{border:1px solid #F2F26F;background-color:#FFFF88;color:#333;line-height:1.3;}
.status_div{position:absolute;z-index:1;margin-top:5px;width:280px;padding:2px}
#vertical_scroll .status_div {margin: 5px 0 0 5px; }
.window_content .status_div {position: relative;z-index: 0;}
.status_div table{width:100%}
.status_icon_success,.status_icon_fail{width:40px;height:35px}
.status_icon_success{background:url(window/status_success.gif) no-repeat 10px center}
.status_icon_fail{background:url(window/status_fail.gif) no-repeat 7px center}
.status_title_success{font-weight:bold;font-style:italic;color:Green}
.status_title_fail{font-weight:bold;font-style:italic;color:Maroon}
.status_text{font-size:8pt;overflow:hidden;color:#000;}
.lessonStatus .status_div{margin-right:250px}
.info_message{margin:5px 0}
.info_message_smaller{width:286px}
.info_message h4{font-size:11px;font-style:italic;margin:0 0 .2em;padding:0}
.info_message_content{background-color:#FFFF88;border:1px solid #f2f26f;background-position:5px 5px;background-repeat:no-repeat;margin:0;padding:10px 10px 10px 40px}
.info_message .success{background-image:url(window/status_success.gif);background-position:10px 5px}
.info_message .success h4{color:green}
.info_message .warning{background-image:url(window/status_warning.gif)}
.info_message .warning h4{color:#e26000}
.info_message .fail{background-image:url(window/status_fail.gif)}
.info_message .fail h4{color:maroon}
.info_message .info{background-image:url(window/status_info.gif);background-color:#F0F8FF;border:1px solid #c7e1f8}
.info_message .info h4{color:#0066cc}

/* Calendar */
.calendar{border:solid 1px #ffffff;border-collapse:collapse}
.calendar TD{background-color:#eee;border:solid 1px #ffffff}
.calendar a{font-weight:bolder;height:100%}
.calendar .chart_grid_header{color:#000}

.calendar-expiry-label { padding-left: 2em; }

/* Calendar hover panel hacks, nasty. */

.reporting_mod{border:solid 1px #ffffff;border-collapse:collapse}
.reporting_mod TD{background-color:#ecf3f9;border:solid 1px #ffffff}
.reporting_mod a{font-weight:bolder}
#window_05 .window_content .panel_general_main table div{top:auto!important;_margin-top:20px}
#window_05 .window_content .panel_general_main table div div{_margin-top:auto}
body #window_05 .window_content td.panel_general_main div table td,/* day view */
body #window_05 .window_content td.panel_general_text div table td,/* month view */
body #window_05 .window_content .calendar td td div table td /* week view */{background:#ffffff;background-color:#ffffff;background-image:none}
body #window_05 .window_content td.panel_general_main div table td.slip_heading_border_t,/* day view */
body #window_05 .window_content td.panel_general_text div table td.slip_heading_border_t,/* month view */
body #window_05 .window_content .calendar td td div table td.slip_heading_border_t,/* week view */ body #window_05 .window_content td.panel_general_main div table td.slip_heading_border_t table td,/* day view */
body #window_05 .window_content td.panel_general_text div table td.slip_heading_border_t table td,/* month view */ body #window_05 .window_content .calendar td td table td.slip_heading_border_t table td,/* week view */ body #window_05 .window_content td.panel_general_main div table td.slip_heading_border_tl,/* day view */
body #window_05 .window_content td.panel_general_text div table td.slip_heading_border_tl,/* month view */
body #window_05 .window_content .calendar td td div table td.slip_heading_border_tl,/* week view */ body #window_05 .window_content td.panel_general_main div table td.slip_heading_border_tr,/* day view */
body #window_05 .window_content td.panel_general_text div table td.slip_heading_border_tr,/* month view */
body #window_05 .window_content .calendar td td div table td.slip_heading_border_tr /* week view */{background:url(window/2nd_learner/subtitle_bg_05.gif) repeat-x left top}
.reporting_mod .chart_grid_header{color:#000}

/* Reports */

.barcolor_incorrect{background-color:#CC0000;background-image:url(icons/misc/barcolor_incorrect.gif);background-repeat:repeat-x;background-position:left top}
.barcolor_notattempted{background-color:#FFCC00;background-image:url(icons/misc/barcolor_notattempted.gif);background-repeat:repeat-x;background-position:left top}
.barcolor_correct,.bargraph{background-color:#009900;background-image:url(icons/misc/barcolor_correct.gif);background-repeat:repeat-x;background-position:left top}

/* Tree Branch */
.folderTree { padding:0; margin: 0; border-collapse: collapse; width: 100%;}
.folderTree .treebranch{background:url(tree/vert_line.gif)}
.folderTree .tree_input{font-size:9px;border-width:1px}
.folderTree .folderIcons {white-space: nowrap;}
.folderTree .folderIcons {white-space: nowrap;}

/* Forms */

.form_textbox{font-size:12px;border-right:#3C3C3C 1px solid;border-left:#3C3C3C 1px solid;border-top:#3C3C3C 1px solid;border-bottom:#3C3C3C 1px solid;background-image:url(forms/textfield_bg.gif);color:#3C3C3C;padding-left:8px;padding-right:8px}
.form_textbox_required{font-size:12px;border:solid 1px #3C3C3C;background-image:url(forms/textfield_required_bg.gif);color:#3C3C3C;padding-left:8px;padding-right:8px}
.required_field{color:#CC0000}
.form-login-username,.form-login-password{width:120px}

/* Discussion */
.discussion_table{border:solid 1px #d5d5d5}
.discussion_cell{background-image:url(window/disc_thread_bg.gif);background-repeat:repeat-x;padding:3px}
.list_resource_type{font-weight:bold}
.wizard_step_bg{background-image:url(icons/wizard_step_bg.gif);background-position:right top;background-repeat:no-repeat}

/* Charting Module */
.chart_grid_hightlight_cell{background-color:#E8E8E8}
.chart_grid_header,.chart_grid_class_sub_header,.chart_grid_assignment_sub_header{color:#FFFFFF;background-image:url(window/subtitle_bg.gif)}
.chart_grid_class_column_cell,.chart_grid_assignment_column_cell,.chart_grid_normal_cell{background-color:#ffffff}

/* Slipstream */

#trialLayer{background-color:#ffffff}
#trialLayer .window_border_h_text{margin-top:-1px;background-image:url(window/subtitle_bg.gif);background-position:left -1px}
.SSspacer{padding-left:150px}
.slip_heading_border_tr{background-image:url(slipstream/heading_border_tr.gif);background-repeat:no-repeat;background-position:right top}
.slip_heading_border_tl{background-image:url(slipstream/heading_border_tl.gif);background-repeat:no-repeat;background-position:left top}
.slip_heading_border_t{background-image:url(slipstream/heading_border_t.gif);background-repeat:repeat-x;background-position:left top}
.slip_border_tr{background-image:url(slipstream/border_tr.gif);background-repeat:no-repeat;background-position:right top}
.slip_border_tl{background-image:url(slipstream/border_tl.gif);background-repeat:no-repeat;background-position:left top}
.slip_border_t{border-top-width:1px;border-top-style:solid;border-top-color:#cccccc}
.slip_border_br{background-image:url(slipstream/border_br.gif);background-repeat:no-repeat;background-position:right bottom}
.slip_border_bl{background-image:url(slipstream/border_bl.gif);background-repeat:no-repeat;background-position:left bottom}
.slip_border_r{background-image:url(slipstream/border_r.gif);background-repeat:repeat-y;background-position:right top}
.slip_border_l{background-image:url(slipstream/border_l.gif);background-repeat:repeat-y;background-position:left top}
.slip_border_b{background-image:url(slipstream/border_b.gif);background-repeat:repeat-x;background-position:left bottom}
.slip_icon{background-image:url(slipstream/slip_icon_bg.gif);background-repeat:no-repeat;background-position:center center}
.slip_heading{font-size:12px;font-weight:bold;text-decoration:none}
.slip_heading_active{font-size:12px;color:#FFFFFF;font-weight:bold;text-decoration:none}


/* Usage Bar */

#dropboxusage .middle{background:url(window/usage_middle.gif) repeat-x left top;height:20px; text-align:left;}
#dropboxusage_bar .middle table { display: inline; }
#dropboxusage_bar .middle table td { text-align: center;}
#dropboxusage .left{background:url(window/usage_left.gif) no-repeat right top;height:20px;padding-left:10px;width:10px}
#dropboxusage_bar .middle{background:url(window/usage_middle.gif) repeat-x right top;height:20px}
#dropboxusage_bar .left{background:url(window/usage_left_bar.gif) no-repeat right top;height:20px;padding-left:10px;width:10px}
#dropboxusage_text{background:url(window/usage_right_bar.gif) repeat-x right top;height:20px;color:#FFFFFF;font-size:11px}
.window_border_h_text.right{float:right}
#dropboxusage .right,#dropboxusage_bar .right{background:url(window/usage_right.gif) no-repeat left top;height:20px;padding-left:10px;width:10px}

/* Overlayed Icons */

.iconEffect{top:0;left:0;margin-top:-32px}
.iconEffect_elem{position:absolute;top:10px;left:10px}


/* Toggle tick (ported from elementary) */

.toggleCheck{display:block;width:32px;height:32px;text-indent:-100em;overflow:hidden;background:url(window/toggle_tick_off.gif) center center no-repeat;margin:0 auto}
.toggleCheck:hover{background-image:url(window/toggle_tick_off_hover.gif)}
.toggleCheck.on{background:url(window/toggle_tick_on.gif) center center no-repeat}
.toggleCheck.on:hover{background:url(window/toggle_tick_on_hover.gif) center center no-repeat}

/* Reporting Module */

.reporting_mod{border:solid 1px #ffffff;border-collapse:collapse}
.reporting_mod TD{background-color:#ecf3f9;border:solid 1px #ffffff}
.reporting_mod a{font-weight:bolder}
.reporting_mod .chart_grid_header{color:#000}
.content_input_drop{font-family:Arial, Verdana;font-size:11px;width:150px;border:solid 1px #999999}
#reporting_panel td{border:1px solid #cccccc}
#verticalList ul{list-style-type:none;margin:0 0 0 -40px}
#verticalList ul li a{line-height:18px;display:block;font-style:normal;font-weight:normal;font-variant:normal;text-decoration:none;text-align:left;list-style-type:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#cccccc;padding:3px}
#verticalList ul li .right{position:relative;top:0;float:right}
#verticalListul li a:hover{color:#000;background:#dddddd;text-decoration:none}
#verticalListul li a:link{padding-right:0;text-decoration:none}
.left_rightBorder{border-right:1px solid #cccccc;border-left:1px solid #cccccc}
.reportingText p{padding:3px}
#dataGraph .list_row_alternate,#dataGraph .list_row{height:16px}
#dataGraph td{border-left:.2px solid #cccccc;border-bottom:.2px solid #cccccc}
#dataGraph p{padding:1px 3px}
#reporting_panel,.reportingText{overflow:auto;left:0;top:0}
.rightBorder,table#dataGraph{border-right:1px solid #cccccc}
#dataGraph .header,#dataGraph .subheader{color:#FFFFFF;background-image:url(window/subtitle_bg.gif)}

/* Scrolling areas */
.two_column_left_column{border-right:1px solid #CCCCCC}
.two_column_right_column{border-left:1px solid #CCCCCC}
.two_column_left_column .elocker_content{height:335px;overflow:auto;left:0;top:0}

#vertical_scroll{height:365px;overflow:auto;position:relative;overflow-x:hidden;overflow-y:auto;padding-right:10px; }
#elocker #vertical_scroll{height:383px}
#elocker .two_column_right_column .panel_content,#elocker .two_column_left_column .panel_content{height:365px}

.vertical_scroll_larger{height:465px;overflow:auto;position:relative;overflow-x:hidden;overflow-y:auto;padding-right:10px}
.vertical_scroll_large{height:440px;overflow:auto;position:relative;overflow-x:hidden;overflow-y:auto;padding-right:10px}
.vertical_scroll_medium{height:340px;overflow:auto;position:relative;overflow-x:hidden;overflow-y:auto;padding-right:10px}
.vertical_scroll_small{height:330px;overflow:auto;position:relative;overflow-x:hidden;overflow-y:auto;padding-right:10px}
.vertical_scroll_smaller{height:290px;overflow:auto;position:relative;overflow-x:hidden;overflow-y:auto;padding-right:10px}

/* ie6 scroll area fixes*/
* html #vertical_scroll {margin-right: 20px;}
* html .two_column_right_column { margin-left:16px;padding-left:17px;}
* html #elocker .two_column_right_column .vertical_scroll_small {margin-right:17px;}

/* RTE */

.editorContainer{height:255px;margin-bottom:10px}
.editorContainer textarea{height:250px}

/* SMS additions */

.text_counter span{font-weight:bold}
.regexp_valid{color:#333333}
.regexp_invalid{color:#ff0000}

/* User Group Administration */

.adminUserGroups .panel_content label{display: inline;float: none;padding-left: 5px;}

/* List-style navigation, as seen in Channels and ePortfolio */

.navigationList{list-style-type:none;margin:10px 20px 20px 10px;padding:0}
.navigationList ul{margin:0}
.navigationList li{position:relative;display:inline-block;border-bottom:1px solid #ddd;margin:0}
.navigationList li li{border-bottom:none}
.navigationList a:hover,.navigationList .selected a{background:url(window/menu_arrow_red.gif) no-repeat right center}
.navigationList a{display: block;font-size: 13px;text-decoration: none;padding: 7px 0;margin: 0;*height: 1px;/* toggle haslayout in IE6 */*padding-right: 55px;	/*see folder_btns absolute positioning, below*/}
.navigationList li li a{font-size:11px;font-weight:normal;text-decoration:none;padding:3px 0 6px 10px}
.navigationList li li li{font-size:11px;font-weight:normal;text-decoration:none;padding:3px 0 3px 20px}
.navigationList li li li a{font-size:11px;font-weight:normal}
.navigationList .folder_btns{float:right;padding-top:6px;position:absolute;top:5px;right:0}
.navigationList li li .folder_btns{padding-top:0}
.navigationList .folder_btns a{display:inline;padding:0}
.navigationList .folder_btns,.navigationList li:hover li .folder_btns,.navigationList li.selected li .folder_btns{display:none;_display:block}
.navigationList li:hover .folder_btns,
.navigationList li.selected .folder_btns,
.navigationList li li:hover .folder_btns,
.navigationList li li.selected .folder_btns{display: block;}
.navigationList .folder_btns a:hover,.navigationList .folder_btns a.selected {background: none !important;}

/* Maz: Conjoined selectors are buggy for IE6 */

/*.navigationList.sortable li{border-bottom:none;margin:5px 0}
.navigationList.sortable a{color:#000;padding:8px}
.navigationList.sortable a:hover{background-image:url(icons/drag_drop.gif)}*/

/* Resource Grid View (ported from Elementary) */

ul.gridList{font-size:small;text-align:center;margin:0;padding:5px 0}
ul.gridList li{display:block;float:left;width:120px;min-width:0;overflow:hidden;list-style-type:none;margin:5px;padding:0}
ul.gridList li.published{background:white url(icons/resource/published.gif) no-repeat 0 0}
ul.gridList li a,ul.gridList li .lockedItem{display:block;color:#000;font-weight:bold}
ul.gridList li a span,ul.gridList li .lockedItem span{display:block;background-repeat:no-repeat;background-position:center 15px;padding:60px 0 25px}
ul.gridList li span.num{display:block;float:left;line-height:1;font-size:60px;font-weight:bold;color:#d5d5d5;font-style:italic;letter-spacing:-8px;background:none;margin:-4px 0 0 -4px}

ul.gridList li:hover .num{color:#fff600}
ul.gridList li.deny-access:hover .num{color:#d5d5d5}
ul.gridList li.deny-access span.lockedItem{background-color:#eee}
ul.gridList li.ResourceType_Discussion span{background-image:url(icons/resource/Type1.gif)}
ul.gridList li.ResourceType_EBulletin span{background-image:url(icons/resource/Type2.gif)}
ul.gridList li.ResourceType_Document span{background-image:url(icons/resource/Type3.gif)}
ul.gridList li.ResourceType_LearnerProfilePlan span{background-image:url(icons/resource/Type33.gif)}
ul.gridList li.ResourceType_Test span{background-image:url(icons/resource/Type4.gif)}
ul.gridList li.ResourceType_Vote span{background-image:url(icons/resource/Type5.gif)}
ul.gridList li.ResourceType_Game span{background-image:url(icons/resource/Type7.gif)}
ul.gridList li.ResourceType_File span{background-image:url(icons/resource/Type8.gif)}
ul.gridList li.ResourceType_EventCalendar span{background-image:url(icons/resource/Type9.gif)}
ul.gridList li.ResourceType_Assignment span{background-image:url(icons/resource/Type10.gif)}
ul.gridList li.ResourceType_Gallery span{background-image:url(icons/resource/Type11.gif)}
ul.gridList li.ResourceType_Survey span{background-image:url(icons/resource/Type14.gif)}
ul.gridList li.ResourceType_StreamlinedAssessment span{background-image:url(icons/resource/Type15.gif)}
ul.gridList li.ResourceType_RssFeed span{background-image:url(icons/resource/Type16.gif)}
ul.gridList li.ResourceType_Chat span{background-image:url(icons/resource/Type17.gif)}
ul.gridList li.ResourceType_SharedELocker span{background-image:url(icons/resource/Type27.gif)}
ul.gridList li.ResourceType_RepositoryReference span{background-image:url(icons/resource/Type30.gif)}
ul.gridList li.ResourceType_FirstLearnerPlan span{background-image:url(icons/resource/first_learner_plan.gif)}
ul.gridList li.ImportFromELocker span{background-image:url(icons/resource/import_from_elocker.gif)}
ul.gridList li.FolderType_Normal span{background-image:url(icons/folder_closed.gif)}
ul.gridList li.ResourceType_Drawing span,ul.gridList li.ResourceType_WritingGarden span{background-image:url(icons/resource/Type6.gif)}

/* Activities GridList (this will be sortable) */

/*#activitiesList {text-decoration:none;font-size:12px;line-height:14px;text-align:left}
#activitiesList li {float:none;width:auto;border:solid 0 #f00;background-color:white; margin: 0 0 5px 0; overflow: auto;}
#activitiesList li a span,#activitiesList li .lockedItem span{display:block;background-repeat:no-repeat;background-position:5px 3px;padding:10px 15px 15px 45px}*/

/* Sortable resource grid list */

.sortable a{display: block; margin:0; background:url(icons/drag_drop.gif) no-repeat 99% 50%;background-color:#FFFFDF;border:1px dashed #BEBF47;}
.sortable a:hover{background-color:#FEFF8F;color:#706c00;border-style:solid}

* html .sortable a { width: 100%; }		/* haslayout hack for IE6 */
* html .sortable li {display: inline; } /* LI hack for IE6 */

.resourceListContentArea ul.sortable {text-align:left; padding: 0;}
.resourceListContentArea ul.sortable li {float: none; width: auto; min-width: auto; margin: 0; padding: 0; }
.resourceListContentArea ul.sortable li a, .resourceListContentArea ul.sortable li .lockedItem  {display: block; margin: 0 0 5px 0; }
.resourceListContentArea ul.sortable li a span, .resourceListContentArea ul.sortable li .lockedItem span { display:block;background-repeat:no-repeat;background-position: 5px 3px;padding:10px 15px 15px 45px }

/* Icon GridList */

ul.iconList li{width:32px}
ul.iconList a img{width:32px;height:32px}

/* Portal Admin styles */

.portal_admin_fix #sidebar1{float:left;width:250px;margin:0 10px 0 0;padding:0}
.portal_admin_fix #sidebar1 .top{padding-top:0}
.portal_admin_fix #sidebar1 .bottom{line-height:0}
.portal_admin_fix #sidebar1 h3,.portal_admin_fix #sidebar1 p{margin-left:0;margin-right:10px}
.portal_admin_fix #mainContent table{width:750px}
#list_select_all a{background:url(buttons/deselect_all.gif) no-repeat center;text-decoration:none;margin:0 0 0 4px}
#list_select_all_selected a{background:url(buttons/select_all.gif) no-repeat center;text-decoration:none;margin:0 0 0 4px}

/* Utility Styles */

.clear,.clearfix,.clearfloat{clear:both}

/* Title Panel */

.title_border_h_text{font-size:20px;font-weight:bold;color:#FFF;white-space:nowrap;background-image:url(window_png/panel_main.png);}
.title_border_h_icon{height:40px;width:35px;background-image:url(window_png/panel_main.png);padding:0}
.title_icon_bg{float:left;}
.title_border_t{height:10px;background-image:url(window/title_border_t_bg.gif);background-repeat:repeat-x}

.title_border_h_text, .title_border_h_icon {background-repeat:repeat-x; background-position:left 0;}
.title_border_h_text, .title_border_tl, .title_border_tr {height: 32px; }

.title_border_tl{width:10px;background-attachment:scroll;background-image:url(window_png/panel_main.png);background-position: -1px -80px;background-repeat:no-repeat;}
.title_border_tr{width:15px;background-attachment:scroll;background-image:url(window_png/panel_main.png);background-position: -61px -80px;background-repeat:no-repeat}
.title_border_l{width:10px;background-image:url(window/title_navbar_l.gif);background-repeat:no-repeat; background-position: 2px top;}
.title_border_r{background-image:url(window/title_navbar_r.gif);background-repeat:no-repeat;background-position:-4px 0}

.interfaceTitlebar .navbar { height: 28px; background-image: url("window/title_navbar_bg.gif"); background-repeat: repeat-x; }
.interfaceTitlebar .layouttablecell {padding: 0;}

/* Window Panel */

.window_border_tl, .window_border_h_icon, .window_border_h_text,.window_border_tr { height: 40px; }

.window_border_h_text{width:100%;font-size:14px;font-weight:bold;white-space:nowrap;vertical-align:middle;background-image:url(window_png/panel_main.png);background-repeat:repeat-x;background-position:left top;padding:0}
.window_border_h_text,.window_border_h_text a {color:#FFF !important;}
.window_border_h_icon{width:auto;background-image:url(window_png/panel_main.png);background-repeat:repeat-x;background-position:left top;padding:0}

.window_border_tl{background-attachment:scroll;background-image:url(window_png/panel_main.png);background-position:-1px -80px;background-repeat:no-repeat;width:10px;padding-left:10px}
.window_border_tr{width:15px;padding-left:15px;background-attachment:scroll;background-image:url(window_png/panel_main.png);background-position:-61px -80px;background-repeat:no-repeat}
.window_border_hl{padding-left:20px;background-image:url(window_png/panel_main.png);background-repeat:no-repeat;background-position:left top}
.window_border_hr{padding-left:20px;background-image:url(window_png/panel_main.png);background-repeat:repeat-x}
.window_border_l{width:6px;padding-left:6px;height:100%;background-image:url(window_png/panel_sides.png);background-repeat:repeat-y;background-position:-7px 0;background-color:#fff}
.window_border_r{width:8px;padding-left:8px;height:100%;background-image:url(window_png/panel_sides.png);background-repeat:repeat-y;background-position:-29px 0;background-color:#fff}
.window_border_b{height:px;width:100%;background:url(window_png/panel_main.png) repeat-x left -166px #fff; }
.window_border_bl{height:11px;padding-left:20px;background-attachment:scroll;background-image:url(window_png/panel_main.png);background-position:-28px -94px;background-repeat:no-repeat;background-color:#fff}
.window_border_br{height:11px;padding-right:20px;background-image:url(window_png/panel_main.png);background-repeat:no-repeat;background-position:-29px -118px;background-attachment:scroll;background-color:#fff}
.window_content{background-image:url(window/2nd_learner/window_content.gif);background-color:#fff;background-repeat:repeat-x;background-position:left bottom;width:100%}
.window_content_ipod{background-color:#fff;width:100%}
.window_border_h_help{background-image:url(window/subtitle_bg.gif);background-repeat:repeat-x}

.window_border_h_icon .icon_bg {padding-top: 3px;}

/* Homepage Panels */

.homepagePanel { padding: 5px 0 2px 0; }
.homepagePanel .divider { background-color: transparent; } 
.homepagePanel .navbar { background-image: none; }
.homepagePanel .navbar a:hover { color: #000 !important; }

/* List Hovers */

.list_hover,.list_hover table a,.list_hover a,.list_hover a:link,.list_hover a:visited,.list_hover a:active,.list_hover a:hover,.list_hover table a.button,.list_hover table b,.calendar a:hover,.list_row:hover,.list_row_alternate:hover{color:#000}

/* Window 2 Panels still used??? */

.window2_border_tl{padding-left:12px;background-image:url(window/border2_tl_bg.gif);background-repeat:no-repeat}
.window2_border_tr{padding-right:12px;background-image:url(window/border2_tr_bg.gif);background-repeat:no-repeat}
.window2_border_t{height:30px;width:100%;vertical-align:middle;background-image:url(window/border2_t_bg.gif);background-repeat:repeat-x;font-size:16px;font-weight:bold;color:#FFF;white-space:nowrap;padding:4px 5px}
.window2_border_l{padding-left:14px;background-image:url(window/window2_bg.gif);background-repeat:repeat}
.window2_border_r{padding-right:14px;background-image:url(window/window2_bg.gif);background-repeat:repeat}
.window2_border_bl{height:14px;padding-left:14px;background-image:url(window/border2_bl_bg.gif);background-repeat:no-repeat}
.window2_border_br{height:14px;padding-left:14px;background-image:url(window/border2_br_bg.gif);background-repeat:no-repeat}
.window2_bg{background-image:url(window/window2_bg.gif);background-repeat:repeat}

/* Tabs Base  */

.tabs_table{table-layout:auto;height:25px;background: url(tabs/bar_bg.png) repeat-x left top; }
.tabsnavbar {background: url(tabs/bar_bg.png) repeat-x left top; }
.tabs_table td {background-repeat: repeat-x; background-position: left bottom; }
.tabs_table a.button{display:block;padding-left:10px;padding-right:10px;line-height:23px;font-size:11px;font-weight:bold;text-decoration:none;margin:0}
.tabs_table a.button:hover{background-color:#ddd}
.tabs_table .tabs_up a.button{line-height:21px;color:#fff;margin-bottom:2px}
.tabs_start_up{padding-left:16px;width:1px;background-image:url(tabs/start_up.png); }
.tabs_start_down{padding-left:0;width:1px;}
.tabs_up{background-image:url(tabs/bg.png);padding-right:4px;}
.tabs_down{background-image:url(tabs/down_bg.gif);padding-right:0;}
.tabs_bar{height:25px;}
.tabs_mid_up_down{background-image:url(tabs/up_down.png);padding-left:17px;width:0;}
.tabs_mid_down_down{padding-left:1px;width:1px;}
.tabs_mid_down_up{background-image:url(tabs/down_up.png);padding-left:14px;width:1px;}
.tabs_end_up{background-image:url(tabs/end_up.png);padding-left:17px;width:1px;}
.tabs_end_down{padding-left:1px;width:1px;}

.tabs_start_down,.tabs_mid_down_down, .tabs_end_down { background-color: #bdbdbd; }

.tabs_input{font-size:9px;background-color:#FFF;border-width:1px}
.tabs_table .tabs_up a.button,.tabs_table .tabs_up a.button:hover{background-color:transparent}
#window_03 .tabs_table .tabs_up a.button,#window_04 .tabs_table .tabs_up a.button,#window_05 .tabs_table .tabs_up a.button,#window_06 .tabs_table .tabs_up a.button,#window_07 .tabs_table .tabs_up a.button,#window_08 .tabs_table .tabs_up a.button,#window_09 .tabs_table .tabs_up a.button,#window_10 .tabs_table .tabs_up a.button,#window_11 .tabs_table .tabs_up a.button,#window_03 .tabs_table .tabs_up a.button:hover,#window_04 .tabs_table .tabs_up a.button:hover,#window_05 .tabs_table .tabs_up a.button:hover,#window_06 .tabs_table .tabs_up a.button:hover,#window_07 .tabs_table .tabs_up a.button:hover,#window_08 .tabs_table .tabs_up a.button:hover,#window_09 .tabs_table .tabs_up a.button:hover,#window_10 .tabs_table .tabs_up a.button:hover,#window_11 .tabs_table .tabs_up a.button:hover{color:#fff}

/* Tables */

caption{text-align:left}
table.etg_table{border-collapse:collapse;margin:0}
table.etg_table .col,table.etg_table td,table.etg_table th{border:solid 0 #a6a6a6;padding:0}
table.etg_table th{text-align:left;padding:6px 2px}
table.etg_table .sort{background-color:#f0f0f0;text-decoration:none}
table.etg_table tr.altRow{background:#f4f4f4}
table.etg_table .altRow .sort{background-color:#eaeaea}
table.etg_table .iconCol IMG{height:32px}

table.etg_table li.head{display:block}
table.etg_table .head .sort{background-color:#a6a6a6}
table.etg_table .grey .head .firstCol{background:#a6a6a6 url( window/table_head_tl_grey.gif ) top left no-repeat}
table.etg_table .head .firstCol{background:#a6a6a6 url( window/table_head_tl.gif ) top left no-repeat}
table.etg_table .head .lastCol{background:#a6a6a6 url( window/table_head_tr.gif ) top right no-repeat}
table.etg_table .grey thead .lastCol{background:#a6a6a6 url( window/table_head_tr_grey.gif ) top right no-repeat}
table.etg_table .head tr {background:#a6a6a6}
table.etg_table .head th.sort a{padding-right:18px;background:transparent url(window/col_sort_active.gif) no-repeat right center}
table.etg_table .head th.sort.desc a{padding-right:18px;background:transparent url(window/col_sort_desc_active.gif ) no-repeat scroll right center}
table.etg_table .head,table.etg_table .head a{color:#FFF;font-weight:bold}
table.etg_table .head A{padding:4px 18px 4px 0}
table.etg_table .head .sort.desc a{background:url( window/col_sort_desc_active.gif ) right center no-repeat}
table.etg_table .head .sort a{background:url( window/col_sort_active.gif ) right center no-repeat}

table.etg_table .toggleCheck{display:block;width:32px;height:32px;text-indent:-100em;overflow:hidden;background:url( window/toggle_tick_off.gif ) center center no-repeat}
table.etg_table .toggleCheck:hover{background-image:url( window/toggle_tick_off_hover.gif )}
table.etg_table .toggleCheck.on{background:url( window/toggle_tick_on.gif ) center center no-repeat}
table.etg_table .toggleCheck.on:hover{background:url( window/toggle_tick_on_hover.gif ) center center no-repeat}

table.etg_table label{font-weight:normal}
table.etg_table tbody tr:hover .sort,table.etg_table tbody tr:hover{background-color:#eaf4fa}

/* channel featured items table */

.channelSubSection{border-top:1px solid #e0e0e0;}
.channelSubSection .title{ font-size:14px;font-weight:bold;color:#fff;padding:3px 5px; background-color:#A6A6A6}

table.etg_table_featured{border-collapse:collapse;margin:0}
table.etg_table_featured .col,table.etg_table_featured TD,table.etg_table_featured TH{border:solid 0 #a6a6a6;padding:0}
table.etg_table_featured TH{text-align:left;padding:6px;color:white;font-size:14px}
table.etg_table_featured .iconCol img{height:32px;position:relative}
table.etg_table_featured .head{background:#c6c6c6}
table.etg_table_featured table{margin:3px;border:1px solid #fff;}
table.etg_table_featured table:hover,table.etg_table_featured table.ie-hover{background-color:#def8ff;padding:3px;border:1px solid #ddd}
table.etg_table_featured .remove_feature img{visibility:hidden;}
table.etg_table_featured table:hover .remove_feature img, table.etg_table_featured table.ie-hover .remove_feature img {visibility:visible}
table.etg_table_featured a{font-size:12px;display:block;margin-left:5px;margin-top:0px}
table.etg_table_featured .more td {text-align: right; }
table.etg_table_featured .more a{text-decoration:none;margin-left:32px;font-size:12px;margin-top:1em}
table.etg_table_featured .more a:hover{color:#000}
table.etg_table_featured .more img {text-decoration:none}
.etg_table_featured .treechilddesc {color:#AAAAAA;display:block;margin-left:5px;margin-top:-28px;margin-botom:3px;}
.etg_table_featured .treelabel a {margin-top:-10px;}

table.etg_table_featured td.col, table.etg_table_featured .more td { height: 100%; border-left: 1px dotted #ddd;  }
table.etg_table_featured td.first { border-left: 0;}
table.etg_table_featured td .note { padding: 5px; font-size: 11px; color: #666; }


/* Portal */

body.background{background-image:url(window/content_bg.gif);font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:0;padding:0}
#portal_id #page_edge{width:1010px;position:relative;left:50%;margin-left:-505px;background-image:url(portal/page_border.gif);background-color:transparent}
#portal_id #page_content{width:1000px;position:relative;left:50%;margin-left:-500px;background-color:#fff}
body.background * table{font-size:12px}

/* Portal  Header */

#portal_id #info{width:980px;height:30px;background-image:url(header/menu_bg.gif);background-position:top;border-bottom:1px solid #ccc;position:relative;float:left;margin:0;padding:0 10px}
#portal_id .right{float:right;width:400px;position:relative}
#portal_id #header{width:1000px;background-image:url(header/montage.gif);height:100%}
#portal_id #menu{width:990px;height:30px;background-image:url(header/menu_bg.gif);clear:left;padding-left:5px;padding-right:5px}
#menu .mainmenu{height:auto}
#menu .mainmenu ul li a,#footer_links .mainmenu ul li a{color:#000;font-weight:normal;text-decoration:none;margin:6px -5px 7px 0;padding:0 5px 0 6px}
#portal_id #breadcrumb{width:600px;height:20px;padding-left:310px;padding-top:4px;line-height:12px;font-size:12px;color:#666}
/* Portal Content */

#portal_id #colum_wrapper{width:1000px}
#portal_id #colum_wrapper #left_colum{margin-left:10px;width:275px;margin-bottom:30px}
#portal_id #colum_wrapper #right_colum{padding-right:10px;width:680px;margin-bottom:30px;float:right}

/* PORTAL ADMIN PAGE LAYOUT  Widths have been changed to allow for portal controls */

#colum_wrapper{width:1100px;margin:auto}
#colum_wrapper #left_colum{width:450px;float:left;position:relative;color:#666;overflow:auto}
#colum_wrapper #right_colum{width:650px;float:left;position:relative}

/*Portal Footer */

#portal_id #footer{width:980px;height:50px;padding-left:10px;padding-right:10px;background-color:#eee;border-bottom:1px solid #ccc;border-top:1px solid #ccc;clear:both;background:#eee url(portal/studywiz_powered.gif) no-repeat right}
#portal_id #footer_links{width:1000px;position:relative;left:50%;margin-left:-500px}
#portal_id #footer .mainmenu ul{font-size:10px;text-align:center;float:none}
#portal_id #page_footer{width:1000px;position:relative;left:50%;margin-left:-500px;background-color:transparent}
#portal_id #page_footer p{text-align:center;font-size:9px;margin:2px 0 0;padding:0 12px 0 0}

/* Portal Elements */

#portal_id .userInfo{font-size:12px;line-height:32px;color:#666;width:500px;float:left;position:relative;margin:0;padding:0}
#portal_id .portalSearchForm{height:30px;float:right;width:400px;margin:0;padding:0}
#portal_id .portalSearchForm Table{height:30px;float:right;margin:0;padding:0}
#portal_id .portalSearchInput{margin:0 5px 0 0;padding:0}
#portal_id .portalSearchButton{margin:0;padding:0}
#portal_id .mainmenu ul{font-size:14px;margin-top:2px;color:#666}
#portal_id .mainmenu ul li{display:inline}
#portal_id .mainmenu ul li a{color:blue;display:inline}
#portal_id .mainmenu ul li a:hover{color:#000;display:inline}
#portal_id .submenu ul,#portal_id .submenu ul li,#portal_id .submenu ul li a{display:none}
#colum_wrapper .portal_sub_page_list{width:275px;margin-bottom:10px;margin-top:0}
#colum_wrapper .portal_sub_page_list ul{list-style:none;width:275px;margin:0;padding:0}
#colum_wrapper .portal_sub_page_list ul li{background-image:url(header/menu_bg.gif);padding:5px}
#colum_wrapper .portal_sub_page_list ul li a{text-decoration:none;color:blue;font-size:14px}
#colum_wrapper .portal_sub_page_list ul li a:hover{text-decoration:none;color:#000}
#left_colum input{width:170px}

/* Portal Formating */

#colum_wrapper h1,body.mceContentBody h1{font-weight:normal;color:#333;background-image:url(window/2nd_learner/list_row_bg_03.gif);font-size:20px;margin:0;padding:5px}
#colum_wrapper h2,body.mceContentBody h2{color:#333;font-size:16px;padding-top:5px;padding-bottom:5px;margin:0}
#colum_wrapper h3,body.mceContentBody h3{font-weight:bold;color:#333;font-size:12px;padding-top:5px;padding-bottom:5px;margin:0}
#colum_wrapper h4,body.mceContentBody h4{font-weight:bold;color:#333;padding-top:5px;padding-bottom:5px;margin:0}
#colum_wrapper,#colum_wrapper p,#colum_wrapper table,body.mceContentBody p,.mceContentBody table{font-weight:normal;line-height:18px;color:#666}
body.mceContentBody,.mceContentBody{background-color:#fff;background-image:none;font-weight:normal}
.mceContentBody table{font-weight:normal;line-height:18px}
#portal_id .left,#portal_id #top_left{float:left}


/* Performance Reporting */

.report_section {margin: 10px;border: 1px;border-color: #ccc;border-style: solid;background-color: #f2f2f2}
.report_section p{margin:5px 0 5px 0;}
.report_section label{font-weight:bold;padding:0px;margin-right:10px;min-height:none;text-align:left;width:70px}
.report_element .formRow{margin:10px;padding:0;font-weight:bold;}
.report_element {margin: 2px;background-color: #fff;padding: 5px;}
.report_element td {padding:0px 3px}
.cElem {margin-top: 10px;margin-bottom: 5px;}
.cElem_title {font-weight: bold;}
.performance_report .section_title {margin: 0;height: 20px;padding: 5px;overflow: visible;font-weight: bold;font-size: 16px;vertical-align:middle;}
.performance_report {background-color: #fff;}
.performance_report .assessment {margin-bottom: 10px;}
.performance_report .assessment_result {margin:5px;border: 1px;border-color: #ccc;border-style: dotted;}
.performance_report li {list-style-type:none;}
.performance_report .li_move {list-style-image:url(buttons/button_switchorder.gif);}
.performance_report_edit .report_element td {padding:3px} 

/* Forms */

form {margin: 0;padding: 0;}
form small {display: block;margin: 0 0 5px 14em;padding: 1px 3px;}
textarea, input, select {font-family: Arial, Helvetica, sans-serif;font-size: 1em;margin: 0;}

fieldset {padding: 5px;width: auto;}
fieldset legend {border: 0px solid #999;padding: 2px;font-weight: bold;color: #333;font-size: 1.1em;}
fieldset.mainFieldset {margin: 4px 5px 8px 5px;clear: both;border-width: 0;border-top: 1px dashed #ccc;padding: 6px 0 3px 0;}
fieldset.mainFieldset legend {border: none;font-family: arial, helvetica, sans-serif;font-size: 1.3em;color: #333;padding: 2px 3px 2px 0px;margin: 0;margin-left: 5px;font-style: normal;}
fieldset.mainFieldset fieldset {margin-top: 1em;margin-bottom: 1em;border-top: 1px dashed #ccc;}
fieldset.mainFieldset fieldset legend {color: #999;font-size: 1.1em;}
fieldset.mainFieldset legend.exp {padding-right: 0;}
fieldset.mainFieldset legend.cont {padding-right: 0;}
fieldset.mainFieldset legend a.exp {padding-left: 16px;background-image: url( forms/fieldset_expand.gif );background-repeat: no-repeat;background-position: center left;}
fieldset.mainFieldset legend a.cont {padding-left: 16px;background-image: url( forms/fieldset_contract.gif );background-repeat: no-repeat;background-position: center left;}
fieldset.mainFieldset legend a {text-decoration: none;color: #333;}

.formRow {clear: left;height: expression( '1%' );margin: 0;margin-top:2px;padding: 5px 0;}
.formRowButton, .formRowButton table, .formRow .formRowButton table {display: inline; vertical-align: bottom}
.formMultiLineContent {margin-left: 120px; /* formRow label width */ }
.secondaryLabel-thin {width: 2em;float: left;clear: none;text-align: right;padding-right: 4px;line-height: 1.5em;}
.secondaryLabel-medium {width: 5em;float: left;clear: none;text-align: right;padding-right: 4px;line-height: 1.5em;font-weight: bold;}
.secondaryLabel-large {width: 6em;float: left;clear: none;text-align: right;padding-right: 4px;line-height: 1.5em;}

.selectListBox { width: 350px; }

label, .label {display: block;float: left;width: 11em;margin: 0 0 0 0px;text-align: left;font-weight: bold;height: 1.2em;}
label.labelCheckbox, label.labelRadio {float: inherit;width: auto;font-weight: normal;/* See iehacks.css for Holly Hack here */padding: 0;text-align: left;}
form.thin label, form.thin .label {width: 6em;}
form.thin label.labelCheckbox, form.thin label.labelRadio {width: auto;}
form.medium label, form.medium .label {width: 8em;}
form.medium label.labelCheckbox, form.medium label.labelRadio {width: auto;}

strong.required {color: red;cursor: help;font-size: 1.5em;vertical-align: bottom;line-height: 0.4em;}

.faqFieldset {padding: 2px 2px 2px 2px;}

.Checkbox {background:url('icons/2nd_learner/checkbox.gif') no-repeat center center;display:block;height:32px;width:32px;}
a.CheckboxUnchecked {background:url('icons/2nd_learner/checkbox.gif') no-repeat center center;}
a.CheckboxChecked {background:url('icons/2nd_learner/checkbox_selected.gif') no-repeat center center;}
a.CheckboxUnchecked, a.CheckboxChecked {display:block;width:32px;height:32px;cursor:pointer;cursor:hand;}
a.CheckboxUnchecked img, a.CheckboxChecked img {width:32px;height:32px;display:inline;border:none;} /* Netscape 6.0 Fix */

.InputHidden {display:none;}

/* Reporting module styles (added by Zak, tweaked by Maz) */

.performance_report .assessment {margin-bottom: 10px;}
.performance_report .assessment_result {margin:5px 0px;border: 1px #ccc dotted;}
.performance_report ul {list-style-type:none;}
.performance_report .li_move {list-style-image:none;background:url(buttons/button_switchorder.gif) no-repeat left top;padding-left: 1.2em;}
.performance_report .li_none {list-style-image:none;background:none;}
.performance_report .cursor_move {cursor:move;}
.performance_report_nojs .rep_sections ul {cursor:pointer;}
.performance_report_nojs li {list-style-type:none;}
.report_element .teacher_comment {width: 600px;}
.pr_elm_name {display:block;font-weight:bold;margin:5px 0 5px 0;}
/* User Note */
.user_note_comment {border:1px dotted #CCCCCC;margin-top:10px;}
.user_note_question {border:1px dotted #CCCCCC;margin-top:10px;}
.user_note_response {border:1px dotted #CCCCCC;margin-top:10px;}
.user_note_title {background-color: #f3f3f3;padding:5px;}  /*height: 25px;*/
.user_note_title table { 	
	/*font-weight:bold;*/
}
.user_note_body {min-height: 40px;padding:5px;margin:5px;border: 1px #ccc dotted;}
.user_note_para_ul {list-style: none;}
.user_note_para_li {padding: 0 0 5px 0;}
.user_note_plabel{display: block;float: left;width: 15em;margin: 0 0 0 0px;text-align: left;font-weight: bold;height: 1.2em;}
.user_note_pdesc{color:#AAAAAA;display:block;padding-left:5px;}
.report_element .elm {margin: 10px 0 10px 0;}
.report_element .elm_title {font-weight:bold;font-size:small;}


/* Reusable Classes */


/* Corners for elements (generic) */

.topleftCorner, .toprightCorner, .bottomleftCorner, .bottomrightCorner	{display: block; position: absolute; } /* requires position: relative on parent */
.topleftCorner, .toprightCorner {top: 0;}
.bottomleftCorner, .bottomrightCorner {bottom: 0;}
.topleftCorner, .bottomleftCorner {left: 0;}
.toprightCorner, .bottomrightCorner {right: 0;}

/*  contentBox */
.contentBox {
border-style:solid;
border-width:1px;
display:block;
height:70px;
margin-top:5px;
overflow:auto;
padding:5px;
width:200px;
}
/***** Parallel Content ****/

.parallel_content {
}

.content_left {
 float:left;
 padding:10px;
}

.content_right {
 float:left;
 padding:10px;
}

/***** End of Parallel Content ****/

/************ Rollover - zak - ****************/
.ro_tree {
	width: 90%;
}
.ro_tree img,.pws_tree img {
	width: 25px;
	margin: 5px;
}
.ro_tree_level {
	padding: 0 0 0 10px;
}
.ro_tree_class {
	padding: 0 0 0 10px;
}

.ro_tree_folder {
	padding: 0 0 0 30px;
	margin: 5px 0 5px 0;
}
.ro_tree_resources {
	padding: 0 0 5px 30px;
}
.hidden_cont .ro_tree_ajax_elem {/*make it appear only using js.*/ 
	display: none
}
.ro_tree #leftDropBlock {
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	width: 500px;
	margin: 10px;
	padding: 10px;
	min-height: 40px;
}
.ro_tree #rightDropBlock {
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	width: 500px;
	margin: 10px;
	padding: 10px;
	min-height: 40px;
}
.ro_tree .draggableItem {
	/*border-style: dotted;
	border-color: #c2c2c2;
	border-width: 1px; */
}
.ro_class_droppable {
	border-style: dotted;
	border-color: #c2c2c2;
	border-width: 1px;
}
.ro_class_droppable_hidden {
	display:none;
}
.ro_folder_droppable {
	border-style: dotted;
	border-color: #c2c2c2;
	border-width: 1px;
}
.ro_handle {
	float:right;
	cursor:move;
}
/************ End Rollover ****************/

/************ School year - sy*************/
.sy_row_selected table {
	background-color:#eee;
	font-weight:bold;
}
.sy_row {
}
div.sy_row:hover {
	background-color:#eee;
}
.sy_print div.sy_row:hover {
	background-color:inherit;
}
.sy_sel_depth_0 {
	font-size:11px;
	font-weight:bolder;
}
.sy_sel_depth_1 {
	padding: 0 0 0 15px;
	font-size:11px;
}
.sy_sel_depth_2 {
	padding: 0 0 0 30px;
	font-size:10px;
}
.sy_sel_depth_3 {
	padding: 0 0 0 45px;
	font-size:10px;
	font-style:italic;
}
.sy_sel_depth_4 {
	padding: 0 0 0 60px;
	font-size:10px;
	font-style:italic;
}
.sy_sel_depth_5 {
	padding: 0 0 0 75px;
	font-size:10px;
	font-style:italic;
}
.sy_edit_new_period {
	background-color:#ddffdd;	
}
.sy_edit_period {}
/************ End School year - sy*************/

/************ Personal Work Space - pws*************/
#pws_busy{position:absolute;z-index:1;margin-top:5px;padding:2px}
.pws_tree #leftDropBlock{
	min-height: 40px;
}
/************ End Personal Work Space - pws*************/




/* ------------------------
IE6 Behaviour Hack for :hover
--------------------------- */
 
* table.etg_table_featured table
{
	behavior: expression(
	this.onmouseenter = new Function("this.className += ' ie-hover'"),
	this.onmouseleave = new Function("this.className = this.className.replace(' ie-hover','')"),
	this.style.behavior = null
	);
}