/*
	-- -- -- -- -- -- --
	designpremise.com CSS
	last edit: May 15 2007
	-- -- -- -- -- -- --
*/
html, body {
	height: 100%;
}

body {
	padding: 0;
	margin: auto;
	text-align: center;
	font: 12px tahoma;
	background: #EEEDD9;
	width: 630px;
}

img {
	border: none;
}

#outer{
	height: 100%;
	min-height: 100%;
	margin-bottom: -60px;
	color: #000000;
}

html>body #outer { 
	height: auto;
} /*Mozilla*/

#header{
	text-align: center;
	margin:auto;
	height: 125px;
	width: 630px;
}

#header_sub {
	text-align: center;
	margin:auto;
	height: 144px;
	width: 767px;
}

#header img, #header_sub img {
	border: 0;
}

/* mac hide \*/
* html #header{height:176px;he\ight:1px} /* height needed for ie to force layout*/
/* end hide*/

div,p, form {
	margin: 0
}/*clear top margin for mozilla*/

A:link {
	color: #104894;
}

A:visited {
	color: #104894;
}

A:hover {
	color: #0B71FF;
}

/*text logo*/
#mainbox {
	text-align: center;
	margin: auto; /*Mozilla*/
	width: 630px;
	height: auto;
	background: url('../images/body_bg.jpg');
}

#front_in {
	margin-left:20px;
}

#mainbox_sub {
	text-align: left;
	margin: auto; /*Mozilla*/
	width: 767px;
	background: #272727 url('../images/bg_main.jpg');
}

#mainbox_inner {
	margin-left:73px;
	width:490px;
}

#right span.round_top {
	background: url('/common/images/rd_rt.gif') no-repeat right top;
	display: block;
	width: 100%;
	font-size: 6px; /*ie*/
	height: 6px; /*mozilla*/
}

#footer_outer {
	clear: both;
	height: 53px;
	text-align: center;
	background: url('../images/btm_bg.jpg') no-repeat 0 bottom;
}

#clearfooter{
	clear: both;
	height: 0px;
}/*needed to make room for footer*/


#footer {
	margin: auto;
	width: 630px;
	height: 53px;
	font: 12px tahoma;
	color:#663300;
	word-spacing: 3px;
	background: url('../images/btm_bg_right.jpg') no-repeat right bottom;
}

#footer a:link, #footer a:visited {
	font: bold 10px tahoma;
	color:#4C0002;
	text-decoration: none;
	word-spacing: 0px;
	text-transform: uppercase;
}

#footer a:hover {
	color:#3595AE;
}

#footer_nav {
	padding-top: 10px;
	margin-left: 40px;
}

#copyright {
	font: 10px tahoma;
	color:#111;
	word-spacing: 0px;
	margin-left: 40px;
}

#copyright a:link, #copyright a:visited {
	color: #4C0002;
	font-weight: normal;
	text-transform: lowercase;
	line-height: 18px;
}


.page_content .notice a:link, .page_content .notice .notice_subject{
	font: bold 100% dotum;
	text-decoration: none;
	line-height: 18px;
	color: #104894;
}

.page_content_right {
	text-align: right;
}

.page_content img {
	border: 0;
}

.page_content hr {
	height: 1px;
	color: #999;
}


/*buttons*/

input.button {
	background: #B0D3F1;
	border-top: 1px solid #B0D3F1;
	border-left:  1px solid #B0D3F1;
	border-right: 1px solid #84BBE9;
	border-bottom: 1px solid #84BBE9;
	font: 11px tahoma;
	cursor: pointer;
}

a:link.button, a:visited.button {
	background: #B0D3F1;
	border-top: 1px solid #B0D3F1;
	border-left:  1px solid #B0D3F1;
	border-right: 1px solid #84BBE9;
	border-bottom: 1px solid #84BBE9;
	font: 11px tahoma;
	text-decoration: none;
	padding: 0 10px;
}

span.button_gray{
	background: #ccc;
	border-top: 1px solid #cc;
	border-left:  1px solid #ccc;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	font: 11px tahoma;
	text-decoration: none;
	padding: 0 10px;
	color: #AE5987;
}

#buttons {
	margin-top: 15px;
	font: 7pt tahoma;
	letter-spacing: 0;
}

#buttons span.right{
	position: relative;
	display: block;
	float: right;
	width: 320px;
	text-align: left;
}

#buttons span.left{
	position: relative;
	display: block;
	float: left;
	width: 320px;
	text-align: right;
}


#buttons a:link, #buttons a:visited, #buttons a:hover {
	display: block;
	width: 41px;
	background:url('/common/images/buttons/blue/btn_bg.gif') no-repeat;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	min-height: 12px;
}

#buttons a:hover {
	background:url('/common/images/buttons/blue/over/btn_bg.gif') no-repeat;
}

#buttons .icons_submit{
	background: url('/common/images/buttons/blue/btn_bg.gif') no-repeat;
	font: 7pt tahoma;
	color: #ffffff;
	text-decoration: none;
	width: 41px;
	text-align: center;
	border: none;
	min-height: 12px;
	height: 12px;
}

#buttons .icons_submit_over{
	background:url('/common/images/buttons/blue/over/btn_bg.gif') no-repeat;
	font: 7pt tahoma;
	color: #ffffff;
	text-decoration: none;
	width: 41px;
	text-align: center;
	cursor: pointer;
	border: none;
	vertical-align: top;
}

#buttons_2 {
	text-align: center;
	padding-top: 10px;
}

#buttons_2 a:link, #buttons_2 a:visited {
	background: #85919D;
	padding: 3px 10px;
	text-decoration: none;
	color: #fff;
	font: bold 11px verdana;
	letter-spacing: 0px;
}

#buttons_2 a:hover {
	background: #5C80AB;
}

#buttons_2 input.button {
	background: #104894;
	font: bold 11px tahoma;
	color: #fff;
	cursor: pointer;
}

/*logo*/

#logo {
	float: left;
	width: 192px;
	margin-top: 5px;
	margin-left:10px;
}

/*search*/
#search {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}

#search p {
	margin:0px;
	text-align: right;
	line-height: 150%;
}

#search input.text {
	width: 140px;
	height: 18px;
	border: 1px solid #ccc;
}

/*nav*/
#nav {
	margin: auto; 
	width:488px;
}

#nav_outer {
	width:630px;
	height:51px;
	text-align: center;
	background: url('../images/mn_bg.jpg');
	margin:auto;
}

/*front*/
#front_left {
	clear: both;
	float: left;
	width: 204px;
	margin-top:10px;
}

#air_time {
	background: url('../images/bg_airtime.jpg');
	height: 82px;
	font: 11px tahoma;
	color:#333;
}

#air_time p, #new_video p, #online_vote p{
	padding: 10px 0px 0px 20px;
	text-indent: -10px;
}

#air_time img, #new_video img, #online_vote img {
	margin: 3px 0px;
	border-style: none;
}

#new_video {
	background: url('../images/bg_newrelease.jpg');
	height: 149px;
	margin-top: 6px;
	font: 11px tahoma;
	color: #333;
	line-height: 130%;
}

#online_vote {
	background: url('../images/bg_vote.jpg');
	height: 260px;
	margin-top:6px;
	margin-bottom: 10px;
	font: 11px tahoma;
}

#online_vote .question {
	font: bold 11px tahoma;
	color: #7E3E60;
	line-height: 20px;
}

#front_left p a:link, #front_left p a:visited {
	color: #A5A0A0;
	text-decoration: none;
}

#front_left p a:hover {
	color: #3285A5;
}

#front_left #category_title {
	background: url('../images/t_category.jpg') no-repeat;
	padding: 0;
	text-align: right;
	height: 28px;
}

.category_divider {
	height: 3px;
	color: #3285A5;
}

#front_mid {
	float: left;
	width: 401px;
}

#front_mid div.special, #front_mid div.regular {
	padding: 10px;
}

#front_right {
	width: 689px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

#notice {
	background: #444;
	height: 25px;
	font: 11px tahoma;
	color: #fff;
	padding-left: 20px;
	line-height: 25px;
}

#notice .title {
	font: bold 12px tahoma;
	color: #ECB723;
	padding-right: 5px;
}

#notice .detail {
	color: #3285A5;
	text-decoration: underline;
}

#notice a:hover.detail {
	color: #6CB6D2;
}

#main_banner {
	font-size: 0pt;
	margin-bottom: 3px;
}

#highlight_front {
	width: 540px;
	float: left;
	height: 260px;
}

#highlight_front .in{
	margin: 5px 0px 0px 0px;
	font: 11px tahoma;
}

#highlight_front .h_type {
	margin: 0;
	font: bold 11px tahoma;
}

#highlight_front .h_subject {
	margin: 0;
	font: bold 11px tahoma;
}

a:link.h_subject_link, a:visited.h_subject_link {
	color: #000;
}

#highlight_front .h_type b{
	border:1px solid #A6D3E4;
	background: #CEE7F0;
	color: #666;
	text-transform: uppercase;
	font:10px tahoma;
	padding: 0px 5px;
}

#highlight_front .h_img {
	margin-bottom: 7px;
}

#highlight_front .h_time {
	color: #3285A5;
	font: 10px verdana;
	margin-bottom: 5px;
	letter-spacing: -1px;
}

#highlight_front .h_set {
	float: left;
	width: 130px;
	margin-left: 5px;
}

#sponsors {
	width: 140px;
	float: right;
	height: 260px;
	text-align: left;
	font: 11px tahoma;
}

#sponsors p {
	margin-top: 0px;
	text-align: center;
}

#front_right p.list {
	font: bold 8pt tahoma;
	color: #A5A0A0;
	line-height: 20px;
	background: url('../images/bullet_green.jpg') no-repeat left;
	padding-left: 15px;
	color: #9EBF00;
}

/*products*/
.special_product {
	border: 1px solid #565656;
	height: 130px;
	padding-right:5px;
	background: url('../images/bg_special.jpg') repeat-y right;
}

.special_product_img {
	margin: 5px 10px 5px 5px;
	float: left;
}

.special_product_desc {
	font: bold 10px tahoma;
	color: #999;
	margin-left: 10px;
	margin-top: 25px;
}

.special_product_price {
	font: bold 13px verdana;
	color: #E7774B;
	margin: 10px 0 10px 10px;
}

.special_divider {
	height: 4px;
	color: #333;
}


.regular_product {
	border: 1px solid #565656;
	height: 100px;
	padding-right:5px;
	background: url('../images/bg_special.jpg') repeat-y right;
	margin-bottom: 5px;
}

.regular_product_img {
	margin: 5px 10px 5px 5px;
	float: left;
}

.regular_product_desc {
	font: bold 10px tahoma;
	color: #999;
	margin-left: 10px;
	margin-top: 10px;
}

.regular_product_price {
	font: bold 13px verdana;
	color: #E7774B;
	margin: 5px 0 10px 10px;
}

#sub_title h1{
	font: bold 25px georgia;
	color: #9EBF00;
	margin-top: 0px;
}

#sub_title h2.selected{
	font: 15px georgia;
	color: #9EBF00;
	margin: 5px 0px 5px 10px;
	border-left: 15px solid #9EBF00;
	padding-left:10px
}

#sub_title h2.normal{
	font: 15px georgia;
	color: #9EBF00;
	margin: 5px 0px 5px 10px;
	border-left: 15px solid #777;
	padding-left:10px
}

#contents {
	padding-left: 5px;
	padding-right:15px;
}

#contents h3 {
	font: bold 15px georgia;
	color: #fff;
	background: #47A6C7;
	width: 150px;
	padding: 3px 3px 3px 8px;
	border-right: 2px solid #2D7A93;
	border-bottom: 2px solid #2D7A93;
	border-left: 5px solid #2D7A93;
}

#contents h4 {
	font: bold 13px tahoma;
	color: #47A6C7;
	padding-left: 5px;
	letter-spacing: 1px;
}

#contents ul li, #contents ol li {
	font: 12px tahoma;
	color: #666;
	padding-bottom: 3px;
	border-bottom: 1px solid #efefef;
}

#contents p {
	margin: 10px 0px;
	line-height: 130%;
}

#contents p.blue {
	font: 12px georgia;
	color: #47A6C7;
}

#contents p.gray {
	font: 12px georgia;
	color: #444;
}

.v_question, .v_answer {
	float: left;
	font: bold 20px georgia;
	color: #AE5987;
	padding-right: 5px;
	height: 30px;
	clear: left;
}

.v_desc {
	width: 600px;
	float: left;
	background: #eee;
	padding: 5px;
	margin-bottom: 15px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.v_q_desc {
	width: 600px;
	float: left;
	background: #DDECF3;
	padding: 5px;
	margin-bottom: 5px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#contents a:link, #contents a:vlink {
	color: #9EBF00;
}

#contents h2 {
	margin: 15px 0 10px 0;
	font: bold 16px georgia;
	color: #AE5987;
	letter-spacing: -1px;
	clear: both;
	border-left: 7px solid #AE5987;
	padding-left: 5px;
	border-top: 1px dotted #ccc;
}

div.c_desc {
	margin: 0 25px;
	font: 12px tahoma;
}


#tollfree {
	background: url('../images/t_tollfree_bg.jpg');
}

#mainbox h1 {
	margin: 0px 0px 10px 35px;
	color: #5CAEDD;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: -.05em;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 10px;
}

#title_deco {
	height:41px; 
	margin:7px 0px; 
	background: #C5E3F2 url('../images/deco_title.gif') no-repeat 150px;
	border-right: 5px solid #9BCFE8;
}

#mainbox h3 {
	margin: 0px 0px 20px 0px;
	font: bold 11px tahoma;
	background: #5CAEDD;
	color: #fff;
	padding: 3px;
	text-transform: uppercase;
}

#schedule {
	border-collapse: collapse;
	margin-bottom: 15px;
}

#schedule td {
	font: 11px tahoma;
	text-align: center;
	border:1px solid #ccc;
}

#schedule td.s_timezone {
	background: #5CAFDB;
	font: bold 11px georgia;
	color:#222;
	height: 25px;
}

#schedule td.s_day {
	background: #9BCDEA;
	font: bold 11px georgia;
	color:#222;
	height: 25px;
	width: 90px;
}

#schedule td.s_time {
	background: #E3EAED;
	font: bold 11px georgia;
	height: 40px;
}

#channel {
	margin: 15px 25px 15px 5px;
	font: 11px tahoma;
	width: 670px;
	height: auto;
}

#highlight {
	width: 690px;
	height: auto;
}

#channel h2, #highlight h2 {
	margin: 0px 0px 10px 0px;
	font: bold 16px georgia;
	color: #AE5987;
	letter-spacing: -1px;
	clear: both;
	border-left: 7px solid #AE5987;
	padding-left: 5px;
	border-top: 1px dotted #ccc;
}

#channel p {
	margin-left: 10px;
	margin-bottom: 10px;
	width: 145px;
	height: 75px;
	float: left;
	background: #DFEBF2;
	border-right: 1px solid #CDE0EB;
	border-bottom: 1px solid #CDE0EB;
	padding: 3px;
	text-indent: -12px;
}

#channel p span {
	margin-left:15px;
	display: block;
}


/*#highlight p.showcase {
	margin-left: 15px;
	margin-bottom: 15px;
	width: 130px;
	height: 100px;
	float: left;
	background: #DFEBF2;
	border-right: 1px solid #CDE0EB;
	border-bottom: 1px solid #CDE0EB;
	text-align: center;
}

#highlight p.showcase img {
	border:0;
}*/

#highlight b {
	color: #5CAEDD;
	padding: 10px;
	color: #333;
	font: bold 11px tahoma;
}


#channel b {
	color: #5CAEDD;
	text-transform: uppercase;
	background: url('../images/bullet1.gif') no-repeat;
	padding-left: 13px;
}

#right {
	float: right;
	width: 700px;
	text-align: left;
}

#right h1 {
	margin: 0px 0px 10px 0px;
	color: #5CAEDD;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: -.05em;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 10px;
}

span.gray {
	color: #999;
}

#pagenum a:link, #pagenum a:visited {
	background: #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	font: 11px tahoma;
	padding: 0 10px;
	text-decoration: none;
}

#pagenum {
	margin-bottom: 10px;
}

#writeform b {
	display: block;
	float: left;
	width:70px;
}

span.genre {
	background: url('../images/buttons/dot_bg.gif');
	font:7pt tahoma;
	padding-top:1px;
	padding-bottom:2px;
	height: 14px;
}
span.head {
	background: url('../images/buttons/dot_h.gif');
	width:5px;
}

input.input {
	height: 19px;
	border: 1px solid #ccc;
	width: 150px;
	font: 11px tahoma;
}

textarea {
	border: 1px solid #ccc;
}