@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote{
   padding: 0;
   margin: 0;
   }
body, td {font-family:arial;
   font-size:13px;}
a{
color:#233e99;
font-size:13px;
text-decoration:none;
}



.bottom_dotted{
	border-bottom:1px dotted #CCC;
}

a:hover{ /*background:#233e99;*/ color:#FFFFFF;}


a.white:link{color:#FFF; }
a.white:visited{color:#FFF;}
a.white:hover{color:#FFF; text-decoration:underline}

a.uni_title_link:link,a.uni_title_link:visited,a.uni_title_link:active{
	font-size:18px;
}

fieldset, img {
   border: 0;
   }
ol, ul {
   list-style: none;
   }
address, caption, cite, code, dfn, em, strong, th, var {
   font-weight: normal;
   font-style: normal;
   }
caption, th {
   text-align: left;
   }
q:before, q:after {
   content: '';
   }
abbr, acronym {
   border: 0;
   }
body  {
	background:url(../images/bg.jpg);
	background-repeat:repeat-x;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.twoColFixLtHdr #container {
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:90px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixLtHdr #header {
	height:90px;
	background:url(../images/logo.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	}
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


.twoColFixLtHdr #sidebar1 {
	color:#FFFFFF;
	float: left;
	width: 210px;
	background: #233e99 url(../images/sidebar1_bg.png) no-repeat top;
	margin-right:15px;
	margin-bottom:20px;
}
.twoColFixLtHdr #sidebar1 .inner{ padding:10px;
background:url(../images/sidebar1_bg_btm.png) no-repeat bottom;
}
.twoColFixLtHdr #sidebar1 td {
color:#fff;

}
.twoColFixLtHdr #mainContent {
	margin: 0 0 0 220px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

}
#footer {
	padding: 0 5px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	border-top:1px solid #4060c0;
	color:#777777;
	margin-top:10px;
}
#footer p {
	font-size:9px;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#nav{
	padding-top:34px;
	margin-left:490px;
	}

#searchbar{
	background:url(../images/search_bar.jpg);
	background-repeat:no-repeat;
	width:950px;
	height:41px;
	margin-bottom:15px;

}
#banner{
	padding:0 25px;
	float:left;
}

#loginpanel{
/*	margin-left:580px;*/
        margin-left:540px;
/*	width:360px;*/
        width:394px;
	height:192px;
	/*background:url(../images/login_panel.jpg) 0 0 no-repeat;
        background:url(../images/my-second-campus-book.jpg) 0 0 no-repeat;
	color:#FFFFFF;*/
	margin-bottom:22px;
	font-size:12px;
	line-height:16px;
	color:#444444;
}
#loggedinpanel{
	margin-left:580px;
	width:348px;
	height:192px;
	background:url(../images/loggedin_panel.jpg) 0 0 no-repeat;
	color:#FFFFFF;
	margin-bottom:22px;
	font-size:11px;
	line-height:20px;
}
.book_img {float: left; width: 147px}
#loginpanel .content{ float: right; width: 178px; /*padding: 0px 7px*/; text-align: justify}
#loggedinpanel .content{ padding-top:15px; padding-left:20px; padding-right:20px;}
#loginpanel .pad5{padding-bottom:5px;}
#loginpanel .input{ color:#222; width:150px; height:20px; background:url(../images/formbg.jpg); background-repeat:no-repeat; border:1px solid #000;}
#loginpanel a{ color:#FFFFFF; font-weight:bold; text-decoration:none}
#loggedinpanel a{ color:#FFFFFF; font-weight:bold; text-decoration:none}

#search_site{ }
#search_site .input{ color:#222; width:150px; height:20px; background:url(../images/formbg.jpg); background-repeat:no-repeat; border:1px solid #aaa;}
#search_site .btn { background:#003366; color:#FFF; padding:1px 6px; border:none; font-size:14px; font-weight:bold}


#nav  .button1 a{ width:150px; height:56px; background:url(../images/mainnav_01.jpg) 0 0 no-repeat; display:block; position:absolute; top:34px}
#nav  .button1 a.selected{ background-position:0 -112px;}
#nav  .button1 a:hover{ background-position:0 -56px;}


#nav  .button2 a{ width:301px; height:56px; background:url(../images/mainnav_02.jpg) 0 0 no-repeat; display:block;  top:34px; position:absolute; margin-left:150px}
#nav  .button2 a.selected{ background-position:0 -112px;}
#nav  .button2 a:hover{ background-position:0 -56px;}


#searchbar_content{
	float:right;
	padding-top:14px;
	text-align:right;
	padding-right:20px;
	margin-top:0;
}

#searchbar_content input{ color:#666; width:125px; height:18px; background:url(../images/formbg.jpg); background-repeat:no-repeat; border:1px solid #ccc}




h1 {
 font-family:Arial;
 font-weight:normal;
 color: #233e99;
 background-color: transparent;
 border-bottom: 0px solid #D0D0D0;
 font-size: 20px;
 padding: 5px 0 6px 0;
}

code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}



div.pagination
{
    padding: 3px;
    margin: 3px;
}

div.pagination a
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #AAAADD;
    text-decoration: none; /* no underline */
    color: #000099;
}

div.pagination a:hover, div.pagination a:active
{
    border: 1px solid #000099;
    color: #FFFFFF;
}

div.pagination span.current
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;
    font-weight: bold;
    background-color: #993300;
    color: #FFFFFF;
}
div.pagination span.disabled
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    color: #DDD;
}



.submit_button{
	background-color:#233E99;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	color:#FFFFFF;
	font-weight:bold;
}

#review_form_container input, #review_form_container textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:3px 5px;

}

#review_form_container h3{
	font:18px arial;
	margin:5px 0 10px 2px;
}

img{
  border:0px;
}


select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:3px 5px;
	background-color:#FFFFFF;
}


#review_form_container{
	width:550px;
	padding:10px;
	margin:10px;
}

#review_form_container .input_rows{
	padding:10px 23px;
	font:13px arial;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#e6e6e6;
	margin-bottom:5px;

}

#review_form_container .tips{
	border:1px solid #EEEEEE;
	background-color:#FFFFEF;
	margin:3px;
	padding:5px;
	line-height:18px;
	font-size:12px;
}

#main_wrapper{
	width:975px;
	margin:0 auto;
}

#review_form_container .review_type_heading{
	background-color:#e6e6e6;
	border-right:1px solid #ccc;
	padding:4px 23px;
	cursor:normal;
}

#review_form_container .review_types .review_rating{
	float:right;
	width:80px;
	padding:3px;
}

#review_form_container .review_types .rating_val{
	float:right;
	width:30px;
	padding:2px 0 0 5px;
	font:14px tahoma;
	color:#039;
	font-weight:bold;
}

#review_form_container .review_types .rating_val_desc{
	float:left;
	width:130px;
	position:absolute;
	margin:3px 0 0 305px;
	padding:2px 0 0 5px;
	font:11px arial;
	color:#039;
}

#review_form_container .review_types .review_rating a{
	outline:none;
}

#review_form_container label{
	font-weight:normal;
	font-size:13px;
	color:#233E99;
}

#review_form_container label.sub{
	font-weight:normal;
	color:#000;
}

#review_form_container .review_types .review_type_caption{
	float:left;
	width:300px;
	font-weight:bold;
	padding:3px 0 0 4px;
	cursor: pointer;
}

#review_form_container span.rating_error{
	font:11px tahoma;
	color:#FF4400;
	margin: 5px 6px 0 10px;
	float:right;
	display:none;
}

.caption_collapsed{
	background: url(../images/arrow_right.gif) no-repeat left 7px;
}
.caption_expanded{
	background: url(../images/arrow_up.gif) no-repeat left 7px;
}

#review_form_container .review_types .review_text_container{
	display:none;
}

#review_form_container .review_types .review_text_container_first{
	display:block;
}

.clearfix{
	clear:both;
}

div.error{
	color:#EE4400;
	padding:3px;
}

.error{
	color:#EE4400;
	padding:3px;
}

span.required{
	color:#EE0000;
}

input.warning, select.warning, textarea.warning {
	border:1px dotted #DD5500;
	background-color:#FFCC00;
}
#review_form_container label.warning{
	color:#EE4400;
	padding:0 0 0 20px;
	background: url(../images/50.png) no-repeat 0px 0px;
}
#review_form_container div.error{
	display:none;
}

#review_form_container div.error h3{
	margin:0px;
	font: bold 13px arial;
	text-transform:uppercase;
}

#review_form_container div.error li{
	list-style-type:none;
	margin:3px;
	font-weight:bold;
}

/*autocomplete*/
.ui-autocomplete-results {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;

	border: 1px solid #d3d3d3;
	background: #ffffff;
	color: #222222;

	overflow: hidden;
	z-index: 99999;
}

.ui-autocomplete-results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ui-autocomplete-results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;


	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-weight: normal;
	color: #555555 !important;

}

.ui-autocomplete-loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ui-autocomplete-results li.ui-autocomplete-over {
	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-weight: normal;
	color: #212121 !important;
}

#register_account { color:#003366; padding-left:50px; border:5px solid #003366; width:553px; padding-bottom:20px}
#register_account input{
	color:#444;  background:url(../images/formbg.jpg); background-repeat:no-repeat; border:1px solid #ccc; font-size:13px; padding:3px;
}
#register_account input .select_gender{ width:20px}
#register_account div { margin-bottom:5px; border-bottom:1px dotted #ccc; padding-bottom:5px; margin-right:30px}

.erorr_msg { color:#F00; padding-left:15px;}

#footer a{ font-size:9px; color:#777; letter-spacing:1px; }
#footer a:hover{ background:none; text-decoration:underline}

#header_userinfo a{ font-size:11px;}

#login_boxy{ padding:20px;}

.input{
	color:#444;  background:url(../images/formbg.jpg); background-repeat:no-repeat; border:1px solid #ccc; font-size:13px; padding:1px;
}
.submitbutton { background:#003366; padding:3px 5px; border:none; color:#FFF; font-size:13px}
#logErrorMessage {color:#f00; margin-bottom:15px; text-align:center}

/* BEGIN: My-Account CSS */
#my_account_container #general_info,
#my_account_container #password_info,
#my_account_container #display_name_info,
#my_account_container #readonly_info {
    border: 0;
    margin: 10px 5px 10px 50px;
    padding: 10px;
    float: left;
    width: 400px;
}

#my_account_container .info_element {
    padding: 5px;
    margin: 5px;
    border: 0;
}
#my_account_container .account_heading {
    color: #4B558D;
    cursor: pointer;
}

#my_account_container .labels {
    color: #878787;
}
#my_account_container .change_button:disabled {
    background-color: #CCCCCC;
    color: #878787;
    border: 1px solid #878787;
    font-weight: normal;
}
#my_account_container .change_button {
    background-color: #0040A1;
    color: #FFFFFF;
    font-weight: normal;
    border: 1px solid #CCCCCC;
}
#my_account_container .error_message {
    font-weight: normal;
    border: 0;
    padding: 5px;
    display: none;
}
#my_account_container .note {
	clear: both;
	border: 0;
    margin: 0 0 10px 50px;
	padding: 0 10px 0 20px;
	color: #878787;
}

h1.thankyou{
	font:36px impact, arial narrow, helvetica;
	color:#999;
}
.login_error{
	font:12px arial;
	color:#F50;
	margin:0 23px 15px 0;
}

p.review-body{
	display:none;
}

.review-div{
	margin : 0 0 15px 0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #CCC;
}
#user_reviews a.review-link{
	padding:0 15px 0 15px;		
}

.collapsed{
	background : url("../images/plus.gif") no-repeat 0px 3px;
}
.expanded{
	background : url("../images/minus.gif") no-repeat 0px 3px;
}

/* END: My-Account CSS */

ul#footerlinks  {

	width: 865px;
	position: absolute;	
	margin: 0px;
	padding: 0px;
	
}

ul#footerlinks li {

	margin: 0px;
	list-style-type: none;
	display: inline;
	float: left;
	white-space: nowrap;
	width: 260px;
	text-align: left;
	padding: 0px;
	line-height: 18px;

}

ul#footerlinks li a:link,ul#footerlinks li a:visited{

font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	display: block;
	padding-left: 8px;
	line-height: 18px;

}

ul#footerlinks li a:hover{

	text-decoration: underline;


}
.bold{ font-weight:bold}
.highlight{
				background:#ECF2FD none repeat;
				
			}
			
			
a.nobg:hover{ background:none}


/*suggestion box*/
.SuggestFramework_List
{
	border: 2px solid #C7D3E3;
	border-top: 0;
}

.SuggestFramework_Heading
{
	padding: 0 1px 0 1px;
	background-color: #CCCCCC;
	color: #FFFFFF;
	font-weight: bold;
}

.SuggestFramework_Highlighted
{
	padding: 0 1px 0 1px;
	background-color: Highlight;
	color: HighlightText;
}

.SuggestFramework_Normal
{
	padding: 0 1px 0 1px;
	background-color: #E7E7E7;
	color: #000000;
}

.SuggestFramework_Combo
{
	width: 100%; 
	margin: 0; 
	padding: 0;
}
/*suggestion box*/