html, body, * {margin: 0;padding: 0;}
body{background-color: #fff; padding-bottom: 24px;}
img{border: none;}
.clear{clear: both;height: 1%;font-size: 0;}

a:focus{outline: none;}
a:link{color: #0107c2;}
a:visited{color: #800080}
a:hover{color: #c00;}
a:active{color: #00f;}

span.url{color: #008100;}
span.st{font-weight: bold;}
span.sttop{font-weight: bold; color: #000;}
span.b{font-weight: bold;}

#header {height: 117px;padding-top: 2px; margin-left: 16px; margin-right: 16px;}

#header h1{background: #fff url(/images/logo2.gif) no-repeat top left;height: 26px;width: 228px;margin-left:11px;}
#header h1 a{display: block; width: 228px;height:26px;}
#header h1 span{display: none;}
#header ul{font: .78em/1.4em Verdana, Arial, Sans-Serif;float: right;list-style: none;margin: -20px 13px 0 0;}
#header ul li{display: inline;}

#container{clear: both;padding: 12px 16px 16px 16px;}

#seinput{}

input.sinput{border:1px solid #5880D5;height:19px;padding:3px;vertical-align:middle;width:380px;float:left; margin-top: 1px;}

/* New dynamic size search button */
#tblsearch {border-collapse:collapse;}
#tblsearch a.sbutton{font: bold 13px/15px Tahoma, Verdana, Arial, Sans-Serif;background: transparent url(/images/backgrounds/searchbg-r.jpg) no-repeat  top right;color: #fff;display: block;float: left;height: 28px;margin-left:4px;padding-right: 7px;text-decoration: none;}
#tblsearch a.sbutton span.spbtn{background: transparent url(/images/backgrounds/searchbg-l.jpg) no-repeat;display: block;padding: 6px 5px 7px 12px;}
#tblsearch a.sbutton:active{background-position: bottom right;color: #fff;outline: none;}
#tblsearch a.sbutton:active span{background-position: bottom left;padding: 6px 5px 7px 12px;}

.vietfont {font-family:arial;}
table.tblsearchdns{margin: 0 auto;}
/*
#tblsearchdns {margin: 0 auto;border-collapse:collapse;}
#tblsearchdns a.sbutton{font: bold 13px/15px Tahoma, Verdana, Arial, Sans-Serif;background: transparent url(/images/backgrounds/searchbg-r.jpg) no-repeat  top right;color: #fff;display: block;float: left;height: 28px;margin-left:4px;padding-right: 7px;text-decoration: none;}
#tblsearchdns a.sbutton span{background: transparent url(/images/backgrounds/searchbg-l.jpg) no-repeat;display: block;padding: 6px 5px 7px 12px;}
#tblsearchdns a.sbutton:active{background-position: bottom right;color: #fff;outline: none;}
#tblsearchdns a.sbutton:active span{background-position: bottom left;padding: 6px 5px 7px 12px;}
*/

#topnav {height:52px;padding-bottom:12px;}
/* beforeGooglePageDesign
#topnav{ margin-bottom: 12px;}*/
#topnavdns{ margin-bottom: 12px; height: 60px; border-bottom: 1px solid #CCCCCC;}
#topnav ul{font: .82em/1.4em Arial, Sans-Serif; margin: 0 0 1px 10px;list-style: none;color: #000;}
#topnav ul li{display: inline;padding-right: 10px;}
#topnav ul li.a{ font-weight: bold;}
#topnav ul li a.green{ color: #197F01;}
#topnav ul li a.green:hover{ color: #CC0000;}
#topnav p.imgline{font: .98em/1.4em Tahoma, Verdana, Arial, Sans-Serif;padding-left: 12px;margin: -3px 0 7px 0;}
#topnav ul.prefs{ margin: -10px 13px 0 0;}
#topnav ul.prefs li{display: inline;padding-right: 0px;}

#topnavdns ul.prefs{float: right; margin: 10px 13px 10px 0;}
#topnavdns ul.prefs li{display: inline;padding-right: 0px;}
#topnavdns ul{font: .82em/1.4em Arial, Sans-Serif; margin: 0 0 1px 10px;list-style: none;color: #000;}
#topnavdns ul li{display: inline;padding-right: 10px;}
#topnavdns ul li.a{ font-weight: bold;}
#topnavdns ul li a.green{ color: #197F01;}
#topnavdns ul li a.green:hover{ color: #CC0000;}
#topnavdns p.imgline{font: .98em/1.4em Tahoma, Verdana, Arial, Sans-Serif;padding-left: 12px;margin: -3px 0 7px 0;}

#searchshading{border-top: solid 1px #ccc;background-color: #ebf2ff;padding: 4px 10px 4px 10px; min-height: 2px;}
#logo {float: left;}
#logo img {margin-right: 8px;}

#searchshading p.lt{float: left;font: .82em/1.4em Arial, Sans-Serif;color: #555;position: relative;top: -6px;width: 48%;display: inline;}
#searchshading p.lt img{position: relative;top: 6px;padding-left: 3px;}
#searchshading p.rt{float: right;font: .82em/1.4em Arial, Sans-Serif;color: #555;width: 48%;text-align: right;display: inline;}
#searchshading p.rt span.z{font-size:smaller;}
#searchshading p.rt span.z a{color:#555;text-decoration:none;}

#content{float: left;width: 100%;border-top: 1px solid #eaeef6;font-size:1px;/*height:0;*/margin-top:3px;}
/* beforeGooglePageDesign
#colleft{margin-right: 370px;}*/
#colleft {margin-top:10px;}
/* beforeGooglePageDesign
#colright{float: left;width: 359px;margin-left: -360px;border-left: solid 1px #b8c6e0;padding-top:10px;}*/
#colright{border-left:1px solid #B8C6E0;float:right;padding-top:10px;/*max-width:305px;*/width:20%;}

#viewr{background-color: #dddcdc; height: 28px;}
#viewr p{font: .76em/1.4em Arial, Sans-Serif;}
#viewr p, #viewr p input, #viewr p label{vertical-align: middle;}
#viewr p.l{float: left;padding-left: 12px;padding-top: 3px;}
#viewr p.l label{padding-left: 2px;}
#viewr p.l label.active{font-weight: bold;}
#viewr p.r{float: right;padding-right: 12px;padding-top: 6px;}

#upaging{border-bottom: solid 5px #dddcdc; padding-top: 2px;}
#upaging p{font: .82em/1.4em Verdana, Arial,Sans-Serif;padding-left: 12px; float: left;}
#upaging p span {color:#555; font-size:smaller;}
#upaging p span a:link{color: #555; text-decoration:none;}
#upaging p span a:visited{color: #555; text-decoration:none;}
#upaging p span a:hover{color: #555; text-decoration:none;}
#upaging p span a:active{color: #555; text-decoration:none;}

#t-paging a:link{color: #000;}
#t-paging a:visited{color: #000}
#t-paging a:hover{color: #000;}
#t-paging a:active{color: #000;}

#t-paging{float: right;}
#t-paging{font: .82em/1.4em Arial, Sans-Serif;color: #22c;padding-right: 12px;}
#t-paging li{display: inline; padding: 0 1px;}
#t-paging li.active{font-weight: bold;}
#t-paging li.np{font-weight: bold;}
#t-paging li.np{}
#t-paging li.np a:link{color: #00f;}
#t-paging li.np a:visited{color: #00f}
#t-paging li.np a:hover{color: #00f;}
#t-paging li.np a:active{color: #00f;}

#imgouter{padding: 16px 8px;border-top: solid 1px #c9d7f1;margin: 0 10px;}
#imgresults{position: relative;min-width: 0;}
#imgresults div.imgholder{padding: 12px;width: 168px;float: left;text-align: center;font: .76em/1.3em Arial, Helvetica, Sans-Serif;height:228px;}
#imgresults div.imgholder div.img table{height: 162px;width: 162px;border-collapse: collapse;margin: 0 auto;}
#imgresults div.imgholder div.img table td{vertical-align: bottom;text-align: center;}
#imgresults div.imgholder span.url{color: #008100;}
#imgresults div.imgholder a:link img{border: solid 1px #0107c2;}
#imgresults div.imgholder a:visited img{border: solid 1px #800080;}
#imgresults div.imgholder a:hover img{border: solid 1px #c00;}
#imgresults div.imgholder a:active img{border: solid 1px #00f;}

#audioouter{padding: 14px 0;border-top: solid 1px #c9d7f1;margin: 0 26px;}
#audioresults{font: .76em/1.3em Verdana, Arial, Sans-Serif;/*margin: 2px 0;*/}
#audioresults table{border-collapse: collapse;margin-bottom: 24px;}
#audioresults table td{vertical-align: top;padding-bottom: 2px;}
#audioresults table td.t1{width: 72px;}
#audioresults table td.t2{width: 21px;}
#audioresults table td.t32{color: #555;}
#audioresults table td.t32 span.url{color: #008100; padding-right: 16px;}

#newsouter{padding: 14px 0;border-top: solid 1px #c9d7f1;margin: 0 26px;}
#newsresults{max-width:628px;width:auto !important;width:628px;}
#newsresults ul{font: .76em/1.3em Arial, Sans-Serif;color: #000;list-style: none;}
#newsresults ul li{padding-bottom: 12px;}
#newsresults ul li a.title{font-size: 132%;}
#newsresults ul li span.where{ font-size: smaller; color:#555;}

#sponlink{padding: 0 10px;margin-bottom: 3px;max-width:528px;min-width:50px;}
#sponlink h2{font: bold .76em/1.4em Arial, Sans-Serif;color: #999; margin-bottom: .48em;}
#sponlink ul{font: 76% Arial, Sans-Serif;color: #222;list-style: none;}
#sponlink ul li{padding-bottom: 10px;}
#sponlink ul li.la{padding-bottom: 0;}
#sponlink ul li a.title{font-size: 132%;}

#hrelink{padding: 0 10px;font: .86em/1.4em Arial, Sans-Serif;margin-bottom:30px;width:99%;overflow:visible;}
#hrelink h2{font: bold 1.02em/1.4em Arial, Sans-Serif;color: #737373; margin-bottom: .78em;text-align: left;display:inline;}
#hrelink ul.related1{display:inline;}
#related2{display:none;}
#hrelink ul li {display: inline; list-style-type: none;}

div.mpell{padding: 3px 10px 8px 10px;font: italic .88em/1.3em Arial, Sans-Serif;color: #d00;}

#results{padding: 6px 10px 0px; margin-bottom: 0px;max-width:528px;width:auto !important;width:528px;}
#results h2{font: bold .76em/1.4em Arial, Sans-Serif;color: #999; margin-bottom: .48em;}
#results ul{font-family: Arial, Sans-Serif;font-size: 82%;list-style: none;}
#results ul li{padding-bottom: 12px;}
#results ul li a.title{font-size: 132%;}
	
#spnslink{padding: 0 10px;}
#spnslink h2{font: bold .76em/1.4em Arial, Sans-Serif;color: #999; margin-bottom: .48em;text-align: left;}
#spnslink ul{font: 76% Arial, Sans-Serif;color: #222;list-style: none;width: 76%;}
#spnslink ul li{padding-bottom: 12px;}
#spnslink ul a.title{font-size: 132%;}
#spnslink p{font: 12px/15px Arial, Sans-Serif;color: #222;text-align: right;margin-right: 42px;}

#paging{}

#paging a:link{color: #000;}
#paging a:visited{color: #000}
#paging a:hover{color: #000;}
#paging a:active{color: #000;}

#paging{clear: both;font: .82em/1.4em Arial, Sans-Serif;color: #22c;width: 80%;text-align: center;margin: 0 auto 48px auto;}
#paging li{display: inline; padding: 0 1px;}
#paging li.active{font-weight: bold;}

#paging li.np{font-weight: bold;}
#paging li.np{}
#paging li.np a:link{color: #00f;}
#paging li.np a:visited{color: #00f}
#paging li.np a:hover{color: #00f;}
#paging li.np a:active{color: #00f;}

#bottom{background-color:#F1F0F0;border:1px solid #AAAAAA;height:96px;margin:0 auto 93px;width:784px;clear:both;}
#bottom ul{font: .82em/1.4em Arial, Sans-Serif;margin-bottom: 4px;}
#bottom ul li{display: inline; padding: 0 10px 0 0;}
#bottom ul li.active{color: #000; font-weight: bold; text-decoration: none;}

#binner{margin:21px auto;width:490px;}
#footer{text-align: center;}
#footer p{font: .76em/1.4em Arial, Sans-Serif;color: #555;}
#footer ul{font: .76em/1.4em Arial, Sans-Serif;list-style: none;margin-bottom: 18px;}
#footer ul li{display: inline;}
#disclaimer {color:#555555;font-family:Arial,Sans-Serif;font-size:0.62em;margin:12px auto 5px;text-align:center;width:860px;}

#default{margin-bottom: 28px; padding: 18px;}
#default h2{font: bold 1.4em/1.4em Verdana, Arial, San-Serif;margin-bottom: .68em;color: #333;}
#default p{font: .72em/1.5em Verdana, Arial, San-Serif;margin-bottom: .88em;color: #222;}

#videoouter{padding: 14px 0;border-top: solid 1px #c9d7f1;margin: 0 10px;}
#videoresults{font: .76em/1.3em Arial, Helvetica, Sans-Serif;width: 755px;margin: 18px 0;}
#videoresults table{border-collapse: collapse;margin-bottom: 18px;}
#videoresults table td{vertical-align: top;padding-bottom: 10px;}
#videoresults table td.t1{width: 69px;}
#videoresults table td.t1 img {width: 120px; height: 90px;}
#videoresults table td.t2{width: 21px;}
#videoresults table td a.title{font-size: 130%;}
#videoresults table td span.url{color: #008100;}

/* JB Added this */
#dnscatch{margin: 18px auto;width: 876px;margin-bottom: 32px;}
#dnscatch h2{text-align: center;font: 18px/22px Arial, Helvetica, Sans-Serif;color: #033288;margin-bottom: 18px;}
#dnscatch div.dns-cat{background-color: #fbc8f7;border: solid 1px #000;width: 255px;margin: 0 15px 32px 15px;float: left;}
#dnscatch div.dns-cat h3{font: bold 14px/16px Arial, Helvetica, Sans-Serif;color: #ae0505;background-color: #fde39c;padding: 4px 0;text-align: center;margin-bottom: 5px;}
#dnscatch div.dns-cat ul{font: 17px/21px Arial, Helvetica, Sans-Serif;color: #033288;padding-left: 22px;list-style-type: square;margin-bottom: 5px;}

/* New DNS Cache */
/* IMPORTANT!!!! FIXME !!!!!  WE CAN'T KEEP MARGIN-TOP. NEED TO REDO Header and have margin-bottom on header.*/
#ndns-err-top{text-align: center; clear: both;margin-top: 65px;}
#ndns-err-top h2{font: bold .88em/1.4em Arial, Helvetica, Sans-Serif;text-align: center;color: #444;margin-bottom: 21px;}
#ndns-err-top h2 span.red{color: #f00;}
#ndns-err-top p a{color: #555;}
#ndns-err-top p{font: .82em/1.4em Arial, Sans-Serif;color: #555;margin-top:2px;}
#ndns-err-top p img{margin-bottom: -5px; margin-top: 6px;}
#ndns-err-top p span{font-size: x-small;padding-left: 3px;}
#ndnscatch{margin: 27px auto 132px auto;width: 964px;}
#ndnscatch h2{text-align: center;font: bold .92em/1.4em Arial, Helvetica, Sans-Serif;color: #444;margin-bottom: 10px;}
#ndnscatch div.dns-cat{background-color: #fbc8f7;border: solid 1px #000;width: 212px;margin: 0 12px;float: left;}
#ndnscatch div.dns-cat h3{font: bold 13px/15px Arial, Helvetica, Sans-Serif;color: #ae0505;background-color: #fde39c;padding: 4px 0;text-align: center;margin-bottom: 5px;}
#ndnscatch div.dns-cat ul{font: 13px/18px Arial, Helvetica, Sans-Serif;color: #033288;padding-left: 22px;list-style-type: bullet;margin-bottom: 5px;}
/* New DNS Cache */

#tattooSearch {background-color: #F0E5F0; color: #6E137D; padding: 8px 0 10px 10px; margin-bottom: 8px; font:bold 14px/15px Arial, Helvetica, Sans-Serif; border:1px solid #123;width:78%;}
#tattooSearch img {margin: 0px 6px 0px 0px; position:relative; top:2px;}
.suggestPanel {position:absolute;display:none;text-align:left;width:284px !important;background-color:#FFFFFF;border:1px solid #222;z-index:1;font: 12px/14px Arial, Verdana, Helvetica, Sans-Serif;}
.suggest_link {overflow:hidden;padding:2px 5px;}
.suggest_link_over {overflow:hidden;cursor:pointer;background-color:#888888;color:#FFFFFF;padding:2px 5px;}

#leftnav{margin: 0px; width: 728px; float: left;}
#rightnav{float:right;padding-top:10px;text-align:right;}