.floatLeft { float: left; }
.floatRight { float: right; }
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.italic {font-style: italic;}
.center { text-align: center;}
.right {text-align: right;}
.hidden {display: none;}
.visible {display: block;}


div.CSRbox {
	margin: 0px 0px 7px 0px;
	border: 1px solid #678c66;
	background-color: #d9f6dc;
	padding: 7px;
	width: 709px;
	height: 56px;
	clear: both;
	}
	div.CSRbox span.links {
		margin: 0px 14px 0px 0px;
		}
td.partyID {
	background-color: #d9f6dc;
	}
div.errorBox {
	margin: 0px 0px 7px 0px;
	border: 1px solid #ac3b1e;
	color: #d12b00;
	padding: 7px;
	width: 97%;
	font-weight: bold;
	font-size: 92%;
	}
table.messageTable {
	background: none;
	border: 0;
	}
	table.messageTable td {
		background: none;
		border: 0;
		}
	table.messageTable td.twoColumn {
		width: 50%;
		padding: 6px 6px 6px 6px;
		}
	table.messageTable td.borderRight {
		border-right: 1px solid #93aaba;
		}
	table.messageTable td.threeColumn {
		width: 33%;
		padding: 6px 6px 6px 8px;
		}
	
/* ------------------------
		SPLASH PAGE
   ------------------------	*/

#splash {
	background: #FFFFFF url(../images/backgrounds/main_body.gif) repeat-y 0px 0px;
	margin: 0px auto; 
	padding: 0px; 
	position: relative;
	width: 998px;
	}

#splash #header {
	height: 105px;
	}

#splash #header h1 a {
	margin-left: 33px;
	}

#splash #promoArea {
	top: 67px;
	left: 34px;
	height: 305px;
	margin: 0;
	z-index: 1;
	width: 708px;
	padding: 0;
	border-top: 0px solid #7d96aa;
	border-bottom: 1px solid #7d96aa;
	border-left: 0px solid #7d96aa;
	background-image: url(/images/backgrounds/bg-splashStabilityText3.gif);
	/*background-image: url(/images/splashPromoText.jpg);*/
	background-repeat: no-repeat;
	position: relative;
	}
	p#annuityDisc {
		position: absolute;
		top: 306px;
		left: 1px;
		color: #9698a3;
		font-size: 76%;
		line-height: 100%;
		width: 705px;
		}

#splash #rightCol {
	position: absolute;
	top: 122px;
	left: 742px;
	width: 245px;
	height: 305px;
	}

#splash .loginBoxSplash {
	height: 229px;
	width: 210px;
	}


#splash #bottom {
	margin-top: 90px;
	padding: 0px 0px 0px 33px;
	#padding: 0px 0px 0px 33px;
	width: 934px;
	}
	#bottom a.btnNoStyle {
		color: #ffffff;
		text-decoration: none;
		}

#splash #bottom h1.select {
	color: #4a0c08;
	font-size: 14px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -6px 0px
	}

#splash #footer {
	background: #FFFFFF url(../images/backgrounds/main_body_footer.gif) no-repeat 0px 0px;
	color: #999999;
	font-size: 11px;
	padding: 12px 29px 0px 35px;
	margin: 0;
	text-align: center;
	width: 934px;
	}
	#splash #footer p {
		margin: 4px 0px 4px 0px;
		}
/*		LOGIN BOX FOR SPLASH PAGE		*/

.loginBoxSplash {
	background: #BDCAD4 url(../images/backgrounds/login_box.jpg) no-repeat 0px 0px;
	border: 1px solid #7D96AA;
	color: #4C4633;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 10px 0px 10px 10px;
	width: 202px;
	position: absolute;
	top: 55px;
	left: 709px;
}

.loginBoxSplash h1 {
	background: transparent url(../images/ico_lock.gif) no-repeat 100% 1px;
	color: #000033;
	font-size: 14px;
	font-weight: bold;
	margin-right: 25px;
}

.loginBoxSplash p, .loginBoxSplash div {
	line-height: 16px;
	padding: 8px 10px 0px 0px;
	*padding-top: 6px;
}

.loginBoxSplash div {
	position: relative;_zoom: 1;
}

.loginBoxSplash form {
	padding: 2px 0px 0px 0px;
}

.loginBoxSplash form p {
	font-size: 11px;
	line-height: 16px;
	padding: 6px 6px 0px 0px;
	*padding-top: 3px;
}

.loginBoxSplash input.text {
	height: 14px;
	margin: 1px 0px 1px 0px;
	*margin: 0px;
	padding-left: 5px;
	width: 182px;
}

.loginBoxSplash input.smCheck {
	margin: 16px 0px 0px 1px;
}

.loginBoxSplash input.submitBut {
	background: transparent url(../images/btn_lgn_bg.gif) no-repeat 0px 1px;
	border: 0px none;
	margin: 6px 0px 0px 4px;
	_margin-left: 1px;
	width: 73px;
}

.loginBoxSplash label {
	clear: none;
	color: #4C4633;
	font-size: 11px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	width: 175px;
}

.loginBoxSplash label.remember {
	float: left;
	font-size: 76%;
	font-weight: normal;
	height: 10px;
	margin: 16px 0px 0px 2px;
	width: 100px;
}

.loginBoxSplash a {
	text-decoration: underline;
}

.loginBoxSplash form p a {
	text-decoration: none;
}

.loginBoxSplash form p a:hover {
	text-decoration: underline;
}


/* ------------------------
		PROSPECT LANDING PROMO AREA
   ------------------------	*/
   
#promoAreaProspect {
	float: left;
	height: 322px;
	margin: -12px 0px 9px 0px;
	width: 735px;
	position: relative;
	}
	#promoAreaProspect h1#prospectWelcome {
		position: absolute;
		top: 8px;
		left: 10px;
		}
/* ------------------------
		FIND A FINANCIAL PROFESSION SMALL TABLE
   ------------------------	*/

div#findFPbox {
	float: right;
	width: 375px;
	padding: 0px;
	margin: 19px 0px 0px 9px; 
	#margin: 2px 0px 0px 9px; 
	}
	div#findFPbox h1 {
		margin: 0px 6px 0px 3px; 
		}
	table.findFP {
		margin: 0px auto 6px auto; 
		font-weight: bold; 
		font-size: 92%;
		border: 0;
		background-color: #ffffff;
		border: 0px solid #93aaba;
		width: inherit;
		}
		table.findFP td {
			vertical-align:middle; 
			padding: 2px 4px 2px 4px;
			font-size: 92%;
			background-color: #ffffff;
			}
			table.findFP td.right {
				text-align: right;
				}
			table.findFP td.center {
				text-align: center;
				}
				
/* ------------------------
		EMPLOYEE/CUSTOMER WEBISODES STYLES
   ------------------------	*/				
div#videoViewer {
	border: 1px solid #C8CDD4;
	padding: 0px 0px 0px 0px;
	margin: 9px 0px 9px 0px;
	}
	div#videoViewer div#videoViewerActive {
		float: left;
		padding: 6px 6px 0px 6px;
		}
	div#videoViewer table.videoTable {
		width: auto; 
		background: none; 
		border: 0;
		margin: 0px 0px 0px 0px;
		}
		table.videoTable td {
			background: #FEFEFE url(../images/backgrounds/video.gif) repeat-x 0px 100%;
			border-right: 0px solid #C8CDD4;
			border-bottom: 1px solid #C8CDD4;
			border-left: 1px solid #C8CDD4;
			font-size: 92%;
			padding: 4px;
			}
			table.videoTable td p {
				margin: 4px 0px 4px 0px;
				}
			table.videoTable td div.thumbBox {
				width: 75px;
				float: right;
				margin: 0px 2px 4px 4px;
				}
				table.videoTable td img.thumbnail {
					margin: 0px 0px 4px 0px;
					border: 1px solid #000000;
					display: block;
					}


	
/*		FOOTER SPLASH PAGE		*/

#footerSplash {
	font-size: 84%;
	margin: 0px auto 12px auto;
	padding: 0px 0px 0px 0px;
	width: 954px;
	}
	#footerSplash p.disclaimer {
		margin: 4px 0px 4px 0px;
		color: #999999;
		}
		div.scrollDown {
			font-size: 100%;
			padding: 2px;
			background: #9698a3;
			color: #ffffff;
			float: right;
			margin: 3px;
			}
			
/*		MEET THE GORILLA PAGE		*/

table.commercialTable {
	padding: 0; 
	border: 0; 
	background-color: #f9f9f8;
	}
	table.commercialTable td {
		padding: 0; 
		border: 0; 
		background-color: #f9f9f8;
		}
			
/* form table styles */
table.formTable {
	margin: 7px 0px 7px 75px;
	width: 600px;
	border: 0;
	background-color: #f9f9f8;
	font-size: 100%;
	}
table.formTable th {
	
	}
	table.formTable td {
		padding: 5px 6px 5px 6px;
		vertical-align: top;
		background-color: #f9f9f8;
		text-align: left;
		}
		table.formTable td input {
			margin: 0px 0px 0px 0px;
			}
		table.formTable td.fieldName {
			font-weight: bold;
			font-size:100%;
			color: #273b57;
			text-align: right;
			}
			span.required {
				font-weight: bold;
				color: #a62121;
				margin: 0px 0px 0px 2px;
				}
			span.fieldSet {
				border-top: 1px solid #E3E3E3;
				border-right: 0px none;
				border-bottom: 0px none;
				border-left: 0px none;
				margin: 15px 0px 15px 0px;
				padding: 0px;
				height: 1px;
				width: 100%;
				display: block;
				}
			span.fieldName {
				font-weight: bold;
				color: #151515;
				}
		table.formTable td.fieldData {
			font-weight: normal;
			}
		table.formTable td.formField {
			font-weight: bold;
			color: #151515;
			border-right: 0;
			}
		table.formTable td.right {
			text-align: right;
			}
		table.formTable td.left {
			text-align: left;
			}
		table.formTable td.center {
			text-align: center;
			}
			

/* form table styles */
table.formTableCenterCol {
	border:none;
	margin: 7px 0px 7px 75px;
	width: 500px;
	border: 0;
	font-size: 100%;
	}
table.formTableCenterCol th {
	
	}
	table.formTableCenterCol td {
		padding: 5px 6px 5px 6px;
		vertical-align: top;
		text-align: left;
		}
		
		table.formTableCenterCol td input {
			margin: 0px 0px 0px 0px;
			}
			
		table.formTableCenterCol input.noMargin {
			margin: -5px 0px 5px 0px;
			}
		table.formTableCenterCol td.select {
			margin: 0px 0px 0px 0px;
			}
		table.formTableCenterCol td.fieldName {
			font-weight: bold;
			font-size:100%;
			color: #273b57;
			text-align: right;
			}

		table.formTableCenterCol td.fieldData {
			font-weight: normal;
			}
		table.formTableCenterCol td.formField {
			font-weight: bold;
			color: #151515;
			border-right: 0;
			}
		table.formTableCenterCol td.right {
			text-align: right;
			}
		table.formTableCenterCol td.left {
			text-align: left;
			}
		table.formTableCenterCol td.center {
			text-align: center;
			}
			
		table.formTableCenterCol td.radioBtn {
			border:none;
			padding: 0px 30px 0px 0px;
			}
/* #####################################################  */
/* ################### FONTS AND MARGINS ###################  */
/* #####################################################  */	

.times {font-family: "Times New Roman", Times, serif;}
.bold { font-weight:bold;}
.italic { font-style: italic;}
.normal { font-weight: normal;}

.green { color: #13a400; }
.yellow {color: #c1cc30;}
.greyMedium { color: #696565; }
span.superscript { font-size: 76%;vertical-align: text-top;}

.font08px {font-size: 72%;}
.font09px {font-size: 76%;}
.font10px {font-size: 84%;}
.font11px {font-size: 92%;}
.font12px {font-size: 100%;}
.font13px {font-size: 108%;}
.font14px {font-size: 116%;}
.font15px {font-size: 124%;}
.font16px {font-size: 132%;}
.font17px {font-size: 140%;}

/* margins  */
.marginAll6px { margin: 6px; }
.marginAll12px { margin: 12px; }
.marginTop6px { margin-top: 6px;}
.marginTop10px { margin-top: 10px;}
.marginTop20px { margin-top: 20px;}
.marginRight15px { margin-right: 15px;}
.marginRight35px { margin-right: 35px;}
.marginBottom18px { margin-bottom: 18px; }
.marginLeft10px { margin-left: 10px;}
.marginLeft12px { margin-left: 12px;}
.marginLeft13px { margin-left: 13px;}
.marginLeft15px { margin-left: 15px;}
.marginLeft20px { margin-left: 20px;}


/* Begin Styles added for Performance Phase 2 */

 #interior #contentBig .smallieBorder {
	float:left;
	width: 45%;
	padding-right:10px;
	margin:10px 0px;
	border-right:1px solid #e1e2de;
}

 #interior #contentBig .smallieNoBorder {
    float:left;
	padding-left:15px;
	margin:10px 0px;
	width: 45%;
}

 #interior #content .smallieBorder {
	float:left;
	width: 45%;
	padding-right:10px;
	margin:10px 0px;
	border-right:1px solid #e1e2de;
}


 #interior #content .smallieNoBorder {
    float:left;
	padding-left:15px;
	margin:10px 0px;
	width: 45%;
}

/* End Styles added for Performance Phase 2 */


/* Added 07/09/2009 KModrowsky */
/* Begin style for Special Message Box in Login */

.loginBox #specialMessage {
	width: 182px;
	height: 12px;
	text-align:center;
	margin-top: 2px;
	padding-bottom: 0px;
	padding-top:0px;
	border:1px solid #ffffff;
	background:#FF0000;
	vertical-align:top;
	color:#ffffff;
	font-size:11px;
	font-weight: bold;
}

.loginBox #specialMessage a {
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	font-weight: bold;
}

.loginBox #specialMessage span {
	margin-left:10px;
}

.loginBox #specialMessage a:hover {
	text-decoration:underline;
}

.loginBox .outage {
	background: transparent url(../images/ico_exclaim.gif) no-repeat 100%;
	color: #000033;
	font-size: 14px;
	font-weight: bold;
	margin-right: 25px;
}


/* End style for Special Message Box in Login */
/* Begin  style for gorilla edelivery */
#gorillaEdelivery  {
 background-image:url(../images/backgrounds/gorilla-edelivery-bg.gif); 
 overflow:visible; 
 background-repeat:no-repeat; 
 margin:-20px 22px 0px 25px;
}
 
#gorillaEdelivery p {
 padding-right:0;
}
 

#gorillaEdelivery #content {
 border:none;
  margin:0 0 0 35px; 
  padding-top:55px; 
  width:450px; 
  height:475px; 
}
 
#gorillaEdelivery #content h1 {
 font-size:28px; 
 font-weight:normal; 
 line-height:32px; 
 margin-bottom:10px;
}
 
#gorillaEdelivery #content h2 {
 font-size:20px; 
 font-weight:normal; 
 line-height:22px; 
 margin-bottom:10px;
 color:#990000;
}
 
#gorillaEdelivery #content h3 {
 font-size:16px;
}
 
#gorillaEdelivery #content h4 {
 font-size:12px;
 font-weight:normal; 
}
 
#gorillaEdelivery #content #header {
 width:400px; 
 background-image:none; 
}
 
#gorillaEdelivery #content #searchArea {
 margin-top:-8px; 
 float:left;
}

/* end  style for gorilla edelivery */


/* Styles for ADL Login Hero Space */
#adlLoginHeroDoubleHdr	{
	 background-image:url(/images/promos/hero-bg.gif); 
	 background-repeat:no-repeat; 
	 padding:64px 0 0 30px; 
	 height:310px;
}

#adlLoginHeroDoubleHdr .annuitiesPromo	{
	width:328px; 
	margin-right:20px; 
	float:left;
	}

#adlLoginHeroDoubleHdr .lifePromo	{
	width:328px; 
	float:left;
	}
	
#adlLoginHeroDoubleHdr .header	{
	display:block; 
	font-size:18px; 
	font-weight:bold; 
	color:#003366; 
	margin-bottom:5px;
	}
		
#adlLoginHeroDoubleHdr .messageBox	{
	display:block; 
	margin:0 0 0 -22px; 
	padding:7px 0 0 0;
	}
	
	
	
/* Styles for ADL Login Hero Space - Single Promo */
#adlLoginHeroSingle	{
	 background-image:url(/images/promos/hero-bg.gif); 
	 background-repeat:no-repeat; 
	 padding:45px 0 0 7px; height:322px;
}

#adlLoginHeroSingle .messageBox	{
	display:block; 
	}
	

/* Styles for ADL Login Hero Space - Double Promo No Header */
#adlLoginHeroDoubleNoHdr {
	 background-image:url(/images/promos/hero-bg.gif); 
	 background-repeat:no-repeat; 
	 padding:67px 0 0 30px;
	 height:322px;
}

#adlLoginHeroDoubleNoHdr .messageBox	{
	display:block; 
	margin-left:-23px;
	margin-top:5px;
	}
	
/* Styles for ADL Login Hero Space - Triple No Header */
#adlLoginHeroTripleNoHdr {
	 background-image:url(/images/promos/hero-bg.gif); 
	 background-repeat:no-repeat; 
	 padding:82px 0 0 34px; 
	 height:322px;
}

#adlLoginHeroTripleNoHdr .messageBox	{
	display:block; 
	margin-left:-27px;
	margin-top:20px;
	}
	

	
	
	
	
	
/* Styles for Market Brief - PCHU 10/22/2009 */
	
	#marketBriefContainer    {
        border: 1px solid #dadcd6; 
        background-color:#ffffff; 
        padding:5px 5px 0 5px;
    }

    #marketBriefBox    {
    	margin-top:10px;
		height:155px;
		*height:170px;
    }

   
    #marketBriefBox .quotes    {
        width:230px;
		margin:-5px 0 0 0;
        float:left;
    }

    #marketBriefBox .links    {
        width: 235px; 
        display: block; 
        float: right;
		border-left:1px solid #E5E5E5;
		margin-top:10px;
		padding:0 0 0 10px;
    }
	
    #marketBriefBox .links .poweredBy    {
        float:right;
        font-size:10px;
        margin-right:5px;
		padding-top:25px;
    }

     #marketBriefBox .links table    {
        border: 0 none; 
        width: auto;
        font-size:12px;
        margin:0;
        background-color:#ffffff; 

    }

    #marketBriefBox .links table td    {
        padding: 0; 
        vertical-align: middle;
        background-color:#ffffff; 
    }

    #marketBriefBox .links .colLinks    {
        font-size:12px;
        margin:-9px 5px 0 0;
        font-weight:bold;
    }
	
/* Copied over CSS classes from Portal CSS for popup pages in support of Retirement Cornerstone Flex Rate Promo */

#popup #interior	{
	width:775px;
	background-image:url(../images/backgrounds/main_body_popup.gif); 
	}	
	
#popup #interior #leftCol	{
	padding-top:50px;
	}	

#popup #interior #content	{
	margin-top:50px;
	}	
	
#popup #interior #contentBig {
	float: left;
	margin-top: 120px;
	padding: 0px 15px 7px 25px;
	position: relative;
	width: 700px;
	z-index: 2;
}	
	
#popup #interior #content3 {
	float: left;
	margin-top: 120px;
	padding: 0px 15px 7px 25px;
	position: relative;
	width: 700px;
	z-index: 2;
}	
	
#popup #footer	{
	width:736px; 
	background-image:url(../images/backgrounds/main_body_footer_popup.gif); 
	}	
	
#popup #header	{
	width:780px; 
	background-image:url(../images/backgrounds/header_popup.gif); 
	}