body {
  background-color: #4B6C9F;
  font-family: Georgia, Verdana, Helvetica, Arial;
  font-size: 14px;
}

.hidden
{
    display:none;
}

a img {
  border: none;
}

a {
  color: #08708E;
    text-decoration:none;
}
a:hover, a.special:hover
{
  color: #14C700;
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

#container {
  width: 880px;
  margin: 0 auto;
  background-color: #FFF;
  padding: 20px;
  border: solid 1px black;
  margin-top: 20px;
  overflow:auto;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-image:url(../images/hero.png);
    background-repeat:no-repeat;
    background-position: 20px 10px;
}

#flash_notice, #flash_error {
  padding: 5px 8px;
  margin: 10px 0;
}

#flash_notice {
  background-color: #CFC;
  border: solid 1px #6C6;
}

#flash_error {
  background-color: #FCC;
  border: solid 1px #C66;
}

.fieldWithErrors {
  display: inline;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #CF0000;
  padding: 0px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: 0;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 8px;
}

#errorExplanation ul {
  margin: 2px 24px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: disc;
}

.header
{
    margin-bottom:30px;
    padding-left:60px;
}

.header .tagline
{
    font-size:22px;
    color:#999;
}
ul.tasks{
    margin:0px;
    padding:0px;
    list-style-type:none;
    }

.task-container{
    border-top:1px dotted #ccc;
    padding-top:10px;
    padding-bottom:10px;

    overflow:auto;
}

    .task-container .category{
        float:left;
        text-align:center;
        width:100px;
        margin-top:12px;
        color:#666;
        text-transform:uppercase;
    }

    .task-container .category img
    {
        margin:10px 0px;
        border:1px solid #ccc;
        width:50px;
        height:50px;
    }

    .task-container .task{
        float:left;
        width:480px;
        margin-left:20px;
    }

    .task-container .task h2{
        padding:0px;
        margin:0px;
        font-weight:normal;
    }

    .task-container .task p{
        padding:0px;
        margin:10px 0 10px 0px;
    }

    .provider{
        color:#aaa;
    }

.provider a{color:#aaa;}
.provider a:hover{color:#666;}


    .call-to-action{
        float:right;
        border:1px solid #ddd;
        padding:2px;
      }

    .task h2
    {

    }


.nav
{
    float:right;
}

.link-list
{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

.link-list li
{
    display:inline-block;
    margin-right:10px;
}

.left-column
{
    width:600px;
    float:left;
}
.right-column
{
    float:left;
    margin-left:40px;
    width:210px;
}

.highlight
{
    background-color: #eee;
    border:1px solid #ccc;
    padding:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align:justify;
}


label
{
 font-weight:bold;
}

.help
{
    margin:10px 0;
    color: #999;
}

.field
{
    margin-top:40px;
}

span.category
{
    text-transform:uppercase;
}

h1, h2, h3{
    font-weight:normal;
    font-family:Arial;
}

h1
{
    font-size:24px;
    margin:0px 0px 20px 0px;
    padding:0px;
    font-weight:bold;
    color:#444;
}

h2
{
    font-size:20px;
    color:#999;
    margin:40px 0px 10px 0px;
    padding:0px;
}

.unavailable
{
    background-color:#ccc;
}
/*
input[type=button],input[type=submit],button,.button
{
    font-family:Georgia;
    border:1px solid Black;
    background-color: #0077C7;
    padding:5px 10px;
    color:White !important;
    display:inline-block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}


input[type=button]:hover,input[type=submit]:hover,button:hover,.button:hover
{
    cursor:pointer;
    background-color: #059BFF;
}

a.button
{
    color:Black;
}
*/
.h1
{
    font-size:24px;
    margin-bottom:20px;
}

.filters
{
    list-style-type:none;
    padding:0px;
    margin:0px 0 30px 0;
}

.filters li
{
    border-top:1px solid #eee;
    margin:2px 0px;
    padding:3px 0px 3px 0px;
}

.filters li:hover
{
    background-color:#ffe;
}


.filters li a
{
    display:block;
}

#sidebar_search input
{
    border-style: solid none solid solid;
    border-color: #999;
    border-width: 1px 0 1px 1px;
    margin: 0.25em 0 0.25em 0px;
    padding:5px 0 5px 0;
    width: 175px;
}

#sidebar_search .submit {
-moz-border-radius-bottomright:3px;
-moz-border-radius-topright:3px;
background-color:#EEEEEE;
background-position:center top;
border-style:solid;
border-width:1px;
cursor:pointer;
padding:0.4em 0.9em;
}

#sidebar_search_submit:hover {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:transparent url(https://s3.amazonaws.com/twitter_production/a/1273875281/images/nav_search_submit.png) repeat scroll -2px -25px !important;
}

#sidebar_search input, #sidebar_search_submit {
border-color:#999999 !important;
font-size:12px;
padding-bottom:5px !important;
padding-top:5px !important;
vertical-align:middle;
}

#sidebar_search_submit {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:transparent url(https://s3.amazonaws.com/twitter_production/a/1273875281/images/nav_search_submit.png) repeat scroll -2px 0 !important;
}

.round-left
{
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
}

ul.comments, ul.messages, ul.applications
{
    padding:0px;
    margin:0px;
    list-style-type:none;
}

li.comment-container
{
    overflow:auto;
    margin-bottom:10px;
    padding:0px;
}

ul.applications li
{
    overflow:auto;
    margin-bottom:10px;
    border:1px solid #ccc;
    background-color:#ffe;
    padding:10px;
}

ul.comments .author, ul.applications .expert
{
    float:left;
    width:100px;
    text-align:right;
    padding-right:10px;
    margin-right:10px;
}

ul.messages .comment.shorter
{
    width:380px;
    margin-right:5px;
}

ul.messages .author
{
    float:left;
     width:100px;
     padding-right:10px;
     margin-right:10px;
}

ul.messages .comment, ul.comments .comment, ul.applications .application h4
{
    margin:0px;
}
ul.messages .comment p, ul.comments .comment p
{
    margin:5px;
}
ul.messages .comment, ul.comments .comment
{
    background-color:#E7FAFF;
    float:left;
    width:450px;
    padding:5px;
}

ul.messages .comment.me, ul.comments .comment.me
{
    background-color:#F9F9E6;
}

ul.messages .comment textarea, ul.comments .comment textarea
{
    width:98%;
}


.extra-margin-top
{
    margin-top:50px;
}


.front-page
{
    text-align:center;
    margin-right:20px;
    margin-top:10px;
}

.rpxnow
{
    display:none;
}

.explanation
{
    width:260px;
    margin-left:10px;
    float:left;
    margin-top:10px;
    border:1px solid #ccc;
    background-color:#ffe;
    padding:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;    
    text-align:center;

}

.explanations div.explanation.yellow
{
    background-color: #ffe;
}

.explanations
{
    overflow:auto;
    margin-bottom:50px;
    color:#444;
}

.explanation h2
{
    font-size:16px;
    color:#444;
    margin-bottom:10px;
    margin-top:10px;
}

.explanation p
{
    height:65px;
    text-align:justify;
    font-size:12px;
    line-height:16px;
}

.explanation .important
{
    font-weight:bold;
}

.right-box
{
    float:right;
    text-align:left;
    width:160px;
}

.right-box p img
{
      border:1px solid #ccc;

        width:50px;
        height:50px;
}

.dashboard
{
    overflow:auto;    
}
.dashboard .column
{
    min-height:200px;
    float:left;
    width:180px;
    margin-right:10px;
    text-align:center;
}

.dashboard .big-number
{
    font-size:36px;
    padding:10px;
    border:1px solid #ccc;
}


.dashboard .column ul
{
    text-align:left;
    margin-top:20px;
    list-style-type:none;
    padding:0px 0 0 10px;
}

.dashboard .column ul li
{
    margin-bottom: 10px;
}

.dashboard .good
{
    color:Green;
}

.dashboard .bad
{
    color:Red;
}

p.information
{
    padding:10px;
    background-color:#eee;
    border: 1px solid #ccc;
}

span.title
{
    font-size:44px;
    font-family:Arial;
    font-weight:bold;
}

div.show-off
{
    background-color:white;
    line-height:60px;
    height:60px;
    font-size:18px;
    color:#999;
    margin-bottom:40px;
}
div.show-off img
{
    vertical-align:middle;
    margin-left:20px;
}



div.footer
{
    width:880px;
    margin-left:auto;
    margin-right:auto;
    text-align:right;
}

div.footer a
{
    color:Black !important;
    text-decoration:underline;
}

div.footer ul
{
    text-align:left;
    width:700px;
    padding-bottom:40px;
    list-style-type:none;
}

div.footer li
{
    float:left;
    width:200px;
    margin-right:20px;
    margin-bottom:10px;
}

a.special
{
    color: #C95000;
}

ol.tips
{
    list-style-type:none;
}

ol.tips li
{
    margin:10px;
    padding:10px;
}
ol.tips > li
{
    background-color:#eee;
    border:1px solid #999;
}

#widget-code
{
    display:none;
    background-color:#eef;
    padding:5px;
    margin-bottom:10px;
}

.log-in .column
{
    width:230px;
    float:left;
    margin-right:10px;
}

.quick-form
{
    margin:10px 0px;
    border:1px solid #ccc;
    background-color:#eee;
    padding:0 20px 0 20px;
}

.quick-form form
{
    margin:0px;
}

#big-search-box
{
    border:2px solid #ccc;
}

#big-search-box:focus
{
    border:2px solid #C95000;
}

ul.feedback
{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

.feedback li
{
    margin:10px;
    padding-bottom:10px;
    border-bottom:1px solid #eee;
}

.feedback .date
{
    color:#ccc;
}

.latest-items .column
{
    width:280px;
    float:left;
    margin-right:10px;
}
.latest-items .column ul
{
    list-style-type:none;
    margin:0px;
    padding:0px;

}

.latest-items .column ul li
{
    margin-bottom:10px;    
}

a.wide
{
    width:100%;
    margin-bottom:10px;
    margin-top:0px;
}

.widget-ilove{ font-family: Georgia !important; margin-left:auto !important; margin-right:auto !important; font-size:10px !important; text-align:center !important; width:70px !important; height:70px !important; border:1px solid #ccc !important; padding:0px 3px 3px 3px !important; -moz-border-radius:10px !important; -webkit-border-radius:10px !important; margin-bottom:5px !important;}.widget-ilove .heart{ color:red !important; font-size:42px !important;}.widget-ilove a{ font-weight:bold !important; color:black !important; text-decoration:none !important;}.widget-ilove:hover{ background-color:#ffe !important;}.widget-ilove .line1{ font-size:36px !important;} .widget-ilove .line2{ font-size:12px !important;}


a.button, input[type=submit], input[type=button]
{
    font-weight:bold;
    background-color: #2ae;
    color:#fff;
    padding:5px 10px 5px 10px;
    border:1px solid #999;
    display:inline-block;
    cursor:pointer;
    font-family:Georgia;
    background-image: url(../images/shade.png); background-position: bottom;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

a.button:hover, input[type=submit]:hover, input[type=button]:hover
{
    background-color: #9d4;
}

.loading
{
    background: url(../images/ajax.gif) no-repeat right;

}

ul.comments .comment.positive
{
    background: #CAF8DC url(../images/thumb-up-c-16x16.png) no-repeat 5px 7px;
    padding-left:25px;
    width:425px;
}

ul.comments .comment.negative
{
    background: #FFECCE url(../images/thumb-down-c-16x16.png) no-repeat 5px 9px;
    padding-left:25px;
    width:425px;
}

.user-rating.positive
{
    background: #CAF8DC url(../images/thumb-up-c-16x16.png) no-repeat  5px 4px;
    padding:5px 5px 5px 25px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float:left;
    font-size:11px;
}
.user-rating.negative
{
    background: #FFECCE url(../images/thumb-down-c-16x16.png) no-repeat 5px 5px;
    padding:5px 5px 5px 25px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float:left;
    font-size:11px;
}

.user-rating.right
{
    float:right;
}

.comment form
{
    margin-bottom:0px;
}

.sidebar_box
{
    border:1px solid #ccc;
    padding:5px;
    text-align:center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
 }

.task-details
{
    background-color:#eee;
    padding:10px;
    text-align:justify;
    margin-bottom:10px;
}

h1 img
{
    border:1px solid #ccc;
    width:50px;
    height:50px;    
}

.no-border
{
    border-width:0px;
}

.new-request-alert
{
    padding:8px;
    background-color:#F9F9E6;
}


.category1
{
    color:#2ae;
}

.category2
{
    color: #fc7ad1;
}

.category3
{
    color: #46d27f;
}

.category4
{
    color: #00cccc;
}

.completed
{
    background-color:#CAF8DC;
    -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
    padding:5px;
    color:#000;
    display:block;
}

.done
{
    background-color: #01a601;
    -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
    padding:5px;
    color:#fff;
    display:block;
}

.refunded
{
    background-color:#ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:5px;
    display:block;
}

.paid
{
    background-color:green;
    -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
    padding:5px;
    color:#fff;
    display:block;
}


.green
{
    color:green;
}

.parent
{
    border-bottom: 1px dotted #ccc;
}

.no-style
{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

.copyable
{
    border: 1px solid #ccc;
    background-color:#eee;
    padding:5px;
}