@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------------------------------------
ColonoscopyForDummies Screen Stylesheet

version:   2.0
date:      09/01/2010
website:   ColonoscopyForDummies.com
company:   MedThink Communications

Colors		yellow		#FDD823
					green			#32A441
					dk green	#1F6426
-----------------------------------------------------------------------------*/ 

* { margin:0; padding:0; } 

body { font:62.5% Verdana, Geneva, sans-serif; color:#000000; text-align:center;/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ }

h1 { font-size:3.8em; padding-top:5px; clear:both; }
h2 { font-size:2.2em; color:#1F6426; }    
h3 { font-size:1.8em; color:#1F6426; }    
h4 { font-size:1.4em; } /* list header */
/*h5 { font-size:2.0em; color:#FFF200; }*/

p  { font-size:1.4em; line-height:1.6em; margin:1em 0; }

a:visited { color:#1F6426; }
a:focus, a:hover, a:active { color:#32A441; }

ul { font-size:1.4em; }
li { margin:.5em 2em; }

img { border:0px none; }

/* class styles throughout site */
.left  { float:left; }
.right { float:right;}
.clear { clear:both; }
.half { width:48%; }

.req { color:#CC0000; }
.super { font-size:60%; vertical-align: super; line-height: 0; text-decoration:none; }
.no-wrap { white-space:nowrap; }

/*------ Main layout IDS --------*/
.wrapper { width:100%; }
.content { width:980px; margin:0 auto; }

#starDiv { position:relative; width:50%; height:44px; float:left; overflow:visible; z-index:-1; }
#starImg { position:absolute; top:0; left:-100px; }

#header { height:115px; margin-bottom:35px; background:url(../images/theme/header.gif) top repeat-x; }
#header .social { width:50%; float:right; text-align:right; }
.social { height:32px; margin-top:12px; }
.forward { margin:1px 0; }
.facebook { height:18px; display:inline-block; margin:1px 10px; }
.social a, .twitter-share-button { float:right; cursor:pointer; }

#container { overflow:hidden; }
#legalcontent { text-align:left; }

#leftcontent { float:left; width:360px; }
.button { margin-top:-55px; }
.button:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.endorse { color:#1F6426; overflow:hidden; }
.endorse img { padding:30px 0 10px 0; }
.endorse p { margin:.3em 0 1em 0; font-size:1.1em; line-height:1.4em; }

#maincontent { float:right; width:600px; text-align:left; }
#maincontent .social a, #maincontent .twitter-share-button { float:left; }

#footer { width:100%; padding:12px 0 20px; background:url(../images/theme/footer.gif) bottom repeat-x #FDD823; border-top:3px solid #32A441; overflow:hidden; }
#footer img { float:left; margin:0 0 10px 30px; vertical-align:bottom; }
#footer p { /*float:right; width:845px;*/ margin:0 0 12px; font-size:1.2em; }
#footer a { color:#000; }
/*------ END Main Layout IDS --------*/

/* Home page */
blockquote { margin:25px 0 30px 20px; padding:0 25px; position:relative; overflow:visible; background:url(../images/content/callout-bg.gif) repeat-y; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
#quote { position:absolute; top:-15px; left:-20px; }
#author { float:right; margin:20px 0 0 20px; }
blockquote p { margin:0; padding-top:16px; line-height:1.4em; color:#1F6426; }
blockquote .source { padding:0 0 20px; text-align:right; }


/* Sign up form page */
.form, .callout { margin:40px 20px 40px 0; padding:25px 25px 1px; overflow:visible; position:relative;  background:url(../images/content/callout-bg.gif) repeat-y; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.form .required { position:absolute; top:-35px; right:25px; }
.form div { margin-bottom:1.5em; }
.form div div { margin-bottom:.5em; }

label { display:block; }
label, .form p { margin-bottom:5px; font-size:1.2em; }
	
	/* input and reset form defaults */
	option { padding:0 2px; }
	.radio input { margin:3px 3px 0 5px; }
	.check input { margin:3px 3px 3px 4px; }
	.text input { width:100%; }

label.other { display:inline; }
input.other { width:450px; margin:0; }

#submit { float:left; width:65px; height:20px; margin-right:30px; padding-bottom:2px; cursor:pointer; background:url(../images/content/submit-sml.gif) 0 0 no-repeat; border:none; font-weight:bold; text-align:center; color:#fff; }
#submit:hover { background-position:bottom; }
.submit { float:left; width:65px; height:20px; margin-right:30px; padding-bottom:2px; cursor:pointer; background:url(../images/content/submit-lrg.gif) 0 0 no-repeat; border:none; font-weight:bold; text-align:center; color:#fff; }
.submit:hover { background-position:bottom; }


#guide #submit { width:175px; background-image:url(../images/content/submit-lrg.gif); }

/* Forward to a friend */
.refresh { display:none; margin:0; padding-bottom:1em; font-weight:bold; color:#1F6426; }

/* Validation */
.visible { visibility:visible; padding:0px, margin: 0px; color:Red; }
.hidden { visibility:hidden; padding:0px, margin: 0px; color:Red; }
/* End Validation */
