@charset "utf-8";
body{font:12px/20px Arial, Helvetica, sans-serif, 'LiHei Pro', 微軟正黑體, Helvetica, sans-serif; color:#999; text-align:center;background:url(/img/bg.jpg);;}
label{display:block;}
a{color:#807f7f;}
a:hover{text-decoration:underline;}
.w980 {width:940px; padding:0 20px;}
.w600 {width:600px;}
.bold {font-weight:bold;}
a:hover img{filter:alpha(opacity=70); /* IE's opacity*/ opacity:0.7;}
div.header h3 {color:#FFF}
div.header{position:relative; height:75px; background:#242424 url(/img/bbg.jpg); padding-top:10px;}
div.header div.content {padding:10px 0;}
div.content {width:860px; margin:0 auto;}
div.container {margin:-0 auto; position:relative;background:#f9f9f9 url(/img/shadow-ns.png) repeat-x;float:left;padding-bottom:30px;}
div.container div.content {padding:30px 0px;}
div.container div.content.home {background:url(/img/vbg.png) no-repeat scroll 20px 0 transparent; height:380px}
.login-box label {width:80px; float:left}
.login-box div.input input {width:116px;}
.login-box div.input, .login-box div.submit {margin:0 8px 5px 0; float:left;}
.login-box div.input {width:120px;}
.login-box div.submit {width:50px;}
/*div.content {width:860px; border:#CCC solid 1px; padding:10px 10px 10px 30px; float:left; position:relative; background:#F5F5F5;}*/

div.index {width:860px}
div.theme-bar {color:#CCC; width:250px; margin-top:24px}
div.theme-bar h3 {color:#333;}
div.theme-bar ul a {font-size:14px; font-weight:bolder;}
div.theme-bar ul li a{color:#FFF}
div.theme-bar ul li {background:#007EAD; border-bottom:1px solid #FFF; padding:5px; margin-bottom:2px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
div.theme-bar ul li.altrow {background:#005C8B;}
div.menu {width:178px; border:1px solid #CCC; padding:10px; margin-top:40px; background:#FEFEFE;}
div.menu.active {border:1px solid #20C3FF; background:#CEF;}
div.menu li.item{width:166px;height:20px;border-top:1px solid #CCC; padding:3px 6px;}
div.menu li.item.ui-sortable-helper {border:none; padding-top:4px;}
div.menu li.placeholder{border:1px solid #20C3FF; background:#CEF; height:19px;}
/*div.menu li.active{border:1px 1px 0 1px;}*/
div.menu li.hover, div.menu li.active, div.menu li:hover{border:1px 1px 0 1px solid #80DFFF; background:#20C3FF;}
div.menu li.active{background:#20C3FF url(/img/arrow.png) no-repeat 150px center;}
div.menu li.hover a, div.menu li.active a, div.menu li:hover a{color:#FFF;}
div.menu.manage li.item{cursor:url(openhand.cur), default !important;}
div.menu.manage li.item.mousedown{cursor:url(closedhand.cur), default !important;}
/*div.menu.manage {position:fixed;}*/
div.inputFields {width:638px; padding:10px;}
div.inputFields li.row label {width:24px; float:left; cursor:url(openhand.cur), default !important;}
div.inputFields li.row label.mousedown{cursor:url(closedhand.cur), default !important;}
div.inputFields li.row input.text {width:140px;}
div.inputFields div.firstrow {padding-bottom:10px; border-bottom:1px solid #CCC;}
div.inputFields li.row {padding:5px 0 5px 5px; margin:0; width:635px; border-bottom:1px dashed #CCC;}
div.inputFields li.row.ui-sortable-helper {border:none; padding-bottom:6px;}
div.inputFields li.placeholder {border:1px solid #20C3FF; padding:4px 0 5px 5px; background:#CEF; height:24px;}
div.inputFields li.row.active {background:#20C3FF;}
div.inputFields li.row.inactive {background:#FCC;}
div.inputFields li.row.phrase .divrow {width:100%; height:18px;}
div.inputFields li.row.phrase .divrow div {width:210px; float:left} 
#UserSignupForm {width:320px; float:right; padding:10px; border-top:1px solid #007EAD; border-bottom:1px solid #007EAD;}
#UserSignupForm div.input {margin-bottom:4px; /*border:1px solid #AAA;*/ padding:5px;}
#UserSignupForm div.text input,#UserSignupForm div.select input,#UserSignupForm div.password input {width:177px; border:1px solid #CCC; padding-left:3px; font-size:16px;}
#UserSignupForm label {display:block;float:left;width:117px;text-align:right;padding:2px 6px 0 0;color:#007EAD; font-size:14px;}
.welcomeMessage {color:#007EAD;font-size:16px;font-weight:bold;width:100%;text-align:right;}
div.form {width:648px;margin-left:10px;}
div.form label {width:auto; float:left; width:140px;}
#loadingIndicator {float:left;left:50%;margin:40px 0 0 -50px;position:relative;}
div.language-filter {float:left}
div.language-filter label{float:left; width:160px; cursor:pointer;}
div.language-filter input{float:left; margin-right:6px;}
div.form-group {width:100%; border-bottom:1px solid #007EAD; color:#007EAD; font-size:14px; font-weight:bold;}
span.caption {font-size:12px; color:#888; font-weight:normal;}
#flashMessage {background:url("/img/dialog-bg.png") no-repeat scroll center center transparent;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; color:#FFFFFF; float:right; font-size:24px; font-weight:bold; height:20px; padding:50px 8px; position:fixed; text-align:center; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); top:30%; width:100%; z-index:10;}
#recommendedVocab a {font-size:48px; float:left; margin-right:5px; border:4px solid #999; color:#999; height:30px; padding:25px 10px 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
div.location-bar {background:#FFF; border:1px solid #CCC; padding:5px; width:auto; margin:-5px 0 5px; padding-left:10px}


div.quiz label {float:left; width:80px;}
div.quiz div.paper label {width:40px;}
div.quiz div.input, div.form div.input {margin-bottom:10px;}
div.quiz div.single {background:#333;padding:8px 3px; margin:5px 0}
div.quiz span.question, span.answer {display:block; font-size:24px; color:#F30; font-weight:bold; padding:15px 0 10px;}
div.quiz span.answer-inner {visibility:hidden; font-size:24px;}
div.quiz div.answer label {width:5px;}

div.footer {height:50px; padding-top:10px; float:left; width:100%; border-top:1px solid #CCC;}
div.header div.content {padding:10px 0;}
.hidden {display:none;}