﻿#cboxLoadedContent {
    background-color: #FFFFFF;
    border: 1px solid #DEDEDE;
    color: #4C5960;
    font-family: "Trebuchet MS",Helvetica,arial,sans-serif;
    font-size: 13px;
    line-height: 22px;
    /*margin: 30px;*/
    overflow: hidden;
    padding: 0 0 10px;
    text-align: left;
}

#cboxContent {
    background-color: #F7F7F7;
    border: 1px solid #DEDEDE;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 25px #000000;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}
/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/

h1.modal_head_narrow { 
	font-family:"Trebuchet MS",Helvetica,arial,sans-serif;	
	font-weight: normal;
	color: #127dc9; /*blue*/
	font-size: 24px;
 	margin: 10px 0 0 50px;
 	padding: 20px 0 0 0;
	}
h1.modal_head_narrow_noPadding { 
	font-family:"Trebuchet MS",Helvetica,arial,sans-serif;	
	font-weight: normal;
	color: #127dc9;
	font-size: 24px;
	margin: 10px 0 0 50px;
	padding: 0;
	}
/* success modal with green flag */
h1.greenHeader {
	color:#72C421;
	font-weight:normal;
	font-size: 24px;
  margin: 10px 0 0 50px;
	}	
img.modalFlag {
	position:relative;
	top:0px;
	left:50px;
	}	/*single column modal */
			img.modalFlag_lessMargin {
				position:relative;
				top:0px;
				left:25px;
				}	/* two column window */			

/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/

/* two column modal */	
.two_column_wrapper	{
	overflow:hidden;
	width: 640px;
	margin:0;
	padding:0;
	}	
.lh_column {
	float: left;
	display:inline;
	width: 190px;
	margin: 20px 0 0 10px;
	}
.rh_column {
	float:right;
	display:inline;
	width:425px;
	padding:0;
	margin:0;
	background: #fff url(./images/RA_images/form_bg.gif) left center repeat-y;
	}	/* this background is only for use in the two column version */
.two_column_wrapper div.rh_column p.text_block {
	margin: 10px 30px 10px 50px;
	}
	/*also*/
	p.text_block_noMargin {
	margin: 10px 30px 10px 0px;
	}
.border_image_top {
	position: relative;
	top:0;
	left:0;
	z-index: 99;
	}
.bottom_cap {
	margin:0;
	height:50px;
	}

/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/
		
/*path a */	
/*single column modal */
.one_column_wrapper {
	overflow:hidden;
	width:420px;
	}
.single_column {
	float:right;
	display:inline;
	width:420px;
	padding:0;
	margin:0;
	}	
.single_column p {
	margin: 10px 30px 10px 50px;
	}
	
/*------------------RA changes ------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
.loginBoxWrapper {
    padding-bottom: 20px;
    margin-bottom: 20px;
	background: transparent url(./images/RA_images/blueEmbossedBorder.gif) repeat-x bottom center;
    font-size: 13px;
}
.loginBox {
	background-color: #fff;
	border: 1px solid #dedede;
	margin-bottom: 0px;
	}
.box_left {
	float: left;
	width: 140px;
	margin-left: 5px;
	padding: 0;
	border-right: 1px solid #dedede;
	}
.box_right {
	float: right;
	width: 140px;
	margin-right: 5px;
	padding: 0;
 }
.box_middle {
	float: left;
	width:200px;
	padding: 0 0 0 29px;
	}
.blueType {
	display: block;
	clear:both;
	color: #0a4874; /* dark blue */
	text-align:center;
	padding: 10px 5px 0 5px; /* IE css is different */
	margin-top: 10px;
	}
.blueTypeMiddle {
	display: block;
	clear:both;
	color: #0a4874; /* dark blue */
	padding: 5px 0 0 68px; /* IE css is different */
	margin-top: 10px;
	}
.greenType {
	display: block;
	clear:both;
	color: #246b1f;
	text-align:center;
	padding: 10px 5px 0 5px;  /* IE css is different */
	margin-top: 10px;	
	}
.box_right:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
*:first-child+html .box_right { /* for IE7 */
	min-height: 1px; 
	}
/* add title button on homepage */	
.white_button {
	overflow:hidden;
	background-color: #f7f7f7;
	margin: 0;
	padding: 25px 10px;
	border: 1px solid #dedede;
	color: #246b1f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
.white_button a {
	display: block;
	font-size:14px;
	color: #33962b;
	text-decoration:none;
	line-height: 19px;
	padding:3px 30px 3px 5px;
	margin:0 25px 0 10px;
	background: transparent url(./images/RA_images/button-with-dot-and-plus_1.png) top right no-repeat;
	outline:none;
	}	
.white_button a:hover {
	background: transparent url(./images/RA_images/button-with-dot-and-plus_2.png) bottom right no-repeat;
	text-decoration:underline;	
	}


/* buttons */
/*blue button*/
.buttonDivRA {
	padding-top: 15px;
	margin-top: 20px;
	clear: both;
	overflow:hidden;
    cursor: default;
	}
.top_padding10 {
	padding-top: 0px;
	margin-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	}	/*for the homepage */
.top_padding10_XX {
	padding-top: 0px;
	margin-top: 10px;
	}/* activation page */
.buttonDivRA ol {
	font-family:'Trebuchet MS', Helvetica, arial, sans-serif;	
	font-weight:normal;		
	float: left;
	list-style:none;
	margin:0;
	padding:0;	
	text-align: center;
	cursor: default;
	}
.buttonDivRA ol li {
	float:left;
	display: inline;
	margin:0 10px 0 0;
	cursor: default;
	padding: 0;
	}
/*---------------------------------------------*/	
/* generic blue button */	
.buttonDivRA ol li a {
	float: left;
	display: block;
	height: 49px;
	text-decoration: none;
	font-size: 15px;
	color: #fff;
	font-weight: normal;
    line-height: 18px;
    outline:none;
    text-shadow: 0 -1px 0 #00376d; 	
	cursor: default;
	background: transparent url(./images/RA_images/bttn_rh_blue.gif) right top no-repeat;
	}		
.buttonDivRA ol li a span {
	background: transparent url(./images/RA_images/bttn_lh_blue.gif) left top no-repeat;
	display: block;
	line-height: 19px;            /*line height plus padding equals the li height */
	padding:13px 30px 17px 43px;  /*padding for the rh graphic                    */
	cursor: default;
	margin-right: 13px;
	}
.buttonDivRA ol li a:hover {
	cursor: default;
	background: transparent url(./images/RA_images/bttn_rh_blue.gif) right bottom no-repeat ;
	}
.buttonDivRA ol li a:hover span {
	background: transparent url(./images/RA_images/bttn_lh_blue.gif) left bottom no-repeat ;
	}
/*---------------------------------------------*/	
/* blue button for homepage */
.buttonDivRA a.bigblue {
	float: right;
	display: block;
	height: 49px;		
	text-decoration: none;
	font-size: 15px;
	color: #fff;
	font-weight: normal;
	line-height: 18px;
 	outline:none;
	text-shadow: 0 -1px 0 #00376d ; 	
	cursor: default;
	background: transparent url(./images/RA_images/bttn_rh_blue.gif) right top no-repeat;
	}		
.buttonDivRA a.bigblue span {
	background: transparent url(./images/RA_images/bttn_lh_blue.gif) left top no-repeat;
	display: block;
	line-height: 19px;            /*line height plus padding equals the li height */
	padding:13px 10px 17px 23px;  /*padding for the rh graphic                    */
	cursor: default;
	margin-right: 13px;
	}
.buttonDivRA a.bigblue:hover {
	cursor: default;
	background: transparent url(./images/RA_images/bttn_rh_blue.gif) right bottom no-repeat ;
	}
.buttonDivRA a.bigblue {
	float: right;
	display: block;
	height: 49px;		
	text-decoration: none;
	font-size: 15px;
	color: #fff;
	font-weight: normal;
	line-height: 18px;
 	outline:none;
	text-shadow: 0 -1px 0 #00376d ; 	
	/*cursor: default;*/
    cursor: pointer;
    cursor: hand;
	background: transparent url(./images/RA_images/bttn_rh_blue.gif) right top no-repeat;
	}		
.buttonDivRA a.bigblue span {
	background: transparent url(./images/RA_images/bttn_lh_blue.gif) left top no-repeat;
	display: block;
	line-height: 19px;            /*line height plus padding equals the li height */
	padding:13px 10px 17px 23px;  /*padding for the rh graphic                    */
	cursor: default;
	margin-right: 13px;
	}
.buttonDivRA a.bigblue:hover {
	/*cursor: default;*/
    cursor: pointer;
    cursor: hand;
	background: transparent url(./images/RA_images/bttn_rh_blue.gif) right bottom no-repeat ;
	}
.buttonDivRA a.bigblue:hover span {
	/*cursor: default;*/
    cursor: pointer;
    cursor: hand;
	background: transparent url(./images/RA_images/bttn_lh_blue.gif) left bottom no-repeat ;
	}
/*---------------------------------------------*/	
/* green button for homepage - new users */
.buttonDivRA a.bttn_green3 {	
	float: left;
	display: block;
	height: 49px;
	text-decoration: none;
	font-size: 15px;
	color: #fff;
	font-weight: normal;
	outline:none;
	line-height: 18px;
	text-shadow: 0px -1px 0px #226119 ; /* dark green */  
	/*cursor: default;*/
    cursor: pointer;
    cursor: hand;
	background: transparent url(./images/RA_images/bttn_rh_green.gif) right top no-repeat;
	}		
.buttonDivRA a.bttn_green3 span {
	background: transparent url(./images/RA_images/bttn_lh_green.gif) left top no-repeat;
	display: block;
	line-height: 19px;            /*line height plus padding equals the li height */
	padding:13px 18px 17px 31px;  /*padding for the rh graphic                    */
	cursor: default;
	margin-right: 13px;
	}
.buttonDivRA a.bttn_green3:hover {
	cursor: default;
	background: transparent url(./images/RA_images/bttn_rh_green.gif) right bottom no-repeat ;
	}
.buttonDivRA a.bttn_green3:hover span {
	/*cursor: default;*/
    cursor: pointer;
    cursor: hand;
	background: transparent url(./images/RA_images/bttn_lh_green.gif) left bottom no-repeat ;
	}
/*---------------------------------------------*/	
/* gray button */
.buttonDivRA ol li a.bttn_gray {	
	float: left;
	display: block;
	height: 49px;
	text-decoration: none;
	font-size: 15px;
	color: #575757;
	font-weight: normal;
	outline:none;
	line-height: 18px;
	text-shadow: 0px 1px 0px #f7f7f7 ;   
	cursor: default;
	background: transparent url(./images/RA_images/bttn_rh_gray.gif) right top no-repeat;
	}		
.buttonDivRA ol li a.bttn_gray span {
	background: transparent url(./images/RA_images/bttn_lh_gray.gif) left top no-repeat;
	display: block;
	line-height: 19px;  /*padding for the rh graphic                    */
	margin-right: 13px;
	padding-top: 13px;
	padding-right: 30px;
	padding-bottom: 17px;
	cursor: default;
	padding-left: 43px;
	}
.buttonDivRA ol li a.bttn_gray:hover {
	cursor: default;
	background: transparent url(./images/RA_images/bttn_rh_gray.gif) right bottom no-repeat ;
	}
.buttonDivRA ol li a.bttn_gray:hover span {
	cursor: default;
	background: transparent url(./images/RA_images/bttn_lh_gray.gif) left bottom no-repeat ;
	}
/*---------------------------------------------*/
/* green button */
.buttonDivRA ol li a.bttn_green2 {	
	float: left;
	display: block;
	height: 49px;
	text-decoration: none;
	font-size: 15px;
	color: #fff;
	font-weight: normal;
	outline:none;
	line-height: 18px;
	text-shadow: 0px -1px 0px #226119 ; /* dark green */  
	cursor: default;
	background: transparent url(./images/RA_images/bttn_rh_green.gif) right top no-repeat;
	}		
.buttonDivRA ol li a.bttn_green2 span {
	background: transparent url(./images/RA_images/bttn_lh_green.gif) left top no-repeat;
	display: block;
	line-height: 19px;            /*line height plus padding equals the li height */
	padding:13px 30px 17px 43px;  /*padding for the rh graphic                    */
	cursor: default;
	margin-right: 13px;
	}
.buttonDivRA ol li a.bttn_green2:hover {
	cursor: default;
	background: transparent url(./images/RA_images/bttn_rh_green.gif) right bottom no-repeat ;
	}
.buttonDivRA ol li a.bttn_green2:hover span {
	cursor: default;
	background: transparent url(./images/RA_images/bttn_lh_green.gif) left bottom no-repeat ;
	}
/*---------------------------------------------*/
			.buttonDivRA ol li a:focus {
	            cursor: default;
				position: relative;
				top: 1px;
				}
			.buttonDivRA ol li a span:focus {
            	cursor: default;
				position: relative;
				top: 1px;
				}	
/*---------------------------------------------*/
/* small yellow button  */
.smallButtonList {
	overflow:hidden;
	display:block;
	margin:0;
	padding:0;
	}
.smallButtonList ol {
	float: left;
	list-style:none;
	margin:0;
	padding:0;
	}
.smallButtonList ol li {
	float: left;
	display: block;
	height: 24px;
  margin: 3px 15px 0 0;
	}
.listTopPadding {
	padding-top: 4px;
	}
.bttn_yellow {
	background: #fff url(./images/RA_images/bttn_yellow.gif) ;
	background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
	width: 101px;
    overflow: hidden;
    text-decoration: none;
    text-indent: -9999px;
	cursor: default;
	margin:0;
	}
.bttn_yellow:hover {
	background: #fff url(./images/RA_images/bttn_yellow.gif) ;
	background-position: 0 -24px;
    background-repeat: no-repeat;
	cursor: default;
	}
.bttn_yellow:focus {
	background: #fff url(./images/RA_images/bttn_yellow.gif) ;
	background-position: 0 -48px;
    background-repeat: no-repeat;
	position: relative;
	top: 1px;
	cursor: default;
	}
	
/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/

/* form */
form#modal_form_narrow {      
	margin:0 20px 0 50px; 
	padding:0; 
	color: #4c5960;
	}/* this is for the two column modal window */
form#modal_form_wide {        
	margin:0 20px 0 40px; 
	padding:0; 
	color: #4c5960;
	}/* this is for the single column modal window */
fieldset { 
	margin:0; 
	padding:0;
	border:none;    
	}
label {
	font-weight:bold;
	display:block;
	padding: 20px 0 5px 0;
	margin:0;
	}
label#buy_now, label.buy_now {
    line-height: 20px;
    display:inline;
}	
label.tight_spacing {
	padding: 5px 0 5px 0;
	}		
input.text_box, select.dropdown_box {
	font-size: 13px;
	border: 1px solid #dedede;
	width: 280px;
	padding: 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	background: #fff url(./images/RA_images/form_bg.jpg) top center repeat-x;
	}
.text_box:focus {
	background-color: #fff;
	border:1px solid #127dc9;	/* dark blue border */
	}
input.text_box_short, select.dropdown_box_short {
	font-size: 13px;
	border: 1px solid #dedede;
	width: 120px;
	padding: 8px;
	margin:0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	background: #fff url(./images/RA_images/form_bg.jpg) top center repeat-x;
	}
.text_box_short:focus {
	background-color: #fff;
	border:1px solid #127dc9;
	}
input.text_box_med, select.dropdown_box_med {
	font-size: 13px;
	border: 1px solid #dedede;
	width: 240px;
	padding: 8px;
	margin:0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	background: #fff url(./images/RA_images/form_bg.jpg) top center repeat-x;
	}
input.text_box_med:focus /*, select.dropdown_box_med:focus*/ {
	background-color: #fff;
	border:1px solid #127dc9;
	}						
/*for the indented password with radion button in the 3 button modal */
input.text_box_padding /*, select.dropdown_box_padding*/ {
	font-size: 13px;
	border: 1px solid #dedede;
	width: 260px;
	margin-top: 5px;
	margin-left: 28px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	background: #fff url(./images/RA_images/form_bg.jpg) top center repeat-x;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 3px;
	}
.text_box_padding:focus {
	background-color: #fff;
	border:1px solid #127dc9;	/* dark blue border */
	}						
a.link_with_indented {
	text-decoration: none;
	margin-left:28px;
	display: block;
	color: #127dc9;
	}
a.link_with_indented_noMargin {
	text-decoration: none;
	margin-left:3px;
	display: block;
	color: #127dc9;
	}	
a.link_with_indented:hover, a.link_with_indented_noMargin:hover {
	text-decoration: underline;
	color: #127dc9;	
	}	
	/* change to light blue */
		.link_with_indented_noMargin_lightblue {
		text-decoration: none;
		margin-left:3px;
		display: block;
		color: #00b0ec;
		}	
		a.link_with_indented_noMargin_lightblue:hover {
		text-decoration: underline;
		color: #00b0ec;
		}	
.formCheckbox_tight {
	overflow: hidden;
	padding: 10px 0;
	margin-top: 3px;
	margin-left: 26px;
	}
.formCheckbox_tight_noPadding {
	overflow: hidden;
	padding: 10px 0;
	margin-top: 3px;
	margin-left: 0;
	}			
.checkboxLabel {
	font-weight:normal;
	display: inline;
	margin-left: 8px;
	}
input.inputCheck {
	margin: 3px 0;
	display: inline;
	float: left;
	}
.form_block {
	margin: 0;
	padding: 15px 0 0 0;
	}
.form_block_secondary {
	margin: 0;
	padding: 30px 0 0 0;
	}		
	
/* footer   */	
/* help box */
.modal_footer {
	clear:both;
	padding:0;
	margin:0;
	}
.open_help_box {
	display:block;
	margin-left: 45px;
	background: #fff url('images/RA_images/help_icon.gif') left center no-repeat;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 25px;
	}
.open_help_box:hover {
	text-decoration: underline;
	cursor: pointer;
	color: #127dc9;
	}
.open_help_box_2column {
	display:block;
	margin-left: 45px;
	background: #fff url('images/RA_images/help_icon.gif') left center no-repeat;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 25px;
	}
.open_help_box_2column:hover {
	text-decoration: underline;
	cursor: pointer;
	color: #127dc9;	/*blue*/		
	}	
.help_box {
	display:none;
	/* DISPLAY IS TEMPORARILY SHOWING THE DIV */
	/* FOR PROOFING PURPOSES ONLY             */
	/* CHANGE TO NONE FOR FINAL LAUNCH        */
  display:block; 
	margin: 0 40px 0 48px;
	}
	
/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/

/* error text box */
.errorbox {
	width: automatic;
	margin: 20px 55px 8px 0px;
	padding: 18px 20px 15px 20px;
	border: 1px solid #dedede;
	background: #f7f7f7;
	line-height: 120%;
	font-weight: normal;
	overflow:hidden;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}
.errorbox p { margin:0; }	
.errorbox img{
	float: left;
	padding-top:0;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left:0;
	}
.errorbox ol {
	margin: 12px 0 0 20px;
	line-height: 150%;
	}
.errorbox ul {
	margin: 12px 0 0 16px;
	line-height: 150%;
	}
span.error_asterisk {
	font-weight: normal;
	color: #ff3600;	
	font-size: 22px;
	padding: 0 5px;
	position:relative;
	top:7px;
	}
span.mandatory_asterisk {
	font-weight: normal;
	color: #127dc9; /*blue*/
	font-size: 22px;
	padding: 0 5px;
	position:relative;
	top:7px;
	}	
.extra_toppadding        { padding-top: 20px;    }
.extra_toppadding_double { padding-top: 40px;    }
.extra_bottompadding     { padding-bottom: 20px; }
.extra_topmargin         { margin-top: 20px;     }

.skiptocontent {
        position: absolute;
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        text-align: left;
        overflow: hidden;
		color: #ffffff;
		border: 1px solid #ffffff;
		padding: 0.625rem 1rem;
    }
    
    a.skiptocontent:active, 
    a.skiptocontent:focus, 
    a.skiptocontent:hover {
        left: 0; 
        top: 0;
        width: auto; 
        height: auto; 
        overflow: visible; 
		color: #ffffff;
		border: 1px solid #ffffff;
		padding: 0.625rem 1rem;
    }