/*
SITENAME 2008
/css/main.css
main site structure and common stylesheet
author: Chris Armstrong, thoughtbubble Ltd
created: 19 February 2008
*/

/*
-------------------------------------------
Remove the inconsistent default styling of HTML elements.
-------------------------------------------
*/

 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;
 }
 
 h1,h2,h3,h4,h5,h6 {
 	font-size:100%;
 	font-weight:normal;
 }
 
 q:before,q:after {
 	content:;
 }
 
 abbr,acronym { 
 	border:0;
 }

 /* ROUNDED CORDERS */
 /* http://www.spiffycorners.com/index.php?sc=spiffy&bg=ffffff&fg=0994CB&sz=9px */
 
.round_corner{display:block}
.round_corner * {
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#0994CB
}
.round_corner1 {
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #95d0e8;
	border-right:1px solid #95d0e8;
	background:#46aed8
}
.round_corner2 {
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #e6f4f9;
	border-right:1px solid #e6f4f9;
	background:#37a8d4
}
.round_corner3 {
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #37a8d4;
	border-right:1px solid #37a8d4;
}
.round_corner4 {
	border-left:1px solid #95d0e8;
	border-right:1px solid #95d0e8
}
.round_corner5 {
	border-left:1px solid #46aed8;
	border-right:1px solid #46aed8
}
.round_corner_fg {
	background:#0994CB;
	padding:3px 10px 0px 10px;
	font-weight:bold;
}

 /* -------------------------------
	CLEARFIX FLOATING FIXES
---------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
 
/*
-------------------------------------------
MAIN SITE STRUCTURE
-------------------------------------------
*/
 
body { 
	margin:0;
	padding:0 0 40px 0;
	background-color:#0994CB;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#666666;
	background-image:url(/images/layout/bg_blue.jpg);
	background-repeat:repeat;
	background-position: 0 778px;
}

h1 { color:#00B3DE; font-weight:bold; font-size:1.4em; margin-bottom:10px; }
h2 { color:#00B3DE; font-weight:bold; font-size:1.2em; }
h3 {}
h4 {}
h5 {}
h6 {}

p { margin:0 0 8px 0; }
strong { font-weight:bold; }

a:link, a:visited, a:hover { color:#0693CA; text-decoration:underline; }

.mandatory { font-weight:bold; }
.form_error { color:#FF0000; font-weight:bold; }
.errortext { color:#FF0000; font-weight:bold; }

.vspace5 { height:5px; }
.vspace10 { height:10px; }
.vspace15 { height:15px; }
.vspace20 { height:20px; }
.vspace30 { height:30px; }
.vspace40 { height:40px; }
.vspace50 { height:50px; }
.vspace100 { height:100px; }

/* Structural Layout */
#mainWrapper { 
	width:100%;
	text-align:center;
	padding:0 0 0px 0;
	background-image:url(/images/layout/bg_fade.jpg);
	background-repeat:repeat-x;
	background-position: 0 0;
	min-height:778px;
}

* html #mainWrapper { height:778px; }

#pageWrapper { 
	width:750px; 
	margin:auto; 
	text-align:left;
	background-color:#FFFFFF;
	position:relative;
}

#footerWrapper {
	width:750px; 
	margin:auto; 
	text-align:left;
}

#topBar {
	margin:0 10px 0 10px;
	color:#FFFFFF;
	text-align:right;
}

#topBar a:link, #topBar a:visited { color:#FFFFFF; text-decoration:none; }
#topBar a:hover { color:#FFFFFF; text-decoration:underline; }

#topBar a.sign_out_link:link, #topBar a.sign_out_link:visited { color:#FFCA64; text-decoration:none; }
#topBar a.sign_out_link:hover { color:#FFCA64; text-decoration:underline; }

#pageBar { margin:0 10px 0px 10px; }

#logo { float:left; width:270px; padding:30px 0 30px 0; }
#above_console_block { float:left; width:460px;  }
.console {
	width:726px;/*726*/
	border-top:2px solid #01B4DF;
	border-left:2px solid #01B4DF;
	border-right:2px solid #01B4DF;
	position:relative; 
	top:-2px;
	z-index:1;
	margin-bottom:20px;
	padding-bottom:40px;
	/*overflow:hidden;*/
	
}

.console_green {
	width:726px;/*726*/
	border-top:2px solid #23B71A;
	border-left:2px solid #23B71A;
	border-right:2px solid #23B71A;
	position:relative; 
	top:-2px;
	z-index:2;
	margin-bottom:20px;
	/*overflow:hidden;*/
	
}

.console_bottom_bar {
	width:730px;/*726*/
	position:relative; 
	top:-24px;
	margin-bottom:0px;
	/*margin-bottom:20px;*/
	/*overflow:hidden;*/
	
}

.console_inner { padding:40px 10px 10px 10px; }
.curve_footer_image { position:absolute; top:0px; margin-left:0px; margin-top:1px;}
.curve_footer_image_bottom { width:730px; position:relative; margin-left:-0px; top:0px; padding:0 0 0 0; }
.hdBar_Full {
	background-image:url(/images/layout/hdBar_Full.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	height:19px;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 0 0 10px;
	z-index:1;
}

.hdBar_Full_Green {
	background-image:url(/images/layout/hdBar_Full_Green.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	height:19px;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 0 0 10px;
}

.hdBar_Full a:link, .hdBar_Full a:visited { color:#FFFFFF; text-decoration:none; }
.hdBar_Full a:hover { color:#FFFFFF; text-decoration:underline; }

.hdBar_Inner {
	background-image:url(/images/layout/bar_bl_px.gif);
	background-repeat:repeat-x;
	background-position: 0 0;
	height:19px;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 0 0 0px;
	margin-bottom:10px;
	margin-right:-20px;
	margin-top:10px;
	width:726px;/*726*/
	position:relative;
	left:-10px;
	overflow:hidden;
}

.console .hdBar_Full { position:relative; left:-2px; width:730px; z-index:1; }

.hdBar_Half {
	background-image:url(/images/layout/hdBar_Half.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	height:19px;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 0 0 10px;
	width:362px;
}

#footerBar {
	text-align:right;
	color:#FFFFFF;
	padding:5px 0 0 0;
}

.content_page {
	margin-left:84px;
	width:562px;
	padding-bottom:40px;
}

#footerBar a:link, #footerBar a:visited { color:#FFFFFF; text-decoration:underline; }
#footerBar a:hover { color:#FFFFFF; text-decoration:underline; }