/* HOME */
#content-holder.home {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

/* SOCIAL BOOKMARKS */
.socialBookmarks h4 {
	color: #595959;
	background-image: none;
	padding: 10px 6px 0;
	float: left;
}

.socialBookmark {
	width: 48px;
	font-size: 11px;
	text-align: center;
	margin: 0 6px 12px 24px;
	float: left;
}

.socialBookmark a {
	text-decoration: none;
	color: #595959;
}

.socialBookmark a:hover span {
	text-decoration: underline;
	color: #DD4118;
}

/* BRICKLETS */
div.bricklet h2 {
	color: #8d0000;
	font-family: Helvetica;
	font-weight: normal;
	font-size: 2em;
	line-height: 1em;
	border-bottom: 2px solid #595959;
	margin-bottom: 8px;
}

div.bricklet.feature {
	background-color: #f4e8cf;
	overflow: hidden;
	padding: 0 12px 12px;
	border-radius: 3em 1em;
	-moz-border-radius: 3em 1em;
	-webkit-border-radius: 3em 1em;
}

div.bricklet.feature .featureType {
	float: left;
	font-size: 0.4em;
	padding-right: 12px;
	margin-right: 12px;
	margin-left: 10px;
	border-right: 1px dotted;
	line-height: 1.3em;
}

.featureType.responsible {
	background: transparent url(/images/icons/green-leaf.png) no-repeat scroll 0 3px;
	padding-left: 38px;
}

.featureType.featured {
	background: transparent url(/images/icons/medal-gold.png) no-repeat scroll 0 0;
	padding-left: 38px;
}

/* BUTTONS */
a.button.hotPink {
	background-image: none;
	background-color: #d32d65;
	float: left;
	padding: 0px 6px;
	font-size: 1em;
	line-height: 2em;
	height: auto;
	font-style: italic;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}

a .feature {
	background-color: #a1b619;
	color: #fff;
	padding: 4px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	float: left;
}

a .feature:hover {
	background-color: #c2d6de;
	color: #333;
}

/* IMAGE LAYOUTS */
div.polaroid {
	padding: 4px;
	background-color: #FFF;
	border: 1px solid #bbb;
}

div.polaroid .caption {
	font-size: 1em;
	font-style: italic;
	margin: 8px 2px;
}

/* IMPACT AD */
div.impactAd {
	border: 1px dotted #8d0000;
	padding: 8px;
	margin-bottom: 16px;
	background-image: url(/images/gradient.gif);
}

.impactAd h3 {
	font-size: 1.6em;
	margin: 0 0 8px;
	text-align: center;
}

.impactAd p {
	line-height: 1.3em;
}

/* FACEBOOK */
#fbConnect {
	font-size: 0.8em;
	line-height: 2em;
	width: 300px;
	text-align: right;
}

/* PROGRESS BAR */
.progressBarBox {
	border: 1px solid #999;
	background-color: #fff;
	height: 20px;
}

.progressBar {
	background-color: #336699;
	height: 20px;
}

.miniProgressBarBox {
	border: 1px solid #ccc;
	background-color: #fff;
	height: 12px;
	font-size: 10px;
	line-height: 1em;
	font-weight: bold;
	color: #dd4118
}

.miniProgressBar {
	background-color: #596aa1;
	height: 12px;
	line-height: 1em;
	color: #fff;
	text-align: center;
}

/* PROGRESS BAR (POST AD) */
ul.postProgress {
	color: #bbb;
	padding: 3px 0;
	font-size: 1.1em;
	line-height: 1em;
	display: inline;
	margin: 0;
}

ul.postProgress li {
	display: inline;
	padding: 3px 6px;
}

ul.postProgress li.active {
	background-color: #B30000;
	border: 1px solid #D94800;
	color: #fff;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: bold;
}

ul.postProgress li.complete {
	background-color: #669933;
	color: #99ff33;
}

#postProgress h3 {
	display: inline;
	font-size: 1.1em;
	color: #ffffdd;
	padding-right: 6px;
	font-family: georgia, Georgia, serif;
}

/* TEXT BLOCKS */
blockquote {
	background-image: url(/images/quote-open-large.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 10px;
	font: italic normal normal 23px/31px georgia, Georgia, serif;
	width: 410px;
	background-color: #ffffaa;
	border: 2px solid #FFFFCC;
	border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
}

blockquote div.quote {
	background-image: url(/images/quote-close-large.gif);
	background-repeat: no-repeat;
	background-position: right 90%;
	padding: 20px 30px;
}

blockquote div.author {
	text-align: right;
	font-style: normal;
	padding-right: 30px;
	color: #596aa1;
}

blockquote.first {
	padding-top: 10px;
}

/* ADMIN PANEL TILE */
div.adminPanel span {
	padding: 0 4px;
}

/* VISUAL SEARCH */
.vSearch div.item {
	background-color: #ffecdc;
	border: 1px solid #ff9966;
	float: left;
	margin: 2px;
	padding: 3px 5px;
}

.vSearch div.item img {
	margin-bottom: -1px;
	padding-left: 5px;
	cursor: pointer;
}

.vSearch table input.checkbox {
	width: auto;
}

.vSearch table label {
	display: inline;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	white-space: nowrap;
}

.vSearch table.subtypes td {
	white-space: nowrap;
}

/* RE-CAPTCHA */
#recaptcha_div div {
	padding: 0;
	text-align: inherit;
	clear: none;
}

#recaptcha_div label {
	float: none;
}

#recaptcha_div {
	margin-left: 20px;
}

/* CONTENT */
div.content {
	
}

/* IMAGE FRAME */
img.framed {
	border: 1px solid #BCBCBC;
	background-color: #FFF;
	padding: 4px;
	margin: 4px;
	float: left;
}

div.defaultImageOverlay {
	background: url(../images/default_image_overlay.png) no-repeat;
	position: absolute;
	width: 79px;
	height: 23px;
}

/* GMAP */
div.gmap {
	position: absolute;
	top: 310px;
	left: 400px;
	border: 1px dashed #596AA1;
	padding: 2px;
	color: #596AA1;
	background-color: #F3C783;
}

.gmap p {
	font-weight: bold;
}

.gmap a {
	font-size: 12px;
	font-weight: bold;
}

/* INLINE FEEDBACK BOX */
div.inlineFeedback {
	position: absolute;
	z-index: 10;
	border: 1px solid #BBB;
	background-color: #EEE;
	padding: 4px;
}

/* USER MESSAGE BOXES */
div.messageBox {
	padding: 15px;
	font-size: 1.15em;
	line-height: 1.5em;
	border: 1px solid;
}

div.messageBox .title {
	font-weight: bold;
	font-size: larger;
	font-family: georgia, Georgia, serif;
}

div.error {
	color: #333333;
	background-color: #FFFF99;
	border: 2px solid #dd4118;
}

.contact div.error {
	font-size: 12px;
	padding: 2px;
	text-align: left;
	line-height: 14px;
}

div.error .title {
	color: #dd4118;
}

div.warning {
	color: #333333;
	background-color: #FCFDD7;
	border-color: #FFCC00;
}

div.warning .title {
	color: #FF6600;
}

div.success {
	color: #333333;
	background-color: #CCFFCC;
	border-color: #336600;
}

div.success .title {
	color: #336600;
}

div.info {
	color: #333333;
	background-color: #FFFFFF;
	border-color: #336699;
}

div.info .title {
	color: #336699;
}

div.contact .infoBox {
	background-color: #ccffff;
}

div.smallBox {
	font-size: 12px;
	line-height: 16px;
	padding: 4px;
	margin: 2px 2px 6px 2px;
}

div.smallBox a {
	font-weight: bold;
}

/* LOGIN BOX */
.login {
	background-color: #FFFFFF;
	border: 6px solid #E1E1D1;
	padding: 2px 7px 2px;
	text-align: right;
	overflow: hidden;
}

.login h2 {
	background: transparent url(../images/title-login.png) no-repeat scroll
		0 11px;
	text-align: left;
	font-weight: normal;
	font-size: 1.6em;
	color: #000;
	border-bottom: 1px dotted #BBB;
	padding: 7px 0 7px 25px;
	margin: 0 0 7px 0;
}

.login div {
	text-align: left;
	font-size: 12px;
}

.login a {
	color: #dd4118;
	text-align: right;
	position: relative;
	font-weight: normal;
}

.login a:hover {
	text-decoration: none;
}

.login input.text {
	width: 128px;
	font-weight: normal;
	font-size: 12px;
	margin-top: 8px;
	padding: 3px 0 3px 2px;
}

.login .submit {
	width: auto;
	margin-top: 15px;
	margin-bottom: 5px;
}

.login label,.fsearch label,.contact label {
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #595959;
	padding: 3px 0 2px 0;
}

/* ADVANCED SEARCH BOX */
div.advancedSearch {
	background-color: #FFFFCC;
	border: 2px solid #8d0000;
	overflow: hidden;
}

div.searchBanner div.advancedSearch {
	background-color: transparent;
	border-style: none;
}

div.searchBanner input.bigtext {
	color: #105590;
}

#advancedSearchBar {
	padding: 6px;
}

h2.asearch {
	background: transparent url(/images/ico-world.png) no-repeat scroll 0
		11px;
	font-weight: normal;
	color: #595959;
	padding: 7px 0 0 26px;
	margin-top: 0;
}

div.asearch {
	background: transparent url(/images/gradient.gif);
	border: 6px solid #f3c783;
	padding: 9px 0 13px 7px;
	padding: 2px 9px;
	text-align: left;
	overflow: hidden;
}

div.asearch input.text {
	width: 170px;
}

div.asearch .submit {
	width: auto;
	margin-top: 15px;
	margin-bottom: 5px;
	float: right;
}

div.asearch label {
	margin-top: 8px;
}

.login label,div.asearch label,.contact label {
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #595959;
	padding: 3px 0 2px 0;
}

div.asearch ul {
	padding: 0 0 0 8px;
	margin-left: 0;
}

div.asearch ul li label {
	display: inline;
}

div.asearch ul li input {
	margin: 0px;
	margin-right: 3px;
}

div.asearch ul li {
	padding: 2px 0;
}

/* SEARCH FILTER */
.searchFilter {
	margin-top: 16px;
	width: 220px;
	float: left;
	margin-bottom: 20px;
	padding: 0 8px;
	border: 1px dotted #8d0000;
	background-image: url(/images/gradient.gif);
}

.searchFilter h2 {
	background: transparent url(/images/ico-world.png) no-repeat 0 3px;
	font-weight: normal;
	color: #595959;
	padding: 0 0 8px 26px;
	margin: 8px 0 14px;
	border-bottom: 1px dotted #BBB;
}

.searchFilter input.checkbox {
	float: none;
	border: 0 none;
}

.searchFilter ul {
	padding: 0 0 0 6px;
	margin: -2px 0 0 0;
}

.searchFilter li {
	margin-left: -9px;
	padding-left: 4px;
}

.searchFilter li:hover {
	background-color: #FFFF99;
}

.searchFilter li.summary {
	background-color: transparent;
	margin-bottom: 12px;
}

.searchFilter div.summary {
	color: #555;
	padding-top: 0;
	margin-left: 6px;
	cursor: pointer;
	font-weight: bold;
	font-size: 0.85em;
	line-height: 1.4em;
}

.searchFilter li a {
	font-size: 0.75em;
}

.searchFilter a.only {
	float: right;
	padding-right: 4px;
	font-weight: bold;
}

.searchFilter .form {
	margin: 0;
}

.searchFilter input,.searchFilter label {
	width: auto;
}

.searchFilter label {
	font-size: 12px;
	font-weight: normal;
	float: none;
	display: inline;
	margin: 0;
	padding: 0;
}

.searchFilter ul.summary label {
	font-size: 0.75em;
	color: #595959;
}

.searchFilter ul.summary {
	margin-left: 6px;
	padding-right: 0;
	line-height: 1.1em;
}

.searchFilter ul li ul {
	margin-top: -6px;
}

/* AUTOCOMPLETE */
div.auto_complete {
	position: absolute;
	z-index: 3000;
	background-color: #EEEEEE;
	border: 1px solid #596AA1;
	margin: 0px;
	padding: 0px;
}

div.auto_complete ul {
	margin: 0px;
	padding: 0px;
}

div.auto_complete ul li.selected {
	background-color: #596AA1;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

div.auto_complete ul li {
	display: block;
	margin: 0;
	padding: 2px;
	cursor: pointer;
	color: black;
	font-size: 11px;
	line-height: 13px;
	height: auto;
}

/* AJAX LOADING IMAGES */
img.ajaxLoader {
	margin-bottom: 1px;
	margin-left: -70px;
	position: absolute;
}

img.ajaxBar {
	background: url(../images/ajax.gif) repeat scroll 0 -2px;
}

/* SEARCH MAP (FLASH) */
#searchMap {
	z-index: 1000;
	position: absolute;
	background-color: #bb0000;
	border: 3px solid #9d0000;
	top: 18px;;
	left: -3px;
	width: 650px;
	height: 420px;
	margin: 0;
}

#searchMapContainer {
	z-index: 1001;
	position: absolute;
	background-color: #8D0000;
	border-style: solid;
	border-color: #9d0000;
	border-width: 3px 3px 0 3px;
	left: 178px;
	top: 160px;
	width: 650px;
	height: 22px;
	cursor: move;
}

/* AJAX PROGRESS BOX (front and center of viewport) */
#progressBox,.progressBox {
	z-index: 1000;
	position: absolute;
	width: 300px;
	height: 150px;
	line-height: 150px;
	left: 50%;
	color: white;
	font-family: georgia, Georgia, serif;
	background: #bb0000 url(../images/gradient-loading.jpg) repeat scroll 0
		-2px;
	border: 3px solid #9d0000;
	vertical-align: middle;
	text-align: center;
	font-size: 20pt;
	/* Need to specify absolute margins because IE does not work with "auto" */
	margin-left: -150px;
	margin-top: -75px;
}

/* Grey's out a div waiting for AJAX response */
.ajaxWait {
	position: absolute;
	background-color: #999999;
	opacity: 0.7;
	-moz-opacity: 0.7;
	z-index: 1000;
	overflow: visible;
}

/* To display a a message within the .ajaxWait div */
.ajaxWait div,.ajaxWait span {
	background: #660000;
	padding: 4px;
	border-style: solid;
	border-width: thin;
	border-color: #dd4118;
	font-size: 14px;
	font-weight: bold;
	color: white;
}

/* Additional style for span ajax message */
.ajaxWait span {
	margin-left: -4px;
}

/* TOOLTIP */
div.tooltip {
	float: left;
	background-color: #FFFF99;
	border: 1px solid #FFCC00;
	color: #555555;
	z-index: 2000;
	position: absolute;
	font-family: arial, Arial, sans-serif;
	font-size: 10px;
	padding: 0px;
	text-align: left;
	cursor: pointer;
	margin-left: 16px;
}

div.shadow {
	z-index: 1999;
	position: absolute;
	filter: alpha(opacity = 50);
	-moz-opacity: .50;
	opacity: .50;
	background-color: #BBBBBB;
	border: 2px solid #CCCCCC;
	margin-left: 16px;
}

div.tooltip img {
	float: left;
}

div.tooltip.right img {
	margin-left: -12px;
	margin-top: 14px;
}

div.tooltip.bottom img {
	margin-left: 16px;
	margin-top: -12px;
}

div.tooltip.left img {
	float: right;
	margin-right: -12px;
	margin-top: 10px;
}

div.tooltip.top img {
	display: none;
	margin-left: 0px;
	margin-top: 0px;
}

div.tooltip p {
	margin: 8px;
	font-size: 1.2em;
}
