/* 
LocalJobsDirect Stylesheet  - Website
-----------------
*/

/* 
Structural Styles
----------------- 
*/
body {
	background-color: #2B80DD;
	background-image: url("../images/background_body.gif");
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #333333;		
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

table,img {
	border: 0;
}

#siteWrapper {
	margin: auto;	
	width: 978px;
}

	#siteTopBar {
		margin-top: 9px;
		height: 99px;		
	}
	
		#locationBlock {
			float: left;
			width: 232px;
			padding-right: 9px;
			height: 99px;
			position: relative;	
		}
		
		dl.dlFormatLocation {
			margin: 0;	
			padding: 0;
			position: absolute;
			bottom: 0;				
		}
			
		dl.dlFormatLocation dt {
			width: 241px;
			height: 21px;
			text-align: center;
			padding-top: 7px;
			font-size: 14px;
			font-weight: bold;
			background-image: url("../images/topbar_titlebackground.gif");
			color: #FFFFFF;
			margin: 0;	
		}
		
		dl.dlFormatLocation dd {
			color: #666666;
			margin: 0;	
			width: 225px;
			height: 56px;
			background-image: url("../images/topbar_contentbackground.gif");
			padding: 7px;
			border-top:1px solid #A4CFFF;
			border-right:1px solid #A4CFFF;
			border-left:1px solid #A4CFFF;
			overflow: auto;
		}
		
		#locationBlock p {
			margin: 0;
		}
		
		#topBanner {
			float: right;
			width: 728px;
			height: 90px;
		}
	
	#siteContentWrapper {
		float: left;
		width: 809px;
		border-top: 1px solid #A4CFFF;
	}
	
		#siteHeader {		
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #C7C5C5;
			border-right:1px solid #A4CFFF;
			border-left:1px solid #A4CFFF;		
		}
		
			#siteHeaderTop {
				background-image:url("../images/background_header.gif");
				background-color: #0C56BA;
				height: 115px;
			}
			
				#headerLogo {
					float: left;
					padding-left: 86px;
					padding-top: 13px;
				}
				
				#headerSearchModule {
					float: right;
					color: #FFFFFF;
					margin-top: 9px;
					padding-right: 9px;
					font-size: 10px;
				}
				
					#headerSearchModuleBackground {
						width: 394px;
						height: 77px; 
						background-image: url("../images/background_search.gif");
						position: relative;
					}
						
						#advancedSearch {
							width: 100%;
							text-align: right;
						}
						
						#searchButton {
							padding-left: 10px;
						}
						
						#searchFieldsDiv {
							padding: 10px;
						}
						
							#searchField1 {
								padding-top: 6px;
								height: 16px;
								padding-left: 7px;
							}
							
							#searchField2 {
								padding-top: 6px;
								height: 16px;
								padding-left: 10px;
							}
														
							#searchField3 {
								padding-top: 3px;
								height: 16px;
								padding-left: 7px;
							}
				
					#headerSearchModule input, #headerSearchModule select {
						border: 0;
						color: #333333;
						font-size: 10px;
					}
					
						.txtKeywords {
							width: 132px;
							padding-left:3px;
						}						
						.ddlLocation, .ddlLevel {
							width: 135px;	
							background-color: #FFFFFF;						
						}
						
						.ddlDiscipline {
							width: 213px;
							background-color: #FFFFFF;
						}
					
					#headerSearchModule a {
						color: #FFFFFF;
					}
					
					#headerSearchModule a:hover, #headerSearchModule a:active {
						color: #F28812;
					}
					
			#siteNavigation {
				clear: both;
				background-image: url("../images/background_navigation.gif");
				background-color: #53CD4B;
				height: 28px;
				border-bottom: 1px solid #FFFFFF;
			}
	
				#siteNavigation table {
					margin-left: auto;
					margin-right: auto;				
				}
	
			#homepageWelcomeBanner {
				border-right: 1px solid #A4CFFF;
				border-left: 1px solid #A4CFFF;
				border-bottom: 1px solid #FFFFFF;
				height: 283px;
				background-color: #FFFFFF;
				background-image:url("../images/home_rotation_1.jpg");
			}
			
				#homepageWelcomeBannerText {
					float: right;
					width: 429px;
					height: 283px;
					color: #333333;
					font-size: 12px;
					line-height: 16px;
				}
				
					#homepageWelcomeBannerTextPadding {
						padding-top: 63px;
						line-height: 16px;
						padding-right: 27px;
					}
				
						#homepageWelcomeBannerTextPadding p {
							margin-top: 0;
						}
		
	
			#bottomModules {
				border-right: 1px solid #A4CFFF;
				border-left: 1px solid #A4CFFF;
				background-image: url("../images/background_homemodules.gif");
				background-repeat: repeat-x;
				background-color: #F7FAFD;
				padding: 22px;				
				float: left;
				clear: both; 
			}
			
				.homeLoginButtonFooter {
					position: absolute;
					bottom: 8px;
					right: 8px;
				}
				
				.moduleDropShadow {				
					background-image: url("../images/background_moduleitem.gif");
					height: 135px;
					background-color: #FFFFFF;
					font-size: 11px;
					color: #FFFFFF;
				}
				
					.moduleDropShadow input, .moduleDropShadow select {
						border: 1px solid #8C8C8C;
						color: #333333;
						font-size: 11px;
					}
					
					.txtUserNameJS, .txtPasswordJS, .txtUserNameE, .txtPasswordE {
						width: 127px;
						padding-left: 3px;
					}
					
					.moduleDropShadow a {
						color: #FFFFFF;
					}
					
					.moduleDropShadow a:hover, .moduleDropShadow a:active {
						color: #F28812;
					}
					
						.modulePadding {
							padding:10px;
						} 
						
							#jsField1, #eField1 {
								padding-right: 6px;
								padding-left: 6px;
								padding-bottom: 6px;
							}
							
							#jsField2, #eField2 {
								padding-left: 4px;
								padding-bottom: 6px;
							}
							
							#jsField3, #eField3 {
								padding-right: 6px;
								padding-left: 6px;
								padding-bottom: 4px;
							}
							
							#jsField4, #eField4 {
								padding-left: 4px;
								padding-bottom: 4px;
							}
							
							#jsField5, #eField5 {
								padding-right: 6px;
								padding-left: 6px;
							}
							
							#jsField6, #eField6 {
								padding-left: 4px;
							}
					
				#jobSeekerModule {
					float: left;
					width: 241px;
					margin-right: 20px;
				}
				
					#moduleItem1 {
						position: relative;
						background-color: #3FC738;
						width: 237px;
						height: 132px;
						margin-left: 1px;
						margin-right: 1px;
						margin-bottom: 3px;
						background-image: url("../images/background_jobseeker_login.gif");
					}
				
				#employerModule {
					float: left;
					width: 241px;
					margin-right: 20px;
				}
					
					#moduleItem2 {
						position: relative;
						background-color: #1864CB;
						width: 237px;
						height: 132px;
						margin-left: 1px;
						margin-right: 1px;
						margin-bottom: 3px;
						background-image: url("../images/background_employer_login.gif");
					}
					
				#featuredEmployerModule {
					float: left;
					width: 241px;
				}
				
					#moduleItem3 {					
						width: 237px;
						height: 132px;
						margin-left: 1px;
						margin-right: 1px;
						margin-bottom: 3px;
						overflow:hidden;
						background-color: #FFFFFF;
					}				
				    #moduleItem3 p {
				        margin: 0;
				    }
				    
				    #moduleItem3 a {
	                    color: #F28812;
	                    text-decoration: none;
                    }

                    #moduleItem3 a:hover,#moduleItem3 a:active {
	                    color: #DD7503;
	                    text-decoration: underline;
                    }
				    
				.moduleDropShadow  .homeLoginButtons {
					border: 0;
				}
				
				#bottomBanner {
					float:left;
					width: 763px;
					padding-top: 20px;				
					clear: both;
				}
				
				#bottomBannerInterior {
					float:left;
					width: 763px;
					clear: both;
				}

					#bottomBanner img, #bottomBannerInterior img{
						display: block;
						margin-left: auto;
						margin-right: auto;
					}					
		
		#siteFooter {
			clear: both;
			background-image: url("../images/background_footer.png");
			color: #FFFFFF;		
			height: 30px;
			line-height:29px;
			text-align: center;			
		}
	
		#siteCopyright {
			font-size: 10px;
			color: #FFFFFF;
			text-align: center;
			line-height: 28px;
		}
	
		#siteCopyright p {
			margin: 0;
			color: #FFFFFF;
		}
	
			#siteFooter a {
				color: #FFFFFF;
				text-decoration: none;
			}
			
			#siteFooter a:hover, #siteFooter a:active {
				color: #F28812;
				text-decoration: underline;
			}
			
		#sideBanner {
			float: right;
			margin-left: 9px;
			width: 160px;
			padding: 0; 
			margin: 0;
		}
		
/* interior styles */

	#contentPadding {
		padding: 14px;
		background-color: #FFFFFF;
		border-right: 1px solid #A4CFFF;
		border-left: 1px solid #A4CFFF;
	}
	
	#pageTitleBorder {
		/*border-bottom: 1px solid #666666;
		margin-bottom: 15px;*/
		padding-bottom: 10px;
		width: 648px;
		float: left;
		
	}
		
	#printPageButton {
		float: right;
		padding-top: 4px;
	}	
/* 
Content Styles
----------------- 
*/
h1 {
	padding: 0 0 3px 0;
	margin: 0;	
	font-size: 18px;
	font-weight: normal;
	color: #0144A2;
}

.subHeading {
	font-size: 11px;
	color: #03B04D;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {
	color: #F28812;
	text-decoration: none;
}

a:hover, a:active {
	color: #DD7503;
	text-decoration: underline;
}

table.tableGrid th {
	text-align: left;
	background-color: #35BE2E; 
	background-image: url("../images/background_bars.gif");
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #8C8C8C;
}

table.tableGrid tr.alternatingRow {
	background-color: #F0F6FB;	
}
table.tableGrid td {
	border-bottom: 1px solid #8C8C8C;
}

table.tableGrid td.tableAlignmentRight, table.tableGrid th.tableAlignmentRight {
	text-align: right;
}

table.tableGrid td.tableAlignmentCenter, table.tableGrid th.tableAlignmentCenter {
	text-align: center;
}

table.tableGrid, table.formGrid {
	font-size: 11px;
}

table.formGrid th {
	text-align: left;
	background-color: #35BE2E; 
	background-image: url("../images/background_bars.gif");
	color: #FFFFFF;
	padding-left: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #8C8C8C;
}

table.formGrid input, table.formGrid select {
	font-size: 11px;
	color: #333333;		
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #8C8C8C;
}

table.formGrid textarea {
	font-size: 11px;
	color: #333333;		
	font-family: Arial, Helvetica, sans-serif;
	overflow: auto;
	border: 1px solid #8C8C8C;
}

div table input.submit, div input.submit, p input.submit, table.formGrid input.buttons, input.buttons, input.submit {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	background-color: #F28812;
	background-image: url("../images/background_submit.gif");
	padding: 2px 0 2px 0;
	/*width: 75px;*/
	text-align: center;
	vertical-align: middle;
	border: 0;
}

input.noBorder, .noBorder input, table span.noBorder input {
	border: 0;
}

.requiredFlag {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F28812;
	font-weight: bold;
}

.redText 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#FF0000;
}
div.hr {
  height: 1px;
  border-bottom: 1px solid #8C8C8C;
}

div.hr hr {
  display: none;
}

#contentPadding hr 
{
      border-top: 1px solid #8C8C8C;
      border-bottom: 1px solid #FFFFFF;
      color: #8C8C8C;
      background-color: #8C8C8C;
      height: 4px;
}

ul.JobMenu 
{
    display: inline;
    padding-bottom: 20px;
    text-align:center;
}

ul.JobMenu li
{
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
    border-right: solid 1px #000000;    
}

div.spacer 
{
    height:10px;
    width:100%;
}

.clearBoth {
	clear: both;
}

/* Print Styles 
-------------- */

#printWrapper {
	margin: auto;
	width: 670px;
}

#printWrapper:after,#printRow:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

	#printHeaderRow {
		height: 115px;
		background-image:url("../images/background_header.gif");
		border-left: 1px solid #A4CFFF;
		border-right: 1px solid #A4CFFF;
	}		

		#printLogoBarRow {
			height: 115px;			
		}
		
			#printLogoBlock {
				float: left;
				padding-left: 86px;
				padding-top: 13px;
			}
			
		#printHeader {
			    float: left;
			    padding-top: 61px;
			    padding-left: 150px;
			    color: #CCCCCC;
			}

            #printHeader a {
                color: #FFFFFF;
                text-decoration: none;
            }
            
             #printHeader a:hover, #printHeader a:active {
                color: #FFFFFF;
                text-decoration: underline;
            }
			
	#printRow {
		clear: both;
		float: left;
		width: 648px;
		border-top: 1px solid #A4CFFF;
		border-right: 1px solid #A4CFFF;
		border-left: 1px solid #A4CFFF;		
		background-color: #FFFFFF;		
		border-bottom: 1px solid #A4CFFF;		
		padding: 10px 10px 10px 10px;
	}
	
		#printRow p {
			margin-top: 0;
		}
	
	#footerRow {
		width: 670px;
		float: left;
		color: #FFFFFF;
		font-size: 10px;
		text-align: center;
		line-height: 28px;
	}
	
	#footerRow p {
		margin: 0;
	}