html {height:100%}


/* navigational elements */

.background { 
	position:relative;
	padding:0px;
	/* to preserve border in IE the div is a bit taller than img*/
	height:61px;
	width:100%;
	border-bottom:1px solid #ddd;

}

.headerimg {
position:absolute;
width:432px;
height:59px;
left:20px;
top:1px;
}

#acctname {
float:right;
position:relative;
display:inline;
margin-top:18px;
margin-right:20px;
height:26px;
width:200px;
text-align:right;
padding-right: 30px;
}

.breadcrumb {
padding:0px;
background-color:#ecf4ff;
border: 1px solid #caccdd;
height:5px;
}

.breadcrumb_text {
padding-left:20px;
padding-right:20px;
font-weight:bold;
color:#000;
}

.topborder {
height:1px;
background: url(../images/corners/lightgraydot.gif) 0 0 repeat-x;
} 	

.botborder {
background: url(../images/corners/botgraydot.gif) 0 100% repeat-x;
} 	

.lborder {
background: url(../images/corners/lightgraydot.gif) 0 0 repeat-y;
} 

.rborder {
background: url(../images/corners/lightgraydot.gif) 100% 0 repeat-y;
} 	


/* 			BEGIN BUTTONS 			*/

/* Blue on white */

.buttonright_blue_white {
	margin:15px 5px 5px 0px;
	text-align: center;
	float: right;
	height: 18px;
	background:url(AccountWrapperimages/buttons/blue_cap_right_ffffff.gif) no-repeat right top;
	cursor: pointer;
}

.buttonleft_blue_white {
	margin:15px 5px 5px 5px;
	text-align: center;
	float: left;
	height: 18px;
	background:url(AccountWrapperimages/buttons/blue_cap_right_ffffff.gif) no-repeat right top;
	cursor: pointer;
}

.buttoncap_blue_white {
	float:left;
	background:url(AccountWrapperimages/buttons/blue_cap_left_ffffff.gif) no-repeat left top;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	height: 18px;
}

/* Light Gray on white */

.buttonright_ltgray_white {
	margin:15px 5px 5px 0px;
	text-align: center;
	float: right;
	height: 18px;
	background:url(AccountWrapperimages/buttons/ltgray_cap_right_ffffff.gif) no-repeat right top;
	cursor: pointer;
}

.buttonleft_ltgray_white {
	margin:15px 5px 5px 5px;
	text-align: center;
	float: left;
	height: 18px;
	background:url(AccountWrapperimages/buttons/ltgray_cap_right_ffffff.gif) no-repeat right top;
	cursor: pointer;
}

.buttoncap_ltgray_white {
	float:left;
	background:url(AccountWrapperimages/buttons/ltgray_cap_left_ffffff.gif) no-repeat left top;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	height: 18px;
}

/* Gray on white */

.buttonright_gray_white {
	margin:15px 5px 5px 0px;
	text-align: center;
	float: right;
	height: 18px;
	background:url(AccountWrapperimages/buttons/gray_cap_right_ffffff.gif) no-repeat right top;
	cursor: pointer;
}

.buttonleft_gray_white {
	margin:10px 5px 5px 5px;
	text-align: center;
	float: left;
	height: 18px;
	background:url(AccountWrapperimages/buttons/gray_cap_right_ffffff.gif) no-repeat right top;
	cursor: pointer;
}

.buttoncap_gray_white {
	float:left;
	background:url(AccountWrapperimages/buttons/gray_cap_left_ffffff.gif) no-repeat left top;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	height: 18px;
}


.buttontext {
	float:left;	
	padding:2px 20px 2px 8px;
	height: 18px; 
	color: #ffffff; 
	text-decoration: none;
	font-size: 11px;
	font-family: "Hiragino Kaku Gothic Pro","Osaka","MS Pゴシック","Verdana","Helvetica","sans-serif";
	/* hide from IE Mac \*/
		line-height: 14px; 
	/* end hiding */
}

.buttonbody {
	height:48px;
	padding: 0px 20px 0px 20px;
}  
  
/* end navigational elements */


.messagebox {
border: 1px solid #dbdbdb;
padding-top:15px;
padding-bottom:15px;
padding-right:13px;
padding-left:13px;
background-color: #f3f3f3;
}

.title {
padding-top:10px;
padding-bottom:10px;
padding-left:4px;
}


.modulespacer { 		
	position:relative;  
	padding: 0px; 
	height: 7px; 
	background: white;
	width:100%;
	font-size:0px;
	line-height: 0px;
}

.transparentspacer { 		
	position:relative;  
	padding: 0px; 
	height: 7px; 
	width:100%;
	font-size:0px;
	line-height: 0px;
}

.hr_d4 {	
	height:1px;
	padding:0px;
	margin: 0px;
	background-color: #dbdbdb;
	line-height:0px;
	font-size:0px;
}

.module_bodybkgd {
background-color: #ffffff;
}

.modulebody {
	position: relative;
	padding: 15px 21px 15px 21px;
}

.modulebody_instructions {
	position: relative;
	padding: 8px 10px 10px 12px;
	text-align: center;
	background: #ffffff;
}

/* Divs defining layout for two column body.  Used primarily to nest two-column content into bordered gray module box */
  
  
#twocolumnbody {
	position:relative; 
	width: 100%; 
	margin: 0px; 
	text-align: left; 
	border: 0px;
	padding: 0px 0px 0px 0px;
}

#twocol_leftcolumnsummary {
  	position: relative;
  	text-align: left; 
	display:inline; 
	float:left; 
	width:242px;
	margin: 0px; 
	padding-right: 0px; 
}

#twocol_rightcolumnsummary {
 	 position: relative;
	display:inline; 
	float:right; 
	margin: 0px; 
	padding:0px;
}

/* Divs defining layout for three column body. */

#threecolumnbody {
	position:relative; 
	/* for box model issue in ie*/
	width:894px;
}


#leftcolumn {
	display:inline; 
	float:left; 
	width:280px;  
	overflow: hidden;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
}

#threecolumnbody>#middlecolumn {
width:280px;
}

#middlecolumn {
	display:inline; 
	float:left; 
	width:270px; 
	padding-top:10px;
	padding-bottom:10px;
}

#threecolumnbody>#rightcolumn {
width:280px;
}

#rightcolumn {
	display:inline; 
	float:right; 
	position:relative; 
	width:290px; 
	padding-top:10px;
	padding-bottom:10px;
}




/* the outer box */
 
.module_darkgray { 		
	position:relative;  
	padding: 0px;  
	background: bottom left no-repeat url(../images/corners/bottom_left.gif);
	width:100%;
}

.bottomedge_darkgray { 		
	background: bottom right no-repeat url(../images/corners/bottom_right.gif);
	position:relative;  
	padding: 0px; 
	margin: 0px;
	border: 0px;
}

.topright_darkgray { 
	position:absolute;
	right:0px;
	top:0px;
	width: 10px;
	height: 57px;
	padding: 0px;
	background: top right no-repeat url(../images/corners/topright.gif);
	line-height: 0px;
	font-size: 0px;
}
		
.topleft_darkgray { 
	position:absolute;
	left:0px;
	top:0px;
	width: 10px;
	height: 57px;
	padding: 0px;
	background: top left no-repeat url(../images/corners/topleft.gif);
	line-height: 0px;
	font-size: 0px;
}

.chapter {
position:relative;
text-align: left; 
padding-top:2px;
padding-bottom:2px;
border-top: 1px solid #d4d4d4;
}

.chapter_icons {
position:relative;
text-align: left; 
padding-top:6px;
padding-left:8px;
padding-bottom:6px;
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
}

.spacerTop {
position:relative;
border-top: 1px solid #d4d4d4;
}

.chapter_sel {
position:relative;
text-align: left; 
padding-top:2px;
padding-bottom:2px;
background-color: #d4dff3;
border-top: 1px solid #d4d4d4;
cursor: pointer;
}

.chapter_on {
position:relative;
text-align: left; 
padding-top:2px;
padding-bottom:2px;
background-color: #dddddd;
border-top: 1px solid #d4d4d4;
cursor: pointer;
}

.arrow {
position:absolute;
top:8px;
right:9px;
height:12px;
width:12px;
z-index:10;
background: top left no-repeat url(../images/QSArrow.png);
}

.arrow_sel {
position:absolute;
top:8px;
right:9px;
height:12px;
width:12px;
z-index:10;
background: top left no-repeat url(../images/Arrow_on.png);
}

.carat {
position:absolute;
top:3px;
left:0px;
height:14px;
width:5px;
background: top left no-repeat url(../images/carat.gif);
}

.pdf {
height:20px;
width:21px;
background: top left no-repeat url(../images/PDF.gif);
cursor: pointer;
}

.podcast {
height:20px;
width:21px;
background: top left no-repeat url(../images/Podcast.gif);
cursor: pointer;
}

.email {
height:20px;
width:21px;
background: top left no-repeat url(../images/Email.gif);
cursor: pointer;
}

#chapters li.chapter div.arrow {
position:absolute;
top:8px;
height:12px;
width:12px;
z-index:10;
background: top left no-repeat url(../images/QSArrow.png);
}

#chapters li.chapter_sel div.arrow {
position:absolute;
top:8px;
height:12px;
width:12px;
z-index:10;
background: top left no-repeat url(../images/Arrow_on.png);
}

#chapters li.chapter_on div.arrow {
position:absolute;
top:8px;
height:12px;
width:12px;
z-index:10;
background: top left no-repeat url(../images/Arrow_on.png);
}

.dottedline {
	border-left:1px dotted #fff;
 }

.selectarea {
	padding-left: 15px;
 }
 
 .movie {
 height:416px;
 width:641px;
 border:1px solid #d4d4d4;
 }
 
 .bluemodtext {
font-family: "Hiragino Kaku Gothic Pro","Osaka","MS P??´?????????","Verdana","Helvetica","sans-serif";
font-size:12px;
font-weight: bold;
color:#ffffff;
display:inline;
}

.lrgicon {
position:relative;
display:inline;
width:75px;
border:1px solid blue;
}

.searchimg {
position:absolute;
right:5px;
top:0px;
z-index:10;
width:21px;
height:20px;
background: top left no-repeat url(../images/search.gif);
}

.blueselect {
margin-top:5px;
}

#footer {
	padding: 17px 0px 11px 0px;
	position: relative;
	width: 935px;
}


#legal {
	padding: 0px 0px 13px 0px;
	position: relative;
}

.linkspad {
position:relative;
padding-top:3px;
padding-bottom:3px;
}