@import url(panels.css );
@import url(tabs.css );
@import url(tables.css );
@import url( portal.css );

/* studywizEnglishDefault */
/* SWE Stucture */
body {
	background: url(window/2nd_learner/content_bg.gif) #D4E8F4 fixed no-repeat right bottom;

	font: 12px/18px;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	margin: 0px;
	background-repeat: no-repeat;
	height: 100%;
	color: #333333;
}

.layout {
	margin: 6px 3px 0 3px;
}

.border_data td {
	border: 1px #000000 solid;
}

.divider {
	height: 1px;
	background-color: #999999;
}

#content_divider {
	border-bottom: 1px dashed #999;
}

#list_divider {
	border-bottom: 1px dashed #999;
}

.layouttablecell {
	padding: 3px;
}
fieldset, img {
	border: none;
}
table {
	font-size: 11px;
	border-collapse: collapse;
	border-spacing: 0;
}

/* TEXT */
a {
	color: #0000FF;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
#blog a {
 z-index: 50;   
}
}
a:active {
	color: #0000FF;
	text-decoration: none;
}
/*button text styles */
a.button {
	color: #0000FF;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
}
a.button:hover {
	text-decoration: none;
}
a.button:active {
	text-decoration: none;
}
.window_title {
	color: #ffffff;
	text-decoration: none;
}
a:hover.window_title {
	color: #ffffff;
}
a.window_title {
	text-decoration: none;
}
a.window_title:hover {
	text-decoration: underline;
}
a:hover.subtle_link, .subtle_link {
}
.portalMenuItems a:link, .portalMenuItems a:hover, .portalMenuItems a:visited {
	color: #000000;
}
/*text styles used in the tree links */
a.treelink {
	text-decoration: none;
}
a.treelink:hover {
	text-decoration: none;
}
.treelabel {
	font-weight: bold;
}
.treechilddesc {
	color: #AAAAAA;
}
/* HIGHLIGHT */
.highlight {
	background-color: #ffffff;
}
.true {
	background-color: #ffffff;
}
.highlight_text {
	color: #2576C8;
	font-style: italic;
}
/* ---------------------------------------
Header
------------------------------------------ */
.wrapper_header_text {
	font-size: 11px;
	margin: 0px;
	color: #333333;
	font-weight: bold;
	padding-left: 10;
}
.wrapper_header_text a, .wrapper_header_text a:visited {
	font-size: 11px;
	margin: 0px;
	color: #0000FF;
}
.wrapper_header_text a:hover {
	font-size: 11px;
	margin: 0px;
}
.wrapper_header_text .panel_general_text {
	font-size: 11px;
	margin: 0px;
	color: #333333;
	font-weight: normal;
}
.wrapper_header_text2 {
	font-size: 11px;
	margin: 0px;
	font-weight: normal;
}
/* DROP DOWN */
.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
}
/* 9.2 additions added by Cam 9th July 2007 */
.SearchForm {
	float: right;
	margin: 0px 12px 0px 0px;
	padding: 2px;
	top: 65px;
	right: 0px;
	height: 18px;
	white-space:nowrap;
	color: #999999;
	width: 190px;
}
/* -------------------------------
GC Link - be aware of the help button
	- any modifications to the help button will need to be reflected here.
------------------------------- */

.global_community_link {
	position:absolute;
	z-index: 9;
	top: 59px;
	right: 270px;
}


/* 9.3.2 additions added by Sean 10th December 2008  Help button update*/
.help {
	float: right;
	padding-right:20px;
}

.help a {
	display: block;
	width: 23px;
	height: 23px;

	background: url("buttons/help.gif") no-repeat top left;
}
.help a:hover {
	background-position: bottom;
}
/* ---------------------------------------
popups
------------------------------------------ */
.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
------------------------------------------ */
/*background image used in the title window's navigation bar. */
.navbar {
	height: 25px;
	background-image:url(window/navbar_bg.gif);
	padding-left: 4px;
	padding-right: 4px;
}
.navbar td {
	white-space: nowrap;
}
.navbar_left {
	height: 25;
	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: 25;
	padding-left:9px;
}
/* ---------------------------------------
Buttons
------------------------------------------ */
/*background left image of the buttons */
.button_left {
	background-image:url(buttons/button_left.gif);
	height: 25;
	padding-left:9px;
}
/*background right image of the buttons */
.button_right {
	background-image:url(buttons/button_right.gif);
	background-position:right top;
	height: 25;
	padding-left:9px;
}
/*background image of the buttons. */
.button_background {
	background-image:url(buttons/button_bar_bg.gif);
	vertical-align: middle;
	padding: 0px 4px 0px 4px;
	height: 25px;
}
.button_background a {
	display: block;
	width: 100%;
}
/* added by Cam 051122 */
/*window_button */
.content_button {
	background: url(buttons/button_up_bg.gif) no-repeat left top;
	height: 50px;
	width: 250px;
	top: 0px;
	left: 0px;
}

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

.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;
}
/* -----------------------
Chat button
-------------------------- */
.chat_button {
    width: 100px;
    height: 100px;
    background-image: url(buttons/chat_button.gif);
}
/* -- added by Pavel 23 Jan 2006 previous chat button - remove ?????? */
/* ---------------------------------------
Original Chat button
------------------------------------------ */
/*top left corner image for resizable buttons */
.button_res_tl {
	height: 9px;
	padding-left: 4px;
	background-image:url(buttons/but_res_tl.gif);
	background-repeat: no-repeat;
}
/*top right corner image for resizable buttons */
.button_res_tr {
	height: 9px;
	padding-right: 4px;
	background-image:url(buttons/but_res_tr.gif);
	background-repeat: no-repeat;
}
/*top image for resizable buttons */
.button_res_t {
	height: 9px;
	background-image:url(buttons/but_res_t.gif);
	background-repeat: repeat-x;
}
/*bottom left corner image for resizable buttons */
.button_res_bl {
	height: 9px;
	padding-left: 4px;
	background-image:url(buttons/but_res_bl.gif);
	background-repeat: no-repeat;
}
/*bottom right corner image for resizable buttons */
.button_res_br {
	height: 9px;
	padding-right: 4px;
	background-image:url(buttons/but_res_br.gif);
	background-repeat: no-repeat;
}
/*bottom image for resizable buttons */
.button_res_b {
	height: 9px;
	background-image:url(buttons/but_res_b.gif);
	background-repeat: repeat-x;
}
/*top left corner image for resizable buttons */
.button_res_bg {
	background-image:url(buttons/but_res_bg.gif);
	background-repeat: repeat;
}
/* -- END OF added by Pavel 23 Jan 2006 */

/* ---------------------------------------
Status Panel
------------------------------------------ */
.status_div {
	position: absolute;
	z-index: 1;
	padding-top: 5;
	color: #000;
}
/*image used in the title window to depict a successful save */
.status_icon_success {
	width: 40;
	height: 40;
	background-image:url(window/status_success.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
/*image used in the title window to depict a failed save */
.status_icon_fail {
	width: 40;
	height: 40;
	background-image:url(window/status_fail.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
/*background image used in the title window */
.status_bg {
	height: 40;
	background-image:url(window/status_bg.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-left: 10px;
}
.status_r {
	width: 14;
	background-image:url(window/status_right_bg.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.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;
	width : 100%;
	height: 10pt;
	overflow: hidden;
	display: block;
}
/* ---------------------------------------
Calendar
------------------------------------------ */
.calendar {
	border: solid 1px #ffffff;
	border-collapse: collapse;
}
.calendar TD {
	background-color: #ecf3f9;
	border: solid 1px #ffffff;
}
.calendar a {
	font-weight: bolder;
	height: 100%;
}

/***** added by sean 27/05/08 to fix elementary reporting module till 9.3.1 ******/
.calendar .chart_grid_header {
	color: #000;
}


/* -------------------------------
Calendar hover panel hacks, nasty.
------------------------------- */


/*	Hack to position the div correctly. 
	This should really be applied to popup div only, if possible
	(through use of a CSS class) */


#window_05 .window_content .panel_general_main table div {
	top: auto !important;
	_margin-top: 20px;	/* Fix positioning in IE6 */
}


/* Undo the above hack for subsequent nested divs (if any) */
#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;
}



/* Maz edit: these two styles were causing a bug where the calendar table content
wasn't being displayed (#8798) */

/*
* html #window_05 .window_content td.panel_general_main div {
	margin-top: -200px;
}
* html #elementary .window_content td.panel_general_main table div {
	margin-top: 0px;
}*/


/* ---------------------------------------
Reports
------------------------------------------ */
.barcolor_correct {
	background-color: #009900;
	background-image: url(icons/misc/barcolor_correct.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.bargraph {
	background-color: #009900;
	background-image: url(icons/misc/barcolor_correct.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.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;
}
/* ---------------------------------------
Tree Branch
------------------------------------------ */
.treebranch {
	background:url(tree/vert_line.gif);
}
.tree_input {
	font-size: 9px;
	border-width: 1px;
}
/* ---------------------------------------
reporting_mod
------------------------------------------ */
.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;
}
/* ---------------------------------------
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: 150px;
}

/* 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_header {
	color: #FFFFFF;
	background-image:url(window/subtitle_bg.gif);
}
.chart_grid_class_sub_header {
	color: #FFFFFF;
	background-image:url(window/subtitle_bg.gif);
}
.chart_grid_class_column_cell {
	background-color: #ffffff;
}
.chart_grid_assignment_sub_header {
	color: #FFFFFF;
	background-image:url(window/subtitle_bg.gif);
}
.chart_grid_assignment_column_cell {
	background-color: #ffffff;
}
.chart_grid_normal_cell {
	background-color: #ffffff;
}
.chart_grid_hightlight_cell {
	background-color: #E8E8E8;
}
/* ---------------------------------------
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;
}
/* icon BG*/
.slip_icon {
	background-image: url(slipstream/slip_icon_bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
/* popup heading */
.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;
}
/* styles added by cam 051108 */
.two_column_left_column {
	border-right: 1px solid #CCCCCC;
}


.two_column_right_column {
	border-left: 1px solid #CCCCCC;
}

/* ie6 fix for styles added by sean 291008 */

* html #elocker .two_column_right_column {
    padding-left:16px;
}    
/* ---------------------------------------
Usage Bar
------------------------------------------ */
#dropboxusage .middle {
	background: url(window/usage_middle.gif) repeat-x left top;
	height: 20px;
}
#dropboxusage .left {
	background: url(window/usage_left.gif) no-repeat right top;
	height: 20px;
	padding-left: 10px;
	width: 10;
}
#dropboxusage .right {
	background: url(window/usage_right.gif) no-repeat left top;
	height: 20px;
	padding-left: 10px;
	width: 10;
}
#dropboxusage_bar .middle {
	background: url(window/usage_middle.gif) repeat-x right top;
	height: 20px;
}
#dropboxusage_bar .right {
	background: url(window/usage_right.gif) no-repeat left top;
	height: 20px;
	padding-left: 10px;
	width: 10;
}
#dropboxusage_bar .left {
	background: url(window/usage_left_bar.gif) no-repeat right top;
	height: 20px;
	padding-left: 10px;
	width: 10;
}
#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;
}
/* ---------------------------------------
Overlayed Icons 
------------------------------------------ */

.iconEffect {
	top: 0px;
	left: 0px;
	margin-top: -32px;
}

.iconEffect_elem {
	position: absolute;
	top: 10px;
	left: 10px;
}


/* ---------------------------------------
Reporting Module
------------------------------------------ */
.content_input_drop {
	font-family: Arial, Verdana;
	font-size: 11px;
	width: 150px;
	border: solid 1px #999999;
}
#reporting_panel {
	overflow: auto;
	left: 0px;
	top: 0px;
}
#reporting_panel td {
	border: 1px solid #cccccc;
}
#verticalList ul {
	list-style-type: none;
	margin: 0px;
}
#verticalList ul {
	margin-left: -40px;
}
#verticalList ul li a {
	line-height:18px;
	padding: 3px;
	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;
}
#verticalList ul li .right {
	position: relative;
	top: 0px;
	float: right;
}
#verticalListul li a:hover {
	color:#000;
	background : #dddddd;
	text-decoration : none;
}
#verticalListul li a:link {
	padding-right: 0px;
 	text-decoration : none;
}
.rightBorder {
	border-right: 1px solid #cccccc;
}
.left_rightBorder {
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;	
}
.reportingText {
	overflow: auto;
	left: 0px;
	top: 0px;
}
.reportingText p {
	padding: 3px;
}
#dataGraph .list_row_alternate, #dataGraph .list_row {
	height: 16px;
}
table#dataGraph {
	border-right: 1px solid #cccccc;
}
#dataGraph td {
	border-left: .2px solid #cccccc;
	border-bottom: .2px solid #cccccc;
}
#dataGraph .header {
	color: #FFFFFF;
	background-image:url(window/subtitle_bg.gif);
}
#dataGraph .subheader {
	color: #FFFFFF;
	background-image:url(window/subtitle_bg.gif);
}
#dataGraph p {
	padding: 1px 3px 1px 3px;
}
/* END added by Cam 1st Sep 2006 */

/* -----------------------
Scrolling areas
-------------------------- */
.two_column_left_column .elocker_content {
	height: 335px;
	overflow: auto;
	left: 0px;
	top: 0px;
	
}
#elocker .two_column_right_column .panel_content,
#elocker .two_column_left_column .panel_content {
	height: 365px;
}
#vertical_scroll {
	height: 365px;
	overflow: auto;
	position:relative;
	
	overflow-x:hidden;
	overflow-y:auto;
	padding-right:10px;
	
}
.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: 315px;
	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 fix for styles added by sean 112908 */
* html #elocker #vertical_scroll {
    margin-right:20px;
}
* html #elocker .vertical_scroll_small {
    margin-right:16px;
}
/* -----------------------
RTE
-------------------------- */
.editorContainer {
	height: 255px;
}
.editorContainer textarea {
	height: 250px;
}
/* ------------------------
 SMS additions
 --------------------------*/
.text_counter span {
    font-weight:bold;
}
.regexp_valid {
    color:#333333;
}
.regexp_invalid {
    color:#ff0000;
}
/* ------------------------
END SMS additions
--------------------------*/
/* remove the following ???? */
/* ---------------------------------------
3 panel/ 3 button homepage - Remove ??
------------------------------------------ */
/*#home #window_03,
#home #window_03 .window_border_h_text, 
#home #window_04, 
#home #window_04 .window_border_h_text, 
#home #window_05, 
#home #window_05 .window_border_h_text {
	height: 8px;
	margin: 0px;
	padding: 0px;
}
#home #window_03 .window_border_tl, 
#home #window_04 .window_border_tl, 
#home #window_05 .window_border_tl {
	height: 8px;
}
#home #window_03 .window_border_tr, 
#home #window_04 .window_border_tr, 
#home #window_05 .window_border_tr {
	height: 8px;
}*/