﻿
/* Is it worth clearing browser defaults in here with something like below? */
*, table
{
	margin:0px;
	padding:0px;
	font-family:Arial;
}

body
{
	background-color:White;
}

body, h1, h2, h3, h4, h5, h6
{
	font-family:Verdana;
	font-size:14px;
}

p
{
	margin:5px 0px 5px 0px;
}

a
{
	color:#4d91cd;
}

.highlight
{
	font-weight:bold;
}

.back
{
	padding:10px 0px 10px 35px;
	background-image:url(/items/v3/images/back_button.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#Page
{
	width:988px;
	margin:4px;
}

#Header 
{
	width:988px;
}

#Navigation
{
	width:988px;
}

#MoreNavLink, #MoreNavLink2
{
	float:left;
	padding:6px 8px;
}
#MoreNavLink a, #MoreNavLink2 a
{
	
	font-weight:bold;
	font-size:15px;

}
#MoreNavLink a:hover, #MoreNavLink2 a:hover
{
	text-decoration:underline;
}

.SecondaryNav
{
	width:100%;
}
.SecondNavGroupTitle
{
	font-weight:bold;
}
.SecondaryNavInner
{
	margin:auto;
	width:900px;
	border:1px #cccccc solid;
	border-top:none;
	position:relative;
}
#SecondaryNavCornerLeft
{
	width:12px;
	height:12px;
	background-image:url(/items/v3/images/nav_corner_left.gif);
	position:absolute;
	left:-1px;
	bottom:-1px;
	font-size:0px;
}
#SecondaryNavCornerRight
{
	width:12px;
	height:12px;
	background-image:url(/items/v3/images/nav_corner_right.gif);
	position:absolute;
	right:-1px;
	bottom:-1px;
	font-size:0px;
}
.SecondNavGroup
{
	float:left;
	padding:10px;
	margin-left:60px;
}
.SecondNavGroup1
{
	margin-left:40px;
}

.SecondNavGroup ul
{
	list-style-type:none;
}

#LeftColumn
{
	width:245px;
	float:left;
	margin-right:10px;
}

#MainColumn
{
	width:732px;
	float:left;
}
#MainColumnFull
{
	width:988px;
}

#Footer
{
	margin-top:10px;
	border-top: solid 1px black;
	clear:both;
	width:100%;
}
#FooterInner
{
	width:900px;
	margin:auto;
}

#BrowseControl
{
	width:727px;
}

#BrowseControl #BrowseControlTitle
{
	font-weight:bold;
}

.browseAllLink
{
    float:right;
    font-size:20px;
    text-decoration:none;
    margin-top:10px;
    display:block;
    width:120px;
}

.browsearrowdiv
{
    padding-top:2px;
    padding-left:5px;
    float:right;
}


.BrowseTabOn
{
	float:left;
	width:242px;
	height:22px;
	background-image:url('/items/v3/images/darkBrowseTab.png');
	text-align:center;
	margin-right:1px;
}

.BrowseTabOn a
{
	display:block;
	color:White;
	text-decoration:none;
	line-height:22px;
	vertical-align:middle;
}


.BrowseTabOff
{
	float:left;
	width:241px;
	height:22px;
	background-image:url('/items/v3/images/lightBrowseTab.png');
	text-align:center;
	margin-right:1px;
}

.BrowseTabOff a
{
	display:block;
	color:Black;
	text-decoration:none;
	line-height:22px;
	vertical-align:middle;
}

.BrowseBox
{
	display:block;
	background-image:url('/items/v3/images/RB-background.png');
	background-repeat:repeat-x;
	background-position:left bottom;
	float:left;
	
}
.BrowseShowInner
{
	border:1px #c9c9c9 solid;
	float:left;
	width:724px;
	padding-bottom:7px;
}

.BrowseHide
{
	display:none;
}

.BrowseItem
{
	float:left;
	width:220px;
	font-size:10px;
	margin:3px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial;
}

.BrowseItemSectors
{
    width:160px;
}

.BrowseItem a
{
	text-decoration:none;
}


#emailform
{
	font-size:12px;
	width:290px;
}
#emailform, #emailformbottom
{
	border:solid 1px black;
}
#emailformInner
{
	margin:0px 8px 8px 8px;
}
.emailformoff
{
	display:none;
}

.emailformon
{
	background-color:White;
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	float:left;
	z-index:945;
}

#emailform #EmailLabel
{
	font-weight:bold;
	float:left;
	padding-top:10px;
}

#emailform #EmailClose
{
	float:right;
	cursor:pointer;
	margin:3px 3px 0px 0px;
}
#emailform #EmailInput
{
	float:left;
	padding-top:10px;
}
#emailform #EmailInput input
{
	width:147px;
}
#emailform #msg
{
	margin:5px;
}
#emailform .EmailFormButton
{
	margin-left:105px;
	cursor:pointer;
}

.PopupShadowTop, .PopupShadowLeft, .PopupShadowRight, .PopupShadowBottom
{
	position:absolute;
	font-size:0px;
}
.PopupShadowTop
{
	margin-top:-10px;
	margin-left:-11px;
	width:299px;
	height:10px;
	background-image:url(/items/v3/images/popup_shadow_top2.png);
}
.PopupShadowLeft
{
	margin-left:-33px;
	width:33px;
	height:115px;
	background-image:url(/items/v3/images/popup_shadow_left2.png);
}

#emailform .PopupShadowLeft
{
    margin-left:-11px;
	width:11px;
	height:115px;
	background-image:url(/items/v3/images/popup_shadow_left.png);
}

.PopupShadowRight
{
	margin-left:288px;
	margin-top:-7px;
	width:20px;
	height:122px;
	background-image:url(/items/v3/images/popup_shadow_right2.png);
}
.PopupShadowBottom
{
	margin-top:115px;
	margin-left:-14px;
	width:322px;
	height:20px;
	background-image:url(/items/v3/images/popup_shadow_bottom2.png);
}

#SecondaryNav
{
	display:none;
}


/*this all needs moving to component */

.redirectBar
{
	width:100%;
	text-align:center;
	background-color:black;
	color:white;
	font-family:Verdana;
	font-size:14px;
	height:25px;
	line-height:25px;
	
}

.redirectBar a
{
	color:Yellow;
}



    .ATBButton
    {
    	height:29px;
    	position:relative;
    	padding-left:7px;
    	padding-right:7px;
    	display: block;
    	display: inline-block;
    }
    .ATBButton, x:-moz-any-link
    {
    	float:left;
    }
    .ATBButton, x:-moz-any-link, x:default
    {
    	float:none;
    }
    .ATBButtonLeft
    {
    	position:absolute;
    	left:0px;
    	width:7px;
    	height:29px;
    	background-image:url('/items/v3/images/StandardButtonLeft.png');
    	display: block;
    	display: inline-block;
    }
    .ATBButtonRight
    {
    	position:absolute;
    	width:7px;
    	height:29px;
    	background-image:url('/items/v3/images/StandardButtonRight.png');
    	right:0px;
    	float:right;
    	display: block;
    	display: inline-block;
    }
    .ATBButtonAnchor
    {
    	line-height:29px;
    	font-size:14px;
    	text-decoration:none;
    	color:Black;
    	font-weight:bold;
    	background-image:url('/items/v3/images/StandardButtonMiddle.png');
    	background-repeat:repeat-x;
    	position:relative;
    	float:left;
    	display: inline;
    	padding:0px 7px 0px 7px;
    }
    .ATBButtonAnchor:hover
    {
    	text-decoration:underline;

    }
    
    
.FormButtonContainer 
{	
	width:500px;
	text-align:center;
	margin-top:10px;
}
.ButtonContainerFull
{
	width:988px;
	text-align:center;
	margin-top:10px;
}




.buttonContainerPromo
{
	float:left;
	width:250px;
	margin-top:10px;
	clear:both;
	text-align:left;
	margin:15px 10px;
}

.bcpFeat
{
    text-align:center;
    width:236px;
    margin:5px 0px;
}

#buttonContainerPromoAll
{
    float:left;
    width:250px;
    margin-top:30px;
    clear:none;
}


.buttonContainerPromo p
{
    clear:both;
}

.PromoHeading
{
    font-size:16px;
}

.promoText
{
    clear:both;
	float:left;
	width:234px;
	font-size:12px;
	text-align:center;
}

.floatLeft .promoText
{
    font-weight:bold;
    font-size:14px;
}

.ButtonContainerTwoCol
{
	width:728px;
	text-align:center;
	margin-top:10px;
}

.adContainerBox
{
	clear:both;
	margin-top:10px;
	text-align:center;
}

    body
    {
        width: 100%;
    }
    #Header
    {
        width: 988px;
        background-image: url(  '/items/v3/images/YellowMasthead.jpg' );
        background-repeat: no-repeat;
        background-position: lefttop;
        height: 166px;
        margin: auto;
    }
    #HeaderInner
    {
        width: 988px;
        margin: auto;
    }
    #HeaderContent
    {
        height: 131px;
    }
    #ATBLogo
    {
        
        border: 0px;
    }
    
    #ATBLogo img
    {
    	width: 130px;
        height: 110px;
        
    }
    #ATBLogoAnchor
    {
    	position: relative;
        left: 15px;
        top: 15px;
        width: 130px;
        height: 110px;
    }
    
    #HeaderPromo
    {
    	position:relative;
    	width:66px;
    	height:67px;
    	left:600px;
    	top:-140px;
    }
    
    #HeaderPromo img
    {
    	width:80px;
    	height:80px;
    	border:0px;
    }

    #Tagline1
    {
        position: relative;
        left: 425px;
        bottom: 115px;
        color: #434342;
        font-size: 21px;
        font-weight: bolder;
        height: 25px;
        background-image:none;
        width: 550px; 
        }
    #Tagline1 h1
    {
        display:inline;
        font-size:21px;
        font-weight:bolder;
    }
    #Tagline2
    {
        position: relative;
        left: 150px;
        bottom:100px;
        color: black;
        font-size: 15px;
        font-weight: bolder;
        width:250px;
    }
    
      #Tagline3
        {
           width:400px;
           position:relative;
           left:530px;
           bottom:130px;
           font-weight:bold;
           font-size:13px;
           text-align:right;
        }
    
    #Content
    {
        width: 100%;
    }
    #ContentInner
    {
        width: 988px;
        margin: auto;
        margin-top: 15px;
    }
    #loginContainer
    {
        width: 988px;
        margin: auto;
    }
    #login
    {
        margin-top: 3px;
        margin-bottom: 3px;
        float: right;
    }
    .logoutbutton
    {
        margin-right: 10px;
    }
    
    #NavigationControl
    {
        margin-right: 4px;
        margin-left: 4px;
        width: 980px;
    }
    
    #ATBDate
    {
    margin-top:10px;
    }
    
    #FeedBackPoll
    {
        background-image:url('/items/v3/images/pollGraphic.jpg');
        background-repeat:no-repeat;
        background-position:left 35px;
        height:280px;
        clear:both;
        margin-top:10px;
    }
    
    #FeedbackPollInner
    {
        padding-top:217px;
        padding-left:30px;
    }
    
    #FeedbackPollLabel
    {
        font-size:12px;
        margin-top:5px;
    }
    
    #FeedbackPollInner .value
    {
        text-align:right;
        border:0px;
        font-weight:bold;
        font-size:13px;
    }
    
    #FeedbackPollInner #SliderValue
    {
        font-weight:bold;
        padding-left:45px;
        font-size:13px;
        margin:4px 0px 4px 0px;
    }
    
    #FeedbackPollInner #PollButton
    {
        padding-left:44px;
        cursor:pointer;
    }
    
    #BigText
    {
        color:#666666;
        font-size:24px;
        margin:24px;
        margin-top:18px;
        float:left;
        width:320px;
        margin-bottom:50px;
        font-weight:bold;
        font-family:Arial;
    }
    
    #HomepageMainColumn #BigText
    {
        margin-top:22px;
        margin-bottom:12px;
    }
    
    #BigLogos
    {
        float:left;
        width:235px;
        margin:16px;
        position:relative;
        margin-left:35px;
    }
    
    
    #BigLogosLeftFocus
    {
        position:absolute;
        background-image:url(/items/v3/images/focus_left.gif);
        left:0px;
        top:0px;
        width:34px;
        height:120px;
    }
    
    #BigLogosRightFocus
    {
        position:absolute;
        background-image:url(/items/v3/images/focus_right.gif);
        right:0px;
        top:0px;
        width:34px;
        height:120px;
    }
    
    #BigLogosInner
    {
        margin:5px;
    }
   
    .BigResultLogo
    {
        margin:4px;
        float:left;
        background-image:url(/items/v3/images/bigLogoBorder.png);
        width:103px;
        height:47px;
        background-repeat:no-repeat;
    }
    
    .BigResultLogoInner
    {
        margin:3px;
        overflow:hidden;
        height:41px;
    }

    .BigResultLogo img
    {
        height:41px;
    }
    
    #AboutText p
    {
        margin:12px 0px;
    }

    
    .jobdescfull
    {
        display:block;
    }
    
    .jobdesclist
    {
        display:none;
    }
     
    .SwishBR
    {
        clear:both;
        height:2px;
        width:626px;
        background-image:url(/items/v3/images/similarjob_br.gif);
        background-position:4px top;
        background-repeat:no-repeat;
    }
    
    .SwishBRSmall
    {
        clear:both;
        height:2px;
        width:280px;
        background-image:url(/items/v3/images/swishbr-small.gif);
        background-position:left top;
        background-repeat:no-repeat;
    }
    
    .jobresult .SwishBR
    {
        float:left;
        margin:15px 0px 5px 5px;
    }
    
    #JobResultsSideLabel
    {
        width:41px;
        height:273px;
        float:left;
        background-image:url('/items/v3/images/search_results.gif');
        margin-right:15px;
        margin-top:-32px;
        position:relative;
        z-index:123;
    }
    
    #JobResultsSubColumn
    {
        width:655px;
        float:left;
    }
    
    #JobResultItems
    {
        width:655px;
        float:left;
    }
    
    #JobResultsTabs
    {
        clear:both;
        background-color:White;
        width:300px;
        height:22px;
        float:left;
        border-top:solid 1px #c7c7c7;
        border-right:solid 1px #c7c7c7;
        position:absolute;
        padding-left:15px;
        padding-top:10px;
        margin-top:-43px;
        margin-left:-56px;
    }
    
    #JobResultsTabsInner
    {
        position:absolute;
        margin-top:-35px;
        margin-left:8px;
    }
    
    #JobResultsTabsInner .jsLink
    {
        color:#777777;
        font-size:17px;
        vertical-align:top;
        display:inline-block;
    }
    
    #JobResultsTabsSpacer
    {
        height:20px;
    }
    
    .viewLinkOn
    {
        padding:0px 20px;
        padding-bottom:26px;
        background-image:url('/items/v3/images/underline_select.gif');
        background-position:center bottom;
        background-repeat:no-repeat;
    }
    
    .viewLinkOff
    {
        padding:0px 20px;
        padding-bottom:11px;
        background-image:url('/items/v3/images/underline.gif');
        background-position:center bottom;
        background-repeat:no-repeat;
    }
    
    #FeaturedClients
    {
        float:left;
        width:49px;
        height:353px;
        margin-top:38px;
    }
    
    #FeaturedEmployerAll
    {
        float:left;
        width:400px;
        margin-top:35px;
    }
    
    h3.BigGray
    {
        color:#666666;
        font-size:20px;
        margin-bottom:6px;
    }
    
    #HomepageBigBox
    {
        margin-bottom:10px;
    }
    
    #HomepageBigBox #BigLogos
    {
        margin-top:5px;
    }

    
    #HomepageMainColumn p
    {
        color:#666666;
        font-family:Arial;
    }
    
    .FollowUsCol
    {
         text-align:right;
         vertical-align:top;
         font-size:15px;
         color:#666666;
         font-weight:bold;
    }
