@charset "UTF-8";

/* TABBAR
--------------------------------------------------------------------*/
div#tabBar {
clear: both;
height: 21px;
border-bottom: 4px solid #c3cfd1;
font-size: 85%;
}

div#tabBar li{
float: left;
margin: 0 1px 0 0;
}
div#tabBar li {
margin: 0;
padding: 0;
width: 158px;
height: 21px;
}
div#tabBar li a {
text-decoration: none;
display:block;
width: 158px;
height: 21px;
background: url("../images/common/tabbg_off.jpg") no-repeat left top;
text-align: center;
padding-top: 4px;
color: #526172;
white-space: nowrap;
}
div#tabBar li a:hover {
background: url("../images/common/tabbg_on.jpg") no-repeat left top;
color: #51626F;
text-decoration: none;
}
/*
li#selected span a{
background: url("../images/common/tabbg_on.jpg") no-repeat left top;
}
*/

/* OBVIOUS
--------------------------------------------------------------------*/
div#obvious {
width: 752px;
font-size: 100%;/*12px*/
background: url("../images/common/dot_bottom.gif") repeat-x left bottom;
}
div#obvious li {
line-height: 2.5em;
float: left;
background: url("../images/common/devider_g.gif") no-repeat right center;
}
div#obvious li a {
margin: 0 10px 0 0;
padding: 0 10px 0 20px;
}
div#obvious li.sheet a {background: url("../images/common/sheet.gif") no-repeat left center;}
div#obvious li.application a {margin: 0 0 0 10px;background: url("../images/common/app.gif") no-repeat left center;}
div#obvious li.buy a {margin: 0 0 0 10px;background: url("../images/common/buy.gif") no-repeat left center;}
div#obvious li.sample a {margin: 0 0 0 10px;background: url("../images/common/sample.gif") no-repeat left center;}
div#obvious li.download a {margin: 0 0 0 10px;background: url("../images/common/download.gif") no-repeat left center;}

/* VIDEO
--------------------------------------------------------------------*/

.iu .video-outer, .puiu .video-outer { 
margin: 10px 5px 5px 12px;
}
.video-inner {
width: 92px;
height: 69px;
position: relative;
float: left;
padding: 0 10px 10px 0;
}
.iu .video-inner, .puiu .video-inner {
padding-bottom: 0px;
}
.thumb-v, .iu .thumb-v {width: 90px; height: 67px; margin: 0px; padding: 1px; border: 1px solid #c4cfd1; }
.play-video { position: absolute; top: 0; left: 0; }
.play-video a { width: 90px; height: 67px; margin: 0; padding: 1px; border: 1px solid #c4cfd1; 
display: block; background: url("../images/common/play.png") no-repeat center center; 
}
* html .play-video a {
width: 90px; 
height: 67px; 
margin: 0; 
padding: 1px;
border: 1px solid #c4cfd1; 
display: block;
background-color: #333;
background-color: transparent;
background-image: url('../images/blank.gif');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/PLAY_VIDEO.png", sizingMethod="scale");
cursor: pointer;
}
.video-outer .thumbp { 
padding: 0 0 0 107px; 
margin: 0;
font-size: 83.4%;/*10px*/ 
}
#mncnt .iu .video-outer .thumbp, #mncnt .puiu .video-outer .thumbp { 
padding: 0; 
margin: 0; 
}
.video-outer-n { margin: 0; }
.iu .video-outer-n, .puiu .video-outer-n { margin: 10px 5px 10px 12px; }
.video-inner-n { width: 68px; height: 51px; position: relative; float: left; padding: 0 10px 10px 0; }
.iu .video-inner-n, .puiu .video-inner-n { padding-bottom: 0px; }
.thumb-v-n, .iu .thumb-v-n { width: 66px; height: 49px; margin: 0px; padding: 1px; border: 1px solid #c4cfd1; }
.play-video-n { position: absolute; top: 0; left: 0; }
.play-video-n a { width: 66px; height: 49px; margin: 0; padding: 1px; border: 1px solid #c4cfd1; 
display: block; background: url('../images/PLAY_VIDEO.png') no-repeat center center; 
}
* html .play-video-n a {
width: 66px; 
height: 49px; 
margin: 0; 
padding: 1px;
border: 1px solid #c4cfd1; 
display: block;
background-color: #333;
background-color: transparent;
background-image: url('../images/blank.gif');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/PLAY_VIDEO.png", sizingMethod="scale");
cursor: pointer;
}
.video-outer-n .thumbp { 
/*padding: 0 0 0 78px; */
/*margin: 10px 0 0 0;*/
width: 270px;
float: right;
}
.video-outer-n p {
color: #51626f;
}
.video-outer-n .thumbp strong a {
padding: 0 0 0 12px;
color: #51626f;
background: url("../images/common/arrow.gif") no-repeat left 0.5em;
} 


/* LAYOUT
--------------------------------------------------------------------*/
div.righttext {
width: 276px;
float: right;
}
div.righttext ul,
div.righttext ul li {
margin: 0 0 0 10px;
}
div.righttext p em {
	background: url("../images/arrow_506270.gif") no-repeat scroll 0 0.5em;
	font-weight: bold;
	margin: 0 0 0;
	padding: 0 0 0 4px;
}
div.righttext p em a {
	text-decoration: none;
	color: #52616f;
}

div.listBox ul {
margin: 10px 10px 0 0;
width: 350px;
float: left;
}


/* TABLE
--------------------------------------------------------------------*/
table {
width: 755px;
color:#51626f;
font-size: 93%;/*12px*/
}
table td,
table th {
padding: 5px;
}
tr.lightGlay th,
tr.lightGlay td {
background: #efefef;
vertical-align: middle;
}
tr.darkGlay th,
tr.darkGlay td {
background: #c3cfd1;
vertical-align: middle;
}
tr.lightGlay th {
border-right: 1px #fff solid;
border-bottom: 1px #fff solid;
}
table.l_color th {
background: #efefef;
border-bottom: #FFFFFF 1px solid;
border-right: #FFFFFF 1px solid;
}
table.l_color tr.l_blue td {
background: #EFF3F7;
border-bottom: #FFFFFF 1px solid;
border-right: #FFFFFF 1px solid;
}
table.xsmall {
width: 360px;
}