/*html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, p, blockquote, fieldset {
	margin: 0px;
	padding: 0px;
}
/*h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}*/
/* ul, ol {
	list-style: none;
}*/
fieldset, img {
	border: none;
}
/*caption, th {
	text-align: left;
}*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.list_hover {
	background-color: #f0f5fe;
}
.window_title {
	color: #ffffff;
	text-decoration: none;
}
a:hover.window_title {
	color: #ffffff;
}
a:hover.subtle_link, .subtle_link {
}
/* studywizEnglishDefault */
	/* SWE Stucture */
	/* HEADER */
	/*TOP FRAME */
.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
}
/* TITLE PANEL */
	/*background image and text used in the title window's heading */
.title_border_h_text {
	font-size: 20px;
	font-weight: bold;
	height: 30px;
	color: #FFFFFF;
	white-space: nowrap;
	/*vertical-align: middle;
*/
	background-image:url(window/title_bg.gif);
	background-repeat: repeat-x;
}
/*background image and colour used in the <td class="icon_bg" in the title window's heading */
.title_border_h_icon {
	width: 42;
	vertical-align: top;
	padding-top: 3;
	padding-left: 3;
	background-image:url(window/title_bg.gif);
	background-repeat: repeat-x;
}
.title_icon_bg {
	background-position: center center;
	padding-top: 6px;
	text-align: center;
	height: 42;
	width: 42;
	z-index: 1;
	position: absolute;
}
.title_icon_width {
	width: 40px;
	padding-left: 40px;
}
/*background image and colour used in the title window's heading */
.title_border_t {
	height: 10px;
	background-image:url(window/title_border_t_bg.gif);
	background-repeat: repeat-x;
}
/*background image used in the top left of the title window's heading */
.title_border_tl {
	width: 20px;
	height: 10px;
	background-image:url(window/title_border_tl_bg.gif);
	background-repeat: no-repeat;
}
/*background image used in the top right of the title window's heading */
.title_border_tr {
	width: 12px;
	height: 10px;
	background-image:url(window/title_border_tr_bg.gif);
	background-repeat: no-repeat;
}
/*background image used in the left of the title window's navigation bar */
.title_border_l {
	width: 20px;
	background-image:url(window/title_navbar_l.gif);
	background-repeat: repeat-y;
}
/*background image used in the right of the title window's navigation bar */
.title_border_r {
	width: 20px;
	background-image:url(window/title_navbar_r.gif);
	background-repeat: repeat-y;
}
.title_border_bl {
	width: 0;
	height: 0;
}
.title_border_br {
	width: 0;
	height: 0;
}
/* WINDOW PANEL */
	/*background image used behind the <td class="icon_bg"in the window's heading */
.window_border_h_icon {
	width: 42px;
	background-image:url(window/subtitle_bg.gif);
	background-repeat: repeat-x;
	padding-top: 4px;
	padding-left: 0px;
	background-color: #71B968;
	background-position: center top;
}
/*background image and text used in the window's heading */
.window_border_h_text {
	height: 30px;
	width: 100%;
	vertical-align: middle;
	background-image:url(window/subtitle_bg.gif);
	background-repeat: repeat-x;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	white-space: nowrap;
}
/*background image used in the top left of window's heading */
.window_border_tl {
	width: 15px;
	padding-left: 15px;
	background-image:url(window/border_tl_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*background image used in the top right of window's heading */
.window_border_tr {
	width: 20px;
	padding-left: 20px;
	background-image:url(window/border_tr_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*background image used in the left of the window's heading */
.window_border_hl {
	padding-left: 20px;
	background-image:url(window/border_l_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*background image used in the right of the window's heading */
.window_border_hr {
	padding-left: 20px;
	background-image:url(window/border_r_bg.gif);
	background-repeat: repeat-x;
}
/*background image used in the left border of the window's content */
.window_border_l {
	width: 20px;
	padding-left: 5px;
	height: 100%;
	background-image:url(window/border_lb_bg.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
}
/*background image used in the right border of the window's content */
.window_border_r {
	width: 20px;
	padding-left: 7px;
	height: 100%;
	background-image:url(window/border_rb_bg.gif);
	background-repeat: repeat-y;
	background-position: right bottom;
}
/*background image used in the bottom border of the window's content */
.window_border_b {
	height: 11px;
	width: 100%;
	background-image:url(window/border_b_bg.gif);
}
/*background image used in the bottom left border of the window's content */
.window_border_bl {
	height: 11px;
	padding-left: 20px;
	background-image:url(window/border_bl_bg.gif);
}
/*background image used in the bottom right border of the window's content */
.window_border_br {
	height: 11px;
	padding-right: 20px;
	background-image:url(window/border_br_bg.gif);
}
/*background colour used in the window's content */
.window_content {
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 100%;
}
.window_content_ipod {
	background-color: #ffffff;
	width: 100%;
}
.window_border_h_help {
	background-image:url(window/subtitle_bg.gif);
	background-repeat: repeat-x;
}
/*bg img used where icons are displayed in the 'window' and 'title' panel headings */
.icon_bg {
	background-position: center top;
	text-align: center;
	height: 36;
	width: 32;
	top: 2px;
	padding-top: 5px;
	margin-left: 0px;
}
html>body .icon_bg {
	background-position: center top;
	text-align: center;
	height: 36;
	width: 32;
	top: 2px;
	padding-top: 5px;
	margin-left: -8px;
}
/* -- added by Pavel 24 Jan 2006 */
	/*background image used in the top left of window2's heading */
.window2_border_tl {
	padding-left: 12px;
	background-image:url(window/border2_tl_bg.gif);
	background-repeat: no-repeat;
}
/*background image used in the top right of window2's heading */
.window2_border_tr {
	padding-right: 12px;
	background-image:url(window/border2_tr_bg.gif);
	background-repeat: no-repeat;
}
/*background image used in the top of window2's heading */
.window2_border_t {
	height: 30;
	width: 100%;
	vertical-align: middle;
	background-image:url(window/border2_t_bg.gif);
	background-repeat: repeat-x;
	padding: 4px 5px 4px 5px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	white-space: nowrap;
}
/*background image used behind the <td class="icon_bg"in the window2's heading */
.window2_border_h_icon {
	width: 42px;
	background-image:url(window/border2_t_bg.gif);
	background-repeat: repeat-x;
	padding-top: 2;
	padding-left: 3;
	background-color: #71B968;
}
/*background image used in the left of window2 */
.window2_border_l {
	padding-left: 14px;
	background-image:url(window/window2_bg.gif);
	background-repeat: repeat;
}
/*background image used in the right of window2 */
.window2_border_r {
	padding-right: 14px;
	background-image:url(window/window2_bg.gif);
	background-repeat: repeat;
}
/*background image used in the bottom left of window2 */
.window2_border_bl {
	height: 14px;
	padding-left: 14px;
	background-image:url(window/border2_bl_bg.gif);
	background-repeat: no-repeat;
}
/*background image used in the bottom right of window2 */
.window2_border_br {
	height: 14px;
	padding-left: 14px;
	background-image:url(window/border2_br_bg.gif);
	background-repeat: no-repeat;
}
/*background image used in the window2*/
.window2_bg {
	background-image:url(window/window2_bg.gif);
	background-repeat: repeat;
}
/* -- END OF added by Pavel 24 Jan 2006 */
	/* 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;
}
/* GENERAL STRUCTURE - Body,
Text,
Navbar,
Buttons,
Tabs,
Forms,
Calender,
Tree Branch,
Reports,
Status Panel,
Discussion */
body {
	background-attachment: fixed;
	background-color: #d3e8f3;
	background-image:url(window/2nd_learner/content_bg.gif);
	font: 12px/18px;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	margin: 0px;
	background-repeat: no-repeat;
	height: 100%;
	color: #333333;
	background-position: right bottom;
}

div {
}
.layout {
	margin-left:3px;
	margin-right:3px;
	margin-top:6px;
	margin-bottom:0px;
}
table {
	font-size: 11px;
}
.border_data td {
	border: 1px #000000 solid;
}
.divider {
	height: 1px;
	background-color: #999999;
}
.layouttablecell {
	padding: 3px;
}
/* TEXT */
	/* Text attributes are also used in;
	"body",
"table",
".window_border_h_text",
"title__border_h_text",
".status_title_success",
.status_title_fail",
".status_text",
"tabs_input",
".tree_input",
".form_textbox",
".form_textbox_required",
".highlight_text" */
	/* defines text links */
	a {
	color: #0000FF;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
a:active {
	color: #0000FF;
	text-decoration: none;
}
/*button text styles */
	a.button {
	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;
}
/*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;
}
/* TABS */
.tabs_table {
	table-layout: auto;
	height: 25px;
}
.tabs_table a.button, .tabs_table a.button:hover {
	display: block;
	background-color: #eeeeee;
	padding-right: 0px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 23px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
}
.tabs_table a.button:hover {
	background-color: #dddddd;
}
.tabs_table .tabs_up a.button {
	line-height: 21px;
	background-color: #eeeeee;
	color: #ffffff;
	margin-bottom: 2px;
}
.tabs_table .tabs_up a.button:hover {
	line-height: 21px;
	background-color: #eeeeee;
}
/*background image used when the first Tab (from left) is selected */
.tabs_start_up {
	padding-left: 16px;
	width: 1px;
	background: url(tabs/start_up.gif) repeat-x left top;
}
/*background image used when the first Tab (from left) is not selected */
.tabs_start_down {
	background-image:url(tabs/start_down.gif);
	padding-left: 0px;
	width: 1px;
	background-repeat: repeat-x;
	background-position: left top;
}
/*background image used when a Tab is selected */
.tabs_up {
	background-image:url(tabs/bg.gif);
	padding-right: 4px;
	background-repeat: repeat-x;
	background-position: left top;
}
/*background image used when a Tab is not selected */
.tabs_down {
	background-image:url(tabs/down_bg.gif);
	padding-right: 0px;
	background-repeat: repeat-x;
	background-position: left top;
}
/*background image used behind the Tabs. */
.tabs_bar {
	background-image:url(tabs/bar_bg.gif);
	height: 25px;
	background-repeat: repeat-x;
	background-position: left top;
}
/*background image used when a left Tab is selected (multiple tabs) */
.tabs_mid_up_down {
	background-image:url(tabs/up_down.gif);
	padding-left: 17px;
	width: 1px;
	background-repeat: repeat-x;
	background-position: left top;
}
/*background image used when 2 Tabs are not selected (multiple tabs) */
.tabs_mid_down_down {
	background-image:url(tabs/down_down.gif);
	padding-left: 1px;
	width: 1px;
	background-repeat: repeat-x;
	background-position: left top;
}
/*background image used when a right Tab is selected (multiple tabs) */
.tabs_mid_down_up {
	background-image:url(tabs/down_up.gif);
	padding-left: 14px;
	width: 1px;
	background-repeat: repeat-x;
	background-position: left top;
}
/*background image used on the right hand side of the furthest right selected Tab */
.tabs_end_up {
	background-image:url(tabs/end_up.gif);
	padding-left: 17px;
	width: 1px;
	background-repeat: repeat-x;
	background-position: left top;
}
/*background image used on the right hand side of the furthest right unselected Tab */
.tabs_end_down {
	background-image:url(tabs/end_down.gif);
	padding-left: 1px;
	width: 1px;
	background-repeat: repeat-x;
	background-position: left top;
}
/*colour of the background of the input field in tabs */
.tabs_input {
	font-size: 9px;
	background-color: #FFFFFF;
	border-width: 1px;
}
/* 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: 50px;
	width: 250px;
	padding-left: 5px;
}
.content_button a {
	text-decoration: none;
	color: #333333;
	cursor: hand;
}
.content_button a:hover {
	text-decoration: none;
	color: #000000;
}
.content_button div img {
	margin-bottom: -10px;
	padding-left: 5px;
	padding-top: 6px;
}
/* -- added by Pavel 23 Jan 2006 */
	/*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;
}
/*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 - image generally animated */
.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;
}
.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;
}
/* CALENDER */
.calendar {
	border: solid 1px #ffffff;
	border-collapse: collapse;
}
.calendar TD {
	border: solid 1px #ffffff;
	border-collapse: collapse;
}
.calendar A {
	font-weight: bolder;
}
/* 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;
}
/* 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;
}
/* HIGHLIGHT */
.highlight {
	background-color: #ffffff;
}
.true {
	background-color: #ffffff;
}
.highlight_text {
	color: #2576C8;
	font-style: italic;
}
/* DISCUSSION */
.discussion_table {
	border: solid 1px #d5d5d5;
}
.discussion_cell {
	background-image:url(window/disc_thread_bg.gif);
	background-repeat: repeat-x;
	padding: 3px;
}
/* styles added by cam 050908*/
	#content_divider {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
#list_divider {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
.list_row {
/* height: 50px;
*/
	
	}
.list_row_alternate {
/*height: 50px;
*/
	
	}
.menu_label {
}
.menu_logout {
}
.list_resource_type {
	font-weight: bold;
}
/* OPTIONAL */
	/* TEACHER GUIDE */
	/* added by Peter on 14 December 2004. Provided by Cam */
	/* These attributes define the background images of the larger buttons,
i.e. in the "TEACHER GUIDE" */
.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;
}
.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 styles */
	#trialLayer {
	background-color: #ffffff;
}
#trialLayer .window_border_h_text {
	margin-top: -1px;
	background-image: url(window/subtitle_bg.gif);
	background-position: left -1px;
}
/* slipstream*/
.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;
}
#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;
}
/* -- added by Pavel 24 Jan 2006 */
	/*background image used in the top left of window2's heading */
.window2_border_tl {
	padding-left: 12px;
	background: url(window/border2_tl_bg.gif) no-repeat left top;
}
/*background image used in the top right of window2's heading */
.window2_border_tr {
	padding-right: 12px;
	background: url(window/border2_tr_bg.gif) no-repeat right top;
}
/*background image used in the top of window2's heading */
.window2_border_t {
	height: 30;
	width: 100%;
	vertical-align: middle;
	background-image:url(window/border2_t_bg.gif);
	background-repeat: repeat-x;
	padding: 4px 5px 4px 5px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	white-space: nowrap;
}
/*background image used behind the <td class="icon_bg"in the window2's heading */
.window2_border_h_icon {
	width: 42px;
	background-image:url(window/border2_t_bg.gif);
	background-repeat: repeat-x;
	padding-top: 2;
	padding-left: 3;
	background-color: #71B968;
}
/*background image used in the left of window2 */
.window2_border_l {
	padding-left: 14px;
	background-image:url(window/border2_lb_bg.gif);
	background-repeat: repeat-y;
}
/*background image used in the right of window2 */
.window2_border_r {
	padding-right: 14px;
	background-image:url(window/border2_rb_bg.gif);
	background-repeat: repeat-y;
}
/*background image used in the bottom left of window2 */
.window2_border_bl {
	height: 14px;
	padding-left: 14px;
	background: url(window/border2_bl_bg.gif) no-repeat left bottom;
}
/*background image used in the bottom right of window2 */
.window2_border_br {
	height: 14px;
	padding-left: 14px;
	background: url(window/border2_br_bg.gif) no-repeat right bottom;
}
/*background image used in the window2*/
.window2_bg {
	background: url(window/window2_content.gif) repeat;
}
/* -- END OF added by Pavel 24 Jan 2006 */

	/* added by Cam 19th May 2006 */
.iconEffect {
	position: relative;
	top: 0px;
	padding: 0px;
	z-index: 888;
	vertical-align: middle;
	margin-top: -32px;
	height: 32px;
	width: 32px;
	text-align: center;
}
.iconEffect img {
	float: right;
	position: absolute;
}
/* END added by Cam 19th May 2006 */
	/*ReportingMod */
.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;
 background:;
	text-decoration : none;
}
.rightBorder {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
}
.left_rightBorder {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #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 */
/* Studywiz Global Community link - added by Cam 060920 */
/* -------------------------------
CSS - additions to styles.css
------------------------------- */
/* -------------------------------
CSS - 9.3 additions - be aware of the help button
	- any modifications to the help button will need to be reflected here.
------------------------------- */
/* Large Header */
.global_community_link {
	/*display: none; */
	position:relative;
	float: right;
	z-index: 9;
	top: 59px;
	right:0px;
	margin-right: 10px;
	margin-top: -59px;
	height: 59px;
}
/* -------------------------------
CSS - additions to styles.css
------------------------------- */
/* -------------------------------
CSS - 9.3 additions - be aware of the help button
	- any modifications to the help button will need to be reflected here.
------------------------------- */
/* Small Header */
.global_community_link {/*
	display: none; 
	position:relative;
	float: right;
	z-index: 9;
	top: 25px;
	right:0px;
	margin-right: 260px;
	margin-top: -20px;
	height: 25px;*/
}
/* 9.2 additions */
/* -------------------------------
CSS - styles.css
------------------------------- */
/* -------------------------------
CSS - changes to styles.css
------------------------------- */
/* change */
a.button {
	text-transform: none;/*overwrites previous */
}
/*END change */
/*new attribute */
a.button {
	color: #0000FF;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
}
/* END new attribute */
/* -------------------------------
CSS - additions to styles.css
------------------------------- */
.portalMenuItems a:link, .portalMenuItems a:hover, .portalMenuItems a:visited {
	color: #ffffff;
}
.window_content /* additions */
 background-image:url(window/2nd_learner/window_content.gif);
 background-position: top left;
 background-color: #ffffff;
 background-repeat: repeat-x;
/* END additions */
.calendar a:link, .calendar a:visited {
	/*additions */
	height: 100%;
	width: 100%;/* END additions */
}
.calendar TD {
	/*additions */
	background-color: #ecf3f9;
}
/* additions */
.editorContainer {
	height: 255px;
}
/* extra feature for rte textarea*/
.editorContainer textarea {
	height: 250px;
}
/* END additions */

/* -------------------------------
Spark additions
------------------------------- */
/* -------------------------------
TABS
------------------------------- */
#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 {
	color: #ffffff;
}
#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 {
	color: #ffffff;
}
.tabs_table .tabs_up a.button, .tabs_table .tabs_up a.button:hover {
	background-color: transparent;
}
#window_03 .tabs_table .tabs_up a.button {
	background-image:url(tabs/bg_03.gif);
}
#window_03 .tabs_table .tabs_up a.button:hover {
	background-image:url(tabs/bg_03.gif);
}
/*background image used when the first Tab (from left) is selected */
	#window_03 .tabs_start_up {
	background: url(tabs/start_up_03.gif) repeat-x left top;
}
/*background image used when a Tab is selected */
	#window_03 .tabs_up {
	background-image:url(tabs/bg_03.gif);
}
/*background image used when a left Tab is selected (multiple tabs) */
	#window_03 .tabs_mid_up_down {
	background-image:url(tabs/up_down_03.gif);
}
/*background image used when a right Tab is selected (multiple tabs) */
	#window_03 .tabs_mid_down_up {
	background-image:url(tabs/down_up_03.gif);
}
/*background image used on the right hand side of the furthest right selected Tab */
	#window_03 .tabs_end_up {
	background-image:url(tabs/end_up_03.gif);
}
#window_04 .tabs_table .tabs_up a.button {
	background-image:url(tabs/bg_04.gif);
}
#window_04 .tabs_table .tabs_up a.button:hover {
	background-image:url(tabs/bg_04.gif);
	color: #ffffff;
}
/*background image used when the first Tab (from left) is selected */
	#window_04 .tabs_start_up {
	background: url(tabs/start_up_04.gif) repeat-x left top;
}
/*background image used when a Tab is selected */
	#window_04 .tabs_up {
	background-image:url(tabs/bg_04.gif);
}
/*background image used when a left Tab is selected (multiple tabs) */
	#window_04 .tabs_mid_up_down {
	background-image:url(tabs/up_down_04.gif);
}
/*background image used when a right Tab is selected (multiple tabs) */
	#window_04 .tabs_mid_down_up {
	background-image:url(tabs/down_up_04.gif);
}
/*background image used on the right hand side of the furthest right selected Tab */
	#window_04 .tabs_end_up {
	background-image:url(tabs/end_up_04.gif);
}
#window_05 .tabs_table .tabs_up a.button {
	background-image:url(tabs/bg_05.gif);
}
#window_05 .tabs_table .tabs_up a.button:hover {
	background-image:url(tabs/bg_05.gif);
}
/*background image used when the first Tab (from left) is selected */
	#window_05 .tabs_start_up {
	background: url(tabs/start_up_05.gif) repeat-x left top;
}
/*background image used when a Tab is selected */
	#window_05 .tabs_up {
	background-image:url(tabs/bg_05.gif);
}
/*background image used when a left Tab is selected (multiple tabs) */
	#window_05 .tabs_mid_up_down {
	background-image:url(tabs/up_down_05.gif);
}
/*background image used when a right Tab is selected (multiple tabs) */
	#window_05 .tabs_mid_down_up {
	background-image:url(tabs/down_up_05.gif);
}
/*background image used on the right hand side of the furthest right selected Tab */
	#window_05 .tabs_end_up {
	background-image:url(tabs/end_up_05.gif);
}
#window_06 .tabs_table .tabs_up a.button {
	background-image:url(tabs/bg_06.gif);
}
#window_06 .tabs_table .tabs_up a.button:hover {
	background-image:url(tabs/bg_06.gif);
}
/*background image used when the first Tab (from left) is selected */
	#window_06 .tabs_start_up {
	background: url(tabs/start_up_06.gif) repeat-x left top;
}
/*background image used when a Tab is selected */
	#window_06 .tabs_up {
	background-image:url(tabs/bg_06.gif);
}
/*background image used when a left Tab is selected (multiple tabs) */
	#window_06 .tabs_mid_up_down {
	background-image:url(tabs/up_down_06.gif);
}
/*background image used when a right Tab is selected (multiple tabs) */
	#window_06 .tabs_mid_down_up {
	background-image:url(tabs/down_up_06.gif);
}
/*background image used on the right hand side of the furthest right selected Tab */
	#window_06 .tabs_end_up {
	background-image:url(tabs/end_up_06.gif);
}
#window_07 .tabs_table .tabs_up a.button {
	background-image:url(tabs/bg_07.gif);
}
#window_07 .tabs_table .tabs_up a.button:hover {
	background-image:url(tabs/bg_07.gif);
}
/*background image used when the first Tab (from left) is selected */
	#window_07 .tabs_start_up {
	background: url(tabs/start_up_07.gif) repeat-x left top;
}
/*background image used when a Tab is selected */
	#window_07 .tabs_up {
	background-image:url(tabs/bg_07.gif);
}
/*background image used when a left Tab is selected (multiple tabs) */
	#window_07 .tabs_mid_up_down {
	background-image:url(tabs/up_down_07.gif);
}
/*background image used when a right Tab is selected (multiple tabs) */
	#window_07 .tabs_mid_down_up {
	background-image:url(tabs/down_up_07.gif);
}
/*background image used on the right hand side of the furthest right selected Tab */
	#window_07 .tabs_end_up {
	background-image:url(tabs/end_up_07.gif);
	background-position: left bottom;
}
/* -------------------------------
PNG Panels for modern browsers only
------------------------------- */
html>body .window_border_h_icon {
	background: transparent url(window/png/subtitle_bg.png) repeat-x left top;
}
html>body .window_border_h_text {
	background: transparent url(window/png/subtitle_bg.png) repeat-x left top;
}
html>body .window_border_h_help {
	background: transparent url(window/png/subtitle_bg.png) repeat-x left top;
}
html>body .window_border_tr {
	background: transparent url(window/png/border_tr_bg.png) no-repeat right top;
}
html>body .window_border_tl {
	background: transparent url(window/png/border_tl_bg.png) no-repeat left top;
}
html>body .window_border_l {
	background-image: url(window/png/border_lb_bg.png);
	background-color: transparent;
}
html>body .window_border_r {
	background-image: url(window/png/border_rb_bg.png);
	background-color: transparent;
}
html>body .window_border_b {
	background-color: transparent;
	background-image: url(window/png/border_b_bg.png);
}
html>body .window_border_bl {
	background-color: transparent;
	background-image: url(window/png/border_bl_bg.png);
}
html>body .window_border_br {
	background-color: transparent;
	background-image: url(window/png/border_br_bg.png);
}
html>body .window_content {
	background-image: url(window/png/window_content.png);
}
html>body #window_03 .window_border_h_icon {
	background: transparent url(window/png/subtitle_bg_03.png) repeat-x left top;
}
html>body #window_03 .window_border_h_text {
	background: transparent url(window/png/subtitle_bg_03.png) repeat-x left top;
}
html>body #window_03 .window_border_h_help {
	background: transparent url(window/png/subtitle_bg_03.png) repeat-x left top;
}
html>body #window_03 .window_border_tr {
	background: transparent url(window/png/window_border_tr_bg_03.png) no-repeat right top;
}
html>body #window_03 .window_border_tl {
	background: transparent url(window/png/window_border_tl_bg_03.png) no-repeat left top;
}
html>body #window_03 .window_border_l {
	background-image: url(window/png/border_lb_bg_03.png);
}
html>body #window_03 .window_border_r {
	background-image: url(window/png/border_rb_bg_03.png);
}
html>body #window_03 .window_border_b {
	background-image: url(window/png/border_b_bg_03.png);
}
html>body #window_03 .window_border_bl {
	background-image: url(window/png/border_bl_bg_03.png);
}
html>body #window_03 .window_border_br {
	background-image: url(window/png/border_br_bg_03.png);
}
html>body #window_03 .window_content {
	background-image: url(window/png/window_content_03.png);
}
html>body #window_04 .window_border_h_icon {
	background: transparent url(window/png/subtitle_bg_04.png) repeat-x left top;
}
html>body #window_04 .window_border_h_text {
	background: transparent url(window/png/subtitle_bg_04.png) repeat-x left top;
}
html>body #window_04 .window_border_h_help {
	background: transparent url(window/png/subtitle_bg_04.png) repeat-x left top;
}
html>body #window_04 .window_border_tr {
	background: transparent url(window/png/window_border_tr_bg_04.png) no-repeat right top;
}
html>body #window_04 .window_border_tl {
	background: transparent url(window/png/window_border_tl_bg_04.png) no-repeat left top;
}
html>body #window_04 .window_border_l {
	background-color: transparent;
	background-image: url(window/png/border_lb_bg_04.png);
}
html>body #window_04 .window_border_r {
	background-color: transparent;
	background-image: url(window/png/border_rb_bg_04.png);
}
html>body #window_04 .window_border_b {
	background-color: transparent;
	background-image: url(window/png/border_b_bg_04.png);
}
html>body #window_04 .window_border_bl {
	background-color: transparent;
	background-image: url(window/png/border_bl_bg_04.png);
}
html>body #window_04 .window_border_br {
	background-color: transparent;
	background-image: url(window/png/border_br_bg_04.png);
}
html>body #window_04 .window_content {
	background-image: url(window/png/window_content_04.png);
}
html>body #window_05 .window_border_h_icon {
	background: transparent url(window/png/subtitle_bg_05.png) repeat-x left top;
}
html>body #window_05 .window_border_h_text {
	background: transparent url(window/png/subtitle_bg_05.png) repeat-x left top;
}
html>body #window_05 .window_border_h_help {
	background: transparent url(window/png/subtitle_bg_05.png) repeat-x left top;
}
html>body #window_05 .window_border_tr {
	background: transparent url(window/png/window_border_tr_bg_05.png) no-repeat right top;
}
html>body #window_05 .window_border_tl {
	background: transparent url(window/png/window_border_tl_bg_05.png) no-repeat left top;
}
html>body #window_05 .window_border_l {
	background-image: url(window/png/border_lb_bg_05.png);
}
html>body #window_05 .window_border_r {
	background-image: url(window/png/border_rb_bg_05.png);
}
html>body #window_05 .window_border_b {
	background-image: url(window/png/border_b_bg_05.png);
}
html>body #window_05 .window_border_bl {
	background-image: url(window/png/border_bl_bg_05.png);
}
html>body #window_05 .window_border_br {
	background-image: url(window/png/border_br_bg_05.png);
}
html>body #window_05 .window_content {
	background-image: url(window/png/window_content_05.png);
}
html>body #window_06 .window_border_h_icon {
	background: transparent url(window/png/subtitle_bg_06.png) repeat-x left top;
}
html>body #window_06 .window_border_h_text {
	background: transparent url(window/png/subtitle_bg_06.png) repeat-x left top;
}
html>body #window_06 .window_border_h_help {
	background: transparent url(window/png/subtitle_bg_06.png) repeat-x left top;
}
html>body #window_06 .window_border_tr {
	background: transparent url(window/png/window_border_tr_bg_06.png) no-repeat right top;
}
html>body #window_06 .window_border_tl {
	background: transparent url(window/png/window_border_tl_bg_06.png) no-repeat left top;
}
html>body #window_06 .window_border_l {
	background-image: url(window/png/border_lb_bg_06.png);
}
html>body #window_06 .window_border_r {
	background-image: url(window/png/border_rb_bg_06.png);
}
html>body #window_06 .window_border_b {
	background-image: url(window/png/border_b_bg_06.png);
}
html>body #window_06 .window_border_bl {
	background-image: url(window/png/border_bl_bg_06.png);
}
html>body #window_06 .window_border_br {
	background-image: url(window/png/border_br_bg_06.png);
}
html>body #window_06 .window_content {
	background-image: url(window/png/window_content_06.png);
}
html>body #window_07 .window_border_h_icon {
	background: transparent url(window/png/subtitle_bg_07.png) repeat-x left top;
}
html>body #window_07 .window_border_h_text {
	background: transparent url(window/png/subtitle_bg_07.png) repeat-x left top;
}
html>body #window_07 .window_border_h_help {
	background: transparent url(window/png/subtitle_bg_07.png) repeat-x left top;
}
html>body #window_07 .window_border_tr {
	background: transparent url(window/png/window_border_tr_bg_07.png) no-repeat right top;
}
html>body #window_07 .window_border_tl {
	background: transparent url(window/png/window_border_tl_bg_07.png) no-repeat left top;
}
html>body #window_07 .window_border_l {
	background-image: url(window/png/border_lb_bg_07.png);
}
html>body #window_07 .window_border_r {
	background-image: url(window/png/border_rb_bg_07.png);
}
html>body #window_07 .window_border_b {
	background-image: url(window/png/border_b_bg_07.png);
}
html>body #window_07 .window_border_bl {
	background-image: url(window/png/border_bl_bg_07.png);
}
html>body #window_07 .window_border_br {
	background-image: url(window/png/border_br_bg_07.png);
}
html>body #window_07 .window_content {
	background-image: url(window/png/window_content_07.png);
}
/* -------------------------------END PNG Panels------------------------------- */



/* -------------------------------
9.3 additions 
------------------------------- */

/*** Gallery Styles ***/
/* Last edited: Maz 02/01/08    */

h1 {
	font-size: 22px;
	padding: 0;
	margin: 0.25em 0 0.75em 0;
}
h1 .gallery-owner {
	font-size: 11px;
	font-weight: normal;
	color: #666;
	margin-left: 1em;
}
h1 .gallery-owner a {
	text-decoration: none;
}
h1 .gallery-owner a:hover {
	text-decoration: underline;
}
h2 {
	color: #999;
	font-weight: normal;
	font-size: 18px;
	margin: 0 0 0.3em 0;
	padding: 0;
}
h3 {
	color: #333;
	font-size: 11px;
}
h1 .note {
	margin-left: 1em;
}
h2 .note {
	font-size: 11px;
}
.note, .note-darker {
	font-size: 10px;
	font-weight: normal;
}
.note {
	color: #777;
}
.note a {
	text-decoration: none;
}
.note a:hover {
	text-decoration: underline;
}
.note-darker {
	color: #333;
}
.gallery-content {
	position: relative;
	padding: 5px 8px;
	min-width: 930px;
_width: expression(  document.body.clientWidth < 931 ? "930px" : "auto");
}
.gallery-content-fixedwidth {
	width: 950px;    /* Since min-width doesn't work in IE, just use width for particular pages */
}
.clearright {
	clear: right;
}
.clearleft {
	clear: left;
}
.clear {
	clear: both;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
/*** General gallery styles ***/

.gallery-image {
	width: 90px;
	height: 65px;
}
.gallery-image a {
	display: block;
	width: 90px;
	height: 65px;
	overflow: hidden;
	border: 1px solid #ccc;
	text-align: center;
}
.gallery-image a img {
}
.gallery-image a:hover {
	border-color: #aaa;
	background-color: #eee;
}
/* Welcome page styles */

.leftcol, .rightcol {
	width: 49%;
}
.leftcol {
	float: left;
	margin-right:-240px;
}
.rightcol {
	float: right;
	margin-left:-240px;
}
.leftcol .content-padding {
	padding-right: 250px;
}
.rightcol .content-padding {
	padding-left: 240px;
}
.featurecol {
	position: relative;
	float: left;
	width: 470px;
	padding: 0 10px;
	border: 1px solid #ccc;
	border-width: 0 1px;
}
.featureimage {
	float: left;
	margin-right: 10px;
	min-height: 450px;
 *height: 450px;
}
.featureimage .gallery-image {
	width: 240px;
	height: auto;
}
.featureimage .gallery-image a {
	width: 240px;
	height: auto;
}
.toprated {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.toprated a {
	font-weight: bold;
	text-decoration: none;
}
.toprated a:hover {
	text-decoration: underline;
}
.toprated li {
	min-height: 65px;    /* Height needs to be the same as the thumbnail height*/
	_height: 65px;
	font-size: 12px;
	padding-bottom: 10px;
}
.toprated .star-rating li {
	height: 10px;
	min-height: 0;
	padding: 0;
}
.toprated .gallery-image {
	float: left;
	margin-right: 10px;
	text-align: center;
}
/* Browse Gallery styles */

.gallery-feature-image {
	float: left;
	width: 240px;
}
.gallery-list {
	list-style-type:none;
	margin: 0;
	padding: 0;
}
.gallery-list li {
	display: block;
	float: left;
	list-style-type: none;
	margin: 5px 5px 0 0;
	padding: 5px;
	min-width: 175px;
	_width: 175px;
}
.gallery-list li.hover {
	background-color: #f1f1f1;
}
.gallery-list li.hover h3 {
	cursor: move;
	background: url("images/icon_moveable.gif") no-repeat right 2px;
}
.gallery-list li.hover_no_drag h3 {
}
.gallery-list li a img {
	border: 0;
}
.gallery-list li h3 {
	font-size: 11px;
	color: #333;
	padding: 0 0 3px 0;
	margin: 0;
      /* Bug where IE6 wasn't expanding the width of the divs to contain the h3... */
   *white-space: nowrap;
}
.gallery-list .gallery-image {
	width: auto;
	height: auto;
}
.gallery-list .gallery-image a {
	cursor: pointer;
	display: table-cell;
 *display: block;
	border: 1px solid #E5E5E5;
	background-color: #fff;
	vertical-align: middle;
	width: 175px;
	height: 142px;    /* max image height of 140px plus 2x 1px border */
}
.gallery-list .gallery-image a:hover {
	border-color: #bbb;
}
.gallery-list .gallery-image img {
	display: block;
	margin: auto;
}
.gallery-image-buttons {
	padding: 3px 0 0 0;
	text-align: right;
}
.gallery-image-buttons .button {
	margin: 0 0 0 1px;
}
.gallery-list li .gallery-image-buttons a img {
	visibility: hidden;
}
.gallery-list li.hover .gallery-image-buttons a img {
	visibility: visible;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.gallery-list li.hover .gallery-image-buttons a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}
.gallery-list li.add-new h3 {
	color: #666;
}
.gallery-list li.add-new .gallery-image a {
	border: 1px dashed #ccc;
}
.gallery-list li.add-new .gallery-image a:hover {
	border-style: solid;
	color: #aaa;
}
.gallery-list li.add-new a {
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	text-decoration: none;
	color: #ccc;
}
.gallery-list li.add-new a .plus-sign {
	color: #ccc;
}
/* Gallery Upload Pages */

.gallery-uploadwizardedit-div {
	width: 580px;
}
.gallery-upload-nav {
	margin-top: 1.5em;
}
/* View Image page */

#rating {
	margin: 0 0 1em 0;
}
#rating .note {
	font-size: 10px;
}
.rating {
	display: inline;
}
.viewimage-col2 {
	display: inline;
	float: left;
	border-right: 1px solid #ddd;
	width: 635px;
	_width: 655px; /* to fix box-model inaccurate widths in IE6 and 7 */
	padding-right: 20px;
}
.viewimage-col {
	display: inline;
	float: left;
	width: 235px;
	_width: 255px; /* to fix box-model inaccurate widths in IE6 and 7 */
	padding-left: 20px;
}
.viewimage-imagecol {
	width: 352px;
	padding-left: 0;
	padding-right: 20px;
	margin-right: 0;
	border-right: 1px solid #ddd;
}
.viewimage-leftcol {
	display: inline;
	float: left;
	margin: 0 20px 2em 0;
	width: 512px;
	padding-right: 30px;
	margin-right: 30px;
	border-right: 1px solid #ddd;
}
.viewimage-rightcol {
	float: left;
	width: 230px;
}
.viewimage-rightcol p {
	margin-bottom: 2em;
}
#image_preview {
	margin-bottom: 10px;
	width: 352px;
	height: auto;
	min-height: 200px;
 *height: 200px;
	background-color: #eee;
}
#image_preview a {
	width: 350px;
	height: 250px;
	min-height: 200px;
 *height: 200px;
	padding:0px;
	display: table-cell;
 *display: block;
	border: 1px solid #eee;
	vertical-align: middle;
	text-align: center;
}
#image_preview a:hover {
	border: 1px solid #ddd;
}
#image_preview img {
}
#image_info h2 .rating {
	display: inline;
}
#image_tags {
	margin: 0 0 1em 0;
}
#image_tags .tag_cloud {
	font-size: 0.9em;
}
#image_tags input.tag_editing {
	width: 140px;
	margin-top: 5px;
}
#image_tags .button {
	white-space: nowrap;
}
#prev_next_buttons {
	position: relative;
	border: 1px solid #ddd;
	margin: 5px 0 20px 0;
}
#prev_next_buttons .gallery-image {
	position: relative;
	margin: 0;
	width: 110px; /* 100px + 20px padding */
	height: 60px;
	overflow: hidden;
}
#prev_next_buttons .gallery-image a {
	border: none;
	background-color: #eee;
	width: 110px;
	height: 60px;
}
#prev_next_buttons .gallery-image a:hover {
	background-color: #ddd;
}
#prev_next_buttons .prevlink a img {
	margin-left: 19px;
}
#prev_next_buttons .nextlink a img {
	margin-right: 19px;
}
#prev_next_buttons .prevlink {
	float: left;
}
#prev_next_buttons .nextlink {
	float: right;
}
#prev_next_buttons .linkarrow {
	display: block;
	position: absolute;
	top: 0;
	width: 20px;
	height: 100%;
}
#prev_next_buttons .prevlink a .linkarrow {
	background: url("images/prev_off.gif") no-repeat #e5e5e5 center left;
	left: 0;
}
#prev_next_buttons .prevlink a:hover .linkarrow {
	background-image: url("images/prev_on.gif");
}
#prev_next_buttons .nextlink a .linkarrow {
	background: url("images/next_off.gif") no-repeat #e5e5e5 center right;
	right: 0;
}
#prev_next_buttons .nextlink a:hover .linkarrow {
	background-image: url("images/next_on.gif");
}
.image_controls {
	text-align: right;
}
.image_controls a.button {
	margin: 0 1px;
}
/* Gallery Comments */
.comment {
	background-color: #f6f6f6;
	border-top: 1px solid #ddd;
	padding: 5px 5px 1em 5px;
	margin-bottom: 10px;
}
.comment h3 {
	padding: 0;
	margin: 0 0 0.8em 0;
	font-size: 11px;
	color: #666;
}
.comment .note {
	margin-left: 5px;
	font-size: 10px;
}
#image_comments {
	clear: left;
}
#image_comments .editorCommentButtons {
	margin: 1em 0;
}
#image_comments .mceEditor, #image_comments .mceEditorIframe, #image_comments .form_textbox {
	width: 100% !important;
	height: 100px !important;
}
#image_comments .editorContainer {
	height: 125px !important;
}
#image_comments .editorCommentButtons {
	margin-bottom: 20px;
}
/* Tag cloud styles */

ol.tag_cloud {
	list-style-type: none;
	padding: 0;
	margin: 0 0 1em 0;
	line-height: 1.4;
}
ol.tag_cloud li {
	display: inline;
	margin-right: 5px;
}
ol.tag_cloud li a {
	text-decoration: none;
}
ol.tag_cloud li a:hover {
	text-decoration: underline;
}
ol.tag_cloud li span {
	display: none;
}
ol.tag_cloud .tag_weight_1 {
	font-size: 11px;
}
ol.tag_cloud .tag_weight_2 {
	font-size: 12px;
}
ol.tag_cloud .tag_weight_3 {
	font-size: 13px;
}
ol.tag_cloud .tag_weight_4 {
	font-size: 15px;
}
ol.tag_cloud .tag_weight_5 {
	font-size: 17px;
}
/* Gallery Search */

.file_list_results h1 {
	border-bottom: 1px solid #ccc;
	margin: 10px 0;
}
.file_list_table {
	empty-cells: show;
	margin: 15px 0;
}
.file_list_table thead td, .file_list_table thead th {
	border-bottom: 1px solid #ccc;
}
.file_list_table td, .file_list_table th {
	padding: 5px;
}
/* Added by DavidN */
.disabled_button {
	color: #C0C0C0;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
}

/* Additional styles by David for Mantis issue #7283 */
.gallery-list li.hover_no_drag {
	background-color: #f1f1f1;
}
.gallery-list li.hover_no_drag h3 {
}
.gallery-list li.hover_no_drag .gallery-image-buttons a img {
	visibility: visible;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.gallery-list li.hover_no_drag .gallery-image-buttons a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}
/* End additional stlyes by David */

/***** END OF GALLERY STYLES ****/


/* -----------------------
CHat button overwrite
-------------------------- */
.chat_button
{
    width: 100px;
    height: 100px;
    background-image: url(buttons/chat_button.gif);
}



/* ------------------------
test icon effect
---------------------------*/
.iconEffect {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	z-index: 55;
	vertical-align: middle;
	margin-top: -32px;
	height: 32px;
	width: 32px;
	text-align: center;
}
.iconEffect img {
	position: absolute;
	top: 0px;
	left: 0px;
}


/* ---------------------------------------
Start Table
------------------------------------------ */
/* ---------------------------------------
Start Table
------------------------------------------ */
table.standardTable {
    border-collapse: collapse;
    margin: 0px;
}
table.standardTable .col,
table.standardTable TD,
table.standardTable TH    {
    border: solid 0px #a6a6a6;
    padding: 0px;
}
table.standardTable TH {
padding: 6px 2px;
text-align: left;
}

table.standardTable TD img {
padding: 4px;
}
table.standardTable TD {
/*    background-color: white; casuing issues with list_hover */
}
table.standardTable .sort {
    background-color: #f8fcf6;
}
table.standardTable .altRow TD, 
table.standardTable .altRow {
    background: #f4f4f4;
}
table.standardTable .list_row_alternate .altRow TD, 
table.standardTable .list_row_alternate .altRow {
    background: #eeeeee;
}

table.standardTable .altRow .sort {
    background-color: #ecf1ea;
}
table.standardTable .iconCol IMG {
    height: 32px;
}
table.standardTable .head {
    background: #a6a6a6;
}
table.standardTable li.head {
    display: block;
}
table.standardTable .head .sort {
    background-color: #a6a6a6;
}
table.standardTable .grey .head .firstCol {
    background: #a6a6a6 url( window/table_head_tl_grey.gif ) top left no-repeat;
}
table.standardTable .head .firstCol {
    background: #a6a6a6 url( window/table_head_tl.gif ) top left no-repeat;
}
table.standardTable .head .lastCol {
    background: #a6a6a6 url( window/table_head_tr.gif ) top right no-repeat;
}
table.standardTable .grey .head .lastCol {
    background: #a6a6a6 url( window/table_head_tr_grey.gif ) top right no-repeat;
}
table.standardTable .head, 
table.standardTable .head a {
    color: white;
    text-decoration: underline;
    font-weight: bold;
}
/* TH a:hover {
   background: url(elementary/col_sort_active.gif) right center no-repeat;
}*/
table.standardTable .head A {
    padding-right: 18px;
    padding: 4px 18px 4px 0px;
}
table.standardTable .head .sort.desc a {
    background: url( window/col_sort_desc_active.gif ) right center no-repeat;
}
table.standardTable .head .sort a {
    background: url( window/col_sort_active.gif ) right center no-repeat;
}
table.standardTable .sort {
    text-decoration: none;
}

table.standardTable .toggleCheck {
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -100em;
    overflow: hidden;
    background: url( window/toggle_tick_off.gif ) center center no-repeat;
    margin: 0px auto;
}

table.standardTable .toggleCheck:hover {
    background-image: url( window/toggle_tick_off_hover.gif );
}

table.standardTable .toggleCheck.on {
    background: url( window/toggle_tick_on.gif ) center center no-repeat;
}

table.standardTable .toggleCheck.on:hover {
    background: url( window/toggle_tick_on_hover.gif ) center center no-repeat;
}

/* End Table */





.channelContentArea table {
    border-collapse: collapse;
    margin: 0px;
}
.channelContentArea table .col,
.channelContentArea table TD,
.channelContentArea table TH    {
    border: solid 0px #a6a6a6;
    padding: 0px;

}
.channelContentArea table TD {
/*    background-color: white; casuing issues with list_hover */
}
.channelContentArea table .sort {
    background-color: #f8fcf6;
}
.channelContentArea table .altRow TD, 
.channelContentArea table .altRow {
    background: #f4f4f4;
}
.channelContentArea table .list_row_alternate .altRow TD, 
.channelContentArea table .list_row_alternate .altRow {
    background: #eeeeee;
}

.channelContentArea table .altRow .sort {
    background-color: #ecf1ea;
}
.channelContentArea table .iconCol IMG {
    height: 32px;
}
.channelContentArea table .head {
    background: #a6a6a6;
}
.channelContentArea table li.head {
    display: block;
}
.channelContentArea table .head .sort {
    background-color: #a6a6a6;
}
.channelContentArea table .grey .head .firstCol {
    background: #a6a6a6 url( window/table_head_tl_grey.gif ) top left no-repeat;
}
.channelContentArea table .head .firstCol {
    background: #a6a6a6 url( window/table_head_tl.gif ) top left no-repeat;
}
.channelContentArea table .head .lastCol {
    background: #a6a6a6 url( window/table_head_tr.gif ) top right no-repeat;
}
.channelContentArea table .grey .head .lastCol {
    background: #a6a6a6 url( window/table_head_tr_grey.gif ) top right no-repeat;
}
.channelContentArea table .head, 
.channelContentArea table .head a {
    color: white;
    text-decoration: underline;
    font-weight: bold;
}
/* TH a:hover {
   background: url(elementary/col_sort_active.gif) right center no-repeat;
}*/
.channelContentArea table .head A {
    padding-right: 18px;
}
.channelContentArea table .head .sort.desc a {
    background: url( window/col_sort_desc_active.gif ) right center no-repeat;
}
.channelContentArea table .head .sort a {
    background: url( window/col_sort_active.gif ) right center no-repeat;
}
.channelContentArea table .sort {
    text-decoration: none;
}

.channelContentArea table .toggleCheck {
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -100em;
    overflow: hidden;
    background: url( window/toggle_tick_off.gif ) center center no-repeat;
    margin: 0px auto;
}

.channelContentArea table .toggleCheck:hover {
    background-image: url( window/toggle_tick_off_hover.gif );
}

.channelContentArea table .toggleCheck.on {
    background: url( window/toggle_tick_on.gif ) center center no-repeat;
}

.channelContentArea table .toggleCheck.on:hover {
    background: url( window/toggle_tick_on_hover.gif ) center center no-repeat;
}

/* End Table */




