﻿/*_______________________________________________________________________________________________*/	

/* 3.1	Homepage
_______________________________________________________________________________________________*/	

  body.home .container {width:962px;position:relative;} 
    /*2010-11-27: position:relative moved from screen.css to here because 
    it causes problems with tooltip display on normal page*/
    
  body.home .header .container {background-image:url(../images/bg_header-home.png);}
  body.home .header .container-inner {background:none;}
  body.home .container-main {background-image:url(../images/bg_main-home.png);background-position:0 0;background-repeat:repeat-y;}
  body.home .wrapper {padding:0 32px;background-image:url(../images/bg_wrapper-home-240.jpg);
        background-position:0 0;background-repeat:no-repeat}
  body.home .wrapper .content {float:none;}
  body.home .content-inner {padding:0;}
  
  body.home .content h2 {font-size:1.5em;}
  body.home .content .twocol {}
  body.home .content .twocol .main-col {float:right;width:483px;}
  body.home .content .twocol .secondary-col {float:left;width:392px;}
  body.home .content .twocol-main {padding-top:6px;margin:0 0 28px 0;}
  body.home .content .secondary-twocol {margin:13px 0 0px 0;}
  body.home .content .secondary-twocol .secondary-col {float:left;width:398px;}
  body.home .content .secondary-twocol .main-col {float:right;width:472px;}
  
  /* Employers */
  body.home .content .employers {position:relative;margin:-2px -2px 0px -2px;height:232px;
        padding:12px 25px 0 25px;background-image:url(../images/bg_employers-229.png);
        background-repeat:no-repeat;color:white;font-size:13px;} /*color:#fff;*/
  body.home .content .employers h2 {margin:0 0 8px 0;font-weight:bold;}
  body.home .content .employers p {margin:0 0 8px 0;line-height:normal;font-size:12px;} /*font-size: 1.08em;line-height:1.38em;*/
  body.home .content .employers p a {color:#D5FFAA;} /*color:#191919;*/
  body.home .content .employers p a:hover {color:#800000;}
  
  body.home .content .employers ul {margin-top:5px; margin-bottom:5px;}
  body.home .content .employers ul li {}
  body.home .content .employers ul li a {color:#D5FFAA;} 
  body.home .content .employers ul li a:hover {color:#800000;}
  
  body.home .content .employers .moreinfo {float:left;margin:20px 0 0 40px;} 
  body.home .content .employers .moreinfo a {color:#D5FFAA;}


  
  body.home .content .employers a.post-project {display:block;width:189px;height:30px;
        padding:0 0 14px 0;font-size:17px;line-height:31px; 
        margin:20px 0 0 0;
        font-family:Verdana, sans-serif; 
        text-decoration:none; text-align:center; 
        background-image:url(../images/btn_black.png);
        background-repeat:no-repeat;color:#fff;}
  body.home .content .employers a.post-project:hover {background-position:0 -45px;}
  body.home .content .employers .badge {position:absolute;top:102px;right:22px;width:87px;
        height:87px;background-image:url(../images/bg_repeat-business-rate.png);background-position:0 0;background-repeat:no-repeat;}
  body.home .content .employers .badge strong {display:block;padding:19px 0 0 0;font-size:15px;
        line-height:15px;text-align:center;font-weight:normal;}
  body.home .content .employers .badge span {position:absolute;left:-999em;}
  
  /* Workers */
  body.home .content .workers {position:relative;height:201px;
        padding:12px 25px 0 25px;margin: 5px 0 0 0px;
    background-image:url(../images/bg_workers.png);background-repeat:no-repeat;
    background-color:#e4f3fa;font-size:13px;}
  body.home .content .workers h2 {margin:0 0 8px 0;font-weight:bold;}
  body.home .content .workers p {margin:0 0 8px 0;line-height:normal;font-size:12px;} /*font-size: 1.08em;line-height:1.38em;*/
  
  body.home .content .workers a.bid-project {display:block;width:189px;height:31px;
        margin:20px 0 0 0;
        padding:0 0 14px 0;font-size:17px;line-height:31px; 
        font-family:Verdana, sans-serif;text-decoration:none; text-align:center; 
        background-image:url(../images/btn_blue.png);background-repeat:no-repeat;color:#fff;}
  body.home .content .workers a.bid-project:hover {background-position:0 -45px;}
  
  body.home .content .workers ul {margin-top:5px; margin-bottom:5px;}
  body.home .content .workers ul li {}
  body.home .content .workers ul li a {} 


  body.home .content .workers .moreinfo {float:left;margin:20px 0 0 40px;} 
  body.home .content .workers .moreinfo a {}

  
  /* Branding */
  
  body.home .content .branding {margin:0 -23px 0 -22px;padding:0 23px 0px 22px;
        background-repeat:no-repeat;} /*background-image:url(../images/bg_branding.png);*/
  body.home .content .branding #idVideo {border:1px solid #fff;}
  
  /* Testimonials */
  body.home .content .testimonial {}
  .content .testimonial h4 {margin:12px 0 12px 0;font-size:16px;}
  .content .testimonial blockquote {padding:0 20px 0 20px;margin:0;font-size:8pt;}
  .content .testimonial blockquote p {margin:0 0 9px 0;font-size: 11px;line-height:1.23em;font-style:italic;}
  .content .testimonial blockquote p.more {margin:14px 0 0 0;text-align:right;font-style:normal;}
  
  .content .HomePageBroadcastArea {margin:18px 0 0px 0;}
  
  /* As seen in */
  .content .featured-on {height:40px;margin:26px 0 8px 0;}
  .content .featured-on strong {float:left;
        padding:0 0 0 10px;font-size:12px;line-height:30px;}
  .content .featured-on ul {float:left;margin:0 -20px 0px 0;padding:0;}
  .content .featured-on ul li {float:left;padding:0;background:none;list-style-type:none;}
  .content .featured-on ul a {float:left;padding:0 7px;}
  .content .featured-on ul a img {float:left;}
  .content .featured-on p.more {width:100%;clear:both;white-space:nowrap;
            text-align:right;margin:0;font-size:10px;}
  .content .featured-on p.more a {margin:0 20px;}
  
  /* Marketplace statistics */
  .content .marketplace-statistics {font-size:10px;}
  .content .marketplace-statistics strong {float:left;}
  .content .marketplace-statistics ul {float:left;padding:0;text-align:center;}
  .content .marketplace-statistics ul li {float:left;padding:0 20px;list-style-type:none;display:inline;}
  
  .content .HorizontalList {float:left;padding:0 20px;list-style-type:none;display:inline;}
  
  
  /* Home links */
  .content .home-links {padding:0 0 14px 0;background-image:url(../images/bg_home-links.png);background-position:0 100%;background-repeat:no-repeat;}
  .content .home-links .home-links-inner {height:268px;overflow:hidden;padding:18px 20px 0 20px;background-image:url(../images/bg_home-links-inner.png);background-position:0 0;background-repeat:no-repeat;}
  
  .content .home-links h2 {margin:0;font-size:18px;line-height:18px;font-weight:bold;}
  .content .home-links h3 {margin:0;font-size:18px;line-height:18px;font-weight:normal;}
  .content .home-links p {font-size:13px;line-height:18px;margin:3px 0 0;}
  
  .content .home-links .link-compare {float:left;width:100%;border-bottom:1px solid #d9ded8;
        padding-top:8px;padding-bottom:8px;background-image:url(../images/ico/compare.png);
        background-position:296px 0px;background-repeat:no-repeat;}
  .content .home-links .link-subscribe {float:left;width:100%;border-bottom:1px solid #d9ded8;
        border-top:1px solid #fbfffc;padding-top:8px;padding-bottom:8px;}
  .content .home-links .link-subscribe h3 {float:left;width:200px;line-height:42px;}
  .content .home-links .link-subscribe a.rss {float:left;width:48px;height:42px; 
        background:url(../images/ico/rss.png) 50% 50% no-repeat;}
  .content .home-links .find-us-on {float:left;width:100%;border-bottom:1px solid #d9ded8;
                                    border-top:1px solid #fbfffc;padding-top:8px;padding-bottom:8px;}
  .content .home-links .find-us-on h3 {float:left;width:132px;line-height:42px;}
  .content .home-links .find-us-on a {float:left;width:48px;height:42px; 
                                      background-position:50% 50%;background-repeat:no-repeat;}
  .content .home-links .find-us-on a.twitter {background-image:url(../images/ico/twitter.png);}
  .content .home-links .find-us-on a.facebook {background-image:url(../images/ico/facebook.png);}
  .content .home-links .find-us-on a.linkedin {background-image:url(../images/ico/linkedin.png);}
  
  .content .home-links .find-us-on a.rss {background-image:url(../images/ico/rss.png);}
  
  .content .home-links .find-us-on .MoreLinks {margin:0 0 0 142px;font-size:8pt;}  
  .content .home-links .find-us-on .MoreLinks a {height:auto;width:auto;float:none;background-position:inherit;}

  
  .content .home-links .quick-links {float:left;width:100%;border-top:1px solid #fbfffc;padding-top:18px;}
  .content .home-links .quick-links h2 {margin-bottom:12px;}
  .content .home-links .quick-links p {margin:0 0 8px 0;}
  .content .home-links .quick-links p strong {float:left;width:90px;}
  .content .home-links .quick-links p a {padding:0 10px;}
  
  
  /* Newest bid requests */
  .content .newest-bid-requests {padding:0 0 14px 0;
        background-image:url(../images/bg_newest-bid-requests.png);
        background-position:0 100%;background-repeat:no-repeat;}
  .content .newest-bid-requests .newest-bid-requests-inner {height:266px;
        padding:21px 2px 0 2px;background-image:url(../images/bg_newest-bid-requests-inner.png);
        background-position:0 0;background-repeat:no-repeat;}
  .content .newest-bid-requests h2 {margin:0 15px 14px 15px;font-weight:bold;line-height:18px;}
  .content .newest-bid-requests h3 {margin:0 15px 14px 15px;font-size:18px;line-height:18px;
        font-weight:normal;}
  .content .newest-bid-requests ul {margin:0;padding:0;}
  .content .newest-bid-requests ul li {float:left;width:438px;padding:5px 15px;
        font-size:10px;background:none;list-style-type:none;} /*line-height:18px;height:18px;*/
  .content .newest-bid-requests ul li.odd {background-image:url(../images/bg_newest-bid-requests-line.png);background-position:0 0;}
  .content .newest-bid-requests ul a {float:left;}
  .content .newest-bid-requests ul strong {float:right;font-weight:normal;}
  .content .newest-bid-requests p.more {clear:both;font-size:10px;line-height:10px;text-align:right;margin:0;padding:15px 15px 0 0;}



    


/*marketplace stats*/
.marketplace-stats-list {margin-bottom:10px;}
.marketplace-stats-list ul { margin: 0; padding-top:0; list-style-type: none;}
.marketplace-stats-list ul li { display: inline;padding:0 10px 0 10px;}
/*.middlehr {margin:0px 0px 13px 0px;}*/


/*_______________________________________________________________________________________________*/	

/* 4 Video CSS
_______________________________________________________________________________________________*/	

/*Pre video buttons*/
#idVideoDiv{position:relative;} /*set to relative so we can position buttons in it*/

#idVideoButton_Play 
{
        display:none;
        position:absolute;left:160px;top:100px;
        border:0px;
        }

.clsVideoButton {display:none;padding:5px 0 14px 8px;font-size:11px;
        width:360px;height:14px;margin:20px 0 0 0;text-decoration:none; 
        background-repeat:no-repeat;color:#fff; }
        
        
#idVideoButton_Employer {
        position:absolute;left:10px;top:140px;
        background-color:Black;
        /*background-image:url(/RentACoder/DotNet/2010Redesign/images/btn_black.png);*/
        }
#idVideoButton_Employer:hover {/*background-position:0 -45px;color:#fff;
    text-decoration:none;*/ color:#D5FFAA;}        
.clsVideoButton_EmployerWorker_Image{position:relative;top:1px;vertical-align:middle;}
.clsVideoButton_EmployerWorker_Text{}


#idVideoButton_CEOInterview {position:absolute;left:10px;top:170px;
        background-color:Black;
        /*background-image:url(/RentACoder/DotNet/2010Redesign/images/btn_black.png);*/ 
        }
#idVideoButton_CEOInterview:hover {/*background-position:0 -45px;color:#fff;
    text-decoration:none;*/ color:#D5FFAA;}     
.clsVideoButton_CEOInterview_Text{}

#idVideoButton_Worker {position:absolute;left:10px;top:200px;
        background-color:Black; 
        /*background-image:url(/RentACoder/DotNet/2010Redesign/images/btn_black.png);*/
        }
#idVideoButton_Worker:hover {/*text-decoration:none;*/
        color:#D5FFAA;}

        
/* Video overlay*/
.clsVideoPlayerOverlay {

    /* must be initially hidden */
    display:none;
	
    /* place overlay on top of other elements */
    z-index:10000;
	
    /* styling */
    background-color:black; /*gray;*/
	
    width:675px;height:402px;
    min-height:200px;
    border:1px solid #666;
	
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;	
    }

.clsVideoPlayerOverlay_Iframe{position:relative;top:25px;}

.clsVideoPlayerOverlay_Object{padding-top:25px;}

   

/*default close button: make it disappear */
.clsVideoPlayerOverlay .close {
    /*background-image:url(/RentACoder/images/close.png);*/
    height:1px;width:1px;
    }
    
/*lay this close button over the default*/
#idCloseVideoPlayer {
    position:absolute;
    right:-15px;top:-15px;
    cursor:pointer;
    height:36px;width:36px;
}
    	        
