/**#################### DEFAULT and FORMS CSS ####################**/
body,html  { background: #eceeef url(../images/top_bg.gif) repeat-x left top; margin: 0; padding: 0 }
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: #03c; text-decoration: none }

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

ul {
  margin           : 2px;
  padding-top      : 0px;
  padding-left     : 14px;
 
  list-style-image : url(../images/bullet.gif);
 
}

li {
  margin           : 2px;
  line-height      : 14px;
  padding-left     : 4px;
  padding-top      : 0px;
  
 
}


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            : #000;
  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  { color: #000; font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 24px; background-color: #fc0; background-image: url(../images/button.gif); text-align: center; padding: 2px; width: 100%; height: 28px ; }

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



div.module{
    text-align: left;
    margin : 0 0 15px;
    	}

div.module h3  { color: #000; font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 26px; background-color: #fc0; background-image: url(../images/button.gif); text-align: center; margin: 0 0 15px; width: 100%; height: 28px  }

.rightcol div.module h3  { background-color: #fc0 }


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


.contmod table.moduletable th { font-size: 14px; font-weight: bold; line-height: 24px; background: #e2e5e8; text-align: center; padding: 1px; width: 100%; border-bottom: 1px solid #dde1e3 }



/** Read more **/

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




/** Pagenavigation **/

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

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

.pagenav, .pagenav_prev, .pagenav_next {
  font-weight      : normal;
  }

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

a.pagenav:hover   { color: #000; font-size: 11px; 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  { color: #333; font-size: 11px }
.smalldark  { color: #000; font-size: 11px }
.createdate, .modifydate  { color: #333; font-size: 11px; font-weight: normal; text-align: left; width: 100% }
.content_vote {
  font-size        : 11px;
  height           : 22px;
  padding          : 2px 0;
  }
.content_rating  { color: #333; font-size: 11px }

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  { color: #000; font-size: 17px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 21px; background: #f9fbfc; text-align: left; text-indent: 15px; margin: 3px 0; padding: 3px; width: 100% }
.contentheading a {
text-decoration:none;
}
.componentheading  { color: #000; font-size: 17px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 21px; background: #f9fbfc; text-align: left; text-transform: uppercase; text-indent: 15px; margin: 5px; padding: 3px; width: auto }



.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  { color: #666; font-weight: normal; line-height: 30px; text-align: center; cursor: pointer; padding: 5px; border-left: 1px solid #666666 }
.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  { color: #333; font-size: 14px; font-weight: normal; text-decoration: none; display: block; padding: 3px 0 3px 10px; border-bottom: 1px solid #d5d7d9 }
a.mainlevel:hover  { color: #333; font-size: 14px; font-weight: normal; text-decoration: none; background: #eceeef url(../images/menu.gif) no-repeat 96% 50%; padding-left: 10px; border-bottom: 1px solid #d5d7d9 }
#active_menu   { font-size: 14px; font-weight: normal; text-decoration: none; background: #fc0 url(../images/menu.gif) no-repeat 96% 50%; padding-left: 10px; border-bottom: 1px solid #d5d7d9 }
a#active_menu:hover   { color: #000; border-bottom: 1px solid #dcdfe1 }


/** Sublevel for Mainmenu **/

.sublevel  { color: #333; font-size: 13px; font-family: Arial, Helvetica, sans-serif; margin: 3px; padding: 3px 1px 3px 5px }
a.sublevel:link, a.sublevel:visited  { color: #333; text-decoration: none }
a.sublevel:hover   { color: #c60; text-decoration: none }
a.sublevel#active_menu    { color: #fc0; background: transparent; 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   { color: #c60; font-size: 13px; text-decoration: underline; display: block; padding-right: 0; padding-left: 10px }

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

.footer_left p{
padding-left: 20px;

}

.footer_middle {  float: right; font-size        : 12px; color            : #e9ecf1; font-weight      : normal; padding-top      : 15px; text-align: right; margin-right: 20px; }

.footer_middle p{
padding-right: 20px;

}

.footer_right { float: right; font-size        : 12px; color            : #e9ecf1; font-weight      : normal; padding-top      : 15px; 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           : 40px; 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-position: center; margin: 5px; width: 190px; height: 180px  }
#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: 950px; text-align: left; min-width: 950px; max-width: 2000px; }

#flash   { background-color: transparent; background-position: right center; text-align: right; margin: 5px; width: 750px; height: 180px; align: center   }



/* slider menu work */

#navheader li  { list-style: none; margin: 0; padding: 0; position: relative; z-index: 3; float: left }
#navheader li a  { color: #000; font-size: 12px; font-weight: bold; text-decoration: none; display: block; padding: 0 14px }
	
#navheader li a:hover  { color: #000 }
	
#navheader li.active {
	z-index: 1;
	height: 17px;
	border-bottom: 4px solid #E49B2A;
}
#navheader  { margin-top: 7px; z-index: 2; height: 20px }
	
#slider {
	z-index: -1;
	position: absolute;
	height: 20px;
	background-color		: #C1A184;
	border-bottom			: 4px solid #FFFFFF;
	
}


#horizmenu       { color: black; 
background: #fc0; 
width: 100%; 
height: 30px }


.clr {
	clear: both;
}

/* splitmenu sublinks */


#nav ul.submenu,
ul.submenu li{
	list-style: none;
	margin: 0;
	padding: 0;
	
}

ul.submenu ul li a{
	text-indent: 15px;
	
}

ul.submenu ul ul li a{
	text-indent: 30px;
}

ul.submenu ul li a {
	border-right: 4px solid #46596E;

}

ul.submenu li a {
	display: block;
	width: 150px;
	margin-left		: 0px;
	margin-bottom	: 5px;
	background-color		: #7E654F;
	text-decoration			: none;
	color					: #fff;
	padding-left			: 10px;
	height					: 20px;
	border-bottom			: 1px solid #352A21;

}

#nav ul.submenu a:link,
#nav ul.submenu a:visited {
	text-transform	: capitalize;
	color			: #ffffff;
	line-height		: 20px;
	font-size		: 11px;
}

#nav ul.submenu a:hover {
	text-decoration: none;
	background-color	: #A78669;
	border-bottom		: 1px solid #46382C;
}

#nav ul.submenu ul li a {
	border-right: 4px solid #46596E;
}






#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; background-image: url(../images/button.gif); margin: 0 0 5px; width: 100%; #fc0: border: solid 1px #dde1e3 }


.newsflash table.moduletable th{
      font-size          : 14px;
	font-weight        : bold;
	text-align         : center;
	width              : 100%;
      color              : #e9ecf1;
	padding            : 1px;
      line-height        : 24px;
      background         : #3a4048;
      border-bottom      : 1px solid #65707e;
}