/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/* Without forms */

/* @group Nutralize */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
}
html, body, form, fieldset, textarea {
        font: 100%/120% Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address{
        margin: 1em 0;
        padding: 0;
}
h2, h3, h4, h5, h6{
	margin: .5em 0;
}
li, dd, blockquote{
    margin-left: 1em;
}
em {
  font-weight: normal;
  font-style: normal;
  text-decoration: underline;
}
form{
	margin-bottom:  1em;
	overflow: hidden;
}
form label {
    cursor: pointer;
    line-height: 24px;
    font-weight: bold;
    display:  block;
}
form select{
	width:  200px;
}
fieldset {
    border: none;
}
input, select, textarea {
    font-size: 100%;
    margin:  0;
}
input{
	padding-top:  3px;
}
input.button{
	font-size: 100%;
	width:  164px;
	text-align:  left;
	padding:  0 4px;
}
button{
	cursor: pointer;
	border:  none;
	font-size:  90%;
	font-family: helvetica, arial, sans-serif;
	width: 164px;
	text-transform: uppercase;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	color:  #fff;
	background: transparent;
}
form a.button{
	background: #000;
	display: block;
	width: 164px;
	height:  26px;
	text-decoration: none;
	margin-left: 10px;
	clear: both;
	text-align:  center;
}
form a.button:hover{
	background: #999;
}
img{
	border: none;
}

/* @end */

/* @group Typography */

 /* @group General */

body{
	font-size:  78%;
	color:  #000;
}
ul, li, ol{
	margin-left: 1em;
}
/*
ul{
	list-style-image: url(/images/bullet.png);
}
*/
h2{
	font-size:  150%;
	margin-bottom:  20px;
}
#col2 h2 {
  font-size:  130%;
	margin-bottom:  10px;
}
h3, h4, h5, h6{
	font-size:  140%;
}
h3{
	font-size: 120%;
	display:  block;
	color: #fff;
}
h4{
	font-size: 90%;
}
h5{
	font-size: 85%;
}
h6{
	font-size: 80%;
}
a{
	text-decoration: underline;
	color:  #fff;
}
table{
	clear:  both;
	width:  480px;
	margin:  0;
}
th{
	font-weight:  bold;
	vertical-align: top;
	text-align:  left;
	width: 151px;
}
th, td{
	padding: 0 3px 0 0;
	vertical-align: top;
	line-height:  1.2em;
}
.alert{
	color: #c00;
	text-decoration: underline;
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}
  /* @end */
  
  /* @group Specific */

#hd h1{
	display: none;
}
#hd p{
	font-size:  186%;
	font-weight:  bold;
	color:  #8c8c8c;
	width:  500px;
	line-height: 110%;
}
#hd p span{
	color:  #fff;
	display: block;
}

p.paging{
	color: #fff;
}

.job h3{

	margin-top: 14px;
	margin-bottom:  14px;
}
div.jobdesc p{
	line-height:  1.3em;
}

#col2 .vcard{
	color: #fff;
	font-size: 130%;
}
#col2 .vcard .fn, #col2 .vcard a{
	font-weight: bold;
}

#col2 .vcard .adr, #col2 .vcard .email{
	margin-bottom: 1em;
	display: block;
}

#col1 p, #col1 table, #col1 h3, #col1 fieldset{
	margin-left: 10px;
	margin-right: 10px;
}

#col1 .new h3,
#col1 .filled h3 {
  margin-right: 55px;
}

div.apply h3 a{
	color: #000
}
p.posted_by {
  font-weight: bold;
}  

  /* @end */

/* @end */

/* @group Layout */
body{
	text-align:  center;
	background:  #fff;
}
#doc{
	text-align:  left;
	margin:  0 auto;
	padding:  0 0 40px 0;
	width:  780px;
	position:  relative;
	overflow:  hidden;
	background:  #f7ba05 url(/images/hd-bg.png) top repeat-x;

}
#hd{
	height: 126px;
	background:  url(/images/rare-logo.png) top right no-repeat;
	float:  left;
	width:  740px;
	margin-bottom:  10px;
	margin:  0 20px 10px 20px;
}
#col1{
	width:  500px;
	margin-right: 35px;
	margin-left: 20px;
	float:  left;
}
#col2{
	width:  205px;
	float:  left;
}
#col1 p.paging{
	margin:  0 0 4px 0;
	background: #f9ce4d;
	padding: 4px 10px 3px 10px;
}
p.paging span{
	color:  #000;
}
p.paging a, p.paging span{
	margin:  0 2px;
}
form#frmFilter{
	background:  #f8cf2a;
	padding: 0px 0;
	margin: 0 0 30px;
	width:  500px;
	display:  block;
	overflow: hidden;

}
#frmFilter fieldset{
	width:  500px;
	overflow:  hidden;
}
form#frmFilter label{
	line-height:  1em;
	margin-top:  8px;
	margin-bottom:  7px;
}
#frmFilter select{
	margin-bottom: 12px;
}
#frmFilter div{
	width:  220px;
	float:  left;
	display: inline;
}
div.job, div.apply{
	background: #f8cf2a;
	padding:  10px 0;
	margin-bottom: 4px;
}
div.job.last{
	margin-bottom:  30px;
}

div.job.filled{
	background: #f8cf2a url(/images/filled-corner.png) top right no-repeat;
}
div.job.new{
	background: #f8cf2a url(/images/new-corner.png) top right no-repeat;
}
div.apply{
	background: #fff;
}
body.homepage div.job:hover, body.homepage div.job.hover, #col2 div.job:hover, #col2 div.job.hover{
	background-color: #F9CE4D;
}
body.homepage div.job:hover h3 a, body.homepage div.job.hover h3 a, #col2 div.job:hover h3 a, #col2 div.job.hover h3 a{
	text-decoration: none;
}
div.apply input{
  width: 170px;
}
div.apply fieldset.fileUpload input{
	width: inherit;
}
#col1 div.apply fieldset.fileUpload p { margin-left: 0; }
div.apply fieldset.personal{
	width: 187px;
	float: left;
	display: inline;
}
div.apply fieldset.message{
	float: right;
	display: inline;
	width: 263px;
}
div.apply fieldset.message #txtMessage{
	width: 263px;
}
div.apply fieldset.fileUpload {
	clear: both;
	padding: 10px 0;
}
div.apply fieldset.submit input {
  margin: 0;
  background-color: #134fab;
}
div#submit {
  padding: 10px 0 0 10px;
  clear: both;
}
ul.job-nav{
	clear:  both;
	overflow: hidden;
}
ul.job-nav, ul.job-nav li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align:  center;
}
ul.job-nav li{
	width:  164px;
	float:  left;
	margin-right: 4px;
}
ul.job-nav a{
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	display:  block;
	height:  26px;
	line-height: 26px;
	margin-bottom:  5px;
	background: #f8cf2a;
	color:  #000;
}
ul.job-nav a:hover, ul.job-nav li.active a{
	background:  #fff;
}
ul.job-nav.bottom li.active a{
	margin-bottom: 0;
	height:  26px;
	padding-bottom: 5px;
}
ul.job-nav li.last{
	margin-right: 0;
}


#col2 #company-logo{
	padding:  10px;
	text-align: center;
	background:  #fff;
	margin-top:  44px;
	margin-bottom:  20px;
}
#col2 div.job{
	padding:  0px 40px 0px 10px;
	font-size: 94%;
}
#col2 div.job h3{
	line-height: 1.3em;
	margin: 7px 0 0 0;
	margin-bottom:  -.5em !important;
}
#col2 div.job.new{
	background-image: url(/images/new-corner-s.png);
}


/* @end */