/* put all common colour info at bottom */
@media print {
	.do_not_print {
		display: none;
	}
}

#spacing_small li, .spacing_small li {
	margin-bottom: 5px;
}
#spacing_medium li, .spacing_medium li {
	margin-bottom: 10px;
}
#spacing_large li, .spacing_large li {
	margin-bottom: 15px;
}
a, a:visited, a:link {
	/*text-decoration: underline;*/
	/*cursor: pointer;*/
}
a:hover {
	/*cursor: pointer;*/
	text-decoration: none;
}
a:active {
  position: relative;
  /*left: 1px;*/
}
a.link_subtle {
	color: #000000;
	text-decoration: none;
}
#ac_price_table {font-family: arial, sans serif; font-size: 12px;}
#ac_price_table .bt {border-top: 1px solid #CCCCCC;}
#ac_price_table th {
	border: 0; 
	border-top: 1px solid #CCCCCC; 
	background: #FFFFEE;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	padding: 1px 2px;
}
#ac_price_table {border: 1px #AACCFF solid;}
#ac_price_table td {color: #666666; padding: 1px 2px; font-size: 12px;}
#ac_price_table span a:link
,#ac_price_table span a:visited {color:#666666; text-decoration:none;}
#ac_price_table tr td span a:hover {color:#0000FF; text-decoration:underline;}
#ac_price_table a:hover {text-decoration:underline; color: #CC0000;}
acronym {
	border-bottom: 1px dashed #C8DEFC;
	cursor: help;
}
.alert {
	background-color: #FFEBEB;
	border: 1px dashed red;
	padding: 10px;
	color: red;
	font-size: 18px;
	font-weight: bold;
}
.apply_bold {
	font-weight: bold;
}
body {
	margin: 0;
}
.background_off {
	background-color: #FFC0C0;
}
.background_on {
	background-color: #C0FFC0;
}
.background_off_rb {
	background-color: #FFC0C0;
	border-right: 1px solid #666;
}
.background_on_rb {
	background-color: #C0FFC0;
	border-right: 1px solid #666;
}

.background_orange {
	background-color: #FFE5C1;
}
#beststl_mainwrapper {
	margin: 0;
	padding: 0;
	background: #fff url("/asset/image/background/main_bg_01.png") repeat-x top;
	text-align: center;
}
#beststl_maincontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fff url("/asset/image/background/main_bg_01.png") repeat-x top;
	width: 990px !important;
	margin: 0 auto !important;
	padding: 0 0 10px 0;
	position: relative;
	text-align: left;
}	
.mainshadedcontent {
	padding: 1em;
	/*padding: 1em;*/
	/*background: url("/asset/image/background/mainshadedcontent.png") repeat-x top;*/
}

.new_section_shade_01 {
	background: url("/asset/image/background/new-section-shade-01.png") top right repeat-x;
	padding: .5em;
}

.new_section_shade_01 h3 {
	margin-top: 0;
}

.notes_textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url('/asset/image/background/forum-notes.gif') no-repeat;	
}
.background_blue_subtle {
	background-color: #D7D8FF;
}
.background_yellow {
	background-color: #FFFF99;
}
.basket div {
	float: left;
	margin-right: 20px;
}
.basket div.last {
	text-align: right;
	float: right;
	margin: 0 !important;
}
.border_right {
	border-right: 1px solid #C0C0C0;
}


/* CALL ME BACK */
.callMeBackFormWrap {
	display: none;
	margin: 0 .6em; 
	border: 1px solid #999; 
	border-top: 1px dashed #FFF2D5; 
	padding: .5em;
	background: #fff url('/asset/image/background/call-me-back-175.png') bottom repeat-x; 
}
.callMeBackFieldname {
	font-size: 1.5em;
	display: block;
}
.callMeBackInput {
	margin-left: 1em;
}
.callMeBackInput input {
	width: 100%;
	font-size: 2em;
	color: #AE7700;
	padding: 0 .3em;
}



.piecepaper850 {
	background: url('/asset/image/background/piece-paper/middle.png') repeat-y #E6E6E6;
	width: 850px;
	min-width: 850px;
	margin: 0 auto;
}
.piecepaper850bottom {
	background: url('/asset/image/background/piece-paper/bottom.png') bottom no-repeat; 
}
.piecepaper850top {
	background: url('/asset/image/background/piece-paper/top.png') top no-repeat;
	padding: 20px;
}

.portfolio_display {
	background: url("/asset/image/background/course-details-section.png");
}
.portfolio_display_pad {
	padding: 10px 3px;
}
.portfolio_display_clear {
	font-size: 1px; 
	height: 1px;
}

.portfolio_display_td {
	background: url("/asset/image/background/course-details-section.png") top repeat-x #C2DAFC;
	padding: 10px 3px;
}
.portfolio_display_td_normal {
	background-color: #C8DEFC;
	padding: 10px 3px;
}
.portfolio_display_tl {
	background: url("/asset/image/corners/portfolio-shaded/tl.png") top left no-repeat;
	padding: 10px 3px;
}
.portfolio_display_tr {
	background: url("/asset/image/corners/portfolio-shaded/tr.png") top right no-repeat;
	padding: 10px 3px;
}

.corners_portfolio_shading_tl {
	background: url("/asset/image/corners/portfolio-shaded/tl.png") no-repeat top left;
	padding: 10px 3px;
}
.corners_portfolio_shading_tr {
	background: url("/asset/image/corners/portfolio-shaded/tr.png") no-repeat top right;
	padding: 10px 3px;
}
.corners_portfolio_shading_bl {
	background: url("/asset/image/corners/portfolio-shaded/bl.png") no-repeat bottom left;
	padding: 10px 3px;
}
.corners_portfolio_shading_br {
	background: url("/asset/image/corners/portfolio-shaded/br.png") no-repeat bottom right;
	padding: 10px 3px;
}

#portfolio_table a:link
, #portfolio_table a:visited
, #portfolio_table a:active {
	color: #000; 
	text-decoration: none;
}
#portfolio_table a:hover {
	text-decoration: underline;
}
#portfolio_table a img {
	text-decoration: none;
}

/***************************** BOXES ************************************/
/* Show only to IE PC \*/
* html .box_rounded_head div {height: 1%;} /* For IE 5 PC */

.box_rounded {
	margin: 0 auto; /* center for now */
	width: 35em; /* ems so it will grow */
	background: url("/asset/image/corners/lb/body-r.png") no-repeat bottom right;
	font-size: 100%;
}
.box_rounded_100pc {
	margin: 0 auto 10px auto; /* center for now */
	width: 100%;
	background: url("/asset/image/corners/lb/body-r.png") no-repeat bottom right;
	font-size: 100%;
}
.box_rounded_315 {
	margin: 0 auto 10px auto; /* center for now */
	width: 315px;
	background: url("/asset/image/corners/lb/body-r.png") no-repeat bottom right;
	font-size: 100%;
}
.box_rounded_190 {
	margin: 0 auto 10px auto; /* center for now */
	width: 190px;
	background: url("/asset/image/corners/lb/body-r.png") no-repeat bottom right;
	font-size: 100%;
}
.box_rounded_210 {
	margin: 0 auto 10px auto; /* center for now */
	width: 210px;
	background: url("/asset/image/corners/lb/body-r.png") no-repeat bottom right;
	font-size: 100%;
}
.box_rounded_220 {
	margin: 0 auto 10px auto; /* center for now */
	width: 220px;
	background: url("/asset/image/corners/lb/body-r.png") no-repeat bottom right;
	font-size: 100%;
}
.box_rounded_head {
	background: url("/asset/image/corners/lb/shead-r.png") no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.box_rounded_head div {
	background: url("/asset/image/corners/lb/shead-l.png") no-repeat top left;
	margin: 0;
	padding: 10px 30px 10px;
	color: #000000; 
	font-weight: bold; 
	font-size: 1.5em; 
	line-height: 1em;
	/*text-shadow: rgba(255,255,255,1) 1px 1px 1px; /* Safari/mozilla only */
}
.box_rounded_head div a {
	color: #000000;
}
.box_rounded_body {
	background: url("/asset/image/corners/lb/body-l.png") no-repeat bottom left;
	margin: 0;
	padding: 10px 10px 20px 10px;
}
.box_rounded_body_min_padding {
	background: url("/asset/image/corners/lb/body-l.png") no-repeat bottom left;
	margin: 0;
	padding: 10px 3px 5px 3px;
}

/* Show only to IE PC \*/
* html .box_rounded_head_orange div {height: 1%;} /* For IE 5 PC */

.box_rounded_orange {
	margin: 0 auto; /* center for now */
	width: 35em; /* ems so it will grow */
	background: url("/asset/image/corners/lb-orange-fill/body-r.png") no-repeat bottom right;
	font-size: 100%;
}
.box_rounded_orange_315 {
	margin: 0 auto 10px auto; /* center for now */
	width: 315px; 
	background: url("/asset/image/corners/lb-orange-fill/body-r.png") no-repeat bottom right;
	font-size: 100%;
}
.box_rounded_head_orange {
	background: url("/asset/image/corners/lb-orange-fill/shead-r.png") no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.box_rounded_head_orange div {
	background: url("/asset/image/corners/lb-orange-fill/shead-l.png") no-repeat top left;
	margin: 0;
	padding: 10px 30px 10px;
	color: #000000; 
	font-weight: bold; 
	font-size: 1.5em; 
	line-height: 1em;
	/*text-shadow: rgba(255,255,255,1) 1px 1px 1px; /* Safari/mozilla only */
}
.box_rounded_head_orange div a {
	color: #000000;
}
.box_rounded_body_orange {
	background: url("/asset/image/corners/lb-orange-fill/body-l.png") no-repeat bottom left;
	margin: 0;
	padding: 10px 3px 20px 3px;
}
/***************************** END BOXES ************************************/


.calendar_today {
	border: 2px dashed green;
}
.commercial_warning {
	border: 2px dashed #000000;
	padding: 1em;
	background: #FFFF66 url("/asset/image/icon/32x32/warning-triangle.png") left no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 200%;
}
.display_none, .comment_off {
	display: none;
}
.display_block, .comment_on {
	display: block;
}
.copyright {
	color: #999999;
	font-size: 10px;
}.copyright_lighter {
	color: #CBCBCB;
	font-size: 9px;
}
.design_white {
	background-color: white;
}
.design_menu_category {
	width: 160px;
	display: block;
	border-right: 1px solid #9F9F9F;
	padding-left: 10px;
	text-decoration: none;
}
.design_menu_category_on {
	width: 160px;
	display: block;
	background-color: #FFFFFF;
	border-top: 1px solid #9F9F9F;
	border-bottom: 1px solid #9F9F9F;
	border-left: 1px solid #9F9F9F;
	padding-left: 10px;
	text-decoration: none;
}
.design_menu_category:hover, .design_menu_category_on:hover {
	text-decoration: underline;
}
.design_menu_section {
	width: 160px;
	display: block;
	border-right: 1px solid #9F9F9F;
	/*cursor: pointer;*/
	/*color: #6F6860;*/
	/*background: #DCEDF4;*/
	/*color: #808080;*/
	font-weight: bold;
	font-size: 13px;
	padding-right: 10px;
	text-decoration: none;
}
.developer_only {
	/*background: url('/asset/image/background/dev-only.gif') no-repeat 0% 0%;*/
	background-color: #FFFFC0;
	border: 1px solid #FFFF00;
	padding: 2px;
	/*padding-left: 20px;*/
}
.error {
	border: 1px dashed red;
	padding: 10px;
}
.error, .error_highlight, .red_background {
	background-color: #FFEBEB;
}
.error_highlight, .red_background {
	border: 1px solid red;
}
.failed, failed {
	color: red;
}
.field_label_admin {
	font-size: 9px;
	border-top: 2px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	padding: 1px;
}

/* SALES TOOLBAR */
.sales_toolbar_wrapper {
	background-color: #FFFEFB;
	border: 1px solid #FFF2E1; 
	margin-top: 1em;
}
.sales_toolbar_wrapper a {
	text-decoration: none;
	color: #662900;
}
.sales_toolbar_wrapper a:hover {
	text-decoration: underline; 
	/*font-style: italic;*/
	color: #C00000;
}
.strip_sales {
}
.field_label_sales {
	background-color: #FFF3EB;
	/*background-color: #C3FFC3;*/
	font-weight: bold;
	color: #662900;
}
.tr_td_sales_toolbar {
	border-right: 1px solid #FFF2E1;
	padding: .05em .5em;
}


.font, table, tr, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.footnote_marker {
	color: #FF6600;
}
form {
	margin-bottom: 0em;
}
.form_attention {
	border: 1px solid #000;
	background-color: #FFFF00;
	padding: .5em;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.grey {
	color: #666666;
}
/*search link*/
.green {
	color: #008000;
}
#headingstrips {
	font-size: 100%;
}
#headingstrips h2 {
	margin-top: 30px;
	border-top: 1px solid #BBBBBB;
	background-color: #C8DEFC;
	padding: .2em;
}
.heading_strip {
	margin-top: 30px;
	border-top: 1px solid #BBBBBB;
	background-color: #C8DEFC;
	padding: .2em;
}
.heading_strip_nomargin {
	border-top: 1px solid #BBBBBB;
	background-color: #C8DEFC;
	padding: .2em;
}
h6 {
	font-size: 150%;
	background-color: #F5FAFF;
	border-bottom: 1px solid #4074CA;
}
.highlight_yellow {
	background-color: yellow;
}
input:focus, textarea:focus, select:focus {
	background-color: #EDF4FD;
}
/*	color: #11449E;*/
.information_important {
	color: red;
	font-weight: bold;
}

.information_box {
	border: solid #C6C6C6 1px;
	margin: 5px;
	/* Below 4 lines add rounded bottom corners to each menu item. Only works in Firefox and Future CSS3 capable browsers */
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;	
}

#information_box {
	border: solid #C6C6C6 1px;
	margin: 5px;
	/* Below 4 lines add rounded bottom corners to each menu item. Only works in Firefox and Future CSS3 capable browsers */
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;	
}
#information_box h3 {
	background: #DAE8FD;
	font-size: 115%;
	padding: 1px 10px;
	margin: 0;
	color: #2B59A7;
}
#information_box h3 a {
	color: #2B59A7;
	text-decoration: none;
}
#information_box h3 a:hover {
	text-decoration: underline;
}
/*
#information_box h2 {
	background: #DAE8FD;
	padding: 2px 7px;
	margin: 0;
	color: #2B59A7;
	border-bottom: solid #C6C6C6 1px;
}
*/
#information_box p {
	padding-left: 10px;
	padding-right: 10px;
}
#information_box .morebottom_grey {
	text-align: right;
	font-size: 80%;
	margin: 10px 0 0 0;
	border-top: dashed #A4C0DC 1px;
	padding: 5px 10px;
	color: #404040;
}






/*invertedshiftdown tab system*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 10px solid #C8DEFC; 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
clear: both;
}
.invertedshiftdown ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}
.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
/*text-transform:uppercase;*/
}
.invertedshiftdown a{
float: left;
display: block;
/*font: bold 12px Arial;*/
color: #11449E;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}
.invertedshiftdown a:hover{
background-color: #E1EEFF; 
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: #11449E;
}
.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #C8DEFC; 
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: #000;
font-weight: bold;
}





/* invertedtopshiftup created by Best STL to sit on top of the invertedshiftdown */
.invertedtopshiftup{
padding: 0;
width: 100%;
/*border-bottom: 5px solid #C8DEFC;*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
clear: both;
}
.invertedtopshiftup ul{
margin:0;
margin-left: 20px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}
.invertedtopshiftup li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
/*text-transform:uppercase;*/
}
.invertedtopshiftup a{
float: left;
display: block;
/*font-weight: bold;*/
color: #11449E;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 9px 10px 5px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}
.invertedtopshiftup a:hover{
background-color: #E1EEFF; 
padding-top: 5px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 9px; /*Flip default padding-bottom value with padding-top*/
color: #11449E;
}
.invertedtopshiftup .current a{ /** currently selected menu item **/
background-color: #C8DEFC; 
padding-top: 5px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 9px; /*Flip default padding-bottom value with padding-top*/
color: #000;
font-weight: bold;
}






.linethrough {text-decoration: line-through; }

.link_as_button {
	text-decoration: none;
	background-color: #EBF3FF;
	color: #333333;
	padding: 2px 6px 2px 6px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #CCCCCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.link_as_button:hover {
	background-color: #C8DEFC;
}

#overview_panels a {
	color: #2B59A7;
	text-decoration: none;
}
#overview_panels a:hover {
	text-decoration: underline;
}

#overview_panels ul {
	margin-left: .8em;
	padding-left: .8em;
	list-style-image: url("/asset/image/icon/bullet_grey_arrow_right.gif");
}
#ov_panel_1, #ov_panel_2, #ov_panel_3 {
	float: left;
	margin: 0;
}
#ov_panel_1 {
	width: 275px;
}
#ov_panel_2 {
	width: 300px;
}
#ov_panel_3 {
	width: 215px;
}

#syllabus_sheet_linklist {
	float: left;
	margin: 5px 5px 0 0;
}

.laptop {
	border: 1px solid #0000FF;
	padding-left: 1px;
	padding-right: 1px;
}
.large {
	font-size: 150%;
	font-weight: bold;
}
.linethrough {
	text-decoration: line-through;
}
.link {
	text-decoration: underline;
	cursor: pointer;
}

#no_underline a {
	text-decoration: none;
}
#no_underline a:hover {
	text-decoration: underline;
}

.no_underline a {
	text-decoration: none;
}
.no_underline a:hover {
	text-decoration: underline;
}

#links_not_underlined li a:link
, #links_not_underlined li a:visited
, #links_not_underlined li a:active
 {
	text-decoration: none;
}
#links_not_underlined li a:hover {
	background-color: yellow;
}
.log_area_button_link {
	font-size: 200%;
	margin: 1em 0;
	background: url('/asset/image/icon/speech-bubble.gif') left no-repeat;
	text-decoration: none;
	border: 1px solid #999999;
	padding: .1em .1em .1em .5em;
}
.orange {
	color: #FF9900;
}

p {
	/*margin-left: 1em;*/
}

.pay_method_blank {
	cursor: pointer;
}
.pay_method_blue {
	border: 2px solid blue;
	background-color: #C0D7E8;
}
.pay_method_grey, .pay_method_grey_no_pointer {
	border: 2px solid #EEEEEE;
}
.pay_method_grey {
	cursor: pointer;
}
.pay_method_green, .pay_method_green_no_pointer {
	border: 2px solid green;
	background-color: #C0E7D0;
}
.pay_method_green {
	cursor: pointer;
}

.paybycard {
	background-color: #DCF6C4;
}
.paybyinvoice {
	background-color: #F7DEC3;
}

.paybycard_withborder {
	background-color: #DCF6C4;
	border-right: 1px solid #666;
}
.paybyinvoice_withborder {
	background-color: #F7DEC3;
	border-right: 1px solid #666;
}

.paybycard_header {
	background: #DCF6C4 url("/asset/image/background/paybycard.gif") repeat-x bottom;
}
.paybyinvoice_header {
	background: #F7DEC3 url("/asset/image/background/paybyinvoice.gif") repeat-x bottom;
}
.paybycard_total {
	background: #DCF6C4 url("/asset/image/background/paybycard_total.gif") repeat-x top;
}
.paybyinvoice_total {
	background: #F7DEC3 url("/asset/image/background/paybyinvoice_total.gif") repeat-x top;
}

.pad_left_top {
	padding-top: 10px;
	padding-left: 10px;
}
.price_box_wrapper a:link, .price_box_wrapper a:active, .price_box_wrapper a:visited {
	text-decoration: none;
}
.price_box_wrapper a:hover {
	text-decoration: underline;
}
.price_slash {
	background-image: url('/asset/image/promotion/price_box_red_slash_2.png');
	font-weight: bold;
}
.projector {
	border: 1px solid #FF00FF;
	padding-left: 1px;
	padding-right: 1px;
}
.promocode {
	color: #00FF00;
	background-color: #000;
	padding: 0 3px;
	font-weight: bold;
	font-size: 110%;
}
.promotion1, .success_box {
	background-color: #C0FFC0;
	border: 1px dashed green;
	padding: 10px;
}
.promotion2 {
	border: 1px solid red;
	padding: 10px;
	background-color: white;
}
.promotion3 {
	border: 1px solid green;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
}
.promotion4 {
	border: 1px dashed #FF6700;
	background-color: #FFDDC1;
	padding: 10px;
}
.promotion5 {
	border: 1px solid #FFFF66;
	background: #FFFFCC;
	padding: 10px;
}
.promotion6 {
	border: 1px solid #000;
	background-color: #FFFF00;
	padding: .5em;
	margin: .5em;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.promotion7 {
	border: 1px solid grey;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
}


.promotion_green_01_500 {
	background: url('/asset/image/background/promotion_green_01/middle.png') repeat-y #53A006;
	width: 500px;
	min-width: 500px;
	/*margin: 0 auto;*/
}
.promotion_green_01_500_bottom {
	background: url('/asset/image/background/promotion_green_01/bottom.png') bottom no-repeat; 
}
.promotion_green_01_500_top {
	background: url('/asset/image/background/promotion_green_01/top.png') top no-repeat;
	padding: 20px;
}
.promotion_green_01_500_top a .headline 
, .promotion_green_01_500_top .headline 
{
	font-size: 150%;
	font-weight: bold;
	color: #ffffff;
}

/* **** */

.promotion_green_01_650 {
	background: url('/asset/image/background/promotion_green_02/middle.png') repeat-y #53A006;
	width: 650px;
	min-width: 650px;
	/*margin: 0 auto;*/
	color: #FFFF66;
}
.promotion_green_01_650_bottom {
	background: url('/asset/image/background/promotion_green_02/bottom.png') bottom no-repeat; 
}
.promotion_green_01_650_top {
	background: url('/asset/image/background/promotion_green_02/top.png') top no-repeat;
	padding: 20px;
}
.promotion_green_01_650_top a .headline 
, .promotion_green_01_650_top .headline 
{
	font-size: 150%;
	font-weight: bold;
	color: #ffffff;
}

/* **** */

.promotion_blue_01 {
	display: block;
	background: transparent url("/asset/image/background/promotion_blue_01/left.png") no-repeat top left;
	float: left;
	font-size: 110%; /* Change 13px as desired */
	color: #fff;
	line-height: 49px; /* This value + 4px + 4px (top and bottom padding of SPAN) 
												must equal height of button background (default is 24px) */
	height: 57px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	text-decoration: none;
}

.promotion_blue_01 .right_part {
	background: transparent url("/asset/image/background/promotion_blue_01/right.png") no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

.promotion_blue_01 .heading_part {
	font-size: 150%;
	font-weight: bold;
}

.promotion_blue_01 a {
	color: #fff;
}

.promotion_blue_01_button_block { 
	background-color: yellow;
}


/* Container you can use to surround a CSS button to clear float */
.promotion_blue_01_button_wrapper { 
	overflow: hidden;
	width: 100%;
}

.promotion_blue_01_button_rt:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.promotion_blue_01_button_rt {display: inline-block;}

.promotion_blue_01_sidebar {
	background: url("/asset/image/background/promotion_blue_01/repeat-409BF8.png") #409BF8 bottom repeat-x;
	padding: .3em 1em;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-khtml-border-radius: 1em;
	-webkit-border-radius: 1em;
	color: #fff;
}
.promotion_blue_01_sidebar a {
	color: #fff;
}

409BF8

/* Hides from IE-mac \*/
* html .promotion_blue_01_button_rt {height: 1%;}
.promotion_blue_01_button_rt {display: block;}
/* End hide from IE-mac */


/* **** */

.public_holiday {
	background-color: #C0C0C0;
}
.rating_6 {background-color: #40FF40;}
.rating_5 {background-color: #00C000;}
.rating_4 {background-color: #BFB402;}
.rating_3 {background-color: #F9A900;}
.rating_2 {background-color: #E98700;}
.rating_1 {background-color: #D73C00;}
.rating_grey {background-color: #C0C0C0;}
.red_background {
/*	background-color: red;*/
}
#return_to_quote {
	background: #FFCD67 url("/asset/image/background/sunset.gif") repeat-x left top;
	text-align: center;
	display: block;
	/*font-size: 115%;*/
	color: #000;
	padding: 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#return_to_quote a {
	color: #000;
}
#return_to_quote img {
	border: 0;
	margin-right: .5em;
	vertical-align: middle;
}
.row_separate {
	border-top: 1px solid #666666;
	padding: 0px;
}
#sage-trainer-monthly-table table tr td a:link
,#sage-trainer-monthly-table table tr td a:visited
,#sage-trainer-monthly-table table tr td a:active {text-decoration: none;}
#sage-trainer-monthly-table table tr td a:hover {text-decoration: underline;}
.sidebar_border_left {
	border-left: 1px solid #DDDDDD;
}
.sidebar_border_right {
	border-right: 1px solid #DDDDDD;
}
.sidebar_left, .sidebar_right {
	/*
	border: 1px solid #9F9F9F;
	background-color: #F5F5F5;
	padding: 2px;
	*/
	margin-left: 1em;
}
.sidebar_left {
	float: left;
}
.sidebar_right {
	float: right;
}

/* ******* */

.flex_rounded_box_white {
	margin-bottom: 1em;
}

.flex_rounded_box_white .frbw_top_left {
	background-image: url("/asset/image/background/flex_rounded_box_white/top-left-1280x9.png");
	height: 9px;
	margin-right: 9px;
	font-size: 2px;
}

.flex_rounded_box_white .frbw_top_right {
	float: right;
	margin-top: -9px;
	background-image: url("/asset/image/background/flex_rounded_box_white/top-right-9x9.png"); 
	height: 9px; 
	width: 9px;
	font-size: 2px;
}

.flex_rounded_box_white .frbw_bottom_left {
	background-image: url("/asset/image/background/flex_rounded_box_white/bottom-left-1280x9.png");
	height: 9px;
	margin-right: 9px;
	font-size: 2px;
}

.flex_rounded_box_white .frbw_bottom_right {
	background-image: url("/asset/image/background/flex_rounded_box_white/bottom-right-9x9.png"); 
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 9px; 
	font-size: 2px;
	margin-top: -9px;
}

.flex_rounded_box_white .frbw_inside {
	border-left: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	background: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}

.flex_rounded_box_white .frbw_gap_saver {
	height: 1px; /* without height it doesn't exist :-) */
	margin: 0 0 -1px 0;
	padding: 0;
  font-size: 1px; /* to correct IE */
}

/* ******* */

.small {
	font-size: 9px;
}
.strip_header {
/*	background-color: #fff;*/
}
.order_step_on {
	background-color: #DCEDF4;
}
.strip_orange {
	background-color: #F2A31B;
}
.strip_orange_to_white {
	background: url("/asset/image/background/orange-to-white-5.png");
}
#strip_orange {
	background-color: #F2A31B;
}
.strip_blue {
	border-top: 1px solid #4074CA;
	background-color: #B2DEF8;
}

.syllabus_course_summary_cell {
	padding: .5em;
	background-color: #FBFDFF;
	border: 1px solid #F1F7FF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#topnav {
	border-top: solid #A7C0D6 1px;
	background-color: #C8DEFC;
	font-size: 90%;
	overflow: hidden;
	width: 100%;
	margin: 0;
	color: #11449E;
	padding: 5px 0 5px 0;
}
#topnav ul {
	padding-left: 0;
	margin-left: 0;
	display: inline;
}
#topnav ul li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: .6em;
	border-left: solid #99B9E2 1px;
	font-weight: bold;
	color: #11449E;
}
#topnav ul li.here {
	list-style: none;
	display: inline;
	margin: 0;
	padding: .6em;
	border-left: solid #99B9E2 1px;
	font-weight: bold;
	color: #000;
	background-color: #B1CEFF;
}
#topnav ul li a {
	color: #11449E;
	text-decoration: none;
	font-weight: bold;
}
#topnav ul li a:hover {
	text-decoration: underline;
}
#topnav ul li.here a {
	background-color: #B1CEFF;
	color: #000;
	text-decoration: none;
}
#topnav ul li.here a:hover {
	text-decoration: underline;
}
#topnav #searchbox {
	margin-top: -4px;
	margin-bottom: -4px;
	margin-right: 1em;
	padding: 0;
	float: right;
}
#topnav #searchbox form, #topnav #searchbox input {
	padding: 0;
	margin: 0;
}


.strip_first_line_body {
/*
	background-color: #CCC;
	text-align: right;
*/
	position:absolute; 
	left:-9999px; 
	/*text-indent:-9999px; */
}
.strip_continuation_of_graphic {
	background-color: #D8E6EF;
}
.success, success {
	color: green;
}
.subtle {
	color: #999999;
}
.subtle_background {
	background-color: #FFFFCC;
}
.tab_on {
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding: 3px;
	white-space: nowrap;
}
.tab_off {
	padding: 3px;
	border-bottom: 1px solid black;
	white-space: nowrap;
}
.table_shading_introduction {
	background-color: #ECF4FE;
}
.table_shading_intermediate {
	background-color: #E2EEFE;
}
.table_shading_advanced {
	background-color: #AACBFA;
}
#tickedlist {
	list-style-image: url("/asset/image/icon/yes.gif");
}
#jumpdownlist {
	list-style-image: url("/asset/image/icon/arrow_down_single.gif");
}
.jumpdownlist {
	list-style-image: url("/asset/image/icon/arrow_down_single.gif");
}
#greybulletlist {
	margin-left: .8em;
	padding-left: .8em;
	list-style-image: url("/asset/image/icon/bullet_grey_arrow_right.gif");
}
#nobullet {
	list-style: none;
}

.tr_0, .tr_0_hover, .tr_1, .tr_1_hover {
	cursor: pointer;
}
.tr_1, .tr_1_hover, .tr_1_list {
	background-color: #EEEEEE;
}
.tr_1_list_light { 
	background-color: #F5F5F5;
}
.tr_1_list_slightly_darker {
	background: url("/asset/image/background/slightly-darker.png");
}
.tr_2_list {
	background-color: #DDDDDD;
}
.tr_highlight_0, .tr_highlight_1
, .tr_highlight_0_list, .tr_highlight_1_list {
	background-color: #8DCFF4;
}
.trainer_laptop {
	border: 1px solid #008000;
	padding-left: 1px;
	padding-right: 1px;
}
th, .tr_title {
	font-weight: bold;
	background-color: #DDDDDD;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
.upload_step_on {
	border: 3px solid black;
}
/*****************************/
/* common colour information */
.information, .tr_0_hover, .tr_1_hover, .heading_sub, .fieldname {
	color: #004482;
}
.tr_td, th, .tr_title {
	border-right: 1px solid #666;
}
.tr_td_rb {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}
.tr_td_rt {
	border-right: 1px solid #666;
	border-top: 1px solid #666;
}
.tr_td_rl {
	border-right: 1px solid #666;
	border-left: 1px solid #666;
}
.tr_td_left {
	border-left: 1px solid #666;
}
.tr_td_bottom {
	border-bottom: 1px solid #666;
	padding: 0;
}
.tr_td_bottom_padinherit {
	border-bottom: 1px solid #666;
}
.tr_td_top {
	border-top: 1px solid #666;
}
.tr_sep_blue_shaded {
	background: url("/asset/image/background/tr-sep-blue-shaded.gif");
	font-weight: bold;
	border: 1px solid #000;
}
.tr_sep_green_shaded {
	background: url("/asset/image/background/tr-sep-green-shaded.gif");
	font-weight: bold;
	border: 1px solid #000;
}
.tr_sep_red_shaded {
	background: url("/asset/image/background/tr-sep-red-shaded.gif");
	font-weight: bold;
	border: 1px solid #000;
}

/* next 3 classes for tablesorting (ajax script) */
th.header { 
    background-image: none;
	/*background-image: url("/asset/image/icon/th_sort_default.gif");     */
    cursor: pointer; 
/*
    background-repeat: no-repeat; 
    background-position: center right; 
	padding-right: 15px; 
	*/
} 
th.headerSortUp { 
    background-image: url("/asset/image/icon/th_sort_asc.gif"); 
	background-color: #FFFF99;
    background-repeat: no-repeat; 
    background-position: center right; 
	padding-right: 15px; 
} 
th.headerSortDown { 
    background-image: url("/asset/image/icon/th_sort_desc.gif"); 
	background-color: #FFFF99;
    background-repeat: no-repeat; 
    background-position: center right; 
	padding-right: 15px; 
}
table.filtertable tbody tr.odd td {
	background-color: #EEEEEE;
}

/* ubb styles */
.ubb_strike{text-decoration: line-through;}
.ubb_boxed{background: #E1E1E1; padding: 4px;}
.ubb_ot{font-size:8pt; color: #cccccc;}#maincourses p {
	text-align: center;
	margin: 10px 0 0 0;
}
.view_order_to_do_selected {
	border: 2px solid green;
	background-color: #C0E7D0;
}
.view_order_to_do {
}















/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

#star_rater_wraper_small {
	text-align: left;
	/*background-color: yellow;*/
	width: 175px;
}

.ratingblock {
	display:block;
	/*border-bottom:1px solid #999;
	padding-bottom:8px;
	margin-bottom:8px;
	*/
	}

.loading {
	height: 30px;
	background: url('/asset/image/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 15px;
	position: relative;
	background: url('/asset/image/ajaxstarrater/starrating_15.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width: 15px;
	height: 15px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('/asset/image/ajaxstarrater/starrating_15.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:15px;}
.unit-rating a.r2-unit{left:15px;}
.unit-rating a.r2-unit:hover{width: 30px;}
.unit-rating a.r3-unit{left: 30px;}
.unit-rating a.r3-unit:hover{width: 45px;}
.unit-rating a.r4-unit{left: 45px;}	
.unit-rating a.r4-unit:hover{width: 60px;}
.unit-rating a.r5-unit{left: 60px;}
.unit-rating a.r5-unit:hover{width: 75px;}
.unit-rating a.r6-unit{left: 75px;}
.unit-rating a.r6-unit:hover{width: 90px;}
.unit-rating a.r7-unit{left: 90px;}
.unit-rating a.r7-unit:hover{width: 105px;}
.unit-rating a.r8-unit{left: 105px;}
.unit-rating a.r8-unit:hover{width: 120px;}
.unit-rating a.r9-unit{left: 120px;}
.unit-rating a.r9-unit:hover{width: 135px;}
.unit-rating a.r10-unit{left: 135px;}
.unit-rating a.r10-unit:hover{width: 150px;}

.unit-rating li.current-rating {
	background: url('/asset/image/ajaxstarrater/starrating_15.gif') left bottom;
	position: absolute;
	height: 15px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}





























/* begin css topnav_stl */
ul#topnav_stl { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0; /* set margins as desired */
font-weight: bold;
font-size: 125%; /* set font as desired */
border-bottom: 10px solid #C8DEFC; /* set border COLOR as desired */
list-style-type: none;
padding: 8px 10px 8px 10px; /* FIRST and THIRD numbers must change with respect to padding-top (X) below */
/*background-color: #fff;*/
white-space: nowrap;
}
ul#topnav_stl li { /* do not change */
display: inline;
}
ul#topnav_stl li.active { /* settings for active tab */
border-bottom: 5px solid #C8DEFC; /* set border color to page background color */
background-color: #C8DEFC; /* set background color to match above border color */
/* Below 4 lines add rounded bottom corners to each menu item. Only works in Firefox and Future CSS3 capable browsers */
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
}
ul#topnav_stl li.active a { /* settings for selected tab link */
background-color: #C8DEFC; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
/*top: 1px; removed by rich - this was used to push the tab down, appearing like it was over the bottom line*/
padding-top: 8px; /* must change with respect to padding (X) above and below */
/* same as underneath line */
border-top: 1px solid #BACAE2;
border-left: 1px solid #BACAE2;
border-right: 1px solid #BACAE2;
/* same as background */
border-bottom: 1px solid #C8DEFC;
/* Below 4 lines add rounded bottom corners to each menu item. Only works in Firefox and Future CSS3 capable browsers */
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
}
ul#topnav_stl li a { /* settings for all tab links */
padding: 7px 5px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
/* but keep the number 1px less than X above, to compensate for the bottom border */
border: 0; /* set border COLOR as desired; usually matches border color specified in #topnav_stl */
background-color: #F8F9FC; /* set unselected tab background color as desired */
/*background: #EBEBEB url("/asset/image/background/top-nav.png") repeat-x top;*/
color: #11449E; /* set unselected tab link color as desired */
margin-right: 1px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: 1px solid #BACAE2;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
}
ul#topnav_stl a:hover { /* settings for hover effect */
background: #C8DEFC; /* set desired hover color */
/*color: #000;*/
text-decoration: underline;
/* Below 4 lines add rounded bottom corners to each menu item. Only works in Firefox and Future CSS3 capable browsers */
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
}
/* end css topnav_stl */




/* begin css topnavquick_stl */
ul#topnavquick_stl { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0 1em 0 0; /* set margins as desired */
font-weight: normal;
font-size: 90%; /* set font as desired */
list-style-type: none;
padding: 17px 10px 3px 10px; /* FIRST and THIRD numbers must change with respect to padding-top (X) below */
/*background-color: #fff;*/
float: right;
}
ul#topnavquick_stl li { /* do not change */
display: inline;
}
ul#topnavquick_stl li a { /* settings for all tab links */
padding: 3px 5px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
/*border-top: 2px solid #C8DEFC; /* set border COLOR as desired */
/*border-left: 2px solid #C8DEFC;
border-right: 2px solid #C8DEFC;*/
background-color: #FFFBF5; /* set unselected tab background color as desired */
color: #11449E; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: 1px solid #BACAE2;
/* Below 4 lines add rounded bottom corners to each menu item. Only works in Firefox and Future CSS3 capable browsers */
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
}
ul#topnavquick_stl a:hover { /* settings for hover effect */
/* set desired hover color */
/*background: #C8DEFC; */ 
/*color: #000;*/
text-decoration: underline;
}
/* end css topnav_stl */





/* begin css secondnav_stl */
ul#secondnav_stl { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0; /* set margins as desired */
font-weight: bold;
font-size: 100%; /* set font as desired */
border-bottom: 1px solid #BACAE2; /* set border COLOR as desired */
list-style-type: none;
padding: 5px 10px 5px 10px; /* FIRST and THIRD numbers must change with respect to padding-top (X) below */
background-color: #C8DEFC;
/*background: url("/asset/image/background/second-nav.png");*/
white-space: nowrap;
min-height: 13px;
}
ul#secondnav_stl li { /* do not change */
display: inline;
}
ul#secondnav_stl li.active { /* settings for active tab */
background-color: #F2A31B; /* set background color to match above border color */
background-image: none;
/* Below 4 lines add rounded bottom corners to each menu item. Only works in Firefox and Future CSS3 capable browsers */
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
}
ul#secondnav_stl li a { /* settings for all tab links */
padding: 5px 5px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 0; /* set border COLOR as desired; usually matches border color specified in #topnav_stl */
background-color: #C8DEFC; /* set unselected tab background color as desired */
/*background: url("/asset/image/background/second-nav.png");*/
color: #11449E; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}
ul#secondnav_stl li.active a { /* settings for selected tab link */
border-top: 1px solid #999; /* set border color to page background color */
border-right: 1px solid #999; /* set border color to page background color */
border-left: 1px solid #999; /* set border color to page background color */
background-color: #fff; /* set selected tab background color as desired */
background-image: none;
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 5px; /* must change with respect to padding (X) above and below */
/* Below 4 lines add rounded bottom corners to each menu item. Only works in Firefox and Future CSS3 capable browsers */
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
}
ul#secondnav_stl a:hover { /* settings for hover effect */
background: #FFF; /* set desired hover color */
top: 1px;
/*color: #000;*/
/* Below 4 lines add rounded bottom corners to each menu item. Only works in Firefox and Future CSS3 capable browsers */
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
}
/* end css secondnav_stl */




/* begin css secondnavsearch_stl */
div#secondnavsearch_stl { /* general settings */
margin: 0 1em 0 0;
/*font-size: 100%;  */
padding: 0 0 9px 0;
/*background-color: red;*/
float: right;
}
div#secondnavsearch_stl form {
	padding: 0;
	margin: 0;
}
div#secondnavsearch_stl input {
	font-size: 90%;
}
/* end css secondnavsearch_stl */


#breadcrumbs {
	margin: 0 1em;
	padding: 1em 0;
}



#admin_quick_links {
	display: none;
	background-color: #F9FAFF;
	border: 1px solid #666;
}
#admin_quick_links ul li,
#admin_quick_links ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
#admin_quick_links a {
	text-decoration: none;
}
#admin_quick_links a:hover {
	text-decoration: underline;
}
#admin_quick_sms {
	display: none; 
	text-align: right; 
	border: 1px solid #FFF2E1;
	background: url(/asset/image/misc/enquiries-toolbar-phone.png) right no-repeat #FFFEFB;
	margin: 1em 5em;
	padding-right: 175px;
}

#quickmenu_sectionstart {
	padding: .6em;
	display: block;
	/*width: 160px;*/
	float: left;
	background-color: #F9FAFF;
	text-decoration: none;
}




#overview-links {
	align: center;
	margin: 1em auto;
	/*background-color: yellow;*/
}
#overview-row a {
	width: 300px;
	height: 100px;
	float: left;
	background: url("/asset/image/background/overview-links.gif") no-repeat;
	padding: 1em;
	margin: 1em 1em 0 0;
	text-decoration: none;
	border: 2px solid #fff;
	color: #11449E;
	/* Below 8 lines add rounded bottom corners to each menu item. Only works in Firefox and Future CSS3 capable browsers */
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;	
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;	
}
#overview-row a h3 {
	font-size: 150%;
}
#overview-row a:hover {
	border-color: #11449E;
	background: url("/asset/image/background/overview-links-hover.gif") no-repeat;
}
#overview-row img {
	float: right;
	margin-left: .5em;
	border: 0;
}
.clearingbr {
	clear: both;
}

/* see also the ie.css sheet, which contains another clearfix declaration just for IE */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { /* for IE/Mac */
	display: inline-block;
}

#extreme_running a {
	color: #006599;
	text-decoration: none;
}
#extreme_running a:hover {
	text-decoration: underline;
}
#extreme_running img {
	float: left;
	margin-right: 5px;
}
#usp_ticklist li {
	list-style-image: url("/asset/image/icon/tick-orange.gif");
}
.usp_ticklist li {
	list-style-image: url("/asset/image/icon/tick-orange.gif");
	margin-bottom: .5em;
}
.usp_ticklistgreen li {
	list-style-image: url("/asset/image/icon/tick_16by14.gif");
	margin-bottom: .5em;
}
.usp_ticklist_minimalmargin {
  margin-left: 10px;
  padding-left: 10px;
}
.usp_ticklist_minimalmargin li {
  margin-left: 0px;
  padding-left: 5px;
}
.control_up_down {
	font-size: 7px;
	font-weight: bold;
	background-color: #fff;
	color: #000;
	border: 1px solid #999999;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 13px;
}
/* blue on grey */
.spchbl { background: url('/asset/image/speechbubble/bl.png') bottom left no-repeat #C8DEFC; text-align: left; width: 100%; min-width: 100px;}
.spchbr { background: url('/asset/image/speechbubble/br.png') bottom right no-repeat; }
.spchtl { background: url('/asset/image/speechbubble/tl.png') top left no-repeat; }
.spchtr { background: url('/asset/image/speechbubble/tr.png') top right no-repeat; padding: 10px; } 
.spchbub { padding: 2px 0px 10px 50px; background: url('/asset/image/speechbubble/b.png') 30px top no-repeat;}
.spchbubback { padding: 1em; background: #F5F5F5; border: 1px solid #9F9F9F; }

/* blue on white */
.spchbl_ow { background: url('/asset/image/speechbubble/on-white/bl.gif') bottom left no-repeat #C8DEFC; text-align: left; width: 100%; min-width: 100px;}
.spchbr_ow { background: url('/asset/image/speechbubble/on-white/br.gif') bottom right no-repeat; }
.spchtl_ow { background: url('/asset/image/speechbubble/on-white/tl.gif') top left no-repeat; }
.spchtr_ow { background: url('/asset/image/speechbubble/on-white/tr.gif') top right no-repeat; padding: 10px; } 
.spchbub_ow { padding: 2px 0px 10px 50px; background: url('/asset/image/speechbubble/on-white/b.gif') 30px top no-repeat;}
.spchbubback_ow { padding: 1em; background: #F5F5F5; border: 1px solid #9F9F9F; }

#mini_sitemap_beststl {
	color: #666666;
	font-size: 85%;
}
#mini_sitemap_beststl td {
	color: #666666;
	font-size: 85%;
}
#mini_sitemap_beststl a:link
, #mini_sitemap_beststl a:visited
, #mini_sitemap_beststl a:active {
	color: #666666;
	text-decoration: none;
}
#mini_sitemap_beststl a:hover {
	text-decoration: underline;
}
.schedule_own_course {
	background: url("/asset/image/background/blue-shade-top-to-bottom-140.gif") top left repeat-x;
	border: #999999 1px solid;
	padding: 1em;
}





#minical {
	/*margin: 1em auto;
	/*background-color: yellow;*/
	border: 1px #A1A0AE solid;
	padding: 1px;
	overflow: hidden;
}
#minical_row {
	clear: both;
}
#minical_row_monthname {
	text-align: center;
	width: 125px;
	background-color: #CBCACF;
	color: #394956;
	font-weight: bold;
}
#minical_row a {
	text-align: center;
	font-weight: bold;
	width: 25px;
	height: 25px;
	float: left;
	background: url("/asset/image/misc/minical/normal.png") no-repeat;
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: 0;
	color: #2A3845;
	line-height: 25px;
}
#minical_row a.current_day {
	/*background-color: #0272E2;*/
	background: url("/asset/image/misc/minical/current-day.png") no-repeat;
	color: #fff;
}
#minical a.today_day {
	/*background-color: #7489A6;*/
	background: url("/asset/image/misc/minical/today.png") no-repeat;
	color: #fff;
}
#minical_row span.dayname {
	text-align: center;
	width: 25px;
	border: 0;
	float: left;
	/*background: url("/asset/image/background/overview-links.gif") no-repeat;*/
	padding: 0;
	margin: 0;
	font-weight: bold;
	color: #545456;
	font-size: 70%;
	background-color: #CFCDCE;
}
#minical_row a:hover {
	background: url("/asset/image/misc/minical/hover.png") no-repeat;
}






/*
	Styles to make ordinary <INPUT type="text"/> look like a spinbutton/spinbox control.
	Use with JQuerySpinBtn.js to provide the spin functionality by reacting to mouse etc.
	(Requires a reference to the JQuery library found at http://jquery.com/src/latest/)
	(Hats-off to John Resig for creating the excellent JQuery library. It is fab.)

	This control is achieved with no extra html markup whatsoever and uses unobtrusive javascript.

	Written by George Adamson, Software Unity (george.jquery@softwareunity.com) September 2006.
	Big improvements added by Mark Gibson, (mgibson@designlinks.net) September 2006.

	Do contact me with comments and suggestions but please don't ask for support.
	As much as I'd love to help with specific problems I have plenty to get on with already!

	Go ahead and use it in your own projects. This code is provided 'as is'.
	Sure I've tested in heaps of ways. Its good for me, but you use it at your own risk.
	SoftwareUnity and I are certainly not responsible if your computer sets fire to the sofa,
	hacks into the pentagon, hijacks a plane or gives you any kind of hassle whatsoever.

	If you'd like your spin-button image in a different place then you'll need to alter both
	the CSS below and the javascript isMouseOverUpDn() function to accommodate the new position.
	You could even have left and right buttons either side of the textbox.
*/

INPUT.spinbox-active {
	background-repeat:no-repeat;
	background-position:right 0px;
	background-image:url("/asset/image/misc/spinbox-sprite.png");
	padding-right: 20px;
}
INPUT.spinbox-active.spinbox-up-hover {
	background-position:right -18px;
	cursor:pointer;
}
INPUT.spinbox-active.spinbox-down-hover {
	background-position:right -36px;
	cursor:pointer;
}
INPUT.spinbox-active.spinbox-up {
	background-position:right -72px;
	cursor:pointer;
}
INPUT.spinbox-active.spinbox-down {
	background-position:right -54px;
	cursor:pointer;
}




/* STAR TOGGLE */

.startoggle_rating {
	cursor: pointer;
	margin: .1em;
	/*
	clear: both;
	display: block;
	*/
}
.startoggle_rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	/*clear: both;*/
	visibility: hidden;
}
.startoggle_cancel,
.startoggle_star {
	float: left;
	width: 17px;
	height: 15px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.startoggle_cancel,
.startoggle_cancel a {background: url("/asset/image/icon/startoggle_delete.gif") no-repeat 0 -16px;}

.startoggle_star,
.startoggle_star a {background: url("/asset/image/icon/startoggle.gif") no-repeat 0 0px;}
	
.startoggle_cancel a,
.startoggle_star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0px;
}

span.startoggle_rating span.on a {
	background-position: 0 -32px;
}
span.startoggle_rating span.hover a,
span.startoggle_rating span a:hover {
	background-position: 0 -16px;
}





/* header and footer sprites */
.sprt_hf {
	background-image:url("/asset/image/sprite/header-footer.png"); 
}
.sprt_hf.logo {background-position: -0px -0px; width: 129px; height: 50px}
.sprt_hf.topprovider {background-position: -0px -50px; width: 140px; height: 50px}
.sprt_hf.iitt {background-position: -0px -100px; width: 108px; height: 100px}
.sprt_hf.ilm {background-position: -0px -200px; width: 100px; height: 49px}
.sprt_hf.mp {background-position: -0px -249px; width: 100px; height: 53px}
.sprt_hf.mos {background-position: -0px -302px; width: 100px; height: 100px}
.sprt_hf.prod {background-position: -0px -402px; width: 100px; height: 100px}
.sprt_hf.ukrlp {background-position: -0px -502px; width: 150px; height: 65px}
.sprt_hf.act {background-position: -0px -567px; width: 100px; height: 100px}
.sprt_hf.vbvmc {background-position: -0px -667px; width: 107px; height: 100px}