/*########### CSS Document ###########*/
/*######### BY eric cabusao #########*/
/*###email:eric_cabusao@yahoo.com#####*/
/*====================================*/
/*######## GENERAL SETTINGS  #########*/
/*====================================*/
body {
	margin			:0px 0px 0px 0px ;
	font-family		:Arial, Helvetica, sans-serif;
	font-size		:12px;
	color			:#625950;
	text-align		:justify;
	background-color: #f1f0ef;
	background-image: url(../images/BG.png);
	background-repeat: repeat-x;}
#banner{
	background-image: url(../images/BANNER.jpg);
	height: 225px;
	width: 965px;
	background-repeat: no-repeat;
	margin-top:23px;}
#container{
	background-image: url(../images/BG-WIDESCREEN.png);
	height:965px;
	background-repeat: no-repeat;
	background-position:top;
}
#top{
	background-image: url(../images/TOP-LOGO.png);
	background-repeat:no-repeat;
	height: 69px;
	width: 772px;
	padding: 0px 0px 20px 0px;
}
#header{
	background-image: url(../images/header-bg.png);
	height: 330px;
	width: 772px;
	background-repeat: no-repeat;
	padding: 0px 0px 30px 0px;
	margin:0px 0px 0px 0px;
}
.top-bg{
	background-image: url(../images/body-top.png);
	background-repeat: no-repeat;
	height: 85px;
	width: 980px;}
	
.left-bg{
	background-image: url(../images/body-left.png);
	background-repeat: no-repeat;
	height: 426px;
	width: 44px;
}
.right-bg{
	background-image: url(../images/body-right.png);
	background-repeat: no-repeat;
	height: 426px;
	width: 44px;
}
.bottom-bg{
	background-image: url(../images/body-bottom.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 980px;
}

#top-menu{
float:left;
padding-left:15px;}
#logo{
	float:left;
	width:296px;
	background-image: url(../images/LOGO.png);
	height:70px;
	background-repeat: no-repeat;}
#inside{
	float:left;
	width:50%;
	margin-top:25px;}

li{
	list-style-image: url(../images/bullet-arrow.png);
	list-style-position:outside;
	background-image: url(../images/dashed.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	height: auto;
	width: 220px;
	font-size:12px;
	line-height:30px;
	vertical-align:bottom;
}
#border{
	background-image: url(../images/border-content.gif);
	background-repeat: no-repeat;
	height: 399px;
	width: 10px;
}
/*====================================*/
/*######## MODULE TABLE   #########*/
/*====================================*/
.moduletable{
	padding: 0px 0px 0px 2px;}
.moduletable_s2{}
.moduletable_SP2{
	border:0px;}
.moduletable_SP3{
	border:0px;}
.moduletable_s2{
	color:#333;
	width:300px;
	background-image: url(../images/MODULE-HEADING3.png);
	background-repeat: no-repeat;
	height: 45px;
	padding: 50px 0px 0px 0px;
	margin: 12px 0px 0px 0px;
	text-align:center;}
.moduletable h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal;
	margin-left:8px;
		}
.moduletable-qckform{
	padding: 0px 0px 0px 10px;
	margin-left:20px;
	background-image:url(../images/qckfrm-bg.png);
	background-repeat:no-repeat;
	color:#fff;
	}
.moduletable-qckform h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:23px;
	font-weight:normal;
	text-indent:1px;
	padding-top:3px;

		}
/*====================================*/
/*######## MODULE TABLE S1  #########*/
/*====================================*/
.moduletable_s1{}
.moduletable_SP2{
	border:0px;}
.moduletable_SP3{
	border:0px;}
.moduletable_s1{
	color:#333;
	width:300px;
	background-image: url(../images/MODULE-HEADING3.png);
	background-repeat: no-repeat;
	height: 45px;
	padding: 50px 0px 0px 0px;
	margin: 12px 0px 0px 0px;
	text-align:center;}
/*====================================*/
/*######## FOOTER SETTINGS  #########*/
/*====================================*/
#footer{
	background-image: url(../images/FOOTER-BG.png);
	background-repeat: no-repeat;
	height: 72px;
	width: 775px;
	color:#333;}
.footer-inside{
		padding:20px 0px 0px 25px;}
.bar{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	text-align: left;}
a.bar:link, a.bar:visited {
  font-size        : 10px;
  color            : #333;
  text-decoration  : none;
  font-weight      : bold;
}

a.bar:hover {
  font-size        : 10px;
  color            : #c20000;
  text-decoration  : none;
  font-weight      : bold;
  	  }
/*====================================*/
/*######## NAVIGATION SETTINGS  #########*/
/*====================================*/
a:link, a:visited {
  font-size        : 11px;
  color            : #333;
  text-decoration  : none;
  font-weight      : bold;
}

a:hover {
  font-size        : 11px;
  color            : #c20000;
  text-decoration  : none;
  font-weight      : bold;
  	  }
  
form {
	margin: 0px;
	padding: 0px;
}
	image{
		border: 0px;	}	
/* ##################### NAVIGATION  ##################### */	

.mainlevel {
  display: block;
  border-bottom    : 1px dotted #C0C0C0;
  width            : 140px;
  margin-left: 5px;
}

a.mainlevel:link, a.mainlevel:visited {
  text-decoration  : none;
}

a.mainlevel:hover {
  background       : #DDEEFF;
  text-decoration  : none;
}

.sublevel {
  font-size  : 10px;
  margin-left: 5px;
}
a.mainlevel#active_menu {
	color:#fff;
	font-weight: bold;
}
a.mainlevel#active_menu:hover {
	color: #fff;
}
a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #c64934;
	text-align: left;
}
a.sublevel:hover {
	color: #900;
	text-decoration: none;
}
a.sublevel#active_menu {
	color: #333;}
/*======================================*/
/* ###### NAVIGATION MAIN LEVEL NAV###### */	
/*====================================*/
.mainlevel-nav {
	width:auto;
	padding:0px 0px 0px 3px;	
	color:#FFF;}
a.mainlevel-nav:link, a.mainlevel-nav:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: normal;
	text-decoration: none;
	color:#FFF;
}
a.mainlevel-nav:hover {
	color:#c7b299;}
a.mainlevel-nav#active_menu {
	color: #0066FF;
	background-color:#3366CC;
	font-weight: normal;}
a.mainlevel-nav#active_menu:hover {
	color: #fff;}
/* ##################### SEARCH ########################## */	
.moduletable-search{
background-image: url(../images/search-bg.png);
	height: 20px;
	width: 180px;
	background-repeat: no-repeat;}
.search-search {
padding: 2px 0px 0px 0px;
text-align:left;}
/*Highlight Found Words*/
.highlight {
  border: 1px dashed #010101;
  background: #DDEEFF;
  padding: 0px 2px 0px 2px;
  				}
.inputbox-search{
	font-size:11px;
	border: 0px;
	margin-left:8px;
}

/* ##################### PATHWAY ##################### */	

.pathway {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333;
			}
			
a.pathway:link, a.pathway:visited {
  font-size        : 11px;
  color            : #0066CC;
  text-decoration  : none;
											 }		
											 						
a.pathway:hover {
  font-size        : 11px;
  color            : #333333;
  text-decoration  : none;
  	  						}
							
/* ##################### STANDARD MODULE ################# */	

table.moduletable {
  width            : 120px;
}

table.moduletable th {
  font-size        : 11px;
  font-weight      : normal;
  text-transform   : uppercase;
  text-align       : center;
  letter-spacing   : 1px;
  color            : #999;
  background       : url(../images/mshade.png) #F0F0F0 repeat-x 0px 0px;
  border-bottom    : 1px solid #D0D0D0;
  border-top       : 1px solid #D0D0D0;
}

table.moduletable td {
  padding       : 1px;
}

/* ##################   LOGIN MODULE ################ */

/* ##################   LOGIN MODULE ################ */

 table.moduletable-login {
  width			   :150px;
  table-layout	   : auto;
}

table.moduletable-login th {
  font-size        : 11px;
  font-weight      : normal;
  text-transform   : uppercase;
  text-align       : center;
  letter-spacing   : 1px;
  color            : #999;
  background       : url(../images/mshade.png) #F0F0F0 repeat-x 0px 0px;
  border-bottom    : 1px solid #D0D0D0;
  border-top       : 1px solid #D0D0D0;
}

table.moduletable-login td {
  padding-left     : 0px;
  padding-right    : 0px;
  text-indent      : 8px;
  text-align       : center;
  background-color: White;
}
.button-login{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background:none;
	border:none;
/*	color:#002f95;*/
	color:#0066CC;
	text-decoration:underline;
	margin:0px;
	padding:0px;}
.inputbox-login{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../images/inputbox-login.png);
	height:18px;
	width:110px;	
	background-repeat: no-repeat;
	background-position: left center;
	border:none;		}
.mod_login_username{font-size:10px;}
.mod_login_password{font-size:10px;}
 a.login:link, a.login:visited{
 font-size:11px;
 font-weight:bold;
 text-decoration:none;}
 a.login:hover{
 	color:#0066CC;}
/* ############# CONTENT ###################### */

/* Page titles container Box */
.contentheading {
	width: 100%;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: Black;
	text-align:left;
	margin: 1px;
	padding-top: 15px;
	border-bottom-width: 1px;
	border-bottom-color: #DDD;
	border-bottom-style: dotted;
	}
	
/* Page Titles */
.contentpagetitle { background-color : White; }
a.contentpagetitle h1,
a.contentpagetitle:link,
a.contentpagetitle:visited, 
a.contentpagetitle:active{
	text-decoration: none;
	font-weight: normal;
	color: Black;
	border-bottom: 0px;}
	
a.contentpagetitle:hover {
   color: Black;
   border-bottom: 0px  dashed #CCCCCC;
   text-decoration: none;
	}
	
/* Component heading links, blogs and Faq's ..etc box */
.componentheading {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	text-align:left;
	margin: 0px;
	}
	
/* Styling for the pdf/email/print icons */
.buttonheading{ }

/* POP Window */
a.pop-up {border-bottom: 0;}

.pop-ups {float: right;}

/* Main Body Content rating & voting */
.content_rating {
	font-weight: normal;
	font-size: 10px;
   }
	
.content_vote {
	font-weight: normal;
	font-size: 10px;
   }
	
/* Author Name */
.small {color: Black;}

/* Date Stamps */
.newsfeeddate {
	font-family: arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	font-weight: normal;
   }

.createdate {
	color: Black;
 	font-size:10px;
   font-weight: normal;
   line-height: 1;
	}

.modifydate {
	font-family: arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
	text-decoration: none;
	font-weight: normal;
	}
	
/* Description Component Container Box News, Faq and Links ..etc  */
.contentdescription {background-color : #FFF;}

/* Component Container Box News, Faq and links ..etc */
.contentpane {background: #FFF;}


/* Center content main body text staic text, blog ..etc */
.contentpaneopen {
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 12px;
	color		:#625950;
	text-align:justify;
	line-height:18px;
	padding: 10px 10px;
	}
	
/* Main Body  bullets List */
.contentpaneopen li{}
.contentpaneopen ul {}


/*  Main Body Page Navigation  */
.pagenav{}
a.pagenav {color: #CCCCCC; border-bottom: 0;}
a.pagenav:hover {color: #666666; border-bottom: 0;}
.pagenavcounter{}
.readon{}
.back_button{}
	
/*############################### COMPONENTS ##########################*/

/* Article Index Static Pages Component */		

table.contenttoc {
width: 150px;
border: 1px solid #ddd;
background: none;
border-collapse: collapse;
padding: 0px;
margin: 2px;  }

table.contenttoc th {
	background-color: #DDEEFF;
	font-weight: bold;
							}

table.contenttoc td {
	padding: 2px;
						  }
a.toclink:hover, 
a.toclink:visited, 
a.toclink:link {}

/* Table catagory lists Header and Foot */

.sectiontableheader {
	background-color : #D3D3D3;
	color : Black;;
	font-weight : bold;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

.sectiontablefooter{}

/* odd & even row colors example polls and links components */
.sectiontableentry1 {
	background-color : #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
.sectiontableentry2 {
	background-color : #EBEBEB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

/* category text format and links Component or news feeds by category */
.category {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:Black;
	}
a.category:link,a.category:visited {}
a.category:hover {}


	/* Blog Component */
	.blogsection{}
	.blog_more{}
	.blog_heading {}
	
	/* Contact Form Component */
	.contact-form {
   width: 100%;
   }
  .contact_email {margin: 0px;
	padding: 10px;}
	
/* Note: See poll_bars.css in components/com_poll folder! */
.poll {
	font-family: arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 14px
	}
	
pollstableborder{ border: 20px solid #999999; }
	
.smalldark {color: Black; line-height: 1;}


/* syndicate component */
.syndicate{}
.syndicate_text{}


/* ##################### FORM OBJECTS #####################*/	

.inputbox {
   font-family: arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 10px;
   border: 1px solid #999;
   margin-left: 10px;
   }
	
.selectbox {
   	font-family: arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;

   	width: 100%;
   	border: 1px solid #999;
   }
	
  .button {
  	font-family:Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight:bold;
   color:#FFFFFF;
   background: #3399FF;
   border: 1px solid #999;
   margin-left:15px;  }	
                             /* No need to edit */
/* #################### AFTER LOGIN EDITING FORMS  ################### */

/* ###################### TABBED EDITING ###################### */
/*When user logins to edit or sumbit articles*/
/* for modifying {moscode} output.  Don't set the colour! */

.moscode {background-color: #f0f0f0;}
		
.code {
	font-family: courier, serif;
	font-size: 10px;
	padding: 2px;
	line-height: 1.3em;
	background-color: #f0f0f0;
	color: blue;
	border: 1px solid #d5d5d5;
	margin: 0px;
	width: 90%;
}

/* Text passed with mosmsg url parameter */
.message {
	font-family : arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 10px;
	color : Black;
	text-align: center;
   }

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #666666;
	border-left: outset 1px #666;
	border-right: outset 1px Black;
	border-top: outset 1px #666;
	border-bottom: solid 1px Black;
	text-align: center;
	cursor: default;
	font-weight: bold;
	color: #FFFFFF;
	padding: .2em;
   }

.offtab {
	background-color : #cccccc;
	border-left: outset 1px #666;
	border-right: outset 1px Black;
	border-top: outset 1px #666;
	border-bottom: solid 1px Black;
	text-align: center;
	cursor: default;
	font-weight: normal;
	padding: 1px;
   }

.edit-tabs {
   padding: 9px;
   background: none;
   }

.tabpadding {}

.tabheading {
	background-color: #FF6600;
	text-align: left;
   }

.pagetext {
	visibility: hidden;
	display: none;
   }

	/*Body of the form*/
.adminform{background-color : #FFFFFF;}