/********************************************************

  protracer.com css

*********************************************************/

a {
color : #336699 ;
text-decoration : none ;
font-weight : bold ;
font-size : 12px ;
line-height : 20px ;
font-family : "Tahoma","MS UI Gothic",Osaka ;
}

a:hover {
color : #0000FF ;
font-weight : bold ;
font-size : 12px ;
line-height : 20px ;
text-decoration : underline ;
font-family : "Tahoma","MS UI Gothic",Osaka ;
}

.a_sub {
color : #336699 ;
text-decoration : none ;
font-weight : bold ;
font-size : 12px ;
line-height : 20px ;
font-family : "Tahoma","MS UI Gothic",Osaka ;
cursor : pointer ;
}

hr {
border : #999999 ;
border-style : dotted ;
border-top-width : 2px ;
border-right-width : 2px ;
border-bottom-width : 2px ;
border-left-width : 2px ;
}

div.fixedLay {
position : absolute ;
z-index : 10 ;
left : -500px ;
top : -500px ;
width : 150px ;
overflow : hidden ;
}

div.fixedILay {
position : absolute ;
z-index : 6 ;
left : 0px ;
top : 0px ;
width : 150px ;
}

div.fixedLay2 {
position : absolute ;
z-index : 4 ;
left : -500px ;
top : -500px ;
width : 300px ;
}

div.menu_border {
z-index : 7 ;
width : 100% ;
height : 100% ;
#border-left :1px #CCCCCC solid ;
#border-right :1px #CCCCCC solid ;
background-color : #CCCCCC ;
filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;
background-image : url(/image/shade.jpg) ;
background-repeat : no-repeat ;
margin-top : 0 ;
margin-right : 0 ;
margin-bottom : 0 ;
margin-left : 0 ;
}

div.fadeLay {
position : fixed ;
_position : absolute ;
z-index : 5 ;
width : 100% ;
height : 100% ;
background-color : black ;
#background-image : url(/image/fadegray.gif) ;
filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;
}

.imgbox {
cursor : pointer ;
border-style : outset ;
border-color : #333333 ;
border-width : 2px ;
}

.tb_h {
height : 100% ;
}

.circuit_bg {
font-family : "Tahoma","MS UI Gothic",Osaka ;
font-size : 12px ;
line-height : 20px ;
background-image : url(/image/circuit_bg.gif) ;
vertical-align : top ;
padding-top : 20px ;
}

.errordoc {
background-color : #FFFFFF ;
font-family : "Tahoma","MS UI Gothic",Osaka ;
padding-top : 25px ;
padding-left : 25px ;
}

.gallery_bg {
font-family : "Tahoma","MS UI Gothic",Osaka ;
font-size : 12px ;
line-height : 20px ;
background-image : url(/image/gallery_bg.gif) ;
background-repeat : repeat-y ;
vertical-align : top ;
background-color : #DDDDDD ;
border : #999999 ;
border-style : dotted ;
border-top-width : 2px ;
border-right-width : 2px ;
border-bottom-width : 2px ;
border-left-width : 2px ;
padding-top : 5px ;
padding-right : 5px ;
padding-bottom : 5px ;
padding-left : 5px ;
}

.info_bg {
font-family : "Tahoma","MS UI Gothic",Osaka ;
font-size : 12px ;
line-height : 20px ;
background-image : url(/image/info_bg.jpg) ;
background-repeat : no-repeat ;
padding-top : 20px ;
}

.info2_bg {
font-family : "Tahoma","MS UI Gothic",Osaka ;
font-size : 12px ;
line-height : 20px ;
background-image : url(/image/info2_bg.jpg) ;
background-repeat : no-repeat ;
padding-top : 20px ;
}

.neadoc {
line-height : 0pt ;
text-align : right ;
}

.news_bg {
font-family : "Tahoma","MS UI Gothic",Osaka ;
font-size : 12px ;
line-height : 20px ;
background-image : url(/image/news_bg.gif) ;
background-repeat : repeat-y ;
vertical-align : top ;
}

.report_bg {
font-family : "Tahoma","MS UI Gothic",Osaka ;
font-size : 12px ;
line-height : 20px ;
background-image : url(/image/report_bg.gif) ;
background-repeat : repeat-y ;
vertical-align : top ;
padding-top : 20px ;
}

.round_bar {
background-color : #666666 ;
}

.round_foot {
background-color : #CCCCCC ;
color : #333333 ;
font-family : "Tahoma","MS UI Gothic",Osaka ;
font-size : 10px ;
font-weight : bold ;
vertical-align : middle ;
margin-top : 0px ;
margin-right : 0px ;
margin-bottom : 0px ;
margin-left : 0px ;
padding-top : 0px ;
padding-right : 0px ;
padding-bottom : 0px ;
padding-left : 0px ;
border-style : none ;
border-top-width : 0px ;
border-right-width : 0px ;
border-bottom-width : 0px ;
border-left-width : 0px ;
text-indent : 20px ;
}

.round_head {
background-color : #666666 ;
background-image : url(/image/stripe_blue.gif) ;
margin-top : 0px ;
margin-right : 0px ;
margin-bottom : 0px ;
margin-left : 0px ;
padding-top : 0px ;
padding-right : 0px ;
padding-bottom : 0px ;
padding-left : 0px ;
background-repeat : repeat ;
border-style : none ;
border-top-width : 0px ;
border-right-width : 0px ;
border-bottom-width : 0px ;
border-left-width : 0px ;
}

.round_left {
background-color : #DDDDDD ;
background-image : url(/image/round_left.gif) ;
background-repeat : repeat-y ;
font-size : 12px ;
line-height : 20px ;
border-style : none ;
border-top-width : 0px ;
border-right-width : 0px ;
border-bottom-width : 0px ;
border-left-width : 0px ;
}

.round_left2 {
background-image : url(/image/round_left2.gif) ;
background-repeat : repeat-y ;
font-size : 12px ;
line-height : 20px ;
border-style : none ;
border-top-width : 0px ;
border-right-width : 0px ;
border-bottom-width : 0px ;
border-left-width : 0px ;
}

.round_main {
background-color : #FFFFFF ;
font-size : 12px ;
line-height : 20px ;
font-family : "Tahoma","MS UI Gothic",Osaka ;
}

.round_main2 {
background-color : #DDDDDD ;
font-size : 12px ;
color : #333333 ;
line-height : 20px ;
font-family : "Tahoma","MS UI Gothic",Osaka ;
}

.round_main3 {
background-color : #CCCCCC ;
font-size : 12px ;
color : #333333 ;
line-height : 20px ;
font-family : "Tahoma","MS UI Gothic",Osaka ;
}

.round_menu {
background-color : #DDDDDD ;
margin-top : 2px ;
margin-right : 2px ;
margin-bottom : 2px ;
margin-left : 2px ;
padding-top : 2px ;
padding-right : 2px ;
padding-bottom : 2px ;
padding-left : 2px ;
border : 2px #999999 dotted ;
font-size : 12px ;
line-height : 20px ;
font-family : "Tahoma","MS UI Gothic",Osaka ;
}

.round_menu2 {
background-color : #DDDDDD ;
margin-top : 2px ;
margin-right : 2px ;
margin-bottom : 2px ;
margin-left : 2px ;
padding-top : 2px ;
padding-right : 2px ;
padding-bottom : 2px ;
padding-left : 2px ;
border : 2px #999999 dotted ;
font-size : 12px ;
line-height : 20px ;
font-family : "Tahoma","MS UI Gothic",Osaka ;
background-image : url(/image/sidelogo.gif) ;
background-repeat : no-repeat ;
}

.round_menu3 {
background-color : #DDDDDD ;
margin-top : 2px ;
margin-right : 2px ;
margin-bottom : 2px ;
margin-left : 2px ;
padding-top : 2px ;
padding-right : 2px ;
padding-bottom : 2px ;
padding-left : 2px ;
border : none ;
font-size : 12px ;
line-height : 20px ;
font-family : "Tahoma","MS UI Gothic",Osaka ;
background-image : url(/image/sidelogo.gif) ;
background-repeat : no-repeat ;
}

.round_right {
background-image : url(/image/round_right.gif) ;
background-repeat : repeat-y ;
background-position : 100% ;
background-color : #DDDDDD ;
font-size : 12px ;
line-height : 20px ;
border-style : none ;
border-top-width : 0px ;
border-right-width : 0px ;
border-bottom-width : 0px ;
border-left-width : 0px ;
}

.sitebody {
margin-top : 0px ;
margin-right : 0px ;
margin-bottom : 0px ;
margin-left : 0px ;
padding-top : 0px ;
padding-right : 0px ;
padding-bottom : 0px ;
padding-left : 0px ;
background-image : url(/image/stripe_black.gif) ;
font-size : 12px ;
color : #333333 ;
font-family : "Tahoma","MS UI Gothic",Osaka ;
}

.titledoc {
font-size : 14px ;
line-height : 22px ;
font-weight : bold ;
color : #FFFFFF ;
background-color : #999999 ;
margin-top : 0 ;
margin-right : 0 ;
margin-bottom : 0 ;
margin-left : 0 ;
font-family : "Tahoma","MS UI Gothic",Osaka ;
text-indent : 5px ;
padding-top : 2px ;
padding-right : 2px ;
padding-bottom : 2px ;
padding-left : 2px ;
}

.titledoc2 {
font-size : 14px ;
line-height : 20px ;
font-weight : bold ;
color : #000000 ;
background-color : #CCCCCC ;
margin-top : 2px ;
margin-right : 2px ;
margin-bottom : 2px ;
margin-left : 2px ;
font-family : "Tahoma","MS UI Gothic",Osaka ;
text-indent : 5px ;
}

.titledoc3 {
font-size : 14px ;
line-height : 20px ;
font-weight : bold ;
color : #666666 ;
background-color : #CCCCCC ;
margin-top : 2px ;
margin-right : 2px ;
margin-bottom : 2px ;
margin-left : 2px ;
font-family : "Tahoma","MS UI Gothic",Osaka ;
text-indent : 5px ;
}

.vodbtn {
border-width : 1px ;
background-color : #CCCCCC ;
color : #333333 ;
font-size : 10px ;
font-weight : bold ;
font-family : "Tahoma",Osaka ;
width : 80px ;
height : 20px ;
}

.vodcase {
background-color : #000000 ;
color : #CCCCCC ;
font-size : 12px ;
font-weight : bold ;
font-family: Arial, sans-serif;
text-align : center ;
}

.vodview {
background-color : #000000 ;
color : #CCCCCC ;
font-size : 12px ;
font-weight : bold ;
font-family: Arial, sans-serif;
text-align : center ;
}

.inline {
display : inline ;
}

.wrap {
width : 100%;
padding : 5px;
margin : 5px;
border : 1px dotted #CCC;
}

.eimg {
    width:   322px ;
    height:  247px ;
    padding: 0 ;
    margin:  0 ;
    overflow: hidden;
}

.eimg img {
    padding: 10px;
    border:  1px solid #ccc;
    background-color: #eee;
	width:300px;
	height: 225px;
    top:  0;
    left: 0
}

.eimg2 {
    height:  322px;
    width:   422px;
    padding: 0 ;
    margin:  0 ;
}

.eimg2 img {
    padding: 10px;
    border:  1px solid #ccc;
    background-color: #eee;
	width: 400px;
	height: 300px;
    top:  0;
    left: 0
}

.nav { margin: 5px 0 }
#nav a { margin: 0 3px; padding: 3px 5px; border: 1px solid #999; background: #999; text-decoration: none }
#nav a.activeSlide { background: #CCC; }
#nav a:focus { outline: none; }
#output { text-align: left; }


/**********  menu  **********/

.panel {
position: fixed;
top: 50px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 250px;
height: auto;
padding: 30px 30px 30px 130px;
filter: alpha(opacity=85);
opacity: .85;
color:#DDD;
z-index: 3;
}

.panel a:hover {
color : #EEE ;
font-weight : bold ;
font-size : 12px ;
line-height : 20px ;
text-decoration : underline ;
font-family : "Tahoma","MS UI Gothic",Osaka ;
}

.cie .panel {
display: none;
}

a.trigger{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(image/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
z-index: 4;
}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(image/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(image/minus.png) 85% 55% no-repeat;
}

.cie a.trigger{
display: none;
}

.columns{
clear: both;
width: 200px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 100px;
line-height: 22px;
}

.colright{
float: right;
width: 100px;
line-height: 22px;
}

/********** about tab **********/

#page {
	padding: 0px;
	margin: 5px;
/*	width: 470px;*/
}
UL.mytabs {
	position: relative;
/*	z-index: 3;*/
}
UL.mytabs, UL.mytabs LI {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
UL.mytabs LI { padding: 0 3px; }
UL.mytabs LI A {
	float: left;
	padding: 5px;
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #E0E0E0;
	background: #F0F0F0;
	text-decoration: none;
	text-align: center;
	color: #333333;
	height: 22px;
	width: 120px;
	outline: 0px none black; 
}
UL.mytabs LI A:HOVER, UL.mytabs LI.current A {
	background: #FFFFFF;
}
UL.mytabs LI.current A {
	font-weight: bold;
/*	font-size: 14px;*/
	border-bottom: 1px solid #FFFFFF;
}
.mytabs-container {
	position: relative;
/*	z-index: 2;*/
	clear: both;
	border: 1px solid #E0E0E0;
	padding: 0;
	margin: 0;
	top: -1px;
}

/********** faq open-close **********/

#faqs { position: relative; text-align: left; }
#faqs h3 {
	color: #336699 ;
	font-size: 12px ;
	line-height: 20px ;
	font-family: "Tahoma","MS UI Gothic",Osaka ;
	cursor: pointer;
}
#faqs h3.active	{ color: #0000FF; }
#faqs div   { position: relative; }
#faqs div p { padding: 0; margin-bottom: 5px; }

/********** BBS **********/

.small  {  }
.left25 { margin-left: 25px; }
.left30 { margin-left: 30px; }
.round_tree {
	background-color: #DDDDDD;
	margin: 30px;
	padding: 5px;
	border: 2px #999999 dotted;
	font-family: "Tahoma","MS UI Gothic",Osaka;
	overflow: hidden;
	table-layout: fixed;
	width: 410px;
}
p.oya {
	background-color: #999999;
	padding: 5px;
	margin: 0px;
	font-weight: bold;
	color: #FFFFFF;
}
p.ko {
	background-color: #B6B6B6;
	padding: 5px;
	margin: 0 0 0 20px;
	font-weight: bold;
	color: #FFFFFF;
}
span.subj {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}

p.message_oya {
	font-size: 12px;
	line-height: 18px;
	padding: 10px;
	margin: 0px;
}
p.message_ko {
	font-size: 12px;
	line-height: 18px;
	margin: 0px 0px 0px 25px;
	padding: 10px;
}

p.msg_pn {
	margin: 0px;
	padding: 0px;
}
p.msg_ed {
	margin: 0px;
	padding: 0px;
}
.menuBar {
	background-color: #EFEFEF;
}

/********** Top futureList **********/

span#f3 {
	margin: 0;
	padding: 7px 0 0 0;
	font-size: 20px;
	font-weight: bold;
}

div#feature_list {
	width: 480px;
	height: 360px;
	overflow: hidden;
	position: relative;
}

div#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#tabs {
	left: 0;
	z-index: 2;
	width: 80px;
	background: #999;
	filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;
}

ul#tabs li {
	font-size: 12px;
}

ul#tabs li a {
	color: #222;
	text-decoration: none;
	display: block;
	padding: 5px;
	outline: none;
	height: 80px;
}

ul#tabs li a:hover {
	text-decoration: none;
}

ul#tabs li a.current {
	background: #666;
	color: #FFF;
}

ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}

ul#output {
	right: 0;
	width: 480px;
	height: 360px;
	position: relative;
}

ul#output li {
	position: absolute;
	width: 480px;
	height: 360px;
}

ul#output li a {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #000;
	-moz-border-radius: 5px;
}

ul#output li a:hover {
	background: #D33431;
}

/********** VOD bgFade **********/

.myButton {
   position:relative;
   height: 120px;
   width: 160px;
   cursor:pointer;
   display:block;
   background: url('/vod/vodimg/vodsw.gif') no-repeat top left;
}

.myButton span.bg_fade {
   position: absolute;
   display:none;
   top: 0;
   left: 0;
   height: 120px;
   width: 160px;
   background:url('/vod/vodimg/vodsw.gif') no-repeat 0px -75px;
}

/*** TAB MENU ***/
    #tabMenu {
    background:#999999;
    margin:10px 0 10px 0;
    padding:5px 0 0 50px;
    }
    ul.topnev {
    margin:0;
    padding:0;
    list-style:none;
    border:#000;
    }
    ul.topnev li {
    margin:0;
    padding:0;
    list-style:none;
    display:inline;
    }
    ul.topnev li a {
    padding:10px;
    font:bold 12px/34px Tahoma, Arial, Helvetica, sans-serif;
    text-decoration:none;
    color:#FFF;
    }
    ul.topnev li a:hover {
    background:#FFF;
    color:#3e3a3a
    }
    ul.topnev li a.active {
    background:#FFF;
    color:#3e3a3a
    }