/* CSS Document */

/*-----Global Reset-----*/

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ol, dl, fieldset, address{
margin:0.5em 0;}

li, dd{margin-left:1em;}

fieldset{padding:0.5em;}

img {
border: none;
}

.clear {
clear: both;
}



/*-----BACKGROUND COLOR/FONT SIZE AND COLOR-----*/
body {
padding:0;
background:#989898;
font-size:13px; /* more consistent font sizes */
font-family: Roboto, Arial, Helvetica, sans-serif;

line-height:18px; /*helps readability*/
}

/*-----ALL NON PARAGRAPH TEXT COLORS-----*/

td, p {
color: #333;
font-size:14px;
}



/*-----HEADINGS-----*/
h1, .componentheading{ font-size:19px; font-weight:bold; font-family: "Trebuchet MS", Verdana, sans serif;  line-height:25px; }
h2, .contentheading{font-size:18px; font-weight:bold; font-family: "Trebuchet MS", Verdana, sans serif; color:#a11b00; line-height:21px;}
h3{font-size:16px; font-weight:bold; font-family: "Trebuchet MS", Verdana, sans serif; line-height:20px;}
h4{font-size:1.2em;}
h5{ font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:12px;color:#FFFFFF}
.moduletable h3, .moduletable_menu h3{margin:0;}

/*-----LINK TEXT COLORS-----*/
a {
color:#003399;

}

a:hover{
color:#0066ff;
}
/*-----Lists-----*/
ul{ 
}

li{
}
/* tables */

table.contentpaneopen, table.contentpane{border-collapse:collapse; width:98%;}
/*-----BLOCKQUOTE STYLE-----*/

blockquote {

}

/* MAIN MENU LINK COLOR */
#left ul.menu, #left ul.menu li, #left ul.menu ul{margin:0; padding:0; list-style:none;}
#left ul.menu a{
display:block;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:5px 0px 5px 20px;
background:url(../images/mainlevel.gif) no-repeat;
background-position:5px 10px;
}
#left ul.menu ul a{
background:url(../images/indent1.png) no-repeat;
background-position:25px 0px;
padding-left:35px;
}

#left ul.menu a:hover, #left ul.menu li.active a{
background-color:#487fd0;
color:#fff;
}
ul#mainlevel-nav{
margin:0;
padding:0;
list-style:none;
}
ul#mainlevel-nav li{
float:right;
margin:0;
padding:0;
}
div.moduletable_menu ul.menu li{
background:url(../images/dot.gif) bottom left repeat-x;
}

a.mainlevel-nav{
color:#d5d5d5;
text-decoration:none;
display:block;
padding:40px 10px 16px 10px;
font-size:14px;
font-weight:bold;
}

a.mainlevel-nav:hover{
color:#ffe465;
background:url(../images/topmenu.jpg) top left repeat-x;
}

/* Left/Right Column (GLOBAL DEFAULT STYLE) */




/* LATEST NEWS/POPULAR MODULE LINK STYLES */

a.latestnews{

}

a.latestnews:hover{

}

a.mostread{

}

a.mostread:hover{

}

/* SECTION TABLE HEADER STYLE */

td.sectiontableheader { background: #e0e0e0;color: #FFF;font-weight: bold;height: 22px;padding: 4px;
}
/* ALTERNATING SECTION TABLE ROW 1 BACKGROUND/TEXT STYLES */

tr.sectiontableentry1 td { padding: 2px;background-color: #fbfbfb;text-align: left;border-bottom: 2px solid #fff;border-top: 2px solid #dfdfdf;
}

tr.sectiontableentry2 td { padding: 2px;background-color: #f3f3f3;text-align: left;border-top: 2px solid #dfdfdf;border-bottom: 2px solid #fff;
}

th.pagenav_next  { padding: 2px;background-color: #f3f3f3;text-align: left;border-top: 2px solid #dfdfdf;border-bottom: 2px solid #fff;
}
th.pagenav_prev  { padding: 2px;background-color: #f3f3f3;text-align: left;border-top: 2px solid #dfdfdf;border-bottom: 2px solid #fff;
}

/* SECTION TABLE LINK STYLES */

.sectiontableentry2 a, .sectiontableentry1 a, .sectiontableentry2 a.category, .sectiontableentry1 a.category {

}
.sectiontableentry2 a:hover, .sectiontableentry1 a:hover, .sectiontableentry2 a.category:hover, .sectiontableentry1 a.category:hover {
 
}

/*layout*/

#bgtop{background-color:#487fd0;
height: 98px;
}
#bgbottom{background-color:#989898;

}



.wrapper{width:95%; 
max-width:1060px;
margin:0 auto; /*center hack*/
text-align:left; /*center hack*/}
#logo{float:left; padding-top:6px; font-size:19px; font-weight:bold; font-family: "Trebuchet MS", Verdana, sans serif; }
#logo2{float:left; padding-top:42px; padding-left:10px; font-size:25px; font-weight:bold; font-family: "Trebuchet MS", Verdana, sans serif; margin:0px; padding-bottom:10px;}

#logo h1{font-family:Georgia, "Times New Roman", Times, serif;
font-size:36px;
font-weight:bold;
}
#logo a{
color:#e5e5e5;
text-decoration:none;
}
#logo a:hover{
text-decoration:underline;
}

#user4 a{color:#000;}

#left a:hover{
color:#FFFF00;
}

#user3{float:right; width:600px;}
#nav, #container{ border:#fff 5px solid; border-bottom:none;}
#nav{background-color:#ffd202; position:relative; height:42px;}
#container{background-color:#fff;}
#container ul{margin:10px;}
#left, #middle, #right{overflow:hidden;}
#left{width:20%; float:left;}
#left a{
color:#aaddff;
}


#left a:hover{color:#99ccff;}
#left .moduletable_menu,#left .moduletable{
background:#3e7ad4 url(../images/bgmenu.jpg) top left repeat-x;
margin-bottom:5px;
color:#ffffff;
}
#left .moduletable_menu,#left .moduletable{
padding: 3% 6% 10px 3%;
width:100%;
}
html>body #left .moduletable_menu, html>body #left .moduletable{
width:94%;
}
.moduletable h3, .moduletable_menu h3{
color:#9cc4ff;
}
#left .moduletable{
background-color:#3e7ad4;

}
#left .moduletable, #right .moduletable{
margin-bottom:5px;

}
#main{
width:79.5% !important;
width:78.5%; float:right;
}
#user12{
position:relative;
margin-bottom:5px;
}
#user12 .moduletable{
padding-bottom:5px;
}
#user12 a{
color:#fff;
}
#user12 a:hover{
text-decoration:underline overline;
}
#user12 ul{
list-style:none;}


#user1{width:99.5%; float:left;}
#user2{width:34.5%; float:right;}
#user1{
background:#71a10b url(../images/bggreen.jpg) top left repeat-x;
color:#fff;
}

#user2{
background:#d02e2e url(../images/bgred.jpg) top left repeat-x;
color:#fff;
}

#top h3{
background:#71a00b url(../images/toph3.jpg) top left repeat-x;
color:#fff;
padding:10px 0 10px 6px;
}
#top{padding-bottom:20px;}

#middle{
float:left;
width:66%;
}

#right{
float:right;
width:33.5%;
}

#rightmodule{
background:url(../images/dot-v.png) top left repeat-y;
}

#leftmodule{
background:url(../images/dot-v.png) top right repeat-y;
}

#rightmodule .moduletable{
padding:10px;
}

#rightmodule h3, #rightmodule a{
color:#2d66b8;
}

#user4{ 
background:#d02e2e url(../images/bgred.jpg) top left repeat-x;
color:#fff;

}
#user4 .moduletable{
padding:10px;
}

#footer{position:relative; text-align:center; margin-bottom:10px; clear:both;  padding:0 10%; background-color:#989898;}
#footer a{color:#fff;}
#footer .bgright{ text-align:center; color:#fff; background:url(../images/footerright.jpg) top right no-repeat;}
#footer .bgleft{ background:url(../images/footerleft.jpg) top left no-repeat; height:34px; padding:6px 10px 0px 10px;}

li.latestnews, li.mostread{
margin-bottom:5px;
}





.button {

	padding: 2px 8px;

	border: 1px outset #AEAEAE;

	background: url(../images/pat1.gif) repeat-x top;

	color: #FFFFFF;

	font-weight: bold;

}



form#form-login fieldset { border: solid; 
 border-width: 0px;
 border-style: solid;
 border-color: #6633ff;


 color: #ffffff;
 padding-left: 10px;
}
form#form-login ul { padding-left: 10px; margin: 0px;}

form#com-form-login fieldset { 
border: solid; 
 border-width: 1px;
 border-style: solid;
 border-color: #6633ff;
margin: 1px; padding: 0.2em;
text-align:center;
}
form#com-form-login ul { padding-left: 20px; }


.bb3{
color: #ffffff;
width: 100%;
margin: 0px;
padding: 0px;

}

.bb3_topic{

padding: 3% 6% 10px 3%;
color: #ffffff;
width: 100%;
margin: 0px;
margin-bottom: 4px;
padding: 0px;
padding-bottom: 9px;
background: url(../images/dot.gif) bottom left repeat-x;
}



#left .bb3 a{
color: #ffffcc; /*#006600;*/
font-weight:bold;
}

#left .bb3 a:hover{
color:#99ccff;
font-weight:bold;
}



.sobi2latest
{
background: #ffff99;
padding-bottom: 8px;
border-color: #aaaaaa; border-style: solid; 
border-width:1px;
text-align: center;
border-spacing: 0px;
/*#E6E6E6; */
}



td.sobi2latest
{

margin: 0px; 
padding-top: 3px;
padding-bottom: 5px;
border-color: #aaaaaa; 
border-style: solid; 
border-top-width:1px; 
border-left-width:1px; 
border-right-width:1px; 
border-bottom-width:0px; 
vertical-align: top; 
text-align: top; 
}

td.cientabelki {
margin: 0px; 
padding: 0px; 
vertical-align: top; 
text-align: top; 
border-color: #aaaaaa; 
border-style: solid; 
border-top-width:1px; 
border-left-width:0px; 
border-right-width:0px; 
border-bottom-width:0px; 
/*background: url(../../../images/ramki/br.png) top right no-repeat;*/
width: 100%;
height: 13px;
}


/* form validation */
.invalid { border-style: outline;
outline: 2px solid #ff0000;
border-color: #ff0000; 
color: #ff0000; }
label.invalid { color: #ff0000; 
outline: 0px;
font-weight: bold;
}

text, input, select, textarea, .inputbox {

	font-family: Tahoma, Arial, sans-serif;

	font-size: 100%;

}



.text, .textarea, .text_area, .inputbox, .inputbox1 {

	border: 1px solid #CCCCCC;

	padding: 3px;

	color: #444444;

	background: url(../images/shadow.gif) repeat-x top #FFFFFF;

}
#form-login-username, #form-login-password, #form-login-remember {
color:#ffffff;

}


#left .moduletabletxt a{
color:#006600;
font-weight:bold;
}

#left .moduletabletxt a:hover{
color:#66cc33;
font-weight:bold;
}



span.error {
  display: block;
  margin: 0 20px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  background-color: #66ccff;  
  border-style: solid;
  border-color:  #333399;
  border-width: 1px;
  font-size: 12px;  
  font-weight: bold;  
  text-align: center;
}

span.zam_ok2{
  display: block;
  margin: 0px 20px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  background-color: #66ccff;  
  border-style: solid;
  border-color: #333399;
  border-width: 1px;
  font-size: 12px;  
  font-weight: bold;    
  text-align: center;
}

.message {
  width: 90%;	
  display: block;
  margin: 0 20px;
  background-color: #66ccff;   
  border-style: solid;
  border-color: #333399;
  border-width: 1px;
  font-size: 12px;  
  font-weight: bold;  
  text-align: center;	
  
	
}