* {font-family: arial, helvetica, verdana, sans-serif; font-weight: normal; border: 0; outline: none; text-decoration: none; color: #333; padding: 0; margin: 0;}
body {font-size: 0.625em; width: 100%;}

.clear {font-size: 0.1px; clear: both; width: 100%; height: 0px;}
.leftfloat {float: left;}
.rightfloat {float: right;}

ul li {list-style: none;}

#main_container {width: 912px; margin: 10px auto;}

#header {margin-bottom: 25px; overflow: hidden; widows: 100%; }
	#header #flashDay {width: 640px; margin-top: 10px; margin-left: 12px;}
	#header #postLink {margin-bottom: 15px; display: block; color: #c53534; font-size: 2em; font-weight: bold; text-transform: uppercase; width: 180px; height: 43px; text-indent: -9999px; background: transparent url(../media/images/css/header_postjob.gif) no-repeat 0 0;} 
	#header #twitterLink {display: block; color: #1e9015; font-size: 2em; font-weight: bold; text-transform: uppercase; width: 157px; height: 43px; text-indent: -9999px; background: transparent url(../media/images/css/header_twitter.gif) no-repeat 0 0; } 
	#header .sisterLink {display: block; width: 185px; height: 43px; margin: 15px 0 0 0; text-indent: -9999px; background: transparent url(../media/images/css/sister_logo_design.png) no-repeat 0 0; } 
	#header .fashionjobsboard { background-image: url(../media/images/css/sister_logo_fashion.png);} 
	#header .architecturejobsboard { background-image: url(../media/images/css/sister_logo_architecture.png);} 

#header h2 a {display: block; font-size: 4em; font-weight: bold; text-transform: uppercase; width: 408px; height: 77px; text-indent: -9999px; background: transparent url(../media/images/css/header_main_design.gif) no-repeat 0 0; } 
#header.fashion h2 a { background-image: url(../media/images/css/header_main_fashion.gif); }
#header.architecture h2 a { background-image: url(../media/images/css/header_main_architecture.gif); }

.area1, .area2 {float: left; display: inline;}

#nav_primary {clear: both; background: transparent url(../media/images/css/logo_djb.gif) no-repeat 0 0; margin: 0 0 30px 6px; position: relative;}
	#nav_primary ul {margin-left: 30px;}
		#nav_primary li {font-size: 1.2em; background: transparent url(../media/images/css/bg_navitem.gif) no-repeat 0 50%; float: left; padding: 0 10px;}
		#nav_primary li.first {background: none; padding-left: 0;}
			#nav_primary li a {color: #666;}
        #nav_primary p {clear: both; font-size: 1.2em; color: #666; padding-top: 2px; margin-left: 30px;}
		#nav_primary dl {width: 140px; margin-left: 30px;}
                        #nav_primary dl dt, #nav_primary dl dd {font-size: 1em; display: inline; color: #666;}
				#nav_primary dl dt.hidden {display: none;}
                        #nav_primary dl dd a {color: #666; text-decoration: underline;}

span.apply {float: left; display: block; background: #999 url(../media/images/css/navs/bg_nav_pages_tl.gif) no-repeat 0 0; padding: 0; margin: 0 0 15px 0;}
	span.apply span {display: block; background: transparent url(../media/images/css/navs/bg_nav_pages_tr.gif) no-repeat 100% 0;}
		span.apply span span {display: block; background: transparent url(../media/images/css/navs/bg_nav_pages_bl.gif) no-repeat 0 100%;}
			span.apply span span span {display: block; background: transparent url(../media/images/css/navs/bg_nav_pages_br.gif) no-repeat 100% 100%;}
				span.apply a, span.apply input {display: block; font-size: 1.3em; color: #fff; background: transparent url(../media/images/css/bg_nextarr_grey.gif) no-repeat 95% 50%; font-weight: bold; text-transform: uppercase; padding: 6px 20px 6px 6px;}

	span.apply.rightfloat {float: right; margin-bottom: 15px;}
a.nextlink, li.nextlink a, input.nextlink, li.nextlink input {font-size: 1.2em; font-weight: bold; text-transform: uppercase;}      
a.backlink, li.backlink a, input.backlink, li.backlink input {font-size: 1.2em; font-weight: bold; text-transform: uppercase;}
        a.nextlink, li.nextlink a, input.nextlink, li.nextlink input {background:transparent url(../media/images/css/bg_nextarr.gif) no-repeat scroll 100% 50%; font-size: 1.2em; font-weight: bold; padding-right: 15px; text-transform: uppercase;}
        a.backlink, li.backlink a, input.backlink, li.backlink input {background:transparent url(../media/images/css/bg_backarr.gif) no-repeat scroll 0 50%; font-size: 1.2em; font-weight: bold; padding-left: 15px; text-transform: uppercase;}
                #nav_pages li.nextlink a, #nav_pages li.backlink a, #nav_pages li.nextlink input, #nav_pages li.backlink input {background-image: none; padding: 0;}

#nav_secondary {float: right; width: 185px; margin: 25px 0 0 5px;}
.area1 #nav_secondary {float: left; width: 480px; margin-left: 0;}
	#nav_secondary li, #nav_secondary div {width: 185px; margin-bottom: 5px;}
	#nav_secondary .leftfloat {clear: both;}
	#nav_secondary .rightfloat {width: 280px;}

	#nav_secondary span {display: block;}
		#nav_secondary span a, #nav_secondary span link {display: block; font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-align: center; padding: 25px 5px;}
	#nav_secondary .a1 {background: #46cccb url(../media/images/css/navs/bg_nav_secondary_first_tl.gif) no-repeat 0 0;}
		#nav_secondary .a1 span {background: transparent url(../media/images/css/navs/bg_nav_secondary_first_tr.gif) no-repeat 100% 0;}
			#nav_secondary .a1 span span {background: transparent url(../media/images/css/navs/bg_nav_secondary_first_bl.gif) no-repeat 0 100%;}
				#nav_secondary .a1 span span a {background: transparent url(../media/images/css/navs/bg_nav_secondary_first_br.gif) no-repeat 100% 100%;}
	#nav_secondary .a2 {background: #43ca98 url(../media/images/css/navs/bg_nav_secondary_second_tl.gif) no-repeat 0 0;}
		#nav_secondary .a2 span {background: transparent url(../media/images/css/navs/bg_nav_secondary_second_tr.gif) no-repeat 100% 0;}
			#nav_secondary .a2 span span {background: transparent url(../media/images/css/navs/bg_nav_secondary_second_bl.gif) no-repeat 0 100%;}
				#nav_secondary .a2 span span a {background: transparent url(../media/images/css/navs/bg_nav_secondary_second_br.gif) no-repeat 100% 100%;}
	#nav_secondary .a3 {background: #65d05f url(../media/images/css/navs/bg_nav_secondary_third_tl.gif) no-repeat 0 0;}
		#nav_secondary .a3 span {background: transparent url(../media/images/css/navs/bg_nav_secondary_third_tr.gif) no-repeat 100% 0;}
			#nav_secondary .a3 span span {background: transparent url(../media/images/css/navs/bg_nav_secondary_third_bl.gif) no-repeat 0 100%;}
				#nav_secondary .a3 span span a {background: transparent url(../media/images/css/navs/bg_nav_secondary_third_br.gif) no-repeat 100% 100%;}
	#nav_secondary .a4 {background: #99cb38 url(../media/images/css/navs/bg_nav_secondary_fourth_tl.gif) no-repeat 0 0;}
		#nav_secondary .a4 span {background: transparent url(../media/images/css/navs/bg_nav_secondary_fourth_tr.gif) no-repeat 100% 0;}
			#nav_secondary .a4 span span {background: transparent url(../media/images/css/navs/bg_nav_secondary_fourth_bl.gif) no-repeat 0 100%;}
				#nav_secondary .a4 span span a {background: transparent url(../media/images/css/navs/bg_nav_secondary_fourth_br.gif) no-repeat 100% 100%;}
	#nav_secondary .a5 {background: #c8cc37 url(../media/images/css/navs/bg_nav_secondary_fifth_tl.gif) no-repeat 0 0;}
		#nav_secondary .a5 span {background: transparent url(../media/images/css/navs/bg_nav_secondary_fifth_tr.gif) no-repeat 100% 0;}
			#nav_secondary .a5 span span {background: transparent url(../media/images/css/navs/bg_nav_secondary_fifth_bl.gif) no-repeat 0 100%;}
				#nav_secondary .a5 span span a {background: transparent url(../media/images/css/navs/bg_nav_secondary_fifth_br.gif) no-repeat 100% 100%;}
	#nav_secondary .a6 {background: #c89937 url(../media/images/css/navs/bg_nav_secondary_sixth_tl.gif) no-repeat 0 0;}
		#nav_secondary .a6 span {background: transparent url(../media/images/css/navs/bg_nav_secondary_sixth_tr.gif) no-repeat 100% 0;}
			#nav_secondary .a6 span span {background: transparent url(../media/images/css/navs/bg_nav_secondary_sixth_bl.gif) no-repeat 0 100%;}
				#nav_secondary .a6 span span a {background: transparent url(../media/images/css/navs/bg_nav_secondary_sixth_br.gif) no-repeat 100% 100%;}
	#nav_secondary .a7 {background: #c66735 url(../media/images/css/navs/bg_nav_secondary_seventh_tl.gif) no-repeat 0 0;}
		#nav_secondary .a7 span {background: transparent url(../media/images/css/navs/bg_nav_secondary_seventh_tr.gif) no-repeat 100% 0;}
			#nav_secondary .a7 span span {background: transparent url(../media/images/css/navs/bg_nav_secondary_seventh_bl.gif) no-repeat 0 100%;}
				#nav_secondary .a7 span span a {background: transparent url(../media/images/css/navs/bg_nav_secondary_seventh_br.gif) no-repeat 100% 100%;}
	#nav_secondary .a8 {background: #c53534 url(../media/images/css/navs/bg_nav_secondary_eighth_tl.gif) no-repeat 0 0;}
		#nav_secondary .a8 span {background: transparent url(../media/images/css/navs/bg_nav_secondary_eighth_tr.gif) no-repeat 100% 0;}
			#nav_secondary .a8 span span {background: transparent url(../media/images/css/navs/bg_nav_secondary_eighth_bl.gif) no-repeat 0 100%;}
				#nav_secondary .a8 span span a {background: transparent url(../media/images/css/navs/bg_nav_secondary_eighth_br.gif) no-repeat 100% 100%;}

	#nav_secondary label {float: left; width: 45px; font-size: 1.3em; margin: 5px 0;}
	#nav_secondary input {float: left; border: 1px solid #989898; width: 200px; padding: 4px 0; margin: 0 0 5px 0;}

/* Home */

.home .area1 {width: 710px; margin-left: 12px;}
.home .form div.border {float: left; display: block; border: 1px solid #989898; width: 460px; padding: 10px; margin: 0 0 25px 12px;}
	.home .form#search {margin-bottom: 15px;}
		.home .form#search div label {display: none; float: left; font-size: 1.4em; font-weight: bold; text-transform: uppercase; margin: 0 10px;}
		.home .form#search div input {float: left; font-size: 1.3em; width: 400px;}
		.home .form#search span {float: left; background: #999 url(../media/images/css/navs/bg_nav_pages_tl.gif) no-repeat 0 0; margin-left: 10px;}
			.home .form#search span span {background: transparent url(../media/images/css/navs/bg_nav_pages_tr.gif) no-repeat 100% 0; margin: 0;}
				.home .form#search span span span {background: transparent url(../media/images/css/navs/bg_nav_pages_bl.gif) no-repeat 0 100%;}
					.home .form#search span span span span {background: transparent url(../media/images/css/navs/bg_nav_pages_br.gif) no-repeat 100% 100%;}
						.home .form#search input.search_submit {background: transparent url(../media/images/css/bg_nextarr_grey.gif) no-repeat 95% 50%; cursor: pointer; color: #fff; text-transform: uppercase; font-weight: bold; float: left; padding: 10px 14px 10px 6px;}
		.home div.border .ajaxLoading {background: transparent url(../media/images/css/ajax-loader.gif) no-repeat 0 0; width: 15px; height: 15px; float: right;}

.home table {width: 710px; margin-bottom: 10px;}
	.home table th {font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-align: left; padding: 0 0 10px 0;}
		.home table th.position {width: 280px; text-indent: -9999px; background: transparent url(../media/images/css/header_table_position.gif) no-repeat 10px 5px;}
		.home table th.company {width: 255px; text-indent: -9999px; background: transparent url(../media/images/css/header_table_company.gif) no-repeat 10px 5px;}
		.home table th.status {width: 120px; text-indent: -9999px; background: transparent url(../media/images/css/header_table_status.gif) no-repeat 10px 5px;}
		.home table th.type {width: 120px; text-indent: -9999px; background: transparent url(../media/images/css/header_table_type.gif) no-repeat 10px 5px;}
		.home table th.expiry {width: 100px; text-indent: -9999px; background: transparent url(../media/images/css/header_table_expiry.gif) no-repeat 10px 5px;}
		.home table th.edit {width: 80px; text-indent: -9999px; background: transparent url(../media/images/css/header_table_edit.gif) no-repeat 10px 5px;}
		.home table th.delete {width: 90px; text-indent: -9999px; background: transparent url(../media/images/css/header_table_delete.gif) no-repeat 10px 5px;}
		.home table th.salary {text-indent: -9999px; background: transparent url(../media/images/css/header_table_salary.gif) no-repeat 10px 5px;}
		.home table th.location {width: 175px; text-indent: -9999px; background: transparent url(../media/images/css/header_table_location.gif) no-repeat 10px 5px;}

        .home table td {cursor: pointer; font-size: 1.2em; padding: 10px;}
		.home table .dark td {background-color: #eee;}
		.home table td a {font-weight: bold;}
			.home table td a:hover, .home table td a:active {text-decoration: underline;}
                .home table td.highlight, .home table td.highlight a {color: red;}
		.home table td.center {text-align: center;}
		
		.edit table th.position {width: 170px; text-indent: -9999px; background: transparent url(../media/images/css/header_table_position.gif) no-repeat 10px 5px;}
		.edit table th.company {width: 160px; text-indent: -9999px; background: transparent url(../media/images/css/header_table_company.gif) no-repeat 10px 5px;}
		.edit table th.location {text-indent: -9999px; background: transparent url(../media/images/css/header_table_location.gif) no-repeat 10px 5px;}
		
        
	.home .form #nav_pages {width: 470px; margin-top: 5px;}

.home #nav_pages {float: left; width: 710px; margin-bottom: 25px;}
	.home #nav_pages ul {float: left;}
		.home #nav_pages li {float: left; background: #999 url(../media/images/css/navs/bg_nav_pages_tl.gif) no-repeat 0 0; margin-right: 5px;}
			.home #nav_pages li span {display: block; background: transparent url(../media/images/css/navs/bg_nav_pages_tr.gif) no-repeat 100% 0;}
				.home #nav_pages li span span {background: transparent url(../media/images/css/navs/bg_nav_pages_bl.gif) no-repeat 0 100%;}
					.home #nav_pages li span span a, .home #nav_pages li span span input {color: #fff; font-weight: bold; display: block; background: transparent url(../media/images/css/navs/bg_nav_pages_br.gif) no-repeat 100% 100%; padding: 3px 2px;}
						.home #nav_pages li.active a, .home #nav_pages li.active input {color: #000;}
.home #nav_pages li.backlink, .home #nav_pages li.nextlink {background: none; padding-top: 3px;}
.home #nav_pages li.backlink {padding-right: 10px;}
.home #nav_pages li.nextlink {padding-left: 10px;}

/* Job Description */
.description h1 {font-size: 3.2em; font-weight: bold; display: block; margin: 15px 0 15px 12px;}
.description .content {float: left; width: 720px;}
.description .area1 {width: 300px; margin-left: 12px;}
	.description .area1 dl dt {display: none;}
	.description .area1 dl dd.salary {font-weight: bold; font-size: 1.6em;}
	.description .area1 dl dd.company {font-weight: bold; font-size: 1.6em;}
	.description .area1 dl dd.location {font-weight: bold; font-size: 1.2em; text-transform: uppercase; color: #666; margin-top: 5px;}
.description .area2 {width: 500px; margin-left: 12px; margin-top: 30px;}
	.description .area2 h2, .post .content .apply h2 {font-size: 1.3em; float: left; display: inline; font-weight: bold; margin-right: 5px;}
	.description .area2 p a, .post .content .apply p a {text-decoration: underline;}

.description p {font-size: 1.4em; margin-bottom: 15px;}
	        .description dl.date {margin-bottom: 20px;}
		.description dl.date dt, .description dl.date dd {font-weight: bold; font-size: 0.9em; text-transform: uppercase; display: inline;}
	.description p.intro {font-weight: bold;}

/* Post a job */
.post h1 {font-size: 1.5em; font-weight: bold; float: left; display: inline; margin: 0 15px 15px 12px;}

.post .steps {margin: 0 15px 15px 0;}
	.post .steps li {display: inline; font-size: 1.5em; color: #ccc; font-weight: bold; margin-right: 30px;}
		.post .steps li.active {color: #333;}
		.post .steps li.completed {color: #666;}

.post .edit {margin: 0 0 15px 12px;}
	.post .edit li {font-size: 1.3em; display: inline; padding: 0 15px;}
		.post .edit li a {font-weight: bold; text-decoration: underline; color: #858585; }
	.post .edit li.first {background: transparent url(../media/images/css/bg_edit_divide.gif) no-repeat 100% 50%; padding-left: 0;}

.post p.intro {font-size: 1.3em; font-weight: bold; width: 690px; margin: 0 0 15px 12px;}
.post .area1 {width: 714px; margin-left: 12px;}
.post .content {background-color: #eee; width: 714px; padding: 15px 0; margin: 0 0 15px 12px;}
.post .area1 .content {margin-left: 0;}
        .post .content p {width: 500px; font-size: 1.4em;}

	.post a.backlink {font-size: 1.5em; float: left; margin: 0 0 15px 12px;}

	.post .content .form {padding: 0 15px;}
		.post .content .form input, .post .content .form textarea, .post .content .form select, .post .content .form p, .post .content .form label {display: inline; float: left;}
		.post .content .form label {margin-bottom: 5px;}
		.post .content .form label, .post .content .form input.text, .post .content .form textarea, .post .content .form select {font-size: 1.3em; width: 460px;}
		.post .content .form span.prompt { display: block; clear: both; color: #666; margin: 0 0 15px 0; font-size: 1.2em; }
				.post .content .form .rightfloat label {display: inline; float: right; font-weight: bold; width: 75px; margin: 5px 95px 0 0;}
				.post .content .form .rightfloat input {float: right; display: inline; margin: 4px 10px 0 0;}
			.post .content .form input.text, .post .content .form textarea, .post .content .form select {border: 1px solid #8b8b8b; padding: 3px; margin-bottom: 15px;}
			.post .content .form input.text.withprompt { margin-bottom: 0px;}
			
			.post .content .form input#configure_contact {margin-bottom: 0;}

.post .content a.rightfloat {margin-right: 15px;}

.post .content h2 {display: block; font-weight: bold; font-size: 3.2em; margin: 0 15px 15px 15px;}
.post .content h3 {font-weight: bold; font-size: 1.6em; margin-left: 15px;}
        .post .content h3.apply {font-size: 1.3em; float: left; display: inline; font-weight: bold; margin-right: 5px;}
        .post .content p.apply {clear: none;}
.post .content .area1 {float: left; display: inline; width: 300px; margin-left: 15px;}
	.post .content .area1 dl {margin-bottom: 15px;}
		.post .content .area1 dl dt {display: none;}
		.post .content .area1 dl dd.salary {font-weight: bold; font-size: 1.6em;}
		.post .content .area1 dl dd.company {font-weight: bold; font-size: 1.6em;}
		.post .content .area1 dl dd.location {font-weight: bold; font-size: 1.2em; text-transform: uppercase; color: #666; margin-top: 5px;}
.post .content .area2 {width: 680px; margin: 0 0 0 15px;}
	.post .content .area2 p {margin-left: 0; margin-right: 0;}

.post .content dl.date {margin-left: 15px;}
.post .content dl.date dt, .post dl.date dd {font-weight: bold; font-size: 0.9em; text-transform: uppercase; display: inline;}

.post .content p {clear: both; margin: 15px;}
	.post .content .form p {margin: 10px 0;}
        .post .content p.last {clear: none; margin-bottom: 0;}
	.post .content p.strong {font-weight: bold;}

.post div.continue {width: 714px; margin-left: 12px;}
	.post a.nextlink, .post input.nextlink {float: right; margin: 0 0 15px 12px;}

.post p.note {font-size: 1.2em; width: 720px; margin: 0 0 15px 12px;}
	.post p.note strong {font-weight: bold; text-transform: uppercase;}

.post .continue a.backlink {float: left; margin: 6px 15px 0 0;}
.post .continue span.apply {margin: 0 0 15px 0;}

/* Edit */
.edit h1 {clear: both; font-weight: bold; font-size: 4.8em; margin: 0 0 15px 12px;}
.edit .area1 h1 {clear: none; float: left; margin-left: 0;}

#nav_edit {margin-left: 12px;}
	#nav_edit li {text-align: center; background-color: #999; display: block; float: left; width: 235px;  margin: 0 5px 10px 0;}
		#nav_edit li a {display: block; font-size: 1.3em; color: #fff; text-transform: uppercase; font-weight: bold; padding: 10px 0;}

.edit .form#edit_jobs {clear: left;}
.edit .form#edit_jobs div.rightfloat {float: right; margin-top: 2.2em;}
.edit .form#edit_jobs div.rightfloat label {font-size: 1.2em; float: right; margin: 4px 10px 0 0;}
.edit .form#edit_jobs div.rightfloat select {width: 120px; float: right; border: 1px solid #999; }

.edit .form#edit_adverts {clear: left;}
.edit .form#edit_adverts div.rightfloat {float: right;}
.edit .form#edit_adverts div.rightfloat.filterDropDown label {font-size: 1.2em; float: right; margin: 4px 10px 0 0;}
.edit .form#edit_adverts div.rightfloat select {width: 120px; float: right; border: 1px solid #999; }


.edit .form#edit_adverts span.apply a, .edit .form#edit_adverts span.apply input {padding: 6px 20px 6px 6px;}
.edit form#edit_adverts span.apply a {padding: 6px 20px 6px 6px;}
/* INFO */
.INFO .area2 {margin-top: 0;}
dl.INFO dt, dl.INFO dd {font-size: 1.3em;}
        dl.INFO dt {font-weight: bold;}
        dl.INFO dd {margin-bottom: 15px;}
        dl.INFO dd span.bold {font-weight:bold;}
        dl.INFO dd A {text-decoration:underline;}
        

/* True Clarity Additions */

.post .content .form .rightfloat { width: 200px; }
.post input.nextlink { cursor: pointer; }
input.apply { cursor: pointer; }
li.backlink input { cursor: pointer; }
li.nextlink input { cursor: pointer; }
.home #nav_pages li span span a { cursor: pointer; }
.home #nav_pages li.pagerEllipsis { background: none; }
.home #nav_pages li.pagerEllipsis span { background: none; }
.home #nav_pages li.pagerEllipsis span span { padding: 4px 0px; }
.home .form div#nav_pages a { width: auto; }
.home #nav_pages li span span a.pageButton {text-align: center; width: 20px; font-size: 1em; }
.post .content .apply p { clear: none; }
span.apply input { cursor: pointer; }
#nav_secondary input.save { width: auto; margin: 0px; }
.filterDropDown { width: 300px; }
input.loginButton { padding: 5px 10px; font-weight: bold; border: solid 1px #000000; }