/* $Id: styles.css 271 2009-05-21 07:05:02Z admin $ */

body {
	color:#475665;
	font-family:arial, sans-serif;
	font-size:12px;
	background: #f5f6f8 url(/html/img/rh_background.gif) repeat-x 0 top;
}
body1, .as_body {
	background: #f5f6f8 url(/html/img/rh_background.gif) repeat-x 0 top;
	margin:0px;
	padding:0px;
	color:#475665;
	font-family:arial, sans-serif;
	font-size:12px;
	/* width:1024px; */
}
a{text-decoration:none;}

select, input[type="select"], option {
	/* height:16px; */
	/* background-color:#ffffcc; */
}
img{ border:none; }
.imageDropCap{float:left;}
/* form{text-align:right;} */
.clear {clear:both;}
.heading{font-size:24px; font-weight:bold;}
.subHead1{font-size:18px; font-weight:bold; color:#475665;}
.subHead2{font-size:16px; font-weight:bold; color:#475665;}
.subHead3{font-size:14px; font-weight:bold; color:#0f4c87;}
.smallPrint1{font-size:12px;}
.smallPrint2{font-size:10px;}
.greyLight{color:#9098a0;}
.donatedTo{ font-size:10px; font-weight:bold; color:#0f4c87;}
#topNavWrap{
	/* float:right; */
	/* width:100%; */
}
.topNav{
	/* float:right; */
	/* height:41px; */
	width:550px;
	font-size:14px;
	margin-top:10px;
	margin-bottom:8px;
}
.topNav a{color:#475665;margin-top:5px;}
.topNav ul{list-style:none;padding:0px;margin:0px;padding-top:18px;}
.topNav li{display: inline;margin-left:5px;padding-left:10px;border-left:solid 1px #475665;}
.topNav li.listitem_first{border:none;}
.topNav img{float:left;}

.topNavDivider{
	margin-right:5px;
	margin-left:5px;
	font-size:14px;
}

/* -- mainDiv, white box with rounded upper right corner -- */
#mainDiv_container, .mainDiv_container{
	background-color:white;
	width:800px;
	height:100%;
	margin-bottom:0px;
}
.mainDiv_container{width:952px;margin-left:auto;margin-right:auto;background:none;}
.mainDiv{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	height:100%;*
	
}
/*
#presentation_container{
	float:left;
	width:500px;
	height:476px;
	background-color:#a3aab2;
	margin:20px;
	margin-top:30px;
	margin-left:20px;
	_margin-top:20px;
	_margin-left:13px;
}
#presentation{padding-left:10px}
.presentationLink{
	float:left;
	margin-top:10px;
	margin-right:10px;
	padding-right:8px;
	border-right:1px solid #475665;
}
.presentationLink.lastItem{border:none;}
.presentationLinkText{
	float:left;
	margin-top:5px;
	margin-left:4px;
	line-height:28px;
}
.presentationLink a{color:#475665;}

#transcript_container{
	float:left;
	width:258px;
	height:470px;
	background-color:#fff;
	border:1px solid #a3aab2;
	margin-top:30px;
	_margin-top:20px;
}
#transcript{
	margin-left:10px;
	margin-right:10px;
	height:450px;
	border-bottom:1px solid #000;
}
#transcriptHead{
	float:left; 
	border-bottom:1px solid #000; 
	width:180px;
	line-height:25px;
	margin-top:11px;
	margin-left:4px;
}
#transcriptPaging{
	width:230px;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
}
#transcriptPaging .greyed{color:#a3aab2;}
#transcriptPaging a:link{color:#475665;}
#transcriptPaging a:visited{color:#475665;}

#safteyInfo_container{
	float:left;
	width:500px;
	height:125px;
	border:1px solid #a3aab2;
	background-color:#fff;
	margin:20px;
	margin-left:20px;
	_margin-left:13px;
}
#safteyInfo{
	margin-left:10px;
	margin-right:10px;
	font-size:12px;
}
*/
/* -- mediumGreyBox, "Send questions.." & "Contact.. Rep" -- */
.mediumGreyBox_container{
	float:left;
	margin-top:40px;
	width:258px;
	background-color:#eceeef;
	border:1px solid #a3aab2;
}
.mediumGreyBox{margin-left:10px;margin-right:10px;}

/* -- smallGreyBox, buttons & containers in right column -- */
.smallGreyBox_container{
	float:left;
	margin:20px;
	margin-top:5px;
	margin-bottom:35px;
	width:158px;
	background-color:#eceeef;
	border:1px solid #a3aab2;
}

/* -- smallGreyBox, Buttons and Highlights -- */
.smallGreyBox{margin-left:5px;margin-right:5px;}
	
/* -- largeGreyBox, light grey box holding presentation sections -- */
#largeGreyBox_container{
	margin:20px;
	margin-left:20px;
	width:780px;
	background-color:#e4e6e8;
}
.largeGreyBox{
	margin-right:20px;
	margin-left:23px;
}

/* -- presSection, individual presentation sections within largeGreyBox -- */
.presSection_container{
	float:left;
	background-color:#d1d3d4;
	width:155px;
	height:240px;
	margin:20px;
	margin-top:5px;
	margin-bottom:5px;
	/* -- IE6 specific -- */
	_margin:16px;
	_margin-top:0px;
}
.presSectionWrap{
	padding:10px;
	text-align:center;
}
.presSection{text-align:left;}
/* -- presSectionIndicator, to control where the arrow above and below presentation sections appear -- */
.presSectionIndicator{
	float:left;
	width:155px;
	height:18px;
	margin-right:20px;
	margin-left:20px;
	/* -- IE6 specific -- */
	_margin:16px;
	_margin-top:0px;
}

/* This 2 IMG are missing (N.L.)
.presSectionIndicator.downOn{background:url(/html/img/ArrowPresSectionDown.gif) no-repeat center;}
.presSectionIndicator.upOn{background:url(/html/img/ArrowPresSectionUp.gif) no-repeat center;}
*/

/*
#charitable_container{
	width:740px;
	height:36px;
	background-color:#f1f1f2;
	margin:10px;
	margin-top:30px;
	margin-left:20px;
}
#charitable{
	margin:5px;
}
#charitableHead{
	float:left; 
	border-right:1px solid #000; 
	margin-right:5px;
	width:170px;
}
*/
/* ---- myAccount ---- */

/* -- box1WithBorder, white box with grey border -- */
.box1WithBorder_container{ 
	background-color:#fff;
	border:1px solid #a3aab2;
	margin:20px;
	float:left;
	/* -- IE6 specific -- */
	_margin-left:10px;
	_margin-right:10px;
}
.box1WithBorder{
	margin-left:20px;
	margin-right:20px;
}

/* -- box1Size_1 box1Size2, sizes for seperate boxes with same style otherwise -- */
.box1Size_1{width:778px;} /* box around My Account */
.box1Size_2{ /* box around Edit Your Personal... */
	width:737px;
	margin-top:20px; 
	margin-left:0px;
	/* -- IE6 specific -- */
	_margin-right:0px;
} 

/* -- box2Solid, grey box no border -- */
.box2Solid_container{ 
	background-color:#d1d3d4;
	width:160px;
	margin-top:10px;
	margin-bottom:20px;
	float:left;
}
.box2Solid{
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:5px;
}
.box2Size_1{width:454px;} /* box around Personal Info form */

#personalInfo input{height:11px;color:#939598;}
.textInputSmaller{
	font-size:10px;
	margin:1px;
	margin-right:10px;
	width:70px;
}

/* -- Form input styles --*/
.textInputSmall{
	font-size:12px;
	margin:1px;
	margin-right:10px;
	width:98px;
}
.textInputMedium{
	font-size:12px;
	margin:1px;
	margin-right:10px;
	width:160px;
}
.textInputLarge{
	font-size:12px;
	margin:1px;
	margin-right:10px;
	width:198px;
}



/* ///////////////   Added by N.L. ///////////////////////////////// */
.subHead4{font-size:14px; font-weight:bold; color:#475665;}
.subHead5{font-size:14px; font-weight:bold;}
.subHead6{font-size:18px; font-weight:bold; color:#339bcd;}

.topNav{width:auto;height:auto; right:0; float:right; white-space:nowrap;}
.topNav ul{padding-top:16px;}

.icon20{height:20px !important; line-height:20px;}
.icon30{height:30px !important; line-height:30px;}
.icon40{height:40px !important; line-height:40px;}
.icon20,.icon30,.icon40{
    display:inline;
	vertical-align:middle;
	border:0;
}
SPAN.icon20,SPAN.icon30,SPAN.icon40{
	 padding:0;
	 padding-left:5px;
     white-space:nowrap;
}

A.tlink, .tlink, A.blink, .blink{
	width:100%;
	height:100%;
	cursor: hand;
    /*padding-bottom: 10px;*/
}
.blinktext{
    color:#475665;
	font-family:arial, sans-serif;
	/*font-size:14px;*/
}


.info_box strong{font-weight:bold;color:#475665;color:#0f4c87;}

.styledbutton {
	font-family:arial, sans-serif;
	font-size:14px;
	font-weight:bold;
    text-align:center;
    white-space : nowrap;
	color:#ffffff;
	background-color:#3150b4;
	background-color:#00467f;
	border:1px;
	border-color:#3150b4;
	width:80px;
	padding-bottom:0px;
	padding-top:0px;
	cursor:hand;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
A.styledbutton, SPAN.styledbutton {
    padding-left:5px;
    padding-right:5px;
}

DIV.layout_clean, TABLE.layout_clean, TR.layout_clean, TD.layout_clean, TH.layout_clean, .layout_clean TD, .layout_clean TR, .layout_clean TH{
	padding:0;
	border:0;
	border-spacing: 0;
 	border-collapse: collapse;
    vertical-align:top;
	margin:0px;
	font-size:12px;
}

TH.form_table, .form_table TH{
	padding-right:5px;
	vertical-align:bottom;
	font-weight:bold;
	font-size:12px;
	text-align:left;
}

.min_height500{
	min-height:500px;
	height:auto !important;
	height:500px;
}
.min_width158{
	min-width:158px;
	width:auto !important;
	width:158px;
}

.corner_t1_wrap{
	  	padding: 10px;
  	  	text-align: left;
    	border: 1px solid #C0C0C0;
		background-color:#FFFFFF;
		color: #000000;
}
.corner_t2_wrap{
	background-color:#a3aab2;
	border:0px solid #a3aab2;
	padding: 12px;
}
.corner_t2{
	padding:0px;
	border:0px solid #ff0000;
}
.corner_t3_wrap{
	background-color: #C0C0C0;
	border:0px solid #C0C0C0;
	padding: 5px;
}
.corner_t4_wrap{
    background-color:#eceeef;
	border:1px solid #a3aab2;
	padding: 10px;
}
.corner_t4{
	padding-bottom:auto !important;
}
.corner_t5_wrap{
    background-color:#FFFFFF;
	border:0px solid #FFFFFF;
    border-bottom:0px;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom:0px;
	/*height:9px*/
	height:auto;
	font-size:60%;
    bottom:0;
    margin-bottom:0px;
    _margin-bottom:0px;
}
.corner_t5 {
    bottom:0;
    margin-bottom:0px;
    border-bottom:0px;
}

/*
#MAIN_LAYOUT TD{
	vertical-align:bottom;
}

*/
/*
.corner_t5{
	background-color:#FFFF00;
	padding:10px;
	padding-bottom:0px;
	padding-top: 1px;
	padding-left: 0px;
	height:100%;
}
*/
.autoPadDiv{top:0px;} 
.ui-tabs-panel a:link{
	text-decoration:none; 
	color: darkblue;
}

#PLAYGROUND{
	padding-top:10px;
	width:780px;
	background:white;
}

#STEPINFO{text-align:left;}
.STEP_INFO{padding-top:20px;text-align:left;}
.STEP_NUM{font-size:20px; font-weight:bold; color:#F57D09; padding-right:10px;}
.STEP_TITLE{font-size:16px; font-weight:bold;}

.charity_adddel_link{white-space : nowrap;}

A.charity_details_link,A.charity_details_link:LINK {font-weight:bold; color:#f57c07}
#charity_adv_switch, A.charity_adddel_link, A.charity_donate_link {color:darkblue;}
.charity_donate_link, charity_adddel_link {padding-right:15px;}
#CHARITY_WRAP{width:490px;}
#CHARITY_FEATURED{width:280px;}

div.SYSERROR{border:3px double silver;padding:10px;text-align:left;}
.SYSERROR_TITLE{color:red;font-weight:bold;font-size:20px;}
div.SYSERROR_DESCRIPTION{padding-left:5px;}

#BRAND_LOGO_TOP{border:0;padding-bottom:10px;}
.hseparator{height:1px;border-bottom:1px dotted;padding-bottom:5px;}

.eprogress_set{height:200px;width:130px;}
.eprogress_set_title{font-size:14px; font-weight:bold;}
.eprogress_thumbnail{border:0;}
.eprogress_status{white-space : nowrap;vertical-align:middle;padding-top:5px;}
.eprogress_status_check{border:0;height:10px !important; line-height:10px;}
.eprogress_status_icon{border:0;}
span.eprogress_inactive{font-size:12px; color:#708090;}
span.eprogress_active{font-size:12px; font-weight:bold;}
#eprogress_area{height:280px;width:760px; overflow-x: auto;}
.eprogress_setheader, .eprogress_setfooter {font-size:0;padding:0;height:18px; text-align: center !important;}

.highlight {
	color: #475665;
	font-size: 16px;
}

li {
	text-decoration: none;
	list-style-type: none;
}