html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
th, td {
	padding: 2px;
}
img {
	border: 0;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: white;
	background-color: #021519;
}
ul {
	list-style: none;
}
ol {
	list-style: decimal;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	/*text-align: left;*/
	font-weight: normal;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong {font-weight:bold;}

body, html {height: 100%;}
body { background:#021b22 url(../img/siteback.jpg) repeat-x top left; color:#fff; font:62.5% /1.5 Arial, Helvetica, sans-serif; text-align:center; line-height: 1.5;}

pre, code {
	font-family: Courier, Arial, sans-serif;
	background: #333333;
	padding: 5px;
}

em {
	font-style: italic;
}


div#skip { display:none;}
div#container { width:950px; text-align:left; font-size:1.2em; min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto 0em; }
div#header { height:168px; width:950px; position:relative;}
div#header h1#logo { width:950px; height:168px; position:absolute; top:0px; left:0px; }
div#header h1#logo a { width:950px;	height:168px; outline:0;	background: url(http://bandjobs.org/images/headertop.jpg) 0 0 no-repeat; text-indent:-1000em;	float:left;	}

div#the_feed {top:74px; position:absolute; right:20px;}

div#box { width:100%; height: 57px; background: url(http://bandjobs.org/images/pinkstripe.jpg) 0 0 repeat-x; position:relative;}
div#box div#search { position:absolute;	top:12px; left:20px;}
div#box div#search fieldset input { background:transparent url(../img/bg-search.png) 0 0 no-repeat; font-size:1.6em; width:276px; height:27px; border:none;	padding:6px 10px 6px 10px; color:#444;}	
div#box div#search fieldset input:focus, div#search fieldset input:hover { background:transparent url(../img/bg-search.png) -296px 0 no-repeat;}
div#box div#search fieldset label {float: left; clear: both; display: block; font-size:0.9em; color:#666; background-color:transparent;}
div#box	div#search span#indicator { }
div#box .addJob { position:absolute; right:17px; top:4px;}
div#box .addJob a.add {	display: block;	width:182px; height:53px; text-indent:-1000em; background: url(../img/bt-post.png) no-repeat 0 0;}
div#box .addJob a.add:hover { background: url(../img/bt-post.png) no-repeat -182px 0; }
div#request-job a { font-weight: bold; font-size: 14px; text-align: right; }
div#promo { margin-top: 10px;}
div#promo a:hover { background: #fff; }

.search_results_label { color: #888; background-color:transparent;font-size: 1.1em; }

#other_results span {float: right;}

#content { width: 550px; padding-right: 10px; padding-left: 10px; }
#content p { margin: 0 0 10px 0; padding: 0;}
#content a { color: #09C; background-color:transparent; padding: 2px; }
#content a:hover { background-color: #09C; color: #fff;	text-decoration: none; padding: 2px;}
#content ol { margin: 0 0 0 17px;}
#content ul { list-style-type: disc; margin-left: 17px;}

div#categs-nav { /*background: #0099cc;  float: left;*/ width:180px; padding-bottom: 6px; margin-top:25px; font-size: 11px;}
div#categs-nav ul{/*float: left;*/ width:180px; list-style-type: none; margin:0; padding:0;}
div#categs-nav ul li { padding-right: 6px;}
div#categs-nav ul li a{display: block; background: url(../img/sd_left.gif) no-repeat 0 0; background-position: 0 -75px;  padding: 4px 0px 4px 0px;  /*float: left;*/ text-decoration: none; color: #000 !important; position: relative; outline: none;}
div#categs-nav ul li a:hover{ background-position: 0 0px; /*color: #fff*/ !important;}
div#categs-nav ul li.selected a{ background-position: 0 0px; /*color: #fff*/ !important;}
div#categs-nav ul li a span{display: block; /*float: left;*/  padding-left: 12px;cursor: pointer; font-size:14px; padding-top:4px; }
 div#categs-nav ul li a span.cnr{display: block; background: url(../img/sd_right.gif) no-repeat right 0; background-position: right -75px;  float: left; position: relative; top:-4px;}
div#categs-nav ul li a:hover span.cnr{ background-position: right 0px; cursor: pointer; }
div#categs-nav ul li.selected a span.cnr{ background-position: right 0px; cursor: pointer; } 

#sitemap-1 {float: left; display: inline; width: 200px;}
#sitemap-2 {float: left; display: inline; width: 200px; margin-left: 30px;}
#sitemap-3 {float: left; display: inline; width: 200px; margin-left: 30px;}

.posted-ok {
	border: 1px solid #8FF868;
	background: #E9FEE0;
	color: #009900;
	padding: 10px;
}
.posted-pending {
	border: 1px solid #FF9900;
	background: #FFFBD1;
	color: #ff5500;
	padding: 10px;
	font-size: 14px;
}


#sidebar {
	/*float: right; */
	width: 175px;
	padding: 10px 0 0 0;
}
	#sidebar a {
		color: #0099CC;
		padding: 2px;
		font-size: 11px;
	}
	#sidebar a:hover {
		background-color: #0099CC;
		color: #fff;
		text-decoration: none;
		padding: 2px;
	}
	#sidebar h4 {
		font-size: 14px;
		margin: 10px 0 3px 0;
		font-weight: bold;
	}
	#sidebar h4 a {
		font-size: 14px;
		text-decoration: underline;
	}

#stats {
	color: #777;
	font-size: 11px;
}

#ideas {

}
	#ideas h3 {
		margin: 0 0 5px 0;
	}
	#ideas ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#ideas ul li {
		margin-bottom: 5px;
	}
	
.info { color: #888; }
	
table#job-posts, table#job-posts2, table#job-posts3 {
	width: 100%;
}
	/*table#job-posts tr.alt td, table#job-posts2 tr.alt td, table#job-posts3 tr.alt td {
		background: #f5f5f5;
	}

	table#job-posts tr.over td, table#job-posts2 tr.over td, table#job-posts3 tr.over td {
		background: #f5fefe;
	}
	table#job-posts td, table#job-posts2 td, table#job-posts3 td {
		padding: 5px;
		border-bottom: 1px solid #ddd;
	} */
	table#job-posts a:link, table#job-posts a:visited, table#job-posts2 a:link, table#job-posts2 a:visited, table#job-posts3 a:link, table#job-posts3 a:visited {
		color: #0099CC;
		padding: 2px;
	}
	table#job-posts a:hover, table#job-posts2 a:hover, table#job-posts3 a:hover {
		background-color: #0099CC;
		color: #fff;
		text-decoration: none;
		padding: 2px;
	}
	table#job-posts td.time-posted, table#job-posts2 td.time-posted, table#job-posts3 td.time-posted {
		text-align: right;
		/*color: #888;*/
		font-size: 11px;
		width: 80px;
	}
		table#job-posts td.time-posted img, table#job-posts2 td.time-posted img, table#job-posts3 td.time-posted img {
			width: 11px;
		}

div.footer {
	color: #fff;
	font-size: 11px;
	background: #074c5f url(http://bandjobs.org/images/footer.gif) repeat-x center top;
	text-align: center;
	float: left;
	width: 100%;
	padding-top: 12px;
	margin-top: 30px;
	height: 125px;
}

#footer-contents {
	width: 850px;
	margin:20 auto;
	text-align: center;
}
#footer-copyright {
	float: right;
}
#footer-col1 {
	float: left;
	display: inline;
	width: 120px;
}
#footer-col2 {
	float: left;
	display: inline;
	margin-left: 50px;
	width: 120px;
}
#footer-col3 {
	float: left;
	display: inline;
	margin-left: 50px;
	width: 130px;
}
#footer-col4 {
	float: left;
	display: inline;
	margin-left: 30px;
	width: 185px;
}
#partners {
	margin-top: 13px;
}
	#partners ul {
		list-style-type: none;
	}
		#partners ul li {
			float: left;
			margin-right: 12px;
		}
	

.validation-error {
	color: red;
}
input.error, textarea.error {
	border: 1px solid red !important;
}
.validation-failure {
	color: red;
	background-color: #ffd0d6;
	padding: 5px;
}
.apply-status-ok {
	color: #009900; 
	background-color: #dfFFda; 
	padding: 5px;
	margin-bottom: 7px;
}

#no-ads {
	/*color: #555;*/
	margin-top: 10px;
}
.suggestionTop {
	/*color: #666;*/
	font-size: 11px;
	float: right;
	width: 250px;

}

.suggestion {
	/*color: #777;*/
	font-size: 11px;

}
.left {
	float:left;
	display:inline;
}
.right {
	float:right;
	display:inline;
}
.clear {
	clear:both;
}

.error {
	color:#ff0000;
}


#job-details {
	padding: 10px 0;
	margin: 0;
}
	#job-details h2 {
		margin: 0 0 10px 0;
		color: #0099CC;
		font-weight: normal;
		font-size: 26px;
		line-height: 1.2;
	}
	#job-details .label {
		/*color: #555;*/
		font-weight: bold;
	}
	#job-details .fading {
		color: #aaa;
	}
	#job-details ul {
		margin: 0 0 10px 15px;
		list-style-type: disc;
	}

#job-bottom	{

	padding: 2px;
	font-size: 14px;
	height: 50px;
}

#number-views {
	float: right;
	display: inline;
	font-size: 11px;
	/*color: #777;*/
}

#job-post-utils {
	float: left;
	display: inline;
	font-size: 11px;
	/*color: #888;*/
}

#apply_online_now {
	font-size: 14px;
	margin-bottom: 7px;
}

#old-ad {
	margin-bottom: 10px;
	padding: 5px;
	background-color: #d63060;
	color: #002b37;
}

span.la {
	color: #888;
}

#step-1 {
	float: left;
	display: inline;
	width: 100px;
}
#step-2 {
	float: left;
	display: inline;
	margin-left: 30px;
	width: 120px;
}
#step-3 {
	float: left;
	display: inline;
	margin-left: 30px;
	width: 130px;
}

.step-active {
	color: #fff;
}
#publish_form {}
	#publish_form fieldset, #promo_form fieldset {
		/* background-color: #f5f5f5;
		border: 1px solid #ccc;*/
		margin: 0 0 5px 0;
		padding: 10px;
	}
	#publish_form fieldset legend {
		font-weight: bold;
		/*color: #555;*/
		font-size: 12px;
	}
	#publish_form input, #publish_form textarea, #frm-send-to-friend input, #frm-send-edit-link input, #apply-online input, #apply-online textarea, #promo_form input {
		border: 1px solid #ccc;
		padding: 5px;
		font-size: 12px;
		font-family: Helvetica, Arial, sans-serif;
	}
	#publish_form input:focus, #search input:hover, #publish_form textarea:focus, #search textarea:hover, #frm-send-to-friend input:focus, #frm-send-to-friend input:hover, #frm-send-edit-link input:focus, #frm-send-edit-link input:hover, #apply-online input:focus, #apply-online input:hover, #apply-online textarea:focus, #apply-online textarea:hover, #promo_form input:focus, #promo_form input:hover {
		border: 1px solid #7F635F;
	}
	#publish_form input#submit, #send-to-friend input#submit, #frm-send-edit-link input#submit, #apply-online input#submit, #promo_form input#submit {
		background-color: #0099CC;
		color: #fff;
		border: 1px solid #009988;
		cursor: pointer;
		cursor: hand;
	}
		#publish_form input#submit:hover, #send-to-friend input#submit:hover, #apply-online input#submit:hover, #promo_form input#submit:hover {
			background-color: #00aaee;
		}
	#publish_form label.small {
		/*color: #555;*/
		font-size: 12px;
	}
	#publish_form input.no-border {
		border: 0;
	}
	
td.publish-label {
	width: 100px;
}
fieldset.hidden {
	display: none;
}
td.register-label {
	width: 120px;
}


#apply-online {
	/*background-color: #f6f6f6;*/
	padding: 10px;
	width: 540px;
}
	
#feed-me
{
	text-align: right;
	font-size: 14px;
	margin: 15px 0 5px 0;
}
#feed-me a:link, #feed-me a:visited {
	color: #0099CC;
}
#feed-me a:hover {
	background: #fff;
	color: #0099CC;
	text-decoration: none;
}

#search_form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

code {
	font-size: 12px;
}

#send-to-friend {
	/*background-color: #f6f6f6;*/
	padding: 3px;
	width: 540px;
}
	#send-to-friend table {
		font-size: 12px !important;
	}
td.send-to-friend-address-label {
	width: 90px;
}

#map {
	height: 550px;
	border: 1px solid #ddd;
}

.mapicon {
	text-align: center;
}

.mapicon a {
	font-family: Arial, Tahoma, Verdana;
	color: #fff !important;
	text-decoration: none;
	position: relative;
	z-index: 4999;
	/* display: block; !!!!!!!! */
}

.mapicon a:hover {
	z-index: 5000;
	color: #fff !important;
	
}
	
.mapicon a .bubble {
	display: none;
	background: white;
	cursor: default;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	padding: 5px;
}

.mapicon a:hover .bubble {
	width: 120px;
	text-align: center;
	display: block;
	position: absolute;
	top: -40px;
	left: -60px;
	z-index: 5000;
	text-decoration: none;
	border: 3px solid #ccc;
}

.bubble h3 {
	color: black;
	margin: 0;
	text-decoration: none;
	padding: 0;
	font-size: 13px;
	border: 0;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

.bubble img {
	margin-bottom: 4px;
}

.bubble p {
	color: #666666;
	font-size: 11px;
	line-height: 15px;
	margin: 0;
	padding: 0;
}

.bubble p strong {
	display: inline;
	font-weight: bold;
}

.big {
	width: 61px; 
	height: 61px; 
	line-height: 61px;
	font-size: 20px;
}

.small {
	width: 45px; 
	height: 45px; 
	font-weight: bold;	
	font-size: 16px;
	line-height: 45px;
}

#accordion-list h4 {
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
}

fieldset.no-border {
	border: 0;
	padding: 0;
}

div.ok-response {
	color: green;
}
div.not-ok-response {
	color: red;
}

#location_outside_ro {
	margin-top: 5px;
}

#small-link a {
	font-size: 11px;
}

#job-description {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px 0 10px 0;
}

/* TYPOGRAPHY */

#footer-contents a {color:#021519; background-color:transparent;text-decoration:none;}
#footer-contents a:hover {color:#021519; background-color:transparent; text-decoration:underline;}

a {color:#0099CC; background-color:transparent;text-decoration:none;}
a:hover {color:#0099CC; background-color:transparent; text-decoration:underline;}

h2 {
	font-size: 14px;
	margin: 10px 0 7px 0;
	font-weight: bold;
}
h2 a {
	text-decoration: underline;
	font-weight: normal;
}

h3, #job-listings h2 {
	font-size: 14px;
	margin: 10px 0 7px 0;
	font-weight: bold;
}

h3.steps, div.steps {
	margin: 0;
	padding: 2px 5px 5px 8px;
	background: #0099cc; /*transparent url(../img/header-bg.png) no-repeat left; */
	font-weight: normal;
	color: #9AD4FF;
	font-size: 14px;
	height: 22px;
}
h3.page-heading, div.page-heading {
	display: block;
	margin: 0 0 7px 0;
	padding: 2px 5px 5px 8px;
	font-weight: normal;
	color: #fff;
	font-size: 16px;
	height: 22px;
	background: #0099cc; /*transparent url(../img/header-bg.png) no-repeat left; */
}
	h3.page-heading span {
		font-size: 12px;
	}
	h3.page-heading a:link, h3.page-heading a:visited, div.page-heading a:link, div.page-heading a:visited {
		color: #fff !important;
	}
	h3.page-heading a:hover, div.page-heading a:hover {
		background-color: #fff !important;
		color: #0099CC !important;
	}
h4 {
	font-size: 16px;
	margin: 12px 0 3px 0;
}

#status { color: #009900; background-color: #dfFFda; padding: 5px 0 2px 5px;}

.highlight_keyword {
	background-color: #ffff88;
}

/* recpatcha */
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color: #021519 !important;
 }
 
/* #recaptcha_table {
  border-color: #f5f5f5 !important;
} */

#recaptcha_response_field {
  border-color: #9e2046 !important;
  background-color:#fff !important;
}
#recaptcha_instructions {
	font-size: 12px;
}


#sort-by-type {
	float: right;
	font-size: 11px;
	color: #888;
}
	div#sort-by-type a:hover { background: #fff; }
	
	
#applied-to-job {
	float: right;
	background: url(../img/bg-applied.png) no-repeat;
	color: #333;
	font-size: 20px;
	width: 60px;
	height: 58px;
	text-align: center;
	padding: 4px 0 0 0;
}
	#applied-to-job p {
		font-size: 11px;
	}
	
	
/* tag heights */
.company-tag-1 {
	font-size: 12px;
}
.company-tag-2 {
	font-size: 14px;
}
.company-tag-3 {
	font-size: 16px;
}
.company-tag-4 {
	font-size: 18px;
}
.company-tag-5 {
	font-size: 20px;
}
.company-tag-6 {
	font-size: 24px;
}


/* autocomplete */
.ac_results {
	padding: 0px;
	border: 1px solid #ddd;
	background-color: #fff;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background: #881b3b url('indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: #881b3b;
	color: #000;
}

#textile-suggestions table {
	margin-top: 5px;
	width: 80%;
	font-size: 11px;
}
	#textile-suggestions table th {
		border-bottom: 2px solid #bbb;
		font-weight: bold;
	}
	#textile-suggestions table td {
		border-bottom: 1px solid #ccc;
	}
	

div.icon-fulltime {
	margin-top: 3px;
	background: url(../img/icon-fulltime.png) no-repeat;
	height: 11px;
	width: 47px;
	display: inline;
}
div.icon-parttime {
	margin-top: 3px;
	background: url(../img/icon-parttime.png) no-repeat;
	height: 11px;
	/*width: 47px;*/
	display: inline;
}
div.icon-freelance {
	margin-top: 3px;
	background: url(../img/icon-freelance.png) no-repeat;
	height: 11px;
	/*width: 47px;*/
	display: inline;
}


label.request-label {

}
.req-params-item {
	background-color: #edfaff;
	padding: 3px;
	margin-bottom: 5px;
	display: inline;
	line-height: 1.9;
}

#req-left { float: left; display: inline; width: 160px; }
#req-middle { float: left; display: inline; width: 160px; margin-left: 30px; }
#req-right { float: left; display: inline; width: 160px; margin-left: 30px; }
#req-right2 { float: left; display: inline; width: 160px; margin-left: 30px; }
#req-left input, #req-middle input, #req-right input, #req-right2 input { border: 0; }

#home-promo { background: url(../img/home-banner-bg.png) no-repeat; width: 757px; height: 66px; margin-top: 12px; text-align: center; padding-top: 8px; }
#home-promo div { color: #0897C6; font-size: 20px; }
#home-promo a { text-decoration: underline; font-size: 14px;}

/* paginator */
#job-listings .current_page{
	font-weight: bold;
	border: 1px solid #ccc;
	padding: 1px 2px 1px 2px;
}

table#jobs-featured {
  	width: 100%;
    border-top: 1px solid #ddd;    
    border-left: 1px solid #ddd;    
    border-right: 1px solid #ddd;    
}
  
table#jobs-featured tr {
    background: #e8e8e8;
	color: #333;
}
table#jobs-featured tr.over td {
    background: #f5fefe;
}
table#jobs-featured tr.alt td {
    background: #f5f5f5;
}
table#jobs-featured td {
    padding: 5px;
    border-bottom: 1px solid #ddd;
}
table#jobs-featured a:link, table#jobs-featured a:visited {
    color: #0099CC;
    padding: 2px;
}
table#jobs-featured a:hover {
    background-color: #0099CC;
    color: #fff;
    text-decoration: none;
    padding: 2px;
}
table#jobs-featured td.spotlight-image {
    text-align: right;
    color: #888;
    font-size: 11px;
    width: 80px;
}
table#legend {border-top: 1px dashed #666;
font-size: 80%;
color: #888}