/* Reset Styles
----------------------------------------------------------*/

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,
em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,
tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline; background:transparent }

address, cite { font-style: normal; }

/* Element Styles
----------------------------------------------------------*/

body { font: 13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; color: #333;}

blockquote { line-height: 1.5; }

hr { border: 0 #ccc solid; border-top-width: 1px; margin: 20px 0; clear: both; height: 0 }

h1 { font-size: 21px }
h2 { font-size: 19px; margin-top: 10px; }
h3 { font-size: 17px }
h4 { font-size: 15px }
h5 { font-size: 14px }
h6 { font-size: 14px }

ol { list-style: decimal }
ul { list-style: disc }

li { margin-left: 30px }
/*p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}*/

a {color: #333;}
a:focus { outline: 1px dotted invert }

p { margin-bottom: 10px; }

input[type=text], input[type=password], textarea, select, 
input[type="submit"], input[type="button"], .linkButton 
    { font: 13px Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; } 

input[type=text], input[type=password], textarea, select 
    { padding: 3px; }

select { padding: 2px 3px; }

textarea { height: 7.5em; width: 400px; }

input[type="submit"], input[type="button"], .linkButton { padding: 2px 6px; border-color: #999; background-color: #f0f0f0; color: #000; cursor: pointer; text-decoration: none; font-weight: bold; }
input[type="submit"]:hover, input[type="button"]:hover, .linkButton:hover { background-color: #e0e0e0; }
input[type="submit"]:active, input[type="button"]:active, .linkButton:active { background-color: #c0c0c0; }

input[type="submit"].green, .linkButton.green { border: 1px solid #447d2a; background-color: #548d3a; color: #fff; }
input[type="submit"].green:hover, .linkButton.green:hover { background-color: #64a34a; }

input[type="submit"].red, .linkButton.red { border: solid 2px #c00; background-color: #d00; color: #fff; text-decoration: none; }
input[type="submit"].red:hover, .linkButton.red:hover { background-color: #ef0000; }

input[type="submit"].big, .linkButton.big { border-width: 2px; padding: 5px 15px; font-size: 1.2em; }

.linkButton { padding: 3px 7px; }

legend {font-weight: bold;}

table.standard { border-collapse: collapse; width: 100%; }
table.standard th,
table.standard td { padding: 5px; border: 1px solid #999; }
table.standard th { border-color: #999; background-color: #ccc; text-align: left; white-space: nowrap; }
table.standard td.commands { white-space: nowrap; text-align: center; padding: 5px 10px; width: 1% /* tighten the column as much as possible */; }

ul.naked { margin: 0; padding: 0 }
ul.naked li { list-style: none; margin: 0; padding: 0 }


/* Miscellaneous/Shared Styles
----------------------------------------------------------*/

.block { display: block; }
.clear { clear: both; }
.float-left { float: left; }
.inTextBoxLabel {color: #777;}
.margin-vertical-small { margin: 5px 0; }
.subHeader { margin-top:0; font-size:14px }
.timeAgoWrapper {float:left; margin-right: 5px;}
.timeago { color: #666; }
.timeStamp { color: #777;}
.todo { background: #eee; display: none; }
.hidden { display: none; }
.warning-message { padding: 5px; border: 1px solid #ccc; }

div.commands { margin: 10px 0; }
form div.commands { margin-bottom: 0; }

.labelDetail { color: #333; font-size: 10px;}

.setLocationForm input.textbox {width: 150px;}

.createPostForm {margin-left: 10px;}
.createPostForm input.textbox {width: 275px; height: 100px;}

.forgotPasswordForm { width: 600px; }
.forgotPasswordForm .leftColumn { float: left; width: 260px; margin-right: 20px; }
.forgotPasswordForm .rightColumn { float: left; width: 260px; margin-left: 20px; }
.forgotPasswordForm .separator { position: relative; float: left; width: 40px; }
.forgotPasswordForm .separator .line { position: absolute; top: 0; left: 20px; width: 1px; background-color: #ccc; height: 100px; }
.forgotPasswordForm .separator .or { position: relative; display: block; top: 40px; width: 40px; z-index: 1; padding: 2px 0; text-align: center; background-color: #fff; font-weight: bold;}
.forgotPasswordForm .commands { text-align: center; margin-top: 20px; }

.contactUsForm {margin-left: 10px;}
.contactUsForm input[type=text] {width: 175px; }
.contactUsForm textarea { width: 275px; height: 100px;}

.error,
.required,
.field-validation-error,
.validation-summary-errors { color: #d00; font-weight: bold; }

.error a { color: inherit; }

.validation-summary-errors { clear: both; margin: 10px 0 15px; color: #d00; font-weight: bold; }
.validation-summary-errors span { display: block; margin-bottom: 5px; font-size: 1em; }
.validation-summary-errors ul { margin-left: 50px; }
.validation-summary-errors ul li { list-style-type: disc; padding: 0; margin: 0; }

.createdDate { text-align: right; color: #666;}
.createdDate .timeago { color: #666;}
.createdBy { text-align: right; color: #666; }

.altColorGrid { border: 1px solid #ccc; padding: 10px; width: 100% }
.altColorGrid .alt-row { background-color: #bbb; }

.FAQlist li {list-style:none;margin-bottom:10px;display:block}
.FAQlist li span {display:block;font-weight:bold}

.formLine { margin: 4px 0; padding:5px; position:relative}
.formLine { margin: 4px 0; padding:5px; position:relative; clear: both;}
.formLine input[type=text],
.formLine input[type=password],
.formLine select,
.formLine textarea { border: 1px solid #ccc; font-size: 14px; padding: 5px; color: #333; }
.formLine input[type=text],
.formLine input[type=password],
.formLine textarea { width: 250px; }
.formLine textarea { height: 96px;}                    
.formLine label .label { float: left; width: 120px; font-size: 14px; }
.formLine.focus { background: #FBD300; -moz-border-radius: 5px; -webkit-border-radius: 5px;} 
.formValidationMessage { margin: 0 0 10px 125px; }
.formLine div.helpText { background: #FBD300; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: absolute; top: 0; right: 0; display: none; padding: 5px 10px; width: 180px; }
.formLine div.helpText p { margin-bottom: 0; }
.formLine div.helpText p + p { margin-top: 10px; }
.formButtons { float: left; margin: 10px 0 10px 125px;}
.formButtons input[type="submit"] { margin-right: 10px; }
div.commands input[type="submit"] { margin-right: 10px; }

.searchForm { font-size: 16px; }
.searchForm input[type="text"] { width: 170px; }

.roundedCorners { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.roundedCornersTop { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
.roundedCornersBottom { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
.roundedCornersLeft { border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; }
.roundedCornersRight { border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; }

.width-100 { width: 100px; }

p.info,
div.info { background-color: #eee; padding: 10px 15px; border: 1px solid #ccc; margin-bottom: 10px; font-size: 0.9em; }
div.info p { margin-bottom: 0; }
div.info p + *  { margin-top: 10px; }

.fileInputMask { position: relative; display: block; overflow: hidden; cursor: pointer; padding: 2px 6px; width: 80px; text-align: center; height: 18px; line-height: 18px; }
.fileInputMask input[type="file"] { position: absolute; top: 0; left: 0; width: 94px; height: 100%; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
.fileInputMask input[type="file"]:hover { cursor: pointer; }
.fileInputMask + .fileName { line-height: 24px; margin-left: 5px; }

/*
input[type="text"].zipCode { width: 75px; }
input[type="text"].actionCode { width: 100px; }
input[type="text"].datePicker { width: 100px; }
*/


/* Layout Styles
----------------------------------------------------------*/

#flash { display: none; font-weight: bold; width: 100%; }
#flash ul li { position: relative; margin: 0; padding: 10px 50px 10px 20px; background: #FF4900; color:#fff; }
#flash ul li + li { border-top: solid 1px #dd3d00; }
#flash ul li a.close { position: absolute; right: 20px; top: 10px; }

#flashClientSide { display: none; }

.contentContainer { width: 960px; margin: 0 auto; }

#headerContainer { background: #333; border-bottom: 2px solid #999; }
#header { position: relative; }
#header h2.logo { padding: 10px 0 5px; margin: 0 0 0 -7px; }
#header #tagline { display: block; position: absolute; bottom: 18px; right: 0px; font: 20px/1em Georgia, serif; color: #fff; }
#header #mainMenu { position: absolute; top: 10px; right: 0; padding: 0; margin: 0; }
#header #mainMenu li { list-style: none; float: left; padding: 0; margin: 0; }
#header #mainMenu li.separator { width: 1px; background: transparent; }
#header #mainMenu li a { text-decoration: none; display: block; padding: 8px 16px; border-left: 1px solid #ebc000; background-color: #fbd300; color: #333; }
#header #mainMenu li a:hover { background-color: #ffe000; }
#header #mainMenu li a.createPost { background-color: #d00; color: #fff; font-weight: bold; }
#header #mainMenu li a.createPost:hover { background-color: #ef0000; }
#header #mainMenu li.first a { border-left: none; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; }
#header #mainMenu li.last a { border-left: none; border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; }
#header #mainMenu a.dashboardLink { font-weight: bold; }

#mainContainer { background-color: #fff; min-height: 450px;  }
#mainContent { position: relative; }

#pageHeader { padding: 0; margin: 20px 0; float: left; width: 600px; font-size: 2em; line-height: 1.2em; }

#sidebarWrapper {float: right; width: 302px; margin: 20px 0 40px;}
#sidebarWrapper #sidebarAdsHeader { display: none; float: left; width: 300px; text-align: center; border-bottom: 0 solid #ccc; margin-top: 30px; font-size: 1.75em; }

#sidebar { float: left; width: 300px; margin-bottom: 5px; }
#sidebar .inner { padding: 10px; float: left; width: 280px; }
#sidebar .inner ul {list-style-type: disc;}
#sidebar .inner ul li {margin-left: 30px;}
#sidebar .listNoBullet {margin-left: 20px;}

#main { float: left; width: 600px; padding: 0; margin: 0 0 40px; }
#main .inner { }

#footerContainer { border-top: 2px solid #999; background-color: #333; bottom: 0; }
#footer { color: #ddd; }
#footer a {color: #ddd; }
#footer ul.footerLinks {float: right; margin: 20px 0 0 0; font-size: 12px;}
#footer ul.footerLinks h3 { font-size: 12px; margin-bottom: 10px;}
#footer ul.footerLinks li { list-style-type: none;}
#footer ul.footerLinks li ul li { list-style-type: disc; margin-left: 14px;}
#footer ul.footerLinks .col {float: left; }
#footer ul.footerLinks a { text-decoration: none; }
#footer ul.footerLinks a:hover { text-decoration: underline; }
#footer ul.footerLinksLoggedOut {float: right; margin: 20px 20px 0 0; width: 275px; font-size: 12px;}
#footer ul.footerLinksLoggedOut h3 { font-size: 12px; margin-bottom: 10px;}
#footer ul.footerLinksLoggedOut li { list-style-type: none;}
#footer ul.footerLinksLoggedOut li ul li { list-style-type: disc; margin-left: 14px;}
#footer ul.footerLinksLoggedOut .col {float: left; width: 132px; }
#footer .veryBottomLinks {clear: both; float: left; width: 500px; margin: 20px 0 50px 0;}
#footer .veryBottomLinks a { text-decoration: none; margin: 0 5px;}
#footer .veryBottomLinks a:hover {text-decoration: underline;}
#footer .copyright {float: right; width: 600px; text-align: right; margin: 20px 0 50px 0;}
#footer #assemblyVersion { float: left; text-align: right; padding-bottom: 10px; color: #6c6c6c; width: 100%; visibility:hidden; }

#loading { display: none; position: fixed; }

#sidebarAds { float: right; width: 300px; text-align: right;}
#sidebarAds div { margin-top: 20px; } /* divs serve as containers for each add. Need some spacing between them. -tim */

#aboveFooterAds { float: left; width: 920px; padding: 0 20px;}

#footerAds { float: left; width: 380px; margin: 20px 10px 0 0;}
#footerAdSlot1 { float: left;}
#footerAdSlot2 { float: left; margin-left: 20px; }


/* Widget/Control Styles
----------------------------------------------------------*/

.tipWrapper {}
.tipWrapper h3 { margin-top: 10px;}
.tipWrapper p { margin-bottom: 10px;}

.qtip-wrapper { -moz-box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333; }
.qtip-contentWrapper { border: solid 2px #333 !important; }
.qtip-title { background-color: #333 !important; color: #fbd300 !important; font-size: 1.2em; }
.qtip-title * { color: inherit; text-decoration: none; }
.qtip-content { background-color: #fafafa !important; color: #000 !important; }

.memberBadge {float: left;}
.memberBadge:hover {cursor: pointer;}
.memberBadge a {float: left; margin-right: 5px; height: 16px;}
.memberBadge div {float: left; }
.memberBadge div.feedbackAsProvider, 
.memberBadge div.feedbackAsConsumer {float: left; display: none;}
.memberBadge div.default {float: left; display: block; }
.memberBadge div p { float: left; height: 16px; margin: 0; }
.memberBadge div p span {display: none;}
.memberBadge div p.numberOfStars {width: 80px; height: 16px; margin: 0;}
.memberBadge div p.numberOfRatings {margin-left: 5px; margin-right: 5px;}
.memberBadge div.badges { clear: both; float: none; padding-top: 10px; max-width: 160px; }
.memberBadge div.badges ul li { float: left; list-style: none; padding: 0; margin: 0 5px 0 0; }
.memberBadge div.badges ul li a { display: block; height: 25px; width: 75px; margin: 0; text-align: left; }
.memberBadge div.feedbackAsProvider p.numberOfStars, 
.memberBadge div.feedbackAsConsumer p.numberOfStars {background: transparent url(/img/badge-stars.gif) no-repeat;}
.memberBadge div.feedbackAsProvider p.numberOfStars.notset-stars,
.memberBadge div.feedbackAsConsumer p.numberOfStars.notset-stars {background-position: 0 0;}
.memberBadge div.feedbackAsProvider p.numberOfStars.one-stars    {background-position: 0 -16px;}
.memberBadge div.feedbackAsProvider p.numberOfStars.two-stars    {background-position: 0 -32px;}
.memberBadge div.feedbackAsProvider p.numberOfStars.three-stars  {background-position: 0 -48px;}
.memberBadge div.feedbackAsProvider p.numberOfStars.four-stars   {background-position: 0 -64px;}
.memberBadge div.feedbackAsProvider p.numberOfStars.five-stars   {background-position: 0 -80px;}
.memberBadge div.feedbackAsConsumer p.numberOfStars.one-stars    {background-position: 0 -96px;}
.memberBadge div.feedbackAsConsumer p.numberOfStars.two-stars    {background-position: 0 -112px;}
.memberBadge div.feedbackAsConsumer p.numberOfStars.three-stars  {background-position: 0 -128px;}
.memberBadge div.feedbackAsConsumer p.numberOfStars.four-stars   {background-position: 0 -144px;}
.memberBadge div.feedbackAsConsumer p.numberOfStars.five-stars   {background-position: 0 -160px;}
.memberBadge div.badges p.badgeVerified {float: left; width: 16px; height: 16px; background: url(/img/silk-icons-1.3/icons/tick.png) no-repeat;}
.memberBadge div.badges p.badgeChamber {float: left; width: 70px; height: 20px; background: url(/img/mccbadge.gif) no-repeat;}

.memberBadgeQTipTooltip { width: 250px !important; }
.memberBadgeQTipTooltip p { margin-bottom: 10px; }
.memberBadgeQTipTooltip .member-since { font-style: italic; color: #666; }

.memberBadgeQTipTooltip div.section {  margin-top: 10px; }
.memberBadgeQTipTooltip div.badges ul li { float: left; list-style: none; padding: 0; margin: 0 5px 0 0; }
.memberBadgeQTipTooltip div.badges ul li a { display: block; height: 25px; width: 75px; margin: 0; text-align: left; }

.feedbackStars { }
.feedbackStars div p span {display: none;}
.feedbackStars div.contract {display: none; }
.feedbackStars div p.numberOfStars {float: left; width: 80px; height: 16px; margin: 0;}
.feedbackStars div span.starLabel {margin-left: 5px; margin-right: 5px;}
.feedbackStars div.feedbackAsProvider p.numberOfStars, 
.feedbackStars div.feedbackAsConsumer p.numberOfStars {background: transparent url(/img/badge-stars.gif) no-repeat;}
.feedbackStars div.feedbackAsProvider p.numberOfStars.notset-stars,
.feedbackStars div.feedbackAsConsumer p.numberOfStars.notset-stars {background-position: 0 0;}
.feedbackStars div.feedbackAsProvider p.numberOfStars.one-stars    {background-position: 0 -16px;}
.feedbackStars div.feedbackAsProvider p.numberOfStars.two-stars    {background-position: 0 -32px;}
.feedbackStars div.feedbackAsProvider p.numberOfStars.three-stars  {background-position: 0 -48px;}
.feedbackStars div.feedbackAsProvider p.numberOfStars.four-stars   {background-position: 0 -64px;}
.feedbackStars div.feedbackAsProvider p.numberOfStars.five-stars   {background-position: 0 -80px;}
.feedbackStars div.feedbackAsConsumer p.numberOfStars.one-stars    {background-position: 0 -96px;}
.feedbackStars div.feedbackAsConsumer p.numberOfStars.two-stars    {background-position: 0 -112px;}
.feedbackStars div.feedbackAsConsumer p.numberOfStars.three-stars  {background-position: 0 -128px;}
.feedbackStars div.feedbackAsConsumer p.numberOfStars.four-stars   {background-position: 0 -144px;}
.feedbackStars div.feedbackAsConsumer p.numberOfStars.five-stars   {background-position: 0 -160px;}

#profileHelper { color: #663; cursor: default; }
#profileHelper .meterContainer { float: left; border: solid 1px #333; width: 100px; margin: 4px 10px 0 0; }
#profileHelper .meterContainer .meter { float: left; display: block; background-color: #f40; height: 10px; }
#profileHelperTooltipContent { display: none; }
.profileHelperQTipContent ul { margin: 5px 0 0 20px; }
.profileHelperQTipContent ul li { list-style-type: disc; }
.profileHelperQTipContent a { color: inherit; }

div.pagerWrapper {float: left; width: 100%; text-align: center; margin-top: 20px;}
div.pagerWrapper.bottom {margin-top: 30px;}
ol.pager { list-style: none; }
ol.pager li { display: inline; margin: 0; padding: 0; line-height: 2em;}
ol.pager li span {padding: 3px 5px;}
ol.pager li a { border: 1px solid #d9d9d9; text-decoration: none; padding: 3px 5px; color: #555;}
ol.pager li a:hover {background: #eee;}
ol.pager li.nextPage a,
ol.pager li.previousPage a { border: 1px solid #d9d9d9; background: #fff; text-decoration: none; color: #555;}
ol.pager li.nextPage a:hover,
ol.pager li.previousPage a:hover {background: #eee;}
ol.pager li.nextPage span,
ol.pager li.previousPage span {color: #aaa;}

/* http://www.456bereastreet.com/archive/200501/turning_a_list_into_a_navigation_bar/ */
#subNav { float: left; width: 600px; margin-bottom: 20px; }
#subNav li { display: inline; padding: 0; margin: 0;}
#subNav li a { background: #ddd; display: inline-block; text-decoration: none; font-size: 16px; font-weight:bold}
#subNav li a:link,
#subNav li a:visited { color: #333; background: #ddd; padding: 10px 30px 10px 20px; float: left; width: auto;}
#subNav li a:hover { background: #ccc;}

.posts {width: 600px; margin-left: 10px; float: left; }
.posts .searchResultAd {float: left; width: 600px; }
.posts .post { width: 600px; float: left; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.posts .post.highlighted { background-color: #fffacf; border: 1px solid #f8f2c8; margin: -1px 10px 0 -10px; padding-left: 9px; padding-right: 9px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.posts .post.highlighted + .post.highlighted,
.posts .post.highlighted + .searchResultAd + .post.highlighted { margin-top: 6px; }
.posts .post .leftColumn { float: left; width: 90px; margin-right: 10px; }
.posts .post .leftColumn .stats { width: 40px; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.posts .post .leftColumn .stats h4 { margin-top: 4px; width: 40px; text-align: center; font-size: 16px;}
.posts .post .leftColumn .stats p { margin-bottom: 4px; width: 40px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 8px;}
.posts .post .leftColumn .views { background: #f4d10a; margin-right: 10px; }
.posts .post .leftColumn .offers { background: #333; color: #fbd300;}
.posts .post .leftColumn .location { float: left; width: 86px; padding: 2px; margin-top: 10px; font-weight: normal; text-align: center; background-color: #ccc; color: #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.posts .post .rightColumn { float: left; width: 500px; }
.posts .post .title { float: left; width: 360px; margin-bottom: 5px; line-height: 1.2em; }
.posts .post .title a { text-decoration: none; display: block; color: #333; }
.posts .post .title a:hover {text-decoration: underline;}
.posts .post .description { float: left; width: 500px; }
.posts .post .needItBy { float: left; width: 135px; text-align: right; padding-right: 5px; }
.posts .post .category { margin-bottom: 10px; }
.posts .post .category a {text-decoration: none;}
.posts .post .category a:hover {text-decoration: underline;}
.posts .post .tags { margin: 0 0 10px 0; }
.posts .post .tags .label { float: left; float: left; line-height: 22px; margin-right: 4px; }
.posts .post .sig { float: left; width: 500px; text-align: right; }
.posts .post .sig .timeAgoWrapper { float: right; }
.posts .post .sig .memberBadge {float: right;}

a.tag { display: block; float: left; line-height: 20px; text-decoration: none; border: 1px solid #999; padding: 0 4px; margin-right: 4px; }
a.tag:hover { background-color: #ccc; }

.advancedPostBudget input[type=text] { width: 65px; }

.tabsContainer { float: left; padding: 0 10px; margin: 0 0 20px 0; width: 580px; border-bottom: 1px solid #999; }
.tabsContainer * { padding: 0; margin: 0; }
.tabsContainer li { position: relative; list-style: none; float: left; line-height: 20px; border: 1px solid #ccc; border-bottom: none; margin: 4px 4px -1px 0; color: #666; font-weight: bold; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
.tabsContainer li:hover,
.tabsContainer li.selected { color: #333; }
.tabsContainer li:hover { border-color: #999; background-color: #fff; }
.tabsContainer li.selected { margin-top: 0; border-color: #333; background-color: #333; color: #fbd300; font-size: 1.3em; line-height: 24px; }
.tabsContainer li a { display: block; padding: 4px 10px; text-decoration: none; color: inherit; }

#dashboardContent { float: left; border: 1px solid transparent; width: 600px; }
#dashboardContent h2 { margin: 0 0 10px; }

.contentBox { padding: 10px; border: 1px solid #999; margin-bottom: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.contentBox .header { padding: 5px 12px 4px; border: 1px solid #333; margin: -11px -11px 10px; font-size: 1.3em; font-weight: bold; line-height: 24px; background-color: #333; color: #fbd300; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
.contentBox .header a { color: inherit; text-decoration: none; }
.contentBox.gray .header { border-color: #999; background-color: #ccc; color: #333; }


/* Page-Specific Styles
----------------------------------------------------------*/

body.collapsePageHeader #pageHeader { margin: 20px 0 0; }
body.bigPageHeader #pageHeader { font-size: 40px; line-height: 1.2em; }

body.oneColumn #pageHeader,
body.oneColumn #main { width: 960px; }

body.oneColumn #pageHeaderTwo { float: right; width: 200px; }

body#welcome #pageHeader { font-family: Georgia, serif; margin-bottom: 0px; }
body#welcome .topLeftColumn { float: left; width: 620px; margin-right: 40px; }
body#welcome .topRightColumn { float: left; width: 300px; }
body#welcome .separator { float: left; width: 960px; height: 0; margin: 20px 0; background-color: #ccc; }
body#welcome .bottomLeftColumn { float: left; width: 620px; margin-right: 40px; }
body#welcome .bottomRightColumn { float: left; width: 300px; }
body#welcome #elevatorPitch { margin-top: 40px; font: normal 1.75em/1.5em Georgia, serif; }
body#welcome #cartoon { overflow: hidden; margin-bottom:20px; margin-top:-60px; }
body#welcome #cartoon img { margin-top: 0; }
body#welcome #mainContent #socialMediaButtons { float: right; margin-top:-100px; }
body#welcome #providerGateway { }
body#welcome #providerGateway a.providingServices { font-weight: bold; }
body#welcome #providerGateway form { margin-top: 10px; }
body#welcome #providerGateway form #zipcode { }
body#welcome #whyWCH { }
body#welcome #ad { margin-bottom: 20px; }

body#accountLogin .confirmEmailMessage .info { margin-bottom: 20px; }

body#welcome #recentPosts .header a { margin-left: 5px; font-size: 13px; text-decoration: underline; }
body#welcome #recentPosts .rotatorControls { float: right; }
body#welcome #recentPosts .rotatorControls a { position: relative; display: block; float: left; height: 24px; width: 16px; margin-left: 5px; }
body#welcome #recentPosts .rotatorControls a.play { display: none; }
body#welcome #recentPosts .rotatorControls a img { position: absolute; top: 4px; }
body#welcome #recentPosts #recentPostsRotator { position: relative; height: 151px; overflow: hidden; }
body#welcome #recentPosts #recentPostsRotator .posts { position: absolute; margin: 0; top: 0; background-color: #fff; }
body#welcome #recentPosts #recentPostsRotator .posts .post { padding: 0; border-bottom: 0; height: 155px; }
body#welcome #recentPosts #recentPostsRotator .posts .post.highlighted { padding: 0; margin: 0; border: none; background: none; }
body#welcome #recentPosts ul li { list-style: none; padding: 0; margin: 0; }

body#welcome #testimonials { }
body#welcome #testimonials .testimonial { margin-top: 20px; }
body#welcome #testimonials .testimonial blockquote { quotes: "\201C" "\201D"; font-size: 1em; margin-bottom: 5px; } 
body#welcome #testimonials .testimonial blockquote:before { content: open-quote; font-weight: bold; } 
body#welcome #testimonials .testimonial blockquote:after { content: close-quote; font-weight: bold; }
body#welcome #testimonials .testimonial cite { display: block; text-align: right; color: #666; margin-right: 30px; }
body#welcome #topWaysToUse { }
body#welcome #topWaysToUse a.allWays { display: block; margin-top: 10px; }
body#welcome #socialMedia { }

body#providingServices #maincontainer #main p {float: left; width: 960px; text-align: center; color: #afafaf; font-size: 20px;}
body#providingServices #main #plans { position: relative; float: left; margin-top: 10px; width:940px;}
body#providingServices #main #plans .plan { float: left; position: relative; z-index: 1; width: 300px; margin: 0 6px; background: #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
body#providingServices #main #plans .plan .tip { display: none; }
body#providingServices #main #plans .plan.highlighted { z-index: 2; margin-top: 0; background-color: #fff; cursor: pointer; -moz-box-shadow: 0 0 20px #000; -webkit-box-shadow: 0 0 20px #000; }
body#providingServices #main #plans .plan h3 { background: #ebc300; margin: 0 0 10px 0; padding: 5px; text-align: center; font-size: 1.3em; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;}
body#providingServices #main #plans .plan.highlighted h3 { background: #fbd300; }
body#providingServices #main #plans .plan h4 { padding-bottom: 5px; border-bottom: 1px solid #ccc; text-align: center; font-size: 1.5em; }
body#providingServices #main #plans .plan ul { height: 205px; padding: 5px 20px; border-bottom: 1px solid #ccc; }
body#providingServices #main #plans .plan ul li { list-style: none; padding: 5px 0; margin: 0; font-size: 1.2em; }
body#providingServices #main #plans .plan ul li em { font-weight: bold; font-style: normal; }
body#providingServices #main #plans .plan .nextSteps { height: 34px; padding: 10px 20px; text-align: center; }
body#providingServices #main #plans .plan .nextSteps a { display: block; width: 100px; margin: 0 auto; }
body#providingServices #main #plans .plan .nextSteps p { padding: 4px 0; font-size: 1.2em; font-weight: bold; font-style: italic; }
body#providingServices .planDetailTip { margin: 5px; }
body#providingServices .planDetailTip h5 { font-size: 1.2em; margin-bottom: 10px; }
/*
body#providingServices #main #plans .plan a { width: 120px; height: 23px; display: block; margin: 20px 0 10px 30px;}
body#providingServices #main #plans .plan a.signup {background: url(/img/sign_up_today.gif);}
body#providingServices #main #plans .plan a.signup span {display: none;}
body#providingServices #main #plans .plan a.upgrade {background: url(/img/upgrade_now.gif);}
body#providingServices #main #plans .plan a.upgrade span {display: none;}
*/

body#providingServices #pageHeader { font-family: Georgia, serif; margin-bottom: 20px; }
body#providingServices .topLeftColumn { float: left; width: 600px; margin-right: 40px; }
body#providingServices .topRightColumn { float: left; width: 320px; }
body#providingServices .separator { float: left; width: 960px; height: 0; margin: 20px 0; background-color: #ccc; }
body#providingServices .bottomLeftColumn { float: left; width: 620px; margin-right: 40px; }
body#providingServices .bottomRightColumn { float: left; width: 300px; }
body#providingServices .bottomBigColumn { width: 960px; }
body#providingServices #elevatorPitch { margin-top: 0; font: normal 1.75em/1.3em Georgia, serif; }
body#providingServices #cartoon { width: 122px; height: 122px; }
body#providingServices #providingoverview { }
body#providingServices #providingoverview .otherBenefits { margin-bottom: 10px; }
body#providingServices #providingoverview em { font-weight: bold; font-style: normal; }
body#providingServices #planbenefit { }
body#providingServices #advertising ul { margin: 10px 0px 10px 0px; }
body#providingServices #testimonials { }
body#providingServices #testimonials .testimonial + .testimonial { margin-top: 20px; }
body#providingServices #testimonials .testimonial blockquote { quotes: "\201C" "\201D"; font-size: 1em; margin-bottom: 5px; } 
body#providingServices #testimonials .testimonial blockquote:before { content: open-quote; font-weight: bold; } 
body#providingServices #testimonials .testimonial blockquote:after { content: close-quote; font-weight: bold; }
body#providingServices #testimonials .testimonial cite { display: block; text-align: right; color: #666; margin-right: 30px; }

body#gettingStarted #main { width: 960px; }
body#gettingStarted .gsImage { float:left; width:100px; margin-left:40px;}
body#gettingStarted .gsAction { float:left; width:600px; margin-left: 70px; height: 48px; line-height:  }
body#gettingStarted #postDetail { float: left; margin-bottom: 20px; width: 600px; }
body#gettingStarted #postDetail h3 { margin-bottom: 0.5em; }
body#gettingStarted #welcome { float: left; margin-bottom: 20px; width: 925px; }
body#gettingStarted #welcome h3 { margin-bottom: 0.5em; }
body#gettingStarted #welcomeMessage { width: 900px; margin: 0 0 20px 0;}
body#gettingStarted #providingServices { }
body#gettingStarted #theTour { }
body#gettingStarted #editProfile { }
body#gettingStarted #myDashboard { }
body#gettingStarted .gsSection { float: left; width: 900px; height: 120px; line-height: 1.5;}

body#gettingStarted .topLeftColumn { float: left; width: 600px; margin-right: 40px; }
body#gettingStarted .topRightColumn { float: left; width: 320px; }
body#gettingStarted .separator { float: left; width: 960px; height: 0; margin: 20px 0; background-color: #ccc; }
body#gettingStarted .bottomLeftColumn { float: left; width: 620px; margin-right: 40px; }
body#gettingStarted .bottomRightColumn { float: left; width: 300px; }
body#gettingStarted .bottomBigColumn { width: 960px; }

body#search #searchControls { padding: 10px; border: 1px solid #999; border-top: none; background-color: #eee; }
body#search #searchControls strong { font-size: 1.3em; font-style: italic; margin-right: 5px; }
body#search #pageHeader { width: 620px; }
body#search #sidebar .inner { display: none }

body#landingPage .content-container { margin-bottom: 20px; }
body#landingPage .sidebar-container { margin-bottom: 10px; }

body#post #sidebar .inner h4 { margin: 10px 0 5px; }
body#post #sidebar .inner .postTags { float: left; width: 280px; margin: 0; }
body#post #sidebar .inner .postTags .tag { white-space: normal;}
body#post #sidebar .inner .addTags { clear: left; margin-top: 10px; }

body#post #addTagForm { display: none; }
body#post #postAlerts { background: #FF4900; color:#fff; font-weight: bold; padding: 5px; }
body#post textarea { width: 337px; }

body#post.posterView { /*todo*/ } 
body#post.providerView { /*todo*/ } 
body#post.publicView { /*todo*/ } 

body#post #postDetailsWrapper {float: left; width: 345px; margin-right: 20px;}

body#post #postClosed,
body#post #notice,
body#post #makeOfferWrapper { float: left; width: 200px; padding: 10px 20px 15px 15px; margin-bottom: 10px; background: #333; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
body#post #notice h4,
body#post #makeOfferWrapper h4,
body#post #notice h2,
body#post #makeOfferWrapper a { color: #fff; }
body#post #makeOfferWrapper h2 {margin-top: 0; color: #fbd300;}
body#post #makeOfferWrapper form {width: 200px; padding: 0;}
body#post #makeOfferWrapper form .offerFormLine { margin-top: 5px;}
body#post #makeOfferWrapper textarea,
body#post #makeOfferWrapper input[type=text] { width: 195px; }
body#post #makeOfferWrapper .isConfirmed {display: none;}
body#post #makeOfferWrapper .subLabel {font-size: 11px;}
body#post #makeOfferWrapper #offerPaymentTermsFormLine,
body#post #makeOfferWrapper #offerAmountFormLine {display: none;}

body#post #makeOfferWrapper .error,
body#post #makeOfferWrapper .required,
body#post #makeOfferWrapper .field-validation-error,
body#post #makeOfferWrapper .validation-summary-errors {color: #DF5363;}

body#post #images { margin-bottom: 10px 0; }

body#post #notice p,
body#post #postClosed p {color: #fff; margin-bottom: 10px;}
body#post #notice p a,
body#post #postClosed p a {color: #fff;}

body#post #postDetails { }
body#post #postDetails .description { font-size: 1.2em; }
body#post #postDetails .description h2 { margin-top: 0; }
body#post #postDetails h4,
body#post #middleColumn h4 { margin-bottom: 5px; }

/*
body#post .test:hover, body#post .test.active { margin: -1px -1px 10px; }
body#post .test:hover h4, body#post .test.active h4 { margin: -6px -6px 2px !important; padding: 5px 6px 2px !important; border: 1px solid #999; background-color: #ccc; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-raiuds: 5px 5px 0 0; }
body#post .test:hover form, body#post .test.active form { margin: -2px -6px 0 !important; padding: 5px 6px; border: 1px solid #999; border-top: none; background-color: #eee; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-raiuds: 0 0 5px 5px; }
body#post .test form .errorContainer { margin-top: 5px; }
*/

body#post #postDetails h4 a,
body#post #middleColumn h4 a { margin-left: 5px; font-size: 13px; font-weight: normal; }
body#post #postDetails .description { margin-bottom: 20px;}
body#post #postDetails .sharing { margin: 20px 0; }
body#post #postDetails .additionalInformation + .additionalInformation { margin-top: 5px; }
body#post #postDetails .additionalInformation .createdDate,
body#post #postDetails .additionalInformation .createdDate .timeago { color: #aaa; }
body#post #postDetails #addAdditionalInformation { display: none; margin-bottom: 10px; }
body#post #postDetails #additionalInformation { margin-bottom: 10px; }
body#post #postDetails #additionalInformationList { margin-bottom: 10px; }
body#post #postDetails .category { margin-bottom: 10px; }
body#post #postDetails .category a { text-decoration: none; }
body#post #postDetails .category a:hover { text-decoration: underline; }
body#post #postDetails .tags { margin-bottom: 10px; }
body#post #postDetails .tags #addTagForm { margin-bottom: 10px; }
body#post #postDetails .tags #addTagForm input[type="submit"] { margin: 0 5px; }
body#post #postDetails .tags .postTags .tagWrapper { float: left; margin: 0 5px 5px 0; }
body#post #postDetails .tags .postTags a.tag { margin-right: 0; }
body#post #postDetails .tags .postTags a.remove { float: left; padding: 0 4px; border: 1px solid #ccc; border-left: none; color: #d00; line-height: 20px; text-decoration: none; }
body#post #postDetails .tags .postTags { margin-bottom: 10px; }
body#post #postDetails .metadata { margin: 20px 0 0; }
body#post #postDetails .metadata .leftColumn { float: left; width: 180px; margin-right: 20px; }
body#post #postDetails .metadata .rightColumn { float: left; width: 145px; }
body#post #postDetails .metadata .timeago { color: #333; }
body#post #postDetails .shareThis { margin-bottom: 10px; }
body#post #postDetails .shareThis a { text-decoration: none; font-weight: bold; }
body#post #postDetails .createdBy { float: right; }
body#post #postDetails .createdBy .memberBadge { float: right; clear: right; }
body#post #postDetails .withdrawPost { margin-top: 20px; }

body#post #middleColumn { float: left; width: 235px; }
body#post #middleColumn #posterActions { padding: 5px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

body#post #images { margin-bottom: 10px; }
body#post #images ul {float: left; width: 235px; list-style-type: none;}
body#post #images ul li {float: left; vertical-align:middle;width: 75px;background: #ccc; padding: 5px; margin: 5px 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center;}
body#post #images ul li a.thumbnailLink {float: left; width: 75px; margin-bottom: 0px; height:75px; overflow:hidden}
body#post #images ul li a img {margin-bottom: 0px;}
body#post #images #addImages {display: none; margin-bottom: 10px; }
body#post #files ul#fileList { padding: 0; margin: 0; list-style-type: disc; list-style-position: inside; }
body#post #files ul#fileList li { margin-left: 10px; }
body#post #files #addFiles {display: none; margin-bottom: 10px; }
body#post #images .deleteLink,
body#post #files .deleteLink { color: #d00; }
body#post #files .deleteLink { margin-left: 5px; }

body#post #additionalInformationList #additionalInformationHeader { font-size: 14px; color: #888;}
body#post #additionalInformationList #additionalInformation { float: left; width: 345px;}
body#post #additionalInformationList #additionalInformation form { display: none; }

body#post #askQuestion { float: left; width: 345px; }
body#post #askQuestion form h2 {display: none;}

body#post #sharePost { float: left; width: 345px; margin-top: 30px; }
body#post #sharePost .sharePostHeader { position: relative; z-index: 2; margin: 0 0 10px 0; background: #ccc; color: #333; padding: 4px 10px; font-size: 1.3em; line-height: 24px; border: solid 1px #999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
body#post #sharePost p.info { position: relative; z-index: 1; margin-top: -15px; padding-top: 15px; }

body#post #suggestionsList { float: left; width: 345px; margin-top: 30px; }
body#post #suggestionsList .suggestionsHeader { position: relative; z-index: 2; margin: 0 0 10px 0; background: #ccc; color: #333; padding: 4px 10px; font-size: 1.3em; line-height: 24px; border: solid 1px #999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
body#post #suggestionsList .suggestionsHeader a { margin-left: 5px; color: inherit; font-weight: normal; font-size: 13px; }
body#post #suggestionsList #suggestionsInfo { display: none; position: relative; z-index: 1; margin-top: -15px; padding-top: 15px; }
body#post #suggestionsList .suggestion { padding-bottom: 10px; border-bottom: solid 1px #ccc; margin-bottom: 10px; }
body#post #suggestionsList .suggestion .status { float: left; width: 32px; }
body#post #suggestionsList .suggestion .content { width: 303px; margin-left: 42px; }
body#post #suggestionsList .suggestion .content .text { margin-bottom: 5px; }
body#post #suggestionsList .suggestion .content .attribution { text-align: right; }
body#post #suggestionsList .suggestion .content .attribution .memberBadge { float: right; }
body#post #suggestionsList .suggestion .content .attribution .createdDate { clear: both; }
body#post #suggestionsList .suggestion .content .response { padding-top: 10px; border-top: 1px solid #ddd; margin-top: 15px; }
body#post #suggestionsList .suggestion .content .response form { display: none; }
body#post #suggestionsList .suggestion .content textarea { width: 295px; }

body#post #makeSuggestion { float: left; }

body#post #offerList { float: left; width: 345px; margin-top: 30px; }
body#post #offerList textarea { width: 252px; }
body#post #offerList .offersHeading { position: relative; z-index: 2; margin: 0 0 10px; background: #333; color: #fbd300; border: solid 1px #333; padding: 4px 10px; font-size: 1.3em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
body#post #offerList .offersHeading a { margin-left: 5px; color: inherit; font-weight: normal; font-size: 13px; }
body#post #offerList #offersInfo { display: none; position: relative; z-index: 1; margin-top: -15px; padding-top: 15px; }
body#post #offerList hr {margin-top: 20px; }
body#post #offerList .offer { float: left; width: 345px; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
body#post #offerList .offer .acceptOfferWrapper { display: none; margin-top: -20px; }
body#post #offerList .offer.accepted {}
body#post #offerList .offer.accepted .offerPrefix .isAccepted {background: #BBFFA2;}
body#post #offerList .offer .offerPrefix {float: left; width: 75px; margin-right: 10px;}
body#post #offerList .offer .offerPrefix .isConfirmed,
body#post #offerList .offer .offerPrefix .needMoreInfo,
body#post #offerList .offer .offerPrefix .isAccepted { width:75px; height:20px; line-height: 20px; font-size: 10px; font-weight: bold; background: #ddd; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
body#post #offerList .offer .offerPrefix .needMoreInfo {background: #FBD30B;}
body#post #offerList .offer .offerPrefix .needMoreInfo,
body#post #offerList .offer .offerPrefix .isAccepted  { margin-bottom: 5px; }
body#post #offerList .offer .offerPrefix .isConfirmed span,
body#post #offerList .offer .offerPrefix .needMoreInfo span,
body#post #offerList .offer .offerPrefix .isAccepted span {vertical-align:middle/* use to hide text if displaying background image on parent */}
body#post #offerList .offer .offerDetails { float: left; width: 260px; }
body#post #offerList .offer .offerDetails .posterContactInfo { background: #BBFFA2; margin: 0 -5px 5px; padding: 5px; width: 255px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
body#post #offerList .offer .offerDetails .paymentTerms { color: #aaa; font-size: 0.9em; font-weight: bold; }
body#post #offerList .offer .offerDetails .details { margin: 10px 0; }
body#post #offerList .offer .offerDetails .createdBy { float: left; width: 260px; }
body#post #offerList .offer .offerDetails .createdBy .memberBadge { float: right; }
body#post #offerList .offer .offerDetails .createdDate { clear: both; }
body#post #offerList .offer .offerDetails .leaveFeedback { margin: 20px 0; }
body#post #offerList .offer .offerDetails .leaveFeedback a { }
body#post #offerList .offer .offerDetails .modifiedDate {text-align: right; color: #aaa;}
body#post #offerList .offer .offerDetails ul.posterControls li,
body#post #offerList .offer .offerDetails ul.bidderControls li {display: inline; text-align:left; margin: 0 10px 0 0; padding: 0;}
body#post #offerList .offer .offerDetails {}
body#post #offerList .offer .offerDetails .offerComments { clear: both; margin-top: 10px; margin-bottom: 10px; }
body#post #offerList .offer .offerDetails .offerComments .offerCommentList {}
body#post #offerList .offer .offerDetails .offerComments .offerCommentList .offerComment { margin-bottom: 5px; }
body#post #offerList .offer .offerDetails .offerComments .offerCommentList cite { display: block; text-align: right; font-style: normal; }
body#post #offerList .offer .offerDetails .offerComments .commentOnOfferForm { margin-top: 10px; }
body#post #offerList .offer .offerDetails .posterControls,
body#post #offerList .offer .offerDetails .bidderControls { margin: 20px 0; }
body#post #offerList .offer .offerDetails .acceptOffer { background: #bbffa2; }

body#post #offerList .updateOffer { display: none; float: left; width: 220px; padding: 10px 20px 15px 15px; margin: 0 0 10px; background: #333; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
body#post #offerList .updateOffer .offerFormLine { margin-top: 5px;}
body#post #offerList .updateOffer textarea { width: 212px; }
body#post #offerList .updateOffer input[type=text] { width: 212px; }
body#post #offerList .updateOffer a.cancel { color: inherit; }
body#post #offerList .updateOffer h2 {margin-top: 0; color: #fbd300;}
body#post #offerList .updateOffer .updateOfferWarning {background: #FF4900; color:#fff; font-weight:bold; padding: 5px; margin-bottom: 10px;}

body#post #offerList .updateOffer .error,
body#post #offerList .updateOffer .required,
body#post #offerList .updateOffer .field-validation-error,
body#post #offerList .updateOffer .validation-summary-errors {color:#DF5363;}

.posterview #sidebar .inner { display: none }
.publicView #sidebar .inner { display: none }

/*Used on SimplePost and AdvancedPost*/
body.createPost h1 a, body#createPostAdvanced h1 a {font-size: 12px;}
body.createPost .warning-message { margin-bottom: 20px; }

/*Contact Form */
body#contact h1 a {font-size: 12px;}
body#contact form.contactUsForm input[type=text],
body#contact form.contactUsForm select,
body#contact form.contactUsForm textarea
 { width: 250px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 14px; padding: 5px;  color: #333; }
body#contact form.contactUsForm select {width: 250px;}

/*Change Password Form */
body#settings_password h1 a {font-size: 12px;}
body#settings_password form.passwordSettings { }
body#settings_password form.passwordSettings input[type=text],
body#settings_password form.passwordSettings input[type=password],
body#settings_password form.passwordSettings select,
body#settings_password form.passwordSettings textarea
 { width: 250px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 14px; padding: 5px;  color: #333;}
body#settings_password form.passwordSettings textarea {height: 100px;}
body#settings_password form.passwordSettings select {width: 250px;}
body#settings_password form.passwordSettings .formLine { margin: 4px 0; padding:5px}
body#settings_password form.passwordSettings .formLine label .label {float: left; width: 150px; font-size: 14px;}
body#settings_password form.passwordSettings .formLine .helpText { width: 150px; }
body#settings_password form.passwordSettings .formButtons {float: left; margin-left: 155px;}
body#settings_password form.passwordSettings .formLine.focus {background: #FBD300; -moz-border-radius: 5px; -webkit-border-radius: 5px;} 
body#settings_password form.passwordSettings .formValidationMessage { margin-left: 155px}
body#settings_password .validation-summary-errors ul { margin-left: 30px; }


/*Profile Form */
body#settings_profile h1 a {font-size: 12px;}
body#settings_profile form#updateProfile h3 { padding: 0 0 2px 5px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
body#settings_profile form#updateProfile input[type=text],
body#settings_profile form#updateProfile input[type=password],
body#settings_profile form#updateProfile select,
body#settings_profile form#updateProfile textarea { width: 250px; }
body#settings_profile form#updateProfile textarea {height: 100px;}
body#settings_profile form#updateProfile select { width: 262px; }
body#settings_profile form#updateProfile .formLine { margin: 4px 0; padding:5px; position:relative; width: 600px;}
body#settings_profile form#updateProfile .formLine label .label, 
body#settings_profile form#updateProfile .formLine span span.label  {float: left; width: 120px; font-size: 14px;}
body#settings_profile form#updateProfile .formLine .input  { display: inline-block; width: 262px; }
body#settings_profile form#updateProfile .formLine.businessLogo { min-height: 24px; }
body#settings_profile form#updateProfile .formLine.businessLogo img { display: block; margin-bottom: 10px; }
body#settings_profile form#updateProfile .formLine.businessLogo .input { float: left; width: 266px; }
body#settings_profile form#updateProfile .formLine span span.radioButtons  {float: left; width: 266px; }
body#settings_profile form#updateProfile .formLine.validateEmail {padding-left: 130px;}
body#settings_profile form#updateProfile .formButtons {float: left; margin-left: 125px;}
body#settings_profile form#updateProfile .formLine.focus {background: #FBD300; -moz-border-radius: 5px; -webkit-border-radius: 5px;} 
body#settings_profile form#updateProfile .formValidationMessage {margin:0 0 0 125px}
body#settings_profile form#updateProfile .formLine div.helpText { width: 130px; }
/*
body#settings_profile form#updateProfile .formLine div.helpText {background: #FBD300; -moz-border-radius: 5px; -webkit-border-radius: 5px; position:absolute;width:140px;top:0px; left:460px;display:none;height:20px}
body#settings_profile form#updateProfile .formLine div.helpText p {padding:10px;font-size:12px}
*/
/* all css used on authenticated pages only can be moved to another file to make this css file smaller -Lance */
body#dashboard_news #newsItemTable {float: left; width: 600px; margin: 0 0 10px;}
body#dashboard_news #newsItemTable {border-collapse: collapse;}
body#dashboard_news #newsItemTable tr td {border: 0; border-bottom: 1px solid #ccc; padding: 3px;}
body#dashboard_news #newsItemTable tr.newsItem { }
body#dashboard_news #newsItemTable tr.newsItem {padding: 0;}
body#dashboard_news #newsItemTable tr.newsItem td { padding: 4px;}
body#dashboard_news #newsItemTable tr.newsItem td.isNew {width: 16px;}
body#dashboard_news #newsItemTable tr.newsItem td.icon {}
body#dashboard_news #newsItemTable tr.newsItem td.message {}
body#dashboard_news #newsItemTable tr.newsItem td.delete { text-align: center; vertical-align: middle; }
body#dashboard_news #newsItemTable tr.newsItem td.newsItemType {width: 16px;}
/* thanks: http://www.famfamfam.com/lab/icons/silk/ */
body#dashboard_news #newsItemTable tr.newsItem td.newsItemType.MessageNewsItem .icon 
    {background: url(/img/newsIcons/MessageNewsItem.png) no-repeat;}
body#dashboard_news #newsItemTable tr.newsItem td.newsItemType.YouMadeAPostNewsItem .icon 
    {background: url(/img/newsIcons/YouMadeAPostNewsItem.png) no-repeat;}
body#dashboard_news #newsItemTable tr.newsItem td.newsItemType.NewCommentOnOfferOnYourPostNewsItem .icon 
    {background: url(/img/newsIcons/NewCommentOnOfferOnYourPostNewsItem.png) no-repeat;}
body#dashboard_news #newsItemTable tr.newsItem td.newsItemType.NewQuestionOnYourPostNewsItem .icon 
    {background: url(/img/newsIcons/NewQuestionOnYourPostNewsItem.png) no-repeat;}
body#dashboard_news #newsItemTable tr.newsItem td.newsItemType.PosterAddedAdditionalInformationNewsItem .icon
    {background: url(/img/newsIcons/PosterAddedAdditionalInformationNewsItem.png) no-repeat;}
body#dashboard_news #newsItemTable tr.newsItem td.newsItemType.PosterAnsweredYourQuestionNewsItem .icon
    {background: url(/img/newsIcons/PosterAnsweredYourQuestionNewsItem.png) no-repeat;}
body#dashboard_news #newsItemTable tr.newsItem td.newsItemType.PosterAcceptedYourOfferNewsItem .icon
    {background: url(/img/newsIcons/PosterAcceptedYourOfferNewsItem.png) no-repeat;}
body#dashboard_news #newsItemTable tr.newsItem td.newsItemType.YouMadeAnOfferNewsItem .icon
    {background: url(/img/newsIcons/YouMadeAnOfferNewsItem.png) no-repeat;}
body#dashboard_news #newsItemTable tr.newsItem td.newsItemType.NewOfferOnYourPostNewsItem .icon
    {background: url(/img/newsIcons/NewOfferOnYourPostNewsItem.png) no-repeat;}
body#dashboard_news #newsItemTable tr.newsItem td.newsItemType.ReminderToLeaveFeedbackForProviderNewsItem .icon
    {background: url(/img/newsIcons/ReminderToLeaveFeedbackForProviderNewsItem.png) no-repeat;}
body#dashboard_news #newsItemTable tr.newsItem td.newsItemType.MessageNewsItem .icon 
    {background: url(/img/newsIcons/MessageNewsItem.png) no-repeat;}

body#dashboard_news #newsItemTable tr#moreNewsRow td {border-bottom: none;}

body#dashboard_news .newQuestionOnYourPost {/*todo*/}
body#dashboard_news .newQuestionOnYourPost p.answer {background: #eee;}
body#dashboard_news .newQuestionOnYourPost textarea { width: 300px;}
body#dashboard_news .newQuestionOnYourPost .question { font-size: 16px; }

body#dashboard_news .newCommentOnOfferOnYourPost {/*todo*/}
body#dashboard_news .newCommentOnOfferOnYourPost p.comment { background: #eee;}
body#dashboard_news .newCommentOnOfferOnYourPost textarea { width: 300px;}
body#dashboard_news .posterCommentedOnYourOffer p.comment { background: #eee;}
body#dashboard_news .posterCommentedOnYourOffer textarea { width: 300px;}
body#dashboard_news .posterCommentedOnYourOffer {/*todo*/}
body#dashboard_news .posterAnsweredYourQuestion {/*todo*/}
body#dashboard_news .posterAnsweredYourQuestion p.answer { background: #eee;}
body#dashboard_news .posterAddedAdditionalInformation {/*todo*/}
body#dashboard_news .posterAddedAdditionalInformation p.question { background: #eee;}
body#dashboard_news .posterAcceptedYourOffer p.comment { background: #eee;}
body#dashboard_news .posterAcceptedYourOffer textarea { width: 300px;}
body#dashboard_news .newCommentOnOfferOnYourPost {/*todo*/}
body#dashboard_news .newCommentOnOfferOnYourPost p.offerAccepted,
body#dashboard_news .newCommentOnOfferOnYourPost p.commentOnOffer {background: #eee;}
body#dashboard_news .newOfferOnYourPost {/*todo*/}
body#dashboard_news .newOfferOnYourPost p.offerAccepted,
body#dashboard_news .newOfferOnYourPost p.commentOnOffer {background: #eee;}

body.dashboard .posts .post { padding: 0; margin-bottom: 10px }
body.dashboard .postDetails { float: left; width: 500px; }
body.dashboard .postDetails .memberBadge { float: none; }
body.dashboard .postDetails .actions { margin: 10px 0; }
body.dashboard .postDetails .actions a { display: block; float: left; }
body.dashboard .postDetails .createdBy { text-align: left; margin-bottom: 10px; }
body.dashboard .newListings { background-color: #F6E87D; padding: 3px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

body#dashboard_offers .offerDetails { padding-top: 10px; border-top: 1px solid #ddd; margin: 15px 0 10px; }
body#dashboard_offers .offerDetails .header { margin-bottom: 5px; }
body#dashboard_offers .offerDetails .header h3 { display: inline; }
body#dashboard_offers .offerDetails .header .status { margin-left: 5px; padding: 4px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
body#dashboard_offers .offerDetails .bidText {font-style: italic;}
body#dashboard_offers .offerDetails .isAccepted {background: #BBFFA2; width:75px; font-weight: bold; }
body#dashboard_offers .offerDetails .notAccepted {background: #ccc; width:100px;}
body#dashboard_offers .offerDetails .paymentTerms { margin: 0;}

body#dashboard_leads #addSubscriptionForm { display: none; }
body#dashboard_leads #subscriptionDetail { float: left; }

body#home #youTubeSideBar { margin-bottom: 10px;}
body#home #youTubeSideBar h3 { font-size:12px; font-weight:bold; }
body#home #youTubeSideBar div.youTubeWrapperWrapper {display: none;}
body#home #youTubeSideBar #videoPoster { border: none;}

body#home #subNav li.openNav a,
body#completed #subNav li.completedNav a,
body#people #subNav li.peopleNav a { background: #FBD300;}

body#dashboard_news          #subNav li.newsNav a,
body#dashboard_posts         #subNav li.postsNav a,
body#dashboard_offers        #subNav li.offersNav a,
body#dashboard_leads #subNav li.subscriptionsNav a,
body#settings_profile        #subNav li.profile a,
body#settings_password       #subNav li.password a,
body#settings_plan           #subNav li.plan a,
body#settings_payment        #subNav li.plan a,
body#settings_paymentSuccess #subNav li.plan a,
body#profile				 #subNav li.consumerFeedback a,
body#profile_feedbackfromproviders	 #subNav li.providerFeedback a,
body#admin					 #subNav li.openPosts a,
body#admin					 #subNav li.errorLog a,
body#admin					 #subNav li.messageLog a,
body#settings_notifications  #subNav li.notifications a  { background: #FBD300;}

body#dashboard_news          #subNav li.newsNav a:hover,
body#dashboard_posts         #subNav li.postsNav a:hover,
body#dashboard_offers        #subNav li.offersNav a:hover,
body#dashboard_leads #subNav li.subscriptionsNav a:hover,
body#settings_profile        #subNav li.profile a:hover,
body#settings_password       #subNav li.password a:hover,
body#settings_plan           #subNav li.plan a:hover,
body#settings_payment        #subNav li.plan a:hover,
body#settings_paymentSuccess #subNav li.plan a:hover,
body#profile				 #subNav li.consumerFeedback a:hover,
body#profile_feedbackfromproviders		 #subNav li.providerFeedback a:hover,
body#admin					 #subNav li.openPosts a:hover,
body#admin					 #subNav li.messageLog a:hover,
body#admin					 #subNav li.errorLog a:hover,
body#settings_notifications  #subNav li.notifications a:hover { background: #ccc;}

body#settings_payment .AuthorizeNetSeal { padding-top:20px; padding-bottom: 20px }
body#settings_payment .amountDue { margin-bottom: 20px;}
body#settings_payment form.paymentSettings {}

body#settings_payment form.paymentSettings .formLine .label { width: 150px; }
body#settings_payment form.paymentSettings .formLine .helpText { width: 150px; left: 430px; }
body#settings_payment form.paymentSettings .formLine .label .required { display: none; position: absolute; left: -8px; }

body#settings_payment form.paymentSettings input.ccv { width: 50px; }
body#settings_payment form.paymentSettings .formButtons { margin-left: 155px; }
body#settings_payment form.paymentSettings .formLine.expirationDate select { width: auto; }
body#settings_payment form.paymentSettings .formLine.cardType .cardImage { display: none; margin: 5px 0 0 155px; }
body#settings_payment form.paymentSettings .formValidationMessage { margin-left: 155px; }
body#settings_payment form.paymentSettings div.paymentSetting { margin-top: 5px; margin-bottom: 5px; }
body#settings_payment .validation-summary-errors { margin: 10px 0; }


/*body.settings #main form {float: left;}*/


body#settings_profile form.profileSettings {}
body#settings_profile form.profileSettings div.profileSetting {margin-top: 5px; margin-bottom: 5px;}

body#settings_password form.passwordSettings { width: 600px;}

body#settings_plan div.error { float: left; }
body#settings_plan #main h3 { padding: 0 0 2px 5px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
body#settings_plan form.planSettings { position:relative;  margin-left: 10px; }
body#settings_plan form.planSettings div.planSetting {margin-top: 5px; margin-bottom: 5px;}
body#settings_plan form#applyCode { margin-top: 0; }
body#settings_plan #actionCodeValue {width: 125px;}
body#settings_plan .planNotice { margin-top: 10px; margin-left: 10px;}
body#settings_plan .planNotices { margin-top: 5px; margin-bottom: 5px;}
body#settings_plan #billingPlanNotice { float: left; margin-left: 10px; }
body#settings_plan #billingPlanNotice h2 { margin-top: 0; }
body#settings_plan #codesApplied { clear: left; padding: 10px; margin-left: 5px; }
body#settings_plan #codesApplied h4 { font-size: 1.1em; }
body#settings_plan #codesApplied ul { margin-left: 0; }
body#settings_plan #planSelection { margin-bottom:25px; }
body#settings_plan #actionCode { margin-top: 0; }

body#settings_notifications form.notificationSettings { }
body#settings_notifications form.notificationSettings h3 { padding: 0 0 2px 5px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
body#settings_notifications form.notificationSettings fieldset { margin-bottom: 10px; }
body#settings_notifications form.notificationSettings fieldset h2 { margin: 0; }
body#settings_notifications form.notificationSettings input[type=text] { border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 14px; padding: 5px;  color: #333;}
body#settings_notifications form.notificationSettings #Sms {width: 250px;}
body#settings_notifications form.notificationSettings #ConfirmationCode { width: 250px; }
body#settings_notifications form.notificationSettings input[type=text] {font-size:14px; padding:5px}
body#settings_notifications form.notificationSettings div.commands { padding:5px }

/*todo: get rid of pad5 and pad10 classes*/
body#settings_notifications .pad5 {padding-top: 5px; padding-bottom: 5px;}
body#settings_notifications .pad10 {padding-top: 10px; padding-bottom: 10px;}
 
body#contact form.contactUsForm div.contactSetting {margin-top: 5px; margin-bottom: 5px;}

body#signup {}
body#signup .greeting { margin-bottom: 20px; }
body#signup form .recaptchaLine { float: left; padding: 5px; margin: 4px 0; }
body#signup form .recaptchaLine label { float: left; font-size: 14px; }
body#signup form .recaptchaLine #recaptcha_widget_div { margin-left: 112px; }
body#signup form .recaptchaLine input[type="text"] { padding: 5px; width: 250px !important; border-color: #ccc !important; font-size: 14px !important; }
body#signup form .recaptchaLine .error { margin-left: 115px; }

body.profile #businessLogo { position: absolute; top: 20px; right: 0; }
body.profile div .ratingDetails {margin-top: 10px; margin-bottom: 20px;}
body.profile div .ratingDetails  blockquote.comment { margin: 10px 0 10px 85px; font-size: 1em; }
body.profile div .ratingDetails  blockquote.comment:before { content: '\201C'; font-weight: bold; margin-right: 2px; font-size: 1.3em; color: #666; }
body.profile div .ratingDetails  blockquote.comment:after { content: '\201D'; font-weight: bold; margin-left: 2px; font-size: 1.3em; color: #666; }
body.profile div .ratingDetails .rebuttal { margin: 10px 0 0 85px; }
body.profile div .ratingDetails .rebuttal { background-color: #ddd; margin-bottom: 0; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
body.profile div .ratingDetails .rebuttal form {display: none;}
body.profile div .ratingDetails .rebuttal cite { display: block; text-align: right; font-style: normal; }
body.profile div .memberProfile { margin-top: 5px; margin-bottom: 5px;}
body.profile div .memberProfile .profileLabel {float: left; width: 150px; font-weight: bold;}
body.profile div .memberProfile .profileData {float: left; width: 450px;}
body.profile div .memberEndorsement { margin-top: 10px; margin-bottom: 15px; }
body.profile div .memberEndorsement ul li { list-style: none; margin-bottom: 15px; }
body.profile .feedback h3 { margin-bottom: 10px;}

body#admin	.logTable { width: 100% }
body#admin	.logTable td { padding-left: 5px; padding-right: 5px; }
body#admin	.logTable thead { text-align: left; font-weight: bold; }

body#signupPlans #main {float: left; }
body#signupPlans #pageHeader { text-align: center; }
body#signupPlans #main p {float: left; width: 920px; text-align: center; color: #afafaf; font-size: 20px;}
body#signupPlans #main #plans { float: left; width: 920px; margin-top: 50px;}
body#signupPlans #main #plans .plan {float: left; width: 180px; margin: 0 0 0 5px; background: #f2f2f2; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
body#signupPlans #main #plans .plan.first {margin-left: 0;}
body#signupPlans #main #plans .plan.highlighted {margin-top: 0; -moz-box-shadow: 0 0 20px #a9a9a9; -webkit-box-shadow: 0 0 20px #a9a9a9;}
body#signupPlans #main #plans .plan h2 { background: #fbd300; margin: 0; padding: 3px; text-align: center; font-size: 16px; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;}
body#signupPlans #main #plans .plan h3 { text-align: center; font-size: 22px;}
body#signupPlans #main #plans .plan p.currentPlan { width: 180px; font-size: 12px; font-style: italic; font-weight: bold; color: #333; height: 23px; margin: 20px 0 0 40px; display: block;}
body#signupPlans #main #plans .plan ul { height: 140px; padding: 4px 15px 0 30px;}
body#signupPlans #main #plans .plan a { width: 120px; height: 23px; display: block; margin: 20px 0 10px 30px;}
body#signupPlans #main #plans .plan a.signup {background: url(/img/sign_up_today.gif);}
body#signupPlans #main #plans .plan a.signup span {display: none;}
body#signupPlans #main #plans .plan a.upgrade {background: url(/img/upgrade_now.gif);}
body#signupPlans #main #plans .plan a.upgrade span {display: none;}
body#signupPlans #main #haveacode {float: right; width: 920px; margin: 0 20px; }
body#signupPlans #main #haveacode a { float: right; width: 120px; height: 23px; display: block; margin: 20px 0 10px 30px;}
body#signupPlans #main #haveacode a.code { background: url(/img/haveacode.gif); }



/*todo: add body.feedback to both feedbackforproviders and feedbackforconsumers */
#feedbackForm > p {margin-top: 10px;}

#craigslistAd .craigslistAdInfo  {margin:0 0 0 20px}
#craigslistAd ol.craigslistAdInfo  li {margin:10px 0 0 0}
#craigslistAd ol.craigslistAdInfo  li ul li {margin:5px 0 0 10px}
#craigslistAd #main label {font-weight:bold;margin-top:15px;display:block}

#gateway #zipCodeForm { padding-left: 150px }
#gateway #zipCodeForm input { width: 100px; background-color: White; }
#gateway #showItAll { padding-left: 150px; padding-top: 25px; padding-bottom: 25px; }
#gateway #welcome { padding-left: 150px; font-size:large; font-weight:bold; padding-bottom: 25px; }
#gateway #main { float: left; min-height:250px; width: 600px; margin-left: 20px; padding: 100px;}

#headerToolbarBlack ul {float: right; margin: 10px 20px 0 0; width: 162px; text-align: right;}
#headerToolbarBlack ul li {display: inline; color: #f3d013; padding: 0; margin: 5px;}
#headerToolbarBlack ul li a {color: Black; }
#headerToolbarBlack {background: Black; height: 102px; margin: 0; width: 960px; padding-bottom: 25px; }
#headerToolbarGrey {background: Black; height: 250px; margin: 0; width: 960px;}

.searchresult { padding: 20px; font-weight:bold; font-size: medium; }

body#areas .aLayer { }
body#areas .aState { }
body#areas .aArea { padding: 0; } 
body#areas .aArea .column1 { float: left; width: 45%; margin-right: 10%; } 
body#areas .aArea .column2 { float: left; width: 45%; } 
body#areas p { line-height: 1.1em; }

body#feedbackForProvider .recommend { margin: 10px 0; }
body#feedbackForProvider .recommend { margin: 10px 0; }

/* Social Media Buttons */
.socialbuttons { }

.shareButton { float: left; }
.shareButton.facebook { padding-top: 1px; }

/* Home Page */
.quote h3 { color:#808080; font-family:"Georgia"; font-size:1.3em; font-style:italic; line-height:1.4; }
.zipentry { background-color:#FFCC33; width:180px; height:90px; margin: 20px 0 0 20px; border:10px solid Gray;}
.zipinner { background-color:#FFCC33; width:180px; height: 75px; border:1px; }
.zipinner input[type="text"] { width: 75px; }
.zipinner #zipCodeForm { padding-left:10px; padding-top:10px; }

/* Tour */
body#tour .navigation { float: left; margin-bottom: 20px; }
body#tour .navigation .tableOfContents { float: left; width: 340px; margin-right: 20px; }
body#tour .navigation .blurb { float: left; width: 600px; }
body#tour .navigation .blurb p { font-size: 19px; line-height: 1.5em; margin-bottom: 0; }
body#tour .navigation .blurb p + p { margin-top: 1.5em; }
body#tour .tutorial { float: left; margin-bottom: 20px; }
body#tour .tutorial h2 { padding-bottom: 2px; border-bottom: 1px solid #999; margin-bottom: 10px; }
body#tour .tutorial .description { float: left; width: 340px; margin-right: 20px; }
body#tour .tutorial .videoContainer { float: left; }

/* Tour Temp */
body#tour .stepGraphics {height:120px;float:left;margin-right:60px;}

/*  Support   */
body#support .topLeftColumn { float: left; width: 440px; margin-right: 40px; }
body#support .topRightColumn { float: left; width: 440px; }
body#support .separator { float: left; width: 960px; height: 0; margin: 20px 0; background-color: #ccc; }
body#support .bottomLeftColumn { float: left; width: 440px; margin-right: 40px; }
body#support .bottomRightColumn { float: left; width: 440px; }


/* ShareThis widget on PostDetails */
a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;}
a.stbar.chicklet {height:16px;line-height:16px;}

#sidebar .inner ul.NoBullet { list-style-type: none; padding-top:10px; }
#sidebar .inner ul.NoBullet li { padding-bottom:10px; }

#PostSteps {  }
#PostSteps #Step1 { margin: 0 5px 0 0; background-color:#dd0000; color:#ffffff; padding-left: 25px; padding-top: 10px; padding-bottom:10px; padding-right:25px; }
#PostSteps #Step2 { margin: 0 5px 0 5px; background-color: #66ff66; padding-left: 25px; padding-top: 10px; padding-bottom:10px; padding-right:25px; }
#PostSteps #Step3 { margin: 0 5px 0 5px; background-color: #99ccff; padding-left: 25px; padding-top: 10px; padding-bottom:10px; padding-right:25px; }
#PostSteps #Step4 { margin: 0 5px 0 5px; background-color: #ff9900; padding-left: 25px; padding-top: 10px; padding-bottom:10px; padding-right:25px; }
#PostSteps .highlighted { border: 4px solid grey;  }

.css-arrow-right { border-color: transparent transparent transparent #333333;
border-style:solid;
border-width:10px 0 10px 20px;
float:left;
height:0;
margin:0 10px;
width:0; }