/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th {font-size:1em; font-weight:normal;}
strong,em {font-size:1em;}
table,td,tr {vertical-align:top;}
ul,ol {list-style:none;}
a {text-decoration:none; color:inherit; outline:none;}
fieldset,img {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
html>body li a {width:auto;}

body {color:#666; font-family:Arial, Helvetica, sans-serif; font-size: 11px; margin:0;}

#layout {position:absolute; left:50%; width:700px; margin:100px 0 0 -350px;}

#logo {float:left; background:#6f0; width:120px; height:270px;}
#logo #adu {height:270px; margin:0 0 17px 0;}
#logo #adu p {color:#000; font-size:24px; padding:5px;}
#logo #adu p i {color:#fff;}

#menu {float:left; width:100px;}
#menu #cats {background:#aaa; height:270px;}
#menu #cats a {display:block; color:#fff; padding:5px 5px 5px 15px;}
#menu #cats a i {font-style:normal;}
#menu #cats a:hover {background:url(../img/arrow.gif) no-repeat;}
#menu #cats a.current {background:url(../img/arrow.gif) 0 -20px no-repeat;}
#menu #lang {margin:15px 0 0 0;}
#menu #lang a {display:block; float:left; border:solid #ccc 1px; padding:3px 5px; margin:0 3px 0 0;}
#menu #lang a.current {font-weight:bold; color:#333; border:solid #333 1px;}
#menu #lang a:hover {cursor:pointer; border:solid #999 1px;}

#body {float:left; width:480px;}
#body #home .intro {margin:15px 0 0 0;}
#body p {text-align:justify;}
#body p a {color:#000; text-decoration:underline;}
#body p a:hover {background:#6f0;}
#body #mod {margin:10px 0 0 0;}
#body #mod #col_left {float:left; width:300px;}
#body #mod #col_right {float:right; width:300px;}
#body #mod h2 {padding:10px; background:#333; color:#fff; font-size:28px;}
#body #mod h2 i {color:#6f0; font-size:14px; font-style:normal;}
#body #mod #parent {padding:24px 0 14px 0; background:url(../img/mod_parent.gif) no-repeat;}
#body #mod .branch_start {background:url(../img/mod_branch_start.gif) no-repeat; padding:0 0 4px 30px; /*height:28px;*/}
#body #mod .branch_middle {background:url(../img/mod_branch_middle.gif) no-repeat; padding:0 0 4px 30px; /*height:28px;*/}
#body #mod .branch_add {background:url(../img/mod_branch_add.gif) no-repeat; padding:0 0 4px 30px; /*height:28px;*/}
#body #mod .branch_start a,
#body #mod .branch_middle a,
#body #mod .child a {font-size:12px; line-height:24px; color:#fff; padding:0 8px;}
#body #mod .child a i {color:#6f0; font-style:normal;}
#body #mod .child {background:#333; height:24px;}
#body #mod .child_empty {background:#ccc; color:#333; padding:6px 8px;}
#body #mod .child_empty b {font-size:20px;}
#body #mod .add {background:#333; padding:4px 8px;}
#body #mod .warning {color:#f33;}
#body h1 {background:url(../img/body_chess.gif) #999; font-size:40px; color:#fff; font-weight:lighter; margin:0 0 20px; padding:5px 10px;}
#body h1 em {font-family:Times, "Times New Roman", serif;}
#body #vis a {color:#000;}
#body #vis a.launch {background:#333; text-align:center;}
#body #vis a.launch {background:url(../img/body_download.gif); font-size:12px; margin:0 auto;}
#body #vis a.launch i {color:#6f0;}
#body #vis a.launch:hover {background:#fff;}
#body #vis .download {border-left:10px solid #333; padding:0 0 0 6px; margin:10px 0;}
#body #vis .download a {background:url(../img/body_download.gif); font-size:20px;}
#body #vis .download a:hover {background:#6f0;}
#body #vis .email {font-size:30px; color:#000; background:url(../img/body_download.gif);}
#body #log ul {margin:10px 0 0;}
#body #log ul li {margin:0 0 8px;}
#body #log ul li i {color:#3c0;}
#body #log ul li b {color:#000;}
#body #scr ul {margin:15px 0 0 0;}
#body #scr ul li {display:block; float:left; border:solid #ccc 1px; padding:3px 5px; margin:0 3px 0 0;}
#body #scr ul li.current {font-weight:bold; color:#333; border:solid #333 1px;}
#body #scr ul li:hover {cursor:pointer; border:solid #999 1px;}

#foot {margin:30px 0 10px 0;}
#foot a {color:#333;}
#foot a:hover {color:#fff; background:#333;}

.fr {float:right;}
.fl {float:left;}
.lif {display:inline; margin:0px; padding:0px; white-space:nowrap;}
.wrapper {display:table; width:100%;}
.clearfix {clear:both; display:block; margin:0; padding:0; height:0; line-height:1px; font-size:1px;}

.al {text-align:left;}
.ar {text-align:right;}
.ac {text-align:center;}
.aj {text-align:justify;}