/** util css begin */

.padding-off{padding:0em;}
.padding-right-off{padding-right:0em;}
.padding-left-off{padding-left:0em;}
.padding-top-off{padding-top:0em;}
.padding-bottom-off{padding-bottom:0em;}

.margin-off{margin:0em !important;}
.margin-right-off{margin-right:0em;}
.margin-left-off{margin-left:0em;}
.margin-top-off{margin-top:0em;}
.margin-bottom-off{margin-bottom:0em;}

.clear{clear:both}

.autoheight{height:auto!important}

.nobg{background:none !important}

/** util css end */


/** Typography, colors and bg begin */


#logo h1{background:url(../images/relay_logo.gif) top left no-repeat; width:10em; height:4em; margin:0em 0em 0em 0.4em; padding:0em; border:0px solid #f00}

#logo h1 span.hidden{margin-left:-2000em;}

body{font-family:Arial, Helvetica, sans-serif; color:#333333;}

/* default font size */
.textcopy{ font-size:0.85em; float:left;  width:100%}

h3.title{font-size:1.3em; margin:0em; font-weight:normal; padding:0em;}
p.subtitle{font-size:1.15em;line-height:normal; margin:0.6em 0em;}
p.shortcontent{font-size:1.15em; line-height:normal; margin:0.5em 0em}


#header .ctllabel{color:#f68933; font-size:0.9em; font-weight:bold; float:left; padding-top:0.2em}
#text_size .ctllabel{ padding-top:0.6em}

#headertext_container h3.title{font-size:2.5em; border:0px solid #f00; padding:0em; margin:0em; line-height:1.2em}
#headertext_container p.subtitle{font-size:1.4em; line-height:normal; padding:0em; margin:0em}
#headertext_container p.shortcontent{font-size:1.4em; line-height:1.4em; margin:0.5em 0em}

#emailsignup_container h3.title{font-size:1.9em; color:#6d6e71; margin-left:0.3em; margin:0.5em 0.2em 0em 0.6em; padding:0em; border:0px solid #f00; float:left}

#signupform_container p.shortcontent{color:#6d6e71; width:12em; font-weight:500; font-size:1.2em; float:left}

#signupform_container .email_input a{font-weight:bold; color:#0f5ca4; margin-left:0.5em}


#right_block2 p.shortcontent{font-size:1.15em; line-height:1.1em} 
#right_block3 h3.title{font-size:2em; margin:0em; padding:0em}
#right_block3 p.subtitle{font-size:1.5em;line-height:normal; margin:0em;}

#right_block3 a.morelink{text-decoration:underline}


a.morelink{font-size:1.12em;  text-decoration:none; line-height:normal;}
a.linkarrow{padding-left:12px; background:url(../images/arrow.png) 0em 0.35em no-repeat; display:block;}
a.grey_linkarrow{padding-left:12px; background:url(../images/arrow_grey.png) 0em 0.2em no-repeat; display:block;}

.content_container{margin-bottom:2em; float:left; width:100%;}
.content_container .morelink_container{float:right; margin-right:1em}



#headertext_container .content_container .morelink_container{margin-right:2em}
#headertext_container a.morelink{color:#6d6e71; font-size:1.2em}

#right_block1 .content_container{width:39em; margin:0em 1em;}
#right_block1 .content_container .morelink_container{margin-right:5em}


#right_block2 .content_container, #right_block3 .content_container{width:100%; margin:0.2em 0em;}
#right_block2 .content_container .morelink_container{margin-right:0em}

#right_block3 .content_container{text-align:center}
#right_block3 .content_container .morelink_container{margin-right:0.7em}

/** text size configurator */

#size_configurator a{color:#000; font-weight:bold; text-decoration:none}

#size_configurator .normal_text{font-size:14px; height:18px; line-height:17px; border:0px solid #f00}

#size_configurator .large_text{font-size:16px; height:23px;}

#size_configurator .larger_text{font-size:18px; height:25px; }

#size_configurator .selected{color:#fff;background:url(../images/text_size_bg.gif) bottom center no-repeat}



#size_configurator a:hover{color:#fff; background:url(../images/text_size_bg.gif) bottom center no-repeat;}

#size_configurator{float:right; margin:0.6em 28em 0em; border:0px solid #ff0000; position:relative; z-index:2}

#size_configurator .normal_text{padding:14px 6px 12px 6px;}

#size_configurator .large_text{padding:12px 6px 9px 6px;}

#size_configurator .larger_text{padding:10px 6px 9px 6px;}

#size_configurator ul{float:left; margin:0em 0em 0em 0em; padding:0em; border:0px solid #ff0000;}

#size_configurator li{float:left; list-style:none; list-style-position:outside; padding:0em; margin:0em 0em 0em 0em;}

#size_configurator li a{display:block;border:0px solid #ff0000;}


/** text size configurator */

/** forms css */
#header_login .inputtxt{padding:0em; margin:0em 0em 0em 0.5em;float:left; border:0px solid #f00}
#header_login .inputbtn{padding:0em; margin-left:0.5em;float:left}
#header_login .inputtxt input {padding:0em; margin:0em; font-size:0.9em; width:9em}

#header_login .forgotpassword{padding-left:4em;font-size:0.85em; float:left;}

#header_login .forgotpassword a{color:#6d6e71}


#signupform_container .email_input input{ padding:0.2em; font-size:1em; width:15em; color:#6d6e71}





/** Typography and colors end */



/** Structure begin */

body {margin:0; padding:0; }

#wrapper_container{ width:71em; margin:auto;}

#wrapper{width:71em; margin:auto; float:left;}

/* block containers */

#bottom_blocks_container, 
#bottom_leftblocks_container, 
#bottom_rightblocks_container, 
#bottom_rightblocks_subcontainer{float:left;}

#bottom_blocks_container{width:71em;border:0px solid #f00}
#bottom_leftblocks_container{margin-left:0.4em; width:31em;}
#bottom_rightblocks_container{margin-left:1.4em; width:37.7em;}
#bottom_rightblocks_subcontainer{border:0px solid #f00;}

/*blocks **/

/** common block attributes */
.block_top_half, .block_middle_half, .block_bottom_half {clear:both; float:left; margin:0; padding:0; width:100%}

.block_top_left,
.block_top_middle,
.block_top_right,
.block_bottom_left,
.block_bottom_middle,
.block_bottom_right{width:1.3em; float:left; margin:0em; padding:0em; height:1.2em; }

.block_middlehalf_left, 
.block_middlehalf_right{float:left;}

.block_middlehalf_left{padding:0em 1.3em 0em 1.3em;}
.block_middlehalf_right{padding:0em 0em;}


/*block strucutres:: landingpage header block */

#header{ width:71em; margin:3.5em 0em 0em; padding:0em; float:left;}
#left_block, 
#right_block1, 
#right_block2, 
#right_block3{float:left;}

#right_block2{margin-left:0.2em}
#right_block3{margin-left:1.2em}



#header .block_top_middle, 
#header .block_middle_content, 
#header .block_bottom_middle{width:67.4em;}
#header .block_middle_content{ float:left;}



#header_tophalf{ border:0px solid #ccc; float:left; width:100%;}

#header_bottomhalf{border:0px solid #ccc; float:left; width:66.5em; margin-top:1em; margin-left:0.7em; border:0px solid #f00}

#logo { float:left; border:0px solid #ccc; margin-top:0.8em;}

#header_toprighthalf{ float:right; width:37.8em; height:5em; border:0px solid #ccc}

#text_size{width:13.2em; height:4em; float:left; border:0px solid #0f0}
#header_login{ float:left; border:0px solid #f00; width:24.2em; padding-top:0.4em; border:0px solid #f00}

#advt_container{float:left; border:0px solid #f00; width:37.5em; height:4.8em;}

#emailsignup_container{float:left; border:0px solid #f00; width:100%; margin:0em; padding:0em; height:4em;}
#signupform_container{float:left; background:url(../images/email_updates.jpg) left center no-repeat; height:4em; border:0px solid #f00; padding-left:4.5em;}
#signupform_container .email_input{float:left; margin:1em 0em 0em 0.8em; border:0px solid #f00; width:26.5em}

#orangeline, 
#yellowline{float:left;background:url(../images/orangeline_repeater.gif) left center repeat-x; width:67.9em; padding:0em; margin-left:-0.2em; margin-top:0.4em; border:0px solid #f00}


#yellowline {background:url(../images/yellowline_repeater.gif) left center repeat-x; margin-top:0em;}
 
#orangeline .leftend,
#orangeline .rightend,
#yellowline .leftend,
#yellowline .rightend{float:left; width:5em; height:0.4em; border:0px solid #f00; padding:0em}

#orangeline .leftend{background:url(../images/orangeline_leftend.gif) left center no-repeat;}
#orangeline .rightend{float:right; background:url(../images/orangeline_rightend.gif) right center no-repeat;}


#yellowline .leftend{float:left; background:url(../images/yellowline_leftend.gif) left center no-repeat;}
#yellowline .rightend{float:right; background:url(../images/yellowline_rightend.gif) right center no-repeat;}


#headerpic_container{float:left; text-align:center; border:0px solid #f00;}
#headertext_container{float:left; width:35em; margin-left:2.2em; border:0px solid #f00}

#left_block .block_top_middle, 
#left_block .block_middle_content, 
#left_block .block_bottom_middle{width:28.2em;}
#left_block .block_middle_content{ float:left; min-height:28.8em;}

#right_block1 .block_top_middle, 
#right_block1 .block_middle_content, 
#right_block1 .block_bottom_middle{width:35em;}
#right_block1 .block_middle_content{ float:left;min-height:12.2em;}

#right_block2 .block_top_middle, 
#right_block2 .block_middle_content, 
#right_block2 .block_bottom_middle{width:15.4em;}
#right_block2 .block_middle_content{ float:left;min-height:14.4em;}

#right_block3 .block_top_middle, 
#right_block3 .block_middle_content, 
#right_block3 .block_bottom_middle{width:15.4em;}
#right_block3 .block_middle_content{ float:left;min-height:14.4em;}


/*block white  skin*/

.white_block .block_top_left{background:url(../images/white_b/top_left.png) left bottom no-repeat;}
.white_block .block_top_right{background:url(../images/white_b/top_right.png) right bottom no-repeat;}
.white_block .block_top_middle{background:url(../images/white_b/top_middle.png) left bottom repeat-x;}

.white_block .block_bottom_left{background:url(../images/white_b/bottom_left.png) left top no-repeat;}
.white_block .block_bottom_right{background:url(../images/white_b/bottom_right.png) right top no-repeat;}
.white_block .block_bottom_middle{background:url(../images/white_b/bottom_middle.png) left top repeat-x;}

.white_block .block_middlehalf_left{background:transparent url(../images/white_b/middle_left.png) bottom left repeat-y;}
.white_block .block_middlehalf_right{background:transparent url(../images/white_b/middle_right.png) bottom right repeat-y;}
.white_block .block_middle_content{background:#fff none!important;}


.white_block {color:#6d6e71}

/*block red skin */

.red_block .block_top_left{background:url(../images/red_b/top_left.gif) left bottom no-repeat;}
.red_block .block_top_right{background:url(../images/red_b/top_right.gif) right bottom no-repeat;}
.red_block .block_top_middle{background:url(../images/red_b/top_middle.gif) left bottom repeat-x;}

.red_block .block_bottom_left{background:url(../images/red_b/bottom_left.gif) left top no-repeat;}
.red_block .block_bottom_right{background:url(../images/red_b/bottom_right.gif) right top no-repeat;}
.red_block .block_bottom_middle{background:url(../images/red_b/bottom_middle.gif) left top repeat-x;}

.red_block .block_middlehalf_left{background:transparent url(../images/red_b/middle_left.gif) bottom left repeat-y;}
.red_block .block_middlehalf_right{background:transparent url(../images/red_b/middle_right.gif) bottom right repeat-y;}
.red_block .block_middle_content{background:#cd4232 none;}

.red_block, .red_block p, .red_block a{color:#fff}


/*block grey skin*/

.grey_block .block_top_left{background:url(../images/grey_b/top_left.png) left bottom no-repeat;}
.grey_block .block_top_right{background:url(../images/grey_b/top_right.png) right bottom no-repeat;}
.grey_block .block_top_middle{background:url(../images/grey_b/top_middle.png) left bottom repeat-x;}

.grey_block .block_bottom_left{background:url(../images/grey_b/bottom_left.png) left top no-repeat;}
.grey_block .block_bottom_right{background:url(../images/grey_b/bottom_right.png) right top no-repeat;}
.grey_block .block_bottom_middle{background:url(../images/grey_b/bottom_middle.png) left top repeat-x;}

.grey_block .block_middlehalf_left{background:transparent url(../images/grey_b/middle_left.png) bottom left repeat-y;}
.grey_block .block_middlehalf_right{background:transparent url(../images/grey_b/middle_right.png) bottom right repeat-y;}
.grey_block .block_middle_content{background:transparent url(../images/grey_b/middle_middle.png) bottom right repeat;}

.grey_block, .grey_block p, .grey_block a {color:#fff}


/*block purple skin*/

.purple_block .block_top_left{background:url(../images/purple_b/top_left.png) left bottom no-repeat;}
.purple_block .block_top_right{background:url(../images/purple_b/top_right.png) right bottom no-repeat;}
.purple_block .block_top_middle{background:url(../images/purple_b/top_middle.png) left bottom repeat-x;}

.purple_block .block_bottom_left{background:url(../images/purple_b/bottom_left.png) left top no-repeat;}
.purple_block .block_bottom_right{background:url(../images/purple_b/bottom_right.png) right top no-repeat;}
.purple_block .block_bottom_middle{background:url(../images/purple_b/bottom_middle.png) left top repeat-x;}

.purple_block .block_middlehalf_left{background:transparent url(../images/purple_b/middle_left.png) center left repeat-y;}
.purple_block .block_middlehalf_right{background:transparent url(../images/purple_b/middle_right.png) center right repeat-y;}
.purple_block .block_middle_content{background:none}

.purple_block {color:#fff}

/*block blue skin*/

.blue_block .block_top_left{background:url(../images/blue_b/top_left.png) left bottom no-repeat;}
.blue_block .block_top_right{background:url(../images/blue_b/top_right.png) right bottom no-repeat;}
.blue_block .block_top_middle{background:url(../images/blue_b/top_middle.png) left bottom repeat-x;}

.blue_block .block_bottom_left{background:url(../images/blue_b/bottom_left.png) left top no-repeat;}
.blue_block .block_bottom_right{background:url(../images/blue_b/bottom_right.png) right top no-repeat;}
.blue_block .block_bottom_middle{background:url(../images/blue_b/bottom_middle.png) left top repeat-x;}

.blue_block .block_middlehalf_left{background:transparent url(../images/blue_b/middle_left.png) center left repeat-y;}
.blue_block .block_middlehalf_right{background:transparent url(../images/blue_b/middle_right.png) center right repeat-y;}
.blue_block .block_middle_content{background:none}

.blue_block {color:#fff}


/** Structure end */

/** subscriber form css **/

#register_form .formrow, #subscriber_form .formrow{
	float:left;
	display:block;
	padding:0.5em;
	width:100%;
}

#register_form .label_container, #subscriber_form .label_container{
	float:left;
	width: 10em;
	text-align:right;
	padding-right:0.5em;
	border:0px solid #F00;
}

#subscriber_form .formrow label{
	font-weight: bold;
	color: #4788A3;
}

#register_form .formrow label{
	font-weight: bold;
}


/** Messages **/

.error, .notice, .success, .warning {padding:.8em;margin-top:1em; margin-bottom:1em;border:2px solid #ddd; font-size: 1.1em;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.warning {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} 
.error a {color:#8a1f11;}
.notice a {color:#514721;text-decoration: underline;}
.success a {color:#264409;}
.warning a {color:#8a1f11; text-decoration:underline;}

.mandatory{color:#8a1f11}

.reviewData{
	padding:.8em;margin-top:0em; margin-bottom:1em;border:2px solid #ddd;
	background-color: #FFFF00;
	display:block;	
	}

.floatright{float:right;}
.myprofile_link{color: #0F5CA4; }

.forgotpassword_link{color: #0F5CA4; font-weight: bold;}


/** survey form **/

.sectionContainer .sectionRow legend,
.sectionContainer .sectionRow .questionText{font-weight: bold;}
.survey_question_front input[type="text"]{width:20em;margin-top:0.2em}
.survey_question_front textarea{width:30em; height:10em;}