div.error { padding: 8px 0px; color: #EB2929; font-size: 13px; font-weight: bold; }
.field-error { color: #ff0000; font-size: 12px; font-weight: bold; padding: 4px 0px; }
span.required { color: #ff0000; }


div.flash_message { font-size: 13px; padding: 12px; font-weight: bold; background: #FFF6AC; border: 2px solid #F7E559; margin-bottom: 8px; }
div.flash_error { background: #FFEFED; border: 2px solid #EA3E29; color: #EA3E29; }
div.flash_success { background: #C3FFAC; border: 2px solid #8AF759; }

div.line-loading {
	font-size: 13px; background: url('/images/ajax-loader-small.gif') no-repeat scroll 0px 4px;
	padding: 4px;
	padding-left: 20px;
	color: #777;
	margin-top: 8px;
}

div.settings-tabs {
	background: #f2f2f2;
	border: 1px solid #dadada;
	padding: 6px;
	margin: 8px 0px;
}

div.pages-index {
	width: 180px;
	margin-right: 20px;
	margin-top: 6px;
	float: left;
}

div.pages-index h3 { padding: 4px 6px; margin-bottom: 4px; }
div.pages-index a.page-link {
	padding: 4px 6px;
	display: block; color: #333;
	text-decoration: none;
	font-size: 13px;
}

div.pages-index a.page-link:hover { background: #eee; }
div.pages-index a.page-link-selected { background: #ddd; }

ul.feat-list { list-style: disc; margin: 0 0 0 20px; }
ul.feat-list li { font-size: 13px; line-height: 16px; margin-bottom: 8px; }

div.settings-tabs ul { }
div.settings-tabs ul li { float: left; margin-right: 8px; }
div.settings-tabs ul li a { color: #2254ad; padding: 3px; font-size: 13px; text-decoration: none; font-weight: bold; }
div.settings-tabs ul li a:hover { text-decoration: underline; }
div.settings-tabs ul li a.selected { color: #333; font-weight: bold; text-decoration: underline; }

table.billing-table { }
table.billing-table td { padding: 4px 4px; }

table.company { margin: 8px 0px; }
table.company td { padding: 4px; padding-top: 0px; }
table.company td.c1 { vertical-align: middle; }

table.billing { font-size: 13px; width: 400px; border: 1px solid #ccc; }
table.billing td { padding: 5px; }
table.billing td.label { width: 100px; text-align: right; background: #eee; }

table.portfolio-images { }
table.portfolio-images td { padding: 4px; }
table.portfolio-images td div.placeholder { border: 6px solid #ddd; width: 160px; height: 115px; background: #fff; }
table.portfolio-images td div.placeholder div.upload { display: none; }
table.portfolio-images td div.placeholder:hover { border-color: #aaa; }
table.portfolio-images td div.placeholder div.locked { width: 160px; height: 115px; position: absolute; text-align: center; background: #fff url('/static/no-bg.jpg'); }
table.portfolio-images td div.placeholder div.locked p { vertical-align: middle; padding-top: 50px; font-size: 13px; color: #555; }
table.portfolio-images td div.placeholder div.data { width: 160px; height: 115px; position: absolute; text-align: center; }
table.portfolio-images td div.placeholder div.data .input { font-size: 11px; display: inline; margin-top: 40px; }
table.portfolio-images td div.placeholder div.image { width: 160px; height: 115px; position: absolute; display: none; }
table.portfolio-images td div.placeholder div.image img { width: 160px; height: 115px; position: absolute; }
table.portfolio-images td div.placeholder div.image div.delete { cursor: pointer; display: none; position: absolute; padding: 2px 4px; font-size: 12px; background: #D51515; color: #fff; }
table.portfolio-images td div.placeholder div.image div.delete:hover { background: #EC3838; }
table.portfolio-images td div.placeholder div.loading { display: none; width: 160px; height: 115px; background: #fff url('/images/ajax-img.gif') no-repeat center center; position: absolute; }

table.notifications { width: 400px; }
table.notifications td { padding: 8px; vertical-align: top; }
table.notifications td label { margin-bottom: 0px; }
table.notifications td.checkbox { width: 8px; padding: 8px 0px; }
table.notifications td p.description { font-size: 12px; color: #888; }
table.notifications tr { border-bottom: 1px solid #ddd; }

table.invoices { width: 600px; font-size: 13px; background: #fff; }
table.invoices th { font-weight: bold; background: #eee; padding: 6px; }
table.invoices td { padding: 6px; }
table.invoices tr { border-bottom: 1px solid #ddd; }
table.invoices span.ok { color: #009527; font-weight: bold; }
table.invoices span.fail { color: #E31917; font-weight: bold; }


/* ------------------------------------------------------------------ */
/* Carousel */
/* ------------------------------------------------------------------ */

.infiniteCarousel {
  position: relative;
}

.infiniteCarousel .wrapper {
	width: 566px;
	height: 349px;
	/* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  position: absolute;
  top: 0;
  margin: 0px;
  padding: 0px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
	display:block;
	float:left;
	width: 566px;
	height: 349px;
}

.infiniteCarousel ul li a img {
  display:block;
}

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

div.certificate { float: left; margin-right: 12px; }
div.certificate img { border: 1px solid #ccc; }
div.certificate div.not-approved {
	padding: 4px;
	padding-left: 16px;
	font-size: 12px; color: #777; background: url('/images/icons/37.png') no-repeat scroll 0px 6px;
}

div.certificate div.approved {
	padding: 4px;
	padding-left: 16px;
	font-size: 12px; color: #138E14; background: url('/images/icons/02.png') no-repeat scroll 0px 6px;
}

/* ------------------------------------------------------------------ */
/* Dashboard */
/* ------------------------------------------------------------------ */

div.dashboard-links { margin-top: 8px; float: left; }
div.dashboard-links ul { padding: 12px; }
div.dashboard-links ul li { padding: 6px; }
div.dashboard-links ul li a { font-size: 14px; color: #000; font-weight: bold; }
div.dashboard-links ul li a:hover { background: #2254AD; color: #fff; }
div.dashboard-links ul li p.description { color: #777; font-size: 12px; }

div.dashboard-stats { margin-top: 25px; margin-left: 40px; float: left; width: 500px; }
div.dashboard-stats ul { padding: 12px; }
div.dashboard-stats ul li { padding: 6px; }
div.dashboard-stats h4 { font-size: 16px; margin: 0px; margin-bottom: 6px; border-bottom: 1px dotted #ccc; }
div.dashboard-stats h4 a.small-link { font-size: 12px; font-weight: normal; }
div.dashboard-stats p { padding: 4px 0px; }

div.dashboard-history { margin-top: 20px; }
div.dashboard-history p.item { font-size: 13px; padding: 2px 0px; }
div.dashboard-history p.item span.time { color: #777; font-size: 12px; }

/* ------------------------------------------------------------------ */
/* Bid Details */
/* ------------------------------------------------------------------ */

table.bid-details { width: 100%; font-size: 13px; margin-bottom: 8px; }
table.bid-details td { padding: 4px; vertical-align: top; }
table.bid-details td.label { width: 100px; text-align: right; color: #444; font-weight: bold; }

div.bid-comments { font-size: 13px; }
div.bid-comments div.comment { border-top: 1px dotted #ccc; padding: 8px 0px; }
div.bid-comments div.comment div.author { }
div.bid-comments div.comment div.author span.time { font-size: 12px; color: #666; }
div.bid-comments div.comment div.message { line-height: 150%; padding-top: 8px; }

/* ------------------------------------------------------------------ */
/* Work Dashboard */
/* ------------------------------------------------------------------ */

div.work-dashboard { }
div.work-dashboard div.item { padding: 8px; border-bottom: 1px dotted #ccc; }
div.work-dashboard div.item h2 { font-size: 15px; color: #000; }
div.work-dashboard div.item img.avatar { margin-right: 8px; float: left; padding: 1px; border: 1px solid #ccc; }
div.work-dashboard div.item a.name { text-decoration: none; float: left; color: #333; font-weight: bold; font-size: 13px;}

/* ------------------------------------------------------------------ */
/* Work Menu */
/* ------------------------------------------------------------------ */

div.work-menu { background: #eee; border: 1px solid #ccc; }
div.work-menu a { font-size: 13px; font-weight: bold; padding: 3px 5px; }

/* ------------------------------------------------------------------ */
/* Work Message */
/* ------------------------------------------------------------------ */

div.work-messages { }
div.work-messages div.links { padding: 8px 0px; border-bottom: 1px solid #ccc; }
div.work-messages div.links a { font-size: 13px; color: #000; padding: 4px; }
div.work-messages div.item { border-bottom: 1px dotted #ccc; font-size: 13px; padding: 12px; }
div.work-messages div.item:hover { background: #fff; }
div.work-messages div.item a { font-size: 15px; color: #000; text-decoration: none; font-weight: bold; padding: 4px 0px; }
div.work-messages div.item a:hover { text-decoration: underline; }
div.work-messages div.item div.update { padding: 2px 0px; font-size: 12px; color: #777; }

div.work-message { padding: 10px 0px; }
div.work-message div.head { border-bottom: 1px solid #ccc; padding: 8px 0px; }
div.work-message div.head div.subject { font-weight: bold; font-size: 18px; }
div.work-message div.head div.from { padding: 4px 0px; }
div.work-message div.head div.from p span.label { padding-right: 8px; color: #777; }
div.work-message div.message { line-height: 150%; padding: 8px 0px; border-bottom: 1px solid #ccc; }
div.work-message div.message p { line-height: 160%; }
div.work-message div.reply-form { padding: 4px 0px; margin-top: 8px; }
div.work-message div.comment { margin-top: 8px; border-bottom: 1px dotted #ccc; }
div.work-message div.comment div.head { padding: 0px; margin: 0px; border: 0px none; }
div.work-message div.comment div.head p.author { font-weight: bold; padding: 0px; margin: 0px; padding-top: 0px; }
div.work-message div.comment div.head p.time { font-size: 12px; color: #777; padding-top: 0px; }
div.work-message div.comment div.body { padding: 4px 0px; margin-left: 40px; padding-top: 4px; }
div.work-message div.comment div.body p { line-height: 150%; }

/* ------------------------------------------------------------------ */
/* Work Files */
/* ------------------------------------------------------------------ */

div.work-files { font-size: 13px; }
div.work-files div.links { padding: 8px 0px; border-bottom: 1px solid #ccc; }
div.work-files div.links a { font-size: 13px; color: #000; padding: 4px; }
div.work-files table { width: 100%; margin-top: 8px; }
div.work-files table td { padding: 8px 0px; vertical-align: top; }
div.work-files table td.icon { width: 40px; text-align: right; padding-right: 4px; }
div.work-files table tr { border-bottom: 1px dotted #ccc; }
div.work-files table tr:hover { background: #fff; }
div.work-files div.item { padding: 4px; padding-top: 0px; }
div.work-files div.item a { font-size: 15px; color: #000; font-weight: bold; text-decoration: none; }
div.work-files div.item a:hover { text-decoration: underline; }
div.work-files div.item span.description { color: #555; font-size: 13px; }
div.work-files div.item p.info { color: #999; font-size: 12px; }