/* ------------------------------------------------------
|	Screen Stylesheet for User Publications Help
|	Outer Frame
|	Version: 1.0
|	Date: 8/29/08 11:35 AM
--------------------------------------------------------*/

html,body {
margin:0px;
padding:0px;
background-image:url(../Images/nav_bg.gif);
background-repeat:repeat-y;
overflow:hidden;
}

#grey_box { 
background-color:#f3f3f3;
background-position: 20px 22px;
background-repeat:no-repeat;
height:auto;
padding:26px 0px 0px 0px; 
border:0px solid #000;
width:275px;
position:absolute;
overflow:hidden;
}

#product_name{
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight: bold;
color:#000;
margin-left:52px;
width:223px;
height:18px;
overflow:hidden;
border:0px solid #000;
}

#book_title{
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
font-weight: bold;
line-height:110%;
color:#000;
margin-left:52px;
margin-top: 2px;
width:210px;
height:39px;
border:0px solid #000;
}

#pdf_box {
border:0px solid #000;
background-color:#f3f3f3;
height:auto;
background-image:url(../Images/pdf_icon.gif);
background-repeat:no-repeat;
margin:0px 0px 8px 35px;
padding:0px 0px 0px 17px;
font-size:.85em; 
font-weight:bold;
}

#pdf_box div {
width:208px;
height:22px; 
border-bottom:0px dotted #9A9A9A;
} 

#pdf_box div a { 
text-decoration:none; 
color:#000;
}

#nav_box {
background-color:#f3f3f3;
width:228px;
border:0px solid #000; 
margin:143px 0px 0px 35px;
padding:0px 11px 0px 0px;
float:left;
height:100%;
overflow:auto;
font-size:.85em;
}

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

#nav_box a:hover {
text-decoration:none; 
font-weight:bold; 
color:#40729d;
}

#nav_box #top {
border:0px solid #000;
margin:0px; 
padding:0px 0px 0px 21px;
}

.nav_top_level_parent{
border:0px solid #ff0000;
padding:0px 0px 8px 17px;
background-image:url(../Images/triangle_side.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}

.arrow_bg {
background-image:url(../Images/triangle_side.gif);
background-repeat:no-repeat;
background-position:4px 4px;	
}
	
.nav_top_level_parent_no_arrow{
border:0px solid #ff0000;
padding:0px 0px 8px 4px;
background-repeat:no-repeat;
background-position:4px 4px;
}

.nav_top_level{
border:0px solid #ff0000;
padding:0px 0px 8px 17px;
}

.nav_node{
border:0px solid #ff0000;
padding:0px 0px 8px 30px;
background-image:url(../Images/triangle_side.gif);
background-repeat:no-repeat;
background-position:17px 4px;
}

.nav_sub_node{
border:0px solid #ff0000;
padding:0px 0px 8px 30px;
} 

.nav_H2_node{
border:0px solid #ff0000;
padding:0px 0px 8px 17px;
} 

.nav_top_level_sec{
border:0px solid #000000;
padding:0px 0px 0px 0px;
display:none;
}

.nav_top_level_sub{
border:0px solid #000000;
padding:0px 0px 0px 26px;
display:none;
}

.arrow {
/*background-image:url(../Images/triangle_side.gif);*/
background-repeat:no-repeat;
margin:0px;
height:0px;
width:0px;
float:left;
cursor:pointer;
border:0px solid #000;
}

.non_arrow {
margin-top:4px;
height:100%;
width:7px;
margin-right:6px;
float:left;
cursor:pointer;
}

#top_nav{
width:100%;
height:72px;
border:0px solid #333;
position:absolute;
margin:0px 50px 0px 275px;
padding:0px 8px 0px 0px;
background-color:#ffffff;
z-index:10;
overflow:hidden;
}

#top_box{
width:100%;
height:27px;
margin:0px 50px 14px 0px;
padding:28px 0px 0px 0px;
background-color:#ffffff;
border:0px solid #000;
}

#cookiecrumb {
border:0px solid #ff0000;
color:#898888;
font-size:.85em;
padding:0px 0px 0px 0px;
position:absolute;
margin-right:65px;
}

#nav-arrows {
background-repeat:no-repeat;
width:38px;
height:17px;
float:right;
border:0px solid #000;
margin:0px 0px 0px 0px;
}

#nav-arrows ul {
margin:0px; 
padding:0px;
}

#nav-arrows ul li {
margin:0px; 
padding:0px; 
list-style-type:none;
}

#nav-arrow-left-inactive { 
background-image:url(../Images/left_arrow_inactive.gif);
background-repeat:no-repeat;
width:15px; 
height:15px; 
float:left;
}

#nav-arrow-left a{ 
background-image:url(../Images/left_arrow_off.gif);
background-repeat:no-repeat;
width:15px; 
height:15px; 
float:left;
}

#nav-arrow-left a:hover{ 
background-image:url(../Images/left_arrow_on.gif);
background-repeat:no-repeat;
width:15px; 
height:15px; 
float:left;
}

#nav-arrow-right-inactive a{ 
border:0px solid #000;
background-image:url(../Images/right_arrow_inactive.gif);
background-repeat:no-repeat;
margin:0px 0px 0px 8px;
width:15px; 
height:15px; 
float:left; 
text-decoration:none;
}

#nav-arrow-right a{ 
background-image:url(../Images/right_arrow_off.gif);
background-repeat:no-repeat;
margin:0px 0px 0px 8px;
width:15px; height:15px; 
float:left; 
text-decoration:none;
}

#nav-arrow-right a:hover{ 
background-image:url(../Images/right_arrow_on.gif);
background-repeat:no-repeat; 
text-decoration:none;
}

#content {
margin:0px 0px 0px 0px; 
padding:11px 29px 0px 0px; 
border:0px solid #000;
overflow:auto;
}

#search_container {
margin-top:0px;
height:27px;
border:0px solid #000;
}

#search_box { 
margin:0px 0px 0px 0px;
border:0px solid #000;
height:19px;
padding:0px 0px 0px 0px;
background-color:#f3f3f3;
}

#search_field {
padding:0px 0px 0px 0px;
height:10px;
margin:0px 0px 10px 51px;
float:left;
border:0px solid #000;
}

#search_other{
/*background-image:url(../Images/search_box.gif);*/ /* commented out by Tim. We will need this when we have more than one book*/
background-image:url(../Images/search_box_no_arrow.gif);
background-repeat:no-repeat; 
height:28px; 
width:205px;
}

#search_field input {
margin:0px; 
width:199px; 
border:hidden; 
height:13px; 
padding-left:55px;
}

#search_other input {
margin:4px 0px 0px 25px; 
width:165px; 
border:0px solid #000; 
height:13px; 
padding:0px;
}

#search_drop{ 
width:26px; 
height:20px; 
border:0px solid #000; 
float:left; 
cursor:pointer;
position:absolute;
}


#help_dropdown { 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 51px;
border:0px solid #000;
height:30px;
background-color:#f3f3f3;
border:0px solid #666;
}

#help_dropdown select{ 
width:197px; 
border:1px solid #666; 
height:18px; 
font-size:.9em;
}

#help_dropdown select option{ 
padding:2px 0px 2px 21px;
}

#search_options {
position:absolute; 
margin:16px 0px 0px 41px; 
padding:0px; 
display:none; 
z-index:15;
} 

.shadow_box {
position:relative;
background-image:url(../Images/select_dropshadow.png); 
background-repeat:no-repeat; 
background-position:top; 
border:0px solid #ff0000; 
width:230px;
height:auto;
padding:10px 0px 0px 0px;
font-size:.9em;
}

.bottom_shadow {
height:40px;
background-image:url(../Images/select_dropshadow.png); 
background-repeat:no-repeat; 
background-position:bottom; 
border:0px solid #ff0000; 
width:230px;
}

.shadow_box ul {
padding:0px 0px 0px 0px; 
margin:auto;
border:0px solid #ff0000;
width:192px;
}

.shadow_box ul li {
padding:0px 0px 0px 20px;
line-height:15px; 
font-size:1em; 
color:#000; 
list-style:none; 
list-style-position:outside; 
cursor:pointer;
margin:0px;
border:0px solid #000;
}

.shadow_box ul li:hover { 
background-color:#5C6877; 
color:#E8E9E9;
}

#search_all_products {
border:0px solid #000;
padding:0px 0px 0px 52px;
font-size:.85em;
margin-top:6px;}

#search_results {
width:auto;
padding:68px 35px 28px 35px; 
font-size:.9em;
line-height:20px;
}

#search_results .search_title {
color:#4a4a4a;
}

#search_nav {
border:0px solid #ff0000;
padding:0px 0px 8px 17px;
line-height:20px;
}

#grey_box_search {
background-color:#f3f3f3;
background-position: 20px 22px;
background-repeat:no-repeat;
height:30px;
padding:26px 0px 0px 0px; 
border:0px solid #000;
width:275px;
position:absolute;
}

#search_top_nav{
width:100%;
height:72px;
border:0px solid #333;
position:absolute;
margin:0px 50px 0px 275px;
padding:0px 8px 0px 0px;
background-color:#ffffff;
z-index:10;
overflow:hidden;
}

/* ============== JavaScript error ============== */

#js_error_container {
	text-align: center;
	margin:0px 0px 0px 0px;
	border:0px solid #000;
}

#js_error_container_text_javascript {
	background-image: url(../Images/ShadowBox.png);
	background-repeat: no-repeat;
	background-position: center;	
	padding-top:151px;
	border: 0px solid #000;
	width: 536px;
	height: 239px;
	margin:auto;
}

.js_error_message_title {
	font-size: 1.3em;
	color:#2d6aa0;
	line-height: 140%;
	font-weight:bold;
}

.js_error_message_text {
	line-height: 150%;
	margin-bottom: -17px;
	font-weight:bold;
}

#submenu {
	border: 0px solid #000;
	margin:24px 0px 0px 0px;
}