@charset "utf-8";
/* CSS Document */

* {margin: 0 ; font-family:Verdana; font-size:12px;}
img {border:none ;}
td { padding: 0px 4px 0px 4px; }
input {color: black;}
a { font-size: 12px; color: #000000; text-decoration: none;}
a:hover { text-decoration: underline;}
a:visited { text-decoration: none; }
table { border-collapse: collapse;}
h2 {font-family: verdana; font-size: 14px; color: #5D5D48; padding: 5px 0px 0px 10px;}
h3 {font-family: Arial, Tahoma ; font-size: 20px; color: #857766; font-weight: normal; margin-bottom: 5px;}

#main{width: 100%; height: 1600px; background: url(../images/main_bg.jpg) top center no-repeat; }
#header {width: 968px; height: 250px; background: url(../images/mainheaderbg.jpg) top center no-repeat; }
#rootcontainer {margin-left:auto;margin-right:auto; width: 968px;  }
#pagecontent {width: inherit; height: 915px; margin-top: 10px;}
	#sidebar {float: left; height: 889px; width: 307px; background-color: #D7D3BB; color: #9f9a86; font-size: 12px;}
	#dynamiccontent {float: left; height: inherit; width: 646px; }
	#extrafooter {float: left; height: 30px; width: 225px; background-color: #f8f8e7; }
	#mainfooter {float: left; height: 30px; width: 550px; background-color: #f8f8e7; }
	
#thisyear {width: 617px; margin-left: auto; margin-right: auto;}
	#thisyearheader {width: inherit; }
	#thisyearcontent {width: 600px; background: #FFF; padding: 10px 10px 10px 10px; height: 120px; }
	   #thisyearcontent > p { text-align: justified ; line-height: 20px; }
	
#creation {width: 617px; height: 233px; padding: 10px 0px 0px 0px;margin-left: auto; margin-right: auto; background: url(../images/content_sign_bg.jpg) no-repeat;}

#messages {width: 617px; height: 243px; margin-left: auto; margin-right: auto; }
	#messagesheader {width: inherit;}
	#messagescontent {width: inherit; margin-left: auto; margin-right: auto;}
		#mayors_message {background:url(../images/mayor_message.jpg) no-repeat; float: left; width: 154px; height: 200px;}
		#vicemayor_message {background:url(../images/vice_mayor_message.jpg) no-repeat; float: left; width: 153px; height: 200px;}
		#malacanang_message{background:url(../images/malacanang_message.jpg) no-repeat; float: left; width: 154px; height: 200px;}
		#privatesector_message{background:url(../images/private_sector_message.jpg) no-repeat; float: left; width: 147px; height: 200px;}


#footer { padding-left:10px;width: 968px; height: 230px; color: #000000;  font-style:arial; font-size: 10px; margin-left: auto; margin-right: auto;}
	#leftfooter {width: 600px; float: left;}
		#presenter {width: 200px; float: left;}
		#silver {width: 200px; float: left;}
		#major {width: 200px; float: left;}
	#rightfooter {width: 365px; float: left;}

/*#logofooter { width: 965px; height: 63px;background: transparent url(../images/digilutionlogo.jpg) no-repeat top center; }*/

p.footertext { font-family: Arial, Tahoma ; font-size: 25px; color: #DF6421; font-weight: normal; margin-bottom: 10px; margin-top: 5px; margin-left: 5px;}
h3.sidebar {font-family: Tahoma, Arial; font-size: 20px; color: #706557; font-weight: normal;  }

#messagescontent  p { font-family: Tahoma, Arial; font-size: 11px; font-weight: normal;  color: #000000; padding: 110px 10px 5px 10px;}
.readmore { font-family: Tahoma, Arial; font-size: 12px; font-weight: normal;  color: #990000; padding-left: 85px; }

#digilutionlogofooter {position:relative; left : -10px; top: 42px;}
/*BEN*/
.menulinks {color:white; font: 16px bold Calibri;}

#divoverlay {width:100%;height:1600px;background-color:black;opacity:.6;
position:absolute;top:0px;left:0px;filter:alpha(opacity=60);visibility:hidden;display:none;}

/* class */

.floatleft {float:left; margin-right: 10px;}
.timestamp {font-size:10px; font-style:italic;}
.navigationlinks { color: black; padding: 1px 5px 1px 5px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-size: 11px;} 
.paginationspan { margin-top: 20px; }
.paginationspan > a { background-color: black ; color: white;}
.paginationspan > a:hover {text-decoration: underline;}
.separatedtable { border-collapse: separate ;}
.actionlandingdivs {visibility:hidden; display:none; padding: 10px 0px 0px 10px;border:1px solid #999;background-color: #CCC;}
.actioncells > .actionlinks {text-decoration:underline;}
.tenpxpaddingdiv { padding: 10px } 
.divreadmore { text-align: right; margin-right: 4px; }
.regformcells {padding: 4px 4px 4px 4px;}
.hidden {visibility:hidden; display:none;}
.pointer { cursor:pointer; }
.homegallerypics {border: 3px white solid; margin: 10px;} 
.bold { font-weight: bold ; }
.link_descriptions {margin-left: 10px; font-size: smaller; font-style:italic ;}
.borderseparated{ border-collapse:separate;}
.spanrelativetop{position:relative;top:0px;}

#errormessagediv {color: red; visibility:hidden; display:none; font-weight: bold;}
#errormessagepassworddiv {color: red; visibility:hidden; display:none; font-weight: bold;}
#ajaxcontainer{color:red;width: 300px;}

#mainnewsentrydetailsdiv {visibility:hidden; display:block;position:absolute;left:50%;top:20%;margin-left:300px;width:800px;	border: 8px solid white;background-color:white;}

#ajaxviewer {width:800px;background-color:white;text-align:left;}

#mainvideoplayercontainer { margin-bottom:60px;}

.titleheaders {margin-bottom: 20px;}
/*end ben*/

#forumdiv {width: inherit; height: inherit;}

/* VIDEOS ADMIN*/
.helpdivs {visibility:hidden; display:none; padding: 10px 10px 10px 10px;border:1px solid black;background-color:#CF6;}
#mainvideoplayerdiv{visibility:hidden; display:none;position:relative;left:10px;top:10px;}

#closevideoplayerdiv {visibility:hidden; display:none;text-align:right;;width:790px;
			background-color:white;padding:4px 8px 4px 0px;}
#closevideoplayerdiv > .clickableimages , .clickableimages {cursor:pointer;}

/* holder for the dynamic pages */
#changingperpagecontent { width : 616px; height: 680px ;padding: 0px 10px 10px 20px; overflow:auto ;}


/* ADMIN */
.messagebox{width:inherit; height:inherit; background-color:white;opacity:.6;filter:alpha(opacity=60);text-align:center;color:black;
		padding: 20px 20px 18px 20px;position:relative;top:-21px;}

#divoverlay {width:100%;height:1600px;background-color:black;opacity:.6;
position:absolute;top:0px;left:0px;filter:alpha(opacity=60);visibility:hidden;display:none;}

#admin_login_topdiv{background: white url(../images/admin/logintop-bg.jpg) repeat-x top left ;width:100%;height:42px;}
#adminlogindiv{background-color: white ;width:100%;height:1000px;}
#loginformdiv {background: white url(../images/admin/loginbox-bg.jpg) no-repeat top left ;width:293px;height:211px;
						position:relative; top: 100px;text-align:left;}
#loginimage {position:relative; left: 12px; top: 4px;}
#form_login{position:relative; left: 14px; top: 10px;color: #666;}
.logininputs {border:1px solid #CCC; margin-top:6px;height:20px;}


#admin_container {width:100%;margin-left:auto;margin-right:auto;} 
#adminbody {background: white url(../images/admin/main-bg.jpg) repeat-x top left ;width:100%;height:1000px;}
#admin2body{background: white url(../images/admin/main2-bg.jpg) repeat-x top left ;width:100%;height:1000px;}

#admin_top_helloadmin {width:inherit;height:50px;padding: 4px 0px 0px 10px;color:white;line-height:20px;}
#admin_top_logo {width:100%;height:54px;}

#admin_top_helloadmin {width:inherit;height:50px;padding: 4px 0px 0px 10px;color:white;line-height:20px;}
#inner_container {/*height: 456px ;*/width: 642px;margin-left:auto;margin-right:auto;margin-top:20px;} 
#content_mgmt_tools_hdr_div{background: transparent url(../images/admin/mainpanelheader-bg.jpg) no-repeat top left ;width:inherit;height:32px;}
#content_mgmt_tools_div{background: transparent url(../images/admin/mainpanel-cms-repeat-bg.jpg) repeat-y top left ;
		width:inherit; padding: 20px 4px 4px 20px; }
#content_mgmt_tools_ftr_div{background: transparent url(../images/admin/mainpanelfooter-bg.jpg) no-repeat top left ;width:inherit;height:25px;}
#site_tools_div{background: transparent url(../images/admin/mainpanel-sitetools-bg.jpg) no-repeat top left ;width:inherit;height:161px;margin-top:33px;padding: 50px 0px 0px 20px;}

#videolisttable { border-collapse: separate ;}

.cmsbuttons {margin-left:0px;}

#div_uploadtool {border:1px solid black;width:50%;padding:10px 4px 10px 4px; margin-left: 20px;}

/*FOOTER Adminpages */
#divlogocontainer{background: transparent url(../images/admin/admin-wrapper-footer-bg.jpg) repeat-x top left ;width:100%;height:20px;}
#logocontainer {text-align:right;padding-top:60px} /*this is for Main Admin.php */
#innerlogocontainer{text-align:right;width:642px;margin-left:auto;margin-right:auto;padding-top:10px;height:inherit;}
/* end footer */

#admin_hdr_div{background: transparent url(../images/admin/admin-hdr-bg.jpg) no-repeat top left ;width:inherit;height:30px;
		padding: 2px 0px 0px 10px;}
#admin_body_div{background: transparent url(../images/admin/mainpanel-cms-repeat-bg.jpg) repeat-y top left ;
		width:inherit;min-height:300px; padding: 20px 4px 4px 0px;}
#admin_ftr_div{background: transparent url(../images/admin/mainpanelfooter-bg.jpg) no-repeat top left ;width:inherit;height:15px;margin-bottom:20px;}
#admin_back_btn{/*position:relative; left: 460px;*/}

.actioncells > .actionlinks {text-decoration:underline;}
.actionlandingdivs {visibility:hidden; display:none; padding: 10px 0px 0px 10px;border:1px solid #999;background-color: #CCC;}
.helpdivs {visibility:hidden; display:none; padding: 10px 10px 10px 10px;border:1px solid black;background-color:#CF6;}
#mainvideoplayerdiv{visibility:hidden; display:none;position:relative;left:10px;top:10px;}
#closevideoplayerdiv {text-align:right;;width:792px;background-color:white;padding:4px 8px 4px 0px;}
#closevideoplayerdiv > .clickableimages , .clickableimages {cursor:pointer;}
#mainnewsentrydetailsdiv {visibility:hidden; display:block;position:absolute;
	left:50%;top:20%;margin-left:300px;width:800px;	border: 8px solid white;background-color:white;}
#adminnewstable > td {padding: 4px 4px 4px 4px;}
#ajaxviewer {width:800px;background-color:white;text-align:left;}
.textbuttons{background-color:#CCC;padding:4px 4px 4px 4px;cursor:pointer;}

#mainnewsarticlecontainer {padding: 4px 4px 4px 10px;}

#animatedheadercontainer , #dawownowcontainer{margin-left: 25px;}
	#adminanimatedgallerybigpicture{width:588px;height:274px;border:2px solid #A98700;margin-bottom: 10px;}

#admintoplogo{position:relative; top:2px ;}

#sponsors{ width: 600px; padding: 8px;}
#sponsors-tabs1{ background-color:#FFCC00; width: 600px; height: 600px;}
#sponsors-tabs1{}
#sponsors-tabs1{}