﻿/* Worker settings */


.header .logo a {cursor:pointer;overflow:hidden;display:block;
                   width:120px;height:95px;text-align:left;
                   text-indent:-999em;background-image:url(images/Worker/Logo-Cropped.png);
                   background-repeat:no-repeat;}	/* ../images/logo.png  /RentACoder/images/HomePageVWorker/vWorker_Tight.gif*/
  

/* Menus */

    .header {} /* wide header background */
    .header .container {background-position:0 107px;background-repeat:no-repeat;
	                    background-image:url(images/Worker/bg_header-w.png);} /* center header background  iai change these*/
    .header .container-inner {background-position:100% 107px;
            background-repeat:no-repeat;
            background-image:url(images/Worker/bg_header-e.png);}
    

    /*background-color:#1c58bb;background-image:url(images/Worker/bg_footerx.png);*/
    .footer {
	            background-position:0 0;background-repeat:repeat-x;} /* wide footer background */
	
    /*background-color:#0d4fb5;*/
    .footer .container {background-image:
        url(images/Worker/bg_footer-right-small.png);background-position:100% 0;
        background-repeat:repeat-x;} /* center footer background */
    .footer .nav {background-image:url(images/Worker/bg_footer-left-small.png);
	    background-position:0 0;background-repeat:no-repeat;height:26px;}
	
	/*top menu font color #1 of 3*/
	.header .navigation .main .current a {color:white;background-position:0 -32px;} /*cursor:default; remove to allow user to see they can click on selected tab*/
	
    .header .navigation .main a {float:left; padding:0 4px 0 15px; width:115px; 
        font-size:12px;line-height:31px;color:#666; text-decoration:none; 
        text-align:center; background-image:url(images/Worker/bg_main-nav.png);
        background-position:0 0;background-repeat:no-repeat;}

.header .navigation .main a:hover {background-position:0 -32px;text-decoration:underline;color:#fff;}
  .header .navigation .main .current a:hover {text-decoration:underline;}

    .header .navigation .main .nav_help a {width:39px;padding:0;text-align:center;
        background-image:url(images/Worker/bg_main-nav-help.png);
        background-position:0 0;background-repeat:no-repeat;}

/*iai: this line caused an extra tab to appear on left hand side
    .header .navigation .secondary li.first-child a:hover {background-image:url(images/white-35-nw.png);}
    */
    /*top menu font color #3 of 3*/
  .header .navigation .secondary li a {float:left;height:32px;line-height:32px;
      padding:0 11px;font-size:13px;color:white; text-decoration:none;}
  .header .navigation .secondary li a:hover,
    .header .navigation .secondary li:hover a {color:black;}
  
    
    /*top most menu -2nd level (1st level drop down) color*/
    .header .navigation .secondary li ul a {float:left;width:180px;height:auto;line-height:18px;
        padding:4px 22px 4px 11px;font-size:12px;color:#238170;} /* removed grey border between entries: border-top:1px solid #ededed; */
    .header .navigation .secondary li:hover ul a {color:#238170;}
    .header .navigation .secondary li ul {position:absolute;
        top:32px;left:-999em;width:214px;border-top:5px solid #fcfcfc;
        padding:0 0 10px 0;
        background-image:url(images/Worker/bg_dropshadow.png);
        background-position:0 100%;background-repeat:no-repeat;}




    /*top most menu -3rd level (2nd level drop down) color*/
    .header .navigation .secondary li ul li.dropdown:hover ul a {color:#238170;
        background-image:none;
        background-color:transparent;}
    .header .navigation .secondary li ul li.dropdown:hover ul li.dropdown:hover ul a 
        {color:#10B59C;background-image:none;background-color:transparent;}        

    /**note: due to order of precedence, these 2 most be here and not in screen.css*/
    .header .navigation .secondary li ul a:hover {color:#fff;
            background-position:0 0;
            background-color:#10B59C;}
      .header .navigation .secondary li ul li.dropdown:hover a {color:#fff;
            background-position:100% 0;
            background-color:#10B59C;}
      
    

    /* */
    /*must go before others 3 followers*/  
    body.js .header .navigation .secondary li ul li.dropdown a:hover {color:#fff;
        background-position:100% 0;
        background-color:#10B59C;}

  .header .navigation .secondary li ul li.dropdown:hover ul li.dropdown a {
    background-repeat:no-repeat;
    background-position:0 0;}
  .header .navigation .secondary li ul li.dropdown:hover ul a:hover {color:#fff;
        background-position:0 0;background-color:#10B59C;}
  .header .navigation .secondary li ul li.dropdown:hover ul li.dropdown:hover a {color:#fff;
        background-position:100% 0;background-color:#10B59C;}
  
  .header .navigation .secondary li ul li.dropdown:hover ul li.dropdown:hover ul a:hover {color:#fff;
        background-position:0 0;background-color:#10B59C;}



/**************************/
/* Table row header color */
/**************************/

    TR.HeaderRow_Clear{font-weight:bold;}
    TR.HeaderRow_Small{color:#555555; background-color:#C0EBDF; font-size:xx-small; font-family:verdana;font-weight:bold;}
    TR.HeaderRow_Medium{color:#555555; background-color:#C0EBDF; font-size:10pt; font-family:verdana;font-weight:bold;}
    TR.HeaderRow_Large{color:#555555; background-color:#C0EBDF; font-size:12pt; font-family:verdana;font-weight:bold;}
    TR.HeaderRow{color:#555555; background-color:#C0EBDF; font-family:verdana;font-weight:bold;}
    TR.Header{color:#555555; background-color:#C0EBDF; font-family:verdana;font-weight:bold;}

    TD.SmallRow_Header /*inverse color header row*/{color:#555555; background-color:#C0EBDF; font-size:xx-small; font-family:verdana;font-weight:bold;}
    TD.MediumRow_HEADER /* medium TD inverse color header row**/{color:#555555; 
    background-color:#C0EBDF; font-size:10pt; font-family:verdana;font-weight:bold;}

    .gridHeaderTinyBoldWhite{font-size:7pt; font-weight:bold; color:#555555; 
    background-color:#C0EBDF; height:12pt; text-align:center; vertical-align:middle}       
    .GridView_HeaderStyle{ color:#555555; background-color:#C0EBDF; font-size:xx-small; font-family:verdana; font-weight:bold}     
    .clsHeaderStyle{font-size:8pt; color:#555555; background-color:#C0EBDF; text-align:left; font-weight:bold}

    /* colored table rows and cells*/
    TR.ColoredRow_Small{background-color:#ECF9F5; font-size:xx-small; font-family:Verdana}
    TR.ColoredRow_Small2{background-color:#ECF9F5; font-size:8pt; font-family:Verdana}
    TR.ColoredRow_Medium{background-color:#ECF9F5; font-size:x-small}
    TR.ColoredRow{background-color:#ECF9F5;}
    TR.ColoredRow_Light{background-color:#F4FBF9;}
    TR.ColoredRow_Light2{background-color:#F7FCFB;}
  
    TD.ColoredRow{background-color:#ECF9F5;}
    TD.ColoredRow_Light{background-color:#F4FBF9;}
    TD.ColoredRow_Light2{background-color:#F7FCFB;}
  
    .GridView_AlternatingRow{ background-color:#F7FCFB;} 
    .clsAlternatingRowStyle{background-color:#F4FBF9; font-weight:normal}
    



/**************************/
/* Table border color */
/**************************/
.TableBorder {border-collapse: collapse;border:solid 1px #C0D8D1;} /* was 3a9179 default for tables*/
.ImageBorder {border-collapse: collapse;border:solid 1px #C0D8D1;} /*default for images*/
.TableBorderLight {border-collapse: collapse;border:solid 1px #CDDFDA;} /*default for tables*/
.PopupBorder {border-collapse: collapse;border:solid 3px #C0D8D1;} /*default for popups*/

/**************************/
/* Link/visited link color*/
/**************************/
.content a:link {color:#004C1A;} 
.content a:visited {color:#66A67C;} 

.sidebar a:link {color:#004C1A;} /*this must occur after .content a:link to take affect on right hand sidebar*/
.sidebar a:visited {color:#66A67C;} /*this must occur after .content a:visited to take affect on right hand sidebar*/
.sidebar a:visited:hover {color:#800000;} 
    
.content a:active {} 
.content a:hover, 
    .content a:visited:hover {text-decoration: underline;color:#800000;} 

.LegacyMenu a:visited {color:#004C1A;} 
.LegacyMenu a:hover {color:#004C1A;}

/*upper right account link*/
.tools a:link {color:#004C1A;} 
.tools a:visited {color:#66A67C;} 
/*upper admin area links*/
.more a:link {color:#004C1A;} 
.more a:visited {color:#66A67C;} 
        
        
/* HR */
.content hr {display:block;height:1px;
	background:transparent;border:none;
	border-top:1px solid #65B894;}	/*margin:18px -10px 18px -20px;*/

.GridView_BottomHR{border-bottom: #65B894 1px solid;} /*class to simulate HR at bottom of gridview*/


.SubMenu {background-color:#E9F6EE;} /*old: #f5f5f5 #EEEEEE*/
.BroadCastMessageBackground{ background-color:#E9F6EE;} /*light grey:#f5f5f5 old was #F0F0F0*/




/*footer section*/
.FooterStyle_Links {color:#1F4636;text-align:center; }
.FooterStyle_Links a {color:#1F4636;text-decoration:none;}
.FooterStyle_Links a:hover {text-decoration:underline;}
.clsSomething .FooterStyle_Copyright {color:#1F4636;text-align:center; }
.clsSomething .FooterStyle_Copyright a {color:#1F4636;text-decoration:underline;}
.clsSomething .FooterStyle_Copyright a:hover {text-decoration:underline;
                                              color:#800000;}



/*project page tabs*/
#idTabstrip ul {
		    list-style: none;
		    padding: 0;
		    margin: 0;
        }
        
	    #idTabstrip li 
	    {
	        list-style: none; /*needed for Firefox*/
		    float: left; 
		    padding:0; /* stops extra pading above and below*/
		    border: 1px solid #8DBAAD;
		    border-bottom-width: 0;
		    margin: 0;
        }
        
	    #idTabstrip a {
		    display: block;
		    background: #E9F6EE; /* background of tab */
		    /*padding: 0.24em 1em;*/ /*width: 8em;*/
		    padding: 10px 12px 10px 12px;
		    /*color: #00c;*/
		    text-align: center;
        }
        
        
    	
	    #idTabstrip a:hover {
		    background: #ddf;
		    cursor:pointer;
	    }
    	
	    #idTabstrip .clsSelected {
		    border-color: #8DBAAD;
	    }


	    #idTabstrip .clsDisabled a {
	        text-decoration: none;
		    color:#999999;
	    }
	    #idTabstrip .clsDisabled a:hover {
		    /*border-color: #8DBAAD;*/
		    background: #eee;
		    cursor:default;
	    }

    	
	    #idTabstrip .clsSelected a {
		    position: relative;
		    top: 1px;
		    background: white;
		    color: black;
		    font-weight: bold;
		    text-decoration: none;
	    }
    	
	    #idTabstripContent {
		    border: 1px solid #8DBAAD;
		    clear: both;
		    padding: 0 1em;
	    }

/* Tabs for profile pages (employer and worker)
    See http://ctrlf5.net/?p=56 for documention on how styles for tab control work */
    
    
        /*
        .ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. 
                Child CSS classes:.ajax__tab_outer. 
        .ajax__tab_tab: An element of the tab that contains the text content. 
                Child CSS classes:none. 
        .ajax__tab_hover . This is applied to a tab when the mouse is hovering over. 
                Child CSS classes:.ajax__tab_outer. 
        .ajax__tab_active: This is applied to a tab when it is the currently selected tab. 
                Child CSS classes:.ajax__tab_outer. 
        */

    /*.ajax__tab_header: A container element that wraps all of the tabs at the top 
        of the TabContainer. 
                Child CSS classes:.ajax__tab_outer. */    
            .clsProfilePageTab .ajax__tab_header
            {
    
                font-family: Verdana, sans-serif;
                font-size: 13px;
                /*font-weight:bold;*/
                display: block;

            }
    /*.ajax__tab_outer: An outer element of a tab, often used to set the 
        left-side background image of the tab.
                Child CSS classes: .ajax__tab_inner. */
            .clsProfilePageTab .ajax__tab_header .ajax__tab_outer
            {
                /*border-color: #222;*/
                color: #222;
                /*padding-left: 10px;*/
                padding:5px 5px 5px 15px;
                margin-right: 3px;
                border:solid 1px #C0D8D1; /*border color of tabs*/
                border-bottom-color: #E9F6EE; /*1 pixel tall row of background color 
                        at bottom of tab*/
                background-color:#E9F6EE; /*background color of unchosen tabs*/
                z-index:999;
            }
            .clsProfilePageTab .ajax__tab_hover .ajax__tab_outer
            {
                background-color:#0E50b4;
                color:White;
            }
            .clsProfilePageTab .ajax__tab_active .ajax__tab_outer
            {
                border-bottom-color: #ffffff;

                /*background-color: #d7d7d7;*/
                background-color:white;
                font-weight:bold;
                
                /*trick to get bottom to extend over tab contents table
                and eliminate the line under selected tab*/
                padding-bottom:7px;
                margin-bottom:-5px;
                border-bottom:0px;
                
            }        

    /*    .ajax__tab_inner: An inner element of a tab, often used to set 
        the right-side image of the tab. 
                Child CSS classes:.ajax__tab_tab. */
            .clsProfilePageTab .ajax__tab_header .ajax__tab_inner
            {
                border-color: #666;
                color: #666;
                padding: 3px 10px 2px 0px;
            }
            .clsProfilePageTab .ajax__tab_hover .ajax__tab_inner
            {
                color: #fff;
                
            }        
            .clsProfilePageTab .ajax__tab_active .ajax__tab_inner
            {
                color: #000;
                /*border-color: #333;*/
            }
        
    /*    .ajax__tab_body: A container element that wraps the area where the 
        TabPanel is displayed. 
                Child CSS classes: none. */
        
            .clsProfilePageTab .ajax__tab_body
            {
                font-family: Verdana, sans-serif;
                font-size: 13px;
                background-color: #fff;
                /*border-top-width: 0;*/
                /*border-top-color: #ffffff;*/
                border: solid 1px #C0D8D1; /*border color of tab container of content*/
                padding:10px 10px 10px 10px;
                z-index:10;
                
            }
        
/*employer/worker control panel button*/
.ControlPanelButton {background-color:#E9F6EE;}	        	    	

/*employer/worker floating project shortcut menu */
.clsShortcutMenu_Floating ul li{list-style:none;	    
	    background-image: url('/RentACoder/images/Treeview/bullet_triangle_glass_green.png');
   	    background-repeat:no-repeat;
	    background-position:0px 5px;
	    }
    .clsShortcutMenu ul li ul li {list-style:none;
	    padding:0px 0px 0px 15px;
	    margin:3px 0px 3px 15px;
	    background-repeat:no-repeat;
	    background-image: url('/RentACoder/images/Treeview/bullet_square_glass_green.png');
	    background-position:0px 5px;
	    
	    } /* /RentACoder/images/Treeview/TreeviewNode.gif */


.fancybutton {width:auto;overflow:visible;font-size:12px;height:23px;
    padding:0 3px;border:1px solid #4788be;text-align:center;color:#fff;
    background-color:#58B8A7;background-image:url('/RentACoder/DotNet/2010Redesign/images/Worker/bg_button.png');
    background-position:0 0;background-repeat:repeat-x;cursor:pointer;}

/* from C:\inetpub\wwwroot\RentACoder\DotNet\2010Redesign\stylesheets\jquery-ui-1.8.17.custom.css 
    for jquery ui modal popup caption color
    'removed from background: url('/RentACoder/DotNet/2010Redesign/images/ui-bg_gloss-wave_50_6eac2c_500x100.png') 
*/
     .ui-widget-header
{
    border: 1px solid #10B59C;
    background:  rgb(97, 173, 215) 50% 50% repeat-x;
    background: rgb(97, 173, 215) repeat-x 0 -400px;
    color: white;
    font-weight: bold;
    font-size: 11px;
    font-family: "Arial",sans-serif;
}
.ui-dialog .ui-dialog-buttonpane { 
    text-align:center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
    float: none;
}

.ui-dialog-buttonpane button
{
    width:60px;
    height:20px;
 
} 
    
.clsRequiredFieldIndicator {color:#6DCCAE;}