/* CSS Document */
body {margin:0;padding:0;height:100%;background:#000;text-align:center;}
/* global */
a, p, h1, h2, h3, h4, h5, h6, div, td, th, input, select, textarea, button {font-family:verdana, lucida, helvetica, sans-serif; color:#fff; font-size:10px}
a {text-decoration:underline;cursor:pointer;}
a:hover {text-decoration:underline;}
img {border:none;margin:0;vertical-align:middle;}
div, ul, ol, form, fieldset, table, td {margin:0;padding:0;}
/* form */
input, select, textarea {font-size:0.75em;color:#8c433b;background:#fff;border:1px solid #ccc;padding:0 2px;}
input:hover, textarea:hover, select:hover {border:1px solid #000;}
textarea, select {font-size:0.9em;}
textarea {width:auto;}
button {margin:3px 0 0 0;border:none;}

table.menu {width:704px;border-collapse:collapse;border-spacing:0;}
table.menu td {width:87px;height:83px;border-left: 1px solid #fff;}
table.menu td.logo {width:176px;text-align:center;border:none;}
table.menu td.nob {width:87px;border:none;}
/*table.menu td a.nb img {width:87px;} 

/* container */
#zoom {background:#000;border-bottom:1px solid #333;height:auto;}
#zoom img {margin-top:3px;}
#pop {width:1100px;margin:5px auto 0 auto;}

#page {width:704px;margin:5px auto 0 auto;text-align:left; border:1px solid #fff;}
#bottom {width:704px; margin:2px auto 0 auto;text-align:center;}
#bottom a {text-decoration:none;cursor:pointer;}
#bottom p {color:#333;}
#hide {display:none;}

/* head menu */
#head {position:relative;width:704px;height:83px;border-bottom:1px solid #fff;}
/* foot menu */
#foot {width:704px;border-top:1px solid #fff;}

/* topic */
#topic {position:relative;width:704px;margin:0 auto;text-align:center;vertical-align:middle;}
#topic table.collage td {width:176px;height:120px;}
#topic table.collage span.label {display:block;height:17px;padding-top:3px;background:#ccc;text-align:center;vertical-align:middle;font-size:10px;color:#333;}
#topic a{text-decoration:none;cursor:pointer;color:#000;}
#topic a:hover{text-decoration:underline;}
#topic h1.title {margin:150px auto;font-weight:normal;}
/* details */
#topic table.details{margin-top:5px;padding:0;text-align:left;}
#topic table.details td {width:70px;height:70px;border:1px solid #fff;margin:3px;padding:0;}
#topic table.details td img {margin:0;}

/* product */
#topic table.pro {width:704px;text-align:left;}
#topic table.pro td {vertical-align:top;}
#topic table.pro td.txt {width:500px;padding:5px;}

/* versions */
#topic #ver {position:relative;margin-top:30px;}
#topic table.versions{margin-top:5px;}
#topic table.versions td {vertical-align:middle;}

/* sizes */
#topic table.sizes th{width:auto;height:15px;border:1px solid #535050;padding:0 5px;text-align:center;color:#9A9DA2;background:#333;vertical-align:middle;}
#topic table.sizes td {height:15px;border:1px solid #535050;text-align:center;padding:0 5px;}
#topic table.sizes td a {color:#fff;}
#topic table.sizes td.i {background:#333;border:1px solid #535050;text-align:center;padding:0;}
#topic table.sizes td.i img {padding-left:1px;}
/* fit icons */
#fit {float:right;width:auto;height:106px;}

/* linked */
#topic td.txt a.linked {color:#fff;}

/* graybar */
#graybar {width:530px;height:19px;padding:0 0 0 175px;vertical-align:middle;background:#C6C4C5;}
#graybar a {text-decoration:none;}
#graybar a:hover{text-decoration:none;color:#a00;}
#graybar a.on {text-decoration:none;font-weight:bold;color:#882626;}
#graybar table td {background:#999EA1;height:18px;padding:0 10px;}
/* red bar */
#graybar2 {width:704px;height:19px;padding:0;vertical-align:middle;background:#882626;}
#graybar2 a {text-decoration:none;color:#ddd;}
#graybar2 a:hover{text-decoration:none;color:#fff;}
#graybar2 a.on {text-decoration:none;font-weight:bold;}
#graybar2 table td {background:#710909;width:auto;height:18px;padding:0 10px;}
#graybar2 table td.nav {width:175px;text-align:center;padding:0;}

/* menutree */
#tree {position:absolute;top:135px;overflow:hidden;width:auto;z-index:200;}
#tree h1, li {color:#fff;}
#tree.ajax-loading {padding:0;background:url(../img/spinner.gif) no-repeat center;}

#left h1 {color:#fff;margin:0;font-size:12px;}
#container {overflow:hidden;width:auto;padding:25px;text-align:left;}
#left {float:left;width:auto;padding-right:15px;}
#accordion {float:left;width:auto;border-left:1px solid #fff;padding-left:15px;}
#accordion a {color:#fff;text-decoration:none;display:block;}
#accordion a:hover {text-decoration:underline;}
#accordion div.element {margin-left:100px;padding-left:10px;border-left:1px solid #fff;}
#accordion a.toggler {color: #fff;}
#closetree {clear:both;margin-top:5px;text-align:right;}
#closetree a {color:#fff;}

.xr {text-align:right;}
#txt {padding:20px 120px;text-align:justify;}
#txt table {text-align:left;}
#txt table td {padding:2px;}
#txt select, #txt input, #txt textarea {color:#000;font-size:10px;}
#txt button {background:#000;border:none;}
#txt img {margin:0 0 5px 5px;}
.normal {font-weight:normal;}
.error {border:1px solid #f00;padding:15px;color:#fff;}
.nodeco:hover {text-decoration:none;}

#about {margin:10px;}
#about td.pic img {display:block;margin:1px 0;}
#about td.txt {text-align:left;vertical-align:top;padding:20px;}
#about td.txt a {color:#eee;font-weight:bold;}
#about td.txt a:hover {color:#c00;}
#press {width:480px;margin:10px auto;}
#press td.txt {width:240px;text-align:left;vertical-align:top;margin:0 12px;}
#press td.txt a {color:#eee;font-weight:bold;}
#press td.txt a:hover {color:#c00;}
#press td.txt img {float:left;margin:0 5px 5px 0;vertical-align:top;}

.clear {clear:both;height:1px;}

#news {width:100%;background:#999;color:#333;}
.newsl {float:left;width:176px;text-align:right;}
.newsl .boxl {margin:20px 0 10px;border-right:1px solid #ccc;}
.newsl h1 {margin:0 5px 5px 0;font-size:2.5em;font-weight:normal;}
.newsl img {margin:0 5px 5px 0;}
.newsr {float:right;width:520px;text-align:left;padding-top:60px;}
.newsr .boxr {padding:5px 20px;margin-bottom:15px;background:#aaa;}
.newsr ul {margin-left:15px;color:#fff;}
.newsr ul li {padding:4px;margin:4px;background:#999;color:#111;}
.newsr ul li a {font-weight:bold;}
.newsr p {margin-left:23px;color:#111;}
