/*------------------------------------------------------------------------------------------------------------------------------------------
START NAVIGATION
------------------------------------------------------------------------------------------------------------------------------------------*/
.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 101%;
background: url(../../images/headerBarBg.png) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #394956; 
border-right: 1px solid #394956; 
padding: 0 8px; 
font-size: .9em; 
font-weight: 700;
text-decoration:none;

}

.chromestyle ul li a:hover{
/*background: url(chromebg-over.gif) center center repeat-x;  THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " v";
content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px Verdana;
z-index:100;
background-color: #F5F5F5;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #DDDDDD;
}
/*------------------------------------------------------------------------------------------------------------------------------------------
END NAVIGATION
------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------------
START THEMES
------------------------------------------------------------------------------------------------------------------------------------------*/
.overlay_dialog {
	background-color: #666666;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.overlay___invisible__ {
  background-color: #666666;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.dialog_nw {
	width: 9px;
	height: 23px;
	background: transparent url(default/top_left.gif) no-repeat 0 0;		
}

.dialog_n {
	background: transparent url(default/top_mid.gif) repeat-x 0 0;	
	height: 23px;
}

.dialog_ne {
	width: 9px;
	height: 23px;
	background: transparent url(default/top_right.gif) no-repeat 0 0;		
}

.dialog_e {
	width: 2px;
	background: transparent url(default/center_right.gif) repeat-y 0 0;	
}

.dialog_w {
	width: 2px;
	background: transparent url(default/center_left.gif) repeat-y 0 0;		
}

.dialog_sw {
	width: 9px;
	height: 19px;
	background: transparent url(default/bottom_left.gif) no-repeat 0 0;			
}

.dialog_s {
	background: transparent url(default/bottom_mid.gif) repeat-x 0 0;		
	height: 19px;
}

.dialog_se {
	width: 9px;
	height: 19px;
	background: transparent url(default/bottom_right.gif) no-repeat 0 0;			
}

.dialog_sizer {
	width: 9px;
	height: 19px;
	background: transparent url(default/sizer.gif) no-repeat 0 0;	
	cursor:se-resize;	
}

.dialog_close {
	width: 14px;
	height: 14px;
	background: transparent url(default/close.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:8px;
	cursor:pointer;
	z-index:2000;
}

.dialog_minimize {
	width: 14px;
	height: 15px;
	background: transparent url(default/minimize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:28px;
	cursor:pointer;
	z-index:2000;
}

.dialog_maximize {
	width: 14px;
	height: 15px;
	background: transparent url(default/maximize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:49px;
	cursor:pointer;
	z-index:2000;
}

.dialog_title {
	float:left;
	height:14px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	width:100%;
	color:#000;
}

.dialog_content {
	overflow:auto;
	color: #DDD;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	background-color:#123;
}

.top_draggable, .bottom_draggable {
  cursor:move;
}

.status_bar {
  font-size:12px;
}
.status_bar input{
  font-size:12px;
}

.wired_frame {
	display: block;
  position: absolute;
  border: 1px #000 dashed;
}

/* DO NOT CHANGE THESE VALUES*/
.dialog {
	display: block;
	position: absolute;
}

.dialog table.table_window  { 
  border-collapse: collapse; 
  border-spacing: 0; 
  width: 100%;
	margin: 0px;
	padding:0px;
}

.dialog table.table_window td , .dialog table.table_window th { 
  padding: 0; 
}

.dialog .title_window {
  -moz-user-select:none;
}
/*------------------------------------------------------------------------------------------------------------------------------------------
END THEMES
------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------------
START SLIDER
------------------------------------------------------------------------------------------------------------------------------------------*/

#pep_list_panel {
	float:left;
	width:790px;
}

#pep_thumbs {
	width:790px;
	overflow:hidden;	/* Don't change this */
	height:130px;	/* Height of thumbnail div */
	position:relative;	/* Never change this */
	float:left;
}

.strip_of_thumbnails{	/* A vertical strip of thumbnails */
	width:200x;	/* Width of strip */
	padding:5px;	/* "Air" inside filmstrip div */
	position:absolute;
}

.strip_of_thumbnails .activeImage{	/* Active thumbnail */
	border:5px solid #317082;	/* Green border around active thumbnail */
	padding:0px;
	
}

#pep_thumbs_inner{
	position:relative;	/* Never change this */
	width:1000px;
}	

.content {
    line-height: 16px;
    font-size: 11px;
	vertical-align: text-top;
}
  
.content p
  { margin: 0; }
  
.content a
  { color: #000; text-decoration:none; }
  
.content a:hover
  { color: #000; text-decoration:underline;  }  
.slide_thumbnail {
	float: left; vertical-align: text-top; padding: 0 5px 0 0; }
/*------------------------------------------------------------------------------------------------------------------------------------------
END SLIDER
------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------------
START CSS TREE
------------------------------------------------------------------------------------------------------------------------------------------*/
/* CSS Document      */
/* YouScoop 2007     */
/* GMANMI  - DOI JAO */

	
	#ajaxMessage{
		margin-top:10px;
		font-size:0.9em;
		color:red;
	
	}
	
	#expandCollapse{
		font-size:0.9em;
	}
	
	a{
		color:#000;
		font-family:arial;
	}
	
	#dhtmlgoodies_tree{
		margin:0px;
		padding:0px;
		margin-left:2px;
	}
	
	#dhtmlgoodies_tree ul{	/* Sub menu groups */
		margin-left:2px;	/* Left spacing */
		padding-left:0px;
		display:none;	/* Initially hide sub nodes */
	}
	
	#dhtmlgoodies_tree li{	/* Nodes */
		list-style-type:none;
		vertical-align:middle;		
	}
	
	#dhtmlgoodies_tree li a{	/* Node links */
		color:#000;
		text-decoration:none;
		font-family:arial;
		font-size:0.8em;
		padding-left:0px;		
	}
	
	#dhtmlgoodies_tree input{
		width:200px;
		list-style-type:disc;
		font-size:0.7em;
		margin-left:2px;
		font-family:arial;
	}
/*------------------------------------------------------------------------------------------------------------------------------------------
END CSS TREE
------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------------
START AJAXTABS
------------------------------------------------------------------------------------------------------------------------------------------*/
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 7px; 
margin-bottom: 0;
font:11px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: none;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyle{
border:1px solid #DDDDDD;
width: 300px;
margin-bottom: 1em;
padding-top: 10px;
}
.contentstyle ol {
margin-right: 5px;
}



.contentstyle2 {
border:1px solid #DDDDDD;
width: 300px;
margin-bottom: 1em;
padding-top: 10px;
}
.contentstyle2 a {
text-decoration: none;
}
.contentstyle2 ol {
margin-right: 5px;
margin-left: 0px;
}
.contentstyle2 a:hover {
text-decoration: underline;
}
/*------------------------------------------------------------------------------------------------------------------------------------------
END AJAXTABS
------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------------
START OVERALL 21
------------------------------------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------
	* title: pep stylesheet implementation for version 2.1
	* start date: 2007 august 01
	* author: jay mabazza
	* email: admin@dreamworkstudio.net
-------------------------------------- */

#commentContainer p {margin-top: 0; margin-left: 160px; border:1px solid white;}
	#bottomBlock21 { border:0; clear:both; width: 883px;}
	#colTwo21 { border:0; padding:0px 5px 5px 5px; float:left; width:310px; border-left:1px dotted #DDDDDD; border-right:1px dotted #DDDDDD; }

	#pep_list_panel21 { float:left; width:560px; }
	#pep_thumbs21  {width:540px;overflow:hidden; height:140px; position:relative; float:left;}

	#colOne-221 { border:0; float:left; width:295px; padding:5px; border-left: 5px; border-right:1px dotted #DDDDDD;}
	#colTwo-221 { border-right:0px dotted #DDDDDD;float:left; width:250px; padding:5px;  }
	#colThree-221 { border:0; float:left; width:290px !important; width:300px; padding:5px; border-left: 1px dotted #DDDDDD;}
	#insideBanner { border:0px solid #DDDDDD; margin:0px; height:265px; width:260px; padding-bottom: 6px; text-align:center; position: relative; }
	#tracker1 { border:1px solid #DDDDDD;height:99px; margin:0px; width:300px; }
		#tracker1 h3 { margin: 0 auto; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/news/tracker.gif) left top no-repeat; height:54px; width:232px; display:block; text-indent: -99999em; }
		
	#eventsHeader {background-image: url(http://contents.pep.ph/images/web/index21/events_header.jpg); with: 527px; height: 22px; background-repeat: no-repeat; margin-bottom: 10px;}
	.media_bar21 { width:95%; height:auto; color:#000; background-image:url(http://contents.pep.ph/images/web/media_bar21.jpg); vertical-align:middle; }
		
/* RELATED LIST */
#relatedList21 {}
	#relatedList21 span { color: #ff0000; font-weight: bold;}
	#relatedList21 a { font-size: 10px;font-weight: normal; color: #000; text-decoration: underline; }
	
/* FORUM */
#forumHeader { height: 100px; width:280px; background-repeat: no-repeat; text-align: left;}

/* POLL HEADER */
#pollheader {background-image: url(http://contents.pep.ph/images/web/index21/poll_header2.gif); height: 20px; width: 80px; background-repeat: no-repeat; margin-left: 5px;}
#poll21 {}
	#poll21 img { border:0; padding:0; margin:0; float:left; margin:0 5px 5px 0; }

	#poll21 form { margin:0; padding:5px; border:0; font-size:11px; }
	#poll21 form fieldset { margin:0; padding:0; border-width:0; width:150px; }
	#poll21 form legend { display:none; }
	#poll21 form a { margin-left:7px; margin-top: 3px; color:#767676; }
	#poll21 form a:hover { color:red; }
	#poll21 form button { margin:0; padding:0; border:0; }
	
#poll21 {}
	#poll21 { margin:5px; border:1px solid #DDDDDD; margin-top:0px; padding:10px; border-top: 1px solid #7CACC0}
	#poll21 p {border:0; padding:0; margin: 0px 0px 5px 0px; font-size:11px; font-family:georgia;}

/* NEW COMMENT CSS BOX by jay mabazza*/
#commentBox21 {margin: 10px 5px 5px 5px;	border: 0px solid #000000;}
#postContainer21 {float: left;width: 29%;border: 0px solid #000000;font-size: 11px; color: #919191; margin-bottom: 5px; padding-top: 5px;}
#postContainer21 a {color: #3199CC; text-decoration: underline; font-family: georgia;}
#postContainer21 b {color: #3199CC; text-decoration: none; font-family: georgia;}
#contentContainer21 {float:right;border: 0px solid #000000; width:67%; margin-bottom: 5px; padding-top: 5px;}
#clear21 {clear:both;position:relative;height:10px; border-top: 1px dotted #000000;}

#blogExtra { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index21/blogs.gif) left top no-repeat; height:23px; width:250px; display:block; text-indent: -99999em; }
#videosExtra { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index21/videos.gif) left top no-repeat; height: 22px; width:200px; display:block; text-indent: -99999em; }
#viewsFeatures { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/views/features21.gif) left top no-repeat; height: 22px; width:500px; display:block; text-indent: -99999em; margin-bottom: 5px;}
#viewsLookingBack { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/views/lookingback21.gif) left top no-repeat; height: 22px; width:500px; display:block; text-indent: -99999em; margin-bottom: 5px;}
#viewspepfinder { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/views/pepfinder21.gif) left top no-repeat; height: 22px; width:500px; display:block; text-indent: -99999em; margin-bottom: 5px;}

/* NEW PEP NEWS CSS by jay mabazza */
#newsList21 {}
	#newsList21 { border:0; padding:0px 5px 5px 5px; }
	#newsList21 h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index21/morestories.gif) left top no-repeat; height: 21px; width:265px; display:block; text-indent: -99999em; }
	#newsList21 ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#newsList21 li { height:107px; }
	#newsList21 li a { color:black; font-weight:700; text-decoration:none; }
	#newsList21 li a:hover { text-decoration:underline; }
	#newsList21 p { margin:0 ;border:0; padding:0; font-size:11px; }
	#newsList21 p.title a { font-weight:700; font-weight:12px; text-decoration:none; font-family:Georgia; }
	#newsList21 p.title a:hover { text-decoration:underline; }
	#newsList21 p.nav { text-align:right; margin-right:15px; }
	#newsList21 p a { text-decoration:underline; font-weight:normal; }
	#newsList21 p a:hover { color:red; }

/* CUSTOMIZED HEADERS by jay mabazza */
#topHeader21 {}
	#topHeader21 { border:0; border:1px solid #DDDDDD; padding:5px 5px 5px 15px; }
	#topHeader21 h3.news { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index21/news.gif) left top no-repeat; height:20px; width:93px; display:block; text-indent: -99999em; }
	#topHeader21 h3.rssnews { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/news/rss-feeds.jpg) left top no-repeat; height:25px; width:200px; display:block; text-indent: -99999em; }
	#topHeader21 h3.views { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/views/views21.gif) left top no-repeat; height:25px; width:98px; display:block; text-indent: -99999em; }
	#topHeader21 h3.celeb { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/celeb/celeb21.gif) left top no-repeat; height:24px; width:151px; display:block; text-indent: -99999em; }
	#topHeader21 h3.eguide { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/eguide/eguide21.gif) left top no-repeat; height:20px; width:269px; display:block; text-indent: -99999em; }
	#topHeader21 h3.multimedia { margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/multimedia/multimedia.gif) left top no-repeat; height:23px; width:139px; display:block; text-indent: -99999em; }
	#topHeader21 h3.tracker{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/tracker/tracker.gif) left top no-repeat; height: 33px; width:224px; display:block; text-indent: -99999em; }

/* Customized DIVS */
	#weddingHeader {clear: both; background:#ffffff url(http://contents.pep.ph/images/web/celeb/wedding21.gif) left top no-repeat; width:527 ; height: 22; margin-bottom: 10px;}
	#couplesHeader {clear: both; background:#ffffff url(http://contents.pep.ph/images/web/celeb/couples21.gif) left top no-repeat; width:527 ; height: 22; margin-bottom: 10px;}
	#celebHeader {clear: both; background:#ffffff url(http://contents.pep.ph/images/web/celeb/travels21.gif) left top no-repeat; width:527 ; height: 22; margin-bottom: 10px;}
	#babieskidsHeader {clear: both; background:#ffffff url(http://contents.pep.ph/images/web/celeb/babieskids21.gif) left top no-repeat; width:527 ; height: 22; margin-bottom: 10px;}

	#televisionHeader {clear: both; background:#ffffff url(http://contents.pep.ph/images/web/eguide/television21.gif) left top no-repeat; width:260 ; height: 22; margin-bottom: 10px;}
	#moviesHeader {clear: both; background:#ffffff url(http://contents.pep.ph/images/web/eguide/movies21.gif) left top no-repeat; width:260 ; height: 22; margin-bottom: 10px;}
	#indieHeader {clear: both; background:#ffffff url(http://contents.pep.ph/images/web/eguide/indie21.gif) left top no-repeat; width:527 ; height: 22; margin-bottom: 10px;}
	#musicHeader {clear: both; background:#ffffff url(http://contents.pep.ph/images/web/eguide/music21.gif) left top no-repeat; width:527 ; height: 22; margin-bottom: 10px;}
	#theaterHeader {clear: both; background:#ffffff url(http://contents.pep.ph/images/web/eguide/theater21.gif) left top no-repeat; width:527 ; height: 22; margin-bottom: 10px;}

	#clearbar21 {clear: both; height: 10px; }


/* TOP QUOTE / PICKS  by jay mabazza */
#topQuote21 {}
	#topQuote21 { border:1px solid #DDDDDD; padding:5px; _height:140px; min-height:140px; }
	#topQuote21 hr {height: 1px; }
	#topQuote21 h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/news/topquote.gif) left top no-repeat; height:13px; width:193px; display:block; text-indent: -99999em; }
	#topQuote21 p { margin:0; padding:0; border:0; margin:5px; font-size:12px; font-weight:bold; font-family:Georgia; color: #3799D8 }
	#topQuote21 img { float:left; margin:0; padding:0; margin:5px; border:0; }

#topPicks21 {}
	#topPicks21 { border:0; border-bottom:2px dotted #DDDDDD; padding:5px; }
	#topPicks21 h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index21/toppicks.gif) left top no-repeat; height:22px; width:530px; display:block; text-indent: -99999em; }
	#topPicks21 img { float:left; margin:0; padding:0; margin:0 3px 3px 3px; border:0; }

	#topPicks21 ul { list-style-type: none; margin: 10px 0 10px 0px; padding:0; }
	#topPicks21 li { margin:0; padding:0; border:0; margin-bottom:10px; height: 107px; }
	#topPicks21 li a { color:black; font-weight:700; text-decoration:none; }
	#topPicks21 li a:hover { text-decoration:underline; }
	#topPicks21 p { border:0; padding:0; margin:0; font-size:11px; }
	#topPicks21 p.title a { font-weight:700; font-weight:12px; text-decoration:none; font-family:Georgia; }
	#topPicks21 p.title a:hover { text-decoration:underline; }
	#topPicks21 p.nav { text-align:right; margin-right:15px; }
	#topPicks21 p.author { color:#767676 }
	#topPicks21 p a { text-decoration:underline; font-weight:normal; }
	#topPicks21 p a:hover { color:red; }

#articlesList21 {}
	#articlesList21 { margin-left:0px; margin-top: 10px;}
	#articlesList21 ul { list-style-type: none; margin:5px 15px 0 0; padding:0; }
	#articlesList21 li { margin:0; padding:0; border:0; margin-bottom:10px; padding-bottom:10px; font-size:11px;  _height:50px; font-family:verdana; }

 	#articlesList21 li.section { height:100px; border-bottom:0px solid #DDDDDD;}

	#articlesList21 li img { float:left; margin:0; padding:0; margin:0 3px 3px 3px; border:0; }
	#articlesList21 li img.section { float:right; margin:0; padding:0; margin:0 10px 3px 3px; border:0; }

	#articlesList21 li h1 { font-size:13px; border:0; padding:0; margin:0; font-family: georgia; }
	#articlesList21 li h1 a { color:#BF0127; text-decoration:none; border:0; padding:0; font-family: georgia; }
	#articlesList21 li h1.eguide a { color:#BF0127; text-decoration:none; border:0; padding:0; }
	#articlesList21 li h1 a:hover { text-decoration:underline; }

	#articlesList21 li h2 { font-size:12px; border:0; padding:0; margin:0; }
	#articlesList21 li h2 a { color:black; text-decoration:none; border:0; padding:0; }
	#articlesList21 li h2 a:hover { text-decoration:underline; }

	#articlesList21 li p { margin:0; border:0; padding:0; position:relative; text-decoration: none;}
	#articlesList21 li p a { color:black; text-decoration:underline; font-family:georgia; }
	#articlesList21 li a { color:black; text-decoration:underline; }	
	#articlesList21 li p a:hover { color:black; text-decoration:underline; }
	#articlesList21 li p.section { font-size:12px; color:#33ccff; }
	#articlesList21 li p.section a { font-size:12px; color:#33ccff; }
	#articlesList21 li p.title { font-weight:bold; font-size:13px; }
	#articlesList21 li p.title a { font-weight:bold; font-size:13px; }
	#articlesList21 li p.blurb { font-family:verdana; }

#topList21 {}
	#topList21 { margin:0; border:0; padding:0; margin-left:10px; }
	#topList21 h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index21/toplist.gif) left top no-repeat; height: 22px; width:360px; display:block; text-indent: -99999em;}
	#topList21 ul { margin:0; padding:0; border:0; }
	#topList21 li { padding:0 5px 0 5px; list-style:none; margin:0; float:left; width:250px; border-right:2px solid #DDDDDD; margin-right:5px; }
	#topList21 li img { float:left; margin:0; padding:0; margin:0 5px 3px 3px; border:1px solid black; }
	#topList21 p.title { margin:0; padding:0; border:0; margin-bottom:5px; font-size:12px; font-weight:bold; }
	#topList21 p.blurb { margin:0; padding:0; border:0; font-size:11px; }
	#topList21 p.blurb a { color:black; text-decoration:none; }
	#topList21 p.blurb a:hover { text-decoration:underline; color:red; }

#topStories21 {}
	#topStories21 { margin:0; padding:0; margin-bottom:15px; padding-bottom:5px; border:1px; solid black; }
	#topStories21 h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index21/topstories.gif) left top no-repeat; height: 22px; width:320px; display:block; text-indent: -99999em; }
	#topStories21 p { margin:0; padding:0; margin-bottom:3px; }
	#topStories21 p a { text-decoration:none;  color:#BF0127; font-size:13px; font-weight:bold; }
	#topStories21 p a:hover { text-decoration:underline; color:red; }
	#topStories21 p.readmore { font-weight:bold; }
	#topStories21 p.title { font-size:14px; font-family:Georgia; font-weight:bold; }
	#topStories21 p.author { font-size:10px; color:#767676; }
	#topStories21 p.blurb { font-size:11px; }
	#topStories21 img { margin-bottom:5px; }

#celebLife21 {}
	#celebLife21 { border:0; border-bottom: 0px dotted #DDDDDD; margin-bottom: 5px; margin-left: 5px; }
	#celebLife21 h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/celeblife.gif) left top no-repeat; height: 22px; width:280px; display:block; text-indent: -99999em;}

#views21 {}
	#views21 { border:0; margin-bottom: 5px; margin-left: 5px; }
	#views21 h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/views.gif) left top no-repeat; height: 22px; width:280px; display:block; text-indent: -99999em; }

#eguide21 {}
	#eguide21 { border:0; height:425px; border-bottom:0px solid #DDDDDD; }
	#eguide21 h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index21/eguide.gif) left top no-repeat; height: 22px; width:235px; display:block; text-indent: -99999em; }

#breakingNews21 {}
	#breakingNews21 { border:0; border-bottom:0px solid #dddddd; padding:5px; }
	#breakingNews21 h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index21/breakingnews.gif) left top no-repeat; height: 22px; width:265px; display:block; text-indent: -99999em; }
	#breakingNews21 ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#breakingNews21 li { margin:0; padding:0; margin-bottom:8px; padding-left: 12px; background-image:url(http://contents.pep.ph/images/web/rightarrow.gif); background-position: 0 10%; background-repeat:no-repeat; font-size:.9em; }
	#breakingNews21 li a { color:#333; text-decoration:none; }
	#breakingNews21 .timestamp { color:#767676; }

#mostRead {}
	#mostRead { border:0; border-bottom:0px solid #dddddd; padding:5px; }
	#mostRead h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index21/breakingnews.gif) left top no-repeat; height: 22px; width:265px; display:block; text-indent: -99999em; }
	#mostRead ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#mostRead li { margin:0; padding:0; margin-bottom:8px; padding-left: 12px; background-image:url(http://contents.pep.ph/images/web/rightarrow.gif); background-position: 0 10%; background-repeat:no-repeat; font-size: 11px; }
	#mostRead li a { color:#333; text-decoration:none; }
	#mostRead .timestamp { color:#767676; }
	#mostRead .readmore a { color:#333; text-decoration:none; }

#fitandfab {}
	#fitandfab { border:0; border-bottom:0px solid #dddddd; padding:5px; }
	#fitandfab h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index21/breakingnews.gif) left top no-repeat; height: 22px; width:265px; display:block; text-indent: -99999em; }
	#fitandfab ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#fitandfab li { margin:0; padding:0; margin-bottom:8px; padding-left: 12px; background-image:url(http://contents.pep.ph/images/web/rightarrow.gif); background-position: 0 10%; background-repeat:no-repeat; font-size: 11px; }
	#fitandfab li a { color:#333; text-decoration:none; }
	#fitandfab .timestamp { color:#767676; }
	#fitandfab .readmore a { color:#333; text-decoration:none; }

#videos21 {}
	#videos21 { border:0; margin-bottom:5px; }
	#videos21 h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index21/videos.gif) left top no-repeat; height: 22px; width:192px; display:block; text-indent: -99999em; }
	#videos21 h1 { border:0; padding:0; margin:0; margin-top:10px; font-size:11px; text-align:left; color:#BF0127;}

#menubar21 { border:1px solid #e6e6e6; height:55px; background:#ffffff;}
	#menubar21 form fieldset{ margin:0 ; padding:0; border-width: 0; height: 20px }
	#menubar21 form legend{ display:none; }
	#menubar21 form a{ color:#767676; }
	
	#menubar21 form { margin:0; padding:0; border:0; }
	#menubar21 form { margin:0; padding:0; border:0; font-size:11px;}
	#menubar21 form input { width:85px; padding: 0 2px; border: 1px solid #DDDDDD; font-family:verdana; }
	#menubar21 form input#searchField { width:135px; padding: 0 2px; border: 1px solid #DDDDDD; font-family:verdana; }
	#menubar21 form input#searchKey { width:200px; padding: 0 2px; border: 1px solid #DDDDDD }
	#menubar21 form input#submitKey { width:35px; cursor:pointer; cursor:hand; }

	#blogs21 {}
	#blogs21 { border:0; padding:3px; width: 300px;}
	#blogs21 h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/index21/blogs.gif) left top no-repeat; height:23px; width:300px; display:block; text-indent: -99999em; }
	#blogs21 img { border:0; padding:0; margin:0; }
	#blogs21 ul { list-style-type: none; margin: 10px 0 0 5px; padding:0; }
	#blogs21 li { margin:0; padding:0; margin-bottom:8px; padding-left: 12px; background-image:url(http://contents.pep.ph/images/web/rightarrow.gif); background-position: 0 10%; background-repeat:no-repeat; font-size:.9em; }
	#blogs21 li a { color:#333; text-decoration:underline }



#gallery21{}
	#gallery21 { border:0; margin:0; padding:10px 10px 10px 0px; }
	#gallery21 p { border:0; padding:0; margin:0; }
	#gallery21 p a { text-decoration:none; }
	#gallery21 p.title { color:#BF0127; font-weight:bold; font-family:Georgia; font-size:14px; }
	#gallery21 p.gallery { color:#369AD8; font-weight:bold; }

#controversies21 {}
	#controversies21 { border-bottom:0px solid #DDDDDD; width:265px; padding:5px; padding-top: 0px; padding-bottom:0px;}
	#controversies21 h3{ margin:0; padding:0; background:#ffffff url(http://contents.pep.ph/images/web/views/controversies21.gif) left top no-repeat; height:22px; width:245px; display:block; text-indent: -99999em; margin-top:0px;}
	#controversies21 ul { list-style-type: none; margin: 10px 15px; padding:0; margin-left: 5px;}
	#controversies21 li { margin:0; padding:0; position: relative; margin-bottom:8px; padding-bottom:8px; font-size:.9em; }
	#controversies21 li img { float:right; margin:0; padding:0; margin:0 3px 3px 3px; border:0; }
	#controversies21 li p { margin:5px 0; padding:0; position:relative; }
	#controversies21 p.title { padding:0; border:0; margin:0; font-size:12px; font-weight:bold; font-family:Georgia; }
	#controversies21 p.author { padding:0; border:0; margin:0; font-size:10px; color:#767676; }
	#controversies21 p.postdate { padding:0; border:0; margin:0; font-size:10px;  color:#767676; }
	#controversies21 li p a { color:black; text-decoration:none; font-family:Georgia;  }
	#controversies21 li p a:hover { color:red; text-decoration:none; }
/*------------------------------------------------------------------------------------------------------------------------------------------
END OVERALL 21
------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------------
START SPOT WIDGET
------------------------------------------------------------------------------------------------------------------------------------------*/
.spot {
  position: relative;
  *position: relative;
  _position: relative;
  border: 1px solid #cc0000;
  border-bottom-width: 2px;
  margin-top: 30px !important;
  *margin-top: 50px;
  _margin-top: 50px;
  margin-left: 0px;
  width: 192px;
  z-index: 100;
}

.spot2 {
  border: 1px solid #cc0000;
  border-bottom-width: 2px;
  margin-top: 30px !important;
  *margin-top: 50px;
  _margin-top: 50px;
  margin-left: 10px;
  width: 300px;
}
/*------------------------------------------------------------------------------------------------------------------------------------------
END SPOT WIDGET
------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------------------------
START GALLERY NAV
------------------------------------------------------------------------------------------------------------------------------------------*/
.gallery_nav_active {
  padding: 2px 10px;
  background: #2d5a93;
  font-family: verdana;
  font-size: 11px;
  text-decoration: none;
  color: #FFFFFF;
}
.gallery_nav_active:hover {
  background: #02a7c5;
}
.gallery_nav_inactive
{
  background: #dddddd;
  padding: 2px 10px;
  font-family: verdana;
  font-size: 11px;
  text-decoration: none;
  color: #FFFFFF;
}
/*------------------------------------------------------------------------------------------------------------------------------------------
END GALLERY NAV
------------------------------------------------------------------------------------------------------------------------------------------*/