/*this predefined class BODY sets site environment color and body margins!*/

body { 
    background-color:#e2e2e2;
    margin-left: 0;
    margin-top: 0;
    behavior:url("/shared/activecomponents/js/csshover.htc");
}

/*this class BG used for background content area of site, and in some templates for background areas near content*/
.bg{background : #ffffff;}

a {
   text-decoration:underline; 
   color:#3366cc; 
   font-size:11px; 
   font-family:Verdana;
   margin-bottom: 5px;
   padding-bottom: 5px;
   }
a:visited {
   color:#888888; 
   }
a:active {
   color:#ff0000; 
   }
a:hover {
   color:#ff0000; 
   }
.nna { 
   text-decoration:underline; 
   color:#3366cc; 
   font-size:11px; 
   font-family:Verdana;
   margin-bottom: 5px;
   padding-bottom: 5px;
   margin-left: 30px;
   }
.nna:link {color:#3366cc; }
.nna:visited {color:#888888; }
.nna:active {color:#ff0000; }
.nna:hover {color:#ff0000; }
.nna:focus {color:#3366cc; }

.vlink {
   text-decoration:underline; 
   color:#888888; 
   font-size:11px; 
   font-family:Verdana;
   margin-bottom: 5px;
   padding-bottom: 5px;
   margin-left: 30px;
   }

.alink {
   text-decoration:underline; 
   color:#ff0000; 
   font-size:11px; 
   font-family:Verdana;
   margin-bottom: 5px;
   padding-bottom: 5px;
   margin-left: 30px;
   }

.hlink {
   text-decoration:underline; 
   color:#ff0000; 
   font-size:11px; 
   font-family:Verdana;
   margin-bottom: 5px;
   padding-bottom: 5px;
   margin-left: 30px;
   }

.backcolor1 {background : #959EA4;}
/* 
    this class BACKCOLOR2 is non optional and used by CR-components: &ampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampquotText", &ampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampquotText with picture" for paragraph sign char
*/
.backcolor2 {background : #DCECF9;}
.backcolor3 {background : %CSS_MAIN_COLOR3%;}
.backcolor4 {background : %CSS_MAIN_COLOR4%;}
.backcolor5 {background : %CSS_MAIN_COLOR5%;}
/* new headers classes */
h1{
	color : #366EB9;
	font-family : Arial;
	font-size : 20px;
	font-weight : normal;
	font-style : normal;
	line-height : 130%;  
	margin-top:10 px;  
	margin-right: 0 px;  
	margin-bottom: 20 px;  
	margin-left: 0 px;  
}

h2{
	color : #366EB9;
	font-family : Arial;
	font-size : 16px;
	font-weight : bold;
	font-style : normal;
	line-height : 130%;  
	margin-top:15 px;  
	margin-right: 0 px;  
	margin-bottom: 10 px;  
	margin-left: 0 px;  
}

h3{
	color : #366EB9;
	font-family : Arial;
	font-size : 16px;
	font-weight : bold;
	font-style : normal;
	line-height : 130%; 
	margin-top:15 px;  
	margin-right: 0 px;  
	margin-bottom: 10 px;  
	margin-left: 0 px;  
}

/*h4{
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 8px;
	color: #696969;
	text-decoration: none;
	text-align: center;
}*/

/*
    class PICTURECAPTION used by CR-component &ampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampquotPicture with description"
*/	
.picturecaption {
	color: #000000;
	font-family : Arial;
	font-weight : normal;
	font-size : 11px;
}       

/* 
    class PICTURECELLPADDING need for correct margin between picture and text in CR-component &ampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampquotPicture with text" 
    NOTE!
    padding-XXX needed for NN4
    margin-XXX - for IE
*/
.picturecellpadding {
        padding-left : 10px;
        padding-right : 10px;
        margin-left : 10px;
        margin-right : 10px;
}

/* 
    class PARAGRAPH used by CR-components: &ampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampquotText", &ampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampquotText with picture", &ampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampampquotList item"
*/
td{
	color: #696969;
	font-family : Verdana;
	font-weight : normal;
	font-style : normal;
	font-size : 11px;
}
p {
	font-family: Verdana; 
	color: #696969; 
	font-size: 11px; 
	line-height : 140%; 
	margin-top:0 px;  
	margin-right: 0 px;  
	margin-bottom: 15 px;  
	margin-left: 5 px;  
}

.lead{
	font-family: Verdana;
	color: #696969; 
	font-size: 11px;
	line-height : 130%;
	font-weight : bold;
	margin-top: 0 px;  
	margin-right: 0 px;  
	margin-bottom: 15 px;  
	margin-left: 0 px;  
}

.inset{
	border-left-width: 5;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-style: solid;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color : #0000ff;
        font-family: Verdana;
	font-size: 11;
	float: right; /* aligning on the page */
	width: 30%; /* width should be from 20% to 100% relative to page width, step 10% */
	padding: 15px;
	background-color: #eeeeee;
	text-align: left;
	line-height: 120%;
}

li,ul{
	font-family: Verdana;
	color: #696969;
	font-size: 11px;
	line-height : 150%;
}
	
ul, ol{
	margin-top:-10px; /*Unchangeable*/
}

ul {
	list-style : circle;
}

UL,TABLE ul,ol{
	margin-top: 0px;
}
/* Next classes: ENVIRONMENTBG, COLORBOXBORDER used only PropertyPage */
/*
    this class ENVIRONMENTBG used by PropertyPage for display color of site environment
*/
.environmentbg{
    background : #e2e2e2;
    }

.colorboxborderbg{
    background : #000000;
    }

.colorcaption { 
	color: #000000; 
	font-family : Verdana; 
	font-weight : normal; 
	font-style : normal; 
	font-size : 14px; 
	line-height: 130%; 
}              

.colordescription { 
	color: #000000; 
	font-family : Arial; 
	font-weight : normal; 
	font-style : normal; 
	font-size : 9px; 
	line-height: 130%; 
}              
.redstar_margin {
 position: relative;
 left: 30px;
}


/* old classes*//*
.header {
	color: #366EB9;
	font-family  Arial;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
        margin-bottom: 5px;
        padding-bottom: 5px;
}
.pageheader{
	color : #366EB9;
	font-family : Arial;
	font-size : 16px;
	font-weight : bold;
	font-style : normal;
        margin-left : 10px;
        margin-bottom: 5px;
        padding-left : 10px;
        padding-bottom: 5px;
}
.paragraph {
	color: #696969;
	font-family : Verdana;
	font-weight : normal;
	font-style : normal;
	font-size : 11px;
	line-height: 140%;
        margin-bottom: 5px;
        padding-bottom: 5px;
}                    

*/


body {
	padding: 0;
	margin: 0;
	background: #fff;
}
div {
	padding: 0;
	margin: 0;
	text-align: left;
}
img {
	border: none;
	margin: 0;
}
/*h1 {
	/*font: normal 20px Arial, Verdana, Tahoma, sans-serif;
	color: #366EB9;*/
	margin: 0 0 13 0;
}
h3 {
	/*font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 16px;
	color: #366EB9;*/
	margin: 0 0 0 0;
	letter-spacing: -1px;
}*/
h4 {
	font-family: Tahoma, Verdana, sans-serif, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #366EB9;
	margin: 12px 0 12px 0;	
display: block;
}
.news_block h4 {
font-family: Tahoma, Verdana, sans-serif, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #366EB9;
	margin: 10px 0 10px 0;
text-align: left;
}
.news_block h3 {
margin: 10px 0 5px 0;
}
a {
	font-family: Tahoma, Verdana, sans-serif, Arial;
	font-size: 11px;
	color: #366EB9;
}
a:hover {
	text-decoration: none;
}
									/*razmetka*/
#wrapper {
	width: 980px;
	position: relative;
}
#header {
	width: 980px;
	height: 183px;
	position: relative;
	/*background: #fff url(img/header_bg.jpg) top center no-repeat;*/
}
#left_col {
	width: 237px;
	float: left;
/*position: relative;*/
clear: both;
}
#content {
	width: 450px;
	float: left;
	position: relative;
}
#content_ins {
position: relative;
	/*width: 432px;*/
	margin: 40px 0 20px 10px;
	padding-bottom: 10px;
}
#right_col {
	width: 259px;
	float: right;
	position: relative;
	padding: 0;
	margin: 0;
}
#footer {
	position: relative;
	clear: both;
	width: 980px;
	height: 104px;
	/*background: #fff url(img/footer_bg.jpg) bottom center no-repeat;*/

}
									/* end of razmetka */

									/* header elements styles */
#logo	{
	width: 225px;
	height: 53px;
	position: absolute;
	margin-top: 58px;
	margin-left: 38px;
}
/*classes for login*/
#emptydiv {
margin: 0;
}
.login {
	height: 100px;
	width: 218px;
	float: right;
	margin-top: -10px;
display: table;

}
.login a:link, .login a:visited {
	color: #366EB9;
	font-family : Verdana, Tahoma, sans-serif, Arial;
	font-size: 10px;
	float: left;
	margin: 5 10 0 19;
	text-align: right;
text-decoration: underline;
}
.login a:hover {
color: #366EB9;
	font-family : Verdana, Tahoma, sans-serif, Arial;
	font-size: 10px;
	float: left;
	margin: 5 10 0 19;
	text-align: right;
text-decoration: none;
}
.login .button {
	border: solid 1px #D7E2F1; 
	background-color: #F2F7FC; 
	width: 70px; 
	height: 23px; 
	color: #366EB9; 
	font-size: 11px; 
	font-family: Tahoma, Verdana, sans-serif, Arial;
}
.login div {
	height: 25px; 
	display: block;
}
.login font {
	color: #366EB9;
	font-family : Verdana, Tahoma, sans-serif, Arial;
	font-size: 11px;
	float: left;
	margin: 3px 7px 0 16px;
	width: 50px;
	text-align: right;
}
.login input {
	height : 20px;
	width: 116px;
	font-size: 11px;
	border-top: solid 1px #7F7F7F;
	border-left: solid 1px #7F7F7F;	
	border-right: solid 1px #CACACA;
	border-bottom: solid 1px #CACACA;
	float: left;
}
#prim_nav {
	clear: both;
	display: inline;
	position: relative;
	margin: 20px 300px 0 0;
	float: right;
}
#prim_nav a img {
	display: inline;
	margin-left: 34px;
}
/*end classes for login*/
								/* end header elements styles */
								/* left_col elements styles */
.support {
	/*background: url(img/support.jpg) left center no-repeat;*/ 
	height: 99px; 
	width: 237px;
	position: relative;
	margin: 20px 0 20px 0;
	padding: 0;

}
.support a img {
	display: inline;
	margin-right: 10px;
}

.window {
	width: 237px;
	/*position: relative;*/
	/*background: transparent url(img/lft_pnl_bot_bg.jpg) bottom center repeat-x;*/
	border: 1px solid #d6e6f6;
	margin: 20px 0 20px 0;
	padding: 0 0 10px 0;
}
.top_window {
	width: 237px;
	height: 32px;
	position: relative;
	/*background: #d6e6f6 url(img/lft_pnl_hdr.jpg) bottom left repeat-x;*/
	padding: 0;
	margin: 0 0 10px 0;
}
.window h2 {
	color: #366eb9;
	font: bold 12px tahoma, verdana, sans-serif;
	text-align: center;
	margin: 0;
	padding: 8px 0 0 0 ;
}
.menu {
	position: relative;
	padding: 5px 20px 5px 45px; 
	/*background: url(img/bullet.jpg) 20px center no-repeat;*/ 
	margin: 0;
}
.menu a:link {
	text-decoration: underline;
	font: normal 12px verdana, sans-serif;
	color: #366eb9;
}
.menu a:visited {
	text-decoration: underline;
	font: normal 12px verdana, sans-serif;
	color: #aabdd6;
}
.menu a:hover {
	text-decoration: none;
	font: normal 12px verdana, sans-serif;
	color: #366eb9;
}
							/* end left_col elements styles */
							/* right_col elemens styles */

#right_col a:link {
	text-decoration: underline;
	font: normal 11px tahoma, verdana, sans-serif;
	color: #366eb9;
}
#right_col a:visited {
	text-decoration: underline;
	font: normal 11px tahoma, verdana, sans-serif;
	color: #aabdd6;
}
#right_col a:hover {
	text-decoration: none;
	font: normal 11px tahoma, verdana, sans-serif;
	color: #366eb9;
}
#star {
	position: absolute;
	height: 132px;
	width: 125px;
	display: block;
	left: 135px;
	top: 190px;
}
.razdel {
	width: 178px;
	height: 1px;
	margin: 15 0 10 0;
}
.news_block {
	width: 150px;
	margin: 10px 0 10px 60px; 
	font: normal 11px tahoma, verdana, sans-serif;
	color: #999;
text-align: left;
}
/*.news_block ul {
	margin: 0;
	padding: 0;
}
.news_block ul li {
	list-style: none;
	margin: 4px 0 8px 0;
}*/
.news_block p {
text-align: left;
font: normal 11px tahoma, verdana, sans-serif;
	color: #999;
}							/* end right_col elements styles */

.newslist div, .newslist p, .newslist1 div, .newslist1 p {
font: normal 11px tahoma, verdana, sans-serif;
	color: #999;
}
						/* content styles */
#content {
	font: normal 11px tahoma, verdana, sans-serif;
	color: #696969;
}
/*#content h1 {
	margin: 45px 25px 16px 30px;
}*/

#content p {
	/*margin: 10px 20px 0 30px;*/
	line-height: 1.4em;
margin: 10px 0 10px 0;
	/*width: 432px;*/
}
#content p a:link {
	font: normal 11px tahoma, verdana, sans-serif;
	color: #93b80c;
	text-decoration: underline;
}
#content p a:visited {
	font: normal 11px tahoma, verdana, sans-serif;
	color: #ccc;
	text-decoration: underline;
}
#content p a:hover {
	font: normal 11px tahoma, verdana, sans-serif;
	color: #93b80c;
	text-decoration: none;
}
.window_content {
	position: relative;
	width: 420px;
	border: 1px solid #d6e6f6;
	margin: 20px 0px 20px 20px;
	padding-bottom: 10px;
}
.window_content h2 {
	color: #366eb9;
	font: bold 11px tahoma, verdana, sans-serif;
	text-align: left;
	margin: 0;
	padding: 8px 0 0 30px ;
} 
.window_content a:link{
text-decoration: underline;
	font: normal 12px tahoma, verdana, sans-serif;
	color: #366eb9;

}
.window_content a:visited{
text-decoration: underline;
	font: normal 12px tahoma, verdana, sans-serif;
	color: #aabdd6;

}
.window_content a:hover{
text-decoration: none;
	font: normal 12px tahoma, verdana, sans-serif;
	color: #366eb9;
}
.window_content a.button  {
text-decoration: none;
}
.top_window2 {
/*width: 432px;*/
	height: 32px;
	position: relative;
	background: #d6e6f6 url(1283393731) bottom left repeat-x;
	padding: 0;
	margin: 0 0 10px 0;
}
.menu2 {
	position: relative;
	padding: 5px 22px 5px 22px; 
	margin: 0;
}
.menu2 a:link {
	text-decoration: underline;
	font: normal 11px tahoma, verdana, sans-serif;
	color: #366eb9;
}
.menu2 a:visited {
	text-decoration: underline;
	font: normal 11px tahoma, verdana, sans-serif;
	color: #aabdd6;
}
.menu2 a:hover {
	text-decoration: none;
	font: normal 11px tahoma, verdana, sans-serif;
	color: #366eb9;
}
.button {
	border: solid 1px #D7E2F1; 
	background-color: #F2F7FC; 
	width: 70px; 
	height: 23px; 
	color: #366EB9; 
	font-size: 11px; 
	font-family: Tahoma, Verdana, sans-serif, Arial;
padding: 4px 14px;
margin: 10px;
}
							/* end content styles */
							/* footer styles */
#logo2 {
	position: relative;
	float: right;
	margin-top: 40px;
	margin-right: 30px;
	display: inline;
}
							/* end footer styles */
.serv {
margin-bottom: 20px;
}
.serv li {
margin-top: 6px;
}
.cont_img {
margin: 10px 0;
}
#content_ins h3 {
color: #366EB9;
font: bold 11px verdana;
}
dt {
font-weight: bold;
color: #666666;
margin: 10px 0 2px 0;
padding-left: 15px;
}
dd {
margin: 6px 0 10px 15px;
font-weight: normal;
color: #696969;
}
#insider h3 {
font: bold 12px tahoma, sans-serif;
letter-spacing: 0.4px;
clear: both;
}
#insider {
}
ul.menulevel1 a {
line-height: 12px;
}
ul.menulevel2 a {
line-height: 25px;
}
.downloads img {
border: none;
margin-right: 10px;
}
.search {
margin: 35 0 0 20;
}
.search input {
	height : 20px;
	width: 116px;
	font-size: 11px;
	border-top: solid 1px #7F7F7F;
	border-left: solid 1px #7F7F7F;	
	border-right: solid 1px #CACACA;
}
.search .searchbutton {
margin-left: 10px;
	border: solid 1px #D7E2F1; 
	background-color: #F2F7FC; 
	width: 70px; 
	height: 23px; 
	color: #366EB9; 
	font-size: 11px; 
	font-family: Tahoma, Verdana, sans-serif, Arial;
}
/* Start: SAPE classes */
.sape_header{
 padding-bottom: 15px;
 padding-top: 5px;
 font-family: Verdana;
 font-size: 11px;
 font-weight: bold;
}
.sape_left_block{
 padding-left: 48px;
 width: 240px;
 //width: 270px;
}
.sape_links{
 font-size: 11px;
}
.sape_right_block{
 font-family: Verdana;
 font-size: 11px;
 color: #999999;
}
.sape_links img{
 margin-left: 0px;
 margin-right: 15px;
}
.sape_links A{
 color: #999999;
 text-decoration: none;
 font-size: 11px;
}
/* End: SAPE classes */