/* ////////////////////////////////////////
YUI Font CSS 
[77% = 10px]
[85% = 11px]
[93% = 12px] (was 92%)
[100% = 13px]
[108% = 14px] (was 107%)
[116% = 15px] (was 114%)
[123.1% = 16px] (was 122%)
[131% = 17px] (was 129%)
[138.5% = 18px] (was 136%)
[146.5% = 19px] (was 144%)
[153.9% = 20px] (was 152%)
[161.6% = 21px] (was 159%)
[167% = 22px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
[174% = 23px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
[182% = 24px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
[189% = 25px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
[197% = 26px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
//////////////////////////////////////// */

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold);

/* BASE */

html {
  /*background-color:#F6F5ED;*/
}

body {
font-family: "Helvetica Neue", Helvetica, Arial, Meiryo, sans-serif;
position: relative;
font-size:14px;
color:#333;
line-height:1.48;
}
a{color:#009FFA;text-decoration:none;}
a:hover {border-bottom:dotted 1px #009FFA;}
a:active{outline: none;}
sup{text-transform:lowercase !important;vertical-align:0.2em !important;line-height:1em !important;}
ul{border:0; margin:0; padding:0;}
img{border:none;}
h1,h2,h3{
  text-transform:capitalize;
  font-family: 'Droid Sans', "Helvetica Neue", Helvetica, Arial, Meiryo, sans-serif;
}
h1{
  text-transform:capitalize;
  /*text-shadow: 0px 1px 1px #eee;*/
  word-spacing: -2px;
  letter-spacing: -1px;
  font-size:32px;
  margin-bottom: 0.5em;
  font-weight:bold;
  color: #555;
}
h2{
  font-size: 22px;
  font-weight:bold;
}
h2 b{
}
h2.row{
  font-size:11px;
  text-transform:uppercase;
  padding:10px 2px;
  border-top:solid 1px #DBDBDB;
  border-bottom:solid 1px #DBDBDB;
}
h3{
  font-size: 18px;
  line-height: 1.2;
  margin-top:0.2em;
  margin-bottom: 0.5em;
}
h4{
  font-weight:bold;
  margin-bottom:5px;
}
h5{
  color:#999;
  font-size:11px;
  text-transform:uppercase;
}
input[type="text"], textarea, input[type="password"]{
  font-size:16px;
  font-family: Georgia, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", serif;
  background: white;
  border-bottom: 1px solid rgb(221, 221, 221);
  border-left: 1px solid rgb(102, 102, 102);
  border-right: 1px solid rgb(221, 221, 221);
  border-top: 1px solid rgb(102, 102, 102);
  display:block;
}
select{
  font-family: "Helvetica Neue", Helvetica, Arial, Meiryo, sans-serif;
}
select.alt{
  background:#ddd;
  color:#555;
  border:none;
  font-size:12px;
}
input[type="text"],input[type="password"]{
  padding: 5px 10px 3px 10px;
  width: 200px;
}
textarea{
  padding: 5px 10px 3px 10px;
}

/* LAYOUT */
#wrapper {width:920px;padding:0px;margin:0 auto;}
#header{
  height:130px;
  clear:both;
}
#menu{
  height:100px;
  font-size:14px;
  text-transform:capitalize;
  font-weight:bold;
  background:transparent url(/images/logo.gif) no-repeat 0 0;
}
#menu ul{
  float:left;
  margin:0;
  padding: 0;
  list-style-type: none;
}

#menu li{
  float:left;
  display:inline;
  margin: 0 10px 0 0;
  padding: 0;
}

#menu a{
  text-align: center;
  height:44px;
  line-height:44px;
  vertical-align:middle;
  color: white;
  padding:0 5px;
}

#menu a:hover {
  background:white;
  color:#009FFA;
}
#menu a.logo:hover {
  background:transparent;
  border:none;
}

#user-panel{
  font-size:11px;
  text-transform:capitalize;
}
#user-panel select{
  font-size:11px;
}
#user-panel ul{
  float:right;
}
#user-panel ul li{
  float:left;
  line-height:24px;
  vertical-align:middle;
  margin-left:15px;
}
#main{
  min-height:300px; /* for modern browsers */
  height:auto !important; /* for modern browsers */
  height:300px; /* for IE5.x and IE6 */
  position:relative;
  padding:0px;
}
#main #top{
  margin-bottom:10px;
  min-height:110px; /* for modern browsers */
  height:auto !important; /* for modern browsers */
  height:110px; /* for IE5.x and IE6 */
}
#main #top h2{
  margin-bottom:20px;
}
#main #submenu{font-size:13px;margin-bottom:30px;font-weight:bold;}
div.left{float:left;width:640px;display:inline;}
div.right{float:right;width:240px;display:inline;}
div.box{margin:0 0 20px 0;}
#footer{
  font-size:11px;
  color:#aaa;
  margin:120px 0 30px 0;
  padding:10px 0;
  text-transform:uppercase;
  border-top:double 3px #ccc;
}

/* UTILITIES */
.clearfix:after {  
  visibility: hidden;  
  display: block;  
  font-size: 0;  
  content: " ";  
  clear: both;  
  height: 0;  
}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.serif{font-family: Georgia, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", serif;}
.sans{font-family: "Helvetica Neue", Helvetica, Arial, Meiryo, sans-serif;}
.thick{font-weight:bold;}
.thin{font-weight:normal;}
.small{font-size:11px;text-transform:capitalize;}
.small a{font-weight:bold;}
.cap{text-transform:capitalize;}
.upper{text-transform:uppercase;}
.lower{text-transform:lowercase;}
.note{font-size:12px;margin:2px 0;padding:0;}
.intro{font-size:14px;}
.quiet{color:#aaa;}
.success, .plus {color:#95C80D;}
.error span{
  color:white;
  background:;
  font-size:11px;
  text-transform:uppercase;
  padding:2px 5px;
}
span.notice{color:#F8204D;}
a.error,a.alert,.notice{color:#F8204D;}
a:hover.error, a:hover.alert {background:#F8204D;color:white;}
.formError{background:#F8204D;font-size:12px;padding:3px 5px;color:white;}
.errorExplanation{_zoom: 1;overflow: hidden;}
.errorExplanation ul{background:#F8204D;font-size:12px;padding:3px 5px;color:white;float:left;}
span.error,label.error{color:#F8204D;}
.avatar{
  float: left;
  background-color:white;
  border-color: rgb(239, 239, 239) rgb(239, 239, 239) rgb(188, 188, 188) rgb(239, 239, 239);
  border-style:solid;
  border-width:1px;
  padding:2px;
}
.flag{
  -moz-opacity:.75;  
  filter:alpha(opacity=75);  
  opacity:.75;  
  margin-right:5px;
}
.command{color:#999;text-transform:lowercase;}
  .command a{color:#999;border-bottom:dotted 1px;font-weight:bold;}
  .command a:hover {color:#009FFA;background:white;}
  .command a.alert:hover {color:#F8204D;background:white;}

ul.list{
  _zoom: 1;overflow: hidden;
  margin:0 0 30px 0;
  border-top:1px dotted #999;
}
  ul.list li{
    border-bottom: 1px dotted #999;
    list-style-type: none;
    _zoom: 1;overflow: hidden;
    padding:5px 0;
    line-height:13px;
  }
  ul.list li div.title{
    font-size:11px;
    float:left;
    width:50%;
    padding:2px;
    text-transform:uppercase;
  }
  ul.list li div.data{
    font-size:14px;
    float:right;
    width:45%;
    padding:2px;
    text-align:center;
    color:#009FFA;
    font-weight:bold;
  }
.not_found{
  font-size:18px;
  color:#ccc;
  padding:8px 0;
  margin:10px 0;
  width:500px;
}

form {}
form li .left{float:left;width:200px;display:inline;}
form li .right{float:right;width:600px;display:inline;}
form label.desc{
  font-size: 11px;
  font-weight:normal;
  text-transform:uppercase;
  padding: 0px 0px 3px 0px;
}
form li div label, form li span label{
  clear: both;
  color: black;
  display: block;
  font-size: 85%;
  line-height: 100%;
  margin: 0px;
  padding-top: 6px;
}
form li div label.inline, form li span label.inline{
  display:inline;
}
form span.req{
  color: #D93621 !important;
  display: inline;
  float: none;
  font-weight: bold;
  padding: 0px;
}
form div.section{
  padding-left:3px;
  _overflow: hidden;
}

form ul {
  width: 99%;
  margin: 0px 0px 10px 0px;
}

form li {
  display: block;
  margin: 0px;
  padding: 10px 2px 30px;
  border-top:dotted 1px #DDD;
  _zoom: 1;
  overflow: hidden;
}
form li.first {}
form li.confirm {
  border-top:solid 1px #ccc;
}
form li.error {
  background:#F6F5ED;
  font-size:12px;
  padding:20px 0;
}
form li.error h4{
  font-size:14px;
  color:#F8204D;
  font-weight:bold;
}
form li div {
  margin: 0px;
  padding: 0px;
}
form div.info {
  margin-bottom:5px;
  clear:both;
}
form div.info div{
  margin: 0px 0px 20px 0px;
  font-size:11px;
  text-transform:uppercase;
}
form p{margin:10px 0;}

/* top */
#top-page{
  position:relative;
}
#top-image{
  position:absolute;
  left:10px;
  top:0;
  z-index:100;
  background:transparent url(/images/top.png) no-repeat 0 0;
  width:435px;
  height:400px;
}
#top-page .avatar {
  border:none;
  padding:0;
  margin:3px;
}

#top-page #catch{
  min-height:400px; /* for modern browsers */
  height:auto !important; /* for modern browsers */
  height:400px; /* for IE5.x and IE6 */
  background:rgba(255,255,255,0.4);
  margin-bottom:30px;
}
#top-page .left{float:left;width:435px;display:inline;}
#top-page .right{float:right;width:435px;display:inline;}
#top-page .box{padding:20px 0;border-top:1px #ccc solid;}
#top-page h2{
  font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:24px;
  font-weight:bold;
  text-transform:none;
  word-spacing:0;
  letter-spacing:2px;
}
#top-page h2 .pron{
  font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
  font-weight:normal;
  font-size:16px;
  margin-left:30px;
  color:#555;
}
#top-page h5 {
  font-family: Georgia, 'ＭＳ Ｐ明朝','MS PMincho', serif;
  font-style:italic;
  font-size:11px;
  color:black;
  margin:10px 0;
}
#top-page p{
  margin:30px 0;
  font-size:12px;
}
#top-page p .tag{
  margin-right:5px;
  font-size:11px;
}
#top-page p em{
  font-style:italic;
}
#top-page input[type="text"], #top-page input[type="password"]{
  background:#ddd;
  color:#555;
  border:none;
  width:110px;
  padding:3px;
  font-size:12px;
  margin-right:10px;
}
#top-page .banner{margin:10px 0;}
#top-page .banner a:hover {background:transparent;}

/* questions/show */
.request{
  margin-bottom:50px;
}
.request-info{
  font-size:12px;
  color:#999;
  padding:10px 2px;
  text-transform:capitalize;
}
.request-info em{
  color:#BE50EE;
  text-transform:none;
}
.request-info span{
  color:#95C80D;
  text-transform:none;
}
.request .content .body{
  font-family: Palatino, Georgia, 'Times New Roman', Times, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  serif;
  background:white;
}
.request .content .body span{
  border-bottom:1px solid #eee;
}
.request .question {
  padding:20px 0;
}
.request .question .content{
  position:relative;
  padding:0 0 30px;
  border: 1px solid #CCC;
  -moz-box-shadow: 0px 0px 12px #eee;
  -webkit-box-shadow: 0px 0px 12px #eee;
  box-shadow: 0px 0px 12px #eee;
  -webkit-box-shadow: #EEE 0px 0px 10px;
}
.request .question .content h5{
  padding:20px 20px 0;
  background:white;
}
.request .question .content .body{
  padding:10px 20px 20px;
  min-height:120px; /* for modern browsers */
  max-height:360px; /* for modern browsers */
  height:auto !important; /* for modern browsers */
  height:120px; /* for IE5.x and IE6 */
  overflow:auto;
  margin:0;
}
.request .question ul.request-list li{display:inline;}
.request .question .content .tie .draft,
.request .question .content .tie .my,
.request .question .content .tie .done,
.request .question .content .tie .end{
   height:54px;
   width:54px;
   position:absolute;
   background-image: url(/images/tie.png);
   background-repeat:no-repeat;
   top:5px;
   right:5px;
}
.request .question .content .tie .draft{background-position: 0 0;}
.request .question .content .tie .done{background-position:0 -54px;}
.request .question .content .tie .my{background-position:0 -108px;}
.request .question .content .tie .end{background-position:0 -162px;}
.request .translation{margin:20px 0 10px;}
.request .translation .content h5{
  padding:0;
}
.request .translation .left{float:left;width:240px;}
.request .translation .right{float:right;width:640px;}
.request .translation .content{
  border-top:dotted 1px #999;
  padding:10px 0 30px
}
.request .translation .content .body{
  padding:20px 0;
  min-height:40px; /* for modern browsers */
  max-height:330px; /* for modern browsers */
  height:auto !important; /* for modern browsers */
  height:100px; /* for IE5.x and IE6 */
  overflow:auto;
  margin:0;
}
.request .translation .content .medal{display:none;position:absolute;right:20px;top:1px;width:24px;height:32px;background:transparent url(/images/medal.png) no-repeat 0 0;}
.request .translation .content .date{
  text-align:right;
  color:#999;
  font-size:11px;
}
.request .translation .vcard{
  _zoom: 1;
  overflow: hidden;
  padding:5px;
  border:double 3px #ccc;
  margin:0;
  line-height:1.2;
  float:right;
}
.request .translation .avatar{float:right;margin: 0 5px 0 0;}
.request .translation .vcard .avatar{float:left;margin: 0 5px 0 0;}
.request .translation .vcard .date{font-size:11px;margin-left:40px;}
.request .translation .vcard .name{font-weight:bold;margin-left:40px;}
.request .translation .rating{float:right;margin:10px 0;}
.request .translation .rating.done a{cursor:default;}
.request .translation .rating-info{line-height:14px;vertical-align:middle}

.request .edit{
  padding:10px 10px 20px 10px;
  background:#F2F2F2;
  width:620px;
}
.request .edit textarea{
  width:578px;
  border:solid 1px #ccc;
  height:95px;
}
.request .edit textarea.elastic{
  width:598px;
  min-height:100px !important;
  max-height:300px;
  height:100px;
}

#comments{
  font-size:12px;
  width:640px;
  float:right;
}
#comments .comment{
  margin:15px 0;
}
#comments .comment .content{
  margin-left:50px;
  line-height:16px;
  vertical-align:middle;
}
#comments .comment .content a.name{font-weight:bold;}
#comments .comment .content span.date{color:#999;text-transform:lowercase;font-size:10px;padding-left:8px;}
#comments .comment .content .tip{
  font-size:11px;
  margin-right:4px;
  background-color:#BA9800;
  color:white;
  padding:1px 3px;
  -moz-border-radius:3px; 
  -webkit-border-radius:3px;
}
#comments .comment .content .body{
  line-height:15px;
  font-size:12px;
}
#comments .comment .content .command{
  padding-left:8px;
  font-size:10px;
}
#new-comment{
  background:#F2F2F2;
  margin-top:30px;
  padding:10px 15px; 
  margin-bottom:20px;
  -moz-border-radius:5px; 
  -webkit-border-radius:5px;
  position:relative;
  /* background:#F6F5ED; */
}
#new-comment textarea{
  font-size:13px;
  width:588px; height:20px;
  border:solid 1px #D5D5D5;
}
#new-comment select{
}
#new-comment .counter{
  position:absolute;
  right:15px; 
  top:25px;
  font-size:16px;
  font-weight:bold;
  color:#999;
}

/* questions/index */
#tabbox{
border-bottom: 1px solid #ccc;
clear: both;
height: 34px;  
}
#tabbox h2{float:left;}
#tabs{
float: right;
font-weight: bold;
margin-right:30px;
}
#tabs a{
background: inherit;
border: 1px solid white;
color: #999;
display: block;
float: left;
font-size: 13px;
height: 24px;
line-height: 22px;
margin: 8px 8px 0px 0px;
padding: 0px 11px 0px 11px;
text-decoration: none;
}
#tabs a.current{
background: white;
border: 1px solid #ccc;
border-bottom: 1px solid white;
height: 30px;
line-height: 28px;
margin-top: 3px;
padding: 0px 11px 0px 11px;
color:black;
}

#searchbox{
  margin-bottom:10px;
  border-bottom: 1px solid #DBDBDB;
  padding:3px 0;
}
  #searchbox table{
    vertical-align:middle;
  }
  #searchbox table td{
    padding-right:10px;
  }
  #searchbox select{
    padding:3px;
    font-size:12px;
    margin-right:10px;
  }
  #searchbox input[:text]{
    padding:2px 5px;
    background:#009FFA;
    color:white;
    border:none;
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
    cursor:pointer;
  }
.question_mini{
  cursor:pointer;
  border-bottom: 1px solid #DBDBDB;
  padding:15px 0 25px;
  _zoom: 1;overflow: hidden;
  font-size:12px;
}
  .question_mini .meta{
    float:left;
    display:inline;
    width:240px;
    padding-left:20px;
  }
    .question_mini .meta .status{
      width:64px; 
      margin-right:10px;
      color:white;
      -moz-border-radius:3px; 
      -webkit-border-radius:3px;
      padding:3px;
      float:left;
      background:#DDD;
      color:#000;
    }
    .question_mini .meta .title{
      line-height:12px;
      font-size:10px;
      text-align:center;
      text-transform:lowercase;
    }
    .question_mini .meta .data{
      text-align:center;
      line-height:16px;
      font-size:14px;
      font-weight:bold;
    }
    .question_mini .meta sup, .question_mini .meta span{
      font-size:14px;
    }
    .question_mini .meta .reward{background:#88E31A;color:white;}
    .question_mini .meta .reward sup{font-size:11px;}
    .question_mini .meta .translations{}
    .question_mini .meta .time-left{background:#000;color:white;}
    .question_mini .meta .languages{
      font-style:italic;
      margin:8px 0 3px;
    }
    .question_mini .meta .extra{
      color:#999;
      font-size:10px;
    }
  .question_mini .content{
    float:left;
    color:#555;
    display:inline;
    font-size:12px;
    line-height:16px;
    width:575px;
    padding:0 20px 0 0px;
  }
  .question_mini .content span {
    padding:3px;
  }
  .question_mini:hover .content span {
    color:#000;
  }
  .question_mini .content .picture {
    height:80px;
    overflow:hidden;
  }
  .question_mini .content .picture img{
    border:solid 3px #DDD;
    float:left;
  }
  .question_mini:hover .content .picture img{
    border:solid 3px #009FFA;
  }
  .question_mini .content .twitter_request .profile_image{
    width:48px;
    height:48px;
    float:left;
  }
  .question_mini .content .twitter_request .text{
    margin-left:60px;
    font-size:12px;
  }
  .question_mini .content .twitter_request .text div{
    color:#999;
    font-size:10px;
    margin:10px 0;
  }


/* questions/new */
.page-title{margin-bottom:20px;color:#999;text-transform:uppercase;font-size:12px;font-weight:bold;}
.page-intro{margin-bottom:40px;}
#account-info{
  width:580px;
  padding:10px 0;
  background:#f4f5f6;
}
#new-request{
  width:700px;
  _zoom: 1;overflow: hidden;
  margin: 0 auto;
}
  #new-request span.notice{color:#F8204D !important;}
  #new-request em.notice, #new-request em.error{color:#F8204D !important;}
  #new-request div.notice{background-color:#F45E95 !important;}
  #new-request input, #new-request textarea{
    padding: 10px 15px 8px 15px;
    background:#eaebed;
    border:none;
    font-size:18px;
    width:640px;
  }
  #new-request textarea{
    height:200px;
    -moz-border-radius:8px; 
    -webkit-border-radius:8px;
  }
  #new-request select{}
  #new-request input[type="text"]{width:500px;}

  #new-request #top-menu{
    margin:30px 0 50px 0;
    border-top:dotted 1px #ccc;
    border-bottom:dotted 1px #ccc;
    border:0px;
    padding: 1px 0;
  }
  #new-request #top-menu div{
  }
  #new-request #top-menu span{
    font-size:12px;
  }
  #new-request #top-menu #perchase-btn{
    padding:0 20px;
  }
  #new-request div.item{
    margin-bottom:40px;
  }
  #new-request label{
    font-size:24px;
    display:block;
    text-transform:none;
    margin-bottom:10px;
  }
  #new-request span.required{
    color:#999;
    padding:0 10px;
    font-weight:normal;
    text-transform:uppercase;
    font-size:12px;
  }
  #new-request em{color:#95C80D;font-weight:bold;}

  #new-request .btn{
    background:#555;
    border:none;
    color:white;
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
    cursor:pointer;
    font-size:16px;
    margin-right:10px;
  }
  #new-request .confirm{
    border-top: double 3px #ccc;
    width:680px;
    padding:20px 0;
    font-size:12px;
  }
  #new-request #submit-question {
    margin:30px 0;
    width:630px;
    background-color: #FFB;
    border-right: 1px solid #DDA;
    border-bottom: 1px solid #DDA;
    font-size: 32px;
    font-weight: bold;
    padding:15px 20px;
    cursor:pointer;
  }
  #new-request #total-cost {
    color: #996;
    float: right;
    padding:0 30px;
  }
  #new-request #submit-question:hover {
    background-color: #FF6;
    color: #4A5584;
    text-decoration:underline;
  }

  #new-request li div{_zoom: 1;overflow: hidden;}
  #new-request .price{height:30px;border:double 3px #00ADF0;}
  #new-request .original-text{margin-bottom:10px;}
  #new-request .original-text-meta{
    font-size:18px;
    margin-top:3px;
    border:#ddd;
    border:transparent;
    border-style:solid;
    border-width:1px;
    -moz-border-radius:3px; 
    -webkit-border-radius:3px;
  }
  #new-request .original-text-meta td{
    vertical-align:middle;
    padding-right:20px;
  }
  #new-request .original-text-meta td span{
    padding:4px 8px 2px;
    background:#fff;
    -moz-border-radius:6px; 
    -webkit-border-radius:6px;
  }
  #new-request .original-text-meta td span em{
    color:#95C80D;
    color:#555;
    font-weight:bold;
  }
  
  #new-request .original-text-meta .progress {
    border: 1px solid #ccc; 
    width: 500px; 
    margin: 2px 5px 2px 0; 
    padding: 1px; 
    float: left; 
  }

  #new-request .original-text-meta .progress div {
    background: #95C80D; 
    background: #ccc;
    height: 1px
  }
  
  #new-request #receipt{
     margin:20px 0 10px 0;
     padding:10px;
     border:double 3px #BEBEBE;
  }
    #new-request #receipt table{vertical-align:middle;width:30%;}
    #new-request #receipt .title{font-size:12px;}
    #new-request #receipt .total{font-size:24px;text-align:right;font-weight:bold;}
    #new-request #receipt .total sup{font-size:16px;}

/* sessions/new */
#login-page{}
#login-page input[type="text"], #login-page input[type="password"]{
  padding: 10px 15px 8px 15px;
  background:#eaebed;
  border:none;
  font-size:18px;
}
#signup-form input[type="text"]{
  width:300px;
}
#signup-form select{
  display:block;
}
#login-page li{
  border:0;
  padding:0;
  margin:0 0 13px;
}

/* users/show */
#vcard{
  _zoom: 1;overflow: hidden;
  margin-bottom:30px;
  border-color: rgb(239, 239, 239) rgb(239, 239, 239) rgb(188, 188, 188) rgb(239, 239, 239);
  border-style:solid;
  border-width:1px;
  padding:20px;;
}
  #vcard .avatar {
    border:none;
    padding:0;
  }
  #vcard .name {
    margin-left:106px;
    font-size:24px;;
    line-height:1.2;
    margin-bottom:10px;
    text-transform:none;
    word-spacing: -2px;
    letter-spacing: -1px;
  }
  #vcard .name a{font-size:16px;}
  #vcard dl{margin-left:106px;font-size:11px;text-transform:uppercase;}
  #vcard dl dd div{display:inline-block;_zoom:1;}
  #vcard dl dt{float:left;width:10em;text-align:right;color:#ccc;}
  #vcard dl dd{margin-left:0;padding-left:11em;color:#999;}
  #vcard .about-me{font-size:12px;margin:20px 0;}
  .item {margin-bottom:50px;font-size:14px;_zoom: 1;overflow: hidden;}
  .item h3{margin-bottom:20px;}
.user-act{font-size:12px;padding-bottom:10px;}
.user-act .content{float:right;width:500px;}
.user-act .date{float:left;display:inline;width:100px;color:#999;text-transform:uppercase;}

/* my/show */
#user-home{
  padding:20px 0 10px 0px;
  margin-bottom:30px;
}
#user-home .content{margin-left:70px;}
#user-home .content .title{margin-bottom:5px;}
#activities{margin-top:20px;}
  #activities .activity{
    padding:5px 0 10px;
    font-size:12px;
  }
  #activities .activity:hover {
    background:#F8F8F8;
  }
  #activities .activity .content {
    margin-left:50px;
  }
    #activities .activity .content .title{
      line-height:20px;
      vertical-align:middle;
    }
    #activities .activity .content .title span{
      margin-right:4px;
      position:relative;bottom:1.5px;
      font-size:11px;
      color:#999;
    }
    #activities .activity .content .title img{}
    #activities .activity .content .title span.name{font-size:16px;font-weight:bolder;color:#009FFA;top:0;left:0;}
    #activities .activity .content .title span.type{}
    #activities .activity .content .title span.date{text-transform:uppercase;color:#ccc;}
    #activities .activity .content .title span.score{
      background-color:#95C80D;
      color:white;
      padding:1px 3px;
      -moz-border-radius:3px; 
      -webkit-border-radius:3px;
    }
    #activities .activity .content .title span.reward{ 
      font-size:11px;
      margin-right:4px;
      background-color:#BA9800;
      color:white;
      padding:1px 3px;
      -moz-border-radius:3px; 
      -webkit-border-radius:3px;
    }
    #activities .message{
      background:#eaebed;
      line-height:15px;
      padding:2px 4px;
    }
    #activities .activity .command a{color:white;}
    #activities .activity:hover .command a{color:#009FFA;background:white;}
/*
*  Notify Bar - jQuery plugin
*
*  Copyright (c) 2009-2010 Dmitri Smirnov
*
*  Licensed under the MIT license:
*  http://www.opensource.org/licenses/mit-license.php
*  
*  Version: 1.2
*
*  Project home:
*  http://www.dmitri.me/blog/notify-bar
*/

.jquery-notify-bar {
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:32768;
  background-color:#F5F5F5;
  font-size:14px;
  color:#000;
  text-align:center;
  padding:20px 0px;
  border-bottom:1px solid #bbb;
}
.jquery-notify-bar.error {
  color:#f00;
  background-color:#fdd;
}
.jquery-notify-bar.success {
  color:#95C80D;
}

/* BUTTONS */

input[type="submit"], input[type="button"], button{
  font-size:11px;
  padding:8px 19px;
  margin:5px 0;
}
input[type="submit"].mini,
input[type="button"].mini,
button.mini {
  padding:2px;
  margin:0 3px;
}
input[type="submit"].huge,
input[type="button"].huge,
button.huge {
  font-size:11px;
  padding:15px 40px;
}
.button-to, .button-to div{display:inline;}
input[type="submit"].button,
button.button{
background:#000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color:white;
border:none;
cursor: pointer;
font-size: 11px;
letter-spacing: 1px;
line-height: 1.5;
margin:10px 2px 0 0;
padding: 8px 10px 7px 10px;
text-transform: uppercase;
}
input[type="submit"].button:hover,
button.button:hover {
}
input[type="submit"].button.positive:hover,
button.button.positive:hover {
background:#009FFA;
}
input[type="submit"].button.negative:hover,
button.button.negative:hover {
background:#F8204D;
}


input[type="submit"][disabled].button,
input[type="submit"][disabled].button:hover,
button.button[disabled]:hover {
  color:#ccc;
  background:#F5F5F5;
  border: 1px solid #DDD;
  cursor:default;
}

/* star rating */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
  background: url(/images/star.gif) left -1000px repeat-x;
}
.star-rating{
  position:relative;
  width:125px;
  height:25px;
  overflow:hidden;
  list-style:none;
  margin:0;
  padding:0;
  background-position: left top;
}
.star-rating li{
  display: inline;
}
.star-rating a, 
.star-rating .current-rating{
  position:absolute;
  top:0;
  left:0;
  text-indent:-1000em;
  height:25px;
  line-height:25px;
  outline:none;
  overflow:hidden;
  border: none;
}
.active .star-rating a:hover,
.active .star-rating a:active,
.active .star-rating a:focus {
background-position: left bottom;
}
.star-rating a.one-star{
  width:20%;
  z-index:6;
}
.star-rating a.two-stars{
  width:40%;
  z-index:5;
}
.star-rating a.three-stars{
  width:60%;
  z-index:4;
}
.star-rating a.four-stars{
  width:80%;
  z-index:3;
}
.star-rating a.five-stars{
  width:100%;
  z-index:2;
}
.star-rating .current-rating{
  z-index:1;
  background-position: left center;
}	

/* for an inline rater */
.inline-rating{
  display:-moz-inline-block;
  display:-moz-inline-box;
  display:inline-block;
  vertical-align: middle;
}

/* smaller star */
.small-star{
  width:50px;
  height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
  background-image: url(/images/star_small.gif);
  line-height: 10px;
  height: 10px;
}
/* conyac rating */
.my-star{
  width:70px;
  height:14px;
}
.my-star,
.my-star a:hover,
.my-star a:active,
.my-star a:focus,
.my-star .current-rating{
  background-image: url(/images/rating.gif);
  line-height: 14px;
  height: 14px;
}

/* help */
div.help_content{
  margin:30px 0 50px 0;
}
.help .right ul, .help .right li{font-size:116%;font-weight:bold;margin:10px 20px;color:#888;list-style-type:square;}
.help ul, .help li{margin:10px 20px;color:#888;list-style-type:square;}
.help dl{margin:10px 0px;}
.help dt {
 float:left;
 width:190px;
 padding:5px 0px;
 clear:both;
 text-transform: capitalize;
}
.help dd {
 margin-left:210px;
 padding:5px 5px 5px 0px;
}

/* pagination */

.pagination {
background: white;
margin:20px 0px 10px;
font-size:11px;
/* self-clearing method: */ }

.pagination a, .pagination span {
padding: .8em 1.4em;
display: block;
float: left;
margin-right: 1px; }

.pagination span.disabled {
color: #ccc;
}

.pagination span.current {
background: #009FFA;
color: white;
}

.pagination a {
text-decoration: none;
color: #009FFA;;
}

.pagination .page_info {
background: #2E6AB1;
color: white;
padding: .4em .6em;
width: 22em;
margin-bottom: .3em;
text-align: center; }

.pagination .page_info b {
color: #003;
background: #6aa6ed;
padding: .1em .25em; }

.pagination:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }

.pagination .prev_page, .pagination .next_page{
display:none; }

* html .pagination {
height: 1%; }

*:first-child+html .pagination {
overflow: hidden; }


#popup_container
{
font-weight:bold;
text-align:left;
font-size: 12px;
width: 364px; 
height: 86px; 
background: #F3F3F3;
border:solid 1px #dedede;
border-bottom: solid 2px #456FA5;
color: #000000;
}

#popup_title
{
display:none;
}
#popup_message
{
padding-top: 15px;
padding-left: 15px;
}

#popup_panel
{
text-align: left;
padding-left:15px;
}

#popup_container input
{
background:#F5F5F5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #DDD;
color: black;
cursor: pointer;
font-size: 11px;
letter-spacing: 1px;
line-height: 1.5;
margin-top: 10px;
padding: 5px 10px 4px 10px;
text-transform: uppercase;
}

.twtr-widget{
  font-size:11px;
}
.twtr-widget a:hover {
  background:transparent;
  color:#009FFA;
}

#ads{
  position:absolute;
  right:106px;
  top:0px;
  z-index:100;
}
#partner{
  position:absolute;
  z-index:100;
  right:30px;
  bottom:-155px;
}
  #ads .adframe{
    width:134px;
    height:104px;
    background:transparent url(/images/adframe.png) no-repeat 0 0
  }
  #partner .adframe{
    width:134px;
    height:104px;
    background:transparent url(/images/adframe2.png) no-repeat 0 0
  }

  #ads .adframe img, #partner .adframe img{
    padding:6px;
  }
  #ads .desc, #partner .desc{
    margin:3px 0;
    font-size:11px;
    color:#333;
  }
  #ads a:hover, #partner a:hover {color:#009FFA;background:transparent;border-bottom:dotted 1px;}
  #ads .tag, #partner .tag{
    margin-top:7px;
    font-size:9px;
    font-family: Georgia, Meiryo, serif;;
  }

#message_box{
  background:#eaebed;
  padding:10px 15px; 
  margin-bottom:20px;
  -moz-border-radius:5px; 
  -webkit-border-radius:5px;
  position:relative;
}
  #message_box textarea{
    width:588px; height:20px;
    border:solid 1px #D5D5D5;
    font-size:16px;
  }
  #message_buttons{
    display:none;
  }
  #message_box label{
    font-size:12px;
    margin-bottom:3px;
    display:block;
  }
  #message_box .counter{
    position:absolute;
    right:15px; 
    top:5px;
    font-size:16px;
    font-weight:bold;
    color:#999;
  }

/* container */
div.twitter-comments{ }
/* ul list */
ul.ttw-inner{
  padding:4px 0;
  overflow:hidden;
  margin:0;
  background:#fff;
}
ul.ttw-inner li {
  float:left;
  margin:15px 0;
  list-style-type:none;
  position:relative;
}
/* author img */
ul.ttw-inner span.ttw-author-img{
  display:block;
  overflow:hidden;
  left:0;
  position:absolute;
  background-color:white;
  border-color: rgb(239, 239, 239) rgb(239, 239, 239) rgb(188, 188, 188) rgb(239, 239, 239);
  border-style:solid;
  border-width:1px;
  padding:2px;
}
/* author name */
ul.ttw-inner strong a{
  margin-right:5px;
  font-weight:bold;
}
ul.ttw-inner strong a:hover{color:white;background:#009FFA;}
/* tweet body */
ul.ttw-inner span.ttw-body {
  display:block;
  margin-left:50px;
}
/* tweet content */
ul.ttw-inner span.ttw-content{}
/* tweet meta : date, reply, retweet line */
ul.ttw-inner span.ttw-meta {
  color:#999999;
  display:block;
  font-size:0.764em;
  margin:3px 0 0;
}
ul.ttw-inner span.ttw-meta a{
  color:#999999;
  text-decoration:none;
}
ul.ttw-inner span.ttw-meta a:hover{
  text-decoration:underline;
}
/* customize reply link */
ul.ttw-inner a.ttw-reply { }
/* customize retweet link */
ul.ttw-inner a.ttw-retweet { }
/* customize links */
ul.ttw-inner a.ttw-link{color:#009FFA;}
ul.ttw-inner a.ttw-link:hover{color:white;background:#009FFA;}
/* customize @user links */
ul.ttw-inner a.ttw-at { }
/* customize #hashtags links */
ul.ttw-inner a.ttw-hashtag { }
/* li's will have class that reflects users influence levels from 0 to 10 */
/* Customize tweets of users with influence levels from 0 to 10 */
ul.ttw-inner a:hover{background:transparent;}
li.ttw-inf-0{width:640px;}
/* ...... */
li.ttw-inf-10{}
/* Customize users image with influence levels from 0 to 10 */
li.ttw-inf-0 img{}
/* ...... */
li.ttw-inf-10 img{}
/* Customize users name with influence levels from 0 to 10 */
li.ttw-inf-0 strong{}
/* ...... */
li.ttw-inf-10 strong{}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
border: 1px solid #ccc;
background: #fff; 
width: 920px; 
height: 32px; 
margin: 0; 
padding: 0
overflow: hidden; 
-moz-border-radius:5px; 
-webkit-border-radius:5px;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 30px;
top: 8px;
width: 860px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 950px;
font: bold 12px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
font: bold 12px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 12px 0 0;
color:#555;
} 

#social-buttons{
position:relative;
padding:0 5px;
clear:both;
height:16px;
}
#social-buttons a{
  width:16px;height:16px;
  float:left;
  overflow:hidden;
  text-indent: -9000px;
  background-image:url(/images/social.png);
}
#social-buttons a:hover {
  background-color:transparent;
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity: 1;
  opacity: 1;
}
#social-buttons ul{height:16px;line-height:16px;clear:both;position:absolute;top:-10px;}
#social-buttons li{margin-right:16px;}
#social-buttons ul li{float:left;list-style:none;vertical-align:middle;}
#social-buttons ul li img{vertical-align:middle;height:16px;}
#social-buttons .facebook a{text-indent: -9000px;}
#social-buttons .twitter a{background-position:-16px 0px;}
#social-buttons .delicious a{background-position:-32px 0px;}
#social-buttons .digg a{background-position:-48px 0px;}
#social-buttons .reddit a{background-position:-64px 0px;}
#social-buttons .myspace a{background-position:-80px 0px;}
#social-buttons .bebo a{background-position:-96px 0px;}
#social-buttons .mail a{background-position:-112px 0px;}

#payment-page{
}
#payment-page table{
  border-collapse: separate;
  width:100%;
  margin:0 auto;
  border: solid #D4D4D4 1px;
}
#payment-page td{
  padding: 20px;
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-right: solid 1px #D4D4D4;
  background:#fcfcfc;
  vertical-align:top;
  font-size:12px;
}
#payment-page th{
  font-size:16px;
  color: #666;
  font-weight:bold;
  padding:5px 20px;
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-right: solid 1px #D4D4D4;
  border-bottom: solid 1px #D4D4D4;
}
#payment-page th.monthly{
  background:#f5f5f5;
}
#payment-page th.paygo{
  background:#fcfcfc;
}
#payment-page table ul{
  border-top:dashed 1px #ccc;
  border-bottom:dashed 1px #fff;
}
#payment-page table ul li{
  border-top:dashed 1px #fff;
  border-bottom:dashed 1px #ccc;
  padding:10px 0;
}
#payment-page td{
  border-top:none;
  color:#666;
}
#payment-page h4{
  color: #555;
  font-size: 32px;
  font-weight: bold;
  text-shadow: 0px 1px 1px #ddd;
}
#payment-page h5{
  text-transform: lowercase;
}
#payment-page td.paygo{
  background:#f5f5f5;
  height:180px;
}
#payment-page td.paygo h5{
  text-transform: uppercase;
}
#payment-page h5 em{
  color:#95C80D;
  font-size: 22px;
  font-weight: bold;
}
#payment-page td.paygo h5 em{
  font-size: 24px;
}
#payment-page .free-request{
}
#payment-page .plan-normal h4{
  color:#aaa;
  text-shadow: 0px -1px -1px #888;
}
#payment-page td.paygo{
  border-right:0px;
}
#payment-page h6{
  color:#999;
  font-size: 16px;
  font-weight: bold;
}
#payment-page h6 em{
}
#payment-page table ul li em{
  color:#BE50EE;
  font-size: 13px;
  font-weight:bold;
  color:#009FFA;
}
#payment-page table ul li b{
  color:#95C80D;
}
#payment-page table ul li span{
  color:#FBC133; 
}
#payment-page .upgrade{
  margin-top:20px;
}
#payment-page .btn {
border:none;
font-size: 13px;
font-weight: bold;
line-height: 1;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
background: #222 url(overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
background-color: #ffb515;
background-color: #c81e82;
background-color: #91bd09;
}
#point-short{
  width:620px;
  padding:8px 20px;
  margin:10px 0 30px;
  background:#FEE;
  border-top:solid 1px #FDD;
  border-bottom:solid 1px #FDD;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  color:#F8204D;
}