p, img, form, body   { margin: 0; padding: 0 }
.fl             { float: left; }
.fr             { float: right; }
.tl             { text-align: left; }
.tr             { text-align: right; }
.tc             { text-align: center; }
.cb             { clear: both; }
.cl             { clear: left; }
.b              { border: 1px solid #999; }
.di             { display: inline; }
.mb             { margin-bottom: 5px }
.mb5            { margin-bottom: 5px }

hr              { height: 0px; border-width: 1px 0 0 0; border-style: solid; border-color: #999; margin: 2px; background-color: #999}

h1              { line-height: 1.4em; margin: 0 0 0.2em 0}
h2              { color: #333; line-height: 1.4em; margin: 0 0 0.2em 0; font-size: 1.4em; }
h3              { color: #E52D2D; font-weight: bold; font-size: 1.6em; line-height: 1.2em; margin: 0 0 0.2em 0; }

a               { color: #333; text-decoration: underline; }
a:hover         { color: #537259; text-decoration: none; }




.hi             { color: #467C50; }

.important, a.important        { color: #E52D2D; font-weight: bold}
a.important:hover  { color: #E52D2D }




/* ---------- html ---------- */
body            { background-image: url(../img/html_bg.gif); background-repeat: no-repeat; background-color: #fff; color: #999; font-size: 80%; font-family: Verdana, Tahoma, sans-serif; min-width: 760px; line-height: 1.2em; }
#entrybody      { background-image: url(../img/sajhdfhadfgkajhd.gif);; }

#left           { width: 170px; float: left; overflow: hidden}
#logo img       { border: 0; padding: 0 0 0 10px; }
#login          { background-color: #F1EC9C; border-width: 1px; border-style: solid; border-color:  black; margin: 0 0 10px 11px; }
#loginhead      { line-height: 18px; margin: 5px 0 0 -11px; background-image: url(../img/html_activate.gif); background-repeat: no-repeat;  }
#logincont      { color: #000; padding: 5px; }
#login a        { font-weight: bold; color: #000 }
#login  a:hover { font-weight: bold; color: #000 }

#mainwrap       { float: left; left: 170px; right: 0px; position: absolute}
#main           { margin: 5px 10px 0 10px; }

#cred           { position: absolute; top: 0; right: 0; text-align: right; width: 400px; height: 30px; line-height: 25px; background-image: url(../img/html_credits.gif); background-repeat: no-repeat; background-position: top right; }
#credin         { padding: 1px 5px 0 0; color: #333; }

#banner         { width: 468px; height: 60px; margin-left: auto; margin-right: auto; float: right; border: 1px solid #999 }
#banner img     { border: 0}

#menu           { margin: 0 0 10px 0px; width:170px;}
ul              { margin: 0; padding: 0; list-style-type: none; }
li              { font-weight: bold; color: #333; line-height: 1.4em; min-height: 1px; border-bottom: 2px solid #fff; margin-left:11px;width:153px;}
li.top          { background-image: url(../img/html_li_top.gif); background-repeat: no-repeat; font-weight: bold; color: #fff; line-height: 19px; margin: 0 0 0 0px; width:170px;}
li.sel a        { background-color:#E7F3E9; color: #537259; background-image: url(../img/html_li_sel.gif); background-repeat: no-repeat;  }
li.sel a:hover  { background-color:#E7F3E9; color: #537259; }
li a            { display: block; width: 100%; color: #333; background-color: #DBE5DD; font-weight: normal; text-decoration: none; padding-left: 5px; }
li a:hover      { display: block; width: 100%; color: #333; background-color: #DBE5DD; font-weight: normal; text-decoration: none; background-image: url(../img/html_li_sel.gif); background-repeat: no-repeat; }

/* ---------- html ---------- */

#topline        { border-width: 0 0 1px 0; border-style: solid; border-color: #999; background-color: #cbcbcb; color: #666; line-height: 1.6em; padding-left: 5px; }

#paymarg        { margin: 45px 0 0 0; background-color: #EDF2EE; }
#paymarg .mrg5  { padding: 5px }
.payment        { background-color: #D4E0D6; color: #333; padding: 10px; font-size: 1.4em; line-height: 1.8em; }
.payment p      { text-align: center; margin-top: 20px; }
.payment img    { margin-top: -44px; }
.keyword        { background-color: #00490E; color: #fff; font-weight: bold; padding: 0.2em; }

#nav            { line-height: 1.4em; margin-bottom: 10px; }
#arrows         { float: right }


#recents          { width: 806px; float: left; padding-bottom: 10px }

.recent_head   { padding: 2px 0 0 5px; height: 20px; font-size: 12px; font-weight: bold; background-image:url('../img/recent_head.gif'); background-repeat: repeat-x; color: #1B3428}
.recent_cont   { padding: 5px; }

.recent_item      { width: 170px;  float: left; }
.recent_item_cont { margin: 0 5px 5px 0; height: 90px; border-width: 1px solid black; background: #fc0 }
 

.recent_m_wrap        { width: 406px;float: left; padding-bottom: 5px }
.recent_p_wrap        { width: 400px;float: left; }

.recent_m, .recent_p     { border: 1px solid #555A56; background-color: #D3DFD5;}

.recent_m              { margin: 0 10px 5px 0; }
.recent_p              { padding: 0 0 5px 0; }


.footer          { color: #000; font-size: 10px; line-height: 1.2em; background-color: #D3DFD5; border-bottom: 1px solid #598962; }



.sample         { float: left; border: 1px solid #999; background-color: #ccc; margin: 0 5px 5px 0 }

.list           { float: left; margin: 0 10px 10px 0; text-align: center; border-bottom: 1px solid #C9D8CC; }
.listimg        { border: 5px solid #C9D8CC; background-color: #D4E0D6; }


.chat           { width: 340px; float: left; margin: 0 10px 10px 0; }
.chathead       { background-color: #600; color: #fff; font-weight: bold; padding: 0.2em 0.4em }
.chatfoot       { background-color: #000; color: #fff; padding: 0.2em 0.4em }
.chatcont       { border: 1px solid #999; background-color: #efefef; color: #000; padding-right: 0.2em }
.chatcont img   { float: left; margin: 0 0.2em 0 0;  border-width: 0 1px 0 0; border-style: solid; border-color: #999 }


.video_dnl      { width: 162px; float: left; margin: 0 10px 10px 0; text-align: center; }


.banner_text     { width: 265px; height: 70px; overflow: hidden; float: left; font-size: 11px;  }
.banner_text p   { padding: 0 5px 5px 0 }
.banner_text img { border: 1px solid #C9D8CC; background-color: #D4E0D6;  float: left; margin: 0 5px 0 0 }
.banner_text a   { font-size: 12px; font-weight: bold }

#photo          { text-align: center;  }
#photo img      { border-width: 1px solid #999; background-color: #ccc; }




.seekbar        { height: 20px; background-image:url('../img/html_seek.gif'); background-repeat: repeat-x; text-align: center; line-height: 20px; color: #fff; margin-bottom: 10px; font-size: 13px; overflow: hidden; }
.seekright      { width: 60px; height: 20px; float: right; background-image:url('../img/html_seek_right.gif'); background-repeat: no-repeat; }
.seekleft       { width: 60px; height: 20px; float: left; background-image:url('../img/html_seek_left.gif'); background-repeat: no-repeat; }
.seekbar img    { border: 0px; }
.seekright a, .seekleft a   { font-weight: bold; text-decoration: none; color: #fff; }
.seekright a:hover, .seekleft a:hover { font-weight: bold; text-decoration: none; color: #fcc; }

.seekright .dis, .seekleft .dis   { color: #000; font-weight: bold; text-decoration: none; }


.forum       { border-style: dashed; border-color: #999; border-width: 1px 0; margin-bottom: 10px; padding: 5px 0; }

table        { border-collapse: collapse; }
td           { border: 1px solid #999; padding: 2px 5px; }
tr           { color: #333; }
tr.head      { background-color: #eaeaea; color: #333; }

#restab table       { width: 500px; }
#restab td          { width: 150px; border: 1px solid #fff; }
#restab span        { width: 70px }
.bg1         { background-color: #D4E0D6; color: #333; }
.bg2         { background-color: #E7F3E9; color: #333; }
.bg1 h2, .bg2 h2    { margin: 0; padding: 0; }
.bg1 p, .bg2 p    { margin: 0; padding: 0; width: 70px; }
.bg1 img, .bg2 img    { border: 0; }
.p5          { padding: 5px; }
.p10         { padding: 10px; }
.ml          { margin-left: 190px; }
.w150        { width: 160px; }
.sf          { font-size: 10px; }

.video_wrap      { width: 180px; float: left; margin: 0 10px 10px 0; }
.video_bg        { width: 180px; height: 170px; background-image:url('../img/video_bg.gif'); }
.video_bg2       { width: 180px; height: 170px; background-image:url('../img/video_bg2.gif'); }
.video_cnt       { width: 160px; height: 120px; margin-top: 14px; margin-left: 10px; border:0px; background-color: #E7F3E9; }

.video_thumb_wrap { width: 82px; float: left; margin: 5px; padding: 5px 10px 5px 10px; background-color: #E7F3E9; border-bottom: 1px solid #C9D8CC; font-size: 10px; }
.video_thumb_wrap a, a:hover { text-decoration: none; }
.video_thumb      { background-color: #ccc; border: 1px solid #999}


input.code       { border: 1px solid #999; width: 100px; margin-right: 5px }
input.date       { border: 1px solid #999; color: #333; width: 60px; }
input.price      { border: 1px solid #999; color: #333; width: 30px; }
input.url        { border: 1px solid #999; color: #333; width: 260px; }
input.button     { font-size: 12px; height: 20px; }



/*----------------- entry ---------------------*/
#entrypage        { margin: 0 auto; width: 710px; height: 445px; }
#entrytop         { width: 710px; height: 38px; background-image: url(../img/bgtop.jpg); }
#entrydiscl       { width: 710px; height: 68px; background-image: url(../img/bgdiscl.jpg); }
#entrycent        { width: 710px; height: 281px; background-image: url(../img/bgcent.jpg); }
#entrylogo        { float: left; margin: 14px 0 0 49px; width: 215px; height: 17px; }
#disclaimer       { padding: 0px; width: 410px; height: 60px; color: #000000; margin: 5px 0 0 4px; float: left; text-align: left; overflow: hidden; }
#entrytext        { width: 420px; color: #000000; margin: 188px 0 0 4px; float: left; text-align: left; height: 70px; overflow: auto; border: 1px solid #999; padding: 2px;}
#entrycheck       { color: #900; font-size: 12px; margin-top: 3px; }
#entry img        { border: 0; }
#entry input      { margin: 0; padding: 0; }
#entry table      { margin: 0; padding: 0; }