@import url("reset.css");
@import url("admin.css");

body{font-family: Arial, Helvetica, sans-serif; background: #77c7ff url(../img/body.gif) repeat-x top; font-size: 12px;}

#body{width: 1000px;margin: 40px auto 0px auto;}
#logo{position: relative; width: 1px; height: 1px; top: -154px; left: -26px;}
#logo .image{position: absolute;width: 200px; height: 164px;background: url(../img/logo_0.png);}
* html #logo .image{background: transparent;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tpl/myphone/img/logo_0.png', sizingMethod='scale');}

a {color: #02555D; text-decoration: none;}
a:hover {text-decoration: underline;}

.clear {clear: both;}

div.menuTop{float: right;}
div.menuTop ul#menu li{float: left; margin: 10px 1px 0 1px;}
div.menuTop ul#menu li a{display: block; text-align: center; width: 117px; height: 22px; padding: 12px 0 0 0; margin: 0; text-decoration: none; color: white; font-size: 12px; background: #3893c0 url(../img/category.gif)  top left no-repeat;}
div.menuTop ul#menu li a:hover{background: #086c90 url(../img/categoryHover.gif) top left no-repeat;}

div.mainbody{float: left;width: 1000px;}
div.mainbody div.header{height: 119px; background: #bbd6e0 url(../img/header.gif) top repeat-x;}
div.mainbody div.header .logo{float: left; margin: 5px 30px 0px 0px; padding: 25px 30px 10px 0px;}
div.mainbody div.header .title{padding: 15px 0px 0px 95px;font-family: "Times New Roman", Times, serif;margin: 0px 0px 0px 120px;}
div.mainbody div.header .title a{text-decoration: none;}
div.mainbody div.header .title a h1{color: #096c90;font-size: 39px;font-weight: normal;}
div.mainbody div.header .title a strong{color: #096c90;font-size: 39px;font-weight: normal;display:block}
div.mainbody div.header .title a p{padding: 3px 0px 0px 0px; font-size: 18px; color: #096c90;}

div.contentBg{float: left; background: #a6d4f3 url(../img/content.gif) top repeat-x; border: 1px solid white; border-top: 1px solid #086c90;}
div.leftBg{background: url(../img/leftBg.jpg) top left no-repeat;}

div.leftcol{float: left;}
div.leftcol div.content{padding: 100px 30px 5px 15px; width: 195px;}
/*boxes*/
.search{position: absolute; margin: 10px 0;}
.search input.searchfield{background: white; width: 300px; height: 20px; border: 1px solid #3f8d9d;}
.search input.searchbutton{margin: 0 0 0 10px; width: 51px; height: 21px; cursor: pointer; border: none; background: url(../img/search.gif) no-repeat top left; color: white;}
div.leftcol h3{margin: 0 0 10px 0; color: white; font-size: 20px;}
div.leftcol .tags{padding: 6px 0px 6px 0px;}
div.leftcol .tags h3 a{color: white; text-decoration:}
a.t1{font-size: 10px; color: black; text-decoration: underline;}
a.t1:hover {text-decoration: none;}
a.t2 {font-size: 13px; color: black; text-decoration: underline;}
a.t2:hover {text-decoration: none;}
a.t3 {font-size: 16px; color: #cececd; text-decoration: underline;}
a.t3:hover {text-decoration: none;}
a.t4 {font-size: 20px; color: white; text-decoration: underline;}
a.t4:hover {text-decoration: none;}
a.t5 {font-size: 24px; color: white; text-decoration: underline;}
a.t5:hover {text-decoration: none;}
div.leftcol .newwrite{padding: 6px 15px 6px 0px;}
div.leftcol .newwrite ul li{margin: 10px 0 0 0;}
div.leftcol .newwrite ul li a{color: white; font-size: 0.9em;}
div.leftcol .extra{margin: 30px 0;}
div.leftcol .extra .content{padding: 0;}
div.leftcol .counters{margin: 25px 0;}

div.centercol{float: left; width: 500px; padding: 0 30px 0 30px; border-left: 1px dotted #288a99; border-right: 1px dotted #288a99;}
* html div.centercol{width: 480px;} 
div.centercol div.content .mainitem{margin: 0 0 20px 0;}
div.centercol div.content .mainitem ul li{line-height: 16px;}
div.centercol div.content .mainitem ul li *{line-height: 12px;}
div.centercol div.content .mainitem p{line-height: 16px;}
div.centercol div.content .mainitem a.readmore{color: black; font-size: 12px; font-weight: bold;}
div.centercol div.content .mainitem a.readmore:hover {text-decoration: underline;}
div.centercol div.content .infoline{float: right; font-size: 11px; color: #02555d;}
div.centercol div.content .infoline a {padding: 0 10px 0; text-decoration: none; color: #02555d;}
div.centercol div.content .infoline a:hover {text-decoration: underline;}
div.centercol div.content .tags a {padding: 0 5px 0 0; text-decoration: none; font-size: 11px; color: #02555d;}
div.centercol div.content .tags a:hover {text-decoration: underline;}
div.centercol div.content h1,
div.centercol div.content h2{clear: both; margin: 0 0 10px 0;}
div.centercol div.content h1,
div.centercol div.content h1 a,
div.centercol div.content h2 a{font-size: 16px; color: #00334b; font-weight: bold;}
div.centercol div.content h1 a:hover,
div.centercol div.content h2 a:hover{text-decoration: underline;}
div.centercol div.content h3{padding: 0 0 8px 0px; margin: 20px 0 0 0; font-size: 16px; color: #00334b; font-weight: bold;}
div.centercol div.content .extra{margin: 0 0 20px 0;}

div.rightcol{position: relative; top: 30px; right: 0px; width: 195px; float: right;}
div.rightcol div.content div h3{font-weight: bold;}
div.rightcol div.content{padding: 5px 15px 5px 0;}
/*boxes*/
div.rightcol div.content a{color: #8C8C8C; height: 100%;}
div.rightcol div.content ul.menu li a{display: block;padding: 3px 0px 3px 30px;color: white;}
div.rightcol div.content ul.menu li a:hover{background: #9ccfdd url(../img/menuBullet.gif) 15px 50% no-repeat; color: #02555d; font-weight: bold;}
div.rightcol div.content div.newsletter{padding: 20px 0px 10px 20px;}
div.rightcol div.content div.newsletter a{color: #D10000;}
div.rightcol div.content div.newsletter h3{height: 28px; margin: 0 0 5px 0; padding: 0 0 0 38px; background: url(../img/rss.gif) top left no-repeat; color: white;}
div.rightcol div.content div.newsletter a{color: #02555d;}
div.rightcol div.content div.newsletter a:hover{text-decoration: underline;}

div.rightcol div.content div.online{padding: 10px 0px 10px 20px;}
div.rightcol div.content div.online h3{margin: 0 0 5px 0; color: white;}
div.rightcol div.content div.online a{color: #02555d;}
div.rightcol div.content div.online a:hover{text-decoration: underline;}

div.rightcol div.content .extra{padding: 10px 0px 10px 20px; line-height: 115%;}
div.rightcol div.content .extra h3{margin: 0 0 7px 0; color: white;}
div.rightcol div.content .extra a{display: block;padding: 0 0 5px 0;color: white;}

div.rightcol div.content .counters{padding: 10px 0px 10px 20px; line-height: 115%;}
div.rightcol div.content .counters h3{margin: 0 0 7px 0; color: white;}

.footer{font-size: 11px;background: url(../img/bot.jpg) repeat-x top; width: 820px;text-align: center;padding: 5px 0px 0px 185px;}
.footer div.content{width: 450px;margin: 0px auto;/* text-align: center;padding: 0px 0px 0px 76px;*/color: White;}
.footer div.content ul.menu {padding: 0px 0px 0px 40px; margin: 0 auto;}
.footer div.content ul.menuP {padding: 1px 0px 0px 15px; margin: 0 auto;}
.footer div.content ul.menu li{float: left;}
.footer div.content ul.menuP li{float: left;}
.footer div.content ul.menu li:first-child a{border: none;}
.footer div.content ul.menu li a{display: block; margin: 5px 0 5px 0; padding: 0 5px 0 5px; font-size: 10px; color: black; border-left: 1px solid black; text-decoration: underline;}
.footer div.content ul.menu li.current a,
.footer div.content ul.menu li a.current{color: #086c90;}
.footer div.content ul.menu li a:hover{text-decoration: none;}
.footer div.content ul.menuP li:first-child a{border: none;}
.footer div.content ul.menuP li a{display: block; margin: 5px 0 5px 0; padding: 0 5px 0 5px; color: black; border-left: 1px solid black; text-decoration: underline;}
.footer div.content ul.menuP li a:hover{text-decoration: none;}
.footer div.content p{padding: 6px 0px 0px 0px;}
/*.footer div.content a{color: White;}*/

.tags{float: left;margin: 0px 0px 20px 0px;}

/*old story*/
/*  Split  */
#sub-menu {	float: right; width: 40%; margin: 1em 0 1em 1em; font-size: .85em; border: solid 1px white;}
#sub-menu h3 {margin: 0; padding: 10px; background: white; font-size: 12px; text-translation: uppercase;}
#sub-menu ul {margin: .5em .5em .8em .8em;}
#sub-menu ul li{padding: 0px 0px 6px 0px;}
#sub-menu u{text-decoration: none;}
#current-sub-menu strong {	font-weight: bold;}
#sub-number {text-align: center; border-top: 1px solid #bfd8e2; border-bottom: 1px solid #bfd8e2; padding: .5em;	margin-bottom: .5em;}
#sub-number span, #sub-number a {	margin: 0 .1em;}
.current-sub-number {	font-size: 1.3em;}

/* ����� */
#search_engine {margin-bottom: .7em;}
.searchfield {width: 125px;}
.searchbutton {font-size: .9em;}
fieldset input, textarea {	width: 97%;	padding: .2em;}
fieldset {border: 1px solid #E4DF94; padding: 10px 8px; margin: 0 0 8px 0; background: #FFFBC0; color: #000; }
textarea {height: 8em; }
label {font-size: .85em; }
form#post {margin-top: 1em;}
form#post p {margin: 0 0 .5em 0;padding: 0; }
form#post input {margin-right: 1em;}
form#post textarea {margin-top: .7em;}
input#contactform {margin-top: .7em;}

/* ����������� */
div.comment {clear: both; border: 1px solid #bfd8e2; border-top: none;}
div.comment p {padding: 0 0 .5em .5em; color: black;}
div.comment p.date {background: #bfd8e2; padding: .3em .5em; font-weight: bold; color: black;}
#name, #text{border: 1px solid #3F8D9D;}
.commentsbox {background: transparent; border: 1px solid #bfd8e2; color: black; padding: 10px; margin: 1em 0 10px 0; }
.nocomments {background: #bfd8e2; padding: 10px; margin: 1em 0 10px 0; text-align: center;}
.readmore {margin-left: 1ex; font-size: .85em; font-weight: bold;}

#breadcrumbs{margin: 10px 0 9px; padding: 0px 0px 5px 0px; font-size: 11px;}

.paginator{clear: both; margin: 0 0 10px 60px;}

div.similar_articles{margin:4px 0px 12px 0px; padding:22px 10px 12px 10px;}
div.similar_articles span.more{font-size:1.5em; padding:12px 0px 5px 0px; display:block; color: white; border-bottom:solid 1px silver; margin:0px 0px 8px 0px;}
div.similar_articles ul li{margin:2px 0px 10px 0px;}
div.similar_articles ul li a{display:block; padding:0px 0px 0px 16px; }
div.similar_articles ul li a:hover{display:block; padding:0px 0px 0px 16px; color:#0F3357;  text-decoration:none; background: url(../img/news.gif) no-repeat left;}