﻿/* THIS SECTION HANDLES THE PAGE LAYOUT */

*  
{
	margin:0; 
	padding:0;
}
body 
{
	margin:auto; 	
	background: url("/common/images/backgrounds/fading_background_11.png") repeat-x top; 
	font:12px Verdana; 
	color:#4c3f33;
/*background: #000000;*/
}
body.popup 
{
	
	background: none;
	background-color:#ffffff; 
	font: 11px verdana;
	color:#4c3f33;

	
/*background: #000000;*/
}
#outer1 {
	
	margin:0px auto; 
	width:988px; 
	background: url(/common/images/backgrounds/Page-Border-Left.png) repeat-y;
	

}
#outer2 {
	width: 1006px;
	background: url(/common/images/backgrounds/Page-Border-Right.png) repeat-y right;

	
}
#outer3 {	width: 1006px;
	margin:0px auto; 
	background: url(/common/images/backgrounds/Page-Border-Bottom.png) no-repeat bottom;
	position:relative;
	float:left;
	left:10px;
	top:-6px;
	
}
   #shadowWrapper
    {
    	width: 1006px;
    margin: 0px auto;	
    }
#wrapper 
{
	margin:0px auto; 
	width:988px; 
	background-color:#ffffff;
	
}
#header 
{
	width:980px;  
	height:75px; 
	background-color:#5781bf; 
	border:solid 4px #ffffff; 
	background: url("/common/images/Legend_Header_5-09.gif"); 
	float:left;
		position:relative;
		/*z-index:1;*/
}

#Navigation 
{
	width:980px;  
	height:30px; 
	/*background-color:#00867b; */
	border-left:solid 4px #ffffff; 
	border-right:solid 4px #ffffff;
	float:left;
	position:relative;
	/*z-index:1;*/
	
	
}
#Navigation #border
{
	
	border:solid 1px #6d5d4d; 
	width:978px;
	height:27px; 
	margin-left:0px;	
	background: url('/common/images/main_menu_mouse_out_filler.jpg')   no-repeat right;
	
}

#footer 
{
	width:980px; 
	height:150px;
	border-top:solid 4px #ffffff; 
	border-left:solid 4px #ffffff; 
	border-right:solid 4px #ffffff; 
	float:left;
	position:relative;
	/*z-index:1;*/
	background-color:white;

}

#footer #copyright 
{
	width:970px;
/*border:solid 1px red; */ /*for testing */	 
position:absolute;
float:left;
height:20px; 
top:75px; 
left:0px;
text-align:right;
font-size: 7pt;
color:#6d5d4d;
text-align: left;
padding:8px;

}	   	
#footer #copyright #RightMenu
{
/*border:solid 1px blue; */
float:right; 
position:relative;  
width:350px; 
text-align:right;
top:0px; 
right:195px;
font-size: 7pt;
}


#footer #copyright #RevisionDate
{
float:left;  
position:relative;  
width:135px; 
top:0px; 
left: 0px;
}

#footer #copyright #info
{
float:left; 
position:relative;  
width:270px; 
top: 0px; 
left: 3px;
}

#footer #copyright #linkedin
{
float:left; 
position:relative;  
width:320px; 
top: 15px; 
left: 3px;
}

#footer #copyright #facebook
{
float:left; 
position:relative;   
top: 15px; 
left: -289px;
}

#footer #copyright #verisign
{
float:right; 
position:relative;  
width:135px; 
text-align:right;
right:-10px;
top:-15px;

}
#footer #disclosure
{
	height:63px;
    background-color:#0c70a6;
	font-size: 8pt;
	color: #FFFFFF;
	line-height: normal;
	text-align: left;
	padding: 6px 0px 8px 10px; 
	 border:solid 1px #6d5d4d;
	
	
}
#footer #square
{
	position:relative;
	/*z-index:1;*/
	float:right;
	right:28px;
	top:-108px;
	
	
		
}
.clearfix:after 
{
	clear: both;
	display: block;
	content: " ";
	height: 0px;
	visibility: hidden;
}
.clearfix 
{
	display: inline-block;
}
/* END PAGE LAYOUT */

/* THIS SECTION HANDLES THE PAGE SECTION LAYOUT */
/* BEGIN HEADER */
#header #topMenu
{
	position:relative;
		float:right;
		/*border:solid 1px red;*/
    	width:978px;
    	height:20px; 
    	top:4px; 
    	right:0px;
    	/*text-align:right;*/
    	font-size: 7pt;

    	
    
    	
}
#header #topMenu #name
{
	position:relative;	
		float:left;
    	height:20px; 
    	top:-49px; 
    	left:0px;
    	text-align:left;
    	padding:0px 0px 0px 4px;
 

    	    	
}
#header #topMenu #left
{
	position:relative;	
		float:left;
    	height:20px; 
    	top:-50px; 
    	left:75px;
    	text-align:left;
    	    	
}
#header #topMenu #right
{
	position:relative;
		float:right;
    	/*width:315px; */
    	height:20px; 
    	top:-49px; 
    	right:0px;
    	text-align:right;
    	font-size: 7pt;
    	
}

/* END HEADER */
.LeftColumn 
{
	float:left;
	display: inline;
	width:213px; 
	padding-left:10px; 
	padding-Right:10px; 
	padding-top:21px; 
	/*background-color:black;*/
	border-left:solid 4px #ffffff; 


}
.CenterColumn
{
	float:left;
	display: inline;
	position: relative;
	width:424px; 
	padding-left:44px; 
	padding-Right:44px; 
	padding-top:22px; 
	background-color:#ffffff;
	vertical-align:top;
	margin-top:0px;
	
}

.CenterColumn_Left
{
	float:left;
	display: inline;
	position: relative;
	width:212px; 
	/*padding-left:44px; 
	padding-Right:44px; */
	padding-top:0px; 
	/*background-color:blue;*/
	vertical-align:top;
	margin-top:0px;
	
}
.CenterColumn_Center
{
	float:left;
	display: inline;
	position: relative;
	width:212px; 
	/*padding-left:44px; 
	padding-Right:44px; */
	padding-top:44px; 
	/*background-color:red;*/
	vertical-align:top;
	margin-top:0px;
	
}
.CenterColumn_Right
{
	float:left;
	display: inline;
	position: relative;
	width:212px; 
	/*padding-left:44px;
	padding-Right:44px;  */
	padding-top:44px; 
	/*background-color:green;*/
	vertical-align:top;
	margin-top:0px;
	
}

.CenterColumn_HomePage
{
	float:left;
	display: inline;
	position:relative;
	width:700px; 
	padding-left:26px; 
	padding-Right:22px; 
	padding-top:21px; 
	padding-bottom:10px; 	
	vertical-align:top;

}
.CenterColumn_4Col
{
	float:left;
	display: inline;
	position:relative;
	width:650px; 
	padding-left:26px; 
	padding-Right:22px; 
	/*padding-top:21px; */
	padding-bottom:10px; 	
	vertical-align:top;

}
.CenterColumn_1colL
{
	float:left;
	display: inline;
	position:relative;
	width:670px; 
	padding-left:44px; 
	padding-top:22px; 
	padding-bottom:10px; 
	vertical-align:top;
	margin-top:0px;
	line-height:2em;	
	/*background-color:black;*/
}
.CenterColumn_1colL #pageControls {right:-30px;}
	
.CenterColumn_2colL
{
	float:left;
	display: inline;
	position:relative;
	/*z-index:1;*/
	width:707px; 
	padding-left:44px; 
	padding-top:22px; 
	padding-bottom:10px; 
	vertical-align:top;
	margin-top:0px;
	line-height:2em;
		
	/*background-color:black;*/
}
.CenterColumn_2colL #pageControls {right:240px; top:3px;}
.CenterColumn_2colL_page
{
position:relative; 
float:left; 
left:0px; 
top:0px; 
width:424px;	
}

.RightColumn_2colL_page
{
	position:relative; 
	float:right; 
	right:26px; 
	top:0px; 
	display: inline;
	width:187px;

}
.RightColumn_2colL_video_page
{
	position:relative; 
	float:right;
	right: 26px;
	display: inline;
	width:187px;

}
.RightColumn
{
	float:right;
	position:relative;
	width:187px; 
	padding-left:26px; 
	padding-Right:22px; 
	padding-top:22px; 
	/*background-color:yellow;*/
	border-right:solid 4px #ffffff; 
	
	}
	.RightColumn_Homepage
{
	float:right;
	position:relative;
	right:22px;
	top:21px;
	overflow:hidden;
	/*width:187px; 
	padding-left:26px; 
	padding-Right:22px; 
	padding-top:22px; */
	
	
	
	}
	
	
#ColumnContainer
	{
		 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
		width: 100%;
		height:100%; 
		padding:0; 
		margin:3px 0 1px 0; 
		padding-bottom:30px;
		border:0;
		float:left;
	position:relative;
	/*z-index:1;*/
	background: url("/common/images/backgrounds/Container-background.png") repeat-y top; 
	
	}
#ColumnContainer2
	{
		 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
		width: 100%;
		height:100%; 
		padding:0; 
		margin: 3px 0 1px 0; 
		padding-bottom:30px;
		border:0;
		float:left;
	position:relative;
	/*z-index:1;*/
	background: url("/common/images/backgrounds/Container-background-no-beige.png") repeat-y top; 
	
	}
	
	#ColumnContainer_Homepage
	{
		 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
		width: 100%;
		height:100%; 
		padding:0; 
		margin:3px 0 1px 0; 
		padding-bottom:30px;
		border:0;
		float:left;
	position:relative;
	background: url("/common/images/backgrounds/Container-background-Homepage.png") repeat-y top; 
	
	}
	
	#ColumnContainer_message
	{
		 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
		width: 945px;
		height:100%; 
		padding:0; 
		margin:3px 0 1px 0; 
		padding: 20px 20px 30px 20px;		
		border:0;
		float:left;
	position:relative;
	/*z-index:1;*/
	
	
	}
	#verisign
	{
		float:right;
		position:relative;
		width:135px;
		top: 0px; 
		right: -54px;
		/*background-color:red;*/
	}

	#pageControls 
{
		
	position:absolute;
			float:right;	
		/*z-index:500;	*/
    	width:250px;
    	vertical-align:middle;
    	top:3px; 
    	right:0px;
    	text-align:right;
       	/*background: #ffffff url('/common/images/backgrounds/error-opaque-bg.png');*/
}


/* END PAGE SECTION LAYOUT */


/* BEGIN DROP SHADOW */

.shadow{
border:1px solid red;
position:relative;
display:inline;
background:white;
z-index:100
}

.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}

/* END DROP SHADOW */
.AccountLinkLoginForm
{
	
	
  position: absolute;
  top:25px;  
  right:0px; 
 /* width:400px;*//*14%; */
 
  background-color:#ffffff;/*#f0ebd8; */
    /*color:#0170a7;*/
/*  border: solid 2px #5781bf;*/
 /*height:300px;*/
  /*display: table;
 *display: block;*/
 *position: absolute;
 display:none;
 z-index:803;
 }
  


#header .timeout
{
 
   position:absolute;	
margin:0;
  cursor:hand; 
  top:120px;
 left:210px; 
   width:40em;
   z-index:1001; 
  background-color:#faf7f2;
  padding:15px 10px 15px 10px;
   font-style:italic;
font-weight:bold;
font-size:10pt;
color:#d71921;
border: solid 2px #d71921;
height:40px;
 /*text-align:left;*/

	
   /*
 position:absolute; 
  top:20%;
 left:30%; 
   width:40em;
   z-index:1001; 
  background-color:#faf7f2;
  padding:15px 10px 15px 10px;
   font-style:italic;
font-weight:bold ;
font-size:10pt;
color:#d71921;
border: solid 2px #d71921;
height:40px;
display:block;
 *display: block;
 *position: fixed;
 text-align:left;
*/
}

  .left
        {
        float:left; 
       
        
        }
       .right
        {
        	float:right;
        	 
        }

