/**BODY { behavior:url("js/csshover.htc");}*/
/*@import url("clear.css");*/
/* includes */
HTML,BODY{height:100%; margin:0px; padding:0px;}
BODY { font-size:14px; font-family: Arial, sans-serif; background-image:url(../img/design/bg_head1.gif); background-position:top; background-repeat:repeat-x;}
FORM { padding:0px; margin:0px;}
IMG { border:none;}
.boby100 { min-height:100%; border2:1px solid #F00; font-size:14px;}
*html .boby100 { height:100%;}

/* head */
.h_users { padding-left:110px; background-image:url(../img/design/h_users.gif); background-position:left bottom; background-repeat:no-repeat;}
.h_users .h_lnk { display:block; position:absolute; margin:37px 0px 0px -110px;}

/*.h_username { font-size:12px; color:#E00000; width:30px; height:26px; display:table; border:1px solid #F00; background:url(../img/design/btnr.gif) right top no-repeat; }
*html .h_username {display:block;}
.h_username DIV { padding:5px 10px 0px 10px; display:block; margin-left:-1px; position2:relative; height:22px; white-space:nowrap; background:url(../img/design/btnl.gif) left top no-repeat; }
*/
.h_username { font-size:12px; color:#E00000; padding:0px 0px 0px 10px; display:inline; background:url(../img/design/btnl.gif) left top no-repeat; }
.h_username SPAN { padding:5px 10px 6px 0px; display:inline; margin-left:-1px; white-space:nowrap; background:url(../img/design/btnr.gif) right top no-repeat; }
html>/**/body .h_username { padding:5px 0px 6px 10px;}

.h_logout IMG { position:relative; z-index2:2; margin:50px 0px -10px 0px; cursor:pointer;}
*html .h_logout IMG {margin-top:53px;}
*+html .h_logout IMG {margin-top:54px;}
A.btn2 { text-decoration:none;}

/* menu */
.h_menu { height:30px; background:url(../img/design/bg_head2.gif) left top repeat-x;}
.h_menu .h_crop { margin-left:5px; overflow:hidden;}
*html .h_menu .h_crop { width:100px; overflow:visible;}
.h_menu TABLE { margin:3px -1px 10px -1px; height:22px; border-collapse:collapse;}
*html .h_menu TABLE { margin-bottom:0px;}
.h_menu TD { vertical-align:top; color:#FFFFFF; font-size:13px; padding:3px 10px 0px 10px; text-align:center; white-space:nowrap; border-left:1px solid #BBD4FA;}
.h_menu TD.act { font-weight:bold; }
.h_menu TD.act DIV { height:30px; position:relative; margin-bottom:-10px; background:url(../img/design/h_arrow1.gif) center bottom no-repeat;}
.b_menu { margin:0px 0px 5px 0px;}
.b_menu .h_menu { height:40px; background-position:left 8px;}
.b_menu .h_crop { padding-top:12px;}
.b_menu .h_crop TABLE { margin:0px 0px 5px -1px; border2:1px solid #F00;}
.b_menu TD.act DIV { margin:-14px 0px -14px 0px; padding:14px 0px 0px 0px; background:url(../img/design/bmenu_arrow1.gif) center top no-repeat;}

.h_menu TD.h_end { width:100%; padding:0px; border:none;}
.h_menu A {color:#FFFFFF;}
.h_menu A:Hover {color:#FFFFFF;}
.h_menu TD.act A { font-weight:bold; text-decoration:none;}
.h_menu TD.act A:Hover { text-decoration:none;}

.h_submenu { height:30px; background-color:#E1ECFD; margin-bottom:10px;}
.h_submenu .h_crop { margin-left:5px; overflow:hidden;}
*html .h_submenu .h_crop { width:100px; overflow:visible;}
.h_submenu TABLE { margin:3px -1px 10px -1px; height:22px; border-collapse:collapse;}
*html .h_submenu TABLE { margin-bottom:0px;}
.h_submenu TD {  vertical-align:top; color:#777777; font-size:13px; padding:3px 10px 0px 10px; text-align:center; white-space:nowrap; border-left:1px solid #BBD4FA;}
.h_submenu TD.act { font-weight:bold;}
.h_submenu TD.act DIV { height:30px; position:relative; margin-bottom:-10px; border2:1px solid #F00; background:url(../img/design/h_arrow2.gif) center bottom no-repeat;}
.h_submenu TD.h_end { width:100%; padding:0px; border:none;}
.h_submenu A {color:#4570B2;}
.h_submenu A:Hover {color:#4570B2;}
.h_submenu TD.act A {color:#777777; font-weight:bold; text-decoration:none;}
.h_submenu TD.act A:Hover {color:#777777; text-decoration:none;}

.b_menu .h_submenu { margin:0px 0px -14px 0px;}
.b_menu .h_submenu .h_crop { margin:-8px 0px 0px 0px;}
.b_menu .h_submenu TD.act DIV  { margin:-14px 0px -14px 0px; padding:14px 0px 0px 0px; background:url(../img/design/bmenu_arrow2.gif) center top no-repeat;}



/* content */

A {color:#4570B2;}
A:Hover {color:#4570B2;}

.c_lang { height2:30px; margin-bottom2:10px;}
.c_lang .c_crop { overflow:hidden;}
*html .c_lang .c_crop { width:100px; overflow:visible;}
.c_lang TABLE { margin:3px -1px 10px -1px; height:22px; border-collapse:collapse;}
*html .c_lang TABLE { margin-bottom:0px;}
.c_lang TD { vertical-align:top; color:#777777; font-size:13px; padding:3px 15px 3px 15px; text-align:center; white-space:nowrap; border-left2:1px solid #BBD4FA;}
.c_lang TD.act { font-weight:bold; background-color:#E1ECFD;}
.c_lang TD.act DIV { height:26px; position:relative; margin-bottom:-10px; border2:1px solid #F00; background:url(../img/design/h_arrow2.gif) center bottom no-repeat;}
.c_lang TD.h_end { width:100%; padding:0px; border:none;}
.c_lang A {color:#4570B2;}
.c_lang A:Hover {color:#4570B2;}
.c_lang TD.act A {color:#777777; font-weight:bold; text-decoration:none;}
.c_lang TD.act A:Hover {color:#777777; text-decoration:none;}


.thead TH { padding:5px 15px 5px 15px; font-size:15px; color:#4872B3; background-color:#E1ECFD; white-space:nowrap;}
.thead TH IMG { margin:-4px 10px -4px 0px;}
.thead TH .btn_thead .show { background:url(../img/design/ico18_show.gif) left top no-repeat;}
.thead TH .btn_thead .hide { background:url(../img/design/ico18_hide.gif) left top no-repeat;}
.thead TD { padding:0px 15px 0px 15px; border-bottom:1px solid #E1ECFD; width:100%; font-size:13px; color:#777777;}
.tblock { background-color:#E1ECFD; }
.tblock INPUT { width2:98%; }
.tblock .help { padding-right:15px; border-left:1px solid #FFF;}
.tblock TD { padding:15px 0px 15px 15px; vertical-align:top; }
.tblock TD TD { padding:0px 15px 7px 0px; }
.tblock TH { background:none; padding:0px 15px 4px 0px; font-size:13px; font-weight:normal; text-align:left; color:#777777; }
.nopad TD, .nopad TH { padding:3px;}

.tblock IMG.file_ico { margin:-3px 5px -3px 10px; position:relative;}
.tblock TD .mceEditor TD { padding:0px; margin:0px;}
INPUT.frm_file { padding:2px;}

/* table */
TABLE.table_listw { font-size:13px; border-collapse:collapse; border-bottom2:2px solid #FFFFFF; table-layout:fixed; background-color:#FFFFFF;}
TABLE.table_listw .colwidth { display:none;}
html>/**/body TABLE.table_listw .colwidth { display:table-row;}
TABLE.table_listw .colwidth TH { margin:0px; padding:0px; height:0px; font-size:0px;}
TABLE.table_listw .thead TH { padding:0px 0px 0px 0px; height:36px; text-align:left; color:#777777; font-weight:normal; background-color:#E1ECFD;}
TABLE.table_listw TH { border2:1px solid #F00; color2:#AAC5F0; text-align:center; padding:0px 0px 0px 0px; font-weight:bold; height2:26px; border-bottom:1px solid #E1ECFD;}
TABLE.table_listw TH IMG { margin:0px;}
TABLE.table_listw TD { border2:1px solid #F00; height2:26px; padding:5px 5px 5px 0px; vertical-align:inherit; border-bottom:1px solid #E1ECFD;}
html>/**/body TABLE.table_listw TD { height2:27px;}
TABLE.table_listw TD INPUT { width:auto;}
TABLE.table_listw TH INPUT { width:auto;}

/* table v2 */
TABLE.table_list2 { font-size:13px; background-color:#FFFFFF; border-collapse:collapse; table-layout:fixed;}
TABLE.table_list2 TD { padding:5px 0px 1px 0px; border-bottom:1px solid #E1ECFD; vertical-align:inherit;}
TABLE.table_list2 TH { padding:5px 0px 3px 0px; border-bottom:1px solid #E1ECFD; text-align:center; color:#AAC5F0; font-weight:bold;}
TABLE.table_list2 .head TH {padding:0px 0px 0px 0px; border-top:1px solid #E1ECFD; height:36px; color:#777777; background-color:#E1ECFD; vertical-align:inherit; text-align:left; font-weight:normal; line-height2:1em;}
TABLE.table_list2 IMG { padding:0px; margin:-3px 0px -3px 0px; position:relative;}
TABLE.table_list2 TD INPUT { width:auto;}
TABLE.table_list2 TH INPUT { width:auto;}



/* tree */
.tree1 { margin:0px 5px 0px 0px; padding:0px 0px 10px 0px; font-size:14px; background-color:#FFFFFF; position2:relative;}
.tree1 .head { height2:37px; margin:0px 0px 10px 0px; padding:3px 0px 4px 0px; background-color:#E1ECFD; }
.tree1 UL { margin:0px 0px 10px 10px; padding:0px; border2:1px solid #0FF; list-style:none;}
.tree1 UL UL {margin-left:70px;}
.tree1 LI { margin:10px 10px 10px 0px; border2:1px solid #F00; display2:block;}
.tree1 LI DIV { position:relative;}
.tree1 LI IMG { margin:-3px 5px -3px 0px; position:relative;}
.tree1 LI .in { margin:-20px 0px 0px 100px; position2:relative; border2:1px solid #0FF;}
.tree1 LI .abs {  border:1px solid #F00;}

/* photo gallery */
.photos1 { margin:0px 5px 0px 0px; padding:0px 0px 10px 0px; font-size:14px; background-color:#FFFFFF; position:relative;}
.photos1 .head { height2:37px; margin:0px 0px 10px 0px; padding:3px 0px 4px 0px; background-color:#E1ECFD; }
.photos1 UL { margin:0px 0px 0px 0px; padding:0px; border2:1px solid #0FF; list-style:none;}
.photos1 LI { margin:5px 5px; width:160px; height:250px; text-align2:center; overflow:hidden; float:left; border:1px solid #E1ECFD; position:relative;}
.photos1 LI .in { margin:10px;}
.photos1 LI IMG.btn { margin:-3px 5px -3px 0px; position:relative;}
.photos1 LI .title { color:#777777; margin:10px 0px 0px 0px; text-align2:center;}

.clear { clear:both;}
.red { color:#CC0000;}



/* old
TABLE.table_tree { margin:-5px -10px -6px 0px; background-color:#FFFFFF;}
TABLE.table_tree .thead TH { padding:10px 5px 10px 0px;}
TABLE.table_tree TD { white-space:nowrap; padding:5px 10px 5px 0px; vertical-align:inherit; border-bottom:1px solid #E1ECFD;}
TABLE.table_tree TH { white-space:nowrap; padding:5px 10px 5px 0px; vertical-align:inherit; text-align2:center;}
TABLE.table_tree INPUT { width:auto; }
.table_tree .table_tree IMG { margin:-5px 0px;}

*/


.remark_b { border-top:2px solid #FFFFFF;}

/* buttons */
A.btn { font-size:12px; line-height:30px; border2:1px solid #F00; position2:relative; color:#777777; white-space:nowrap; text-decoration:none;}
A.btn:Hover { color:#009933; text-decoration:none;}
.btn SPAN { padding:6px 0px 6px 4px; background:url(../img/design/btnl.gif) left center no-repeat; }
.btn SPAN SPAN { padding:6px 0px 6px 20px; }
.btn SPAN SPAN SPAN { padding:6px 12px 8px 0px; background:url(../img/design/btnr.gif) right center no-repeat;}
A.btn:Hover SPAN SPAN SPAN { background:url(../img/design/btnr.gif) right center no-repeat;}
html>/**/body .btn SPAN { padding-top:5px; padding-bottom:8px;}
html>/**/body .btn SPAN SPAN { padding-top:5px; padding-bottom:8px;}
html>/**/body .btn SPAN SPAN SPAN { padding-top:5px; padding-bottom:8px;}
/**/
.btn SPAN SPAN { background:url(../img/design/spacer.gif) left center no-repeat;}
.unlock SPAN SPAN { background:url(../img/design/btn_unlock.gif) left center no-repeat;}
.save SPAN SPAN { background:url(../img/design/btn_save.gif) left center no-repeat;}
.edit SPAN SPAN { background:url(../img/design/btn_edit.gif) left center no-repeat;}
.delete SPAN SPAN { background:url(../img/design/btn_delete.gif) left center no-repeat;}
.add SPAN SPAN { background:url(../img/design/btn_add.gif) left center no-repeat;}
A.add:Hover SPAN SPAN { background:url(../img/design/btn_add_hover.gif) left center no-repeat;}
.remark SPAN SPAN { background:url(../img/design/btn_remark.gif) left center no-repeat;}
A.remark:Hover SPAN SPAN { background:url(../img/design/btn_remark_hover.gif) left center no-repeat;}
.mail SPAN SPAN { background:url(../img/design/btn_mail.gif) left center no-repeat;}


/* footer */
.footer_buffer { height:70px; border2:1px solid #F00;}
.footer { margin-top:-70px; height:70px; font-size:12px; padding:0px 0px 0px 0px; border-top2:2px solid #4570B2; color:#444444;}
.footer SPAN { float:right;}

/* front css */
.form { text-align:left; color:#5C5C5C; color:#0F6F76; font-size:13px;}
.form  TH { padding:2px 0px; font-weight:normal; }
.form  TD { padding:2px 0px 15px 0px; vertical-align:top; } 
.form INPUT, .form SELECT { margin-bottom2:10px;}
.form_radio { float:right; margin-right:5px;}