html,body {
margin:0;
padding:0;
border:0;
color: #505050;
background:#8a97a9 url(../images/bg/main.jpg);
font: 90%/1.4em  Arial, Verdana,Tahoma, sans-serif;	
height:100%;
}
img{border: 0;}
a{ color: #cf3e1e; text-decoration: underline; }
a:hover{ text-decoration: none; }
div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin: 0;
padding: 0;
/*border: 0;
font-weight: inherit;
font-style: inherit;*/
font-size: 100%;
font-family: inherit;
list-style-type: none;
/*vertical-align: top;*/
}
ul,ul li{ position: static; z-index: 1100; }
.clearfix:after,.inner:after,ul li:after,.list:after{	content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
.clearfix,.inner,ul li,.list{display: inline-block;}
html[xmlns] .clearfix,html[xmlns] .inner,html[xmlns] ul li,html[xmlns] .list{	display: block;}
* html .clearfix,* html .inner,* html ul li,* html .list {	height: 1%;}

/* general */
.clear{height: 1px; font-size: 1px; overflow: hidden; clear: both; display:block; width: 100%; float: none!important; padding: 0!important; margin: 0!important; }

.bg{ background: url(../images/bg/top_rep.jpg) repeat-x; min-height: 200px;}
.sl{ background: url(../images/bg/top_rep.jpg) repeat-x; position:relative;	min-height:100%;	margin-bottom:-110px;}

* html .sl {height:100%; min-height: none;}
html>body .sl{height:auto;}


.sss{height:100%; /*min-height:649px; height: expression(document.documentElement.offsetHeight < 800 ? '649px' : '100%' );*/}
*html .bg{ height: 200px; }
.bg1{ background: url(../images/bg/tl.gif) no-repeat; min-height: 600px; }
*html .bg1{ height: 600px; }
.colmask ,.footer_content{position:relative;clear:both;float:left;width:100%;overflow:hidden;}
.colright {float:left;width:200%;position:relative;left:200px;  }
.colwrap {float:right;width:50%;position:relative;right:200px;}
.rightcolumn {margin:0 0 0 212px;position:relative;right:100%;overflow:hidden; z-index: 100}
.viewer .rightcolumn{ margin:0 0 0 164px; }
.leftcolumn {float:left;width:165px;position:relative;right:197px;}
*html .rightcolumn {width:100%;}

.colmask,.footer_content{overflow:hidden; width: 100%;min-width: 1000px;max-width: 1450px;width: expression((document.documentElement.clientWidth	|| document.body.clientWidth) < 1000 ? '1000px' : (document.documentElement.clientWidth || document.body.clientWidth) > 1450 ? '1450px' : '100%' );}

.viewer .bg{ min-height:590px;_height:590px; }
/* leftcolumn components */
.leftcolumn a{ color: #000; }
.logo_container,.menu_container,.login_container{ height: 200px; overflow: hidden; }
.logo{ display: block; margin: 42px 0 0 18px }

.menu{ margin-top: 34px; font: 18px Arial,sans-serif; }
.menu li{ float: left; width: 100%; }
.menu a{ color: #181819; text-decoration: none; }
.menu li a{ border-left-width: 6px; border-left-style: solid; display: block; margin-bottom: 5px;  padding-left: 18px; padding-top: 9px; padding-bottom: 4px;}
.menu li.create a{ border-color:#ffc237; }
.menu li.create a span,.menu li.create a:hover,.menu li.create a.selected{color:#ffc237;}

.menu li.library a{ border-color:#ff8800; }
.menu li.library a span,.menu li.library a:hover,.menu li.library a.selected{color:#ff8800; }

.menu li.features a{ border-color:#c51e0e; }
.menu li.features a span,.menu li.features a:hover,.menu li.features a.selected{color:#c51e0e; }

.viewer .menu_container{ height:92px; overflow:hidden; background: url(../images/menu/all.gif) no-repeat }
.viewer .menu{ margin:0; font-size:12px; margin-top:13px; }
.viewer .menu li{ padding-left:60px; }
.viewer .menu a{ border-left: 0; padding:0 0 4px 0; margin:0; }
.login_container{ color: #5c595a; font: 14px Arial,sans-serif;}
.login_container p{ padding-top: 15px;  padding-left: 22px;  }
.login_container a{ color: #5c595a; font-weight: bold; background: #ffff75; text-decoration: none; }
.login_container span{ display: block;  padding-left: 6px; padding-bottom: 15px; }

.pass{ padding-top: 4px; }
.login_menu{ font: 11px Arial,sans-serif; padding-left: 16px; padding-top: 12px;}
.login_menu li{ padding-bottom: 7px; }
.login_menu li a{ display: block; padding-left: 15px; }
.login_menu li.selected a{ font: bold 14px Arial,sans-serif; background: url(../images/arrows/menu_select.gif) no-repeat 0 5px; }
/* /leftcolumn components */

/* rightcolumn components */
.header{ min-height: 52px; }
*html .header{ height: 52px; }
.viewer .header{ height:92px;text-align:center; overflow:hidden; }
.lang{ float: left;font:13px Arial,sans-serif; }
.viewer .lang{ float:right;width:80px; }
.lang li{ float: left; margin-right: 5px; width: 32px; overflow: hidden; border-top:6px solid #8c99ab; text-align: center; color: #fff;}
.lang li{ display: block; }
.lang li.selected{ color: #fff; border-top:6px solid #fff; }
.lang li.selected a{ cursor: default; text-decoration: none; color: #fff; }
.slogan{ float: right; margin: 7px  0 0 0; /*background: url(../images/bg/slogan.gif) no-repeat;*/width:492px; height: 29px; font:bold 26px 'Arial Narrow',sans-serif; color: #302f2f;}
.slogan span{ display: none; }
.Content{padding-right:171px;  overflow: hidden; }
.silver_{ height: 446px; overflow:hidden; margin-top: 16px;}
.innercontent{height:100%; width: 100%;min-width: 788px;}
*html .innercontent{width: expression((this.parentNode.offsetWidth) < 960 ? '788px' : '100%' );  }
.inner{ padding-left:28px; }
table  td{ padding: 0; font:14px Arial,sans-serif; vertical-align: top;}
table tr.corners td{ font-size: 1px; line-height: 1px;  }

.features .yellow{ background: #f9e456; font-size: 1px; line-height: 1px;   }
.features .white{ background: #fff; }
.features .bleft{ background: url(../images/corners/bl.gif) no-repeat; width: 14px; height: 7px; overflow: hidden; font-size: 1px; line-height: 1px; }
.features .bleft_big{ background: url(../images/corners/bl_big.gif) no-repeat; width: 19px; height: 7px; overflow: hidden; font-size: 1px; line-height: 1px; }
.features .tright,.features .bright{ background: url(../images/corners/tr.gif) no-repeat; width: 7px; height: 7px; overflow: hidden; font-size: 1px; line-height: 1px;  }
.features .bright{ background: url(../images/corners/br.gif) no-repeat; font-size: 1px; line-height: 1px; }

.title_outer{ position:relative;height:31px; overflow: hidden; }
.title_content{display:table; position:absolute; }
.title{color: #fff;font:bold 16px Arial,sans-serif; padding-right: 7px;  background: url(../images/corners/title_tr.png) no-repeat 100% 0; display: table-cell;  }
.title p{  background: url(../images/corners/title_repeat.png) no-repeat;  }
.title span{ display: block;padding: 5px 25px 7px 15px; }
.title span:first-letter { color: #f9e456; }

*+html .title_content,*+html .title{ display: inline-block; zoom:1; }
*html .title_content,*html .title{ display: inline; zoom:1; }


.features_text{ padding: 12px 18px 5px 18px; background: #fff;  }
.center{ text-align: center; }
.oun{ background: url(../images/buttons/create.gif) no-repeat; width: 124px;  }
.learn{ background: url(../images/buttons/learn.gif) no-repeat; width: 113px; }
.features .center a{display: block;  margin: 0 auto; height: 35px; }
.features .center a:hover{ background-position: 1px 1px; }
.features_text p,.features_text li{ padding-bottom: 7px; }
/* /rightcolumn components */
/* footer */
*html .footer_content{ position: relative; margin-top: -4px; }
*+html .footer_content{ position: relative; margin-top: -4px; }


.footer{text-align: center; padding-left: 240px; padding-right: 171px; padding-top:36px; padding-bottom: auto;  font: 11px Arial,sans-serif; color: #c9d7ea; }
.footer a{ color: #c9d7ea;  }
.footer_content .innercontent{ width: 100%; float: left; clear: both;}
.footer_content .ads{  width:728px; margin: 0 auto; text-align: left; }
.footer a.int{ text-decoration: none; }
.footer_content_sl{ height: 110px; position: relative; overflow: hidden; text-align: center; }
.ads_sl{ margin: 1% auto 0 auto; text-align: center; }
.silver{ float:left;width:100%; }
.viewer .footer{ padding-left: 164px; padding-right:80px;  }
/* footer */
h1{ font: 42px Arial,sans-serif; padding-bottom: 8px;}
h1.maintitle{  color: #ffffff; padding-bottom: 5px; padding-right: 5px; }
h1.maintitle span:first-letter{ color: #f9e456; }
h1.maintitle span{ float: left;display:block; width:60%; }
h1.maintitle b{width:39%; text-align: right; float: right;display:block; font: 19px Arial,sans-serif; color: #f9e456; padding-top: 16px; }


.search_textblock,.textblock{ background: #fff; padding: 28px 13px 0 8px;height: 745px; }
.search{ background: url(../images/bg/sep_line.gif) repeat-x 0 100%; padding: 0 0 0 32px; margin-bottom: 14px; }
.searchbutton{ display: block; height: 35px; width:91px; background: url(../images/buttons/search.gif) no-repeat; }
.searchbutton:hover{ background-position: 1px 1px; }
.search td{ vertical-align: middle; padding-right: 24px; padding-bottom: 15px; }
.search input.text{ width: 375px; }
*html .search input.text{ width: 385px;  voice-family: "\"}\""; voice-family: inherit; width: 375px;
}

.alphabet,.paging{ font:bold 14px Arial,sans-serif; color: #434343; text-align: center; margin-bottom: 20px;}
.paging{ margin-bottom: 18px; }
.alphabet a,.paging a{ color: #c51e0e; }
/*.alphabet a:visited,.paging a:visited,*/.alphabet a.selected,.alphabet .selected,.paging a.selected,.paging .selected{ color: #7e8b9d; text-decoration: none; cursor: default; }
.search_textblock h2,.search_textblock h1{ color: #7e8b9d; text-align: center; }

.search_list { padding: 0 0 39px 45px; font: 12px Arial,sans-serif;  }
.search_list li{ float: left; width: 49%;  height: 108px;overflow: hidden;  margin-bottom: 7px;}
*html .search_list li{width:49%;  }
.search_list li div.img{ float: left; width: 93px; }
.search_list li div.list{  background: url(../images/arrows/list.gif) no-repeat 0 13px; padding-left: 15px;padding-right: 5px; padding-top: 10px; }
*html .search_list li div.list{ position: relative; left: -3px; }
h3{ font: 14px Arial,sans-serif;color:#c51e0e; padding-bottom: 15px; }
.search_list h3 a{color:#c51e0e; text-decoration: none; }
.search_list h3 a:hover{ text-decoration: underline; }


.textblock .subtitle, .search_textblock .subtitle { margin-bottom: 18px; font:bold 18px Arial, sans-serif; color: #7e8b9d; background: url(../images/bg/sep_line.gif) repeat-x 0 100%; padding-bottom: 7px;  padding-left: 28px; text-align:left;}
login_block .subtitle{ margin-bottom: 27px; }
.textblock .tagscontainer, .search_textblock .tagscontainer { margin-bottom: 18px; color: #7e8b9d; padding-bottom: 7px;  padding-left: 28px; text-align:left;}

.login_block{ width: 65%; }
.textblock .Text{ padding: 0 28px; }
.textblock table td{ padding-bottom:15px; padding-right: 15px; }
.login_block .Text table td{font:12px Tahoma,sans-serif;  vertical-align: middle; white-space: nowrap  }
.login_block .Text table tr.pt5 td{ padding-top: 5px; }
.loginbutton{ display: block; height: 35px; width:91px; background: url(../images/buttons/login.gif) no-repeat; }
.loginbutton:hover{ background-position: 1px 1px; }


.middle{margin-left:123px; margin-bottom: 25px}
.incide,.maintext_list{position:relative;width:100%;float:left;}
.left{width:93px;margin-left:-123px;position:relative;float:left;}
* html .left{margin-right:-3px;}


.maintext_list ul li{  background: url(../images/bullets/list.gif) no-repeat 0 5px; padding-left: 18px; padding-bottom: 11px;  }
.maintext_list p{ padding-left: 18px; }
.maintext_list{ font: 13px Tahoma,sans-serif; color: #000; }

/* form */
form{margin: 0;padding: 0;}
input, textarea{padding: 0 4px;color: #000;  font: 14px Arial,sasn-serif;}
input{ vertical-align: middle; }
textarea{height:80px;width:95%;overflow: auto; margin: 0 0 -1px 0;}
select{margin: 0;width:auto; margin: 0 0; vertical-align: middle; font: 14px Arial,sasn-serif;}
*HTML select{ margin: -1px 0 }
*+HTML select{ margin: -1px 0 }
*+ HTML input,  *+ HTML textarea{margin-top: -1px;margin-bottom: -1px;}
*HTML input,  *HTML textarea{margin-top: -1px;margin-bottom: -1px; }
html:root select{height: 18px;}
input.text,input.text_small{height: 23px;}
*html input.text,*html input.text_small{ height: 25px;  voice-family: "\"}\""; voice-family: inherit;height:23px;
}
input.text_small{ width: 125px;}
*html input.text_small{ width:135px; voice-family: "\"}\""; voice-family: inherit;width:125px; }
input.text,input.text_small{background:#fff;border: 1px solid #7e8b9d;  }
/* /form */