/*BASE STYLE SHEET*/
@import url("/custom/theport/base.css");


/* --- CSS Resets --- */
/* The purpose of these resets are to provide each HTML tag that we would like to modify be reset to its defaults. We can even set it to our own defaults; for instance, if you want to use a default font for the whole site, we declare it in the BODY tag. */

body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,p,blockquote,table,th,td, iframe { margin: 0; padding: 0; font-family: "Arial", Trebuchet MS, sans-serif; }
input {background: #fff;}
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-family: "Trebuchet MS", Helvetica, Helvetica Neue, Arial; }
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
a { text-decoration: none }

/* --- global classes --- */
/*  These classes are generic classes that we can use for various purposes. Remember that we can set several classes to a HTML tag or DIV. Example: <span class="left bigger bold">This displays a text example that is floated left, font-size set to bigger and bold.</span> */
.left {
	float: left;
}

.right {
	float: right;
}

.textleft {
	text-align: left;
}

.textright {
	text-align: right;
}

.textcenter {
	text-align: center;
}

.textjustify {
	text-align: justify;
}


.border {
	border: 1px solid #000;
}

.clear {
	clear: both;
}

.invisible {
	visibility:hidden;
}

.notdisplayed {
	display: none;
}

.large{
	font-size: 1.125em;
	font-weight: normal;
}

.medium{
	font-size: 0.875em;
	font-weight: normal;
}

.small{
	font-size: 0.75em; 
	font-weight: normal;
}

.smaller {
	font-size: 0.6875em;
	font-weight: normal;
}

.smallest {
	font-size: 0.625em;
	font-weight: normal;
}

.fontsmall8 {
	font-size:  0.605em;
	font-weight: normal;
}

.heading {
	font-family: "Trebuchet MS", Arial, sans-serif;	
}

.heading2 {
	font-family: "Trebuchet MS", Arial, sans-serif;	
	font-size: 160%;
	font-weight: bold;
}

.heading3 {
	font-family: "Trebuchet MS", Arial, sans-serif;	
	font-size: 100%;
	font-weight: bold;
}

.offwhite {
	color: #C2D1DD;
}

.white {
	color: #FFF;
}

.orange {
	color: #FFC562;
}

.lightblue{
	color:#4897b5;
}

.darkblue{
	color:#1c587b;
}

.width999 {
	width: 100%;
}

.width980 {
	width: 980px;
}

.width500 {
	width: 500px;
}

.sectionbody{
	background-color:#fff;
	color:#444;
	font-weight:bold;
	font-size:11px;
	text-align: center;
}

.pagebody {
	text-align: center;
}

.move-top10{
padding-top: 20px;
}

.move-top5{
padding-top: 5px;
}

.move-left5{
padding-left: 5px;
}

.move-left15{
padding-left: 15px;
}

.move-right15{
padding-right: 15px;
}

.move-right30{
	margin-right: 30px;
}

.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.whitebg{
	background: #fff;
}

.pagebodybg{
	background: url(/custom/bangonpilipino/images/body_bg.jpg) no-repeat top center;
	margin-right:1px;
}	

.map-smartwindow {
	background-color: #fff;
	padding:2px; 
	width:190px; 
	font-family:Arial, Trebuchet MS, Helvetica;
}
.map-smartwindow a.ms-link{
	font-size:1em; 
	color: blue; 
	text-decoration:none; 
	cursor:pointer;
}
.map-smartwindow a.ms-link:hover{ 
	font-size:1em; 
	color: blue;
	text-decoration:underline;
	cursor:pointer;
}

#lblPageTitle {
	margin-top: 15px;
}

.urlpanel{
	background:#FBFADD;
	border:solid 1px #CFCCCC;
	text-align:center;
	padding: 5px;
}

.commentsarea{
	background:#EBEAE7;
	padding: 5px;
	margin: 5px;

}

.picborder{
	border:solid 2px #C8C8C8;
	width:100%;
}

.pad10{
	padding: 10px;
}

.separator{
	background: url(/custom/bangonpilipino/images/separator.gif) repeat-x top right;
	width: 1px;
}

.profile_caption{
	font-family:Trebuchet MS, Arial, helvetica, Sans-serif;
	font-size: 18px;
	text-align: left;
	color: #6bb8d3;
	padding: 2px 0;
}

.width990{
	width:990px;
}

.tp_profilethumbs{
	background: none;
	width:80px;
	height:80px;
}

.tp_profilethumbs img {
	width: auto;
	height: auto;
}

.pagebody {
	text-align: none;
}

.pagebody_comments {
	background: url(/custom/bangonpilipino/images/content_bg.png) top repeat-y;
}

#divInboxLnk{
	background-position:10px 10px;
	padding:10px 5px 5px 32px;
	text-align: left;
}

#divFriendRequestsLnk{
	background-position:10px 10px;
	padding:10px 5px 5px 32px;
	text-align: left;
}

#divProfileCommentsLnk{
	background-position:10px 10px;
	padding:10px 5px 5px 32px;
	text-align: left;
}

#divEventsLnk{
	text-align: left;
	background-position:10px 10px;
	padding:10px 5px 10px 32px;
}

#divCalendarLnk{
	background-position:10px 10px;
	padding:10px 5px 5px 32px;
	text-align: left;
}

#divInviteLnk{
	text-align: left;
	background-position:10px 10px;
	padding:10px 5px 10px 32px;
}
	
/* --- TAGS --- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #FFF url(/custom/bangonpilipino/images/body_bg.jpg) repeat-x;
	/*	text-align: center; */
}

h3 {
	margin-bottom: 6px;
}

* html a {
	text-decoration: none;
	cursor: hand;
}

* html img {
	clear: both;
}

* { margin: 0 }

/* --- IDs --- */
div#container {
	display: block;
	width: 998px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}

div#container input {
	font-family: Arial, sans-serif;
}

div#container input.textbox {
	padding: 1px;
	margin-right: 5px;
}

/*
div#header {
	display: block;
	background: url(/custom/bangonpilipino/images/header_bg.png) no-repeat; 
	padding: 2px 15px 0 0;
	width: 998px;
	height: 314px !important; height: 316px;
	margin: 0 auto;
	text-align: right;
	display: block;
} 
*/

div#header {
	display: block;
	background: url(/custom/bangonpilipino/images/header_bg_2.png) no-repeat;
	padding: 2px 15px 0 0;
	width: 998px;
	height: 158px !important;
	height: 160px;
	margin: 0 auto;
	text-align: right;
	display: block;
}


div#date {
	display: block;
	clear: both;
	padding: 2px 0;
	height: 20px;
	margin: 0;
}

div#date a {
	color:#1c587b;
}

div#date a:hover {
	color:#fff;
	text-decoration: underline;
}

div#logo {
	display: block;
	width: 320px;
	height: 70px;
	margin: 5px 10px;
	border-right: 1px dotted #FFF;
	float: left;
	position: relative;
}

div#logo .logo {
	display: block;
	float: left;
}

div#nav {
	font-family: "Trebuchet MS", Arial, sans-serif;
	width: 643px;
	padding: 15px 0 10px 10px;
	display: block;
	text-transform: uppercase;
	float: left;
}

ul#navmain li {
	float: left;
	margin: 0 5px;
	list-style: none inside;
}

ul#navmain li a {
	font-family: "Trebuchet MS", Arial, sans-serif;
        color: #FFF;
}

ul#navmain li a:visited {
	color: #FFF;
        font-family: "Trebuchet MS", Arial, sans-serif;
}

ul#navmain li a:hover {
	text-decoration: underline;
}

div#navshadow {
	display: block;
	text-align: left;
	height: 2px;
	padding: 10px 0;
	background: url(/custom/bangonpilipino/images/nav_dropshadow.png) no-repeat center bottom;
}

div#status {
	display: block;
	text-align: left;
	height: 10px;
	padding: 4px 6px;
}

div#status a {
	color: #FFF;
	padding: 0 5px;
}

div#status a:visited {
	color: #FFF;
}

div#status a:hover {
	text-decoration: underline;
}

div#centerpiece {
	margin-top: 90px !important; margin-top: 11px;
	text-align: left;	
	display: block;
	padding: 0 15px;
}

div#content {
	display: block;
	background: url(/custom/bangonpilipino/images/content_bg.png) top repeat-y; 
	width: 998px;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
}

div#innercontent {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

div#innercontent .tp_globalsubnav {
	display: block;
	width: 958px;
	margin: 0 auto;
}

div#innercontent .timeanddate_uppercase {
	font-family: Arial, Trebuchet MS, sans-serif;
	font-size: 12px;
	color:#464646;
	text-align:left;
	text-transform: uppercase;
}

div#innercontent .timeanddate_uppercase a {
	color:#464646;
}

div#innercontent .timeanddate_uppercase a:hover {
	color:#136786;
}

div#innercontent .timeanddate_lowecase {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#a1a1a1;
	text-align:left;
	text-transform: lowercase;
}

div#innercontent .text{
	font-family: Arial, Helvetica, sans-serif;
	color: #464646;
	font-size: 12px;
	text-align:left;
}

div#innercontent .caption{
	font-family:"Arial", Trebuchet MS, sans-serif;
	font-size: 18px;
	text-align: left;
	color: #6bb8d3;
	padding: 0;
}
	
div#innercontent .caption a {
	color: #6bb8d3;
}

div#innercontent .caption a:hover {
	color: #136786;
}


div#innercontent a.small_link {
	font-family: Arial, helvetica, Sans-serif;
	font-size: 10px;
	color:#6d96cf;	
}

div#innercontent a.small_link:hover {
	font-family: Arial, helvetica, Sans-serif;
	font-size: 10px;
	color:#000;	
}

div#innercontent a.small_link:visited {
	font-family: Arial, helvetica, Sans-serif;
	font-size: 10px;
	color:#6d96cf;	
}

div#innercontent .read_more {
	background: url(/custom/bangonpilipino/images/readmore_icon.gif) no-repeat left;
	width: 85px;
	float: left;
	text-align:left;
	text-transform: uppercase;
	padding-left:15px;
	}

div#innercontent .email{
	background: url(/custom/bangonpilipino/images/email_icon.gif) no-repeat left;
	width: 60px;
	float: left;
	text-align:left;
	text-transform: uppercase;
	padding-left: 15px;
	}

div#innercontent .comment {
	background: url(/custom/bangonpilipino/images/comments_icon.gif) no-repeat left;
	width: 80px;
	float: left;
	text-align: left;
	text-transform: uppercase;
	padding-left: 15px;
}
	
div#innercontent .comments{
	background: url(/custom/bangonpilipino/images/comments_icon.gif) no-repeat left;
	width: 75px;
	float: left;
	text-align:right;
	text-transform: uppercase;
	}

div#innercontent .shadow {
	display: block;
	background: url(/custom/bangonpilipino/images/caption_shadow.jpg) no-repeat;
	padding-top: 5px;
	width: 478px;
	height: 13px;
}

div#leftrail {
	float: left;
	width: 478px;
	padding: 0 15px;
	position: relative;
	text-align: left;
	height: 100%;
	overflow: visible;
}

div#leftrailphotos {
	float: left;
	width: 725px;
	padding: 2px 10px 0;
}


div#centerrail {
	float: left;
	width: 220px;
	padding: 0;
	position: relative;
}

div#latest_pics  {
	/* overflow: hidden; */
}

div#latest_pics img.thumb {
	border: 1px solid #CCC;
	margin: 2px;
	padding: 1px;
	height: 50px;
	width: 50px;
}

div#rightrail {
	float: left;
	width: 220px;
	padding: 0;
	text-align: left;
}

div#rightrail img.quicklink {
	margin-bottom: 5px;
}

div#footer {
	display: block;
	clear: both;
	background: url(/custom/bangonpilipino/images/content_bg.png) repeat-y;
	height:130px;
	width: 998px;
}

div#footer a:hover {
	color:#5f5f5f;
}

div#footer a {
	color:#5f5f5f;
}

div#footer .footer_bg {
	display: block;
	margin: 0 5px;
	background: url(/custom/bangonpilipino/images/footer_bg.jpg) repeat-x top left;
	height: 90px !important; height: 110px;
	padding: 10px;
}

div#footer .theport_logo{
	display: block;
	width: 123px;
	height:34px;
	float:left;
	position: relative;
}

div#footer .bottom_nav{
	font-size: 11px;
	color:#5f5f5f;
	font-weight: bold;
	text-transform: uppercase;
	text-align:right;
}

/* --- from andrew's CSS --- */

div#innercontent #centerrail .wrapper {
  margin-bottom: 12px;
 list-style: none;
}

div#innercontent #centerrail .wrapper .row .lmemberspics {
	float:left;
	border: #d8d9d9;
	background: #333;
	height: 52px;
	width: 52px;
}

div#innercontent #centerrail .wrapper .row .lmembers_rigthcol {
	float:left; 
	margin-left: 1em; 
	width: 140px;
}

div#innercontent #centerrail .wrapper .row .lmembersname {
	float:left;
	text-align:left;
	width: 140px;
	font-family: Arial, helvetica, Sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#1c5879;
}

div#innercontent #centerrail .wrapper .row .lmembersprofile{
	float:left; 
	margin-bottom: 1em;	
	font-family: Arial, helvetica, Sans-serif;
	font-size:11px;
	color:#000;
}

div#innercontent #centerrail .wrapper .row .lmemberslink {
	font-size: 10px;
	float: left;
	text-align: right;
	font-family: Arial, helvetica, Sans-serif;
	font-size: 9px;
	color: #6d96cf;
	width: 150px;
}

div#innercontent #centerrail .wrapper .row .lmemberslink a {
	color: #6d96cf;
}

div#innercontent #centerrail .wrapper .row .ads{
	text-align: center;
	margin-top:20px;
}


/*----Center Column---*/
#container #content .latest_pics {
/*	background: url(images/latest_pics.gif) no-repeat center; */
	display: block;
	width: 200px;
	float:left;
	height:200px;
}

#container #content .latest_pics img{
	margin: 3px 3px 3px 0px;
}

#centerrail .links {
	display: block;
	height: 20px;
	padding: 8px 12px;
	background: url(/custom/bangonpilipino/images/blog_links.jpg) top center no-repeat #F8F8F2;
}

#centerrail .entries {
	display: block;
	float: left;
	padding: 8px 12px;
	width: 450px;
	background: #FFF;
}

#centerrail .title {
	color: #44C3FF;
	font-weight: bold;
	font-size: 14px;
}

#centerrail .entries p.text {
	line-height: 20px;
	font-weight: normal;
}

#centerrail .adspace {
	display: block;
	float: left;
	text-align: center;
	margin-left: 10px;
	padding: 8px 12px;
	width: 160px;
	background: #FFF;
}

#rightrail .popular_discussion {
	margin: 10px auto;
	display: block;
	width: 239px;
/*	padding: 10px; */
	background: #f0f0f0;
	border:1px solid #d8d9d9;
	overflow: hidden;
}

#rightrail .sidebar {
	margin: 5px 10px;
}

/*--- michael subnav override --- */

.tp_globalsubnav {
	display: block;
	clear: both;
	width: 956px;
	margin-bottom: 10px;
	text-align: left;
	color:#4897b5;
}
.tp_globalsubnav a {
	color:#4897b5;
	font-size: 11px;
}

.tp_globalsubnav a:hover {
	text-decoration: underline;
	color:#1c587b;
}

.tp_globalsubnav a:visited {
	color:#4897b5;
}

.tp_subnavON {
	font-weight: bold;
	color: #003562;
	text-decoration: none;
	background: none;
} 

.editpanel{
	float: none;
	text-align: left;
}

.editpanel table {
	background: ;
}

.floatleft{
	float:none:
	clear:left;
}

div#phdr_divNav {
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

div#nfheader_divNav {
	display: block;
	width: 100%;
	margin: 0 auto; 
	text-align: center;
}

table#tblcontainer {
	background: url(/custom/bangonpilipino/images/content_bg.png) top repeat-y;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.tp_panelborder{ 
	background: #F7F8F8;
	border: none;
	color:#000;
	/* float: left;*/
	width: 950px;
}

div .pagebody {
	margin: 0;
	padding:0 15px;
	text-align: left;
	background: none;
	width: auto;
}

td.pagebody {
	background: url(/custom/bangonpilipino/images/content_bg.png) top repeat-y;
	text-align: left;
	margin: 0;
	padding:0 15px;
}

.pagecontainer{
	/* width: auto !important; width: 978px; */
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

/* --- Marcky Css Codes ---- */

.tp_modhdrlarge {

	background-color: #ffffff;
	background-image: url(images/search_pnlhdrtop.gif) repear;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-x-position: left;
	background-y-position: bottom;
	font-weight: bold;
	font-size: 16px;
	color: #686868;
	padding-top: 5px;
	padding-right: 0pt;
	padding-bottom: 5px;
	padding-left: 10px;
}

.tp_modcontainer {
	color: #000000;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c8c8c8;
	border-right-color: #c8c8c8;
	border-bottom-color: #c8c8c8;
	border-left-color: #c8c8c8;
	margin-bottom: 10px;
}

.tp_photothumbs10{
	margin:0 10px 0 0;
	background:url(/images/photo_tmb_bg2.gif) no-repeat top left;
	width:128px;
	height:200px;
	float:left;
	}
	
.tp_photothumbs20{
	margin:0 8px 0 0;
	background:url(/images/photo_tmb_bg3.gif) no-repeat top left;
	width:100px;
	height:100px;
	float:left;

}

.tp_modtopgradient{
	background: url(images/search_pnlhdrbtm.gif) #ffffff repeat-x left top;
}

.tp_modbody{
	padding:10px; FONT-SIZE: 11px; COLOR: #3B4A4A; text-align:left;
}

/*
#tpprofileimage img { 
	display:block;
}

#tpprofileimage {
width: 192px;
height: 192px;
}
*/

.tp_modcontainer_3 {
	width: 175px;
	height: 175px;
	line-height: 175px;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	color:#000;
	font-size:12px;
	border:solid 4px #C8C8C8;
	padding: 1px;
}

.tp_modcontainer_3 img {
	width: 175px;
	height: 175px;
	text-align: center;
}

.normallnk10 {font-weight:normal;font-size:10px;COLOR: #6d96cf;TEXT-DECORATION: none;}
.normallnk10:visited {font-weight:normal;COLOR: #6d96cf;}
.normallnk10:active {font-weight:normal;COLOR: #6d96cf;}
.normallnk10:hover {font-weight:normal;COLOR: #6d96cf;TEXT-DECORATION: underline}
.normallnk11 {font-weight:normal;font-size:11px;COLOR: #6d96cf;TEXT-DECORATION: none;}
.normallnk11:visited {font-weight:normal;COLOR: #6d96cf;}
.normallnk11:active {font-weight:normal;COLOR: #6d96cf;}
.normallnk11:hover {font-weight:normal;COLOR: #6d96cf;TEXT-DECORATION: underline}
.normallnk12 {font-weight:normal;font-size:12px; COLOR: #6d96cf; TEXT-DECORATION: none}
.normallnk12:hover {font-weight:normal;COLOR: #6d96cf;TEXT-DECORATION: underline}
.boldlnk10 {FONT-WEIGHT: bold;FONT-SIZE: 10px;COLOR: #6d96cf;TEXT-DECORATION: none;}
.boldlnk10:hover {COLOR: #6d96cf;TEXT-DECORATION: underline}
.boldlnk12 {FONT-WEIGHT: bold;FONT-SIZE: 12px;COLOR: #6d96cf;TEXT-DECORATION: none}
.boldlnk12:hover {COLOR: #6d96cf;TEXT-DECORATION: underline}
.boldlnk14 {FONT-WEIGHT: bold;FONT-SIZE: 14px;COLOR: #6d96cf;TEXT-DECORATION: none}
.boldlnk14:hover {COLOR: #6d96cf;TEXT-DECORATION: underline}
.boldlnk16 {FONT-WEIGHT: bold;FONT-SIZE: 16px;COLOR: #6d96cf;TEXT-DECORATION: none;}
.boldlnk16:hover {COLOR: #6d96cf;TEXT-DECORATION: underline}
.boldlnk10DA {FONT-WEIGHT: bold;FONT-SIZE: 10px;COLOR: #6d96cf;TEXT-DECORATION: none;}
.boldlnk10DA:hover {COLOR: #6d96cf;TEXT-DECORATION: underline}

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

/*Tags styles*/
.tag1{FONT-SIZE: 9px;COLOR: #6d96cf;TEXT-DECORATION: none;}
.tag1:hover{FONT-SIZE: 9px;COLOR: #6d96cf;TEXT-DECORATION: underline; background:none;}
.tag2{FONT-SIZE: 10px;COLOR: #6d96cf;TEXT-DECORATION: none;}
.tag2:hover{FONT-SIZE: 10px;COLOR: #6d96cf;TEXT-DECORATION: underline; background:none;}
.tag3{FONT-SIZE: 11px;COLOR: #6d96cf; TEXT-DECORATION: none;}
.tag3:hover{FONT-SIZE: 11px;COLOR: #6d96cf;TEXT-DECORATION: underline; background:none;}
.tag4{FONT-SIZE: 12px;COLOR: #6d96cf;TEXT-DECORATION: none;}
.tag4:hover{FONT-SIZE: 12px;COLOR: #6d96cf;TEXT-DECORATION: underline; background:none;}
.tag5{FONT-SIZE: 13px;COLOR: #6d96cf;TEXT-DECORATION: none;}
.tag5:hover{FONT-SIZE: 13px;COLOR: #6d96cf;TEXT-DECORATION: underline; background:none;}
.tag6{FONT-SIZE: 14px;COLOR: #6d96cf;TEXT-DECORATION: none;}
.tag6:hover{FONT-SIZE: 14px;COLOR: #6d96cf;TEXT-DECORATION: underline; background:none;}
.tag7{FONT-SIZE: 15px;COLOR: #6d96cf;TEXT-DECORATION: none;}
.tag7:hover{FONT-SIZE: 15px;COLOR: #6d96cf;TEXT-DECORATION: underline; background:none;}
.tag8{FONT-SIZE: 16px;COLOR: #6d96cf;TEXT-DECORATION: none;}
.tag8:hover{FONT-SIZE: 16px;COLOR: #6d96cf;TEXT-DECORATION: underline; background:none;}
.tag9{FONT-SIZE: 17px;COLOR: #6d96cf;TEXT-DECORATION: none;}
.tag9:hover{FONT-SIZE: 17px;COLOR: #6d96cf;TEXT-DECORATION: underline; background:none;}
.tag10{FONT-SIZE: 18px;COLOR:#6d96cf;TEXT-DECORATION: none;}
.tag10:hover{FONT-SIZE: 18px;COLOR: #6d96cf;TEXT-DECORATION: underline; background:none;}

.pagecontainerbgcolor{
	background: none;
}

.pagecontainerbgcolor1{
	background:transparent;
	margin: 0;
	padding: 0;
}

.pagename {
	color:#1c587b; 
	text-align: left; 
	font-family: "Arial", sans-serif; 
	font-weight:normal;
	font-size:21.067px;
	margin:0 0px 10px 0px; 
}

.pagename b {
	font-weight: normal;
}


table.photogallery_pics {
	background:#c8c8c8;
	width:98px;
	height:98px;
	border:solid 1px #c8c8c8;
}

table.photogallery_pics:hover {
	background:#6d96cf;
	width:98px;
	height:98px;
	border:solid 1px #6d96cf;	
}

table.photogallery_pics table:hover {
	background:#6d96cf;
	width:98px;
	height:98px;
	border:solid 1px #6d96cf;	
}

div.photogallery_pics2 {
	background:#c8c8c8;
	width:90px;
	height:90px;
	overflow:hidden;
	border:solid 1px #fff;
}

div.photogallery_pics2:hover {
	background:#6d96cf;
	width:90px;
	height:90px;
	overflow:hidden;
	border: none;
}

/** For Public Photos **/
table.photogallery_pics_01 {
	background:#c8c8c8;
	width:138px;
	height:138px;
	border:solid 1px #c8c8c8;
}

table.photogallery_pics_01:hover {
	background:#6d96cf;
	width:138px;
	height:138px;
	border:solid 1px #6d96cf;	
}

table.photogallery_pics_01 table:hover {
	background:#6d96cf;
	width:138px;
	height:138px;
	border:solid 1px #6d96cf;	
}

div.photogallery_pics3 {
	background:#c8c8c8;
	width:130px;
	height:130px;
	overflow:hidden;
	border:solid 1px #fff;
}

div.photogallery_pics3:hover {
	background:#6d96cf;
	width:130px;
	height:130px;
	overflow:hidden;
	border: none;
}

iframe.#aubg div {
	background: transparent;
}

.blogmessage {
	text-align:left; 
	font-size:0.70em; 
	padding:5px; 
	margin: 30px 0px 15px 0px; 
	background-color: #F4F4F4; 
	border-top: solid 1px #ccc; 
	border-right: solid 0px #ccc; 
	border-bottom: solid 0px #ccc; 
	border-left: solid 0px #ccc; 
}

.blogmessage2 {
	text-align:left; 
	font-size:0.70em; 
	padding:5px; 
	margin: 30px 0px 15px 0px; 
	background-color: #FFFFE1; 
	border-top: solid 1px #ccc; 
	border-right: solid 0px #ccc; 
	border-bottom: solid 0px #ccc; 
	border-left: solid 0px #ccc; 
}

.regismessage {
	text-align:left; 
	font-size:0.70em; 
	padding:5px; 
	margin: 30px 0px 15px 0px; 
	background-color: #FFFFE1; 
	border-top: solid 1px #ccc; 
	border-right: solid 0px #ccc; 
	border-bottom: solid 0px #ccc; 
	border-left: solid 0px #ccc; 
}

.commentbg{
	background: url(/custom/bangonpilipino/images/content_bg.png) top repeat-y;
}


#tp_ValidationList {
	text-align:left; 
	font-size:0.90em; 
	padding:5px; 
	margin: 15px 5px 25px 5px; 
	color: #f60761;
	
/*	background-color: #FFFFE1; 
	border-top: solid 1px #ccc; 
	border-right: solid 0px #ccc; 
	border-bottom: solid 0px #ccc; 
	border-left: solid 0px #ccc; 
*/
}

.cont_title_gen {
	font-size: 11px; 
	color:#444; 
	font-weight: bold; 
	text-transform: uppercase; 
	text-align:left;
}

.ratephoto {
	font-size: 11px; 
	color:#444; 
	font-weight: bold; 
	text-transform: uppercase; 
	text-align:left;
}

.tp_caption{font-size: 11px;padding: 10px 0px 0px 0px;}

#divMain {
	margin:0px auto auto 10px;
}

#rightrail #Form1 {
	padding: 20px 20px;
	font-size: 11px;
	font-weight: normal;
}

table td#ep_td1 {
	display: block;
	clear: none;
	padding: 10px 0;
	width: 250px;
	margin-right: 0;
	overflow: hidden;
}

.regnextbtn{cursor:pointer; background: url(/custom/bangonpilipino/images/regnext.gif) #ffffff no-repeat left top;width:141px;height:44px;border:0;}
.regprevbtn{cursor:pointer; background: url(/custom/bangonpilipino/images/regprev.gif) #ffffff no-repeat left top;width:133px;height:44px;border:0;}
.regloadingbtn{background:url(/custom/bangonpilipino/images/regload.gif) #ffffff no-repeat left top;width:141px;height:44px;border:0;}

#ph_divLogo {
	background: url(/custom/bangonpilipino/images/divlogo.jpg) #ffffff no-repeat left top;
}

#bgforhover {
	width:740px;
	height: 120px;
	border-bottom: 1px solid #eee; 
	padding: 7px 0px 10px 15px;
}

#bgforhover:hover {
	background: #eaf2f7;
}

#nosearchresults {
	background: #eaf2f7;
	font-size: 12;
	font-weight: bold;
	height: 120px;
	margin-top: 20px;
	padding: 35px 20px 20px 20px;
}


.mylink {
	padding-left: 7px;
	padding-top:1px;
	padding-bottom:1px;
	background-color:#FFFFFF;
	font-size:10px;
	white-space:wrap;
	display: block;	
	background: transparent url("/custom/modules/images/list.gif") no-repeat 0px center;
	cursor: pointer;
}

/* 032808 */

td#tdtabs {
	width: 998px;
        background: url(/custom/bangonpilipino/images/content_bg.png) top repeat-y;
	margin: 0 13px;
	overflow: visible;
	height: auto;
	text-align: left;
}


.tptabwrapper {
	background: transparent; 
	border-bottom: 1px solid #999; 
	width: 960px;
}

td#tdtabs div.pagebody {
	width: auto;
}

form div.pagebody{
	width: auto;
}

td#tdtabs form#f_editentry  {
	display: block;
	background: url(/custom/bangonpilipino/images/content_bg.png) top repeat-y; 
	width: auto;
}

td#tdtabs form#f_bsettings  {
	display: block;
	background: url(/custom/bangonpilipino/images/content_bg.png) top repeat-y; 
	width: auto;
}


td#tdtabs form#f_comments  {
	display: block;
	background: url(/custom/bangonpilipino/images/content_bg.png) top repeat-y; 
	width: auto;
}


td#tdtabs form#f_bloglist  {
	display: block;
	background: url(/custom/bangonpilipino/images/content_bg.png) top repeat-y; 
	height: 100%;
	width: auto;
}

td#tdtabs form#f_page #divMgt #dgItems img {
	display: block;
	clear: both;
	overflow: hidden;
}

td#tdtabs form#f_tagthis {
	display: block;
	background: url(/custom/bangonpilipino/images/content_bg.png) top repeat-y; 
	height: 100%;
	width: auto;
}

td#tdtabs form#f_mypage2 {
	height: auto;
	overflow: visible;
}


table#tblMain {
	background: url(/custom/bangonpilipino/images/content_bg.png) top repeat-y; 
}

.tpCustomizeHeader { height:50px;BORDER-bottom: #353535 1px solid;background:url(/custom/BangonPilipino/images/customhdr.gif) no-repeat top left;}

#tpBody { background: #fff none; }
.helpBody { background: #fff none; }

form#Form1 div.panel {
	background: #FFF;
}

div.infoView {
	display: inline-block;
	height: auto;
	width: auto;
	overflow: visible;
}

div#RiverView {
	width: 970px;
	height: 100%;
	overflow: visible;
}

div#RiverView div.dockingObject div.doWindow {
	display: block;
	width: inherit;
	height: 100%;
	overflow: visible;
}

div#RiverView #_dockContent {
	display: block;
	width: inherit;
	height: 100%;
	overflow: visible;
	display: visible;
}

.tp_divider {
	background: none;
	border-bottom: 1px solid #EBEAE7;
	margin-bottom: 13px; 
}

body#bodyClip { 
	background: #fff none;
	height: auto;
	text-align: left;
}

body#bodyclip table#tblcontainer {
	width: 100%;
	background: #fff none;
}

body#bodyclip table#tblcontainer td#tdtabs {
	width: inherit;
}

body#bodyclip table#tblcontainer td#tdtabs div#divMain div {
	text-align: left;
	display: block;
	clear: both;
}

body#bodyclip span#spLO {
	text-align: left;
	font-size: 1em;
	font-weight: bold;
}

#divTopXFriends { margin-top: 10px; width: 190px; overflow-x: hidden; text-align: left; }