.d-xs { font-family:Ubuntu,tahoma,verdana,arial,helvetica; font-size:10px; color:#666666; line-height: 9px; }

.bktab {background-color: #EEEEEE; background-repeat: no-repeat; background-position: bottom left;}
.bkwhat {background-color: #E5E5E5; background-repeat: no-repeat; background-position: bottom left;}
.bkfind {background-color: #EEEEEE; background-repeat: no-repeat; background-position: center center;}


.header { font-family: Ubuntu,arial,helvetica; 
		font-size:19px; 
		color:#333333; }
		
.byline { font-family: Ubuntu,verdana,arial,helvetica; 
		font-size: 11px; 
		color: #CC6633;
		margin-left: 5px;}
		
.boxtitle { font-family: Ubuntu,arial,helvetica, sans-serif; 
		font-size: 19px; 
		color: #000;}

#results { padding-bottom: 6px;
		text-align: left;
		margin-left: 15px;
		font-size: 16px;
		color: #333;}

/* categories list */

#catlist { font-family: Ubuntu,verdana,arial,helvetica, sans-serif;
		font-size: 11px;
		color: #666699;
		text-align: left;
		padding: 6px;
		}	
#catlist p {line-height: 10px; margin: 2px 0 6px 0; }
#catlist a { font-weight: bold;}	
#catlist a:hover { color:#ef6700; }

/* recent jobs table */

table.rjtable {table-layout: fixed;}
table.rjtable tr {height: 18px; min-height: 20px; background: url(http://images.iagora.com/images/iwork/listdivider.gif) bottom left no-repeat;}
table.rjtable td {font-size: 11px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		}
table.rjtable td.flag {width: 25px; text-align: center;}
table.rjtable td.compoffer {width: 330px;}
table.rjtable td.comp {width: 130px;}
table.rjtable td.offer {width: 200px; font-weight: bold;}
table.rjtable td.location { width: 130px; font-style: italic;}
table.rjtable td.match {width: 15px; text-align: center;}


/* promo boxes */

#promos {width:175px; border: 1px solid #ccc;}
#promos div.title {height: 18px; 
		width:100%;
		border-bottom: 1px solid #ccc; 
		line-height: 18px; 
		text-align: left;
		}
#promos div.body {padding: 8px; background: url(http://images.iagora.com/images/iwork/promo_bodybk.jpg) no-repeat center #fff; text-align: left; font-family:Ubuntu,arial,helvetica; font-size:12px; color: #666;}
#promos a  { color: #666; }

a.logbox_a, a:visited.logbox_a { color: #000; text-decoration: none; }

.logbox_aa { color: #0000fd; text-decoration: none; }

/* pagecounter job offers list */

#pagecounter { width:100%;
		height: 20px;
		background-color: #FEFAF2;
}
#pagecounter div {display: inline;
		font-family: Ubuntu,arial,helvetica, sans-serif;
		font-size: 11px;
		line-height: 20px;
		padding: 0px 4px 0px 4px;}
#pagecounter div.count {float: left;}
#pagecounter div.browse {float: right;}
#pcwrap_l { width: 762px; border: 1px solid #FCF2E2; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#pcwrap_s { width: 751px; border: 1px solid #FAEAD0; }
#pagecounter a { color: #990033;}


/* job list messages box */

.listmsg {width: 90%;
		background: url(http://images.iagora.com/images/iwork/listmessagesbk.jpg) top left no-repeat #e9e9e9;
		margin-top: 10px;
		margin-bottom: 10px;}
.listmsg div {
		margin-left: 25px;
		padding: 8px;
		text-align: left;}


/* job list column titles - short */

.listhead { width:100%;
		height: 20px;
		background-color: #F8E0BA;}	
.listhead div {font-size: 10px;
		line-height: 20px;
		display: inline;
		float: left;
		text-align: center;}
.listhead div.loc {width: 90px;}
.listhead div.job {width: 140px;}
.listhead div.comp {width: 95px;}
.listhead div.match {width: 40px;}


/* job list column titles - long */

.listhead2 { width:750px;
		height: 14px;}	
.listhead2 div {font-size: 10px;
		line-height: 14px;
		display: inline;
		float: left;
		text-align: center;}
.listhead2 div.loc {width: 160px;}
.listhead2 div.job {width: 290px;}
.listhead2 div.comp {width: 180px;}
.listhead2 div.match {width: 110px;}

/* job list tables */

tr.joblist td {height:24px; min-height:24px; border-bottom: 1px solid #f3dbb5; vertical-align:middle}
tr.joblist td.tit {background:#ffcc9a; height:22px; min-height:24px}
tr.joblist td.empty {background:#fff; }
tr.joblist td {font-size:11px; overflow:hidden; white-space:normal; text-overflow:ellipsis;}
tr.joblist td.bilad {width:159px}
tr.joblist td.biladnli {width:199px}
tr.joblist td.flag {width:30px; text-align:right; padding-right:2px}
tr.joblist td.star {width:22px; text-align:center}
tr.joblist td.location {width:100px; text-align:left; padding-left:5px}
tr.joblist td.locationnli {width:140px; text-align:left; padding-left:5px}
tr.joblist td.pubon {width:56px; color:#888}
tr.joblist td.offer {width:248px}
tr.joblist td.offernli {width:293px}
tr.joblist td.comp {width:170px}
tr.joblist td.compnli {width:220px}
tr.joblist td.match1 {width:27px; text-align:center}
tr.joblist td.match2 {width:24px; text-align:center; padding-right:6px}
tr.joblist td.match1 div { background-color:#eee; height:17px; border:1px solid #e4ddda; border-radius:2px }
tr.joblist td.match2 div { background-color:#eee; height:17px; border-top:1px solid #e4ddda; border-right:1px solid #e4ddda; border-bottom:1px solid #e4ddda; border-radius:2px; font-size:13px }
tr.joblist td.applied {width:51px; text-align:center; padding-right:6px}
tr.joblist td.appdate {width:73px; text-align:center; padding-right:6px}

tr.joblist td.x { background:#fdf5e8; font-weight:bold }

#advlink { position: relative; }
#advpop0 { 
  display: none; position: absolute; 
  top: 15px; left: -240px; width: 485px;
  background: white; overflow: hidden;
  border: 1px solid #888; padding: 7px; z-index: 3;
}
#advpop1 { 
  top: 0px; left: 0px; width: 470px;
  background: white; overflow: auto;
  border: 0px;
}

/* login box */

#loginbox {width: 180px;
		background: #FEFAF2 url(http://images.iagora.com/images/iwork/lgbox_body.gif) top right no-repeat;
		}		
#loginbox div.title { width: 100%;
		height: 28px;
		background: url(http://images.iagora.com/images/iwork/lgbox_top.gif) top no-repeat #FEFAF2;
		line-height: 27px;
		}
#loginbox div.body { width:110px; padding: 5px; }
#loginbox div.button { width: 100%;
		height: 27px;
		line-height: 27px; 
		background: url(http://images.iagora.com/images/iwork/bk_loginbutton.gif) no-repeat center;
		text-align: center;
		margin: 2px 0 4px 0;
		}
		
		
		
/* logged in box */

#loggedbox {width: 180px;
		background-color: #E6E6F2;
		}
#loggedbox div.title { width: 100%;
		height: 28px;
		background: url(http://images.iagora.com/images/iwork/lgbox_top_blue.gif) top no-repeat #D2D2E8;
		line-height: 27px;
		}
#loggedbox div.row { width:100%;
		height: 20px;
		padding: 1px;
		line-height: 20px;
		font-family: Ubuntu,verdana,arial,helvetica, sans-serif;
		font-size: 10px;
		}
#loggedbox div.row img {margin: 0px 6px 0px 4px;}
#loggedbox div.row a {text-decoration: none;}
#loggedbox div.warning { width:172px;
		padding: 4px;
		font-family: Ubuntu,verdana,arial,helvetica, sans-serif;
		font-size: 10px;
		text-align: center;
		}


/* premium tools for offers */

#offertools { width:519px; height: 30px; border: none }
#offertools div { display: inline;}
#offertools div.backtolist { float: left; line-height: 30px;}
#offertools div.toolspremium { float: right; background-color: #E6E6F2; }
#offertools div.toolsnopremium { float: right; background-color: #FAEAD0; }

#postingdate { float: right;
		position: relative;
		}


/* nested table job specifications */

table.jobspecs tr {height: 22px; min-height: 22px;}
table.jobspecs td {font-size: 13px;}
table.jobspecs td.spec { width: 150px; text-align: left; vertical-align: top;}
table.jobspecs td.desc { width: 370px; text-align: left; vertical-align: top;}

div.btarea {margin: 15px 0 10px 0;
		height: 25px;}


/* apply , email buttons below job description */

a.btapply {display:block;
		width: 140px;
		height: 25px;
		line-height: 25px;
		background: url(http://images.iagora.com/images/iwork/bt_apply_bk.gif) top no-repeat;	
		font-size: 11px;
		text-align: center;
		color: #fff;
		text-decoration: none;
		float: left;
		}
a.btapply:hover {color:#Ef6700;}

a.btemail {display:block;
		width: 140px;
		height: 25px;
		line-height: 25px;
		background: url(http://images.iagora.com/images/iwork/bt_email_bk.gif) top no-repeat;	
		font-size: 11px;
		text-align: center;
		color: #990033;
		text-decoration: none;
		float: left;
		}
a.btemail:hover {color:#999;}

.btgutter { width: 10px;
		float: left;}


		
/* local nav table */

table.localnav tr {height: 22px;}
table.localnav td { padding-left: 15px;
		padding-right: 16px;
		text-align: center;
		font-size: 11px;
		font-weight: bold;
		vertical-align: bottom;
		background: url(http://images.iagora.com/images/iwork/v_divider.gif) right no-repeat;
		}
table.localnav a { text-decoration: none; color: #000000; }

/* mail to a friend */
#mailfriend {width:100%; height: 30px;}



/* job offer message box */

#offermsg {width: 350px;
		background: url(http://images.iagora.com/images/iwork/offermsgtop.gif) top left no-repeat;
		margin-top: 6px;
		margin-bottom: -4px;
		padding-top: 5px;}
#offermsg div {
		background: url(http://images.iagora.com/images/iwork/offermsgbtm.gif) bottom left no-repeat;
		padding-bottom: 15px;
		padding-top: 2px;
		padding-left: 6px;
		padding-right: 6px;
		text-align: left;}

#floatbox {width: 202px;
		position: absolute; 
		margin-left: 176px; 
		margin-top: -15px;
		}

#floatbox div.top { width: 202px;
		background: url(http://images.iagora.com/images/iwork/bbltop2.gif) top right no-repeat;
		}

#floatbox div.bottom { width: 202px; 
		height: 10px;
		background: url(http://images.iagora.com/images/iwork/bblbottom2.gif) bottom right no-repeat;
		font-size: 1px;
		margin: 0;
		padding: 0;
		text-align: center;
		}
		
#floatbox div.content {padding: 10px 18px 5px 25px;
		text-align: left;}
		
.spacer { clear: both;}


/* yes no buttons free trial box */

a.btyesno {display:block;
		width: 68px;
		height: 25px;
		line-height: 25px;
		background: url(http://images.iagora.com/images/iwork/bt_yesno_bk.gif)  top no-repeat;	
		font-size: 11px;
		text-align: center;
		color: #990033;
		text-decoration: none;
		font-weight: bold;
		}
		
* html a.btyesno {display:block;
		width: 68px;
		height: 25px;
		line-height: 25px;
		background: url(http://images.iagora.com/images/iwork/bt_yesno_bk.gif)  top no-repeat;	
		font-size: 11px;
		text-align: center;
		color: #990033;
		text-decoration: none;
		font-weight: bold;
		}

a.btyesno:hover {color:#ffe7a5;}

/* job list messages box */

#blurbmsg {width: 100%;
		background: url(http://images.iagora.com/images/iwork/listmessagesbk.jpg) top left no-repeat #e9e9e9;
		margin-top: 10px;
		margin-bottom: 20px;
		}
#blurbmsg div {
		margin-left: 25px;
		padding: 8px;
		text-align: left;}


/* PAG FREEPREMIUM - CONGRATULATIONS NEW PREMIUM */


/* freepremium newpremium styles */

.freepremium  {
		width: 720px;
		margin: 0 auto;
		top: 15px;
		position: relative;
		text-align: center;
		/* background: url(http://images.iagora.com/images/iwork/freeptitlebk.jpg) top no-repeat; */
		}

.freepremium div.freeptitle {
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		margin-bottom: 10px;
		border-bottom: 1px solid #c63;
		}
		
		
.freepremium div.leftcol {
		width: 360px;
		float: left;
		text-align: left;
		padding-left: 20px;
		}
		

.freepremium div.rightcol {
		width: 320px;
		float: right;
		text-align: center;
		}
		
.freepremium div.premiumimage {
		text-align: left;
		padding: 0;
		margin-top: 60px;
		
		}
		
.row2 {
		padding: 2px 5px 2px 32px;
		background: url(http://images.iagora.com/images/iwork/demoarrow.gif) top left no-repeat #f9f9f9;
		}
		
		
.spacer {clear: both;}

.asterisk { padding: 0 15% 0 15%;}

.fpimg1 { list-style-image: url(http://images.iagora.com/images/iwork/blt_newmatch.gif); }
.fpimg2 { list-style-image: url(http://images.iagora.com/images/iwork/blt_jobmatch.gif); }
.fpimg3 { list-style-image: url(http://images.iagora.com/images/iwork/blt_shortlist.gif); }
.fpimg4 { list-style-image: url(http://images.iagora.com/images/iwork/blt_appl.gif); }
.fpimg5 { list-style-image: url(http://images.iagora.com/images/iwork/blt_notif.gif); }

/* font styles */

.bigthanks {font-size: 24px; font-family: Ubuntu,Arial,Helvetica,sans-serif; font-weight: bold;}




/* THANKYOU EXTENSION */

/* thankyou extension page */

.thankyou  {
		width: 720px;
		margin: 0 auto;
		top: 20px;
		position: relative;
		text-align: center;
		}

.thankyou div.title {
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		margin-bottom: 20px;
		border-bottom: 1px solid #c63;
		}
.thankyou div.leftcol {
		width: 380px;
		float: left;
		text-align: left;
		}
		
.thankyou div.rightcol {
		width: 320px;
		float: right;
		text-align: center;
		}
.thankyou div.demowrap {
		text-align: left;
		padding: 0 70px 0 70px;
		margin-top: 10px;
		}

/* tabs with left, top and right border */
div.tabborder { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

/* info messages - dup from meep b/c BILs need it */
div.msg { text-align: center; background-color: #f90; padding: 6px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; color: #fff; font-size: 14px }
div.msg a { color: #4c65ce; text-decoration: underline; }