body{
	font-family: sans-serif,Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	color:#000;
	background-color: #C7C7C7;
	text-align: center;
    padding:0;
    margin:0;
    /*background: url('img/main_bg.gif');*/
}

a, a:link, a:visited, a:active{
	text-decoration: none;
	color:  #000;
}

img{
	border:0px;
}

fieldset{
    margin-bottom: 10px;
}

.clear{
    clear: both;
}

input[type=text], input[type=password]{
    border: 1px solid #DCDCDC;
    height: 25px;
    font-size: 14px;
}

input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus{
    border: 1px solid #FFCC00;
}

input[type=checkbox]{
    height: 10px !important;
}

input[disabled]{
    color: #000;
}

input[disabled],input[disabled]:hover {
    border: 1px solid #DCDCDC;
    color: #DDD;
}

textarea{
    border: 1px solid #DCDCDC;
}

select{
    border: 1px solid #DCDCDC;
    height: 22px;
}

input.error, select.error{
    border:  1px solid #FF0000;
}

label.error{
    color:#FF0000;
    margin-left: 10px;
}

input.valid, select.valid{
    border:  1px solid #99CC00;
}

#wraper{
    background: url('img/main_bg.gif') #FFF repeat-x;
}

#top{
    margin-left: auto;
	margin-right: auto;
    width: 980px;
}
#top .logo{
    text-align: left;
    padding: 15px;
    width: 580px;
    float: left;
    height: 40px;
}

#top .promote{
    float: left;
}

#top .promote h1, #top .promote h2{
    font-size: 12px;
}

#top .small_menu{
    float: left;
    margin: 20px;
}

#top .small_menu a{
    border: 1px solid #DCDCDC;
    margin: 3px;
    padding: 5px;
    border-radius: 2px;
    background-color:#F1F1F1;
}

#top .small_menu a:hover{
    border: 1px solid #DCDCDC;
    background-color:#F6F6F6;
}

#topmenu{
    font-size: 12px;
    width: 100%;
    color: #FFF;
    border-top: 1px solid #969696;
    border-bottom: 1px solid #969696;
    background-color: rgba(229, 63, 39, 0.9);
    font-weight: bold;
    text-align: center;
    padding:0;
    margin-bottom: 30px;
}

#topmenu .container{
    //padding: 0 5px 0 5px;
     margin-left: auto;
    margin-right: auto;
    width: 980px;
    height: 35px;
    color: #FFF;

    /*background: url(img/menu_bg.png) #333333 repeat-x;*/
    background-color: #333333;
    display: table;
    font-weight: bold;
    text-align: center;

}

#topmenu ul{
    display:table-row;
    list-style: none;
    margin: 2px auto;
    line-height: 1.4;
}

#topmenu ul li{
    display:table-cell;
    text-align: center;
}

#topmenu ul li img{
    margin-top: 6px;
}

#topmenu ul li a{
    margin: 0px 5px;
    display: block;
    padding: 0 10px;
    height: 35px;
    line-height: 36px;
    color: #FFF;
    text-shadow: 0px 0px 3px #000;
}

#topmenu ul li a:hover{
    border-left: 1px solid #969696;
    border-right: 1px solid #969696;
    color: #FFF;
    padding:0 9px;
    background-color: #808080;
}

#middle{
    display: table;
    min-height: 100px;
    height: 100%;
    width: 980px;
    margin-left: auto;
	margin-right: auto;
    padding-bottom: 150px;
}

#middle .leftmenu{
    padding-right:10px;
    vertical-align: top;
    width: 150px;
    display: table-cell;
    
}

#middle .leftmenu .block{
    border: 1px solid #969696;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 0px 8px #C0C0C0;
    background-color: #FFF;
    margin-bottom:15px;
}

#middle .leftmenu .block .title{
    font-weight: bold;
    font-size: 14px;
    padding: 5px;
    border-bottom: 1px solid #969696;
}

#middle .leftmenu .block .content{
    text-align: left;
}

#middle .leftmenu .block .content a{
    color: #000;
    background: transparent url('img/linka.gif') 5px no-repeat;
    display: block; 
    font-weight: bold;
    padding: 4px 3px 4px 15px;
    //width:154px;
}

#middle .leftmenu .block .content a:hover{
    color: #000;
    font-weight: bold;
    background: transparent url('img/linkh.gif') 5px no-repeat;
    background-color: #FFFF99;
    
}

#middle .rightmenu{
    vertical-align: top;
    width: 150px;
    display: table-cell;
}

#middle .rightmenu .block{
    border: 1px solid #C0C0C0;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 0px 8px #E8E8E8;
    background-color: #FFF;
    margin-bottom:15px;
}

#middle .rightmenu .block .title{
    font-weight: bold;
    font-size: 14px;
    padding: 5px;
    border-bottom: 1px solid #C0C0C0;
}

#middle .rightmenu .block .content{
    text-align: left;
}

#middle .rightmenu .block .content a{
    color: #000;
    background: transparent url('img/linka.gif') 5px no-repeat;
    display: block; 
    font-weight: bold;
    padding: 3px 3px 3px 15px;
    //width:154px;
}

#middle .rightmenu .block .content a:hover{
    color: #000;
    font-weight: bold;
    padding: 3px 3px 3px 15px;
    background: transparent url('img/linkh.gif') 5px no-repeat;
    background-color: #E0E6EB;
    
}

#middle .container{
    vertical-align: top;
    width: auto;
    display: table-cell;
}

.contentBox{
    text-align: left;
    /*border: 1px solid #C0C0C0;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 0px 8px #E8E8E8;

    margin-bottom: 10px;
    //background-color: #FFF;*/
    width: auto;
	/*padding-bottom: 10px;
    margin-bottom: 12px;*/
}

.contentBox div.title, .contentBox div.title a, .contentBox div.title h1, .contentBox div.title h2{
	/*padding-left: 5px;
    line-height: 2em;
    text-align: left;
	font-weight: bold;*/
    text-shadow: 0px 0px 0.4px #800000;
    padding: 5px 3px;
    margin: 0;
	font-size: 24px;
    text-decoration: dotted;
	color: #E53E27;
}

.contentBox div.notitle{
	height: 0px;
	padding-left: 0px;
    text-align: left;
	font-weight: bold;
	font-size: 0px;
	color: #000;
}


.contentBox .bull{
	display: none;

}

.contentBox div.content{
    font-size: 14px;
    text-shadow: 0px 0px 0.1px #000;
    padding: 3px;
    margin: 5px;
    text-align: justify;
    margin-bottom: 5px;
}

.article{
    border-bottom: 1px dotted #C0C0C0;
}

.article .comments{
    padding-right: 20px;
}

.sep{
    border-bottom: 1px dotted #C0C0C0;
}

#footer{
    position: relative;
	margin-top: -140px; /* negative value of footer height */
	height: 140px;
    bottom:0;
	clear:both;
    text-align: center;
    
    font-size: 12px;
    width: 100%;
    min-height: 80px;
    color: #000;
    border-top: 1px solid #969696;
    background-color: #C7C7C7;
    font-weight: bold;
    text-align: center;
    padding:0;

}
#footer .copy{
    margin: 10px 0;
}
#footer .info{
    width: 980px;            
    margin: 10px auto;
}

#footer .menu{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#footer .menu ul{
    display:table-row;
    list-style: none;
    margin: 2px auto;
    line-height: 1.4;
}

#footer .menu ul li{
    display:table-cell;
    text-align: center;
}

#footer .menu ul li a{
    margin: 0px 5px;
    display: block;
    padding: 0 10px;
    height: 35px;
    line-height: 36px;
    color: #000;
    text-shadow: 0px 0px 3px #FFF;
}

#footer .menu ul li a:hover{
    text-shadow: 0px 0px 3px #000;
    border-left: 1px solid #969696;
    border-right: 1px solid #969696;
    color: #FFF;
    padding:0 9px;
    background-color: #333333;
}

.inf{
    color: #99CC00;
    font-size: 14px;
    font-weight: bold;
}
.tipText{
    font-size: 10px;
}

.infoMsg a{
	color: #00A600;
    text-decoration: underline !important;
}

.infoMsg h3{
    background: none !important;
}

.infoMsg{
	border: 1px solid #00A600;
	background: #D9FFD9;
	color: #00A600;
    padding: 5px;
    margin: 10px;
}


.err{
    color: #FF0000;
    font-size: 14px;
    font-weight: bold;
}

.errMsg{
	border: 1px solid #FF0000;
	background: #FFD7D7;
	color: #FF0000;
    padding: 5px;
    margin: 10px;
}

.errMsg h3{
    background: none !important;
}

.errMsg a{
	color: #FF0000;
    text-decoration: underline !important;
}

div.warnMsg a{
	color: #FF6600;
    text-decoration: underline !important;
}

div.warnMsg h3{
    background: none !important;
}

div.warnMsg{
	border: 1px solid #FF6600;
	background: #FFF499;
	color: #FF6600;
    padding: 5px;
    margin: 10px;
}

.formTable{
    width:100%;
}
.formTable tr{
    height: 30px;
}

.formTable tr:hover{
    background: #FFFED9;
}
.formTable .label{
    font-size: 12px;
    width: 25%;
    padding: 5px;
    border-right: 1px dotted #D3D3D3;
}

.formTable .value{
    width: 75%;
    padding: 5px;
}
.formTable .submit{
    text-align: center;
    padding: 10px;
}
.formTable .submit input{
    font-weight: bold;
}

.dataTable{
    width:100%;
}

.dataTable th {
    height: 25px;
    background: #99CCFF;
    border: 1px;
}
.dataTable tr {
    vertical-align: middle;
    height: 35px;
}

.dataTable tr:hover {
    background: #FFFED9;
}

.pager{
    font-size: 12px;
	width: 100%;
	text-align:center;
	margin: 14px 0px 14px 0px;
	font-weight: bold;
    height: 25px;
    
}

.pager a, .buttonLink a, .Button, input[type=submit], input[type=reset], input[type=button]{
	border: 1px solid #ccc;
    background-color: #EFEFEF;
    color: #333;
    cursor: pointer;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
	text-align: center;
	text-shadow: 0 1px 1px #C0C0C0;
    border-radius: 2px;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.pager span{
    border: 1px solid #FFCC00;
	border-radius: 2px;
    background-color: #FFF;
    color: #808080;
    cursor: default;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
	text-align: center;
	text-shadow: 0 1px 1px #C0C0C0;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
	
.pager a:hover, .buttonLink a:hover, .Button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover{
	color: #000;
    background: #C8EDFF;
    border: 1px solid #00CCFF;
}

#artInfo{
    margin-top: 10px;
    float: left;
    width: 260px;
    color: #808080;
}

#artRating{
    margin-top: 10px;
    border:1px solid #C0C0C0;
    padding: 15px;
    float: left;
    min-width: 200px;
    border-radius: 2px;
    background-color: #F4F4F4;
}
#artRating .head{
    font-weight: bold;
}

#artRating .ratePlus, #artRating .rateMinus, .rateBar{
    float: left;
    margin-left: 5px;
    vertical-align: middle;
}
#artRating .rateBar{
    padding-top: 4px;
}

#artRating .ratePlus img, #artRating .rateMinus img{
    margin-right:5px;
    cursor: pointer;
    margin-left:5px; 
}
#artRating .ratePlus{
    font-size: 14pt;
    color: #99CC00;
    font-weight: bold;
}
#artRating .rateMinus{
    font-size: 14pt;
    color: #D20202;
    font-weight: bold;
}
.articleText{
    word-wrap: break-word;
    min-height:120px;
}

.articleTextMini{
    word-wrap: break-word;
    padding-bottom: 10px;

}

.articleText .thumb, .articleTextMini .thumb{
    border: 1px solid #C0C0C0;
    padding: 3px;
    margin: 5px;
    max-width: 140px;
    max-height: 100px;
    float:left;
}