/*=================================================================
    
    Global Styles
    -------------
    
    This file includes any site-wide styles

===================================================================*/

body {
	font: 12px/16px Arial, Helvetica, Sans-Serif;
  color: #666; background-image: url(img/background.jpg); background-repeat: repeat-y; bgcolor: #d8dcd5; margin: 0px;
  }

a img { border: 0; }

ul { padding-left:25px; margin:0; }
strong { font-weight:bold; color:#555; }
form { margin:0; }

/*-----------------------------------------------------------------

    Global Maincontent 

-----------------------------------------------------------------*/


/* standard two column arrangement */
#PrimaryContent {
  float: left;
  width: 430px; /* really 460 with padding */
  padding: 15px;
  margin: 0 15px 0 0;
  background:#eee;
  overflow:hidden;
  }
#SecondaryContent {
  float: left;
  width: 227px;
  margin: 0;
  padding: 0;
  overflow:hidden;
  }
  
 h1 { margin:0 0 9px 0; padding:0; font-size: 18px; color: #111; font-weight: bold; }
 h2 { margin:0 0 9px 0; padding:0; font-size: 18px; color: #39c; font-weight: bold; }
 h3 { margin:0 0 6px 0; padding:0; font-size: 15px; color: #39c; font-weight: bold; }
 h4 { margin:0 0 6px 0; padding:0; font-size: 13px; color: #000; font-weight: bold; }
 h5 { margin:0 0 6px 0; padding:0; font-size: 14px; color: #444; font-weight: bold; }
 h6 { margin:0 0 6px 0; padding:0; font-size: 11px; color: #39c; font-weight: bold; }

 p { margin:0 0 12px 0; padding:0 5px 0 0; }
 div.section { margin:0 0 10px 0; padding:0; }
 div.section h5 { margin:10px 0 3px 0; padding:0; }
 div.first h5 { margin:0 0 6px 0; padding:0; }
 div.section ul { list-style-type: none; margin:0; padding:0; }

 h2 small { font-size:12px; color: #888; padding-left:5px;}

      
/*-----------------------------------------------------------------

    Generic Column Layouts 

-----------------------------------------------------------------*/

.column-onethird {
  margin:5px 10px 0 0;
  float:left;
  width:210px;
  }
  
.column-twothirds {
  margin:5px 10px 0 0;
  float:left;
  width:430px;
  }

.column-onehalf {
  margin:5px 20px 0 0;
  float:left;
  width:300px;
  }

.column-fullpage {
  margin:5px 0 0 0;
  width:650px;
  float:left;
  }
  
.last {
  margin-right:0;
  }
  
.column {
  float:left;
  }
       
    
/*-----------------------------------------------------------------

    call out box (used on login_postjob.asp ... and ? )

-----------------------------------------------------------------*/
.callout-box {
  width: 220px;
  margin: 10px 10px 30px 0px;
  padding: 8px;
  border: 1px solid #aaa;
  background: #eee;
  }
  .callout-box ul {
    list-style: none;
    margin:0;
    padding:0;
    }
    .callout-box .padding { margin:8px;}   
	.callout-box .centered { text-align:center;}  

.dotted-line
  {  position:relative; margin:3px 0 0 0; width: 660px; height: 3px; background-image: url(img/dots.gif); background-repeat: repeat-x;}
     
#Main-Content
  {
  width: 660px;
  margin: 30px 15px 0 240px;
  }   
   
  #Main-Content .knockout
  { margin:0 0 6px 0; padding:2; font-size: 13px; color: #fff; background-color: #666;}
 
  .results-area 
  {
  position:relative;
  left: 0px;
  top: 0px;
  margin-bottom: 30px;
  }  
 
   .project-box
  {
  float:left;
  margin-top:20px; 
  width:220px;
  height: 180px;
  } 

  .project-box-on
  {
  float:left;
  margin-top:20px; 
  width:220px;
  height: 180px;
  } 
  
  .winner { margin-top:20px;  width:600px; height: 180px; } 
  .winner-on { margin-top:20px; width:600px; height: 180px;} 
  
  #blue-link a { color: #39c; text-decoration: none; font-weight: bold; }
  #blue-link a:hover { color: #fff; background-color: #39c; text-decoration: none; font-weight: bold; }
  #blue-link a_visited { color: #39c; text-decoration: none; font-weight: bold; }  
  #blue-link a_active { color: #39c; text-decoration: none; font-weight: bold; }

  .winner  .participant-name
  { font-size: 16px; color: #666; font-weight: bold; }

  .winner-on  .participant-name
  { font-size: 16px; color: #666; font-weight: bold; }
  
  .participant-location
  { padding-bottom: 10px; font-size: 12px; color: #666; font-weight: normal; }
      
  .project-title
  { font-size: 12px; color: #39c; font-weight: bold; }
    
  .project-details
  { font-size: 12px; color: #666; font-weight: normal; }

  .winner .thumb 
  { border: 1px solid #333; float: left; margin-right: 10px;}
  
  .winner-on .thumb 
  { border: 1px solid #39c; float: left; margin-right: 10px;}
  
      
  .project-box .project-title
  { margin:8px 0 4px 0; padding:0; font-size: 16px; color: #39c; font-weight: bold; }
  
   .project-box .project-details
  { margin:8px 0 4px 0; padding:0; font-size: 12px; color: #444; font-weight: normal; }

  .project-box-on .project-title
  { margin:8px 0 4px 0; padding:0; font-size: 16px; color: #fff; background-color: #39c; font-weight: bold; }
  
   .project-box-on .project-details
  { margin:8px 0 4px 0; padding:0; font-size: 12px; color: #444; font-weight: normal; }

   .project-box-on .thumb 
  { border: 1px solid #39c; }

      
#Left-Links
  { 
  position:absolute; 
  left: 25px; 
  top: 97px; 
  }
  
  #Left-Links a { color: #39c; text-decoration: none; font-weight: bold; }
  #Left-Links a:hover { color: #fff; background-color: #39c; text-decoration: none; font-weight: bold; }
  #Left-Links a_visited { color: #39c; text-decoration: none; font-weight: bold; }  
  #Left-Links a_active { color: #39c; text-decoration: none; font-weight: bold; }



/*-----------------------------------------------------------------

    Status Bar - Appears on Public Work Pages

-----------------------------------------------------------------*/
#Status-Bar {
  margin: 0 0 10px;
  padding:0;
  height:25px;
  background: url(../images/dotted-line-top.gif) repeat-x bottom;
  color: #777;
  text-transform: capitalize;
  }
  #Status-Bar ul { float:right; list-style-type:none; margin:0; padding:5px 0 0; width:200px; text-align:right;}
  #Status-Bar ul li { margin:0; padding:0 6px 0 3px; display:inline; border-right:1px solid #aaa;}
  #Status-Bar a { color:#111; }
  #Status-Bar a:hover { color:#111; text-decoration:none; color:#c39;}
  #Status-Bar ul li.last { padding-right:0; border-right:0;}

  #Status-Bar p { margin:0; padding:5px 0 0; }
  #Status-Bar p.back-to-sets a { padding-left:20px; }
  #Status-Bar p.back-to-sets { background:url(../images/nav/back-to-sets.gif) no-repeat 0 4px; }
  #Status-Bar p.back-to-thumbs a  { padding-left:25px; }
  #Status-Bar p.back-to-thumbs { background:url(../images/nav/back-to-thumbs.gif) no-repeat 0 5px; }

  .has-status-bar #Sub-Nav { margin-top:24px; }


/*-----------------------------------------------------------------

    Tab Bar - Appears on Account Pages

-----------------------------------------------------------------*/

ul.tabbar {
  width:672px;
  height:25px;
  margin: 0;
  padding: 10px 15px 0;
  color: #666;
  background: #eee url(../images/containers/bkgd-tabbar.gif) no-repeat;
  list-style: none;
  }
  ul.tabbar li {
    float:left;
    margin-right:10px;
    padding-right:10px;
    border-right:1px solid #bbb;
    }
    ul.tabbar a:hover { color:#000;}
    ul.tabbar li ul { list-style:none; float:left; }
    ul.tabbar select { font-size: 10px; margin:0; padding:0; }
    ul.tabbar li.last { border-right:none; }
    ul.tabbar li.secondary { float:right; border:none; margin-right:0; padding-right:0; xz-index: 9999;}
    ul.tabbar li.secondary ul li  { border:none; margin-right:0; margin-left:10px; padding-right:0; }
    ul.tabbar li.current a { color:#000; font-weight:bold; cursor:text; }
    ul.tabbar li.current a:hover { text-decoration:none; }
  
  
    .toolbar-dropdown {
      display:none;
      border:1px #aaa solid;
      background:#f3f3f3;
      padding:10px 10px 5px 10px;
      margin:0;
      }
    .extra-padding { padding:20px 20px 5px 20px;}

.disabled { color:#aaa; }

ul.tabbar li.tabnav-prev { width:29px; height:17px; background:url(../images/acctnav-arrow-left.gif); }
ul.tabbar li.tabnav-prev a { width:29px; height:17px; display:block; text-indent:-9000px; }
ul.tabbar li.tabnav-prev a:hover { width:29px; height:17px; background:url(../images/acctnav-arrow-left-hover.gif); text-decoration:none; }
ul.tabbar li.tabnav-prev-disabled { width:29px; height:17px; background:url(../images/acctnav-arrow-left-disabled.gif); }
ul.tabbar li.tabnav-next { width:29px; height:17px; background:url(../images/acctnav-arrow-right.gif); }
ul.tabbar li.tabnav-next a { width:29px; height:17px; display:block; text-indent:-9000px; }
ul.tabbar li.tabnav-next a:hover { width:29px; height:17px; background:url(../images/acctnav-arrow-right-hover.gif); text-decoration:none; }
ul.tabbar li.tabnav-next-disabled { width:29px; height:17px; background:url(../images/acctnav-arrow-right-disabled.gif); }

ul.tabbar li.status { border:0; margin-left:160px;}

ul.tabbar input.text { font-size:10px; margin:0; padding:0;}



/*-----------------------------------------------------------------
   
      Ad Formats

-----------------------------------------------------------------*/
.vertical-ad {
  width: 125px;  
  margin-top: 0; 
  margin-bottom: 20px; 
  border: 1px solid #cecece; 
  padding: 10px; 
  }
  
.horizontal-ad {
  width: 260px; 
  height: 90px;
  margin-bottom: 20px; 
  border: 1px solid #cecece; 
  padding: 10px; 
  }
  .horizontal-ad img { float:left; margin-right: 10px; }


/*-----------------------------------------------------------------
   
      PageMessage - errors and success messages

-----------------------------------------------------------------*/
#PageMessage {
  margin:20px 0;
  padding: 5px 7px;
  }
  .error { 
    background: #fcc;
    border: 2px solid #933;
    padding:3px;
    color:#500;
	width: 93%;
    }   
  .message,.success {
    background: #cfc; 
    border: 2px solid #393; 
    padding:3px;
    color:#060;
    } 
  .notify {
    border:1px solid #dad3a9; 
    background: #f2f0e2;
    padding:3px;
    color:#666;
    }
  #PageMessage h1 { margin: 5px 0 5px 10px; font-size: 12px; font-weight:bold; text-transform:uppercase; }
  #PageMessage ul { margin:5px 0 5px 25px; padding:0; }
  #PageMessage ul li { margin:0px 0px 3px; }
  #PageMessage p { margin: 5px 0 5px 10px; padding:0; font-weight:bold; }





/*-----------------------------------------------------------------

    BUTTONS

-----------------------------------------------------------------*/

/*<a href="" class="action-button"><span>Button</span><b>&nbsp;</b></a>*/

a.action-button, a.action-button span, a.action-button b { 
  height:18px;
  font: 10px/19px Verdana,Arial,Sans-Serif;
  text-transform:uppercase; 
  text-decoration:none; 
  font-weight:normal;
  color:#fff; 
  }
  a.action-button span { padding: 3px 3px 3px 10px; background: url(../images/action-button-off-left.gif) no-repeat top left; }
  a.action-button b { padding: 3px 3px 3px 0px; background: url(../images/action-button-off-right.gif) no-repeat top left; }
  a.action-button:hover span { background: url(../images/action-button-on-left.gif) no-repeat top left; }
  a.action-button:hover b { background: url(../images/action-button-on-right.gif) no-repeat top left; }


a.micro-button, a.micro-button span, a.micro-button b { 
  height:13px;
  font: 10px/10px Verdana,Arial,Sans-Serif;
  text-transform:uppercase; 
  text-decoration:none; 
  font-weight:normal;
  color:#555; 
  }
  a.micro-button span { padding: 0px 3px 3px 10px; background: url(../images/micro-button-off-left.gif) no-repeat top left; }
  a.micro-button b { padding: 0px 3px 3px 0px; background: url(../images/micro-button-off-right.gif) no-repeat top left; }
  a.micro-button:hover span { color:#eee; background: url(../images/micro-button-on-left.gif) no-repeat top left; }
  a.micro-button:hover b { background: url(../images/micro-button-on-right.gif) no-repeat top left; }

  
  a.view-button { color: #c39!important; background:none!important; text-decoration: none; }
  a.view-button:hover	{ color: #000; background:none; text-decoration: none; }
      



/*-----------------------------------------------------------------

    tag cloud 

-----------------------------------------------------------------*/
  
  .tag-cloud { line-height:2.2em; margin:0 0 10px; text-transform: lowercase;}
  .size1 { font-size:12px !important; }
  .size2 { font-size:17px !important; }
  .size3 { font-size:20px !important; }
  .size4 { font-size:26px !important; }
  .size5 { font-size:32px !important; }

  ul.tag-list { list-style-type: none; margin:0; padding:0;  }
  ul.tag-list li { display:inline; padding:0;}




/*-----------------------------------------------------------------

    data tables 

-----------------------------------------------------------------*/
table.data-table {
  width: 465px;
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  margin: 0 0 10px 0;
  }
  table.full-width { width:650px; }
  table.data-table th {
    text-align: left;
    border-top: 1px solid #bbb;
    padding: 4px 12px 4px 5px;
    font-size: 11px;
    line-height: 12px;
    color: #777;
    background: #eee url(../images/data-table-header-gradient.jpg) repeat-x;
    }
  table.data-table td {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding: 5px 12px 5px 5px;
    font-family: inherit;
    font-size: 11px;  
    color: #777;
    }
  table.data-table tr.alt td { background:#eee;}
  table.data-table .xlast { padding-right:0; text-align:right; }
  table.data-table .xcurrency { text-align:right; }
  table.data-table .center { text-align:center; }  
  table.data-table .right { text-align:right; }  
  table.data-table tr.foot td { border-bottom:none; font-weight: bold; }
  table.data-table tr.pagination-footer td { border-bottom:none; font-weight: bold; text-align:right; background:#eee; }



/*-----------------------------------------------------------------

    search pagination

-----------------------------------------------------------------*/

.search-pagination {
  float:right;
  width:240px;
  padding:3px;
  margin:0;
  padding:0;
  }

.search-pagination ul {
  padding:0;
  margin:0;
  list-style-type: none;
  float:right;
  }

.search-pagination ul li {
  float:left;
  margin:0;
  margin-left: 3px;
  xpadding: 0 0 3px;
  padding: 4px 0px;
  }
.search-pagination ul li a {
  border:1px solid #aaa;
  padding: 2px 4px;  
  color:#000;
  }
  .search-pagination ul li a:hover {
    text-decoration: none;
    background:#fff;
    padding: 2px 4px;  
    border:1px solid #c39;    
    }
  .search-pagination ul li.disabled a { cursor: pointer; }
  .search-pagination ul li.disabled a:hover { border:1px solid #aaa; padding: 2px 4px; cursor:default;}
  .search-pagination ul li.arrow-disabled { display:inline; border:1px solid #aaa; padding:0px 4px 2px; }
  .search-pagination ul li.current a, .search-pagination ul li.current a:hover {
    text-decoration: none;
    background:#c39;
    color:#fff;
    padding: 2px 4px;
    border:1px solid #c39;
    }
   .search-pagination ul li.elipsis { font-weight: bold;}
     
     
/*-----------------------------------------------------------------

    results list styles

-----------------------------------------------------------------*/

table.results-list {
  border-collapse:collapse;
  width:702px;
  margin: 20px 0;
  }
  
table.results-list tr {
  background: #eee;
  padding:0;
  margin:0;
  }
  table.results-list tr td {
    border-bottom: 10px solid #fff;
    padding: 10px 0 0 0;
    margin: 0;
    vertical-align:top;
    overflow:hidden;
    height: 75px;
    }
    table.results-list tr td.image  { width:135px; padding:0; }
    table.results-list tr td.image img  { width:124px; height:83; }
    table.results-list tr td.name   { width:275px; }
      table.results-list tr td.name div.contents { width:265px; overflow:hidden; margin:0;padding:0 }
      table.results-list tr td h3 { padding:0; margin:0 0 5px 0; font-size:18px; line-height:1em; font-weight:bold; }
      table.results-list tr td h4 { font-weight:bold; color:#444; font-size:12px; }
      table.results-list tr td p { margin-bottom:0; }
      table.results-list tr td ul { list-style: none; margin:0; padding:0; }
    table.results-list tr td.fields { width:180px; }
    table.results-list tr td.stats  { width:112px; }
    
    table.results-list tr td.job  { width:400px; padding:10px 0 2px 15px; height:auto; }
    table.results-list tr td.details { width:200px; height:auto; }
    table.results-list tr td.tools { width:102px; height:auto; }

    

.result-thumbnail {
  width:150px; 
  overflow:hidden;
  }
  .result-thumbnail img { border:1px solid #333; }
  .result-thumbnail h4 { font-size:12px; font-weight:normal; margin-bottom:0px; width:70%; }

  

/*-----------------------------------------------------------------

      Person Listing (Avitar + Details) 

  -----------------------------------------------------------------*/


  .network-list {
  	position:relative; 
  	width:670px
  	_width:685px;
  	margin: 0 0 10px;
  	padding-top:0;
  	overflow:hidden;
  	}
  #Body-people .network-list { width:702px; margin: 0; }

  .network-list a:hover { color:#000;}

  .network-person {
    float: left;
    width: 205px;
    height: 60px;
    margin: 10px 10px 0 0;
    padding: 5px 0 0 5px;
    background: #eee;
    overflow:hidden;
    }
  body#Body-people .network-list .network-person { width: 222px; }
  body#Body-people .network-list .network-person .info { width: 145px; }

  .mutual-link { background: #eee url(../images/mutual-link-star-bkgd.gif) no-repeat top right; }

  .network-person .avatar { 
    float: left; 
    width: 60px; 
    height: 45px; 
    margin: 0 10px 0 0;
    *margin-right:4px;
    }
  .network-person .info { 
    float: left; 
    width: 110px;
    overflow:hidden;
    margin: 0;
    padding: 0;
    }
  .network-person .info h4 {
    font-size:11px;
    line-height:1em;
    margin: 0 0 5px;
    padding: 0;
    }
    .network-person .info h4.untitled { font-weight:normal; font-style:italic; color:#777; }
    
  .network-person .info p {
    font-size:10px;
    margin: 0 0 3px 0;
    padding: 0;
    line-height: 1em;
    }
    
    .network-person p.by {
      font-size:11px;
      margin: 0 0 5px 0;
      padding: 0;
      line-height: 1em;
      }


/*-----------------------------------------------------------------

    HELP BOXES 

-----------------------------------------------------------------*/

div.help { 
  overflow:hidden;
  border:1px solid #dad3a9; 
  background: #f2f0e2;
  width:624px;
  padding: 10px 10px 0;
  margin:0 0 10px 0;
  }

div.help-fullwidth {
  float:left;
  width:624px!important;
  }
  div.help h3 { margin: 0 0 10px 0; }
  div.help p { font-weight: normal; margin:0 0 10px 0; xfont-size:11px; }
  div.help ul { font-weight: normal; margin:0 0 10px 0; xfont-size:11px; padding:0 0 0 15px }

div.help-sidebar { 
  border:1px solid #dad3a9;
  background: #f2f0e2;
  width:624px;
  padding: 10px 10px 0;
   position:relative;
   left: 0;
   float: right;
   clear: none;
   width: 160px;
   margin: 0;
   }
  
.whatsthis { width: 400px; } /* descriptive text bellow h2 on account screens */

  
/*-----------------------------------------------------------------

    Comments and Meta-Actions on Images 

-----------------------------------------------------------------*/
.meta-actions { background: url(../images/dotted-line-top.gif) repeat-x top; padding:5px 0 30px 0;}
.meta-actions ul { list-style:none; margin: 0; padding:0; overflow:hidden;}
.meta-actions ul li { float:left; padding-right:15px; }
.meta-actions ul li a { color:#666; background:#eee; }
.meta-actions ul li a:hover { color:#c39; background:#fff; }


#comments {  margin:0 0 20px; padding:0 0 10px 0; overflow:hidden;}
#Body-people #comments { border-bottom:4px solid #ddd; }
#comments h3 { color:#555;}
#comments h3 span { color:#aaa; font-size:14px;}
#comments .comment { width:460px; border-top:1px solid #ddd; padding:10px 0; overflow:hidden; }
#comments .comment .avatar { float:left; width:70px;}
#comments .comment .details { float:left; width:390px; }
#comments .comment .by { font-weight:bold; }
#comments .comment .text p { margin:0; padding:0;}
#comments .comment .date { font-style:italic; color:#aaa;}
#comments .comment-form { float:left; }
#comments .comment-form textarea { width:350px; height:75px; }
#comments #post-comment-link, #comments #post-comment-form, #comments #post-comment-login { margin-top:30px; }  
  
  
  
/*-----------------------------------------------------------------

    MISC 

-----------------------------------------------------------------*/

.statistic { font-size:11px; color:#777;}
.thumb {  border: 1px solid #333;   }
.thumb-light {  border: 1px solid #aaa;   }
.chunk {  margin:0 0 30px;  }
.right { text-align:right; }
.no-height { height:auto!important; }
.no-min-height { min-height:none!important; height:auto!important; }

/* this is pagination in the account/network pages */ 
.pagination  {
  float:right;
  font-size:12px;
  }

.last { margin-right:0!important; }  

.hoverable:hover { background:#f8f8f8!important; }