/* iTalkBB EN CRM CSS */

/* Public_start */
html, body, menu, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, tr, th, td{ margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0;}
body { background: #2a75a9;word-wrap:break-word;}
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-weight: normal; }
h1 { font-size: 14px; }
h2 { font-size: 13px; }
h3 { font-size: 12px; }
h4, h5, h6 { font-size: 100%; }
body, input, select, button, textarea { font: 12px Tahoma, Geneva, sans-serif, Arial, Helvetica ; color:#000; }
textarea { resize: none; }
i, em, cite, b { font-style: normal; font-weight: normal; }
a, a:link { color: #3a75a6; text-decoration: underline; cursor:pointer;word-wrap:break-word; }
a:visited { color: #3a75a6; cursor:pointer; }
a:active, a:hover { text-decoration: underline; color: #e4730b; cursor:pointer; }
a:focus { outline: none; cursor:pointer; }
.fl, .fr { display: inline; }
.fl { float: left; }
.fr { float: right; }
.none, .hidden { display: none; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml20 { margin-left:20px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr20 { margin-right:20px;}
.pr10 { padding-right:10px;}
.bold { font-weight: bold; }
.left { text-align: left; }
.right {text-align: right; }
.center {text-align: center; }
.top {  vertical-align: top; }
.bottom { vertical-align: bottom; }
/* Public_end */

/* Fontsize_start */
.font11 { font-size:11px;}
.font12 { font-size:12px;}
.font13 { font-size:13px;}
.font14 { font-size:14px;}
/* Fontsize_end */

.border_radius5 { border-radius:5px;}
.border_radius8 { border-radius:8px;}

tr {
    margin: 0px;
    padding: 10px 0px 0px 3px;
    margin:0px 0px 0px 20px;

}


/* Color_start */
.gray { color: #8a939e;}
.darkgray { color:#666;}
.blue { color: #3a75a6;}
.orange { color: #f37022;}
.yellow { color: #e4730b; }
.red { color:#da1914;}
.bg_blue { background:#ebf4fb;}
/* Color_end */
.border_top_gray {border-top:1px solid #ccc;}
.border_bottom_gray {border-bottom:1px solid #ccc;}
/* Form_start */
input[type="text"], input[type="password"], textarea, select { 
	background: #fff; 
	display: inline-block; 
	border:1px solid #c8d0de;  
	font-size:12px; 
	color:#000; 
	text-indent:5px; 
	margin:0 5px;
	}
select { text-indent:0; height:20px; }
input[type="text"] {line-height:18px; height:18px;}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover { border:solid 1px #74b9ef; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border:solid 1px #74b9ef; }
input.Wdate, input.Wdate:focus { background: transparent url(../img_new/calendar.gif) right top no-repeat; }
input.WdateFmtErr { font-weight: bold;color: #b9b9b9; }
input.IME_disabled { ime-mode: disabled;}
input[type="button"] {cursor: pointer;}
.btn_green, .btn_blue, .btn_white {
    display: inline-block;
    height: 26px;
    line-height: 14px;
    padding: 0 15px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
}
.btn_green { background:#8cc152; border: 1px solid #8cc152;}
.btn_green:hover { background:#82b21c; border: 1px solid #82b21c;}
.btn_blue { background:#468cc8; border: 1px solid #468cc8;}
.btn_blue:hover { background:#006ac0; border:1px solid #006ac0;}
.btn_gray {
    display:inline-block;
    height:20px;
    line-height:20px;
    border-radius:5px;
    background:#f5f5f5;
    color:#000;
    border:1px solid #ccc;
    padding:0 10px;
}
    .btn_gray:hover {background:#ebf4fb; border:1px solid #ccc;
    }
.btn_white {
    background: white;
    color: #666;
    border: 1px solid #666;
}
  
/* Form_end */
/* Botton_start */
.btn_question, .btn_done, .btn_change, .btn_history, .btn_edit, .btn_detail, .btn_portin, .btn_ticket, .btn_close, .btn_krdid {
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.btn_holder {
    display: inline-block;
    width: 40px;
    height: 16px;
    cursor: pointer;
}
.icon_enter{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img_new/icon-question.png) no-repeat;
    cursor: pointer;
}

.icon_enter {
    background: url(../img_new/icon-enter.png) no-repeat;
}

.btn_question{ background: url(../img_new/icon-question.png) no-repeat; }
.btn_question:hover{ background: url(../img_new/icon-question-hover.png) no-repeat; }
.btn_done { background: url(../img_new/icon-done.png) no-repeat; }
.btn_done:hover { background: url(../img_new/icon-done-hover.png) no-repeat; }
.btn_change { background: url(../img_new/icon-change.png)  no-repeat; }
.btn_change:hover { background: url(../img_new/icon-change-hover.png)  no-repeat; }
.btn_history { background: url(../img_new/icon-history.png)  no-repeat; }
.btn_history:hover { background: url(../img_new/icon-history-hover.png)  no-repeat; }
.btn_edit{ background: url(../img_new/btn-edit.png) no-repeat;}
.btn_edit:hover{ background: url(../img_new/btn-edit-hover.png) no-repeat;}
.btn_detail{ background: url(../img_new/icon-detail.png) no-repeat;}
.btn_detail:hover{ background: url(../img_new/icon-detail-hover.png) no-repeat;}
.btn_holder{ background: url(../img_new/holder.png) no-repeat;}
.btn_portin{ background: url(../img_new/icon-portin.png) no-repeat;}
.btn_portin:hover{ background: url(../img_new/icon-portin-hover.png) no-repeat;}
.btn_ticket{ background: url(../img_new/icon-ticket.png) no-repeat;}
.btn_ticket:hover{ background: url(../img_new/icon-ticket-hover.png) no-repeat;}
.btn_close{ background: url(../img_new/btn-close.png) no-repeat;}
.btn_close:hover{ background: url(../img_new/btn-close-hover.png) no-repeat;}
.btn_krdid {
    background: url(../img_new/icon-KRDID.PNG) no-repeat;
    display:none;
}
.btn_switchon,.btn_switchoff { width:28px; height:16px; cursor: pointer; display:inline-block;}
.btn_switchon { background: url(../img_new/switch-on.png) no-repeat 0px 0px;}
.btn_switchoff { background: url(../img_new/switch-off.png) no-repeat 0px 0px;}

.btn_arrange,.btn_arrange_up,.btn_arrange_down { padding-right: 15px; cursor: pointer;}
.btn_arrange { background: url(../img_new/arrow-arrange.png) right 2px no-repeat;}
.btn_arrange_up { background: url(../img_new/arrow-arrange-up.png) right 2px no-repeat;}
.btn_arrange_down { background: url(../img_new/arrow-arrange-down.png) right 2px no-repeat; }
/* Botton_end */

.width_level_half_1 { width: 2%; }
.width_level_half_2 { width: 4%; }
.width_level_half_3 { width: 6%; }
.width_level_half_4 { width: 8%; }
.width_level_half_5 { width: 12%;}
.width_level_half_6 { width: 14%;}
.width_level_half_7 { width: 16%;}
.width_level_half_8 { width: 18%;}
.width_level_half_9 { width: 24%;}
.width_level_half_10 { width: 26%;}
.width_level_half_11 { width: 28%;}
.width_level_half_12 { width: 32%;}
.width_level_half_13 { width: 56%;}
.width_level_half_14 { width: 86%;}
.width_level_half_15 { width: 96%;}
.width_level_1 { width: 10%;}
.width_level_2 { width: 20%;}
.width_level_3 { width: 30%;}
.width_level_4 { width: 40%;}
.width_level_5 { width: 49%;}
.width_level_6 { width: 59%;}
.width_level_7 { width: 69%;}
.width_level_8 { width: 79%;}
.width_level_9 { width: 89%;}
.width_level_9_filled { width: 90%;}
.width_level_0 { width: 100%;}
.w25 { width: 25px;}
.w30 { width: 30px;}
.w35 { width: 35px;}
.w40 { width: 40px;}
.w50 { width: 50px;}
.w60 { width: 60px;}
.w70 { width: 70px;}
.w80 { width: 80px;}
.w90 { width: 90px;}
.w100 { width: 100px;}
.w110 { width: 110px;}
.w115 { width: 115px;}
.w120 { width: 120px;}
.w126 { width: 126px;}
.w130 { width: 130px;}
.w136 { width: 136px;}
.w140 { width: 140px;}
.w143 { width: 143px;}
.w148 { width: 148px;}
.w150 { width: 150px;}
.w156 { width: 156px;}
.w160 { width: 160px;}
.w165 { width: 165px;}
.w170 { width: 170px;}
.w178 { width: 178px;}
.w183 { width: 183px;}
.w188 { width: 188px;}
.w200 { width: 200px;}
.w206 { width: 206px;}
.w214 { width: 214px;}
.w220 { width: 220px;}
.w226 { width: 226px;}
.w230 { width: 230px;}
.w243 { width: 243px;}
.w248 { width: 248px;}
.w258 { width: 258px;}
.w263 { width: 263px;}
.w294 { width: 294px;}
.w300 { width: 300px;}
.w306 { width: 306px;}
.w320 { width: 320px;}
.w328 { width: 328px;}
.w333 { width: 333px;}
.w338 { width: 338px;}
.w360 { width: 360px;}
.w390 { width: 390px;}
.w400 { width: 400px;}
.w406 { width: 406px;}
.w410 { width: 410px;}
.w450 { width: 450px;}
.w500 { width: 500px;}
.w550 { width: 550px;}
.w590 { width: 590px;}
.w600 { width: 600px;}
.w650 { width: 650px;}
.w680 { width: 680px;}
.w700 { width: 700px;}
.w740 { width: 740px;}
.w750 { width: 750px;}
.w800 { width: 800px;}
.w820 { width: 820px;}
.h25 { height: 25px;}
.h40 { height: 40px;}
.h50 { height: 50px;}
.h60 { height: 60px;}
.h70 { height: 70px;}
.h80 { height: 80px;}
.h90 { height: 90px;}
.h110 { height: 110px;}
.h175 { height: 175px;}
.h200 { height: 200px;}
.h215 { height: 215px;}
.h230 { height: 230px;}
.h250 { height: 250px;}
.h300 { height: 300px;}
.h400 { height: 400px;}
.h500 { height: 500px;}
.h550 { height: 550px;}

/* 弹出层样式start */
.cboxWrapper {
	z-index: 9995;
	background: #fff;
	border-radius:5px;
	border:1px solid #b2b2b2;
	padding-bottom:40px;
	position:relative;
	}
.cboxContent { padding:10px;}
.cbox_title { margin-bottom:10px;margin-top:5px;}
.title_line { height:1px; background:#ccc; margin-bottom:5px; }
.box_pannel_content_filled{ height:auto;}
.box_pannel_content_filled dd { clear:both;}
.box_pannel_content_filled dd p{ margin-top:10px; line-height:20px;margin-right:5px;}
.box_pannel_content_filled dd span{ margin-top:10px;}
.box_pannel_content_filled .box_pannel_table {
    width: 100%;
    line-height: 40px;
    border-collapse: collapse;
    background-color: #fff;
    text-align: center;
    border: 2px solid #ccc;
}
.box_pannel_content_filled .box_pannel_table td{
    border:2px solid #ccc;
}
.box_pannel_content_filled .box_pannel_table .border_none{
    border:none;
}
        
.cboxClose {
    width: 16px;
    height: 16px;
    background: url(img_new/btn-close.png) no-repeat;
    position: absolute;
    top: 15px;
    right: 10px;
}
.cboxClose:hover { background:url(img_new/btn-close-hover.png) no-repeat;}
/* 弹出层样式end */

/*Help弹出框start */
/*制作dropdown三角标*/
/*.help:after{
	content:"";
	position:absolute;	
	top:15px;
	right:53px;
	border:5px solid transparent ;
	border-color: transparent transparent #74b9ef transparent ;
	z-index:200;
    }*/  

.item:after{
	content:"";
	position:absolute;	
	top:-10px;
	right:32px;
	border:5px solid transparent ;
	border-color: transparent transparent #74b9ef transparent ;
	z-index:200;
    }  

.item {
	position: absolute;
	right: 20px;
	top: 24px;
	width: 150px;
	height:auto;
	z-index:100;
	/*overflow: hidden;*/
	}
.item ul {
	border: 1px solid #74b9ef;
	border-radius: 5px;
	background-color: #fff;
	padding:5px 0;
	}
.item ul li { line-height: 28px;}
.items {
	display: block;
	color:#000 !important;
	padding: 0 5px;
	font-size:12px !important;
	}
.items:hover {
	color: #3498db !important;
	text-decoration: none;
	background-color: #f7f7f7;
	}
.items_img {
	float: left;
	width: 16px;
	height: 16px;
	margin:5px 0 5px 4px;
	}
.items_text { margin-left:24px;}
/*Help弹出框end */

/*arrow_box弹出框start */
.packagename_date:after{
	content:"";
	position:absolute;	
	border:5px solid transparent ;
	border-color: transparent  #74b9ef transparent  transparent;
	z-index:9988;
    } 
.packagename_date:after {top:12px;left:650px;} 
.arrow_box {
	position: absolute;	
	height:auto;
	z-index:9988;
	overflow: hidden;
	background:#fff;
	border-radius:5px;
	border:1px solid #74b9ef;
	padding:10px;
	box-shadow:0px 0px 5px #BFBFBF;
	}
.arrow_box dd { line-height:20px;}
.packagenamedate { 
	left: 681px;
	top: 124px;
	width:243px;
	}
/*arrow_box弹出框end */

/*-------------------Login Page css style_start -------------------*/
.Login {
	width:280px;
	height:350px;
	background:#fff;
	border:solid 1px #ccc;
	margin:150px auto 0;
}
.Login_logo{
	margin-top:36px;
	height:30px;
	background: url(../img_new/logo_CRM.png) no-repeat 33px 0;
	}
.Login_form { padding:15px 18px;}
.Username,.Password,.Captcha{ line-height:36px;  }
.Login_form p label { line-height:28px; font-size:14px;}
.login_loading{margin:0 auto; margin-top:18px; background:url(../img/loading-login.gif) no-repeat left center; width:114px; height:17px;}
.login_auto{text-align:center;height:20px; color:Blue;}

.Username input,.Password input,.Captcha input {
	width:242px;
	height:32px;
	line-height:36px;
	border-radius:5px;
	margin:0;
	font-size:15px;
	}
.Captcha input { width:97px;}
.Remember{line-height:28px; margin:5px 0px;}
.Login_btn{
	width:102px;
	height:32px;
	font-size:16px;
	vertical-align:middle;  
	}
.Login_form p a { display:inline-block; float:right; line-height:32px;}
.copyright { 
	font-size:10px;
	width:280px;
	margin:10px auto;
	text-align:center;
	}
.Error{
	width:304px;
	height:30px;
	line-height:30px;
	margin:10px auto;
	text-align:center;
	background:#f8d6dd;
	font-size:14px;
	border:solid 1px #eb859b;
	}	
/*-------------------Login Page css style_end -------------------*/

/*#login_oauth_frame_hd {
                background-color:rgb(236, 240, 241) !important;
                
            }
*/
#login_oauth_frame {
   background:#fff !important;
}


#wrapper{
    width:1020px;
    min-height: 885px;
    height: 100%;
    margin: 0 auto;
    background:#ecf0f1;
    position: relative;
	}

/* Header_start */
#header { width:100%; height: 40px; position:relative;}
#header_logo {
    width: 183px;
    height: 37px;
	background:url(../img_new/logo.png) no-repeat 0 0;
	margin-top:13px;
    margin-left:10px;
	}
#header_info { margin-top:22px;}
#header_menu { margin-right:38px; margin-top:4px;}
#header_menu a { color:#8a939e; text-decoration:none; font-size:11px; }
#header_menu a:hover { color:#000;}
.btn_quit { 
	width:14px;
	height:15px;
	position: absolute;
	right:20px;
	top:4px;
	}
.mybtn_quit{
	width:14px;
	height:15px;
	background:url(../img_new/icon-quit.png) no-repeat 0 0;
	border:none;
	}	
.mybtn_quit:hover { background:url(../img_new/icon-quit-hover.png) no-repeat 0 0;}
/* Header_end */

/* Menu_start */
#menu { width:100%; height: 30px; background:#3498db;}
.main_menu{ width:100%; margin:0px 20px 0px 20px; position: relative;}
.nav li a{
	display:block;
	float:left;
	font-size:14px;
	color:#fff;
	height:30px;
	line-height:30px;
	padding:0 13px;
	text-decoration:none; 
	outline:none;
	}
.nav li a:hover { background:#006ac0; text-decoration:none; }
.nav_selected { background:#006ac0;}

/* clearfix */
.clearfix:before, .clearfix:after { content:"";display:table;}
.clearfix:after{ clear:both; overflow:hidden;}
.clearfix{ zoom:1;}

/*制作dropdown三角标*/
.support_more:after,.signup_more:after,.config_more:after,.report_more:after,.HR_more:after,.Inventory_more:after,.shipping_more:after,.allreports_more:after,.dealer_more:after,.portin_more:after{
	content:"";
	position:absolute;	
	top:-10px;
	border:5px solid transparent;
	border-color: transparent transparent #fff transparent ;
    }  
.support_more:after { left:30px;} 
.signup_more:after { left:84px;} 
.config_more:after { left:163px;} 
.report_more:after { left:72px;}
.HR_more:after { left:120px;}
.Inventory_more:after { left:286px;}
.shipping_more:after { right:236px;}
.allreports_more:after { right:231px;}
.dealer_more:after { right:98px;}
.portin_more:after { right:47px;}

/*下拉菜单制作*/
.support_more,.signup_more,.config_more,.report_more,.HR_more,.Inventory_more,.shipping_more,.allreports_more,.dealer_more,.portin_more{
	position:absolute;        	
	margin-top:30px;
	border:1px solid #006ac0;
	border-radius:5px;
	background: #fff;
	z-index:888;
    }  
.support_more { top:0; left:0;} 
.signup_more { top:0; left:20px;}
.config_more  { top:0; left:30px;}
.report_more  { top:0; left:210px;}
.HR_more  { top:0; left:260px;}
.Inventory_more  { top:0; left:240px;}
.shipping_more  { top:0; right:120px;}
.allreports_more  { top:0; left:86px;}
.dealer_more  { top:0; right:78px;}
.portin_more  { top:0; right:40px;}

/*利用display:inline-block实现多栏布局*/
.support_more li,.signup_more li,.config_more li,.report_more li,.HR_more li,.Inventory_more li,.shipping_more li,.allreports_more li,.dealer_more li,.portin_more li{
	display:inline-block;	
	margin:5px 0;
	vertical-align:top;
    }
.support_more li { width:180px;}
.signup_more li  { width:160px;}
.config_more li { width:180px;}
.report_more li { width:180px;}
.HR_more li { width:250px;}
.Inventory_more li { width:220px;}
.shipping_more li { width:220px;}
.allreports_more li { width:220px;}
.dealer_more li { width:200px;}
.portin_more li { width:200px;}

/*每一列中的元素标签样式*/
.support_more li a,.signup_more li a,.config_more li a,.report_more li a,.HR_more li a,.Inventory_more li a,.shipping_more li a,.allreports_more li a,.dealer_more li a,.portin_more li a {
	display:block;
	font-size:13px;	
	color:#000;
	padding:0;
	margin:0;
	line-height:24px;
	height:24px;
	text-indent:10px;
    }
.support_more li a { width:180px;}
.signup_more li a { width:160px;}
.config_more li a { width:180px;}
.report_more li a { width:180px;}
.HR_more li a { width:250px;}
.Inventory_more li a { width:220px;}
.shipping_more li a { width:220px;}
.allreports_more li a { width:220px;}
.dealer_more li a { width:200px;}
.portin_more li a { width:200px;}

.support_more li a:hover,.signup_more li a:hover,.config_more li a:hover,.report_more li a:hover,.HR_more li a:hover,.Inventory_more li a:hover,.shipping_more li a:hover,.allreports_more li a:hover,.dealer_more li a:hover,.portin_more li a:hover{ background:#3498db; color:#fff;}
  
/* Menu_end */


/* Search_start */
.searcharea { 
	position:absolute;
	top:80px;
	z-index:99;
	width:100%;
	height:auto;
	}
.searcharea_top { background:#fff; padding-top:10px;}
.search_box{ 
	margin:0 20px;
	overflow:hidden;
	background:#f4faee;
	border:solid 1px #c8d0de;
}
.search_box_content { margin:10px 0;}
.search_box_content dd { clear:both; overflow:hidden; margin-top:8px; vertical-align: middle;}
.search_box_content p { line-height:20px; vertical-align: middle; margin-top:3px;}
.search_box_content span { line-height:20px; vertical-align: middle; margin-top:3px;}
.search_box_content input:hover { border:solid 1px #8cc152; } 
.search_box_content input:focus { border:solid 1px #8cc152; } 
.searcharea_bottom { 
	width:100%; 
	height:29px; 
	background:url(../img_new/searcharea_bottom_bg.png) repeat-x 0 0; 
	position:relative;
	}
.searcharea_bottom_btn { 
	width:90px;
	height:29px;
	background:url(../img_new/searcharea-bottom-btn.png) no-repeat;
	position:absolute;
	top:0;
	left:45%;
	}
/* Search_end */

.accountinfo {
	margin:35px;
	margin-bottom:10px;
	width:100%;
	color:#666;
	font-size:11px;
	line-height:16px;
	}

/* ContentArea_start */
.contentarea{ height: auto; padding:0 20px; position:relative;}
.tab_box { height: auto; margin-bottom: 10px; }
.tab_box_top{
    height: 26px;
	background:#f5f7fa;
    border: 1px solid #c8d0de;
	border-radius:5px 5px 0 0;
}
.tab_title a,.tab_title_special a{
	float: left;	
	line-height:26px;
	padding-left:26px;			    
	text-decoration:none;
	margin-right:5px;
}
.tab_title a { color:#2f508d; background: url(../img_new/arrow-blue-down.png) 5px 5px no-repeat; }
.tab_title a:hover{ text-decoration: none; background: url(../img_new/arrow-blue-up.png) 5px 5px no-repeat;}
.tab_title_special a { color:#e4730b; background: url(../img_new/arrow-orange-up.png) 5px 5px no-repeat;}
.tab_title_special a:hover { text-decoration: none; background: url(../img_new/arrow-orange-down.png) 5px 5px no-repeat;}

.ui-tabs-panel{ width:100%;}
.ui-tabs-hide { display:none;}
.tab_flag_US, .tab_flag_CA, .tab_flag_SG, .tab_flag_AU, .tab_flag_NZ {
    width: 16px;
    height: 11px;
    margin: 8px 10px 0 5px;
    background: url(../img_new/flags.gif) 0px -44px no-repeat;
}
.tab_flag_CA {background: url(../img_new/flags.gif) 0px -33px no-repeat;}
.tab_flag_AU {background: url(../img_new/flags.gif) 0px 0px no-repeat;}
.tab_flag_SG {background: url(../img_new/flags.gif) 0px -11px no-repeat;}
.tab_flag_NZ {background: url(../img_new/flags.gif) 0px -22px no-repeat;}
.tab_state_info {  margin-top:7px; margin-left:5px; }
.tab_state_info a {  display:inline-block; margin:0px 5px; }
.tab_state_info b { color:#000; margin-left:5px;}

.tab_label { height: 23px;display: inherit;}
.tab_label li { float: left; margin-right:1px; margin-top:3px;}
.tab_label a,.ui-tabs-selected a {
	float: left;
	line-height: 22px;
	padding: 0 10px;
	cursor: pointer;
	display:inline-block;
	border-radius:5px 5px 0 0;
	text-decoration:none;
    }
.tab_label a { background:#ddd; border:1px solid #ddd; color:#666; }
.ui-tabs-selected a  { 
	background:#fff;
	border:1px solid #c8d0de; 
	border-bottom:1px solid #fff;;
	color:#000;
	font-size:13px;
	}
.tab_label a:hover { text-decoration:none;}
.ui-tabs-selected a:hover  { text-decoration:none; font-size:13px;}
.mark_1,.mark_2,.mark_3,.mark_4 {
	display:inline-block;
	height:17px;
	line-height:18px;
	padding:0 10px;
	color:#fff;
	border-radius:8px;
	margin-top:5px;
	}
.mark_1{ background:#f6bb42;}
.mark_2 { background:#37bc9b;}
.mark_3{ background:#3bafda;}
.mark_4 { background:#8cc152;}
.tab_box_top select { height:20px; border:1px solid #c8d0de; margin-top:3px; margin-right: 10px;}
.tab_label em,span .ifd_count{ 
	display:inline-block;
	background:#d3637c;
	height:15px;
	font-size:11px;
	line-height:16px;
	color:#fff;
	padding:0 6px;
	border-radius:8px;
	margin-left:5px;
	}

.tab_box_content {
    height: auto;
    overflow: hidden;
	background:#fff;
    border: 1px solid #c8d0de;
	border-top:none;
    position: relative;
	border-radius:0 0 5px 5px;
	}
.box_pannel_content dd {
    width: 100%;
    height: auto;
    line-height:16px;
    vertical-align: middle;
    overflow: auto;
	margin:8px 0;
    }
.box_pannel_content dd a.pitch { margin: 0 5px; }
.box_pannel_content dd a:hover{ text-decoration: underline; color: #e4730b;}
.box_pannel_content dd span{
    margin-right: 10px;
    min-height: 1px;
    word-wrap: break-word;
    overflow: hidden;
	}
.box_pannel_content dd i{color: #da1914;}
.box_pannel_content_table { overflow: hidden; margin: 5px; border-bottom:1px solid #ccc;}
.border_tr_title { 
	background: #eeefef;
	padding:4px 0;
	font-size:11px;
	border:1px solid #ccc;
	}
.box_pannel_content_table dd { text-align:left;overflow: auto; }
.box_pannel_content_table dd span { word-wrap:break-word;}

.border_tr {
	overflow: auto;
	padding:5px 0;	
	border-top:1px dashed #e0e0e0;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	}
.border_tr p {min-height: 1px;}
.bordertop_white { border-top:1px solid #fff;}
.bg_gray { background:#f5f5f5;}
.box_pannel_content_table dd:hover { background:#ebf4fb;}

/* page styles_start */
.page {height:28px;}
.page_active {
	float:right;
	margin:0 10px;
	position:relative;
	}
.first_page, .pre_page, .next_page, .last_page {
	margin:3px 3px;
	width:16px;
	height:16px;
	float:left;
	}
.first_page { background: url(../img_new/first-page.png) no-repeat;}
.first_page:hover { background: url(../img_new/first-page-hover.png) no-repeat;}
.pre_page { background:url(../img_new/pre-page.png) no-repeat;}
.pre_page:hover { background:url(../img_new/pre-page-hover.png) no-repeat;}
.next_page { background:url(../img_new/next-page.png) no-repeat;}
.next_page:hover {background:url(../img_new/next-page-hover.png) no-repeat;}
.last_page { background:url(../img_new/last-page.png) no-repeat;}
.last_page:hover {background:url(../img_new/last-page-hover.png) no-repeat;}
.page_btn {
	background: #468cc8;
	width:40px;
	height:20px;
	border:none;
	border-radius:5px;
	color:#fff;
	}
.page_btn:hover { background:#006ac0;}
.page_number {	
	line-height:11px;
	color:#666;
	font-size:11px;
	float:left;
	}
.page_number input { width:25px; height:16px;}
/* page styles_end */

/* ContentArea_end */

/* QuickBox_start */
.quickbox {
	clear:both;
	width:1020px;
	height:auto;
	position: fixed;
	bottom: 0px;
	z-index: 9991;	
	}
.quickbox_top { height:12px; background: url(../img_new/quickbox-top-bg.png) repeat-x 0 0;}
.quickbox_content {
	height:auto;
	background:#fff;
	padding:0px 20px 10px 20px;
	background:#f9f5de;
	}
/* QuickBox_end */

.rootVoices {
    padding: 6px 5px 0 20px;
    margin: 0px 0px 0px 20px;
}

    .rootVoices td.rootVoice {
        vertical-align: middle;
        /*background-color:#fff;*/
        color: #fff;
        font-size: 14px;
        line-height: 30px;
        float:left;
        height: 30px;
        outline: medium none;
        padding: 0px 13px;
        cursor: pointer;
    }

        .rootVoices td.rootVoice.selected {
            background: #006ac0;
            color: #fff;
           /* -moz-box-shadow: #999 2px 2px 10px;
            -webkit-box-shadow: #999 2px 2px 10px;
            box-shadow: #999 2px 2px 10px;*/
        }

        .rootVoices td.stay {
            background: #006ac0;
            color: #fff;
           /* -moz-box-shadow: #999 2px 2px 10px;
            -webkit-box-shadow: #999 2px 2px 10px;
            box-shadow: #999 2px 2px 10px;*/
        }

        .rootVoices td.rootVoice.disabled.selected {
            box-shadow: #ddd 2px 2px 10px;
            -moz-box-shadow: #ddd 2px 2px 10px;
            -webkit-box-shadow: #ddd 2px 2px 10px;
            background: #245b92!important;
            color: #006ac0;
        }



    .rootVoices.vertical {
        width: 140px;
    }

        .rootVoices.vertical td.rootVoice {
            -moz-border-radius: 8px 0px 0 8px;
            -webkit-border-radius: 8px 0px 0px 8px;
            border-radius: 8px 0px 0 8px;
        }

 .mbmenu {
    display: none;
}

 .boxMenu {
   background: none repeat scroll 0 0 #fff;
    border: 1px solid #006ac0;
    border-radius: 5px;
    
    position: absolute;
    z-index: 888;
}

    .boxMenu h4 {
        white-space: nowrap;
        margin: 0 0 20px 0;
        padding: 3px;
        font: 18px/20px georgia, serif;
        padding-right: 20px;
    }

    /*¶þ¼¶²Ëµ¥Ã¿Áеı³¾°*/
    .boxMenu td, .boxMenu .firstTd, .boxMenu .lastTd {
        min-width: 160px;
        vertical-align: top;
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 0px 0px;
        
    }

    /*.boxMenu:after{
        left: 30px;
    }

   .boxMenu:after{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #fff;
    border-image: none;
    border-style: solid;
    border-width: 5px;
    content: "";
    position: absolute;
    top: -10px;
}*/

    .boxMenuAllReports after {
        right: 300px;
    }

    /*.boxMenuAllReports { top:40px; left:465px;}*/

   .boxMenuAllReports:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #fff;
    border-image: none;
    border-style: solid;
    border-width: 5px;
    content: "";
    position: absolute;
    top: -10px;
}

        .boxMenu .lastTd, .boxMenu td:last-child {
            border-right: 123px;
        }

        .boxMenu td:hover {
            
        }

            .boxMenu td:hover a {
                

            }

            .boxMenu td, .boxMenu .firstTd, .boxMenu .lastTd {
        min-width: 160px;
        vertical-align: top;
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 0px 0px;
        
    }

.boxMenu .after{
        left: 30px;
    }

.boxMenu .after{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #fff;
    border-image: none;
    border-style: solid;
    border-width: 5px;
    content: "";
    position: absolute;
    top: -10px;
}

    .boxMenuAllReports after {
        right: 300px;
    }

    /*.boxMenuAllReports { top:40px; left:465px;}*/

   .boxMenuAllReports:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #fff;
    border-image: none;
    border-style: solid;
    border-width: 5px;
    content: "";
    position: absolute;
    top: -10px;
}

        .boxMenu .lastTd, .boxMenu td:last-child {
            border-right: 123px;
        }

        .boxMenu td:hover {
            
        }

            .boxMenu td:hover a {
            }


  .boxMenu a {
        white-space: nowrap;
        display: block;
        padding: 5px;
        margin-bottom: 5px;
    }

        .boxMenu a img {
            padding-right: 5px;
        }
        /*#006ac0;*/ 
        .boxMenu a:hover {
            color: #fff;
            background: #3498db;
            box-shadow: #666 ;
            -moz-box-shadow: #666 2px 2px 4px;
            -webkit-box-shadow: #666 2px 2px 4px;
        }

        .boxMenu a img {
            border: 0;
        }

        .menuContainer {
    /*overflow:hidden;*/
    position: absolute;
    
    
    padding: 0;
    box-shadow: #999 2px 5px 10px;
    -moz-box-shadow: #999 2px 5px 10px;
    -webkit-box-shadow: #999 2px 5px 10px;
    border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    
}



    .menuContainer.submenuContainer {
        border-top: none!important;
    }

    .menuContainer.disabled {
        box-shadow: #ddd 2px 5px 10px;
        -moz-box-shadow: #ddd 2px 5px 10px;
        -webkit-box-shadow: #ddd 2px 5px 10px;
        border-top: 5px solid #f9f9f9;
        background-color: #f3f3f3;
    }

    .menuContainer .line {
        background-color: transparent;
        width: 100%;
    }

        .menuContainer .line.title {
            background-color: #245b92;
            /*border-bottom:1px solid black;*/
        }

    .menuContainer.disabled .line.title {
        background-color: #f9f9f9;
    }

    .menuContainer .line.title a {
        color: #fff;
    }

    .menuContainer.disabled .line.title a {
        color: #aaa;
    }

    .menuContainer td a {
        text-decoration: none;
        color: #000;
    }

    .menuContainer td.voice {
        padding: 7px;
    }

    .menuContainer .separator {
        background-color: #999;
        height: 1px;
        padding: 0;
        margin: 0;
    }

    .menuContainer td.img {
        text-align: center;
        color: #c3c3c3;
        background-color: transparent;
        width: 24px;
        padding: 5px;
    }

        .menuContainer td.img img {
            width: 20px;
        }

    .menuContainer .textBox {
        padding: 10px;
        color: #999;
    }

    .menuContainer .selected td {
        background-color: #f3f3f3;
        background-image: url("../img/bgnd_sel_2.jpg");
    }

        .menuContainer .selected td a {
            color: #000;
            display: block;
        }

    .menuContainer .disabled td, .menuContainer .disabled td a {
        color: #bbb;
    }

    .menuContainer .subMenuOpener {
        background-image: url("../img/menuArrow.gif");
        background-repeat: no-repeat;
        background-position: right;
    }

    .menuContainer .selected .subMenuOpener {
        background-image: url("../img/menuArrow.gif");
        background-repeat: no-repeat;
        background-position: right;
    }

/* Footer_start */
#footer {
    clear: both;
    height: 32px;
    margin-bottom: 10px;
    border-left: 3px solid #ccc;
    padding-left: 10px;
}
#footer dt{ padding: 0 0 3px 0;}
#footer dd{ font-size: 9px;}
/* Footer_end */


/* PopPanel_start */
.pop_pannel_white_right_top, .pop_pannel_white_left_top, .pop_pannel_white_top_right_top, .pop_pannel_white_top_left_top{
	 padding-left:11px;
	 line-height:40px;  
	 background:url(../img_new/pop-pannel-right-white_bg.png) left top no-repeat;
	 }
.pop_pannel_white_left_top { padding:0 11px 0 0; background:url(../img_new/pop-pannel-left-white_bg.png) right top no-repeat;}
.pop_pannel_white_top_right_top, .pop_pannel_white_top_left_top{
	line-height:5px;
	height:5px;
	font-size:3px;
	padding-left:6px;
	background:url(../img_new/pop-pannel-top-right-white_bg.png) left top no-repeat;
}
.pop_pannel_white_top_left_top{ padding:0 6px 0 0; background:url(../img_new/pop-pannel-top-left-white_bg.png) right top no-repeat; }
.pop_pannel_white_right_top span,  .pop_pannel_white_left_top span, .pop_pannel_white_top_right_top span, .pop_pannel_white_top_left_top span{ 
	display:block;
	background:url(../img_new/pop-pannel-right-white_bg.png) right top no-repeat;
	padding-right:6px;
}
.pop_pannel_white_left_top span{ background:url(../img_new/pop-pannel-left-white_bg.png) left top no-repeat; padding:0 0 0 6px;}
.pop_pannel_white_top_right_top span{ background:url(../img_new/pop-pannel-top-right-white_bg.png) right top no-repeat;}
.pop_pannel_white_top_left_top span{ background:url(../img_new/pop-pannel-top-left-white_bg.png) left top no-repeat; padding:0 0 0 6px;}
.pop_pannel_white_right_top em, .pop_pannel_white_left_top em, .pop_pannel_white_top_right_top em, .pop_pannel_white_top_left_top em{
	display:block;
	height:40px; 
	background:#fff; 
	border-top:1px solid #5eabe5;
}
.pop_pannel_white_top_right_top em, .pop_pannel_white_top_left_top em{ height:5px; }
.pop_pannel_white_right_middle_out, .pop_pannel_white_left_middle_out, .pop_pannel_white_top_right_middle_out, .pop_pannel_white_top_left_middle_out{
	margin-left:7px; 
	border-left:1px solid #5eabe5; 
	border-right:1px solid #5eabe5; 
	background:#fff;
	}
.pop_pannel_white_left_middle_out{ margin:0 7px 0 0;}
.pop_pannel_white_top_right_middle_out, .pop_pannel_white_top_left_middle_out{ margin:0;}
.pop_pannel_white_right_middle_in, .pop_pannel_white_left_middle_in, .pop_pannel_white_top_right_middle_in, .pop_pannel_white_top_left_middle_in{ padding:0 8px; position:relative; top:-30px;}
.pop_pannel_white_top_right_middle_in, .pop_pannel_white_top_left_middle_in{ top:0; padding:8px 8px;}
.pop_pannel_white_right_middle_in dl dd span, .pop_pannel_white_left_middle_in dl dd span, .pop_pannel_white_top_right_middle_in dl dd span, .pop_pannel_white_top_left_middle_in dl dd span { 
	display:inline-block; 
	line-height:16px;
	}
.pop_pannel_white_right_bottom, .pop_pannel_white_left_bottom, .pop_pannel_white_top_right_bottom, .pop_pannel_white_top_left_bottom{ 
	background:url(../img_new/pop-pannel-right-white_bg.png) left bottom no-repeat; 
	line-height:5px;
	font-size:3px;
	}
.pop_pannel_white_left_bottom{ background:url(../img_new/pop-pannel-left-white_bg.png) right bottom no-repeat;}
.pop_pannel_white_top_right_bottom, .pop_pannel_white_top_left_bottom{
	line-height:11px;
	height:11px;
	background:url(../img_new/pop-pannel-top-right-white_bg.png) left bottom no-repeat;
	}
.pop_pannel_white_top_left_bottom{ background:url(../img_new/pop-pannel-top-left-white_bg.png) right bottom no-repeat;}
.pop_pannel_white_right_bottom span, .pop_pannel_white_left_bottom span, .pop_pannel_white_top_right_bottom span, .pop_pannel_white_top_left_bottom span{ 
	display:block; 
	background:url(../img_new/pop-pannel-right-white_bg.png) right bottom no-repeat;
	}
.pop_pannel_white_left_bottom span{ background:url(../img_new/pop-pannel-left-white_bg.png) left bottom no-repeat;}
.pop_pannel_white_top_right_bottom span{ background:url(../img_new/pop-pannel-top-right-white_bg.png) right -6px no-repeat;}
.pop_pannel_white_top_left_bottom span{ background:url(../img_new/pop-pannel-top-left-white_bg.png) left -6px no-repeat;}
.pop_pannel_white_right_bottom em, .pop_pannel_white_left_bottom em, .pop_pannel_white_top_right_bottom em, .pop_pannel_white_top_left_bottom em {
	display:block;
	margin:0px 4px 0 10px;
	height:3px;
	background:#FFF;
	border-bottom:1px solid #5eabe5;
}
.pop_pannel_white_left_bottom em{ margin:0px 10px 0 4px;}
.pop_pannel_white_top_right_bottom em, .pop_pannel_white_top_left_bottom em{ margin:0 6px 0 40px; font-size:2px;}
.pop_pannel_white_top_left_bottom em{ margin:0px 40px 0 6px;}
/* PopPanel_end */




/* ColorBox_start */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
.colorbox_pitch{padding:10px;}
.colorbox_content_width_standard{width:770px;}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9995; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto; height:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url() no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url() repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url() no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url() no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url() repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url() no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url() repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url() repeat-y -25px 0;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(../img_new/loading.gif) no-repeat 5px 5px;}
        /*#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}*/
		#cboxClose{z-index:99999;width:16px;height:16px;position:absolute; top:15px; right:10px; display:block; color:#444;cursor:pointer;background:url(../img_new/btn-close.png) no-repeat;text-indent:-9999px;}
        #cboxClose:hover {background:url(../img_new/btn-close-hover.png) no-repeat;}
/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
/* ColorBox_start */

/*error class*/
label.error {
    color: #bb2d05;
    background: url(../img/unchecked.gif) no-repeat 0px 0px;
    padding-left: 16px;
}

label.success {
    background: url(../img/checked.gif) no-repeat 0px 0px;
    padding-left: 16px;
}

span.error {
    color: #bb2d05;
}

input.gray {
    color: #b9b9b9;
}

textarea.error, select.error, input.error {
    border: 1px #bb2d05 dashed;
}
/*error class*/

.info_loading {
    display: block;
    width: 30%;
    margin: 100px auto;
    height: 32px;
    padding: 8px 0 8px 40px;
    background: url(../img_new/loading.gif) left top no-repeat;
}

.info_alert, .info_failed, .info_succeed, .info_question, .info_detail, .info_question_new {
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    background: url(../img_new/icon-alert.png) no-repeat;
}

.info_failed {
    background: url(../img_new/icon-failed.png) no-repeat;
}

.info_succeed {
    background: url(../img_new/icon-succeed.png) no-repeat;
}

.info_detail {
    background: url(../img_new/icon-detail-info.png) no-repeat;
}

.info_question {
    background: url(../img_new/icon-question.png) no-repeat;
}
.info_question_new {
    background: url(../img/icon-question.png) no-repeat;
}
select#jump_list{
    width:auto;
}
.tag_location {
    float: left;
    width: 14px;
    cursor: pointer;
    margin-top: 5px;
}
.locationhref {
    background: none !important;
    border: none !important;
}

#ChargeAHCUpgradeFeeBox label {
    width: 170px;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
}