/*------------------------------------------------------------------

1.	RESET
	Global reset for all HTML elements

------------------------------------------------------------------*/

@media handheld, projection, screen, print {

* { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline }
html { height: 100% }
body { background: #fff; color: #000; font-size: 100.01%; min-height: 101%; text-align: left }
img, fieldset, abbr, acronym { border: 0 none }
ul, ol { list-style: none; list-style-position: outside }
table { border-collapse: collapse; border-spacing: 0; width: 100% }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal }
caption, th { text-align: left }
q:before, q:after, blockquote:before, blockquote:after { content: '' }
input, select, textarea { font-size: 11px; line-height: normal; width: auto; vertical-align: middle }
textarea { height: auto; overflow: auto }
option { padding-left: 0.6em }
button { background: none; border: 0 none; cursor:pointer }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: normal }


/*------------------------------------------------------------------

2.	MAIN STYLES
	General definitions

--------------------------------------------------------------------

/*-------------------------------
2.a Tags defaults
-------------------------------*/
	
body {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
}

p, ul, ol, dl, dd { margin: 0 0 9px }

strong { font-weight: bold }
em { font-style: italic }


/* Anchors
-------------------------------*/

a, a:link, a:visited {
	color: #00468c;
	cursor: pointer;
	text-decoration: none;
}
a:hover, a:active, a:focus { color: #960 }



/*-------------------------------
2.b Base layout
-------------------------------*/

#wrap {
	margin: 0 auto;
	text-align: left;
	width: 965px;
}
	#header, #content, #footer {
		float: left;
		clear: both;
		width: 100%;
		position: relative;
	}
	#header {
		height: 136px;
		z-index: 30;
	}
	#header.alt { height: 80px }

		#logo { margin: 0 }

			#logo a {
				background: url(../img/ajeva-freelance.png) no-repeat;
				display: block;
				text-indent: -9999px;
				width: 91px; 
				height: 30px;
				position: absolute;
				top: 30px; left: 17px;
			}

	#content { padding: 0 0 50px }

		#main {
			float: right;
			width: 746px;
		}
		#sidebar {
			float: left;
			width: 210px;
		}

	#footer { overflow: hidden }



/* 2.c Sprite definitions
-------------------------------*/

/* general icons */
span.icon,
span.arrow,
span.bullet,
li.prev a,
li.next a,
div.sidebar-block div.sidebar-block-content ul.list-category li a,
ul.footer-blockies li.blockie ul.list-social li a,
.payment-confirmed,
.payment-unconfirmed,
a.share.button span,
ul.option-list li a,
div.sidebar-block div.sidebar-block-content ul.list-favourite-jobs li a,
th.sortable a,
div.carousel a.prev,
div.carousel a.next,
div.carousel ul li.active,
body.expert-profile div.portfolio-navigation p.slideshow a,
body.expert-profile div.portfolio-showcase div.piece-of-work a.enlarge,
body.expert-profile div.expert-main ul.service-categories li,
ul.comments li a.delete,
ul.comments li a.attach,
ul.comments li:hover p.reply a,
div.main-header p.request-proposal,
.close a,
.help a,
span.subcategory,
div.selected-skills ul li a,
div.live-help div.live-help-header h3,
div.browse-content > ul > li > ul > li > a,
#videoList li a span,
div.carousel a.prev,
div.carousel a.next,
div.tip p.favorite a,
body.expert-profile div.portfolio-navigation div#category_carousel a.next,
body.expert-profile div.portfolio-navigation div#category_carousel a.prev,
p.time-zone,
#helpContentNav li.contact a,
#helpContentNav li.history a,
div.layout-split p a,
#helpContentNav li a span.drop-down,
#helpContent p.faq a,
#helpContent ul.updated li a,
#helpTree > ul > li > ul > li > a,
span.badge,
#credentials ul.credentials-list li p.verified a.check,
div.comments h3,
div.comments ol li p.tip,
div.widget_categories ul li a,
.remove a,
.edit a,
#myAjevaTabContent div.sidebar-box dl dd.complete,
span.verified,
span.calendar a,
p.attach a,
div.account-discuss div.attachment-container p.attachements,
#myAjevaTabContent div.tab-subcontent div.info,
span.view a,
input.search,
#myAjevaTabContent div.tab-subcontent div.contact-job dl dd ul.share-buttons li a,
span.favourite,
span.favourite a,
#myAjevaTabContent table.proposalsfrom-table tbody tr td span.discuss,
#myAjevaTabContent div.chart-references div.reference p.value,
span.certified,
div.certified-box ul li,
.time,
ul.list li span.discuss,
#mainWork div.options-container a.alt-3 span.blank,
#myAjevaMain div.header-member p.archived span span.archived,
#myAjevaSidebarLeft div.sidebar-box ul.search-results li > a,
span.audio,
#myAjevaSidebarLeft div.sidebar-box.first h3 a,
p.labels span.label a,
#myAjevaMain span.me,
span.add-participant a {
	background:url(../img/sprite.png) no-repeat
}

/* dots */
body#job-details div.sidebar-block div.sidebar-block-content#teamMembers ul li p.name a, 
ul.list-of-jobs li.job div.job-block div.job-block-content dl.buyer-properties dd.buyer a,
div.team-list ul li p.name a,
div.sidebar-block div.sidebar-block-content ul.list-favourite-experts li,
table.candidates-table tbody tr td.candidate div h4 a,
#popUp div.company-brief ul.company-staff li h5 a {
	background: url(../img/bg/dot-1.gif) repeat-x 0 bottom
}
body#job-details div.sidebar-block div.sidebar-block-content#teamMembers ul li p.name a:hover, 
ul.list-of-jobs li.job div.job-block div.job-block-content dl.buyer-properties dd.buyer a:hover,
div.team-list ul li p.name a:hover,
table.candidates-table tbody tr td.candidate div h4 a:hover,
#popUp div.company-brief ul.company-staff li h5 a:hover {
	background: url(../img/bg/dot-6.gif) repeat-x 0 bottom
}
body.expert-profile div.expert-main div.block#teamMembers ul li div.member-feedback {
	background: url(../img/bg/dot-7.gif) repeat-x 0 bottom
}

/* textarea */
form.form span.textarea,
form.form span.textarea textarea {
	background:#fff url(../img/bg/textarea.png) no-repeat
}

/* header */
div.main-header,
div.main-header div.main-header-sub,
div.sidebar-block div.sidebar-block-header,
div.sidebar-block div.sidebar-block-header div.sidebar-block-header-sub {
	background: url(../img/bg/header.png) no-repeat
}

/* button */
ul.list-of-jobs li.job div.job-block div.job-block-header p.submit-proposal,
ul.list-of-jobs li.job div.job-block div.job-block-header p.submit-proposal a {
	background: url(../img/bg/button-3.png) no-repeat
}

ul.list-of-jobs li.job div.job-block div.job-block-header,
ul.list-of-jobs li.job div.job-block div.job-block-header div.job-block-header-sub {
	background: url(../img/bg/job-properties.png) no-repeat
}

div.sidebar-block div.sidebar-block-content div.panel,
div.sidebar-block div.sidebar-block-content div.panel div.panel-sub {
	background: url(../img/bg/panel.png) no-repeat
}

body.expert-profile div.expert-main div.summary-sub > dl > dt,
body.expert-profile div.pro-facts dl,
ul.list-of-jobs li.job div.job-block div.job-block-header div.job-properties dl {
	background: url(../img/bg/job-header.gif) repeat-y left 0
}

div.reviewshistory-nav,
div.reviewshistory-nav-sub,
div.summary-sub,
div.summary,
body.expert-profile div.expert-main div.block div.block-header,
body.expert-profile div.expert-main div.block div.block-header div.block-header-sub {
	background: url(../img/bg/expert-summary.png) no-repeat
}

ul.credentials-list li,
body.expert-profile #sidebar div.expert-sidebar-bottom dl.dates,
ul.comments li p.author {
	background: url(../img/bg/dot-4.gif) repeat-x 0 bottom
}

/* avatars */
.avatar span,
span.logo,
ul.porfolio-list li a,
div.carousel ul li > a,
p.image-preview span,
div.preview p.img span {
	background-image: url(../img/bg/avatars.png) !important;
}



/*-------------------------------
2.d Navigations
-------------------------------*/

ul.nav { margin: 0 }


/* Top Main navigation
-------------------------------*/

#nav li,
#nav li a { background: url(../img/bg/button-2.gif) no-repeat }

#nav {
	height: 30px; width: 806px;
	position: absolute;
	top: 53px; left: 0;
	padding-left: 160px;
	position: absolute;
	top: 53px; left: 0;
	z-index: 50;
}
	#nav li {
		float: left;
		background-position: 0 -62px;
		display: inline;
		font-size: 12px;
		line-height: normal;
		margin: 0 1px;
		height: 31px;
	}
		#nav li a {
			float: left;
			background-position: right -90px;
			color: #fff;
			display: block;
			line-height: 27px;
			padding: 0 13px;
			text-decoration: none;
			text-transform: capitalize;
			text-shadow: 0 1px 1px #2c6488;
		}

	#nav li:hover { background-position: left -118px }

		#nav li:hover a { background-position: right -146px }

	#nav li.active {
		background-position: 0 0;
		font-size: 12px;
		margin-bottom: -1px;
		position: relative;
		top: -3px;
	}
		#nav li.active a {
			background-position: right -31px;
			line-height: 31px;
			padding: 0 15px;
		}



/* Top settings bar
-------------------------------*/

#settingsBar {
	color: #cecece;
	height: 24px;
	font-size: 11px;
	text-align: right;
	padding: 0 69px 0 0;
	position: absolute;
	top: 35px; right: 0;
	z-index: 90;	
}
	#settingsBar > li {
		float: left;
		display: block;
		margin: 0 0 0 8px;
		padding: 0;
		position: relative;
	}
	#settingsBar > li:before { content: "|" }
	#settingsBar > li:first-child:before { content: "" }

	#settingsBar li.welcome,
	#settingsBar li.sign-in { color: #000 }

		#settingsBar li.log a {
			color: #00468c;
			font-weight: bold;
			text-decoration: none;
			padding: 0 0 0 8px;
		}
		#settingsBar li.log a:hover { color:#960 }


/* dropdown */
		
		#settingsBar li.dropdown {
			line-height: normal;
			position: relative;
			margin: 0 0 0 5px;
			padding: 5px 5px 5px 0;
			height: auto;
		}
		#settingsBar li#help {
			position: absolute;
			top: -5px; right: 0;
		}
		#settingsBar li.dropdown > a { padding: 0; margin: 0 }

			#settingsBar li.dropdown div.dropdown-content-top { display: none }

			#settingsBar li.dropdown div.dropdown-content-top,
			#settingsBar li.dropdown div.dropdown-content-bottom { background: url(../img/bg/dropdown.png) no-repeat }

			#settingsBar li.dropdown div.dropdown-content-top {
				background-position: right 0;
				padding: 3px 0 0;
			}
			#settingsBar li.dropdown div.dropdown-content-bottom {
				background-position: 0 bottom;
				padding: 10px 0 0;
			}
				#settingsBar li.dropdown div.dropdown-content-top div.dropdown-content-bottom > ul {
					text-align: left;
					margin: 0;
					padding: 3px 15px 10px 12px;
					width: 140px;
				}
					#settingsBar li.dropdown > div.dropdown-content-top div.dropdown-content-bottom > ul > li > a {
						border-top: 1px solid #d4e6f3;
						color: #0070b8;
						display: block;
						line-height: normal;
						font-weight: bold;
						padding: 5px 2px;
					}
					#settingsBar li.dropdown > div.dropdown-content-top div.dropdown-content-bottom > ul > li > a:hover { color: #960 }
					#settingsBar li.dropdown > div.dropdown-content-top div.dropdown-content-bottom > ul > li:first-child > a { border: 0 none }


/* dropdown hovers */

		#settingsBar li.dropdown:hover {
			background: url(../img/bg/dropdown-right.png) no-repeat right 0;
			margin: 0 0 0 9px;
			z-index: 100;
		}
		#settingsBar li#help:hover {
			padding-right: 10px;
			position: absolute;
			top: -5px; right: -10px;
		}
		#settingsBar li#help:hover:before { content: "" }

			#settingsBar li.dropdown:hover > a {
				color: #960;
				background: url(../img/bg/dropdown-left.png) no-repeat;
				padding: 5px 5px 6px 2px;
			}
			#settingsBar li.dropdown:hover > div.dropdown-content-top {
				display: block;
				position: absolute;
				top: 24px; right: 0;
				z-index: -1;
			}


/* arrows */

			#settingsBar li#help a span.arrow {
				background-position: right -26px;
				display: inline-block;
				padding-right: 12px;
			}
				#settingsBar li#help:hover a span.arrow { background-position: right -54px }


/* icons */

				#settingsBar li#help a span.icon {
					background-position: 5px 4px;
					padding-left: 19px; 
					/*margin: 0 0 0 2px;*/
				}


/* search */

				#settingsBar li#help.dropdown form.search { margin: 0; padding: 0 0 0 12px }

					#settingsBar li#help form.search p.fields {
						text-align: left;
						position: relative;
					}
						#settingsBar li#help form.search p.fields label {
							color: #000;
							display: block;
							font-size: 10px;
							margin: 0 0 3px;
							padding: 0 0 0 3px;
							width: 100px;
						}
						#settingsBar li#help form.search p.fields input.text {
							background: #fff;
							border: 1px solid #cbe2f0;
							border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
							display: block;
							padding: 5px 28px 5px 5px;
							width: 105px;
						}
						#settingsBar li#help form.search p.fields input.image {
							position: absolute;
							top: 23px; right: 23px;
							z-index: 9999;
						}



/* Top Search Bar
-------------------------------*/		

#searchBar {
	background: url(../img/bg/search-bar.png) no-repeat;
	height: 37px;
	padding: 0 5px 0 20px;
	width: 940px;
	position: absolute;
	top: 80px; left: 0;
}
	#searchBar form.search { overflow: hidden }

		#searchBar form.search {
			overflow: hidden;
			padding: 5px 0 0;
		}
			#searchBar form.search label {
				color: #fff;
				font-size: 12px;
				font-weight: bold;
				margin: 0 8px 0 0;
				text-shadow: 0 1px 0 #387bb7;
				vertical-align: middle;
			}
			#searchBar form.search select.select,
			#searchBar form.search input.text { background: url(../img/bg/search-input.gif) no-repeat }

			#searchBar form.search select.select {
				background-position: 0 -25px;
				border: 0 none;
				border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
				color: #333;
				margin: 0 3px 0 0;
				padding: 5px 5px 4px 10px;
				width: 100px;
			}
			#searchBar form.search input.text {
				border: 0 none;
				color: #333;
				display: inline;
				font-size: 11px;
				padding: 6px 10px 5px;
				width: 280px;
				vertical-align: middle;
			}
			#searchBar form.search button.button {
				display: inline;
				vertical-align: middle;
			}


/* lateral menu */

	#searchBar ul.lateral-menu {
		margin: 0;
		overflow: hidden;
		position: absolute;
		top: 0; right: 0;
	}
		#searchBar ul.lateral-menu li {
			float: left;
			background: url(../img/bg/lateralMenu.gif) repeat-y;
			display: inline;
			margin: 4px 0 0; padding: 0 7px;
		}
			#searchBar ul.lateral-menu li a {
				color: #fff;
				display: block;
				font-size: 12px;
				font-weight: bold;
				text-decoration: none;
				text-shadow: 0 1px 0 #306d95;
				text-transform: capitalize;
			}
			#searchBar ul.lateral-menu li a:hover,
			#searchBar ul.lateral-menu li a:hover span.a-sub,
			#searchBar ul.lateral-menu li.active a,
			#searchBar ul.lateral-menu li.active a span.a-sub {
				background: url(../img/bg/button-5.png);
				text-shadow: 0 -1px 0 #306d95;
			}
			#searchBar ul.lateral-menu li a:hover span.a-sub,
			#searchBar ul.lateral-menu li.active a span.a-sub {
				background-position: right bottom;
				display: block;
				height: 29px;
			}
				#searchBar ul.lateral-menu li a span.a-sub span.bullet {
					background-position: -9999px 0;
					display: block;
					margin: 0;
					padding: 7px 7px 8px 9px;
				}
				#searchBar ul.lateral-menu li a:hover span.a-sub span.bullet,
				#searchBar ul.lateral-menu li.active a span.a-sub span.bullet { background-position: center -604px }

		#searchBar ul.lateral-menu li.post-a-job {
			background: none;
			border-left: 1px solid #37749d;
			margin: 0; padding: 0;
		}
			#searchBar ul.lateral-menu li.post-a-job a,
			#searchBar ul.lateral-menu li.post-a-job a span { background: url(../img/bg/post-a-job.gif) no-repeat }

			#searchBar ul.lateral-menu li.post-a-job a { text-transform: none }
			#searchBar ul.lateral-menu li.post-a-job a:hover { background-position: 0 -76px }

				#searchBar ul.lateral-menu li.post-a-job a span {
					background-position: right -38px;
					display: block;
					padding: 11px 16px 11px;
				}
				#searchBar ul.lateral-menu li.post-a-job a:hover span { background-position: right -114px }



/*-------------------------------
2.e Elements, ID's & Classes
-------------------------------*/

/* buttons */

.button {
	border: 0 none;
	color: #fff;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	height: 26px;
	white-space: nowrap;
}
	.button span,
	.button span span { background: url(../img/bg/button-3.png) no-repeat }

	.button span {
		background-position: right -24px;
		height: 24px;
		padding: 5px 5px 6px 0;
	}
		.button span span {
			height: 24px;
			padding-left: 11px;
		}
		.button:hover span { background-position: right -73px }

			.button:hover span span { background-position: 0 -49px }


.button.alt {
	color: #7c6e2b;
	text-shadow: #f4da6f 0 1px;
	height: 27px;
}
	.button.alt span,
	.button.alt span span { background: url(../img/bg/button-1.png) no-repeat }

	.button.alt span {
		background-position: right -26px;
		height: 25px;
	}
		.button.alt span span {
			line-height: 25px;
			height: 25px;
		}
		.button.alt:hover span { background-position: right -78px }

			.button.alt:hover span span { background-position: 0 -52px }


.button.alt-2 {
	color: #7c6e2b;
	font-size: 16px;
	text-shadow: #f4da6f 0 1px;
	height: 46px;
}
	.button.alt-2 span,
	.button.alt-2 span span { background: url(../img/bg/button-11.png) no-repeat }

	.button.alt-2 span {
		background-position: right -54px;
		height: 44px;
		padding: 11px 12px 10px 0;
	}
		.button.alt-2 span span {
			line-height: 44px;
			height: 44px;
			text-shadow: #f1d269 0 1px;
			text-transform: uppercase;
			padding: 11px 12px 10px 24px;
		}
		.button.alt-2:hover span { background-position: right -162px }

			.button.alt-2:hover span span { background-position: 0 -108px; text-shadow: #f1d269 0 -1px }


.button.alt-3 {
	color: #333;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
	height: 26px;
}
	.button.alt-3 span,
	.button.alt-3 span span { background: url(../img/bg/button-12.gif) no-repeat }

	.button.alt-3 span {
		background-position: right -36px;
		height: 24px;
	}
		.button.alt-3 span span {
			line-height: 24px;
			height: 24px;
		}


.button.alt-4 {
	color: #7c6e2b;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0 1px 0 #f3d96e;
	text-transform: uppercase;
	height: 31px;
}
	.button.alt-4 span,
	.button.alt-4 span span { background: url(../img/bg/button-15.png) no-repeat }

	.button.alt-4 span {
		background-position: right -41px;
		height: 29px;
		padding: 7px 14px 8px 0;
	}
		.button.alt-4 span span {
			line-height: 29px;
			height: 29px;
			padding: 7px 8px 8px 14px;
		}



/* Imgs */

img.flag { margin: 0 2px -1px }

img.card {
	margin: -3px 2px 0 0;
	vertical-align: middle;
}



/* Pagination */

ul.pagination li { display: inline }

	ul.pagination li a {
		color: #00468c;
		text-decoration: none;
		padding: 2px 4px;
	}
	ul.pagination li a:hover,
	ul.pagination li.active a {
		background-color: #6cacd5;
		color: #fff;
	}

ul.pagination li.next a,
ul.pagination li.prev a {
	background-color: transparent !important;
	font-weight: bold;
	text-transform: capitalize;
	padding: 0;
}
ul.pagination li.next a {
	background-position: right -98px;
	padding-right: 8px;
}
ul.pagination li.prev a {
	background-position: 0 -84px;
	padding-left: 8px;
}
ul.pagination li.next a:hover,
ul.pagination li.prev a:hover { color: #00468c }



/* Carousel */

div.carousel,
div.carousel div.carousel-sub {
	background: url(../img/bg/carousel.gif) no-repeat;
	margin: 0 4px 0 0; padding: 15px 18px 0 20px;
}
div.carousel {
	background-position: right bottom;
	margin: 0; padding: 0;
}
	div.carousel div.carousel-sub {
		padding-left: 27px;
		width: 676px; height: 73px;
	}

div.carousel a.prev,
div.carousel a.next {
	float: left;
	background-position: 0 -60px;
	text-indent: -9999px;
	width: 11px; height: 60px;
	margin: 0 3px;
}
div.carousel a.next {
	background-position: right -74px;
	margin: 0 0 0 3px;
}
div.carousel ul {
	float: left;
	display: inline;
	margin: 0 auto;
}
	div.carousel ul li {
		float: left;
		display: inline;
		margin: 0 5px; padding-bottom: 10px;
		position: relative;
	}
		div.carousel ul li > a {
			background: url(../img/thumbnail-shadow.png) no-repeat !important;
			text-indent: -9999px;
			width: 60px; height: 60px;
			position: absolute;
			top: 0; left: 0;
		}

	div.carousel ul li:hover p.tooltip { display: block }

	div.carousel ul li.active { background-position: center -745px }

		div.carousel ul li span.shadow {
			background-position: 2px 2px;
			width: 60px; height: 58px;
			position: absolute;
			top: 0; left: 0;
		}
		div.carousel ul li p.tooltip,
		div.carousel ul li p.tooltip span.tooltip { background: url(../img/bg/tooltip-top.png) no-repeat }
		
		.customToolTip {
		    background: url(../img/bg/tooltip-top.png) no-repeat;
		    background-position: 0 0;
			display: block;
			font-weight: bold;
			text-align: center;
			margin: 0 0 7px; padding: 20px 10px 0;
			width: 197px;
		}		
		
		.customToolTipP {
		    background-position: right bottom; 
			display: none;
			margin: 0 0 7px; padding: 0;
			position: absolute;
			top: 50px; left: -75px;
			z-index: 90;
		 }

		div.carousel ul li p.tooltip {
			background-position: right bottom; 
			display: none;
			margin: 0 0 7px; padding: 0;
			position: absolute;
			top: 50px; left: -75px;
			z-index: 90;
		}
			div.carousel ul li p.tooltip span {
				background-position: 0 0;
				display: block;
				font-weight: bold;
				text-align: center;
				margin: 0 0 7px; padding: 20px 10px 0;
				width: 197px;
			}



/* Breadcrumbs */

ul.breadcrumbs { margin: 7px 0 0 20px }

	ul.breadcrumbs li {
		font-weight: bold;
		display: inline;
	}
		ul.breadcrumbs li a { font-weight: normal }



/* Navi Tabs */

ul.navi-tabs {
	height: 41px;
	margin: 0;
	padding: 0 0 0 6px;
	overflow: hidden;
}
	ul.navi-tabs li {
		float: left;
		margin: 6px 12px 0 0;
	}
		ul.navi-tabs li a { display: block }

			ul.navi-tabs li a span.a-sub {
				color: #00468c;
				display: block;
				font-size: 12px;
				font-weight: bold;
				text-decoration: none;
				text-shadow: 0 1px 0 #fff;
				text-transform: capitalize;
				height: 29px;
				margin: 0 -5px 0 0;
			}
				ul.navi-tabs li a span.a-sub span.bullet {
					background-position: -9999px 0;
					display: block;
					padding: 7px 15px 8px 19px;
				}
				ul.navi-tabs li a:hover span.a-sub span.bullet,
				ul.navi-tabs li.active a span.a-sub span.bullet,
				ul.navi-tabs li a:hover span.bullet,
				ul.navi-tabs li.active a span.bullet { background-position: center -665px }

					ul.navi-tabs li a span.bullet span { font-weight: normal }

		ul.navi-tabs li a:hover span.a-sub,
		ul.navi-tabs li a:hover,
		ul.navi-tabs li.active a span.a-sub,
		ul.navi-tabs li.active a { background: url(../img/bg/button-6.png) no-repeat }

		ul.navi-tabs li a:hover span.a-sub,
		ul.navi-tabs li.active a span.a-sub	{ background-position: right bottom }



/* Option List */

ul.option-list { /*-*/ }

	ul.option-list li { color: #cecece }

		ul.option-list li a {
			color: #00468c;
			text-decoration: none;
			padding: 2px 0;
		}
		ul.option-list li a:hover { color: #0090ed }

	ul.option-list li.watch.turnedOff a {
		background-position: 0 -403px;	
		color: #00468c;
		padding-left: 20px;
	}
	ul.option-list li.watch a {
		background-position: 0 -369px;									
		color: #0090ed;
		padding-left: 19px;
	}
	ul.option-list li.favorite a {
		background-position: 0 -438px;
		color: #0090ed;
		padding-left: 17px;
	}
	ul.option-list li.favorite.turnedOff a {
		background-position: 2px -475px;
		color: #00468c;
		padding-left: 18px;
	}

	ul.option-list li.plain a { background: none }

	ul.option-list li.share a {
		background-position: 0 -332px;
		padding-left: 16px;
	}
	ul.option-list li a:hover { color: #0090ed !important }



/* Payment Options */

.payment-confirmed {
	background-position: 0 -513px;
	color: #00960b;
	font-weight: normal;
	padding-left: 22px !important;
}
.payment-unconfirmed {
	background-position: 2px -550px;
	color: #00468c;
	font-weight: normal;
	padding-left: 22px !important;
}



/* ProID */

p.proid { position: absolute }

	p.proid a {
		background: url(../img/logo-proid.png) no-repeat;
		display: block;
		text-indent: -9999px;
		width: 63px; height: 27px;
	}



/* STAR RATING */

span.stars-0,
span.stars-0-5,					
span.stars-1,
span.stars-1-5,
span.stars-2,
span.stars-2-5,
span.stars-3,
span.stars-3-5,
span.stars-4,
span.stars-4-5,
span.stars-5 {
	float: left;
	background: url(../img/sprite-stars.png) no-repeat;
	display: inline;
	text-indent: -9999px;
	margin: 2px 5px 0 0;
	width: 64px; height: 11px;
}
span.stars-0 { background-position: -65px 0 }
span.stars-0-5 { background-position: -52px 0 }
span.stars-1 { background-position: -52px -11px }
span.stars-1-5 { background-position: -39px 0 }
span.stars-2 { background-position: -39px -11px }
span.stars-2-5 { background-position: -26px 0 }
span.stars-3 { background-position: -26px -11px }
span.stars-3-5 { background-position: -13px 0 }
span.stars-4 { background-position: -13px -11px }
span.stars-4-5 { background-position: 0 0 }
span.stars-5 { background-position: 0 -11px }


/* STAR RATING ALT */

span.alt-stars-0,
span.alt-stars-0-5,						
span.alt-stars-1,
span.alt-stars-1-5,
span.alt-stars-2,
span.alt-stars-2-5,
span.alt-stars-3,
span.alt-stars-3-5,
span.alt-stars-4,
span.alt-stars-4-5,
span.alt-stars-5 {
	background: url(../img/sprite-stars-alt.png) no-repeat;
	display: inline;
	float: left;
	position: relative;
	margin: 0 6px 0 0; 
	text-indent: -9999px;
	top: 3px;
	width: 88px; height: 14px;
}
span.alt-stars-0 { background-position:-90px 0 }
span.alt-stars-0-5 { background-position:-72px 0 }
span.alt-stars-1 { background-position:-72px -14px }
span.alt-stars-1-5 { background-position: -54px 0 }
span.alt-stars-2 { background-position: -54px -14px }
span.alt-stars-2-5 { background-position: -34px 0 }
span.alt-stars-3 { background-position: -34px -14px }
span.alt-stars-3-5 { background-position: -18px 0 }
span.alt-stars-4 { background-position: -18px -14px }
span.alt-stars-4-5 { background-position: 0 0 }
span.alt-stars-5 { background-position: 0 -14px }


/* RATING */

span.a-rating-0,
span.b-rating-0,
span.a-rating-1,
span.b-rating-1,
span.a-rating-2,
span.b-rating-2,
span.a-rating-3,
span.b-rating-3,
span.a-rating-4,
span.b-rating-4,
span.a-rating-5,
span.b-rating-5,
span.a-rating-6,
span.b-rating-6,
span.a-rating-7,
span.b-rating-7,
span.a-rating-8,
span.b-rating-8,
span.a-rating-9,
span.b-rating-9,
span.a-rating-10,
span.b-rating-10 {
	float: left;
	background: url(../img/sprite-rating.png) no-repeat;
	display: inline;
	margin: 0 6px 0 0; 
	text-indent: -9999px;
	width: 89px; height: 12px;
}
span.a-rating-0 { background-position: -90px 0 }
span.a-rating-1 { background-position: -81px 0 }
span.a-rating-2 { background-position: -72px 0 }
span.a-rating-3 { background-position: -63px 0 }
span.a-rating-4 { background-position: -54px 0 }
span.a-rating-5 { background-position: -45px 0 }
span.a-rating-6 { background-position: -36px 0 }
span.a-rating-7 { background-position: -27px 0 }
span.a-rating-8 { background-position: -18px 0 }
span.a-rating-9 { background-position: -9px 0 }
span.a-rating-10 { background-position: 0 0 }

span.b-rating-0 { background-position: -90px -13px }
span.b-rating-1 { background-position: -81px -13px }
span.b-rating-2 { background-position: -72px -13px }
span.b-rating-3 { background-position: -63px -13px }
span.b-rating-4 { background-position: -54px -13px }
span.b-rating-5 { background-position: -45px -13px }
span.b-rating-6 { background-position: -36px -13px }
span.b-rating-7 { background-position: -27px -13px }
span.b-rating-8 { background-position: -18px -13px }
span.b-rating-9 { background-position: -9px -13px }
span.b-rating-10 { background-position: 0 -13px }


/* CIRCLE RATING */

span.circles {
	float: left;
	background: url(../img/sprite-circles.png) no-repeat;
	text-indent: -9999px;
	margin: 3px 5px 0 0;
	width: 63px; height: 11px;
}
span.circle-0 { background-position: -65px 0 }
span.circle-1 { background-position: -52px 0 }
span.circle-2 { background-position: -39px 0 }
span.circle-3 { background-position: -26px 0 }
span.circle-4 { background-position: -13px 0 }
span.circle-5 { background-position: 0 0 }



/* Status */

p.status-img {
	background: url(../img/sprite-status-img.png) no-repeat;
	text-indent: -9999px;
	margin: 0;
	width: 216px; height: 40px;
	position: absolute;
	bottom: 2px; right: 2px;
}
p.status-img.new { background-position: 0 -50px }
p.status-img.open { background-position: 0 -110px }
p.status-img.closed,p.status-img.jobclosed  { background-position: 0 -271px }
p.status-img.expired { background-position: 0 -1450px }
p.status-img.paid { background-position: 0 -389px }
p.status-img.completed { background-position: 0 -452px }
p.status-img.verifying { background-position: 0 -612px }
p.status-img.processing { background-position: 0 -721px }
p.status-img.withdrawn { background-position: 0 -792px }
p.status-img.declined { background-position: 0 -862px }
p.status-img.hired { background-position: 0 -932px }
p.status-img.active { background-position: 0 -1002px }
p.status-img.draft { background-position: 0 -1072px }



/* sidebar block */

div.sidebar-block {
	background: #fdffde url(../img/bg/sidebar-bottom.png) no-repeat 0 bottom;
	margin: 0 0 10px; padding: 0;
}
div.sidebar-block.last { background: none }

	div.sidebar-block div.sidebar-block-header {
		background-position: right -34px;
		margin: 0 0 10px; padding: 0;
		position: relative;
	}
		div.sidebar-block div.sidebar-block-header div.sidebar-block-header-sub {
			background-position: 0 0;
			margin: 0 6px 0 0;
			padding: 10px;
		}
		div.sidebar-block div.sidebar-block-header h3 {
			color: #fff;
			display: inline;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			text-shadow: 0 1px 0 #5486a6;
			margin: 0; padding: 0;
		}
		div.sidebar-block div.sidebar-block-header span.loading {
			background: url(../img/loading.gif) no-repeat right center;
			color: #fff;
			font-size: 10px;
			position: absolute;
			padding: 5px 25px 5px 0;
			right: 7px; top:5px;
		}
		div.sidebar-block a.sidebar-block-bottom-link {
			color: #960;
			display: block;
			text-align: right;
			text-decoration: none;
			margin: 10px 13px 0 0;
		}
		div.sidebar-block a.sidebar-block-bottom-link:hover { text-decoration: underline }

	div.sidebar-block div.sidebar-block-content {
		background:url(../img/bg/sidebar-block-content.gif) repeat-x 0 bottom;
		padding: 0 0 20px;
		margin: 0 auto 7px;
		width: 206px;
	}
	div.sidebar-block div.sidebar-block-content.last { background: none }
	div.sidebar-block div.sidebar-block-content.alt { background: none; padding: 0 0 5px }

		div.sidebar-block div.sidebar-block-content > h4 {
			color: #960;
			font-size: 11px;
			font-weight: bold;
			margin: 0 0 0 8px;
		}
		div.sidebar-block div.sidebar-block-content div.panel {
			background-position: -200px 0;
			padding: 1px 0 0 0;
			margin: 7px auto 0;
			width: 200px;
		}
			div.sidebar-block div.sidebar-block-content div.panel div.panel-sub {
				background-position: 0 bottom;
				margin: 4px 0 0 0; padding: 4px 10px 10px;
				background-color: white;
			}


/* inside sidebar blocks */

		div.sidebar-block div.sidebar-block-content ul.list-favourite-experts {
			display: block;
			margin: 0;
		}
			div.sidebar-block div.sidebar-block-content ul.list-favourite-experts li {
				background-position: 0 bottom;
				margin: 8px 0 0;
				padding: 0 0 0 40px;
				position: relative;
				height: 41px;
			}
			div.sidebar-block div.sidebar-block-content ul.list-favourite-experts li.last { background: none }

				div.sidebar-block div.sidebar-block-content ul.list-favourite-experts li p { margin: 0 }

				div.sidebar-block div.sidebar-block-content ul.list-favourite-experts li p.avatar {
					position: absolute;
					left: 0; top: 0;
					height: 32px; width: 32px;
				}
					div.sidebar-block div.sidebar-block-content ul.list-favourite-experts li p.avatar span {
						background-position: -203px -111px;
						display: block;
						height: 32px; width: 32px;
						position: absolute;
						left: 0; top: 0;
					}

				div.sidebar-block div.sidebar-block-content ul.list-favourite-experts li p.name a { font-weight: bold }



/* category list */

		div.sidebar-block div.sidebar-block-content ul.list-category { margin: 0; padding: 0 }

			div.sidebar-block div.sidebar-block-content ul.list-category li { padding: 3px; position: relative }

				div.sidebar-block div.sidebar-block-content ul.list-category li a {
					color: #00468c;
					background-position: 0 -142px;
					font-size: 11px;						
					padding: 0 0 0 10px;
					text-decoration: none;
				}
					div.sidebar-block div.sidebar-block-content ul.list-category li a span {
						color: #adadad;
						font-weight: bold;
					}

				div.sidebar-block div.sidebar-block-content ul.list-category li.active a,
				div.sidebar-block div.sidebar-block-content ul.list-category li a:hover {
					background-position: 0 -127px;
					color: #960;
				}
					div.sidebar-block div.sidebar-block-content ul.list-category li.active a span,
					div.sidebar-block div.sidebar-block-content ul.list-category li a:hover span { color: #000 }

				div.sidebar-block div.sidebar-block-content ul.list-category li.active a.deselect {
					background-position:0 -591px;
					text-indent: -9999px;
					padding: 0;
					width: 12px; height: 12px;
					position: absolute;
					top: 5px; right: 0;
				}



/* job type list */

		div.sidebar-block div.sidebar-block-content ul.list-job-type { margin: 0; padding: 0 }

			div.sidebar-block div.sidebar-block-content ul.list-job-type li {
				padding: 4px 0;
				line-height: 0;
			}
				div.sidebar-block div.sidebar-block-content ul.list-job-type li a {
					color: #000;
					font-size: 11px;
					text-decoration: none;
				}
					div.sidebar-block div.sidebar-block-content ul.list-job-type li a span {
						font-weight: bold;
						color: #adadad;
					}



/* favourite jobs list */

		div.sidebar-block div.sidebar-block-content ul.list-favourite-jobs {
			padding: 0 2px; margin: 0 -8px;
			position: relative;
		}
			div.sidebar-block div.sidebar-block-content ul.list-favourite-jobs li {
				line-height: 16px;
				padding: 3px 14px 3px 5px;
				position: relative;
			}
			div.sidebar-block div.sidebar-block-content ul.list-favourite-jobs li:hover { background-color: #d9edfa }

			div.sidebar-block div.sidebar-block-content ul.list-favourite-jobs li:hover a.remove { display: block }

			div.sidebar-block div.sidebar-block-content ul.list-favourite-jobs li:hover a.name { background-position: 0 -434px }

				div.sidebar-block div.sidebar-block-content ul.list-favourite-jobs li a.remove {
					background-position: 0 -591px;
					display: none;
					text-indent: -9999px;
					width: 12px; height: 12px;
					position: absolute;
					top: 4px !important; right: 3px;
				}
				div.sidebar-block div.sidebar-block-content ul.list-favourite-jobs li a.name {
					background-position: 0 -471px;
					color: #00468c;
					text-decoration: none;
					padding: 5px 0 5px 22px;
				}



/* SLIDER */

		div.sidebar-block div.sidebar-block-content div.slider-block { display: block }

			div.sidebar-block div.sidebar-block-content div.slider-block div.slider,
			div.sidebar-block div.sidebar-block-content div.slider-block div.slider span.slider-range,	
			div.sidebar-block div.sidebar-block-content div.slider-block div.slider a.slider-handle:hover,
			div.sidebar-block div.sidebar-block-content div.slider-block div.slider a.slider-handle { background:url(../img/sprite-slider.png) repeat-x }

			div.sidebar-block div.sidebar-block-content div.slider-block div.slider {
				background-position: 0 -26px;
				margin: 0;
				padding: 0 0 12px;
				position: relative;
				height: 17px; width: 184px;
			}
		#sidebar div.sidebar-block div.sidebar-block-content div.slider-block div.slider span.slider-range {
						background-position: 0 -19px;
						display: block;
						position: absolute;
						top: 5px; left: 16px;
						height: 7px; width: 152px;
						z-index: 1;
					}
					#sidebar div.sidebar-block div.sidebar-block-content div.slider-block div.slider a.slider-handle {	
						background-position: 0 0;
						display: block;
						position: absolute;
						left: 0px; top: 0;
						width: 17px; height: 17px;
						z-index: 2;
					}
					#sidebar div.sidebar-block div.sidebar-block-content div.slider-block div.slider a.slider-handle.second {
						position: absolute;
						top: 0; left: 167px;
					}
				div.sidebar-block div.sidebar-block-content div.slider-block div.slider a.slider-handle:hover { background-position: right 0 }

			div.sidebar-block div.sidebar-block-content div.slider-block p.slider-block-foot,
			div.sidebar-block div.sidebar-block-content div.slider-block p.slider-block-foot span.slider-block-foot-sub { background: url(../img/bg/slider-block-foot.png) no-repeat }

			div.sidebar-block div.sidebar-block-content div.slider-block p.slider-block-foot {
				font-size: 10px;
				font-weight: bold;
				padding: 0; margin: 0 -5px;
			}
				div.sidebar-block div.sidebar-block-content div.slider-block p.slider-block-foot span.slider-block-foot-sub {
					background-position: right bottom;
					display: block;
					line-height: normal;
					padding: 3px 7px;
				}



/* MAIN DIV HEADER */

div.main-header {
	background-position: right -34px;
	position: relative;
}
ul.breadcrumbs + div.main-header { margin: 18px 0 0 }

div.main-header + h5 {
	font-size: 12px;
	margin: 20px 0 20px 20px;
}
	div.main-header div.main-header-sub {
		background-position: 0 0;
		padding: 0 11px 2px 20px;
		min-height: 32px;
		margin: 0 6px 0 0;
	}
	div.main-header h1 {
		color: #fff;
		text-shadow: 0 1px 0 #367bb8;
		font-size: 18px;
		margin: 0;
		padding: 6px 0;
	}
	div.main-header p.request-proposal {
		float: left;
		background-position: 0 -1122px;
		margin: 0 0 0 -15px;
		padding: 3px 0 0 23px;
	}



/* sort by */

	div.main-header form.sort-by {
		text-align: right;
		line-height: 32px;
		vertical-align: middle;
		margin: 0; padding: 0;
	}
		div.main-header form.sort-by p { padding: 0; margin: 0 }

			div.main-header form.sort-by label {
				color: #fff;
				font-size: 12px;
				font-weight: bold;
				margin: 0 5px 0 0; padding: 0;
				text-transform: capitalize;
				text-shadow: 0 1px 0 #5486a6;
				vertical-align: middle;
			}
			div.main-header form.sort-by select {
				background: #fff;
				border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
				margin: 0;
				width: 107px;
			}



/* JOB FIND JOB / MAIN DIV FOOTER */

div.main-footer { width: 100% }

	div.main-footer p.results {
		background: url(../img/bg/main-footer.png);
		color: #fff;
		font-size: 14px;
		text-shadow: 0 1px 0 #5486a6;
		text-align: right;
		padding: 10px 26px 9px
	}
	div.main-footer ul.pagination {
		text-align: right;
		margin-right: 20px;
	}
	div.main-footer p.results span.searched { font-weight: bold }



/* UPPER CONTROL BAR */

div.upper-control-bar {
	margin: 0 0 18px;
	position: relative;
}
	div.upper-control-bar div.results { padding: 0 0 0 20px }

		div.upper-control-bar div.results h1 {
			display: inline;
			font-size: 18px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			margin: 0; padding: 0;
		}
		div.upper-control-bar div.results p {
			display: inline;
			font-size: 14px;
			margin: 0; padding: 0;
		}
		div.upper-control-bar div.results p:before {
			content: "|";
			color: #cecece;
			margin: 0 8px;
		}
		div.upper-control-bar div.results p span.searched {
			color: #3b87b8;
			font-weight: bold;
		}

	div.upper-control-bar ul.pagination {
		position: absolute;
		top: 0; right: 20px;
	}
		div.upper-control-bar ul.pagination li { color: #00468c }

	div.upper-control-bar div.results + ul.pagination { top: 7px }




/* Buyer Profile Tooltip */

div.right-tooltip-top,
div.right-tooltip-bottom,
div.right-tooltip,
div.right-tooltip div.tip { background: url(../img/bg/tooltip-right.png) no-repeat }

div.right-tooltip-top {
	background-position: -15px 0;
	padding: 17px 0 0;
	position: absolute;
	top: -55px; right: 162px;
	z-index: 30;
}
	div.right-tooltip-bottom {
		background-position: -787px bottom;
		padding: 0 0 17px;
	}
		div.right-tooltip {
			background-position: -401px 0;
			background-repeat: repeat-y;
			width: 386px;
		}
			div.right-tooltip div.tip {
				background-position: 383px 95px;
				margin: 0 -12px 0 0;
				padding: 0 28px 15px 16px;
				width: 354px;
			}
				div.right-tooltip div.tip div.about-the-buyer {
					padding: 0 0 0 100px;
					position: relative;
				}
					div.right-tooltip div.tip div.about-the-buyer p.avatar {
						position: absolute;
						top: 0; left: 0;
					}
						div.right-tooltip div.tip div.about-the-buyer p.avatar span {
							background-position: 0 -325px;
							display: block;
							position: absolute;
							top: 0; left: 0;
							width: 80px; height: 80px;
						}

					div.right-tooltip div.tip div.about-the-buyer h3 {
						background: url(../img/bg/dot-5.gif) repeat-x 0 bottom;
						color: #00468c;
						font-size: 18px;
						font-weight: bold;
						margin: 0 0 5px;
						padding: 0 30px 5px 0;
					}
					div.right-tooltip div.tip div.about-the-buyer dl {
						font-size: 11px;
						margin: 0; padding: 0 0 0 95px;
						position: relative;
					}
						div.right-tooltip div.tip div.about-the-buyer dl dt {
							font-weight: bold;
							text-align: right;
							width: 90px;
							position: absolute;
							top: 0; left: 0;
						}
						div.right-tooltip div.tip div.about-the-buyer dl dd { margin: 0 0 5px }
						div.right-tooltip div.tip div.about-the-buyer dl dd.payment-unconfirmed { color: #000 }

				div.right-tooltip div.tip div.buyer-properties {
					margin: 15px 0 0;
					overflow: hidden;
				}
					div.right-tooltip div.tip div.buyer-properties > dl {
						float: left;
						background: #f5fbff;
						min-height: 67px;
						width: 118px;
					}
						div.right-tooltip div.tip div.buyer-properties > dl > dt {
							background: #e3f4ff;
							color: #960;
							font-size: 12px;
							font-weight: bold;
							margin: 0 0 5px;
							padding: 5px 10px;
						}
						div.right-tooltip div.tip div.buyer-properties > dl > dt.feedback { margin: 0 0 15px }

						div.right-tooltip div.tip div.buyer-properties > dl > dd { padding: 0 10px }

							div.right-tooltip div.tip div.buyer-properties > dl > dd > dl { margin: 0 }

								div.right-tooltip div.tip div.buyer-properties > dl > dd > dl > dt { display: inline; font-weight: bold }

								div.right-tooltip div.tip div.buyer-properties > dl > dd > dl > dd { display: inline; margin: 0 }

				div.right-tooltip div.tip p.view-profile {
					position: absolute;
					bottom: 6px; left: 16px;
				}
					div.right-tooltip div.tip p.view-profile a:hover { color: #0090ed }

				div.right-tooltip div.tip p.favorite {
					position: absolute;
					bottom: 6px; right: 16px;
				}
					div.right-tooltip div.tip p.favorite a {
						background-position: 0 -439px;
						padding: 0 0 0 15px;
					}
						div.right-tooltip div.tip p.favorite a:hover { color: #0090ed }

					div.right-tooltip div.tip p.favorite.turnedOff a { background-position: 0 -476px }

				div.right-tooltip div.tip p.close { top: 15px; right: 17px }


span.verified-badge {
	background: #e5f5ff;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
}
	span.verified-badge span.verified {
		background-position: 8px -2484px;
		color: #79acdd;
		display: inline;
		font-size: 11px;
		font-weight: normal;
		line-height: 22px;
		text-shadow: #fff 0 1px;
		padding: 0 10px 0 30px;
	}

span.certified-badge {
	background: #feeda9;
	border: 1px solid #f1d68a;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
}
	span.certified {
		background-position: 8px -3414px;
		color: #9b7934;
		display: inline;
		font-size: 11px;
		font-weight: normal;
		line-height: 20px;
		text-shadow: #fdf2cf 0 1px;
		padding: 0 10px 0 30px;
	}



/* EXPERT PROFILE / REVIEWS & HISTORY */

div.reviewshistory-nav,
div.reviewshistory-nav-sub,
div.summary-sub,
div.summary {
	background-position: right -98px;
	margin: 0 0 10px; padding: 0 0 1px;
}
div.reviewshistory-nav-sub,
div.summary-sub {
	background-position: 0 0;
	margin: 10px 5px 0 0;
	overflow: hidden;
}


/* history / feedback blocks */

div.reviewshistory {
	background: url(../img/bg/expert-table-bottom.gif) no-repeat 0 bottom;
	overflow:hidden;
	position:relative;
	margin:0; padding:0;
}
	div.reviewshistory div.reviewshistory-sub {
		background:#fff;
		border-left:1px solid #d2ebfa;
		border-right:1px solid #d2ebfa;
		margin:0 0 3px; padding:23px 0;
	}

div.reviewshistory-nav {
	background-position:right -98px;
	margin:0; padding:0;
}
	div.reviewshistory h4.reviewshistory-title {
		color:#00468c;
		text-align: left;
		margin: 0 0 25px 17px; padding: 0;
	}
	div.reviewshistory form.reviewshistory-sorting {
		position:absolute;
		top:20px; right:12px;
	}
		div.reviewshistory form.reviewshistory-sorting label {
			font-size:12px;
			font-weight:bold;
			padding:0; margin:0 5px 0 0;
			vertical-align: middle;
		}
		div.reviewshistory form.reviewshistory-sorting select.select {
			background:#fff;
			border:1px solid #bfbfbf;
			border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
			width:108px;
		}

	div.reviewshistory table.reviewshistory-table {
		margin:auto;
		width:705px;
	}
		div.reviewshistory table.reviewshistory-table col.col-1 { width:4% }
		div.reviewshistory table.reviewshistory-table col.col-2 { width:40% }
		div.reviewshistory table.reviewshistory-table col.col-3 { width:14% }
		div.reviewshistory table.reviewshistory-table col.col-4 { width:18% }
		div.reviewshistory table.reviewshistory-table col.col-5 { width:15% }
		div.reviewshistory table.reviewshistory-table col.col-6 { width:9% }

		div.reviewshistory table.reviewshistory-table.alt col.col-1 { width:4% }
		div.reviewshistory table.reviewshistory-table.alt col.col-2 { width:40% }
		div.reviewshistory table.reviewshistory-table.alt col.col-3 { width:25% }
		div.reviewshistory table.reviewshistory-table.alt col.col-4 { width:16% }
		div.reviewshistory table.reviewshistory-table.alt col.col-5 { width:15% }

		div.reviewshistory table.reviewshistory-table tfoot tr,
		div.reviewshistory table.reviewshistory-table { background: url(../img/bg/expert-table.gif) no-repeat }

		div.reviewshistory table.reviewshistory-table tbody tr { border:1px solid #d2ebfa }

		div.reviewshistory table.reviewshistory-table tbody td {
			background: none;
			text-align: left;
		}
		div.reviewshistory table.reviewshistory-table tfoot tr { background-position:right bottom }

		div.reviewshistory table.reviewshistory-table th {
			color:#00468c;
			font-size:12px;
			font-weight:bold;
			padding:5px 9px;
		}
		div.reviewshistory table.reviewshistory-table td {
			border:1px solid #d2ebfa;
			padding:8px 9px 0;
			vertical-align:top;
		}
		div.reviewshistory table.reviewshistory-table tfoot td {
			border: 0 none;
			height: 25px;
		}
		div.reviewshistory table.reviewshistory-table th:first-child,
		div.reviewshistory table.reviewshistory-table td:first-child { padding:0 }

		div.reviewshistory table.reviewshistory-table th.sortable a {
			background-position:right -740px;
			padding-right:12px;
		}
		div.reviewshistory table.reviewshistory-table th.sortable a:hover { background-position: right -770px }

		div.reviewshistory table.reviewshistory-table td.expand a,
		div.reviewshistory table.reviewshistory-table th.expand a {
			background:url(../img/sprite-collapse.gif) no-repeat;
			text-indent:-9999px;
			display:block;
			margin:10px auto 0;
			width:14px; height:14px;
		}
		div.reviewshistory table.reviewshistory-table th.expand a {
			margin: 0 auto;
			position: relative;
		}
		div.reviewshistory table.reviewshistory-table tr.expanded td.expand a { background-position:-78px -88px }
		div.reviewshistory table.reviewshistory-table tr.collapsed td.expand a { background-position:-39px -44px }

		div.reviewshistory table.reviewshistory-table tr.expanded td { background: #f5fbff; border: 0 none }

			div.reviewshistory table.reviewshistory-table td h3 {
				font-size:12px;
				font-weight:normal;
				margin:0 0 5px; padding:0;
			}

	div.reviewshistory ul.pagination {
		text-align:right;
		margin:10px 20px 0 0;
	}

	div.tooltip,
	div.tooltip p { background: url(../img/bg/tooltip-small-down.png) no-repeat right -51px }

	div.tooltip {
		padding-right: 6px;
		position: absolute;
		top: 248px; left: 2px;
		z-index: 30;
	}
		div.tooltip p {
			background-position: 0 0;
			margin: 0; padding: 7px 14px 16px 20px;
		}


	p.like { margin-top:22px }

		p.like a.like {
			background:url(../img/bg/button-like.gif) no-repeat;
			display:block;
			font-weight:bold;
			text-shadow:#fff 0 1px;
			padding:6px 0 6px 44px;
			width:66px;
		}
		p.like.active a.like {
			background-position: 0 -44px;
			color: #00468c;
		}
		p.like span.like {
			color:#888;					
			display:block;
			font-size:10px;
			font-weight:bold;
		}


div.certified-box,
div.certified-box h5 { background: url(../img/bg/certified-box.gif) no-repeat }

div.certified-box {
	background-position: 0 bottom;
	padding: 0 20px 10px;
}
	div.certified-box h5 {
		height: 45px;
		margin: 0 -20px 12px;
		padding: 0 20px;
	}
		div.certified-box h5 span.certified {
			color: #634500;
			font-size: 14px;
			font-weight: bold;
			line-height: 45px;
			text-shadow: #fff 0 1px;
			margin: 0 0 0 -8px;
		}
		div.certified-box ul li {
			background-position: 0 -1771px;
			font-size: 12px;
			font-weight: bold;
			text-shadow: #fff 0 1px;
			padding: 6px 0 6px 20px;
		}


div.job-header > dl,
div.job-header > ul {
	float: left;
	margin: 0;
}
div.job-header > dl {
	border-right: 1px solid #fff;
	min-height: 145px;
}
div.job-header > dl.fixed-price { width: 160px }
div.job-header > dl.skill-need { width: 185px }
div.job-header > dl.about-the-job { width: 270px }
div.job-header > dl.about-the-buyer { width: 208px }

	div.job-header > dl.fixed-price dl { margin-bottom: 30px }

		div.job-header > dl.fixed-price dl dt {
			font-size: 12px;
			font-weight: bold;
			margin: 0 0 3px;
		}
			div.job-header > dl.fixed-price dl dd { font-size: 12px }

			div.job-header > dl.fixed-price dd span.currency { font-size: 10px }

	div.job-header > dl.fixed-price span.fixed-l,
	div.job-header > dl.fixed-price span.fixed-l span.fixed-r { background: url(../img/bg/button-4.png) no-repeat }

	div.job-header > dl.fixed-price span.fixed-l {
		background-position: 0 -51px;
		font-size: 11px;
		margin: 0 0 -2px;
		padding: 1px 0 1px 3px;
	}
		div.job-header > dl.fixed-price span.fixed-l span.fixed-r {
			background-position: right -35px;
			color: #fff;
			padding: 1px 4px 1px 2px;
			text-transform: uppercase;
		}
		
		
		
		div.job-header > dl.fixed-price dl { margin-bottom: 30px }

		div.job-header > dl.fixed-price dl dt {
			font-size: 12px;
			font-weight: bold;
			margin: 0 0 3px;
		}
			div.job-header > dl.fixed-price dl dd { font-size: 12px }

			div.job-header > dl.fixed-price dd span.currency { font-size: 10px }

	div.job-header > dl.fixed-price span.hourly-l,
	div.job-header > dl.fixed-price span.hourly-l span.hourly-r { background: url(../img/bg/button-4.png) no-repeat }

	div.job-header > dl.fixed-price span.hourly-l {
		background-position: 0 -16px;
		font-size: 11px;
		margin: 0 0 -2px;
		padding: 1px 0 1px 3px;
	}
		div.job-header > dl.fixed-price span.hourly-l span.hourly-r {
			background-position: right 0px;
			color: #fff;
			padding: 1px 4px 1px 2px;
			text-transform: uppercase;
		}
		
		
		
div.job-header > dl.skill-need { overflow: hidden }

	div.job-header > dl.skill-need ul.skills li {
		background-position: 0 10px;
		display:inline;
		font-style:normal;
	}
	div.job-header > dl.skill-need ul.skills li:after {
		content:",";
		color:#00468c;
		padding-left:2px;
	}

div.job-header > dl.about-the-job { overflow:hidden }

	div.job-header > dl.about-the-job dl dd {
		float:left;
		margin:0 0 3px;
		width:140px;
	}
	div.job-header > dl.about-the-job dl dt {
		float:left;
		margin: 0 5px 0 0;
		font-weight: bold;
		text-align:right;
		width:77px;
	}

	div.job-header > dl.about-the-buyer dl.buyer-properties { overflow:hidden }

		div.job-header > dl.about-the-buyer dl.buyer-properties dt {
			float:left;
			margin:0 5px 0 0;
			font-weight: bold;
			text-align:right;
			width:75px;
		}
		div.job-header > dl.about-the-buyer dl.buyer-properties dd {
			float:left;
			margin:0 0 3px;
			width:90px;
		}
		div.job-header > dl.about-the-buyer dl.buyer-properties dd.payment-confirmed,
		div.job-header > dl.about-the-buyer dl.buyer-properties dd.payment-unconfirmed { width:70px }

		div.job-header > dl.about-the-buyer dl.buyer-properties dd a { background: url(../img/bg/dot-1.gif) repeat-x 0 bottom }
		div.job-header > dl.about-the-buyer dl.buyer-properties dd a.amount-of-ratings { background: none }

div.job-header > dl > dd { padding: 6px 10px 0 25px }

div.job-header > dl > dt {
	background:#e3f4ff;
	color:#960;
	font-size:12px;
	font-weight: bold;
	padding:8px 10px 7px 25px;
}


/* job description */

#job-description h2 {
	color:#3b87b8;
	font-size:18px;
	font-weight:bold;
	margin: 1em 0 .5em;
}
#job-description p {
	font-size:12px;
	line-height:18px;
}

ul.files li { padding:5px }

	ul.files li img {
		margin: 0 5px 0 0;
		vertical-align: text-bottom;
	}
	ul.files li a { color:#000 }
	ul.files li a:hover {
		color:#2469a1;
		text-decoration:underline;
	}

	ol.hourly-rate {
		background: #f9f6d4;
		border: 1px solid #ece2be;
		border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
		margin: 0;
		overflow: hidden;
		width: 318px;
	}
		ol.hourly-rate li {
			float: left;
			text-align: right;
			padding: 10px 0 8px;
			width: 92px;
		}
		ol.hourly-rate li:first-child {
			text-align: left;
			padding-left: 12px;
			width: 92px;
		}
		ol.hourly-rate li.alt {
			float: right;
			background: #e1cfa8;
			text-align: right !important;
			padding-right: 10px;
			width: 116px;
		}
			ol.hourly-rate li label {
				color: #634500;
				display: block;
				font-size: 12px;
				font-weight: bold;
				text-shadow: #fff 0 1px;
				margin: 0 0 7px;
			}
			ol.hourly-rate li input.text {
				border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;
				font-size: 12px;
				font-weight: bold;
				text-align: right;
				width: 50px;
			}
			ol.hourly-rate li span {
				font-size: 12px;
				line-height: 20px;
			}
			ol.hourly-rate li input.text + span {
				display: inline;
				margin: 0 0 0 3px;
			}


/* attachment */

div.sidebar-block ul.uploaded-files { width: 310px }

	div.sidebar-block ul.uploaded-files li span {
		background: #e1cfa8;
		color: #960;
	}
	div.sidebar-block ul.uploaded-files li:hover span { background: #d9c089 }

	div.sidebar-block ul.uploaded-files li span.file { width: 260px }

		div.sidebar-block ul.uploaded-files li span.close a { background-position: -8px -1231px }
		div.sidebar-block ul.uploaded-files li span.close a:hover { background-position: 6px -1253px }

div.sidebar-block div.uploading span.message {
	background: #fdf1cd;
	color: #c5a45a;
}
div.sidebar-block div.uploading span.progress-bar-container { background: #fdf1cd }

	div.sidebar-block div.uploading span.progress-bar-container span.progress-bar {
		background: #d2ba85;
		width: 150px;
	}
		div.sidebar-block div.uploading span.progress-bar-container span.progress-bar span { background: #fdffde }

div.sidebar-block div.uploading span.percentage { color: #960 }



/* team list widget */

div.team-list { position: relative }

	div.team-list div.team-list-header {
		background: #e1cfa8;
		border-bottom: 1px solid #c6b694;
		border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;
		overflow: hidden;
	}
		div.team-list div.team-list-header h6 {
			float: left;
			display: block;
			color: #634500;
			font-size: 12px;
			font-weight: bold;
			line-height: 42px;
			text-shadow: #fff 0 1px;
			margin: 0;
			padding: 0 8px;
			width: 190px; height: 40px;
		}
		div.team-list div.team-list-header h6 + h6 { width: 85px }

	div.team-list > ul {
		border-top: 1px solid #fff;
		margin: 0;
	}
		div.team-list > ul > li {
			background: #f9f6d4 url(../img/bg/sidebar-block-content.gif) repeat-x 0 bottom;
			text-shadow: #fff 0 1px;
			padding: 9px 112px 13px 52px;
			position: relative;
		}
		div.team-list > ul > li:hover { background-color: #e1cfa8 }

			div.team-list > ul > li > h4 {
				font-size: 12px;
				font-weight: bold;
				text-shadow: #fff 0 1px;
				margin: 0 0 3px;
			}
			div.team-list > ul > li > p {
				font-size: 12px;
				margin: 0;
			}
			div.team-list ul li p.avatar {
				width: 32px; height: 32px;
				position: absolute;
				top: 10px; left: 10px;
			}
				div.team-list ul li p.avatar span {
					background-position: -203px -111px;
					display: block;
					width: 32px; height: 32px;
					position: absolute;
					top: 0; left: 0;
				}

			div.team-list ul li p.price {
				font-weight: bold;
				position: absolute;
				top: 20px; right: 32px;
			}
				div.team-list ul li p.price span.help { margin: 0 }

			div.team-list ul li p.edit {
				position: absolute;
				top: -9999px; right: 10px;
			}
				div.team-list ul li p.edit a {
					background-position: right -2410px;
					display: block;
					text-indent: -9999px;
					width: 11px; height: 11px;
				}
				div.team-list ul li p.edit a:hover { background-position: right -2436px }

			div.team-list ul li:hover p.edit { top: 30px }

			div.team-list ul li p.remove {
				position: absolute;
				top: -9999px; right: 10px;
			}
				div.team-list ul li p.remove a {
					background-position: right -2397px !important;
					display: block;
					text-indent: -9999px;
					width: 11px; height: 11px;
				}
				div.team-list ul li p.remove a:hover { background-position: right -2423px !important }

			div.team-list ul li:hover p.remove { top: 12px }

			div.team-list > ul > li > div.down-tooltip {
				width: 350px;
				position: absolute;
				top: auto; bottom: 22px; left: 130px;
			}
				div.team-list > ul > li > div.down-tooltip div.down-tooltip-content { padding: 10px 5px 12px }

					div.team-list > ul > li > div.down-tooltip div.down-tooltip-content h3 {
						color: #3b87b8;
						font-size: 14px;
						font-weight: bold;
						margin: 0 0 10px;
					}


		ol.attachment-files {
			margin: 10px 0 15px;
			overflow: hidden;
		}
			ol.attachment-files li {
				float: left;
				margin: 0 10px 2px 0;
				width: 165px;
			}
				ol.attachment-files li span {
					float: left;
					background: #add7f2;
					display: block;
					color: #00468c;
					height: 20px;
					line-height: 20px;
					overflow: hidden;
				}
				ol.attachment-files li span.number {
					font-weight: bold;
					text-align: center;
					width: 20px;
				}
				ol.attachment-files li span.file {
					margin: 0 1px; padding: 0 4px;
					width: 115px;
				}
				ol.attachment-files li span.close { width: 20px }

					ol.attachment-files li span.close a {
						background-position: 6px -1253px;
						display: block;
						text-indent: -9999px;
					}
					ol.attachment-files li span.close a:hover { background-color: #8ac9ef }



/* Candidates */

div.box,
div.box div.box-head,
div.box div.box-head div.box-head-sub,
div.box div.box-body { background: url(../img/bg/box.png) }

div.box {
	margin: 20px auto;
	overflow: hidden;
	background-position: 0 bottom;
}
	div.box h3 {
		font-size: 12px;
		font-weight: bold;
		padding: 13px 0 13px 20px;
		text-align: left;
		margin: 0;
	}
	div.box div.box-head {
		background-position: 0 0;
		padding: 0;
		text-align: center;
	}
		div.box div.box-head div.box-head-sub {
			background-position: right 0;
			margin: 0 0 0 4px;
		}

	div.box div.box-body {
		background-position: right bottom;
		margin: 0 0 0 2px; padding: 5px 8px;
		overflow: hidden;
	}
		div.box div.box-body h4 {
			font-size: 12px;
			font-weight: bold;
			margin: 7px 0 12px;
		}
		div.box div.box-body dl {
			float: left;
			background: #e3f4ff;
			margin: 0 5px 5px 0;
			padding: 7px 10px;
			width: 163px;
		}
		div.box div.box-body dl.rate-range { margin: 0 }

			div.box div.box-body dl dt {
				color: #4187b5;
				font-size: 12px;
				margin: 0 0 3px;
			}
			div.box div.box-body dl dd {
				font-size: 14px;
				font-weight: bold;
				margin: 0;
			}

table.candidates-table { background: url(../img/bg/table-candidates.gif) no-repeat }

	table.candidates-table colgroup col.col-1 { width: 46% }
	table.candidates-table colgroup col.col-2 { width: 11% }
	table.candidates-table colgroup col.col-3 { width: 18% }
	table.candidates-table colgroup col.col-4 { width: 25% }

	table.candidates-table thead tr { height: 35px }

		table.candidates-table thead tr th {
			font-size: 12px;
			font-weight: bold;
			padding: 0 12px;
			vertical-align: middle;
		}
			table.candidates-table thead tr th.sortable a {
				background-position: right -740px;
				padding-right: 12px;
			}
			table.candidates-table thead tr th.sortable a:hover { background-position: right -770px }


		table.candidates-table tbody tr td {
			background: #fff;
			border-bottom: 1px solid #d5eeff;
			font-size: 12px;
			height: 80px;
			padding: 0 12px;
			vertical-align: middle;
		}
		table.candidates-table tbody tr td.candidate { vertical-align: top }

			table.candidates-table tbody tr td.candidate div.container {
				padding: 10px 0 10px 70px;
				position: relative;
			}
				table.candidates-table tbody tr td.candidate div.container > p.avatar {
					position: absolute;
					top: 10px; left: 0;
				}
					table.candidates-table tbody tr td.candidate div.container > p.avatar span {
						background-position: -2px -200px;
						display: block;
						width: 60px; height: 60px;
						position: absolute;
						top: 0; left: 0;
					}

				table.candidates-table tbody tr td.candidate div.container > div.tooltip-container {
					display: inline;
					position: relative;
				}
					table.candidates-table tbody tr td.candidate div.container > div.tooltip-container > h4 {
						display: inline;
						font-size: 12px;
						font-weight: bold;
					}

				table.candidates-table tbody tr td.candidate div.container > p.expert-contact,
				table.candidates-table tbody tr td.candidate div.container > p.expert-location {
					font-size: 11px;
					margin: 4px 0 0;
				}

table.candidates-table + ul.pagination {
	text-align: right;
	margin: 12px 18px 0 0;
}



/* Candidate Tooltip */

div.left-tooltip-top,
div.left-tooltip-bottom,
div.left-tooltip,
div.left-tooltip div.tip { background: url(../img/bg/tooltip-left.png) no-repeat }

div.left-tooltip-top {
	padding: 17px 0 0;
	position: absolute;
	top: -112px; right: -400px;
	z-index: 30;
}
	div.left-tooltip-bottom {
		background-position: -772px bottom;
		padding: 0 0 17px;
	}
		div.left-tooltip {
			background-position: -386px 0;
			background-repeat: repeat-y;
			width: 386px;
		}
			div.left-tooltip div.tip {
				background-position: -1158px center;
				margin: 0 0 0 -12px;
				padding: 0 16px 15px 28px;
				width: 354px;
			}
				div.left-tooltip div.tip div.about-the-buyer {
					padding: 0 0 0 100px;
					min-height: 80px;
					position: relative;
				}
					div.left-tooltip div.tip div.about-the-buyer p.avatar {
						position: absolute; 
						top: 0; left: 0;
					}
						div.left-tooltip div.tip div.about-the-buyer p.avatar span {
							background-position: 0 -325px;
							display: block;
							position: absolute;
							top: 0; left: 0;
							width: 80px; height: 85px;
						}

					div.left-tooltip div.tip div.about-the-buyer h3 {
						background: url(../img/bg/dot-5.gif) repeat-x 0 bottom;
						color: #00468c;
						font-size: 18px;
						font-weight: bold;
						margin: 0 0 5px;
						padding: 0 30px 5px 0;
					}
					div.left-tooltip div.tip div.about-the-buyer dl {
						font-size: 11px;
						margin: 0; padding: 0 0 0 95px;
						position: relative;
					}
						div.left-tooltip div.tip div.about-the-buyer dl dt {
							font-weight: bold;
							text-align: right;
							width: 90px;
							position: absolute;
							top: 0; left: 0;
						}
						div.left-tooltip div.tip div.about-the-buyer dl dd { margin: 0 0 5px }

						div.left-tooltip div.tip div.about-the-buyer dl dd.payment-unconfirmed { color: #000 }

				div.left-tooltip div.tip div.buyer-properties {
					background: #f5fbff;
					margin: 15px 0 7px;
					overflow: hidden;
				}
					div.left-tooltip div.tip div.buyer-properties > dl {
						float: left;
						background: #f5fbff;
						font-size: 11px;
						margin: 0;
						width: 118px; min-height: 67px;
					}
						div.left-tooltip div.tip div.buyer-properties > dl > dt {
							background: #e3f4ff;
							color: #960;
							font-size: 12px;
							font-weight: bold;
							margin: 0 0 5px;
							padding: 5px 10px;
						}
						div.left-tooltip div.tip div.buyer-properties > dl > dt.feedback { margin: 0 0 15px }

						div.left-tooltip div.tip div.buyer-properties > dl > dd { padding: 0 10px }

							div.left-tooltip div.tip div.buyer-properties > dl > dd > dl { margin: 0 }

								div.left-tooltip div.tip div.buyer-properties > dl > dd > dl > dt { display: inline; font-weight: bold }
								div.left-tooltip div.tip div.buyer-properties > dl > dd > dl > dd { display: inline; margin: 0 }

				div.left-tooltip div.tip p.view-profile {
					font-size: 11px;
					position: absolute;
					bottom: 6px; left: 16px;
				}
					div.left-tooltip div.tip p.view-profile a:hover { color: #0090ed }

				div.left-tooltip div.tip p.favorite {
					font-size: 11px;
					position: absolute;
					bottom: 6px; right: 16px;
				}
					div.left-tooltip div.tip p.favorite a {
						background-position: 0 -439px;
						padding: 0 0 0 17px;
					}
						div.left-tooltip div.tip p.favorite a:hover { color: #0090ed }

					div.left-tooltip div.tip p.favorite.turnedOff a { background-position: 0 -476px }

				div.left-tooltip div.tip p.close { top: 15px; right: 17px }


div.down-tooltip div.down-tooltip-top div.down-tooltip-topleft,
div.down-tooltip div.down-tooltip-top div.down-tooltip-topmiddle,
div.down-tooltip div.down-tooltip-top div.down-tooltip-topright,
div.down-tooltip div.down-tooltip-left,
div.down-tooltip div.down-tooltip-right,
div.down-tooltip div.down-tooltip-bottom div.down-tooltip-bottomleft,
div.down-tooltip div.down-tooltip-bottom div.down-tooltip-bottommiddle,
div.down-tooltip div.down-tooltip-bottom div.down-tooltip-bottomright { background: url(../img/bg/tooltip-down.png) no-repeat }

div.down-tooltip {
	position: absolute;
	bottom: 75px; left: -93px;
	z-index: 90;
}
	div.down-tooltip div.down-tooltip-top { height: 10px }

		div.down-tooltip div.down-tooltip-top div.down-tooltip-topleft {
			background-position: 0 0;
			padding: 0 0 0 10px;
			height: 10px;
		}
			div.down-tooltip div.down-tooltip-top div.down-tooltip-topright {
				background-position: right 0;
				padding: 0 10px 0 0;
				height: 10px;
			}
				div.down-tooltip div.down-tooltip-top div.down-tooltip-topmiddle {
					background-position: center -60px;
					height: 10px;
					min-width: 228px;
				}

	div.down-tooltip div.down-tooltip-left {
		background-position: 0 -85px;
		padding: 0 0 0 10px;
		min-width: 228px;
	}
		div.down-tooltip div.down-tooltip-right {
			background-position: right -85px;
			padding: 0 10px 0 0;	
		}
			div.down-tooltip div.down-tooltip-content {
				background-color: #fff;
				padding: 2px 4px 25px;
			}
				div.down-tooltip div.down-tooltip-content h4 {
					font-size: 11px;
					font-weight: bold;
					margin: 0 0 3px;
				}
				div.down-tooltip div.down-tooltip-content p { margin: 0 0 6px }

				div.down-tooltip div.down-tooltip-content p.like {
					margin: 0;
					position: absolute;
					bottom: 26px; right: 14px;
				}
					div.down-tooltip div.down-tooltip-content p.like span.like { text-align: right }

	div.down-tooltip div.down-tooltip-bottom { height: 25px }

		div.down-tooltip div.down-tooltip-bottom div.down-tooltip-bottomleft {
			background-position: 0 -30px;
			padding: 0 0 0 10px;
			height: 25px;
		}
			div.down-tooltip div.down-tooltip-bottom div.down-tooltip-bottomright {
				background-position: right -30px;
				padding: 0 10px 0 0;
				height: 25px;
			}
				div.down-tooltip div.down-tooltip-bottom div.down-tooltip-bottommiddle {
					background-position: center bottom;
					min-width: 228px; height: 25px;
				}



/* Request Proposal */

ul.invite-expert-list { margin: 20px 0 30px }

	ul.invite-expert-list li,
	ul.invite-expert-list li div.li-top,
	ul.invite-expert-list li div.li-bottom,
	#content.live-help-active ul.invite-expert-list li,
	#content.live-help-active ul.invite-expert-list li div.li-top,
	#content.live-help-active ul.invite-expert-list li div.li-bottom { background: url(../img/bg/expert-bg.png) no-repeat }

	#content.live-help-active ul.invite-expert-list li { background-position: -3641px 0; background-repeat: repeat-y }
	#content.live-help-active ul.invite-expert-list li div.li-top { background-position: -2895px 0 }
	#content.live-help-active ul.invite-expert-list li div.li-bottom { background-position: -4387px bottom }

	ul.invite-expert-list li {
		background-position: -965px 0;
		background-repeat: repeat-y;
		min-height: 87px;
		margin: 0 0 20px;
	}
		ul.invite-expert-list li div.li-top { background-position: 0 0 }

			ul.invite-expert-list li div.li-bottom {
				background-position: -1930px bottom;
				padding: 8px 15px 5px;
				overflow: hidden;
				position: relative;
			}
				ul.invite-expert-list li p.avatar {
					float: left;
					margin: 0 15px 0 0;
					padding: 7px 0;
					position: relative;
				}
					ul.invite-expert-list li p.avatar span {
						background-position: -66px -200px;
						display: block;
						width: 60px; height: 60px;
						position: absolute;
						top: 7px; left: 0;
					}

				ul.invite-expert-list li div.expert-info {
					float: left;
					padding: 7px 0;
				}
					ul.invite-expert-list li div.expert-info h4 {
						color: #00468c;
						font-size: 14px;
						font-weight: bold;
						margin: 3px 0 5px;
					}
					ul.invite-expert-list li div.expert-info p.expert-profession {
						color: #2469a1;
						font-size: 11px;
						margin: 0 0 5px;
					}
					ul.invite-expert-list li div.expert-info p.expert-location { margin: 0 }

				ul.invite-expert-list li div.expert-affiliated {
					float: right;
					background: url(../img/bg/dot-7.gif) repeat-y;
					padding: 7px 0 7px 15px;
					width: 320px;
				}
					ul.invite-expert-list li div.expert-affiliated p.avatar {
						float: left;
						margin: 0 15px 0 0;
						padding: 0;
						position: relative;
					}
						ul.invite-expert-list li div.expert-affiliated p.avatar span {
							background-position: -66px -200px;
							display: block;
							width: 60px; height: 60px;
							position: absolute;
							top: 0; left: 0;
						}

					ul.invite-expert-list li div.expert-affiliated p.avatar + p { margin: 7px 0 0 }

					ul.invite-expert-list li div.expert-affiliated p { margin: 2px 0 0 }

					ul.invite-expert-list li div.expert-affiliated p.affiliate { color: #00468c }



/* Close button */

p.close {
	position: absolute;
	top: 8px; right: 8px;
}
	p.close a {
		background-position: 0 -1052px;
		display: block;
		text-indent: -9999px;
		width: 21px; height: 21px;
	}
	p.close a:hover { background-position: 0 -1074px }
	p.close a:active { background-position: 0 -1096px }



/* Minimize/Maximize button */

p.button-m {
	margin: 0;
	position: absolute;
}
	p.button-m a {
		background: url(../img/sprite-minimize-maximize.png) no-repeat;
		display: block;
		text-indent: -9999px;
		width: 21px; height: 21px;
	}
	p.button-m.minimize a { background-position: 0 0 }
	p.button-m.minimize a:hover { background-position: 0 -105px }
	p.button-m.minimize a:active { background-position: 0 -21px }

	p.button-m.maximize a { background-position: 0 -42px }
	p.button-m.maximize a:hover { background-position: 0 -84px }
	p.button-m.maximize a:active { background-position: 0 -63px }



/* Live Help */

#content.live-help-active { width: 746px }

div.live-help-top,
div.live-help-bottom,
div.live-help { background: url(../img/bg/live-help.gif) no-repeat }

div.live-help-top {
	display: none;
	padding: 5px 0 0;
	position: absolute;
	top: 0; right: -219px;
}
#content.live-help-active div.live-help-top { display: block }

	div.live-help-bottom {
		background-position: right bottom;
		padding: 0 0 5px;
	}
		div.live-help {
			background-position: center 0;
			background-repeat: repeat-y;
			padding: 0 6px;
			width: 198px;
		}
			div.live-help div.live-help-header {
				background: #e3f4ff url(../img/bg/line-double.gif) repeat-x 0 bottom;
				margin: 0 -5px 10px;
				padding: 0 10px 12px;
			}
				div.live-help div.live-help-header h3 {
					background-position: 0 -1288px;
					color: #3b87b8;
					font-size: 18px;
					font-weight: bold;
					text-shadow: 0 1px 0 #fff;
					margin: 0 0 15px;
					padding: 2px 0 0 23px;
				}
				div.live-help div.live-help-header p { margin: 0 }



/* FOOTER */

ul.footer-blockies {
	background:#e3f4ff;
	border-bottom:1px solid #fff;
	overflow:hidden;
	padding:17px 0;
	margin:0;
}
	ul.footer-blockies li.blockie {
		display:inline;
		float:left;
		margin:0 30px;				
		width:133px;
	}
	ul.footer-blockies li.blockie h4.blockie-header {
		color:#6cacd5;
		font-size:14px;
		font-weight:bold;
		margin:0 0 10px; padding:0;
	}
	ul.footer-blockies li.blockie ul { padding:0; margin:0 }

		ul.footer-blockies li.blockie ul li { padding:2px 0; line-height: normal }

	ul.footer-blockies li.blockie a { color:#00468c; text-decoration:none }

	ul.footer-blockies li.blockie ul.list-social li a { padding: 3px 0 3px 25px }

	ul.footer-blockies li.blockie ul.list-social li.twitter a { background-position:0 -209px }
	ul.footer-blockies li.blockie ul.list-social li.facebook a { background-position:0 -249px }
	ul.footer-blockies li.blockie ul.list-social li.RSS a { background-position:0 -290px }

	p.share a {
		background: url(../img/share.gif) no-repeat;
		display: block;
		text-indent: -9999px;
		width: 83px; height: 16px;
	}


/* Copyright block */

div.copy {
	background:#f5fbff;
	padding:25px 25px 45px;
}
	div.copy p { margin:0 0 4px }

		div.copy p a {
			color:#00468c;
			text-decoration:none;
		}

	div.copy span.logo {
		background:url(../img/ajeva-2.png) no-repeat !important;
		display:block;
		margin:10px 0;
		text-indent:-9999px;
		width:29px; height:29px;
	}




/*------------------------------------------------------------------

3.	FORMS
	Styles for forms only

--------------------------------------------------------------------

/*-------------------------------
3.a General form styles
-------------------------------*/

input.text, select.select, textarea.textarea {
	background: #fff;
	border: 1px solid #999;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
}
input.text { width: 195px }
select.select { width: 200px }
textarea.textarea { height: 10em; width: 195px }

input.submit {
	color: #000;
	cursor: pointer;
	padding: 5px 10px;
}


/* General forms */

form.form ol.fieldset li.field {
	margin: 0 0 12px;
	position: relative;
}
	form.form ol.fieldset li.field label {
		display: block;
		font-weight: bold;
		margin-bottom: 5px;
	}


/* Search form */

form.search p.fields { margin: 0 }

	form.search p.fields input,
	form.search p.fields button {
		display: inline;
		vertical-align: middle;
	}



/*-------------------------------
3.b Individual forms
-------------------------------*/

/* form messages */

div.form-message-error,
div.form-message-warning,
div.form-message-success {
	background-color: #ffeded;
	border: 1px solid #be1111;
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
	color: #be1111;
	font-size: 12px;
	text-shadow: 0 1px 0 #fff;
	margin: 10px 0 20px;
	padding: 14px 10px 10px 32px;
	position: relative;
}
	div.form-message-error span.icon,
	div.form-message-warning span.icon,
	div.form-message-success span.icon {
		background-position: 3px -1659px;
		padding: 3px 0 3px 22px;
		position: absolute;
		top: 9px; left: 6px;
	}
	div.form-message-error ul li {
		list-style: inside disc;
		padding: 5px 0 0;
	}

div.form-message-warning {
	background-color: #fff8d8;
	border: 1px solid #c18019;
	color: #b47717;
}
	div.form-message-warning span.icon { background-position: 2px -1712px }

div.form-message-success {
	background-color: #dffce3;
	border: 1px solid #3a8a45;
	color: #3a8a45;
}
	div.form-message-success span.icon { background-position: 3px -1772px }



/* form error */

li.input-error label,
li.input-error p.note { color: #be1111 !important }

li.input-error input.text,
li.input-error textarea.textarea,
li.input-error select.select {
	background-color: #ffeded !important;
	border-color: #be1111;
}



/* uploaded files */

ul.uploaded-files {
	margin: 0;
	width: 240px;
	overflow: hidden;
}
	ul.uploaded-files li {
		float: left;
		margin: 0 0 1px;
	}
		ul.uploaded-files li span {
			float: left;
			display: block;
			background: #d9edfa;
			color: #00468c;
			height: 20px;
			line-height: 20px;
			overflow: hidden;
		}
		ul.uploaded-files li:hover span { background: #add7f2 }

		ul.uploaded-files li span.number {
			font-weight: bold;
			text-align: center;
			width: 20px;
		}
		ul.uploaded-files li span.file {
			margin: 0 1px;
			padding: 0 4px;
			width: 190px;
		}
		ul.uploaded-files li span.close { width: 20px }

			ul.uploaded-files li span.close a {
				background-position: 6px -1231px;
				display: block;
				text-indent: -9999px;
			}
			ul.uploaded-files li span.close a:hover { background-position: 6px -1253px }

div.uploading { overflow: hidden }

	div.uploading span {
		float: left;
		display: block;
		height: 20px;
		line-height: 20px;
	}
	div.uploading span.message {
		background: #d9edfa;
		color: #8daabd;
		font-size: 10px;
		font-style: italic;
		padding: 0 5px 0 10px;
	}
	div.uploading span.progress-bar-container {
		background: #d9edfa;
		margin: 0 5px 0 0;
		padding: 0 5px;
		position: relative;
	}
		div.uploading span.progress-bar-container span.progress-bar {
			background: #fff;
			margin-top: 6px;
			width: 100px; height: 8px;
		}
			div.uploading span.progress-bar-container span.progress-bar span {
				background: #add7f2;
				width: 30%; height: 8px;
				position: absolute;
				top: 6px; left: 5px;
			}



/* request proposal form */

#inviteForm { position: relative }

	div.job-description-top,
	div.job-description-bottom,
	div.job-description { background: url(../img/bg/job-description.png) no-repeat }

	div.job-description-top {
		margin: 30px 0 30px -24px;
		padding: 5px 0 0;
	}
		div.job-description-bottom {
			background-position: right bottom;
			padding: 0 0 5px;
		}
			div.job-description {
				background-position: center 0;
				background-repeat: repeat-y;
				padding: 10px 15px 5px;
			}
				div.job-description h4 {
					color: #00468c;
					font-size: 12px;
					font-weight: bold;
					margin: 0 0 8px;
				}
				div.job-description p {
					font-size: 12px;
					line-height: 18px;
					margin: 0 0 5px;
				}

	#inviteForm li.field {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		padding: 0 0 0 24px;
		position: relative;
	}
		#inviteForm li.field label {
			color: #000;
			display: inline;
			font-size: 12px;
			font-weight: bold;
			margin: 0 6px 0 0;
		}
		#inviteForm li.field select.select {
			background: none;
			border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;
			font-size: 12px;
			margin: 0 6px 0 0;
			width: 240px;
		}
		#inviteForm li.field label + textarea.textarea {
			background: none;
			border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;
			display: block;
			font-size: 12px;
			margin: 6px 0 0; padding: 5px;
			width: 460px; height: 160px;
		}
		#inviteForm ol.fieldset li.field p.note {
			color: #777;
			font-size: 10px;
			text-align: right;
			margin: 3px 0 0;
			width: 470px;
		}

	#inviteForm p.submit {
		margin: 0 0 0 20px;
		overflow: hidden;
		width: 476px;
	}
		#inviteForm p.submit button.button.alt,
		form.create-job-form p.submit button.button.alt-2 { float: left }		

		span.option {
			font-size: 12px;
			line-height: 28px;
			margin: 0 0 0 7px;
		}
		#inviteForm p.submit span.option { float: left }
		#inviteForm p.submit button.button { float: right }


		div.selected-skills label {
			font-size: 11px !important;
			margin: 0 0 8px !important;
		}
			div.selected-skills label span { font-weight: normal }

		div.selected-skills ul {
			border: 1px solid #d8d8d8;
			border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
			padding: 5px 0;
		}
			div.selected-skills ul li {
				padding: 3px 9px;
				position: relative;
			}
			div.selected-skills ul li:hover { background: #d9edfa }

				div.selected-skills ul li a {
					background-position: 0 -1238px; 
					display: none;
					text-indent: -9999px;
					width: 7px; height: 7px;
					position: absolute;
					top: 7px; right: 6px;
				}
				div.selected-skills ul li:hover a { display: block }

		p.time-zone {
			background-position: 0 -1832px;
			padding: 0 0 0 16px;
		}

		div.username-container {
			overflow: hidden;
			position: absolute;
			top: 0; left: 223px;
		}
			p.username,
			p.username span.r { background: url(../img/bg/icon-container.gif) no-repeat }

			p.username {
				float: left;
				background-position: right bottom;
				display: block;
				margin: 0 0 0 7px;
			}
				p.username span.r {
					float: left;
					display: block;
					line-height: 16px;
					padding: 5px 10px;
				}
				p.username span.icon {
					text-shadow: #fff 0 1px;
					padding: 0 0 0 30px;
				}
				p.username.available span.icon {
					background-position: 0 -1777px;
					color: #3a8b45;
				}
				p.username.unavailable span.icon {
					background-position: 0 -1663px;
					color: #be1111;
				}



/* Help button */

p.help {
	margin: 0;
	position: absolute;
	z-index: 30;
	display:none;
}
	p.help a {
		background-position: 0 -1167px;
		display: block;
		text-indent: -9999px;
		width: 13px; height: 13px;
	}

span.help {
	display: inline-block;
	line-height: normal;
	margin: 0 0 0 5px;
}
	span.help a {
		background-position: 0 -1167px;
		display: block;
		text-indent: -9999px;
		width: 13px; height: 13px;
	}

span.help.alt {
	float: right;
	margin-top: 2px;
}



/* Form Tooltip */

div.input-container div.left-tooltip-top,
div.input-container div.left-tooltip-bottom,
div.input-container div.left-tooltip,
div.input-container div.left-tooltip p.tip { background: url(../img/bg/tooltip-small-left.png) no-repeat }

div.input-container div.left-tooltip-top {
	padding: 15px 0 0;
	width: 215px;
	position: absolute;
	z-index: 30;
}
	div.input-container div.left-tooltip-bottom {
		background-position: -430px bottom;
		padding: 0 0 15px;
	}
		div.input-container div.left-tooltip {
			background-position: -215px 0;
			background-repeat: repeat-y;
			width: 215px;
		}
			div.input-container div.left-tooltip p.tip {
				background-position: -645px 14px;
				margin: 0 0 0 -11px !important;
				padding: 0 10px 0 20px;
			}


div.input-container div.right-tooltip-top,
div.input-container div.right-tooltip-bottom,
div.input-container div.right-tooltip,
div.input-container div.right-tooltip p.tip { background: url(../img/bg/tooltip-small-right.png) no-repeat }

div.input-container div.right-tooltip-top {
	background-position: -13px 0;
	padding: 15px 0 0;
	width: 215px;
	position: absolute;
	z-index: 30;
}
	div.input-container div.right-tooltip-bottom {
		background-position: -443px bottom;
		padding: 0 0 15px;
	}
		div.input-container div.right-tooltip {
			background-position: -228px 0;
			background-repeat: repeat-y;
			width: 215px;
		}
			div.input-container div.right-tooltip p.tip {
				background-position: 213px 14px;
				margin: 0 -11px 0 0 !important;
				padding: 0 20px 0 10px;
			}



/* Help and Tooltip position */

div.input-container { position: relative }

div.input-container p.help { top: -20px; left: 445px }
div.input-container div.left-tooltip-top { top: -24px; left: 475px }
div.input-container textarea.textarea ~ p.help { top: -20px }
div.input-container textarea.textarea ~ div.left-tooltip-top { top: -24px }
div.input-container select.select ~ p.help { top: -20px; left: 225px }
div.input-container select.select ~ div.left-tooltip-top { top: -24px; left: 255px }
div.input-container input[type=file] ~ p.help { top: -20px; left: 225px }
div.input-container input[type=file] ~ div.left-tooltip-top { top: -24px; left: 255px }
div.input-container select.select[multiple] ~ p.help { top: -45px; left: 445px }
div.input-container select.select[multiple] ~ div.left-tooltip-top { top: -23px; left: 475px }
div.input-container div.tab-content-top ~ p.help { top: 9px }
div.input-container div.tab-content-top ~ div.left-tooltip-top { top: 12px }
div.input-container.alt div.tab-content-top ~ p.help { top: 16px; left: 435px }
div.input-container.alt div.tab-content-top ~ div.left-tooltip-top { top: -13px }
#inviteForm ol.fieldset li.field label ~ textarea.textarea ~ div.left-tooltip-top { top: 75px; left: 490px }
div.input-container div.tab-content select.select ~ p.help { top: -20px; left: 187px }
div.input-container div.tab-content select.select ~ div.left-tooltip-top { top: -23px; left: 216px }
div.input-container div.tab-content input.text ~ p.help { top: -20px; left: 348px }
div.input-container div.tab-content input.text ~ div.left-tooltip-top { top: -23px; left: 378px }
div.input-container div.tab-content textarea.textarea ~ p.help { top: 0; left: 348px }
div.input-container div.tab-content textarea.textarea ~ div.left-tooltip-top { top: 0; left: 378px }
div.input-container div.form-block ~ p.help { top: -20px; left: 630px }
div.input-container div.form-block ~ div.left-tooltip-top { top: -20px; left: 660px }
div.input-container span.url ~ p.help { top: 1px; left: 311px }
div.input-container span.url ~ div.left-tooltip-top { top: -3px; left: 340px }
div.input-container input.text.username ~ p.help { top: -20px; left: auto; right: 0 }
div.input-container input.text.username ~ div.right-tooltip-top { top: -50px; left: auto; right: 30px }
#myAjevaTabContent div.sidebar-box input.radio ~ div.left-tooltip-top { top: -30px; left: 246px }
div.form-block li.field.alt div.input-container select.select ~ p.help { top: 0; left: 137px }
div.form-block li.field.alt div.input-container select.select ~ div.left-tooltip-top { top: -3px; left: 165px }
div.form-block li.field.alt div.input-container input.text ~ p.help { top: 0; left: 137px }
div.form-block li.field.alt div.input-container input.text ~ div.left-tooltip-top { top: -3px; left: 185px }
div.message-box div.input-container div.left-tooltip-top { top: -27px; left: auto; right: -232px }
#myAjevaTabContent div.tab-subcontent div.form-block ~ p.help { top: 4px; left: auto; right: 2px }
#myAjevaTabContent div.tab-subcontent div.form-block ~ div.left-tooltip-top { top: -26px; left: auto; right: -232px }
#myAjevaTabContent div.tab-subcontent div.my-ajeva-form div.left-tooltip-top { top: -25px; left: 120px }
#myAjevaTabContent div.tab-subcontent div.my-ajeva-form table.withdrawal-table div.left-tooltip-top { top: -30px; left: 252px }
#myAjevaTabContent div.tab-subcontent form.fund-safepay-form div.left-tooltip-top { top: -27px; left: 315px }


/* Live Help form */

.live-help-form { position: relative }

	.live-help-form div.chat {
		background: #fff;
		border: 1px solid #d2ebfa;
		border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
		padding: 8px;
		overflow: auto;
		height: 132px;
	}
		.live-help-form div.chat ul li { padding: 0 0 6px }

			.live-help-form div.chat ul li span { font-weight: bold }

			.live-help-form div.chat ul li.tech-support span { color: #ff2d00 }

			.live-help-form div.chat ul li.me span { color: #0069d1 }

	.live-help-form p.fields { margin: 7px 0 0 }

		.live-help-form p.fields textarea.textarea.message {
			background: #fff;
			border: 1px solid #d2ebfa;
			border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;
			padding: 8px;
			width: 135px; height: 45px
		}

	.live-help-form p.submit {
		margin: 0;
		position: absolute;
		bottom: 0; right: 0;
	}
		.live-help-form p.submit button.button {
			background: url(../img/bg/button-send.gif) no-repeat;
			text-shadow: #4a7a99 0 1px;
			line-height: 63px;
			width: 41px; height: 63px;
		}
		.live-help-form p.submit button.button:active {
			background-position: 0 -63px;
			text-shadow: #4b82a8 0 -1px;
		}




/*------------------------------------------------------------------

4.	PLUGINS
	Predefined utilities

------------------------------------------------------------------*/

.skip { position: absolute; top: 0; left: -9999px }

ul.bars li { display: inline; margin-left: -4px }
ul.bars li.first { border: 0 none !important }
ul.bars li:before { content: "|"; padding: 0 4px }
ul.bars li:first-child:before { content: ""; padding: 0 4px 0 0 }


}

#debug_div {
    width: 300px;
    border: 1px solid #666666;
    text-align: left;
    position: absolute;
    bottom: 0px;
    right: 0;
    margin-left: auto;
    margin-right: auto; 
    color: Red;
}