/* override precedence for our nested grids */
.yui-u .yui-ge div.first {
	width: 74.2%;
}

.yui-u .yui-gb div.first, .yui-u .yui-gb .yui-u {
	width: 32%;
}

/* doc */
#doc4, #bare, #modal_container, div.tooltip {
	text-align: left;
}

#top, #hd, #bd, #ft, #bare, #modal_container, div.tooltip {
	font-family: "lucida grande", arial, sans-serif;
	font-size: 93%;	
}

#hd {
	margin: .2em .5em;
}

#bd {
	background: url(../img/gradient_blue.gif) repeat-x top;
	border-top: 1px solid #acf;
	padding: 1em;
}

#ft {
	background-color: #f2f2f2;
	border-top: 1px solid #aaa;
	margin-top: 1em;
	padding: .5em;
	text-align: center;
}

#bare {
	padding: 1em;
}

#bread-crumbs {
	margin-bottom: 1em;
}

/* header top right menu */
#header-menu {
	float: right;
	margin-top: .5em;
	text-align: right;
}

/* home page category listing */
#category-list h3 {
	display: inline;
	font-weight: normal;
	margin-right: .5em;
}

/* status bar */
#top {
	background-color: #ffc;
	border-bottom: 1px solid #fc3;
	padding: .3em 1em;
}

/* search */
#search {
	margin-top: 2em;
}

#search form {
	display: inline;
}

/* base */
a {
	color: #03a;
}

a:hover {
	color: #09f;
}

a.active {
	font-weight: bold;
	text-decoration: none;
}

div.clear {
	clear: both;
}

dt {
	color: #f36;
	font-weight: bold;
}

h1.first, h2.first, h3.first {
	margin-top: 0;
}

th, td {
	border: none;
	text-align: left;
}

.warning {
	color: #f00;
	text-align: left;
}

span.price {
	color: #f60;
}

small {
	font-size: 87%;
}

small.note {
	color: #666;
}

/* manage data */
div.manage-actions {
	background-color: #eee;
	padding: .5em 1em;
}

table.manage {
	margin-bottom: 0;
	width: 100%;
}

table.manage thead {
	background-color: #eee;
}

table.manage thead th {
	border-bottom: 1px solid #666;
}

table.manage tbody tr:hover, table.manage tbody tr.selected {
	background-color: #e1eeff;
}

table.manage tbody tr.suspended td, table.manage tbody tr.suspended td small.note {
	color: #aaa;
}

table.manage tbody td {
	border-bottom: 1px solid #ddd;
	padding: 7px 5px;
	vertical-align: top;
}

table.manage tbody td.id {
	text-align: right;
}

table.manage tbody td.ad-photo img {
	width: 30px;
	height: 30px;
}

table.manage tbody td.date {
	font-size: 87%;
	width: 11em;
}

table.manage tbody td.status {
	width: 10em;
}

table.manage tbody td.action a {
	background-color: #06f;
	color: #fff;
	padding: 2px 6px;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

table.manage tbody td.action a:hover {
	background-color: #09f;
}

table.manage tbody td.action a.danger:hover {
	background-color: #f00;
}

/* ad listings */
#ad-listings div.item {
	padding: .5em;
	margin-bottom: 1em;
}

#ad-listings div.item h3 {
	margin: 0 0 .5em 0;
}

#ad-listings div.item h3 span.price {
	font-size: 93%;
}

#ad-listings div.item div.photos img {
	margin-right: .5em;
}

#ad-listings div.item div.meta {
	color: #666;
	font-size: 87%;
	margin-bottom: .5em;
}

#ad-listings div.item div.controls {
	float: right;
}

#ad-listings div.item div.controls ul {
	margin: 0;
	padding: 0;
}

#ad-listings div.item div.controls ul a {
	display: block;
}

#ad-listings div.item div.controls ul li {
	float: left;
	list-style: none;
	margin-left: .5em;
}

/* derick: remove flash message styling for this instance */
#ad-listings div.item div.controls ul li div.flash-message {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

#ad-listings div.item div.controls ul li ul {
	background-color: #fff;
	border: 3px solid #ccc;
	border-bottom-width: 2px;
	left: -999em;
	position: absolute;
	z-index: 999;
}

#ad-listings div.item div.controls ul li.hover ul {
	left: auto;
}

#ad-listings div.item div.controls ul li ul a {
	padding: 3px 5px;
	text-decoration: none;
}

#ad-listings div.item div.controls ul li ul a:hover {
	background-color: #ddd;
}

#ad-listings div.item div.controls ul li ul li {
	border-bottom: 1px solid #ccc;
	float: none;
	margin-left: 0;
}

#ad-listings div.doubleclick-banner {
	margin-bottom: 1em;
}

/* paginator */
div.paginator {
	color: #666;
	margin-bottom: .5em;
}

div.paginator-sort {
	float: right;
}

div.paginator-pages {
	margin-top: 1em;
	text-align: center;
}

div.paginator-pages span {
	padding: 0 .5em;
}

div.paginator-pages span.current {
	font-weight: bold;
}

/* result filters */
#filters {
	border: 1px solid #ddd;
	padding: .5em 1.5em;
	margin: 1em 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#filters fieldset {
	margin: 0;
	padding-top: .5em;
}

#filters div.input {
	margin-bottom: .5em;
}

#filters div.submit {
	margin-bottom: 0;
}

/* featured ads */
#featured-ads {
	margin-top: 2em;
	text-align: center;
}

#featured-ads img {
	border: 1px solid #ddd;
	margin: 0 5px 5px 0;
	padding: 3px;
}

#featured-ads a:hover img {
	border: 1px solid #666;
}

/* generic side column styling */
div.sidebar h3 {
	border-bottom: 1px solid #ccc;
	color: #f36;
}

div.sidebar ul.rows {
	margin-left: 0;
}

div.sidebar ul.rows li {
	list-style: none;
	margin-bottom: .5em;
}

div.sidebar ul.rows li img {
	vertical-align: bottom;
}

/* search filters */
#search-filters ul {
	margin: 0;
}

#search-filters li {
	height: 100%;
}

#search-filters ul li ul {
	margin-left: 1em;
}

#search-filters ul li {
	list-style: none;
	margin-bottom: .3em;
}

#search-filters strong.selected, #search-filters a.selected {
	background-color: #ffa;
}

#search-filters input {
	vertical-align: middle;
}

/* flash messages */
div.flash-message, #authMessage {
	background: #cfc url(../img/icons/accept.png) no-repeat 5px 4px;
	border: 1px solid #6c6;
	color: #050;
	padding: 5px 5px 5px 27px;
	margin: .5em 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.flash-message ul {
	margin: .5em .5em .5em 1em;
}

.yui-u div.flash-message {
	margin-left: 0;
	margin-right: 0;
}

div.flash-error, #authMessage {
	background-color: #fdd;
	background-image: url(../img/icons/exclamation.png);
	border: 1px solid #f99;
	color: #f00;
}

div.notice {
	background-color: #ffd;
	border: solid #fc3;
	border-width: 1px 0;
	color: #333;
	margin-bottom: 1em;
	padding: .5em 1em;
	text-align: center;
}

.inline-message {
	background: #cfc url(../img/icons/accept.png) no-repeat 2px 1px;
	border: 1px solid #6c6;
	color: #050;
	padding: 1px 5px 1px 20px;
	margin: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: default;
}

.inline-error {
	background-color: #fdd;
	background-image: url(../img/icons/exclamation.png);
	border: 1px solid #f99;
	color: #f00;
}

.inline-cancel {
	background-color: #fdd;
	background-image: url(../img/icons/cancel.png);
	border: 1px solid #f99;
	color: #f00;
}

/* forms */
fieldset {
	clear: both;
	border-top: 1px solid #ccc;
	padding-top: 1em;
	margin: 1em;
}

legend {
	color: #f36;
	font-size: 108%;
	font-weight: bold;
	padding: 0 .5em;
	_margin-bottom: 1em;
}

form div.input, form div.submit {
	margin-bottom: 1em;
}

form div.text label, form div.password label, form div.textarea label, form div.file label, form div.select label, form div.date label, form div.datetime label
	{
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 1em;
	text-align: right;
	width: 10em;
}

form div.submit {
	text-align: center;
}

form fieldset div.submit {
	text-align: left;
}

form div.input p, form div.checkbox, form div.error-message, form fieldset div.submit
	{
	padding-left: 11em;
}

form div.input p, form div.error-message {
	margin-top: .5em;
}

form div.checkbox p {
	padding-left: 0;
}

form div.error label, form div.error-message {
	color: #f00;
}

form div.error-message {
	font-style: italic;
}

form div.text input, form div.password input, form div.file input {
	width: 20em;
}

form div.wider input {
	width: 50em;
}

form div.input textarea {
	width: 30em;
}

form div.radio input, form div.checkbox input {
	margin-right: .5em;
}

form.single-col div.text label {
	float: none;
	margin-right: 0;
	text-align: left;
}

form.single-col div.input p {
	padding-left: 0;
}

#ad-edit-photo {
	margin-bottom: 1em;
}

#ad-edit-photo div.photo {
	float: left;
	margin: 0 .5em 1em 0;
}

#ad-edit-photo div.photo img.photo {
	margin-bottom: .2em;
}

/* ad view,  discussions */
#ad-meta {
	background-color: #cdf;
	border: 1px solid #666;
	border-width: 1px 0;
	float: right;
	margin: 1em 0 0 .5em;
	padding: .3em;
}

#ad-tags {
	margin-top: .5em;
	width: 15em;
}

#ad-photos {
	margin-bottom: 1em;
	padding-bottom: 1em;
}

#ad-photos img {
	margin: .5em .5em 0 0;
}

#ad-controls {
	clear: both;
	margin-top: 2em;
}

#ad-discussions div.comment, #post-comments div.comment {
	clear: both;
	margin-bottom: 1em;
}

#ad-discussions div.comment div.meta, #post-comments div.comment div.meta {
	float: left;
	text-align: right;
	width: 20%;
}

#ad-discussions div.comment div.content, #post-comments div.comment div.content {
	border: solid #ccc;
	border-width: 1px 0 0 1px;
	float: left;
	margin-left: 1em;
	padding: .5em;
	width: 75%;
}

#ad-discussions div.comment div.controls, #post-comments div.comment div.controls {
	float: right;
	margin: 0 0 .5em .5em;
}

/* the blog */
div.post div.content {
	margin-bottom: 1em;
}

div.post {
	border-bottom: 1px dotted #acf;
	padding-bottom: 1em;
}

#post-comments {
	border-top: 1px dotted #acf;
	margin-top: 2em;
}

/* modal windows */
#modal_overlay {
	background-color: #fff;
}

div.modal {
	background-color: #fff;
	border: 15px solid #ccc;
	text-align: left;
}

div.tooltip {
	background-color: #ffd;
	border: 2px solid #fc3;
	padding: .6em;
	text-align: left;
}

/* user control panel */
#user-cp-menu {
	border-bottom: 1px dotted #acf;
	margin-bottom: 1em;
	padding: 0 1em .5em;
}

/* activity stream */
div.activity {
	clear: both;
	margin-bottom: 1.2em;
	overflow: auto;
}

div.activity div.date {
	float: left;
	padding-left: 3em;
	text-align: right;
	width: 11%;
}

div.activity div.content {
	border-bottom: 1px solid #ddd;
	float: left;
	margin-left: 1em;
	padding-bottom: 1.2em;
	width: 80%;
}

div.activity div.content div.avatar {
	float: right;
	margin: 0 0 .5em .5em;
}

div.activity div.content blockquote {
	background: url(../img/left_double_quote.png) no-repeat top left;
	padding-left: 2.5em;
	margin-left: 0;
	margin-bottom: 0;
	overflow: hidden;
	_word-wrap: break-word;
}

/* doubleclick ad formats */
div.doubleclick-leaderboard {
	margin-top: 2em;
	text-align: center;
}

div.doubleclick-medium-rectangle {
	margin-top: 2em;
	text-align: center;
}

div.doubleclick-banner {
	text-align: center;
}

div.doubleclick-ad-view {
	border: dotted #acf;
	border-width: 1px 0;
	padding: 1em;
	margin: 2em 0;
	text-align: center;
}

div.doubleclick-wide-skyscraper {
	margin: 1em 0;
	text-align: right;
}

/* tag cloud */
.tag-cloud a {
	text-decoration: none;
}

.tag-cloud a:hover {
	text-decoration: underline;
}

/* image with caption */
div.image {
	margin-bottom: 1em;
	text-align: center;
}

div.image img {
	border: 1px solid #ddd;
	padding: 5px;
}

div.image p {
	font-size: 87%;
	margin: .5em;
}

/* feedback */
div.feedback-score-table {
	margin: 2em 0;
	text-align: center;
}

.rating-positive {
	color: #090;
	text-decoration: none;
}

.rating-neutral {
	color: #333;
	text-decoration: none;
}

.rating-negative {
	color: #f00;
	text-decoration: none;
}

div.feedback-score-table .rating-positive, div.feedback-score-table .rating-neutral, div.feedback-score-table .rating-negative {
	cursor: default;
	font-size: 197%;
	font-weight: bold;
}

div.feedback {
	border-bottom: 1px solid #ccc;
	clear: both;
	margin: 1em 0;
	padding-bottom: 1em;
	overflow: auto;
}

div.feedback .rating {
	float: left;
	font-size: 197%;
	font-weight: bold;
	text-align: center;
	width: 30px;
}

div.feedback .content {
	float: left;
	margin-left: 1em;
	width: 520px;
}

div.feedback .user {
	float: left;
	margin-left: 1em;
	width: 120px;
}

div.countrystats {
	clear:both;
	height:15px;
}

div.countrystats div.country {
	float:left;
	width:25px;
	height:11px;
	text-align:center;
}

div.countrystats div.bar {
	float:left;
	margin:2px 0px;
	height:7px;
}

div.countrystats .color1 {
	background: #7fe501;
}

div.countrystats .color2 {
	background: #ffca08;
}

div.countrystats .color3 {
	background: #0098ff;
}

div.countrystats .color4 {
	background: #fe0000;
}

div.countrystats span.label {
	line-height:11px;
	font-weight:bold;
}

span.loading {
	background: red;
	color: white;
	padding: 1px;
}