/**
 * @author jhlee
 */
/* 
 * z-index : 
 * 
 * tell_toolbar           : top        30
 * install_helper         : middle     20
 * install_helper_overlay : bottom     10
 */
/* ie6 overlay.height: 100% */
body { width: 100%; height: 100%; }
html, body, div, p, input, label, h1, h2, h3, h4, h5, h6 { margin: 0; padding 0; }
div#install_helper_overlay {
	position: absolute; top: 0; left: 0; z-index: 10;
	display: none; width: 100%; height: 100%; background-color: #ffffff;
	filter: Alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6;
}
div#tell_toolbar {
  position: absolute; top: -32px; left: 0; height: 31px; width: 100% !important;
	background-color: #F5F5F5; border-bottom: 1px solid #E6E6E6;
  color: #000000; text-align: center; font-size: 9pt;
  z-index: 30; display: none;	overflow: hidden;
}

div#tell_toolbar input.checkbox { margin-left: 15px; vertical-align:middle; }

div#tell_toolbar .customer_browser { margin-right: 10px; }

div#tell_toolbar span,
div#tell_toolbar label { margin: auto 0; display: inline-block; padding-top: 1px; }

div#tell_toolbar .close {
  background: url(/public/images/chat/gate/tell_toolbar_close.gif) no-repeat left top;
  overflow: hidden; border: none; cursor: pointer; 
	text-indent: -3000em; width: 14px; height: 13px; display: inline-block;
  vertical-align: middle; margin-left: 10px;
}

div#tell_toolbar a:link,
div#tell_toolbar a:active,
div#tell_toolbar a:visited {
  color: #0054FF;
  text-decoration: none;
}

div#install_helperbox {
  position:absolute;z-index:20;top:0px;left:0px;width:100%;height:1px;
}
div#install_helper {
  margin: -500px auto 0; color: #000000; width: 468px; height: 0; font-size: 9pt;
}
div#install_helper .png {
  padding-left: 20px; padding-right: 27px; width: 421px;
	*background-image: none !important; float: left;
}

div#install_helper .info {
	text-indent: 5px;
}
div#install_helper .header {
  background: url(/public/images/chat/gate/install_bg_header.png) no-repeat left top;
  *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/images/chat/gate/install_bg_header.png', sizingMethod='scale');
  height: 10px; overflow: hidden;
}
div#install_helper .content {
	background: url(/public/images/chat/gate/install_bg_content.png) repeat-y left top;
  *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/images/chat/gate/install_bg_content.png', sizingMethod='scale');
  text-align: center;
}

div#install_helper .infoimgbox img { padding: 10px 0; }

div#install_helper .footer {
	background: url(/public/images/chat/gate/install_bg_footer.png) no-repeat left top;
	*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/images/chat/gate/install_bg_footer.png', sizingMethod='scale');
  height: 35px; padding-top: 5px; text-align: right;
	color: #838383;
}

div#install_helper.across {width: 603px;}
div#install_helper.across .header {
  width: 603px;
  background: url(/public/images/chat/gate/install_bg_header_big.png) no-repeat left top;
  *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/images/chat/gate/install_bg_header_big.png', sizingMethod='scale');
}
div#install_helper.across .content {
  width: 603px;
  background: url(/public/images/chat/gate/install_bg_content_big.png) repeat-y left top;
  *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/images/chat/gate/install_bg_content_big.png', sizingMethod='scale');
}
div#install_helper.across .footer {
  width: 603px;
  background: url(/public/images/chat/gate/install_bg_footer_big.png) no-repeat left top;
  *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/public/images/chat/gate/install_bg_footer_big.png', sizingMethod='scale');
}

div#install_helper .latest_browser li {display:block;}
div#install_helper .footer .checkbox { padding-top: 2px; }

/* ie6, ie7 filter event bug position: relative */
div#install_helper input,
div#install_helper label { position: relative; }
div#install_helper .close {
	margin-top: 3px; position: relative;
  cursor: pointer; display: inline-block; 
}

div#install_helper.activex .info {}
div#install_helper.activex .infoimgbox img { padding-top: 5px; }

div#install_helper.activex h4.title,
div#install_helper.activex p.step { text-align: left; font-size: 12px; }

div#install_helper.activex p.step { text-indent: 5px; }
div#install_helper.activex h4.title { padding: 5px 0; }

body.notuse #install_helper_overlay { display: block; }
body.notuse #install_helper { top: 0; }
body.notuse #install_helper .content { text-align: left; }
body.notuse #install_helper span { padding-top: 10px; }
body.notuse #install_helper p { text-indent: 5px; }
body.notuse #install_helper p.topspace { padding-top: 10px; }
body.notuse #install_helper p.bottomspace { padding-bottom: 10px; }

body.notuse ul { padding: 0 0 10px 30px; }
body.notuse ul a { position: relative; }/* ie6, ie7 filter event bug position: relative */
body.notuse ul a:link,
body.notuse ul a:active,
body.notuse ul a:visited { color: #0054FF; text-decoration: none; }
body.notuse ul a:hover { text-decoration: underline; }
body.notuse #install_helper .footer { background-position: left bottom; height: 12px; overflow: hidden; }
body.notuse #install_helper .footer * { display: none; }

.relay_botCon { padding: 10px 0; text-align: center;}
.relay_botCon a { cursor: pointer; font-weight: bold; color: #AC0000 !important; }
.relay_botCon a img { vertical-align: middle; }