@import url('https://fonts.googleapis.com/css?family=Permanent+Marker&display=swap');

/* =============================================================================
   Common
   ========================================================================== */
.last {
	margin-right: 0px;
}

img {
	height: auto;
	width: auto;
}

img.full {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
}

a {
	color: #252525;
	text-decoration: none;
}

a:hover {
	color: #454545;
}

a img {
	border: none;
}

.clear {
	clear: both;
}	

.left {
	float: left;	
}

.right {
	float: right;
}	

ol, ul, li {
	margin: 0px;
	padding: 0px;
}	

p {
	margin: 0px;	
}

h1, h2, h3, h4 {
	font-family: 'Archivo Narrow', sans-serif;
	margin: 0px;
}	

p.btn {
	border-radius: 7px;
	text-align: center;
	position: absolute;	
	text-transform: uppercase;
	font-family: 'Archivo Narrow', sans-serif;
	padding: 10px 0px 0px;
}

input, select {
	border: 1px solid #d8d8d8;
	border-radius: 7px;
	box-shadow: 0px 0px 2px #d8d8d8;
	display: block;
	height: 22px;
	padding: 11px 10px 8px;
	width: 200px;
	color: #2e2e2e;
	font-size: 125%;
	font-family: 'Archivo Narrow', sans-serif;
	margin: 0px 15px 0px 0px;
}

select#AccountExpiryYear,
select#AccountExpiryMonth {
	height: 45px;
}

div.slide p.service,
li p.services-wanted,
li p.services-offered,
li p.service,
div.slide p.job,
li p.job-wanted,
li p.job-offered,
li p.job {
	color: #fff;
	font-family: 'Archivo Narrow', sans-serif;
	background: #3e3996;
	padding: 10px 0;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 131px;
}

div.slide p.service,
li p.service {
	background: #40b649;
}

form div.required label {
	font-weight: normal;
}

span.required,
#error-payment-form {
	color: red;
}


/* =============================================================================
   Structure
   ========================================================================== */
html, body {
	font-size: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #606060;
}

body {
	background: #fff;
	min-width: 480px;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
}

.container {
	max-width: 980px;
	margin: 0 auto;
}

#header-strip, #header, #ads, #promo, #content, #footer, #copyright {
	min-width: 1000px;
/*	overflow: hidden;	*/
	clear: both;
	z-index: 50;
}	

#content {
	margin-bottom: 20px;	
}

/* =============================================================================
   Header Strip
   ========================================================================== */
#header-strip {
	height: 42px;
	background-color: #fff;
	width: 100%;
	min-width: 1000px;
}	

#header-strip ul.links {
	float: right;	
}

#header-strip ul.links li {
	float: left;
	background-image: url(/images/layout/icon-links.png);
	background-repeat: no-repeat;
	background-position: 5px 11px;
	margin: 0px;
	padding: 9px 20px 0 19px;
	list-style: none;
	font-family: 'Archivo Narrow', sans-serif;
	font-weight: 700;
}

#header-strip ul.links li.home {
	background-image: none;
}
#header-strip ul.links li.reg {
	background-position: left -18px;
}

#header-strip ul.links li.login {
	background-position: left -48px;
}

#header-strip ul.links li.logout {
	background-position: left -79px;
}

#header-strip ul.links li.learn:hover, #header-strip ul.links li.learn.active {
	background-position: -276px 11px;
}

#header-strip ul.links li.reg:hover, #header-strip ul.links li.reg.active {
	background-position: -281px -18px;
}

#header-strip ul.links li.login:hover, #header-strip ul.links li.login.active {
	background-position: -281px -48px;
}

#header-strip ul.links li.logout:hover, #header-strip ul.links li.logout.active {
	background-position: -281px -79px;
}

#header-strip ul.links li a {
	color: #2e2e2e;
	text-decoration: none;
	text-transform: uppercase;
}

.handwritten-heading {
	font-family: 'Permanent Marker', Arial, Helvetica sans-serif;
	text-align: center;
	margin: 50px 0 0;
	font-size: 40px;
	line-height: 1;
}

.handwritten-heading .social {
	margin-top: 15px;
}

.handwritten-heading .social li {
	display: inline-block;	
}

/* =============================================================================
   Header
   ========================================================================== */
#header {
	width: 100%;
	min-width: 1000px;
	height: 226px;
	margin: 0 auto 110px;
	background: url(/images/layout/header-bg-big2.jpg) #ececec no-repeat center top;
	overflow: inherit;
	z-index: 9999;
}

#header.home {
	height: auto;
	margin: 0 auto 40px;
	background: #fff;
	position: relative;
}

#header.home .home-page-banner {
	overflow: hidden;
	clear: both;
	margin-top: 20px;
}

#header.home .home-page-banner img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

#header .info-ad {
    width: 100%;
    float: left;
    margin: 50px 33px 25px 0;
}

.header-bottom-logos {
	height: 130px;
	background: #000;
	box-sizing: border-box;
	padding: 40px 0;
	opacity: 0.7;
	width: 100%;
	margin-top: 50px;
	text-align:center;
	overflow: hidden;
}
#header .info-box {
	width: 220px;
	float: left;
	margin: 50px 33px 25px 0;
}

#header .info-box a {
	display: block;
}
#header .info-box.last {
	margin-right: 0;
}
#header .info-box .info-image {
	background: #fff;
	width: 220px;
}
#header .info-box .info-image img {
	max-width: 100%;
	width: 100%;
	display: block;
}

#header .info-box .info-text {
	background: #3e3996;
	color: #fff;
	padding: 20px;
	text-align: center;
}

#header .info-box .info-text .info-text-heading {
	color: #fff;
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 22px;
	margin-bottom: 5px;
}

#header .info-box .info-text .info-text-paragraph {
	color: #fff;
	text-align: center;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 16px;
}

#header .info-box.info-box-service .info-text {
	background: #41b649;
}

#header .info-box a,
#header .info-box a:hover {
	color: #fff;
	text-decoration: none;
}
			
#header h1 {
	width: 220px;
	height: 160px;
	display: block;
	margin: 0px;
	float: left;
}

#header h1 a {
	position: relative;
	display: block;
}

#header h1 img {
	position: relative;
	z-index: 10;
	top: -19px;
}	

#header h1 .logo {
	font-size: 10%;
	display: block;
	font-weight: normal;
	position: absolute;
	top: 10px;
	left: 78px;
	z-index: 5;
}	

#homeTestimonials {
	width: 9999px;
	font-family: 'Archivo Narrow', sans-serif;
}
.home-testimonials.container {
	overflow: hidden;
	width: 980px;
}
.home-testimonial {
	/*display: none;*/
	text-align: center;
	padding: 0 20px 0 20px;
	float: left;
	max-width: 940px;
	color: #252525;
}
	.home-testimonial:nth-child(1) {
		/*display: block;*/
	}
.home-testimonial-text {
	display: block;
	font-size: 22px;
	margin-bottom: 10px;
	line-height: 30px;
	font-weight: bold;
}
.home-testimonial-author {
	/*font-size: 14px;*/
	font-weight: bold;
}
.home-testimonials-controls {
	text-align: center;
	max-width: 980px;
	margin-bottom: 30px;
}
.home-testimonials-controls ul {
	display: inline-block;
	list-style: none;
}
.home-testimonials-controls li {
	float: left;
	width: 6px;
	height: 6px;
	color: #d7d7d7;
	font-size: 26px;
	/*font-size: 60px;*/
	cursor: pointer;
	/*border-radius: 8px;
	border-color: #d7d7d7;*/
	border-radius: 6px;
	border: 2px solid #d7d7d7;
	background: #d7d7d7;
	margin-right: 10px;
}
	.home-testimonials-controls li.active {
		color: #a2a2a2;		
		border-color: #a2a2a2;
		background: #a2a2a2;
	}

.home-latest-listings {
	margin: 30px 0;
	overflow: hidden;
}

.home-latest-listings .slide .services-offered,
.home-latest-listings .slide .services-wanted,
.home-latest-listings .slide .job-wanted,
.home-latest-listings .slide .job-offered {
	padding: 2px;
	color: white;
	text-align: center;
}

/* =============================================================================
   Navigation
   ========================================================================== */
ul.nav {
	height: 47px;
	background: #fff;
	float: right;	
	/* margin-top: 22px; */
	border-radius: 7px;
	/*width: 396px;*/
	padding-left: 15px;
}

ul.nav li {
 	text-transform: uppercase;
	list-style: none;
	float: left;
	font-size: 110%;
	padding: 6px 3px 0px 3px;
}

ul.nav li a {
	padding: 5px 7px;
	font-family: 'Archivo Narrow', sans-serif;
	/* color: #252525; */
	color: #fff;
	display: block;
}	

ul.nav li:hover a {
	background: #cbcbcb;
	border-radius: 7px;
	color: #fff;
}

ul.nav.main-nav-jobs {
	background: #3e3996;
	margin: 30px 0 12px;
}

ul.nav.main-nav-services {
	background: #41b649;
}

/* =============================================================================
   Search Form
   ========================================================================== */ 
#header form.search {
	clear: both;
	background: #fff;
	border: 1px solid #c6d9d7;
	padding: 27px 20px 23px;
}	

#header form.search p.title {
	color: #555555;
	font-weight: 700;
	font-size: 137%;
	font-family: 'Archivo Narrow', sans-serif;
	float: left;
}	

#header form.search p.right {
	float: right;
	font-size: 87%;
	text-transform: uppercase;
}	

#header form.search p.right a {
 	color: #a3a3a3;
	text-decoration: underline;
}

#header form.search .form-elements {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 24px;
	padding: 22px 2px 0px;
}

#header form.search .row {
	float: left;	
}

#header form.search .row.loc {
	width: 210px;
}

#header form.search span.left {
	float: none;
	display: inline;
	color: #2e2e2e;
	font-size: 125%;
	padding: 20px 5px 0px 0px;
	font-family: 'Archivo Narrow', sans-serif;
}

#header form.search select {
	float: left;
}	

#header form.search select {
	width: 220px;
	height: 43px;
	padding: 7px 10px;
}	

#header form.search select.region {
	width: 130px;
	float: left;
}


#header form.search .styled-select {
	background: url(/images/layout/select-arrow-large.jpg) no-repeat scroll right 7px #FFFFFF;
    height: 41px;
    width: 220px;
	overflow: hidden;
	border: 1px solid #D8D8D8;
    border-radius: 7px;
    box-shadow: 0 0 2px #D8D8D8;
	margin: 0px 14px 0px 0px;
}

#header form.search .styled-select select {
    background: none;
	float: left;
	width: 255px;
	height: 41px;
	border: 0px;
	border-radius: 0px;
	box-shadow: none;
}

#header form.search .styled-select.region {
	width: 100px;	
	margin: 0px 12px 0px 0px;
}

#header form.search .styled-select select.region {
	width: 138px;
}

#header form.search input.service {
	color: #000;	
	width: 270px;
}

#header form.search input.location {
	width: 150px;
	display: inline;
}

#header form.search input.submit {
	width: 55px;
	float: left;
	background: #40b649!important;
	border-radius: 7px;
	color: #fff;
	padding: 0px;
	-webkit-appearance: none;
	text-transform: uppercase;
	height: 43px;
	box-shadow: none;
	border: 0px;
}	
	
#header form.search p.sub {
	font-size: 87%;
	color: #a3a3a3;
	margin: 5px 0px 0px;
	display: block;
}

#header form.search .row.loc p.sub {
	margin: 5px 0px 0px 22px;
}	

 /* =============================================================================
   Ads - Homepage
   ========================================================================== */
#ads {
	margin: 0 auto;
	overflow: hidden; 
	padding: 0px 0px 55px;
}

#ads .container {
	max-width: 1000px;
	overflow: hidden;
}	

#ads .two {
	float: left;
	position: relative;
	width: 483px;
}	

#ads .two.services {
	float: right;	
}

#ads .two a {
	text-decoration: none;
	padding: 0px;
}	

#ads .two a:hover {
	opacity: 0.9;
}

#ads .two h2 {
	color: #2e2e2e;
	margin: 0px;
	font-size: 125%;
	font-weight: 400;
	margin: 13px 0 9px 10px;
}	

#ads .two p {
	font-size: 87%;
	color: #606060;
	margin-left: 10px;
}	

#ads .two.services h2, #ads .two.services p {
	margin-left: 17px;
}

#ads .two span.link {
	color: #606060;
	text-decoration: underline;
}

#ads p.btn {
	width: 147px;
	height: 34px;
	background: #3e3996;
	font-size: 112%;
	right: 19px;
	top: 150px;
	color: #fff;
}	

#ads .services p.btn {
 	background: #40b649;
	right: 15px;
}
 
#ads .container .home-text.clear {
	padding: 30px 0px 0px;
	margin: 0 auto;
	text-align: center;
	width: 100%;	
}

#ads .container .home-text.clear p.line1 {
	font-size: 110%;
	margin-bottom: 15px;	
}

#ads .container .home-text.clear p.line2 {
	font-size: 110%;
	margin-bottom: 15px;	
}

#ads .container .home-text.clear p.line3 {
	font-size: 110%;	
}

 
/* =============================================================================
   Promos
   ========================================================================== */
#promo {
	border-top: 1px solid #d3d3d3;
}	

#promo .container {
	padding: 17px 0;	
	overflow: hidden;
	width: 1015px;
	max-width: 1015px;
}
   
#promo .banner.add {
	background: url(/images/layout/banner-ad-bg.jpg) #5b96cc no-repeat left top;
	width: 704px;
	height: 58px;
	padding: 16px;
	position: relative;
	float: left;
}

#promo .banner.add p {
	color: #fff;
}

#promo .banner p strong {
 	font-weight: 700;
	display: block;
	font-size: 150%;
}

#promo .banner p {
	font-family: 'Archivo Narrow', sans-serif;	
	font-size: 	125%;
	font-weight: 400;
	line-height: 150%;
}

#promo .banner.add p.btn {
	width: 226px;
	height: 34px;
	background: #3e3996;
	font-size: 112%;
	right: 22px;
	top: 23px;
	color: #fff;	
}

#promo .banner.cash {
	background: url(/images/layout/icon-search.jpg) #fff no-repeat 170px 11px;
	border: 1px solid #b2b2b2;
	float: left;
	margin-left: 20px;
	width: 206px;
	height: 52px;
	padding: 18px 0px 18px 16px;
}	

#promo .banner.cash p {
	color: #606060;
}

#promo .logos {
	width: 100%;
	margin: 40px auto 30px;
	overflow: hidden;
	/*padding: 5px 0px;	*/
}

#promo p {
    font-size: 125%;
    font-weight: 400;
    margin: 13px 0 9px 10px;
    font-family: 'Archivo Narrow',sans-serif;
	text-align: center;
	color: #959595;
}

#promo p.listen {
    font-size: 105%;
	text-align: center;
}

#promo p.listen a {
	background: url(/images/headphones.jpg) no-repeat left 3px;
	padding: 0px 0px 0px 30px;
	color: #959595;
}

/* =============================================================================
   Popup Shopup Promo
   ========================================================================== */
#header .container {position: relative;}
.popup-promo-block {position: absolute; font-family: 'Open Sans', sans-serif; right: -290px; top: 0; background: #d32027; top: 160px; width: 270px; height: 490px; border: 1px solid #fff; padding: 15px 20px; text-align: center; box-sizing: border-box;}
.popup-promo-block h3 {color: #fff; text-transform: uppercase; font-weight: normal; font-family: 'Open Sans', sans-serif; font-size: 23px; margin-bottom: 15px; line-height: 26px;}
.popup-promo-block ul {list-style: none;}
.popup-promo-block ul li {color: #fff; margin-bottom: 5px; font-size: 15px;}
.popup-promo-block .popup-promo-button {background: #fff; padding: 5px 40px; color: #d32027; text-transform: uppercase; box-sizing: border-box; display: inline-block; margin: 15px 0 20px; width: auto; font-size: 14px; font-weight: bold;}
.popup-promo-block img {width: auto; max-width: 150px; margin: 0 auto 5px; display: block;}
.popup-promo-block .popup-promo-note {font-size: 13px; color: #fff;}

@media only screen and (max-width: 1500px) {
	#header.home {height: auto;}
	.popup-promo-block {position: relative; top: 20px; right: 0; width: 100%; height: auto; padding: 15px 15px 10px; clear: both;}
	.popup-promo-block h3 {font-size: 19px; margin-bottom: 10px;}
	.popup-promo-block ul {}
	.popup-promo-block ul li {display: inline-block; vertical-align: top; font-size: 13px;}
	.popup-promo-block ul li:after {content: "/"; width: 20px; text-align: center; display: inline-block;}
	.popup-promo-block ul li:last-child:after {display: none;}
	.popup-promo-block .popup-promo-button {max-width: 180px; display: block; margin: 10px auto;}
	.popup-promo-block img {width: auto; max-width: 150px; margin: 0 20px 5px 0; display: inline-block; vertical-align: middle;}
	.popup-promo-block .popup-promo-note {font-size: 13px; color: #fff; display: inline-block; vertical-align: middle;}
}
 
/* =============================================================================
   Content
   ========================================================================== */
#content.home {
	/*background: url(/images/layout/bg-content.jpg) repeat;*/
	border-top: 1px solid #d3d3d3;
	box-shadow: 0px 0px 1px #ebebeb;
	overflow: hidden;
	padding-bottom: 0;
	margin-bottom: 0px;
}

#content .container {
	padding: 50px 0 65px;
	overflow: hidden;
	clear: both;
	position: relative;
}
#content.home .container {
	padding: 0;
}

.search-container {
	min-height: 1190px;	
}

/* =============================================================================
   Search Listing Page
   ========================================================================== */
#content .col {
	float: left;	
}

#content .filter {
	width: 178px;
}

#content .results {
	width: 750px;
	/* width: 514px; */
	margin: 0px 25px 10px;
	background: #f6f6f6;
}

/* Floating Ads */
#floatdiv {
	position:absolute;  
	right:0px;  
	padding:0px;background:#FFFFFF;  
	border:1px solid #868686;  
	z-index:100;	
	padding-top: 0px;
	padding: 14px 18px;
	border: 1px solid #e1e1e2;
}

#content .ads {
	width: 236px;
	margin-bottom: 37px;
	position: relative;
/*	height: 1190px;
*/}

#content .col p.title {
	color: #2e2e2e;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 100%;
	margin: 0px 0px 5px;
}	

#content .container form.sort {
	background: #606060;
	padding: 20px 18px;
	height: 31px;
}	

#content .container form.sort label {
	color: #fff;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 125%;
	float: left;
	padding: 3px 10px 0px 0px; 
}

#content .container form.sort .styled-select {
	background: url(/images/layout/select-arrow-large.jpg) no-repeat scroll right 2px #FFFFFF;
   	width: 230px;
	height: 31px;
	box-shadow:	0 0 2px #515151;
	color: #2e2e2e;
	font-size: 112%;
	padding: 0px;
	float: left;
	border: 1px solid #D8D8D8;
	border-radius: 7px;
	overflow: hidden;
}

#content .container form.sort .styled-select select {
	width: 257px;
	height: 31px;
	box-shadow:	none;
	color: #2e2e2e;
	font-size: 112%;
	padding: 2px 5px;
	float: left;
	border: 0px;
	background: none;
}

#content .container form.sort p {
	font-size: 82%;
	color: #fff;
	float: right;
	padding: 11px 0px 0px;
}

/* =============================================================================
   Search Page Results - Bottom Navigation 
   ========================================================================== */
#content .results .page-nav {
	overflow: hidden;
	background: #fff;
	padding: 8px 0px 40px;
}

#content .results .page-nav p.label {
	color: #606060;
	font-size: 70%;
	border-right: 1px solid #cacaca;
	padding: 5px 5px 6px 0;
	width: 75px;
	float: left;
}

#content .results .page-nav ul {
	padding: 0px;
	margin: 7px 0 0 5px;
	height: 30px;
 	float: right;
}	

#content .results .page-nav li {
	float: left;
	list-style: none;
}

#content .results .page-nav li.current,
#content .results .page-nav li a {
	padding: 1px 3px;
	color: #606060;
	display: block;
	line-height: 130%;
	font-size: 90%;
} 

#content .results .page-nav li:hover a {
	color: #fff;
	background-color: #cbcbcb;
}


#content .results .page-nav li.skip-previous,
#content .results .page-nav li.skip-next {
	background: url(/images/layout/arrow-single.jpg) no-repeat left top;
	width: 16px;
	height: 22px;
	border: 1px solid #ccc;
	margin-right: 5px;
	margin-left: 10px;
	text-indent: -9999px;
}
#content .results .page-nav li.skip-previous {
	background: url(/images/layout/arrow-single-left.png) no-repeat left top;
}
#content .results .page-nav li.skip-first,
#content .results .page-nav li.skip-last {
	background: url(/images/layout/arrows-double.jpg) no-repeat left top;
	width: 23px;
	height: 22px;	
	border: 1px solid #ccc;
	text-indent: -9999px;
}
#content .results .page-nav li.skip-first {
	background: url(/images/layout/arrows-double-left.png) no-repeat left top;
}

#content .results .page-nav li.skip-next, 
#content .results .page-nav li.skip-last { 
	padding: 0px;
}

#content .results .page-nav li.skip-next:hover, #content .results .page-nav li.skip-more:hover {
	display: block;
	text-indent: -9999px;
}

#content .results .results-label {
	overflow: hidden;
	width: 182px;
	padding: 6px 0px 0px;
}	

#content .results .results-label label {
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 93%;
	color: #2e2e2e;
	float: left;
	margin: 0 7px 0 11px;
}	

#content .results .results-label select {
	width: 55px;
	height: 19px;
	border: 0px solid #D8D8D8;
	float: left;
	margin: 3px 0px 0px;
	padding: 0px;
	width: 75px;
	border-radius: 0px;
}	

/***** Styled Select *****/
#content .results .results-label .styled-select {
	background: url(/images/layout/select-arrow.jpg) no-repeat scroll right 7px #FFFFFF;
    height: 26px;
    width: 55px;
	float: left;
	border: 1px solid #D8D8D8;
	border-radius: 3px;
}

#content .results .results-label .styled-select select {
    background: none;
    border: 0 none;
	font-size: 100%;
	box-shadow: none;
	padding: 1px 0px 0px 5px;
	margin: 0px;
	width: 78px;
	height: 25px;
}

/* =============================================================================
   Filter Column - Search Results Page 
   ========================================================================== */
#content .container .filter form {
	width: 178px;
	padding: 0px;
	border: 0px;
}

#content .filter p.title {
	background: url(/images/layout/filter-head-bg.jpg) no-repeat left 3px;
	padding: 0px 0px 5px 19px;
	line-height: 100%;
	font-size: 100%;
}

#content .filter .form-box {
	overflow: hidden;
	padding: 15px 0px;
	border-top: 1px solid #cccccc;
}	

#content .filter .form-box br {
	clear: both;
}

#content .filter .form-box.last {
	border: 0px solid #cccccc;
	padding: 15px 0 0;
}	

#content .filter .form-box.last br {
	display: none;
}

#content .filter label {
	font-size: 93%;
	float: left;
	width: 70px;
}

#content .filter .form-box.last label {
	float: none;
	width: 100%;
}	

#content .filter .no {
	font-size: 87%;
	color: #868686;
}

#content .container .filter select {
	width: 78px;
	height: 19px;
	border-radius: 3px;
	float: right;
	box-shadow: none;
	margin-right: 0px;
}	

#content .container .filter .styled-select {
	background: url(/images/layout/select-arrow.jpg) no-repeat scroll right 4px #fff;
    float: none;
    height: 24px;
    margin: 0 0 7px;
    width: 150px;
	border: 1px solid #D8D8D8;
	border-radius: 3px;
}

#content .container .filter .styled-select select {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: none;
    height: 24px;
    overflow: hidden;
	border: 0px;
	border-radius: 0px;
	width: 177px;
	padding: 0px;
	font-size: 100%;
}

#content .filter .check {
	width: 100%;
	overflow: hidden;
}	


#content .filter input.check, #content .filter .check input {
	float: left;
	margin:  3px 10px 0px 0px;
	width: 10px;
	height: 17px;
	padding: 0px;
	border: 0px;
}

#content .filter label.tag {
	float: left;	
	color: #fff;
	font-size: 90%;
	background: #3e3996;
	padding: 2px 7px;
	line-height: 110%;
	color: #fff;
}

#content .filter label.tag.serv {
	background: #40b649;
}

#content .filter .list {
	overflow: auto;
	width: 166px;
	height: 232px;
	padding: 5px 5px;
	border: 1px solid #cccccc;
}

#content .filter .list li {
	color: #606060;
	font-size: 90%;
}

#content .filter .list li a {
	color: #606060;
}

/* =============================================================================
   Ads Column - Search Results Page 
   ========================================================================== */
#content ul.results-listing li {
	list-style: none;
	border-bottom: 1px solid #cacaca;
	padding: 24px 17px;
	overflow: hidden;
}

#content ul.results-listing li ul {
	position: relative;
}


#content ul.results-listing li.featuredPost.post-job-offered,
#content ul.results-listing li.featuredPost.post-job-wanted {
	background-color: #C5C4E0;
}

#content ul.results-listing li.featuredPost.post-services-offered,
#content ul.results-listing li.featuredPost.post-services-wanted {
	background-color: #C6E9C8;
}

#content ul.results-listing li.featuredPost.post-job-offered li.right p.title a,
#content ul.results-listing li.featuredPost.post-job-wanted li.right p.title a,
#content ul.results-listing li.featuredPost.post-services-offered li.right p.title a,
#content ul.results-listing li.featuredPost.post-services-wanted li.right p.title a {
	color: #252525;
}

.featuredPostExpDate {
	font-size: 80%;
	padding-top: 10px;
}

.urgentPost {
	position: absolute;
	right: -18px;
	top: -25px;
	color: #FFF;
	font-weight: bold;
	width: 0;
height: 0;
border-style: solid;
border-width: 0 130px 130px 0;
border-color: transparent orange transparent transparent;

}

.urgentPost-text {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
display: block;
width: 50px;
height: 185px;
text-align: center;

}

#content ul.results-listing li li.left {
	float: left;
	width: 131px;
	border-bottom: 0px;
	padding: 0px;
	position: relative;
}

#content ul.results-listing li li.left img {
	margin: 0px 0px 25px;	
}


#content li.left img.serv {
	background: #fff;
}

#content ul.results-listing li li.left p {
	font-size: 90%;
	line-height: 100%;
	text-align: center;
}

#content ul.results-listing li li.right {
	float: right;
	/* width: 320px; */
	width: 540px;
	border-bottom: 0px;
	padding: 0px 40px 0px 14px;
	    box-sizing: border-box;
}

#content ul.results-listing li li.right p.title a {
	text-decoration: underline;
	margin: 0px 0px 10px;
}

#content ul.results-listing li.post-job-offered li.right p.title a,
#content ul.results-listing li.post-job-wanted li.right p.title a {
	color: #3e3996;
}

#content ul.results-listing li.post-services-offered li.right p.title a,
#content ul.results-listing li.post-services-wanted li.right p.title a {
	color: #40b649;
}

#content ul.results-listing li li.right p.location {
	line-height: 100%;
}	

#content ul.results-listing li li.right p.desc {
	font-size: 90%;
	color: #606060;
	line-height: 140%;
	margin: 15px 0px;
}	

#content ul.results-listing ul.details {
	width: 100%;
}

#content ul.results-listing ul.details li {
	float: left;
	width: 48%;
	border-bottom: 0px;
	overflow: hidden;
	padding: 0px;
	font-size: 86%;
	color: #606060;
	line-height: 140%;
}

/* =============================================================================
   Ads Column - Search Results Page 
   ========================================================================== */
#content .ads li {
	list-style: none;
	padding: 0px 0px 10px;
}

#content .ads li a {
	display: block;
}

#content .ads li img {
	margin: 0px;
	border: 1px solid #d3d3d3;
}

#content .ads li a p.title {
	text-decoration: underline;
	margin: 0 0 2px;
}

#content .ads li p {
	font-size: 80%;
	line-height: 142%;
	color: #606060;
	margin: 0px 0px 20px;
}

#content .ads li p.services-offered,
#content .ads li p.services-wanted,
#content .ads li p.service
#content .ads li p.job-offered,
#content .ads li p.job-wanted,
#content .ads li p.job {
	position: relative;
	padding: 5px 10px;
	color: #fff;
	margin: 0px 0px 0px;
	font-size: 90%;
	display: inline-block;
	top: 31px;
}


/* =============================================================================
   Search Results Details 
   ========================================================================== */
#content .result {
	width: 716px;
	margin-right: 26px;
}

#content .container .bcrumbs, p.breadcrumb {
	overflow: hidden;
	margin: 0px 0px 5px;
}

p.breadcrumb a, p.breadcrumb strong {
	font-size: 80%;
	text-transform: uppercase; 
	color: #a3a3a3;
}

p.breadcrumb a {
	text-decoration: underline;
}	

#content .container .bcrumbs li {
	float: left;
	list-style: none;
	font-size: 80%;
	text-transform: uppercase; 
	color: #a3a3a3;
}

#content .container .bcrumbs li a {
	color: #a3a3a3;
	text-decoration: underline;
	background: url(/images/layout/brcumb-div.jpg) no-repeat right 3px;
	padding: 0 12px 0 0px;
}

#content .container .bcrumbs li.back {
	float: right;
}

#content .container .bcrumbs li.back a {
	background: none;	
	padding: 0px;
}

#content .container .bcrumbs li a {
	color: #a3a3a3;
	text-decoration: underline;
	background: url(/images/layout/brcumb-div.jpg) no-repeat right 3px;
	padding: 0 12px 0 0px;
}

#content .container .bcrumbs.searchbcrumbs {
	margin-left: 203px;
}

	
#content .result-title {
	background: #606060;
	padding: 10px 20px !important;
	color: #fff;
}	

#content .result .result-title h2 {
	color: #fff;
	font-size: 138%;
	font-weight: 700;
}

#content .result .result-title p {
	color: #fff;
	font-size: 90%;
}

#content .result-title a {
	color: #fff;
	text-decoration: underline;
}

#content .result .result-info {
	background: #f6f6f6;
	padding: 25px;
	overflow: hidden;
}

#content .result .result-info .left {
	width: 320px;	
}

#content .result .result-info .left img {
	border: 1px solid #dad9da;
}

#content .result .result-info .left #thumbs img {
	margin-right: 4px;
}	

#content .result .result-info .left #thumbs img.last {
	margin-right: 0px;
}

#content .result .result-info .right {
	margin-left: 20px;	
	width: 326px;
}

#content .result-info p.tag {
	background: #3e3996;
	float: left;
	color: #fff;
	display: block;
	padding: 3px 26px;
	font-size: 97%;
	font-family: 'Archivo Narrow', sans-serif;
	font-weight: 700;
}

#content .result-info p.tag.service,
#content .result-info p.tag.services-wanted,
#content .result-info p.tag.services-offered {
	background-color: #40b649;
}

#content .result .result-info p.date {
	float: right;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 100%;
}	

#content .result .result-info h3.title {
	clear: both;
	color: #f68624;
	font-size: 113%;
	padding: 10px 0px 10px;
	font-weight: 400;	
}

#content .result ul.services-table, #content .result table.services-table {
	background: #e9e7e7;
	display: block;
}

#content .result table.services-table {
	border-collapse: collapse;	
	font-size: 90% !important;
}

#content .result ul.services-table, #content .result table.services-table {
	list-style: none;
}

#content .result ul.services-table li, #content .result table.services-table th, #content .result table.services-table td {
	padding: 1px 8px;
}

#content .result ul.services-table li strong, #content .result table.services-table th strong, #content .result table.services-table td strong {
	display: block;
	width: 100px;
	float: left;	
	color: #606060 !important;
}

#content .result ul.services-table li.nth, #content .result table.services-table tr.nth th, #content .result table.services-table tr.nth td {
	background: #d7d7d7;
	color: #606060 !important;
}

#content .result table.services-table tr.odd th {
	background: #E9E7E7;
	text-align: left;
}

#content .result table.services-table tr.nth th, #content .result table.services-table tr.odd th {
	color: #606060 !important; 
	text-align: left;
 }

#content .result table.services-table td, #content .result table.services-table th {
	font-size: 100%;
}

#content .result table.services-table td, 
#content .result table.services-table td {
	width: 50%;
}

#content .result table.services-table th {
	font-size: 100%;
	width: 126px;
}

#content .result table.services-table td {
	width: 200px;
}


#content .result .copy {
	clear: both;
	padding: 20px 0px;
}	

#content .result .copy h4 {
	color: #2e2e2e;
	font-size: 113%;
	margin: 0px 0px 5px;
}	

#content .result .copy p {
	font-size: 90%;
	line-height: 133%;
	margin: 0px 0px 25px;
}	

#content .result .copy ul.downloads li {
	background: url(/images/layout/download-icon.jpg) no-repeat left 4px;
	padding: 0px 0px 0px 28px;
	font-size: 90%;
	line-height: 133%;
	list-style: none;
}

#content .result .copy ul.downloads li a {
	color: #606060;
	text-decoration: underline;
}

#content .result .reviews {
	background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 25px;
    padding: 25px 0 0;	
}

#content .reviews h4 {
	float: left;
	color: #2e2e2e;
	margin: 10px 0 5px;
	font-size: 113%;
}	

#content .portfolio h4 {
	color: #2e2e2e;
	margin: 10px 0 5px 10px;
	font-size: 113%;
}	

#content .reviews p.button a {
	background: #40b649;
	color: #fff;	
	display: block;
	float: right;
	text-transform: uppercase;
	font-size: 90%;
	padding: 2px 10px;
	border-radius: 5px;
}

#content .review-form-wrapper,
#content .review-body {
	border-top: 1px solid #cccccc;
	overflow: hidden;
	clear: both;
	padding: 15px 0px;
}

#content  .container .review-form-wrapper form {
	padding: 10px 0px;
	border-top: 0px;
	margin: 0px 0px 15px;
}

#content .reviews p {
	font-size: 90%;
	line-height: 146%;
	margin: 0px 0px 15px;
}	

#content .reviews .left {
	width: 476px;	
}

#content .reviews .left p.title, #content .reviews .right p.title {
	font-size: 113%;	
	margin: 0px 0px 10px;
}

#content .reviews .left p.title {
	background: url(/images/layout/review-title-bg.jpg) no-repeat left 6px;
	padding: 0px 0px 0px 20px;
}

#content .review-body p.date {
	font-size: 74%;
	margin: 0px 0px 3px;
	line-height: 110%;
}	

#content .review-body .right {
	width: 180px;
	background: #f6f6f6;
	padding: 20px 20px 20px 20px;
}	

#content .reviews .right p.title {
	margin: 0px 0px 17px;	
}

#content .review-body .right p {
	font-size: 80%;
	line-height: 140%;
	margin: 0px 0px 5px;
	color: #2e2e2e;
	margin: 0px 0px 2px;
}

#content .review-body .right p strong {
	font-weight: 400;
	display: block;
	float: left;
	width: 120px;
}

#content .review-body .right p.overall {
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 100%;
	margin: 10px 0px 0px;
}

/* =============================================================================
   Search Results - No Results 
   ========================================================================== */
#content .container .no-results {
	padding: 4px 17px 24px;
	border-bottom: 1px solid #CACACA;
}	

#content .container .no-results h2 {
	margin: 0px 0px 10px;
	font-size: 138%;
}

#content .container .no-results p {
	font-size: 90%;	
}

/* =============================================================================
   Feedback Column
   ========================================================================== */
#content .result-feedback {
	width: 236px;
	padding: 0px;
	color: #2e2e2e;
	margin-top: 30px;
}

#content .result-feedback .box {
	padding: 17px;
	border: 1px solid #cacaca;
	margin: 0px 0px 14px;
	overflow: hidden;
	width: 200px;
}	

#content .result-feedback .feedback p.title {
	font-size: 138% !important;
	margin: 0px;
	line-height: 100%;
}

#content .result-feedback p.reviews-no {
	font-size: 73% !important;
	margin: 5px 0px 0px;
}	

#content .result-feedback .box p {
	font-size: 80%;
	line-height: 142%;
}	

#content .result-feedback .feedback p span {
	width: 110px;
	display: block;
	float: left;
}	

#content .result-feedback .box p.title {
	font-size: 100%;
}

#content .result-feedback .box.contact {
	border-bottom: 0px;
	margin: 0px;
	padding-bottom: 8px;
	overflow: inherit;
}

#content .result-feedback .box.contact.share {
	padding-bottom: 40px;
}

#content .result-feedback .box.contact.last {
 	border-bottom: 1px solid #cacaca;
	margin: 0px 0px 14px;
	padding-bottom: 50px;
}

#content .result-feedback .box.contact.last form {
	border-bottom: 0px;
}

#content .result-feedback .box .fb-like,
#content .result-feedback .box .fb-share-button {
	float: left;
	width: 80px !important;
	display: block;
}	

#content .result-feedback .box ul.social {
	float: left;	
	width: 84px;
	margin-left: 10px;
	display: block;
}

#content .result-feedback .box ul.social li {
	float: left;
	list-style: none;
	margin-right: 6px;
}	

#content .result-feedback .box p.call {
	background: url(/images/layout/phone-bg.jpg) no-repeat left 8px;
	padding: 0px 0px 0px 23px;
}

#content .result-feedback .box p.call span#hidden_phone,
#content .result-feedback .box p.call a {
	background-color: #40b649;
	color: #fff;
	text-transform: uppercase;
	padding: 7px 13px;
	border-radius: 5px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 85%;
	display: block;
	width: 118px;
	margin: 0px 0px 7px;
}

body.job-wanted #content .result-feedback .box p.call span#hidden_phone,
body.job-offered #content .result-feedback .box p.call span#hidden_phone,
body.job-wanted #content .result-feedback .box p.call a,
body.job-offered #content .result-feedback .box p.call a,
body.job-wanted .qualfication,
body.job-offered .qualfication,
body.job-wanted #content .reviews p.button a,
body.job-offered #content .reviews p.button a,c
body.job-wanted #content .result-feedback .box form input.submit,
body.job-offered #content .result-feedback .box form input.submit {
	background-color: #3e3996;
}

body.services-wanted #content .result-feedback .box p.call span#hidden_phone,
body.services-offered #content .result-feedback .box p.call span#hidden_phone,
body.services-wanted #content .result-feedback .box p.call a,
body.services-offered #content .result-feedback .box p.call a,
body.services-wanted .qualfication,
body.services-offered .qualfication,
body.services-wanted #content .reviews p.button a,
body.services-offered #content .reviews p.button a,
body.services-wanted #content .result-feedback .box form input.submit,
body.services-offered #content .result-feedback .box form input.submit {
	background-color: #40b649;
}

#content .result-feedback .box p.call span#hidden_phone {
	font-size: 120%;
}

#content .result-feedback .box p.call span#hidden_phone.hidden {
	display: none;
}

#content .result-feedback .box form input.field, 
#content .result-feedback .box form textarea.field {
	width: 188px;
	padding: 5px;
	border: 1px solid #d4d4d4;
	color: #a3a3a3;
	font-family: 'Open Sans', sans-serif;
	font-size: 80%;
	border-radius: 0px;
	box-shadow: none;
	margin: 0px 0px 10px;
}

#content .result-feedback .box form .left {
	padding-top: 10px;
}

#content .result-feedback .box form .left input {
	float: left;
	height: 25px;
	margin: 0 2px 0 0px;
	width: 16px;
}	

#content .result-feedback .box form .left label {
	color: #a3a3a3;
	font-size: 70%;
	float: left;	
}

#content .result-feedback .box form input.submit {
	float: right;
	width: 53px;
	height: 31px;
	display: block;
	color: #fff;
	background: #40b649;
	border-radius: 5px;
	border: 0px;
	font-size: 90%;
	padding: 0px;
	text-transform: uppercase;
	margin: 0px;
}	

#content .submit p.steps {
	float: left;
	padding: 10px 0px;
	margin-bottom: 10px;
}

#content .result-feedback .box p.map-link {
	margin: 3px 0px 5px;	
}
#content .result-feedback .box p.map-link a {
	color: #a3a3a3;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 95%;
}	

#content .result-feedback .box p.map-details {
	color: #606060;
	margin: 0px;
}	

/* =============================================================================
   Forms - Add a Review
   ========================================================================== */
#content .container .review-form-wrapper form {
	border-bottom: 0px;	
}

#content .container .review-form-wrapper form .input {
	float: left;
	padding: 0px;
	width: 358px;
}

#content .container .review-form-wrapper form .input.right {
	float: right;
	width: 329px;
}

#content .container .review-form-wrapper form .textarea {
	float: left;
	padding: 0px;
	width: 716px;
}

#content .container .review-form-wrapper form .percentage {
	width: 238px;
	float: left;
	overflow: hidden;
}

#content .container .review-form-wrapper input, 
#content .container .review-form-wrapper textarea, 
#content .container .review-form-wrapper select {
	border: 1px solid #D8D8D8;
    border-radius: 3px;
    box-shadow: none;
    color: #2E2E2E;
    display: block;
    font-family: 'Archivo Narrow',sans-serif;
    font-size: 125%;
    height: 31px;
    margin: 0 15px 0 0;
    padding: 2px 10px;
    width: 316px;
}

#content .container .review-form-wrapper input p {
	margin: 5px 0px 15px;
}	

#content .container .review-form-wrapper .percentage select {
    margin: 0px !important;
    padding: 0px !important;
    width: 200px !important;
	float: left;
}

#content .container .review-form-wrapper .percentage span.percent {
	float: left;
	padding: 5px 0 0 10px;
}

#content .container .review-form-wrapper textarea {
	height: 100px;
	width: 694px;
	margin: 0px 0px 20px;
}

#content .container .review-form-wrapper label {
}

#content .container .review-form-wrapper input.submit {
	float: none;
	background: none repeat scroll 0 0 #f68624;
    border: 0 none;
    border-radius: 7px;
    box-shadow: none;
    color: #FFFFFF;
    height: 43px;
    padding: 0;
    text-transform: uppercase;
    width: 100px;	
}

/* =============================================================================
   Forms - Post a Job and Post a Service
   ========================================================================== */
#content .container .notification-settings {
	border: 1px solid #E1E1E2;
	padding: 10px;
	margin: 5px 10px 20px 10px;
}
	#content .container .notification-settings input {
		border: 0;
		float: left;
		width: auto;
	}
	#content .container .notification-settings label {
		float: left;
		margin: 0;
		line-height: 31px;
	}
	#content .container .notification-settings .left {
		padding: 15px 0 0 0;
		width: 33%;
	}
	#content .container .notification-settings input[type=checkbox] {
		line-height: 31px;
	}
	#content .container .notification-settings input[type=submit] {
		background: #40b649;
		float: right;
		color: #fff;
		font-size: 13px;
		text-transform: uppercase;
		text-align: center;
		display: block;
		height: 29px;
		padding: 5px 9px;
		border-radius: 5px;
		margin-top: 5px;
	}
  
#content .container .intro {
	padding: 15px 0 10px;
}	

#content .container .intro h1 {
	font-size: 24px;
	margin: 0px 0px 0px;
}

#content .container form h3 {
	margin: 0px 0px 15px;	
}

#content .container .intro p {
	margin: 0px 0px 5px;
	font-size: 93%;
}	

#content .container form {
	padding: 20px 0px;
	margin: 0px 0px 15px;
	border-top: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
}

#content .container form#PostJobForm .submit input {
	background: #3e3996;
}

#content.post-service .container form#PostJobForm .submit input {
	background: #40b649;
}

#content .container form#AccountLoginForm, 
#content .container form#PostRegisterForm {
	border-top: 0px;
	padding: 10px 0px 20px;	
}

#content .container form input, 
#content .container form textarea {
	border: 1px solid #D8D8D8;
    border-radius: 3px;
    box-shadow: none;
    color: #2E2E2E;
    display: block;
    font-family: 'Archivo Narrow',sans-serif;
    font-size: 125%;
    margin: 0 15px 0 0;
    padding: 2px 10px;
    width: 431px;
}

#content .container form input {
	height: 31px;
}

#content .container form span.select-all {
	display: block;
	float: right;
}

#content .container form span.select-all input {
	width: auto;
	height: auto;
	display: inline;
	float: none !important;
	vertical-align: middle;
	margin-right: 0.5em !important;
}

#content .container form span.select-all label {
	display: inline;
	float: none;
}

#content .container form div.suburbs_wrapper div.multiselect div.checkbox label {
	display: inline;
	float: none;
}

#content .container form div.suburbs_wrapper div.multiselect div.checkbox input {
	width: auto;
	border: none;
	display: inline;
	float: none;
	vertical-align: middle;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

#content .container form input.checkbox, 
#content .container form div.checkbox input, 
#content .container form#PostJobForm input#fileupload, 
#content .container form#PostServiceForm input#fileupload {
	height: 26px;
	font-size: 100%;
}

#content .container form#PostJobForm input:disabled, 
#content .container form#PostServiceForm input:disabled, 
#content .container form#PostRegisterForm input:disabled {
	background: #ccc;
}

#content .container form#PostJobForm p {
	font-size: 90%;	
}

#content .container form .company_name_wrapper p {
	margin: 0px 0px 10px;
}	

#content .container form .input.company_name_wrapper {
	overflow: hidden;
	width: 100%;
	padding: 0px 9px 10px 0px;
}	

#content .container form .company_name_wrapper label {
	margin-right: 15px;
	float: left;
	width: 120px;
}

#content .container form input#AccountIsCompany1, 
#content .container form input#ServiceOtherSuburbs,
#content .container form input#AccountIsCompany0
 {
	float: left;
	width: 10px;
	margin: 5px 10px 0 0;
	height: auto;
	padding: 0px;
}

#content .container form .input.fullwidth,
#content .container form .input.fullwidth textarea,
#content .container form#AccountLoginForm .input.fullwidth,
#content .container form#AccountLoginForm .input.fullwidth textarea {
	float: none;
	clear: both;
	width: 100%;
	box-sizing: border-box;
}

#content .container form .input, 
#content .container form#AccountLoginForm .input {
	float: left;
	padding: 0px 0px 20px;
	width: 490px;
}

#content .container form .input.right,
#content .container form#AccountLoginForm .input.right {
	float: right;
	width: 454px;
}

#content .container form .input.right.textarea {
	padding: 0px 0px 10px;	
}


#content .container form .input.right input, 
#content .container form .input.right textarea, 
#content .container form .input.right select {
	float: left;
	margin: 0px;
}	

#content .container form .input.checkbox {
	width: 100%;
}	

#content .container form .input.select.suburbs_wrapper {
	width: 100%;
}


#content .container form p {
	font-size: 90%;
	color: #808080;
	line-height: 150%;
}	

#content .container form hr {
	clear: both;	
	border: 0 none;
    clear: both;
    height: 1px;
	background: #bbb;
	margin: 0px 0px 10px;
}

#content .container form hr + hr {
	display: none;
}

#content .container form label {
	font-size: 90%;
	display: block;
	margin: 0px 0px 5px;
}	

#content .container .styled-select, 
#content .container form#PostJobForm .styled-select, 
#content .container form#PostServiceForm .styled-select, 
#content .container form#PostRegisterForm .styled-select {
	background: url(/images/layout/select-arrow.jpg) no-repeat scroll right 11px #FFFFFF;	
	float: left;
    height: 35px;
    width: 451px;
	overflow: hidden;
	border: 1px solid #D8D8D8;
	border-radius: 3px;
}

#content .container .styled-select select, 
#content .container form#PostJobForm .styled-select select, 
#content .container form#PostServiceForm .styled-select select, 
#content .container form#PostRegisterForm .styled-select select {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: none;
	height: 35px;
    width: 480px;
	color: #2E2E2E;
    display: block;
    font-family: 'Archivo Narrow',sans-serif;
    font-size: 125%;
	border: 0px;
	padding: 5px 5px 0px;
}

#content .container form .input.text.right input, 
#content .container form .input.select.right input, 
#content .container form .input.textarea.right input, 
#content .container form .input.number.right input, 
#content .container form .input.email.right input, 
#content .container form .input.tel.right input, 
#content .container form .input.password.right input, 
#content .container form .input.checkbox.right input, 
#content .container form#AccountLoginForm .input.right input {
	float: right;
}	

.styled-select img.spinner {
	margin-top: 10px;
	margin-left: 12px;
}

p.after {
	clear: both;	
	font-size: 93%;
}

span.fileinput-button {
	font-size: 93%;
	margin: 0px 0px 5px;
	display: block;	
}

#ui-datepicker-div select.ui-datepicker-month, #ui-datepicker-div select.ui-datepicker-year {
	border: 1px solid #CCCCCC;
    border-radius: 0;
    box-shadow: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 49%;
}	

input.submit {
	cursor: pointer;
	float: left;
}

#content .submit input:hover {
	cursor: pointer;
}

#content .container form .submit {
	clear: both;
	overflow: hidden;
}	

#content .container form .post-listing-upgrade {
	padding: 20px;
	margin-bottom: 20px;
}

#content .container form .post-listing-upgrade p {
	margin-bottom: 10px;
	font-size: 16px!important;
	color: #000;
}

#content .container form .post-listing-upgrade .input.checkbox {
	float: none;
	padding-bottom: 0;
}

#content .container form .post-listing-upgrade label {
	color: #000;
	font-size: 16px;
}

#content.post-job_offered .container form .post-listing-upgrade,
#content.post-job_wanted .container form .post-listing-upgrade {
	border: 1px solid #3e3996;
	background: #C5C4E0;
}

#content.post-service .container form .post-listing-upgrade,
#content.post-job .container form .post-listing-upgrade {
	border: 1px solid #41b649;
	background: #C6E9C8;
}

#content .container form#PostJobForm .submit,
#content .container form#PostServiceForm .submit  {
	padding: 10px 0px 0px;
}

#content .container form#PostRegisterForm .input.checkbox {
	width: 100%;
}

#content .container form#PostJobForm div.choose {
	overflow: auto;
	position: relative;
}

#content .container form#PostJobForm span.choose-or {
	width: 24px;
	background: #FFF;
	text-align: center;
	position: absolute;
	top: 5em;
	left: 50%;
	margin-left: -12px;
}

#content .container form#PostJobForm div.choose div.half {
	width: 45%;
	float: left;
}

#content .container form#PostJobForm div.choose div.half.choose-left {
	border-right: 1px solid #C6D9D7;
	padding-right: 5%;
}

#content .container form#PostJobForm div.choose div.half.choose-right {
	float: right;
}

#content .container form#PostJobForm div.choose div.half p.choose-title {
	font-size: 1.1em;
	color: #f68624;
	padding-bottom: 1em;
}

#content .container form#PostJobForm div.choose div.half div.input {
	width: 100%;
}

#content .container form#PostJobForm div.choose div.half div.input input {
	width: 419px;
}

#content .container form#PostRegisterForm input#AccountReadTerms, 
#content .container form#PostRegisterForm input#AccountReadTerms,
#content .container form input#PostReadTerms,
#content .container form input#PostUpgradeToFeatured {
	float: left;
    width: 15px;	
}

#content .container form .submit #submit_button, 
#content .container form .submit input, 
#content .container form#AccountLoginForm .submit input, 
#content .container form#AccountForgotPasswordForm input.submit {
	float: none;
	background: none repeat scroll 0 0 #40b649;
    border: 0 none;
    border-radius: 7px;
    box-shadow: none;
    color: #FFFFFF;
    height: 43px;
    padding: 0;
    text-transform: uppercase;
    width: 100px;	
}

#content .container form#PostServiceForm .submit input,
#content .container form#PostJobForm .submit input {
	float: left;
}	

#content .container form#PostRegisterForm .submit input {
	width: 130px;
}	
     
#content .container form .multiselect .checkbox {
	float: left;
    overflow: hidden;
    width: 240px;
}

#content .container form#PostServiceForm .multiselect .checkbox label, 
#content .container form#PostServiceForm .multiselect .checkbox input {
	float: left;
}

#content .container form#PostServiceForm .multiselect .checkbox label {
	width: 190px;
	padding-top: 3px;
}	

#content .container form#PostServiceForm .multiselect .checkbox input {
	width: 10px;
	margin: 0 15px 0 10px;
	padding: 0px;
	border: 0px;
}	

#content .container form input#JobMaxHourlyRate, 
#content .container form input#JobMaxBudget, 
#content .container form input#ServiceMinHourlyRate, 
#content .container form input#ServiceMinBudget,
#content .container form input#JobRecruitmentMaxHourlyRateJr, 
#content .container form input#JobRecruitmentMaxBudgetJr, 
#content .container form input#ServiceRecruitmentMinHourlyRateSr, 
#content .container form input#ServiceRecruitmentMinBudgetSr {
	width: 411px !important;
}	

#content .container form .input.right.textarea + #content .container form .input.right.select {
	padding: 0px 0px 30px;
}

#content .container form select#PostFeedbackValueForMoney,  
#content .container form select#PostFeedbackResponseTime, 
#content .container form select#PostFeedbackQualityOfWork {
	float: left;
	width: 250px;
	margin-bottom: 15px;
}

#content .container .review-form-wrapper form label {
	clear: both;
    display: block;
}

span.dollar {
	float: left;	
	padding: 5px 10px 0px 0px;
}

span.percent {
	float: left;
	padding: 5px 0px 0px 0px;
}	

#content .container .review-form-wrapper form p {
	clear: both;
}

.post-media-uploader {
	margin: 0 0 20px 0;
}
	.post-media-uploader #media-upload-input {
		float: left;
	}
	.post-media-uploader .select-files-arrow {
		float: left;
		margin: -10px 0 10px 20px;
	}
	.post-media-uploader #media-uploads {
		margin: 0;
	}
	.post-media-uploader .some-text {
		font-size: 25px;
		font-family: 'Archivo Narrow', sans-serif;
		font-style: italic;
		font-weight: bold;
		text-align: center;
		background: #f6f6f6;
		border: 1px solid #e1e1e1;
		padding: 10px;
	}
		.post-media-uploader .some-text a {
			color: #f68624;
			text-decoration: underline;
		}

#content.account-payment .result-info p.tag {
	clear: both;
	margin: 15px 0;
}

#content.account-payment .result-info p.date {
	clear: both;
}

#content.account-payment .right {
	width: 600px;
}

#content .featured-ad-note {
	margin: 10px 0;
}

#content .container form input.featuredListingOption {
	width: 15px;
	display: inline-block;
	vertical-align: middle;
}

#content .container form input.featuredListingOption.checked {
	font-weight: bold;
}

/* =============================================================================
   Forgot Password
   ========================================================================== */
#content form#AccountForgotPasswordForm input#AccountEmail {
	margin-bottom: 20px;
}

/* =============================================================================
   Admin Panel 
   ========================================================================== */
#header .search {
	clear: both;
	background: #fff;
	border: 1px solid #c6d9d7;
	padding: 27px 20px 23px;
}	

#header .search p.title {
	color: #555555;
	font-weight: 700;
	font-size: 137%;
	font-family: 'Archivo Narrow', sans-serif;
	float: none;
}	

#content.account-index .container {
	min-height: 1190px;	
}

ul.admin-services {
	display: block;
	overflow: hidden;
	margin: 15px 0px 0px;
}

ul.admin-services li {
	list-style: square;
	font-size: 90%;
	line-height: 160%;
	margin: 0px 0px 0px 16px;
}

#content .admin {
	width: 100%;
	/* width: 716px; */
	/* margin-right: 26px; */
	margin-bottom: 37px;
	margin-top: 15px;
}

#content .container .intro.actions {
	padding: 5px 0 20px 20px;
}	

#content .container .intro.actions a {
	text-decoration: underline;
	color: #606060;
	font-size: 94%;
}

#content .container form#PostIndexForm {
	padding: 20px;
	border-bottom: 0px;
	border-top: 0px;
}	

#content .container form#PostIndexForm .input {
    float: left;
    padding: 0px 0px 20px 0;
    width: 337px;
}

#content .container form#PostIndexForm .input.right, #content .container form#PostIndexForm .input.text.company_name_wrapper2 {
	float: right;
	padding: 0px 0px 20px;
	width: 315px;	
}

#content .container form#PostIndexForm .input.email.right {
	clear: right;	
}

#content .container form#PostIndexForm .input.company_name_wrapper p {
	margin: 0 0 3px;	
}

#content .container form#PostIndexForm .input.radio.company_name_wrapper {
	padding: 0 0 2px;	
}

#content .container form#PostIndexForm .input input {
	border: 1px solid #D8D8D8;
    border-radius: 3px;
    box-shadow: none;
    color: #2E2E2E;
    display: block;
    font-family: 'Archivo Narrow',sans-serif;
    font-size: 125%;
    height: 31px;
    margin: 0 15px 0 0;
    padding: 2px 10px;
    width: 278px;
}

#content .container form#PostIndexForm h3 {
	clear: both;
}	

#content .container form#PostIndexForm input#AccountIsCompany0, 
#content .container form#PostIndexForm input#AccountIsCompany1 {
	width: 10px;
	margin: 5px 20px 0 0px;
	float: left;
	height: auto;
}	

#content .container form#PostIndexForm .company_name_wrapper label {
	width: 200px;
	float: left;
	margin-right: 100px;
}

#content .container form .company_name_wrapper p {
	font-size: 92%;
	color: #606060;
}

#content .container #ui-tabs-1, 
#content .container #ui-tabs-2, 
#content .container #tab-details {
	border-bottom: 1px solid #E1E1E2;
}

#content .container #ui-tabs-1 .panelcontent .intro, 
#content .container #ui-tabs-2 .panelcontent .intro {
	padding: 0px 0px 0px 20px;	
}

.panelcontent .paging {
	padding: 0px 0px 20px 20px;	
	font-size: 93%;
}


/* =============================================================================
   Admin Panel - Delete Page 
   ========================================================================== */
#content .container form.delete p {
	margin: 0px 0px 15px;
}
/* =============================================================================
   Admin Tabs 
   ========================================================================== */
ul.ui-tabs-nav { 
	padding: 0; 
	clear: both;
	overflow: hidden; 
}

ul.ui-tabs-nav li { 
	display: inline; 
}

ul.ui-tabs-nav li a { 
	background: #fff; 
	padding: 7px;
	float:left; 
	border-right: 1px solid #e1e1e2; 
	border-top: 1px solid #e1e1e2;
	border-left: 1px solid #e1e1e2;
	border-bottom: none; 
	text-decoration: none; 
	color: #b4b4b4;
	font-weight: bold;
	margin-right: 6px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 137%;
	font-weight: 700;
}

ul.ui-tabs-nav li.ui-state-active a {
	background: #f6f6f6 !important;
	color: #555555;
}

ul.ui-tabs-nav li.ui-state-active:hover a {
	color: #555555;
}

ul.ui-tabs-nav li.active a { 
	background: #fff;
	color: #3e3996; 
}

ul.ui-tabs-nav li.active.green a {
	color: #40b649;
}	

#content .admin .ui-tabs-panel,
#content .admin .content {
	/* width: 714px; */
	width: auto;
	padding: 20px 0px 0px;
	background: #f6f6f6;
/*	padding: 0px;	*/
	border-bottom: 0px solid #E1E1E2;
	border-left: 1px solid #E1E1E2;
	border-right: 1px solid #E1E1E2;
	border-top: 1px solid #E1E1E2
}	

#content .admin .menu li a {
	padding: 25px 15px;
	font-size: 138%;
}

#content .admin .menu li.active a {
	background: #f6f6f6;
}

#content li#jobs-tab.active a {
	color: #3e3996;
}	

#content li#services-tab.active a {
	color: #40b649;
}

#content .admin ul.admin-listing li {
	float: none;
	list-style: none;
	padding: 30px 20px 25px;
	border-bottom: 1px solid #cacaca;
	overflow: hidden;
}

#content .admin ul.admin-listing li.img {
	width: 185px;
	float: left;
	padding: 0px;
	border-bottom: 0px;
}

#content .admin ul.admin-listing li.info {
	float: left;
	/* width: 489px; */
	width: 680px;
	padding: 0px;
	border-bottom: 0px;
}

#content .admin ul.admin-listing p.title a {
	color: #f68624;
	text-decoration: underline;
	margin: 0px 0px 10px;
}

#content .admin ul.admin-listing li ul.details, 
#content .admin ul.admin-listing li ul.stats,
#content .admin ul.admin-listing li .promotion {
	float: left;
	width: 275px;	
}

#content .admin ul.admin-listing li ul.stats {
	width: 185px;
}

#content .admin ul.admin-listing li .promotion {
	width: 220px;
}

#content .admin ul.admin-listing li .promotion p {
	margin-bottom: 10px;
}

#content .admin ul.admin-listing li ul.details li, 
#content .admin ul.admin-listing li ul.stats li,
#content .admin ul.admin-listing li .promotion li {
	font-size: 90%;
	line-height: 148%;
	padding: 0px;
	border-bottom: 0px;
}

#content .admin ul.admin-listing ul.buttons {
	margin-top: 5px;
}

#content .admin ul.admin-listing ul.buttons li {
	float: left;
}

#content .admin ul.buttons li a {
	float: left;
	color: #fff;
	font-size: 104%;
	text-transform: uppercase;
	text-align: center;
	display: block;
	padding: 5px 9px;
	border-radius: 5px;
	margin-right: 7px;
	margin-bottom: 5px;
}	

#content #tab-job-offered ul.admin-listing ul.buttons li a,
#content #tab-job-wanted ul.admin-listing ul.buttons li a {
	background: #3e3996;
}

#content #tab-services-offered ul.admin-listing ul.buttons li a,
#content #tab-services-wanted ul.admin-listing ul.buttons li a {
	background: #40b649;
}

#content #tab-job-offered ul.admin-listing ul.buttons li a.btn-urgent-ad,
#content #tab-job-wanted ul.admin-listing ul.buttons li a.btn-urgent-ad {
	background: orange;
}

#content #tab-services-offered ul.admin-listing ul.buttons li a.btn-urgent-ad,
#content #tab-services-wanted ul.admin-listing ul.buttons li a.btn-urgent-ad {
	background: orange;
}

#content ul.admin-listing ul.buttons li.pink a, 
#content #myDetails ul.admin-listing ul.buttons li a {
	background: #f68624 !important;
}

#content ul.admin-listing ul.buttons .btn-delete {
	background: red!important;
}

.table-wrapper {
	padding: 20px;
}	

.table-wrapper table {
	border: 1px solid #aaa;
	width: 100%;	
	border-collapse: collapse;
	font-size: 93%;
}

.table-wrapper table#enquiry-table th {
	background: #555555;
	text-align: left;
	padding: 2px 5px;
}

.table-wrapper table#enquiry-table td {
	text-align: left;
	padding: 2px 5px;
}

.table-wrapper table#enquiry-table tr.zebra {
	background: #e5e5e5;
}

.table-wrapper table#enquiry-table tr.message td {
	padding: 10px;
	background: #fafafa;
}

/* =============================================================================
   Tabs
   ========================================================================== */
.menu { 
	padding: 0; 
	clear: both;
	overflow: hidden; 
}

.menu li { 
	display: inline; 
}

.menu li a { 
	background: #fff; 
	padding: 10px; 
	float:left; 
	border-right: 1px solid #e1e1e2; 
	border-top: 1px solid #e1e1e2;
	border-left: 1px solid #e1e1e2;
	border-bottom: none; 
	text-decoration: none; 
	color: #b4b4b4;
	font-weight: bold;
	margin-right: 6px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 137%;
	font-weight: 700;
}

.menu li.active a { 
	background: #fff;
	color: #3e3996; 
}

.menu li.active.green a {
	color: #40b649;
}	

.content { 
	float: left; 
	clear: both; 
	border: 1px solid #e1e1e2;
	background: #fff; 
	padding: 40px 52px 35px; 
	width: 874px; 
}

/* =============================================================================
   Slider - Home Page
   ========================================================================== */ 
#latestJobs,
#latestServices {
	position: relative;	
}

.slide {
	position: relative;
	width: 146px;
	float: left;
	overflow: hidden;
}	

.slide h3 {
	color: #f68624;
	font-size: 100%;
	font-weight: 400;
	margin: 0px 0px 5px;
}

.slide a h3 {
	color: #f68624;
	text-decoration: underline;	
	line-height: 110%;
}

.slide a p {
	color: #606060;
	font-size: 87%;
	line-height: 130%;
}	

.slide a p.job,
.slide a p.service {
	color: #fff;
}	

.bx-pager.bx-default-pager {
	display: none;
}	
 
.bx-controls-direction a {
	width: 24px;
	height: 65px;
	background: url(/images/layout/arrows.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 0px;
	top: 100px;
	border-left: 0px;
	border-top: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
}	

.bx-controls-direction a.bx-next {
	background: url(/images/layout/arrows.jpg) no-repeat right top;
	top: 100px;
	left: auto;
	right: 0px;
	border-left: 1px solid #b2b2b2;
	border-right: 0px solid #b2b2b2;
}

/* =============================================================================
   Inner Content Pages
   ========================================================================== */
#content .container .intro.copy .result-title {
	margin: 0 0 15px;
}

#content .container .intro.copy h2, #content .container .intro.copy h3 {
	font-size: 116%;
	margin: 0px 0px 8px;
}

#content .container .intro.copy p {
	font-size: 93%;
	line-height: 150%;
	margin: 0px 0px 18px;
}

#content .container .intro.copy p a {
	text-decoration: underline;
}

#content .container .intro.copy ul,
#content .container .intro.copy ol  {
	margin: 0px 0px 20px 10px;
	padding: 0px 0px 0px 20px
}

#content .container .intro.copy li h2, #content .container .intro.copy li h3 {
	font-size: 130%;
	margin: 0px 0px 8px;
}

#content .container .intro.copy li {
	font-size: 90%;
	line-height: 150%;
	margin: 0px 0px 14px;
}

#content .container .intro.copy li li {
	font-size: 100%;
	padding-top: 10px;
}

#content .container .intro.copy .done {
	margin: 0 auto;
	width: 500px;
	text-align: center;
}	

#content .container .intro.copy .fb-center {
	width: 250px;
	margin: 0 auto;	
}

#content .container .intro.copy ul.social {
	margin: 0 auto 10px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 190px;
	clear: both;
	float: none;
}	

#content .container .intro.copy ul.social li {
	padding: 0px;
	margin: 0px 0px 10px;
	overflow: hidden;
	text-align: center;
	width: 190px;
}

#content .container .intro.copy ul.social li h3 {
	color: #606060;
    float: left;
    font-size: 128%;
    margin: 0 0 10px;
    padding-right: 10px;
    width: 150px;
}	

#content .container .intro.copy ul.social li img {
	float: left;
}

#content .container .intro.copy h2.like {
	float: left;
	padding-right: 10px;
    width: 150px;	
	margin-bottom: 15px;
}

#content .container .intro.copy p.larger {
	font-size: 97%;
	clear: both;
}	

#content .container .intro.copy p.breakout {
	font-size: 110%;
}	

#content .container .intro.copy h2.tagline {
	margin: 0px;
}	

/* =============================================================================
   Learn More Page
   ========================================================================== */
#content .container .copy ul.learn-more {
	margin: 0px 0px 40px;
	padding: 0px;
	width: 980px;
	float: left;
}

#content .container .copy ul.learn-more li {
	list-style: none;
	background-image: url(/images/learn-more-icons.png);
	background-repeat: no-repeat;
	padding: 10px 20px 0px 105px;
	height: 80px;
	margin: 10px 0px;
	background-color: #F6F6F6;
}

#content .container .copy ol.jobs li p,
#content .container .copy ol.services li p,
#content .container .copy ul.learn-more li p {
	font-size: 97%;	
	margin: 0px;
}

#content .container .copy ul.learn-more li.lm1 {
	background-position: 10px 3px;
}

#content .container .copy ul.learn-more li.lm2 {
	background-position: 10px -94px;
}

#content .container .copy ul.learn-more li.lm3 {
	background-position: 10px -195px;
}

#content .container .copy ul.learn-more li.lm4 {
	background-position: 10px -294px;
}

#content .container .copy ul.learn-more li.lm5 {
	background-position: 10px -400px;
}

#content .container .copy ul.learn-more li.lm6 {
	background-position: 10px -496px;
}

#content .container .copy ul.learn-more li.lm7 {
	background-position: 10px -596px;
}

#content .container .copy ul.learn-more li.lm8 {
	background-position: 10px -696px;
}

/* =============================================================================
   Jobs and Services Info
   ========================================================================== */
#content .container .copy .left ol.jobs, #content .container .copy .left ol.services {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 980px;
	float: left;
	margin: 0px 0px 20px;
	overflow: hidden;
}

#content .container .copy .left ol.jobs li, #content .container .copy .left ol.services li {
	background-image: url(/images/layout/jobs-numbers.png);
	background-repeat: no-repeat;
	background-position: 10px 3px;
	min-height: 60px;
	height: auto;
	margin: 0px 0px 10px;
	padding: 10px 20px 5px 105px;
	background-color: #F6F6F6;
}

#content .container .copy .left ol.jobs li#j2 {
	background-position: 10px -173px;
}

#content .container .copy .left ol.jobs li#j3 {
	background-position: 10px -347px;
}

#content .container .copy .left ol.services li {
	background-image: url(/images/layout/service-numbers.png);
	background-position: 10px 3px;
}

#content .container .copy .left ol.services li#s2 {
	background-position: 10px -173px;
}

#content .container .copy .left ol.services li#s3 {
	background-position: 10px -347px;
}

#content .container .copy p.btn {
	float: right;
	position: relative;
	padding: 5px 10px;
}	

#content .container .copy p.btn a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}

#content .container .copy p.job,
#content .container .job-wanted,
#content .container .job-offered {
	background: #3e3996;
}

#content .container .copy p.serv,
#content .container .services-wanted,
#content .container .services-offered {
	background: #40b649;
}

/* =============================================================================
   Footer
   ========================================================================== */
#footer {
	color: #fff;
	padding: 0;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}

#footer .container {
	width: 980px;
	padding: 34px 0;
}	

#footer h4 {
	color: #959595;
	font-size: 87%;
	text-transform: uppercase;
	font-weight: 300;
	margin: 0px 0px 20px;
}	

#footer ul.navigation {
	overflow: hidden;
}	

#footer ul li {
	border-right: 1px solid #dcdcdc;	
	float: left;
	padding: 0px 39px;
	color: #959595;
	list-style: none;
	height: 150px;
}

#footer ul li.social {
	width: 166px;
	padding: 0px;
}	

#footer ul li.social li {
	float: left;
}

#footer ul li.contact {
	border-right: 0px;	
	padding: 0px 0px 0px 39px;
	width: 136px;
}

#footer li.social ul.icons {
	overflow: hidden;
}	

#footer ul ul li {
	border-right: 0px;	
	float: none;
	display: block;
	padding: 0px;
	font-size: 80%;
	height: auto;
}

#footer ul li.social li {
	width: auto;
	margin-right: 4px;
}	

#footer li a {
	color: #959595;
	text-decoration: underline;
	display: block;
}	

.eway-button span{
	font-family:'Archivo Narrow', sans-serif !important;
	font-weight: normal !important;
}
/* =============================================================================
   Copyright
   ========================================================================== */
#copyright {
	padding: 30px 0px;
}	
#copyright p {
	color: #b0b0b0;
	font-size: 81%;
	text-align: center;
	text-transform: uppercase;
}	
#copyright p a {
	text-decoration: underline;
	color: #b0b0b0;
}


#content .container .portfolio-content form {
	border-top: none;
}

#content .container .portfolio-content .intro {
	padding: 15px 0 10px !important;
}
#content.portfolios-view,
#content.portfolios-index {
	margin-top: 175px;
}
	#content.portfolios-index  .container {
		padding-top: 0;
		overflow: visible;
	}
.portfolio-content {
	padding: 0 10px 10px 10px;
}
	.portfolio-content button,
	.portfolio-content .button {
		background: #3e3996;
		color: #fff;
		font-size: 104%;
		text-transform: uppercase;
		text-align: center;
		display: block;
		padding: 5px 9px;
		border-radius: 5px;	
		margin-right: 7px;
		border: 0;
		cursor: pointer;
		/*height: 33px;*/
	}
	.portfolio-content select {
		width: auto;
		height: auto;
	}
#addPortfolioForm {
	display: none;
}
	#addPortfolioForm .submit input,
	#addPortfolioForm .submit button {
		float: left !important;
		height: 43px;
	}
	
	

#header .portfolio-search {
	text-align: center;
	color: #9a9a9a;
	font-family: 'Archivo Narrow', sans-serif;
}
	#header .portfolio-search span {
		line-height: 45px;
		float: left;
		color: #9a9a9a;
		padding:0 10px 0 0;
	}
	#header .portfolio-search select {
		float: left;
		color: #9a9a9a;
	}
	#header .portfolio-search form.search {
		display: inline-block;
		border: none;
	}
#portfolioTop {
	clear: both;
	background: #5b96cc;
	height: 160px;
	text-align: center;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #e1e1e2;
	font-family: 'Archivo Narrow', sans-serif;
}
	#portfolioTop h2 {
		color: #fff;
		font-size: 36px;
		padding: 35px 0 30px 0;
	}
	#portfolioTop a {
		/*width: 55px;*/
		/*float: left;*/
		display: inline-block;
		border-radius: 7px;
		background: #fff;
		color: #f68624;
		padding: 0px;
		text-transform: uppercase;
		height: 43px;
		line-height: 43px;
		box-shadow: none;
		border: 0px;
		padding: 0 10px 0 10px;
		margin: 0 10px 0 10px;
		font-size: 20px;
	}
.portfolio-items {
	/*background: #f4f4f4;*/
	padding: 20px 0 40px 0;
	font-family: 'Archivo Narrow', sans-serif;
}
	.portfolio-items .paging {
		padding: 0px 0px 20px 20px;	
		font-size: 93%;
	}
	.portfolio-items .portfolio-item {
		float: left;
		margin: 0 10px 15px 0;
		width: 180px;
		border: 1px solid #dfdfdf;
	}
		.portfolio-items .portfolio-item.last {
			margin-right: 0;
		}
		.portfolio-items .portfolio-item .portfolio-item-text {
			background: #fff;
			height: 100px;
			padding: 10px;
			font-size: 16px;
			/*width: 192px;*/
			border-bottom: 1px solid #d9d9d9;
		}
			.portfolio-items .portfolio-item .portfolio-item-text .portfolio-title {
				display: block;
				height: 66px;
				line-height: 22px;
				overflow: hidden;
				color: #2e2e2e;
				font-weight: bold;
				border-bottom: 1px solid #dfdfdf;
			}
			.portfolio-items .portfolio-item .portfolio-item-text .portfolio-by {
				font-size: 13px;
			}
				.portfolio-items .portfolio-item .portfolio-item-text .portfolio-by a {
					color: #f68624;	
					line-height: 18px;
					display: block;
					padding: 5px 0 5px 0;
					height: 36px;
					overflow: hidden;
				}
					.portfolio-items .portfolio-item .portfolio-item-text .portfolio-by a span {
						color: #606060;						
					}
			.portfolio-items .portfolio-item .portfolio-item-text .portfolio-description {
				display: block;
				height: 60px;
				line-height: 20px;
				overflow: hidden;
				color: #1769ff;
			}
		.portfolio-items .portfolio-item .portfolio-item-social {
			border-top: 1px solid #f6f6f6;
			height: 26px;
			line-height: 26px;
			background: #ececec;
			padding: 0 5px 5px 5px;
		}
.portfolio-item-view-image {
	float: left;
}
.portfolio-item-view-text {
	float: right;
	width: 200px;
	border-left: 1px solid #ccc;
	height: 700px;
	padding: 20px;
	margin-left: 10px;	
}
			
/**
 * Account portfolio management	
 * 
 * 
 */
#portfolioItems {}
	#portfolioItems .portfolio-item {
		margin: 0 0 10px 0;
	}
		#portfolioItems .portfolio-item .portfolio-item-controls {
			float: right;
			text-align: center;
		}
		#portfolioItems .portfolio-item img {
			float: left;
			margin: 0 10px 0 0;
		}
		#portfolioItems .portfolio-item .portfolio-item-text {
			float: left;
		}
			#portfolioItems .portfolio-item .portfolio-item-text .title {
				display: block;
				font-weight: bold;
				margin: 0 0 5px 0;
			}
			#portfolioItems .portfolio-item .portfolio-item-text .service {
				display: block;
				font-weight: bold;
				margin: 0 0 5px 0;
			}


/***
 * Portfolio gallery on a service page
 * 
 *  
 */
.portfolio-gallery {
	width: 100%;
	overflow: hidden;
	height: 160px;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 0 0 0 10px;
}
.portfolio-gallery-items {
	height: 160px;
	min-width: 9999px;
}
.portfolio-gallery img {
	float: left;
	border: 1px solid #ddd;
	margin: 0 15px 0 15px;
}
.portfolio-gallery .portfolio-gallery-prev,
.portfolio-gallery .portfolio-gallery-next {
	background-image: url(/images/arrows.png);
	background-color: #fff;
	background-repeat: no-repeat;
	width: 25px;;
	display: block;
	height: 39px;
	cursor: pointer;
	
}
.portfolio-gallery .portfolio-gallery-prev {
	position: absolute;
	top: 70px;
	left: 0;
	background-position: 0 0;
}
.portfolio-gallery .portfolio-gallery-next {
	position: absolute;
	top: 70px;
	right: 0;
	background-position: -25px 0;
}

.highlight-purple {
	color: #3e3996;
	font-weight: bold;
}

.highlight-green {
	color: #41b649;
	font-weight: bold;
}

.highlight-pink {
	color: #f827b7;
	font-weight: bold;
}

.highlight-gold {
	color: #c45911;
}


/* =============================================================================
   Smaller screens
   ========================================================================== */
   @media only screen and (max-width: 1199px) {

}

/* =============================================================================
   Mobile
   ========================================================================== */
@media only screen and (max-width: 767px) {
	body {min-width: 0;}

	#header-strip,
	#header,
	#ads,
	#promo,
	#content,
	#footer,
	#copyright,
	.home-testimonials.container,
	#footer .container,
	.content,
	#promo .container,
	#content .filter,
	#content .results,
	#content .result,
	#content .ads,
	#content .container .filter form,
	#content .result .result-info .left,
	#content .result .result-info .right,
	#content .result-feedback,
	#content .result-feedback .box,
	#content .container .review-form-wrapper form .input,
	#content .container .review-form-wrapper input,
	#content .container .review-form-wrapper textarea,
	#content .container .review-form-wrapper select,
	#content .container .review-form-wrapper form .input.right,
	#content .filter .list,
	#content .container .copy .left ol.jobs,
	#content .container .copy .left ol.services,
	#content .container .copy ul.learn-more,
	#content .admin,
	#content .admin .ui-tabs-panel,
	#content .admin .content,
	#content .admin ul.admin-listing li.info,
	#content .admin ul.admin-listing li ul.details,
	#content .admin ul.admin-listing li ul.stats,
	.portfolio-gallery-items,
	.portfolio-content select,
	#content .container form#PostIndexForm .input.right,
	#content .container form#PostIndexForm .input.text.company_name_wrapper2,
	#content .container form#PostIndexForm .input input,
	#content .container form#PostIndexForm .input {min-width: 0; width: 100%; box-sizing: border-box;}

	/* Header */
	#header {height: auto!important; margin-bottom: 20px;}
	#header h1 {margin: 0; width: 100%; text-align: center;}
	#header h1 img {top: 4px;}
	ul.nav {width: 100%; border-radius: 0; text-align: center; height: auto; padding: 5px 0;}
	ul.nav.main-nav-jobs {margin: 5px 0;}
	ul.nav li {float: none; display: inline-block; padding: 0;}
	ul.nav li a {font-size: 14px; padding: 0 2px;}
	#header form.search {padding: 27px 12px 23px;}
	#header form.search .row {margin-bottom: 15px;}
	#header form.search input.submit {display: block; width: 100%;}
	#header .info-box {width: 44%; margin: 3%;}
	#header .info-box .info-link {width: 100%; height: auto;}
	#header .info-box .info-image {width: 100%; }
	#header .info-box .info-image img {margin: 0 auto; }
	#header .info-box .info-text { width: 100%; box-sizing: border-box; padding: 10px; font-size: 16px;}
	.header-bottom-logos {position: static; margin-top: 18px; height: auto;}
	#header-strip ul.links li {padding: 8px 8px 0 8px; background: none!important;}
	#header-strip ul.links li a {font-size: 15px;}
	#header h1 .logo {display: none;}
	.handwritten-heading {font-size: 30px; margin: 25px 0 0;}

	/* Content */
	#content .container .bcrumbs,
	p.breadcrumb {margin-bottom: 10px;}
	#content .container {padding: 10px 15px; box-sizing: border-box;}
	#homeTestimonials {width: 100%;}
	#header.home .home-page-banner {display: none;}
	#header.home {margin-bottom: 0;}
	.home-testimonial {margin-bottom: 25px;}
	#content.home .container {padding: 50px 10px 0;}
	.home-testimonials-controls {display: none;}
	#floatdiv {position: relative;}
	#content .ads li {width: 48%; display: inline-block; vertical-align: top; padding: 10px; box-sizing: border-box;}
	#promo .logos {text-align: center; }
	#promo .logos a {display: inline-block;}
	#content .container .review-form-wrapper form p {margin: 5px 0 0 0;}
	#content .container .review-form-wrapper form .input {margin-bottom: 15px;}
	#content .container .review-form-wrapper input.submit {margin-top: 20px;}
	#content .container form .input,
	#content .container form#AccountLoginForm .input {width: 100%;}
	#content .container form input,
	#content .container form textarea {width: 100%; box-sizing: border-box;}
	#content .container form .input.right {width: 100%; box-sizing: border-box;}

	/* Browse */
	#content .container .bcrumbs {padding: 0 20px 20px!important; margin-left: 0!important;}
	#content .container .bcrumbs li.back {float: left; clear: both; margin-top: 10px;}
	#content .container .filter form {display: none;}
	#content .filter {padding: 0 20px;}
	#content .filter-toggle {margin-bottom: 15px;}
	#content .container .filter form {}
	#content .filter .form-box {display: inline-block; vertical-align: top; width: 44%; }
	#content .filter .form-box.form-box-type {margin: 2%;}
	#content .filter .form-box.form-box-advertiser {margin: 2%;}
	#content .filter .form-box.form-box-budget {width: 100%;}
	#content .filter .form-box.form-box-category {width: 100%;}
	#content .filter .form-box.last {width: 100%;}
	#content .filter .check {width: 100%; display: block;}
	#content .filter .form-box.last .check {width: 32%; display: inline-block; vertical-align: top;}
	#content .container form .submit {width: 100%!important; margin-top: 10px; display: block;}
	#content .results {padding: 20px; margin: 0;}
	#content .container form.sort {overflow: hidden; height: auto;}
	#content .container form.sort p {clear: both; float: left;}
	#content .container form.sort .styled-select {width: 100%;}
	#content .container form.sort .styled-select select {width: 100%;}
	#content ul.results-listing li {padding: 20px 0;}
	#content ul.results-listing li li.left {margin-bottom: 20px; width: 100%; text-align: left;}
	#content ul.results-listing li li.right {width: 280px; width: 100%;}
	#content .results .page-nav {padding: 20px;}
	#content .results .results-label label {margin-left: 0;}
	.featuredPost {padding: 10px!important;}
	.urgentPost {top: -18px;}

	/* Browse - Single Page */
	#content .result .result-info {box-sizing: border-box; padding: 20px;}
	#content .result .result-info .left {}
	#content .result .result-info .right {}
	#content .result .result-info .left img {max-width: 100%;}
	#content .result .reviews {padding: 20px;}
	#content .result-feedback {padding: 20px; margin-top: 0; }
	#content .result-feedback .box {}

	/* Portfolio */
	#content.portfolios-view,
	#content.portfolios-index {margin-top: 0;}

	/* Post Job or Service */
	#content .container form .company_name_wrapper label {width: 80px;}
	#content .container form#AccountLoginForm .input.right {width: 100%; box-sizing: border-box;}
	#content .container .styled-select,
	#content .container form#PostJobForm .styled-select,
	#content .container form#PostServiceForm .styled-select,
	#content .container form#PostRegisterForm .styled-select {width: 100%; box-sizing: border-box;}
	.post-media-uploader .select-files-arrow {display: none;}
	#content .container form input#JobMaxHourlyRate,
	#content .container form input#JobMaxBudget,
	#content .container form input#ServiceMinHourlyRate,
	#content .container form input#ServiceMinBudget {width: 90%!important; float: left; margin: 3px 0 0;}
	#content .container form#PostJobForm div.choose div.half {width: 100%; float: none; overflow: hidden; box-sizing: border-box;}
	#content .container form#PostJobForm div.choose div.half.choose-left {border: none; padding: 0;}
	#content .container form#PostJobForm span.choose-or {display: block; position: static; width: 100%; margin: 0 auto 20px 0;}
	#content .container form#PostJobForm div.choose div.half div.input input {width: 100%; box-sizing: border-box;}
	.post-view .portfolio {display: none;}

	#content .container .notification-settings .left {width: 100%; padding-top: 5px;}

	/* Learn More */
	.about-learn_more .left {width: 100%;}
	#content .container .copy .left ol.jobs li,
	#content .container .copy .left ol.services li {padding: 10px 20px 15px 100px; height: auto; }
	#content .container .copy ul.learn-more li {background: #F6F6F6!important; height: auto; padding: 15px;}
	
	/* User Login */
	#content .admin ul.admin-listing ul.buttons {margin-top: 15px;}
	#portfolioItems .portfolio-item img {float: none;}
	#portfolioItems .portfolio-item .portfolio-item-controls {display: block; float: none; clear: both; margin-top: 10px;}
	#portfolioItems .portfolio-item .portfolio-item-text  {display: block; float: none;}
	.portfolio-content button,
	.portfolio-content .button {width: 100%; margin-bottom: 5px; box-sizing: border-box;}
	#content .container form#PostIndexForm .input input {margin-right: 0;}
	#content .container form#PostIndexForm .company_name_wrapper label {width: 90px;}
	.table-wrapper {overflow: scroll;}
	#content .container #ui-tabs-1 .panelcontent .intro,
	#content .container #ui-tabs-2 .panelcontent .intro,
	#content .container #ui-tabs-3 .panelcontent .intro {padding: 0px 0px 0px 20px;}
	#content.account-payment .right {width: 100%;}
	
	/* Footer */
	#footer .container {padding: 20px;}
	#footer h4 {margin-bottom: 5px;}
	#footer ul > li {width: 50%; padding: 0; box-sizing: border-box; border: none; height: auto; margin: 15px 0 0;}
	#footer ul ul li {width: 100%; margin: 0;}
	#footer ul li.social {width: 100%;}
	#footer ul li.contact {width: 100%; padding: 0;}
	
	#copyright {padding: 20px;}
}