@charset "utf-8";
/* CSS Document */
body{font-family: Arial, Helvetica, sans-serif; font-size:12px; background:#efefef; color:#666666;}

/*====================*/
/*       COMMON       */
/*====================*/
th{text-align:center; font-weight:bold; color:#666;}
td{color:#666;}
.hide{display: none;}

h3 span{background:url("/bundles/jcore/images/common/structure/arrow_02.png") no-repeat scroll;}
input[type="radio"]{float:left; height:13px; width:13px; border:none; background:none;}
input[type="text"]{padding:5px; border:1px solid #DDDDDD;color:#666666;}
input[type="submit"],input[type="button"],input[type="reset"]{text-align:center; line-height:1; border:0 none; cursor:pointer; outline:none;color:#666666;}
input[type="checkbox"]{vertical-align:middle; width:13px; height:13px;border:0 none; }
textarea{background:url("/bundles/jcore/images/common/structure/message.jpg")  no-repeat scroll left top #ffffff;  height:120px; width:498px;}
input,select,textarea{border:1px solid #dddddd; color:#666;}
select{padding:4px 3px 5px 3px;}
input[type="submit"],input[type="button"],#footer .save{font-size:12px;}

/*--------------------*/
/*      COMMON PAGE   */
/*--------------------*/
#wrapper{width:1200px; margin:161px auto 80px; clear:both; border: 1px solid #efefef;}
.action .add{background:url("/bundles/jcore/images/common/structure/icon_bg.png") -24px -78px no-repeat scroll; margin-right:20px; }
.action .delete{background:url("/bundles/jcore/images/common/structure/icon_bg.png") 0 -78px no-repeat scroll; margin-right:10px; }
.action .add,.action .delete{display:block; width:23px; height:24px; float:right;margin-top: -30px; }

/***    footer   ***/
#footer{height:40px; width:100%; position:fixed; left:0; bottom:0; z-index:20; background:url("/bundles/jcore/images/common/structure/footer_bg.png") repeat-x top left #ffffff;}
#footer p{width:1140px; height:40px; margin:0 auto; line-height:45px; color:#A5A4A4; text-align:right;}
#footer a{float:left; display:block; height:40px; line-height:45px;}
#footer a.save{width:111px;  height:25px; line-height:25px; text-align:center; display:block; color:#ffffff; margin:9px 0 0 342px; cursor:pointer; background:url("/images/common/structure/btn.png") no-repeat -186px -41px;}
#footer .logo{margin-top: 10px;}
#footer .copyrights{font-size: 11px; color:#666}

/*--------------------*/
/*     MESSAGE PAGE   */
/*--------------------*/
.message_wrapper{position: relative}
.message .botom_left{padding:5px 0 5px 0;}
.message li{font-size:12px; padding:0 15px 0 20px; margin:0 0 0 15px; overflow:hidden; max-width:700px; white-space:normal;text-overflow:ellipsis;}

.error li.message_expend{cursor:pointer; background:none; text-align: center; margin-left: 0px;}
.success li.message_expend{cursor:pointer; background:none; text-align: center; margin-left: 0px;}

.error{background:#f4b8b7;}
.error .top_left{background:url("/bundles/jcore/images/common/structure/error_top_left.jpg") no-repeat scroll left top;}
.error .bottom_right{background:url("/bundles/jcore/images/common/structure/error_bottom_right.jpg") no-repeat scroll right bottom;
                     color: #666666;
}
.error .top_right{background:url("/bundles/jcore/images/common/structure/error_top_right.jpg") no-repeat scroll right top;}
.error .botom_left{background:url("/bundles/jcore/images/common/structure/error_bottom_left.jpg") no-repeat scroll left bottom; }

.success{background:#cbddb7;}
.success .top_left{background:url("/bundles/jcore/images/common/structure/success_top_left.jpg") no-repeat scroll left top;}
.success .bottom_right{background:url("/bundles/jcore/images/common/structure/success_bottom_right.jpg") no-repeat scroll right bottom;}
.success .top_right{background:url("/bundles/jcore/images/common/structure/success_top_right.jpg") no-repeat scroll right top;}
.success .botom_left{background:url("/bundles/jcore/images/common/structure/success_bottom_left.jpg") no-repeat scroll left bottom;}

.error li{background:url("/bundles/jcore/images/common/structure/message_error_bg.png") no-repeat scroll left top; color:#eb493d; margin-top:2px;}
.success li{background:url("/bundles/jcore/images/common/structure/message_success_bg.png") no-repeat scroll left top; color:#4c973d; margin-top:2px;}


.inner_wrapper{background:url("/bundles/jcore/images/common/structure/wrapper_bottom_2.png") no-repeat scroll left bottom; padding:0 0 12px 0;}
.outer_wrapper{background:url("/bundles/jcore/images/common/structure/wrapper_top_2.png") no-repeat scroll left top;}
/*.main_wrapper{background:url("/images/common/structure/wrapper_center_2.png") repeat-y scroll left center;}*/
.main_wrapper h3{background:url("/bundles/jcore/images/common/structure/wrapper_top_2.png") no-repeat scroll left top; padding:8px 0 8px 35px; font-size:18px; font-weight:normal;}
.main_wrapper h3.white_top{background:url("/bundles/jcore/images/common/structure/wrapper_top.png") no-repeat scroll left top; padding:8px 0 8px 35px; font-size:18px; font-weight:normal;}

/*labelify*/
.labelify-highlight{color:#999;}

/*--------------------*/
/*    ERROR MSG       */
/*--------------------*/
.error_list li{
    font-size:11px;
    color:red;
}

input.input_error, select.input_error{border:2px solid #EB493D;}

/*-------------------*/
/*    Popup          */
/*-------------------*/
.modal .msg{padding:3px; position:relative; z-index:2000; top:170px;  background:#ffffff !important; opacity:1;}
.msg .popup{background:#FFF; -moz-border-radius:8px 8px 8px 8px; position:relative; opacity:1;}
.msg .popup .popup_reset{height:25px; width:67px; text-align:center; line-height:25px; border:0 none; color:#ffffff;}
.msg .popup .popup_reset{background:url("/bundles/jcore/images/common/structure/btn.png") no-repeat 0 -41px; padding-bottom:4px;}
.msg .bread .active a{color:#1c8acb;}
.msg .popup h3{background:#e0e0e0;  -moz-border-radius:8px 8px 0px 0px;}
.msg .popup h3 span{margin-left:24px; padding-left:25px; background:url("/bundles/jcore/images/common/structure/arrow_02.png") no-repeat left center;}
.msg .popup a.close{position:absolute; top:-20px; right:-20px; height:28px; width:28px; display:block; background:url("/bundles/jcore/images/common/popup/close.png") no-repeat center center;}
.msg .popup textarea{width:450px; border:1px solid #dddddd; height:100px; padding:10px;}
.modal{
    /* must be initially hidden */
    display:none;
    /* place overlay on top of other elements */
    position:absolute;
    z-index:500;
    width:100%;
    height:100%;
}

.popup_wrapper{display:none;z-index: 9998;border:7px solid rgb(82, 82, 82); background:rgb(82, 82, 82); -moz-border-radius:8px 8px 8px 8px;}
.popup_wrapper .popup a.close{position:absolute; top:-16px; right:-16px; height:28px; width:28px; display:block; background:url("/bundles/jcore/images/common/popup/close.png") no-repeat center center;}
.popup_wrapper .popup .blue_btn{display:inline-block;color:white;cursor:pointer;width:67px;height:25px;background:url("/bundles/jcore/images/common/structure/btn.png") no-repeat -117px 0; text-align:center;line-height:25px;margin:0 5px 0 5px;}
.popup_wrapper .popup .gray_btn{display:inline-block;color:white;cursor:pointer;width:67px;height:25px;background:url("/bundles/jcore/images/common/structure/btn.png") no-repeat 0 -41px;text-align:center;line-height:25px;margin:0 5px 0 5px;}

.popup_wrapper a, .popup_wrapper a:hover{color:#309CCC;}


/* Jquery Tab UI */
.ui-widget{font-size:11px;}
.ui-tabs{margin:0 20px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor: pointer;color:#666666;}
ui-tabs-nav li.ui-tabs-selected a:hover, .ui-tabs .ui-tabs-nav li.ui-state-disabled a:hover,.ui-tabs .ui-tabs-nav li.ui-state-hover a:hover, .ui-tabs .ui-tabs-nav li.ui-state-processing a:hover {cursor: pointer;color:#666666;}
.ui-corner-all{border-radius:0px;}
.ui-widget-header{background:none; border:0; border-bottom: 1px solid #CCCCCC;}


/* pager */

.pager {
    font-size:11px;
    clear:both;
    color:#7498BB;
    display:block;
    height:30px;
    margin:20px auto auto;
    text-align:center;
    width:100%;
}
.pager #current_page {
    background:#EBEBEB none repeat scroll 0 0;
    color:#419CD3;
    font-weight:bold;
    padding:0 8px;
}
.pager a {
    color:#b2b1b1 !important;
    font-weight:bold;
    padding:0 8px;
    text-decoration:none;
}
.pager a:hover {
    color:#419CD3;
    background:#EFEBEF none repeat scroll 0 0;
}


/*--------------------*/
/*    app menu       */
/*--------------------*/
#app_menu{
    position: relative;
    width:110px;
}
#app_menu .tilemenu{
    padding-left: 5px;
}
#app_menu ul{
    margin: 0px;
}
#app_menu .app_menu_list{
    display:block;
}
#app_menu .app_menu_lv2{
    display:none;
    position: absolute; 
    top:32px;
    z-index:1001;
    font-weight: bold;
    background: #FFFFFF;
    border: 1px solid #BEBEBE;
    border-top: none;
    -moz-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.2);
}
#app_menu .app_menu_lv2 li{
    text-align: left;margin: 0 auto;	
    float:none; 
    position:relative; 
    width:109px;
    padding-top: 8px;
}
#app_menu .app_menu_lv2 li.last{
    padding-bottom: 10px;
}
#app_menu .hr_line{
    border-top: 1px solid #E5E5E5;
    font-size: 0;
}
#app_menu .app_menu_lv2 li a{
    text-indent:0; 
    padding:0; 
    padding-left:35px;
    color:	#000; 
    text-decoration:none; 
    padding-top:5px;
    padding-bottom:4px;
    z-index:5000;
}
/*report*/
.top_menu .report_menu_icon{
    margin-left: 25px;
    padding-left:35px;    
    background: url("/bundles/jcore/images/common/top_menu/report.png") no-repeat 10px 2px;
}

.top_menu .report_menu_active_icon{
    margin-left: 25px;  
    padding-left:35px;
    background:  url("/bundles/jcore/images/common/top_menu/report_active.png") no-repeat 9px 2px;
    color:#FFF;
}

/*my home*/
.top_menu .myhome_menu_icon {
    margin-left: 10px;
    padding-left:25px;
    background: url("/bundles/jcore/images/common/top_menu/myhome.png") no-repeat 0px 2px;
}
.top_menu .myhome_menu_active_icon{
    margin-left: 5px;    
    padding-left: 25px;
    background:  url("/bundles/jcore/images/common/top_menu/myhome_active.png") no-repeat 0px 2px;
    color:#FFF;
}

/*application general*/
#app_menu .arrow_icon {
    position: absolute;
    top:9px;
    right:20px;
    height:5px;
    width:5px;
    background: url("/bundles/jcore/images/common/search/arrow-sprite.png") no-repeat;
}
#app_menu .app_menu_lv2  cufon.cufon-canvas{
    margin-top: 2px;
}

#app_menu .application_menu_active_icon {
    padding-left: 34px;
    background: url("/bundles/jcore/images/common/top_menu/application.png") no-repeat 9px 2px;
}
#app_menu .application_menu_active_icon.activeclick {
    background: #FFFFFF url("/bundles/jcore/images/common/top_menu/application.png") no-repeat 9px 2px !important;
    border: 1px solid #BEBEBE;
    border-bottom: none;
    padding-bottom: 12px;
    color:	#000;    
} 
/*order*/
#app_menu .order_menu_active_icon.activeclick {
    background: #FFFFFF url("/bundles/jcore/images/common/top_menu/order.png") no-repeat 9px 2px !important;
    border: 1px solid #BEBEBE;
    border-bottom: none;
    padding-bottom: 12px;
    color:	#000;    
}
#app_menu .app_menu_lv2 li a.order_menu_icon:hover{
    background:  #F5F5F5 url("/bundles/jcore/images/common/top_menu/order.png") no-repeat 10px 4px;
}
#app_menu .order_menu_icon{
    background:  #FFFFFF url("/bundles/jcore/images/common/top_menu/order.png") no-repeat 10px 2px;
}
#app_menu .order_menu_active_icon{
    padding-left: 34px;
    background:  url("/bundles/jcore/images/common/top_menu/order_active.png") no-repeat 9px 2px;
    color:#FFF;
}
#app_menu .app_menu_lv2 li a.order_menu_icon{
    background-position: 10px 4px;
}

/*claim*/
#app_menu .claim_menu_active_icon.activeclick {
    background: #FFFFFF url("/bundles/jcore/images/common/top_menu/claim.png") no-repeat 9px 2px !important;
    border: 1px solid #BEBEBE;
    border-bottom: none;
    padding-bottom: 12px;
    color:	#000;
} 
#app_menu .app_menu_lv2 li a.claim_menu_icon:hover{
    background:  #F5F5F5 url("/bundles/jcore/images/common/top_menu/claim.png") no-repeat 10px 4px;
}
#app_menu .claim_menu_icon{
    background:  #FFFFFF url("/bundles/jcore/images/common/top_menu/claim.png") no-repeat 10px 2px;
}
#app_menu .claim_menu_active_icon{
    padding-left: 34px;
    background:  url("/bundles/jcore/images/common/top_menu/claim_active.png") no-repeat 9px 2px;
    color:#FFF;
}
#app_menu .app_menu_lv2 li a.claim_menu_icon{
    background-position: 10px 4px;
}

/*compliance*/
#app_menu .compliance_menu_active_icon.activeclick {
    background: #FFFFFF url("/bundles/jcore/images/common/top_menu/compliance.png") no-repeat 9px 2px !important;
    border: 1px solid #BEBEBE;
    border-bottom: none;
    padding-bottom: 12px;
    color:	#000;
} 
#app_menu .app_menu_lv2 li a.compliance_menu_icon:hover{
    background:  #F5F5F5 url("/bundles/jcore/images/common/top_menu/compliance.png") no-repeat 10px 4px;
}
#app_menu .compliance_menu_icon{
    background:  #FFFFFF url("/bundles/jcore/images/common/top_menu/compliance.png") no-repeat 10px 2px;
}
#app_menu .compliance_menu_active_icon{
    padding-left: 34px;
    background:  url("/bundles/jcore/images/common/top_menu/compliance_active.png") no-repeat 9px 2px;
    color:#FFF;
}
#app_menu .app_menu_lv2 li a.compliance_menu_icon{
    background-position: 10px 4px;
}


/*fabric*/
#app_menu .fabric_menu_active_icon.activeclick {
    background: #FFFFFF url("/bundles/jcore/images/common/top_menu/fabric.png") no-repeat 9px 2px !important;
    border: 1px solid #BEBEBE;
    border-bottom: none;
    padding-bottom: 12px;
    color:	#000;
}
#app_menu .app_menu_lv2 li a.fabric_menu_icon:hover{
    background:  #F5F5F5 url("/bundles/jcore/images/common/top_menu/fabric.png") no-repeat 10px 4px;
}
#app_menu .fabric_menu_icon{
    background:  #FFFFFF url("/bundles/jcore/images/common/top_menu/fabric.png") no-repeat 10px 2px;
}

#app_menu .fabric_menu_active_icon{
    padding-left: 34px;
    background:  url("/bundles/jcore/images/common/top_menu/fabric_active.png") no-repeat 9px 2px;
    color:#FFF;
}
#app_menu .app_menu_lv2 li .fabric_menu_icon{
    background-position: 10px 4px;
}

/*3fs*/
#app_menu .threefs_menu_active_icon.activeclick {
    background: #FFFFFF url("/bundles/jcore/images/common/top_menu/fs.png") no-repeat 9px 2px !important;
    border: 1px solid #BEBEBE;
    border-bottom: none;
    padding-bottom: 12px;
    color:	#000;
}
#app_menu .app_menu_lv2 li a.threefs_menu_icon:hover{
    background:  #F5F5F5 url("/bundles/jcore/images/common/top_menu/fs.png") no-repeat 10px 4px;
}
#app_menu .threefs_menu_icon{
    background:  #FFFFFF url("/bundles/jcore/images/common/top_menu/fs.png") no-repeat 10px 2px;
}

#app_menu .threefs_menu_active_icon{
    padding-left: 34px;
    background:  url("/bundles/jcore/images/common/top_menu/fs_active.png") no-repeat 9px 2px;
    color:#FFF;
}
#app_menu .app_menu_lv2 li .threefs_menu_icon{
    background-position: 10px 4px;
}
/*showroom*/
#app_menu .showroom_menu_active_icon.activeclick {
    background: #FFFFFF url("/bundles/jcore/images/common/top_menu/showroom.png") no-repeat 9px 2px !important;
    border: 1px solid #BEBEBE;
    border-bottom: none;
    padding-bottom: 12px;
    color:	#000;
}
#app_menu .app_menu_lv2 li a.showroom_menu_icon:hover{
    background:  #F5F5F5 url("/bundles/jcore/images/common/top_menu/showroom.png") no-repeat 10px 4px;
}
#app_menu .showroom_menu_icon{
    background:  #FFFFFF url("/bundles/jcore/images/common/top_menu/showroom.png") no-repeat 10px 2px;
}

#app_menu .showroom_menu_active_icon{
    padding-left: 34px;
    background:  url("/bundles/jcore/images/common/top_menu/showroom_active.png") no-repeat 9px 2px;
    color:#FFF;
}
#app_menu .app_menu_lv2 li .showroom_menu_icon{
    background-position: 10px 4px;
}
/*style*/
#app_menu .style_menu_active_icon.activeclick {
    background: #FFFFFF url("/bundles/jcore/images/common/top_menu/style.png") no-repeat 9px 2px !important;
    border: 1px solid #BEBEBE;
    border-bottom: none;
    padding-bottom: 12px;
    color:	#000;
}
#app_menu .app_menu_lv2 li a.style_menu_icon:hover{
    background:  #F5F5F5 url("/bundles/jcore/images/common/top_menu/style.png") no-repeat 10px 4px;
}
#app_menu .style_menu_icon{
    background:  #FFFFFF url("/bundles/jcore/images/common/top_menu/style.png") no-repeat 10px 2px;
}

#app_menu .style_menu_active_icon{
    padding-left: 34px;
    background:  url("/bundles/jcore/images/common/top_menu/style_active.png") no-repeat 9px 2px;
    color:#FFF;
}
#app_menu .app_menu_lv2 li .style_menu_icon{
    background-position: 10px 4px;
}
/*costing*/
#app_menu .costing_menu_active_icon.activeclick {
    background: #FFFFFF url("/bundles/jcore/images/common/top_menu/costing.png") no-repeat 9px 2px !important;
    border: 1px solid #BEBEBE;
    border-bottom: none;
    padding-bottom: 12px;
    color:	#000;
}
#app_menu .app_menu_lv2 li a.costing_menu_icon:hover{
    background:  #F5F5F5 url("/bundles/jcore/images/common/top_menu/costing.png") no-repeat 10px 4px;
}
#app_menu .costing_menu_icon{
    background:  #FFFFFF url("/bundles/jcore/images/common/top_menu/costing.png") no-repeat 10px 2px;
}
#app_menu .costing_menu_active_icon{
    padding-left: 34px;
    background:  url("/bundles/jcore/images/common/top_menu/costing_active.png") no-repeat 9px 2px;
    color:#FFF;
}
#app_menu .app_menu_lv2 li a.costing_menu_icon{
    background-position: 10px 4px;
}
/*admin*/
#app_menu .admin_menu_active_icon.activeclick {
    background: #FFFFFF url("/bundles/jcore/images/common/top_menu/admin.png") no-repeat 9px 2px !important;
    border: 1px solid #BEBEBE;
    border-bottom: none;
    padding-bottom: 12px;
    color:	#000;
}
#app_menu .app_menu_lv2 li a.admin_menu_icon:hover{
    background:  #F5F5F5 url("/bundles/jcore/images/common/top_menu/admin.png") no-repeat 10px 4px;
}
#app_menu .admin_menu_icon{
    background:  #FFFFFF url("/bundles/jcore/images/common/top_menu/admin.png") no-repeat 10px 2px;
}
#app_menu .admin_menu_active_icon{
    padding-left: 34px;
    background:  url("/bundles/jcore/images/common/top_menu/admin_active.png") no-repeat 9px 2px;
    color:#FFF;
}
#app_menu .app_menu_lv2 li a.admin_menu_icon{
    background-position: 10px 4px;
}
/*quit*/
#app_menu .app_menu_lv2 li a.quit_menu_icon:hover{
    background:  #F5F5F5 url("/bundles/jcore/images/common/top_menu/quit.png") no-repeat 10px 6px;
}
#app_menu .quit_menu_icon{
    background:  #FFFFFF url("/bundles/jcore/images/common/top_menu/quit.png") no-repeat 10px 6px;
}
#app_menu .app_menu_lv2 li .quit_menu_icon{
    background-position: 10px 6px;
}


/*--------------------*/
/*    support menu    */
/*--------------------*/
#support_menu{
    position: relative;
    width:160px;
    margin-left: 25px;
}
#support_menu .tilemenu{
    padding-left: 5px;
}
#support_menu ul{
    margin: 0px;
}
#support_menu .support_menu_list{
    display:block;
}
#support_menu .support_menu_lv2{
    display:none;
    position: absolute; 
    top:32px;
    z-index:1001;
    font-weight: bold;
    background: #FFFFFF;
    border: 1px solid #BEBEBE;
    border-top: none;
    -moz-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.2);
}
#support_menu .support_menu_lv2 li{
    text-align: left;margin: 0 auto;	
    float:none; 
    position:relative; 
    width:159px;
    padding-top: 8px;
}
#support_menu .support_menu_lv2 li.last{
    padding-bottom: 10px;
}
#support_menu .hr_line{
    border-top: 1px solid #E5E5E5;
    font-size: 0;
}
#support_menu .support_menu_lv2 li a{
    text-indent:0; 
    padding:0; 
    padding-left:35px;
    color:	#000; 
    text-decoration:none; 
    padding-top:5px;
    padding-bottom:4px;
    z-index:5000;
}

/*support general*/
#support_menu .arrow_icon {
    position: absolute;
    top:9px;
    left:95px;
    right:auto;
    height:5px;
    width:5px;
    background: url("/bundles/jcore/images/common/search/arrow-sprite.png") no-repeat;
}
#support_menu .app_menu_lv2  cufon.cufon-canvas{
    margin-top: 2px;
}

#support_menu .application_menu_active_icon {
    padding-left: 34px;
    background: url("/bundles/jcore/images/common/top_menu/support.png") no-repeat 9px 2px;
}
#support_menu .application_menu_active_icon.activeclick {
    background: #FFFFFF url("/bundles/jcore/images/common/top_menu/support.png") no-repeat 9px 2px !important;
    border: 1px solid #BEBEBE;
    border-bottom: none;
    padding-bottom: 12px;
    color:	#000;    
} 

/*wiki*/
#support_menu .support_menu_lv2 li a.wiki_menu_icon:hover{
    background:  #F5F5F5 url("/bundles/jcore/images/common/top_menu/wiki.png") no-repeat 10px 4px;
}
#support_menu .wiki_menu_icon{
    background:  #FFFFFF url("/bundles/jcore/images/common/top_menu/wiki.png") no-repeat 10px 4px;
}
#support_menu .support_menu_lv2 li .wiki_menu_icon{
    background-position: 10px 4px;
}
#support_menu .support_menu_lv2 li .wiki_menu_icon span{
    padding-top: 2px;
}

/*website*/
#support_menu .support_menu_lv2 li a.website_menu_icon:hover{
    background:  #F5F5F5 url("/bundles/jcore/images/common/top_menu/website.png") no-repeat 10px 4px;
}
#support_menu .website_menu_icon{
    background:  #FFFFFF url("/bundles/jcore/images/common/top_menu/website.png") no-repeat 10px 4px;
}
#support_menu .support_menu_lv2 li .website_menu_icon{
    background-position: 10px 4px;
}
#support_menu .support_menu_lv2 li .website_menu_icon span{
    padding-top: 2px;
}

/*search*/
#support_menu .search_menu{
    position: relative;
}

#support_menu .search_menu input[type=text]{
    margin-left: 10px;
    width:125px;
}

#support_menu .search_menu input[type=image]{
    border:0px;
    position: absolute;
    right:16px;
    top:15px;
}


/* metro popup */
.MessageBoxContainer {color: inherit;}
.MessageBoxButtonSection{display: none}
.MessageBoxMiddle{left: 0;margin: 0 auto}
.metro_popup_wrapper{margin-top: 20px;}
.metro_popup_wrapper .popup_holder.en{font-family: "Raleway",sans-serif;}
.metro_popup_wrapper .popup_holder.zh-cn {font-family: "Microsoft YaHei";}
.metro_popup_wrapper .metro_popup_tmp{height: 0; width: 0; display: none;}
.metro_popup_wrapper h1{
    border-bottom: 1px solid #D2D2D2;
    padding-bottom:  5px;
    color: #84868e;
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 15px;
}
.metro_popup_wrapper .content{margin: 0 20px;}
.metro_popup_wrapper .btns{
    text-align: right;
    margin: 20px 0;
    padding-top: 20px;
    border-top: 1px solid #D2D2D2;
}
.metro_popup_wrapper .btns a{
    height: 30px;
    width: 65px;
    background: #E7E5E5;
    color: #A3A3A3;
    padding: 9px 5px 5px 5px;
    line-height: 13px;
    text-align: center;
    font-size: 12px;
}
@media screen and (max-width:900px){
    #MsgBoxBack .auto_width{width: 70%}
}
@media screen and (min-width:900px){
    #MsgBoxBack .auto_width{width: 900px;}
}

.metro_popup_wrapper .gray_btn {margin:0 0px 0 5px;display: inline-block;font-size: 12px;color: #A3A3A3;opacity:1}
.metro_popup_wrapper .btns a:hover{background: #EDEAEA;}
.popup_holder{display: none}
#MsgBoxBack .popup_holder{display: block}
.metro_popup_wrapper a.blue_btn {background: #309CCC;color: #FFFFFF;display: inline-block; margin-left: 5px;}
.metro_popup_wrapper a.blue_btn:hover {background: #35ABE0;text-decoration: none}
.metro_popup_wrapper table tr{line-height: 20px;}
.metro_popup_wrapper table th{text-align: left;font-weight: normal;color: #999;}

.metro_popup_wrapper .form-horizontal .form-group {margin-right: 0; margin-left: 0}
.metro_popup_wrapper .form-horizontal .control-label {color: #85868d;}
#jcrop_catch_wrapper .jcrop-holder {
    margin: 0 auto;
}

/* popup tcAlert */
#tcAlerts_popup_container #tcAlerts_popup_panel{
    width: 100%;
    height: 50px;
    padding-bottom: 26px;
    text-align:right;
    border-top: 1px solid #D2D2D2;
    padding-top: 20px;
    margin-bottom: 20px;
}
#tcAlerts_popup_container #tcAlerts_popup_panel a{font-size: 12px;}
#tcAlerts_popup_container #tcAlerts_popup_panel a.gray_btn{
    background: none repeat scroll 0 0 #E7E5E5;
    color: #A3A3A3;
    height: 30px;
    line-height: 13px;
    padding: 10px 5px;
    text-align: center;
    width: 65px;
    display: block;
    float: right;
    margin-left: 5px;
}

#tcAlerts_popup_container #tcAlerts_popup_panel a:hover{background: #EDEAEA;}
#tcAlerts_popup_container #tcAlerts_popup_panel a#tcAlerts_popup_ok{color: #FFF;background-color: #309ccc;}
#tcAlerts_popup_container #tcAlerts_popup_panel a#tcAlerts_popup_ok:hover{background: #35abe0;color: #FFF}
#tcAlerts_popup_container #tcAlerts_popup_title{
    font-size:32px;
    font-weight: 300;
    text-align:left;
    margin-top:30px;
    border-bottom: 1px solid #D2D2D2;
    color: #84868e;
}

#tcAlerts_popup_container #tcAlerts_popup_message{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 25px;
    font-weight: normal;
    padding: 20px 8px;
    text-align:left;
    min-height:35px;
}

@media screen and (max-width:830px){
    #tcAlerts_popup_container .auto_width{width: 70%}
}
@media screen and (min-width:830px){
    #tcAlerts_popup_container .auto_width{width: 830px;}
}
/* messager */

.message_wrapper{ margin:10px 0 10px 0;}
.message_wrapper.alert{padding: 15px;border-radius: 4px;}
.message_wrapper .glyphicon{top: 2px; padding:0 10px 0 0;}

/* error */
.has_error .form-control{/*color: #e9573f;*/ border:1px solid red;}
.error-item{padding-left:0;}
.error-item li{
    list-style: none outside none;
    color: #e9573f;
}

ul{list-style: none;padding: 0px;}
form label em{color: #e9573f;float: right;font-size: 20px;}

/* exception error 404 403*/
.exception_error_wrapper{
    margin-top: 8%;
}
.exception_error_code{position: relative;}
.exception_error_code h1{
    font-size:150px;
    font-weight:800;
}
.exception_error_code img{
    left: 200px;
    max-width: 100px;
    position: absolute;
    top: -25px;
}
