html {margin:0; padding:0}
body {margin:0; padding:15px;font-family: Verdana, Arial, Helvetica, sans-serif;}
#main {position:relative;}
#main table {margin-right: 15px;}
/* GENERIC */
body,
input,
textarea,
select {font-size:13px; line-height:15px}
td {vertical-align:top}
a {color:#000; text-decoration:underline;}
/* adjusted underlining on mac */
.mac a {color:#000; text-decoration:none; padding-bottom:1px; /*background:url(ul.png) repeat-x; background-position:0 15px*/}
.mac .en a {color:#000; /*background:url(ul.png) repeat-x; background-position:0 15px*/}
a:hover {text-decoration:none;}
.mac a:hover {background-image:none; }
.left {float:left}
.right {float:right}
.split span,
.longword span {font-size:1px; letter-spacing:-1px; background:#fff; line-height:5px}
.ie .split span,
.ie .longword span {font-size:0px; letter-spacing:0; margin-right:-1px; color:#fff}
a:hover.split span {text-decoration:line-through}
li {padding:2px 0}
/* NAV */
.search_field {width:100%; display:none; line-height:15px; border:0; padding:0; margin:0}
.search_field.shown {display:inline}
.search_field.en {background:#000; color:#fff;}
.search_field.cn {background:#000; color:#fff;}
.hilited {text-decoration:line-through}
.warning {background:#f00; color:#fff;}
img.rollover {cursor:pointer}
/*.nav .en {width:120px;max-width:120px;}
.nav .cn {width:120px;max-width:120px;}*/
#footNav {padding-bottom: 30px;}
#footNav td {text-align:right}
/* MAIN BLOCKS */
#mainframe {background:#fff;}
#mainframe.embedded {height:100%; width:100%; position:absolute; top:0; left:0; }
#mainframe .wrapper {padding:15px;}
#mainframe #header {margin-bottom:20px;}
#mainframe #dirs {margin-bottom:20px;}
#mainframe #uploader {position:absolute; top:15px; right:15px;} /* upload swf - invisible */
/* HEADER */
#mainframe #dirList {float:left;}
#mainframe #uploadNav {float:right;}
#mainframe #uploadNav a {margin-left:5px}
#mainframe #loader {float:left; background:#f00; color:#fff; padding:2px}
#mainframe .fileUpload {background:#f00; color:#fff; margin-left:5px }
.mac #mainframe .fileUpload {padding:1px 0}
#mainframe div.endFloat {clear:both}
/* TEXT STYLES */
#mainframe div, #mainframe span {font:11px Arial, sans-serif; color:#000; line-height:normal}
#mainframe h2{
font-family: "Helvetica", Arial, sans-serif;
display:inline; color:#000;
font-size:36px; line-height:36px;
font-weight:bold; letter-spacing:-2px;
}
/* TABLES */
#mainframe td {width:100px; border-right:2px solid transparent}
/* file / dir blocks */
#mainframe td {text-align:center;}
#mainframe td a.thumb {display:block; height:100px; background:url(../images/img_bg.png);}
#mainframe td a.icon img {background:#06f;}
#mainframe td a.icon:hover img {background:#000}
#mainframe div.buttons {margin:2px 0; }
#mainframe div.buttons a.button {margin:0 2px; }
#mainframe .label span {font-size:0px; letter-spacing:-1px }
/* PALETTE */
.red, #mainframe a.button.red {background:#f00; color:#fff}
.blue, #mainframe a.button.blue {background:#06f; color:#fff}
.yellow, #mainframe a.button.yellow {background:#FEF200; color:#000}
/* LINKS / BUTTON */
#mainframe a.button {text-decoration:none; padding:0;}
#mainframe a.button img {display:inline; position:static;}
.mac #mainframe a.button {padding:1px 0 }
.gecko.mac #mainframe a.button {padding:1px 0 0 0 }
#mainframe a.button:hover {background:#000; color:#fff}
#mainframe a img {border:0}
img.corner {vertical-align:bottom;}
.mac img.corner {vertical-align:-3px;}
/* COLUMN WIDTHS */
.w1 {width:255px;}
.w2 {width:525px;}
.w3 {width:795px;}
.w4 {width:850px;}
.w1 td {width:255px; max-width:255px;}
.w2 td {width:525px; max-width:525px;}
.w3 td {width:795px; max-width:795px;}
.w4 td {width:850px; max-width:850px;}
td {padding:0 0 15px 0}
td.pb8 {padding:0 0 8px 0}
td.gutter {width:15px}
div.title {float:left;}
.w1 div.title {/*width:150px;*/width:255px;}
.w2 div.title {/*width:420px;*/width:525px;}
.w3 div.title {/*width:690px;*/width:795px;}
div.date {float:right;color: #999;}
td.date {text-align:right}
span.date {color: #999;}
.cn, .cn a {color:#000;}
.en, .en a {color:#000;}
.ie .cn, .ie .cn a {background:#fff}
.ie .en, .ie .en a {background:#fff}
.title em {text-decoration:underline; font-style:normal}
.mac .title em {text-decoration:none; padding-bottom:1px; /*background:url(ul.png) repeat-x; background-position:0 15px*/}
.mac .title.en em {background:url(ul_blue.png) repeat-x; background-position:0 15px} /* blue underline gfk */
.title a {color:#000;}
.artifact img.border {border:1px solid #000}
/* FORM ELEMENTS */
input.text,
textarea {width:100%; background:#FFFFCC; border:0}
textarea.body {height:250px}
input.checkbox {margin:0; padding:0}
select {border:0; background:#ffc;}
/* LIST VIEW */
#list td {padding:0 10px 10px 0}
/* BUTTONS */
a.button {text-decoration:none; padding:0 2px}
a:hover.button {background:#000; color:#fff}
.button {background:#06f; color:#fff;}
a.button.listed {margin-left:10px}
.error {background:#f00; color:#fff}
.draft .title a,
.draft div, .draft span,
.draft td {color:#f00 !important}
.edit {color:#f00 !important}
.red {background:#f00; color:#fff }
.blue {background:#06f; color:#fff }
.yellow {background:#FEF200; color:#000 }
.gray {color:#999;font-size: 12px;}
.detail {line-height:180%;color: #999;font-size: 12px;}
.detail a:link {color: #999;}
.contact {line-height:150%;color: #999;font-size: 10px;}
/* pagination */
.page_list{
text-align: right;
}
.pagination {
padding-bottom: 3px; margin:10px; padding-top: 3px; text-align: right; clear:both;
}
.pagination-right{
text-align: right;
}
.pagination li{
float:left;
list-style: none;
}
.pagination a {
padding:2px 2px;color:#000;margin-right:2px;text-decoration:none;background:none;
}
.pagination a:hover {
padding:2px 2px;margin-right:2px;
}
.pagination a:active {
padding:2px 2px;margin-right:2px;
}
.pagination span.current {
padding:2px 2px;font-weight:bold;color:#999;margin-right: 2px;background-color:#da251c;
}
.pagination span.disabled {
padding:2px 2px;color:#ccc;margin-right:2px;
}
.pagination li.disabled a{
border:0px;color:#ccc;
}