/* CSS Document */
/* Doneeh Tri Media */

body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: -0.5px; }
body { background: #4ecaee url(images/bg-body.gif) top repeat-x; margin: 0px 0px 70px 0px; padding: 0px; }

p,form,h1,h2,h3,ul { margin: 0px; padding: 0px; }
small { font-size: 10px; font-weight: bold; color: #28b7e0; }

h2 { font-size: 20px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #dcdcdc; }
h3 { font-size: 13px; }

a { color: #009ecc; text-decoration: none; }
a.linkcat { color: #9cbb30; text-decoration: underline; }
a.linkuser { color: #58c4e4; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

a.btn-reply { display: block; width: 59px; height: 29px; background: url(images/bg-btn-reply.gif) no-repeat top; overflow: hidden;
	text-indent: -30000px; }
a:hover.btn-reply { background-position: bottom; }

#header { margin: auto; width: 776px; height: 99px; background: url(images/bg-header.gif) bottom repeat-x; }
#header-left { float: left; width: 289px; height: 99px; background: url(images/bg-logo.gif) no-repeat bottom; }
#header-left h1 { font-size: 14px; overflow: hidden; text-indent: -30000px; }
#header-left a { display: block; width: 210px; height: 99px; }
#header-right { float: right; width: 485px; height: 99px; background: url(images/bg-header-right.gif) bottom right no-repeat; }
#header-right-top { height: 55px; color: #fff; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: right;
	padding: 5px 22px 0px 0px; font-size: 12px; letter-spacing: 0px; }
#header-right-top a { font-weight: bold; text-decoration: underline; color: #05556c; }
#header-right-top a:hover { color: #edfbff; text-decoration: none; }
#header-right-bottom { padding: 7px 0px 0px 10px; }
#header-right-bottom input { font-size: 16px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: #035e78; color: #fff;
	border: 1px solid #1485a6; padding: 0px 5px 0px 6px; }

#root { margin: auto; width: 776px; background: url(images/bg-root.gif) repeat-y; margin-bottom: 15px; }
#topnav { background: url(images/bg-topnav.gif) top no-repeat; width: 732px; padding: 13px 22px 0px 22px; height: 27px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
#topnav ul { list-style: none; }
#topnav ul li { text-transform: lowercase; letter-spacing: 0.5px; }
#topnav ul li a { text-decoration: none; text-transform: lowercase; }
#topnav-left { float: left; width: 290px; height: 27px; }
#topnav-left ul li { float: left; }
#topnav-left ul li a { padding: 0px 27px 0px 0px; color: #9cbb30; }
#topnav-right { float: right; width: 350px; height: 27px; }
#topnav-right ul li { float: right; }
#topnav-right ul li a { padding: 0px 0px 0px 27px; color: #009ecc; }
#topnav ul li a:hover { color: #000; text-decoration: underline; }

#frontheader-root { clear: both; }
#frontheader { margin: auto; width: 750px; height: 145px; background: url(images/bg-frontheader.gif) no-repeat; margin-bottom: 10px;
	overflow: hidden; text-indent: -30000px; }
#frontheader h3 { display: block; height: 51px; font-size: 13px; }
#frontheader #btn-imgheader { padding-left: 503px; padding-right: 37px; }
#frontheader #btn-imgheader h2 a { display: block; width: 211px; height: 44px; background: url(images/bg-btn-img-header.gif) top no-repeat; }
#frontheader #btn-imgheader h2 a:hover { background-position: bottom; }
#hotlist { margin: auto; width: 559px; height: 35px; background: url(images/bg-hotlist.gif) no-repeat; margin-bottom: 10px;
	padding: 10px 0px 0px 191px; font-size: 12px; }
#hotlist img { margin-right: 10px; }
#rootclear { clear: both; background: url(images/bg-rootclear.gif) bottom no-repeat; }
#rootcontent { margin: auto; width: 750px; }

#sidebar { float: left; width: 170px; }
#sidebar h2 { font-size: 18px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #dcdcdc; font-weight: normal;
	border-bottom: 1px solid #f6f6f6; }
#sidebar .sidebox { background: url(images/bg-sidebox.gif) repeat-y; }
#sidebar .sidebox h2 { display: block; background: url(images/bg-h2-sidebox.gif) top no-repeat; padding: 15px 20px 4px 20px; margin-bottom: 5px; }
#sidebar .sidebox .sidelistbox { padding: 0px 20px 20px 20px; background: url(images/bg-sideboxlist.gif) bottom no-repeat; }
#sidebar .sidebox .sidelistbox ul { list-style: none; }
#sidebar .sidebox .sidelistbox ul li { border-bottom: 1px dotted #e5e5e5; padding: 4px 0px 4px 0px; color: #666; }
#sidebar .sidebox .sidelistbox ul li a { color: #8d8d8d; text-decoration: none; font-weight: bold; }
#sidebar .sidebox .sidelistbox ul li a.normaltext { font-weight: normal; color: #009ecc; }
#sidebar .sidebox .sidelistbox ul li a:hover { color: #000; text-decoration: underline; }

#sidebar #sidebar-tablist { height: 19px; padding: 0px 0px 0px 7px; width: 163px; }
#sidebar #sidebar-tablist ul { list-style: none; }
#sidebar #sidebar-tablist ul li { float: left; font-size: 9px; overflow: hidden; text-indent: -30000px; }
#sidebar #sidebar-tablist ul li a { display: block; height: 19px; margin-right: 1px; }
#sidebar #sidebar-tablist ul li a.tab-cat { width: 49px; background: url(images/bg-li-tablist-cat.gif) top no-repeat; }
#sidebar #sidebar-tablist ul li a.tab-subcat { width: 26px; background: url(images/bg-li-tablist-subcat.gif) top no-repeat; }
#sidebar #sidebar-tablist ul li a.tab-provcat { width: 48px; background: url(images/bg-li-tablist-provcat.gif) top no-repeat; }
#sidebar #sidebar-tablist ul li a.tab-citycat { width: 30px; background: url(images/bg-li-tablist-citycat.gif) top no-repeat; margin: 0px; }
#sidebar #sidebar-tablist ul li a:hover { background-position: bottom; }

#content { float: right; width: 562px; border-left: 1px solid #f2f2f2; padding: 0px 0px 0px 9px; line-height: 16px; }
#content h3 { color: #000; font-size: 12px; display: block; border-bottom: 1px dotted #e5e5e5; padding-bottom: 4px; margin-bottom: 4px; }
#content h2 { border-bottom: 1px solid #efefef; padding: 4px 0px 3px 0px; margin-bottom: 20px; }
#content .listbox { height: 120px; background: url(images/bg-listbox.gif) no-repeat; padding: 0px 18px 0px 5px; margin-bottom: 18px; }
#content .listbox h3 a { color: #009ecc; text-decoration: none; }
#content .listbox h3 a:hover { color: #58c4e4; }
#content .listbox-left { float: left; width: 75px; padding-top: 24px; }
#content .listbox-center { float: left; width: 390px; padding: 20px 0px 0px 0px; }
#content .listbox-center p { font-size: 10px; color: #bfc0c0; }
#content .listbox-center p.bdown { padding-bottom: 3px; border-bottom: 1px dotted #e5e5e5; margin-bottom: 4px; }
#content .listbox-right { float: right; width: 59px; padding-top: 12px; }
#content .listbox-right .listbox-reply { text-align: center; margin-bottom: 15px; color: #a2a2a2; font-weight: bold; }
#content .listbox-right .listbox-reply-button { margin-bottom: 15px; }

#content .askbox { background: url(images/bg-askbox.gif) top no-repeat; padding: 0px 18px 0px 5px; }
#content .askbox h3 { font-size: 18px; padding-bottom: 8px; font-weight: normal; line-height: 22px; }
#content .askbox-left { float: left; width: 75px; padding-top: 24px; }
#content .askbox-right { float: left; width: 462px; padding: 20px 0px 0px 0px; }
#content .askbox-right p { font-size: 10px; color: #bfc0c0; }
#content .askbox-right p.bdown { padding-bottom: 3px; border-bottom: 1px dotted #e5e5e5; margin-bottom: 4px; }
#content .askbox-right p.textpad { font-size: 12px; color: #333; letter-spacing: 0px; padding-bottom: 5px; line-height: 17px; }
#content .askbox .askbar { height: 29px; background: url(images/bg-askbar.gif) top right no-repeat; }
#content .askbox .answerbar { height: 29px; background: url(images/bg-answerbar.gif) top no-repeat; margin-top: 14px; }
#content .askbox .answerbar .answerbar-left { float: left; width: 237px; height: 29px; }
#content .askbox .answerbar .answerbar-right { float: left; width: 125px; height: 22px; background: url(images/bg-askbar-point.gif) left no-repeat;
	font-size: 15px; font-weight: bold; padding: 7px 0px 0px 35px; color: #999; }
#content .askbox .answerbar-left ul { list-style: none; height: 29px; }
#content .askbox .answerbar-left ul li { float: left; }
#content .askbox .answerbar-left ul li a { display: block; overflow: hidden; text-indent: -30000px; }
#content .askbox .answerbar-left ul li a.btn-good { background: url(images/bg-btn-thumb-up.gif) no-repeat; height: 29px; width: 43px; }
#content .askbox .answerbar-left ul li a.btn-bad { background: url(images/bg-btn-thumb-down.gif) no-repeat; height: 29px; width: 40px; }
#content .askbox .answerbar-left ul li a.btn-report { background: url(images/bg-btn-report.gif) no-repeat; height: 29px; width: 145px; }
#content .askbox .answerbar-left ul li a:hover { background-position: bottom; }
#content .askbox .report-box { padding-left: 82px; }

#content .splitbox { padding-top: 15px; padding-left: 3px; }
#content .splitbox .mlist { padding-left: 15px; height: 38px; border-bottom: 1px dotted #e5e5e5; margin-bottom: 5px; }
#content .splitbox .mlist span { display: block; font-size: 10px; color: #bfc0c0; }
#content .splitbox .mlist a { text-decoration: underline; }
#content .splitbox img { border: 2px solid #ccc; float: left; margin-right: 10px; margin: 3px 10px 5px 0px; }
#content .splitbox-left { float: left; width: 260px; }
#content .splitbox-right { float: right; width: 260px; margin-right: 3px; }

#content .nav-right { text-align: right; padding: 5px 0px 0px 0px; height: 15px; margin-bottom: 20px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
#content .nav-right ul { list-style: none; }
#content .nav-right ul li { float: right; font-weight: bold; letter-spacing: 0.5px; text-transform: lowercase; color: #ccc; }
#content .nav-right ul li a { padding: 0px 9px 0px 18px; text-decoration: none; color: #9cbb30; }
#content .nav-right ul li a:hover { color: #000; text-decoration: underline; }

#content .content-nav { border-bottom: 1px dotted #e5e5e5; margin-bottom: 5px; padding-bottom: 2px; color: #999; text-transform: lowercase; }
#content .page-nav { height: 26px; background: url(images/bg-page-nav.gif) no-repeat; padding: 11px 0px 0px 30px; color: #2799b9; }
#content .page-nav a { text-decoration: underline; font-weight: bold; }

#footer { margin: auto; width: 746px; text-align: right; color: #198daf; line-height: 18px; padding: 0px 15px 0px 15px; }
#footer a { text-decoration: underline; }

.list-award-lv1 { background: url(images/award_star_silver_3.png) right no-repeat; width: 50px; padding-top: 20px; }
.list-award-lv2 { background: url(images/award_star_silver_2.png) right no-repeat; width: 50px; padding-top: 20px; }
.list-award-lv3 { background: url(images/award_star_silver_1.png) right no-repeat; width: 50px; padding-top: 20px; }
.list-award-lv4 { background: url(images/award_star_gold_3.png) right no-repeat; width: 50px; padding-top: 20px; }
.list-award-lv5 { background: url(images/award_star_gold_2.png) right no-repeat; width: 50px; padding-top: 20px; }
.list-award-lv6 { background: url(images/award_star_gold_1.png) right no-repeat; width: 50px; padding-top: 20px; }
.list-award-lv7 { background: url(images/ruby.png) right no-repeat; width: 50px; padding-top: 20px; }

p.sectitle { font-weight: bold; border-bottom: 1px dotted #e5e5e5; margin-bottom: 2px; }
.redtext, #content h3.redtext a { color: #CC0000; }
#content h3.blocktext a { color: #ccc; }
.textgreen { color: #009900; }
.textred { color: #FF0000; }
.textnormal { color: #333; }
.errtext { color: #FF0000; }
.redblock { display: block; background: #CC0000; padding: 10px; color: #fff; font-weight: bold; }
.clearall { clear: both; }
.textbox { line-height: 18px; }

.inbox { line-height: 18px; padding: 10px 15px 10px 30px; }
.inbox-list { line-height: 18px; padding: 10px; }
.inbox-list ul.li-list { list-style: none; }
.inbox-list ul.li-list li { border-bottom: 1px solid #efefef; margin-bottom: 20px; color: #ccc; }
.inbox-list ul.li-list li span { display: block; padding-bottom: 3px; }

.av_img { border: 4px solid #efefef; padding: 3px; }
.archivelist { padding: 20px; color: #ccc; font-size: 10px; }
.replylist { padding: 2px 20px 2px 20px; color: #ccc; font-size: 10px; }

.tooltip { width: 200px; color:#fff; font: bold 11px/1.3 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; letter-spacing: 0.5px; }
.tooltip span.top{ padding: 20px 8px 5px 8px; background: url(images/bg-tooltips.gif) top; }
.tooltip b.bottom{ padding: 4px 8px 8px 8px; color: #cbf0fb; background: url(images/bg-tooltips.gif) bottom; 
	border-top: 1px dotted #2cbbe4; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }

.reply-bar { color: #ccc; display: block; padding: 4px 0px 4px 0px; }

.ratingblock { display: block; border-bottom: 1px solid #999; padding-bottom: 8px; margin-bottom: 8px; }
.loading { height: 13px; background: url(images/working.gif) no-repeat left; }
.loading-nav { height: 48px; font-size: 10px; color: #ccc; background: url(images/bg-loading-nav.gif) no-repeat left; }
.loading-nav-in { height: 48px; background: url(images/working.gif) no-repeat left; margin-left: 25px; }
	
.unit-rating { list-style: none; margin: 0px; padding: 0px; height: 13px; position: relative; background: url(images/starrating.gif) top left repeat-x; }
.unit-rating li{ text-indent: -90000px; padding: 0px; margin: 0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a { outline: none; display:block; width:13px; height: 13px; text-decoration: none; text-indent: -9000px; z-index: 20; 
	position: absolute; padding: 0px; }
.unit-rating li a:hover{ background: url(images/starrating.gif) left center; z-index: 2; left: 0px; }

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:13px;}
.unit-rating a.r2-unit{left:13px;}
.unit-rating a.r2-unit:hover{width: 26px;}
.unit-rating a.r3-unit{left: 26px;}
.unit-rating a.r3-unit:hover{width: 39px;}
.unit-rating a.r4-unit{left: 39px;}	
.unit-rating a.r4-unit:hover{width: 52px;}
.unit-rating a.r5-unit{left: 52px;}
.unit-rating a.r5-unit:hover{width: 65px;}
.unit-rating a.r6-unit{left: 65px;}
.unit-rating a.r6-unit:hover{width: 78px;}
.unit-rating a.r7-unit{left: 78px;}
.unit-rating a.r7-unit:hover{width: 91px;}
.unit-rating a.r8-unit{left: 91px;}
.unit-rating a.r8-unit:hover{width: 104px;}
.unit-rating a.r9-unit{left: 104px;}
.unit-rating a.r9-unit:hover{width: 117px;}
.unit-rating a.r10-unit{left: 117px;}
.unit-rating a.r10-unit:hover{width: 130px;}

.unit-rating li.current-rating {
	background: url(images/starrating.gif) left bottom;
	position: absolute;
	height: 13px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted { color: #999; }
.thanks { color: #999; }
.static { color: #5D3126; }	

div#qTip { padding: 6px; border: 2px solid #efefef; display: none; 
	background-color: #009ecc; color: #fff; font: bold 9px Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: left; position: absolute; 
	z-index: 1500; -moz-opacity: .98; opacity: .98; filter: alpha(opacity=98); min-width:120px; letter-spacing: 0.5px; }