/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
.yui-overlay,.yui-panel-container{visibility:hidden;position:absolute;z-index:2;}.yui-panel{position:relative;}.yui-panel-container form{margin:0;}.mask{z-index:1;display:none;position:absolute;top:0;left:0;right:0;bottom:0;}.mask.block-scrollbars{overflow:auto;}.masked select,.drag select,.hide-select select{_visibility:hidden;}.yui-panel-container select{_visibility:inherit;}.hide-scrollbars,.hide-scrollbars *{overflow:hidden;}.hide-scrollbars select{display:none;}.show-scrollbars{overflow:auto;}.yui-panel-container.show-scrollbars,.yui-tt.show-scrollbars{overflow:visible;}.yui-panel-container.show-scrollbars .underlay,.yui-tt.show-scrollbars .yui-tt-shadow{overflow:auto;}.yui-panel-container.shadow .underlay.yui-force-redraw{padding-bottom:1px;}.yui-effect-fade .underlay,.yui-effect-fade .yui-tt-shadow{display:none;}.yui-tt-shadow{position:absolute;}.yui-override-padding{padding:0!important;}.yui-panel-container .container-close{overflow:hidden;text-indent:-10000em;text-decoration:none;}.yui-overlay.yui-force-redraw,.yui-panel-container.yui-force-redraw{margin-bottom:1px;}.yui-skin-sam .mask{background-color:#000;opacity:.25;filter:alpha(opacity=25);}.yui-skin-sam .yui-panel-container{padding:0 1px;*padding:2px;}.yui-skin-sam .yui-panel{position:relative;left:0;top:0;border-style:solid;border-width:1px 0;border-color:#808080;z-index:1;*border-width:1px;*zoom:1;_zoom:normal;}.yui-skin-sam .yui-panel .hd,.yui-skin-sam .yui-panel .bd,.yui-skin-sam .yui-panel .ft{border-style:solid;border-width:0 1px;border-color:#808080;margin:0 -1px;*margin:0;*border:0;}.yui-skin-sam .yui-panel .hd{border-bottom:solid 1px #ccc;}.yui-skin-sam .yui-panel .bd,.yui-skin-sam .yui-panel .ft{background-color:#F2F2F2;}.yui-skin-sam .yui-panel .hd{padding:0 10px;font-size:93%;line-height:2;*line-height:1.9;font-weight:bold;color:#000;background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -200px;}.yui-skin-sam .yui-panel .bd{padding:10px;}.yui-skin-sam .yui-panel .ft{border-top:solid 1px #808080;padding:5px 10px;font-size:77%;}.yui-skin-sam .container-close{position:absolute;top:5px;right:6px;width:25px;height:15px;background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -300px;cursor:pointer;}.yui-skin-sam .yui-panel-container .underlay{right:-1px;left:-1px;}.yui-skin-sam .yui-panel-container.matte{padding:9px 10px;background-color:#fff;}.yui-skin-sam .yui-panel-container.shadow{_padding:2px 4px 0 2px;}.yui-skin-sam .yui-panel-container.shadow .underlay{position:absolute;top:2px;left:-3px;right:-3px;bottom:-3px;*top:4px;*left:-1px;*right:-1px;*bottom:-1px;_top:0;_left:0;_right:0;_bottom:0;_margin-top:3px;_margin-left:-1px;background-color:#000;opacity:.12;filter:alpha(opacity=12);}.yui-skin-sam .yui-dialog .ft{border-top:none;padding:0 10px 10px 10px;font-size:100%;}.yui-skin-sam .yui-dialog .ft .button-group{display:block;text-align:right;}.yui-skin-sam .yui-dialog .ft button.default{font-weight:bold;}.yui-skin-sam .yui-dialog .ft span.default{border-color:#304369;background-position:0 -1400px;}.yui-skin-sam .yui-dialog .ft span.default .first-child{border-color:#304369;}.yui-skin-sam .yui-dialog .ft span.default button{color:#fff;}.yui-skin-sam .yui-dialog .ft span.yui-button-disabled{background-position:0 -1500px;border-color:#ccc;}.yui-skin-sam .yui-dialog .ft span.yui-button-disabled .first-child{border-color:#ccc;}.yui-skin-sam .yui-dialog .ft span.yui-button-disabled button{color:#a6a6a6;}.yui-skin-sam .yui-simple-dialog .bd .yui-icon{background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 0;width:16px;height:16px;margin-right:10px;float:left;}.yui-skin-sam .yui-simple-dialog .bd span.blckicon{background-position:0 -1100px;}.yui-skin-sam .yui-simple-dialog .bd span.alrticon{background-position:0 -1050px;}.yui-skin-sam .yui-simple-dialog .bd span.hlpicon{background-position:0 -1150px;}.yui-skin-sam .yui-simple-dialog .bd span.infoicon{background-position:0 -1200px;}.yui-skin-sam .yui-simple-dialog .bd span.warnicon{background-position:0 -1900px;}.yui-skin-sam .yui-simple-dialog .bd span.tipicon{background-position:0 -1250px;}.yui-skin-sam .yui-tt .bd{position:relative;top:0;left:0;z-index:1;color:#000;padding:2px 5px;border-color:#D4C237 #A6982B #A6982B #A6982B;border-width:1px;border-style:solid;background-color:#FFEE69;}.yui-skin-sam .yui-tt.show-scrollbars .bd{overflow:auto;}.yui-skin-sam .yui-tt-shadow{top:2px;right:-3px;left:-3px;bottom:-3px;background-color:#000;}.yui-skin-sam .yui-tt-shadow-visible{opacity:.12;filter:alpha(opacity=12);}


html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } /* IE6 Background Flicker Fix */

/***** GLOBAL RESET *****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin: 0; 
	padding: 0; 
} 
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
	} 


fieldset,img {  
	border: 0;
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style: normal; 
	font-weight: normal; 
} 
ol,ul { 
	list-style: none; 
} 
caption,th { 
	text-align: left; 
}
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border: 0; 
} 


/***** USEFUL CLASSES *****/
.clear_none { clear: none; }
.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }
	.clear hr ,
	.clear_left hr,
	.clear_right hr	{ display: none; }
	
.displaynone { display: none;}
.position_relative { position: relative; }

/***** GLOBAL STARTOVER *****/
body {
	background: url(../images/backgrounds/body.gif) center repeat-y #f0f0f0;
	color: #1a1a1a;
	font: 12px arial, helvetica, sans-serif;
	text-decoration: normal;
}

/*** Paragraphs ***/
p {
	margin: 0 0 10px 0;
	padding: 0;
}
p.XXXlarge { font-size: 36px; }
p.XXlarge { font-size: 30px; }
p.Xlarge { font-size: 24px; }
p.large { font-size: 18px; }
p.medium { font-size: 14px; }
p.normal { font-size: 12px; }
p.small { font-size: 10px; }
	
/*** Lists ***/
ul, ol { padding: 0 0 10px 30px; }

	ul { list-style: disc; }
	ol { list-style: decimal; }
	
	ul li,
	ol li { padding-bottom: 5px; }

strong { font-weight: bold; }

em { font-style: italic; }

hr {
	background: #FFF none repeat scroll 0 0;
	border-color: #c6c6c6;
	border-style: dotted none none;
	border-width: 1px medium medium;
	clear: both;
	height: 1px;
	margin: 10px 0;
	padding: 0;
	}

img { border: 0; }

sup {
	bottom: 0.3em;
	position: relative;
	vertical-align: baseline;
	}

sub {
	bottom: -0.2em;
	position: relative;
	vertical-align: baseline;
	}

acronym, abbr {
	border-bottom: 1px dashed;
	cursor: help;
	letter-spacing: 1px;
	}

/***** TABLES CLASSES ******/
table td {}
table th { color: #ff6600; font-size: 10px; text-transform: uppercase; }

table th a,
table th a:visited { color: #ff6600; text-decoration: underline; }

	table th a:hover {}
	
table.padding2 td,
table.padding2 th { padding: 3px;	}

table.padding5 td,
table.padding5 th { padding: 5px; }

table.padding7 td,
table.padding7 th  { padding: 7px; }
	
table.padding10 td,
table.padding10 th { padding: 10px; }

table.copy_large td {
	color: #969696;
	font-size: 18px:
}
table.copy_blue td {
	color: #3399ff;
	font-size: 18px:
}

td.percentile_10 { background-color: #a3e017; border: solid 1px #FFF; }
td.percentile_20 { background-color: #a2e117; border: solid 1px #FFF; }
td.percentile_30 { background-color: #aac81b; border: solid 1px #FFF; }
td.percentile_40 { background-color: #b1ac1e; border: solid 1px #FFF; }
td.percentile_50 { background-color: #d1b419; border: solid 1px #FFF; }
td.percentile_60 { background-color: #d39927; border: solid 1px #FFF; }
td.percentile_70 { background-color: #c36e26; border: solid 1px #FFF; }
td.percentile_80 { background-color: #c56726; border: solid 1px #FFF; }
td.percentile_90 { background-color: #c85e27; border: solid 1px #FFF; }
td.percentile_100 { background-color: #cc5029; border: solid 1px #FFF; }

table tr.padded5 td { padding: 5px; }

table tr.row_a { background-color: #f0f0f0; }

table tr.row_blue { background-color: #66CCFF; }

table tr.row_b { background-color: #fff; }
table tr.row_g { background-color: #aceb2f; }
table tr.row_R { background-color: #fe6433; color: #FFF; }

table tr.row_a_tab { background: url(/images/gymbrainium/grey_right.gif) repeat-x; }
table tr.row_b_tab { background: url(/images/gymbrainium/white_right.gif) repeat-x; }

table tr.row_a_tab_rewards { background: url(/images/rewards/grey_right.gif) repeat-x; }
table tr.row_b_tab_rewards { background: url(/images/rewards/white_right.gif) repeat-x; }




/***** USEFUL CLASSES remove if not used *****/
.clear 			{ clear: both; }

.float_left 		{ float: left; }
.float_right 	{ float: right; }

.text_left 		{ text-align: left; }
.text_right 		{ text-align: right; }
.text_center 	{ text-align: center; }
.text_justify 	{ text-align: justify; }
.text_remove 	{ left: -9999px; position: absolute; }

.bold 			{ font-weight: bold; }
.italic 			{ font-style: italic; }
.underline 		{ border-bottom: 1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ margin: 0 auto; width: 960px; }

.img-left 		{ float: left; margin: 4px 10px 4px 0; }
.img-right 		{ float: right; margin: 4px 0 4px 10px; }

.nopadding 		{ padding: 0; }
.noindent 		{ margin-left: 0; padding-left: 0; }
.nobullet 		{ list-style: none; list-style-image: none; }

.pointer 		{ cursor: pointer; }


/***** LINKS *****/

a, a:visited { 
	color: #3c9eff;
	
	font-weight: bold; 
	/*text-decoration: none;   */
	outline: none;
}
a:visited { color: #206cb9; }

a:hover { 
	color: #aceb2f; 
	text-decoration: underline;   
	outline: none;
}

	a.link_white { 
		color: #fff; 
		font-weight: bold; 
		text-decoration: none;   
		outline: none;
	}
		a.link_white:visited { color: #fff; outline: none; }
		a.link_white:hover { color: #fff; text-decoration: underline; outline: none; }
		
	a.link_blue { color: #3399FF; font-weight: bold; text-decoration: none;  }
		a.link_blue:visited { color: #3399FF; }
		a.link_blue:hover { color: #aceb2f; text-decoration: underline; }
		
		/*** Sorting Links - change later ***/
		a.link_sortDown, a.link_sortDown:visited { 
			background: url(../images/icons/arrowDown_colour7_9x5.gif) right 4px no-repeat; 
			color: #81b812; 
			font-weight: bold; 
			padding-right: 11px; 
			text-decoration: none; 
			}
			a.link_sortDown:hover { color: #7ab800; text-decoration: underline; }
		
		a.link_sortUp, a.link_sortUp:visited { 
			background: url(../images/icons/arrowUp_colour7_9x5.gif) right 4px no-repeat; 
			color: #81b812; 
			font-weight: bold; 
			padding-right: 11px; 
			text-decoration: none; 
			}
			a.link_sortUp:hover { color: #7ab800; text-decoration: underline; }


/***** COPY *****/
.copy_normal { color: #1A1A1A; font-weight: normal; font-size: 12px; }
.copy_medium { font-size: 16px; }
.copy_large { font-size: 18px; }
.copy_Xlarge { font-size: 24px; }
.copy_XXlarge { font-size: 30px; }

.copy_bold { font-weight: bold; }
.copy_bolder { font-weight: bolder; }
.copy_Xsmall_bold { font-size: 12px; font-weight: bold; }
.copy_small_bold { font-size: 15px; font-weight: bold; }

.copy_small { font-size: 12px; line-height: 1.1em; }
.copy_small_caps { font-size: 10px; line-height: 1.1em; text-transform: uppercase; }

.copy_Xsmall { font-size: 9px; line-height: 1.1em; }
.copy_Xsmall_caps { font-size: 9px; line-height: 1.1em; text-transform: uppercase; }

.copy_blue { color: #3399FF; }
.copy_grey { color: #7d7d7d; }
.copy_light_grey { color: #afafaf; }
.copy_dark_grey { color: #1a1a1a; }
.copy_orange { color: #ff9933; }
.copy_dark_orange { color: #ff6633; }
.copy_red { color: #fe6433; }
.copy_green { color: #8abc26; }

.copy_white { color: #FFF; }
.copy_white a, .copy_white a:visited { color: #FFF; }

.copy_correct { color: #8abc26; font-weight: bold; }
.copy_incorrect { color: #cc5029; font-weight: bold; }

.copy_highlight { color: #3399ff; }
.copy_error { color: #ff3d00; }
.error { 
	background: #ffe1e1; 
	border: 1px solid #ff8383; 
	overflow: auto; 
	padding: 5px; 
	text-align: left; 
	width: 98%; 
	}
.copy_correct { color: #9bd42a; }
.copy_strikeout { font-weight: bold; text-decoration: line-through; }

.timer_finished {  }
.timer_alert_last { background-color: #ff6433; padding: 0 3px; }
.timer_alert_crucial { background-color: #ff9934; padding: 0 3px; }
.timer_alert_warning { background-color: #3399fe; padding: 0 3px; }
.timer_started { background-color: #adeb30; padding: 0 3px; }



/***** HEADINGS *****/
h1, h2, h3, h4, h5 { color: #3399ff; font-weight: bold; padding-bottom: 10px; }
	h1 { font-size: 36px; padding-top: 5px }
	h2 { font-size: 30px; margin: 0; }
	h3 { font-size: 24px; }
	h4 { font-size: 18px; padding-bottom: 5px; }
	h5 { font-size: 15px; padding-top: 10px }
	
	h1 em, h2 em, h3 en, h4 em { font-weight: bold; }

h5.padding_T_5 { padding-top: 5; }

/**FCK Editor**/
.test_heading_1, .test_heading_2, .test_heading_3 { color: #3399ff; font-weight: bold; padding-bottom: 10px;  }
	.test_heading_1 { font-size: 36px; padding-top: 5px; }
	.test_heading_2 { font-size: 30px; margin: 0; }
	.test_heading_3 { font-size: 24px; }


.test_green_font_1 { color: #7AB800;  }
.test_green_font_bold { color: #7AB800; font-weight: bold; }
.test_green_font_bold_italic
{
	color: #7AB800; 
	font-weight: bold;
	font-style: italic;
}
.green_background {
	background: #DAEBC1;
}
.test_blue_font { color: #3399ff; }
.test_blue_font_bold { color: #3399ff; font-weight: bold; }

.margin_B_5 { margin-bottom: 5px; }
.margin_B_10 { margin-bottom: 10px; }
.margin_T_10 { margin-top: 10px; }
.margin_TB_10 { margin-bottom: 10px; margin-top: 10px; }
.margin_TB_5 { margin-bottom: 5px; margin-top: 5px; }

.margin_R_15 { margin-right: 15px; }

.closed {display: none}
.opened {display: block}

.dark_background {background: #d6d6d6;}

/***** NAVIGATION *****/			
#nav_box {
	width: 150px;
	height: auto;
	position: relative;
	float: left;
}

		/*** Subnav List ***/
		#nav_front ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		#nav_front li {
			margin: 0;
			padding: 0;
		}
		/*** Subnav Button ***/
		#nav_front a {
			display: block;
			width: 133px;
			height: auto;
			font-weight: bold;
			color: #FFFFFF;
			text-decoration: none;
			border: solid 1px #cc7a29;
			background-image: url(../images/nav/nav_background.gif) repeat-x scroll center bottom transparent;
			background-repeat: repeat-x;
			background-position: top;
			background-color: #ff8100;
			margin: 1px 0 0 0;
			padding: 3px 10px 3px 5px;
		}
		#nav_front a:hover, #nav_front .on a {
			border: solid 1px #8abc26;
			background-color: #aceb2f;
			background-image: url(../images/buttons/green_nav_bg.gif);
			background-repeat: repeat-x;
			background-position: top;
		}
		
#nav_orange {
	margin: 0;
	padding: 0;
}

#nav_orange ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav_orange li {
	margin: 0;
	padding: 0;
	float: left;
}
		 #nav_orange .on  a {
			color: #FFFFFF;
			text-decoration:none;
			background: url(../images/nav/nav_background.gif) repeat-x 0 0;
			background-position:bottom; 
			border-left: solid 1px #90c427;
			border-right: solid 1px #90c427;
			float: left;
			line-height: 35px; 
			padding: 0 15px ;
			}
		#nav_orange li a { 
			display: block; 
			text-align: center;
			height: 35px; 
			margin-right: 0px;
			background: url(/images/nav/nav_background.gif) repeat-x  0 0; 
			border-left: solid 1px #d46900;
			border-right: solid 1px #d46900;
			color: #FFFFFF;
			float: left;
			line-height: 35px; 
			padding: 0 15px ;
		}
		#nav_orange a:hover, 
		#nav_orange li.over a {
			color: #FFFFFF;
			text-decoration:none;
			background: url(../images/nav/nav_background.gif) repeat-x ;
			background-position:bottom; 
			border-left: solid 1px #90c427;
			border-right: solid 1px #90c427;
			float: left;
			line-height: 35px; 
			padding: 0 15px;

		}
		

	
#nav_grey {
	margin: 0;
	padding: 0;
	line-height: 12px; 
	padding: 0 10px;
}

#nav_grey ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav_grey li {
	float: left;
	margin: 0;
	padding: 0;
	padding: 10px 5px 0 5px;
}
	
		#nav_grey li a { 
			display: inline-block;  
			height: 12px; 
			color: #969696;
			font-size: 11px;
			font-style: normal;
			font-weight: normal;
			width: auto;
		}
		#nav_grey a:hover, 
		#nav_grey.on a {
			display: inline-block; 
			line-height: 12px; 
		}



/***** BUTTONS *****/
		/*** Size 3 ***/
		a.button_size3 {
			background: transparent url(../images/buttons/size3_a.png) no-repeat scroll top right;
			color: #FFF;
			cursor: pointer;
			display: inline-block;
			float: left;
			font-size: 11px;
			font-weight: bold;
			height: 20px;
			margin-bottom: 2px;
			padding-right: 5px; /* sliding doors padding */
			text-align: center;
			text-decoration: none;
		}
		.button_size3.margin_B_10 { margin-bottom: 10px; }
		.button_size3.margin_B_5 { margin-bottom: 5px; }

				a.button_size3 span {
					display: block;
					height: 20px;
					line-height: 20px;
					padding: 0 0 0 5px;
					background: transparent url(../images/buttons/size3_span.png) no-repeat;
				}
				a.button_size3:hover {
					color: #FFFFFF;
					text-decoration: none;
					background-position: bottom right;
				}
				a.button_size3:hover span {
					background-position: bottom left;
				}
				a.button_size3:visited { outline: none; /* hide dotted outline in Firefox */ color: #FFFFFF; }
				
				
						/*** Size 3 Disabled***/
						a.button_size3_disabled {
							display: block;
							height: 20px;
							color: #FFFFFF;
							font-size: 11px;
							font-weight: bold;
							text-align:center;
							text-decoration: none;
							padding-right: 5px; /* sliding doors padding */
							background: transparent url(../images/buttons/size3_disabled_a.png) no-repeat scroll top right;
							float: left;
						}
								a.button_size3_disabled span {
									display: block;
									height: 20px;
									line-height: 20px;
									padding: 0 0 0 5px;
									background: transparent url(../images/buttons/size3_disabled_span.png) no-repeat;
								}
								
								a.button_size3_disabled:hover {
									color: #FFFFFF;
									text-decoration: none;
									background-position: bottom right;
								}
								a.button_size3_disabled:hover span {
									background-position: bottom left;
								}
								a.button_size3_disabled:visited { outline: none; /* hide dotted outline in Firefox */ color: #FFF; }

				a.button_size3.float_none { float: none; }		

		/*** Size 4 ***/
		a.button_size4 {
			background: transparent url(/images/buttons/size4_a.png) no-repeat scroll top right;
			color: #FFF;
			cursor: pointer;
			display: block;
			float: left;
			font-size: 18px;
			font-weight: bold;
			height: 40px;
			padding-right: 20px; /* sliding doors padding */
			text-align: center;
			text-decoration: none;
		}
				a.button_size4 span {
					background: transparent url(../images/buttons/size4_span.png) no-repeat;
					display: block;
					line-height: 20px;
					padding: 10px 0px 10px 20px;
				}
				a.button_size4:hover {
					background-position: bottom right;
					color: #FFF;
					text-decoration: none;
				}
				a.button_size4:hover span {
					background-position: bottom left;
					padding: 11px 0px 9px 20px;
				}
				a.button_size4:visited { outline: none; /* hide dotted outline in Firefox */ color: #FFF; }
				
				/*** Size 4 Blue ***/
		a.button_size4_blue {
			background: transparent url(../images/buttons/size4_blue_a.png) no-repeat scroll top right;
			display: block;
			color: #FFF;
			float: left;
			font-size: 18px;
			font-weight: bold;
			height: 40px;
			padding-right: 20px; /* sliding doors padding */
			text-align: center;
			text-decoration: none;
		}
				a.button_size4_blue span {
					display: block;
					line-height: 20px;
					padding: 10px 0px 10px 20px;
					background: transparent url(../images/buttons/size4_blue_span.png) no-repeat;
				}
				a.button_size4_blue:hover {
					color: #FFFFFF;
					text-decoration: none;
					background-position: bottom right;
				}
				a.button_size4_blue:hover span {
					padding: 11px 0px 9px 20px;
					background-position: bottom left;
				}
				a.button_size4_blue:visited { outline: none; /* hide dotted outline in Firefox */ color: #FFFFFF; }
				
		/*** Size 5 ***/
		a.button_size5 {
			background: transparent url(../images/buttons/size5_a.png) no-repeat scroll top right;
			color: #FFF;
			display: block;
			float: left;
			font-size: 12px;
			font-weight: bold;
			height: 30px;
			text-align: center;
			text-decoration: none;
			padding-right: 20px; /* sliding doors padding */
		}
				*html a.button_size5 {
					background: transparent url(../images/buttons/size5_a.gif) no-repeat scroll top right;
				}
				a.button_size5 span {
					display: block;
					line-height: 10px;
					padding: 10px 0px 10px 20px;
					background: transparent url(../images/buttons/size5_span.png) no-repeat;
				}
				* html a.button_size5 span {
					background: transparent url(../images/buttons/size5_span.gif) no-repeat;
				}
				a.button_size5:hover {
					background-position: bottom right;
					color: #fff;
					text-decoration: none;
				}
				a.button_size5:hover span {
					background-position: bottom left;
					padding: 11px 0px 9px 20px;
				}
				a.button_size5:visited { outline: none; /* hide dotted outline in Firefox */ color:#FFF; }
				
		/*** Size 6 ***/
		a.button_size6 {
			background: transparent url(../images/buttons/size6_a.png) no-repeat scroll top right;
			color: #FFF;
			display: block;
			height: 90px;
			float: left;
			font-size: 30px;
			font-weight: bold;
			padding-right: 20px; /* sliding doors padding */
			text-align:center;
			text-decoration: none;
		}
				a.button_size6 span {
					display: block;
					line-height: 40px;
					padding: 25px 0px 25px 20px;
					background: transparent url(../images/buttons/size6_span.png) no-repeat;
				}
				a.button_size6:hover {
					color: #FFFFFF;
					text-decoration: none;
					background-position: bottom right;
				}
				a.button_size6:hover span {
					padding: 26px 0px 24px 20px;
					background-position: bottom left;
				}
				a.button_size6:visited { outline: none; /* hide dotted outline in Firefox */ color:#FFFFFF; }

				
/******QUICKLINKS******/
a.button_yr3,
a.button_yr5,
a.button_yr7,
a.button_yr9,
a.button_yr4,
a.button_yr56 {
	height: 40px;
	width: 303px;
	overflow: hidden;
	display: block;
	}
	a.button_yr3:hover,
	a.button_yr5:hover,
	a.button_yr7:hover,
	a.button_yr9:hover,
	a.button_yr4:hover,
	a.button_yr56:hover { background-position: bottom left; }

		a.button_yr3 { background: transparent url(/images/quicklinks/naplan_yr3_button.gif); }			
		a.button_yr5 { background: transparent url(/images/quicklinks/naplan_yr5_button.gif); }			
		a.button_yr7 { background: transparent url(/images/quicklinks/naplan_yr7_button.gif); }		
		a.button_yr9 { background: transparent url(/images/quicklinks/naplan_yr9_button.gif); }		
		a.button_yr4 { background: transparent url(/images/quicklinks/oc_yr4_button.gif); }			
		a.button_yr56 { background: transparent url(/images/quicklinks/selective_yr56_button.gif); }
	

.inner #tab_contents .border_part { display: block; clear: both; height: 34px; }
	
		a.button_tab_a {
			background: transparent url(../images/buttons/tab_a.gif) no-repeat scroll bottom right;
			color: #0a96f6;
			cursor: pointer;
			display: block;
			float: left;
			font-weight: bold;
			height: 35px;
			margin-right: 1px;
			padding-right: 10px; /* sliding doors padding */
			text-align:center;
			text-decoration: none;
		}
				a.button_tab_a span {
					background: transparent url(../images/buttons/tab_a.gif) no-repeat bottom left;
					color: #FFF;
					display: block;
					line-height: 35px;
					padding: 0 0 0 10px;
				}
				a.button_tab_a:hover {
					background-position: center right;
					color: #FFF;
					text-decoration: none;
				}
				a.button_tab_a:hover span {
					background-position: center left;
					color: #FFF;
				}
				a.button_tab_a:visited { outline: none; /* hide dotted outline in Firefox */ color: #FFF; }
		
			a.button_tab_a_on {
				background: transparent url(../images/buttons/tab_a.gif) no-repeat scroll top right;
				color: #FFF;
				cursor: pointer;
				display: block;
				font-weight: bold;
				float: left;
				height: 35px;
				margin-right: 1px;
				text-align:center;
				text-decoration: none;
				padding-right: 10px; /* sliding doors padding */
				}	
				a.button_tab_a_on span {
					display: block;
					line-height: 35px;
					color: #FFF;
					padding: 0 0 0 10px;
					background: transparent url(../images/buttons/tab_a.gif) no-repeat;
				}
				a.button_tab_a_on:hover {
					color: #FFF;
					text-decoration: none;
					background-position: center right;
				}
				a.button_tab_a_on:hover span {
					color: #FFF;
					background-position: center left;
				}
				a.button_tab_a_on:visited { outline: none; /* hide dotted outline in Firefox */ color: #FFF; }			
				
	
				
				
/***** PAGINATION *****/
.pagenumber a, 
.pagenumber a:visited {
	height: 16px;
	line-height: 15px;
	font-size: 10px;
	font-weight: bold;
	color: #7D7D7D;
	text-transform: uppercase;
	background-color: #FFF;
	border: 1px solid #C8C8C8;
	margin: 0 2px;
	padding: 0px 5px;
	float: right;
}
	.pagenumber a:hover {
		color: #FFF;
		text-decoration: none;
		background-color: #ff6633;
		border: 1px solid #cc5229;
	}
.pagenumber_on a, 
.pagenumber_on a:visited {
	height: 16px;
	line-height: 15px;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	background-color: #a1e517;
	border: 1px solid #81b812;
	margin: 0 2px;
	padding: 0px 5px;
	float: right;
}
.pagenumber_on a:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #ff6633;
    border: 1px solid #cc5229;
}
.pagenumber_off {
    height: 16px;
    line-height: 15px;
    font-size: 10px;
    font-weight: bold;
    color: #afafaf;
    text-transform: uppercase;
    background-color: #FFF;
    border: 1px solid #C8C8C8;
    margin: 0 2px;
    padding: 0px 5px;
    float: right;
    cursor: default;
}

/***** TEST PAGINATION *****/

.question_number_list div,
.question_number_list div a,
.question_number_list div a:visited {
	float: left;
	clear: none;
}

.question_number_inactive a, 
.question_number_inactive a:visited {
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 19px;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 10px 0 0;
	color: #7D7D7D;
	background-color: #FFF;
	border: 1px solid #C8C8C8;
}

.question_number_active a, 
.question_number_active a:visited {
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 19px;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 10px 0 0;
	color: #FFF;
	background-color: #3399ff;
	border: 1px solid #297acc;
}

.question_number_answered a, 
.question_number_answered a:visited {
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 19px;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 10px 0 0;
	color: #FFF;
	background-color: #a1e517;
	border: 1px solid #81b812;
}

.question_number_skipped a, 
.question_number_skipped a:visited {
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 19px;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 10px 0 0;
	color: #FFF;
	background-color: #fe6433;
	border: 1px solid #cc5029;
}

.question_number_flagged a, 
.question_number_flagged a:visited {
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 19px;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 10px 0 0;
	color: #FFF;
	background-color: #ff9933;
	border: 1px solid #cc7a29;
}

.question_number_active a:hover, 
.question_number_inactive a:hover, 
.question_number_skipped a:hover, 
.question_number_answered a:hover, 
.question_number_flagged a:hover {
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 19px;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 10px 0 0;
	color: #FFF;
	text-decoration: none;
	background-color: #3399ff;
	border: 1px solid #297acc;
}


/***** FORMS - LAYOUT *****/

/***** FORM_STANDARD *****/
form { margin: 0; padding: 0; }	
	
/***** FORMS - ELEMENTS *****/
	/*** Label - Default and Error ***/
	label { color: #7ab800; display: block; font-weight: bold; }
		
	/*** Input, Select and Textarea - Default ***/
	input, 
	select, 
	textarea { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
	
	input:focus, 
	select:focus, 
	textarea:focus {}
						
	/*** Checkbox ***/
	input.checkbox { background: none; border: none; margin: 0; padding: 0; }		
	
	
/*** Form Row - Default and Error ***/
.form_row, 
.form_row_error { display: block; width: 100%; }	
	
	/*** form_standard form_field ***/
	.form_standard .form_field { }
		.form_standard .form_button { padding-left: 200px; padding-top: 10px; }
					
	/*** Label ***/
	.form_standard label { 
		float: left; 
		font-size: 12px; 
		height: 20px; 
		margin: 0 20px 2px 0; 
		text-align: right; 
		vertical-align: middle; 
		width: 160px; 
		}
		.form_standard td label { width:auto; }
								
	/*** Input, Select and Textarea ***/	
	.form_standard input, 
	.form_standard select, 
	.form_standard textarea { background: #f6f6f6; border: 1px solid #ccc; color: #555; font-size: 1em; padding: 1px; width: 200px; }
			
	.form_standard .form_button .form_field  input,
	input#login,
	input[type="submit"] {
			background: url(../images/buttons/form_button.gif) no-repeat;
			border: none;
			color: #fff;
			cursor: pointer;
			display: block;
			font-weight: bold;
			height: 30px;
			line-height: 30px;
			margin: 0;
			outline: none;
			padding: 0;
			text-align: center;
			text-decoration: none;
			width: 100px;
		}
	.form_standard .form_button .form_field  input:hover,
	input#login:hover,
	input[type="submit"]:hover {
			background: url(../images/buttons/form_button_over.gif) no-repeat;	
			border: none;
			color: #fff;
			cursor: pointer;
			display: block;
			height: 30px;
			line-height: 30px;
			margin: 0;
			outline: none;
			padding: 0;
			text-align: center;
			text-decoration: none;
			width: 100px;
			}
			
		
		.form_standard .form_button:hover .form_field  input, 
		.form_large .form_button:hover .form_field  input[type="submit"]  {
			background: url(../images/buttons/form_button_over.gif) no-repeat;	
			border: none;
			color: #fff;
			cursor: pointer;
			display: block;
			height: 30px;
			line-height: 30px;
			margin: 0;
			outline: none;
			padding: 0;
			text-align: center;
			text-decoration: none;
			width: 100px;
		}
		.form_standard .form_button.width_130 .form_field input { 
			background-image: url(../images/buttons/form_button_130.gif); 
			width: 130px; 
			}		
			.form_standard .form_button.width_130 .form_field input:hover  { 
				background-image: url(../images/buttons/form_button_over_130.gif); 
				width: 130px; 
				}	
							
		/*** header Login Button ***/	
			#header_wrapper .form_standard label { text-align: right; margin-right: 5px; width: auto; }
			#header_wrapper .form_standard input { float: left; margin-right: 10px; width: 68px; }
			#header_wrapper .error { clear: both; display: inline-block; float: left; margin-top: 3px; padding: 1px 3px; width: 190px; }
			
			#header_wrapper .form_standard input#login,
			.form_standard .form_button .form_field_header input {
					background: url(../images/buttons/login_button.gif) no-repeat top;
					border: none;
					font-size: 0; /* ie6 fix */
					display: block;
					height: 20px;
					outline: none;
					text-decoration: none;
					text-indent: -900px; /* removes value */
					width: 58px;
					}
										
					.form_standard .form_button:hover .form_field_header input, 
					.form_large .form_button:hover .form_field input,
					.form_standard .form_button:hover .form_field_header input#login {
						background: url(../images/buttons/login_button.gif) no-repeat bottom;
						height: 20px;
					}
					
					
			.form_standard .form_field_double_left,
			.form_standard .form_field_double_right { margin: 0 10px 0 0; }				
		
									
				/*** Checkbox Layout - Label and Input Styles ***/
									
				.form_standard .form_row .form_field_checkbox input,
				.form_standard .form_row .form_field_double_left_checkbox input,
				.form_standard .form_row .form_field_double_right_checkbox input { display: inline; margin: 0 5px 0 0; padding: 0; }
				
				.form_standard .form_row .form_field_checkbox label,
				.form_standard .form_row .form_field_double_left_checkbox label,
				.form_standard .form_row .form_field_double_right_checkbox label { display: inline; }												

			
		
	/***** FORM_INLINE *****/
	/*** Form Row - Default and Error ***/
	.form_inline .form_row, 
	.form_inline .form_row_error {
		clear: none;
		display: inline;
		float: left;
		width: auto;
	}
						
	/*** Form Label, Input and Select ***/
	.form_inline label, 
	.form_inline input, 
	.form_inline select  {
		clear: none;
		display: inline;
		float: left;
		font-size: 11px;
		margin: 0 5px 0 0;
		width: auto;
		}
		.form_inline label { margin: 2px 5px 0 0; }

	/*** Field ***/
	.form_field { display: inline;}
				
	.form_field_double_left,
	.form_field_double_left_checkbox { display: inline; float: left; width: 48.5%; }
	
	.form_field_double_right,			
	.form_field_double_right_checkbox { display: inline; float: right; width: 48.5%; }		

	
.checkbox-form-row { margin-left: 187px; padding-bottom: 5px; }
	
	/*** Note and Error ***/
	/*** Form Note - Error ***/
	.form_error {
		clear: both;
		color: #ff6426;
		float: left; 
		font-weight: bold; 
		position: relative; 
		width: 100%; 
	}
	.form_standard .form_row, 
	.form_standard .form_row_error	{ margin: 0 0 10px; }
	
	.form_row,
	.form_row_error { clear: both; }
			
	.form_standard .form_note,
	.form_standard .form_error { clear: both; margin: 2px 0 2px 200px; padding-bottom: 5px; width: 400px; }				
							
	/*** Input, Select and Textarea - Error ***/
	.form_row_error input { background-color: #ffe3bf; }
	.form_row_error label { color: #ff6426; }
	
    .form_standard select { width: 204px;}


/** Form Existing
#existing label,
#existing input { margin-top: 10px; height: 15px; }	
	#existing label { clear: left; width: 80px; }
	#existing input { width: 150px; }			
	
	#existing input#login { height: 30px; margin-left: 100px; width: 100px; } 
		#existing input#login:hover  { background: url(../images/buttons/form_button_over.gif) no-repeat; margin-top: 10px; }
 **/	
#account_form label { width: 180px; }

#checkbox-area label { float: left; clear: right; color: #1a1a1a; font-weight: normal; margin-bottom: 10px; text-align: left; padding-left: 10px; width: 700px;  }
		#checkbox-area input.checkbox { float: left; width: auto; }

	#account_form  input#login { margin-bottom: 105px; margin-left: 200px; } 

	#account_form  #continue_btn { float: right; }
	#account_form  #continue_btn input { margin-right: 10px; margin-top: 5px; }

	#form-existing-space { display: block; height: 195px; }
	#existing-child { margin-bottom: 51px; }
	#existing-parent-area { left: 500px; top: 255px; position: absolute; }
		* + html #existing-parent-area { margin-top: -200px; position: relative;}
		* + html #existing-parent-area #existing { height: 180px; top: 10px; margin-top: 10px; z-index: 1000;}
		
		#existing-parent-area  #login { margin-left: 180px; }
	
	#account_form  .form_error { font-size: 0.8em; margin-left: 200px; width: 200px; }
		#account_form  #terms.form_error { font-size: 1.1em; margin-bottom: 10px; margin-left: 0; }
	
/** Form new_user_form **/
#new_user_form select { width: auto; margin-right: 10px; }
#new_user_form label { width: 100px; }
#new_user_form .form_standard .form_field { margin: none; }
#new_user_form .form_note { margin: 2px 0 2px 120px;}
#new_user_form .form_button { padding-left: 120px; }
#new_user_form .form_error { margin: 2px 0 2px 120px;}

/** Form Access Code **/
.col_310 #redeem_voucher_step_1 .form_button { padding-left: 100px; }
.col_310 #redeem_voucher_step_1 label { text-align: left; width: auto;}
.col_310 #redeem_voucher_step_1 .form_error { margin: 2px 0 0 100px; }
.col_310 #redeem_voucher_step_1 { float: left; margin-bottom: 15px; }
.col_310 #redeem_voucher_step_1 #voucher_code { width: 150px;}

#redeem_step_4 label, 
#redeem_voucher_step_2 label { color: #1a1a1a; float: none; font-weight: normal; text-align: left; width: auto; }

#redeem_step_4 input[type="radio"], 
#redeem_voucher_step_2 input[type="radio"] { background: none; border: none; width: 40px; }


#contact_form textarea { height: 100px; }

#contact_form .form_row_error {}

#contact_form .form_standard .form_note, .form_standard .form_error {
padding-bottom: 0;	
}
/** Account form **/
#account_form { display: inline; }

* html #account_form .form_row { width: 430px; }

#account_form .form_row, 
#account_form .form_row_error,
#account_form .form_error,
* html .form_error { clear: left; }

/*#account_form */
input[type="checkbox"],
input.checkbox  { background: none; clear: left; border: none; width: 40px; }


* + html #existing-child { font-size: 0.9em; }

/** My Classes **/
#my_classes_form .form_error { clear: none; float: none;}

#my_children_form .input_btn { margin-left: 120px; }
#my_classes_form .input_btn { margin-left: 170px; }
#my_classes_form .input_btn_2 { margin-left: 470px; }
#user_group_form .input_btn { margin-left: 500px; }

/** Children Form  
#my_classes_form 
#my_subscription_form
#my_subscription_form **/

/** my_subscription Form **/
input[type="radio"],
input.radio { background: none; border: none; width: 40px; }

.form_standard select.month { margin-right: 15px; width: 120px; }
.form_standard select.year { margin-right: 15px; width: 70px; }

#my_subscription_form { width: 600px; }

#student-rankings select { float: left; margin-right: 15px; width: 150px; }

/** Edit Billing Form **/
.date-select select { clear: both; margin-bottom: 5px; margin-right: 10px; width: 97px; }

form#redeem_voucher_step_1 { border-bottom: 1px dotted #ccc; float: left; margin-bottom: 15px; padding-bottom: 15px; width: 560px; }
* + html select#subscription_free_trial { width: 310px} /* ie7 width on select option fix*/
select#subscription_free_trial:focus{ width:auto !important; } /* ie8 width on select option fix*/

/** Edit class form hide button **/
#user_group_form #edit_user_group { display: none;}

/***** OVERALL LAYOUT STYLES *****/

#wrapper {
	clear: both;
	height: auto;
	margin: 0 auto;
	overflow:  hidden;
	position: relative;
	width: 960px;
}
		
		/***** HEADER *****/
		#header_wrapper {
			background: #3399ff url(/images/logo.gif) top left no-repeat; 
			clear: both;
			height: 109px;
			margin: 0 auto;
			overflow: hidden;
			position: relative;
			width: 960px;
		}
		#header_wrapper h1 a { display: block; height: 109px; width: 420px;}
		#header_wrapper h1 span{ display: none;}
		
		#student_id { position: absolute;  right: -10px; top: -5px; z-index: 100; }
		
		#login-area { background: #f0f0f0; border: 1px solid #297acc; float: right; height: 75px; padding: 10px; margin: 5px 5px 0 0; width: 405px;}
			#login-area h5 { color: #555; float: left; padding: 0 3px 5px; overflow: hidden; }
			#login-area #forgotten-password { float: right; margin-top: 8px; width: 200px; }
		
		#login-area.student { font-size: 11px; width: 550px; }
			#login-area.student p { clear: both; margin-bottom: 5px; }
		
		/** Form **/
		#filter_package_id {
			width: 220px;
			}
		
		/***** NAV HEADER *****/
		#nav_orange_wrapper {
			/*overflow: hidden;
			height: 35px;
			*/
			background: url(/images/nav/nav_background.gif) repeat-x  0 0; 
			border-right: solid 1px #d46900;
			clear: both;
			float: left;
			margin: 0 auto;
			position: relative;
			width: 959px;
			}					
			.nav_orange_box {
				height: 35px;
				margin: 0 auto;
				padding: 0;
				position: relative;
			}
						
		#nav_grey_wrapper {
			background-color: #f0f0f0;
			border-top: solid 1px #ccc; 
			border-left: solid 1px #ccc;
			border-right: solid 1px #ccc; 
			clear: both;
			color: #969696;
			float: left;
			font-size: 11px;
			height: 24px;
			overflow: hidden;
			position: relative;
			margin: 0 auto;
		}	
		
		.grey_wrapper {
			background-color: #f0f0f0;
			border-top: solid 1px #ccc; 
			border-left: solid 1px #ccc;
			border-right: solid 1px #ccc; 
			clear: both;
			color: #969696;
			float: left;
			font-size: 11px;
			height: 16px;
			overflow: hidden;
			position: relative;
			padding: 3px 15px 0;
			margin: 0 auto;
		}				
						.nav_grey_box {
							color: #969696;
							display: inline-block;
							font-size: 11px;
							font-style: normal;
							font-weight: normal;
							height: 24px;
							margin: 0 auto;
							padding: 3px 0px 0px 185px;
							position: relative;
							width: auto;	
						}
						.nav_grey_box a,
						.nav_grey_box a:hover,
						.nav_grey_box a:visited  {
							color: #969696;
							display: inline-block;
							font-size: 11px;
							font-style: normal;
							font-weight: normal;
							width: auto;	
						}
						.nav_grey_box a:hover,
						.nav_grey_box a:visited {
							text-decoration: underline;
						}
						

		
		/***** CONTENT *****/
		#content_wrapper {
			clear: both;
			float: left;
			height: auto;
			padding-bottom: 15px;
			position: relative;
			width: 960px;
		}
		
		/*** CRUMB ***/
		#crumb {
			clear: both;
			float: left;
			height: 24px;
			position: relative;
			width: 900px;
		}
				.breadcrumb_link {
					background: url(../images/icons/arrow_grey.gif) right center no-repeat;
					display: inline;
					float: left;
					font-size: 10px;
					height: 10px;
					line-height: 10px;
					padding: 6px 10px 6px 5px;
					width: auto;
				}
				.breadcrumb_end {
					color: #7ab800;
					display: inline;
					float: left;
					font-size: 10px;
					font-weight: bold;
					height: 10px;
					line-height: 10px;
					padding: 6px 0px 6px 5px;
					position: relative;
					width: auto;
				}

.copy-excel { font-style: italic; font-family: georgia, Times New Roman, serif; font-weight: bold; }


/**** FOOTER TOP ******/


#footerTop_bg {
	background: url(../images/backgrounds/footer-top-bg.gif) ;
	clear: both;
	height: 26px;
	padding: 10px 20px 0px;
	}
	#footerTop_bg ul { color: #fff; list-style-type: none; padding: 0; margin: 0; }
		#footerTop_bg ul li { float: left; padding-right: 3px; }
				#footerTop_bg ul li a { color: #fff; text-decoration: none; }
					#footerTop_bg ul li a:hover { text-decoration: underline; }
				
		
/***** FOOTER *****/
#footer_wrapper_blue {
			clear: both;
			background: #3399ff;
			border-left: 1px solid #297acc;
			border-right: 1px solid #297acc;
			float: left;
			height: auto;
			padding: 10px 0px 5px 0px;
			position: relative;
			overflow-x:hidden;
			text-align: center;
			width: 958px;
		}
				
/**** FOOTER BLUE*******/
.footerBlue {
	background: #3399ff url(../images/backgrounds/blue_left_footer.gif) no-repeat;
	float: left;
	height: 10px;
	overflow: hidden;
	position: relative;
}
			
				.footerBlue span {
					background: transparent url(../images/backgrounds/blue_right_footer.gif) no-repeat;
					float: right;
					height: 10px;
					position: relative;
					width: 10px;
				}
				
/**** WHITE BOX*******/
.titleBox_white {
	background: #fff url(../images/backgrounds/white_left_top.gif) no-repeat;
	float: left;
	height: 10px;
	overflow: hidden;
	position: relative;
}
				.titleBox_white span {
					background: transparent url(../images/backgrounds/white_right_top.gif) no-repeat;
					float: right;
					height: 10px;
					position: relative;
					width: 10px;
				}
				
.footerBox_white {
	background: #fff url(../images/backgrounds/white_left_bottom.gif) no-repeat;
	float: left;
	height: 10px;
	position: relative;
}
				.footerBox_white span {
					background: transparent url(../images/backgrounds/white_right_bottom.gif) no-repeat;
					float: right;
					height: 10px;
					position: relative;
					width: 10px;
				}
				
				
/**** GREY BOX*******/
.titleBox_grey {
	background: #3399ff url(../images/backgrounds/grey_left_top.gif) no-repeat;
	float: left;
	height: 10px;
	position: relative;
	overflow: hidden;
}
				.titleBox_grey span {
					background: transparent url(../images/backgrounds/grey_right_top.gif) no-repeat;
					float: right;
					height: 10px;
					position: relative;
					width: 10px;
				}
				
.footerBox_grey {
	background: #3399ff url(../images/backgrounds/grey_left_bottom.gif) no-repeat;
	float: left;
	height: 10px;
	position: relative;
}
				.footerBox_grey span {
					background: transparent url(../images/backgrounds/grey_right_bottom.gif) no-repeat;
					float: right;
					height: 10px;
					position: relative;
					width: 10px;
				}
				
/**** BLUE BOX*******/
.titleBox_blue {
	background: #3399ff url(../images/backgrounds/blue_left_top.gif) no-repeat;
	float: left;
	height: 10px;
	position: relative;
	overflow: hidden;
}
				.titleBox_blue span {
					background: transparent url(../images/backgrounds/blue_right_top.gif) no-repeat;
					float: right;
					height: 10px;
					position: relative;
					width: 10px;
				}
				
.footerBox_blue {
	background: #3399ff url(../images/backgrounds/blue_left_footer.gif) no-repeat;
	float: left;
	height: 10px;
	position: relative;
	overflow: hidden;
}
				.footerBox_blue span {
					background: transparent url(../images/backgrounds/blue_right_footer.gif) no-repeat;
					float: right;
					height: 10px;
					position: relative;
					width: 10px;
				}
				
				
/**** ORANGE BOX****/
.titleBox_orange{
	background: #3399ff url(../images/backgrounds/orange_left_top.gif) no-repeat;
	float: left;
	height: 10px;
	overflow: hidden;
	position: relative;
}
			.titleBox_orange span {
					background: transparent url(../images/backgrounds/orange_right_top.gif) no-repeat;
					float: right;
					height: 10px;
					position: relative;
					width: 10px;
				}
.footerBox_orange {
	background-color: #3399ff;
	background: url(../images/backgrounds/orange_left_bottom.gif) no-repeat;
	float: left;
	height: 10px;	
	position: relative;
}
				.footerBox_orange span {
					background: transparent url(../images/backgrounds/orange_right_bottom.gif) no-repeat;
					float: right;
					height: 10px;
					position: relative;
					width: 10px;
				}	
				
.footerBox_white_orange {
	background: #3399ff url(../images/backgrounds/whiteorange_left_bottom.gif) no-repeat;
	float: left;
	height: 10px;
	position: relative;	
}
				.footerBox_white_orange span {
					background: transparent url(../images/backgrounds/whiteorange_right_bottom.gif) no-repeat;
					float: right;
					height: 10px;
					position: relative;
					width: 10px;
				}	
							
/****PANEL*******/
.panel_top {
	background: url(../images/panels/panel_top.gif) no-repeat ;
	float: left;
	height: 10px;
	overflow: hidden;
	position: relative;
	width: 635px;
}
	.orange .panel_top { background-position: 0px 0px; }
	.red .panel_top { background-position: 0px -10px; }
	.plum .panel_top { background-position: 0px -20px; }
	.purple .panel_top { background-position: 0px -30px; }
	.olive .panel_top { background-position: 0px -40px; }
	.green .panel_top { background-position: 0px -50px; }
	.grey .panel_top { background-position: 0px -60px; }
		
.panel_middle {
	background-repeat: repeat-y;
	color: #FFF;
	font-size: 11px;
	float: left;
	position: relative;
	padding: 0 15px;
	width: 605px;
	overflow: hidden;
}
	.panel_middle h3 {
		color: #FFF;
		min-height: 40px;
		padding-bottom: 5px;	
	}	
	.orange .panel_middle	{
		background-image: url(../images/panels/orange.gif);
		border-bottom: 1px solid  #bb6e28;
	}
	.red .panel_middle	{
		background-image: url(../images/panels/red.gif);
		border-bottom: 1px solid  #ce3428;
	}
	.plum .panel_middle	{
		background-image: url(../images/panels/plum.gif);
		border-bottom: 1px solid  #841f63;
	}
	.purple .panel_middle	{
		background-image: url(../images/panels/purple.gif);
		border-bottom: 1px solid  #604886;
	}		
	.olive .panel_middle	{
		background-image: url(../images/panels/olive.gif);
		border-bottom: 1px solid  #93a23d;
	}	
	.green .panel_middle	{
		background-image: url(../images/panels/green.gif);
		border-bottom: 1px solid #698c3a;
	}	
	.grey .panel_middle	{
		background-image: url(../images/panels/grey.gif);
		border-bottom: 1px solid  #ababab;
	}	
							
/***** CONTENT BOX / CONTENT STYLES *****/
.contentBox_white {
	border-right: solid 1px #c8c8c8;
	border-left: solid 1px #c8c8c8;
	background-color: #fff;
	position: relative;
	float: left;
	display: inline;
	width: 918px;
}
.contentBox_blue {
	background-color: #3399ff;
	border-right: solid 1px #297acc;
	border-left: solid 1px #297acc;
	position: relative;
	color: #FFF;
	float: left;
	display: inline;
}	
		.contentBox_blue h1 { color: #FFF; font-size: 36px; font-weight: bold; padding-bottom: 0; padding-top: 0; }
		
		.contentBox_blue h2 { color: #FFF; font-size: 30px; font-weight: bold; padding-bottom: 0; margin: 0; }
		
		.contentBox_blue h3 { color: #FFF; font-size: 24px; font-weight: bold; padding-bottom: 0; padding-top: 0; }
		
		.contentBox_blue h4 { color: #FFF; font-size: 18px; font-weight: bold; padding-bottom: 0; padding-top: 0; }
		
		.contentBox_blue h5 { color: #FFF; font-size: 15px; font-weight: bold; padding-bottom: 0; padding-top: 0; }
		
		
		.contentBox_blue p.XXXXlarge,		
		.contentBox_blue p.XXXlarge,		
		.contentBox_blue p.XXlarge,		
		.contentBox_blue p.Xlarge,		
		.contentBox_blue p.large,				
		.contentBox_blue p.small { color: #FFF; }

		
.contentBox_white_orangeborder,
.contentBox_blue_test,
.contentBox_grey,
.contentBox_grey_test ,
.contentBox_white_test,
.content_grey,
.contentBox_orange {
	border-right: solid 1px #d9be98;
	border-left: solid 1px #d9be98;
	}
	.contentBox_white_orangeborder  { 
		background-color: #fff; 
		border-color: #d9be98; }
	.contentBox_blue_test {
		border-color: #297acc;
		background-color: #3399ff;
	}	
	.contentBox_grey {
		border-color: #c8c8c8;
		background-color: #f0f0f0;
	}
	.contentBox_grey_test {
		border-color: #c8c8c8;
		background-color: #f0f0f0;
		float: left;
	}

	.contentBox_white_test {
		border-color: #c8c8c8;
		background-color: #fff;
	}

.content_grey { 
	border-color: solid 1px #C8C8C8; 
	background-color: #EBEBEB;
	}

.contentBox_orange {
	border-color: #d9be98;
	background-color: #ffdfb2;
	color: #99866b;
}

		.contentBox_orange h1,
		.contentBox_orange h2,
		.contentBox_orange h3,
		.contentBox_orange h4 { color: #99866b; font-weight: bold; padding-bottom: 5px; }
		
		.contentBox_orange h1{ font-size: 36px; padding-top: 5px; }
		.contentBox_orange h2 { font-size: 30px; margin: 0; }
		.contentBox_orange h3 { font-size: 24px; padding-top: 10px; }
		.contentBox_orange h4 {font-size: 18px; padding-top: 10px; }
		
		
		.contentBox_orange p.XXXXlarge,		
		.contentBox_orange p.XXXlarge,		
		.contentBox_orange p.XXlarge,
		.contentBox_orange p.Xlarge ,
		.contentBox_orange p.large ,
		.contentBox_orange p.small { color: #99866b;}

.contentBox_white_dotted {
	background-color: #fff;
	border-right: dotted 1px #c8c8c8;
	border-bottom: dotted 1px #c8c8c8;
	border-left: dotted 1px #c8c8c8;
	display: inline;
	float: left;
	position: relative;
}
.content_white {
	background-color: #fff;
	border-left: solid 1px #c8c8c8;
	border-right: solid 1px #c8c8c8;
	display: inline;
	float: left;
	position: relative;
}
.content_white_dotted {
	background-color: #fff;
	border: dotted 1px #c8c8c8;
	display: inline;
	float: left;
	position: relative;
}


/*** NATHANS LAYOUT RULES ***/
.col_subnav {
	display: inline;
	float: left;
	width: 150px;
}

.col_310,
.col_470,
.col_635,
.col_725,
.col_730,
.col_800, 
.col_950,
.col_960  {		
	display: inline;
	float: left;
	}

.col_960 { position: relative; width: 960px; }

	.col_960 .contentBox_grey, 
	.col_960 .contentBox_grey_test, 
	.col_960 .contentBox_blue_test, 
	.col_960 .contentBox_white_test, 
	.col_960 .contentBox_orange , 
	.col_960 .contentBox_blue, 
	.col_960 .contentBox_white { width: 958px; }

	.col_960 .titleBox_grey, 
	.col_960 .footerBox_grey, 
	.col_960 .titleBox_orange, 
	.col_960 .footerBox_orange, 
	.col_960 .titleBox_blue, 
	.col_960 .footerBox_blue, 
	.col_960 .titleBox_white, 
	.col_960 .footerBox_white, 
	.col_960 .footerOrange, 
	.col_960 .footerBlue   { width: 960px; }


.col_635 { width: 635px; }
		
	.col_635 .titleBox_grey, 
	.col_635 .contentBox_grey, 
	.col_635 .footerBox_grey, 
	.col_635 .titleBox_white , 
	.col_635 .footerBox_white, 
	.col_635 .titleBox_blue, 
	.col_635 .footerBlue, 
	.col_635 .footerBox_blue, 
	.col_635 .titleBox_orange, 
	.col_635 .footerBox_orange  { width: 635px; }

	.col_635 .contentBox_white, 
	.col_635 .contentBox_blue, 
	.col_635 .contentBox_orange  { width: 633px; }

.col_470 { width: 470px; }
		
		.col_470 .titleBox_grey,	
		.col_470 .titleBox_white,	
		.col_470.titleBox_orange { width: 470px; }	
		
		.col_470 .contentBox_grey,			
		.col_470 .contentBox_white,	
		.col_470 .contentBox_white_orangeborder,		
		.col_470.contentBox_orange { width: 468px; }		
		
		.col_470 .footerBox_grey,	
		.col_470 .footerBox_white,
		.col_470.footerBox_orange,	
		.col_470 .footerBox_white_orange { width: 470px; }	

.col_310 { width: 310px; }
		.col_310 .titleBox_orange,	
		.col_310 .titleBox_grey,		
		.col_310 .titleBox_white { width: 310px; }	
		
		.col_310 .contentBox_orange,			
		.col_310 .contentBox_grey ,			
		.col_310 .contentBox_white,	
		.col_310 .contentBox_white_orangeborder { width: 308px; }	
		
		.col_310 .footerBox_orange,	
		.col_310 .footerBox_grey,	
		.col_310 .footerBox_white,			
		.col_310 .footerBox_white_orange { width: 310px; }
		
		
.col_725 { width: 725px; }
		
		.col_725 .titleBox_grey,
		.col_725 .titleBox_white,	
		.col_725 .titleBox_orange { width: 725px; }	
		
		.col_725 .contentBox_grey ,			
		.col_725 .contentBox_white,			
		.col_725 .contentBox_orange { width: 723px; }
		
		.col_725 .footerBox_grey,	
		.col_725 .footerBox_white,
		.col_725 .footerBox_orange { width: 725px; }
		
.col_730 { width: 730px; }	

.col_800 { width: 800px; }
		
		.col_800 .titleBox_grey,	
		.col_800 .titleBox_orange,		
		.col_800 .titleBox_white { width: 800px; }
		
		.col_800 .contentBox_grey,					
		.col_800 .contentBox_orange,		
		.col_800 .contentBox_white { width: 798px; }		
		
		.col_800 .footerBox_grey,		
		.col_800 .footerBox_orange,	
		.col_800 .footerBox_white,
		.col_800 .footerOrange,
		.col_800 .footerBlue { width: 800px; }
		
.col_950 { width: 950px; }
		
		.col_950 .titleBox_grey,		
		.col_950 .titleBox_orange,		
		.col_950 .titleBox_white { width: 950px; }	
		
		.col_950 .contentBox_grey,			
		.col_950 .contentBox_orange,	
		.col_950 .contentBox_white { width: 948px; }	
		
		.col_950 .footerBox_grey,		
		.col_950 .footerBox_orange,
		.col_950 .footerBox_white,	
		.col_950 .footerOrange,		
		.col_950 .footerBlue { width: 950px; }
		
.half { float: left; display: inline-block; width: 49%; margin-right: 2%; }
.half.last { margin: 0; }
	.half .titleBox_white, 
	.half .footerBox_white  { width: 100%; }
				
		.half .contentBox_white { width: 99.5%; }

.twothird { width: 60%; }		
.third { width: 33%; }
	.third.last { margin: 0;}
	.third .titleBox_white, 
	.third .footerBox_white  { width: 100%; }
				
		.third .contentBox_white { width: 99.5%;}
		
.full { width: 97%; }
	.full .titleBox_white, 
	.full .footerBox_white  { width: 100%; }
				
		.full .contentBox_white { width: 99.5%;}

/***** ROWS - STANDARD *****/
/***** FOR CONTENT SPACING****/
	.row,
	.row_paddingtop_15,
	.row_border_top,
	.row_border_bottom,
	.row_border_topbottom_green,
	.row_border_top_green,
	.row_paddingtop_10,
	.row_paddingtop_5,
	.row_paddingtop_2,
	.row_paddingbottom_15,
	.row_paddingbottom_10,
	.row_paddingbottom_5,
	.row_paddingtopbottom_20,
	.row_paddingtopbottom_15,
	.row_paddingtop_15,
	.row_paddingtopbottom_10,
	.row_paddingtopbottom_5 {
		clear: both;
		display: inline;
		float: left;
		position: relative;
		width: 100%;
	}
	
	.row_paddingtop_15 { padding-top: 15px; }

	.row_paddingtop_10 { padding-top: 10px; }
	
	.row_paddingtop_5 { padding-top: 5px; }	
	
	.row_paddingtop_2 { padding-top: 2px; }
	
	.row_paddingbottom_15 { padding-bottom: 15px; }
		
	.row_paddingbottom_10 { padding-bottom: 10px; }

	.row_paddingbottom_5 { padding-bottom: 5px; }
	
	.row_paddingtopbottom_20 { padding: 20px 0 20px 0; }
	
	.row_paddingtopbottom_15 { padding: 15px 0 15px 0; }
	
	.row_paddingtopbottom_10 { padding: 10px 0 10px 0; }
	
	.row_paddingtopbottom_5 { padding: 5px 0 5px 0; }
		
	.row_border_top { border-top: dotted 1px #c6c6c6; }
	
	.row_border_bottom { border-bottom: dotted 1px #c6c6c6; }
	
	.row_border_topbottom { border-top: dotted 1px #c6c6c6; border-bottom: dotted 1px #c6c6c6;  } 
		
	.row_border_topbottom_green { border-top: dotted 1px #8abc26; background-color:#e6f9c0; } 
	
	.row_border_top_green { border-top: dotted 1px #8abc26; } 
	

/***** PADDING *****/
.padding30 {
	padding: 30px;
}
.padding20 {
	padding: 20px;
}
.padding15 {
	padding: 15px;
}
.padding_left_right_15 {
	padding-left: 15px;
	padding-right: 15px;
	}
.padding_left_right_20 {
	padding-left: 20px;
	padding-right: 20px;
	}
.padding11 {
	padding: 11px;
}
.padding10 {
	padding: 10px;
}
.padding5 {
	padding: 5px;
}

.padding_B_15 {
	padding-bottom: 15px;
}

.margin_B_15 {
	margin-bottom: 15px;
}
.margin_L_15 {
	margin-left: 15px;
}
.margin_L_5 {
	margin-left: 5px;
}
.margin_T_15 {
	margin-top: 15px;
}
.margin_R_10 {
	margin-right: 10px;
}
.margin_T_5 {
	margin-top: 5px;
}
			
/*** HOME PANEL QUICK LINKS ***/
#intro {
	background: url(/images/panels/home_intro.jpg) no-repeat;
	color: #FFF;
	height: 230px;
	margin-bottom: 15px;
	padding: 15px 170px 15px 15px;
	position: static; /** needed to make rounded corners work in ie **/
	/*display: inline;*/
	}
	#intro h1 { color: #FFF; font-size: 25px; padding-bottom: 5px; text-shadow: 0 1px 1px #1a1a1a; }
	#intro ul { border-bottom: 2px solid #df9530; font-size: 17px; list-style: inside; margin-bottom: 15px; padding: 5px 0 10px; width: 375px; }

	
	#intro p { background: url(/images/icons/home-tick.png) top left no-repeat; padding-left: 20px; margin-bottom: 15px; }
			* html #intro p { background-image: url(/images/icons/home-tick.gif); }
	
			#intro .copy-excel { font-size: 1.1em; }

			
		 #intro p a { 
		   	/*firefox*/
			-moz-border-radius: 5px;
				
			/*chrome / safari*/
			-webkit-border-radius: 5px;
				
			/*Konquerer*/
			-khtml-border-radius: 5px;
				
			/*future proof*/
			border-radius: 5px;
				
			/*ie */
			behavior: url(/css/border-radius.htc);
			border-radius: 5px;

			background: #ffa302;
			color: #fff;
			padding: 2px 5px;
			position: relative;
			text-decoration: none;

			}
			#intro p a:hover { background-color: #ffc025; }
	
			
a.QL_panel, 
a.QL_panel:hover, 
a.QL_panel:visited { color: #FFF; text-decoration: none; }

.QL_panel {
	background: url(/images/panels/QL_panel.png) top left no-repeat;
	color: #FFF;
	cursor: pointer;
	display: block;
	float: left;
	margin-right: 12px;
	height: 82px;
	padding: 30px 15px 15px;
	text-align: center;
	text-shadow: 0 1px 1px #1a1a1a;
	width: 201px;
	}
	* html .QL_panel { background-image: url(/images/panels/QL_panel.gif); }
	
	.QL_panel h1 { color: #FFF; font-size: 24px; padding: 0; }
	.QL_panel p { font-size: 18px; padding: 0; margin: 0; }	
	
	#QL_free.QL_panel { background-position: left top; }
	#QL_parent.QL_panel { background-position: -244px top; }
	#QL_teacher.QL_panel { background-position: -487px top; }
	#QL_redeem.QL_panel { background-position: -730px top; margin-right: 0; }
		#QL_free.QL_panel:hover { background-position: left -140px; }
		#QL_parent.QL_panel:hover { background-position: -244px -140px; }
		#QL_teacher.QL_panel:hover { background-position: -487px -140px; }
		#QL_redeem.QL_panel:hover { background-position: -730px -140px; }
				
/*** QL BUTTON! QUICK LINKS ***/
a.QL_button, 
a.QL_button:hover, 
a.QL_button:visited { color: #FFF; text-decoration: none; }

.QL_button {
	background: url(/images/buttons/QL_button.png) no-repeat;
	color: #FFF;
	display: block;
	float: left;
	font-size: 1.2em;
	height: 23px;
	margin-top: 5px;
	padding: 12px 15px 8px 15px;
	text-align: center;
	width: 188px;
	}
	* html .QL_button { background-image: url(/images/buttons/QL_button.gif); }
	
	.QL_button p { font-size: 14px; padding: 0; margin: 0; }	
	.QL_button span { font-size: 19px; }	
	
	#QL_free_button.QL_button { background-position: left top; }
	#QL_parent_button.QL_button { background-position: left -90px; }
	#QL_teacher_button.QL_button { background-position: left -134px;	}
	#QL_redeem_button.QL_button {
			background-position: left -44px;
			margin-right: 0;
			}
		#QL_free_button.QL_button:hover { background-position: -220px top; }
		#QL_parent_button.QL_button:hover { background-position: -220px -90px; }
		#QL_teacher_button.QL_button:hover { background-position: -220px -134px; }
		#QL_redeem_button.QL_button:hover { background-position: -220px -44px; }
				
		a.QL_button, a.QL_button:hover, a.QL_button:visited { color: #FFF; text-decoration: none; }
			
	#QL_student_button .QL_button {
			background: url(/images/buttons/QL_button_student.gif) left top no-repeat;
			height: 43px;
			font-style: italic;
			font-size: 1em;
			margin-bottom: 15px;
			padding: 10px 5px;
			text-align: center;
			text-shadow: 0 1px 1px #1a1a1a;
			width: 297px;
			}	
			#QL_student_button .QL_button span { display: block; font-style: normal; margin-bottom: 2px; }
			
		* html #QL_student_button .QL_button { background-image: url(/images/buttons/QL_button_1.gif); }	
		#QL_student_button .QL_button:hover { background-position: left bottom; }

		#QL_student_button #tests.QL_button { background-position: 0 0; }
			#QL_student_button #tests.QL_button:hover { background-position: -316px 0; }
			
		#QL_student_button #gymbrainium.QL_button { background-position: 0 -74px; }
			#QL_student_button #gymbrainium.QL_button:hover { background-position: -316px -74px; }
			
		#QL_student_button #mind-games.QL_button { background-position: 0 -152px; }
			#QL_student_button #mind-games.QL_button:hover { background-position: -316px -152px; }


/*** PROGRESS NAV ***/
/*** Set Container and Basic Styles ***/
#progress_nav {
	font-size: 11px;
	height: 25px;
	margin-top: 1px;
	position: relative;
	z-index: 0;
	}
	
	/*** Float List, Remove Margin, Remove Padding, Remove Bullets ***/
	#progress_nav ul { 
		list-style: none; 
		margin: 0; 
		padding: 0;
		}
		#progress_nav ul li { background: none; float: left; border-right: 1px solid #fff; text-shadow: 0 1px 1px #555; padding: 0; }

		/*** Primary Nav Link - Default Styles ***/
			#progress_nav ul li span{ 
				background: url(../images/nav/progress_nav_background.gif) repeat-x scroll center top transparent;
				border-left: 1px solid #c3c2c1;
				border-right: 1px solid #c3c2c1;
				color: #FFF;
				display: block;
				font-weight: bold;
				line-height: 25px;
				overflow: hidden; 
				padding: 0 15px;
				}
				#progress_nav ul li.on span { 
					background-position: 0 -25px; 
					border-left: 1px solid #7cb505; 
					border-right: 1px solid #7cb505; 
					text-decoration: none; 
					text-shadow: 0 1px 1px #7b7b7b;
					}

.top-student-area { border-left: 1px solid #ccc; float: left; padding: 0 15px; width: 290px; }

/** Existing Login **/
#existing_login { float: right; margin: 0 10px 10px; width: 445px; }

#add_school { float: right; width: 310px; }

/** Redeem right **/
#redeem_right { float: right; margin: 0 0 15px 15px; width: 350px; }


#ewayBlock {
	background: url(/images/visamastercard.gif) left top no-repeat;
	display: inline;
	float: right;
	margin: 0 0px 15px;
	padding-left: 160px;
	text-align: left;
	width: 140px;
}

.break-out-box { float: right; margin: 0 0 15px 15px; width: 310px; }

/** Expiring **/
#expiring {
	background: #FC9;
	border: #FE6433 3px solid;
	color: #1a1a1a;
	margin-bottom: 15px;
	padding: 10px 15px;
}
#expiring span {
	font-weight: bold;
}





/** TAB PANEL ***/
#panel_ranks { clear: both; padding-top: 10px; }

* + html #panel_ranks .blue_panel { padding: 2px; }

	 h3#rank_title { 
		color: #FFF; 
		float: left; 
		margin-bottom: 10px;
		margin-left: 15px;
		padding-bottom: 0;
		text-shadow: 0 2px 2px #3490d7; 
	}

	 h4#rank_footer { clear: both; color: #fff; padding: 10px 0 0; text-align: center; }
	 
	* + html #panel_ranks #rank-rest { margin-bottom: 10px; }

#panel_rank_year { float: right; margin-right: 15px; margin-top: 3px; }

	#panel_rank_year a.button_tab_a {
		background: none;
		border-left: 1px solid #3794db; 
		color: #fff;
		display: block;
		float: left;
		font-weight: bold;
		height: auto;
		margin: 0;
		padding: 4px 7px;
		text-decoration: none;
	}
			
	#panel_rank_year a.button_tab_a:hover {
		background-color: #3794db;
		text-decoration: none;
	}
				
	#panel_rank_year a.button_tab_a:visited { outline: none; /* hide dotted outline in Firefox */ color: #FFF; }
		
	#panel_rank_year a.button_tab_a.on { background-color: #3794db; }	
					

	#rank_top_10 { 
		/*firefox*/
		-moz-border-radius: 10px;
			
		/*chrome / safari*/
		-webkit-border-radius: 10px;
			
		/*Konquerer*/
		-khtml-border-radius: 10px;
			
		/*future proof*/
		border-radius: 10px;
			
		/*ie */
		behavior: url(/css/border-radius.htc);
		border-radius: 10px;	
		
		background: #fff; 
		float: left; 
		height: 490px;
		margin-right: 15px; 
		padding: 15px; 
		display: inline;
		/*position: relative
		zoom: 1;*/
	
	}
		#rank_top_10 h4 { padding-bottom: 0; }
		#rank_top_10 td { padding: 5px 3px; font-size: 1.1em; }
		
		#rank_top_10 #top-3 .rank-3 { font-size: 23px; }
		#rank_top_10 #top-3 tr { margin-bottom: 5px; }
		#rank_top_10 #top-3 td.row_a { background-color: #f0f0f0;}
		
	#rank-rest { 
		/*firefox*/
		-moz-border-radius: 10px;
		
		/*chrome / safari*/
		-webkit-border-radius: 10px;
		
		/*Konquerer*/
		-khtml-border-radius: 10px;
		
		/*future proof*/
		border-radius: 10px;
		
		/*ie */
		behavior: url(/css/border-radius.htc);
		border-radius: 10px;
		
		background: #fff; 
		float: left; 
		height: 500px;
		padding: 15px 15px 5px; 
		width: 575px; 
		}
		
		#rank-rest .more { margin-top: 5px; text-align: right; text-decoration: none; }




/** Editable Text **/
.editable { background: url(/images/backgrounds/editable.gif) no-repeat; border: 2px dotted #FE6433; padding: 40px 15px 15px; }

.editable:hover { background: #CCC; }

.contentBox_white  ul  { list-style-type: none; padding: 0; margin: 0 0 10px; }
	.contentBox_white  ul li { 
		background: url(/images/backgrounds/list-dot-green.gif) top left no-repeat; 
		padding-left: 15px; 
		padding-bottom: 5px;
		}
		
		
/**=white_panel  */
.white_panel,
.grey_panel,
.green_panel,
.blue_panel  {
	/*firefox*/
	-moz-border-radius: 10px;
		
	/*chrome / safari*/
	-webkit-border-radius: 10px;
		
	/*Konquerer*/
	-khtml-border-radius: 10px;
		
	/*future proof*/
	border-radius: 10px;
		
	/*ie */
	behavior: url(/css/border-radius.htc);
	border-radius: 10px;
	
	position: static;
	margin-bottom: 10px; 

	}

	.white_panel .inner,
	.grey_panel .inner,
	.green_panel .inner,
	.blue_panel .inner { padding: 15px; }
	
#free_trial_intro #intro_text { width: 560px; position: relative; }

	
	
#tab_contents  .white_panel-tab { 
	/*firefox*/
	-moz-border-radius: 0 10px 10px 10px;
		
	/*chrome / safari*/
	-webkit-border-radius: 0 10px 10px 10px;
		
	/*Konquerer*/
	-khtml-border-radius: 0 10px 10px 10px;
		
	/*future proof*/
	border-radius: 0 10px 10px 10px;
		
	/*ie
	behavior: url(/css/border-radius.htc);
	border-radius: 0 10px 10px 10px; */
	border-left: 1px solid #CDCDCD; 
	border-right: 1px solid #CDCDCD; 
	border-bottom: 1px solid #CDCDCD; 
	background: #fff url(/images/panels/top-blue.gif) top left repeat-x;
	position: static;
	padding-top: 15px;
	/*height: 1%;*/
	 }	
	#tab_contents  .white_panel-tab .inner { height: 1%; padding: 15px; }

	
	
/**=white_panel  */	
.white_panel {	
	border: 1px solid #cdcdcd;
	background: #fff;
	}			
	.white_panel ul,
	.col_960 ul	{ list-style-type: none; padding: 0; margin: 0; }
		.white_panel ul  li,
		.col_960 ul li	{ background: url(/images/icons/green-dot.gif) left 1px no-repeat; padding-left: 15px; }
	
		.white_panel table ul,
		.col_960 table ul { margin: 5px 0; }
		
			.white_panel table ul li,
			.col_960 table ul li { background: url(/images/icons/black-dot.gif) left 3px no-repeat; }

		
/**=green_panel  */
.green_panel { 
	background: #DAEBC1; 
	font-size: 1.2em; 
	}	

	.green_panel ul { list-style-type: none; padding: 0; margin: 0; }
		.green_panel  ul.margin_L_35 { margin-left: 35px; }
		
		.green_panel ul  li { 
			background: url(/images/icons/green-arrow.gif) left 2px no-repeat; 
			margin-bottom: 5px;
			padding-left: 20px; 
			}
			.green_panel ul  li  ul { margin: 5px; }
				.green_panel ul  li  ul li { font-size: 1em; }
				
			.green_panel ul  li.background_none { background: none; }
			
	.green_panel h1 { font-size: 30px; }
	.green_panel h2 { color: #000; font-family: georgia, Times New Roman, serif; font-size: 18px; font-style: italic; }

	.green_panel .or { background: url(/images/icons/or.png) top left no-repeat;  display: block; height: 40px; left: 440px; position: absolute; width: 50px; }
		.green_panel #first.or { top: 145px; }
		.green_panel #second.or { top: 400px; }
		
.green-background-copy {
	/*firefox*/
	-moz-border-radius: 3px;
		
	/*chrome / safari*/
	-webkit-border-radius: 3px;
		
	/*Konquerer*/
	-khtml-border-radius: 3px;
		
	/*future proof*/
	border-radius: 3px;
		
	/*ie */
	behavior: url(/css/border-radius.htc);
	border-radius: 3px;
	
	background: #abe356;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 3px 0; 
	padding: 13px 10px 5px 10px;
	position: static;
	}
	.green-background-copy.margin_B_10 { margin-bottom: 10px; }
		.green-background-copy a:hover { color: #fff; }
		
	.contentBox_white { display: inline; /**needed to render in ie float: left; */}
		.contentBox_white  .padding15 { float: left; clear: both; }
		
	.green_panel hr { background: none repeat scroll 0 0 #DAEBC1; border: 1px solid #fff; margin: 10px 0; }
	
	/*.green_panel #account_form*/
	#account_form .green_panel ul,
	#account_form .green_panel p { font-size: 0.9em; }

	
/**=blue_panel  */
.blue_panel { background: #3c9eff; color: #fff; }		
	.blue_panel ul li { background-image: url(/images/icons/white-dot-on-blue.gif); }
	
	.blue_panel #rank_top_10,
	.blue_panel #rank-rest	{ color: #1A1A1A; }

	
.title_with_orange_tick { 
	background: url(/images/icons/orange-tick-on-white.gif) left top no-repeat; 
	color: #3c9eff;
	font-size: 20px; 
	font-weight: bold;
	padding-left: 26px; 
	}

.ck { clear: both; }

.image.float_right { margin-left: 10px; margin-bottom: 10px; }
.image.float_left{ margin-right: 10px; margin-bottom: 10px; }

#parents .white_panel .content_area  { width: 600px; }
.white_panel.next_to_QL_buttons { width: 725px; }

.grey_panel {	
	border: 1px solid #297ACC;
	background: #F0F0F0;
	}	


/** =free_trial **/

#free_trial_teachers .green-background-copy { width: 560px; }


ul.gymbranium-icons { display: inline-block; list-style-type: none; margin: 10px 140px; }
	ul.gymbranium-icons li { background: none; display: block; float: left; margin-right: 10px; padding: 0; text-align: center; width: 90px; }
		ul.gymbranium-icons li a { background: url(/images/gymbrainium/activity-icons.jpg) center -3px no-repeat; display: block; padding-top: 55px; }
		
		ul.gymbranium-icons li#mathematics a { background-position: 18px -3px; }
		ul.gymbranium-icons li#logic a { background-position: -87px -3px; }
		ul.gymbranium-icons li#linguistics a { background-position: -196px -3px; }
		ul.gymbranium-icons li#music a { background-position: -303px -3px; }
		ul.gymbranium-icons li#kinaesthetics a { background-position: -409px -3px; }
		ul.gymbranium-icons li#spatial a { background-position: -513px -3px; }
		
		ul.gymbranium-icons li#symbol a { background-position: 18px -124px; }
		ul.gymbranium-icons li#blueprint a { background-position: -87px -124px; }
		ul.gymbranium-icons li#brainstorm a { background-position: -196px -124px; }
		ul.gymbranium-icons li#mental a { background-position: -303px -124px; }
		ul.gymbranium-icons li#letter a { background-position: -409px -124px; }
		ul.gymbranium-icons li#geometrica a { background-position: -513px -124px; }
	
#gymbrainium_id_content { margin-bottom: 10px; margin-left: 10px; }	
 #gymbranium-brain-on-blue.blue_panel .inner { 
	background-image: url(/images/gymbrainium/brain-pink-on-blue.jpg); 
	background-repeat: no-repeat; 
	background-position: 15px 20px; 
	padding-left: 120px; 
	}
#gymbranium-avatar { position: absolute; right: 20px; }

#product-item table div.row-border { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #dedede; width: 100%; }

#product-item .green_panel { background: #DAEBC1 right bottom no-repeat; height: 210px; } 
/*** #product-item .green_panel { background: #DAEBC1 url(/images/free_trial/online-sub-pic.jpg) right bottom no-repeat; height: 210px; } ***/

#free_trial_intro.green_panel .inner { background: #DAEBC1 url(/images/free_trial/free_trial_2.jpg) right center no-repeat;  margin-right: 15px; margin-left: 15px; position: relative; }

#free_trial_teachers .inner { background: #DAEBC1 url(/images/free_trial/free_trial.jpg) right center no-repeat; height: 275px; margin-right: 15px; margin-left: 15px; position: relative;  }

#parent-dashboard.white_panel .inner .image { background: #fff url(/images/parents/dashboard-pic.jpg) right center no-repeat; height: 186px; }
#teacher-dashboard.white_panel .inner .image { background: #fff url(/images/parents/dashboard-pic-teacher.jpg) right center no-repeat; height: 231px; }

#parent-dashboard #intro_parent { width: 550px; }

#parent-dashboard #intro2_parent,
#teacher-dashboard #intro2_teacher { border-top: 1px dotted #dedede; padding-top: 10px; margin-top: 5px; clear: left; width: 550px; }
	
	#teacher-dashboard #intro_teacher,
	#teacher-dashboard #intro2_teacher { width: 650px; }
	
#reporting-buttons { display: block; height: 70px; position: static; }

#tab_contents { position: relative; }
.flash-chart { display: block; height: 200px; width: 700px; }
#avatar-brain { display: block; float: right; height: 200px; width: 200px; }

#product-item-long-description,
#more-naplan-details-description { border: 1px solid #cdcdcd; margin-bottom: 10px;  }

	#product-item-long-description .inner,
	#more-naplan-details-description .inner { padding: 15px; }

	#product-item #product-item-long-description a.close-panel,
	#more-naplan-details-description a.close-panel { background: #06F; border: 1px solid #00C; color:#fff; float: right; padding: 5px; text-decoration: none; }
	#product-item #product-item-long-description a.close-panel:hover, 
	#more-naplan-details-description a.close-panel:hover { background: #039; color: #CCC;}
	
	
	
	#forgotten .form_standard .form_note, .form_standard .form_error { margin-left: 180px; }

/***** COMMON STYLING *****/

/*** Set Container and Basic Styles ***/
#main_nav {
	background: url(../images/nav/nav_background.gif) repeat-x scroll center top transparent;
	border-right: 1px solid #1e5a96;
	font-size: 11px;
	height: 35px;
	margin-top: 1px;
	position: relative;
	z-index: 10;
	}
	
	/*** Float List, Remove Margin, Remove Padding, Remove Bullets ***/
	#main_nav ul { 
		border-right: 1px solid #1e5a96;
		list-style: none; 
		margin: 0; 
		padding: 0;
		}
		#main_nav ul li { float: left; border-right: 1px solid #fff; text-shadow: 0 1px 1px #1e5a96; }

		/*** Primary Nav Link - Default Styles ***/
			#main_nav ul li a, 
			#main_nav ul li a:visited { 
				background: url(../images/nav/nav_background.gif) repeat-x scroll center top transparent;
				border-left: 1px solid #1e5a96;
				border-right: 1px solid #1e5a96;
				color: #FFF;
				display: block; 
				line-height: 35px;
				padding: 0 13px;
				text-decoration: none;
				overflow: hidden; 
				}
				#main_nav ul li.on a { 
					background-position: 0 -35px; 
					border-left: 1px solid #6f6f6f; 
					border-right: 1px solid #6f6f6f; 
					text-decoration: none; 
					text-shadow: 0 1px 1px #1a1a1a;
					}
				#main_nav ul li a:hover,
				#main_nav ul li:hover a { background-position: 0 -35px; border-left:1px solid #6f6f6f; border-right:1px solid #6f6f6f; text-decoration: none; text-shadow:0 1px 1px #1a1a1a;}
	
	#main_nav span {
			background: url(../images/nav/primary/down_arrow.gif) right no-repeat;
			border: none;
			padding-bottom: 5px;
			padding-right: 12px;
			}
	
	/*** Hide Secondary Nav ***/
	#main_nav ul li ul { 	
			display: none;
			clear: both;
			}
			
		/*** Position Secondary Nav and Show on Hover ***/
		#main_nav ul li:hover ul  { 
			background: #737373 url(../images/nav/primary/nav_grad.gif) top left repeat-x; 
			display: block; 
			border-right: none;
			border-top: 1px solid #aaa;
			margin: 0; 
			padding: 5px; 
			line-height: 20px;
			position: absolute;
			}
			#main_nav ul li:hover ul a,
			#main_nav ul li:hover ul a:visited { 
				background-image: none; 
				border: none;
				color: #fff; 
				line-height: 25px;
				min-width: 104px;
				padding: 0 10px;
				}
				#main_nav ul li:hover ul a:hover { background: url(../images/nav/primary/white-transparent.png) repeat; text-decoration: none; border: none; }
			
			#main_nav ul li ul li { border: none; float: none;}
			


/* form elements */
* html #login-area .button_size3 span { float: left; }

* html .contentBox_blue,
* html .contentBox_blue h4,
* html .contentBox_blue h3 { margin: 0;  }

* html input.radio { background: none; border: none; width: 40px; }
* html input.input_btn { background-color: #ff9a00; color: #fff; border: 1px solid #e19a00; width: auto; }