Nice-looking TABLE statement

*{
Scrollbar-face-color: # E6F2FD;
Scrollbar-highlight-color: # ffffff;
Scrollbar-shadow-color: # D6E4EF;
Scrollbar-3dlight-color: # F1F9FF;
Scrollbar-arrow-color: #006699;
Scrollbar-track-color: # F1F9FF;
Scrollbar-darkshadow-color: # F1F9FF;
}
Body {
Margin: 0px;
Color: #666;
Background-color: # FFF;
Font-family: Verdana, Geneva, sans-serif;
Font-size: 12px;
}
Form, ul, li {
Margin: 0px;
List-style-type: none;
Padding: 0px;
}
Table {empty-cells: show; border-collapse: collapse ;}
A {
Color: # 005eac;
Text-decoration: none;
}
A: visited, a: active {color: # 005eac ;}
A: hover {color: # ff5500 ;}
Img {border: 0px; vertical-align: middle ;}

H1 {font-size: 14px ;}
. W250 {width: 250px ;}
. W380 {width: pixel PX ;}
. Wh380 {width: pixel PX; height: 50px ;}
. Submit {
Background: url(button_submit.gif) repeat-x # e3f1fa;
Border: 1px solid # aed0ea;
Padding: 0px 10px;
Height: 24px;
Line-height: 24px;
Color: #3d80b3;
Cursor: pointer;
}
. Input {
Padding: 0px 3px;
Border: 1px solid # d1d1d1;
Background: url(input_bg.jpg) repeat-x;
Height: 18px;
Line-height: 18px;
Font-size: 12px;
Color: #999;
}
. Textarea {
Padding: 3px;
Border: 1px solid # d1d1d1;
Background: url(input_bg.jpg) repeat-x;
Font-size: 12px;
Color: #999;
}
. Focus {
Border: 1px solid # FC0! Important;
Background: url(focus_bg.jpg) repeat-x! Important;
Color: # 00F! Important;
}
. Select {
Padding: 1px;
Border: 1px solid # CDCDCD;
Background: # FDFEEF;
}
. Keyword {
Border: 1px solid # CDCDCD;
Background: # FDFEEF;
Height: 20px;
Line-height: 20px;
Overflow: hidden;
}
. Login_input {
Padding: 2px 2px 2px 5px;
Color: #999;
Font-size: 12px;
Width: 150px;
Height: 1.5em;
Line-height: 1.5em;
Border: 1px solid # d1d1d1;
Background: url(input_bg.jpg) repeat-x;
}
# Login_body {
Position: absolute;
Margin-top:-140px;
Width: 727px;
Height: 230px;
Margin-left:-350px;
Top: 50%;
Left: 50%;
}
# Login_div {
Background: url(login_bg.jpg );
Width: 727px;
Height: 200px;
}
. Login_btn {
Width: 82px;
Height: 81px;
Margin: 25px 0 0 20px;
_ Margin-left: 0px;
}
# Login_form_div {
Margin-left: 400px;
Line-height: 26px;
Padding-top: 30px;
}
# Login_form_div table {
Padding: 20px;
Font-size: 14px;
Line-height: 26px;
}
. Tipbox {
Font-size: 12px;
Color: # F00;
Line-height: 26px;
}

. Left {float: left ;}
. Right {float: right ;}
. Clear {clear: both ;}
. SpClear {clear: both; height: 10px ;}
. Mouse {cursor: pointer ;}
# Login_footer {text-align: center; color: #999999 ;}
 
/* Top menu */
# Tabs {
Float: right;
Margin-bottom: 2px;
Font-family: "";
Font-size: 14px;
Width: auto;
Line-height: normal;
}
# Tabs ul {
Margin: 0;
Padding: 26px 10px 0 0px! Important;
* Padding: 27px 10px 0 0px! Important;
Padding: 27px 10px 0 0px;
List-style: none;
}
# Tabs ul li {
Display: inline;
Margin: 0;
Padding: 0;
}
# Tabs ul li {
Float: left;
Margin: 0;
Padding: 0 0 0 4px;
Background: url ("tabsleft.gif") no-repeat left top;
Text-decoration: none;
}
# Tabs ul li a span {
Float: left;
Display: block;
Color: #039;
Background: url ("tabsright.gif") no-repeat right top;
Padding: 6px 8px 6px 6px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
# Tabs ul li a span {float: none ;}
/* End IE5-Mac hack */
# Tabs ul li a: hover {background-position: 0%-42px ;}
# Tabs ul li a: hover span {
Color: #5A6AB1;
Background-position: 100%-42px;
Color: # F5F5F5;
}
# Tabs. hover {
Background: url ("tabsleft.gif") no-repeat;
Background-position: 0%-42px;
}
# Tabs. hover a span {
Background: url ("tabsright.gif") no-repeat;
Background-position: 100%-42px;
Color: # F5F5F5;
}

/* Left navigation menu */
. Left_menu {text-align: left; font-family: "";}
. Left_menu ul {margin-top: 10px; padding-left: 10px ;}
. Left_menu ul li {padding-left: 15px; background: url(left_menu_bg.gif) no-repeat ;}
. Left_menu ul li a {padding-left: 10px; line-height: 25px; background: url(ico_01.gif) 0px center no-repeat ;}
/* Current location */
. Navigation {
Padding: 6px 10px 6px 5px;
Color: # 2f7family;
Border: 1px solid # E4E1FF;
Background: url(nav_bg.gif) repeat-x;
}
. Navigation B {
Padding-left: 25px;
Font-weight: normal;
Background: url(home.gif) 5px center no-repeat # F8F7FF;
}
. Navigation. add {
Float: right;
Padding-left: 15px;
Background: url(add.gif) no-repeat 0 0;
}
. Navigation. back {
Float: right;
Padding-left: 15px;
Background: url(back.gif) no-repeat 0 0;
}
. Warning {
Padding: 8px 10px 8px 30px;
Border: 1px solid # FAF4B8;
Color: # C52716;
Background: url(warning.gif) 8px center no-repeat # FEFDE9;
}
. Correct {
Padding: 8px 10px 8px 30px;
Border: 1px solid # CCF9C1;
Color: #090;
Background: url(correct.gif) 8px center no-repeat # F1FEF2;
}
. Disable {
Padding: 8px 10px 8px 30px;
Border: 1px solid # F9F2B7;
Color: # F00;
Background: url(disable.gif) 8px center no-repeat # FDF8E8;
}
. Btn_bg {
Padding: 1px 8px;
Color: #000;
Border: 1px solid # 70b1cf;
Background: url(btn_bg.gif) repeat-x;
}
. Btn_all {
Padding: 1px 8px;
Color: #000;
Border: 1px solid # 70b1cf;
Background: url(btn_bg.gif) repeat-x;
Cursor: pointer;
}
. Msgtable {
Border: 1px solid # EDECFF;
}
. Msgtable th {
Padding: 0.5em;
Font-weight: 700;
/* Border: 1px solid # EDECFF ;*/
}
. Msgtable td {
Padding: 0.4em;
Border-bottom: 1px solid # F3F3F3;
}
. Msgtable th {
/* Background: # F8F7FF ;*/
Background: url(table_th_bg.gif) repeat-x bottom;
}
. Tr_bg {background: # F9F9F9 ;}
. Tr_hover_col {background: # EAEAEA ;}
. Navtable {padding: 0.6em; border: 1px solid # EDECFF ;}
. Navtable td {width: 80px ;}
. Title5
{
Background: url ("titlebg2.gif ");
Width: 80px;
Cursor: hand;
Line-height: 120%;
Padding-top: 2px;
Text-align: center;
Height: 20px;
}
. Title6
{
Font-weight: normal;
Background: url ("titlebg1.gif ");
Width: 80px;
Cursor: hand;
Color: # ffffff;
Padding-top: 2px;
Text-align: center;
Height: 20px;
}
/* Text style */
# HintMsg {
Width: 271px;
Position: absolute;
Display: none;
}
# HintMsg. HintTop {
Height: 9px;
Background: url(hintbg1.gif) no-repeat;
Overflow: hidden;
}
# HintMsg. HintInfo {
Padding: 0 5px;
Border-left: 1px solid #000;
Border-right: 1px solid #000;
Background: # FFFFE1;
Line-height: 1.5em;
}
# HintMsg. HintInfo B {
Display: block;
Margin-bottom: 6px;
Padding-left: 15px;
Background: url(hint.gif) left center no-repeat;
Height: 13px;
Line-height: 16px;
}
# HintMsg. HintInfo B span {
Display: block;
Float: right;
Text-indent:-9999px;
Background: url(close.gif) no-repeat;
Width: 12px;
Height: 12px;
Cursor: pointer;
}
# HintMsg. HintFooter {
Height: 22px;
Background: url(hintbg2.gif) no-repeat;
}
/* Set the prompt style */

. Icon-01 {
Margin: 0;
Padding: 10px 0 0 80px;
Color: # 4D4D4D;
Font-family: "";
Line-height: 1.8em;
Min-height: 60px;
Background: url(icon-01.gif) no-repeat 10px 10px;
}
. Icon-02 {
Margin: 0;
Padding: 10px 0 0 80px;
Color: # 4D4D4D;
Font-family: "";
Line-height: 1.8em;
Min-height: 60px;
Background: url(icon-02.gif) no-repeat 10px 10px;
}
. Icon-03 {
Margin: 0;
Padding: 10px 0 0 80px;
Color: # 4D4D4D;
Font-family: "";
Line-height: 1.8em;
Min-height: 60px;
Background: url(icon-03.gif) no-repeat 10px 10px;
}
. Icon-01 B {
Display: block;
Color: #090;
Font-size: 14px;
Line-height: 2.0em;
}
. Icon-02 B {
Display: block;
Color: # F00;
Font-size: 14px;
Line-height: 2.0em;
}
. Icon-03 B {
Display: block;
Color: # FC0;
Font-size: 14px;
Line-height: 2.0em;
}

/* Center page display */
. Pcent {
Top: 35%;
Right: 35%;
Position: absolute;
Display: none;
}

/* Verify the form style */
Span. error {
Margin-left: 5px;
Padding-left: 25px;
Color: # F00;
Background: url(error.gif) left center no-repeat;
}
Span. success {
Margin-left: 5px;
Padding-left: 25px;
Color: #999;
Background: url(success.gif) left center no-repeat;
}
/* Other styles */
. Hide {display: none ;}
. Up-01,. up-02 {
Display: block;
Float: right;
Padding-left: 20px;
Cursor: pointer;
Line-height: 17px;
}
. Up-01 {
Background: url(top_ico1.gif) no-repeat 0 center;
}
. Up-02 {
Background: url(top_ico2.gif) no-repeat 0 center;
}
/* Large image preview prompt */
# Imgtip {
Position: absolute;
Border: 1px solid # ccc;
Background: # fff;
Padding: 2px;
Display: none;
}
. Comment {
Color: # 06F;
Line-height: 1.0em;
}
/* Display style of the product list */
. Pro_img_list {margin: 0; padding: 0; min-width: 800px; position: relative ;}
. Pro_img_list ul {margin: 0 0 0-20px ;}
. Pro_img_list ul li {float: left; margin: 0 0 10px 20px; padding: 5px 10px; width: 120px; height: 168px; border: 1px solid # bce5f8; background: url(pro_bg.gif) repeat-x; overflow: hidden ;}
. Pro_img_list ul li. nTitle {padding-bottom: 5px; line-height: 20px; height: 20px; color: # 005eac ;}
. Pro_img_list ul li. nImg img {width: 120px; height: 120px ;}
. Pro_img_list ul li. nBtm {padding-top: 5px; height: 16px ;}
. Pro_img_list ul li. nBtm img {vertical-align: middle ;}
/* File container style */
A. files {margin: 0 auto; float: left; width: 64px; height: 18px; overflow: hidden; display: block; border: 1px solid # 70b1cf; background: url(upfilebg.gif) left top no-repeat; text-decoration: none ;}
/* Set file to transparent and overwrite the entire trigger surface */
A. files input {margin-left:-240px; font-size: 20px; cursor: pointer; filter: alpha (opacity = 0); opacity: 0 ;}
/* Unclick the dotted box */
A. files, a. files input {outline: none;/* ff */hide-focus: expression (this. hideFocus = true);/* ie */}
. Uploading {float: left; background: url(loading.gif) no-repeat left center; padding-left: 18px; display: none; line-height: 20px; height: 20px ;}