/* General formatting and styling */

html { background:url('../images/updated/bgrepeat.png') top repeat-x #FFF; }
body {
	font-size: 14px;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #666666;
}

h1 {
	color: #387294;
	font-size: 18px;
	font-weight: bold;
	margin-top:0;
	padding-top:12px;
}

h2 {
	color: #387294;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0px 0px;
}

h3 {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 185px;
	height: 24px;
	line-height: 24px;
	background: #454545 repeat-x;
	border-bottom: 1px solid #ffffff;
	margin: 5px 0px 0px;
}

h4 {
	color: #39434b;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

h5 {
	color: #da2400;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px;
}

h6 {
	color: #39434b;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 2px 0px 5px;
}

p {
	margin:5px 0 10px 0;
	padding:0;
}
img {
	border: 0px;
}

.sm {
	font-size: 10px;
}

a:link, a {
	color: #333333;
	text-decoration: underline;
}

a:hover {
	color: #999999;
	text-decoration: none;
}

a:link.sidebar, a.sidebar {
	font-size: 10px;
	color: #76add8;
	font-weight: bold;
	text-decoration: none;
}

a:hover.sidebar {
	color: #333333;
}

a:link.more, a.more {
	font-size: 10px;
	color: #da2400;
	display: block;
	text-align: right;
	margin: 4px 0px;
	text-transform: lowercase;
}

a:hover.more {
	color: #999999;
	text-decoration: underline;
}

a:link.h1, a.h1 {
	color: #da2400;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

a:hover.h1 {
	color: #333333;
}

input.button {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background-color: #be6062;
	border: 1px solid #48627c;
	text-transform: uppercase;
}

	input.login {
		background-color: #698da8;
	}
	
	input.submit {
		background-color: #be6062;
	}
	
	input.clear {
		background-color: #99a5ae;
	}

#search-form th, .project_view th {
	padding: 5px 10px;
	text-align:right;
}
.project_view th, .project_view td {	
	vertical-align:top
}
table.greyblock {
	background-color: #ffffff;
	font-size: 10px;
}

table.greyblock td, div.greyblock {
	background-color: #F8F8F8;
	color: #333333;
	padding: 3px;
}

table.greyblock th, table.greyblock td.grey {
	font-weight: bold;
	font-size: 11px;
	color: #3A4147;
	background-color: #EFEFEF;
	padding: 5px;
}

table.greyblock td.grey,table.greyblock td {
	padding: 5px 10px;
	font-weight:normal;
	font-size: 11px;
}

table.greyblock th.sub {
	color: #000000;
	font-weight: bold;
}

table.greyblock th.subheading {
	padding:15px 5px 5px 5px;
	text-align:left;
	text-transform:uppercase;
	font-size:12px;
}

table.greyblock tr.alternating td {
	background-color:#FDFDFD
}

table.greyblock td.border, div.greyblock {
	border: 1px solid #1B3448;
}

div.greyblock {
	font-size:10px;
	margin:5px 0;
	padding:5px 15px;
}
.greyblock .float_right {
	width:240px; 
	float:right; 
	text-align:right; 
	clear:both;
}
div.greyblock h2, div.greyblock h4 {
	font-size:12px
}
div.greyblock h4 {
	margin:5px 0;
}
div.section-split {
	width: 90%;
	margin: 10px auto;
	border-bottom: 1px dotted #39434b;
}

.pricing td {
	border:1px solid #E8E8E8;
	padding:10px;
}
.pricing th {   
	background: #454545;
    color: white; 
 }
 .pricing th h2 { color: white; padding: 10px; }
 
tr.typeHead th { border-bottom:1px solid white; padding-bottom: 15px; }
tr.costHead th {padding-top: 15px; }
.pricing td.center { text-align: center; }

.error, .success, .notice {
	padding: 10px;
	margin: 0px 0px 10px;
	background-color: #efefef;	
}

.error {
	color: #f30;
	background-color: #F7E7E8;
}

.success {
	color: #393;
}

.notice {
	color: #069;
}

:focus          { outline: thin dotted invert }

.formMessage {
	position: relative;
	border: 1px solid;
	color: #090;
	background: #efe;
	padding: 1em;
	margin: 15px 0px;
	display: none;
	font-size:12px;
}

.formErrors {
	position: relative;
	border: 1px solid;
	color: #f00;
	background: #fee;
	padding: 1em;
	margin: 15px 0px;
	display: none;
	font-size:12px;
}

.formErrors ul {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

.formErrors ul li {
	list-style-image: url('../images/redarrow.gif');
}

.formErrors h5 {
	margin: 0px auto 5px;
}

.formErrors div.close, .formMessage div.close {
	position: absolute;
	top: 5px;
	right: 5px;
}

.formErrors div.close a, .formMessage div.close a {
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

.formErrors div.close a {
	color: #900;
}

.formMessage div.close a {
	color: #090;
}

.required {
	background: #ffd;
}

.required:focus {
  background: #ff2;
}

body.curWait * {
	cursor: wait;
}

.visible {
	display:block;
}

.hidden {
	display:none;
}

ul.bluearrow li {
	list-style-image: url('../images/bluearrow.gif');
}

.smallText {
	font-size:11px;
}
.half_box {
	width:470px;
	min-height: 120px;
	height: auto !important;
	height: 120px;	float:left;
	margin-right:20px;
}
.no_margin { margin:0; }
.float_right {
	float:right;
}
.float_left {
	float:left;	
}
.hidden { display: none; }


.scrollitem img {
	float:left;
	margin-right:5px;
	padding:3px;
	border: 1px dotted #e8e8e8;
}
.scrollitem  { margin: 0; font-size: 13px;  }
.scrollitem h3 { font-size:14px; margin-top: 0; background: none; color: #454545; height: auto; line-height: normal; text-align: left; display: inline; }
.scrollitem a { color: #DA2400;  }

/* END: General formatting and styling */

/* Element positioning */

html body {
	width: 100%;
	margin: 0px 0px;
	position:relative;
}

#wrapper {
	margin: 0px auto 0px auto;
	width: 970px;
	
}

#my_jobs-form {  }
#fastDatePickerTable { z-index: 750; }
div.calendar { z-index:700; }
#calendar_wrapper {  }
#footer { z-index: 0; }
#page { z-index: 5; }


	#page {
		min-height: 700px;
		height: auto !important;
		height: 700px;
	}
	
		#container {
			width: 970px;
		}
		
			#header {
				position: relative;
				height: 81px;
				background: url('../images/updated/header_bg.png') no-repeat 210px top #E6B24C;
			}
			
				#logo {
					height: 74px;
					width: 266px;
					position: absolute;
					top: 10px;
				}
			    #topMiniNav {
			     top:5px; 
			     right:0;
			     color: white;
			     position: absolute;
			     line-height: 33px;

			    }
			     #topMiniNav a {
			         font-size: 13px;
			         text-decoration: none;
			         color: white;
			     }
			     #topMiniNav  input#inputSearch {
			         height: 25px;
			         
			         font-size: 15px;
			         color:#7A7A79;
			         width: 175px;
			         border: none;
			         line-height: normal;
			         
			     }
			     #topMiniNav  input { vertical-align: middle; }
			     #topMiniNav div.formBox { 
			          border:1px solid  #999999;
			          padding: 5px;
			          background: white;
			          margin-left:5px;
			          float: right;
			          line-height: normal;
			          
			     }
			     
			     #topMiniNav #topLinks {float:right; clear:right; }
			     	
				#signup {
					height: 40px;
					width: 192px;
					position: absolute;
					right: 25px;
					top: 0px;
				}
				
				
				#signup2 {
					height: 15px;
					width: 192px;
					position: absolute;
					right: 25px;
					bottom: 10px;
					text-align: center;
				}
			
			#menu {
				position: relative;
				height: 50px;
				margin-top:1px;
				z-index: 100;
			}
			
				#menu-nav {
					position: absolute;
					left: 0px;
					top: 0px;
				}
				
				#menu-login {
					position: absolute;
					right: 35px;
					top: 8px;
				}
			
			#splash {
				border-bottom: 3px solid #3C454C;
			}
			
			#tab {
				height: 18px;
				margin-left: 30px;
				position: relative;
			}
			
				#tab-welcome {
					position: absolute;
					width: 192px;
					right: 20px;
					top: 5px;
					font-size: 12px;
					text-align: center;
				}
	       #signUp {
	           padding: 5px; 
	           margin-left: 210px; 
	           text-align: center; 
	           float:right;
	       }
	       
	       #welcomNote {
                line-height:50px; 
                text-align: center; 
               float:right;
               color:white;
            }
            #welcomNote a { color:white; text-decoration: underline; }
            #welcomNote a { color:white; }
	       #infoBar { 
	           height:50px;
	           padding-top:0;
	       } 
	       #infoBar form {
	           margin: 0; 
	           padding: 0;
	           vertical-align: top;
	       }
	       #infoBar #searchInput { 
	           font-size:17px; 
	           color: #45525F; 
	           border:1px solid #45525F;
	           height: 24px;
	           vertical-align: middle;
	           padding:5px 5px;
	           width: 250px;
	           margin:10px 15px 0 0; 
	           float: left;
	       }
	       #infoBar select option {  }
	       #infoBar #searchButton { margin-top:10px; float: left; }
	       #infoBar #moreOptionsLink { line-height:50px; margin-left: 15px; }
	       #infoBar .button {
	           margin-top: 10px;
	       }
	#content-wrapper {
		position: relative;
		z-index:2;
	}
	
		#content {
			width: 100%;
			float: left;
		}
		
		#home h1 { margin-top:0; }
		
			#content.fullwidth {
				width: 100%;
			}
		#moreinfoLinks {
		  border-left:1px solid #616161;
		  height: 78px;
		  text-align: center;
		  background: #2E2E2E;
		  margin-top:-3px;
		}
		#sidebar {
			width: 185px;
			float: right;
			padding-left:25px;
		}
		
			#sidebar div.section {
				border: 1px solid #d9dbdf;
				background: #ffffff url('../images/sidebar_b_bg.jpg') repeat-x bottom;
				min-height: 100px;
				height: auto !important;
				height: 100px;
				font-size: 12px;
				padding: 10px;
			}
	
	#page-footer {
		background: url('../images/page_footer.jpg') no-repeat;
		height: 10px;
		font-size: 0px;
	}
		
	#footer {
	   width: 970px;
	   margin: 0 auto;
		position: relative;
		height: 74px;
	}
	
		#footer-nav {
			position: absolute;
			left: 0px;
			top: 5px;
		}
		
		#footer-w3c {
			position: absolute;
			right: 50px;
			top: 5px;
		}

.quicksearch {
    border: 0px solid #cccccc;
    height: 40px;
    width: 310px; 
    font-size: 12px;
    font-weight:bold;
    padding: 1px 5px; 
    margin-left: 210px; 
    margin-right: 10px; 
    margin-top:27px;
    text-align: center; 
    float:right;
}
		
#admin_header {
	float:right;
	margin:15px 320px 30px 0px;
	padding:0;
	font-size:28px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif
}
.highlight 		{	background-color:#FFFEEF !important;	}
.hide 			{	background-color:#FFEFF0 !important;	}
span.highlight	{	border:1px solid #FFCC00; padding:0 5px;	}
span.hide		{	border:1px solid #CC0000; padding:0 5px;	}

#matches {
    padding: 5px 10px;
    background-color: #fffeeb;
    border: 1px solid #ddd;
    margin: 5px;
}
#matches p {
}
#matches h2 {
    color: #DA2400;
    font-size: 1.2em;
    padding: 0px 0px 0px 20px;
    background: transparent url('../images/exclamation.png') no-repeat left center;
}

/* END: Element positioning */

#homeInfo .left { 
    float: left;
   border-right: dotted 1px #B3B3B3;	
   width: 640px;
   margin-right: 15px;
}
#homeInfo h2 { 
    font-size: 22px;
    font-weight: normal;
    color: #454545;
}
#homeInfo ul { padding:0; list-style: none; margin: 0; margin-right: 15px;}
#homeInfo ul li { 
	   background: url(../images/updated/features_bullet.gif) no-repeat 9px 50% #F3F3F3;
	   color: #454545;
	   font-size:13px; 
	   padding: 2px 0 2px 20px;
	   margin-bottom: 5px;
	   
	   
}
#homeInfo .right { position: relative; height: 195px; }
#homeInfo .right h2 { margin-bottom: 10px; }
#homeInfo .right img { margin-bottom: 30px; }

#homeInfo #slideNav { position: absolute; bottom: 0; right: 0; }
/* Menus and navigation */

	/* Main navigation */

#extraNavOptions { float: right; }	
ul#menu-nav-list, ul#menu-nav-list li {
	margin: 0px;
	padding: 0px;
}

ul#menu-nav-list li {
	list-style: none;
	float: left;
	padding: 0px 30px 0px 0px;
}

	ul#menu-nav-list li a {
		float:left !important;
		display: block;
		padding: 0px 10px 0 0px;
		height: 50px;
		line-height: 50px;
		font-size: 17px;
		color: #ffffff;
		text-decoration: none;
	}
	
	ul#menu-nav-list li a:hover {
		color: #ccc;
	}
	
	ul#menu-nav-list li a.active {
		color: #E6B24C;
	}
    ul#menu-nav-list li a.inactive {
        color: #666666;
    }
	/* Sub navigation */

ul#tab-nav-list, ul#tab-nav-list li {
	margin: 0px;
	padding: 0px;
}

ul#tab-nav-list li {
	font-size: 10px;
	text-transform: uppercase;
	list-style: none;
	float: left;
	background:url("../images/submenu_sd_right.jpg") no-repeat right top;
}
	
	ul#tab-nav-list li a {
	    float:left !important;
		display: block;
		background: url("../images/submenu_sd_left.jpg") no-repeat left top;
    	padding: 1px 20px;
		height: 18px;
		line-height: 15px;
		color: #ffffff;
		text-decoration: none;
	}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	ul#tab-nav-list li a { float:none; }
	/* End IE5-Mac hack */
	
	ul#tab-nav-list li a:hover {
		color: #cccccc;
	}
	
	ul#tab-nav-list li#current {
		background:url("../images/submenu_sd_right_over.jpg") no-repeat right top;
	}
	
	ul#tab-nav-list li#current a {
		background: url("../images/submenu_sd_left_over.jpg") no-repeat left top;
		color: #333333;
	}
	
	ul#tab-nav-list li a.subactive {
		color: #ccc;
	}
	
	ul#menu-nav-list li #dropdownNav {
	  
	   margin: 0; 
	   padding:0; 
	   width:157px;
	   background:  url(../images/updated/dropdown_bottom.png) bottom no-repeat;
	   padding-bottom:5px;
	   position: absolute;
	   left:-4px;
	   top:51px;
	   display: none;
	}
	ul#menu-nav-list li #dropdownNav li {
	    background:  url(../images/updated/dropdown_bg.png) repeat-y left top;
	    display: block;
	     width:147px;
	     padding:0px 5px;
	}
	ul#menu-nav-list li #dropdownNav li a {
	   height: auto;
	   line-height: normal;
	   display: block;
	   color: #454545;
	   font-size:14px;
	   display: block;
	   width:100%;
	   text-indent: 15px;
	   padding:5px 0; 
	   
	}
	ul#menu-nav-list li #dropdownNav li a.inactive {
	   color: #BBBBBB;
	}
	ul#menu-nav-list li #dropdownNav li a:hover {
	   text-decoration: underline;
	}
	ul#menu-nav-list li#subListContainer { 
	   position: relative; 
	   padding:0 10px 0 10px; 
	   margin-right: 30px; 
	}
	li.subActive { 
	   background: #383838;
	}
    ul#menu-nav-list li a#dropdownIcon {
       margin-top:13px;
       height: 40px;
       line-height: 40px;
       width:24px;
       height: 24px;
       display: block;
       text-indent: -2000px;
       background: url(../images/updated/dropdown.gif) no-repeat;
       overflow: hidden;
       cursor: pointer;
    }
    ul#menu-nav-list li.subActive a#dropdownIcon,  ul#menu-nav-list li.subActive a#dropdownIcon:hover {
        background: url(../images/updated/dropdown_active.gif) no-repeat;
    }    
    
     ul#menu-nav-list li a#dropdownIcon:hover  {
         background: url(../images/updated/dropdown_hover.gif) no-repeat;
     }
	/* Footer navigation */

ul#footer-nav-list, ul#footer-nav-list li {
	margin: 0px;
	padding: 0px;
}

ul#footer-nav-list li {
	font-size: 10px;
	list-style: none;
	display: inline;
	padding: 0px 40px 0px 0px;
}

ul#footer-nav-list li a {
	color: #666;
}

ul#footer-nav-list li a:hover {
	color: #666666;
}


#moreSearchOptions {
	background: #E8E8E8;	
	padding:5px;
}
#moreSearchOptions { display: none }



/* Arrow buttons */

a#next, a#prev { 
	display: block;
	width:12px;
	height: 18px;
	background: url(/asset/images/updated/arrow_right.gif) top left no-repeat;
	overflow: hidden;
	text-indent: -2000px;
	float: left;
	margin-right: 5px;
}
a#prev { 
	background: url(/asset/images/updated/arrow_left.gif) top left no-repeat;
}
a#next:hover, a#prev:hover {
    background-position: top right	
} 
/* END: Menus and navigation */

/* Custom formatting and styling */

#signup2 a, #signup2 a:link {
	font-size: 10px;
	color: #da2400;
	text-transform: uppercase;
	text-decoration: none;
}

#signup2 a:hover {
	color: #666666;
	text-decoration: underline;
}


div.listbuttons {
	text-align: center; 
	display: inline; 
	margin-right: 4px; 
	padding-left: 5px; 
	padding-right: 4px;
}

.listbuttons a {
	text-decoration: none; 
	color: rgb(218, 36, 0);
}
/* Project  Listings */
.listings { margin-top:3px; }
.listing { border-bottom:1px dotted #D9D9D9; margin-bottom:1px; padding:10px 5px; clear: both; }
.listing .listingHeader .left { width: 530px; }
.listing h2.title, h2.title a { float:left; font-size: 15px; margin: 0; color: #387294;  }
.listing h4.type { float:left; text-transform: none; font-weight: normal; margin: 0; color: #387294; }
.listing div.dates { width: 417px; float: right; font-size: 12px; }
div.listingContent { clear:both; padding-top:15px; }
.listing .description { width:388px; float: left; font-size: 14px; margin-right: 17px; }
.listing .city { float:left; width:138px; font-size: 14px; }
.listing .status { clear: both; padding-top: 15px;  }
.listing .options { float:left; width: 417px; }
.listing .options a { display: block; width:190px; font-size:12px; float: left; margin-bottom: 10px; color: #387294;  } 

a.edit { color:#E6B24C; }
.stripe { background: #F7F7F7; }

/* News Listings */
#newsListings div.newsItem { 
    border-bottom:1px dotted #D9D9D9; margin-bottom:1px; padding:10px 5px; clear: both;	
}

.newsItem h3 { font-size: 15px; color: #387294; background: transparent; width:auto; text-align: left; height: auto;  }
.newsItem p.date { margin-top:0; font-style: italic; font-size: 12px; }

/* Report Styles */

#mainReport ul, #projectReport ul { list-style: none; padding-left: 0; display: inline; }
#mainReport ul li { width:330px; font-size: 15px; font-weight: bold; margin-bottom: 15px; }
#mainReport ul li label { font-weight: normal; width:255px; display: inline-block; }

#projectReport ul li { width:260px; font-size: 15px; font-weight: bold; margin-bottom: 15px; }
#projectReport ul li label { font-weight: normal; width:200px; display: inline-block; }
#projectReport a { color: #387294; }
/* END: Custom formatting and styling */

/* Forms */

#login_form {
	margin: 0px;
	padding: 0px;
}

	#login_form fieldset {
		border: 0px;
		padding: 0px;
		margin: 0px;
		display: inline;
	}

	#login_form fieldset legend {
		display: none;
	}
	
	#login_form fieldset label {
		display: none;
	}
	
	#login_form input.text {
		padding: 2px;
		font-size: 10px;
		font-family: Tahoma, Helvetica, sans-serif;
		color: #666;
		border: 1px solid #333;
	}
.blue_btn {
	background-color:#698DA8;border:1px solid #48627C;
	color:#FFFFFF;
	font-family:Tahoma,Helvetica,sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	padding:3px 10px;
}

#output {
    border: 1px solid #efefef;
    background-color: #f9f9f9;
    width: 450px;
    height: 25px;
    line-height: 25px;
    font-size: 1em;
    margin: 10px 0px;
}

#output span {
    font-size: 1em;
    color: #666;
    font-style: italic;
}
/* END: Forms */


table.sort th.header { 
    background-image: url(/asset/images/small.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
} 

table.sort th.headerSortUp { 
    background-image: url(/asset/images/small_asc.gif); 
    background-color: #DFDFDF; 
}
table.sort th.headerSortDown { 
    background-image: url(/asset/images/small_desc.gif); 
    background-color: #DFDFDF; 
}

/* Pagination */
.pagination {
	padding:5px 0;
	font-size:11px
}
.pagination a {
	color:#387294;
	text-decoration:none;
}
.pagination a:hover {
	text-decoration:underline;
}
.pagination .prev, .pagination .next, .pagination .mid {
	width:292px;
	float:left;
	margin:0;
	padding:0;
}
.pagination .mid 	{	text-align:center; font-weight:bold;	}
.pagination .next 	{	text-align:left;	}
.pagination .prev 	{	text-align:right;	}



/* END: Pagination */

div.filterBox {
    clear: both;
    float: right;
    border: 1px solid #EFEFEF;
    background-color: #F8F8F8;
    padding: 4px;
    margin-bottom: 2px;
}

div#homeImg {
    width: 970px;
    height: 170px;
    overflow: hidden;
}

#moreinfoLinks {
    height: 124px;
}

#pricingLinks {
    padding: 40px 0px 0px 200px;
    width: 570px;
    float: left;
}

div#testimonials {
    display: block;
    float: right;
    width: 330px;
    height: 105px;
    margin-top: 5px;
    background-image: url('/asset/images/testimonial_bg.png');
    background-repeat: repeat-x;
    color: #AAAAAA;
    text-align: left;
    font-size: 12px;
    padding: 12px 25px 0px 0px;
}

div#testimonials A {
    color: #AAAAAA;
    text-decoration: none;
}

div#testimonials img#border {
    float: left;
    margin: -12px 10px 0px 0px;
}

div#testimonials a#arrow {
    float: right;
    margin-top: -25px;
}

div#testimonials span.name {
    font-weight: bold;
}

/* Hax (don't look here) */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* END: Hax (don't look here) */