html,body { margin:0; padding:0 }
body { font:normal 12px/18px Arial, Helvetica, sans-serif; color:#3e373c; background:#eff5f8 url(/img/back.gif) 0 0 repeat-x; text-align:center }
a { color:#0054d3; text-decoration:underline }
a:hover { color:#f01222; text-decoration:underline }
a img { border:none }
p { margin:0 0 1em 0 }
div.spacer { height:1px; overflow:hidden; clear:both }

form { margin:0; padding:0 }
.textInput { padding:2px; font:normal 1em/1.08em Arial, Helvetica, sans-serif; color:#3e373c }
.button { font:normal 1em/1.08em Arial, Helvetica, sans-serif; color:#3e373c }

#wrapper { width:890px; margin:0 auto; text-align:left }

#header { height:129px; position:relative }
#header .time { position:absolute; top:18px; left:300px }
#header .time .gmt { color:#fff }
#header .time .cdt { color:#9ed2ff }
#header h1 { width:273px; height:49px; margin:0; padding:0; overflow:hidden; position:absolute; top:52px; left:-10px }
#header .logo { position:absolute; top:52px; left:-10px }
#header .language { display:block; width:105px; left:494px; position:absolute; top:6px; padding:12px 0 0 21px }
#header .language b { display:block; position:absolute; top:0; left:0; width:126px; height:39px; background:#fff url(/img/lang_back.gif) 0 0 no-repeat; z-index:1; opacity:0.2; filter:alpha(opacity=20) }
#header .language img { position:relative; z-index:2; padding:2px; margin:0 10px 0 0; background:url(/img/flag.gif) 0 0 no-repeat }
#header .language a img { background:none }
#header .userBox { width:270px; position:absolute; top:6px; left:620px }
#header .userBox .who { margin:0; padding:9px 0 0 21px; background:#3e373c url(/img/ub_top.gif) 0 0 no-repeat; height:30px; color:#889395 }
#header .userBox .who a.user { color:#ff80cb }
#header .userBox .who a.user:hover { color:#f01222 }
#header .userBox .who a { color:#68b4ee }
#header .userBox .who a:hover { color:#f01222 }
#header .userBox .who span { padding:0 3px }
#header .userBox .notauthed { background:#3e373c url(/img/user.gif) }
#header .userBox .statistic { margin:0; padding:12px 16px 0 21px; height:66px; background:#524b50 url(/img/ub_bot.gif) bottom left no-repeat; color:#fff }
#header .userBox .statistic span { color:#ffe823 }
#header .userBox .statistic em { color:#889395; font-style:normal }
#header .userBox .statistic a { color:#fff }
#header .userBox .statistic span a{ color:#ffe823 }
#header .userBox .statistic a:hover { color:#f01222 }

.nologin #header { height:75px;}
.nologin #header h1 { top:12px }
.nologin #header .logo { top:52px }
.nologin #menu { background-image:url(/img/menu_nologin.gif); }


#menu { margin:0; padding:0 0 0 36px; height:53px; background:#3e373c url(/img/menu.gif) 0 0 no-repeat; list-style:none }
#menu li { margin:11px 40px 0 0; padding:0 12px; height:31px; float:left; display:inline; line-height:31px; font-size:14px; background:none; color:#fff }
#menu li a { color:#fff }
#menu li a:hover { color:#ffe823 }
#menu li.last { margin:11px 0 0 0 }
#menu li.active { background:#68b4ee url(/img/menu_a.gif) 0 0 no-repeat; padding:0 0 0 12px }
#menu li.active strong { float:left; height:31px; padding:0 12px 0 0; background:url(/img/menu_a.gif) top right no-repeat; font-weight:normal }

#subMenu { height:39px; margin:0; padding:0 0 0 4px; list-style:none; background:#524b50 }
#subMenu li { height:29px; margin:0 52px; padding:10px 8px 0 8px; background:none; float:left; display:inline; color:#fff }
#subMenu li strong { font-weight:normal }
#subMenu li.active { border-bottom:#68b4ee 4px solid; height:25px }
#subMenu li a { color:#68b4ee }
#subMenu li a:hover { color:#ffe823 }

#content { background:#fff url(/img/cnt.gif) bottom left no-repeat; margin:0 0 10px 0; padding:4px 25px 25px 25px; min-height:230px; height:auto !important; height:230px }

#footer { height:30px }
#footer .copyright { float:left; width:500px; padding:0 0 0 47px; margin:0 }
#footer .links { float:right; width:284px; padding:0 47px 0 0; margin:0; text-align:right }

h1 { font:normal 24px/1.08em Arial, Helvetica, sans-serif; margin:0 0 14px 0; padding:0; color:#007bd9 }
h2 { font:normal 18px/1.08em Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:0; color:#9a016d }
h3 { font:normal 16px/1.08em Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:0; color:#9a016d }
h4 { font:normal 18px/1.08em Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:0; color:#007bd9 }

big { font-size:14px; font-weight:normal }

#article { float:left; width:551px; margin:0; padding:16px 20px 0 24px }
#sidebar { float:left; width:225px; margin:0; padding:16px 0 0 20px }
.articleAlone .article { float:left; display:inline; width:551px; margin:0 0 0 -24px; padding:16px 20px 0 24px }
.articleAlone .sidebar { float:left; width:225px; margin:0; padding:16px 0 0 20px }

#content .articleAlone { float:none; width:auto; padding-right:0 }

.box { background:#f4f3f4; margin:0 0 16px -24px }
.box .box_t { height:5px; overflow:hidden; background:url(/img/box.gif) 0 0 no-repeat }
.box .box_t div { width:5px; height:5px; overflow:hidden; background:url(/img/box.gif) top right no-repeat; float:right }
.box .box_b { height:5px; overflow:hidden; background:url(/img/box.gif) bottom right no-repeat; clear:both }
.box .box_b div { width:5px; height:5px; overflow:hidden; background:url(/img/box.gif) 0 -5px no-repeat; float:left }
.box .box_c { padding:10px 24px }
.box .box_c h2 { color:#007bd9 }
.box .box_c p { margin:0 0 5px 0 }

.filters { height:75px }
.filters label { font-size:10px; color:#939aa0; display:block }
.filters .status { float:left; width:150px; padding:0 0 0 0 }
.filters .status span { border-bottom:#68b4ee 2px solid; }
.filters .status img { padding:0 0 4px 0; margin:5px 4px 1px 4px; vertical-align:middle; border-bottom:#68b4ee 2px solid; zoom:1 }
.filters .status a img { padding:0 0 6px 0; border:none }
.filters .refresher { float:left; width:84px }
.filters .hosts { float:left; width:190px }
.filters .filesOnPage { float:left; width:100px }
.filters .filesOnPage select { width:70px }
.filters .addfile { float:left; display:inline; margin:0 55px 0 0 }
.filters .groupOperations { float:left; padding:18px 0 0 0; font-size:10px; position:relative; z-index:11 }
.filters .groupOperations .goList { position:absolute; top:12px; left:-6px; border:#dfedf7 1px solid; background:#fff; padding:5px; width:100px; display:none }
.filters .groupOperations .goList strong { font-weight:normal; display:block; margin:0 0 4px 0 }

.sharedStatus { font-size:10px; position:relative; z-index: 15;}
.sharedStatus .ssList { position:absolute; top:20px; left:-6px; border:#dfedf7 1px solid; background:#fff; padding:5px; width:200px; display:none }

.downloadsWrapper { margin:0 0 24px -24px; position:relative; z-index:10 }
.downloads { margin:0; padding:0; border:none; border-collapse:collapse; width:100% }
.downloads td { vertical-align:top; margin:0; padding:10px 20px 10px 0; border-bottom:#d4d7d9 1px solid }
.downloads tr.head td { font-size:10px; color:#939aa0; padding:6px 0 6px 0 }
.downloads tr.noborder td {border: none;}
.downloads td.errstr {padding-top: 0px;padding-left:25px;font-size:10px;color:#B1B1B1;}
.downloads td.status { width:24px; padding:10px 0 }
.downloads td.name { width:220px; padding-right:20px }
.downloads td.name span { display:block; width:227px; overflow:hidden }
.downloads td.dname span { width:100px; display:block; overflow:hidden; white-space: nowrap;}
.downloads td.size { width:57px }
.downloads td.host { width:113px }
.downloads td.date { width:104px }
.downloads td.progress { width:115px }
.downloads td.progress div { height:9px; overflow:hidden; background:#e6e8ea; position:relative; width:100%; top:5px; left:0 }
.downloads td.progress div.server { background:#007bd9; position:absolute; top:0; left:0; z-index:2 }
.downloads td.progress div.user { background:#73d500; position:absolute; top:0; left:0; z-index:3 }
.downloads td.controls { padding:10px 0 }
.downloads td.ch_box { padding:10px 0 }

.linksWrapper { margin:0 0 24px -24px; position:relative; z-index:10 }
.links { margin:0; padding:0; border:none; border-collapse:collapse; width:100% }
.links td { vertical-align:top; margin:0; padding:10px 20px 10px 0; border-bottom:#d4d7d9 1px solid }
.links tr.head td { font-size:10px; color:#939aa0; padding:6px 0 6px 0 }
.links td.status { width:24px; padding:10px 0 }
.links td.name { width:227px; padding-right:30px }
.links td.name span { display:block; width:227px; overflow:hidden }
.links td.dname span { width:100px; display:block; overflow:hidden; white-space: nowrap;}
.links td.size { width:57px }
.links td.host { width:113px }
.links td.date { width:104px }
.links td.links { width:275px }
.links td.controls { padding:10px 0 }

.pages { margin:0 0 0 -6px }
.pages span { display:block; font-size:10px; color:#939aa0; margin:0 0 4px 6px }
.pages a { padding:3px 6px }
.pages strong { padding:3px 6px; background:#68b4ee; color:#fff; font-weight:normal }

.account { float:left; width:152px; display:inline; margin:0 8px 27px 0 }
.account img { display:block }
.account p { background:#524b50 url(/img/accounts.gif) bottom left no-repeat; padding:15px 15px 0 15px; height:119px; text-align:center; color:#fff; font-size:14px; margin:0 }
.account p strong { display:block; font-size:55px; font-style:italic; line-height:1em; margin:0 0 6px 0 }
.account p strong span { font-size:30px; position:relative; top:-19px }

.paySystem { float:left; width:152px; padding:0px 16px 0 0; margin:0 0 30px 0; text-align:right }
.paySystem p { margin:0 0 8px 0 }
.payInfo { float:left; margin:0 0 30px 0; width:630px }

div.faq { float:left; width:570px; margin:0 0 30px -24px; display:inline }
div.faq ul { margin:0; padding:0; list-style:none }
div.faq ul li { margin:0 0 5px 0; padding:0 0 0 24px; background:none; font-size:18px; height:34px; line-height:34px; float:left; clear:both }
div.faq ul li a { color:#9a016d }
div.faq ul li a:hover { color:#f01222 }
div.faq ul li.active { background:#f4f3f4 url(/img/faq.gif) 0 0 no-repeat }
div.faq ul li.active h2 { margin:0; padding:0 24px 0 0; line-height:34px; color:#3e373c; background:url(/img/faq.gif) top right no-repeat }

dl.faq { margin:0; padding:0 }
dl.faq dt { margin:0 0 5px 0; padding:0; font-size:14px; font-weight:bold }
dl.faq dd { margin:0 0 35px 0; padding:0 0 0 19px }

.newsTitle { margin:0 0 5px 0; line-height:16px }
.newsTitle .date { font-size:10px; color:#939aa0 }
.newsTitle a { font-size:14px }

.iframe { position:absolute; top:100px; left:100px; width:300px; z-index:99; border:none }
.popup { position:absolute; top:100px; left:100px; width:300px; text-align:left; display:none; z-index:100 }
.popup .pt { margin:0 5px; position:relative; height:5px; background:#3e373c }
.popup .pt .l { width:5px; height:5px; overflow:hidden; background:url(/img/popup.png) 0 0 no-repeat; position:absolute; top:0; left:-5px }
.popup .pt .r { width:5px; height:5px; overflow:hidden; background:url(/img/popup.png) -5px 0 no-repeat; position:absolute; top:0; left:0; margin:0 0 0 100% }
.popup .pb { margin:0 5px; position:relative; height:5px; background:#3e373c }
.popup .pb .l { width:5px; height:5px; overflow:hidden; background:url(/img/popup.png) 0 -5px no-repeat; position:absolute; top:0; left:-5px }
.popup .pb .r { width:5px; height:5px; overflow:hidden; background:url(/img/popup.png) -5px -5px no-repeat; position:absolute; top:0; left:0; margin:0 0 0 100% }
.popup .pc { background:#3e373c; padding:14px 27px; color:#fff; position:relative }

.popup .pc .title { font-size:24px; line-height:1em; display:block; margin:0 0 10px 0; font-weight:normal }
.popup .pc a { color:#68b4ee }
.popup .pc a:hover { color:#ffe823 }
.popup .pc .close { position:absolute; top:12px; right:23px }

.signin { width:330px }
.signin .textInput { width:267px }
.signin .submit { height:20px; padding:4px 0 0 0 }
.signin .submit label { float:left; margin:0 }
.signin .submit .button { float:right }

.addfiles { width:580px }
.addfiles textarea { width:516px; height:80px }
.addfiles .submit { height:20px; padding:4px 0 0 0 }
.addfiles .submit label { float:left; margin:0 }
.addfiles .submit .button { float:right }

.faqask { width:580px }
.faqask .pc { zoom:1 }
.faqask .p { float:left; padding:0 30px 0 0 }
.faqask .p .textInput { width:135px }
.faqask .textInput { width:340px }
.faqask textarea.textInput { width:516px; height:80px }
.faqask .submit { height:20px; padding:4px 0 0 0 }
.faqask .submit label { float:left; margin:0 }
.faqask .submit .button { float:right }

.table { margin:0 0 20px -14px; padding:0; border:none; border-collapse:collapse; width:100% }
.table td { margin:0; padding:10px 13px; vertical-align:top; border:#d4d7d9 1px solid }
.table tr.odd td { background:#f4f3f4 }
.table tr.head td { color:#939aa0; font-size:10px; border:none; padding:6px 14px }

span.addfilehelp {color: #777777; font-size:10px;}

span.buttonBlue { width:152px; height:74px; display:block; background:url(/img/button.png) 0 0 no-repeat; }
span.buttonBlue input { font:normal 18px/18px Arial, Helvetica, sans-serif; color:#fff; border:none; width:100px; height:39px; padding:0; margin:13px 0 0 23px; background:none }
span.buttonGrey { background:url(/img/button_grey.png) 0 0 no-repeat; }