/* CSS Document */

/* Any code using a '*html' prefix is for Internet Excplorer only */

body {
	 /* setting the base font-size to 62.5% allows you to set other font sizes in ems that emulate pt.
	so, 1.2em will map to 12pt. 1.6 will map to 16pt, etc. */
	font-size: 62.5%;
	background-color:#FFFFFF;
	margin-left:0px;
	border-left:0px;
	margin-right:0px;
	border-right:0px;
	margin-top:0px;
	border-top:0px;
	padding-top: 0px;
}
#intraPageNavigation{
/* Navigation that is shown if the stylesheet is removed */
	position:absolute !important;
	text-indent:-9999px;
	float:left;
}

/********************** MASTHEAD *********************/
#masthead {
	width:937px;
	height:93px;
	margin-top:0px;
	overflow:hidden;
	/*background-color:#FFFF33;*/
}
#masthead #logo{
/* This attaches the logo to the logo DIV. It is attached to the DIV so that when the stylesheet is removed (or the page is read
by a text reader) the content in #masthead h1 is shown */
/*
	position:relative;
	left: 0px;
	top: 0px;
	margin-left:0px;
	margin-top:0px;
	width:183px;
	height:85px;
	background-image:url(../images/logo_02.jpg);
	background-repeat:no-repeat;
	clear: none;
	float:left;
	padding:0;
	*/
}
#masthead h1 a{
/* This puts the H1 content off the screen (-9999px) so that it doesn't intefere with the logo */
	position:absolute !important;
	display:block;  
	overflow:hidden;
	width:181px; 
	padding-top:93px;
	margin-top:0px; 	
	text-indent:-9999px;
}

#masthead #title{
/*Positioning fonr 'Inranet: Company Confidential' title graphic. NOTE THE Z-INDEX IN COMPARISON WITH THE PRIMNAV DIV - V.IMPORTANT FOR IE*/
	position:relative;
	padding:0;
	margin:0;
	width:541px;
	padding-top:67px;
	overflow:hidden;
	left:0px;
	float:left;
	color:none;
	z-index:10;
}
#str_error 
{
  position:relative;
	padding:0;
	margin:0;
	width:541px;
	padding-top:5px;
	padding-bottom:5px;
	overflow:hidden;
	left:0px;
	float:left;
	z-index:10;
	color:#990000;
	font-family:Arial;
	font-size:12px
	}

/********************** PRIMARY SUB NAV *********************/
#masthead #primSubNav{
/* This is for the primary sub naviagtion e.g the Home, Help links*/
	padding:0;
	margin:0;
	margin-left:35px;
	position:relative;
	left: 0px;
	top: 0px;
	width:84px;
	height:62px;
	overflow:hidden;
	float:left;
	/*background-color:#66FFCC;*/
}
#masthead #primSubNav #greyBox{
/* The grey box at the top of the links list */
	padding:0;
	margin:0;
	margin-bottom:5px;
	overflow:hidden;
	width:47px;
	height: 6px;
	background-color:#666666;
}
#masthead #primSubNav ul.primSubNavigation{
/* Removes the padding/margin and bullets */
	margin:0;
	padding:0;
	list-style-type:none;
}

#masthead #primSubNav ul.primSubNavigation li{
/* The follwing code for #primSubNav allows an unordered list to be used as the navigation. Essentially the li elements are replaced with the button images*/
	position:relative;
	float:left;
	padding:0;
	margin-top:4px;
	margin-bottom:0px;
	overflow:hidden;
}
#masthead #primSubNav ul.primSubNavigation a {
/* This puts the list links off the screen (-9999px) so that it doesn't intefere with the button images */
	display:block; 
	width:84px; 
	height:0px;
	padding-top:13px; 
	overflow:hidden;
	text-indent:-9999px;
}
#masthead #primSubNav li.primSubNavButOneDef{
/* Default button 1 state */
	width:84px; 
	height:9px;
	background:transparent url(../furniture/buttons/prim_sub_nav/home_default_btn.jpg);
	background-repeat:no-repeat;
}
#masthead #primSubNav li.primSubNavButOneDef a:hover{
/* Hover button 1 state */
	width:84px; 
	height:9px;
	background:transparent url(../furniture/buttons/prim_sub_nav/home_hover_btn.jpg);
	background-repeat:no-repeat;
}
#masthead #primSubNav li.primSubNavButOneAct{
/* Active button 1 state */
	width:84px; 
	height:9px;
	background:transparent url(../furniture/buttons/prim_sub_nav/home_active_btn.jpg);
	background-repeat:no-repeat;
}
/*The rest of the buttons in this DIV worK as above*/
#masthead #primSubNav li.primSubNavButTwoDef{
	width:84px; 
	height:9px;
	background:transparent url(../furniture/buttons/prim_sub_nav/help_default_btn.jpg);
	background-repeat:no-repeat;
}
#masthead #primSubNav li.primSubNavButTwoDef a:hover{
	width:84px; 
	height:9px;
	background:transparent url(../furniture/buttons/prim_sub_nav/help_hover_btn.jpg);
	background-repeat:no-repeat;
}
#masthead #primSubNav li.primSubNavButTwoAct{
	width:84px; 
	height:9px;
	background:transparent url(../furniture/buttons/prim_sub_nav/help_active_btn.jpg);
	background-repeat:no-repeat;
}
#masthead #loginDetails{
/* Login details*/
	padding:0;
	margin:0;
	margin-left:35px;
	position:relative;
	left: 0px;
	top: 0px;
	width:180px;
	height:31px;
	overflow:hidden;
	float:left;
	/*background-color:#FF0000;*/
}
/*Formating for P tags in loginDetails*/ 
#masthead #loginDetails p{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#333333;
}
#masthead #loginDetails ul{
/* Removes the padding/margin and bullets */
	margin:0;
	padding:0;
	list-style-type:none;
}
#masthead #loginDetails ul li{
/* The follwing code for #primSubNav allows an unordered list to be used as the navigation. Essentially the li elements are replaced with the button images*/
	position:relative;
	float:left;
	padding:0;
	margin-top:4px;
	margin-bottom:0px;
	overflow:hidden;
}
#masthead #loginDetails ul a {
/* This puts the list links off the screen (-9999px) so that it doesn't intefere with the button images */
	display:block; 
	width:84px; 
	height:0px;
	padding-top:13px; 
	overflow:hidden;
	text-indent:-9999px;
}
#masthead #loginDetails li.logOutDef{
/* Default button 1 state */
	width:84px; 
	height:9px;
	background:transparent url(../furniture/buttons/login_details/logout_default_btn.jpg);
	background-repeat:no-repeat;
}
#masthead #loginDetails li.logOutDef a:hover{
/* Default button 1 state */
	width:84px; 
	height:9px;
	background:transparent url(../furniture/buttons/login_details/logout_hover_btn.jpg);
	background-repeat:no-repeat;
}
/********************** PRIMARY  NAV AND PARTNER LOGO*********************/

/* Primary navigation and partner logo area*/
#primNavAndPartner{
	float:left;
	width:937px;
	clear:both;
	/*background-color:#66FFFF;*/
}
#primNav{
/* Main navigation at top of page*/
	padding:0;
	margin:0;
	padding-left:181px;
	position:relative;
	left: 0px;
	top: 0px;
	width:541px;
	height:53px;
	overflow:hidden;
	float:left;
	z-index:20;
	border-bottom:solid 6px #FF8400;
	/*background-color:#33CCFF;*/
	
}
#primNav ul{
/* Removes the padding/margin and bullets and adds top border */
	margin:0;
	padding:0;
	padding-top:4px;
	list-style-type:none;
	width:541px;
	height:42px;
	border-top:solid 6px #EEEEEE;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.8em;
	color:#333333;
	font-weight:bold;
	background:url(../furniture/misc/border_pixel_light.jpg) center repeat-x;
	/*background-color:#FFCC33;*/
}
#primNav li{
	display:inline;
	padding-left: 11px;
	padding-right:7px;
	background-repeat: no-repeat;
	background-position: 0 .4em;
}
#primNav li.default{
	background-image:url(../furniture/bullets/small_right_arrow.gif);
}
#primNav li.active{
	background-image:url(../furniture/bullets/small_down_arrow.gif);
	text-decoration:underline;
}
#primNav li a{
	color:#333333;
	text-decoration:none;
}
#primNav li a:hover{
	text-decoration:underline;
}
#partnerLogo{	
	float:left;
	width:180px;
	height:59px;
	margin-left:35px;
	/*background-color:#FF99FF;*/
}
#partnerLogo img{	
	float:left;
	padding:0;
	margin:0;
	padding:0;
	/*background-color:#FF99FF;*/
}

/*********** CONTENT **********/
#content{
/* Code for the main body of the pages */
	margin:0;
	padding:0;
	width:937px;
	overflow:hidden;
	float:left;
	/*background-color:#99CCFF;*/
}
#colOne{
/* Code for the column layout content page*/
	padding:0;
	margin:0;
	overflow:hidden;
	width:181px;
	float:left;
	min-height:20px;
}
#colTwo{
/* Code for the column layout content page*/
	padding:0;
	margin:0;
	overflow:hidden;
	width:541px;
	float:left;
	padding-bottom:20px;
	/*background-color:#FF9966;*/
}
#colThree{
/* Code for the column layout content page*/
	padding:0;
	margin:0;
	margin-top:93px;
	overflow:hidden;
	width:180px;
	padding-left:35px;
	float:left;
	padding-bottom:20px;
	/*background-color:#FFCC99;*/
}
#content h1{
/* Main heading for content*/
	position:relative;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.2em;
	font-weight:normal;
	border-bottom-style:solid;
	border-bottom-color:#666666;
	border-bottom-width:4px;
	padding-bottom:3px;
	margin-bottom:6px;
	padding-top:20px;
	color:#333333;
	overflow:hidden;
	/*background-color:#00FF66;*/
}
#content h2{
/*H2 titles in content*/
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#333333;
	padding-bottom:5px;
	margin-bottom:6px;
	padding-top:20px;
	border-bottom:dotted #999999 1px;
}
/* Dotted line  hack to show dots rather than dashes in IE*/
* html #content h2{
	border-bottom:none;
	background-image:url(../furniture/misc/border_pixel.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
#content #section h2{
/*Reduces top padding and removed dotted line when H2 is within a section*/
	padding-top:5px;
	border-bottom:none;
	margin-bottom:0px;
}
#content h2 a{
	text-decoration:none;
	color:#333333;
}
#content h2 a:hover{
	text-decoration:underline;
}
#content h2.nav{
/*H2 titles in secNav*/
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#333333;
	padding-bottom:8px;
	padding-top:5px;
	border-bottom:solid #DDDDDD 4px;
}
#content h2.nav a{
	text-decoration:none;
	color:#333333;
}
#content h2.nav a:hover{
	text-decoration:underline;
}
#content h2.nav img{
	/*Adds right padding on H2 arrows*/
	padding-right:5px;
}


#content h3{
/* Sub heading for content*/
	position:relative;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	border-bottom:dotted #999999 1px;
	padding-bottom:3px;
	margin-bottom:6px;
	color:#333333;
	overflow:hidden;
	height:15px;
	padding-top:20px;
	/*background-color:#00FF66;*/
}
/* Dotted line  hack to show dots rather than dashes in IE*/
* html #content h3{
	border-bottom:none;
	background-image:url(../furniture/misc/border_pixel.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
#content p{
/* Formatting for p tags */
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:normal;
	color:#333333;
	line-height:1.6em;
	clear:both;
	/*background-color:#6666FF;*/
}
#content p a{
	color:#333333;
	text-decoration:underline;
}
#content p a:hover{
	color:#333333;
	text-decoration:none;
}
#content p.date{
/* date text formatting */
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:normal;
	color:#999999;
	line-height:1.6em;
	padding-left:11px;
	clear:both;
	/*background-color:#00FFFF;*/
}

#content ul.contentLink{
	/* Removes the padding/margin and bullets */
	margin:0;
	padding:0;
	list-style-type:none;
	padding-bottom:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#333333;
	background-color
}
#content ul.contentLink li{
/* This adds a bullet image to the list item class called default */
	position:relative;
	left:0px;
	padding-left: 10px;
	background-image:url(../furniture/bullets/small_right_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	/*background-color:#FF9900;*/
}
#content ul.contentLink li a{
	color:#333333;
	text-decoration:none;
}
#content ul.contentLink li a:hover{
	text-decoration:underline;
}

/*********** SUB COLUMNS**********/
#twoSubColumnLayout{
/* Layout for the two sub columns in the main column*/
	float:left;
	/*background-color:#CCCC99;*/
}
#twoSubColumnLayout #subColOne{
/* Positioning and formatting for column one of above DIV*/
	padding:0;
	margin:0;
	overflow:hidden;
	width:265px;
	float:left;
}
#twoSubColumnLayout #subColTwo{
/* Positioning and formatting for column two of above DIV*/
	padding:0;
	margin:0;
	margin-left:10px;
	overflow:hidden;
	width:265px;
	float:left;
}
#content #section{
/* Divides each section */
	border-top:solid #DDDDDD 4px;
	margin-top:15px;
	float:left;
	width:265px;
	/*background-color:#CC3300;*/
}
#content #section #image{
/* DIV for image part of section*/
	float:left;
	width:99px;
}
#content #section #text{
/* DIV for text part of section*/
	float:left;
	width:157px;
	padding-left:9px;
}
#content #section ul{
/* Removes the padding/margin and bullets */
	margin:0;
	padding:0;
	list-style-type:none;
	padding-top:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#333333;
	background-color
}
#content #section li{
/* This adds a bullet image to the list item */
	position:relative;
	left:0px;
	padding-left: 10px;
	padding-top:3px;
	background-image:url(../furniture/bullets/small_right_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	background-color:#F7F7F7;
}
#content #section li.firstLink{
/* As above but or the firstLink class */
	background-color:#FFFFFF;
}
#content #section li.firstLink a{
/* This puts adds space beneath the list item (firstLink class) */
	padding-bottom:7px;
	border-bottom:none;
}
* html #content #section li.firstLink a{
	background-image:none;
}
#content #section li a{
/* This puts a dotted bottom border beneath the list item */
	border-bottom:dotted #CCCCCC 1px;
	display:block;
	padding-bottom:3px;
	padding-left:10px;
	margin-left:-10px;
	color:#333333;
	text-decoration:none;
}
#content #section li a:hover{
	text-decoration:underline;
}
/* This is for IE only: It adds a series of dot images to replace the bottom border and ensure bottom border is placed correctly.*/
* html #content #section li a{
	border-bottom:none;
	background-image:url(../furniture/misc/border_pixel_light.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-bottom:-14px;
}


img.arrow{
/*Adds right padding on H2 arrows*/
	padding-right:5px;
}

#content img.navImage{
/*Formatting and poitioning for images in bavigation*/
	margin-top:10px;
	margin-bottom:10px;
	border:0;
}


/*********** SECONDARY NAViGATION **********/
#secNav{
/* This is for the secondary navigation (on the left hand side of the screen) */
	padding:0;
	margin:0;
	margin-left:5px;
	margin-top:19px;
	position:relative;
	left: 0px;
	top: 0px;
	width:140px;
	overflow:hidden;
	float:left;
	/*background-color:#66FFCC;*/
}
#secNav ul{
/* Removes the padding/margin and bullets */
	margin:0;
	padding:0;
	list-style-type:none;
	padding-top:4px;
	padding-bottom:20px;
	width:140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#333333;
	clear:both;
	float:left;
}
#colThree #secNav{
/* makes secNav wider for colThree*/
	margin-top:0px;
	margin-left:0px;
	width:180px;
}
#colThree #secNav ul{
/* makes secNav wider for colThree*/
	width:180px;
	/*background-color:#00CCFF;*/
}
#secNav li{
/* This adds a bullet image to the list item class called default */
	position:relative;
	left:0px;
	padding-left: 10px;
	padding-top:3px;
	background-image:url(../furniture/bullets/small_right_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	/*background-color:#FF9900;*/
}
#secNav li a{
/* This puts a dotted bottom border beneath the list item */
	border-bottom:dotted #CCCCCC 1px;
	display:block;
	padding-bottom:3px;
	padding-left:10px;
	margin-left:-10px;
	color:#333333;
	text-decoration:none;
}
#secNav li a:hover{
	text-decoration:underline;
}
/* This is for IE only: It adds a series of dot images to replace the bottom borde and to esure bottom border is correct.*/
* html #secNav li a{
	border-bottom:none;
	background-image:url(../furniture/misc/border_pixel_light.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-bottom:-14px;
}
/* Default level one bullet - Adds small left arrow to list button and idents 0px*/
#secNav li.levelOneDef{
	background-image:url(../furniture/bullets/small_right_arrow.gif);
	margin-left:0px;
}
/* Active level one bullet - Adds small down arrow to list button and idents 0px*/
#secNav li.levelOneAct{
	background-image:url(../furniture/bullets/small_down_arrow.gif);
	margin-left:0px;
}
/* Default level two bullet - Adds small left arrow to list button and idents 18px*/
#secNav li.levelTwoDef{
	background-image:url(../furniture/bullets/small_right_arrow.gif);
	margin-left:18px;
}
/*Ensure that the bottom dotted line is justified left*/
#secNav li.levelTwoDef a{
	padding-left:28px;
	margin-left:-28px;
}
/* Active level two bullet - Adds small down arrow to list button and idents 18px*/
#secNav li.levelTwoAct{
	background-image:url(../furniture/bullets/small_down_arrow.gif);
	margin-left:18px;
}
/*Ensure that the bottom dotted line is justified left*/
#secNav li.levelTwoAct a{
	padding-left:28px;
	margin-left:-28px;
}
/* Default level three bullet - Adds small left arrow to list button and idents 37px*/
#secNav li.levelThreeDef{
	background-image:url(../furniture/bullets/small_right_arrow.gif);
	margin-left:37px;
}
/*Ensure that the bottom dotted line is justified left*/
#secNav li.levelThreeDef a{
	padding-left:48px;
	margin-left:-48px;
}
/* Active level three bullet - Adds small down arrow to list button and idents 37px*/
#secNav li.levelThreeAct{
	background-image:url(../furniture/bullets/small_down_arrow.gif);
	margin-left:37px;
}

#secNav li.levelThreeAct a{
/*Ensure that the bottom dotted line is justified left*/
	padding-left:48px;
	margin-left:-48px;
}
table.navTable{
	/*secNav table formatting*/
	margin-top:10px;
	background-color:#FFFFFF;
	width:125px;
	margin-left:5px;
	margin-bottom:10px;
	border-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#333333;
}
table.navTable td{
	/*secNav table td formatting*/
	background-color:#DDDDDD;
	width:17px;
	height:20px;
	padding:0;
	margin:0;
	text-align:center;
}
table.navTable td.colSpanTwo{
/*corrects spacing for colSpan 2*/
	width:35px;
}
table.navTable a{
	color:#333333;
	text-decoration:none;
}
table.navTable a:hover{
	text-decoration:underline;
}


/*********** BREADCRUMB **********/
#breadCrumb{
/* The breadcrumb at the top page */
	padding:0;
	margin:0;
	margin-top:19px;
	overflow:hidden;
	height:15px;
	border-bottom:dotted #CCCCCC 1px;
	/*background-color:#CCFF99;*/
}
/* Dotted line  hack to show dots rather than dashes in IE*/
* html #breadCrumb{
	border-bottom:none;
	background-image:url(../furniture/misc/border_pixel_light.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#breadCrumb p{
	padding:0;
	margin:0;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#999999;
	line-height:normal;
}
#breadCrumb p a{
	color:#333333;
	text-decoration:none;
}
#breadCrumb p a:hover{
	text-decoration:underline;
}


#warning {
	position:relative;
	top:0px;
	width:937px;
	height:100px;
	background-color:white;
	overflow:hidden;
	clear:both;
	overflow: visible;
	margin-top:10px;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color: red;
}



/*********** FOOTER **********/
#footer {
	position:relative;
	top:0px;
	width:937px;
	height:25px;
	background-color:#CCCCCC;
	overflow:hidden;
	clear:both;
	overflow: visible;
	margin-top:20px;
}
#footer #links{
	padding:0;
	margin:0;
	overflow:hidden;
	width:755px;
	height:29px;
	float:left;
}
#footer #copyright{
	padding:0;
	margin:0;
	overflow:hidden;
	width:180px;
	height:29px;
	float:left;
}

#footer ul{
	position:relative;
	float:left;
	top:7px;
	margin:0; 
	padding:0; 
	list-style-type:none;
	left:180px;
}
#footer li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color: #000000;
	display:inline;	
}
#footer li img{
	position:relative;
	vertical-align:middle;
	border:none;
	display:inline;
}
#footer a{
	color: #000000;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer #footerDivider{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color: #FFFFFF;
	display:inline;	
}
#footer p.copyright{
	position:relative;
	top:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color: #000000;
	display:inline;
	margin:0; 
	padding:0;
}

/*********** LOGIN PAGES **********/
#loginBox{
/*DIV to holf all login elements*/
	float:left;
	padding:0;
	margin:0;
	padding-left:230px;
	margin-bottom:175px;
	width:592px;
	/*background-color:#FFCC66;*/
}
#loginBox #title{
/*Area for title text graphic */
	float:left;
	padding:0;
	margin:0;
	height:39px;
}
#loginBox #twoColLayout{
/*Two column areas*/
	float:left;
	padding:0;
	margin:0;
	width:592px;
}
#loginBox #oneColLayout{
/*One column areas*/
	float:left;
	padding:0;
	margin:0;
	width:592px;
	background:url(../images/grey_vignette.jpg) repeat-x;
}
#loginBox #smallBox{
/*Dimensions for smaller login area*/
	float:left;
	padding:0;
	margin:0;
	width:522px;
	
}
#loginBox #smallBox #oneColLayout{
/*One column area for smaller login area*/
	float:left;
	padding:0;
	margin:0;
	width:522px;
	background:url(../images/grey_vignette.jpg) repeat-x;
}
#loginBox #colOne{
/* Column one of twoColLayout*/
	float:left;
	padding:0;
	margin:0;
	width:295px;
	padding-bottom:20px;
	background:url(../images/grey_vignette.jpg) repeat-x;
}

#loginBox #colTwo{
/* Column two of twoColLayout*/
	float:left;
	padding:0;
	margin:0;
	margin-left:2px;
	width:295px;
	padding-bottom:20px;
	background:url(../images/grey_vignette.jpg) repeat-x;
}
#loginBox #section{
/*Sepearte section areas*/
	float:left;
	padding:0;
	margin:0;
	clear:both;
	width:592px;
}
#loginBox h2{
/*H2 heading*/
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color: #333333;
	border-top:#DDDDDD solid 4px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;

}
#loginBox h3{
/*H3 heading*/
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	color: #333333;
	font-weight:normal;
	padding-top:32px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	float:left;
	width:512px;
}
#loginBox h2.nokia{
/*Nokia coloured bar*/
	border-top:#7F10A2 solid 6px;
}
#loginBox h2.siemens{
/*Siemens coloured bar*/
	border-top:#FF8400 solid 6px;
}
#loginBox h2.firstTitle{
/*First title coloured bar*/
		border-top:#FFCF00 solid 6px;
}
#loginBox p{
/*P tag formatting*/
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color: #333333;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:15px;
	float:left;
}
#loginBox p a{
	color: #333333;
	text-decoration:none;
}
#loginBox p a:hover{
	color: #333333;
	text-decoration:underline;
}
#loginBox img.leftAlign{
/*Login button positioning*/
	padding:0;
	margin:0;
	float:left;
	padding-left:5px;
	border:0;
}
#loginBox img.rightAlign{
/*Login button positioning*/
	padding:0;
	margin:0;
	float:right;
	padding-right:17px;
	border:0;
}
#loginBox #loginDetails{
/*DIV that holds the login form*/
	padding:0;
	margin:0;
	float:left;
	width:522px;
	/*background-color:#66FFFF;*/
}
#loginBox #field{
/*Field area of login form*/
	padding:0;
	margin:0;
	float:left;
	margin-left:5px;
	margin-top:30px;
	width:110px;
	/*background-color:#FF9999;*/
}
#loginBox #field_username{
/*Field area of login form*/
	padding:0;
	margin:0;
	float:left;
	margin-left:5px;
	margin-top:30px;
	width:195px;
	/*background-color:#FF9999;*/
}
#loginBox #button{
/*Button area of login form*/
	padding:0;
	margin:0;
	float:left;
	margin-left:0px;
	margin-top:47px;
	width:50px;
	/*background-color:#FF9999;*/
}
#loginBox #field p, #field_username p{
/*Formatting of P in login form*/
	padding:0;
	margin:0;
	padding-bottom:3px;
	float:left;
}

#loginBox input.inputBox{
/*Login text box formatting*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#333333;
	background: #FFFFFF;
	width:110px;
	height:15px;
	margin:0;
	padding-left:2px;
	padding-right:2px;
	margin-right:0px;
	margin-top:1px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #E4E1D6;
	border-bottom: 1px solid #E4E1D6;
	margin-bottom:5px;
}
#loginBox input.inputBox_username{
/*Login text box formatting*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#333333;
	background: #FFFFFF;
	width:195px;
	height:15px;
	margin:0;
	padding-left:2px;
	padding-right:2px;
	margin-right:0px;
	margin-top:1px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #E4E1D6;
	border-bottom: 1px solid #E4E1D6;
	margin-bottom:5px;
}