/*Update : 13-01-2010*/
.body{
	color: #888888;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
body	{
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#dirList{
 background: url(/img/icon.png) no-repeat;
 background-position:0px -23px;
 height:21px;
 width:22px;
}

#markInt{
 background: url(/img/icon.png) no-repeat;
 background-position:0px 0px;
 height:21px;
 width:22px;
}

#container	{
margin: 0 auto;
width: 1024px;
}

#top_right	{
text-align: right;
padding: 15px 5px 18px 0;
}

#top_right a	{
color: #888888;
}
#top_right a:hover	{
color: #000;
}

#head	{
border: 1px solid #ffdb1d;
background: #ffda18;
background-repeat: repeat-x;
height: 17px;
}

#left-style	{
padding: 52px 0 0 0;
width: 224px;
color: #0c6200;
height: 259px;
background: #ffda18;
float: left
}

#left-style .powered	{
text-align:center;
padding: 56px 0 2px 0;
}

#logo	{
background-image:url(../img/logo.png);
background-position: 0px 0px;
width: 188px;
height: 152px;
margin-left: 17px;
}
#logo-indo	{
background-image:url(../img/logo.png);
background-position: 0px -154px;
width: 188px;
height: 152px;
margin-left: 17px;
}

#logo-malay	{
background-image:url(../img/logo.png);
background-position: -190px 0px;
width: 188px;
height: 152px;
margin-left: 17px;
}

#logo-pinoy	{
background-image:url(../img/logo.png);
background-position: -190px -154px;
width: 188px;
height: 152px;
margin-left: 17px;
}

#separator	{
background-image:url(../img/sprites.png);
background-position: 0 0;
width: 10px;
height: 311px;
float: left
}

#right-style	{
background: #ffda18;
padding: 33px 0 0 0px;
float: left;
color: #000000;
width: 790px;
height: 278px;
font-size: 11px;
}

#right-style a	{
color: #000000;
}
#right-style a:hover	{
color: #000000;
}

#super_search	{
padding-bottom: 10px;
}

#search_desc	{
height: 255px;
padding-left: 50px;
}

#desc_left	{
background-image:url(../img/sprites.png);
background-position: -11px -153px;
width: 7px;
height: 106px;
float: left
}

#desc_content	{
background: url(../img/desc_body.png) repeat-x;
width: 368px;
float: left;
height: 106px;
z-index: 6;
}

#bubble-arrow	{
background: url(../img/sprites.png) no-repeat;
background-position: -24px -153px;
 position:absolute;
 margin-left: 70px;
 *margin-left:-220px;
 width:22px;
 height:11px;
 z-index:10;
 margin-top:-10px;
 *margin-top:-10px; !important
width: 22px;
height: 11px;
}

#desc_right	{
background-image:url(../img/sprites.png);
background-position: -15px -260px;
width: 7px;
height: 105px;
float: left;
}

#networks ul, #promote ul, #food_editorials ul {
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
}

#promote li	{
float: left
}

#promote li a {
text-decoration: none;
color: #333333
}

#promote li a:hover	{
color: #000000
}

#promote	{
margin-top: 10px;
height: 132px;
}

#promote li.ad	{
background-image:url(../img/sprites.png);
background-position: 0 -365px;
width: 260px;
height: 72px;
font-size: 12px;
text-align: center;
padding: 50px 8px 10px 8px;
color: #000;
float: left;
margin:30px 0 0 50px;
*margin:30px 0 0 25px;
}

#promote li.ad	a {
text-decoration:none;
}

#promote li.ad	a:hover {
text-decoration:underline;
}

#promote li.testi	{
background-image:url(../img/sprites.png);
background-position: 0 -631px;
width: 260px;
height: 72px;
font-size: 10px;
text-align: center;
padding: 50px 8px 10px 8px;
color: #000;
float: left;
margin:30px 0 0 50px;
}

#container-x{
	margin: 0 auto;
	width: 985px;
}
#promote-x ul {
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
}

#promote-x li	{
float: left
}

#promote-x li a {
text-decoration: none;
color: #333333
}

#promote-x li a:hover	{
color: #000000
}

#promote-x	{
margin-top: 10px;
height: 132px;
}

#promote-x li.ad	{
background-image:url(/img/sprites.png);
background-position: 0 -365px;
width: 260px;
height: 72px;
font-size: 12px;
text-align: center;
padding: 50px 8px 10px 8px;
color: #000;
float: left;
margin:10px 0 0 25px;
*margin:10px 0 0 10px;
}

#promote-x li.testi	{
background-image:url(/img/sprites.png);
background-position: 0 -631px;
width: 260px;
height: 72px;
font-size: 10px;
text-align: center;
padding: 50px 8px 10px 8px;
color: #000;
float: left;
margin:10px 0 0 50px;
}

#promote-x li.testi a	{
font-size: 9px;
color: #006000;
}
#promote-x li.testi a:hover	{
color:#000000;
}

#promote-x li.hardcopy	{
background-image:url(/img/sprites.png);
background-position: 0 -498px;
width: 260px;
height: 62px;
font-size: 12px;
text-align: center;
padding: 60px 8px 10px 8px;
color: #000;
float: left;
margin:10px 0 0 50px;
}

#promote li.testi a	{
font-size: 9px;
color: #006000;
}
#promote li.testi a:hover	{
color:#000000;
}

#promote li.hardcopy	{
background-image:url(../img/sprites.png);
background-position: 0 -498px;
width: 260px;
height: 62px;
font-size: 12px;
text-align: center;
padding: 60px 8px 10px 8px;
color: #000;
float: left;
margin:30px 0 0 50px;
}

#networks {
margin-top: 50px;
}

#food_editorials {
margin-top: 50px;
margin-bottom: 50px;	
}

#networks li	{
width: 245px;
height: 41px;
float:left;
border-right: 1px solid #e2e2e2;
background-image:url(../img/sprites.png);
background-position: -200px -200px;
text-align: right;
}

#food_editorials li{
width: 245px;
height: 41px;
float:left;
border-right: 1px solid #e2e2e2;
background-image:url(../img/sprites.png);
background-position: -200px 0px;
text-align: right;	
}

#networks li a, #food_editorials li a	{
text-decoration: none;
padding-right: 5px;
color: #696969;
font-family: Arial, Helvetica, sans-serif
}
#networks li a:hover, #food_editorials li a:hover	{
color: #000000;
}

#networks li span.big a, #food_editorials span.big a	{
font-size: 19px;
}

#networks li span.small a, #food_editorials span.small a	{
font-size: 8pt;
}

/*paging*/
#page	{
border: 1px solid #bfbfbf;
background: url(../img/repeat-x.png) 0 -8px repeat-x;
font: bold 12px Arial, Helvetica, sans-serif;
color: #6b5400;
height: 34px;
padding-right: 20px;
}

/*.page , .active	{
padding: 10px 15px;
float: left;
color: #6b5400;
text-decoration: none;
border-right: 1px solid #bfbfbf;
}*/
.activePage {
background: url(../img/repeat-x.png) 0 -43px repeat-x;
color: #000;
padding: 9px 12px;
float: left;
text-decoration: none;
border-right: 1px solid #bfbfbf;
}
a.page, a.active	{
padding: 9px 12px;
float: left;
color: #6b5400;
text-decoration: none;
border-right: 1px solid #bfbfbf;
}

a.page:hover, a.active {
background: url(../img/repeat-x.png) 0 -43px repeat-x;
color: #000;
}

/*Search Bar Start from here*/
.bubble{
	margin-top:20px;
	*margin-top:16px; !important
	margin-left:-40px;
}
.bubble-image{
 background:url(../img/sprites.png) no-repeat;
} 
.bubble-arrow{
 background-position:-18px 0px;
 position:absolute;
 margin-left:310px;
 *margin-left:21px;
 width:22px;
 height:11px;
 z-index:10;
 margin-top:-10px;
 *margin-top:-10px; !important
}
.bubble-left{
 background-position:-11px -153px;
 width:7px;
 height:106px;
} 
.bubble-right{
 background-position:-11px 259px;
 width:7px;
 height:106px;
} 
.bg-header{
	background:url(../img/Body.png) no-repeat;
}
.bg-header-left{
	top:5px;
	width:2px;
	position:absolute;
	background-position: 0px 0px;
}

.bg-header-separator{
	height:218px;
	width:10px;
	background-position: -4px 0px;
}

.bg-header-right{
	left:0px;
	height:218px;
	width:2px;
	position:absolute;
	background-position: -16px 0px;
}

.bg-header-repeat{
	background:url(../img/Body-repeat.png) repeat-x;
	height:218px;
}

.button { /* Logo Sprite */
	background:transparent url(../img/Button.png) no-repeat;
	display:block;
}

.search-sprite { /* Search BG */
	background:transparent url(../img/bar-sprite.png) no-repeat scroll 0 0;
	display:block;
}
.logo-sprite { /* Logo Sprite */
	background:transparent url(../img/logo-sprite.png) no-repeat scroll 0 0;
	display:block;
}
/* Search Button */
.searchBox {
	background-position: 0px 0px; 
	height:48px;
	width:705px;
	*width:705px !important;
	*width:705px;
}
.searchButton {
	background-position: -542px -55px; 
	height:38px;
	width:40px;
}
.searchButton_hover {
	background-position: -582px -55px; 
	height:38px;
	width:40px;
}
.moreArrowButton {
	background-position: -623px -55px; 
	height:16px;
	width:28px;
}
.moreArrowButton_hover {
	background-position: -623px -70px; 
	height:16px;
	width:28px;
}
.moreArrowUp {
	background-position: -654px -70px; 
	height:16px;
	width:28px;
}
/* Logo */
.logo { /* Logo Sprite */
	background:transparent url(../img/footer.png) no-repeat;
	display:block;
}
.logoFooter { /* Logo */
	background-position: 0px 0px; 
	height:48px;
	width:60px;
}
.industrial { /* Button 1 */
	background-position: 0px 0px; 
	height:45px;
	width:41px;
}
.consumer { /* Button 2 */
	background-position: 0px -47px; 
	height:45px;
	width:41px;
}
.industrial_hover { /* Button 1 */
	background-position: -42px 0px; 
	height:45px;
	width:42px;
}
.consumer_hover { /* Button 2 */
	background-position: -42px -47px; 
	height:45px;
	width:42px;
}
.jobsdb { 
	background-position: -62px -97px; 
	height:59px;
	width:73px;
}
.sdcom { 
	background-position: -145px -97px; 
	height:59px;
	width:70px;
}
.foodedi { 
	background-position: -218px -97px; 
	height:59px;
	width:90px;
}
.lyricsadv { 
	background-position: -314px -97px; 
	height:59px;
	width:114px;
}

.textDirectory { color: #454444; } 
.textDirectory a { color: #454444; text-decoration:none; } 
.textDirectory a:hover { color: #463d19; text-decoration:underline; } 
.Link14 a { color: #000080; text-decoration:underline; }
.Link14 a:hover { color: #000080; text-decoration:underline; }
.Link15 a { color: #666666; } 
.Link16 a { color: #009900; text-decoration:none; }
.Link17 a { color: #000080; text-decoration:none }
.Link17 a:hover { color: #000080; text-decoration:underline }
.Link18 a { color: #000000; text-decoration:none }
.Link18 a:hover { color: #000000; text-decoration:underline }
.Link51 a { color:#454444; text-decoration:none; }
.Link51 a:hover { color:#000000; text-decoration:underline; }
.Link53 a { color:#707070; text-decoration:none; }
.Link53 a:hover { color:#707070; text-decoration:underline; }
.Link75 a { color:#6A5500; text-decoration:none; }
.Link75 a:hover { color:#6A5500; text-decoration:underline; }
.ver_09 { font-size: 9px; }
.ver_10 { font-size: 10px; }
.ver_11 { font-size: 11px; }
.ver_13 { font-size: 13px; }
.ver_15 { font-size: 15px; }
.verdana { font-family:Verdana, Arial, Helvetica, sans-serif; }
.TextBlueDark { color: #000080; }
.TextGreyLight { color: #666666; }
.TextGreyLight { color: #666666; }
.TextGreyLight a{ color: #666666; text-decoration:none }
.TextGreyLight a:hover{ color: #666666; text-decoration:underline }
.TextBold { font-weight: bold; }

div.autosuggest
{
  position: absolute;
  padding: 5px;
  margin-bottom:2px;
  border-left: 1px solid #f3d900;
  border-right: 1px solid #f3d900;
  border-top: 0px;
  font-family: arial;
  background-color: #ffffff;
  font-size: 10px;
  z-index:10000;  
  max-height: 135px;
  height:auto !important;
  height:135px;

  overflow:auto;
}

/*div.autosuggest td:hover
{
  background-color: #007cd3;
  color: #ffffff;
}*/

div.autosuggest a {
	color:#7F7F9E;
}

div.autosuggest a:hover
{
  color: #FF0000;
  text-decoration:underline;  
}

div.autosuggest td.as_highlight
{
  background-color:#ffffb2;
  color: #000000;
  border:1px #BCBCBC solid;
}

div.autosuggest td.as_nohighlight
{
  border:1px #fff solid;
  cursor:default;
}

.sgsbrown:link{
   background:none;
   color:#B06300;
   text-decoration:underline;
}
 .sgsbrown:hover{
   background:none;
   color:#B06300;
   text-decoration:underline;
}

.sgsbrown:visited:hover{
   background:none;
   color:#B06300;
   text-decoration:underline;
}
.sgsbrown:visited{
   background:none;
   color:#B06300;
   text-decoration:underline;
}

.sgs:link {
background:none;
color:#ba0000;
text-decoration:underline;

}

.sgs:hover {
background-color:none;
color:#ba0000;
text-decoration:underline;

}

.sgs:visited {
background-color:none;
color:#ba0000;
text-decoration:underline;
}

.sgs:visited:hover {
background:none;
color:#E90101;
text-decoration:underline;
}

.clink:link {
background:none;
color:#CC9900;

}

.clink:hover {
background-color:none;
color:#ba0000;
text-decoration:underline;

}

.clink:visited {
background-color:none;
color:#CC9900;
}

.clink:visited:hover {
background:none;
color:#CC9900;
text-decoration:underline;
}