/* CSS Document */
@font-face {
    font-family: 'NexusSansCompPro';
    src: url('../fonts/NexusSansWebPro.eot');
    src: url('../fonts/NexusSansWebPro.woff') format('woff'),
         url('../fonts/NexusSansCompPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NexusSansCompPro-Bold';
    src: url('../fonts/NexusSansWebPro-Bold.eot');
    src: url('../fonts/NexusSansWebPro-Bold.woff') format('woff'),
         url('../fonts/NexusSansCompPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* html, body { width: 100%; height: 100%;}
html, body{margin:0; padding:0; height:100%;}
body
	{
	margin:0px;
	padding:0px;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	 /*font-family: 'NexusSansCompPro';*/

	width:100%;
	height:auto;
	border:0px solid green;
	}


#wrapper { width:1002px; margin:0 auto; min-width:995px; border-left:1px solid #c4e4f3; border-right:1px solid #c4e4f3; }
* html #wrapper {margin:0 auto; width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 995 ? "995px" : "1002"); border-left:1px solid #c4e4f3; border-right:1px solid #c4e4f3;}	


#header
	{
	height:90px;
	width:100%;
	border:0px solid #0000ff;
	background-color:#ffffff;
	padding:5px 0px 5px 0px;
	}
	
	
#header .left
	{
	float:left;
	clear:both;
	width:150px;
	border:0px solid #92a667;
	text-align:left;
	margin-top:5px;
	}
#header .right
	{
	float:right;
	width:45px;
	border:0px solid #ff0000;
	text-align:left;
	margin-top:5px;
	}
#header a
	{
	COLOR:#FFFFFF; text-decoration: underline;
	}
	
#mainnavigation
	{
	height:25px;
	width:98%;
	text-align:left;
	border:0px solid #FF0000;
	background-image:url(../images/banner_bg.jpg);
	background-repeat:repeat-x;
	padding:0px 10px 0px 10px;
	color:#FFFFFF;
	}
	

	
#container
	{
	widows:100%;
	height:100%;
	/*background-color:#33CCFF;*/
	border:0px solid #FF0000;
	}
	
#maincontent
	{
	width:999px;
	height:100%;
	float:left;
	border:0px solid red;
	/*background-color:#F0F4EC;*/
	}
	
#leftnav
	{
	width:177px;
	height:533px;
	float:left;
	height:100%;
	border:0px solid red;
	margin: 5px 0px 0px 5px;
	background-image:url(../images/login_bg4.jpg);
	background-repeat:no-repeat;
	}
	
#content
	{
	width:auto !important;	
	float:left;
	height:100%;
	border:0px solid red;
	text-align:left;
	padding:10px !important;
	margin-left:0px !important;
	box-sizing:border-box;
	}
#content ul {margin:0; padding:0; padding-left:30px;}
#content li {list-style:disc; line-height:15px; padding-left:8px;}
#content .left1 {width:290px; height:23px; float:left; clear:both; border:0px solid #FF0000; padding:2px 0px 0px 0px; text-align:right;}
#content .right1 {width:250px; height:25px; float:right; border:0px solid #FF0000; text-align:left;}
#content .bg {float:left; background-color:#FFFFFF; width:545px; height:auto; border:0px solid #c9e7f4; padding:5px; margin-top:5px;}
#content .personal { clear:both; padding:3px; border:0px solid #eee1cf; height:35px;}
#content .checkboxleft {float:left; width:20px; border:0px solid #eee1cf;} 
#content .checkboxright {float:right; border:0px solid green; width:515px;} 


#leftcontent
	{
	width:210px;
	float:left;
	height:100%;
	border:0px solid red;
	margin-top:10px;
	padding-left:10px;
	}


	
#rightcontent
	{
	 padding:0 !important;
    width: 100% !important;
	float:right;
	height:100%;
	border:0px solid red;
	margin:15px 0px 0px 0px;
	}
#rightcontent ul {margin:0; padding:0; padding:5px 0px 0px 25px;}
#rightcontent li {list-style:disc; line-height:15px; padding-left:0px;}
	
#footer	{
	clear:both;
	height:21px;
	padding:4px 10px 0px 10px;
	border-top:1px solid #1984BC;
}
	
#footer .left
	{
	/*width:600px;*/
	text-align:right;
	 
	}
	
.left
	{
	float:left;
	clear:both;
	border:0px solid #FF0000;
	}
	
.right
	{
	float:right;
	width:100% !important;
       
	}
	
.margintop
	{
	margin-top:5px;
	border:0px solid #FF0000;
	}
	
.text
	{
/*	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;*/
	font-weight:normal;
	text-align:left;
	color:#000000;
	line-height: 15px;
	}
	
.textitalic
	{
	 font-family: 'NexusSansCompPro';
	font-size:15px;
	text-align:left;
	font-style: italic;
	}
.style2{ font-family: 'NexusSansCompPro';font-size:15px !important;}
.textbold
	{
	 font-family: 'NexusSansCompPro';
	font-size:15px;
	font-weight:bold;
	text-align:left;
	line-height:24px;
	color:#626262;
	}
	
.loginheader
	{
	font-family: 'NexusSansCompPro';
	font-size:15px;
	font-weight:bold;
	text-align:left;
	padding-left:15px;
	background-image:url(../images/login_bg.jpg);
	background-repeat:no-repeat;
	padding-top: 3px;
	margin:10px 0px 0px 0px;
	height:24px;
	border:0px solid red;
	}
	
#login
	{	
	width:185px;
	border:0px solid red;
	height: 160px;
	padding: 0px 0px 10px 2px;
	}
	
#login a
	{
	COLOR: #0000ff; text-decoration: underline;
	}
	
#login .textfield
	{
	width:180px;
	height:15px;
	border:1px solid #a7a6aa;	
	}
	
.demo
	{
	padding:7px;
	margin:0px 5px 0px 5px;
	border:0px solid #d7caae;
	}
	
.contentheader
	{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-style:italic;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	line-height:20px;
	color: #3aa8d8;
	}
	
.contentheader2
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	line-height: 20px;
	color: #097bad;
	}
	
.contentheader3
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	line-height: 20px;
	color: #007ab0;
	text-align:center;
	}
	
.contentheader4
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	line-height: 20px;
	color: #007ab0;
	text-align:center;
	}
	
.contentheader5
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	line-height: 20px;
	color: #007ab0;
	text-align:center;
	}
	
	
.contentheader6
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	line-height: 20px;
	color: #007ab0;
	text-align:center;
	}
	.contentheader7
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	line-height: 20px;
	color: #097bad;
	}
.imageheader
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	
	text-align:left;
	line-height: 20px;
	color: #C04B44;
	text-align:center;
	}
	.imageheader1
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	
	text-align:left;
	line-height: 20px;
	color: #C04B44;
	text-align:center;
	}
.authorbg
	{
	width:196px;
	border-right:1px solid #6cc2e8;
	border-left:1px solid #6cc2e8;
	background-color:#edfaff;
	background-image:url(../images/photo_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	}
	
.authorpic
	{
	width:50px; 
	height:65px; 
	background-color:#506d34; 
	padding:0px 10px 0px 10px; 
	border:1px solid #d2dd48;
	}
	
.bookbg
	{
	width:570px;
	height:175px;
	border-right:1px solid #efe3d2;
	border-left:1px solid #efe3d2;
	background-color:#fcfcfa;
	}
	
.subleft
	{
	float:left;
	width:25%;
	clear:both;
	border:0px solid #efe3d2;
	padding-left:15px;
	}
	
.subright
	{
	float:right;
	width:70%;
	border:0px solid #efe3d2;
	padding-left:10px;
	}
	
.ealertbg
	{
	width:196px;
	height:94px;
	border-right:1px solid #ffcfaf;
	border-left:1px solid #ffcfaf;
	}
	
.ealertimgtop
	{
	background-image:url(../images/ealert_img1.jpg);
	background-repeat:no-repeat;
	width:198px;
	height:14px;
	}
	
.ealertimgbottom
	{
	background-image:url(../images/ealert_img2.jpg);
	background-repeat:no-repeat;
	width:198px;
	height:14px;
	}
	
.photobg
	{
	width:196px;

	border-right:1px solid #6cc2e8;
	border-left:1px solid #6cc2e8;
	background-color:#edfaff;
	background-image:url(../images/photo_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	}
	
.photoimgtop
	{
	background-image:url(../images/photo_img1.jpg);
	background-repeat:no-repeat;
	width:198px;
	height:14px;
	}
	
.photoimgbottom
	{
	background-image:url(../images/photo_img2.jpg);
	background-repeat:no-repeat;
	width:198px;
	height:14px;
	}
	
.contentheader5
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	line-height: 25px;
	color: #007ab0;
	}
	
.red
	{
	color:#B10505;
	}
	
.line
	{
	border-bottom:1px dotted #c4e4f3;
	clear:both;
	margin:0px 0px 5px 0px;
	padding:4px 0px 0px 0px;
	}
	
.button
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background:#007398;
	text-align:center;
	padding:3px 10px ;
	cursor:pointer;
	height:22px;
	border:0;
	border-radius:4px;
	}
	
a.black:link, a.black:active, a.black:visited {color: #000000; text-decoration: underline;}
a.black:hover {color: #000000; text-decoration: none;}
	
a.blackbold:link, a.blackbold:active, a.blackbold:visited {color: #ffffff; text-decoration: none; font-weight:bold;}
a.blackbold:hover {color: #000000; text-decoration: underline; font-weight:bold;}

a.brown:link, a.brown:active, a.brown:visited {color: #65420e; text-decoration: underline;}
a.brown:hover {color: #65420e; text-decoration: none;}

a.blue:link, a.blue:active, a.blue:visited {color: #0000ff; text-decoration: underline;}
a.blue:hover {color: #0000ff; text-decoration: underline;}

a.linked:link, a.linked:active, a.linked:visited {color: #007ab0; text-decoration: underline;}
a.linked:hover {color: #000; text-decoration: none;}


#bd_bsholder {margin: 4px;}
ul#bd_books { list-style: none; margin:20px; padding:15px; margin-left: auto; margin-right: auto; }
ul#bd_books li { display: inline;}
ul#bd_books li.brdr { border-bottom: 0px solid #ccc; padding-left:10px;}

ul#bd_books_detail { list-style:none; margin:0px; padding:0px;}
ul#bd_books_detail li { display:block; list-style:disc; margin:0px; padding:0px; height:auto;}
ul#bd_books_detail li .author { color:#444444; text-align:left; font-size:11px;}
ul#bd_books_detail li a.title { color: #006699; text-align:left; font-size:11px; font-weight:bold;}

#content ul {margin:0; padding:0; padding-left:15px;}
#content li {list-style:disc; line-height:15px; padding-left:0px;}
#content .ul2 {margin:0; padding:0; padding-left:280px;}
#content .li2 {list-style:disc; line-height:15px; padding-left:0px;}



.lefttop{
background:#ff8200;
background-repeat: no-repeat;
}
.righttop{
background: #ff8200;
background-repeat: no-repeat;
}
.leftbtm{
background:#f2f2f6;
background-repeat: no-repeat;
}
.rightbtm{
background:#f2f2f6;
background-repeat: no-repeat;
}
.leftt{
background:#f2f2f6;
background-repeat: repeat-y;
}
.rightt{
background: #f2f2f6;
background-repeat: repeat-y;
}
.top{
background:  #ff8200;
background-repeat: repeat-x;
}
.bottom{
background:  #f2f2f6;
background-repeat: repeat-x;
}
.tdcolor{
	background: #f2f2f6;
}


#xsnazzy H1 {
	MARGIN: 0px 10px; LETTER-SPACING: 1px
}
#xsnazzy H2 {
	MARGIN: 0px 10px; LETTER-SPACING: 1px
}
#xsnazzy P {
	MARGIN: 0px 10px; LETTER-SPACING: 1px
}
#xsnazzy H1 {
	FONT-SIZE: 2.5em; COLOR: #fff
}
#xsnazzy H2 {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 2em; BORDER-BOTTOM-WIDTH: 0px; COLOR: #c4e4f3; BORDER-RIGHT-WIDTH: 0px
}
#xsnazzy P {
	PADDING-BOTTOM: 0.5em
}
#xsnazzy H2 {
	PADDING-TOP: 0.5em
}
#xsnazzy {
	BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 1em
}
.xtop {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%
}
.xbottom {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%
}
.xb1 {
	DISPLAY: block; OVERFLOW: hidden
}
.xb2 {
	DISPLAY: block; OVERFLOW: hidden
}
.xb3 {
	DISPLAY: block; OVERFLOW: hidden
}
.xb4 {
	DISPLAY: block; OVERFLOW: hidden
}
.xb1 {
	HEIGHT: 1px
}
.xb2 {
	HEIGHT: 1px
}
.xb3 {
	HEIGHT: 1px
}
.xb2 {
	BORDER-RIGHT: #c4e4f3 1px solid; BACKGROUND: #f3fcff; BORDER-LEFT: #c4e4f3 1px solid
}
.xb3 {
	BORDER-RIGHT: #c4e4f3 1px solid; BACKGROUND: #f3fcff; BORDER-LEFT: #c4e4f3 1px solid
}
.xb4 {
	BORDER-RIGHT: #c4e4f3 1px solid; BACKGROUND: #f3fcff; BORDER-LEFT: #c4e4f3 1px solid
}
.xb1 {
	BACKGROUND: #c4e4f3; MARGIN: 0px 5px
}
.xb2 {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 2px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 3px; BORDER-RIGHT-WIDTH: 2px
}
.xb3 {
	MARGIN: 0px 2px
}
.xb4 {
	MARGIN: 0px 1px; HEIGHT: 2px
}
.xboxcontent { padding:10px;
	BORDER-RIGHT: #c4e4f3 1px solid; BORDER-TOP: #c4e4f3 0px solid; DISPLAY: block; BACKGROUND: #f3fcff; BORDER-LEFT: #c4e4f3 1px solid; BORDER-BOTTOM: #c4e4f3 0px solid
}

.linkNormal  {color: #4199BF !important; text-decoration: none;}
.linkSelected  {color: #FF00CC !important; text-decoration: none;}
.searchTOCBlock  {
	width: 700px;
	border-bottom: 1px solid #C4E4F3;
	padding: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
.lable{ position:relative;}
#lable1 input.button{width:25px; height:15px; display:inline-block; border:0px;  position:absolute; right:10px; top:7px;}

		.subscriptionform{width:72%; float:left}
		.subscriptionform .colm1{width:35%; float:left; height:26px}
		.subscriptionform .colm2{width:65%; float:left; height:26px}

	.leftmenu_td > div {height:500px !important;}		
.font_fr{float:right; }	

@media only screen and (max-width:480px) {	
		.subscriptionform{width:100%;}
		.subscriptionform .colm1{width:100%;}
		.subscriptionform .colm2{width:100%;}
		.subscriptionform .colm2 input{width:100%;}
		.font_fl{float:left; width:100%; margin-bottom:10px;}		
.font_fr{float:left;  width:100%; margin-bottom:10px;}	
}

#advancedtoc {
    border-bottom: 0px solid #d0f0ff!important;
    margin-left: 0px!important;
    margin-top: 0px!important;
    padding: 0!important;
    width: auto!important;
}
.main_cont{background-color:#FFFFFF;height:550px;float:left;overflow-y:scroll;width:100%;}
.main_cont_left{border-top:2px solid #CFF0FF;background-color:#FFFFFF;
height:100%;border-right:1px solid #FFFFFF;width:260px;text-align:left;overflow:scroll;padding:10px;height:550px;}

#bookmark td{ line-height:28px !important}
#bookmark { border: 2px solid #ffffff;
    box-shadow: 0 0 10px #666 !important;}
	
#takenotePopup td{ line-height:28px !important}
#takenotePopup { border: 2px solid #ffffff;
    box-shadow: 0 0 10px #666 !important;}
	
#print td{ line-height:28px !important}
#print { border: 2px solid #ffffff;
    box-shadow: 0 0 10px #666 !important;}
#fa_vsearch_col{ width:282px !important;}
#paginationlinkprev0{ margin-left:0 !Important}
.succ_det{width: 100%; text-align: center; float: left;}
#bookmark{ top:15% !important; left:20% !important;}
#takenotePopup{ top:15% !important; left:20% !important;}
#print{ top:15% !important; left:20% !important;}