body
{
 	
  	margin: 0px auto;
  	background-image: url("../Images/page_background_triangles.png");
    background-position: center top;
    background-repeat: repeat;
  	border: 0px;
  	padding:0px; 	
}

h1
{
	font: 36px Verdana;
	margin: 0px;
	padding: 0px;
	color: #09B498;
}

h2
{
	font: 18px Verdana;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #253B6B;
}

h3
{
	font: 24px Verdana;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #253B6B;
}

#section1
{
    width: 100%;
    background-color: white;
    padding: 0px;
}

#section1 .wrapper
{
    height: 80px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
    width: 990px;
}

#strapline
{
    font-size: 24px;
	font-weight: 300;
    color: #707070;
    text-decoration: none;
}

#salesmessage
{
    font-size: 22px;
	font-weight: bold;
    color: #253B6B;
    text-decoration: none;
}

#salesbullets
{
    font-size: 22px;
	font-weight: 300;
    color: #707070;
    text-decoration: none;
}

#logo 
{
    height: 60px;
    left: 0px;
    position: absolute;
    top: 10px;
    width: 300px;
}

#login
{
    font-family: Verdana;
	font-size: 13px;
	font-weight: 300;
    color: #707070;
    text-decoration: none;
    height: 30px; 
    position: absolute; 
    top: 18px; 
    right: 0px;
}

.login
{
    font-family: Verdana;
	font-size: 13px;
	font-weight: 300;
    color: #707070;
    text-decoration: none;
}

.loginbox
{
    width: 110px;
    border-style: solid;
    border-width: 1px;
    border-color: #E0E0E0;
    padding-left: 1px;
}

/* Menu Control styling - to be renamed! */

#section2                
{
    background-color: #3A3F56;
    padding: 0px;
}

#section2 .status
{
    background-color:#3A3F56;
    height: 400px;
    margin: 0px auto;
    position: relative;
    left: 0px;
    top: 0px;
    width: 990px;
}

.M0
{
	font: 32px Verdana;
	margin: 0px;
	padding: 0px;
	color: #09B498;
}

.M1
{
	font: 26px Verdana;
	margin: 0px;
	padding: 0px;
	color: #09B498;
}

.M2 {
    font: 26px Verdana;
    margin: 0px;
    padding: 0px;
    color: white;
}






/* ... Menu Control */

/* New menu CSS */

#MainMenu
{
    background-color: #3A3F56;
    padding: 0px;
}

#MainMenu .Status
{
    background-color:#3A3F56;
    height: 400px;
    margin: 0px auto;
    position: relative;
    left: 0px;
    top: 0px;
    width: 990px;
}




.Dot
{
    width:11px; 
    padding: 0px; 
    border:none; 
    margin: none; 
    position: absolute; 
}

.MenuLinks
{
    text-decoration: none;
    color:#333333;
    font-size: 40px;
    text-align:center;
    width:100px;
    z-index: 199; 
    position: absolute;
}

/* ... new Menu CSS */

.grid
{
    position: absolute;
    padding: 5px;
    height: 120px;
    width:180px;
    border-style: none;
}

.grid img
{
    border-style: none;
}


.menuText
{
    position: absolute;
    font: 20px Verdana;
    color: white;
    text-decoration: none;
    font-weight: 400;
    text-align:left;
    font-weight:bold;
}

#section3
{
    padding: none;
    width: 990px;
    margin: 40px auto 40px auto;
}

#AnonContentSection
{
     min-height:800px;
     height:auto;
     /*overflow:auto; */
}

#AnonMainSection
{
    width: 990px;
    height:auto;
    margin: auto;
}

#AnonMainSectionInner
{
    min-height: 800px;
    height:auto;
    background-color: White; 
    font-family: Verdana; 
    font-size: 14px; 
    margin:20px auto;
    padding: 20px;
    line-height: 130%;
}

#AnonMainSectionInner ul
{
    
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#AnonMainSectionInner ul li
{
    
    background-image: url("../Images/TinyBlueBullet.png"); 
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 25px;
    margin: 10px 0;
}

#AnonMainSectionInner ul li ul li
{
    
    background-image: url("../Images/TinyBlueBullet.png"); 
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 25px;
    margin: 10px 0;
}



#userinput
{
    background-color: #FFFFFF;
    height: 360px;
    margin: 0px auto;
    position: relative;
    width: 990px;
	padding: 0px;
}

#section4
{
    background-color: #3A3F56;
    width:100%;
    padding: 0px;
    margin-top:40px;
}

#PageFooterInner
{
    background-color: #3A3F56;
    width:100%;
    padding: 0px;
}

#links
{
    background-color:#3A3F56;
    height: 250px;
    position: relative;
    width: 990px;
    padding: none;
    margin: 0px auto;
}

#linksheadings
{
	font: 20px Verdana;
	padding: 0px;
	color: #FFFFFF;
	width: 990px;
	float: left;
	margin-top: 0px;
	list-style: none; 
}

#linksheadings li
{
	float: left;
	padding: 4px 0px 0px 0px;
	width: 165px; 
}

.links
{
    position: absolute;
    font-family: Verdana;
	font-size: 13px;
	font-weight: 400;
	padding: 0px;
	color: #ACACB6;
	width: 100%;
	margin-top: 10px;
	list-style: none; 
}

#account li, #documents li, #support li, #auditsupport, #usefullinks li, #siteinfo li, #partners li, #pensionswatch li
{
    margin: 0px;
    width: 200px;
    padding: 0px;
}

#account li a, #documents li a, #support li a, #auditsupport li a, #usefullinks li a, #siteinfo li a, #partners li a, #pensionswatch li a
{
    text-decoration: none;
    color: #ACACBE;
    padding:0px;
    margin: 0px;
    width: 200px;
    font-family: Verdana;
	font-size: 13px;
	font-weight: 500;
	color: #ACACB6;
}
    
#account
{
	position: absolute;
	top: 20px;
	left: 0px;
	padding: 0px;
	margin-top: 10px;
	list-style: none; 
}

#documents
{
	position: absolute;
	top: 20px;
	left: 165px;
	padding:0px;
	margin-top: 10px;
	list-style: none; 
}

#support
{
	position: absolute;
	top: 20px;
	left: 330px;
	padding: 0px;
	margin-top: 10px;
	list-style: none; 
}

#auditsupport
{
	position: absolute;
	top: 20px;
	left: 330px;
	padding: 0px;
	margin-top: 10px;
	list-style: none; 
}

#usefullinks
{
	position: absolute;
	top: 20px;
	left: 495px;
	padding: 0px;
	margin-top: 10px;
	list-style: none; 
}

#partners
{
	position: absolute;
	top: 20px;
	left: 660px;
	padding: 0px;
	margin-top: 10px;
	list-style: none; 
}

#siteinfo
{
	position: absolute;
	top: 20px;
	left: 660px;
	padding: 0px;
	margin-top: 10px;
	list-style: none; 
}

#pensionswatch
{
	position: absolute;
	top: 20px;
	left: 825px;
	padding: 0px;
	margin-top: 10px;
	list-style: none; 
}


#saveButton a
{
    font: 20px Verdana;
    color:#FFFFFF;	
    margin:none;
    border:none;
    padding:10px;	
    text-align:center;
    position:absolute;
    bottom:0px;
    right:0px; 
    width:150px; 
    background-color:#36B9ED; 
    text-decoration:none;
    z-index: 120;
}

.saveButtonClicked
{
    color:#FF931E;	
}

.textGroupStyling
{
    position: absolute;
    font: 20px Verdana;
    color: #747A85;
    text-decoration: none;
    font-weight: 400;
}


.statLabs
{
    text-decoration: none;
    color:#333333;
    font-size: 40px;
    text-align:center;
    width:100px;
}

.statLabsBig

{

text-decoration: none;
color:#333333;
font-size: 120px;
text-align:center;
width:100px;

}




.inputFields300
{
    font: 14px sans-serif;
    font-family: Verdana;
    color: #000000;	    
    height: 20px;
    width:300px;
    border-style: solid;
    border-width: 1px;
    border-color: #E0E0E0;
    padding-left: 5px;
}


.inputFields190
{
    font: 14px sans-serif;
    font-family: Verdana;
    font-weight:bold;
    color: #000000;	    
    height: 20px;
    width:190px;
    border-style: solid;
    border-width: 1px;
    border-color: #E0E0E0;
    padding-left: 5px;
}


.input15S
{
    font: 14px sans-serif;
    font-family: Verdana;
    color: #000000;	    
    height: 16px;
    width:20px;
    border-style: solid;
    border-width: 1px;
    border-color: #E0E0E0;
    padding-left: 0px;
    text-align: center;

}

.input90S
{
    font: 14px sans-serif;
    font-family: Verdana;
    color: #000000;	    
    height: 16px;
    width:90px;
    border-style: solid;
    border-width: 1px;
    border-color: #E0E0E0;
    padding-left: 5px;
    text-align: center;
}

.input70S
{
    border: 1px solid #E0E0E0;
    font-family: Verdana;
    color: #000000;	    
    height: 16px;
    width:70px;
    padding-left: 5px;
    text-align:center;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
}

.input50S
{
    border: 1px solid #E0E0E0;
    font-family: Verdana;
    color: #000000;	    
    height: 16px;
    width:50px;
    padding-left: 5px;
    text-align:center;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
}

.input50G
{
    border: 1px solid #E0E0E0;
    font-family: Verdana;
    color: #808080;	    
    height: 16px;
    width:50px;
    padding-left: 5px;
    text-align:center;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
}

.input80S
{
    font: 14px sans-serif;
    font-family: Verdana;
    color: #000000;	    
    height: 16px;
    width:80px;
    border-style: solid;
    border-width: 1px;
    border-color: #E0E0E0;
    padding-left: 5px;
}

.input80C
{
    font: 14px sans-serif;
    font-family: Verdana;
    color: #000000;	    
    height: 16px;
    width:80px;
    border-style: solid;
    border-width: 1px;
    border-color: #E0E0E0;
    padding-left: 5px;
    text-align: center;
}

.input140S
{
    font: 14px sans-serif;
    font-family: Verdana;
    color: #000000;	    
    height: 16px;
    width:140px;
    border-style: solid;
    border-width: 1px;
    border-color: #E0E0E0;
    padding-left: 5px;
    text-align: center;
}

.input100S
{
    font: 14px sans-serif;
    font-family: Verdana;
    color: #000000;	    
    height: 16px;
    width:100px;
    border-style: solid;
    border-width: 1px;
    border-color: #E0E0E0;
    padding-left: 5px;
    text-align: center;
}

.input200S
{
    font: 14px sans-serif;
    font-family: Verdana;
    color: #000000;	    
    height: 16px;
    width:200px;
    border-style: solid;
    border-width: 1px;
    border-color: #E0E0E0;
    padding-left: 5px;
    text-align: center;
}

.input220S
{
    font: 14px sans-serif;
    font-family: Verdana;
    color: #000000;	    
    height: 16px;
    width:220px;
    border-style: solid;
    border-width: 1px;
    border-color: #E0E0E0;
    padding-left: 5px;
    text-align: center;
}

.input210L
{
    font: 14px sans-serif;
    font-family: Verdana;
    color: #000000;	    
    height: 16px;
    width:220px;
    border-style: solid;
    border-width: 1px;
    border-color: #E0E0E0;
    padding-left: 5px;
    text-align: left;
}


.input250L
{
    font: 14px sans-serif;
    font-family: Verdana;
    color: #000000;	    
    height: 16px;
    width:250px;
    border-style: solid;
    border-width: 1px;
    border-color: #E0E0E0;
    padding-left: 5px;
    text-align: left;
}


.input280L
{
    font: 14px sans-serif;
    font-family: Verdana;
    color: #000000;	    
    height: 16px;
    width:280px;
    border-style: solid;
    border-width: 1px;
    border-color: #E0E0E0;
    padding-left: 5px;
    text-align: left;
}


.input200L
{
    font: 14px sans-serif;
    font-family: Verdana;
    color: #000000;	    
    height: 16px;
    width:200px;
    border-style: solid;
    border-width: 1px;
    border-color: #E0E0E0;
    padding-left: 5px;
    text-align: left;
}


.input450L
{
    font: 14px sans-serif;
    font-family: Verdana;
    color: #000000;	    
    height: 16px;
    width:450px;
    border-style: solid;
    border-width: 1px;
    border-color: #E0E0E0;
    padding-left: 5px;
    text-align: left;
}


.input417L {
    font: 14px sans-serif;
    font-family: Verdana;
    color: #000000;
    height: 16px;
    width: 417px;
    border-style: solid;
    border-width: 1px;
    border-color: #E0E0E0;
    padding-left: 5px;
    text-align: left;
}






.FailureTextSummary
{
    color: #FF931E;
}

#fader
{
    display: none;
}

.lockButton
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    color:#FFFFFF;	
    padding: 2px;	
    text-align:center;
    position:absolute;
    bottom:3px;
    right:170px; 
    width:30px; 
}

#panelIdentifierAnon
{
    position:absolute; 
    top:0px; 
    right:0px; 
    width:250px; 
    margin:none; 
    border:none; 
    z-index: 111;
    font: 30px Verdana;
    color:#FFFFFF;	
    margin:none;
    border:none;
    padding:10px;	

    text-align:center
}

#panelIdentifier
{
    position:absolute; 
    top:0px; 
    right:0px; 
    width:250px; 
    background-color:#36B9ED; 
    margin:none; 
    border:none; 
    z-index: 111;

    font: 30px Verdana;
    color:#FFFFFF;	
    margin:none;
    border:none;
    padding:10px;	

    text-align:center
}


#panelText
{
    border-style: none; 
    border-color: inherit; 
    border-width: medium; 
    position:absolute; 
    top:0px; 
    left:229px; 
    width:753px; 
    z-index: 112; 
    height: 388px;

    font: 14px Verdana;
    font-family: Verdana;
    color:#707070;	
    margin:none;
    border:none;
}

#panelTextDefault
{
    position:absolute; 
    top:0px; 
    left:0px; 
    width:476px; 
    margin:none; 
    border:none; 
    z-index: 108;
}

/* Dropdown styling */

.drop450, .drop445, .drop400, .drop300, .drop290, .drop240, .drop220, .drop200, .drop180, .drop170, .drop148, .drop140, .drop130, .drop120, .drop100, .drop90, .drop80
{
    border: 1px solid #E0E0E0;
    font-family: Verdana;
    color: #000000;	    
    height: 22px;
    padding-left: 1px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: normal;
}

.drop450 {
    width: 450px;
}

.drop425 {
    width: 425px;
}


.drop400
{
    width:400px;
}




.drop300
{
    width:300px;
}

.drop290
{
    width:288px;
}


.drop240
{
    width:240px;
}

.drop220
{
    width:220px;
}

.drop200
{
    width:200px;
}

.drop180
{
    width:180px;
}


.drop170
{
    width:170px;
}

.drop148
{
    width:148px;
}

.drop140
{
    width:140px;
}

.drop130
{
    width:130px;
}

.drop120
{
    width:120px;
}

.drop100
{
    width:104px;
}

.drop90
{
    width:104px;
}

.drop80
{
    width:88px;
}

.msgClass
{
    z-index: 143; 
    left: 16px; 
    position: absolute; 
    top: 335px;
    color:#FF931E;
    Width:505px;
}




.employerID
{
    font-family: Verdana;
	font-size: 13px;
	font-weight: 300;
    color: #707070;
    text-decoration: none;
}



div.ButtonBar
{
    margin:0px;
    border:0px;
    padding:0px;
    display:inline-block;
}


.ButtonBarImage
{
    margin:0px;
    border:0px;
    padding:1px;
}



.AnonCentred
{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}



/* Newer less duplicated style of field */

.inputFields
{
    font: 14px sans-serif;
    font-family: Verdana;
    color: #000000;	    
    height: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #E0E0E0;
    padding-left: 5px;
}

.noBorder
{
    border-width:0px;
}

.inputWidth600
{
    width:600px;
}

.inputWidth300
{
    width:300px;
}

.inputWidth190
{
    width:190px;
}

inputWidth30
{
    width:30px;
}