@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}

a img {border: none;}

html{ font-size:11px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
body{ background:url(../images/reap_bg.jpg) top repeat-x #3399ff; padding-top:35px;}

p{ padding-bottom:8px; line-height:16px;}
span.red{ color:#cc0000; font-weight:bold;}
.red{ color:#cc0000;  font-style:italic; text-align:right;}

.clear{ clear:both;}

h1{ height:50px; overflow:hidden;}
h2, h3, h4{padding-top:20px;}
h4{
	font-size: 1.2em;
	color: #3366ff;
}
h3{
	font-size: 1.4em;
	padding-bottom:3px;
}
h2{
	clear:left;
	font-size: 1.6em;
	color: #3366ff;
}
#reap_cont{
	margin:0 auto;
	width:950px;
}
/*
HOMEPAGE SPECIFIC ID'S & CLASSES
*/
	/* HOMEPAGE PNG */
	#reap_rewards{
		float:left;
		background:url(../images/rewards_top.gif) bottom center no-repeat; 
		padding-top:75px;
		padding-left:8px;
		height:349px;
		width:218px;
	 }
	 
#reap_rewards_recipe{
		float:left;
		background:url(../images/rewards_top.gif) bottom center no-repeat;
		padding-top:155px;
		padding-left:8px;
		height:450px;
		width:218px;
	 }
	 
.recipe {
	background-color:#fafbe2;
	border:1px solid #F00;
	padding:7px;
}


.recipeIndent {padding-left:10px;}
	 
	#reap_rewards_home{
		float:left;
		background:url(../images/rewards_top.gif) bottom center no-repeat; 
		padding-top:100px;
		padding-left:8px;
		height:420px;
		width:218px;
	 }


	 /* HOMEPAGE LOGIN AREA */
	 #hp_reap_welcome{
	 	float:left;
		width:430px;
	 }
	 
	 #summary_home{
	 	background:url(../images/hp_member_summary.jpg) top repeat-x #b3d9ff;
		padding:10px;
		margin-bottom:20px;
	 	width: 250px;
	 }
	 
	 #reg_button {float: left;}
	 
	 #summary .welcome{float:left; color:#CC0000; font-weight:bold; padding-bottom:10px;}
	 #summary .logout{float:right; font-weight:bold;}
	 #summary a{color:#0000FF;}
	 
	 /* HOMEPAGE RIGHT PRIZE SIDE */
	 #hp_reap_prizes{
	 	float:right;
		overflow:visible;
		margin-right:-17px;
		width:255px;
	 }
	 #hp_reap_prizes .macys{
	 	float:right;
		background:url(../images/macys.jpg);
		position:relative;
		height:326px;
		width:255px;
	 }
	 #hp_reap_prizes .macys a span{
	 	display:block;
	 	height:326px;
		width:255px;
		cursor:pointer;
	 }
	
	 #reap_hp_footer{
		background:url(../images/reap_hp_footer.jpg) bottom center no-repeat;
		height:23px;
		width:950px;
	}
/************************************************************************************************/

/*
MAIN MENU
*/
#ReapMenu{height:134px; padding-right:10px; width:648px; float:right; margin:0 auto;}
#ReapMenu ul{margin: 0;padding: 0;list-style-type: none;width:648px; z-index:1;}
#ReapMenu ul li{position: relative;display: inline;float: left;}
#ReapMenu ul li a{display: block;height:134px; text-decoration: none; background-position:top;}
#ReapMenu ul li ul{ display:none;}


#ReapMenu span{ display:none;}
	#ReapMenu ul li a.ReapMenu_1{background-image:url(../images/agent_profile.gif); width:81px;}
	#ReapMenu ul li a.ReapMenu_2{background-image:url(../images/brochure.gif); width:81px;}
	#ReapMenu ul li a.ReapMenu_3{background-image:url(../images/order_brochure.gif); width:81px;}
	#ReapMenu ul li a.ReapMenu_4{background-image:url(../images/earn.gif); width:81px;}
	#ReapMenu ul li a.ReapMenu_5{background-image:url(../images/quick_connect.gif); width:79px;}
	#ReapMenu ul li a.ReapMenu_6{background-image:url(../images/fact_sheet.gif); width:81px;}
	#ReapMenu ul li a.ReapMenu_7{background-image:url(../images/benefits.gif); width:78px;}
	#ReapMenu ul li a.ReapMenu_8{background-image:url(../images/pricing.gif); width:81px;}
	#ReapMenu a.selected, #ReapMenu a.active{background-position:bottom;}

/************************************************************************************************/

/* BLUE TITLE FOR EACH PAGE */
#reap_ptitle{
	float:left;
	font-size:3em;
	height:64px;
	width:684px;
	white-space:nowrap;
}

#reap_header{
	background:url(../images/reap_header.jpg) top center no-repeat;
	height:143px;
	width:950px;
}

#reap_header .home{
	float:left;
	margin-top:10px;
	padding-left:30px;
	height:110px;
	width:240px;
}


#home #reap_content{
	background:url(../images/reap_body.jpg) top center repeat-x #b3d9ff;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
}
#inside #reap_content{
	background:url(../images/reap_body.jpg) top center repeat-x #b3d9ff;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	padding-bottom:20px;
}
#brochure_print{ float:left; padding:10px 10px 10px 0;}
#rcontent{
	padding:0;
	margin:0;
	float:right;
	width:700px;
}
#fullcontent{
	float:right;
	width:925px;
}

.details{ list-style:none; margin:5px 0 0 10px;}
.details li{ background:url(../images/ullist.gif) top left no-repeat; padding-left:15px; padding-bottom:13px;}


.profile{
	float:left;
	width:340px;
}
.profile h2{ width:330px;}
.logos{
	float:left;
	width:300px;
}
.logos h2{ width:290px;}


/*
LEFT MAIN NAV
*/
#reap_lmenu{
	/*background:url(../images/menu_border.gif) top right repeat-y;*/
	float:left;
	min-height:300px;
	width:240px;
}
#reap_lmenu #head{
	background:url(../images/menu_arc.gif) top right no-repeat;
	float:left;
	height:64px;
	width:240px;
}
#reap_lmenu #nav_menu{
	background:url(../images/menu_border.gif) top right repeat-y;
	float:left;
	min-height:300px;
	width:196px;
}

#nav {	
	float: right;
	width:194px;
	list-style: none;								/* DO NOT REMOVE */
}

#nav li { 											/* Main Nav items */
	position: relative;								/* DO NOT REMOVE */		
	width: 194px;									/* width of main nav items */									
	padding: 0;									/* for positioning text within the element */
	color: #3b3932;									/* text color for main nav items */
}

#nav li a {											/* Link properties */
	display: block;									/* DO NOT REMOVE */
	background-color : transparent;					/* DO NOT REMOVE */
	color:#0000FF;									/* DO NOT REMOVE */
	text-decoration: none;							/* DO NOT REMOVE */
	width: 174px;									/* DO NOT REMOVE */
	height: 33px;
	padding-top:12px;
	padding-right:20px;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	background:url(../images/menu_arrow.gif) bottom right no-repeat;
}
#nav li a span{}
#nav li a:hover, #nav #selected{background-position:top right;}

/*
RIGHT OFFSET BOX
*/
.box{
	float:right;
	position:relative;
	margin-right:-17px;
	
	padding-left:20px;
	
	width:255px;
}

.boxNew{
	float:right;
	position:relative;
	margin-right:-17px;
	clear:both;
	padding-left:20px;
	width:255px;
}

.box .boxtop{
	background:url(../images/reap_box_top.gif) top center no-repeat;
	height:9px;
	width:255px;
}
.box .boxbottom{
	background:url(../images/reap_box_bottom.gif) bottom center no-repeat;
	height:9px;
	width:255px;
}
.box .boxinner{
	background:url(../images/reap_box_inside.gif) center center repeat-y;
	width:255px;
}
.box .welcome{float:left; color:#CC0000; font-weight:bold; padding:0 0 10px 10px;}
.box .logout{float:right; font-weight:bold; padding:0 20px 0 0;}
.box p{padding:0 0 0 10px;}
.box a{color:#0000FF;}

.randquot{
	clear:both;
	margin-top:30px;
	margin-bottom:30px;
	float:right;
}
.randquot .welcome{}
.randquot .didyouknow{ padding-left:5px;}
.randquot p{ padding-right:20px;}

.box_inside{
	clear:right;
	margin-top:30px;
	float:right;
	position:relative;
	text-align:left;
}

.box_inside .comm1{
	background:url(../images/graphics/reap_contest_1.jpg) left no-repeat;
	float:left;
	height:326px;
	width:255px;}
.box_inside .comm2{
	background:url(../images/graphics/reap_contest_2.jpg) left no-repeat;
	float:left;
	height:326px;
	width:255px;}
.box_inside .comm3{
	background:url(../images/graphics/commission_3.jpg) left no-repeat;
	float:left;
	height:292px;
	width:255px;}
.box_inside .comm4{
	background:url(../images/graphics/commission_4.jpg) left no-repeat;
	float:left;
	height:193px;
	width:255px;}
.box_inside .comm5{
	background:url(../images/graphics/sales.jpg) left no-repeat;
	float:left;
	height:194px;
	width:255px;}
.box_inside .qc1{
	background:url(../images/graphics/qc_1.jpg) left no-repeat;
	float:left;
	height:227px;
	width:255px;}
.box_inside .qc2, .box_inside .qc3{
	background:url(../images/graphics/qc_2.jpg) left no-repeat;
	float:left;
	height:261px;
	width:255px;}
.box_inside .qc4{
	background:url(../images/graphics/qc_4.jpg) left no-repeat;
	float:left;
	height:377px;
	width:255px;}
.box_inside .qc5{
	background:url(../images/graphics/qc_5.jpg) left no-repeat;
	float:left;
	height:167px;
	width:255px;}

.box_inside .benefits{
	background:url(../images/graphics/benefitsbg.jpg) left no-repeat;
	float:left;
	height:418px;
	width:210px;}
.box_inside .enter_referrals{
	background:url(../images/graphics/enter_referrals.jpg) left no-repeat;
	float:left;
	height:178px;
	width:255px;}
.box_inside .enter_referrals_how{
	background:url(../images/graphics/earn_commissions.jpg) left no-repeat;
	float:left;
	height:309px;
	width:241px;}
.box_inside .factsheets{
	background:url(../images/graphics/factsheets.jpg) left no-repeat;
	float:left;
	height:165px;
	width:255px;}
.box_inside .profile{
	background:url(../images/graphics/gasguy_face.jpg) left no-repeat;
	float:left;
	padding-right:20px;
	height:282px;
	width:235px;}
.box_inside .profile_edit{
	background:url(../images/graphics/gasguy.jpg) left no-repeat;
	float:left;
	padding-right:20px;
	height:302px;
	width:235px;}
.box_inside .quick_connect{
	background:url(../images/graphics/qc_quickconnect_main.jpg) left no-repeat;
	float:left;
	height:251px;
	width:255px;}
.box_inside .dashboard{
	background:url(../images/graphics/qc_dashboard.jpg) left no-repeat;
	float:left;
	height:261px;
	width:255px;}
.box_inside .rtdashboard{
	background:url(../images/graphics/referral_tracking_dashboard.jpg) left no-repeat;
	float:left;
	height:193px;
	width:255px;}
.box_inside .service_request{
	background:url(../images/graphics/qc_service_request.jpg) left no-repeat;
	float:left;
	height:194px;
	width:255px;}
.box_inside .reminder_note{
	background:url(../images/graphics/reminder_note.jpg) top center no-repeat;
	float:left;
	height:157px;
	width:255px;}
.questionsbg{
	float:left;
	background:url(../images/graphics/questions.jpg) bottom center no-repeat;
	height:250px;
	width:165px;
}

#rewardhand{
	float:right;
	background:url(../images/reward_hand.jpg) center right no-repeat;
	height:212px;
	width:332px;
	margin-top:50px;
	position:relative;
}


.earning{
	font-style:italic;
	color:#333;
	font-weight:bold;
	font-size:14px;
	padding:5px;
	padding-top:30px;
	padding-bottom:20px;
	margin-top:25px;
	margin:0 auto;
	text-align:left;
}

.disclaimer p{
	padding:25px;
	font-size:10px;
	color:#666666;
}


#reap_footer{
	background:url(../images/reap_footer.jpg) bottom center no-repeat;
	height:23px;
	width:950px;
}

#footer_cont{
	margin:0 auto;
	color:#95fefe;
	padding:0 10px;
	font-size:9px;
	text-align:center;
	width:950px;
}
	#rewards_footer{
		float:left;
		background:url(../images/rewards_bottom.jpg) top left no-repeat;
		height:244px;
		width:218px;
	}
	#footer{ float:right; width:700px;}
	#footer_cont span{ padding-left:4px;}
	#footer_cont span.copyright{padding-right:15px;}
	#footer_cont a{
		color:#95fefe;
	}
	
.referral_tbl{ padding:4px; width:435px;}
.referral_tbl {border:1px solid #006699; padding:3px;}
.referral_tbl th {background-color:#0099CC;padding:3px; padding-bottom:2px; color:#FFFFFF;}
.referral_tbl td{padding:3px;}
	  
.referral_tbl{ padding:4px; width:435px;}
.referral_tbl {border:1px solid #006699; padding:3px;}
.referral_tbl th {background-color:#0099CC;padding:3px; padding-bottom:2px; color:#FFFFFF;}
.referral_tbl td{padding:3px;}

.tbl_pricing{ padding:3px; border:1px solid #006699;}
.tbl_pricing th {background-color:#0099CC; padding:3px; padding-bottom:2px; color:#FFFFFF; text-align: left;}
.tbl_pricing td {padding:3px;}

	
	/**********FORMS**********/
form{
/*	
	margin: 1em;
*/
}

form fieldset{
	border:0;
	border-top: 2px solid #9bb7e0;
	padding:10px 10px 10px 0;
	margin:10px;
}

fieldset{
	border:0;
	border-top: 2px solid #9bb7e0;
	padding:10px 10px 10px 0;
	margin:10px;
}

 fieldset label{
	display: block;
	float: left;
	text-align: right;
	width: 9em;
	margin-right: 3px;
	margin-top:3px;
	font-size: 11px;
}

fieldset legend{
	margin: auto;
	padding-right:10px;
	font-size: 12px;
	color: #000;
	font-weight:bold;
}

form fieldset.nolegend{
	border: 0;
}

.addressBlock {
margin-top:5px;
padding:4px;
border:1px solid #0066CC;
width:80%;
background-color:#CAE6F4;
}

.addressBlockUsed {
margin-top:5px;
padding:4px;
border:1px solid #cc0000;
width:80%;
background-color:#F9FBC6;
}

form fieldset input, form fieldset select{
	border: 1px solid #aaa;
	float: left;
	margin-bottom: 0.5em;
	font-size: 11px;
	padding:3px
}

form fieldset input{
	width: 15em;
	padding: 3px;
	margin-right: 0.5em;
}

#agency input{
width:120px;
	}
	
	#agency TD {text-align:right;}

#agencyTB  {font-size:11px;}
form fieldset input#submit{
	padding: 0.2em 0;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #cfcfcf;
}

form fieldset input#state, form fieldset input#pre_direction, form fieldset input#post_direction{
	width: 2em;
}

form fieldset input#zip, form fieldset input#p_code, form fieldset input#street_num, form fieldset input#street_type, form fieldset input#unit_num{
	width: 5em;
}

form fieldset input.checkbox{
	width: auto;
}

form fieldset label{
	display: block;
	float: left;
	text-align: right;
	width: 9em;
	margin-right: 3px;
	margin-top:3px;

	font-size: 11px;
}

form.longlabels fieldset label{
	width: 11em;
	
}

form.longlabels2 fieldset label{
	width: 20em;
}

form fieldset input.chk{
	border: 1px solid #aaa;
	margin-bottom: 0.5em;
	font-size: 11px;
	width: 5em;
	padding: 0.1em;
	margin-right: 0.5em;
}

form.longlabels2 fieldset{
	border-top: 1px solid #9bb7e0;
	padding: 1em 0em;
	margin: 1em 0;
}

form fieldset legend{
	margin: auto;
	padding-right:10px;
	font-size: 12px;
	color: #000;
	font-weight:bold;
		margin-bottom:7px;
}

form br{
	clear: both;
}

form p{
	margin-left: 1em;
}

form .helptext{
	font-size: 0.9em;
}

/**/
.errormsg{ color:#990000; font-weight:bold; font-size:13px; padding-bottom:20px;}
.success{ font-size:14px; font-weight:bold; padding-bottom:20px;}
.smform{
	float:left;
	text-align:left;
	width:450px;
}
.smform2{
	float:left;
	text-align:left;
	width:350px;
}


#referral_nav {
	text-align: center;
}

.error {float: none; margin-top:5px; color: red;}

ul#referral_navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#referral_navlist li
{
display: inline;
list-style-type: none;
}

#referral_navlist a { padding: 3px 10px; border: 1px solid; border-color: #ccc #000 #000 #ccc; }

#referral_navlist a:link, #referral_navlist a:visited
{
color: #fff;
background-color: #678cbc;
text-decoration: none;
}

#referral_navlist a:hover
{
color: #eee;
background-color: #369;
text-decoration: none;
}

.small { font-size:10px;}
#AgencyInfo {margin-left:10px; padding:4px; border:1px solid #006699; background-color:#FFFFCC; width:250px;}
#AgencyInfoStart {margin-left:10px; padding:4px; border:1px solid #006699; background-color:#FFFFCC;width:250px;}
#AgencyInfo p {margin:0; padding:0;}

#tracker {border:1px solid #006699; padding:3px;margin-right:10px; width:95%;}
#tracker th {background-color:#0099CC;padding:3px; padding-bottom:2px; color:#FFFFFF;}
#tracker td{padding:3px;}
.altRow {background-color:#e5e5e5;}


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 10px;
	opacity: 0.85;
	background-color: #FFFFCC;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip .black, #tooltip br  {display: none;}

.backTop {float:right; padding:5px 0px 15px 0px;}

/* THICK BOX */

.thickBody { background-image:none; padding:0px 2px 5px 2px;margin:0; background-color:#FFFFFF;}
.HDR {background-color:#234ca2; color:#ffffff; padding-top:4px;padding-left:10px;}
.cont {width:100%; height:406px;  background-color:#98C8F8; clear:both; }


.welcome {color: #cc0000;}
sup {font-size: 10px;}
#footer {text-align: right; padding: 10px; }

.requiredTop {color:#FF0000; font-style:italic; margin-bottom:0; text-align:right;padding-right:20px;}
#perAddress {display:none;}

.update ul {}

.update li {list-style:square; margin-left:40px;  padding:3px 5px;}


.grey {color: #666666;}
.attention {color: #ca0000;}

#zipCheck br{
	clear: none;
}

.emailer {border:1px solid #003366; padding:5px; background-color:#FFFFCC; width:70%;}
#emailAddress {margin-left:5px; padding:4px;}
.email {width:200px;}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(../js/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
 
/* style the trigger elements */
.tip {
	border:0;
	cursor:pointer;
	margin:0 0px;
	font-style:italic;
	font-weight:bold;
	color:#06C;
}

#callout {
	border:1px solid #088995;
	background:url(../images/exPoint.gif) top left no-repeat;
	float:left;
	width:170px;
	background-color:#dfedfc;
	padding:5px 5px 8px 30px;
	margin:20px 0 0 5px;
	display:block;
}

#callout2 {
	border:1px solid #088995;
	float:left;
	width:170px;
	background-color:#dfedfc;
	padding:5px 5px 8px 30px;
	margin:20px 0 0 5px;
	display:block;
}

#callout H4 {padding-top:0px; border-bottom:1px solid  #088995; margin-bottom:3px;}

.importantNote { border:1px solid #003366; background-color:#FFFFCC; padding:5px; width:250px; color:#990000;}

 img, div, input { behavior: url("js/iepngfix.htc") }
 
 #big5 { padding:5px; border:1px solid #FF3300; background-color:#FFFFCC; width:600px;}