body 	{ margin: 0; background: #fff; margin: 0 }
body 	{ font-family: Tahoma; font-size: 90%; text-align: left }
img 	{ border: none }
td  	{ font: normal 11px Verdana, Tahoma; margin: 0; vertical-align: top; }
p 		{ font: normal 11px Verdana, Tahoma; margin: 5px 0 10px 0; line-height: 130%; }
i 		{ }
u		{ }
h1 	 	{ font: normal 180% Arial; color: #984833; margin: 15px 0 10px 0; letter-spacing: -.05em }
h2 		{ font: normal 130% Arial; color: #984833; margin: 15px 0 5px 0; }
h3 		{ font: normal 110% Arial; color: #984833; margin: 12px 0 5px 0; }
h4 		{ font: bold 11px Arial; color: #984833; margin: 12px 0 5px 0; }
ul 		{ margin: 0 0 15px 0; padding: 0; position: relative; z-index: 1;  }
ul li 	{ font: normal 11px Verdana, Tahoma; margin: 5px 0 0 20px; padding: 0 0 0 15px; list-style-type: none; background: url(i/li.gif) no-repeat 0 .3em; line-height: 120%; }
ol		{ margin: 0 0 0 35px;  padding: 0; }
ol li	{ font-size: 100%; margin: 5px 0 0 0; padding: 0 0 0 0px; }
form { padding:0; margin:0}

a 		{ color: #984833; text-decoration: underline }
a:hover { color: #984833; text-decoration: underline }
a.effect { border-bottom: #984833 dashed 1px; text-decoration: none }
a.effect:hover { border-bottom: #984833 dashed 1px; text-decoration: none }

table.main {
    background: #fff; 
    width: 900px; 
    height: 100%; 
    margin:0; 
    text-align: left; 
	}
table.content {
    }
	table.content td.p {
	    padding: 9px;
        }

			  
div.spacer { clear: both; padding: 0; display: block; margin:0}
div.spacer-10 { clear: both; height: 6px; padding: 0; margin:0; display: block; }
img.flag {margin-top: 2px;} 

.sm 		{ font-size: 75%;}
.pathnav 	{ font-size: 90%; color: #666 }
.small 		{ font-size: 90%; }
.grey		{ color: #666; }
.popuplink	{ background: url(i/b-popup.gif) no-repeat 2px; padding-left: 20px; line-height: 180%; font-size:90%; }
.buttonSubmit { font: normal 10px Verdana;}

div.date { 
	font: normal 80% Arial; color: #666;
	margin: 10px 0 0 0;
	}

.dateH {
	font: normal 130% Arial; 
	margin: 2px 0 -3px 0;
	}
	.dateH a, .dateH a:hover {
		text-decoration: underline;
		}

table.navigation { 
	padding: 0; margin:0; background: #8e4c39; width: 632px; height: 23px; 
	overflow: hidden;
	}
	table.navigation td { 
		margin:0; padding: 4px 10px 2px 7px;
		font: normal 10px Arial; color: #fff; text-transform: uppercase; 
		border-left: #8e4c39 solid 1px;
		height: 23px; width: auto;
		background: url(i/nav-bg.gif) repeat-x;
		}
	table.navigation td a { 
		font: bold 10px Arial; color: #fff; text-decoration: none;
		}
	table.navigation td a:hover { 
		font: bold 10px Arial; color: #f9e4a6; text-decoration: none;
		}
	table.navigation td.active { 
		background: url(i/nav-bg-a.gif) repeat-x; 
		}
	table.navigation td.last { 
		background: url(i/nav-bg.gif) repeat-x; 
		width: 100%; 
		padding: 0 5px 0 5px; margin:0;
		border: none;
		}

table.pfts { 
	border: #ccc solid 1px; padding: 1px;  
	}
	table.pfts caption { text-align: left; font: normal 13px Arial; color: #984833; padding: 12px 5px 5px 5px;  }
	table.pfts th { 
		background: #fff url(i/tbl-th-bg.gif) repeat-x top; 
		font: normal 10px Arial; text-transform: uppercase; text-align: center;
		color: #333; 
		height: 20px; padding: 4px 3px 2px 2px; 
		}
	table.pfts td { 
		background: #fff; 
		font: normal 10px Arial; color: #333;
		padding: 4px 20px 2px 20px; 
		text-align: auto; }
	table.pfts td.th { 
		background: #fff url(i/tbl-th-bg.gif) repeat-x top; 
		font: normal 10px Arial; text-transform: uppercase;
		color: #333; 
		height: 20px; padding: 4px 20px 2px 20px;; 
		}

	table.pfts td.alt { background: #f6f6f6; }
	
ul.subnav {
    float: right; position: relative; z-index: 1;
	margin: 40px 0 20px 20px; padding: 0;
	width: 200px; 
	}		
	ul.subnav li {
	    font: normal 9px Tahoma; text-transform: uppercase;
		text-align: right; 
		margin: 0; padding: 0; 
		list-style-type: none;
		background: url(i/subnav-item-bg.gif) no-repeat bottom right; 
	    }
	ul.subnav li a {
	    font: normal 10px Tahoma; text-transform: uppercase; text-decoration: none;
	    width: 215px;
		padding: 4px 10px 3px 0; margin: 1px 0 1px 0;
		background: none;
		}
	ul.subnav li a:hover {
	    text-decoration: none;
		background: url(i/subnav-item-active-bg.gif) repeat-y right;
    	}	
	
div.page-image { 
	float: left; 
	border: #ccc solid 1px; 
	margin: 0 0 10px 0; 
	width: 422px;
	} 
	
div.page-subnav { 
	float: right; 
	border: #ccc solid 1px; 
	margin: 0 0 10px 5px; padding: 0 0 1px 0; 
	display:block; width: 186px;
	} 
	div.page-subnav div.subnav-item {
		background: url(i/nav-sub-bg.gif) no-repeat;
		margin: 1px 1px 0 1px; padding: 0 7px;
		display:block; height: 21px; width:184px; 
		}
		div.page-subnav div.subnav-item a {
			font: normal 10px Arial; color: #444; text-decoration: none; text-transform: uppercase; line-height: 21px;
			}
		div.page-subnav div.subnav-item a:hover {
			font: normal 10px Arial; color: #111; text-decoration: none; text-transform: uppercase; line-height: 21px;
			}	

/* AUTHORISATION BLOCK */
form.auth { margin-top: 0px }	
div.authErrorMessage { margin: 5px; font: normal 10px Tahoma; color: #c00; }

div.info-field { font: normal 11px Verdana, Tahoma; margin: 5px 0 10px 0; line-height: 130%; clear: both; }
div.info-field div.info-field-name 	{ font: normal 11px Verdana, Tahoma; color: #999; width: 150px; display:inline;  }
div.info-field div.info-field-value 	{ display:inline; }
div.info-field div.info-field-table 	{ display:inline; }
div.info-field h2 	{ font: normal 130% Arial; color: #984833; margin: 25px 0 5px 0; }
table.auth-feedback {}
	table.auth-feedback td.name { font: normal 11px Verdana, Tahoma; color: #999; }
	table.auth-feedback td { padding: 10px 0 0 0}	



	
	div.row {
		clear: both;
		padding: 3px 0 2px 0; margin:0;
		width: 175px;
		}
	div.row span.label {
		float: left;
		width: 50px;
		text-align: right; 
		font: normal 11px Verdana, Tahoma; color: #666;
		line-height: 20px;
		}
	div.row span.field {
		float: right;
		text-align: left; 
		width: 120px;	
		}
	div.row span.title {
		text-align: left; 
		width: 200px;
		padding: 0 10px 5px 60px;
		display: block;	
		font: normal 12px Arial; color: #984833;
		}
		div.row span.field input.text {
			width: 110px;
			font: normal 11px Verdana, Tahoma;
			}	
		div.row span.field input.submit {
			font: normal 11px Verdana, Tahoma;
			}

			

div.leftPanel { 
	width: 235px;
	background: #fff;
	border: #ccc solid 1px;
	}				
	div.leftPanel h3 { 
		font: normal 1em Tahoma;
		text-transform: uppercase;
		color: #984833;
		/*color: #000;*/
		margin: 20px 20px 10px 30px;
		text-align: right;
		}				

	a.graph_change { font: normal 10px Tahoma; color: #666; text-decoration: none; border-bottom: none; }
	a.graph_change:hover { font: normal 10px Tahoma; color: #666; text-decoration: none; border-bottom: none; }

table.intext { 
	/*border: #ccc solid 1px; padding: 1px; */
	margin: 10px 0 10px 0;
	}
	table.intext caption { text-align: left; font: normal 13px Arial; color: #984833; padding: 12px 5px 5px 5px;  }
	table.intext th { 
		background: #eee; 
		border-bottom: #999 solid 1px;
		font: normal 10px Tahoma; text-align: left;
		color: #000; 
		height: 20px; padding: 4px 3px 4px 5px; vertical-align: top;
		}
	table.intext td { 
		background: #fff; 
		font: normal 11px Verdana, Tahoma; color: #333;
		padding: 3px 5px 2px 5px; 
		border-bottom: #ccc solid 1px;
		text-align: auto; }
	table.intext td.alt { background: #f6f6f6; }

table.intext-borders { 
	border-top: #ccc solid 1px; 
	border-left: #ccc solid 1px; 
	margin: 10px 0 10px 0;
	
	}
	table.intext-borders caption { text-align: left; font: normal 13px Arial; color: #984833; padding: 12px 5px 5px 5px;  }
	table.intext-borders th { 
		background: #eee; 
		border-bottom: #999 solid 1px;
		font: normal 10px Tahoma; text-align: left;
		color: #000; 
		height: 20px; padding: 4px 3px 4px 5px; vertical-align: top;
		}
	table.intext-borders td { 
		background: #fff; 
		font: normal 11px Verdana, Tahoma; color: #333;
		padding: 3px 5px 2px 5px; 
		border-right: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
		text-align: auto; }
	table.intext-borders td strong { color: #555; } 
	table.intext-borders td.alt { background: #f6f6f6; }

	
td.header-pics { padding: 6px 0 4px 5px; }
div.header-pic { }

a.roll-headerpic-1 {
	width: 210px; height: 65px;
	display: block;	float: left; margin-right: 4px;
	background: url(i/headerpic-1.gif) no-repeat;
	border: #ccc solid 1px;
	}
	a.roll-headerpic-1:hover {
		background: url(i/headerpic-1-h.gif) no-repeat;
		border: #d4c4bf solid 1px;
		}
a.roll-headerpic-2 {
	width: 195px; height: 65px;
	display: block;	float: left; margin-right: 4px;
	background: url(i/headerpic-2.gif) no-repeat;
	border: #ccc solid 1px;
	}
	a.roll-headerpic-2:hover {
		background: url(i/headerpic-2-h.gif) no-repeat;
		border: #d4c4bf solid 1px;
		}
a.roll-headerpic-3 {
	width: 199px; height: 65px;
	display: block;	float: left; margin-right: 4px;
	background: url(i/headerpic-3.gif) no-repeat;
	border: #ccc solid 1px;
	}
	a.roll-headerpic-3:hover {
		background: url(i/headerpic-3-h.gif) no-repeat;
		border: #d4c4bf solid 1px;
		}
		

		
a.roll-headerpic-1-en {
	width: 210px; height: 65px;
	display: block;	float: left; margin-right: 4px;
	background: url(i/headerpic-1-en.gif) no-repeat;
	border: #ccc solid 1px;
	}
	a.roll-headerpic-1-en:hover {
		background: url(i/headerpic-1-h-en.gif) no-repeat;
		border: #d4c4bf solid 1px;
		}
a.roll-headerpic-2-en {
	width: 195px; height: 65px;
	display: block;	float: left; margin-right: 4px;
	background: url(i/headerpic-2-en.gif) no-repeat;
	border: #ccc solid 1px;
	}
	a.roll-headerpic-2-en:hover {
		background: url(i/headerpic-2-h-en.gif) no-repeat;
		border: #d4c4bf solid 1px;
		}
a.roll-headerpic-3-en {
	width: 199px; height: 65px;
	display: block;	float: left; margin-right: 4px;
	background: url(i/headerpic-3-en.gif) no-repeat;
	border: #ccc solid 1px;
	}
	a.roll-headerpic-3-en:hover {
		background: url(i/headerpic-3-h-en.gif) no-repeat;
		border: #d4c4bf solid 1px;
		}		

		

a.roll-headerpic-1-ua {
	width: 210px; height: 65px;
	display: block;	float: left; margin-right: 4px;
	background: url(i/headerpic-1-ua.gif) no-repeat;
	border: #ccc solid 1px;
	}
	a.roll-headerpic-1-ua:hover {
		background: url(i/headerpic-1-h-ua.gif) no-repeat;
		border: #d4c4bf solid 1px;
		}
a.roll-headerpic-2-ua {
	width: 195px; height: 65px;
	display: block;	float: left; margin-right: 4px;
	background: url(i/headerpic-2-ua.gif) no-repeat;
	border: #ccc solid 1px;
	}
	a.roll-headerpic-2-ua:hover {
		background: url(i/headerpic-2-h-ua.gif) no-repeat;
		border: #d4c4bf solid 1px;
		}
a.roll-headerpic-3-ua {
	width: 199px; height: 65px;
	display: block;	float: left; margin-right: 4px;
	background: url(i/headerpic-3-ua.gif) no-repeat;
	border: #ccc solid 1px;
	}
	a.roll-headerpic-3-ua:hover {
		background: url(i/headerpic-3-h-ua.gif) no-repeat;
		border: #d4c4bf solid 1px;
		}				
		
table.bottom-banners { width: 610px; margin: 9px; border: #ddd solid 1px; background: #f9f9f9 url(i/bg-diaglines.gif) ; }



.footerLeft { height: 34px; background: url(<%http_root%>i/footer-left-bg.gif) no-repeat }			
.footerRight { height: 34px; background: url(<%http_root%>i/footer-right-bg.gif) no-repeat; text-align: right; }
.copyright { vertical-align: middle; font: normal 10px Tahoma; padding-left: 40px; color: #f5f5f5; }			


/************* 404 ******************************/

#links404 { font-family: Verdana, Arial, serif;	color : #000000; font-size : 11px; }

#links404 a { font-family: Verdana, Arial, serif;	color : #3385AD;	font-size : 11px;	font-weight: normal;	text-decoration : underline }

#links404 a:hover {	font-family: Verdana, Arial, serif;	color : #3385AD;	font-size : 11px;	font-weight: normal;	text-decoration : underline }

#links404 p{ font-family: Verdana, Arial, serif;	color : #555555;	font-size : 11px;	margin: 20px 5px 15px 50px	}

#links404 h1 { font-family: Verdana; color : #111111; font-weight: bold; font-size : 18px; margin: 5px 5px 5px 0px }

#links404 li { list-style-type : none; margin: 5px 10px }



/************	Needed part **********************/



.usermenu { font-family : Arial, Geneva, Helvetica, sans-serif; font-size : 10px; font-weight : normal;	color : #333333; }

a.usermenu:link { color : #336699; font-size : 10px; text-decoration : none; }

a.usermenu:hover { color : #ff6600; font-size : 10px; /* text-decoration : underline; */ }