/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
     background: transparent;
     border: 0;
     margin: 0;
     padding: 0;
     vertical-align: baseline;
}
body {line-height: 1;}
h1, h2, h3, h4, h5, h6 {
     clear: both;
     font-weight: normal;
}
ol, ul {
     list-style: none;
}
blockquote {
     quotes: none;
}
blockquote:before, blockquote:after {
     content: '';
     content: none;
}
del {    text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {    border-collapse: collapse;    border-spacing: 0;}
a img {    border: none;}
a:link, a:visited {text-decoration: none; color: #000;} a:hover {text-decoration: underline;}

body {
	background: #fff;
	color: #383838;
	font: normal 12px Arial,sans-serif;
}

h2 {
	font-size:15px;
	font-weight:bold;
}

div.hr {
	margin:10px 0 10px 0;
	height: 1px;
	width:100%;
	border-top: 1px solid #666666;
}
/* SEARCH FORM */
#search{
	width:510px;
}

#search td.label {
	background-color:#336699;
	color:#fff;
	padding-left:3px;
}

/* RESULT */
#header_r {
	width:588px;
	height:20px;
	background-color:#CCCCCC;
	margin-top:40px;
	padding: 4px 0 4px 2px; 
}

#results h3 {
	font-size:14px;
	font-weight:bold;
	
}

#result {
	padding-left:10px;
	width:580px;
}

#header_labels {
	width:580px;
	height:20px;
	margin-top:2px;
	/*background-color:#CCCCCC;*/
	background: transparent url(../img/site/sprite.png) repeat-x -190px -50px;
	padding: 4px 0 4px 10px;
	font-size:13px;
	font-weight:bold;
}
#header_labels a { line-height: 20px; padding:2px 1px 2px 0;}
#header_labels a:hover {background: #ccc;}

div.letter_label, a.letter_label {
	background-color:#336699;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding: 2px 0 2px 0;
}

div.odd {
	background-color:#f2f2f2;
	padding: 3px 0 3px 0;
}
div.even {
	background-color:#e1e8f1;
	padding: 3px 0 3px 0;
}
tr.odd {
	background-color:#ebebeb;
}
tr.even {
	background-color:#c8d0da;
	padding: 3px 0 3px 0;
}
tr.header {
	background-color:#336699;
	color: #fff;
	font-weight:bold;
	font-size:12px;
	padding: 3px 0 3px 0;
}

#result_item {
margin-bottom: 20px;
width: 580px;
}

#board {
width:580px;
color:#000;
margin:0px;
}

td.board_odd {
	background: url(bg-searchresult.jpg) no-repeat center top;
}
td.board_even {
	background: url(bg-searchresult-even.jpg) no-repeat center top;
}
td.bottom_board_odd {
	clear:both;
	padding:5px 5px 5px 5px;
	height:28px;
	background-color: #c6c2c1;
}
td.bottom_board_even {
	clear:both;
	padding:5px 5px 5px 5px;
	height:28px;
	background-color: #8f9fb9;
}
a.bottom_button_odd {
	clear:both;
	height:20px;
	margin-top:3px;
	margin-left:5px;
	background-color:#8f9fb9;
	padding:2px 5px 2px 5px;
}
a.bottom_button_even {
	clear:both;
	height:20px;
	margin-top:3px;
	margin-left:5px;
	background-color:#c6c2c1;
	padding:2px 5px 2px 5px;
}
a.next_matches {
	clear:both;
	margin-top:10px;
	font-weight:bold;
}

.doclabel {margin-top:5px;margin-bottom:5px;height:20px;float:left;text-align:left;}
.doctranlsate {margin-top:5px;margin-bottom:5px;height:20px;float:right;}

#board .label, .value {
	padding: 1px 1px 1px 1px;
}

#board .label {
	font-weight:bold;
	font-size:11px;
	color:#000;
	margin: 2px 3px 5px 3px;
	padding-left:2px;
}
#board .label_subject {
	
	font-size:11px;
	margin-left:2px;
	margin:1px auto;
	color:#000;
	margin: 2px 3px 5px 3px;
	padding-left:2px;
}
#board .text_gray {
	color:#222222;
}

td.context_odd {
	padding-top:5px;
	padding-bottom:5px;
	background-color:#f5f5f5;
	border: 1px solid #CCCCCC;
}

td.context_even {
	padding-top:5px;
	padding-bottom:5px;
	background-color:#f5f5f5;
	border: 1px solid #CCCCCC;
}

td.context {
	padding-top:5px;
	padding-bottom:5px;
	background-color:#f5f5f5;
	border: 1px solid #CCCCCC;
}
div.hr {
	width:100%;
	height:1px;
	border-top: 1px dotted #666;
}

div.context-box {
float:left;
padding: 5px 5px 5px 5px;
width:540px;
/* height:300px; */
/* overflow:auto; */
}
td.context-box {
background-color:#f5f5f5;
border: 1px solid #CCCCCC;
padding: 5px 5px 5px 5px;
width:540px;
/* height:300px; */
/* overflow:auto; */
}
td.btBE {
/*background-color: #326698;*/
background-color:#8FBDF1;
vertical-align:top;
}
td.bbtBE{
background-color:#8FBDF1;
vertical-align:bottom;
}

td.btPage {
background-color: #efefef;
vertical-align: top;
}
td.bbtPage {
background-color: #efefef;
vertical-align: bottom;
}

td.context-flip {
float:left;
padding: 0;
margin:0;
}

/*--navigation scroll document --*/
a.vnav {display:block; width:30px; height:90px;}
a.vbegin { background: #8FBDF1 url(../images/sprite_v_nav.png) no-repeat -232px 0;}
a.vend {background: #8FBDF1 url(../images/sprite_v_nav.png) no-repeat -187px 0;}
a.vback  {background: #efefef url(../images/sprite_v_nav.png) no-repeat -49px 0;}
a.vnext {background: #efefef url(../images/sprite_v_nav.png) no-repeat -2px 0;}

a.vbegin:hover {background-position: -232px -90px;}
a.vend:hover {background-position:-187px -90px;}
a.vback:hover  {background-position: -49px -90px;}
a.vnext:hover {background-position: -2px -90px;}

/* TEXT WITH NO SCROLL*/
td.td-commands {
padding-top:5px;
padding-bottom:5px;
padding-left:2px;
background-color:#336699;
color:#fff;
}
tr.context-box-row {
	border: 1px solid #CCCCCC;
}
td.context-box-fulltext {
padding: 5px 5px 5px 5px;
width:540px;
padding-top:5px;
padding-bottom:5px;
background-color:#f5f5f5;

}
td.context-flip-fulltext {
clear:both;
height:30px;
width:580px;
}
#row-fulltext {
	width:580px;
	margin: 0px 0 0px 0;
}

#row-fulltext td.label {
	width: 140px;
	background-color:#336699;
	color:#fff;
	font-weight:bold;
	padding: 2px 2px 2px 2px;
	border:1px solid #fff;
	
}
#row-fulltext a.nostyle {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 36px;
text-decoration:none;
}

/* END TEXT WITH NO SCROLL */
img.flipages {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.context-flip img {vertical-align: top;}

#turnpages {
	width:580px;
}

#turnpages input.turn {
	width:120px;
	height:22px;
}

span.selected {
color:#ff0000;
text-decoration:undelrine;
}
a.selected {
color:#ff0000;
text-decoration:underline;
}

/* DOCUMENT */
h2.document_title {
	clear:both;
	margin-top: 10px;
	margin-bottom: 2px;
	color:#666;
	
}
h3.document_title {
	clear:both;
	font-size:13px;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 2px;
	color:#666;
	
}
h3.document_help {
	color:#ce3d3d;
	font-weight:bold;
	font-size:13px;
	margin-bottom:10px;
}
#help {
	font-size:11px;
}
#help li {
	margin-left:10px;
}
#row {
	width:580px;
	margin: 2px 0 2px 0;
}

#row td.label-blue {
	width: 140px;
	background-color:#336699; 
	color:#fff;
	font-weight:bold;
	padding: 2px 2px 2px 2px;
	border:1px solid #fff;
	
}
#row td.label {
	width: 140px;
	background-color:#336699; 
	color:#fff;
	font-weight:bold;
	padding: 2px 2px 2px 2px;
	border:1px solid #fff;
	
}
#row td.value {
	padding-left:5px;
	width:440px;
	color:#666;
	/*background-color:#336699;*/
	background-color:#f3f3f3; 
	border:1px solid #fff;
}
input {
	font-size:11px;
}

/* BIOGRAPY */

#biography {
	width:100%;
	background: transparent url(../images/grad.png) repeat-x 0 0;
}

#biography img {margin: 0 8px 8px 0;padding:4px;}

h2.author_title {
	color:#333;
	text-shadow: 0 1px 0 #fff;
	background: transparent url(../img/site/sprite.png) repeat-x -190px -50px;
	height:20px;
	padding: 5px;
		
}
#document_list {
	width:580px;
}
#document_list ul.square {
	margin-left:15px;
	list-style-type:square;
}
#document_list a.h2 {
	font-size:15px;
	font-weight:bold;
	color:#333;
}

/* HOME LIST */

#home-list {
	width:100%;
	margin-top:10px;
	/*background: transparent url(../images/bbck.png) repeat-x 0 -35px;*/
	background: transparent url(../images/table.png) no-repeat -5px 0;
	position:relative; z-index:100;
}

#home-list:after{

}


td.welcome-msg {
	padding: 10px 8px 8px 10px;
	/*background-color: #c8d0da;*/
}

#home-list td.language-list {
	text-align:center;
	/*border-bottom: 2px solid #f3f3f3;*/
}

div.home-list-item {
	margin: 5px 8px 5px 5px;
	float:left;
	text-align:center;
	width:65px;
}
.home-list-item:hover {background: url(../images/bbck.png) repeat-x 0 -35px}


#home-list img.home-list-flag {
	border: 1px solid #ccc;
}

.home-list-title {
	width:100%;
	padding:5px 0;
	margin: -10px 0 10px 0;	
	text-align:center;
	font-size:18px;
	color: #fff;	
	text-shadow: none;	
	/*background: transparent url(../images/bbck.png) repeat-x 0 0;*/
	background: #5c61b5;
	/*font-weight:bold;*/

}
.home-list-title a {color: #f5f5f5;}
.home-list-title a:hover {color: #f2f2f2; text-decoration: none!important;}

/*STATISTIC DOCUMENT */
#statistic-document {
	width:580px;
	margin-top:3px;
	border:1px solid #FFF;
}

#statistic-document tr.even {
	background-color:#ebebeb;
	
}

#statistic-document tr.odd {
	background-color:#c8d0da;
}
#statistic-document td {
		padding: 2px 3px 2px 3px;
		border: 1px solid #ccc; 
}