/* Shared Styles for all Sub-Pages */
.vBox{ padding-top: 8px; }
.vBox.graphics{ padding-left: 5px; padding-right: 5px; }

#content #contentMain{ /* used in sub-pages */ 
	position: relative; 
	margin-right: 141px;
	min-width: 400px; }

#content #sideBar{ /* used in sub-pages */ 
	position: absolute; 
	top: 0; 
	right: 0; 
	padding: 0px; 
	width: 180px; 
	background: #fff;
	color: #333;
/*	border: 1px solid #ddd; */
	float: right;
	overflow: hidden; }

	#sideBar .adBox{
		margin: 4px; 
		padding: 5px; 
		background: #fff; 
		color: #333;
		border: 0px solid #eee; 
		overflow: hidden; }
		
		#sideBar .adBox h3.adTitle{
			color: #36c; 
			line-height: 1.7em;
			text-decoration: none;
			font-weight: normal;			
			padding: 0;
			text-indent: 0;
			background: #fff;
			border-bottom: 0; 
			border-top: 0;}
			
		#sideBar .adBox p.adDesp{
			margin: 0; 
			padding: 0;
			line-height: 1.3em; 
			font-size: 12px; }
			
		#sideBar .adBox a.adLink{
			color: #393; 
			line-height: 1.6em; 
			text-decoration: none;
			font-size: 12px; }
			#sideBar .adBox a:hover.adLink{
				text-decoration: underline; }
				
	#sideBar .adClick{
		margin: 15px; 
		text-align: center; }
		
		.adClick a{ color: #f90; }
		.adClick a:hover{ text-decoration: none; font-weight: bold; }
	/* preceding code piece should be kept the same as they appear in s5_popup.css css */
	
	#sideBar h3.hotList{
		background: #414e5e; 
		color: #fff; 
		padding-top: 4px; 
		padding-bottom: 2px; 
		width: 100%;
		text-indent: 10px;
		line-height: 1.3em;
		border-top: 0;  }
		
		#sideBar h3.hotList.hotNews{}
		#sideBar h3.hotList.hotURL{ background: #8bb7fc; }
		#sideBar h3.hotList.hotYep{ background: #00CC66; }
		#sideBar h3.hotList.hotPics{ background: #ffeece; }
		#sideBar h3.hotList.hotGames{ background: #ffad2e; }
		
	#sideBar .hotBox{ margin: 0 0 6px 6px; }
	
	#sideBar ul.hotList{
			list-style: none; 
			line-height: 1.3em; }		
			
		ul.hotList li{
			background: url(images/icons/dub_red_arrow.gif) no-repeat;
			padding-left: 15px; 
			padding-top: 3px;
			padding-bottom: 1px;
			border-bottom: 1px dotted #ddd; }
			ul.hotList li a{ color: #333; text-decoration: none; }
			ul.hotList li a:hover{ color: #00f; text-decoration: underline; }
			
		ul.hotList li.alt { background: #f0f0ff; line-height: 2em; }
	
	#sideBar ul.hotList.hotNews{}
		
	#sideBar ul.hotList.hotURL{}
		ul.hotList.hotURL li{ background: none; padding-left: 0px; }
		
	#sideBar ul.hotList.hotYep{}
		
	#sideBar ul.hotList.hotPics{}

	#sideBar ul.hotList.hotGames{}
		
		
div.pageNum{
	background: #fdffdc;
	color: #999;
	margin-top: 10px;
	padding: 1px 3px;
	line-height: 2em; }
	
	div.pageNum a{ color: #00f; padding-left: 4px; }
	div.pageNum a:hover{ color: #f00; text-decoration: underline; }
	div.pageNum .currentPage{ color: #f06; font-weight: bold; }
	div.pageNum .preNext{ color: #666; font-weight: bold; text-decoration: underline; }

/* Website URL Sub-Page */
ul.urlList{
	margin: 0px 9px;
	text-indent: 15px;
	list-style: none; }

ul.urlList li a{ 
/*	background: #fff; */
	color: #000;
	padding: 4px 5px 3px 3px;
	line-height: 1.65em; 
	text-decoration: none; }
	
ul.urlList li a:hover{ background: #fed; }

ul.urlList li img.urlIcon{ vertical-align: middle; padding-right: 3px; }

ul.urlList li.alt{ background: #f0f0ff; line-height: 2em; }
	
/* News Page */
ul.newsList{ list-style: none; }

	ul.newsList li a{ 
		color: #333;
		line-height: 1.9em; 
		height: 25px;
		padding: 3px 8px 2px 8px;
		text-decoration: none; }
		
	ul.newsList li a:hover{ color: #00f; text-decoration: underline; }
	
	ul.newsList li.alt{ background: #f0f0ff; line-height: 2em; }

.newsDate{ color: #999; padding-left: 2em; }
	
.numOfRead{ color: #6699cc; padding-left: 2em; }
	
/* HotDeal Page */
ul.dealList{ list-style: none; }

	ul.dealList li a{
		color: #555;
		line-height: 1.9em;
		height: 25px;
		padding: 3px 8px 2px 8px;
		text-decoration: none; }

	ul.dealList li a:hover{ color: #00f; text-decoration: underline; }

	ul.dealList li.alt{ background: #f0f0ff; line-height: 2em; }

.dealDate{ color: #AAA; padding-left: 2em; }


/* Classified Ads */
#cadAdmin{
	position: relative;
	height: 24px; }

	#cadAdmin a.addYourCad{
		position: absolute; 
		top: 0; 
		right: 0;
		background: #CC3300; 
		color: #fff;
		padding: 4px 0.7em 2px 0.7em;
		text-decoration: none;
		font-weight: bold; }	
		
		#cadAdmin a.addYourCad:hover{ text-decoration: underline; }

table.cadTable { width: 99%; margin-left: 5px; border: 0; }
	td a{ color: #00f; text-decoration: none; }
	td a:visited{ color: #939; text-decoration: none; }
	td a:hover{ color: #f00; text-decoration: underline; }

	table.cadTable tr{ 
	padding: 0 5px;
	line-height: 1.65em; }
	
	table.cadTable tr.alt{ 
		background: #eef; 
		line-height: 1.7em;
		padding: 3px 5px 0 5px; }
	
	table.cadTable td.column1{ width: 53%; } /* can be applied to either td or th */
	table.cadTable td.column2{ width: 15%; }
	table.cadTable td.column3{ width: 32%; }

/* Picture Gallery Styles */
table.pictureHolder{
	margin-bottom: 8px;
	width: 130px;
	text-align: center; 
	border: 0px; 
	display: inline; }

	table.pictureHolder td.pictureTitle{ padding-top: 5px; }
		td.pictureTitle a{ text-decoration: none; }
		td.pictureTitle a:visited{ color: #333; text-decoration: none; }
		td.pictureTitle a:hover{ color: #f00; text-decoration: underline; }

/* Flash Games Styles */
table.flashHolder{
	margin-bottom: 10px; 
	width: 122px; 
	text-align: center; 
	border: 0; 
	display: inline; }
	
	table.flashHolder td.flashTitle{ padding-top: 5px; }
		td.flashTitle a{ color: #00f; text-decoration: none; }
		td.flashTitle a:hover{ color: #f00; text-decoration: underline; }

	table.flashHolder td.flashType{ padding-top: 3px; }
		td.flashType a{ color: #00f; text-decoration: none; }
		td.flashType a:hover{ color: #f00; text-decoration: underline; }

table.flashSummaryHolder{ padding: 5px; width: 100%; }
	
	table.flashSummaryHolder td.flashThumb{ width: 10%; }
	
	table.flashSummaryHolder td.textHolder{ padding-left: 5px; padding-right: 5px; width: 90%; }

		td.textHolder p.row1{ color: #666; margin-top: 3px; }
		
			td.textHolder p.row1 a{ color: #03d; text-decoration: underline; }
			td.textHolder p.row1 a:hover{ text-decoration: none; }
		
			td.textHolder p.row1 a.flashType{ color: #666; }
			td.textHolder p.row1 a.flashType:hover{ text-decoration: none; }
		
		td.textHolder p.row2{ 
			margin-top: 8px; 
			margin-bottom: 4px; 
			color: #666;
			line-height: 1.5em;
			text-indent: 2em;
			font-size: 12px; }
			
		td.textHolder p.row3{ 
			color: #36c;
			line-height: 1.5em;
			font-size: 12px; }
		
table.flashSummaryHolder.alt{ background: #f6f6f6; }

/* Yellow Pages Styles */
#searchBar{
	background: #ffe566; /* #d8ebf9 */
	margin-bottom: 7px; 
	padding: 3px 3px 3px 3px;
	text-align: center;
	vertical-align: middle; }
	
	#searchBar form{
		margin: 0; 
		padding: 0; }
		
	#searchBar input, #searchBar select{ 
		margin-left: 3px; 
		margin-right: 3px;
		width: auto; 
		font-size: 14px;}
	
	#searchBar .searchButton{
		background: #eee;
		margin: 0;
		padding: 0 3px 0 3px; 
		height: 24px; 
		border: 1px solid #999;}
	
#toolBar{
	position: relative; 
	top: 0; 
	left: 0; 
	width: 100%;
	height: 26px; }

	#toolBar .toolTips{
		background: #fdd;
		color: #333;
		padding: 3px 8px 1px 8px;  
		font-size: 9pt;
		letter-spacing: 1px;
		line-height: 1.5em;
		border: 1px solid #FF9999;
		float: left; /* floated element has an auto width, non-floated will fill up 100% */ }

#alphaList{
	background: #dbe1d5;
	margin: 5px 0 0 0;
	padding: 5px 5px 2px 5px;
	vertical-align: middle; }
	
	#alphaList a img{ 
		margin: 0; 
		margin-bottom: 2px; /* in case list break into two lines when resolution is low */
		padding: 0;
		padding-right: 5px; 
		border: 0px;}
		
table.resSummaryHolder{
	margin: 3px 0.5%;
	width: 98.5%;
	font-size: 14px;
	border: 0px; 
	border-bottom: 1px dotted #ddd; }
	
	table.resSummaryHolder a h4{ font-size: 14px; line-height: 1.6em; text-decoration: underline; }
	table.resSummaryHolder a:hover h4{ text-decoration: none; }
	
	table.resSummaryHolder td.leftCol{ width: 50%; }
	table.resSummaryHolder td.rightCol{ width: 50%; }