/* @override http://localmakegood/assets/css/popup.css */

body {
	background-color: #eff1f0;
	font-family: Arial, Helvetica, 
	Geneva, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #555758;
}

a {text-decoration: none;color: #ff6600;outline: none;}
a:hover {text-decoration: underline;}

.clear {clear: both;}

.small {font-size: 10px;}
.large {font-size: 20px;}

.strong {font-weight: bold;}
strong {font-weight: bold;}

#container {
	width: 520px;
	margin: 0 auto;
	background-color: white;
	border-left: 10px solid #545454;
	border-right: 10px solid #545454;
	border-bottom: 10px solid #545454;
}

#nav {
	background-color: #dee7e9;
	position: relative;
	height: 55px;
	padding: 10px 10px 0 80px;
	font-size: 11px;
	font-weight: bold;
}

#nav p {
	margin-top: 10px;
}

#sign-up {
	position: absolute;
	right: 0;
	top: 10px;
}

#logo-badge {
	position: absolute;
	left: 10px;
	top: -55px;
}

#header {
	background-color: #ff4f07;
	position: relative;
	padding: 22px 10px;
}

#header p {
	color: white;
	position: relative;
}

#header .small {
	position: absolute;
	right: 10px;
	bottom: -4px;
}

.small-heading {
	background-color: #dee7e9;
	padding: 8px 10px;
	margin: 10px 0;
}

.post {
	margin: 10px 0;
	padding-bottom: 10px;
	clear: both;
	border-bottom: 1px dotted #c0c0c0;
}

.post-heading {
	background: #dee7e9 url(/assets/img/popup/good-news-bullet.png) no-repeat left top;
	position: relative;
	padding: 3px 30px 2px 42px;
	min-height: 32px;
	/*overflow: hidden;*/
}

.post-heading.uw-heading {
	background: #dee7e9 url(/assets/img/popup/uw-news-bullet.png) no-repeat left top;	
}

.post-heading .togglehelp {
	display: none;
	position: absolute;
	background: #000;
	opacity:0.6;  
	filter:alpha(opacity=60);    
	-moz-opacity:0.6;      
	-khtml-opacity: 0.6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	color: #CCC;
	top: -30px;
	left: 168px;
	width: 200px;
	padding: 10px 0 10px 0;
}

.post-heading .toggle {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px;
}

.post-heading a.toggle:hover {
	text-decoration: none;
}

.post-heading .max {
	background: url(/assets/img/popup/min-max.gif) no-repeat;
}

.post-heading .min {
	background: url(/assets/img/popup/min-max.gif) no-repeat 0 -19px;
}

.post-teaser {
	background-color: #f2f5f6;
	padding: 5px 10px;
	font-size: 11px;
}

.post-teaser p {
	margin: 5px 0;
}

.post-body {
	padding: 10px;
	background-color: #f2f5f6;
	font-size: 11px;
	float: left;
	width: 272px;
}

.testimonial {
	clear: both;
}

.testimonial h3 {
	background: url(/assets/img/popup/icons/testimonial.gif) no-repeat 0;
	padding-left: 25px;
}

.testimonial-avatar {
	float: left;
	width: 40px;
	margin-right: 15px;
}

.testimonial-avatar img {
	border: none !important;
	margin: 0 !important;	
}

.testimonial-body {
	float: left;
	width: 217px;
	font-style: italic;
}

#column-1 {
	width: 292px;
	float: left;
	padding: 0 10px;
}

#column-2 {
	width: 166px;
	margin-left: 22px;
	float: left;
	padding: 10px 10px 0 0;
}

#footer {
	clear: both;
	padding-top: 10px;
}

#footer ul {
	font-size: 11px;
	border-top: 1px dotted #8ca5aa;
	margin: 10px 0 0 0;
	padding-bottom: 10px;
}

#footer ul li {
	border-bottom: 1px dotted #8ca5aa;
	padding: 2px 10px;
}

#uw-footer {
	display: block;
	background-color: #ff4f07;
	text-align: center;
	padding: 12px 0;
	margin-top: 5px;
}

#proof-heading {
	color: white;
	background: #ff4f07 url(/assets/img/popup/proof-heading-bg.gif) no-repeat 0;
	padding: 10px 30px;
	position: relative;
	font-weight: bold;
}

#proof-heading #footer-toggle {
	position: absolute;
	right: 30px;
	text-indent: -999em;
	width: 20px;
}

#proof-heading .max {
	background: url(/assets/img/popup/min-max-footer.gif) no-repeat;
}

#proof-heading .min {
	background: url(/assets/img/popup/min-max-footer.gif) no-repeat 0 -19px;
}

#audit {
	background-color: #badbe2;
	padding-top: 5px;
}

.badges {
	position: relative;
	margin: 0 0 10px 0;
}

.badges p {
	color: #ff6600;
	padding: 10px 0 5px 0;
	border-bottom: 1px dotted #c0c0c0;
}

.badges .small {
	color: #555758;
}

.badges ul {
	padding: 10px 0 0 0;
	border-bottom: 1px dotted #c0c0c0;
}

.badges ul li {
	display: inline;
}

.badges ul li img {
	margin: 0 0 4px;
}

.badges .togglehelp {
	display: none;
	position: absolute;
	background: #000;
	opacity:0.6;  
	filter:alpha(opacity=60);    
	-moz-opacity:0.6;      
	-khtml-opacity: 0.6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	color: #CCC;
	top: -45px;
	left: -20px;
	width: 200px;
	padding: 10px 0 10px 0;
}

.badges .atoggle {
	position: absolute;
	right: 0;
	top: 12px;
	width: 20px;
}

.badges .atoggle:hover {
	text-decoration: none;
}

.badges .help {
	background: url(/assets/img/icons/question.gif) no-repeat 0 0;
}

#chart {
	position: relative;
}

#chart a {
	color: #ff6600;
	padding: 6px 0 5px 0;
	background: url(/assets/img/icons/question.gif) no-repeat 100% 40%;
}

#chart .togglehelp {
	display: none;
	position: absolute;
	background: #000;
	opacity:0.6;  
	filter:alpha(opacity=60);    
	-moz-opacity:0.6;      
	-khtml-opacity: 0.6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	color: #CCC;
	top: -40px;
	left: 18px;
	width: 150px;
	padding: 10px 0 10px 0;
}

#chart .atoggle {
	position: absolute;
	right: 10px;
	top: -5px;
	width: 20px;
}

#chart .atoggle:hover {
	text-decoration: none;
}

#testify {
	background: #ff4f07 url(/assets/img/popup/testimonial-arrow.png) no-repeat 0;
	border: 5px solid #ff4f07;
	border-left: 8px solid #ff4f07;
	border-right: 8px solid #ff4f07;
	margin: 10px 0 0 0;
	color: white;
	font-weight: bold;
	font-size: 13px;
	display: block;
	text-align: center;
}

.flag {
	margin: 10px 0;
	display: block;
	padding: 10px 3px 10px 25px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	background: url(/assets/img/popup/flag.png) no-repeat 3px 10px;
	font-weight: bold;
}

#screenshot {
	position: absolute;
	background-color: white;
	border: 10px solid #badbe2;
	padding: 20px 8px;
	display: none;
	text-align: center;
	width: 275px;
	-webkit-box-shadow: 6px 6px 10px #666;
	-moz-box-shadow: 6px 6px 6px #888;
	-moz-box-shadow: black 0px 0px 5px;
}

#uw-badge-bg {
	position: absolute;
	left: 5px;
	top: 5px;	
}

#screenshot span {
	display: block;
	clear: both;
	margin: 10px 0;
}

/* @group post body styles */

.post-body img {
	border: 4px solid #badbe2;
	margin: 1em 0;
}

.post-body h1 {
	font-size: 16px;
}

.post-body h2 {

	font-size: 14px;
}

.post-body h3 {
	font-size: 12px;
}

.post-body h1, .post-body h2, .post-body h3, strong {
	

/*bringing boldness back to headers and the strong element*/
	font-weight: bold;
}

.post-body abbr, .post-body acronym {
/*indicating to users that more info is available */
	border-bottom: 1px dotted #000;
	cursor: help;
}

.post-body em {
	font-style: italic;
}

.post-body .post-body ul, .post-body ol, .post-body dl {
	margin: 1em;
}

.post-body blockquote {
	background: #dee7e9;
	padding: 1em;
	border-left: 4px solid #badbe2;
	margin: 1em 0.5em;
}

#certificate {
	width: 500px; height: 367px;
	margin: 0 auto;
	background: url(/assets/img/popup/certificate-bg.gif) no-repeat;
	position: relative;

}

#certificate #name {
	font-size: 16px;
	color: #ff6600;
	font-weight: bold;
	padding-top: 120px;
	padding-bottom: 15px;
	text-align: center;
}

#certificate #certified-text {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	width: 400px;
	margin: 0 auto;
	color: #555758;
}

#date-1 {
	position: absolute;
	top: 280px;
	font-size: 9px;
	left: 32px;
	color: #555758;
}

#date-2 {
	position: absolute;
	top: 280px;
	font-size: 9px;
	left: 267px;
	color: #555758;
}

#issued {
	position: absolute;
	right: 83px; bottom: 10px;
	font-size: 9px;
	color: #ff6600;
	
}

#issued-numbers {
	position: absolute;
	right: 35px; bottom: 10px;
	font-size: 9px;
	color: #555758;
}


.post-body ol, .post-body ul, .post-body dl {
	

/*bringing lists on to the page with breathing room */
	margin-left: 2em;
}

.post-body ol li {
	

/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
}

.post-body ul li {
	

/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}

.post-body dl dd {
	

/*giving UL's LIs generated numbers*/
	margin-left: 1em;
}

.post-body th, .post-body td {
	

/*borders and padding to make the table readable*/
	border: 1px solid #000;
	padding: .5em;
}

.post-body th {
	

/*distinguishing table headers from data cells*/
	font-weight: bold;
	text-align: center;
}

.post-body caption {
	

/*coordinated marking to match cell's padding*/
	margin-bottom: .5em;


/*centered so it doesn't blend in to other content*/
	text-align: center;
}

.post-body p, .post-body fieldset, .post-body table {
	

/*so things don't run into each other*/
	margin-bottom: 1em;
}

/* @end post body styles */

.clearfix:after {
content:" ";
display:block;
height:0;
clear:both;
visibility:hidden;
font-size: 0;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */