@charset "utf-8";
@media all
{

/** / div { border:#f0f solid 1px; } /**/

body { font:100% Verdana, Arial, Helvetica, sans-serif; text-align:center; }
a { color:#0066CC; text-decoration:none; } a:hover { text-decoration:underline; }
html, body, p { padding:0; margin:0; }
img { border:none; outline:none; }
pre { font-size:150%; text-align:left; overflow:auto; }
code { font-size:120%; }

h1, h2, h3, h4, h5 { padding:2px 0; margin:4px 0; }

.floatright { float:right; }
.floatleft { float:left; }
.black { color:#000; }
.gray { color:#666; }
.bold { font-weight:bold; }
.boldblack { font-weight:bold; color:#000; }
.marginTop { margin-top:15px; }
.smallMarginTop { margin-top:5px; }
.divcenter { margin:0 200px; width:560px; }
.translation_add, .divcenter, .translationForm { width:560px; }
.fontmedium { font-size:140%; }
.grayborder { border:#666 solid 1px; }
.bgLightGray { background:#f5f5f5; }
.bgLightRed { background:#ffd9d9; }
.borderRed { border:#f00 solid 1px; }

#wrapper { margin:0 auto; text-align:left; }
#wrapper, #bar, #bar_2nd, #contents, #footer, .title_bar, #home_bar, .home_mid_panel { width:960px; }

/* Layout and Home */

#bar { background:url(/images/bar_bg.jpg); height:81px; }
#bar, #bar_left, #bar_img, #bar_right { height:81px; }
#bar_left { width:17px; background:url(/images/bar_left.jpg); float:left; }
#bar_img { width:150px; background:url(/images/bar_logo.jpg); float:left; }
#bar_mid { width:700px; height:60px; float:right; text-align:right; font-weight:bold; color:#FFFF99; padding:5px 0; }
#bar_right { width:17px; background:url(/images/bar_right.jpg); float:right; }
#bar_mid a { color:#fff; }

#bar_2nd { margin-top:5px; }
#bar_text { width:450px; float:left; margin-left:30px; }
#bar_search { width:450px; float:right; margin-right:15px; text-align:right; }

#right_panel { float:right; width:185px; }
#twitter_div { overflow:auto; }
#twitter_update_list { list-style:none; margin:0;  padding:0; }
#twitter_update_list li { margin:7px 0; padding:0; }

#home_bar { float:left; margin-bottom:35px; }
.home_bar_left { float:left; width:400px; }
.home_mid_panel { float:left; }
.ads_middle_top { float:right; width:470px; }

/* Terms and Create One */
#contents { font-size:70%; float:left; margin-top:25px; }
#createOne, #stepTitle { float:right; width:150px; text-align:right; }
#createOne input { font-weight:bold; }
#terms { width:750px; float:left; }
.term { height: 85px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#ffe; margin-bottom:15px; padding-right:15px; }
.term_only { background:#f5f5f5; }
.term_only .term_translation_text { border:#0066CC solid 1px; }
.term_info_div { width:240px; float:left; }
.term_info_div img { margin:25px 15px 15px 15px; float:left; }
.term_info { padding-top:25px; }
.term_right_div { float:right; width:25px; height:25px; margin-top:4px;  }
.term_translation { height:40px; }
.term_translation_text { border:#FF9933 solid 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#FFFFFF; }
.term_translation_text, .term_translation_request { overflow:auto; height:40px; padding:2px; margin:4px 0;}
.term_translation, .term_translation_text, .term_view, .term_translation_request { width:225px; }
.term_translation_request { color:#999999; }
.term_view { text-align:right; }
.title_bar { height:40px; }
.term_no_results { border:#999 solid 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align:center; padding:30px 0; margin:5px; font-size:200%; font-weight:bold; color:#999; }

.term_paging { margin-top:10px; color:#CCCCCC; }
.term_paging div { width:70px; padding:5px 10px; text-align:center; } 
.term_paging_enabled { border:#0066CC solid 1px; } 
.term_paging_disabled { border:#CCCCCC solid 1px; }

/* Profile */
#profile { height:140px; }
#profile img { margin:10px; padding:5px; float:left; border:#CCCCCC solid 4px; }
#bio { float:left; width:450px; margin:10px 0 0 30px; }
#bio p { margin:4px 0; }

/* Create a new Term */
#stepTitle { color:#FF6600; font-size:140%; font-weight:bold; }
.createBox { padding:25px 200px; border:#CCCCCC dashed 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#FFFF99; }
.createBox p { color:#666666; }
.createInput { margin:5px 0; text-align:left; }
.createInput textarea { margin:15px 0 5px 0; border:#c0c0c0 solid 2px; }
.createInput select { font-weight:bold; width:200px; }
.createInput select option { font-weight:normal; }
.createInputText { width:550px; height:50px; }
.createButton { font-weight:bold; color:#003366; }
.createButtonDisabled { font-weight:bold; color:#cccccc; }
#createTermResultBox { width:550px; height:200px; margin:10px 0; overflow:auto; border:#c0c0c0 solid 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#fff; }
#createLanguageBox { margin-top:15px; text-align:left; }
#createProceedBox { margin-top:15px; text-align:right; }
#createTermSearchBox { margin-top:15px; }
.invisible { display:none; }

/* Terms */
.translation { background:#f5f5f5; font-size:150%; padding:10px; border:#CCCCCC dashed 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:5px 0 10px 0; }
.translation_addTranslation { width:150px; float:right; text-align:right; }
#translation_add { border:#CCCCCC dashed 2px; background:#FFFF99; padding:10px 0; height:160px; margin-bottom:10px; }
.translation_add_lang { width:200px; float:left; padding:12px 0 0 10px; }
.translation_add_lang select { width:180px; }
.translation_add_text { width:245px; float:left; }
.translation_add_text textarea { width:240px; height:40px; border:#CCCCCC solid 1px; }
.translation_add_button { text-align:right; }
#translationTextarea { width:460px; height:50px; float:right; }
#translationDescription { float:right; }

#translationEditForm { }
.translationForm { padding:10px 0; cursor: default; }
.blockPage { -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size:12px; border:#0066CC solid 2px; }
.translationEdit { width:100px; float:right; text-align:right; padding:0 10px; }

.translation_box { border:#ccc solid 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.translation_box_collapsed { height:200px; overflow:auto; }
.translation_add_div { float:left; }
.translation_add_google { float:right; border:#0066CC solid 1px; padding:5px; background:#fff; }
.translation_add_line { float:left; width:530px; margin:0 10px 5px 10px; }

.trans_box { margin:5px; padding:5px 0; background:#ffe; -moz-border-radius: 5px; -webkit-border-radius: 5px; float:left; border:#f5f5f5 solid 1px;  }
.trans_box_child { background:#ffe; margin-left:15px; border-left:#ccc solid 2px; }
.trans_box_info { width:150px; float:left; padding-left:5px; }
.trans_box_child .trans_box_info { width:140px; }
.trans_box_text { width:200px; float:left; margin:0 5px; color:#666;  }
.trans_box_actions { width:145px; float:right; text-align:right; padding-right:5px;  }

.parentTerm { margin:15px 0 15px 70px; padding:5px; background:#ffe; border:#f5f5f5 solid 1px; }

/* Help/API */
.help_right { float:right; width:250px; background:#f5f5f5; border:#0066CC solid 1px; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.help_left { float:left; width:650px; }

.help_api_box { margin:20px 0 40px 0; }
.help_api_table { width:100%; border:#CCCCCC solid 2px; }
.help_api_table thead tr td { background:#f5f5f5; font-weight:bold; } 
.help_api_table thead tr td, .help_api_table tbody tr td { padding:5px; margin:0; } 
.help_api_table tr td { border-bottom:#CCCCCC solid 1px; } 
.help_api_box p { margin:5px 0; }
.help_api_code { }
.help_api_code, .help_api_code textarea { height:150px;  }
.help_api_code textarea { width:100%; }

/* Footer */
#footer { font-size:60%; border-top:#ccc solid 2px; float:left; margin-top:35px; padding:5px 0 35px 0; text-align:center; }

/* Default form */
label { width:200px; float:left; text-align:right; margin:0 20px 0 0; display:block; }
label input { }
#form_panel { width:750px; }

/* Message */
.success { border:#00CC00 solid 2px; background:#66FF66; color:#006600; }
.failure { border:#FF3300 solid 2px; background:#FFCC66; color:#990000; }
.success, .failure { padding:2px 5px; margin-top:4px; margin-bottom:4px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.success a { color:#006600; }
.failure a { color:#990000; }
.close { float:right; width:40px; text-align:right; }

.checkSuccess, .checkFailure { padding-left:20px; margin-left:5px; display:inline; padding-bottom:5px;  }
.checkSuccess { background:url(/images/ui/apply.png) no-repeat; color:#006600; }
.checkFailure { background:url(/images/ui/cancel.png) no-repeat; color:#CC0000;  }

.softAlert { border:#f5f5f5 solid 2px; padding:10px; margin:10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* comments */
.comments label { width:80px; }

.comment {}
.comment div { margin:5px; padding:10px; }
.comment_odd, .comment_even {  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.comment_odd { background:#f5f5f5; }
.comment_even { background:#fff; }

/* UI */
a.thumbsup span.thumb, a:hover.thumbsup span.thumb, a.thumbsup_selected span.thumb, 
a.thumbsdown span.thumb, a:hover.thumbsdown span.thumb, a.thumbsdown_selected span.thumb
{ background:url(/images/ui/thumbs_yellow.jpg) no-repeat; width:20px; height:20px; display:block; float:left; margin-right:5px; }

a.thumbsup, a:hover.thumbsup, a.thumbsup_selected, a.thumbsdown, a:hover.thumbsdown, a.thumbsdown_selected 
{ display:block; float:right; text-align:right; margin:0 5px; }

a.thumbsup { color:#999; }
a.thumbsup_selected, a:hover.thumbsup { color:#063; }

a.thumbsdown { color:#999; }
a.thumbsdown_selected, a:hover.thumbsdown { color:#630; }

a.thumbsup span.thumb { }
a:hover.thumbsup span.thumb, a:hover.thumbsup_selected span.thumb { background-position: 0 -40px; }
a.thumbsup_selected span.thumb { background-position: 0 -20px; }

a.thumbsdown span.thumb { background-position: -20px 0; }
a:hover.thumbsdown span.thumb, a:hover.thumbsdown_selected span.thumb { background-position: -20px -40px; }
a.thumbsdown_selected span.thumb { background-position: -20px -20px; }

}