@charset "utf-8";
@font-face {
    font-family: 'ModernHLight';
    src:url('../fonts/haos/modernh-light-webfont.eot');
    src:url('../fonts/haos/modernh-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/haos/modernh-light-webfont.woff') format('woff'),
        url('../fonts/haos/modernh-light-webfont.ttf') format('truetype'),
        url('../fonts/haos/modernh-light-webfont.svg#ModernHLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
ol,ul {list-style: none;}

body {
	font-family: 'ModernHLight', 'arial';	
	background:#eee;
	line-height: 1;
	text-align:center;
}
#pageBody {background:#fff;width:100%;}
#pageHeader {background: url(../images/haos/login/header_bg.gif) repeat-x;
	height:40px;
	width:100%;
}
#pageHeader h1 {
	width:940px;
	margin:0 auto;
	text-align:left;
}
#pageHeader h1 span {
	width:260px;
	height:40px;
	text-indent:-2000px;
	display:block;
	overflow:hidden;
	background:url(../images/haos/login/logo.gif) no-repeat 0px 10px;
}

#mainVisual {width:940px;margin:0 auto;padding-top:35px;} 
#mainVisual span {width:600px;height:340px;display:block;margin:0 0 0 340px;padding:0;} 
#mainVisual ul {width:600px;height:162px;}

.mainPhrase {width:940px;height:130px;margin:0 auto;display:block;z-index:2;margin-top:-330px;text-align:left;padding-bottom:10px;}
.mainPhrase h3 {font-weight:bold;font-size: 37px;font-family: ModernHLight;color:#333; text-transform: uppercase;padding:10px 0 10px 0;}
.mainPhrase p {font-weight:normal;font-size: 26px;font-family: ModernHLight;color:#777; text-transform: uppercase;line-height:30px;}
.loginBox {clear:both;width:940px;margin:0 auto;display:block;z-index:2;text-align:left;}
#loginWrap {
	width: 275px;	
	height:245px;
	text-align:left;
}
#loginWrap .placeholder label {
	position:absolute;
	top:7px;
	left:15px;
	z-index:1;
	font-weight:normal;
	font-family: ModernHLight;
	font-size: 13px;
	line-height:13px;
	color: #888;
}
#loginWrap .placeholder {
	position:relative;
	width: 275px;
	height: 30px;
	margin-top: 7px;
	border:1px solid #dbdbdb;
	background:#f9f9f9;
} 
#loginWrap .placeholder input {
	position:absolute;
	z-index:3;
	width: 275px;
	height: 30px;
	font-weight:normal;
	font-family: ModernHLight;
	font-size: 13px;
	color: #333;
	outline: none;
	padding:0 0 0 15px;
	line-height:30px;
	vertical-align:middle;
	background:transparent;
	border:none;
}
#loginWrap .placeholder input:focus {
	background:#fff;
}
#loginWrap #txtName input {
	margin-top: 0px;
}
#loginWrap input.loginBtn {
	float:right;
	width: 150px;
	height: 30px;
	margin-top: 7px;
	color: #fff;
	font-weight:bold;
	font-family: ModernHLight;
	font-size: 13px;
	outline: none;
	border:none;
	background:#ad927d url(../images/haos/login/bull_submit.gif) 120px center no-repeat;
	cursor: pointer;
	text-align:left;
	padding-left:15px;
	vertical-align:middle;
}
#loginWrap input.loginBtn:hover, #loginWrap input.loginBtn:active {
	background:#a3816a url(../images/haos/login/bull_submit.gif) 120px center no-repeat;
}
#loginWrap label.saveID {
	display: inline-block;
	padding:17px 0 17px 0;
	font-weight:normal;
	font-size: 11px;
	font-family: arial;
	color:#888;
	cursor:pointer;
}
#loginWrap .saveID input  {
	padding:0 4px 0 0;
}
#loginWrap input.pwBtn {
	clear:both;
	cursor:pointer;
	border:none;
	background:transparent;
	font-weight:normal;
	font-family: ModernHLight;
	font-size: 14px;
	color:#888;
	padding:5px 0px 5px 0px;
	width:131px;
	text-align:left;
	background: url(../images/haos/login/bull_request.gif) right	 center no-repeat;
}
#loginWrap input.pwBtn:hover, #loginWrap input.pwBtn:active {
	color:#333;
}
#loginWrap .errorMsg {
	font:normal;
	font-family:arial;
	font-size: 9px;
	font-size:13px;
	color:#000;
	padding:3px 0 3px 17px;
	background: url(../images/haos/login/bull_error.gif) left	 center no-repeat;
}
#pageFooter {
	width:940px;
	margin:0 auto;
	font:normal 12px arial;
	text-align:left;
}
#pageFooter .info {
	padding:30px 0 25px 0;
	color:#9e9e9e;
}
#pageFooter .info h4 {
	color:#585858;
	padding-bottom:10px;
}
#pageFooter .info li {
	padding:0 0 4px 0;
}
#pageFooter .copyright {
	padding:17px 0 20px 0;
	color:#b6b6b6;
	background: url(../images/haos/login/logo_bottom.gif) left top no-repeat;
}


.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
	text-align: left;
	width:600px;
}
.bx-wrapper img {
	display: block;
}
.bx-wrapper .bx-viewport {}
.bx-wrapper .bx-pager {
	position: absolute;
	bottom: -20px;
	width:600px;
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/haos/car0.png) center center no-repeat #fff;
	height: 100%;
	width:600px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
.bx-wrapper .bx-pager {
	width:600px;
	text-align: center;
	padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: url(../images/haos/login/rollimg/pager_circle.gif) center center no-repeat ;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: url(../images/haos/login/rollimg/pager_circle_on.gif) center center no-repeat ;
}




/***** Common Table *****/
.kb_table {background-color:white;margin:5px 0 0 0;}
.kb_table.no_margin {margin:0;}
.kb_table table {width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;border:1px solid #e1e1e1;}
.kb_table tr.on td {background-color:#f9f9f9;font-weight:bold;}
.kb_table th,
.kb_table td {font:12px/1em arial,sans-serif;color:#000;vertical-align:middle;}
.kb_table td a:link {color:#6e1b1f;}
.kb_table th {line-height:30px;font-weight:bold;border-bottom:1px solid #bd020a;text-align:center;}
.kb_table td {line-height:29px;padding:0 5px;text-align:left;word-break:break-all;}
.kb_table .in_item {padding-right:15px;}
/* 2014.04.28 shkim. Title 색상 추가 */
.kb_table td.impact {color:#E7981C;}

/* overflow ellipsis */
.kb_table.tb_ellipsis td {white-space:nowrap !important;text-overflow:ellipsis !important;overflow:hidden !important;}

/* custom table */
.iframe_kb_body .kb_table {margin:0;}
.iframe_kb_body .kb_table th {height:30px;border-bottom:1px solid #c2c2c2;background:#e9e9e9;}
.iframe_kb_body .kb_table.tb_list td {padding:5px 5px;}
.iframe_kb_body .kb_button_area {background-color:transparent;border:0;}
.iframe_kb_body .tt_line button.kb_btn {float:right;}

.popup_kb_body .kb_table,
.popup_kb_body .kb_button_area  {margin:0 0 5px;}

.kb_table th.tc,
.kb_table td.tc {text-align:center !important;padding:0 !important;}
.kb_table th.tr,
.kb_table td.tr {text-align:right !important;}
.kb_table th.tl,
.kb_table td.tl {text-align:left !important;}


/* border - control */
.del-border-t {border-top:0 !important;}
.del-border-b {border-bottom:0 !important;}
.del-border-l {border-left:0 !important;}
.del-border-r {border-right:0 !important;}
.del_border_all,
.kb_table.del_border_all table {border:0 !important;}
.only_border_bottom {border-top:0 !important;border-right:0 !important;border-left:0 !important;border-bottom:2px solid #333 !important;}
.create_border_all {border:1px solid #e1e1e1 !important;}

/* margin - control */
.margin-t-5 {margin-top:5px !important;}
.margin-b-5 {margin-bottom:5px !important;}
.margin-l-5 {margin-left:5px !important;}
.margin-r-5 {margin-right:5px !important;}


.kb_body li.lc {border-bottom:0;}

/* List Table */
.kb_table.tb_list td {border-bottom:1px solid #e1e1e1;}

/* Data Grid Table */
.kb_table.tb_grid td {border-right:1px solid #eeeeee;border-bottom:1px solid #e1e1e1;}

/* grid table - Monitoring */
.kb_table.tb_monitoring tr.division_line td,
.kb_table.tb_monitoring td.td_rowspan {border-bottom:1px solid #5F5F5F;} 
.kb_table.tb_monitoring td {border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.kb_table.tb_monitoring th {border-right:1px solid #e1e1e1;}
.kb_table.tb_monitoring th.last_th,.kb_table.tb_monitoring td.last_td {border-right:0;}
.kb_table.tb_monitoring td.p_yes {background-color:#aed5ff;color:#1F8BFF;}
.kb_table.tb_monitoring td.p_no {background-color:#a7ffa3;color:#079C00;}
.kb_table.tb_monitoring td.p_yes,
.kb_table.tb_monitoring td.p_no {border-bottom:1px solid #419CFF;border-right:1px solid #419CFF;text-align:center;}
/* Detail Table */
.kb_table.tb_detail td {border-bottom:1px solid #e1e1e1;}
.kb_table.tb_detail tr.tr_tt td,
.kb_table.tb_detail tr.tr_tt th {text-align:left;font-size:17px;line-height:45px;border-bottom:1px solid #bd020a;font-weight:bold;color:#434c55;padding-left:20px;}
.kb_table.tb_detail th {font-weight:bold;font-size:12px;border-bottom:1px solid #e1e1e1;}

/* Form Table */
.kb_table.tb_form {padding:0;}
.kb_table.tb_form table {width:100%;}
.kb_table.tb_form td {position:relative;border-bottom:1px dotted #dedede;}
.kb_table.tb_form th {font-weight:bold;font-size:11px;border-bottom:0;text-align:left;padding-left:15px;background-color:#eeeeee;height:auto;line-height:30px;border-bottom:1px solid #dedede;}
.kb_table.tb_form th.required {background:#eeeeee url('../images/haos/required.png') no-repeat left;}
.kb_table.tb_form td.td_editor {padding:0;line-height:auto;}
.kb_table.tb_form tr.alert-message td {background-color:#eeeeee;font-weight:bold;color:#bb162b;text-align:center;line-height:20px;padding:5px 0;}
.kb_table.tb_form td input.file_input{padding:0;margin:0;border:0;opacity:0;filter:alpha(opacity=0);width:19px;height:18px;}
.kb_table.tb_form input[type="radio"] {margin-right:5px;}
.kb_table.tb_form .input_tt,.kb_table.tb_form label {margin-right:10px;}
.kb_table.tb_form .kb_input {background-color:white;text-indent:5px;line-height:22px;}
.kb_table.tb_form .kb_input_wrap {margin:0 0 5px 0;}
.kb_table.tb_form .kb_textarea {background-color:white;margin:3px 0;}
.kb_table.tb_form .field_desc {padding:0 5px;font-size: 11px;color:gray;}
.kb_table.tb_form .field_desc_popup {padding:0 10px;background:#9b9b9b;position:absolute;right:10%;top:0;bottom:0;color:white;z-index:99;}
.field_desc_popup span.desc_bg {display:inline-block;position:absolute;width:15px;height:15px;background:#656565;right:-15px;top:50%;margin-top:-7px;}
.kb_table.tb_form .form_txt_space {margin-left:10px;margin-right:10px;}
.kb_file_list span {display:inline-block;padding:0 2px 5px 2px;margin-right:10px;font-size:12px;letter-spacing: 1;}
.kb_input_wrap span.file_name {line-height:22px;display:inline-block;}
.kb_image_view {width:100%;background:#f2f5f9 url('../images/haos/no-image-small.png') no-repeat center center;border:1px solid #C3DDFF;overflow:hidden;}
.kb_image_view img {width:100%;height:auto;}
.kb_table .kb_search_detail_wrap {border:0;background-color:white;}
* html .kb_table.tb_form .kb_input {line-height:22px;padding-left:5px;text-indent:0;}
* html .kb_table.tb_form td {position:static;}

/* Search Table */
.kb_table.tb_search {position:relative;padding:4px 0;margin-bottom:5px;margin-top:-1px;border:1px solid #e1e1e1;}
.tb_search.search_table {margin-bottom:-6px;margin-top:5px;background-color:#fafafa;}
* html .kb_table.tb_search {width:100%;}
.kb_table.tb_search table {table-layout:auto;width:100%;border:0;}
.kb_table.tb_search th,
.kb_table.tb_search td {border:0;height:29px;line-height:29px;font-size:12px;}
.kb_table.tb_search th {padding:0 10px 0 15px;background:url('../images/haos/tb_search_th.png') 0 0 no-repeat;text-align:left;}
.kb_table.tb_search td {padding-left:2px;padding-right:15px;background:url('../images/haos/tb_search_td.png') 100% 0 no-repeat;}
.kb_table.tb_search td.td_null {background:none;}
.kb_table.tb_search input {border:0;line-height:21px;height:21px;background-color:#ffffff;}
.kb_table.tb_search .kb_input.inp_date,
.kb_table.tb_search .kb_input.inp_time {border:1px solid #ddd;}

/* Search Table */
.kb_table.tb_search_single {position:relative;padding:4px 0;border:1px solid #e1e1e1;margin-top:0;}
.tb_search_single.search_table {margin-bottom:-6px;margin-top:5px;background-color:#fafafa;}
.kb_table.tb_search_single table {table-layout:auto;width:auto;border:0;}
.kb_table.tb_search_single th,
.kb_table.tb_search_single td {border:0;height:29px;line-height:29px;font-size:12px;}
.kb_table.tb_search_single th {padding:0 10px 0 15px;background:url('../images/haos/tb_search_th.png') 0 0 no-repeat;text-align:left;}
.kb_table.tb_search_single td {padding-left:2px;padding-right:15px;background:url('../images/haos/tb_search_td.png') 100% 0 no-repeat;}
.kb_table.tb_search_single td.td_null {background:none;}
.kb_table.tb_search_single .kb_input {border:0;line-height:21px;height:21px;background-color:#ffffff;}

/* Search Table */
.kb_table.tb_search_only {margin-top:0;position:relative;padding:4px 0 4px 10px;border:1px solid #e1e1e1;}
.tb_search_only.search_table {margin-bottom:-6px;margin-top:5px;background-color:#fafafa;}
.kb_table.tb_search_only table {table-layout:auto;width:auto;border:0;}
.kb_table.tb_search_only th,
.kb_table.tb_search_only td {border:0;height:29px;line-height:29px;font-size:12px;}
.kb_table.tb_search_only th {padding:0 10px 0 15px;text-align:left;}
.kb_table.tb_search_only td {padding-left:2px;padding-right:15px;}
.kb_table.tb_search_only .in_item {padding-right:15px;}
.kb_table.tb_search_only .kb_input {line-height:21px;height:21px;background-color:#ffffff;}

/* Search Button */
.kb_btns {border:1px solid #e1e1e1;height:39px;position:relative;background-color:#fafafa;}
.kb_btns.btns_table {margin-bottom:-6px;margin-top:5px;}
.btns_left {position:absolute;left:0;top:0;font-size:0;}
.btns_left .kb_btn {margin:0 5px 0 0;}
.btns_right {position:absolute;right:0;top:0;font-size:0;}
.btns_right .kb_btn {margin:0 0 0 5px;}
.btns_center {text-align:center;}
.text_left {position:absolute;left:0;top:0;line-height:37px;height:37px;vertical-align:middle;}
.text_right {position:absolute;right:0;top:0;line-height:37px;height:37px;vertical-align:middle;}
.text_right h4,
.text_left h4 {font-size:12px;padding:0 0 0 14px;color:#828282;}
.text_left.txt_title h4 {font-size: 13px;color:#444444;font-weight:bold;}
.text_right h4 b,
.text_left h4 b {color:#bb162b;}
.text_right .in_item,
.text_left .in_item {vertical-align:middle;line-height:37px;height: 37px;margin-right:10px;}

/* layout - column */
.kb_layout_wrap {vertical-align:top;}
.kb_layout_wrap .layout_item {float:left;vertical-align:top;}
.kb_layout_wrap .item_space {margin-right:1%;}

/* Form table custom */
.survey_wrap .kb_table {margin:0;}
.kb_table.tb_list.li_survey th {border-bottom:1px solid #e1e1e1;}
.kb_table.tb_list.li_survey th.fc {border-bottom:2px solid #bd020a;}

/*comment */
.kb_cmt {font-weight:bold;color:#bd020a;font-size:12px;margin-left:5px;}

/* Paging */
.kb_paging {text-align:center;}
.kb_paging ul {zoom:1;display:inline-block;margin:15px 0 0 0;padding:0;list-style:none;}
* html .kb_paging ul {display:inline;zoom:1;}
*+html .kb_paging ul {display:inline;zoom:1;}
.kb_paging ul:after{content:"";display:block;clear:both;}
.kb_paging li {float:left;margin:0 5px;}
.kb_paging li a {display:inline-block;text-decoration:none;color:#333;cursor:pointer;}
.kb_paging li a span {display:inline-block;width:16px;height:16px;line-height:16px;font-size:12px;}
.kb_paging li a span.on {background:url('../images/haos/icon.png') no-repeat -78px -74px;color:#fff;font-size:11px;}
.kb_paging .kb_paging_btns {position:relative;width:100%;}
.kb_paging .paging_left {position:absolute;top:-17px;left:50%;margin:0 0 0 -78px;}
.kb_paging .paging_right {position:absolute;top:-17px;left:50%;margin:0 0 0 73px;}

/* POPUP */
.kb_popup .popup_close{display:inline-block;}
.kb_popup .popup_close span{display:inline-block;width:9px;height:9px;background:url('../images/haos/icon.png') no-repeat -5px -78px;}
.kb_popup .popup_container .t_w table td{padding:0;}
.kb_popup .t_w table .txt_center{text-align:center;}
.kb_popup input.w_i{width:220px;}

/* label */
label.kb_label {display:inline-block;margin-right:60px;}
.kb_label .kb_input.inp_radio {margin-right:10px;}

/* Iframe */
.kb_iframe {width:100%;height:auto;background:gray;}
.kb_iframe.survey-module {height:100%;}
/* Input-survey */
textarea.kb_textarea {margin:5px 0;resize:none;line-height:15px;}
.kb_swung-dash {padding:0 10px;}
.kb_sview_wrap {margin:10px 0;}
.kb_sview_wrap ol {margin:0 30px;}
.kb_sview_wrap li {border-bottom:1px solid #eeeeee;}
.kb_sview_wrap li span {display:inline-block;margin-right:40px;}

/* Tab - survey */
.kb_survey_tab {margin:0 0 10px 0;}
.kb_survey_tab ul {zoom:1;display:inline-block;margin:15px 0 0 0;padding:0;list-style:none;}
.kb_survey_tab li {float:left;margin:0 25px 0 0;position:relative;}
.kb_survey_tab li a {height:24px;padding:0 10px;background:#d8d8d8;border:1px solid #c2c2c2;border-right:0;line-height:24px;display:inline-block;}
.kb_survey_tab li span.survey_arrow {position:absolute;top:0;right:-14px;height:26px;width:14px;background:url('../images/haos/icon-add.png') no-repeat -526px 0;display:block;}
.kb_survey_tab li.on a {background:#808080;border-color:#4e4e4e;color:white;}
.kb_survey_tab li.on span.survey_arrow {background-position:-526px -31px;}

/* multi- area */
.kb_multi_area {padding:0;height:auto;margin:5px 0;display:inline-block;}

/* Btn-area */
.kb_button_area {padding:0;height:39px;background-color:#ffffff;border:1px solid #e4e4e4;}
.kb_button_area .kb_search {margin:8px 15px;}
.kb_button_area_2R {padding:0;height:100%;background-color:#ffffff;border:1px solid #e4e4e4;}
.kb_button_area ul {display:inline-block;}
.btn-align-right {text-align:right;}
.btn-align-left {text-align:left;}
.btn-align-center {text-align:center;}
ul.btn-align-right,.kb_multi_area.btn-align-right {float:right;}
ul.btn-align-left,.kb_multi_area.btn-align-left {float:left;}
.kb_button_area li,.kb_txt_button_area li,.btn-align-right li,.btn-align-left li {display:inline;}
.kb_txt_button_area {margin-top:10px;}
.kb_body .btn_wrap.kb_btn_wrap {padding:0 !important;}

/* margin , align */
.kb_mb_10 {margin-bottom:10px;}
.kb_mb_20 {margin-bottom:20px;}
.kb_mb_30 {margin-bottom:30px;}
.kb_va_top {vertical-align:top !important;}
.kb_va_middle {vertical-align:middle !important;}
.kb_va_bottom {vertical-align:bottom;}

/* search-area */
.kb_search_wrap {height:40px;padding:0;background:#f9f9f9;line-height:40px;border-bottom:1px solid #e1e1e1;vertical-align:middle;text-align:center;}
.kb_search_wrap .kb-inp-tt {padding:0 10px;line-height:40px;display:inline-block;}

/* search-detail */
.kb_search_detail {border:1px solid #e4e4e4;border-top:0;}
* html .kb_search_detail {width:100%;}
.kb_search_detail_wrap {float:left;display:block;background-color:transparent;border:1px solid #e4e4e4;overflow-y:auto;padding:10px 10px 10px 0;}
.kb_search_detail_wrap.in_table {border:0;}
.kb_search_detail_wrap ul {float:left;padding:0;margin:0 0 10px 0;line-height:15px;color:#333;}
.kb_search_detail_wrap ul li ul {overflow:auto;padding:0;margin:0;float:none;}
.kb_search_detail_wrap li {padding-left:25px;}
.kb_search_detail_wrap li ul li {padding-left:10px;}
* html .kb_search_detail_wrap li {line-height:13px;}
* html .kb_search_detail_wrap input {font-size:10px;}

/* btn-area-custom */
.kb_title_tab .kb_button_area {display:inline-block;float:right;background-color:transparent;border:0;height:auto;}

/* h3-tab-design & common popup title */
h3.kb_title_tab {}
h3.kb_popup_tt button {float:right}
.kb_title_tab .tt-line,.kb_popup_tt .pp_tt-line {text-align:left;border-bottom:2px solid #bb162b;}
.kb_title_tab strong,.kb_popup_tt strong {display:inline-block;background-color:#bb162b;color:white;padding:0 10px 0 16px;margin:10px 35px 0 0;height:30px;line-height:30px;position:relative;}
.kb_title_tab .title_tab_bg,.kb_popup_tt .pp_tt_bg {background:url('../images/haos/3tab_bg.png') no-repeat 0 -115px;position:absolute;top:0;right:-35px;display:inline-block;width:35px;height:30px;}
.kb_title_tab.tab_btns {position:relative;}

.theme_gray1 .tt-line,.theme_gray1 .pp_tt-line {border-bottom:2px solid #444444;}
.theme_gray1 strong {background-color:#444444;color:white;}
.theme_gray1 strong a:link,.theme_gray1 strong a:visited {color:white;}
.theme_gray1 .title_tab_bg,.theme_gray1 .pp_tt_bg {background:url('../images/haos/tab_theme_bg.png') no-repeat 0 0;}

.theme_gray2 .tt-line,.theme_gray2 .pp_tt-line {border-bottom:2px solid #828282;}
.theme_gray2 strong {background-color:#828282;color:white;}
.theme_gray2 strong a:link,.theme_gray2 strong a:visited {color:white;}
.theme_gray2 .title_tab_bg,.theme_gray2 .pp_tt_bg {background:url('../images/haos/tab_theme_bg.png') no-repeat 0 -36px;}

.theme_gray3 .tt-line,.theme_gray3 .pp_tt-line {border-bottom:2px solid #b4b4b4;}
.theme_gray3 strong {background-color:#b4b4b4;color:white;}
.theme_gray3 strong a:link,.theme_gray3 strong a:visited {color:white;}
.theme_gray3 .title_tab_bg,.theme_gray3 .pp_tt_bg {background:url('../images/haos/tab_theme_bg.png') no-repeat 0 -70px;}

.theme_gray4 .tt-line,.theme_gray4 .pp_tt-line {border-bottom:2px solid #cbcbcb;}
.theme_gray4 strong {background-color:#cbcbcb;color:gray;}
.theme_gray4 strong a:link,.theme_gray4 strong a:visited {color:gray;}
.theme_gray4 .title_tab_bg,.theme_gray4 .pp_tt_bg {background:url('../images/haos/tab_theme_bg.png') no-repeat 0 -105px;}

.theme_gray5 .tt-line,.theme_gray5 .pp_tt-line {border-bottom:2px solid #e6e6e6;}
.theme_gray5 strong {background-color:#e6e6e6;color:gray;}
.theme_gray5 strong a:link,.theme_gray5 strong a:visited {color:gray;}
.theme_gray5 .title_tab_bg,.theme_gray5 .pp_tt_bg {background:url('../images/haos/tab_theme_bg.png') no-repeat 0 -140px;}

/* images */
.frm_image {width:100%;height:auto;overflow:hidden;}
.frm_image img {width:100%;height:auto;border:0;}

/* buttons */