body
{ background: #DDDDDD; margin: 0; color: black }

td, li, ol
{ font: 10pt Arial, Helvetica; color: black }

input, select, textarea
{ font-family: Times, Arial,Helvetica; font-size:9pt; border: solid 1px black; background-color: #F6F6F6 }

.logo
{ font-size: 18pt; font-weight: bolder; color: white }

.footer
{ font-size:8pt; color: white; }

#menu_left
{ font-size: 9pt; color: white; height: 26px; border-bottom: solid 1px #E9E9E9; }

#menu_left2
{ font-size: 9pt; color: white; height: 26px; }

.link_left
{ text-decoration: none; color: white }

.link_left:hover
{ color: black; }

.bg2
{ background: url('images/bg_2.gif'); height: 22px; color: black; text-align: center; font-weight: bold }

.head_left
{ font-size: 11pt; color: #FF7BCC; height: 33px; background: url('images/bg.gif'); text-align: center; font-weight: bold; }

h1
{ font-family: Georgia, Times; font-size: 18pt; font-weight: bold; color: darkblue }

a
{ color: black; text-decoration:underline }

a:hover
{ text-decoration:none }

.go
{ font: 11pt Georgia, Times; color: darkblue; font-weight: bold; text-decoration: none }

.go:hover
{ text-decoration: underline }

.go_small
{ text-decoration:none; font-size: 8pt; color: darkgreen }

textarea
{ font: 9pt Courier New, Courier }

#category_list
{ text-decoration: none; color: white; font-weight: bold }

#category_list:hover
{ text-decoration: underline }

#category_num
{ font-size:7pt; color: #000000; font-style: italic; }

.subcategory_list
{ font-size:9pt; text-decoration: none; color: white }

.subcategory_list:hover
{ font-size:9pt; text-decoration: underline}

.sitename
{ font: 14pt Arial Black, Helvetica; color: white; font-style: italic; text-decoration: none }

.small
{ font-size:8pt }

.admin_head
{ background-color:#336699; color: #FFFFFF; font-weight: bold; text-align: center }

.box_head
{ font: 12pt Arial, Helvetica; font-weight: bold; color: white }

.box2_head
{ font-size:8pt; font-family: Verdana, Arial; font-weight: bold; background-image: url('images/box-1.gif'); background-repeat: no-repeat; text-indent:30px; width: 150px; height: 25px; }

.box_bg
{ background-image: url('images/circle.gif'); background-repeat: no-repeat; background-position: right bottom }

.box2_bg
{ background-image: url('images/tool.gif'); background-repeat: no-repeat; background-position: right bottom }

.box3_bg, .box3_bg a
{ font-size:8pt; font-family: Verdana, Arial; text-indent:10px; background-image: url('images/box-2.gif'); background-repeat: repeat-y; width: 150px; height: 15px;
  text-decoration: none }

.box3_bg a:hover
{ text-decoration: underline }

.common_head
{ font: 10pt Arial, Helvetica; font-weight: bold; color: black; background-color: lightblue }

.sponsor_head
{ font: 10pt Arial, Helvetica; font-weight: bold; color: white; background-color: #0066CC }

.sponsor_bg
{ font: 10pt Arial, Helvetica; color: black; background-image: url('images/bg_sp.gif');
  background-repeat: repeat-x; background-position: bottom }

.review_bg
{ background-image: url('images/review.gif'); background-repeat: no-repeat; background-position: left top }

.detail_bg
{ background-image: url('images/cat-4.gif'); }

.toolbox a, .toolbox input
{ width: 100%; height: 25px; float: left; text-align: center; text-decoration: none; color: black;
  font: 7pt Verdana; border-top: solid 5px #C1E0F; letter-spacing: 1px; }

.toolbox a:hover, .toolbox input:hover
{ background-color: white; border-top: solid 5px white }

.smallbox
{ height: 15px; width: 90%; float: left; text-align: center; text-decoration: none; color: black; margin: 2px;
  font: 7pt Arial, Helvetica; border: solid 1px silver; letter-spacing: 1px;
  background-color: white }

.smallbox:hover
{ background-color: lightgrey; }

.detail_title
{ font: 12pt Arial, Helvetica; font-weight: bold; color: white; background-color: #0066CC; background-image: url('images/cat-6.gif');
  text-align: center; height: 29px }

.detail_head
{ text-align: right; font-weight: bold; }

.left_head
{ text-align: right; font-weight: bold; background-color: darkgray; }

.input150
{ height: 20px; width: 150px; border: solid 1px black; font: 12px Times, Arial, Helvetica; background-color: white }

.input250
{ height: 20px; width: 250px; border: solid 1px black; font: 12px Times, Arial, Helvetica; background-color: white }

.area400
{ height: 100px; width: 350px; border: solid 1px black; font: 12px Times, Arial, Helvetica; background-color: white }

.splash
{ background-image: url('images/splash.gif'); background-repeat: no-repeat; background-position: right top }

.help
{ font-size:7pt; font-style: italic; font-weight:normal; }

.highlight_search
{ color: black; background-color: yellow; font-weight: bold }

.foot
{ font-size: 8pt; text-align: center}

.db_big
{ color: #FF99CC; font: 12pt Arial, Helvetica; font-weight: bold; text-decoration: none }

.db_big:hover
{ text-decoration: underline }

.db_url
{ color: #B1C0C0 }

.best a
{ text-decoration: none; border: solid 1px #666; width: 100%; float: left; position: relative; color: white }

.best a:hover
{ border: dotted 1px black; background: lightgrey; color: black }

.list_more
{ font-size:8pt;color:white; cursor:pointer;cursor:hand }

@media screen
{ blink { behavior:url('blink.htc');} }


#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
font: 8pt Arial, Helvetica;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.dablek {
 width:33%;
}

.dablek a {
 width:100%;
 padding: 10px 0 10px 0;
 float: left;
 font-weight: bold;
 color: white;
 border: solid 1px #969696;
 text-align: center;
 text-decoration: none;
}

.dablek a:hover {
 color: black;
 background: #000;
 border: solid 1px black;
}

.dablek_banget {
 width:70%;
}

.dablek_banget a {
 width:100%;
 padding: 10px 0 10px 0;
 margin: 1px;
 float: left;
 font-weight: bold;
 color: white;
 border: solid 1px white;
 text-align: center;
 text-decoration: none;
}

.dablek_banget a:hover {
 color: black;
 background: white;
 border: solid 1px black;
}