@charset "utf-8";

body {text-align:center; margin:0; padding:0; background: #F8F8F8 url(../../Assets/Images/bgs/body.gif) top left repeat-x;  color:#363636;}
h1, h2, h3, h4, h5, h6 {color:#122837; margin:12px 0 12px -2px; padding:0; font-weight: normal; font-size:23px; font-family: 'Droid Sans',arial,serif;}
h1{ margin:20px 0 12px -2px; }
h2, h3, h4, h5, h6{font-size:20px; color:#000;}
h3{font-size:18px; }
h4{font-size:17px; }
h5{font-size:16px; }
h6{font-size:15px; }
.printvis{visibility:hidden; height:0em;}
	* .noBg {background: none !important;}
	* .noBorder {border: 0 !important;}
	* { outline:none !important}
	
	.nav li {list-style: none; display: inline;}
	.nav li a {color: #d2e3f7; background:none;	text-decoration: none; margin: 0; font-size:11px; }
	
	hr {border:0; height:1px; margin:15px 0; border-top:1px solid #ccc;}
	small {font-size:10px;}
	#content strong, #rhs strong, th {font-family: Arial, Helvetica, sans-serif; }
	img { }


/*--( Header ----------------------------------------------*/	
	#hd { border:0px solid red; height:165px; width:990px; background: url(../../Assets/Images/bgs/headerImage-albion.png) top left no-repeat;}
	#logo {border:0px solid blue; overflow:hidden; margin:0; padding:0; font-size:0; display:block;  float:left; text-indent:-1000px; width:250px; height:80px;}
	#logo h1 {margin:0; padding:0; font-size:0; }
	#logo a { margin:0; padding:0; font-size:0; display:block; float:left; width:250px; height:83px; }
	
	#tools { border:0px solid red; float:right; width:350px; text-align:right; height:16px; margin-top:9px; margin-right:-47px;}
	#tools li { border:0px solid blue; float:left; display:block; background: url(../../Assets/Images/bgs/toolsRight.gif) top right no-repeat; padding:0; margin:0; }
	#tools li a { border:0px solid red; color:#494847;  background: url(../../Assets/Images/bgs/toolsPassword.gif) top left no-repeat; display:block; font-size:12px; margin: 0; padding:8px 20px 8px 35px  ;}
	#tools li #toolsPrint { background: url(../../Assets/Images/bgs/toolsPrint.gif) top left no-repeat; }
	#tools li a:hover {color: #CD2328; text-shadow: 0 1px 1px #ccc; }
	/*#tools li:hover {position:relative; top:-1px; }*/
	#toolsSkipTpContent, #toolsGraphicVersion {display:none;}
	
	#memberDetails { border:0px solid red; display:block; float:left; clear:both; width:980px; height:30px; margin-bottom:-30px; position:relative; top:43px; left:27px; font-size:11px; }	
	
/*--( Content )----------------------------------------------*/	
	#bd {background: url(../../Assets/Images/bgs/content.gif) top left repeat-y; min-height:150px; width:990px; float:left; margin:0 0 0 0; padding:0; font-size:13px;}
	#content { border:0px solid red; padding:0 15px 0 30px; margin:-8px 0 20px 0; width:750px; float:left; min-height:300px;}
	#content p {margin-bottom:1em;  line-height:15px; color:#333 !important;}
	#content ol {margin:5px 10px 10px 36px;}
	#content ul {margin:5px 10px 10px 10px; height:auto;}
	#content ul li, #content ol li{padding:2px 0;}
	#content ul li{padding-left:15px; background: url(../../Assets/Images/icons/bullet.gif) no-repeat 0 6px;}
	#content ul li a, #content ol li a {padding:3px 0; margin:0; text-decoration:underline; display:inline;}
	#content ul li a:hover, #content ol li a:hover {text-decoration:none;}	
	#content a{text-decoration:none; color:#CD2328; padding:0px; text-decoration: underline;}
	#content a:hover{text-decoration:none;  }
    #content .smalltext {font-size: 11px;}
    .error {color: #CD2328 !important;}

    .InvestmentDecisionsStep1 label {width:auto !important; float:none !important; text-align:left !important; display:inline;}
    .InvestmentDecisionsStep1 input {margin-bottom:20px;}

/*--( RHS )----------------------------------------------*/	
	#rhs { border:0px solid red; width:145px; padding:10px 20px 0 0; float:right; position:relative; z-index:111;}
    #rhs a {
        width: 135px;
        vertical-align: middle;
        background: #CD2328;
        border: medium none;
        font-size: 16px !important;
        height: 20px;
        padding: 9px 15px 8px !important;
        float: right;
        color: #FFFFFF;
        text-decoration: none;
        margin-top: 20px;
    }
	#rhs div {margin:0 0 20px 0; }
	#rhs h1 { height:22px;}
	#rhs ul {padding:0; margin: 0; list-style-type:none;}
	#rhs li {padding:0; margin: 0;  list-style-type:none; list-style-image: none; }
	#rhs li a {display:block; text-decoration:none; margin: 0; line-height:20px; color: #5A9FF4; background: url("../../Assets/Images/pageElements/bullet.gif") no-repeat 6px 6px; padding:0 0 0 22px; list-style-type:none;}
	#rhs li a:hover {margin: 0; border:none; color: #5A9FF4; text-decoration:none;  background:#F1F1EE url("../../Assets/Images/pageElements/bullet.gif") no-repeat 6px 6px;}

	div.greyPanel { border:1px solid #f5f5f5; float:right; width:285px; padding:0 10px 10px 10px; -moz-border-radius: 5px; background: #fafafa; }
	div.greyPanel h2 { padding-bottom:10px;   }
	#rhs div strong { background:#eeeeee; display:block; padding:4px; margin: -8px -4px;}
	
	#rhs #rhsNews strong { border:0px solid red; background:none; font-weight:normal; padding:0; font-size:11px; color:#CD2328; margin:0 !important;}
	#rhs #rhsNews a { color:#363636; text-decoration:none; float:left; clear:both; width:100%; border-bottom:1px solid #d7d7d7; padding-bottom:8px; margin:0 0 10px 0 !important;}


/*--( Table Formatting )-------------------*/
	table{margin:.6em 0 .6em 0; border:2px solid #fff;  padding:0; width:100%; border-collapse:collapse; border-spacing:0;}
	#bd th, #bd tr.tableHead td {border:0; background: #EEEEEE; text-align:left; padding:10px 6px; }
	#bd table th, #bd table tr.tableHead td {background: #EEEEEE; font-weight:bold; text-align:left; }
	#bd table tr {background:#eee; }
    #bd table td  {background:#FAFAFA; border-bottom:1px dotted #d9d8d8;   border-right:1px dotted #d9d8d8; padding:6px;}
	/*#bd table td a {border:0; display:block; background-image:none; text-decoration:none; color:#333;}*/
	#bd table td a {border:0; display:block; background-image:none; text-decoration:none; color:#CD2328;}	
	#bd table td a:hover {display:block; background-image:none; text-decoration:underline;}
	#bd table td.colour1  { background:#CD2328; }
	#bd table td.colour2{ background:#d2ec6d; }
	#bd table td.colour3 { background:#a39adb; }
	#bd table td.colour4  { background:#8ae3e1; }	
	tr.noBg{}	
	#home table { border:0;}
	#home table td { border:0px solid red; background:none;}
    .tableForm label {float: inherit; width: auto; margin: 0px; padding: 0px 5px 0px 5px; display:inline;}

/*---( Home Page )-------------------------------- */	
	#homeIntro { float:left; width:278px;} 
	#homeButtons {float:left; }
	
	div.buttonBig { margin-bottom:10px !important; float:left; text-decoration:none; color:#fff; overflow:hidden; display:block; padding:10px 20px; width:263px; height:71px; background:url(../../Assets/Images/buttons/orange.gif) top left no-repeat; }
	div.buttonBig a { text-decoration:none; font-size:21px; color:#fff; text-shadow: 0 0px 4px #122837 !important;  }
	div.buttonBig a span { float:left; font-size:14px; padding-top:7px; }
	div.buttonBig a:hover, div.buttonBig a span:hover { text-shadow: 0 1px 2px #000 !important;   }
	div.buttonBig:hover { position:relative; /*top:-1px;*/}
	
	#benefitStatment { background:url(../../Assets/Images/buttons/green.gif) top left no-repeat; }
	#benefitStatment a {text-shadow: 0 0px 4px #CD2328 !important; }
	#benefitStatment a:hover, #benefitStatment a span:hover {  text-shadow: 0 1px 2px #000 !important;  }

	#simulator { background:url(../../Assets/Images/buttons/black.gif) top left no-repeat; }
	#simulator a {text-shadow: 0 0px 4px #666 !important; }
	#simulator a:hover, #benefitStatment a span:hover {  text-shadow: 0 1px 2px #000 !important;  }
	
	#PensionFoundationContainer { display:block; width:605px; height:350px; background-image:url("../../Assets/Images/Pension-Foundation.gif"); }
	
/*---( login Page )-------------------------------- */	
	#external #content { width:890px;}
	
	fieldset { border:1px solid #ccc; color:Red; -moz-border-radius: 5px; }
	#external fieldset { border:0; margin:0; padding:0 0 0 0;}
	fieldset div {  clear:both; padding:0 0 10px 0; }
	legend { font-size:17px; padding:8px; color:#333 !important;}
	#external label { width:100px; display:block; float:left; text-align:left; font-size:13px; color:#4D4D4D; margin-left:3px; margin-top:5px;}
    #external input[type="text"], #external input[type="password"] {
        background:none !important;
        border: 1px solid #4F4F4F !important;
        width:165px !important;
    }


	#loginForm  { border:0px solid red; float:left; margin-right:55px; width:340px;  }
	label { width:110px; display:block; float:left; text-align:right; padding-right:15px; font-size:13px; color:#4D4D4D; margin-left:3px; margin-top:5px;}
    #EditPersonalDetails label, #ManageDependant label {width:130px;}    
	input[type=button], input[type=submit], a.button {border:2px solid #122837; color:#fff !important; margin:0 !important; float:left; text-decoration:none !important; padding:9px 15px 8px !important; -moz-border-radius: 5px; background: #122837; cursor:pointer;}
	input[type=button]:hover, input[type=submit]:hover, a.button:hover {border:2px solid #122837; text-shadow:0 2px 0px #122837; background: #122837;}
	button[type=reset], input.resetbutton, a.resetbutton {border:2px solid #000; color:#fff !important; text-decoration:none !important; padding:9px 15px 8px !important; -moz-border-radius: 5px; background: #000; cursor:pointer; display:block; float:left; margin:0 8px;  }
	button[type=reset]:hover, input.resetbutton:hover, a.resetbutton:hover {border:2px solid #000; text-shadow:0 2px 0px #000; background: #777;}
    a.buttonGreen:hover {text-shadow:none !important;}
    .Cancel {background-color:#3C3C3C !important; border:2px solid #3C3C3C !important;}
    .Cancel:hover{text-shadow:none !important; background:#565656 !important; border-color:#565656 !important;}
	

	textarea {-moz-border-radius: 3px; padding:4px; margin:3px 1px 6px 1px; border:1px solid #4F4F4F !important; color:#4F4F4F; font-family:Arial, Helvetica, sans-serif;}
    input[type=text], input[type=password] {-moz-border-radius: 3px; padding:4px; height:16px; margin:3px 1px 6px 1px; border:1px solid #4F4F4F !important; color:#4F4F4F; font-family:Arial, Helvetica, sans-serif;}
    select {border:1px solid #4F4F4F !important; color:#4F4F4F; font-family:Arial, Helvetica, sans-serif; -moz-border-radius: 3px; padding:4px; margin:3px 1px 6px 1px;}
    input[type=text]:hover, input[type=password]:hover, input[type=text]:focus, input[type=password]:focus { border:1px solid #CD2328; }
	#loginForm img { margin:5px 0; position:relative; left:-2px; }
	#loginForm p { margin-left:120px; margin-right:40px; }
	.btnLogin{ position:relative; cursor:pointer; left:120px;} 
	
	#loginInfo { float:left; width:530px;}
	#loginContainer { border:0px solid red; background: url(../../Assets/Images/bgs/loginInfo.gif) top left no-repeat; width:960px; padding-left:30px; margin-left:-32px; margin-top:-5px; height:280px;}

	#loginNews {border:0px solid red; }
	#loginNews h1 {border:0px solid red; background: url(../../Assets/Images/bgs/globe.gif) top left no-repeat; padding-left:35px; height:45px; margin-bottom:-0px; }
	#loginNews p {border-bottom:1px solid #ccc; padding:5px; margin-left:-5px; padding-bottom:15px; margin-bottom:15px; padding-right:0px;  }
	#loginNews p strong{ color: #CD2328; font-size:15px; line-height:25px;}
	#loginNews span { position: relative; left:0; top:0; width:75px; float:right; font-size:11px !important; color:#000 !important; border-left:1px solid #ccc; float:right; padding:10px; margin-top:10px; margin-left:10px;  }
	#loginNews span strong {font-size:13px !important; color:#000 !important; }

	#external #memberDetails { visibility:hidden;}
	/*#external #rhs, #external #tools, #loginForm span { display:none;}*/
	#external #rhs, #external #tools { display:none;}
	#external #loginNav { display:block; }
	
	
	#advanced input[type=text] { background: url(../../Assets/Images/bgs/inputLogin2.gif) top left no-repeat !important; width:120px !important;}

	#external input[type=button], #external input[type=submit], #external a.button, #external button[type=reset], #external input.resetbutton, #external a.resetbuttonn {float:none !important;  }


/*--( Footer )---------------------------------------------*/	
	#ft {background: url(../../Assets/Images/bgs/footer.gif) top left no-repeat; clear:both; height:130px; width:920px; font-family:Arial, Helvetica, sans-serif !important;color:#494949; font-size:11px; padding:33px 35px 15px 35px;  margin:0;}		
	#ft h1 {line-height:18px; display:inline; padding:0; margin:0 0 5px 0; color:#494949; font-size:11px; }		
	#ft h1#DevelopedByKCO {text-align:right; float:right; color: #494949;}
	#ft h1 strong { margin-left:7px; color: #494949;}
	#ft a {color:#939292; text-decoration:underline; padding:2px 3px;}
	#ft a:hover {text-decoration: none; }

/*--( Display )---------------------------------------------*/	
	.hidden, #lhs {display:none;}

/*---( Admin Styles)-------------------------------- */
    #admin #content {width:95%;}
    #admin #bd table td a { display:inline;}

/***NOTIFICATION MESSAGES***/
    .notification { padding: 10px 10px 10px 45px; margin: 0 0 20px 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: relative; clear:both;}
    .notification .close { position: absolute; right: 5px; top: 5px; display: inline-block; width: 8px; height: 8px; cursor: pointer; }
    .notification .close { background: url(../../Assets/Images/icons/close.png) no-repeat 0 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
    .notifyError { border: 1px solid #C30000; background: #CD2328; color: #ffffff; font-size: 11px; }
    
    .msgalert { border: 1px solid #eac572; background: #ffe9ad url(../../Assets/Images/icons/warning.png) no-repeat 10px center; }
    /*.msginfo { border: 1px solid #99c4ea; background: #d1e4f3 url(../../Assets/Images/icons/info.png) no-repeat 10px center; }*/
    .msginfo { border: 1px solid #F7C9C3; background: #F7C9C3 url(../../Assets/Images/icons/info-pink.png) no-repeat 10px center; }
    .msgsuccess { border: 1px solid #c1d779; background: #effeb9 url(../../Assets/Images/icons/success.png) no-repeat 10px center; }
    .msgerror { border: 1px solid #e18b7c; background: #fad5cf url(../../Assets/Images/icons/error.png) no-repeat 10px center; }