/**
author: rgb(raduga) http://mambasana.ru
**/

/**#################### DEFAULT and FORMS CSS ####################**/

body,html {
  padding          : 0;
}

td, tr, p, div {
  font-family: Arial, Helvetica, sans-serif, Tahoma;
  color            : #000000;
  font-size        : 12px;
  line-height      : 16px;
}

hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;
}


a:hover {
  color            : #ff3300;
  text-decoration  : underline;
  }

ul {
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}


form {
margin           : 0; 
padding          : 0;
}

.inputbox {
 color        : #000000;
 background   : #ECEEEF;
 border       : 1px solid #cccccc;
 margin       : 3px 0;

}

form select.button{
 color        : #000000;
 background   : #ECEEEF;
}

option {
background   : #ffffff;
}

/**#################### Joomla CSS ####################**/

/** Buttons **/

.back_button {
  font-size        : 12px;
  font-weight      : normal;
  padding-bottom   : 3px;
  margin-right     : 4px;
  float            : right;
  line-height      : 20px;
    
  }
div.back_button a{
text-decoration  : none;
  }



/** Contact **/

.contact_email  {
  width            : 100%;
}

.contact_email .inputbox {
}



/** Module table  **/


table.moduletable {
	margin           : 0 0 5px 0;
      width            : 100%;
      	}

table.moduletable th {
      
    font-family          : Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 10px;
	font-weight        : bold;
	text-align         : center;
	width              : 100%;
      color              : #fff;
	padding            : 2px;
      line-height        : 25px;
	background     : url(../images/mod_left.gif) #414141 repeat-x top left;
	height: 29px;    
	}

table.moduletable td {
    padding-top: 2px;
    	}



div.module, div.module_menu{
    text-align: left;
    margin           : 2px 2px 0px 2px;
}

div.module h3, div.module_menu h3 {
      
      font-family        : Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 12px;
	font-weight        : bold;
	text-align         : center;
	width              : 100%;
      color              : #fff;
	line-height        : 27px;
	background         : url(../images/mod_left.gif) #414141 repeat-x top left;
      height             : 29px;
      margin             : 0 0 15px 0;
}


.contentmod {
text-align   : left;
padding      : 3px 0;

}

.contentmod td {
padding      : 5px;
}

.contentmod table.moduletable {
margin           : 0 0 3px 0;
width            : 100%;
border           : 1px solid #ccc;
background       : #ECEEEF;
}


.contentmod table.moduletable th{
      font-size          : 14px;
	font-weight        : bold;
	text-align         : center;
	width              : 100%;
      color              : #ed570b;
	padding            : 2px;
      line-height        : 25px;
      border-bottom      : 1px solid #DDE1E3;
      background         : url(../images/mod_center.gif) #E7EAEC repeat-x top left;
}


/** Read more **/

a.readon:hover {
  color            : #999999;
  font-size        : 12px;
  background       : url(../images/indent1.png) no-repeat;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0 1px 10px;
  line-height      : 15px;
  text-decoration  : none;
  border-left      : 2px solid #999999;
 }




/** Pagenavigation **/

.pagenavcounter {
  font-size        : 11px;
  color            : #999999;
}

.pagenavbar {
  border-top       : 1px solid #999999;
  padding          : 2px;
}


.pagination span { padding: 2px; }

.pagination a    { padding: 2px; } 

.pagination{
  font-weight      : normal;
  }

a.pagination:link, a.pagenav:visited {
  font-size        : 11px;
  color            : #999999;
  text-decoration  : none;
}

a.pagination:hover {
  font-size        : 11px;
  color            : #af2222;
  text-decoration  : none;
}

table.contenttoc {
  border           : 1px solid #dcdcdc;
  background       : #f3f5f6;
  padding          : 0;
  margin-left      : 2px;
  margin-bottom    : 2px;
}

table.contenttoc th{
  margin           : 0 ;
  padding          : 2px;
  background       : #e7eaec;
  color            : #333333;
 }


table.contenttoc td a:link, table.contenttoc td a:visited{
padding-left        : 12px !important;
padding-left        : 0;
text-indent         : 12px;
text-decoration      : none;
}


/** Pathway **/


.pathway {
  font-size        : 10px;
  color            : #fff;
  padding-left     : 5px;
  
}

a.pathway:link, a.pathway:visited {
  font-size        : 10px;
  padding-left     : 0;
  font-weight      : bold;
color: #fff;}

a.pathway:hover {
  font-size        : 10px;
  padding-left     : 0;
  font-weight      : bold;

}
.pathway img{
  padding-top     : 5px;
    
}




/** Content **/


.sectiontableheader {
  
  font-weight      : bold;
  letter-spacing   : 1px;
  color            : #ffffff;
  background       : #414141; 
  padding          : 3px 5px;
  border           : 1px solid #ffffff;
}

td.sectiontableheader a {
color              : #F6F7F9;
}

.sectiontableentry1 {
  vertical-align   : top;
  background       : #f6f6f6;
  border-bottom    : 1px solid #ffffff;
  line-height      : 20px;

}

.sectiontableentry1 td, .sectiontableentry2 td{
  padding          : 2px 5px;
  border-bottom    : 1px solid #ffffff;
  line-height      : 20px;

}

.sectiontableentry2 {
  vertical-align   : top;
  border-bottom    : 1px solid #ffffff;
  background       : #f0f0f0;
  line-height      : 20px;
}
.sectiontableentry1 img{
margin: 2px 0;
}
.sectiontableentry2 img{
margin: 2px 0;
}


a.category:link, a.category:visited {
  font-size        : 12px;
  font-weight      : normal;
  padding: 5px;
}


.small {
  font-size        : 11px;
  color            : #999999;
}
.smalldark {
  font-size        : 11px;
  color            : #333333;
}
.createdate, .modifydate {
  font-size        : 11px;
  color            : #666666;
  font-weight      : normal;
  text-align       : left;
  width            : 100%;
}
.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding          : 2px 0;
  }
.content_rating {
  font-size        : 10px;
  color            : #999999;
}

table.content{
  width            : 100%;
  padding          : 0;
  border-collapse  : collapse;
  border-spacing   : 0;
  margin-bottom    : 10px;
}

table.contentpane {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}
table.contentpaneopen {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}

.contentheading {
	font-family      : Verdana, Helvetica, sans-serif;
	width            : 100%;
	font-size        : 14px;
	font-weight      : bold;
	line-height      : 30px;
	text-align       : left;
	text-indent      : 0;
	color            : #292929;
	padding          : 0 0 0 15px;
	margin           : 3px 0;
	background       : #fab93b;
	text-transform: capitalize;
  }
.contentheading a {
text-decoration:none;
}
.componentheading {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  width            : auto;
  font-size        : 15px;
  font-weight      : bold;
  line-height      : 21px;
  text-transform   : uppercase;
  text-align       : left;
  color            : #616161;
  padding          : 3px;
  margin           : 5px !important;
  margin           : 5px 1px;
  background       : #ECEEEF;
  }



.contentdescription { 
  width          : auto !important;
  margin         : 0;
  padding        : 0;
  padding-top    : 5px;
  text-align     : left;
}

 .blog_more {
margin   : 10px 0 7px 7px;
}

.buttonheading {
padding  : 0 2px;
}

.blog {
width:100%;
}


/** Polls **/


.poll {
	color       : #333333;
	line-height : 10px;
	font-weight : normal;
      text-align  : left;
}

.pollstableborder{
  border-color     : #999999;
  text-align:left;
}



/** CSS for Mainmenu **/

.module_menu ul, .module_menu ul li
{
display: block;
  list-slyle:none;

 width             : auto !important;
 width             : 100%;
  margin           : 1px 0;
  padding          : 0;
  font-size        : 12px;
  background       : none;
  text-indent      : 10px;
}



.module_menu ul li a, .module_menu ul li a:link, .module_menu ul li a:visited
{
display: block;
  font-size        : 12px;
  border-bottom    : 1px solid #bbe907;
  font-weight      : bold;
  padding          : 2px 0;
  color            : #000;
  padding-left     : 10px;
  text-decoration    : none;
}

.module_menu ul li a:hover
{
  border-bottom    : 1px solid #bbe907;
  font-size        : 12px;
  font-weight      : bold;
  color            : #fff;
  text-decoration  : none;
  padding-left     : 10px;
  text-decoration	 : none;
  background       : #22aeeb;


}



.module_menu ul li ul li a:link, .module_menu ul li ul li a:visited, .module_menu ul li ul li ul li a:link, .module_menu ul li ul li ul li a:visited
{
  display          : block;
   font-size        : 10px;
   font-weight      : bold;
   color            : #bbe907;
   padding    	  : 3px 1px 3px 5px;
   margin		  : 3px;
   text-decoration  : none;
  text-indent      : 10px;
  border: none;
}

.module_menu ul li ul li a:hover, .module_menu ul li ul li ul li a:hover
{ background:none;
  font-size        : 10px;
  font-weight      : normal;
  color            : #bbe907;
  text-decoration  : none;
  text-indent      : 10px;

}

.module_menu ul li.active ul li a:link, .module_menu ul li.active ul li a:visited, .module_menu ul li.active ul li ul li a:link, .module_menu ul li.active ul li ul li a:visited
{
  background:#bbe907;
  font-size        : 10px;
  font-weight      : normal;
  color            : #0036ff;
  text-decoration  : none;
  text-indent      : 10px;

}


/** Topmenu  **/

ul#mainlevel-nav {
  list-style       : none;
  margin           : 0;
  padding          : 0;
  font-size        : 14px;
  font-weight	   : bold;   
}

#mainlevel-nav li {
  float            : center;
  display          : inline;
  list-style       : none;
  background-image : none;
  	width				: auto;
	color				: #ffffff;
	font-weight			: bold;
      
  

}
#mainlevel-nav li a {
  display          : inline;
      width				: auto;

 	padding			: 10px 6px 10px 6px;
	color				: #ffffff;
      text-decoration		: none;
	font-weight			: normal;
       line-height             : 36px !important;
}





ul#mainlevel-nav li #active_menu-nav:hover {
	cursor			: pointer;
	position			: relative;
	width				: auto;
background: url(../images/top_menu_hover.jpg) repeat-x;
 	padding			: 10px 6px 10px 6px;
	color				: #ffffff;
      text-decoration		: none;
	
	}


/** images **/

div.mosimage { margin: 5px; }
div.mosimage_caption {  font-size: 11px; color: #666; }

div.caption       { padding: 0 4px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: 11px; color: #666; text-align: center; }

img.caption {border: 1px solid #CCC; padding: 4px;}



/** #################### index.php #################### **/


.main { 
  text-align       : left; 
  width            : 100%;
}

div.mod {
  background       : none;
  width            : 6px;
}

#clear {
clear: both;
height: 30px;
}

#centertb {
background: #ffffff;
}

#contenttb{
padding: 10px 15px;
}

td.pw {
width            : 100%;
padding          : 5px 5px 10px 5px !important;
padding          : 2px 2px 10px 2px;
}

td.pw div{
padding          : 5px;
width            : auto;
border           : 1px solid #DDE1E3;
background       : #ECEEEF;
}

   
.footer_left {

  font-size        : 12px;
  font-weight      : normal;
  padding-top      : 10px !important;
  padding-top      : 15px;
}

.footer_left p{
padding-left: 20px;
color            : #A4A5A5;
width: 300px;}


.footer_right {
  width            : 200px; 
  float: right;
  font-size        : 12px;
  font-weight      : normal;
  padding-top      : 10px;
  text-align: right;
     
 }

.footer_right p{
padding-right: 20px;
color            : #A4A5A5;
}
.footer_right p a, .footer_left p a{
color            : #B8B8B8;
}



.rightcol {
   vertical-align   : top;
   text-align       : center;
   width            : 200px;
   background       : #e1ebf1;
   margin-left: 5px;

}


.rightcol div{ 
width          : 200px;
background	:##e1ebf1}

.foot {
  height           : 87px;
  background       : url(../images/footer.jpg) repeat-x top left;
width: 1000px;}


.foot td {
padding: 10px 15px;
}


#top_bar {
  position       : absolute;
  margin         : 0;
  padding        :  0;
  right          : 80px;
  height         : 40px; 

background: url(../images/top_menu.jpg) repeat-x 0em 37px;}

#left_back {
width: 15px;
background:#e1ebf1}

#right_back {
width: 15px;
background:#e1ebf1
}

#title_back {
background-image: url(../images/title.jpg);
width: 450px;
height: 114px;
float: left;
}

#title_back1 {

width: 500px;
height: 114px;
padding-top: 6px;
float: right;}

#topmenu {
background-image: url(../images/top_menu.jpg);
background-repeat: repeat-x;
height: 32px;
width: 100%;
position: relative;}

#topline {
background-color: #000000;
width: 100%;

}

#pathway {
width: 650px;
height: 21px;
float: left;
}

#whoisonline {
width: 350px;
height: 21px;
float: right;}

#date {
color: #fff;}




span.clear,
span.color,
span.color-1,
span.color-2,
span.color-3,
span.color-4,
span.color-5,
span.color-6 {
	display: block;
	padding: 10px;
	margin-bottom: 10px;
}
span.color {
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	background: #f9f9f9;
}
span.color-1 {
	border-top: 1px solid #304c84;
	border-bottom: 1px solid #304c84;
	background: #f9f9f9;
	color: #304c84;
}
span.color-2 {
	border-left: 1px solid #304c84;
	color: #304c84;
}
span.color-3 {
	border-left: 1px solid #8c4889;
	color: #8c4889;
}
span.color-4 {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #000;
	color: #fff;
}
span.color-5 {
	border-top: 1px solid #363a3e;
	border-bottom: 1px solid #363a3e;
	background: #45494D;
	color: #fff;
}
span.color-6 {
	border-top: 1px solid #132241;
	border-bottom: 1px solid #132241;
	background: #0B162A;
	color: #fff;
}
span.clear {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}