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

body,html { margin: 0; padding : 0; background-color:#ECEEEF;}

td, tr, p, div {

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

  color            : #333333;

  font-size        : 12px;

  line-height      : 16px;

}



hr {

  color            : #999999;

  height           : 1px;

  width            : 100%;

}



a:link, a:visited { color: #3600FF; text-decoration: underline; }



a:hover {

  color            : #999999;

  text-decoration  : underline;

  }



ul {

  margin           : 2px;

  padding-left     : 10px;

  list-style       : none;

}



li {  

  line-height      : 14px;

  padding-left     : 14px;

  padding-top      : 2px;

  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            : #fff;
  
  background-color:  #000;

  border           : solid 1px #efefef;

  margin           : 3px 0;

  padding          : 2px 5px;

  cursor           : pointer;

}

/** Module table  **/

moduletable h3 { 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: #B10130; height: 28px; }

.moduletable {

padding: 0;

}

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              : #444; line-height        : 26px; background-color: #E2E5E8; height             : 28px; margin             : 0 0 15px; }

.rightcol div.module h3{ background-color: #3c424a; }

/** 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: #B10130; text-decoration  : none; border: solid 1px; }

a.readon:hover { color            : #B10130; 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            : #B10130;

  text-decoration  : none;

}

table.contenttoc {

  border           : 1px solid #dcdcdc;

  background       : #f3f5f6;

  padding          : 0;

  margin-left      : 2px;

  margin-bottom    : 2px;

}

table.contenttoc h3{

  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;

  color            : #616161;

  padding          : 3px;

  margin           : 3px 0;

  }

.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; }

.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            : #B10130;

  text-decoration  : none;

  padding-left     : 10px;

  text-decoration	 : none;

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

 }

a#active_menu:hover {

  color            : #B10130;

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

  text-decoration  : none;

}

a.sublevel#active_menu  {

	background      : transparent;

	color           : #B10130;

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

  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      : 2px !important; padding-top      : 2px; }



.footer_left p{

padding-left: 20px;



}



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



.footer_right 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: 20px; 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; }

#logo { float:left; height: 65px; }

#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: 800px; text-align: left; min-width: 750px; max-width: 2000px; }

#head-right { float:right; padding: 8px 10px 0px 0px }

#topup { color: #3a4048; text-align: left; background-color: #fff; height: 65px; border-bottom: 1px solid #e9ecf1; }

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

#newsflash a { color: #cbced3; text-decoration: underline; }

#newsflash td { color: #e9ecf1; }

#newsflash .moduletable { color: #e9ecf1; margin           : 0 0 5px 0; width            : 100%;  background       : #fff; }





#newsflash .moduletable h3{

      font-size          : 14px;

	font-weight        : bold;

	text-align         : center;

	color              : #e9ecf1;

	padding            : 1px;

      line-height        : 24px;

      background         : #3a4048;

      border-bottom      : 1px solid #65707e;

}

/* @group Sub Menu */

ul.menu {

margin: 0 0 10px;

padding: 0;

}

ul.menu li {

list-style: none;

margin: 0;

padding: 0;

}

ul.menu span { line-height: 18px; display: block; height: 18px; }

ul.menu a { padding: 3px; border-bottom: 1px dotted #8b8b8b; display: block; text-decoration: none; cursor: pointer; }

ul.menu ul {

margin: 4px 0;

}

ul.menu ul li a {

text-indent: 7px;

}

ul.menu ul a {

background: none;

text-indent: 0;

}

ul.menu ul {

margin-left: 5px;

padding: 0;

}

ul.menu ul ul {

padding: 0;

margin-left: 10px;

}

ul.menu li li {

padding: 0;

margin: 0;

}

ul.menu ul a {

text-indent: 0;

}

ul.menu li a { display:block; color: #666; text-align:left; font-size:98%; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration:none; text-indent: 15px; }

ul.menu li.active a, ul.menu li.active a:hover { color: #666; font-weight: bold; text-decoration: none; }

ul.menu li a:hover {display:block; color: #666; text-align:left; background-color: #eceeef; background-attachment: scroll; text-decoration:none;}

ul.menu li.active li a,

ul.menu li.active li a:hover { background: transparent; }

/* @end */

img {

border: 0;

}

#td-banner { background-color: #f0eef6; text-align: center; }

#lr-padd1 { padding: 0; width: 100%; }

#lr-padd1 div.moduletable { margin: 0; padding-top: 0; padding-bottom: 2px; border-right-width: 10px; }

table.lr-padd1 { width: 100%; padding: 0; }

table.lr-padd1 td.lr-padd1 { background-repeat:no-repeat; background-position:left top; color:#666; width: 50%; border: solid 1px #cbced3; }

table.lr-padd1 h3 {      font-size          : 14px;

	font-weight        : bold;

	text-align         : center;

	width              : 100%;

      color              : #000;

	padding            : 1px;

      line-height        : 24px;

      background         : #e2e5e8;

      border-bottom      : 1px solid #dde1e3; }

#lr-padd1 ul {

padding: 0;

margin: 0!important;

}

#lr-padd1 li {

padding: 0;

margin: 0;

background: none;

line-height: 170%;

}

#lr-padd1 li a { padding-left: 13px; background: url(../images/bullet.gif) no-repeat 0 50%; text-decoration: none; }

h1     {

color:#222222;

margin:0;

padding:10px 5px 5px;

font-size:140%;

}

h2     {

color:#333333;

margin:0;

padding:10px 5px 5px;

font-size:130%;

}

h3     {

color:#444444;

margin:0;

font-size:100%;

}

.small, .createdate, .modifydate

{

padding:0;

margin:0;

text-transform:lowercase;

color:#8b8b8b;

font-size:95%;

}