/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : BSI Global CSS
Author : David Howlett / david.howlett@onlinestandards.co.uk / OnlineStandards Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet OnlineStandards site

Created : 
Modified : 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */

body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff;  color:#000000; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:11px arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */


/* ----- IDS ----- */
#container { width:800px; margin:0 auto; text-align:left;  }
#header {clear:none; position:relative; height: 50px; margin:  0px 50px 0px 0px;  }   
#logo { position:absolute; top:3px; right:0px; text-align:left; float:left }
#brandlogo { position:absolute; top:3px; left:0px; }
#phonenumbox{ position:absolute; top:17px; left:0px;  }
#banner {margin: 0px; padding: 0px;}
#mainContent { width: 750px; padding: 10px 8px 0px 8px; }
#contentDiv { width: 750px; float:left; padding: 0px 19px 0px 0px;  }
#leftCol { width: 141px; height: 347px;background:url(images/navDivider.gif) top right repeat-y; float: left;}
#rightCol { width: 554px; float: left; padding: 0px 19px 0px 19px;}
#footer {
	width: 750px;
	height: 22px;
	color: #626262;
	text-align: right;
	background-color: #ececec;
	border-top: solid 1px #dadada;
	border-bottom: solid 1px #f4f4f4;
	margin-top: 20px;
	margin-left: 8px;
	font-size: 1em;
	padding-top: 2px;	
}
#footer a {padding: 0px 3px 0px 3px;}

#footer a.right {
	float: right;
}

#footer a:hover, #footer .active a {text-decoration:none; color:red;}
#footer ul {margin:0; padding:2px 0 0px 12px;}
#footer ul li {display:inline; list-style:none; margin:0px;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.relative { position:relative; }
.inline {display:inline;}
.title { margin: 32px 0px 0px 0px;}
.rightColList {float: left; width: 300px;}
.rightColList ol {list-style-position: outside; display: list-item;}
.rightColList li { margin:10px; font-size: 1.1em;}

/* ----- HEADINGS & PARAGRAPHS ----- */
/*h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { position:absolute; top:0px; left:-10000px; }
h2 { position:absolute; top:0px; left:-10000px; }
h3 { font-size:1.1em; }
h4 {}
h5 {}
h6 {}
*/
/* ----- NAVIGATION ----- */
#topNav { background: #000066; color: #ffffff; width: 743px; height: 22px; margin:0px 8px 0px 8px; text-transform:capitalize; position:relative;}
#topNav a {color:#ffffff; font-weight:normal;}
#topNav a:hover, #topNav .active a {text-decoration:none; color:#d5ecb6;}
#topNav ul {margin:0; padding:2px 0 0px 12px;}
#topNav ul li {display:inline; list-style:none; margin:0px;}

#middleNav { clear:none; position:relative; background:url(images/middleNavBg.gif) top left repeat-x; height: 44px; width: 604px; margin:0px 8px 0px 8px; padding-left: 140px;}
#middleNav div { float:left; padding: 5px 12px 0px 0px;}

#leftNav {width: 141px; }
#leftNav ul {padding: 0px 0px 0px 20px; margin: 10px 0px 0px 10px; font-weight: bold; line-height: 90%;font-size:1.1em; list-style: url(images/blue_leftNavBullet.gif);}
#leftNav li {padding: 0px 0px 30px 0px; text-indent: 0px;}
#leftNav a{ text-decoration:none; color:#163669; }
#leftNav a:hover{ text-decoration:none; color:#163669;}

/* OnlineStandards Added code */
.acceptTerms {color:#00ff00;}
label {color:#000000;}
.selectionItems li {padding: 0px 0px 20px 0px; text-indent: 0px;}
.selectionItemsSub li {padding: 5px 0px 5px 0px; text-indent: 0px; list-style-type:lower-roman}
.rdoList { padding: 0px 20px 0px 20px; }
.redText
{
	color:Red;
	font-weight:bold;
}
.orangeText
{
	color: #FF8000;
	font-weight: bold;
}

.greenBox
{
	background-color: #00ff00;
	color: #000000;
	font-weight: bold;
}	
.inputField
{
	background-color: Lime;
}

.optionalField
{
	background-color: #ffcc00;
}

.answerField
{
	background-color: Red;
}

.fieldAlignment
{
	margin-top: -3px;
	margin-bottom:-20px;
}

.VEFieldAlignment
{
	margin-top: -3px;
	margin-bottom:5px;
	margin-left:-2px;
	margin-right:-10px;
	border-width:0px;
	
}

.VEHeadings
{
	font-weight:bold;
}

.OpenSessionLinks
{
	white-space:normal;
	float:left;
	height:12px;
	border-collapse:collapse;
}

.OpenSessionLinks a
{
	position:relative;
	top: -80px;

	
}

.OpenSessionLinks span
{
	position:relative;
	top: -60px;
}

.OpenSessionLinks div
{
	margin: -30px 0 -30px 0;
	height:1px;	
}

/* ----- SITE MAP ----- */


/* ----- BREADCRUMBS ----- */


/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { margin:0; font-size: 1.1em; padding-left: 10px; padding-top: 10px; }

/* ----- LINKS ----- */
a { color:#626262; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }
#menu a { color:#ffffff; font-weight:normal; text-decoration:none; margin-top:-50px; }
#menu a:hover, #menu .active a {text-decoration:none; background: #000066; color:#ffffff;}

a.heading { color:#626262; font-weight:bold; text-decoration:none; font-size:12pt; }
a.heading:hover { text-decoration:underline; }
.heading { color:#000000; font-weight:bold; font-size:12pt;}
.productLink {font-size: 14px;}

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
/*label { display:none; }*/

/* ----- TABLES ----- */
table{ border-collapse:collapse; 	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
}
td{ vertical-align:top; padding: 0px 10px 10px 0px;}
.infoPadding {padding-left: 15px;}