body {margin:0; padding:0; background-color:fff;}
body, div, span, select { font-family: sans-serif; font-size: 12px; color: #000000; font-weight: 100; }
form { margin:0}
td { font-family: sans-serif; font-size: 11px; font-weight: 100;  }

.times { font-family: serif; font-size: 11pt; font-weight: 100; }
.verdana { font-family : sans-serif; font-size: 12px;}
.subtitle{ font-family : sans-serif; font-size: 14px; font-weight: 700; color: #555555; }
.question { font-family : sans-serif; font-size: 12px; font-weight: 700; color: #555555;}

.verdana p, .times p { padding: 8 0 8 0}

.verdana ul, .times ul { background:transparent url('templates/menu/dot_gray.gif') no-repeat scroll 6px 8px; display:block; padding:1px 0 1px 12px;}
.verdana ol, .times ol { display:block; padding:1px 0 1px 24px;}
.verdana b, .times b { font-weight:700; color:#222 }

select, textarea.input_f, input.input_f, textarea.input_e, input.input_e, input.input_x {
padding:0;
font-family:sans-serif;
font-size:11px;
font-weight:100;
font-family:sans-serif;
background-color: #fff;
}
select, textarea.input_f, input.input_f {border:1px solid #C5C68B;}
textarea.input_e, input.input_e {border:1px solid #EE8D31;}
input.input_x, input.check_x {border:1px dotted #C5C68B !important;}

option {padding:0 4 0 0;}

/* popup card header*/
.viewcard { padding:20 0 20 0; font-family:sans-serif; font-size:16px; font-weight:700; background:#eee; color:#555;  }

.topmenu, .topusermenu { margin:0; padding:1; border-bottom: 1px solid #ff9999; border-left: 1px solid #ff9999; }
span.topbutton, span.topuserbutton { background:#eee; padding:1 12 1 12; border-right:1px dotted #dddddd; }
span.topbutton:hover, span.topuserbutton:hover { background:#9e9e9e; color:#fff; padding:1 12 1 12; border-right:1px dotted #dddddd; }

.toprightmenu { padding:2; border-bottom: 1px dotted #dddddd; border-right: 1px dotted #dddddd; }



.activePage { padding:2; background: #777; color:#fff  }
.pageBar { margin:24 0 24 0; background:#eeeeee; }

.imglf {float:left; margin: 4 10 16 0}
.imgsf {float:left; margin: 4 10 4 10}

.title{font-family:sans-serif; font-size: 16px; font-weight:700; color:#333; letter-spacing:1px;}
.subtitle{font-family:sans-serif; font-size:13px; font-weight:700; color:#333; letter-spacing:1px;}
.smcc{position:absolute;left:-999px;}
td.bb {border-bottom:1px #C5DE9C dotted;}


/* модуль лого */
#modlogo { width:200; height:34; margin:0 0 0 16; }


/* модуль анонсов */
div.ah, div.coverstory {margin-bottom:16; background:#ffffff url(../images/title_news.gif) no-repeat; padding: 5 0 5 20;
font-family:sans-serif; font-size:13px; font-weight:700; color:#FFCCCC; letter-spacing:1px; text-transform:uppercase;}

div.af { border-top:1px solid #ebebeb; padding-top:4}

div.docfooter {height:8; margin:10 0 10 0; border-bottom:1px solid #c3df9c}

/*модуль авторизации*/
.auh {font-family:sans-serif; font-size:12px; font-weight:100; letter-spacing:1px; background:#f9f9f9; color:#333; padding:0 10 0 10; }
div.aupos {background:#fff; height:21; margin-bottom:40}

/*модули вложений*/
div.attlist {margin-bottom:20}

/*модули ссылок*/
div.linkslist {margin-bottom:20}
div.iconitem{background:#f0f0f0; padding:0 2 0 2; margin-bottom:6; height:20}

/*шаблон сервисов*/
.itemlist {border-left:#eee 1px solid;border-top:#eee 1px solid;border-bottom:#eee 1px solid; }
.cat {background:#ffdddd; padding:2; margin-bottom:20; font-size:12px; font-weight:700; color:#333; text-transform:uppercase }
/* border-bottom: 1px solid #ff9999; */

/*footer*/
.fs { height:20; background: #e9e9e9 url(../images/stripebg.gif) repeat-x; }




/* кнопка формы pages*/
a.sub_but{
    display: block;
    background: url(../images/apage.gif) no-repeat;
    border:0;
    width:26;
    height:16;
}
a.sub_but:hover {
    background: url(../images/spage.gif) no-repeat;
    border:0;
    width:26;
    height:16;
}
a.sub_but span {
    background: transparent url(../images/apage.gif) no-repeat;
    display: block;
    line-height: 16px;
}



/* кнопки редактора*/
a.edt_but{
	float: left;
	text-align:center;
	padding-top:1;
	background: url(../images/sedt.gif) no-repeat;
	width:24;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
	margin-right:6;
	color: #444;
}
a.edt_but:hover, a.edt_but:active {
	text-align:center;
	padding-top:1;
	background: url(../images/aedt.gif) no-repeat;
	width:24;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
	margin-right:6;
	color: #444;
}


/* текстовые кнопки форм */
.clear { /* generic container (i.e. div) for floating buttons */
	height: 24px;
/* 	overflow: hidden; */
	width: 100%;
}
a.button {
	background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px;
	text-decoration: none;
}
a.button span {
	background: transparent url(../images/bg_button_span.gif) no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
}
a.button:active, a.button:hover {
	background-position: bottom right;
	color: #000;
	outline: none;
}
a.button:hover span, a.button:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px;
}




.impo{
	display:inline;
	padding:1;
	background:#ffdddd;
	color:#ff0000;
/* 	font-weight:700; */
}

.bd {font-family:sans-serif; font-size:12px; font-weight:700; color:#333}

/* help */
.parent{
	display:inline;
	position:absolute;
	margin-left:2;
}
.popup {
	position:absolute;
	visibility:hidden;
	width:440;
	color:black;
}

a.help{
	background:#ffcccc;
	color:#ff0000;
}
/* сообщение об ошибке */
.wrong{ padding:3; margin:5 0 5 0; background:#f5cccc }

a.firstpic {
	display:block;
	width:150;
	height:60;
	background:#C5DE9C;
	border-right:1px solid #C5DE9C;
/*	border-bottom:1px solid #e9e9e9;*/
	color:#fff;
	font-size:20;
	padding-top:40;
	text-align:center
}
a.firstpic:hover {
	border-right:1px solid #C5DE9C;
/*	border-bottom:1px solid #e9e9e9;*/
	background: #007100;
	color:#fff;
	font-size:20;
	padding-top:40;
	text-decoration:none;
	text-align:center
}

.usr1 {
	float:left;
	margin: 0 0 10 0;
	width:170;
	font-size:15;
	color:#000;
	letter-spacing:1;
	background:#EAFFC5;
}

.usr2 {
	float:left;
	padding-left:20;
	width:90%;
	display: inline;
	margin: 0 0 10 0;
/* 	border-left:1px solid #e9e9e9; */
}

.usr3 {
	width:160;
	font-size:15;
	color:333;
	letter-spacing:1;
	margin-bottom: 20;
	background:#EAFFC5;
/* 	border-right:1px solid #e9e9e9; */
}


.rubrics {width:240; float:left; padding:0; margin:0 0 0 20;}
.rubrics a { color:#333; font-size:11px;}
.rubrics h3 {font-size:14px; font-weight:bold; color: #333; padding:0; margin:12 0 8 0}
.rubrics h4 {font-size:12px; font-weight:bold; color: #333; padding:0; margin:12 0 3 0}

.siteblock { height:15px; width:700px; background:#fff; position:absolute; left:0px; top:160px;  z-index:2;
opacity: 0.5; filter: alpha(opacity=50); color:#000; }
.siteblock p {margin:0; padding:0 20 0 25; color:#777; font-size:10px; font-weight:100; letter-spacing:1}
.siteblock a {color:#777; font-size:10px; font-weight:100; letter-spacing:1}

.legals { margin-top:10; padding:10 0 10 0; height:100; border-top:1px #dedede solid;background: #e9e9e9 url(../images/footer_bg.png) left top repeat-x; }
.maincontent {float:left; width:680; padding:0 0 30 20; margin:0;}
.maincontent h3 {letter-spacing:1px; font-size:15px; font-weight:bold; margin:0 0 20px 0; padding:2 0 2 5; color:#fff; background:#c3df9c;}
.maincontent h4 {letter-spacing:1px; font-size:13px; font-weight:bold; margin:5px 0 0 0; padding:0; color:#111; }

.stdalone {width:680; margin:0;}
.stdalone h3 {letter-spacing:1px; font-size:15px; font-weight:bold; margin:0 0 20 0; padding:2 0 2 5; color:#fff; background:#c3df9c;}
.stdalone div {margin:5;}

.alonerubric {margin:0 0 20 0; padding:0;}

.randauthor {margin:0 0 20 0; padding:0 0 12 0; border-bottom:1px #84b584 solid; border-left:1px #84b584 solid;}
.randauthor h3 {font-size:14px; font-weight:bold; margin:0 0 8 0; padding:2 0 2 5; color:#fff; background:#84b584;}
.randauthor p { font-size:10px;  margin:0; padding:0 0 0 5; }
.randauthor p b { font-size:12px; font-weight:bold; margin:0; padding:0 0 0 5; text-decoration:underline;}
.randauthor ul li {background:transparent url('../../menu/dot_gray.gif') no-repeat scroll 6px 8px; color:#666; display:block; font-size:11px; padding:1px 0 1px 12px; text-decoration:none;}
.regform ul li {background:transparent url('../../menu/dot_gray.gif') no-repeat scroll 6px 8px; color:#000; display:block; font-size:11px; padding:1px 0 1px 12px; text-decoration:none;}

/*.randauthor a:hover {background:transparent url('../../menu/dot_gray.gif') no-repeat scroll 6px 8px; color:#000; display:block; font-size:11px; padding:1px 0 1px 12px; text-decoration:none;}*/

.randauthor .pic { float:left; margin: 5px 10px 2px 2px }
.randauthor .txt { font-size:10px; float:left; width:50%; display: inline}
.randauthor .txt p { font-size:10px; font-weight:bold; margin:0; padding:0; letter-spacing:1px;}
.randauthor .wellcome { padding:3 5 3 5; margin:0; border-top:1px #D5DAFF solid; }
.randauthor .wellcome p { font-size:10px; color: #000; }

.votebox { margin-bottom:10; padding:0; }
.votebox h3 { font-size:12px; font-weight:bold; color: #333; border-left:4px solid #EF8D31; background:#fff; border-top:1px #dedede solid; padding:2 0 2 5; margin:0}
.votebox td, .votebox div, .votebox p { font-size:10px; color: #000; }
.votebox p { padding: 5}
.votebox a {color:#666; font-size:11px; text-decoration:underline;}
.votebox a:hover {color:#000; font-size:11px; text-decoration:underline;}
div.voteboxcontent{ padding: 0 0 10 0; border:1px #dedede solid; border-right: none; background: #e9e9e9 url(../images/footer_bg.png) left top repeat; }

/* мелкие серые и желтые кнопки*/
.clearsm { height: 18px; }
a.smbut, a.grbut { color:#444; display:block; float:left; height:18px; margin:0 0 0 0; padding-right:10px; text-decoration:none; }
a.smbut { background: transparent url(../images/bg_smbut_a.gif) no-repeat scroll top right;}
a.grbut { background: transparent url(../images/bg_grbut_a.gif) no-repeat scroll top right;}

a.smbut span, a.grbut span { font-size:10px; font-weight:bold; text-decoration:none; display:block; line-height:14px; padding: 2 0 2 10; }
a.smbut span { background: transparent url(../images/bg_smbut_span.gif) no-repeat; }
a.grbut span { background: transparent url(../images/bg_grbut_span.gif) no-repeat; }

a.smbut:active, a.smbut:hover, a.grbut:active, a.grbut:hover { text-decoration:none; background-position:bottom right; color:#000; outline:none; }
a.smbut:hover span, a.smbut:active span, a.grbut:hover span, a.grbut:active span { text-decoration:none; background-position: bottom left; padding: 2 0 2 10px; }

/* .register ul li  {background:transparent url('../../menu/dot_gray.gif') no-repeat scroll 6px 8px; color:#666; display:block; font-size:11px; padding:1px 0 1px 12px; text-decoration:none;} */

.stepcarousel{
background:#C5DE9C;
position: relative; /*leave this value alone*/
/* border: 10px solid black; */
overflow: scroll; /*leave this value alone*/
width: 700px; /*Width of Carousel Viewer itself*/
height: 110px; /*Height should enough to fit largest content's height*/
margin: 0 0 20 0;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 3px; /*margin around each panel*/
width: 104px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}

.itemslist { width:100%; }
.itemslist #item { float:left; width:140px; height:190px; padding-right:26px; }
.itemslist #item #sdesc { overflow:hidden; height:28px; }
.itemslist #item #sdesc a { font-size:10px; text-decoration:none; color:black}
.itemslist #item #sdesc a:hover { font-size:10px; text-decoration:none; color:#9C2841}



pre {text-indent: 30px}
#tabmenu { color:#000; border-bottom: 1px solid #83B683; margin: 12px 0px 0px 0px; padding: 0px; z-index: 1; padding-left: 10px }
#tabmenu li { display: inline; overflow: hidden; list-style-type: none; }
#tabmenu a, a.active { color: #fff; background: #83B683; font: normal 1em verdana, Arial, sans-serif; border: 1px solid #83B683; padding: 2px 5px 0px 5px; margin: 0px; text-decoration: none; cursor:pointer; }
#tabmenu a.active { color:#000; background: #ffffff; border-bottom: 3px solid #ffffff; cursor:hand;}
#tabmenu a:hover { color: #fff; background: #83B683; cursor:hand;}
#tabmenu a:visited { color:#C5DE9C; }
#tabmenu a.active:hover { background: #ffffff; color: #000; }
#tabcontent {font: 0.9em/1.3em verdana, sans-serif; text-align: justify; background: #ffffff; padding: 15 5 15 10; border: 1px solid #83B683; border-top: none; z-index: 2; }
#tabcontent a { text-decoration: none; color: #E8E9BE; }
/*#tabcontent a:hover { background: #aaaaaa; }*/

.editor { background-color:#eee; width:660; }
.imgloading {float:left; margin:5 5 0 0 ; width:160; height:160; border:1px #c3df9c solid; background: #fff url(../images/loading.gif) center no-repeat;}

.deletepanel {float:left; width:930;}
a.deletepanel {color:#000;}
a:hover.deletepanel { color: #000; }

.info {font-family:sans-serif; font-size:10px; color:#333;}

#element {
  opacity: 0.5;              /* CSS3 */
  -moz-opacity: 0.5;         /* legacy Firefox */
  -khtml-opacity: 0.5;       /* legacy Safari/Konqueror */
  filter: alpha(opacity=50); /* MSIE */
}
a:link {color: #000000; font-family:sans-serif; text-decoration: none;}
a:visited {color: #000000; font-family:sans-serif; text-decoration: none;}
a:hover {color: #000000; font-family:sans-serif; text-decoration: underline;}
