body > *{
font-size:62.5%;
/*font-size-adjust:0.1;*/
}
body{
_font-size:62.5%;
scrollbar-arrow-color:#fff;
scrollbar-3dlight-color:#00006A;
scrollbar-darkshadow-color:#000020;
/*scrollbar-base-color:#589cff;/*#3163ff;*/
scrollbar-face-color:#22409b;
scrollbar-highlight-color:#c6c6ff;;
scrollbar-shadow-color:#3163ff;
scrollbar-track-color:#589cff;
}

body{
background:#fff;/*#badcfb;*/
_behavior:url(http://bowonet/IE6fix/csshover.htc);/*important lt IE 7 hover to non link elements fix*/
/*_behavior:url(IE6fix/iepngfix.htc);/*important lt IE 7 hover to non link elements fix*/
_background:#badcfb url(image/blue10.png) fixed no-repeat; /*no jittering in ie6 fixed position expressions*/
_width:expression(documentElement.clientWidth+document.documentElement.scrollLeft); /*ie6 fix overflow/scrollbar */
}
/*html{_filter:expression(document.execCommand("BackgroundImageCache", false, true));}*/
body,html{height:100%;}
html{*overflow:auto;}/*vertical scrollbar in ie without this*/
/****************************************************************************************************************************/
*{ /*everything uses this*/
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/******************************************************************************/
#bg{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
_height:expression(documentElement.clientHeight);/*ie6 fix overflow/scrollbar*/
_width:expression(documentElement.clientWidth);
overflow:hidden;
}
#bg img{
/*margin-bottom:-3px;*/
height:100%;
width:100%;
}
#top,#bottom{
position:fixed;
left:0;
width:100%;
z-index:100;
height:70px;
height:50px;
height:5em;/*50px*/
}
#top{
top:0;
/*background:url(image/BGTop.png) repeat-x;*/
/*background:#fff;*/
/*height:4.375em;
height:50px;*/
}
#top img.bg,#bottom img.bg{
position:absolute;
top:0;
left:0;
/*width:100%;*/
width:100%;
/*height:70px;*/
height:100%;
/*height:4.375em;*/
z-index:-1;
}
#bottom{
bottom:0;
/*background:url(image/BGBottom.png) repeat-x;*/
}
#bowo{
z-index:16000;
position:fixed;
_position:absolute;
top:.5em;
left:1.6em;
top:5px;
left:16px;
width:131px;
width:8.1875em;
height:105px;
height:6.5625em;
/*background:url(image/bowo.png) no-repeat;*/
height:75px;
height:7.5em;
width:93px;
width:9.3em;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/bowo.png',sizingMethod='scale');
}
#bowo img{
height:100%;
width:100%;
_display:none;
z-index:100000;
}
#bowo.anim{
background:url(image/bowo.gif);
_filter:none;
}
#top table,#bottom table{
width:100%;
/*margin-top:18px;
border:1px solid #fff;
height:4.375em;*/
height:100%;
}

#bottom td{
width:20%;
/*padding-top:1em;*/
padding-top:.6em;
}

/*#bottom table{margin-top:30px;}*/
#space div{display:block;}
#space,#space div{width:9.6em; /* border:1px solid #fff;*/}
/*********************IE6 fixes*********************/
#top,#bg{
_position: absolute;
_top:expression(documentElement.scrollTop);
}
#bg{
_left:expression(document.documentElement.scrollLeft);} 

#bottom{
_position:absolute;/*ie6 position fixed fix(bottom)*/
_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.clientHeight);
}
#bowo{
_top:expression(5+documentElement.scrollTop);
}
/***************************************************/
#layout{
position:absolute;
width:100%;
height:100%;
z-index:10;
top:0;/*without coordinates javascript dragging will stutter*/
left:0;
}
td.layout{
padding-top:71px;
padding-bottom:71px;
padding:3.125em 0;
padding:5.3em 0;
/*padding::4.375em 0;*/
text-align:center;
/*overflow:auto;*/
}
/*#layout td td{
padding:0;
}*/
.Left/* table*/{
/*text-align:left;*/
/*position:relative;
left:4px;*/
float:left;
margin-left:4px;
}

.Center/* table*/{
margin:0 auto;
}
.Right/* table*/{
margin-right:4px;
float:right;
}
/*
.Right table table{
float:none;
}*/
/*****************************************align******************************************/
#align.grow{width:100%;}
#align div{
_cursor:pointer;
float:right;
width:136px;/*20px extra for "margin"*/
width:13.6em;
}
#align span{
cursor:pointer;
float:left;
display:block;
width:32px;
height:22px;
width:3.2em;
height:2.2em;
border:1px solid;
border-color:#ff0000 #000 #000 #ff0000;
}
#align span b{
cursor:pointer;
display:block;
_overflow:hidden;
width:10px;
height:10px;
width:1em;
height:1em;
background:#fff;
border:1px solid #000;
position:relative;
top:5px;
top:0.5em;
}
.Ce #Center b,.Le #Left b,.Ri #Right b{background:#589cff;}
#align span:hover b{background:#ff2f2f;}
#align span:active b{background:#fff; top:6px; top:0.6em;}
#align span:active{border-color:#000 #ff0000 #ff0000 #000;}
#Center b{left:10px; left:1em;}
#Center{margin:0 2px; margin:0 0.2em;}
#Right b{left:20px; left:2em;}
#alignment{border:1px solid #3063FF;}
td.aligncell
{
padding:0 1.6em 1.6em 1.6em;
}
/***************************************************/
#shader{
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
z-index:15000;
*zoom:1;
*background:none;
*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAALHRFWHRDcmVhdGlvbiBUaW1lAGxhIDUgaHVodGkgMjAwOCAxNDowNDoyMCArMDIwMATuawUAAAAJcEhZcwAAHsEAAB7BAcNpVFMAAAANSURBVHjaY2BgYJgJAACeAJqcrW/7AAAAAElFTkSuQmCC);
}
#shader div{
height:100%;
width:100%;
background:url(image/bowo.gif) no-repeat center center;
}
/********************************************************************************************************************************************************menu*/
.menu a, .menu h2,.menu h3{
font-weight:bold;
font-size:.9em;
font-size:1.3em;
line-height:1.3em;
display:block;
white-space:nowrap;
text-transform:uppercase;
}
.menu a{
font-size:1em;
}
.menu h2,.menu h3{/*h2 navi title shadow color*/
font-size:1.3em;
font-size:1.3em;/*13px*/
color:#000;
letter-spacing:1px;
cursor:pointer;
text-align:center;
}
.menu h3{
position:absolute;
top:-2px;
left:-2px;
width:100%;
color:#fff;
}
.menu li:hover h2,.menu li:hover h3{letter-spacing:2px;}
.menu li img{
position:absolute;
left:0em;
top:0em;
width:100%;
height:100%;
}
/*.menu li img.I1:hover{
visibility:hidden;
}*/
.menu a{
color:#000;
text-decoration:none;
text-indent:1.6em;
padding:5px 5px 2px 3px;
background:#a50000;
}
.menu b{/*shadow*/
display:block;
position:absolute;
top:3px;
top.3em;
left:1px;
left:.1em;
cursor:pointer;
color:#000;
}
.menu em{/*text*/
display:block;
position:absolute;
top:2px;
left:0px;
cursor:pointer;
font-style:normal;
color:#E1E1E1;
}
.menu ul ul{background:#a50000;}
.menu ul{
list-style:none;
margin:0 auto;
width:16em;
}
.menu li{position:relative; top:0;
left:0;}
.menu li li,#align span{/*
background:#000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAYAAAC9WOV0AAAACXBIWXMAAAsSAAALEgHS3X78AAAAIklEQVR4XrXKoQ0AAAjAsIb/7wUJggNQmKVimo7CJk+9zAOYDxs+OaBbCgAAAABJRU5ErkJggg%3D%3D) repeat-x top left;
*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0000,endColorstr=#000000);
background:#000 url(../image/BGmenuhover200.png) repeat-x top left;
*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0000,endColorstr=#000000);
*/
}
.menu li li{*background:none;}
.menu ul ul{
position:absolute; left:0;
z-index:500;
top:auto;
display:none;
border-style:solid;
border-width:1px 2px 2px 1px;
border-color:#ff0000 #000 #000 #ff0000;
}
/**********************bottom*************************************/
#bottom .menu ul ul{
bottom:2.2em;
display:block; /*must be already block or firefox 'bottom' fixed position fails*/
visibility:hidden; /*visibilty will show/hide it*/
z-index:-1;
}
#bottom .menu:hover ul ul{
visibility:visible;
z-index:auto;
}
/***************************************************************/
.menu ul ul ul{
top:0;
left:96%;
}
.menu li:hover{
cursor:pointer;
z-index:100;
}
.menu li:hover ul ul, /*sivuvalikko*/
.menu li li:hover ul ul,
.menu li li li:hover ul ul,
.menu li li li li:hover ul ul /*sivuvalikko*/
{display:none; *border:0;}

.menu li:hover ul, /*alavalikko*/
.menu li li:hover ul, /*sivuvalikko*/
.menu li li li:hover ul,
.menu li li li li:hover ul /*alavalikko*/
{display:block; *border-width:1px 2px 2px 1px;}
.menu td ul.hideNavi li:hover ul{display:none;} /*class for javascipt.. hiding navi until onclick event*/
.menu a.x, .menu a.x:visited{background:#a50000 url(image/menuArrow.gif) no-repeat 95%;}
.menu a:hover,.menu a.x:hover{
/*background:#000 url(../image/BGmenuhover200.png) repeat-x top left;*/
/*background:none;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0000,endColorstr=#000000);*/
}
.menu a:hover em{color:#fff;}
.menu a:active,.menu a.x:active{padding:7px 3px 0 5px;}
.menu a:active b{
top:.4em;
left:.2em;
/*top:5px;
left:3px;*/
}
.menu a:active em{
top:.3em;
left:.1em;
}
.menu a:hover img.default/*,.menu a:hover img.active*/{
display:none;
}
.menu a:active img.hover,.menu a:active img.default{
display:none;
}
/*ie fix*/
.menu ul li {*float: left; *width: 100%;}
.menu ul li a {_height: 1%;} /*ie6*/
/*end of ie fix*/
/********************************************************************************************************************************************/
.menu2 a{
font-weight:bold;
font-size:1.3em;
line-height:1.3em;
white-space:nowrap;
text-transform:uppercase;
color:#000;
text-align:center;
letter-spacing:1px;
text-decoration:none;
position:relative;
top:0;
left:0;
display:block;
width:24em;
margin:0 auto;
border:0px solid #000;
}
.menu2 a b{
width:100%;
cursor:pointer;
position:absolute; top:-2px; left:-2px;
color:#fff;
}
.menu2 a:hover{letter-spacing:2px;}
/*********************bottom menu*******************************/
img{
border:0;
}
option{
/*padding:0 4px; */
padding-left:4px;
background:#3063FF;
color:#fff;
}

optgroup{
background:#003399;
color:#fff;
}
.def input,select,button,textarea,input.def{
/*font-size:1.28em;*/
background:transparent;
/*border-width:1px;
border-color:#878787 #fbfbfb #fbfbfb #878787;*/
/*padding:1px;*/
}

#WC{
position:absolute;
top:0;
left:0;
}

/***************inset border color************************/
.inset,#navi a:active,.B1:active,textarea,select,input.def,.def input{
border:1px solid;
border-color:#005fca #fff #fff #005fca;}
/****************outset border color***********************/
.outset,#navi a,.B1,button{
border:1px solid;
/*border-color:#fff #717171 #717171 #fff; gray*/
/*border-color:#c6c6ff #3163ff #3163ff #c6c6ff; blue*/
border-color:#fff #005fca #005fca #fff;
}
.main{
border:1px solid #005fca;
}

.C{
margin-left:auto;
margin-right:auto;
}
.c{
text-align:center;
}
.l{
text-align:left;
}
.r{
text-align:right;
}
/******headers with shadows******/
/*
.title{
font-size:62.5%;
height:8em;
overflow:hidden;
border:0px solid #000;
}
.title h1,.title h2,.title h3{
font-size:3.36em;
font-size:6.4em;
color:#bd0000;
position:relative;
z-index:5;
}
.title h2{
color:#3163ff;
z-index:1;
color:#fff;
left:-.48em;
top:-1.97em;
}
.title b{
color:#3163ff;
}
.title h3{
z-index:2;
top:-3.79em; left:.05em;
color:#000;
}
*/
.title{
position:relative;
top:0;
left:0;
_height:4.48em;
padding-top:1px;
overflow:hidden;
}
.title h1,.title h2,.title h3{
font-size:3.36em;
color:#bd0000;
color:#f73131;
color:#d61818;
z-index:5;
position:absolute;
top:0;
left:0;
width:100%;
text-align:center;
}
.title h2{
z-index:1;
color:#fff;
left:-1px;
top:-1px;
}
.title b{
color:#3163ff;
color:#63a5ff;
color:#427bff;
}
.title h3{
z-index:1;
position:relative;
top:0;
left:0;
width:auto;
left:1px;
color:#000;
}
/*title bigger*/
.big{
_height:12.8em;
padding-top:2px;
}
.big h1,.big h2,.big h3{
font-size:9.6em;
}
.big h2{
left:-2px;
top:-2px;
}
.big h3{
left:2px;
/*top:-2.4em;*/
}
/********tables ****************************/
.thead th, th.thead{
background:#3063FF url(image/BGth.png) repeat-x 0 bottom;
background:#000 url(image/BGth.png) repeat-x scroll 0 top;/*bottom;*/
*background:none;
*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3163ff,endColorstr=#0000000);
color:#fff;
padding:2px;
padding:2px 20px;
font-size:1.28em;
letter-spacing:1px;
}
.cell td,.cell,.cell2 td,.cell2
{
padding:.32em 19.2em;
}

.cell td,td.cell,div.cell,.opac20,#navi a,#alignment,.frame td{ /*BW blue HEX:#3063ff opacity20*/
*zoom:1; /*IE7*/
*background:none; /*IE*/
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAADUlEQVR42mMwTP5vDAAEIwHHxEdNPwAAAABJRU5ErkJggg%3D%3D);
*background:none;
*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#333063ff,endColorstr=#333063ff); /*IE*/
}

.cell2 td,div.cell2,.opac40,#navi a:active{ /*BW blue HEX:#3063ff opacity40*/
*zoom:1; /*IE7*/
*background:none; /*IE*/
*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#663063ff,endColorstr=#663063ff); /*IE*/
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAADUlEQVR42mMwTP6fBgAEVgH6C/CyKgAAAABJRU5ErkJggg%3D%3D);
}
/******************************************************/
.opac09, .opac09Child input{
background:url(data:image/png;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAADUlEQVR42mMwTP4vDgAEBwGrtsRaAgAAAABJRU5ErkJggg%3D%3D);
*background:none;
*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#093063ff,endColorstr=#093063ff); /*IE*/
}
/************submit buttons & links*******************/
#layout a,#submit input{
/*font-size: 1.44em;*/
font-weight: bold;
color: #000;
text-decoration: none;
cursor:pointer;
}

#submit input{
width:auto;
*width:28.8em;
margin:0 auto;
padding:3px;
}

#submit input:active{ /*hovering effect below*/
padding:4px 1px 2px 5px;
}

#layout a:hover {color: #FF0000;}

/************navi table & buttons(links)*************/
#navi{
width:auto;
margin:1.6em auto 0 auto;
margin:.8em auto 0 auto;
text-align:center;
border:0;
}
#navi a{
display:block;
padding:2px;
width:18.4em;
width:16em;
text-decoration:none;
border-width:1px;
border:1px solid inherit;
/*font-weight:normal;*/
/*text-transform:uppercase;*/
font-size:1.28em;
}

#navi a:hover,#submit input:hover{
color:#000;
*zoom:1; /*IE7*/
*background:none; /*IE*/
*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#073063ff,endColorstr=#073063ff); /*IE*/
background:url(data:image/png;
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAADUlEQVR42mMwTP4vCAAEAQGlg6joqgAAAABJRU5ErkJggg%3D%3D);
}

#navi a:active{
padding:3px 0px 1px 4px;
}
/*************instructions lists**************************************/
ul#hints,ul.hints{
margin:1.28em auto;
padding-left:.8em;
/*width:57.6em;*/
text-align:left;
}
ul#hints li,ul.hints li{
list-style-type:disc;
letter-spacing:1px;
/*font-size:1.6em;*/
color: #0000FF;
color:#000064;
margin:.8em;
/*list-style-type:square;*/
/*font-weight:bold;*/
font-size:1.44em;
}
ul#hints li.error, ul.hints li.error{
color:#CC0099;
}
/*****************paging****************/
td.pageR{
text-align:right;
/*width:80px;*/
padding-right:4px;
width:8em;
}
td.pageL{
text-align:left;
padding-left:4px;
/*width:80px;*/
/*width:8em;*/
}
td.pageC{
text-align:center;
width:100%;
}
td.pageC p{
margin:0;
padding:0;
margin:.16em 0;
}
/*********************input buttons*****************/
.B1{
font-size:1.76em;
letter-spacing:1px;
font-weight:bold;
cursor:pointer;
border:1px solid;
border-color:#c6c6ff #3163ff #3163ff #c6c6ff;
}

/*********************input fields******************/
.T1{
border:1px solid;
border-color:#3163ff #c6c6ff #c6c6ff #3163ff;
}
/********************align selection****************/
/*

#alignP{margin:.8em 0;}
#align.Right{float:right; margin-left:0; margin-right:.32em;}
#align.Center{margin-left:auto; margin-right:auto;}
#align.Left{float:left; margin-left:.32em; margin-right:0;}
*/
/****************************************************************************/
#navi a:hover,#submit input:hover{/*BW blue HEX:#3063ff opacity70*/
*zoom:1; /*IE7*/
*background:none; /*IE*/
*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#073063ff,endColorstr=#073063ff); /*IE*/
background:url(data:image/png;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAADUlEQVR42mMwTP4vCAAEAQGlg6joqgAAAABJRU5ErkJggg%3D%3D);
}
/******************to hide things*************************/
.hide{
position:absolute;
left:-2000px;
top:-2000px;
display:none;
_visibility:hidden;
}
/*******************frame*********************************/
tr.frameTop td{
padding-top:1.92em;
}

tr.frameBottom td{
padding-bottom:1.28em;
}

.frame caption{
text-align:left;
margin:0 auto;
}

.frame caption b{
letter-spacing:1px;
color:#fff;
padding:.16em .8em; 
position:relative;
left:3.2em;
top:0.96em;
background:#3063FF;
}

.frame,.frame caption b{
border:2px groove #3063FF;
}
/********************************************************************************************************/
/***layertest******/
.contentt{
border:0px solid #00CC00;
height:51em;
position:relative;
width:69em;
margin:0 auto;
top:0;
left:0;
/*float:left;*/
/*float:right;*/
/*margin:0;*/
}
.box1{
border:0px solid #000;
/*float:right;*/
padding:1.6em;
float:left;
/*z-index:2;*/
}
.innerBox1{
position:relative;
/*width:45em;*/
margin:0 auto;
/*text-align:justify;*/
text-align:left;
*zoom:1;
*background:none;
*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAB3RJTUUH2QIIEig3vNPgcwAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAANSURBVHjaY/j///9MAAmVA5eYGOr1AAAAAElFTkSuQmCC);
/*padding:2em;*/
border:0.2em solid #000;
border-color:#fff #000 #000 #fff;
border-width:0.1em;
float:left;
/*width:30em;*/
/*margin:3.2em;*/
}
.innerBox1 p{
/*font-size:1em;/*10px*/
line-height:1.5em;
font-weight:bold;
padding:1.5em;
white-space:pre;
/*padding:1.25em;*/
border-bottom:0.1em solid #636363;
}

/******************/
.figure{
/*float:right;*/
border:0px solid #000;
position:relative;
height:31.875em;/*510px*/
height:51em;
}

.figure img/*,.figureBottom*/{
position:absolute;
/*left:0em;
top:0em;*/
}
/***********************************/
.productView{
border:0px solid #000;
/*width:60em;*/
height:51em;
/*overflow-y:scroll;*/
overflow:hidden;
margin:0 auto;
position:relative;
border:.1em solid #000;
/*float:left;*/
}
.productView img{
margin:0;
/*opacity:0.7;*/
margin-bottom:-0.3em;
*margin:0;
}

.productView .innerBox1{
width:auto;
float:left;
background:none;
margin:4.6em;
margin:1em;
}
.productView .topBar,.productView .bottomBar{
height:0.3em;
}

img {
 /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);*/
}

.productView div.slider{
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
padding-left:1em;
}

.productTable{
width:100%;
}

.prodTip{
background:#000;
padding:1em;
opacity:0.8;
color:#FFF;
z-index:10;
width:10em;
}
/*************************************************************************************/
.knobContainer{
width:1em;
height:100%;
height:50.8em;
border:.1em solid #000;
border-color:#fff #000 #000 #fff;
background:#000;
/*opacity:0.5;*/
/*7position:absolute;
left:.5em;
top:0em;*/
*zoom:1;
*background:none;
*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAB3RJTUUH2QIIEig3vNPgcwAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAANSURBVHjaY/j///9MAAmVA5eYGOr1AAAAAElFTkSuQmCC);
z-index:100000000000000;
}

.knobContainer div{
position:relative;
cursor:pointer;
background:#de0000;
width:1em;
height:1em;
}

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


#main{
margin:0 auto;
/*min-width:60em;*/
/*width:60em;*/
}
#main td{
}

table.box td{
/*padding:.4em;*/
}
td.content{
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAB3RJTUUH2QIIEig3vNPgcwAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAANSURBVHjaY/j///9MAAmVA5eYGOr1AAAAAElFTkSuQmCC);
*zoom:1;
*background:none;
*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
padding:1em .5em;
}

td.content td{
padding:1em;
font-weight:bold;
text-transform:uppercase;
}

td.top{
vertical-align:top;
}

table.box{
text-align:left;
/*padding:2em;*/
border:0.2em solid #000;
border-color:#fff #000 #000 #fff;
border-width:0.1em;
position:relative;
top:-.8em;
/*float:left;*/
}
td.text{
line-height:1.5em;
font-weight:bold;
padding:1.5em;
white-space:pre;
*zoom:1;
*background:none;
*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAB3RJTUUH2QIIEig3vNPgcwAAAAlwSFlzAAAewQAAHsEBw2lUUwAAAARnQU1BAACxjwv8YQUAAAANSURBVHjaY/j///9MAAmVA5eYGOr1AAAAAElFTkSuQmCC);
/*padding:1.25em;*/
/*border-bottom:0.1em solid #636363;*/
}

.header{
text-align:left;
}
.header span{
color:#000;
text-transform:uppercase;
letter-spacing:.1em;
background:#3163ff;/*
padding:.7em 1.2em .3em 1.3em;/* 1px 8px */
/**padding:.5em 1.2em .3em 1.3em;/* 1px 8px */
/*_padding:.4em 1.2em .2em 1.3em;/* 1px 8px */
padding:.6em 1em .3em 1.1em;
*padding:.4em 1em .1em 1.1em;
border:0.1em solid #000;
border-color:#fff #000 #000 #fff;
position:relative;
top:1.5em;
*top:1.7em;
left:1.5em;

/*height:2.2em;
float:left;*/
}
.header i{
font-size:1.3em;
/*line-height:1.3em;*/
font-style:normal;
font-weight:bold;
}
.header b{
display:block;
width:100%;
color:#fff;
position:absolute;
left:1em;
top:.2em;
*top:.3em;
_top:.4em;
_left:1.1em;
/*
left:1.2em;
top:.2em;
left:1.3em;
top:.3em;*/
}
.header span.black{
color:#000;
/*left:.8em;
top:.2em;*/
color:#000;
}

.topBar,.bottomBar{
/*background:#de0000;*/
/*width:100%;
/*
width:10em;*/
/*display:block;*/
height:1em;/*10px*/
/*_font-size:50%;/*IE6 shit*/
/**font-size:50%;*/
border-bottom:0.2em solid #000;
}
.topBar p{
/*width:100%;*/
}
.topBar{
border-bottom-width:0.3em;
border-bottom-width:0;
}
.bottomBar{
border:0;
border-top:0.2em solid #000;
border-top:0;
}

.bottomBar div,.topBar div{
padding:0 1em;
/*height:1em;*/
position:relative;
text-align:right;
height:1.3em;
_overflow:hidden;
}
.bottomBar img,.topBar img{
width:100%;
height:100%;
position:absolute;
left:0em;
top:0em;
z-index:-1;
}
.bottomBar button{
border:1px solid #000;
border-color:#fff #000 #000 #fff;
font-size:1em;
position:relative;
top:-.8em;
top:-.4em;
background:#6cc5ff url(../image/BGBlue.png) repeat-x left bottom;
background:#000 url(../image/BGBlue.png) repeat-x left bottom;
color:#000;
padding:.3em .2em .2em .6em;
padding:.3em .5em .2em .9em;
text-transform:uppercase;
font-weight:bold;
*width:auto;
*overflow:visible;
cursor:pointer;
}
@media screen and (min-width: 0px){
   .bottomBar button b { padding:inherit; }/*opera*/
}
.bottomBar button b{
position:absolute;
top:-.4em;
left:-1em;
*top:.2em;
*left:.4em;
color:#fff;
text-align:center;
}
.bottomBar button i{
*white-space:pre;
font-size:1.3em;
font-size:1em;
letter-spacing:.1em;
font-style:normal;
text-align:center;
}

.bottomBar button:hover{
/*border-color:#000 #fff #fff #000;*/
background:#000 url(../image/BGBlueLight.png) repeat-x left top;
/*padding:.4em .1em .1em .7em;*/
}

.bottomBar button:active{
border-color:#000 #fff #fff #000;
padding:.4em .4em .1em 1em;
/*padding:.5em .3em .0em .11em;*/
/*background-position:left center;*/
}

.bottomBar button:active b{
color:#DFDFDF;
}

/************************************************************************************/
.tInput{
background:transparent;
background:#fff;
/*border:1px solid;
border-color:#005fca #fff #fff #005fca;*/
}

/*

CSS for Mocha UI

Copyright:
	Copyright (c) 2007-2008 Greg Houston, <http://greghoustondesign.com/>.
	
License:
	MIT-style license.
   
*/   

/* Mocha UI */
/*
html, body {
	height: 100%;
	overflow: auto; /* Removes empty vertical scrollbars in IE *//*
}		

body {
	margin: 0; /* Required *//*
	background: #fff;
}
*/
#desktop {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 750px; /* Helps keep header content from wrapping */		
	height: 100%;
	min-height: 100%;	
	overflow: hidden;
	cursor: default; /* Fix for issue in IE7. IE7 wants to use the I-bar text cursor */	
}			  				

#desktopHeader {
	background: #bebebe; /* Will be the margin color between toolbars */
	padding: 0 0 1px 0;
}

#desktopTitlebarWrapper {
	position: relative;
	top:0;
	left:0;
	height: 35px;
	background: #eeeeef url(../images/bg-desktopTitlebar.gif) repeat-x;			
}
	
#desktopTitlebar {
	padding: 4px 8px 6px 8px;
	height: 23px;
}	
	
#desktopTitlebar h1 {
	margin: 0;
	padding: 4px 0 0 0;
	font-size: 18px;
	font-weight: bold;
	color: #ce1717;
}
	
#desktopTitlebar h1 .version {
	font-size: 12px;
	color: #555;
}		

/* Navbar */

#desktopNavbar {
	margin: 1px 0 0 0;
	background: #eeeeee;
	border: 1px solid #fff;
	height: 22px;
}

#desktopNavbar ul {	
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 12px;
}

#desktopNavbar li {
	float: left;			
}

#desktopNavbar a {
	display: block;
}	
	
#desktopNavbar ul li a {
	padding: 2px 11px 2px 9px;	
	color: #141414;
}

#desktopNavbar ul li a:hover {
	background-color: #ddd;
}

#desktopNavbar ul li a.arrow-right, #desktopNavbar ul li a:hover.arrow-right {
	background-image: url(../images/arrow-right.gif);
	background-repeat: no-repeat;
	background-position: right 6px;	
} 
	
#desktopNavbar li ul {
	padding: 2px;
	border: 1px solid #333;
	background: #fff;
	position: absolute;
	width: 158px;
	left: -999em;
	z-index: 8000;
}

#desktopNavbar li:hover ul ul,
#desktopNavbar li.ieHover ul ul,
#desktopNavbar li:hover ul ul ul,
#desktopNavbar li.ieHover ul ul ul {
	left: -999em;
}

#desktopNavbar li ul ul { /* third-and-above-level lists */
	margin: -22px 0 0 158px;
} 

#desktopNavbar li ul li div.check {
	position: absolute;
	top: 7px;
	left: 6px;
	width: 5px;
	height: 5px;
	background: #00CC33;
	overflow: none;
	line-height: 1px;
	font-size: 1px;
}

#desktopNavbar li ul li a {
	position: relative;
	padding: 1px 9px 1px 19px;
	width: 130px;
	color: #333;
}

#desktopNavbar li ul li a:hover {
	background: #eee;
}

#desktopNavbar li:hover ul,
#desktopNavbar li.ieHover ul,
#desktopNavbar li li.ieHover ul,
#desktopNavbar li li li.ieHover ul,
#desktopNavbar li li:hover ul,
#desktopNavbar li li li:hover ul { /* lists nested under hovered list items */
      left: auto;
}

#desktopNavbar li:hover { /* For IE7 */
    position: static;
}

.divider {
	margin-top: 2px;
	padding-top: 3px;	
	border-top: 1px solid #ddd;
}	

#pageWrapper {
	position: relative;
	width: auto;
	height: 100%;
	overflow: auto; /* This can be set to hidden or auto */
}

#page {
	padding: 20px 20px;
}

.aside {
	width: 500px;
}

#sidebarWrapper {
	display: none;
	float: left;
	background: #bebebe;			
}

#sidebar {
	width: 230px;
	float: left;
	overflow: hidden;	
}

#sidebarContentWrapper {
	margin-right: 1px;
	background: #fff;
	border: 1px solid #fff;
	color: #141414;		
}

#sidebarContent {
	padding: 15px;
}

#sidebarHandle {
	float: left;
	position: relative;
	background: #eeeeef;
	border: 1px solid #fff;
	width: 4px;
	margin: 0 1px 0 0;
	cursor: e-resize; /* This is for Opera which does not support the col-resize cursor */
	cursor: col-resize;
}

* html #sidebarWrapper {
	margin-right: -4px; /* Fix for IE6 3px jox bug */
}

* html #sidebarHandle {
	margin-right: 1px; /* Fix for IE6 3px jox bug */
}

.columnControlWrapper {
	position: absolute;
	left: -1px;
	top: 150px;
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;		
}

.columnControl {
	background: #ddd;
	border: 1px solid #fff;
	width: 4px;
	height: 8px;
	cursor: pointer;
	font-size: 1px; /* For IE6 */	
}
	
/* Windows */
	
div.mocha {/*BOWO*/
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;	
}

div.mochaOverlay {
	position: absolute;
	top: 0;
	left: 0;	
}
	
div.mocha .mochaTitlebar {
	width: 100%;
	overflow: hidden;
}		
	
div.mocha .mochaTitlebar h3 {
	font-size: 12px;
	line-height: 15px;	
	font-weight: bold;
	margin: 5px 10px 4px 12px;
	padding: 0;
	color:#FFF;
}
	
div.mocha .mochaTitlebar a {
	color: #333;
}

div.mocha .mochaToolbarWrapper {
	width: 100%; /* For IE */
	position: relative;
	height: 29px;
	background: #fff;	
	overflow: hidden;
	border-top: 1px solid #d9d9d9;
}

div.mocha .mochaToolbar {
	width: 100%; /* For IE */
	border-top: 1px solid #fff;
}

.toolbarTabs {	
	padding: 0 10px 2px 2px;
	background: #e4e4e4 url(../images/tabs.gif) repeat-x;
	background-position: left -60px;	
}

.tab-menu {
	padding-top: 1px;
	list-style:	none;
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-size: 11px;	
}

.tab-menu li {
	display: block;
	float: left;
	margin:	0;
	background-color: #ebebeb;
	cursor: pointer;	
	background: url(../images/tabs.gif) repeat-x;
	background-position: left -30px;	
}

.tab-menu li.selected {
	background-color: #8caac7;
	background: url(../images/tabs.gif) repeat-x;
	background-position: left 0;	
}

.tab-menu li a {
	display: block;
	margin-left: 8px;
	padding: 6px 16px 5px 10px;
	text-align: center;
	font-weight: bold;
	color: #141414;
	background: url(../images/tabs.gif) repeat-x;
	background-position: right -30px;	
}

.tab-menu li.selected a {
	color: #141414;
	background: url(../images/tabs.gif) repeat-x;
	background-position: right 0;	
}	

div.mocha .mochaContentBorder {
	border-top: 0px solid #d9d9d9;	
	border-bottom: 0px solid #d9d9d9;
	
}
	
div.mocha .mochaContentWrapper { /* Has a fixed height and scrollbars if required. */
	/*font-size: 11px;*/
	overflow: auto;	
}
	
div.mocha .mochaContent {
	/*padding: 10px 12px;*/
	padding:0;
	position:relative;
	top:0;
	left:0;
	overflow:hidden;
}		

div.mocha .mochaContent img{
	/*padding: 10px 12px;*/
	/*border:1px solid #820000;
	border-width:0 1px 0 1px;*/
}		

div.mocha .handle {
	position: absolute;
	background: #0f0;
	width: 3px;
	height: 3px;
	z-index: 2;
	opacity: .0;
	filter: alpha(opacity=0);
	-moz-opacity: .0;
	overflow: hidden;
	font-size: 1px; /* For IE6 */ 	
}

div.mocha .corner { /* Corner resize handles */
	background: #f00;
	width: 10px;
	height: 10px;
}

div.mocha .cornerSE { /* Bottom right resize handle */
	background: #f00;
	width: 20px;
	height: 20px;
}

.mochaCanvasHeader {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	z-index: -1;
	display: none;		
	overflow: hidden;			
}

.mochaControls {
	position: absolute;
	width: 52px;
	top: 8px;
	right: 8px;
	height: 14px;
	z-index: 4;
	background: transparent;		
}

.mochaCanvasControls {
	position: absolute;	
	top: 8px;
	right: 8px;	
	z-index: 3;
	background: transparent;		
}

/*
	To use images for these buttons:
	1. Set the useCanvasControls window option to false.
	2. If you use a different button size you may need to reposition the controls.
	   Modify the controlsOffset window option.		
	2. Add background images to each button.

*/
.mochaMinimizeButton, .mochaMaximizeButton, .mochaCloseButton {
	float: right;
	width: 14px;
	height: 14px;
	font-size: 1px;	
	cursor: pointer;
	z-index: 4;
	background: #f00;	
	margin-left: 5px;		
}

.mochaMinimizeButton {
	margin-left: 0;		
}

.mochaMaximizeButton {	
}

.mochaCloseButton {		
}

.mochaLoadingIcon {
	position: absolute;
	bottom: 7px;
	left: 6px;	
}

.mochaIframe {
	width: 100%;
}  
	
/* Sliders */

.slider {
	clear: both;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	width: 200px;
	margin-bottom: 15px;	
}

.sliderarea {
	position: relative;
	height: 6px;
	width: 200px;
	font-size: 1px;
	line-height: 1px;
	background: #dfdfdf;
	margin: 0;
	padding: 0;
}
 
.sliderknob {
	position: absolute;
	top: 0px;
	height: 6px;
	width: 13px;
	font-size: 1px;
	line-height: 1px;	
	background: #ce1717;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;	
	cursor: pointer;
	overflow: hidden;
}
	
.update {
	padding-bottom: 5px;	
}	
	
.clear {
	clear: both;
	height: 0;
}

*html .clear {
	height: 1%;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	visibility: hidden;
}
	
/* Window Builder Form Elements */
	
#desktop form {
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	width: 320px;
}

#desktop textarea, #desktop input {
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;		
}
	
#desktop .input {
	background: #fbfbfb;
	width: 225px;
	padding: 1px 0 1px 3px;
	border: 1px solid #ccc;	
}

#desktop textarea {
	background: #fbfbfb;
	width: 225px;
	height: 100px;
	padding: 1px 0 1px 3px;
	border: 1px solid #ccc;	
}		

#desktop .formLabel {
	float: left;	
	text-align: right;
	width: 80px;
	margin: 0 0 5px 0;	
}
	
#desktop .formField {
	float: right;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	width: 230px;
}
	
#desktop form .number {
	width: 40px;
}
	
/* Modal Windows */
#modalOverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #000;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	z-index: 10000;
}

* html 	#modalOverlay {
	position: absolute;
}	

/* Fix for IE6 select z-index issue */
#modalFix {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	z-index: 9500;
}
	
/* Fix for IE6 select z-index issue */
iframe.zIndexFix {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	filter: mask();
	width: 100px;
	height: 100px;
	border: 1px solid transparent;
}
	
/* Window Minimize Dock */

#dockWrapper{
	display: none;
	background: #bebebe;
	padding: 1px 0 0 0;
	width: 100%;	
}

#dock {
	position: relative;
	padding: 3px 15px 1px 15px;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #eeeeef;
	border: 1px solid #fff;
	min-height: 22px;
	height: auto;
   _height: 22px; /* IE 6.0 hack, for not supporting min-height */
}

#dockWrapper.top {
	padding: 0 0 1px 0;	
}

.dockTab {
	float: left;
	font-size: 11px;
	position: relative;
	width: 120px;
	height: 20px;
	margin: 0 2px 2px 0;
	overflow: hidden;	
	cursor: pointer;		 
}

.dockText {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	text-align: left;
	padding: 1px 0 0 8px;
	width: 115px;
	height: 19px;
	overflow: hidden;
}			

#dockCanvas {
	position: absolute;
	top: 4px;
	left: 2px;
	z-index: 2;
}

#dockPlacement {
	position: absolute;
	top: 3px;
	left: 2px;
	width: 10px;
	height: 9px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	background: #f00; /* for troubleshooting */
	cursor: pointer;
	z-index: 3; /* for IE */	
}

#dockAutoHide {
	position: absolute;
	top: 13px;
	left: 2px;
	width: 10px;
	height: 9px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	background: #f00; /* for troubleshooting */
	cursor: pointer;
	z-index: 3; /* for IE */		
}

/* Accordian */

.accordianWrapper {
	padding: 5px;
}

.accordianToggler {
	margin: 0;
	padding: 4px 10px;
	background: #f3f3f3;
	border-top: 1px solid #fff;
	font-size: 11px;
	cursor: pointer;
}

.topToggler {
	border-top: none;
}

.accordianToggler.open {
	background: #f3f3f3;	
}

.accordianContent {
	padding: 10px 10px 5px 10px;
}

/* Window Themes */

div.mocha.transparent .mochaTitlebar h3 {
	color: #fff;
	display: none;	
}

div.mocha.notification .mochaTitlebar {
	opacity: .0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
}

div.mocha.notification .mochaContentBorder {
	border-width: 0px;
}

div.mocha.notification .mochaContentWrapper {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
/*************************************mochapictureviewer**************************************/
#view_content{
border:1px solid rgb(130,0,0);
border-width:0 1px;
}
#hintView_content .mochaContent{
color:#000;
}