/* ======================================================================================= *
*   Base   *
* ======================================================================================= */
/* put basic markup tags here */

body {
    color: #333;
    background-color: #fff;
}

a:link {
    color: #039;
    text-decoration: none;
}

a:visited {
    color: #666699 !important;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    color: #039;
    text-decoration: none;
}

dt {
    font-weight: bold;
}

dd, p {
    margin-bottom: 5px;
}

dd li p {
    margin-bottom: 0;
}

legend {
    display: none;
}

.bold,
strong, table th {
    font-weight: bold;
}

textarea {
    width: 99%;
}

fieldset {
    border: 0px !important;
    margin-bottom: 10px;
}

form ol li {
    margin: 5px 0 15px 10px;
}

form ol li li {
    margin: 0;
}

label {
    color: #333;
    font-weight: bold;
    margin-right: 8px;
}

li li label {
    font-weight: normal;
}

em {
    font-style: italic;
}

/* ======================================================================================= *
*   Special H1 & H2 formatting
* ======================================================================================= */
h1#project-detail-title{
    font-size: 14pt !important;
    font-weight: bold !important;
    display: inlne;
}

h1#people-detail-title{
    font-size: 12pt;
    margin-bottom: -16px !important;
    display: inline;
}

h1#job-detail-title{
    font-size: 14pt;
    font-weight: bold;
    display: inline;
}

#main-content h1#post_new_job_header {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    color: #999;
}

h2#index-blurb{
    font-size: 9pt !important;
    font-variant: normal !important;
    font-style: normal !important;
    color: #333 !important;
    text-decoration: none !important;
    text-transform: none !important;
    font-weight: normal !important;
}


/* ======================================================================================= *
*   Special/Unique Components   *
* ======================================================================================= */

/* Header components */
#banner {  /* Banner: contains site name/logo and tagline */
    width: 250px;
    float: left;
    margin-left: 5px;
    margin-bottom:-28px;
    /* start IE width hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 245px;
    background-color: #fff;
}

#site-name, #tagline {
    display: none;
}

#detail-actions{
    padding: 4px;
}


/* ======================================================================================= *
*   Layouts   *
* ======================================================================================= */

#page {  /* "real" body */
    width: 972px;
    background-color: #fff;
    text-align: left;
    margin: 0 auto;
}

/* Three main page components: header, container, and footer */
#header {
    text-align: left;
    padding: 20px 0px 10px 0px;
}

#container {
    float: left;
    background: url(/images/container-background.gif) repeat-y top center;
    margin-bottom: 30px;
}

#footer {
    clear: both;
    padding-bottom: 50px;
}
#footer div div{
    width: 230px;float: left;
}

#content {  /* Page content: contains main-content and related-content */
    width: 779px;
    float: right;
    padding-left: 12px;
}

#main-content {
    width: 464px;
    float: left;
    background-color: transparent;
    padding: 0px 4px;
    margin-left: 3px !important;

    /* start IE width hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 464px;
}

#related-content {
    font-size: 8pt;
    width: 300px;
    float: right;
    background-color: transparent;
    /* start IE width hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 292px;
}

#registration-related-content {
    font: 11pt  "Arial Narrow" sans-serif;
    width: 330px;
    float: left;
    background-color: transparent;
    padding-right:  10px;
    /* start IE width hack */
    voice-family: "\"}\"";
    voice-family: inherit;

}

#registration-related-content h1 {
    font: 14pt  "Arial Narrow" sans-serif;
}

#registration-related-content h2 {
    font: 12pt "Arial Narrow" sans-serif;
    font-weight: bold;
}

#user-sidebar {  /* User sidebar */
    font-size: 8pt;
    width: 188px;
    float: left;
    background-color: transparent;
    padding: 0px 2px 0px 0px;
    /* start IE width hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 176px;
}

#user-sidebar h2{
    font-size: 10pt !important;
}

#user-sidebar h2,
#footer h2 {
    color: #999;
    border-top: 5px solid #ccc;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
    padding: 3px;
}

#user-sidebar h2.first{
    padding-top: 4px;
}

#user-sidebar .section-footer{
    border: 0 !important;
}
/* ======================================================================================= *
*   By Section Specific Styles   *
* ======================================================================================= */
#main-content-wide * .first ,
#main-content * .first {
    border-top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#main-content h1,
#main-content-wide h2.first,
#main-content h2.first {
    margin-top: 5px !important;
}

#main-content h1,
#main-content-wide h2,
#main-content h2 {
    position: relative;
    z-index: 1;
    color: #999;
    font-weight: bold;
    text-transform: uppercase;
    border-top: 0px dotted #ccc;
    margin-top: 10px;
    padding: 5px 0 10px 0;
}

#main-content h2.detail-header,
#main-content-wide h2.detail-header,
#main-content-wide h3,
#main-content h3 {
    position: relative;
    z-index: 1;
    color: #999;
    font-weight: bold;
    text-transform: uppercase;
    border-top: 1px dotted #ccc;
    margin-top: 15px;
    padding: 10px 0;
}

#main-content-wide h3 .header-tool-item,
#main-content h3 .header-tool-item,
#related-content h2 .header-tool-item {
    position: absolute;
    right: 15px;
    font-weight: normal;
    text-transform: none;
}

#main-content-wide h4,
#main-content h4 {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 5px 0;
}

#main-content-wide h5,
#main-content h5 {
    font-size: 12pt;
    font-weight: bold;
    margin: 5px 0 0;
    padding: 5px 0 0;
}

#main-content-wide h6,
#main-content h6 {
    font-size: 100%;
    color: #999;
    border-top: 5px solid #ccc;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
    padding: 3px;
}

#main-content-wide h5 a,
#main-content h5 a {
    text-transform: uppercase;
}

#main-content .people .summaries * .body {
    width: 374px;
}

#main-content-wide .events .summaries * .body,
#main-content .events .summaries * .body {
    width: 449px;
}

#main-content-wide .projects .summaries * .body,
#main-content .projects .summaries * .body {
    width: 450px;
}

#main-content-wide .jobs .summaries * .body,
#main-content .jobs .summaries * .body {
    width: 450px;
}

#main-content-wide .jobs .summaries * .featured-body,
#main-content .jobs .summaries * .featured-body {
    width: 450px;
    /*background-color: #ebebeb;*/
    padding-bottom: 5px;
    padding-top: 5px;
    border: 0 !important;
}

#main-content-wide .jobs .summaries * div.featured-body div.header a,
#main-content .jobs .summaries * div.featured-body div.header a{
    font-weight: bold;
}

#related-content .people .summaries * .body {
    width: 200px;
}

#main-content-wide .people .summaries * .header,
#main-content .people .summaries * .header {
    width: 249px;
    float: left;
}

#main-content-wide .events .summaries * .header,
#main-content .events .summaries * .header {
    width: 324px;
    float: left;
}

#main-content-wide .events .summaries * .header,
#main-content-wide .people .summaries * .header h3,
#main-content .people .summaries * .header h3,
#main-content .events .summaries * .header {
    color: #333;
    text-transform: none;
    border: 0;
    margin: 0;
    padding: 0;
}

#main-content-wide * div.body p.minor-detail,
#main-content * div.body p.minor-detail {
    padding-left: 0px;
    padding-right: 50px;
    margin-right: 2pt;   
}

#main-content-wide .people .summaries * .tools,
#main-content-wide .projects .summaries * .tools,
#main-content-wide .jobs .summaries * .tools,
#main-content-wide .contracts .summaries * .tools,
#main-content-wide .companies .summaries * .tools,
#main-content .people .summaries * .tools,
#main-content .projects .summaries * .tools,
#main-content .jobs .summaries * .tools,
#main-content .contracts .summaries * .tools,
#main-content .companies .summaries * .tools {
    width: 125px;
    float: right;
    font-size: 85%;
    border: 0;
    background-color: #fff;
}

#main-content-wide .jobs .summaries * .featured-tools,
#main-content .jobs .summaries * .featured-tools {
    width: 125px;
    float: right;
    font-size: 85%;
    border: 0;
}

#main-content-wide .events .summaries * .tools,
#main-content .events .summaries * .tools {
    width: 75px;
    float: right;
    font-size: 85%;
    border: 0;
    background-color: #fff;
}

#main-content-wide .articles .summaries * .tools,
#main-content .articles .summaries * .tools {
    text-align: right;
    font-size: 85%;
    border: 0;
    background-color: #fff;
}

li.articles-content-partner-summary * div.photo-inset-summary,
#main-content-wide .articles .summaries * .photo-inset-summary,
#main-content-wide * .photo-inset,
#main-content-wide .companies .summaries * .photo-inset-summary,
#main-content .articles .summaries * .photo-inset-summary,
#main-content * .photo-inset,
#main-content .companies .summaries * .photo-inset-summary {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #fff;
}

#main-content-wide .people .summaries * .tools ul,
#main-content-wide .projects .summaries * .tools ul,
#main-content-wide .jobs .summaries * .tools ul,
#main-content-wide .jobs .summaries * .featured-tools ul,
#main-content-wide .articles .summaries * .tools ul,
#main-content-wide .companies .summaries * .tools ul,
#main-content-wide .contracts .summaries * .tools ul,
#main-content-wide .events .summaries * .tools ul,
#main-content .people .summaries * .tools ul,
#main-content .projects .summaries * .tools ul,
#main-content .jobs .summaries * .tools ul,
#main-content .jobs .summaries * .featured-tools ul,
#main-content .articles .summaries * .tools ul,
#main-content .companies .summaries * .tools ul,
#main-content .contracts .summaries * .tools ul,
#main-content .events .summaries * .tools ul {
    margin: 0;
}

#main-content-wide .people .summaries * .tools li,
#main-content-wide .projects .summaries * .tools li,
#main-content-wide .jobs .summaries * .tools li,
#main-content-wide .jobs .summaries * .featured-tools li,
#main-content-wide .articles .summaries * .tools li,
#main-content-wide .contracts .summaries * .tools li,
#main-content-wide .companies .summaries * .tools li,
#main-content-wide .events .summaries * .tools li,
#main-content .people .summaries * .tools li,
#main-content .projects .summaries * .tools li,
#main-content .jobs .summaries * .tools li,
#main-content .jobs .summaries * .featured-tools li,
#main-content .articles .summaries * .tools li,
#main-content .contracts .summaries * .tools li,
#main-content .companies .summaries * .tools li,
#main-content .events .summaries * .tools li {
    border-top: 0;
    margin-bottom: 3px;
    padding-top: 0;
}

#main-content-wide .people .summaries * .fellow-content,
#main-content .people .summaries * .fellow-content {
    clear: both;
    padding-top: 25px;
}

#main-content-wide .people .summaries * .content,
#main-content-wide .events .summaries * .content,
#main-content .people .summaries * .content,
#main-content .events .summaries * .content {
    clear: both;
    padding-top: 15px;
}

#main-content-wide .jobs .summaries * .content,
#main-content-wide .projects .summaries * .content,
#main-content .jobs .summaries * .content,
#main-content .projects .summaries * .content{
    padding-left: 6px;
}

#main-content-wide .job-summaries h3,
#main-content .job-summaries h3 {
    color: #333;
    text-transform: none;
    border: 0;
    margin: 0;
    padding: 0;
}

#main-content-wide .job-summaries .body,
#main-content .job-summaries .body {
    position: relative;
    margin: 0px;
    padding: 0px;
}

#main-content-wide .jobs-summaries .featured-body,
#main-content .jobs-summaries .featured-body {
    /*background-color: #ebebeb;*/
    position: relative;
    border-bottom:1px dotted #333333;
    padding-top: 5px;
}

#main-content-wide p,
#main-content p {
    overflow: hidden;
}

#main-content .my-home-titlebar {
    border-top: 5px solid #ccc;
    margin-top: 20px;
    padding: 3px 0;
}

#main-content .my-home-titlebar.first {
    border-top: 0 !important;
    margin-top: 5px !important;
}

#main-content .my-home-titlebar h2,
#main-content .my-home-titlebar h3 {
    width: 400px;
    float: left;
    border-top: 0;
    margin-top: 0;
    padding: 3px 0 0;
}

#main-content .my-home-titlebar h2#day-in-development {
    color: #999;
    font-style: italic;
    font-weight: normal;
    font-size: 93%;
    text-transform: none;
}

#main-content .my-home-titlebar .titlebar-title {
    width: 400px;
    float: left;
    border-top: 0;
    margin-bottom: 3px;
    margin-top: 0;
    padding: 3px 0 0;
}

#main-content .my-home-titlebar .titlebar-tools {
    width: 50px;
    float: right;
    text-align: right;
}

#main-content .my-home-titlebar .titlebar-tools li {
    vertical-align: middle;
    padding: 0;
}

#main-content .my-home-titlebar .content-with-titlebar {
    clear: both;
}

#main-content .my-home-titlebar h3{
    border-top: 0px;
}

#main-content-wide h2.article-title,
#main-content h2.article-title {
    font-weight: normal;
}

#main-content-wide h3.group-name,
#main-content h3.group-name {
    border-top: 0;
}

/* ======================================================================================= *
*   Become a member partial   *
* ======================================================================================= */

#become-a-member p{
    padding: 3px 6px !important;
}

#become-a-member div.gray-bg{
    border: 1px solid #ebebeb;
    padding: 6px;
}

/* ======================================================================================= *
*   User sidebar   *
* ======================================================================================= */

#user-sidebar * .first {
    border-top: 0 !important;
    margin-top: 0 !important;
}

#user-sidebar .graybox2 h4 {
    color: #000000;
    font-weight: bold;
    font-size: 131%;
    margin-top: 2px;
    padding: 0px 3px 2px 5px;
}

#user-sidebar p {
    padding: 3px;
}

#user-sidebar ol.lines li {
    border: 0px;
}

#user-sidebar h5{
    color: #ff9900;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
    padding-top: 0px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}

/* ======================================================================================= *
*   Related Content   *
* ======================================================================================= */

#related-content * h2,
#related-content * h3 {
    float: left;
    color: #999;
    width: 85%;
    font-weight: bold;
    text-transform: uppercase;
}

#related-content div h2,
#related-content div h3 {
    color: #999;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0px;
    padding-top: 0px;
    border: 0px;
}

#related-content h2{
    color: #999;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 5px;
    border-top: 5px solid #ccc;
    padding: 3px;
    font-size: 10pt !important;
}

#related-content h2.first{
    padding-top: 3px;
    font-size: 10pt !important;
}

#related-content * span.titlebar-tool:after{
    clear: both;
}

#related-content * span.titlebar-tool {
    width: 5px;
    float: right;
    text-align: right;
    padding-right: 2px;
    margin: 0;

}

#related-content * li h3 {
    display: block;
    width: 100%;
    font-size: 90%;
    font-weight: normal;
}

#related-content p {
    padding: 3px;
}

#related-content .lines * .line-img{
    float:left;
    width: 95px;
}

#related-content .lines * .line-details {
    float:left;
    text-align: left;
}


/* ======================================================================================= *
*   Feature   *
* ======================================================================================= */
#feature-container {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 1px;
}

#featured-content {
    _height: 1%;
    overflow: hidden;
    border-bottom: 2px solid #ccc;
}

#main-feature {
    width: 658px;
    float: left;
    padding: 5px;
}

#feature-photo {
    width: 180px;
    float: left;
    border: 1px solid #ff9900;
}

#feature-body {
    width: 465px;
    float: right;
}

#feature-sidebar {
    width: 290px;
    float: right;
    padding: 5px 5px 15px 0px;
}

#feature-body h2 {
    font-size: 18pt;
    font-weight: bold;
}

#feature-body p.by{
    font-size: 8pt;
}

#feature-body p.summary{
    font-size: 10pt;
}

#feature-sidebar h3 {
    color: #999;
    font-weight: bold;
    text-transform: uppercase;
}

#feature-sidebar h3 span{
    margin: 3px;
}

#related-articles li{
    font-size: 8pt;
    padding-bottom: 5px;
}

/* ======================================================================================= *
*   Notes from the field, Featured blog   *
* ======================================================================================= */

#featured-blog, #featured-blog h3{
    background: transparent url(/images/from-the-field-background.gif) no-repeat scroll bottom right;
}

#featured-blog {
    background-position: bottom right;
    padding-left: 10px;
    padding-bottom: 30px;
}

#featured-blog-h3 {
    background: transparent url(/images/from-the-field-background.gif) no-repeat scroll top right;
    background-color: #fff;
    background-position: top right;
    color: #999999;
    font-size: 131%;
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px 10px 10px 10px;
}

#featured-blog img {
    float: right;
    border: 5px solid #fff;
    margin: 10px;
}

#featured-blog dl {
    margin: 15px 0;
}

#featured-blog .article-content dt, #featured-blog .article-content dd {
    border-bottom: 1px solid #aaa;
    margin: 0 10px 0 0;
}

#featured-blog .article-content dt, #featured-blog .article-content p {
    font-size: 116%;
    font-weight: bold;
}

#featured-blog .article-content .summary-label {
    color: #999;
    font-weight: bold;
    text-transform: uppercase;
}

#featured-blog p {
    margin-right: 10px;
    padding: 0 0;
}

/* ======================================================================================= *
*   Others   *
* ======================================================================================= */
#projects-members-box {
    padding: 0px !important;
    border: 2px solid #ffcc66 !important;
}

#date-range-track,
#proposal-due-date-range-hint,
#express-interest-by-range-hint{
    font-size: 7pt;
    width:160px;
}

#testimonial-banner-image{
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin: 5px 0 10px 0;
}

/* ======================================================================================= *
*   Search   *
* ======================================================================================= */
.checkbox{
    float: left;
    padding-right: 3px;
    text-align: middle;
}

.checkbox:after{
    clear: both;
}

.filter-wide {
    width: 160px !important;
}

#search-advanced-form {
    background-color: #fff;
    float:left;
    padding: 10px;
}

#search-advanced-tutorial {
    padding: 4px;
    float:left;
}

#advanced-search-fields {
    background-color: #c6deff;
    margin: -10px 0px 5px 0px;
    padding: 10px;
}

#search-contract-advanced-link,
#search-project-advanced-link,
#search-people-advanced-link {
    padding: 4px;
    vertical-align: middle;
    float:right;
}

#search-contract-count,
#search-companies-count,
#search-people-count,
#search-project-count {
    padding: 4px;
    vertical-align: middle;
    float:left;
}

#search-basic-form {
    float:left;
    text-align: center;
    vertical-align: middle;
}

.basic-search-fields-portal {
    height: 30px !important;
}

#basic-search-fields {
    background-color: #c6deff;
    margin: -10px 0px 5px 0px;
    padding: 10px;
    height: 20px;
}

#search_space{
    font-size: 8pt;
}

#search-icon{
    margin-bottom: -7px;
}

form#homepage-search-bar-form{
    font-size: 8pt;

}
#homepage-search-bar-form{
    width: 300px;
    font-weight: normal;
    display: inline;
}

#search-form {
    padding: 10px 20px;
}

#search-form li {
    margin: 5px 0;
}

#search-form form fieldset ol li {
    width: auto;
}

#search-form fieldset label {
    width: 150px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    line-height: 1.8;
}

#search-form label span {
    display: block;
    width: 150px;
    margin: 0;
    padding: 0;
    line-height: 1.25;
    font-weight: normal;
}

#search-form .text-field,
#search-form .select,
#search-form .inline-field {
    width: 220px;
}

#search-form fieldset label.inline-field {
    margin-left: 161px;
}

/** TODO: remove this after all search pages fixed **/
#search-results div.section-footer{
    border: 0;
}

#search-result-switch{
    border: 0;
    font-size: 8pt;
    margin-top: 10px;
}

p#search-keywords{
    margin-bottom: 10px;
}

#search-filters p#pre-filter{
    padding-top: 9px;
}

#search-results-header{
    margin-bottom: 5px;
}

/*#search-filters p#search-keywords,*/
#search-results-header p.misc{
    color: #000;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
}

#search-results-header p#result-count{
    text-align: center;
    color: #999;
    font-weight: bold;
}

.search-entry-title{
    font-size: 12pt;
    margin-bottom: 5px;
}

.search-entry-main-toolbar{
    width: 48%;
    float:left;
    font-size: 10pt;
}

.search-entry-main-toolbar-first{
    font-weight: bold;
}

.search-entry-secondary-toolbar{
    width: 45%;
    float:right;
    font-size: 8pt;
    padding-top:2px;
}

.search-entry-bottom-toolbar{
    background-color: #f5f5f5;
    height: 100%;
    font-size: 8pt;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: -15px;
}

.search-entry-bottom-tools{
    float:right;
    width: 55%;
    text-align: right;
}

#count-search-results{
    font-size: 10pt;
    font-weight: bold;
    height: 29px;
    margin-top: -32px;
    position: relative;
}

#create_alert_from_search{
    text-align: left;
    margin: 10px 0 10px 0;
    background-color: #f6f5fb;
}

#saved_results_search_selection{
    text-align: center;
    margin: 10px 0 10px 0;
    background-color: #f6f5fb;
}

#em-membership-header{
    border: 0;
    padding-top: 7px !important;
    font-weight: bold;
}

/* ======================================================================================= *
*   Advanced Search Rounded corner box  *
* ======================================================================================= */

/* set millions of background images */
.rbroundbox { background: url(/images/nt.gif) repeat; }
.rbtop div { background: url(/images/tl.gif) no-repeat top left; }
.rbtop { background: url(/images/tr.gif) no-repeat top right; }
.rbbot div { background: url(/images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(/images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
    width: 100%;
    height: 7px;
    font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; }

/* ======================================================================================= *
*   My Devex   *
* ======================================================================================= */
#my-devex {
    width: 650px;
    float: right;
    position: relative;
}

#my-devex-links {
    width: 425px;
    float: right;
}

#my-devex-links li {
    font-family: "Arial Narrow" sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    border-left: 1px solid #ccc;
}

#my-devex-links li.misc-option {
    font-family: Arial;
    font-size: 85%;
    color: #999;
    font-weight: normal;
}

a.my-devex-link {
    color: #333;
}

a.my-devex-link:hover, a.highlighted, #my-devex #user-info span.highlighted {
    color: #f90;
    text-decoration: none;
}

.my-devex-content,
.my-devex-content-header, .my-devex-content-header h2,
.my-devex-content-box {
    background: transparent url(/images/my-devex-background.gif) no-repeat bottom right;
}

.my-devex-content {
    width: 410px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    text-transform: none;
    font-weight: normal;
    margin: 20px auto;
    padding-right: 15px;
    /* start IE width hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 410px;
}

/* set the top-right image */
.my-devex-content-header {
    background-position: top right;
    margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.my-devex-content-header h2 {
    background-position: top left;
    margin: 0; /* reset main site styles*/
    border: 0; /* ditto */
    /*padding: 25px 0 15px 40px;*/ /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important;
    height: 1%; /* IE Holly Hack */
}

.my-devex-content-box {
    background-position: bottom left;
    z-index: 2;
    font-weight: normal;
    margin-right: 25px;
    padding: 0 0 15px 40px;
}

#my-devex .my-devex-content-box ul {
    margin-left: 15px;
}

#my-devex .my-devex-content-box ul li {
    list-style-type: disc;
    font-family: sans-serif;
    font-weight: normal;
    text-transform: none;
    border-left: 0;
    margin-left: 0;
    padding: 0;
}

#my-devex .my-devex-content-box h2 {
    font-size: 116%;
    font-weight: bold;
    margin-bottom: 5px;
}

.my-devex-content-close {
    float: right;
    text-align: right;
    margin-top: -3px;
}

#my-devex #message {
    width: 550px;
    float: left;
}

#my-devex #login {
    width: 90px;
    float: right;
}

#groups-menu-box{
    border: 1px solid rgb(255, 153, 0);
    padding: 15px;
    position: absolute;
    background-color: #fff;
    margin-top: -14px;
    z-index: 100;
    width: 260px;
}

#alertDiv {
    margin-top: 8px
}

.progress-bar-section {
    background-color: #eeeeee;
    color: #000000;
    border: 1px solid #ff9900;
    padding-right: 4px;
    padding-left: 4px;
    vertical-align: middle;
    line-height: 16px
}

.progress-bar {
    height: 5px;
    background-position: center center;
    background-repeat: repeat-x;
    background-image: url("/images/green-bar.jpg")
}

#user-info {  /* contains user name and membership level */
    width: 200px;
    float: left;
    color: #999;
    text-align: right;
    text-transform: uppercase;
}

#user-info #user-name {
    font-family: "Arial Narrow" sans-serif;
    font-weight: bold;
    clear: both;
}

#user-info #membership-level {
    font-size: 77%;
}

/* ======================================================================================= *
*   Membership Blurb   *
* ======================================================================================= */

#membership-blurb {
    border: 1px solid #999;
    margin-top: 10px;
    padding: 10px;
}

/* ======================================================================================= *
*   Article   *
* ======================================================================================= */

#article-text .tools {
    border: 0px;
    background-color: #fff;
    text-align: right;
    font-size: 8pt;
    margin-left: -4px;
}

#article-text .tools ul li{
    display: inline;
}

.photo-caption{
    font-size: 8pt;
    font-style: italic;
    text-align: left;
    padding-bottom: 5px;
    border-bottom: 1px solid #999;
}

#article-templated-content{
    padding-top: 15px;
}

#article-templated-content-old ul li,
#article-templated-content-old ol li{
    list-style: disc;
    margin-left: 1em;
}

#article-templated-content ul li,
#registration-related-content ul li{
    list-style-type: disc;
    margin-left: 1em;
    list-style-position: inside
}

#article-templated-content ol li,
#registration-related-content ol li {
    list-style-type: decimal;
    margin-left: 1em;
    list-style-position: inside
}

/* ======================================================================================= *
*   Site Nav   *
* ======================================================================================= */

#portal-site-nav,
#site-nav {  /* Main website navigation */
    clear: both;
    font-family: "Arial Narrow" sans-serif;
    font-size: 108%;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-top: 37px;
}

#portal-site-nav ul{
    display: block;
    border-top: 0px;
    border-bottom: 0px;
    margin: 0;
    padding: 7px 5px;
}

#site-nav ul {
    display: block;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    margin: 0;
    padding: 7px 5px;
}

#portal-site-nav li,
#site-nav li {
    padding: 3px 5px;
}

#home #home-tab,
#people #people-tab,
#groups #groups-tab,
#projects #projects-tab,
#jobs #jobs-tab,
#contracts #contracts-tab,
#companies #companies-tab,
#articles #articles-tab,
#events #events-tab {
    background: #f90;
    padding: 3px 4px 3px !important;
}

#portal-site-nav a,
#site-nav a {
    color: #333 !important;
}

#home #home-tab a,
#people #people-tab a,
#groups #groups-tab a,
#projects #projects-tab a,
#jobs #jobs-tab a,
#contracts #contracts-tab a,
#companies #companies-tab a,
#articles #articles-tab a,
#events #events-tab a {
    color: #fff !important;
}

#portal-search-bar-switch{
    display: inline;
    vertical-align: middle;
    padding-bottom: 0px;
    font-family: Arial;
    font-size: 8.5pt !important;
}

/* ======================================================================================= *
*   Company   *
* ======================================================================================= */
#company-summary {
    padding-left: 5px;
}

.company-principal{
    float: left;
    width: 65%;
}

.company-contact,
.company-office,
.company-other-office {
    float:left;
    width: 68%;
    padding:3px;
}

.company-principal-tool,
.company-contact-tool,
.company-office-tool,
.company-other-office-tool{
    float:right;
}

.company-principal-tool *:after,
.company-contact-tool *:after,
.company-office-tool *:after,
.company-other-office-tool *:after{
    clear:both;
}
/* ======================================================================================= *
*   Custom Shared Styles   *
* ======================================================================================= */
.devex-comment {
    color: #f90;
    background: transparent url(/images/icons/comment-devex-editor-icon.gif) no-repeat left;
    padding-left: 20px
}

.hide {
    display: none;
}

.admin-links,
.intro-text{
    margin-top: 9px;
}

.titlebar-tool {
    /*position: absolute;*/
    top: 5px;
    right: 5px;
    margin: 0;
    padding: 0;
}

.required {
    color: #c00;
    padding-left: 4px;
    display: inline !important;
}

strong.highlight {
    background-color: yellow;
}

/* Horizontal menus */
.menu ul, .menu ol {
    display: inline;
    margin-top: 5px;
    margin-left: 0;
    padding-left: 0;
}

.menu ul li, .menu ol li {
    display: inline;
    list-style: none;
    vertical-align: baseline;
    padding: 3px 5px;
}

.menu ul.pipe li {  /* menu items separated by "pipe" character */
    border-left: 1px solid #999;
    padding: 0 5px;
}

.menu ul.pipe li:first-child {
    border-left: none !important;
    padding-left: 0;
}

ul.bulletted li,
ol.bulletted li {
    list-style: disc;
    margin-left: 1em;
}

ol.filter li {
    padding-left: 0;
}

.list-number {
    list-style-type: decimal;
    font-size: 9pt;
    list-style-position: outside;
    margin-left: 30px;
}

/* Vertical menus */
.message-list ul, .message-list ol {
    display: inline;
    margin-left: 0;
    padding-left: 0;
}

.message-list ul li, .message-list ol li {
    display: inline;
    list-style: disc;
    margin-left: 0;
    padding: 0 5px;
}

.main-option {
    font-weight: bold;
    border-left: 0 !important;
}

.fave-tool,
.minor-detail {
    font-size: 85%;
}

.list {
    /*padding: 5px 6px 0px 4px;*/
    padding: 5px 0 0 0;
}

.list li {
    margin-bottom: 10px;
}

.minor {
    margin-bottom: 15px;
}

.minor li {
    margin-bottom: 0;
}

h2.first{
    border: 0 !important;
    margin-top: 6px !important;
}

h3.first {
    border: 0 !important;
    margin-top: 0 !important;
}

h2.tips {
    /*background: url(/images/icons/info.gif) no-repeat left;*/
    margin-bottom: 0px;
    padding: 4px 2px 6px 4px !important;
    clear: both;
}

h2 .menu a {
    color: #fff;
}

#registration-footer{
    border-top: 1px solid #ccc;
}

#registration-footer {
    clear: both;
    padding-bottom: 50px;
}
#registration-footer div div{
    width: 230px;float: left;
}

#footer{
    border-top: 3px solid #ccc;
}

#footer h2 {
    border-top: 3px solid #ccc;
}

.lines p {
    margin: 0;
}

.section-footer {
    border-top: 1px dotted #ccc;
    margin-top: 5px;
}

.section-footer p {
    margin-bottom: 3px;
}

.section-footer a {
    font-size: 85%;
    text-transform: uppercase;
}

.semi-header {
    font-weight: bold;
}

.summaries li * .section-footer{
    border-top: 1px dotted #ccc;
    margin-bottom: 15px;
    padding-top: 10px;
}

.graybox,
.graybox2 {
    border: 1px solid #ccc;
}

.bordered-padded{
    border: 1px solid #ccc;
    padding: 8px;
}

.darkgray-bg{
    background-color: #ccc;
}

.gray-bg {
    background-color: #ebebeb;
}

.indent {
    padding-left: 5px;
    padding-right: 5px;
}

#preview-box .preview-tools {
    position: absolute;
    top: 5px;
    right: 5px
}

#preview-box {
    position: relative;
    background-color: #f5fffa;
    border: 1px solid #09f;
    margin-bottom: 10px;
    padding: 8px
}

#inline-buttons{
    text-align: right;
    margin-top: 15px;
    margin-bottom: 15px;
}

#preview-box b {
    font-size: 108%;
    line-height: 1;
    text-transform: uppercase;
}

#preview-box b i {color: #09f; font-weight: bold}

.divwithbar {
    border-top: 5px solid #ccc;
    margin-top: 10px;
    margin-bottom: -5px;
    padding: 5px 0px 10px 0px !important;
}

.divnobar {
    border-top: 0px solid #ccc !important;
    margin-top: 0px !important;
    padding: 5px;
}

.divwithbar h2{
    margin-left: 0px;
}

.list-square {
    list-style-type: square;
    font-size: 9pt;
    list-style-position: outside;
    margin-left: 20px;
}

.upgrade-title{
    color: #ff9900;
    font-size: 12pt;
    font-weight: bold;
}

.orange-text{
    color: #ff9900;
    font-weight: bold;
}

.questionmark{
    float: none;
    vertical-align: top;
}

.details-edit-delete{
    text-align: right;
    padding-right: 5px;
}

div.divwithbar div#orange-tips-info{
    margin-top: 5px !important;
}

#orange-tips-info{
    background-color: #F5F5F5;
    padding: 10px;
}

/* ======================================================================================= *
*   AJAX Related   *
* ======================================================================================= */

.updatingSearchResults {
    width: 250px;
    font-family: Arial, Helvetica, sans-serif;
    color: #ff9900;
    border: 1px solid #cccccc;
    position: absolute;
    padding: 15px;
    left: 350px;
    top: 450px;
    background-color: #eaeef9;
    display: none;
}

#loading-dialog,
#ajax-update{
    position: absolute;
    top: 51%;
    left: 31%;
    color: #ff9900;
    background-color: #ffeecc;
    text-align: center;
    border: 1px solid #ff9900;
    padding: 15px;
    z-index: 3;
    voice-family: inherit;
    width: 250px;
}

#keywords-header{
    font: bold 12pt Arial;
    color: #999;
}

#filter-box{
    border: 5px solid #f90;
    background-color: #ffefd5;
    padding: 10px;
    position: absolute;
    top: 295px;
    z-index: 2;
    width: 435px;
}

#filter-box-arrow{
    background: url(/images/box-arrow-only.gif) no-repeat;
    height: 150px;
    width: 50px;
    position: absolute;
    top: 340px;
    z-index: 1;
    margin-left: -21px;
}

#filter-loading-dialog{
    height: 182px !important;
    text-align: center;
}

p#filter-loading-dialog-updating{
    padding-top: 65px;
    vertical-align: middle;
    font: bold 12pt Arial !important;
    color: #666 !important;
}

p#filter-box-header{
    font: bold 10pt Arial !important;
    color: #f90 !important;
    text-transform: uppercase !important;
}

#filter-box p{
    font: 10pt Arial;
    color: #333;
}

.filter-type{
    font: bold 9pt Arial !important;
    color: #333 !important;
}

#your-filters{
    margin-top: -5px;
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
}

#your-filters span#your-filters-header{
    font: bold 8pt Arial;
    color: #f90;
    text-transform: uppercase;
}

/* ======================================================================================= *
*   Tools   *
* ======================================================================================= */
.options-tool {position: relative}

.tool-popup {
    position: absolute;
    top: 18px;
    right: 0;
    background-color: #fff;
    font-size: 85%;
    text-align: left;
    border: 1px solid #ccc;
    padding: 5px;
    z-index: 1;
}

.tool-popup, .tool-popup ul, .tool-popup ul li {
    width: 100px;
    display: block;
    margin-top: 0;
}

.tools {
    background-color: #f7f7f7;
    font-size: 93%;
    border: 1px solid #ccc;
}

.tools ul {
    display: block;
    position: relative;
    padding: 1px 6px 5px 6px;
}

.tools ul.primary {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 6px;
}

.tools li {
    vertical-align: middle;
}

.tools ul.primary2 {
    margin-bottom: 5px;
}

.tools li.main-option {
    position: absolute;
    right: 0px;
}

.tools li.main-option form {
    margin-top: -5px;
}

.tooltips-header {
    width: 200px;
    z-index: 500;
    position: relative;
    top: 1px;
    color: #fff;
    background-color: #999;
    font-size: 93%;
    font-weight: bold;
    border: 1px solid #999;
    margin: 0;
    padding: 4px;
}

.tooltips-body {
    width: 200px;
    z-index: 500;
    color: #666;
    background-color: #fff;
    font-size: 93%;
    border: 1px solid #999;
    margin: 0;
    padding: 4px;
}

/* ======================================================================================= *
*   Summaries   *
* ======================================================================================= */
.summaries {  /* composed of an image (photo), and a body */
    margin: 0;
}

.summaries *:after {  /* to handle "clearing" after floats without extra markup */
    clear: both;
    font-size: 0; 
    /* content: "."; */
    visibility: hidden;
    display: block; 
    height: 0;
}

* html .summaries * {  /* this is for IE */
    height: 1%;
}

.extended-summaries li{
    padding-top: 20px !important;
    margin-bottom: 5px !important;
}

#control-links li{
    position: relative;
    clear: both;
    border-top: 1px dotted #ccc;
    margin-bottom: 5px;
    padding-top: 5px;
}

.testimonials .summaries li,
.people .summaries li,
.projects .summaries li,
.jobs .summaries li,
.articles .summaries li,
.companies .summaries li,
.contracts .summaries li,
.events .summaries li,
.groups .summaries li {
    position: relative;
    clear: both;
    border-top: 1px dotted #ccc;
    margin-bottom: 15px;
    margin-top: 5px !important;
    padding-top: 10px;
}

.testimonials .summaries li.first,
.people .summaries li.first,
.projects .summaries li.first,
.jobs .summaries li.first,
.articles .summaries li.first,
.companies .summaries li.first,
.contracts .summaries li.first,
.events .summaries li.first,
.groups .summaries li.first {
    border-top: 0px !important;
}

.people .summaries span.photo, #my-devex span.photo {
    width: 83px;
    float: left;
    text-align: center;
}

.people .summaries span.member {
    background: url(/images/member.png) no-repeat bottom;
    padding-bottom: 15px;
}

.people .summaries * .body,
.events .summaries * .body {  /* summary body contains a header and the content proper */
    position: relative;
    float: right;
}

.people .summaries * .body,
.people .summaries *.body .header,
.people .summaries *.body .header h5{
    margin-top: 0px;
    padding-top: 0px;
}

.summaries * .header p {
    margin-left: 6px;
}

.summaries li#person-detail{
    border-top: 0px !important;
}

/* ======================================================================================= *
*   Lines   *
* ======================================================================================= */

ol.lines li,
ul.lines li{
    padding: 3px 2px;
    border-top: 1px dotted #ccc;
}

ol#recent-articles li,
ol#recent-gdb li,
ol#recent-fwu li,
ol#recent-nwr li{
    padding: 3px 2px;
    border: 0;
}

ol.lines li.first,
ul.lines li.first{
    border: 0;
}
/* ======================================================================================= *
*   Tabs   *
* ======================================================================================= */
.tabs {
    margin: 25px 0px -2px 0px;
}

.tabs ul {
    display: inline;
    margin-left: 0;
    padding-left: 0;
}

.tabs ul li {
    float: left;
    display: inline;
    color: #333;
    background-color: #ccc;
    list-style: none;
    text-transform: uppercase;
    border: 1px solid #999;
    margin: 0 3px -4px 0;
    margin-bottom: -1px !important;
    padding: 3px 5px;
}

.tabs ul li a {
    display: block;
    color: #333;
}

.tab-page {
    clear: both;
    border: 1px solid #999;
    margin-top: 5px;
    padding: 5px 10px;
}

#search-tabs li {
    position: relative;
    top: 1px;
    margin: 0 0px -4px 4px !important;
    margin: 0 5px -10px 10px;  /* this is for IE */
    padding: 5px;
}

#account-tabs {
    margin-top: 15px !important;
    margin-top: 0
}
#account-tabs li {
    max-width: 200px;
    width: expression(this.offsetWidth > 200? "200px": "auto" )
}

#profile #account-profile,
#identity #account-identity,
#blog #account-blog,
#company_settings #account-company_settings,
#job_applications #account-job_applications {
    display: inline;
    list-style: none;
    background-color: #fff;
    font-weight: bold;
    border: 1px solid #999;
    border-bottom: 1px solid #fff
},
#preferences #account-preferences {
    display: inline;
    list-style: none;
    background-color: #fff;
    font-weight: bold;
    border: 1px solid #999;
    border-bottom: 1px solid #fff
}

#profile #account-profile a,
#identity #account-identity a,
#blog #account-blog a,
#company_settings #account-company_settings a,
#job_applications #account-job_applications a {
    color: #000
},
#preferences #account-preferences a {
    color: #000
}

div#messages-tabs ul#inbox li span {
    font-weight: bold;
}

#inbox #messages-inbox,
#sent #messages-sent,
#inbox #introductions-inbox{
    display: inline;
    list-style: none;
    background-color: #fff;
    font-weight: bold;
    border: 1px solid #999;
    border-bottom: 1px solid #fff
}

/* ======================================================================================= *
*   Shadows   *
* ======================================================================================= */
.shadower {
    width: 97%;
    float: left;
    background: url(/images/shadow1.png) no-repeat bottom right !important;
    background: url(/images/shadow1.gif) no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
}

.shadower:after{ clear: both;}

.shadower div.shadow-container {
    background: none !important;
    background: url(/images/shadow2.gif) no-repeat left top;
    padding: 0 !important;
    padding: 0 6px 6px 0;
}

.shadower div.shadowed  {
    background-color: #fff;
    margin: -6px 6px 6px -6px !important;
    margin: 0;
}

/* this is for 2 column detail layout */
.shadower div.shadowed-filled  {
    background-color: #ebebeb;
    margin: -6px 6px 6px -6px !important;
    margin: 0;
}

.shadower div.shadowed-filled:after {
    clear: both;
}

/* ======================================================================================= *
*   FORMS   *
* ======================================================================================= */
form .text-field,
form .textinput,
form .select,
form .selectinput {
    width: 235px !important;
    #background-color: #fff;
}

form .checkinput {
    margin-left: 100px;
}

div#search-form form .buttons,
div.bordered-padded form .buttons{
    display: block;
    text-align: right;
    margin-top: 15px;
    margin-bottom: 15px;
}

#inline-buttons form,
#inline-buttons form input,
#preview-box form input,
#preview-box form{
    padding: 0;
    margin: 0;
    display: inline;
}

#basic #basic-search,
#recruiter #recruiter-search,
#advanced #advanced-search,
#career-center-jobs #career-center-jobs-link,
#projects-center-projects #projects-link,
#projects-center-tenders #tenders-link,
#popular-jobs #popular-jobs-link,
#popular-projects #popular-projects-link,
#popular-people #popular-people-link,
#popular-articles #popular-articles-link,
#inbox #messages-inbox,
#inbox #invitations-inbox,
#sent #invitations-sent,
#create #invitations-create,
#day #day-view,
#week #week-view,
#month #month-view {
    background-color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #fff;
}

#basic #basic-search a,
#recruiter #recruiter-search a,
#advanced #advanced-search a,
#career-center-jobs #career-center-jobs-link,
#projects-center-projects #projects-link a,
#projects-center-tenders #tenders-link a,
#popular-jobs #popular-jobs-link a,
#popular-projects #popular-projects-link a,
#popular-people #popular-people-link a,
#popular-articles #popular-articles-link a,
#inbox #messages-inbox a,
#inbox #invitations-inbox a,
#sent #invitations-sent a,
#create #invitations-create a,
#day #day-view a,
#week #week-view a,
#month #month-view a {
    color: #000;
}

.profile-form fieldset ol li{
    margin: 5px 0 5px 0;
    padding: 5px 0 5px 0;
}

#last-updated-block,
.last-updated-block{
    float:left;
    color: #666;
}

/*   Input Form   */

.input-form {
    margin-top: 10px;
    padding: 10px;
}

.input-form li {
    margin: 3px 0;
    padding: 3px 0;
}

.input-form fieldset label {
    width: 150px;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    line-height: 1.5;
    font-weight: bold;
}

.input-form label span {
    display: block;
    width: 160px;
    margin: 0;
    padding: 0;
    line-height: 1.25;
}

.input-form .buttons {
    display: block;
    text-align: right;
    width: auto;
    overflow: visible;
}

input[type="submit"], input[type="button"]{
    height: 23px;
    background-image: url(/images/button-background.jpg);
    font-weight: normal;
    border: 1px outset #ccc;
    padding: 0pt 5px;
}

/*   Filter Form   */

form#filter-form fieldset ol li label,
form#filter-form fieldset ol li label b{
    color: #ff9900;
    font-size: 9pt;
}

form#filter-form ol li {
    margin: 5px 0 8px 3px;
}

#years-experience-range-hint,
#last-updated-range-hint,
#express-interest-by-range-hint,
#proposal-due-date-range-hint,
#contractvalues-s-hint,
#contractawardeddates-s-hint,
#eventdates-s-hint {
    font-size: 8pt;
    margin-bottom: 20px;
}

#years-experience-range-left-handle, 
#last-updated-range-left-handle,
#express-interest-by-range-left-handle,
#proposal-due-date-range-left-handle,
#contractvalues-s-left-handle,
#contractawardeddates-s-left-handle,
#eventdates-s-left-handle {
    margin-top: -20px;
    background: transparent url(/images/icons/inverted-slider.gif) no-repeat scroll 0 0;
}

#languages-list,#countries-list,
#ckcountries-list{
    padding-bottom: 5px;
}

#objectives-list,#regions-list,#joblevel-list,#jobtype-list,
#donor-list,#opportunitytype-list,#opportunitystatus-list,#opportunitycategory-list,
#ckcountries-list,#country-select,#countries-list,#ck-country-select,#ck-countries-list,
#language-select,#publication-list,#contract-length-list,
#languages-list{
    font-size: 8pt;
}

/* ======================================================================================= *
*   Inset   *
* ======================================================================================= */
.inset {
    width: 138px;
    float: right;
    position: relative;
    z-index: 2;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    /* start IE width hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 150px;
}

.inset h3 {
    z-index: 2 !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.inset ol, .inset p {
    margin: 0 0 10px;
}

.inset li {
    list-style: none;
}

/* ======================================================================================= *
*   Pagination   *
* ======================================================================================= */

.pagination-section {color: #999; font-size: 85%; font-weight: bold; text-align: center; border-top: 0px solid #999; padding: 5px}
.pagination-section .small-caps {font-weight: normal}
.pagination {margin: 30px 0 3px}
.pagination a {font-weight: normal; text-decoration: none; border: 1px solid #999; margin: 0 2px; padding: 1px 5px}
.pagination a:hover, .pagination a:active {color: #f90}
.pagination span.current {color: #fff; background-color: #999; font-weight: bold; border: 1px solid #999; margin: 0 2px; padding: 1px 5px}
.pagination span.disabled {color: #ddd; border: 1px solid #eee; margin: 0 2px; padding: 1px 5px}

.slider {
    width: 12px;
    height: 19px;
    cursor: pointer;
    background: transparent url(/images/icons/slider.gif) no-repeat;
    margin-top: -5px;
}

/* ======================================================================================= *
*   Tables   *
* ======================================================================================= */

.reg {
    background-color: #fff;
}

.alt{
    background-color: #ddd;
}

.light-alt{
    background-color: #f0f0f0 !important;
}

.matrix-view th, .matrix-view td{
    padding: 5px 3px 5px 3px;
    font-size: 8pt;
}

.matrix-view th{
    border: 1px solid #999;
    border-width: 1px 0px 1px 0px;
}

table#sort-by-header{
    width: 100%;
    padding-bottom: 5px;
}

table#sort-by-header tbody{
    border: 1px solid #999;
    border-width: 1px 0px 1px 0px;
}

table#sort-by-header tbody th,
table#sort-by-header tbody td{
    text-align: center;
    padding: 5px 0px 5px 0px;
}

table#sort-by-header tbody th{
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

#sort-by-header tbody tr,
#matrix-view tbody tr,
#messages tbody tr{
    padding: 3px;
}

#messages{
    width: 100%;
}

#sort-by-header tbody tr#header,
#matrix-view tbody tr#header,
#messages tbody tr#messaging-header{
    padding-bottom: 2px;
    border-bottom: 1px solid #999;
}

#messages tbody tr#messaging-header th{
    padding: 2px;
    margin-bottom: 2px;
}

#messages tbody tr td{
    padding: 3px 0;
}

/* ======================================================================================= *
*   Misc Section and Notifications   *
* ======================================================================================= */
#permalink-text-field{
    width: 400px;
}

#articles-content-partner-header{
    width: 100% !important;
    text-align: center !important;
    margin: -6px 0px 0px -2px;
    padding: 0px;
}

.articles-content-partner-summary{
    background-color:#fff;
    border: 0 !important;
    padding: 10px 10px 20px 10px;
}

.articles-content-partner-logo{
    width: 100%;
    text-align: center;
    margin: -10px 0px 10px 0px;
}

li.articles-content-partner-summary p.search-entry-title{
    display: inline;
}

.pull-1{
    margin-left: -10px;
}

.push-1{
    margin-left: 10px;
}

.author-card{
    width: 456px;
    float: left;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    font-size: 93%;
    padding: 3px;
}

.author-photo-inset{
    float: left;
    width: 80px;
}

.author-info{
    /*width: 85%;*/
    float: right;
    padding-left: 3px;
}

#errorExplanation {
    /*width: 400px; */
    background-color: #fee;
    border: 1px solid #c00;
    margin-bottom: 10px;
    padding: 1px 1px 10px
}

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

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

#errorExplanation ul li {
    list-style: square; margin-left: 20px
}

.exclamation-point{
    float: left; padding-right: 4px
}

.error-box {
    background: #fee url(/images/icons/exclamation-point.gif) no-repeat 5px;
    border: 1px solid #c00;
    padding: 5px 5px 5px 25px
}

.error-section{
    font-size: 9pt;
    background-color: #fff4f0;
    color: #cc0000;
    padding-right: 4px;
    padding-left: 4px;
    margin-bottom: 10px;
    vertical-align: middle;
    border: 1px solid #cc0000;
    font-weight: bold;
    line-height: 16px;
}

.error-section p {text-align: left}
.error-section span {font-size: 9pt}
.error-field{ border: 1px solid #FF3300}

.notice-box {
    background-color: #efe;
    border: 1px solid #3f3;
    padding: 5px
}

div.notice-section{
    background-color: #ffffcc;
    color: #000000;
    border: 1px solid #ff9900;
    padding: 4px;
    margin-bottom: 8px;
    vertical-align: middle;
}

div.warning-section{
    background-color: #ffffcc;
    color: #000000;
    border: 1px solid #ff9900;
    padding: 4px;
    margin-bottom: 8px;
    vertical-align: middle;
}

.testimonial-photo-inset
{
    float: left;
    position: relative;
    text-align: center;
    width: 100px;
}

.send-message-link,
#clear-filters-link{
    font-size: 8pt;
}

#sponsor-image{
    margin-top: 5px;
}

.sponsor a{
    float: right;
}

.sponsor img{
    display: inline;
    margin: 0px auto 0px auto;
}

.d-icon{
    padding-left: 5px;
}

#featured-search-top{
    margin-top: 5px;
    background-color: #B7DA9B;
    height: 25px;
}

#featured-search-top:after{
    clear: both;
}

#featured-search-top-head{
    background-color: #B7DA9B;
    color: #fff;
    font-weight: bold;
    padding: 4px 4px 2px 4px;
    float: left;
}

#featured-search-top-tool{
    float: right;
    font-size: 8pt;
    padding: 8px 4px 0px 0px;
}

#featured-search-body{
    border: 3px solid #B7DA9B;
    border-bottom: 5px solid #B7DA9B;
    padding: 5px;
}

/* ======================================================================================= *
*   Calendar   *
* ======================================================================================= */

div.calendar-header{
    text-align: center;
    border: 0px !important;
    padding: 5px;
    font-weight: bold;
}

div.calendar-header:after{  clear: both;}

.calendar-nav-link{
    background-color: #eeeeee;
    border: 1px solid #ccc;
    padding: 2px 15px;
}

.calendar th, .calendar td{width: 14%;vertical-align: top;padding: 5px;}
.calendar th{text-align: center;}
.calendar .days-events {font-size: 77%; margin-top: 3px; text-align: left}
.calendar .days-events li{margin-bottom: 5px;text-indent: -5px;}
.calendar .day a {padding: 3px;}
.calendar {width: 100%; border-collapse: separate}
.calendar .monthName {display: none}
.calendar td {vertical-align: middle}
.calendar .day {height: 50px}

.day-with-event{background-color: #fefbc4; font-weight: bold; text-align: center;}
.day-calendar .event-summaries {width: 342px}
.day-calendar li .event-name {width: 200px !important}
.day-calendar li .event-calendar {width: 132px !important}
.day, .specialDay{text-align: center;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #bbbbbb;}
.day-calendar,.events-list{  background-color: #fefbc4;  margin-top: 5px;}
.dayName th{font-size: 0.7em;padding-top: 0.6em;padding-bottom: 0.3em;background-color: #303030;color: white;}

#event-image {text-align: center}
.event-day, .week-day{text-align: center;vertical-align: top;}
.event-day{width: 50px;}
.events-list{width: 100%; border-top: 1px solid #ccc; margin: 5px 0}
.events-list td{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #cccccc;padding-top: 5px;padding-right: 0pt;padding-bottom: 5px;padding-left: 0pt;}
.event-name{float: left;}
.event-list .event-summaries {width: 392px}
.event-time {width: 100px}

.event-summaries li {clear: both;padding:5px;}
.event-calendar {float: right; text-align: right}
.event-summaries li .event-calendar {width: 170px;}
.event-summaries li .event-name{width: 210px;}

.event {clear: both; padding-top: 15px}
.event .top-right #event-image {float: right; padding-left: 5px;}
/*.event .top-right .event-details {float: left} */
.event .top-center #event-image {display: block; margin-bottom: 10px}
.event .top-left #event-image {float: left; padding-right: 5px;}
/*.event .top-left .event-details {float: right}*/

.otherMonth, .day, .specialDay{
    padding-top: 0.7em;
    padding-right: 1em;
    padding-bottom: 0.7em;
    padding-left: 1em;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: white;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #bbbbbb;
}

.week-day{width: 75px;border: 1px solid #ccc;padding: 5px;}
.week-calendar .event-summaries {width: 367px; border-bottom: 1px dotted #ccc; padding: 5px}
div.article-title,
div.event-title,
div.job-title,
div.contract-title,
div.company-title,
div.project-title,
div.people-title{
    font-size: 121%;
    font-weight: bold;
    color:#000;
    margin-top: 6px;
    border-top:0px !important;
}

/* ======================================================================================= *
*   Group Related   *
* ======================================================================================= */
h5.group-title{
    font-size: 12pt;
    margin-bottom: 5px;
}

#rsvp-event-header,
#group-header{
    height: 75px;
    overflow-x: hidden;
    overflow-y: hidden;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    margin-bottom: 10px;
    padding-bottom: 1px;
}

#rsvp-event-header span.real-header,
#group-header span.real-header{
    display: none;
}

#rsvp-event-header h2,
#group-header h2{
    float:left;
}

.search-entry-title-group-section{
    font-size: 10pt !important;
    font-weight: bold;
}

.entry-teaser-group-section{
    font-size: 10pt;
    margin-top: 2px !important;
}
/* ======================================================================================= *
*   Two column layout for detail pages inside Neo2   *
* ======================================================================================= */
#container-wide {
    float: left;
    background: url(/images/2col-container-background.gif) repeat-y top center;
    margin-bottom: 30px;
}

#container-widexx:after{
    clear: both;
}

#content-wide {  /* Page content: contains main-content-wide and related-content */
    width: 967px;
    float: right;
    padding-left: 0px;
    padding-bottom: 12px;

}

#main-content-wide{
    width: 662px;
    float: left;
    background-color: transparent;
    padding: 0px 3px;
    margin-left: 3px;

    /* start IE width hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 640px;
}

#registration-title {
    font: 24.36pt bold "Arial Narrow" sans-serif;
    width: 750px;
    float: right;
    top: -23px;
    position: relative;
}

#registration-links {
    font: 8.5pt  "Arial Regular" sans-serif;
    color: #666666;
}
#registration-links a {
    font: 8.5pt  "Arial Regular" sans-serif;
    color: #666666;
    text-decoration: underline;
}

#registration-main-content{
    float: right;
    background-color: #fff6e4;
    padding: 0px 3px;
    border: 1px solid #ccc; /*temporary for dev*/
    /* start IE width hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 580px;
}

#contract-inset,
#job-inset,
#project-inset{
    width: 313px;
    float: right;
    position: relative;
    z-index: 2;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    /* start IE width hack */
    voice-family: "\"}\"";
    voice-family: inherit;
}

#main-content-wide .people .summaries * .body{
    float: left;
    margin-left: 5px;
    width: 485px;
}

#project-type-wide{
    font-size: 10pt;
    font-weight: bold;
    color: #999;
}

#filter-search-results-bar{
    font-size: 10pt;
    font-weight: bold;
    height: 29px;
    text-transform: uppercase;
    padding: 3px 0px 3px 5px;
    margin-right: 7px;
    background-image: url(/images/searchres_gradient.gif);
    background-repeat: repeat-x;
}

#filter-search-results-bar span {
    width: 180px;
    display: block;
    line-height: 12px;
}

#project-status,
#project-donors{
    font-weight: bold;
}

#contract-title-wide,
#job-title-wide,
#project-title-wide{
    font-size: 14pt;
    font-weight: bold;
}

.author-card-wide{
    width: 99%;
    float: right;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    font-size: 93%;
    padding: 3px;
}


#neo-search-content {  /* Page content: contains main-content and user-sidebar */
    width: 667px;
    float: left;
    padding-left: 2px;
}

#neo-search-content #main-content{
    padding-left: 10px;
}

.clear{
    clear: both;
}

p.clear{
    margin-left: 0px;
}

.content-type-title {
    font: 8pt bold "Arial Narrow" sans-serif;
    color:#666666;
    text-transform: uppercase;
}

.leftside_article {
    color:#039;
    font-size:10pt;
    font-weight:bold;
}

blockquote p{
    background: url('/images/quotation_open1.jpg') left top no-repeat;
    margin: 0px;
    padding-left:0px;
}

blockquote  {
    background: url('/images/quotation_close1.jpg') right bottom no-repeat;
    margin-left: 0px;
    padding-right: 0px;
}

.quote {
    color:#000000;
    font-family:"Arial" sans-serif;
    font-size: 10pt;
    font-style:italic;
    font-weight:bold;
    text-align: justify;
    margin-right:15px;
    text-indent:16px;
}

.featured_video {
    display:inline;
    font-family:"Arial" sans-serif;
    font-weight:bold;
    font-size:10pt;
    color: #0000FF;
}

.featured_video li{
    display: inline;
}

#project-members-box{
    background-image: url('/images/projects/members-box_gradient-only') repeat-x;
}

/* ======================================================================================= *
*   Text only styles   *
* ======================================================================================= */
.allcaps {
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}

.blue {
    color: #039;
}

.darkgray-text {
    color: #999;
}

.font9 {
    font-size: 9pt !important;
}

.font8 {
    font-size: 8pt !important;
}

.font10 {
    font-size: 10pt !important;
}

.font13 {
    font-size: 13pt !important;
}

.font14 {
    font-size: 14pt !important;
}

.graycaps {
    color: #999;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}

.gray-text {
    color: #666;
}

.lightgray-text {
    color: #ccc;
}

.sl2,
.sl4,
.sl5 {
    font-weight: bold !important;
}

.ultralightgray-text{
    color: #808080;
}

.upper {
    text-transform: uppercase;
}

/* ======================================================================================= *
*   Image related styles   *
* ======================================================================================= */
.icon {
    padding: 0px 5px 5px 5px;
    vertical-align: middle;
}

/* ======================================================================================= *
*   Marketing pages styles   *
* ======================================================================================= */

.center_paragraph p{
    padding-top: 15px
}


.center_paragraph li{
    padding-top: 10px;
    list-style-type: square;
    margin-left: 20px
}

.center_formset p{
    padding: 0px 10px;
}

.center_formset label{
    padding: 5px 10px;
    font-weight: normal;
}

.col_1 {
    float: left;
    width: 33%;
    padding-top: 10px
}

.col_2 {
    float: left;
    width: 33%

}

.formset_title{
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
    background-color: #DDDDDD;
    font-weight: bold
}

.rel-content li{
    padding-top: 10px;
    list-style-type: square;
    margin-left: 10px;
}

.rel-content-box{
    border: 1px solid grey;
    padding: 10px;
    margin-top: 15px;
}

.rel-content-link{
    padding: 15px 0px 0px 15px
}

/* ======================================================================================= *
*   Blue Search Area Rounded Advanced Search styles   *
* ======================================================================================= */

.upperleft{
    width : 100%;
    margin-left : auto;
    margin-right : auto;

    background-color : #fff;
    background-image : url('/images/upperleft.gif');
    background-repeat : no-repeat;
    background-position : top left;
}

.upperright{
    background-image : url('/images/upperright.gif');
    background-repeat : no-repeat;
    background-position : top right;
}

.lowerleft{
    background-image : url('/images/lowerleft.gif');
    background-repeat : no-repeat;
    background-position : bottom left;
}

.lowerright{
    background-image : url('/images/lowerright.gif');
    background-repeat : no-repeat;
    background-position : bottom right;
    padding : 3% 3% 3% 3%;
}


/* ======================================================================================= *
*   List Style Ovverrides for Sitemap   *
* ======================================================================================= */

.sitemap .main-list ul {
    list-style: disc inside;
}
.sitemap .main-list li {
    list-style: disc inside;
    padding-bottom: 10px;
}

.sitemap .sub-list ul {
    list-style: circle inside;
}
.sitemap .sub-list li {
    list-style: circle inside;
    padding-left: 15px;
}

/* ======================================================================================= *
*   New Job Form   *
* ======================================================================================= */
.new_job_form li {
    margin-left: 0;
} 

.new_job_form fieldset b {
    display: block;
    margin-bottom: -10px;
}

.new_job_form fieldset p input[type=radio] {
    display: block;
    float: left;
}

.new_job_form fieldset p span {
    display: block;
    margin-left: 20px;
}

/* TESTING */ 
#black-link {
    text-decoration: none;
    color: #000 !important;
    font-weight: bold;
}

.share_form label {
    font-weight: normal;
    display: block;
    margin-top: 10px;
}

/* ======================================================================================= *
*   Related Content   *
* ======================================================================================= */

.related-content-list {
    width: 284px;
    border: 1px solid #999966 !important;
    padding: 0 !important;
    margin-bottom: 20px;
}

.related-content-list h2#related-content-header {
    margin: 0;
    background: url('/images/green-bar-no-text.jpg') no-repeat;
    width: 244px;
    height: 24px;
    color: #fff;
    text-transform: uppercase;
    padding: 7px 0 0 40px;
    margin-bottom: 10px;
}

.related-content-list ul {
    margin: 0 10px;
}

.related-content-list ul li {
    margin-bottom: 10px !important;
    font-size: 9pt;
}

.related-content-list ul li a {
    display: block;
}

.related-content-list ul li .content-desc {
    color: #333;
}

.field-with-errors {
    padding: 2px;
    background-color: red;
   display: inline-table
}

/* ======================================================================================= *
*   My Jobs   *
* ======================================================================================= */

#container-left-margin {
    float: left;
    background: url(/images/container-background-left-only.gif) repeat-y;
    margin-bottom: 30px;
}

#my-jobs-main-content {
    width: 770px;
    background-color: transparent;
    padding: 0px 4px;
    margin-left: 3px !important;

    /* start IE width hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 770px;
}

.my-jobs-results {
  margin: 15px 0;
}

#my-jobs-matrix th {
  padding: 3px !important;
  text-transform: uppercase;
}

tr.rowodd {
	background-color: #F2F2F2;
}

tr.roweven {
	background-color: #FFF;
}

/* float clearing for IE6 */
* html .clear{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clear{
  min-height: 1%;
}

/* float clearing for everyone else */
.clear:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.payment-form h2{
    margin-top: 15px !important;
    margin-bottom: 15px;
    padding: 10px !important;
    background-color: #DDDDDD;
    font-weight: bold!important;
    color: #333;
    text-transform: none;
}

.payment-form label{
    width: 250px;
    float: left;
    font-weight: bold
}

.payment-form li{
    margin: 0px 0px 10px 10px;
}

.job-products{
    margin-top: 20px;
    border: 1px solid #ccc;
}

.job-products tr th{
    border: 1px solid #ccc;
}

.job-products tr th{
    padding: 8px;
}

.job-products td{
    padding: 8px;
}

.job-products th{
    background: #bbb;
    color: #fff;
    font-size: 11px;
}