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

body,html { margin: 0; padding : 0; background: url(../images/top_bg.gif) #ECEEEF repeat-x top left;}


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

hr {

  color            : #999999;
  height           : 1px;
  width            : 100%;



}







a:link, a:visited { color            : #0093d0; text-decoration: none; }







a:hover {



  color            : #7ac142;



  text-decoration  : underline;



  }







ul {



  margin           : 2px;



  padding-left     : 10px;



  list-style       : none;



}







li {  



  line-height      : 14px;



  padding-left     : 14px;



  padding-top      : 2px;



  background-image : url(../images/bullet.gif) ;



  background-repeat: no-repeat;



  background-position: 0 50%;



}











form {



margin           : 0; 



padding          : 0;



}







.inputbox {



 color        : #000000;



 background   : #f2f4f5;



 border       : solid 1px #cccccc;



 margin       : 3px 0;







}







form select.button{



 color        : #000000;



 background   : #f2f4f5;



}







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;



  }











.button {



  font-size        : 11px;



  color            : #edf1f3;



  border           : solid 1px;



  margin           : 3px 0;



  padding          : 2px 5px;



  cursor           : pointer;



  background       : url(../images/button.gif) repeat-x left top;



}











/** Contact **/







.contact_email  {



  width            : 100%;



}







.contact_email .inputbox {



}















/** Module table  **/











table.moduletable {



	margin           : 0 0 5px;



      width            : 100%;



      	}







table.moduletable th { font-family  : Arial, Verdana, Helvetica, sans-serif; 



						font-size   : 14px; 



						font-weight : bold;



						 text-align : center; 



						 width    	: 100%; 



						 color      : #ebeff2; 



						 padding    : 2px; 



						 line-height : 24px; 



						 background-color: #0093d0; height: 28px; }







table.moduletable td {



    padding-top: 2px;



    	}















div.module{



    text-align: left;



    margin : 0 0 15px;



    	}







div.module h3 { font-family        : Arial, Verdana, Helvetica, sans-serif; 



				font-size          : 14px; 



				font-weight        : bold; 



				text-align         : center; 



				width              : 100%; 



				color              : #ebeff2; 



				line-height        : 26px; 



				background-color: #0093d0; 



				height             : 28px; margin             : 0 0 15px; }







.rightcol div.module h3{ background-color: #7ac142; }











.contmod { text-align   : left; padding-top: 3px; padding-right: 0; padding-left: 0; }







.contmod td {



padding      : 5px;



}







.contmod table.moduletable {



margin           : 0 0 5px;



width            : 100%;



border           : solid 1px #dde1e3;



background       : #f7f9fa;



}







/** submenus in the middle **/



.contmod table.moduletable th{



      font-size          : 14px;



	font-weight        : bold;



	text-align         : center;



	width              : 100%;



      color              : #7ac142;



	padding            : 1px;



      line-height        : 24px;



      background         : #e2e5e8;



      border-bottom      : 1px solid #dde1e3;



}















/** Read more **/







a.readon:link, a.readon:visited { color            : #e2e5e8; font-size        : 12px; white-space      : normal; font-weight      : normal; padding          : 1px 10px; float            : right; line-height      : 15px; background-color: #0093d0; text-decoration  : none; border: solid 1px; }



a.readon:hover { color            : #7ac142; font-size        : 12px; white-space      : normal; font-weight      : normal; padding          : 1px 10px; line-height      : 15px; background-color: #f2f3f4; background-attachment: scroll; background-position: 0 0; text-decoration  : none; border: solid 1px; }



















/** Pagenavigation **/







.pagenavcounter {



  font-size        : 11px;



  color            : #999999;



}







.pagenavbar {



  border-top       : 1px solid #999999;



  padding          : 2px;



}







.pagenav, .pagenav_prev, .pagenav_next {



  font-weight      : normal;



  }







a.pagenav:link, a.pagenav:visited {



  font-size        : 11px;



  color            : #999999;



  text-decoration  : none;



}







a.pagenav:hover {



  font-size        : 11px;



  color            : #68bd49;



  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       : #f2f4f5;



  color            : #333333;



 }



table.contenttoc td{



 margin           : 0;



 padding          : 3px 4px;



 border-bottom    : 1px solid #dcdcdc;



 background-image   : url(../images/bullet.gif) ;



 background-repeat  : no-repeat;



 background-position: 4px 7px;



   }











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 {



  color            : #333333;



  padding-left     : 5px;



  



}







a.pathway:link, a.pathway:visited {



  padding-left     : 0;



  font-weight      : bold;



  text-decoration  : underline;



}







a.pathway:hover {



  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;



}











.sectiontableentry1 {



  vertical-align   : top;



  background       : #f9fbfc;



  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       : #f2f4f5;



  line-height      : 20px;



}



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        : 11px;



  height           : 22px;



  padding          : 2px 0;



  }



.content_rating {



  font-size        : 11px;



  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      : Arial, Verdana, Helvetica, sans-serif;



  width            : 100%;



  font-size        : 17px;



  font-weight      : bold;



  line-height      : 21px;



  text-align       : left;



  text-indent      : 15px;



  color            : #616161;



  padding          : 3px;



  margin           : 3px 0;



  background       : #f9fbfc;



  



  }



.contentheading a {



text-decoration:none;



}



.componentheading { font-family      : Arial, Verdana, Helvetica, sans-serif; width            : auto; font-size        : 17px; font-weight      : bold; line-height      : 21px; text-transform   : uppercase; text-align       : left; color            : #616161; padding          : 3px; margin           : 5px !important; margin           : 5px 1px; background       : #f9fbfc; text-indent: 15px; }















.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 : 13px;



	font-weight : normal;



      text-align  : left;



}







.pollstableborder{



  border-color     : #999999;



}















/** "Tab" buttons for Joomla frontend **/











.ontab {



  border-left      : 1px solid #666666;



  text-align       : center;



  font-weight      : bold;



  color            : #333333;



  padding          : 5px;



  cursor           : pointer;



  line-height      : 30px;



}



.offtab {



  border-left      : 1px solid #666666;



  text-align       : center;



  color            : #999999;



  font-weight      : normal;



  padding          : 5px;



  cursor           : pointer;



  line-height      : 30px;



}



.tabpadding {



 border-left       : 1px solid #666666;



}











/** CSS for Mainmenu **/







a.mainlevel  {



 display           : block;



 width             : auto !important;



 width             : 100%;



  margin           : 1px 0;



  padding          : 0;



  font-size        : 12px;



  background       : transparent;



  text-indent      : 10px;



}







a.mainlevel:link, a.mainlevel:visited {



  display          : block;



  font-size        : 14px;



  border-bottom    : 1px solid #d5d7d9;



  font-weight      : normal;



  padding          : 3px 0 3px 10px;



  color            : #666666;



  text-decoration    : none;







}



a.mainlevel:hover {



  border-bottom    : 1px solid #d5d7d9;



  font-size        : 14px;



  font-weight      : normal;



  color            : #666666;



  text-decoration  : none;



  padding-left     : 10px;



  text-decoration	 : none;



  background       : #eceeef url(../images/menu.gif) no-repeat 96% 50%;







}



#active_menu {   border-bottom    : 1px solid #d5d7d9;



  font-size        : 14px;



  font-weight      : normal;



  color            : #0093d0;



  text-decoration  : none;



  padding-left     : 10px;



  text-decoration	 : none;



  background       : #eceeef url(../images/menu.gif) no-repeat 96% 50%;



 }



a#active_menu:hover {



  color            : #7ac142;



  border-bottom    : 1px solid #dcdfe1;



}











/** Sublevel for Mainmenu **/







.sublevel {



   font-family      : Arial, Helvetica, sans-serif;



   font-size        : 13px;



   color            : #999999;



   padding    	  : 3px 1px 3px 5px;



   margin		  : 3px;



}



a.sublevel:link, a.sublevel:visited {



  color	      : #999999;



  text-decoration	: none;



}



a.sublevel:hover {



  color            : #0093d0;



  text-decoration  : none;



}



a.sublevel#active_menu  {



	background      : transparent;



	color           : #68bd49;



	border          : 0;



      



}















/** Topmenu styles for BOTTOM navigation **/







ul#mainlevel-nav {



  font-size        : 11px;



  list-style       : none;



  padding-right    : 20px;



  margin           : 0;



     



}







#mainlevel-nav li {



  float            : right;



  display          : block;



  list-style       : none;



  background-image : none;



  padding          : 0;



  margin           : 0;



  width            : auto !important;



  font-size        : 13px;



  line-height      : 28px;



  white-space      : nowrap;



  







}



#mainlevel-nav li a {



  display          : block;



  padding-left     : 10px;



  padding-right    : 0;



  font-size        : 13px;



  color            : #68bd49;



  text-decoration  : underline;



  



}







#mainlevel-nav li a:hover {



  display          : block;



  font-size        : 13px;



  color            : #cccccc;



    



}















/** images **/







.mosimage {



  border     : 1px solid #E7EAEC;



  margin     : 5px;



  padding-top:  3px;







}







.mosimage_caption {



  margin-top: 3px;



  padding   :  2px;



  color     : #666666;



  font-size : 10px;



  background: #ECEEEF;



}



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



.main { 



  text-align       : left; 



  width            : 100%;



 }







div.mod {



  background       : transparent;



  width            : 3px;



}







#clear {



clear: both;



height: 30px;



}







#centice {



border: 1px solid #ffffff;



background: #ffffff;



}







#contentol{



padding: 5px;



}







td.pw {



width            : 100%;



padding          : 5px 5px 5px 5px !important;



padding          : 2px 2px 10px 2px;



}







td.pw div{



padding          : 5px;



width            : auto;



border           : 1px solid #DDE1E3;



background       : #ECEEEF;



}







   



.footer_left { float: left; font-size        : 12px; color            : #e9ecf1; font-weight      : normal; margin-left: 20px; padding-top      : 10px !important; padding-top      : 10px; }







.footer_left p{



padding-left: 20px;







}







.footer_right { width: 410px; float: right; font-size: 12px; color: #e9ecf1; font-weight: normal; padding-top: 10px; text-align: right; margin-right: 20px; }







.footer_right p{



padding-right: 20px;



}







.footer_center { float: center; font-size: 12px; color: #e9ecf1; font-weight:lighter ; padding-top: 10px; text-align: center; margin-left: 30px;}



.footer_center p{



padding-right: 20px;



}







.leftcol, .rightcol {



   vertical-align   : top;



   padding          : 7px;



   text-align       : left;



   width            : 190px;



   background       : #e2e5e8;







}







.leftcol div, .rightcol div{ 



width          : 170px;



}







.foot { color: #f2faef; background-color: #3a4048; height           : 68px; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; border-top-style: none; border-top-width: medium; }



.foot td { color: #e9ecf1; padding: 10px 15px; }



.foot a { color: #bbbfc0; }



.topup td { color: #3a4048; padding: 10px 15px; }



.bann { color: #3a4048; background-color: #e2e5e8; border-color: #e2e5e8 #ffffff #ffffff; border-style: solid; border-width: 1px; }



.bann td { color: #3a4048; text-align: center; padding-right: 15px; padding-left: 15px; }



#logo {



  background     : url(../images/logo.gif) no-repeat 0 50%;



  height         : 150px;



    }



#top_bar_home { background-color: transparent; position       : absolute; margin         : 0; padding        :  0; right          : 80px; height         : 91px; }



#top_bar { background-color: transparent; position       : absolute; margin         : 0; padding        :  0; right          : 80px; height         : 91px; }



#ol-mainbd { margin: 0 auto; padding: 0; width: 1000px; text-align: left; min-width: 750px; max-width: 2000px; }



#flash { position: absolute; top: 0; right: 0; }



#topup { clear: both; color: #3a4048; text-align: left; line-height: normal; background-color: #fff; height: 160px; position: relative; border-bottom: 1px solid #e9ecf1; }



.newsflash { text-align   : left; padding-top: 3px; padding-right: 0; padding-left: 0; }







.newsflash td { color: #e9ecf1; padding      : 5px; }







.newsflash table.moduletable { color: #e9ecf1; margin           : 0 0 5px; width            : 100%; border           : solid 1px #dde1e3; background       : #0093d0; }











.newsflash table.moduletable th{



      font-size          : 14px;



	font-weight        : bold;



	text-align         : center;



	width              : 100%;



      color              : #e9ecf1;



	padding            : 1px;



      line-height        : 24px;



      background         : #7ac142;



      border-bottom      : 1px solid #65707e;



}