/* HTML tages */
body{
	margin: 0px;
	padding: 0px;
	font-family: Arial, TrebuchetMS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; }

h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; font-size: 14px; }

ul{	margin: 0; padding: 0; }
li{	margin: 0; padding: 0;}

p{ margin: 0; padding: 0; }

/* Function Modules */
form.emailLogin{ margin: 0; padding: 0px; }

	form.emailLogin input{ 
		margin: 0; 
		padding: 0; 
		border: 0; 
		font-size: 14px;
		border-bottom: 1px solid #aaa; }
		
	form.emailLogin select{ margin: 0 3px 0 0; padding: 0; cursor: default; }
		
	form.emailLogin option{ margin: 0; padding: 0; }
	
	form.emailLogin input.loginButton{ margin-left: 3px; padding-top: 2px; border: 1px solid #aaa; }

/* Layout components */
#wrap{
	margin: 0px auto; 
	width: 100%; }

#header{
	width: 100%; 
	margin: 0 auto;
	padding: 0;
	clear: both; }

   #header_function{ text-align: right; padding-top: 3px; }
   #header_function_left { text-align: left; padding-top: 3px; }

	#logo{ display: none; }
	#topBar{ padding: 0px 1.5%; }
		#topBar table.topTable{
			width: 100%;
			color: #333;
			margin-top: 0px;
			font-size: 13px; }

			table.topTable td a{ color: #555; text-decoration: underline; }
			table.topTable td a:visited{ color: #555; text-decoration: underline; }
			table.topTable td a:hover{ color: #00f; text-decoration: none; }

			table.topTable td.topLeft{
				text-align: left;
				vertical-align: top;
				width: 35%; }

			table.topTable td.topMiddle{
				text-align: center;
				vertical-align: top;
				width: 30%; }

			table.topTable td.topRight{
				text-align: right;
				vertical-align: top;
				width: 35%;
				color: #ddd; }

#wrap2{
	position: relative; /* relative is provided for inner absolute positioning */
	margin: 12px auto 10px auto;
	width: 98%; 
	text-align: left;
	clear: both; }
	
	.mainTableCol1{ width: 49%; }
	.mainTableCol2{ width: 2%; }
	.mainTableCol3{ width: 49%; }
	
	#navHolder{
		position: absolute; 
		top: 0px;
		left: 0px; }
		
	.featureBox{
		background: #e6f1ff;
		margin: 9px 0; 
		padding: 7px 9px; 
		width: 150px;
		border: 1px solid #ccc;
		clear: both; }

		.featureBox.lotto{ width: 146px; padding-left: 11px; padding-right: 11px; }

		.featureBox table.flightTable{ border: 0; width: 100%; }
		
			.featureBox table.flightTable a img{ padding: 0; border: 0; }
			
			.featureBox table.flightTable a{ color: #000; }
			.featureBox table.flightTable a:visited{ color: #000; }
			.featureBox table.flightTable a:hover{ color: #000; text-decoration: underline; }
	
	#navigator{ 
		width: 170px;
		padding: 0 0 8px 0; 
		float: left;
		border-top: 1px solid #36c;
		background: #fff; /*#fdffdc;*/
		clear: both; }
		
		#navigator h2{ 
			background: #e5ecf9;
			color: #36c;
			padding: 4px 4px 2px 0.6em; }
		
		#navigator h3{ font-weight: normal; display: inline; }

			#navigator a:hover h3{ text-decoration: underline; }
			
		#navigator h4{ font-weight: normal; display: inline; }
			
		#navigator ul{ 
			margin-top: 7px;
			margin-left: 8px; 
			list-style: none; }
			
		#navigator ul.level1 li a{
			background: url(images/icons/expand.gif) no-repeat; 
			color: #000; 
			padding-top: 1px;
			padding-left: 1.2em;
			line-height: 1.8em; 
			text-decoration: none; }
			
/*			#navigator ul.level1 li.icon_1_home a{ background: url(images/icons/house.gif) no-repeat; }
			#navigator ul.level1 li.icon_1_news a{ background: url(images/icons/television.gif) no-repeat; }
			#navigator ul.level1 li.icon_1_url a{ background: url(images/icons/world.gif) no-repeat; }
			#navigator ul.level1 li.icon_1_hotdeal a{ background: url(images/icons/world.gif) no-repeat; }
			#navigator ul.level1 li.icon_1_cad a{ background: url(images/icons/attach.gif) no-repeat; }
			#navigator ul.level1 li.icon_1_yep a{ background: url(images/icons/book_open.gif) no-repeat; }
			#navigator ul.level1 li.icon_1_pic a{ background: url(images/icons/picture.gif) no-repeat; }
			#navigator ul.level1 li.icon_1_fla a{ background: url(images/icons/sport_soccer.gif) no-repeat; }*/
			
		#navigator ul.level1 ul.level2{ margin: 0; padding: 0 0 0 1.2em; }
			
			#navigator ul.level1 ul.level2 li a{ 
				line-height: 1.6em;
				padding-left: 1.4em;
				background: url(images/icons/folder.gif) no-repeat; }
				
			#navigator ul.level1 ul.level2 li a:visited{}
			
			#navigator ul.level1 ul.level2 li a:hover{ color: #00f; text-decoration: underline; }

	#content{
		/* position: relative; */
		/* ...above line is hided for IE tweaking, cuz otherwise h3 will take this #content tage as containing block. */
		margin-left: 170px;
		padding: 0 0 10px 20px;
		width: auto;
		min-width: 400px; 
		border: 0px solid #ddd; }
		
		#content #module{ 
			background: #fff;
			border: 0px solid #d0d0d0; /* #cfdceb; */
			margin-bottom: 15px;
         border: 1px solid #ddd; }

	   #content #recentReview {
         background: #ffffff;
         margin: 0px 0; 
         padding: 0 0 7px 9px; 
         width: 120px;
         clear: both; }

		#content h3{
			position: relative; /* h3 position is provided as a container for the inner .sign tag */
			background: #e5ecf9; /* #e6f1ff; */
			color: #36c;
			padding-top: 4px; 
			padding-bottom: 2px; 
			text-indent: 3px;
			width: 100%; 
			border-top: 1px solid #36c; }
			
			#content h3 a{
				color: #36c; 
				text-decoration: underline; }
			
			#content h3.tt{}

			#content h3 .sign{
				position: absolute;
				top: 2px;
				right: 6px;
				cursor: pointer; }
		
		#content a img{
			padding: 2px;
			border: 1px solid #ccc; }
			
			#content a:hover img{
				padding: 1px;
				border: 2px solid #06e; }

		/* cBox is used on the main page, where vBox is used in sub-pages */
		#content div.cBox{ padding: 6px 2px 6px 4px; overflow: hidden; }
		#content div.c2Box{ padding: 6px 5px 6px 5px; }

		#content ul.indexList{
			margin: 0;
			padding: 0px;
			line-height: 1.8em;
			list-style: none;}

			ul.indexList li{ /*background: url(images/icons/new.gif) no-repeat;*/ }

			ul.indexList li a{
				color: #000;
				text-decoration: none ;
				padding-left: 1px; }
			ul.indexList li a:hover { color: #00c; text-decoration: underline; }
			ul.indexList li a:active { color: #f00; }
			ul.indexList li a:visited { color: #55c; }
         ul.indexList li.alt { background: #fff2cd; line-height: 2em; }

		/* News */
		#content span.timesRead{ padding-left: 1em; color: #999; font-size: 12px; }

		#content a.readAll{
			background: url(images/icons/magnifier.gif) no-repeat;
			color: #00f;
			margin-top: 7px;
			padding-left: 1.4em;
			display: block; /* display:block was set to make margin-top to be effective */
			text-decoration: underline; }

			#content a.readAll:hover { color: #f00; text-decoration: underline; }

      #content span.urlCat {
			background: url(images/icons/magnifier.gif) no-repeat;
			color: #00f;
			margin-top: 7px;
			padding-left: 1.4em;
			display: block; /* display:block was set to make margin-top to be effective */
         text-decoration: underline; 
      }

      #content a.readAllUrl{ font-size: 9pt; }
      #content a.readAllUrl:hover{ color: #f00; text-decoration: underline; }

		/* Cad */
		#content a.moreCad{ background: none; padding-left: 0.2em; color: #093; text-decoration: none; font-size: 12px; }
		#content a.moreCad:visited{ color: #093; }
		#content a.moreCad:hover{ color: #f00; text-decoration: underline; }

		/* Deal */
		#content a.moredeal{ background: none; padding-left: 0.2em; color: #fa0; text-decoration: none; font-size: 12px; }
		#content a.moredeal:visited{ color: #fa0; }
		#content a.moredeal:hover{ color: #f30; text-decoration: underline; }

			
			
		/* URL */
		#content .topClicked{ margin-right: 0.5em; padding: 2px 2px 1px 2px; line-height: 1.8em; }
		
			#content .topClicked a{ color: #00c; text-decoration: underline; }
			#content .topClicked a:hover { color: #00c; text-decoration: underline; }
			#content .topClicked a:active { color: #f00; text-decoration: underline; }
			
			#content .topClicked.withIcon{}
			
				#content .topClicked.withIcon a img{ border: 0; vertical-align: middle; }
		
			#content .topClicked.topL1{ background: #fd7; font-weight: bold; font-size: 18px; }
			
			#content .topClicked.topL2{ background: #fff2cd; font-weight: bold; }
			
			#content .topClicked.topL3{ background: #fff2cd; }

		/* Yellow Page */
		#content form.yep{ margin: 0px 0px 10px 0px; font-size: 10.5pt; }
			
			form.yep input{ margin: 0px auto 1px auto; font-size: 10.5pt; }
			
			form.yep select{ margin: 1px auto; width: 10em; font-size: 10.5pt; }	
			
			form.yep .searchButton{}
			
      #content span.res { padding-left: 0.7em; color: #fa0; font-size: 14px; }

		#content ul.resList{
			margin: 5px 0 0 0; 
			padding: 8px 0 0 0; 
			line-height: 1.6em; 
			border-top: 1px solid #dcf;
			list-style: none; }
			
			ul.resList li{ background: url(images/icons/new.gif) no-repeat; }
			
				ul.resList li a{ 
					color: #00c; 
					text-decoration: underline; 
					padding-left: 1.4em;
					line-height: 1.7em; }
				ul.resList li a:hover{ color: #00c; text-decoration: underline; }
				ul.resList li a:active{ color: #f00; }
				ul.resList li a:visited{ color: #551a8b; text-decoration: underline; }

				ul.resList li a.isWhat{ 
					font-size: 14px; 
					color: #093; 
					padding-left: 0.5em;  }
				ul.resList li a:hover.isWhat{ color: #093; }
				ul.resList li a:visited.isWhat{ color: #093; }
				
				ul.resList li span.isWho{ padding-left: 0.7em; color: #fa0; font-size: 14px; }
		
		/* Flash */
		
		#catch_wrapper{ width: 100%; }
		
		#catch{ width: 100%; }

		#content table.flashPreview{ 
			margin-bottom: 5px;
			padding-right: 5px; 
			float: left; 
			}
		
			table.flashPreview a img{ width: 90px; height: 90px; }
			
			table.flashPreview td.flashPic{}
			
			table.flashPreview td.flashName{ padding-top: 4px; text-align: center; font-size: 12px; }

				table.flashPreview td.flashName a{ color: #009; }
				table.flashPreview td.flashName a:visited{ color: #009; }
				table.flashPreview td.flashName a:hover{ color: #f00; }
   #footer {
      clear: both;
      background: url(../images/dot_lite.gif) repeat-x top left; 
      padding: 20px 10px 0;
      font-size: 9pt;
	}
	#sitemap { width: 100%; }
   #sitemap td { padding-bottom: 5px; }
   #sitemap .caption { width: 50px; color: #666; font-weight: bold; }
   #sitemap .links_sitewise { color: #bbb; }
   #sitemap .links_sitewise a { margin: auto 1px auto 3px; text-decoration: none;	}
   #sitemap .links_external { width: 120px; }
	#copyright { margin-top: 10px; color: #888; font-variant: small-caps; }


/*
#footer{ #footer is currently contained in #content due to IE's bad support for CSS
	margin-top: 10px; 
	padding-top: 10px;
	width: 100%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #666666;
	clear: both; 
	line-height: 1.5em;
	border-top: 1px solid #ddd; }
*/

#sideBar {
	position: absolute;
	top: 0; 
	right: 0; 
	width: 120px; 
	background: #fafafa; 
	color: #333;
	z-index: 0;
	overflow: hidden; }