/* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */

html, body {
	background-color: #d4dadc;
	color:#000;
	font-family:helvetica,verdana,arial;
	font-size:12px;
	margin:0px;
	padding:0px;
	text-align:left;
	width:100%;
/*	line-height:140%; */
}
img {
	border:0px none;
}
p {
	margin:8px 0px;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#ed1c24; 
}
a.linker{
	text-decoration: underline;
	color: #6E8C93;
}
ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px 0px 10px 0;
	padding:0px;
}
li {
	padding:0px;
}

h1, h2, h3, h4 {
	color:#000;
	font-weight:bold;
	line-height: normal;
	text-transform:uppercase;
}
h2 {
	font-size:18px;
	font-weight:normal;
	margin: 0 0 10px 0;
}
h3 {
	font-size:17px;
}
h4 {
	font-size:16px;
}

strong, b {
	font-weight: bold;	
}

.logo {
	color:#000;
	line-height: normal;
	text-transform:uppercase;
	font-size: 125%;
}

.logo a {
	color:#000;
	line-height: normal;
	text-transform:uppercase;
}

.logo span {
	font-weight: bold;
}

.bold{
	font-weight: bold;
}

.underline{
	text-decoration: underline;
}

.reallyBig{
	color:#cfdfe4;
	font-size: 40pt;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 80%;
	margin-bottom: 15px;
}

.redBold {
	color: #C72825;
	font-weight: bold;
}

.red{
	color: #C72825;
}

img.border{
	border: 1px solid #CCC;
}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;	
}

/* Layout */

div#contentTop{
	background-color: #eff8fa;
}
div#contentBottom{
	background-color: #d4dadc;
}

div#hd{
	width: 790px;
	height: 53px;
	margin:0px auto;
	padding-top: 10px;

}
div#hd.withSearchBar{
	height: 93px;
}
div#bd{
	width: 790px;
	min-height: 385px;
	margin:0px auto;
	padding: 63px 0 25px 0;
}
div#ft{
	width: 790px;
	height: 100px;
	margin:0px auto;
	padding: 30px 0 0 0;
}

/* header */

div#top{
	height: 30px;
	position: relative;
}
div#top h1 a{
	font-size: 15px;
	color: #000;
	text-transform: uppercase;
	font-weight: normal;
}
div#topLinks{
	position: absolute;
	top: 5px;
	left: 160px;
	font-size: 10px;
	text-transform: uppercase;
}
div#topLinks a{
	color: #000;
}
div#topLinks a.sel{
	color: #6e8c93;
}
div#topLinks a.red{
	color: #C72825;
}

div#topLinks a:hover {
	color:#ed1c24;
}

div#topInfo{
	position: absolute;
	top: 5px;
	right: 0;
	float: right;
	text-transform: uppercase;
}
div#topInfo .total{
	color: #6e8c93;
	font-weight: bold;
}

div#headerMenu {
	background-color:#000;
	height: 23px;
	position: relative;
}
div#headerMenu ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding: 0;
	position: absolute;
}
div#headerMenu li{
	cursor: pointer;
	float: left;
	text-transform: uppercase;
}
div#headerMenu li a {
	display: block;
	color: #FFF;
	font-weight: bold;
}
div#headerMenu li a:hover, div#headerMenu li.sel a{
	color: #ed1c24;
}

div#headerMenu ul.primary {
	top: 0px;
	left: 0px;
}
div#headerMenu ul.primary li{
	padding: 4px;
	font-size: 12px;
	width: 140px;
	text-align: center;
	border-right: 1px solid #eff8fa;
}
div#headerMenu ul.secondary {
	top: 0px;
	left: 540px;
}
div#headerMenu ul.secondary li{
	padding: 5px;
	font-size: 11px;
	width: 50px;
	font-weight: bold;
}

div#headerMenu li#find_work{
	width: 125px;
}
div#headerMenu li#find_professionals{
	width: 150px;
}

div#headerSearch{
	width: 790px;
	height: 40px;
	background-color: #d4dadc;
	position: absolute;
}

div#headerSearch div#searchTitle{
	position: absolute;
	top: 13px;
	left: 31px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

div#headerSearch div#searchForm{
	position: absolute;
	top: 10px;
	left: 95px;
}
div#headerSearch div#searchForm input.text{
	width: 280px;
}
div#headerSearch div#searchForm input.button{
	background: #d4dadc;
	font-size: 14px;
	position: relative;
	top: 1px;
	left: 7px;
	width: auto;
	margin: 0;
	padding: 0;
}

/* Footer */
div#footerMenu{
	background-color: #c3c6c7;
	height: 23px;
	border: 1px solid #FFF;
}
div#footerMenu ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding: 0;
}
div#footerMenu li{
	cursor: pointer;
	float: left;
	text-transform: uppercase;
	padding: 4px 15px;
	font-size: 12px;
	text-align: center;
	border-right: 1px solid #FFF;
}
div#footerMenu li a {
	display: block;
	color: #FFF;
}
div#footerMenu li a:hover {
	color: #000;
}

div#leftCol{
	width: 150px;
	vertical-align: top;
	text-transform: uppercase;
}

div#rightCol{
	width: 630px;
}

ul.success,
ul.info {
    color: #222327;
    padding: 10px;
	background-color: #FFF;
	text-transform: none;
	margin: auto;
	margin-bottom: 20px;
/*	width: 495px; */
}

ul.info a {
    color: #222327;
}

ul.success {
    border: 1px solid #c5c9ca;
    color: #8dabb4;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bolder;
	background-color: #FFF;
    background-image: url('/images/success.gif');
    background-repeat: no-repeat;
    background-position: 7px 7px;
    padding-left: 40px;
}

div.errors {
	border: 1px solid #c5c9ca;
	color: #ed1c24;
	background-color: #FFF;
    background-image: url('/images/warning.gif');
    background-repeat: no-repeat;
    background-position: 8px 8px;
	text-transform: none;
	margin: auto;
	margin-bottom: 20px;
}

div.errors ul {
    font-family: helvetica,arial,helvetica,sans-serif;
    padding: 10px 10px 10px 35px;
    margin: 0;
}

ul.errors {
	display: block;
	color: #ed1c24;
	float: right;
	width: 10px;
	padding: 0px;
	margin: 0px;
}

ul.errors li {
	padding: 0px;
	margin: 0px;
	font-size: 1.6em;
	font-weight: bold;
}

div.noResults{
    border: 1px solid #c5c9ca;
    color: #8dabb4;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bolder;
	background-color: #FFF;
    background-image: url('/images/warning.gif');
    background-repeat: no-repeat;
    background-position: 7px 7px;
    padding: 7px 30px;
}

span.greyedOut {
	color: #c3c6c7;
	font-weight: bold;
}

/* Homepage */

div#homeTop{
	height: 125px;
}

div.welcome{
	float: left;
	width: 40%;
}

div.welcome h2{
	font-size: 23px;
}

div.homeLinks{
	float: right;
	text-align: right;
	width: 60%;
	font-size: 26px;
	text-transform: uppercase;
}
div.homeLinks a{
	color:#cfdfe4;
	font-weight: bold;
}
div.homeLinks a:hover{
	color: #C72825;
}

#flvLink {
	cursor: pointer;
}

/* see page end for featured designer styles */

div#homeBottom div.other{
	width: 240px;
	float: right;
}

div#homeBottom div#howToVideo{
	padding: 7px;
	background-color: #FFF;
	margin: 10px 0;
}

div#homeBottom div.other h4{
	font-size: 13px;
	font-weight: normal;
}

div#homeBottom div.news{
	border: 2px solid #d4dadc;
	background-color: #FFF;
	padding: 7px;
}

div#homeBottom div.newsItem{
	padding: 5px;
	border-top: 1px solid #d4dadc;
}

div#homeBottom div.newsItem a {
	color: #95b7c1;
}

div#homeBottom div.newsItem a:hover {
	color: #ed1c24;
}

div#homeBottom div.newsHeader{
	height: 30px;
}
div#homeBottom div.newsHeader h3{
	float: left;
	font-weight: normal;
	font-size: 22px;
}

div.regBlockContainer{
	width: 670px;
	margin: 0 auto 20px auto;
	clear: both;
	position: relative;
	display: table;
}

div.regBlock{
	width: 515px;
	float: right;
}

div.regStep{
	color:#e1eef2;
	font-size: 110pt;
	font-weight: bold;
	float: left;
	vertical-align: top;
	line-height: 80%;
}

div.blockContainer{
	margin: 0 auto 20px auto;
	clear: both;
	position: relative;
	display: table;
}

div.block{
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 15px;
	text-transform: none;
	overflow: hidden;
}

div.errorBlock {
	border: 1px solid #f47821;
	color: #f47821;
	text-align: center;
	text-transform: none;
	background-color: #FFF;
	background-image: url('/images/icons/warning.gif');
    background-repeat: no-repeat;
    background-position: 10px 15px;
	padding: 15px 60px;
	margin: 0 0 20px 0;
}

div.errorBlock a {
	color: #f47821;
	font-weight: bold;
	text-decoration: underline;
}

table.formTable{
	margin: 5px 0;
}

table.formTable td{
	padding: 5px;
}

#registerForm .label{
	font-weight: bold;
	text-align: right;
}

td.label strong {
	color: #849EA4;
}

#companyRegisterForm .label{
	width: 170px;
	font-weight: bold;
	vertical-align: top;
}
#companyRegisterForm .element .text{
	width: 270px;
}
#companyRegisterForm .textarea{
	width: 505px;
	height: 200px;
}
#companyRegisterForm .element .postcode{
	width: 80px;
}
#companyRegisterForm .element .select{
	width: 185px;
}
#companyRegisterForm .smaller{
	font-size: 10px;
}

#companyRegisterForm .element input, #companyRegisterForm .element select {
	float: left;
}

#companyRegisterForm div#referralDiv{
	clear: both;
	display: none;
}

#companyRegisterForm p.referralInfo{
	font-size: 11px;
	text-transform: none;
}

#postJobForm .element input[type="text"], #postJobForm .element select {
	float: left;
}

#postJobForm .element input[type="image"]{
	padding-left: 5px;
}

#postJobForm .element input.editButton {
	float: right;
}

div.actions {
	text-align: right;	
}

div.actions a {
	
}

div.buttons {
	text-align: right;	
}

div.buttons table {
	width: 100%;
}

input.button{
	background: transparent url('/images/buttons/bg-short.gif') no-repeat top left;
	width: 84px;
	border: none;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 12px;
	height: 25px;
	padding: 4px 6px 4px 15px;
	text-align: left;
	margin-left: 15px;
}
input.button.short {
	
}
input.button.med {
	background: transparent url('/images/buttons/bg-med.gif') no-repeat top left;
	width: 130px;
}

input.button.long {
	background: transparent url('/images/buttons/bg-long.gif') no-repeat top left;
	width: 197px;
}

input.button.red{
	color: #C72825;
}

input.button2{
	background-color: #FFF;
	border: none;
	color: #C72825;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 12px;
}

table.ovoyoForm{
	width: 100%;
}

table.ovoyoForm td{
	padding: 8px 5px;
}
div#login{
	margin: auto;
	width: 500px;
}
div#login div.block{
	padding: 30px;
}
div#login .footer{
	height: 20px;
	margin-top: 20px;
}

#loginForm table{
	margin: 20px 0;
}
#loginForm td{
	padding-left: 0;
}
#loginForm .label{
	width: 100px;
	font-weight: bold;
}
#loginForm .element .text{
	width: 200px;
}

div#smallForm{
	width: 55%;
	margin: auto;
	padding: 30px;
}

div#smallForm table{
/*	margin: 20px 0; */
}
div#smallForm td{
	padding-left: 0;
}
div#smallForm .label{
/*	width: 100px; */
}
div#smallForm .element .text{
	width: 200px;
}

/* menu */

div.mainMenuItem {
    text-align: left;
}

div.subMenuItem {
	display: none;
	background: #dfedef;
	text-transform: none;
}

div.mainMenuItem div.selected {
	color: #FFF;
	background: #000;
}

div.mainMenuItem div.selected a {
	color: #FFF !important;
}

div.mainMenuItem.selected, div.mainMenuItem.selected div.subMenuItem{
    display: block;
}
div.mainMenuItem.selected div.subMenuItem.selected,
div.mainMenuItem.selected > a:FIRST-CHILD,
li.menuItem.selected a{
	font-weight: bold;
}

div.mainMenuItem ul.menu{
	margin: 0 0 7px 0;
}

ul.menu li.menuItem {
    font-size: 12px;
}

ul.menu li.menuItem a {
    text-decoration: none;
}
/*
ul.menu li.menuItem.selected a, div.mainMenuItem.selected ul.menu li.menuItem.selected a{
    font-weight: bold;
}
*/
div.subMenuItem ul.menu {
    margin: 0 0 0 10px;
}

div.subMenuItem ul.menu li{
	padding: 2px 0;
}

div.subMenuItem ul.menu li a {
    font-size: 12px;
    color: #6e8c93;
}

div#postJob, div.postJob{
	width: 510px;
}
#postJob table{
	width: 100%;
}
#postJob td{
	padding-left: 0;
}
#postJob .label{
	width: 160px;
	vertical-align: top;
}
#postJob .element{
	text-transform: none;
}
#postJob .text{
	width: 250px;
}
#postJob .select{
	width: 254px;
}
#postJob .textarea{
	width: 500px;
	height: 300px;
}

.ui-datepicker-wrap {
	width: 85%;
	float: left;
}

.ui-datepicker-wrap img {
	margin-top: 3px;
}

div.blockTitle{
	background-color: #a8c9d0;
	color: #FFF;
	padding: 10px 15px 10px 15px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	position: relative;
	top: -15px;
	left: -15px;
}

div.blockTitle.jobTitle{
	height: 30px;
}

div.block div.blockTitle h4{
	font-size: 14px;
	color: #FFF;
	text-transform: uppercase;
}

input.editButton{
	background-color: #FFF;
	border: 1px solid #FFF;
	color: #c3c6c7;
	font-weight: bold;
	text-transform: uppercase;
	float: right;
	display: inline;
	clear: none;

}

/* listings */

div#searchOptions{
	float: none;
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 10px;
	width: 608px;
}

div#searchOptions input.button{
	color: #000;
	font-size: 13px;
	margin-left: 10px;
	background: transparent;
	padding: 0;
	width: auto;
}

div#pageNav{
	text-align: right;
	padding-top: 4px;
}

div.listing{
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 15px;
	overflow: hidden;
	position: relative;
	margin: 15px 0;
}

div.blockTitle img.categoryIcon{
	position: absolute;
	top: 10px;
	left: 15px;
}
div.blockTitle h4.title{
	font-size: 15px;
	color: #FFF;
}
div.blockTitle h4.title.indent{
	left: 70px;
}
div.blockTitle h4.title a{
	font-size: 15px;
	color: #FFF;
}

div.jobTitle h4.title {
	width: 310px;
	position: absolute;
	top: 17px;
	left: 55px !important;
}

div.listing h3.title{
	font-size: 13px;
	color: #FFF;
	width: 310px;
}

div.blockTitle div.posted{
	position: absolute;
	top: 17px;
	left: 400px;
	font-size: 13px;
	text-transform: none;
}

div.blockTitle div.date{
	position: absolute;
	top: 17px;
	right: 15px;
	font-size: 13px;
	text-transform: none;
}
div.blockTitle div.daysLeft{
	position: absolute;
	top: 17px;
	left: 560px;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
}

div.refNum{
	font-weight: bold;
	color: #6e8c93;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	text-align: right;
}

div.listing ul#jobFiles{
	margin: 5px 0;
}

div.listing ul#jobFiles li{
	margin: 3px 0;
}

div.listing a.jobFile{
	color: #6e8c93;
	text-decoration: underline;
}

div.otherOptions{
	text-align: right;
}

div.otherOptions a{
	color: #6e8c93;
	text-decoration: underline;
	font-size: 12px;
}

div.listing div.description{
	margin: 10px 0;
}

div.listing div.actions a, div.block div.actions a {
	margin-left: 15px;
}

div.listing div.actions a.short, div.block div.actions a.short {
	
}

div.listing div.actions a:hover, div.block div.actions a:hover{
	text-decoration: underline;
}

a.action{
	color: #C72825;
}

a.action:hover{
	text-decoration: underline;
}

/* search homepage */

table#searchHeader td{
	height: 20px;
	vertical-align: middle;
}

table#searchHeader td.instructions{
	height: 20px;
	padding-left: 10px;
	text-transform: uppercase;
	font-size: 11px;
	vertical-align: middle;
}

div.instructions{
	text-transform: uppercase;
}

div#searchFormContainer{
	margin: 15px 0;
}

div#searchFormContainer .text{
	width: 350px;
}

div#searchFormContainer .button{
	background: transparent;
	color: #6e8c93;
	font-size: 16px;
	position: relative;
	top: 1px;
	left: 10px;
	width: auto;
	margin: 0;
	padding: 0;
}

div#categories{
	margin: 15px 0 0 0;
}

div#categories ul li{
	padding: 5px 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

div#categories .categoryCount{
	color: #6e8c93;
	font-size: 11px;
}

div.listing table.info td{
	padding: 3px;
}

div.listing table.info td.label{
	font-weight: bold;
	color: #6e8c93;
	text-transform: uppercase;
	width: 130px;
	font-size: 12px;
}

a.lighter{
	color: #a8c9d0;
	text-decoration: underline;
	text-transform: none;
	font-size: 12px;
}

/* place bid */

div#placeBid{
/*	width: 55%;
	margin: auto;
	padding: 30px;		*/
}

div#placeBid table.formTable{
	margin: 0px;
}

div#placeBid table.formTable td.label{
	text-transform: uppercase;
}

/* freelancer - manage bids */

div#bids{
	text-transform: none;
	margin: 15px 0;
}

div#bids table.bidTable{
	width: 100%;
}

div#bids table.bidTable td{
	padding: 3px;
	text-transform: none;
	text-align: right;
}

div#bids a.job{
	color: #6E8C93;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
}

div#bids a.job:hover {  
	color: #FF0000
}

div#bids a.action{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

div#bids a.action:hover{
	color: #C72825;
}

div#retractBid{
	width: 70%;
}
div#retractBid p{
	margin: 15px 0;
}
div#retractBid .green{
	padding-left: 10px;
	color: #6E8C93;
}

div.accountPageContainer {
	font-size: 1.2em;
	line-height: 200%;
}

span.viewAnswer {
	cursor: pointer;
	text-transform: uppercase;
}

div.companyResponse {
	display: none;
	border-top: 1px solid #A8C9D0;
	margin-top: 10px;
	padding-top: 10px;
}

div.companyResponse h3 {
	color:	#A8C9D0;
}

div#inboxContainer table { width: 99%; font-size: 1.1em; text-transform: none; }
div#inboxContainer table tr { }
div#inboxContainer table tr th { font-weight: bold; }
div#inboxContainer table tr td { padding-top: 5px;}
div#inboxContainer table tr td a.listing { color: #A8C9D0; text-decoration: underline; text-transform: uppercase; }
div#inboxContainer table tr td a.listing:hover { color: #88B6BF; }

/* feedback rating slider */

div#ratingContainer{
	background: url('/images/rating-bg.gif') no-repeat;
	width: 449px;
	height: 24px;
	padding-left: 34px;
	padding-top: 30px;
	margin: 20px 0 30px 0;
}

div#ratingSlider{
	width: 405px;
}

textarea#comment{
	width: 603px;
	height: 200px;
	margin: 15px 0;
}

div#companyList{
	margin: auto;
	width: 600px;
}

div#a-z a{
	color: #6e8c93;
	font-size: 14px;
	padding-right: 10px;
	text-transform: uppercase;
}

div#companyList .blockTitle{
	height: 20px;
}

div#companyList .alpha{
	font-size: 18px;
	padding-right: 10px;
	float: left;
}

div#companyList .instructions{
	float: left;
	font-size: 12px;
	font-weight: normal;
	padding-top: 3px;
}

div#companyList .pagination{
	float: right;
	color: #000;
	font-weight: normal;
	font-size: 12px;
	text-transform: lowercase;
	padding-top: 3px;
}

div#companyList table#companies{
	width: 100%;
}
div#companyList table#companies td{
	padding: 3px;
}
div#companyList table#companies a{
	color: #6e8c93;
}

div#freelancerSearch{
/*	margin: auto;
	width: 580px; */
}

/* Freelancer Profile - My Account */

.genericForm td.label{
	width: 165px;
	vertical-align: top;
}
.genericForm td.element{
	text-transform: none;
}

#unassigned, #assigned{
	height: 150px;
	overflow: auto;
}

#unassigned {
	width: 310px;
}

#assigned{
	width: 240px;
}

#unassigned option, #assigned option{
	text-transform: none;
	overflow: auto;
}

#instances th{
	color: #6e8c93;
	text-align: center;
}
#instances td{
	vertical-align: top;
}
#instances .unassignedCol{
	padding-left: 0px;
}

#profileForm textarea{
	width: 585px;
	height: 170px;
}

.genericForm .text{
	width: 250px;
}

#historyForm {
	width: 500px;
}
#historyForm textarea{
	width: 455px;
	height: 170px;
}
#historyForm td.label{
	width: 140px;
}

table#profileHistory{
	margin-bottom: 15px;
}

table#profileHistory td.dates{
	color: #6E8C93;
	width: 130px;
}
table#profileHistory td.company{
	color: #6E8C93;
	font-weight: bold;
}
table#profileHistory td.action{
	text-align: right;
	width: 100px;
}
table.ovoyoForm a.action:hover{
	color: #C72825;
}

table#samples td{
	vertical-align: top;
	text-transform: none;
	padding: 5px;
}

table#samples td.image{
	width: 120px;
}
table#samples td.image img{
	border: 1px solid #CCC;
}
table#samples td.info{
	width: 280px;
}
table#samples td.info h4{
	font-size: 13px;
}
table#samples td.action{
	width: 20px;
	vertical-align: middle;
	text-transform: uppercase;
}

/* Freelancer Profile - Payment History */
table.paymentDetail {
	text-transform: none;
	width: 100%;
}

table.paymentDetail th {
	font-weight: bold;
	text-transform: uppercase;
}

table.paymentDetail td {
	vertical-align: top;
	padding: 4px 4px 4px 0;	
}

table.paymentDetail td.total {
	border-top: 1px solid #000;
	font-weight: bold;	
	text-align: right;
}

/* Freelancer Profile - Front End */

div#profileView{
	margin: auto;
	width: 650px;
}

div.blockHeader{
	background-color:#A8C9D0;
	color:#FFF;
	border: 1px solid #CCC;
	border-bottom: none;
	font-size:14px;
	font-weight:bold;
	padding: 10px;
	height: 20px;
}

div#profileView ul.tabs{
	margin-top:3px;
}
div#profileView ul.tabs li{
	float: left;
	margin-right: 30px;
	text-transform: uppercase;
}
div#profileView ul.tabs li a{
	color: #FFF;
}
div#profileView ul.tabs li a:hover,
div#profileView ul.tabs li a.selected:hover{
	color: #ed1c24;
}{
	color: #ed1c24;
}
div#profileView ul.tabs li a.selected{
	color: #000;
}

div#profileView td.label{
	width: 140px;
	vertical-align: top;
}
div#profileView td.element{
	text-transform: none;
}

div#profileContent{
	margin-top: 15px;
}

div#profileView h4.profileSection{
	font-size: 12px;
	font-weight: normal;
	margin: 15px 0;
}
div#profileView h4.profileSection:first-child{
	margin-top: 0;
}
div#profileView p{
	text-transform: none;
	margin-top: 5px;
}

div#profileView ul.samples{

}
div#profileView ul.samples li{
	float: left;
	margin-right: 7px;
}

div#profileView ul.samples img{
	width: 100px;
}

div.feedbackItem{
	margin: 20px 0;
}
div.historyItem{
	margin: 20px 0 20px 20px;
}
div.historyItem .title, div.feedbackItem .title{
	color: #6e8c93;
	font-weight: bold;
}

div#profileView div.feedbackItem:first-child{
	margin-top: 0;
}

div.feedbackItem .title{
	float: left;
}
div.feedbackItem .title a{
	font-weight: normal;
}
div.feedbackItem .rating{
	color: #C72825;
	font-weight: bold;
	float: right;
}
div.feedbackItem .description{
	clear: both;
}

a.obviousLink{
	color: #6e8c93;
	font-weight: bold;
	text-decoration: underline;
}

/* Company Current Jobs */
#currentJobs {
	margin: 30px 0 0 0;
}

#currentJobs div#searchOptions {
	width: auto;
}

/* jQuery lightBox plugin - Gallery style */
#gallery {
	background-color: #444;
	padding: 10px;
	width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }

div#contactUs{
	margin: 0 auto;
	width: 550px;
}

div#contactUs .label{
	width: 100px;
}
div#contactUs .text{
	width: 200px;
}
div#contactUs .textarea{
	width: 400px;
	height: 150px;
}

/* Help - FAQ */
div#faqList {
	text-transform: none;
}

div#faqList div.faqElement {
	margin-top: 20px;
}

div#faqList div.faqElement h4 {
	cursor: pointer;
	color: #6E8C93;
}

div#faqList div.faqElement p {
	margin-left: 17px;
}

div.faqAnswer p.close {
	color: #6E8C93;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

/* CMS */

div#basicFeature{
	margin: 0 auto;
	width: 680px;
}

div#basicFeature img.cms{
	float: right;
	clear: right;
	margin: 10px 0 10px 10px;
}

div#basicFeature img.cms:first-child{
	margin-top: 0;
}

div#basicFeature div.body{
	text-transform: none;
}

div#basicFeature ul{
	list-style-type: disc;
	margin: 0;
	padding-left: 15px;
}
div#basicFeature ul li{
	list-style-type: disc;
	margin: 0;
	padding: 3px;
}

a.deleteFile{
	padding-left: 5px;
}

#currencyConverter a {
	color: #6E8C93;
	font-size: 80%;
}

/* Featured Designer */

div#featuredDesigner{
	margin: 0 auto;
	width: 756px;
	border: 2px solid #d4dadc;
	background-color: #FFF;
	padding: 15px;
        position: relative;
}

div#featuredDesigner div.container{
	background-color: #d4dadc;
	width: 726px;
	padding: 15px;
}
div#featuredDesigner div.content{
	background-color: #FFF;
	width: 726px;
	display: table;
}
div#featuredDesigner .text{
	padding: 15px;
	width: auto;
}
div#featuredDesigner div.image{
	position: relative;
	z-index: 0;
	overflow: hidden;
}
div#featuredDesigner div.caption{
	color: #FFF;
	background-color: #C72825;
	padding: 3px;
	position: absolute;
	bottom: 3px;
	z-index: 1;
}
div#featuredDesigner div.mainCaption{
	color: #fa2424;
	background-color: #d4dadc;
	padding: 5px;
	position: absolute;
	bottom: 3px;
	z-index: 1;
	height: 40px;
	width: 100%;
	font-style: italic;
	font-size: 14px;
}
div#featuredDesigner div.mainCaption h4{
	font-weight: normal;
	font-size: 13px;
	margin-bottom: 4px;
	font-style: normal;
}
div#featuredDesigner div.left{
	float: left;
}
div#featuredDesigner div.right{
	float: right;
}
div#featuredDesigner div.section{
	display: table;
	clear: both;
	width: 100%;
}

/* News List */

div#basicFeature.newsList{
	width: 580px;
}

div.newsList div.newsItem{
	margin-bottom: 15px;
	text-transform: none;
	border-bottom: 1px solid #d4dadc;
}

div.newsList div.info{
	width: 395px;
}

div.newsList div.title{
	margin: 0 0 10px;
	text-transform: uppercase;
}

div.newsList a.viewStory{
	text-transform: uppercase;
	font-weight: bold;
	color: #F00;
	float: right;
	margin-top: 5px;
}

div.newsList div.image{
	width: 145px;
}

/* News Feature */

div#newsFeature{
	margin: 0 auto;
	width: 580px;
}

div#newsFeature h4{
	width: 450px;
}

div#newsFeature div.newsDate{
	float: right;
}

div#newsFeature img.cms{
	float: right;
	clear: right;
	margin: 0 0 10px 10px;
}

div#newsFeature div.body{
	text-transform: none;
}

div#newsFeature ul{
	list-style-type: disc;
	margin: 0;
	padding-left: 15px;
}
div#newsFeature ul li{
	list-style-type: disc;
	margin: 0;
	padding: 3px;
}

div#newsFeature a.back {
	text-transform: uppercase;
	font-weight: bold;
	color: #F00;
	float: right;
	margin-top: 5px;
}

div#newsFeature ul.images {
	list-style: none;
	padding: 0;
	margin-top: 20px;
}

div#newsFeature ul.images li {
	float: left;
	margin-right: 7px;	
	list-style: none;
	padding: 0;
}

/* featured designer homepage */

div#homeBottom div#featuredDesigner{
	width: 521px;
	border: 1px solid #d4dadc;
	background-color: #FFF;
	padding: 7px;
	float: left;
}

div#homeBottom div.container{
	background-color: #d4dadc;
	width: 507px;
	padding: 7px;
}
div#homeBottom div.content{
	background-color: #FFF;
	width: 507px;
}
div#homeBottom div.text{
	padding: 10px;
}

div#homeBottom a.featureLink{
	float: right;
	text-decoration: underline;
}

div#homeBottom div.mainCaption{
	color: #fa2424;
	background-color: #d4dadc;
	padding: 5px;
	position: absolute;
	bottom: 3px;
	z-index: 1;
	height: 35px;
	width: 100%;
	font-style: italic;
	font-size: 13px;
	overflow: hidden;
	line-height: 17px;
}
div#homeBottom div.mainCaption h4{
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 3px;
	font-style: normal;
}

div.editCaptionLoading { background-color: #FFCD38; }
div.editCaptionReturn { background-color: #E4FFDB; }
a.toggleCaption { color: #C72825; }

/** NEW NAVIGATION **/
div#newHeader #top .logo {
	float: left;
	font-size: 145%;
}

div#newHeader #top .strapline {
	float: left;
	margin: 4px 0 0 10px;
}

div#newHeader div#mainHeader {
	background: #363636;
	position: relative;
	height: 26px;
}

div#newHeader div#mainHeader ul, div#newHeader div#secondaryHeader ul {
	height: 26px;
}

div#newHeader div#mainHeader ul li, div#newHeader div#secondaryHeader ul li {
	cursor:pointer;
	float:left;
	text-transform:uppercase;
}

div#newHeader div#mainHeader ul li a, div#newHeader div#secondaryHeader ul li a {
	color: #FFFFFF;
	font-weight: bold;
}

div#newHeader div#mainHeader ul li a:hover,
div#newHeader div#secondaryHeader ul li a:hover { color:#ed1c24; }

div#newHeader div#mainHeader ul.mainLinks li {
	border-right:1px solid #EFF8FA;
	font-size: 14px;
	padding:4px;
	text-align:center;
	width:140px;
}

div#newHeader div#mainHeader ul.secondary {
	float: right;
	margin-right: 9px;
	margin-top: 2px;
}

div#newHeader div#mainHeader ul.secondary li {
	font-size:11px;
	font-weight:bold;
	padding:5px;
	width: 45px;
}

div#newHeader div#secondaryHeader {
	background: #b7bdbf;
	position: relative;
	height: 26px;
	margin: 1px 0;
}

div#newHeader div#secondaryHeader ul.primary {
	margin-left: 30px;
}

div#newHeader div#secondaryHeader ul.primary li {
	font-size: 14px;
	padding: 4px;
	text-align: center;
	color: #FFFFFF;
}

div#newHeader div#topJobInfo {
	float: right;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	position: absolute;
	right: 19px;
	top: 7px;
	font-size: 11px;
}

div#newHeader div#topJobInfo a {
	color: #FF0000;
}

div#hd.withSearchBar {
	height: 125px !important;
}

div#hd {
	height: 85px !important;
}

/** NEW HOME **/
body.home div#homeBottom div.other div#howToVideo {
	border: 7px solid #363636;
	padding: 7px 0;
}

body.home div#homeLeft {
	float:left;
	width:537px;
}

div#homeRight div.other span { font-weight: bold; font-size: 14px; margin-right: 10px;  }
div#homeRight div.other { font-weight: bold; }

body.home div#homeBottom div#featuredDesigner {
	float: none;
	margin-bottom: 10px;
}

body.home div#homeBottom div#homeNewsAndBlog {
	background-color:#FFFFFF;
	border:2px solid #D4DADC;
	padding:7px;
}

div#homeNewsAndBlog {
	clear: both;
	width: 521px;

}

div#homeNewsAndBlog div.homeBlog {
	width: 90%;
	float: left;
	padding:0 5px;
}

div#homeNewsAndBlog div.homeBlog a {
	color: #95b7c1;
	font-weight: bold;
}

div#homeNewsAndBlog div.homeBlog a:hover {
    color: #ED1C24;
    font-weight: bold;
}

div#homeNewsAndBlog div.homeBlog div.blogImage {
	text-align: center;
}

div#homeNewsAndBlog div.homeBlog div.blogImage img {
	border: 1px solid #666666;
}

div#homeNewsAndBlog div.blog {
	min-height: 110px;
  	height: auto !important;
  	height: 110px;

}

div#homeNewsAndBlog div.clients {
  	height: 80px !important;
	overflow: hidden;
}

div#homeNewsAndBlog div.partnerInnerfade {
	height: 80px;
	overflow: none;
}

div#profileSearch { background-color: #5D5E60; margin-bottom: 20px; width: 755px;
                    overflow: hidden; }
div#profileSearch div.left { float: left; width: 48px; }
div#profileSearch div.right { float: left; }
div#profileSearch div.row { width: 100%; overflow: hidden; }
div#profileSearch div.row img { border: 1px solid #fff; padding: 0px; float: left;
                                margin: 0px; height: 128px; width: 99px; }

div.bottom { color: #fff; font-weight: bold; clear: both; padding: 20px;
             width: 100%; overflow: hidden; background-color: #363636; }
div.bottom input { border: 1px solid #666; padding: 3px; font-weight: normal;
                   margin-right: 0px; text-transform: uppercase; color: #666; }
div.bottom input.button { border: 0px; padding: 2px; color: #ff0000; 
                          margin-left: 0px; font-weight: bold; 
                          width: auto; background: transparent; }
div.bottom div.searchBox { float: left; width: 300px; }
div.bottom div.listingBox { float: left; width: 400px; color: #fff; 
                            font-weight: normal; font-size: 1.2em; }
div.bottom div.listingBox a { color: #fff; font-weight: bold; }
div.bottom div.listingBox a:hover { color: #ff0000; }

.tooltip { position:absolute; z-index: 999; left: -9999px; background-color: #000;
           padding: 5px; width: 120px; display: none; }
.tooltip p { margin: 0; padding: 0; color:#ff0000; padding: 2px 7px; font-weight: bold;
            text-transform: uppercase; }
.tooltip p span { color: #fff; }

#viewQaArchive { padding: 0px; margin: 0px; text-align: right; height: 27px;
                 cursor: pointer; }
#viewQaArchive img { padding: 0px; margin: 0px; }
#qaArchiveListing { position: absolute; top: 0px; left: 592px;
                    background-color: #ffffff; width: 195px; display: none;
                    filter:alpha(opacity=70); -moz-opacity: 0.7;
                    -khtml-opacity: 0.7; opacity: 0.7; z-index: 1000; }
#qaArchiveListing ul { padding: 5px 15px 5px 15px; }
#qaArchiveListing ul li { margin-bottom: 2px; font-weight: bold; }

.searchProfile { width: 98%; overflow: hidden; }
.searchProfile div.description { float: left; width: 400px;  }
.searchProfile div.profileImage { float: right; width: 145px; margin-left: 20px; margin-bottom: 30px; text-align: center; }

/* new icons */
.awaitingConfirmation {
	background: transparent url('/images/icons/lightbulb.gif') no-repeat top left;	
	padding-left: 24px;
}


/* New Skin */
#bidForm {
	background: #f1f9fb;
	padding: 25px 10px;
}

a.blackBold {
	color: #000;
	font-weight: bold;
}

.warning {
	color: #f47821;
	text-transform: uppercase;
	font-weight: bold;
	background: #FFF url('/images/icons/warning.gif') no-repeat top left;
    padding-left: 40px;
    margin: 15px 0;
    line-height: 30px;
}

.paid {
	font-weight: bold;
	background: #FFF url('/images/icons/money.gif') no-repeat top left;
    padding-left: 45px;
    margin: 0 0 15px 0;
    line-height: 29px;
}

.location {
	background: transparent url('/images/icons/globe.gif') no-repeat top left;
	font-weight: bold;
	padding-left: 25px;
	line-height: 17px;
}

/* Company Subscription */
.subscriptionInfo {
	display: none;
	background: #e5e5e5;
	margin-top: 15px;
	padding: 7px;
}

.subscriptionInfoBox .selected {
	display: block;
}