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

body {
	background-image: url(img/background.jpg);
	background-repeat: repeat-x;
	padding: 0 0 0 0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#D5DFE8;
}
#wrapper {
	width: 987px;
	/*height:1125px;*/
	background: #fff;
	margin: 0 auto 0 auto;
	position: relative;
	overflow:visible;
	padding-bottom:5px;
	z-index: 1;
	
}
#header {
	width: 955px;
	height:131px;
	background: #fff;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 2;
}
#logo {
	width: 955px;
	height:100px;
	background: #fff;
	margin: 0 auto 0 auto;
	position: relative;
	background-image: url(img/title.png);
	background-repeat:no-repeat;
	z-index: 3;
}
#intro {
	width: 170px;
	height:60px;
	background: #fff;
	top:22px;
	left:765px;
	background:none;
	position: relative;
	z-index: 4;
}
#middle{
	width: 955px;
	/*height:800px;*/
	background: #fff;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 2;
}
#way{
	width: 955px;
	height:35px;
	background: #fff;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 3;
}

.canvas{
	width: 955px;
	/*height: 646px;*/
	position: relative;
	margin: 0 auto 0 auto;
	overflow:visible;
	z-index: 3;
}
.canvas .canvas_top{
	width: 955px;
	height: 30px;
	background-color: #D3D3D3;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 4;
}
.canvas .canvas_middle{
	width: 955px;
	/*height: 616px;*/
	background-color: #F1F1F1;
	margin: 0 auto 0 auto;
	position: relative;
	overflow:visible;
	padding-bottom:30px;
	z-index: 4;
}
b.tr, b.tl, b.br, b.bl {
	display: block;
	position: absolute;
	width: 11px;
	height: 11px;
	z-index: 4;
	margin: 0 auto 0 auto;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.canvas .canvas_top b.tl {
	left: 0px;
	top: 0px;
	background-image: url(img/mainborder/hard_grey_sup_left.jpg);
}
.canvas .canvas_top b.tr {
	right: 0px;
	top: 0px;
	background-image: url(img/mainborder/hard_grey_sup_right.jpg);
}
.canvas .canvas_middle b.bl {
	left: 0px;
	bottom: 0px;
	background-image: url(img/mainborder/soft_grey_inf_left.jpg);
}
.canvas .canvas_middle b.br {
	right: 0px;
	bottom: 0px;
	background-image: url(img/mainborder/soft_grey_inf_right.jpg);
}


#window_result {
	position:relative;
	left:11px;
	top:11px;
	width:725px;
	padding-bottom:20px;
	/*height:419px;*/
	background-color:#FFFFFF;
	overflow:visible;
	z-index:5;
}

#window_result b.tl {
	left: 0px;
	top: 0px;
	background-image: url(img/mainborder/white_sup_right.jpg);
}

#window_result b.tr {
	right: 0px;
	top: 0px;
	background-image: url(img/mainborder/white_sup_left.jpg);
}

#window_result b.bl {
	left: 0px;
	bottom: 0px;
	background-image: url(img/mainborder/white_inf_right.jpg);
}

#window_result b.br {
	right: 0px;
	bottom: 0px;
	background-image: url(img/mainborder/white_inf_left.jpg);
}

#window_news {
	position:relative;
	left:11px;
	top:20px;
	width:725px;
	height:166px;
	background-color:#FFFFFF;
	z-index:5;
}
#window_news b.tl {
	left: 0px;
	top: 0px;
	background-image: url(img/mainborder/white_sup_right.jpg);
}

#window_news b.tr {
	right: 0px;
	top: 0px;
	background-image: url(img/mainborder/white_sup_left.jpg);
}

#window_news b.bl {
	left: 0px;
	bottom: 0px;
	background-image: url(img/mainborder/white_inf_right.jpg);
}

#window_news b.br {
	right: 0px;
	bottom: 0px;
	background-image: url(img/mainborder/white_inf_left.jpg);
}

#window_result_title{
	position:relative;
	margin: 0 auto 0 auto;
	left:0px;
	top:10px;
	width:704px;
	height:25px;
	background-color:#FFFFFF;
	z-index:6;
}
#window_result_bottom{
	position:relative;
	margin: 0 auto 0 auto;
	left:0px;
	top:10px;
	width:704px;
	height:20px;
	background-color:#FFFFFF;
	z-index:6;
}
#window_result_title_mini{
	position:relative;
	margin: 0 auto 0 auto;
	left:0px;
	top:10px;
	width:704px;
	height:150px;
	background-color:#FFFFFF;
	z-index:6;
}
#sub_window_result{
	position:relative;
	left:10px;
	top:10px;
	width:700px;
	height:370px;
	vertical-align:top;
	background-color:#FFFFFF;
	z-index:6;
	border: 1px;
	background-color: white;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0000FF;
	border-right-color: #0000FF;
	border-bottom-color: #0000FF;
	border-left-color: #0000FF;
	overflow:auto;
}
#sub_window_result_pagin{
	position:relative;
	left:10px;
	top:10px;
	width:700px;
	height:350px;
	vertical-align:top;
	background-color:#FFFFFF;
	z-index:6;
	border: 1px;
	background-color: white;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0000FF;
	border-right-color: #0000FF;
	border-bottom-color: #0000FF;
	border-left-color: #0000FF;
	overflow:auto;
}
#sub_window_result_variable{
	position:relative;
	/*margin: 0 auto 0 auto;*/
	left:10px;
	top:10px;
	width:700px;
	vertical-align:top;
	/*height:370px;*/
	background-color:#FFFFFF;
	z-index:6;
	border: 1px;
	background-color: white;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0000FF;
	border-right-color: #0000FF;
	border-bottom-color: #0000FF;
	border-left-color: #0000FF;
	overflow:visible;
}
#sub_window_result_mini{
	position:relative;
	left:10px;
	top:10px;
	width:700px;
	height:220px;
	background-color:#FFFFFF;
	z-index:6;
	border: 1px;
	background-color: white;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0000FF;
	border-right-color: #0000FF;
	border-bottom-color: #0000FF;
	border-left-color: #0000FF;
	overflow: auto;
}

#right_bar{
	position:absolute;
	margin-top:-3px;
	left:752px;
	top:15px;
	width:187px;
	height:auto;
	z-index:7;
}
#find{
	position:relative;
	left:0px;
	top:0px;
	width:187px;
	height:96px;
	background-image:url(img/find.gif);
	background-repeat:no-repeat;
	z-index:7;
}
#book_nav{
	background-color:#FFFFFF;
	position:relative;
	left:0px;
	top:0px;
	width:187px;
	height:417px;
	z-index:7;
	margin-bottom:-20px;
}
#book_nav b.tl {
	left: 0px;
	top: 0px;
	background-image: url(img/mainborder/white_sup_right.jpg);
}
#book_nav b.tr {
	right: 0px;
	top: 0px;
	background-image: url(img/mainborder/white_sup_left.jpg);
}
#book_nav b.bl {
	left: 0px;
	bottom: 0px;
	background-image: url(img/mainborder/white_inf_right.jpg);
}
#book_nav b.br {
	right: 0px;
	bottom: 0px;
	background-image: url(img/mainborder/white_inf_left.jpg);
}
#access_off{
	position:relative;
	left:0px;
	top:10px;
	width:187px;
	height:224px;
	background-image:url(img/access_off.gif);
	background-repeat:no-repeat;
	z-index:7;
}
#access_on{
	position:relative;
	left:0px;
	top:10px;
	width:187px;
	height:224px;
	background-image:url(img/access_on.gif);
	background-repeat:no-repeat;
	z-index:7;
}
#access_outside{
	position:relative;
	left:0px;
	width:187px;
	height:224px;
	background-image:url(img/access_on.gif);
	background-repeat:no-repeat;
	z-index:7;
}
#news{
	position:relative;
	left:0px;
	top:20px;
	width:187px;
	height:77px;
	background-image:url(img/alert-news.jpg);
	background-repeat:no-repeat;
	z-index:7;
}
#out_alert{
	position:relative;
	left:0px;
	top:10px;
	width:187px;
	height:77px;
	background-image:url(img/alert-ext.jpg);
	background-repeat:no-repeat;
	z-index:7;
}
#promo{
	position:relative;

	left:0px;
	top:30px;
	width:187px;
	height:224px;
	background-image:url(img/promo.gif);
	background-repeat:no-repeat;
	z-index:7;
}
#window_news_title{
	position:relative;
	margin: 0 auto 0 auto;
	left:0px;
	top:10px;
	width:702px;
	height:25px;
	background-color:#FFFFFF;
	z-index:6;
}

#sub_window_news{
	position:relative;
	margin: 0 auto 0 auto;
	left:0px;
	top:10px;
	width:702px;
	height:122px;
	background-color:#3583b9;
	z-index:6;
	overflow: auto;
}
#miniwindow_left_right{
	width: 955px;
	height:100px;
	margin: 0 auto 0 auto; 
	z-index: 4;
	overflow:visible;
	position:relative;
}

.miniwindow_left {
	position: relative;
	left:0px;
	top:18px;
	height:100px;
	width:474px;
	z-index: 5;
}
.miniwindow_left .miniwindow_left_title {
	position: relative;
	height:30px;
	width:474px;
	background: #D3D3D3;
	
	z-index: 5;
}
.miniwindow_left .miniwindow_left_content {
	position: relative;
	height:70px;
	width:474px;
	background: #F1F1F1;
	z-index: 5;
}
.miniwindow_left .miniwindow_left_title b.tl {
	left: 0px;
	top: 0px;
	background-image: url(img/mainborder/hard_grey_sup_left.jpg);
}
.miniwindow_left .miniwindow_left_title b.tr {
	right: 0px;
	top: 0px;
	background-image: url(img/mainborder/hard_grey_sup_right.jpg);
}
.miniwindow_left .miniwindow_left_content b.bl {
	left: 0px;
	bottom: 0px;
	background-image: url(img/mainborder/soft_grey_inf_left.jpg);
}
.miniwindow_left .miniwindow_left_content b.br {
	right: 0px;
	bottom: 0px;
	background-image: url(img/mainborder/soft_grey_inf_right.jpg);
}

.miniwindow_right {	
	margin-top:-590px;
	/*margin-top:0px;*/
	position: relative;
	left:481px;
	top:508px;
	height:100px;
	width:474px;
	z-index: 5;
}
.miniwindow_right .miniwindow_right_title {
	position: relative;
	height:30px;
	width:474px;
	background: #D3D3D3;
	
	z-index: 5;
}
.miniwindow_right .miniwindow_right_content {
	position: relative;
	height:70px;
	width:474px;
	background: #F1F1F1;
	z-index: 5;
}
.miniwindow_right .miniwindow_right_title b.tl {
	left: 0px;
	top: 0px;
	background-image: url(img/mainborder/hard_grey_sup_left.jpg);
}
.miniwindow_right .miniwindow_right_title b.tr {
	right: 0px;
	top: 0px;
	background-image: url(img/mainborder/hard_grey_sup_right.jpg);
}
.miniwindow_right .miniwindow_right_content b.bl {
	left: 0px;
	bottom: 0px;
	background-image: url(img/mainborder/soft_grey_inf_left.jpg);
}
.miniwindow_right .miniwindow_right_content b.br {
	right: 0px;
	bottom: 0px;
	background-image: url(img/mainborder/soft_grey_inf_right.jpg);
}

#footer {
	position: relative;
	width: 955px;
	height:171px;
	background: #fff;
	background-image:url(img/footer.png);
	background-repeat:no-repeat;
	margin: 0 auto 0 auto;
	margin-top:20px;
	margin-bottom:20px;
	z-index: 5;
}




.style_button{
	width:90px;
}
#field_find{
	width:160px;
	color:#000000;
}
#loginEmail{
	width:84px;
}
#loginPswd{
	width:84px;
}

.paginator { 
 font-size: .95em;
 height:20px;
 /*top:10px;*/
 position:relative;
}
.paginator ul {
 list-style: none;
 float: right;
 font-weight: bold;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
}
.paginator ul li {
 display:inline;
 margin-left: 3px;
}
.paginator ul li a {
 color: #0066CC;
}
.paginator ul li a:hover {
 color: #FF4800;
}
.paginator ul li.active a {
 color: #FF4800;
 text-decoration: none;
}
.paginator ul li.arrowII a{
 color: #0066CC;
 text-decoration: none;
}
.paginator ul li.arrowI a{
 color: #0066CC;
 text-decoration: none;
}
.paginator ul li.arrowII a:hover{
 color: #FF4800;
 text-decoration: none;
}
.paginator ul li.arrowI a:hover{
 color: #FF4800;
 text-decoration: none;
}