﻿@charset "utf-8";

body	{ margin:0; padding:0; background:#E2E2E2; }
form	{ padding:0; margin:0; }
/*basic css*/
th, td	{ padding:0px; }
img		{ border:none; }

.input		{ vertical-align:middle; border:solid 1px #1a5791; background:#FFFFFF; height:15px; }
.select		{ vertical-align:middle; border:solid 1px #cdcdcd; background:#FFFFFF; }
.textarea	{ vertical-align:middle; border:solid 1px #cdcdcd; background:#FFFFFF; }
.checkbox	{ vertical-align:middle; border:solid 0px #cdcdcd; background:none; }
.left		{ left:0px;}
.right		{ right:0px;}

#header		{ background:#EAEAEA; height:36px; }

/* main */
#wrapper		{ float:left; width:100%; }
#leftborder		{ float:left; width:6px; background:url(http://img.bizstatic.com/bizhard3/include/content_left.gif); }
#rightborder	{ float:right; width:6px; background:url(http://img.bizstatic.com/bizhard3/include/content_right.gif); }/*set left marginto -(rightborder)*/ 

#content		{ margin:0 6px 0 6px; _margin:0px; _float:left; background: #E2E2E2 url(http://img.bizstatic.com/bizhard3/include/panel_bg.gif) no-repeat; }/*margins for content column. Should be "0 rightborder 0 leftborder*/
#content_wrapper{ float:right; width: 100%; margin-left:-216px; }/*set left margin to -(content_main1 width + content_line width)*/
#content_main2	{ margin-left:216px; }
#content_main1	{ float:left; width:211px; overflow:hidden;}/*set left margin to (content_main1 width + content_line width)*/
#content_line	{ float:left; width:5px; }


/* tab */
#tab_wrapper		{ float:left; width:100%; }
#tab_content		{ height:36px; margin:0 6px 0 6px; background:url(http://img.bizstatic.com/bizhard3/include/top_bg.gif); }
#tab_leftborder		{ float:left; width:6px; height:36px; margin-left:-100%; background:url(http://img.bizstatic.com/bizhard3/include/tab_left.gif); }
#tab_rightborder	{ float:left; width:6px; height:36px; margin-left:-6px; background:url(http://img.bizstatic.com/bizhard3/include/tab_right.gif); }

#tabHome			{ top:0px; left:8px; }
#tabWebHard			{ top:0px; left:105px; }
#tabMail			{ top:0px; left:202px; }
#tabMsngr			{ top:0px; left:299px; }
#tabBackup			{ top:0px; left:396px; }
#tabBulletin		{ top:0px; left:493px; }
#tabManage			{ top:0px; left:590px; }

#logout				{ position:absolute; top:0px; left:687px; width:50px; }

.menu				{ width:97px; height:21px; background:url(http://img.bizstatic.com/bizhard3/include/menu_bg.gif) no-repeat; cursor:pointer; }
.menu_on			{ width:97px; height:23px; background:url(http://img.bizstatic.com/bizhard3/include/menu_on_bg.gif) no-repeat; cursor:pointer; }

/* panel */
#panel				{ height:68px; padding-left:4px; }
#panel .btngroup    { float:left;margin:4px 0 0 0;border:solid 1px #FAFAFA;background-color:Transparent; }
#panel .btngroup .bd{ height:58px; border:solid 1px #CECECE; padding:2px 0 0 10px; }

#panel_leftborder	{ float:left; width:11px; height:73px; margin-left:-100%; }
#panel_rightborder	{ float:left; width:11px; height:73px; margin-left:-11px; }

.panel_in_bgl		{ float:left; height:64px; margin-top:4px; padding-left:10px; background:url(http://img.bizstatic.com/bizhard3/include/panel_in_bg.gif) top left; }
.panel_in_bgr		{ float:left; height:64px; margin-top:4px; padding-right:10px; background:url(http://img.bizstatic.com/bizhard3/include/panel_in_bg.gif) top right; }

/* footer */
#footer				{ clear:left; width:100%; height: 32px; margin-bottom:0; }
#footer_wrapper		{ float:left; width:100%; }
#footer_content		{ height:32px; margin: 0 6px 0 6px; background:url(http://img.bizstatic.com/bizhard3/include/foot_bg.gif); }
#footer_leftborder	{ float:left; width:6px; height:32px; margin-left:-100%; background:url(http://img.bizstatic.com/bizhard3/include/foot_left.gif); }
#footer_rightborder { float:left; width:6px; height:32px; margin-left:-6px; background:url(http://img.bizstatic.com/bizhard3/include/foot_right.gif); }

/* main */
.border1		{ background:transparent; padding:4px; }
.border2		{ background:#FFFFFF; padding:1px; }

.main			{ border:solid 1px #A1A1A1; background:#FFFFFF; overflow:hidden; }

.loading		{ width:100%; height:100%; background:url('http://img.bizstatic.com/bizhard3/include/layerloader.gif') no-repeat center; }

.layer		{ position:absolute; margin:0; display:none; z-index:-1; overflow:hidden; }
.layerframe	{ border:none; overflow:hidden; }
#layerback	{ position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color:#E2E2E2; z-index:-1; margin:0; padding:0; opacity:0.25; filter:alpha(opacity=25); }
.pop_btn	{ margin-left:45px; height:40px; padding-top:10px; }
.mailcontent{ overflow:auto; }

.progressbar{ width:168px; height:11px; padding-left:2px; background:url(http://img.bizstatic.com/bizhard3/mail/bg_mail_graph.gif) no-repeat 0 0; }
.progressbar div{ margin:2px 0px; }

#floatBanner { display:none; width:206px; height:219px; position:absolute; top:50px; right:100px; z-index:1000; }
/* add jangma 2008.08.25*/
/*login css*/
.line1{border:solid 1px #000000;}
.line2{border:solid 1px #a1a1a1;background-color:#FFFFFF;}
.line3{border:solid 1px #d5d5d5;}

.left1  {float:left;}
.right1 {float:right;}
.h100 {height:100%;}
.w50 {width:50%;}
.w40 {width:40%;}
.white_bg {background-color:#FFFFFF;}

/* pop css*/
.input_gray { vertical-align:middle;border:solid 1px #b5b5b5; background:#FFFFFF; height:17px; margin-top:3px;}
.select2 {vertical-align:middle;border:solid 1px #b5b5b5; background:#FFFFFF; margin-top:3px;}
.pop_title
{
	background:url(http://img.bizstatic.com/bizhard3/pop/pop_bg.gif) repeat-x 0 0;
	height:28px;
	padding:0px 13px 0px 15px;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}
.pop_title2
{
	background:url(http://img.bizstatic.com/bizhard3/pop/pop_bg2.gif) repeat-x 0 0;
	height:28px;
	padding:0px 13px 0px 15px;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}

.pop_content{padding:20px 15px 0px 15px; font-size:12px;}
.pop_line{border:solid 1px #2c73aa; background-color:#FFFFFF;}
.pop_line2{border:solid 1px #d4d4d4; margin:0 0 15px 0;}
.table_line{border-bottom:solid 1px #e2e2e2;}
.table1 {
	background-color:#eeeeee; 
	border-right:solid 1px #e2e2e2;
	height:28px; 
	font-size:12px; 
	color:#666666; 
	line-height:2em; 
	padding-left:13px; 
	margin-right:13px;
	float:left;
}

.table2 {
	background-color:#FFFFFF; 
	height:28px; 
	font-size:12px; 
	color:#666666; 
	line-height:2em; 
}
.table3 {
	background-color:#FFFFFF; 
	border-right:solid 1px #e2e2e2;
	height:28px; 
	font-size:12px; 
	color:#666666; 
	line-height:2em; 
	float:left;
	padding-left:13px; 
	margin-right:13px; 
}
.table4 {
	background-color:#eeeeee; 
	height:28px; 
	font-size:12px; 
	color:#666666; 
	line-height:2em; 
	padding: 0px; 
}
/*leftmenu*/


/*leftmenu_blue*/
.leftmenu1
{
	height:28px;
	width:207px;
	background:url(http://img.bizstatic.com/bizhard3/include/bg_leftmenu_blue.gif);
	float:left;
}


.leftmenu2
{
	height:28px;
	width:207px;
	background:url(http://img.bizstatic.com/bizhard3/include/bg_leftmenu_blue.gif);
	float:left;
}
.leftmenu3
{
	height:28px;
	width:100%;
	background:url(http://img.bizstatic.com/bizhard3/include/bg_leftmenu_blue.gif);
}
/*leftmenu_gray*/
.leftmenu_gray a{display:block; background:url('http://img.bizstatic.com/bizhard3/include/bg_leftmenu_gray.gif') left 0; float:left; width:207px; font:12px gulim; color:#1e1e1e;text-decoration:none; height:28px; cursor:pointer; overflow:hidden}
.leftmenu_gray a:hover{background:url('http://img.bizstatic.com/bizhard3/include/bg_leftmenu_gray.gif') left -28px}
.leftmenu_gray a span{display:block; float:left; background:url('http://img.bizstatic.com/bizhard3/include/bg_leftmenu_gray.gif') right 0; line-height:240%; height:28px; overflow:hidden}
.leftmenu_gray a:hover span{background:url('http://img.bizstatic.com/bizhard3/include/bg_leftmenu_gray.gif') right -28px; color:#1e1e1e}

.leftmenu_gray2 a{display:block; background:url('http://img.bizstatic.com/bizhard3/include/bg_leftmenu_gray2.gif') left 0; float:left; width:100%; font:12px gulim; color:#1e1e1e;text-decoration:none; height:28px; cursor:pointer; overflow:hidden}
.leftmenu_gray2 a:hover{background:url('http://img.bizstatic.com/bizhard3/include/bg_leftmenu_gray2.gif') left -28px}
.leftmenu_gray2 a span{display:block; float:left; background:url('http://img.bizstatic.com/bizhard3/include/bg_leftmenu_gray2.gif') right 0; line-height:240%; height:28px; overflow:hidden}
.leftmenu_gray2 a:hover span{background:url('http://img.bizstatic.com/bizhard3/include/bg_leftmenu_gray2.gif') right -28px; color:#1e1e1e}

.leftmenu_gray3
{
	height:124px;
	width:207px;
	background:url(http://img.bizstatic.com/bizhard3/include/bg_leftmenu_gray3.gif) repeat-x 0 0;
	float:left;
}

.leftmenu_gray2line{border-bottom:solid 1px #e2e2e2;}

/* home */
.title {height:29px; background:url(http://img.bizstatic.com/bizhard3/include/bg_title_gray.gif) repeat-x 0 0;}
.title2 {height:28px; width:100%;background:url(http://img.bizstatic.com/bizhard3/include/bg_leftmenu_gray4.gif) repeat-x 0 0;}
.title3 {height:28px; width:100%;background:url(http://img.bizstatic.com/bizhard3/include/bg_leftmenu_gray6.gif) repeat-x 0 0;}
.table_title {height:28px; width:100%;background:url(http://img.bizstatic.com/bizhard3/include/bg_leftmenu_gray6.gif) repeat-x 0 0; float:left}


.box 
{
	padding:10px 17px 10px 17px;
	font-size:12px;
	line-height: 1.7em;
}
.graph {width:464px; height:52px; background:url(http://img.bizstatic.com/bizhard3/home/bg_graph.gif) no-repeat 0 0;}
.tap_bg {height:32px; background:url(http://img.bizstatic.com/bizhard3/include/btn_tap_bg.gif) repeat-x 0 0; float:left; width:100%;}

/* main */
.border3		{ background:transparent; padding:1px; }
.main2			{ padding:1px; background:transparent; }

/*admin*/
.basic table { font-size:12px; color:#666666;}
.basic td {padding-left:15px; padding-right:15px;}
.basic tr {background-color:#FFFFFF; height:27px;}

.basic2 table { font-size:12px; color:#666666;}
.basic2 td {padding-left:5px; padding-right:5px;}
.basic2 tr {background-color:#FFFFFF; height:27px;}

.bizboard { table-layout:fixed; width:100%;  border:0px; background-color:#e1e1e1}
.bizboard td { height:auto;}
.notepwd {font-size:12px; color:#666666; margin:7px 0px 0px 18px;}

.box2 {border:solid 5px #e0e0e0; font-size:12px;line-height: 1.3em; float:left; width:100%; padding:15px 15px; text-align:center;}

/*panel*/

#panel_mail_volumel 	{ width:180px; }
#panel_mail_volumer	 	{ width:11px; }

#panel_maill			{ width:122px; }
#panel_mailr 			{ width:61px; }

#panel_mail_commonl		{ width:101px; }
#panel_mail_commonr		{ width:101px; }

#panel_mail_quickl		{ width:68px; }
#panel_mail_quickr		{ width:75px; }

.mail_graph {width:170px; height:11px; background:url(http://img.bizstatic.com/bizhard3/mail/bg_mail_graph.gif) no-repeat 0 0;}
.board_reply {width:100%; float:left; font-size:12px; color:#666666;background-color:#f5f5f5; border-bottom:solid 1px #e1e1e1;}

li.sub_treemenu
{
    margin: 0; 
    list-style-type:square; 

}

.msgboxupload
{
    background-color:#ffff99;
    font-weight:bold;
    top:75px;
    left:456px;
    padding:3px 15px 3px 10px;
    position:absolute;
    display:none;
}

.lnk { cursor:pointer; }
.hlp { cursor:help; }