@CHARSET "UTF-8";
html {background-color:#eee;}
body {margin:0;padding:0;background-color:#eee;font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;font-size:.8em;line-height: 150%;}
a {text-decoration:none;color:#333;border:0px;}
a:hover {text-decoration:none;color:#000;}
p.indent {text-indent: 1.5em;margin-bottom:10px;}
ul {list-style:none;}
li {list-style: none;}
img {border-width:0px;}
h1 {height:25px;line-height:25px;font-size:15px;background:#999 url('../images/glass_25.png') repeat-x;color:#fff;
border-top:1px solid #e6e6e6;border-right:1px solid #ddd;border-bottom:1px solid #999;border-left:1px solid #ddd;
margin:0 0 20px 0;padding:0;text-align:center;font-weight:normal;}
h2 {height:25px;line-height:25px;font-size:15px;background:#333 url('../images/glass_25.png') repeat-x;color:#fff;
border-top:1px solid #e6e6e6;border-right:1px solid #ddd;border-bottom:1px solid #999;border-left:1px solid #ddd;
margin:0 0 20px 0;padding:0;text-align:center;font-weight:normal;}
h3 {font-size:1.1em;background-color:#666;color:#fff;border:1px solid #333;margin:10px;padding:3px 0;
text-align:center;font-weight:normal;}
h2 a {text-decoration:none;color:#ebc452;}
h1,h2,h3,h4 {clear:both;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
/* Body Positioning */
#wrapper {position:relative;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;width:976px;
margin:0 auto;}
#hd {position:relative;color: #fff;padding:10px;height:75px;
background: #333 url('../images/logos/100x100-logo-red.png') 10px 10px no-repeat;}
#bd {position:relative;background-color:#eee;min-height:555px;}
#ft {background-color:#333;color:#fff;text-align:center;height:25px;line-height:25px;clear:both;}
#logo_name {position:absolute;top:70px;left:120px;margin:0;padding:0;}
#logo_name h1 {font-size:14px;font-weight:bold;border:0px;margin:0;padding:0;
background-color:transparent;background-image:none;}
#flags {position:absolute;top:10px;right:10px;height:55px;margin:0;padding:2px;}
#flags h4 {font-size:1em;color:#333;padding:0;margin:0 0 2px 0;}
#flags li {float:right;}
#flags a {width:42px;height:30px;margin-left:3px;display:block;}
/* Language translation */
#nav{}
#progressbar {height:12px;}
#japan {background:transparent url('../images/flags/flag_bar.png') -42px 0 no-repeat;}
#korea {background:transparent url('../images/flags/flag_bar.png') -84px 0 no-repeat;}
#usa {background:transparent url('../images/flags/flag_bar.png') 0 0 no-repeat;}
#login_container {position:relative;margin:10px;}
#main {margin:0;}
#main_box {position:relative;width:614px;height:250px;margin:20px 0 0 20px;padding:0px;}
.jiwire_box {position:absolute;top:0;right:15px;width:302px;height:250px;margin:0;overflow:hidden;}
.jiwire_box img {top:0;left:0;width:300px;height:250px;}
.jiwire_box_big {position:absolute;top:0;right:15px;width:302px;height:600px;margin:0;}
.jiwire_box_big img {margin-bottom:10px;}
.lower_box {clear:both;background-color:#eee;margin:10px 5px 20px 5px;}
#page_box {width:600px;margin:20px 0 20px 20px;}
#landing div {border:1px solid #ddd;background-color:#f3f3f3;margin-bottom:20px;}
#landing p {margin:10px;}
#landing #google_form {width:400px;margin:10px auto;}
/* Landing Frame Page */
#landing_hd {position:relative;color: #fff;height:40px;background: #333;}
#landing_hd img {float:left;height:30px;width:41px;margin:5px;}
#landing_hd p {float:left;}
#landing_hd p.support {margin-left:20px;}
#landing_ads {float:right; width:320px;margin:20px 0 0 0;}
#landing_frame {position:absolute;top:40px;left:0px;right:340px;bottom:0px;overflow:auto;padding:0;background-color:#fff;}
#landing_frame_explained {height:20px;line-height:20px;text-align:left;}
#landing_frame iframe {border:0;}
.box-content {position:relative;margin:10px;background-color:#f3f3f3;height:250px;width:300px;border:1px solid #ddd;
float:left;overflow:auto;}
.box-content p {margin:10px;}
/* Lightbox */
#definition p {margin:20px;}
#definition h3 {color:#ebc452;font-size:1.3em;font-weight:normal;margin:20px;}
#definition a {text-align:center;color:#FF713F;font-size:1.1em;font-weight:normal;}
#definition a.button {color:#ebc452;border:1px solid #FF713F;background-color:#efefef;font-weight:bold;}
#definition a:hover.button {color:#fff;background-color:#666;}
#definition .lb_link {text-align:center;}
#definition .lb_link a {padding:3px 5px; margin:0 auto;border:1px solid #ebc452;}
#definition .lb_link a:hover {background-color:#eee;}
#definition .form {width:400px;text-align:right;margin:0 auto;}
#definition .form li{margin:0 0 .7em 0;}
#definition img {float:right;margin:0 20px 0 20px;}
/* Menu */
#navigation_container {display:block;height:30px;background:#dfdfdf url('../images/glass_25.png') repeat-x;
border-bottom:1px solid #999;border-left:1px solid #bcbcbc;border-right:1px solid #bcbcbc;z-index:10;}
#multi-ddm {list-style: none;padding: 0;margin: 0;height:30px;line-height:30px;}
#multi-ddm > li {float: left;}
#multi-ddm > li > a {display: block;padding:0 20px;text-align:center;font-weight: normal;color:#111;
border-left: 1px solid transparent;border-right: 1px solid transparent;}
#multi-ddm > li > .parent-hover {display:block;height:30px;
border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid transparent;
background:#999 url('../images/glass_25.png') repeat-x;color:#fff;}
#multi-ddm > li ul {display: none;list-style: none;position: absolute;margin: 0;z-index: 99;padding: 0;}
#multi-ddm > li ul a {display: block;width:150px;padding:0 10px;background-color: #f6f6f6;
border-left: 1px solid #999;border-right: 1px solid #999;border-bottom: 1px solid #999;}
#multi-ddm > li ul li a.first {border-top: 1px solid #545454;}
#multi-ddm > li ul .child-hover1 {background-color:#ebc452;}
#multi-ddm > li ul li ul {margin: -29px 0 0 163px;position: absolute;}
#multi-ddm span {float: right;}
/* Map Layout */
.map_box {width:976px;height:300px;margin: 0 auto;border-bottom:1px solid #ddd;}
#map_container {position:relative;width:976px;height:300px;}
.button_box {margin: 0;padding:10px 0;border:1px solid #999;text-align:center;background-color:#ddd;}
#map_buttons a {margin:5px 10px;padding: 1px 10px;background-color:#c0c0c0;
border-top: 1px solid #eee;border-right: 1px solid #666;border-bottom: 1px solid #666;border-left: 1px solid #eee;
text-decoration: none;color: #000;}
#map_buttons a:hover {background-color:#ddd;}
.map_list {margin:0;padding:0;height:195px;overflow:auto;}
.map_list li {margin:0;padding:0;}
.map_list a {display:block;border-top:1px solid #aaa;padding:3px 0 3px 10px;}
.map_list a:hover {background-color:#e4f1fb;}
.map_window {position:absolute;top:0px;right:0px;width:300px;overflow:hidden;margin:10px;padding:0px;background:transparent url('../images/map_overlay.png');
border-top: 1px solid #fff;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #fff;
font-size:1em;line-height:1.1em;z-index:9;}
.map_window p {margin:3px 12px;padding:0;}
.map_window h1 {margin-bottom:5px;}
.map_window h2 {background-color:#ddd;margin:10px 10px 3px 10px;padding:2px;font-size:1em;color:#333;}
/* Forms */
.form_box {width:400px;border:1px solid #ccc;margin:0 auto;padding:0px;text-align:right;background-color:#ddd;}
.portal_form_box {width:500px;border:1px solid #ccc;margin:10px;padding:0px;text-align:right;background-color:#ddd;}
.portal_form_box table {text-align:left;}
.portal_form_box th {background-color:#c0c0c0;color:#333;font-size:1em;font-weight:normal;padding-left:10px;}
.portal_form_box td {border:1px solid #ddd;font-size:1em;padding-left:10px;}
/* Form Elements */
fieldset { padding:10px;margin:10px;border:1px solid #cccccc;background-color:#eee; }
fieldset legend { font-weight:normal; color:#fff;background-color:#666;padding:3px 10px; border:1px solid #cccccc; }
fieldset input,fieldset select {margin: 0 0 .2em 0}
.error { border:1px solid red; text-align:left; background-color:#fff;margin:10px; }
.error h2 {font-size:1.1em;font-weight:bold;border:0px solid red;background-color:red;color:#fff;
margin:0;padding:3px 0;text-align:center;}
.error p {margin:10px;}
.disclaimer {font-size:.7em; color:#999; font-style:italic; text-align:center;}
.message {border:1px solid #F6A03D; background-color:#CD6607; color:#fff;margin:20px;padding:5px;
font-weight:bold;text-align:left;}
.message a {color:#F6A03D;}
.message a:hover {color:#FFF;}
a.button {display:block;background-color:#ccc;color:#333;
border:1px solid #333;margin:5px auto;text-align:center;padding:3px;}
a:hover.button {background-color:#333;color:#fff;border:1px solid #ccc;}
a.button_main {display:block;width:200px;height:30px;line-height:25px;
background:transparent url('../../images/buttons/button_200x30.png') no-repeat;color:#fff;
margin:5px auto;text-align:center;overflow:hidden;border:0;}
a:hover.button_main {color:#ebc452;}
#skywave_login_explanation,#ht_login_explanation{display:none;margin:10px;padding:10px;
border:1px solid #999;background-color:#ebc452;color:#333;}
#skywave_login_explanation{background-color:#ebc452;}
#ht_login_explanation{background:#f6f6f6 url('../images/logos/ht_clear.gif') no-repeat bottom right;}
.logo img {margin:3px;}
.plans p {margin:10px;}
.plans table {border-collapse:collapse; border:1px solid #ccc;margin:0 10px 10px 10px;}
.plans th {color:#fff; background-color:#666; border:1px solid #ccc;padding:3px;}
.plans td { border:1px solid #ccc;padding:3px; }
/* Processing Screen */
#processing {display:none;position:fixed;top:0;left:0;height:100%;width:100%;;
text-align:center;padding:0;margin:0;z-index:9998;
background-color:#fff;
border:10px solid #fff;
/* for IE */
filter:alpha(opacity=70);
/* CSS3 standard */
opacity:0.7;}
#processing div.solo {position:relative;top:50%;left:50%; width:300px;height:160px;border:0px solid #333;
color:#333;font-weight:bold;font-size:24px;text-align:center;margin:-80px 0 0 -150px;padding:0;z-index:9999;}
#processing div.spinner {position:relative;top:50%;left:50%; width:320px;height:410px;border:0px solid #333;
color:#333;font-weight:bold;font-size:24px;text-align:center;margin:-205px 0 0 -160px;padding:0;z-index:9999;}
#processing p {margin:30px auto 20px auto;}
#processing div.ads {width:300px;height:250px;border:1px solid #333;margin:20px auto 0px auto;padding:0;z-index:9999;}
.loading {margin:130px auto;}
/*JiWire*/
.jiwire {width:300px;height:250px;border:1px solid #6787B0;margin:20px auto 0px auto;padding:0;}
.jiwire_afa .afa_button {margin: 10px auto;text-align:center;font-size:1.5em;}
/*Misc*/
#full_page{margin:25px auto;overflow:auto;width:600px;height:480px;}
#full_page h3{color:#FF713F;}
#portal {margin:20px 10px;}
.portal_ad {float:right;margin:0 10px 20px 0;width:300px;height:25px;}
#os_feature .feature_box {background-color:#e4f1fb;}
#os_feature .feature_box a {color:#ebc452;margin:5px 0 0 0;font-size:1.1em;font-weight:bold;background-color:#666;
border:1px solid #333;text-align:center;display:block;padding:3px 0;}
#os_list p {margin:0;padding:0;}
#os_list a {display:block;border-top:1px solid #aaa;padding:3px 0 3px 10px;}
#os_list a:hover {background-color:#ebc452;}
.login_blurb {font-size:10px;color:#333;margin:10px;}
.debug {margin:20px 100px;}
.debug td, .debug th {border:1px solid #aaa;border-collapse:collapse;}
.debug th {background-color:#c0c0c0;}
/* Ad Bar */
#ad_bar {width:976px;margin:20px auto;text-align:center;}
#ad_bar.ad {padding: 0 10px 10px 10px;vertical-align:top;}
#ad_bar.ad a {text-decoration:none;}
/* Media Box */
#media {position:fixed;bottom:0;right:0;width:320px;height:320px;margin:0;padding:5px;
background-color:#111;border:1px solid #fff;display:block;}
#media h1 {text-align:center:margin:2px;padding:2px;color:#fff;font-size:13px;}
#media h1 a {float:left;text-decoration:none;color:#fff;border:1px solid #fff;margin:2px;padding:1px;height:14px;line-height:14px;}
/* RSS Feed */
/*
.rss {
width:294px;height:247px;
background:#eee url(../../images/rss/khonheader_01.jpg) no-repeat top left;
border:0px solid #fff;padding:1px;
margin:0 auto;
overflow:hidden;}
.rss_border {margin:95px 0 2px 5px;overflow:auto;height:147px;}
*/
.rss {margin:0 auto;}
.rss_border {margin:-10px 0 2px 5px;overflow:auto;height:207px;}
#khon_rss_logo {float:left;}
.rss a {color:#333;}
.rss h4 {font-size:18px;background-color:#B8860B;color:#F5F5DC;margin:0;padding:5px 0;font-weight:bold;margin:0;}
.rss .feed {
border-top:1px dashed #BDBDBD;
border-bottom:1px dashed #BDBDBD;
background-color:#fff;padding:5px;margin:0 5px 2px 0;font-weight:bold;text-align:left;}
.rss .feed a {font:normal 10px Verdana, Helvetica, sans-serif;}
/*
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, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9998; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow: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:#000;}
#colorbox{}
#cboxTopLeft{width:14px; height:14px; background:url(../images/controls.png) 0 0 no-repeat;}
#cboxTopCenter{height:14px; background:url(../images/border.png) top left repeat-x;}
#cboxTopRight{width:14px; height:14px; background:url(../images/controls.png) -36px 0 no-repeat;}
#cboxBottomLeft{width:14px; height:43px; background:url(../images/controls.png) 0 -32px no-repeat;}
#cboxBottomCenter{height:43px; background:url(../images/border.png) bottom left repeat-x;}
#cboxBottomRight{width:14px; height:43px; background:url(../images/controls.png) -36px -32px no-repeat;}
#cboxMiddleLeft{width:14px; background:url(../images/controls.png) -175px 0 repeat-y;}
#cboxMiddleRight{width:14px; background:url(../images/controls.png) -211px 0 repeat-y;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:5px;}
/*#cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}*/
#cboxLoadingGraphic{background:url(../images/icons/loading.gif) center center no-repeat;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}