* {margin:0; padding:0;}

body {
    background:url(/images/body.jpg) repeat-x 0 186px;
    font:13px Arial;
    color:#333;
    min-width: 1250px;
}
img {border:0;}

/* Clearfix
--------------------------------------------------------------------------*/
.clearfix:after {  /* ie.css */
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {  /* ie.css */
    display: inline-block; 
}

.w_100 {
    width:100%;
}

h1 {
	font-family:Arial;
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

h1.big {
	font:bold 13px Arial; color:#5e768e;		
}


h2 {font:bold 13px Arial; color:#5e768e; text-transform:uppercase; background:url(/img/h2.gif) no-repeat left bottom; padding:0 0 12px 0; margin:0 0 12px 0;}
	*html h2 {background-position:3px bottom;}
#container {
	width:1250px;
    position: relative;
}

#h1_hide { position:absolute; top:-100px;}

.top {
    height:199px;
    width: 100%;
    background: url(/images/birthday15.jpg) no-repeat 0 0;
}


.logo {
    width:321px;
    height:42px;
    float:left;
    margin: 25px 0 0 24px;
    _display:inline;
}

.badge_15 {
    width:54px;
    height:50px;
    left: 240px;
    position: absolute;
    top: 72px;
}

.top-banner {
    position:absolute;
    top:20px;
    left:550px;
}

.slider_year {
    position: absolute;
    left: 427px;
    width: 590px;
    color:#fff;
    font-size: 13px;
    top:4px;
    overflow: hidden;
    height: 190px;
}



.slider_year_contain {
    width: 3000px;
}

.slider_year_block {
    width: 590px;
    float: left;
}

.year_switch {
    text-align: center;
    font-size: 50px;
    font-family: georgia, serif;
    margin: 0 0 16px 0;
}

.year_switch a {
    display: inline-block;
    width: 22px;
    height: 35px;
    position: relative;
    bottom:-3px;
}
a.slider_year_back {
    background: url(/images/arrow-left-normal.png) no-repeat 0 0;
}
a.slider_year_back:hover {
    background: url(/images/arrow-left-hover.png) no-repeat 0 0;
}

a.slider_year_forv {
    background: url(/images/arrow-right-normal.png) no-repeat 0 0;
}
a.slider_year_forv:hover {
    background: url(/images/arrow-right-hover.png) no-repeat 0 0;
}

.topPhone {
	margin:8px 20px 0 0;
	display:block;
//	display:inline;	
	width:186px;
	font:14px/1.2em Arial;
	color:#6c86a2;
	float:right;
	
}

.topPhone .pp {
	font:bold 15px/18px Arial;
	margin:5px 0 0 0;
	display:block;
    color: #3dd132;
}
.topPhone .pp .Green {
	color: #3dd132;
}

.top_buttons {
    position: absolute;
    top:112px;
    left: 28px;
}
a.join {
	font:11px Tahoma;
	color:#4fbb4c;
	display:inline-block;
	height:26px;
    width: 147px;
    background: url(/images/button-client-hover.png);
    margin: 0 0 7px 0;
}

a.join:hover img {
    display: none;
}

	#topMenu {font:bold 11px Tahoma; position:absolute; list-style:none; left:382px; top:86px;}
		#topMenu li {float:left;} 
			#topMenu li a, #topMenu li a:visited {text-decoration:none; color:#6c86a2; display:block; width:97px; height:39px; 1border-bottom:none; border:1px solid #fff; border-bottom:none; padding:6px 0 0 3px;}
			#topMenu li a:hover {background:#6d89a6; border:1px solid #92aac3; border-bottom:none; color:#fff !important;}


.btnCol { position:relative; width:400px; float:left; }
.rightCol {width:222px; float:right; margin-top:25px; }

.contacts {
    font:12px Tahoma;
    color:#587391;
    float:right;
    position: absolute;
    right: 0;
    top: 85px;
    width: 210px;
}

.contacts a {
    display: inline-block;
    padding: 1px 7px 3px 20px;
    text-decoration: underline;
}

.contacts a.contacti {
    color:#8cbfff; 
    background: url(/images/ico-contacts.png) no-repeat 4px 6px;
    margin: 0 0 4px 0;
}
.contacts a.contacti:hover {
    text-decoration:none;
    color: #fff;
    background:#1674ea url(/images/ico-contacts-hover.png) no-repeat 4px 6px;
}
.contacts a.agents {
    color:#3DD132;
    background: url(/images/ico-agent.png) no-repeat 6px 5px;
}
.contacts a.agents:hover {
    text-decoration:none;
    color: #fff;
    background:#2da524 url(/images/ico-agent-hover.png) no-repeat 6px 5px;
}
		
#menu_right {
	width:200px;
	font:11px Tahoma;
	margin:30px 0 44px;
}

			#menu_right ul {list-style:none;}
				#menu_right ul li {height:23px; border-bottom:1px solid #9daec0; padding:7px 0 0 10px;}
					#menu_right ul li a, #menu_right ul li a:visited {color:#e5eef7; text-decoration:none;}
					#menu_right ul li a:hover {color:#fff;}
		
a.calca {
    color:#F2F9FF!important;
    text-decoration:none !important;
    text-align:left;
    text-decoration:none;
    font:11px/19px Tahoma;
    font-weight:normal;
    display: inline-block;
    width: 148px;
    height: 26px;
    background: url(/images/button-calculator-hover.png) no-repeat 0 0;
}
a.calca:hover img {
    display: none;
}

		.compositeList {list-style:none; margin:0 0 10px 0;}
			.compositeList li {padding:0 15px 20px 0;}
				.compositeList li h3 {font:bold 14px Arial; color:#6b86a4; margin:0 0 5px 0;}
				.compositeList li span {font:bold 14px Arial; color:#6b86a4; display:block;}
				.compositeList li a, .compositeList li a:visited {color:#6b86a4; font:11px Arial; display:block; text-align:right; text-decoration:none;}
				.compositeList li p a, .compositeList li p a:visited {font:11px Arial; color:#333; text-align:left;}
		
.leftCol {
	width:378px;
	float:left;
	margin-top:37px;
}
.leftInfoBlock {
	width:361px;
	padding:0 4px 10px 4px;
	background:#7a95b2;
	border:1px solid #A9BED3;
	margin:0 0 0 4px;
}

				.graph {border:1px solid #abbdd3; width:348px; height:193px;}
				
				.servImg {float:left; margin:7px 5px 0 0;}
				#pif_id, #period, #graph_id {font:11px Arial; width:150px; height:18px; border:1px solid #215304; margin:5px 10px 0 0;}
				#graph_id { float:left; }
				.buttonContainer img {margin:5px 0 0 3px;}
				
				.info {font:11px Arial;width:345px; /* padding: 5px 5px 10px; border: 3px solid #50b948;*/}
					.info th {font-weight:bold; color:#fff; padding:7px 0 7px 0; border-bottom:1px solid #88a2bd; width:49px;}
						.queer {/*color:#fff !important; text-align:left !important; font-weight:bold !important;*/ padding-left:7px !important; text-align:left !important; width:auto !important;}
					.info td {padding:7px 0 7px 0; border-bottom:1px solid #88a2bd; border-top:1px solid #647f9c; color:#e6edf5; text-align:center;}
						.info td.field {text-align:left; padding-left:7px;}
							.info td.field a, .stock td.field a:visited {color:#e6edf5; text-decoration:none;}
							.table_title {
								width:344px; 
								height: 15px; 
								font:11px Arial; 
								margin:20px 0 0 0;
								padding: 5px 0 0 15px;
								color: #fff;
                                border-bottom: 1px solid #50b948;
                                border-top: 1px solid #FFF;
                                border-left: 1px solid #FFF;
                                border-right: 1px solid #FFF;
								background: #50b948 url(/images/bg_title.png) repeat-x left top;
								}
							.graph_box {
                                border: 1px solid #FFF;
                                border-top:0;
                                padding: 5px 5px 10px;
                                width: 349px;
                            }

							.bull {color:#01ff23;}
							.bear {color:#990025;}
						
						
.centerCol {
	margin:0 222px 0 385px;
	padding-top:45px;
}		
			#twinpix {width:95%; height:281px; margin:0 0 64px 0; position:relative; left:-10px;}
				.picHolder {width:48%; border:1px solid #809bb6;}
					.lt {background:url(/img/pic1.jpg) no-repeat left top;}
					.rt {background:url(/img/pic2.jpg) no-repeat left top;}
				
.centerCol p {
	margin:0 35px 17px 15px;
}

.centerCol h2 {
	margin:2em 0 12px 15px;
}
				
	.footer {clear:both; font:11px Tahoma; margin:0 10px 20px 9px; color:#b5c1ce; border-top:9px solid #e5eef7; border-bottom:9px solid #e5eef7; padding:0 33px 10px 27px; text-align:justify;}			
		.bottom_menu1 {padding:20px 0 30px 0;}
			.bottom_menu1 li {float:left; list-style:none; border-right:1px solid #6c86a2; padding:0 20px 0 20px;} 
			.bottom_menu1 li.first {padding-left:0;}
				.bottom_menu1 li a, .bottomMenu li a:visited {color:#6c86a2; text-decoration:none;}	
		
		.copyright {clear:both; font-weight:bold; padding:0 0 15px 0;}

#horizontalmenu {position:absolute; left:22px; top:-5px; right: 0px; height: 42px; background: #e5eef7; }

*html .menu0	{z-index:100; position:relative;}
//#horizontalmenu ul.menu0 li.limenu1 {background:url('img/arrowdown.png') no-repeat right bottom;}

.menu1 li, .menu1 li:hover, .menu1 li.hover {
	behavior: url(../js/hover.htc);
	}	
		
		
/*styles from the old main.css*/		

.left{	float: left;	width: 381px;	height: 281px;	overflow: hidden;	position: relative;	}
.between{	float: left;	width: 1%;	height: 281px;	overflow: hidden;	position: relative;	}
.pic_1{	float: left; margin:0 7px 0 2px; display:inline; z-index: 1; width: 18%;	height: 281px;	overflow: hidden;	position: relative;	border: 1px solid #809AB6;}
.pic_2{	float: left;	z-index: 1; width: 18%;	height: 281px;	overflow: hidden;	position: relative;		border: 1px solid #809AB6;}
.pictext{position:absolute; display:none; z-index:5000; font: 13px Tahoma; font-weight:bold; color: white; font-variant:small-caps; padding: 250px 0 0 15px;}

/*styles from the old main.css*/		

/**/

#graph, .zwhite {color:#E6EDF5; font-size:11px;}


/*extra styles for one report*/
h2.mrg29 {padding-left:29px;}
.logged {position:relative; top:-10px; padding:0 0 0 29px;}
.backlinkReport, .backlinkReport:visited {padding:0 0 0 29px;}

.loginType {font:bold 16px Arial; padding:10px 0 10px 29px;}
p.period {font-style:italic; padding:0 0 5px 29px; border:none; background:#fff;}
.one_report {border-collapse:collapse; margin:0 0 20px 29px; font:12px Arial;}
	.one_report th, .one_report td {color:#343233; border:1px solid #6c86a1; padding:5px;}
	.one_report th {background:#95abc3; color:#fefffd; font-weight:normal;}
		.one_report th.a {background:#6c86a1; border:1px solid #95abc3;}
	
	.one_report td {background:#f1f8ff; text-align:right; white-space:nowrap;}
		.one_report td.dat {text-align:left !important; white-space:normal !important;}

	
/*extra styles for the reports list*/
.zamtd div table {height:187px; border-collapse:collapse; margin:0 0 0 29px;}
	.zamtd div table td {vertical-align:top;}
		.zamtd div table td.leftAr {width:47px; background:url(/img/pic187l.gif) no-repeat;}
		.zamtd div table td.rightAr {width:47px; height:187px; background:url(/img/pic187r.jpg);}
			.zamtd div table td.rightAr img, .zamtd div table td.leftAr img {margin:79px 0 0 15px;}
		.zamtd div table {background:none;}
		.zamtd div table td table td {padding:2px; height:auto;}	

.canvases {
	height:330px;
	padding-top:57px;
}

.canvases div {
	position:static !important;		
}
.bot_logos {
  background: url(../images/border_b.gif) repeat-x 0 0; 
  overflow: hidden;
  margin: 10px;
  padding: 10px 0 5px;    
	clear:both;
}

.bot_logo {
  float: left;
  width: 29%;
  margin:10px 25px 0;
//	display:inline;
	text-align: center;
}

.banner-placeholder {
	min-height:267px;
	margin-left:10px;
    position:relative;
    width:595px;
}

.banner-placeholder .ramka {
    position:absolute;
    z-index:10;
    cursor:pointer;
    zoom:1;
}

/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 595px;
    height:225px;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accommodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
.items div {
    float:left;
}

a.browse {
    background: url("/images/arrows.png") 0 120px no-repeat;
    cursor: pointer;
    display: block;
    font-size: 1px;
    width: 15px;
    height: 225px;
    position:absolute;    
    z-index:11;
}

a.left {
    top:0;
    left:20px;
}
a.left:hover {
    background-position: 0 -105px;
}

a.right {
    background-position: -15px 120px;
    top:0;
    right:20px;
}
a.right:hover {
    background-position: -15px -105px;
}


#horizontalmenu ul li a {
    height: 31px !important;
}

.year_list li {
    margin: 0 0 8px 15px;
}

.menuleft {
    margin-top: 37px!important;
}

.center {
    text-align: center;
}

.twitter_block {
    font-size: 140%;
}

.twitter_block img {
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.twitter_block a {
    text-decoration: none;
    color: #35B7DB;
}

.top_banner {
    position: absolute;
    left:396px;
    width: 590px;
    color:#fff;
    font-size: 13px;
    top:0;
    overflow: hidden;
    height: 190px;
}