/*
    This contains styles for the general look of the pages, mainly the header and footer
*/

/* RESETS */
h1,h2,h3 {
    line-height: 100%;
}

p {
    line-height: 120%;
}

h1 {
    margin: 20px 20px 13px 20px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#doc4 {
}

#page {
    padding: 0 0 0;
}

#hd {
    height:96px;
}
#branding {
    height:52px;
}
#logo {
    background:transparent url(../images/logo-outright.png) no-repeat scroll left center;
    top:0px;
}

#bd {
}

#user_navigation {
    float:right;
    margin:18px 25px 0 0;
    text-align: right;
}

/* Primary Navigation */

ul#primary_navigation {
  background: #fff url(/static/images/nav_bg_new.png) repeat scroll 0px 0px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -khtml-border-radius-topleft: 6x;
  -khtml-border-radius-topright: 6x;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  position: absolute;
  left: 0;
  bottom: 0px;
  margin: 0px;
  margin-bottom: -8px;
  padding: 0px;
  width: 925px;
  height: 40px;
  list-style-type: none;
}

ul#primary_navigation li {
  background: url(/static/images/nav_bg_new.png) no-repeat scroll 0px 0px;
  /*border-right: 1px solid #295051;
  border-left: 1px solid #082a2d;*/
  position: relative;
  zoom: 1;
  _overflow-y: hidden;
  list-style-type: none;
  margin: 0px 0px;
  padding: 0px;
  float: left;
  height: 40px;
}

ul#primary_navigation li:hover{
  background: #fff url(/static/images/nav_bg_new.png) repeat-x scroll 0px -40px;
  cursor: pointer;
}


ul#primary_navigation li:first-child{
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius:6px;
  -khtml-border-radius-topleft: 6x;
  border-top-left-radius: 6px;
  border-left: 0px solid #082a2d;
}

ul#primary_navigation li a {
  font-family: 'Calibri', Arial, sans-serif;
  display: block;
  color: #c8dada;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  text-decoration: none;
  text-align: center;
  text-shadow:0 1px 2px #0e5256;
  line-height: 30px;
  padding: 0px 10px 0px 30px;
}

ul#primary_navigation li#community {
    background:#fff url(/static/images/nav_bg_new.png) no-repeat scroll center -80px;
    color: #e2f1f2;
}

ul#primary_navigation li#dashboard div, ul#primary_navigation li#bookkeeper_dashboard div {
  background: url(/static/images/icon_home.png) no-repeat 6px 6px;
  height: 32px;
  float: left;
  border-right: 1px solid #5a7879;
}

ul#primary_navigation li#income div{
  background: url(/static/images/icon_income.png) no-repeat 6px 6px;
  height: 32px;
  float: left;
  border-right: 1px solid #5a7879;
}

ul#primary_navigation li#expenses div{
  background: url(/static/images/icon_expenses.png) no-repeat 6px 6px;
  height: 32px;
  float: left;
  border-right: 1px solid #5a7879;
}

ul#primary_navigation li#taxes div{
  background: url(/static/images/icon_taxes.png) no-repeat 6px 6px;
  height: 32px;
  float: left;
  border-right: 1px solid #5a7879;
}

ul#primary_navigation li#reports div{
  background: url(/static/images/icon_reports.png) no-repeat 6px 6px;
  height: 32px;
  float: left;
  border-right: 1px solid #5a7879;
}

ul#primary_navigation li#community div{
  background: url(/static/images/icon_community.png) no-repeat 6px 6px;
  height: 32px;
  float: left;
  border-right: 1px solid #5a7879;
}

#subnav_container {
    background: url(/static/images/subnav_bg.png) repeat-x 50% 100%;
    height: 30px;
    padding:7px 0 0 0;
}
#subnav_container ul {
    margin:0;
    padding:3px 0;
    list-style:none;
}
#subnav_container ul li {
    margin:0 5px;
    padding:0;
    float:left;
    display:block;
    border: 1px solid #B8D0D1;
}
#subnav_container ul li a {
    padding:0px 10px;
    display:block;
    text-align:center;
    color: #3A8DA4;
    font-family: Calibri, Arial, sans-serif;
    font-weight: normal;
    letter-spacing: 0.09em;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
}
#subnav_container ul li a.selected,#subnav_container ul li a:hover {
    background: #B8D0D1;
}


#bd {
    background: url(../images/bg-bd.png) repeat-y;
}

#bd div.sidebar {
    width:346px;
}
#yui-main {
    width:580px;
}
#yui-main h1 {
    color:#294963;
}

#flash-messages {
    background-color: #C9D6DA;
    margin: 10px 2px 2px 2px;
    padding: 10px;
}

#close-messages {
    float: right;
    margin-right: 15px;
}

/* HEADING */
.breadcrumbs {
    margin:15px;
}

/* POST */
.post-title {
    color:#3d7902;
}
.post-title a {
    text-decoration: none;
    color:#3d7902;
}
.post-title a:hover3 {
    text-decoration: underline;
}
.post-info {
    font-style:normal;
    font-size:85%;
    color:#666;
}
.post-info a {
    text-decoration:none;
}
.post-info a:hover {
    text-decoration: underline;
}
.post-stats {
    color:#294963;
    text-align: center;
    font-weight:bold;
}
.post-stats p {
    margin:0;
}

.post-stats .no-answers {
    font-style: italic;
}

/* POST FOOTER */
#post-footer {
    float:left;
    width:580px;
    background: url(../images/bg-pixel-cccccc.png) 325px 0px repeat-y;
    border-top:1px solid #ccc;
}
#post-footer h2 {
    font-size:110%;
    color:#294963;
    text-transform:uppercase;
    margin-bottom:20px;
}
#post-footer p {
    margin:0px 0 5px;
    line-height:150%;
}
#post-footer a {
    text-decoration:none;
}
#post-footer .entry {
    margin-bottom:20px;
}
#post-footer .column-1 {
    float:left;
    width:294px;
    padding:0 20px;
}
#post-footer .resources a:hover, #post-footer .popular-articles a:hover {
    text-decoration: underline;
}
#post-footer .column-2{
    float:left;
    width:205px;
    padding:0 20px;
}
#post-footer .column-2 p {
    margin:0;
}
#post-footer .popular-articles p {
    margin-bottom:20px;
}
#post-footer .news .date, #post-footer .news .source {
    color:#666;
}
#post-footer .news a {
    color:black;
    text-decoration: underline;
}
#post-footer .column-2 a:hover {
    color:#3A8DA4;
}

/* SIDEBAR HEADER */
.complementary_content {
    padding:0;
    background: transparent;
    width:345px;
}

.complementary_content ul {
    margin:0;
}

#subscribe {
    margin:1px 0 1px 0;
    height: 74px;
    background-image: url(/static/images/bg-sidebar-subscribe.png);
    text-align: center;
    color: white;
}

#subscribe a {
    color: white;
}

#subscribe .subscribe-header {
    padding-top: 3px;
}

#subscribe .icons {
    padding-top: 2px;
}

#subscribe .icons a {
    padding: 0px 15px 0px 15px;
}

#subscribe .icons img {
    width: 32px;
    height: 32px;
}

#subscribe .subscribe-footer {
    margin-top: -3px;
}

#profile {
    width:325px;
    /* background:#c9d6da url(../images/bg-sidebar-profile.png) no-repeat 0 20px; */
    background-color:#c9d6da;
    padding:10px;
}
#profile .title {
    color:#294963;
}

.profile-logged {
    height: 89px;
}

.profile-not-logged {
    height: 130px;
    text-align: center;
}

.profile-not-logged .title {
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
}

.profile-not-logged .get-started-text {
    font-size: 110%;
    margin: 10px 15px 10px 15px;
}

#profile .navigation {
    float:right;
}
#profile .navigation a {
    text-decoration: none;
}
#profile .navigation a:hover {
    text-decoration: underline;
}
#profile #profile-stats {
    float:right;
}

#profile #profile-stats .number {
    font-size:200%;
    font-weight:bold;
    text-align: center;
}

#profile #profile-stats .caption {
    font-size:100%;
    font-weight:bold;
}

#profile-info {
    padding:5px;
    height: 42px;
}

#profile .profile-change-image {
    font-size: 75%;
}

#profile-info .avatar {
    float:left;
    margin:0 15px 0 0;
    width: 42px;
    height: 42px;
}
#profile-info .name {
    margin:0 0 5px 0;
}
#profile-info .status {
    margin:0;
}
/* SIDEBAR BODY */
ul.sidebar {
}
ul.sidebar .widgettitle {
    font-size:120%;
    font-weight:bold;
    padding:0;
    text-transform: uppercase;
    color:#294963;
}
ul.sidebar li {
    border:none !important;
    list-style-type: none;
}
ul.sidebar hr {
    margin:20px 0 0 0;
    clear: both;
}

.widget {
    clear: both;
    margin:15px 10px;
}

.widget .tags {
    line-height: 20px;
}

.widget ul {
    margin-left:20px;
}

.widget li {
    list-style-image: url(../images/icon-sidebar-li.png);
}

.widget_search_questions input.search_questions{
    width: 70%;
}

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

.widget_similar_articles ul li p {
    margin: 0px;
}

.widget_freelancer_questions input.type-here-field {
    padding:5px;
    width:95%;
    font-size:140%;
    font-style: italic;
    color:#666;
}
input.type-here-selected  {    
    color:#2d2d2d !important;
}
.widget_freelancer_questions{
    width: 75%;
}

.widget_freelancer_questions input.type-here-submit {
    display: none;
}

.widget_freelancer_questions input.type-here-selected + .type-here-submit {
    float: right;
    display: inline;
    margin-top: 5px;
}

.freelancer_questions {
    margin-top:15px;
}
.freelancer_questions .question {
    border: 1px solid #ccc;
    padding:10px;
    margin:0 0 15px 0;
    float:left;
    width:304px;
}
.freelancer_questions .post-title {
    font-size:120%;
    margin:0 0 5px 0;
}
.freelancer_questions .avatar {
    float:left;
    margin:0 5px 0 0;
    width: 42px;
    height: 42px;
}
.freelancer_questions .post-info p {
    margin:10px 0 0px 0;
}
.freelancer_questions .post-stats {
    float:right;
    width:60px;
}
.freelancer_questions .post-stats .number {
    margin:0 0 5px 0;
    font-size:140%;
}
.yui-u {
    width:425px !important;
}
.yui-gb {width:500px !important}

.widget_directory_keywords .keywords-search input[type='text'] {
    height: 30px;
    width: 220px;
    float: left;
}

.widget_directory_keywords .keywords-search input[type='image'] {
    float: left;
    border: none;
    padding: 2px 0px 0px 5px;
}

.widget_directory_keywords ul.keywords {
    clear: both;
    margin-left: 20px;
    padding-top: 10px;
    font-size: 120%;
}

/* FOOTER */
#ft {
    /*background-color:#c2ced2;
    padding:20px;
    border-left:2px solid white;
    border-right:2px solid white;
    border-bottom:2px solid white;*/
    padding:20px 0px;
    background:none repeat scroll 0 0 #FFFFFF;
    border-bottom:1px solid #C4C4C4;
    border-top:1px solid #C4C4C4;
}
#ft h3 {
    color:#666666;
    font-size:16pt;
    margin:5px 0;
    font-weight:normal;
}

.footer_about h3 {
    font-size: 12pt !important;
    font-weight:bold !important;
    padding:5px 0 0 0;
}

#ft p {
    line-height:16.8px;
    color:#666666;
    margin:5px 0;
}

#ft p a {
    color:#3A8DA4;
}
.module-content table {margin:5px 0;}
.module-content td {margin:0 !important;padding:0 !important}

.notice-success {background-color: #D6F1A6;border: 3px solid #98DE54;color: #424242;margin: 19px 0px;padding: 15px;}

#copyright {
    /*background-color:#ededed;*/
    padding:20px 0 50px 0;
    font-size:12px;
    font-family:Helvetica,Arial,FreeSans,sans-serif;
    color:#666666;
}

#copyright .secure {
    float:right;
    /*background: url(../images/security_lock.png) 0 -3px no-repeat;*/
    padding-left:40px;
    margin-top:-7px;
    line-height:26px;
}


#copyright #credentials {
    margin-top:35px;
}

#copyright #credentials img {
    margin-right:50px;
}

/* Solace Admin  */

.admin_form {
    margin: 20px 0px 20px 0px;
}

/* Badges */
.badges_list{
    margin-left: 25px;
    margin-bottom: 20px;
}

.badges_list .badges {
    float: none;
    height: 25px;
}

.badge-header {
    margin-top: 20px;
    margin-bottom: 20px;
}

.badge-header .badges {
    float: none;
    height: 25px;
}

.badges_list .badge_description {
    margin-bottom: 15px;
}

.badges p {
    float:left;
    background: url(../images/bg-member-badge-left.jpg) no-repeat;
    height:24px;
    margin:0 10px 0 0;
}
.badges p a {
    display: inline-block;
    background: url(../images/bg-member-badge-right.jpg) right no-repeat;
    text-decoration: none;
    height:18px;
    padding:6px 10px 0 30px;
}

.post-new {
    width: 540px;
}

.post-new .comment {
    width: 425px;
}

.post-new .call-out {
    padding-right: 20px ! important;
}

.post-new .form-title {
    font-size: 120%;
    font-weight: bold;
    color: #7E7E7E;
}

.post-new .field {
    margin: 5px;
}

.post-new .field-title {
    font-size: 85%;
    float: left;
    width: 80px;
    text-align: right;
    padding-right: 5px;
}

.post-new .form-text {
    font-size: 85%;
}

.post-new .inline-signup-field {
    width: 95%;
}

.post-new .form-errors {
    width: 130px;
    float: right;
    color: red;
    border: solid 1px #7E7E7E;
    padding: 5px;
}

.post-new form {
    border: none ! important;
}

.post-new .form-notes {
    width: 135px;
    float: right;
    background-color: #EAF1F1;
    border: solid 1px #D0DDDF;
    padding: 5px;
    font-size: 85%;
}

.post-new .form-notes .form-notes-title {
    font-weight: bold;
}

.post-new .form-notes ul {
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.post-new .form-notes li {
    margin-top: 5px;
}

.post-new input[type='text'],input[type='password'],input[type='checkbox'],input[type='radio'] {
    margin: 0px ! important;
}

.post-new input[type='submit'] {
    margin-top: 10px;
}

.post-new .comment textarea {
    width: 95%;
}

.post-new .comment {
    padding: 5px;
}

.post-new .comment .inline-signup-form {
    margin-left: 10px;
    margin-bottom: 10px;
}

#stars-rating {
    height:30px;
}
#stars-rating-label {display:block;padding:4px 0 0 10px;float:left;font-family:Tahoma;font-size:12px;color:#6d6d6d}
#stars-rating a {width:25px;height:25px;display:block;float:left;margin:0 3px 0 0;}

.content .topic-rate-holder {float:right;width:140px;height:25px;}
.content .topic-rate {float:right;width:140px;height:25px;padding:4px 0 0 0;text-align:center;width:140px;font-family:Tahoma;color:#6d6d6d}
.content .topic-rate-tooltip {position:absolute;padding:10px;background-color:#000000;opacity:0.8;font-family:Tahoma;font-size:13px;color:#FFFFFF;margin:25px 0 0 0;z-index:10;display:none}
.content .topic-rate-holder:hover .topic-rate-tooltip  {display:block}
.add_comment {margin-bottom:3px !important}

#refer_friends {float: left;width: 585px;margin:0 0 30px 10px}

#refer_friends h1 {margin:0 0 1em 0}

#refer_friends .send_by_header label {
    display: inline;
    float: none;
    font-weight: bold;
    text-align: left;
    width: 100%;
}
#refer_friends .extra_space {padding-left: 18.2em;}
#refer_friends .extra_space a {text-decoration: none;}

#refer_friends textarea {height: 7em;width: 70%;}

#refer_friends .italic_paragraph {font-style: italic;}

#refer_friends fieldset {margin-bottom: 1em;}

#refer_friends .invitation_message_header label {
    display: inline;
    float: none;
    font-weight: bold;
    text-align: left;
    width: 100%;
}

#submit_button {margin-top: 10px;}

.tags_values {float:left;width:320px;}