body {
  font-family:Verdana,Arial,Tahoma,sans serif;
  font-size:12px;
  margin:0;
  padding:0;
  text-align:center;
}
a img {
  border:0;
}
#header {
  margin-bottom: 0px;
	position: relative;
}
#header .inner{
  margin: 0 auto;
	width: 930px;
	text-align: left;
	position: relative;
}
#header .inner a#logo{
  background: url("../images/logo.png") no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
  height: 96px;
	width: 466px;
	position: relative;
	top: -7px;
	left: -5px
}
#header .inner h1{
  font: 2.8em Georgia, "Times New Roman", Times, serif;
	padding: 20px;
  border: 1px solid #eee;
	border-right: 0;
	border-left: 0;
	margin: 10px 0 0 0;
	color: #666666;
}
#header .inner h1 strong{
  color: black;
	font-weight: normal;
}
#header .inner h1 em{
  color: black;
}
#header div#compactor{
  text-align: center;
}
#header div#compactor a{
  background: #eee;
	color: black;
	font-size: 9px;
	text-transform: uppercase;
	padding: 2px;
	display: inline-block;
	margin: 0 auto
}
#header a {
  border:0;
	
}
#header #shownew{
  position: absolute;
	top: 10px;
	right: 0;
}
#header ul#the_feed {position:absolute; top:40px; right:0}
#header ul#the_feed li {border: 0; margin: 0; padding: 1px 0 3px 0; list-style: none; background: url("../images/rss_add.png") no-repeat left top; float: left; margin-right: 10px; font-size: .9em; padding-left: 22px}
#header ul#the_feed .email { background-image: url("../images/email.png")}
#header ul#the_feed .post {background-image: url("../images/post.png")}
#header ul#the_feed .twitter {background-image: url("../images/twitter.png")}
#header ul#the_feed .resource {background-image: url("../images/resource.png")}
#header ul#the_feed .delicious {background-image: url("../images/delicious.png")}
#header ul#the_feed li a{border: 0}

div#content {
  margin:0 auto;
  text-align:left;
  width:984px;
}
div.chunk {
  clear:both;
  padding:0;
  width:100%;
}

div.avr{
  text-align: center;
	position: relative;
	margin-bottom: 15px;
}

a.close{
  position: absolute;
	display: block;
	top: 25px;
	right: 60px;
	height: 15px;
	width: 15px;
	background:url(../../images/x_close.png) no-repeat top left;
}

#postjob {
	position: absolute;
	display: block;
	top:20px; right:0px;
}

#featurejob a{
	border: 0
}

.avr a:hover{
  border-bottom: 0 !important;
	text-decoration: none !important;
}

a:hover.close{
  background-position: 0 -15px;
}

div.chunk div.blockpost {
  float:left;
  font-size: 14px;
  line-height:1.8em;
  color:#565656;
  margin:20px 0;
  padding:0;
  width:49%;
}
div.chunk div.blockpost div {
  margin:0 10px;
}
div.chunk div.blockpost h2, div.chunk div.blockpost ul {
  margin:0;
  padding:0 20px;
}
div.chunk div.blockpost h2 {
  margin-bottom:5px;
  color: #000000;
}

div.chunk div.block {
  float:left;
  margin:20px 0;
  padding:0;
  width:33%;
}
div.chunk div.block div {
  margin:0 10px;
}
div.chunk div.block h2, div.chunk div.block ul {
  margin:0;
  padding:0 20px;
}
div.chunk div.block h2 {
  margin-bottom:5px;
}

h2 {
  font:normal 18px Georgia,"Georgia MS","Times New Roman",serif;
  margin:10px 0 0;
}

#feature {
  float:left;
  margin:10px 20px;
  padding:0;	
 font-family:Verdana,Arial,Helvetica,sans serif;
  font-size:18px;	
}

#header h2 {
  color:white;
  float:right;
  font-family:Verdana,Arial,Helvetica,sans serif;
  font-size:12px;
  font-weight:normal;
  margin:40px 40px 0 0;
  text-align:right;
  width:500px;
}
h2 a {
  color:black;
}
a {
  border-bottom:0 none;
  color:#3662AF;
  text-decoration:none;
}
a:hover {
  border-bottom:1px solid #9AC9FC;
  color:#0066CC;
  text-decoration:none;
}
ul, ul li {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
}

ul li {
  border-bottom:1px dotted #CCCCCC;
  padding:5px;
}

ul li:first-child {
  border-top:1px dotted #CCCCCC;
}

ul li:hover{
  background-color: #FFF3EF;
}

ul li a{
  border-bottom: 1px dotted #CAE8FF;
}

li strong {
  color:#CCCCCC;
  display:block;
  font-size:11px;
  font-weight:normal;
  margin:0;
  padding:0;
}

ul li:hover strong{
  color: #333333;
}

li.new {
/* background:transparent url("../images/new.png") no-repeat scroll right bottom; */
background-color: #F5F5F5;
}

li div.description{
  display: none;
}

div#featured { 
background-color: #F5F5F5;
	border: 1px solid #DDDDDD;
	margin: 0px auto;
	padding: 10px;
	width:890px;
	
}

div#featured:hover{
  background-color: #FFF3EF;
}


div#featured h1 {
 	font-size: 1.3em; 
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	border-style: none;
	text-align: left;
	color: #666666;
	border-bottom:1px dotted #DDDDDD;
	padding: 3px;
}

div#featured h2 {
 	font-size: 1.3em; 
	font-family: Verdana,Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	border-style: none;
	text-align: left;
	color: #333333;
	border-bottom:1px dotted #DDDDDD;
	padding: 3px;
}

#tooltip {
  width: 300px;
  background-color:#F2F2F2;
  border:5px solid white;
  font-family:Verdana, Arial,Tahoma,sans serif;
  font-size:11px;
  line-height:1.5em;
  padding:20px;
  position:absolute;
  text-align:left;
  text-decoration:none;
	overflow-y: hidden;
  z-index:3000;
}
#tooltip img{
  display: none;
}
#tooltip h3 {
  font: normal 11px Verdana,Arial,Tahoma,sans serif;
}
#tooltip .url {
  color:#00A4FC;
  margin:5px 0;
}
#tooltip h3, #tooltip div {
  margin:0;
}
div.footer {
  background-color: #1a1a1a;
  color:white;
  float:left;
  font-size:11px;
  height:7em;
  margin-top:30px;
  padding-top:12px;
  text-align:center;
  width:100%;
}
div.footer ul,
div.footer ul li,
div.footer ul li a,
div.footer ul li a:hover{
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
  color: #ccc;
  text-decoration: none
}
#footer-contents {
  margin:0 auto;
  text-align:left;
  width:950px;
}
#footer-copyright {
 float: right;
}
#footer-col1 {
 float: left;
 width: 500px;
}

#footer-col4 {
 float: right;
 text-align: right;
 margin-left: 30px;
 padding-right: 20px;
 width: 355px;
}

.footer a {
  color:white;
  text-decoration:none;
}

.footer a:hover {
  border-bottom:1px dotted #FFFFFF;
  color:#B9E4FF;
  text-decoration:none;
}

.footer a.uxjobs {
  border-bottom:1px dotted #0099CC;
  color:#B9E4FF;
}

.footer a.uxjobs:hover {
  border-bottom:1px dotted #616161;
  color:white;
}



.notification_error
{
border: 1px dashed #A25965;
height: auto;
width: 90%;
padding: 8px;
background: #F8F0F1;
text-align: left;
-moz-border-radius: 5px;
font: 14px Verdana, Helvetica, Arial, sans-serif;
}

#contact {
	margin: 0 50px;
	
}

#featured-desc {
	font-size: 14px;
  	margin: 0 auto;
	width: 930px;
	text-align: left;
	position: relative;
}

#featured-desc ul,#featured-desc  ul li {
  list-style-image:none;
  list-style-position:inside;
  list-style-type:circle;
  margin:0;
  padding:0;
}

#featured-desc ul li {
  border-bottom:1px dotted #CCCCCC;
  padding:5px;
}

.notification_ok
{
border: 0px;
height: auto;
width: 50%
padding: 8px;
background: #f5f9fd;
text-align: center;
-moz-border-radius: 5px;
font: 14px Verdana, Helvetica, Arial, sans-serif;
}



.button
{
border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

background: white;

color: #333333; 

font: 14px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 5px;
padding: 5px;
}

/* Label */
label  { width: 100px; padding-left: 20px; margin: 5px; float: left; text-align: right; font-weight: bold;}

.checklist { font-size: 14px;padding-left: 20px; margin: 5px; }
#highlight {margin}

/* Input, Textarea */
input, textarea
{
margin: 5px;
padding: 0px; 
float: left;

border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

color: #333333; 

font: 14px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}

/* BR */

br { clear: left; }

/* BODY */
#content2 {
	margin: 0 auto;
	width: 900px;	
	text-align: left;
}
#main {	
	float: left;
	width: 620px;
}
#main.noside {width:100% !important;}


#main h3 {color:#000;font-size:17px;margin:0px 0 18px 0;padding-bottom:5px;border-bottom:1px solid #eee;}
#main h3 span {color:#000;}
#main p {margin:0 0 20px 0;}
#main ul, #main ol {margin:0 0 20px 30px;}
#main .hint {font-size:12px;color:#666;text-align:right;}
#main p img {line-height:14px;margin:0 0 -3px 0;}

/* SIDEBAR */
#sidebar {	
	float:right;
	width:240px;
}
#sidebar .inner {
	background:#FFFFCC;
	border:1px solid #FDFAB3;
	padding:20px;
	margin:0 0 30px 0;
	color:#666;
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;}
#sidebar p {margin:0 0 20px 0;}
#sidebar p img {line-height:16px;margin:0 0 -3px 0;}
#sidebar h2 {margin:0 0 10px 0;color:#444;font-family:georgia, garamond, serif;font-style:italic;font-size:16px;}
#sidebar a:link, #sidebar a:visited {color:#005CB9;text-decoration:underline;}
#sidebar a:hover {color:#DD3700;text-decoration:underline;}


/* FORMS & TABLES */
table {width:440px;margin: 0 0 30px 0;border-collapse:collapse;}
table td, #popup table td {padding:3px 8px 15px 0px;vertical-align:top;}
table td.checkbox {width:20px;text-align:left;vertical-align:top;padding-top:5px;}
label {font-weight:bold;}
table td.label {width:110px;padding-top:6px;}
table td.desc {font-size:11px;padding-bottom:15px;color:#666;line-height:16px;}
table td em {font-style:normal;display:block;font-size:11px;color:#666;line-height:16px;}
table td em.noblock {display:inline;}
table td b {color:#555 !important;}
table td b.highlight {color:#bb0000;}
table tr.deletedrow td, table tr.deletedrow {background-color:#FFB7B7 !important}
table td.deuce label {display:block;padding:0 0 4px 0;}
.text {
padding:5px;border:1px solid #666;width:275px;
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
font-family:verdana, arial, sans-serif;
font-size:12px;
}
.labelinput {width:105px;}
select.text {width:287px;}
.text:focus, .text:active {border:1px solid #164574;}
.double {width:150px;}
#logo {margin:0 0 3px 0;}
.submitline {margin:40px 0 10px 0;color:#999;font-size:11px;}
.submitline span {}
.submit {padding:5px 10px;font-weight:bold;font-size:14px;color:#fff;background:#005CB9;border:1px solid #0053A6;margin:4px;
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
text-shadow: #0053A6 1px 1px 0px;
box-shadow: rgba(0,0,0, 0.5) 0px 0px 8px;  
-moz-box-shadow: rgba(0,0,0, 0.5) 0px 0px 8px;  
-webkit-box-shadow: rgba(0,0,0, 0.5) 0px 0px 8px;
}
.submit:hover {background:#0053A6;border:1px solid #0062C4;color:#fff;text-shadow: #0062C4 1px 1px 0px;cursor:pointer;}
.submit:active {background:#DD3700;border:1px solid #B92F00;color:#fff;text-shadow: #B92F00 1px 1px 0px;cursor:pointer;}
textarea.text {width:630px;}
input.large {width:413px;}
textarea.large {height:250px;}
textarea.small {height:50px;}
form p {font-size:11px;color:#333;line-height:16px;margin:0 0 7px 0;}
.req {font-weight:normal;color:#cc0000;font-size:11px;margin:0 0 5px 0;display:block;}

/* ERROR HANDLING */
div.topmsg {
margin:30px 30px 0 30px;
padding:5px 10px;
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
div.error {
color:#cc0000;
background:#F9F9CF;
border:1px solid #F5DB81;
}
div.success {
color:#006600;
background:#F9F9CF;
border:1px solid #F5DB81;
}
div.notice {
color:#30608F;
background:#E1EBF4;
border:1px solid #6699CC;
}
#response {margin-top:10px;}
#main a.cancel:link, #main a.cancel:visited {color:#cc0000;padding:2px 5px;font-weight:bold;}
#main a.cancel:hover {background:#cc0000;color:#fff;text-decoration:none;padding:2px 5px;font-weight:bold;}

.add:link, .add:visited {color:#006600;padding:1px 5px;font-weight:bold;}
.add:hover {color:#00aa00;text-decoration:underline;padding:1px 5px;font-weight:bold;}

/* job ad preview & finished view */
#jobpreview h2 {font-family:Verdana, georgia,garamond,serif;font-size:28px;margin:0 0 10px 0;line-height:30px;letter-spacing:-1px; font-weight: bold;}
#jobpreview h4 {font-family:Verdana, georgia,garamond,serif;font-size:18px;padding:0 0 3px 0;margin:0 0 10px 0;border-bottom:1px dotted #ccc;}
#jobpreview .jobmeta {margin:-5px 0 20px 0;color:#999;font-style:italic;font-size:12px; }
#jobpreview .jobbody {margin:0 0 15px 0;font-size:15px;}
#jobpreview .jobapply {background:#eee;padding:5px;margin:0 0 20px 0;
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
font-size:15px;
}
#jobpreview .jobhead {margin:0 0 20px 0;padding:0 0 15px 0;border-bottom:1px solid #eee;font-size:18px;}
.joblogo {margin:0 0 50px 0;}

#sidebar #social {list-style:none;}
#sidebar #social li {margin:0 0 5px 0;}
#sidebar li img {line-height:16px;margin:0 0 -3px 0;}

.jobbody ul, .jobbody ul li {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:circle;


  border: none;
  padding:5px;
}



/* data table (purchases) */
.datalist th, .datalist td { padding:3px 5px 3px 5px;border:1px solid #ccc;text-align:left;}
.datalist {border-collapse:collapse; width:250px;}
.datalist th { background:#e1e1e1;text-shadow: #fff 1px 1px 0px; }
.datalist tr.alternate td, .datalist tr.alternate { background:#eee; }
.datalist tr.total {font-weight:bold;color:#aa0000;}