@charset "UTF-8";
/* CSS Document */

/************************************************************
					Global Tags
************************************************************/

html {
	height: 100%;
	}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #888;
	line-height: 19px;
	}
	
img {
	border: none;
/*	behavior: url("css/pngbehavior.htc");
*/	}
	
h1 {
	font-size: 17px;
	color: #f4a100;
	font-weight: strong;
	margin-top: 0px;
	}
	
#logoPrint{
	display:none;
}	

#subTitle{
	padding-top: 10px;
	padding-left:20px;
	margin-bottom: -20px;
}

#subTitle h1{ 
	font-size: 16px;
}

h2 {
	font-size: 14px;
	color: #f4a100;
	font-weight: strong;
	}
	
h3 {
	font-size: 13px;
	color: #f4a100;
	font-weight: strong;
	}

	
a:link, a:visited {
	color: #3688ce;
	}
	
a:hover, a:active {
	color: #333333;
	} 
	
.align_right {
	text-align: right;
	}
	
.align_left {
	text-align: left;
	}
	
sup {
	font-size: 75%;
	line-height: 10px;
	}
	
/**** Forms ***/
form {
	margin: 0;
	padding: 0;
}

form table {
	border-collapse: collapse;
	border-spacing: 0px;
	}
	
label {
	display: block;
	color: #f4a100;
	margin-top: .25em;
	}
	
.label_noblock {
	display: inline;
	}
	
.checkbox {
	display: block;
	margin-top: .5em;
	margin-bottom: .75em;
	}

input {
	}
	
select {
	margin-bottom: .75em;
	}
	
.button {
	/*display: block;
*/	margin-top: 10px;
	}
	
.button img {
	vertical-align: middle;
	}
	
.button_cancel {
	margin-left: 2em;
	}
	
.error {
	border: 1px solid #b00000;
	background-color: #fccbc7;
	color: #b00000;
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 30px;
	background-image: url(../images/icon_error.gif);
	background-repeat: no-repeat;
	background-position: left;
	}

	
.error_label {
	font-weight: bold;
	color: #b00000;
	}

.highlighttext{
	padding: 3px 6px 4px 6px;
	text-decoration: none;
	font: bold 13px Verdana;
	color: navy;
	background-color: #FFFFAA;
	border: 1px solid gray;
	border-bottom-width: 0;
}

.spreadtheword{
	border-bottom: 1px solid #E6E6E6;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

/************************************************************
					General Layout
************************************************************/

#logo {
	position: absolute;
	top: 17px;
	left: 36px;
	z-index: 50;
	}
	
/* Cause #footer float to the bottom by setting the height of the HTML and Body tag and #content_wrapper to 100%. The #footer has a the negative top margin to pop the footer over the #content_wrapper. */
	
#content_wrapper {
	position: relative;
	min-height: 100%;
	}
	
/* A CSS hack that only applies to IE */
* html #content_wrapper {
	height: 100%;
	}

/************************************************************
					Inside / Outside Generic
************************************************************/

.outside {
	background-image: url(../images/outside_sky_bkgd.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #d7ecfa; 
	}
	
.inside {
	background-image: url(../images/inside_wallpaper_lrg_bkgd.gif);
	background-position: top left;
	background-color: #cfcfcf; 
	}
	
/************************************************************
					Outside Home
************************************************************/

/* Cause #outside_home_main_content float to the bottom by setting the height of the HTML and Body tag and #clouds to 100%. Clouds have a min-height that matches the negative top margin of #outside_home_main_content to ensure scrolling in small windows. */

#outside_home_clouds {
	height: 100%;
	min-height: 700px;
	background-image: url(../images/outside_home_clouds.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}

/* IE does not read the min-height set for #outside_home_clouds the following style forces the div to a specific height */
.vert_spacer_for_ie {
	height: 700px;
	}
	
#outside_home_main_content {
	margin-top: -705px;
	width: 100%;
	background-image: url(../images/outside_home_house.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	}
	
#outside_home_grass {
	background-image: url(../images/outside_home_grass_bkgd.gif);
	background-position: bottom right;
	background-repeat: repeat-x;
	}
	
#outside_home_house_bottom {
	background-image: url(../images/outside_home_house_bottom.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	}
	
/**** Outside Home Form ****/

#outside_home_main_content #form_container {
	padding-top: 122px;
	width: 587px;
	}
	
#outside_home_main_content #form_top {
	margin: 0px 0px 0px 80px;
	}
	
#outside_home_main_content #form {
	margin: 0px 0px 0px 80px;
	padding: 0px 16px 0px 16px;
	background-color: #FFFFFF;
	border-left: 2px solid #cecc1e;
	border-right: 2px solid #cecc1e;
	}
	
#outside_home_main_content #form_bottom {
	margin: 0px 0px 0px 9px;
	}
	
.blue_highlight {
	background-image: url(../images/outside_home_form_bluehighlight.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	}

#outside_home_main_content #form h1 {
	padding-left: 14px;
	padding-right: 14px;
	}
	
#outside_home_main_content #form p {
	padding-left: 14px;
	padding-right: 14px;
	padding-bottom: 14px;
	min-height: 108px;
	}
	
#outside_home_main_content #form table {
	border-collapse: collapse;
	border-spacing: 0px;
	}

#outside_home_main_content #form td {
	padding: 0px;
	}

#outside_home_main_content #form .td_pad_left {
	padding-left: 14px;
	}

/************************************************************
					Generic Results Styles
************************************************************/

#gapfiller {
	position: absolute;
	z-index: 0;
	height: 50%;
	margin-top: 35%;
	margin-left: 8px;
	background-color: #FFFFFF;
	width: 937px;
	border-right: solid 2px #d3d130;
	border-left: solid 2px #d3d130;
	}
	
#card {
	padding-top: 170px;
	margin-left: 8px;
	width:941px;
	}
	
#cardBody {
	padding:20px 22px 160px 22px;
	background-color:#FFFFFF;
	border-right: solid 2px #d3d130;
	border-left: solid 2px #d3d130;
	}

#top{
	width:941px;
	height:20px;
	background-image:url(../images/top.gif);
	}
	
#topLeft {
	float:left;
	width:22px;
	height:20px;
	background-image:url(../images/outside_results_topLeft.gif);
	}

#topRight {
	float:right;
	width:22px;
	height:20px;
	background-image:url(../images/outside_results_topRight.gif);
	}
	
#changeProfile {
	margin-top:-15px;
	height:29px;
	background-image:url(../images/change_profile_back.gif);
	background-repeat: no-repeat;
	padding:5px 0 0 12px;
	}
	
#subHeader {
	padding: 15px 20px 5px 20px; 
	background-image:url(../images/results_subHeader.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	}
	
#subHeaderPrint {
	padding: 15px 20px 5px 20px;
	margin-top: -20px;
	}	
	
#resultsText {
	width: 415px;
	float: left; 
	padding: 15px 10px 15px 20px;
	}
	
#resultsText p {
	margin-top: .5em;
	margin-bottom: 1.5em;
	}
	
.result {
	margin-top: 0;
	}
	
.result h2 {
  	padding-top: 10px;
	}

.numbers {
	float:left; 
	padding-top:6px;
	}
	
.numBulletPrint {
	float:left; 
	padding-top:3px;
	padding-right:10px;
	font-size:16px;
	color: #2A75C0;
	}	

.numBulletGreen {
	font-size:23px;
	color:#3688ce;
	float:left;
	height:31px;
	background-color:#E4E380;
	margin-right: .5em;
	}
	
.numBulLeftGreen {
	float:left;
	width:6px;
	height:31px;
	background-image:url(../images/results_num_bul_L_green.gif);
	}


.numBulRightGreen {
	width:6px;
	height:31px;
	float:left;
	background-image:url(../images/results_num_bul_R_green.gif);
}

.numBulletBlue {
	font-size:23px;
	color:#3688ce;
	float:left;
	height:31px;
	background-color:#C2DDF9;
	margin-right: .5em;
	}
	
.numBulLeftBlue {
	float:left;
	width:6px;
	height:31px;
	background-image:url(../images/results_num_bul_L_blue.gif);
	}


.numBulRightBlue {
	width:6px;
	height:31px;
	float:left;
	background-image:url(../images/results_num_bul_R_blue.gif);
}

.numBulletOrange {
	font-size:23px;
	color:#3688ce;
	float:left;
	height:31px;
	background-color:#F3C563;
	margin-right: .5em;
	}
	
.numBulLeftOrange {
	float:left;
	width:6px;
	height:31px;
	background-image:url(../images/results_num_bul_L_orange.gif);
	}


.numBulRightOrange {
	width:6px;
	height:31px;
	float:left;
	background-image:url(../images/results_num_bul_R_orange.gif);
}
	
#flashMap { 
	float: right;
  	width:420px;
 	margin: -20px 0 0 0; 
	padding: 0px;
	text-align: left;
	}		
	
#popUps {
	margin-left:-30px;
	}

#navlist li {
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
	background:url(../images/bullet_orange.gif) no-repeat;
	background-position: left center;
	}

	
#pageBreak {
	background-image: url(../images/results_pagebreak_bkgd.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding-top: 5px;
	text-align: center;
	}
	
#pageBreak p {
	margin-top: 0px;
	color:#3688ce;
	margin-bottom: 0px;
	}
	
#share {
	padding-top: .75em;
	clear: both;
	}
	
#share p {
	margin-top: .5em;
	}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}
	
/**** Results Footer Styles ****/
	
#footer {
	position: absolute;
	z-index: 10;
	width: 100%;
	margin-bottom: 0;
	}
	
#footerContent {
	padding:20px 20px 0px 20px;
	font-size: 9px;
	line-height:12px;
	}

/************************************************************
					Results Outside - Specific styles only see Generic Results for global styles
************************************************************/

.outside #content_wrapper {
	background-image: url(../images/outside_home_clouds.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}

#outside_results_kittens {
	position: absolute;
	top:0;
	left:355px;
	z-index:51;
	}
	
#outside_results_cat {
	position: absolute;
	top:0;
	left:435px;
	z-index:51;
	}

#outside_results_sunflower {
	position: absolute;
	top:595px;
	left:941px;
	width:82px;
	height:208px;
	background-image:url(../images/outside_results_sunflower.gif);
	}

.outside #footer {
	margin-top: -174px;
	height: 174px;
	background-image:url(../images/outside_grass_bkgd.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	}
	
#outside_results_surprise_kitty {
	margin-left:8px;
	height:174px;
	width:941px;
	background-image:url(../images/outside_results_footer_back.jpg);
	background-repeat: no-repeat;
	}
	
/************************************************************
					Results Inside - Specific styles only see Generic Results for global styles
************************************************************/
	
.inside #content_wrapper {
	background-image: url(../images/inside_wallpaper_sm_bkgd.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	}
	
#window {
	position: absolute;
	z-index: 40;
	top: 0px;
	left: 385px;
	height: 181px;
	width: 365px;
	background-image: url(../images/inside_window.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
#windowKitten {
	position: absolute;
	z-index: 40;
	top: 0px;
	left: 385px;
	height: 208px;
	width: 365px;
	background-image: url(../images/inside_window_kitten.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}	
	
	
.inside #topLeft {
	float:left;
	width:22px;
	height:20px;
	background-image:url(../images/inside_results_topLeft.gif);
	}

.inside #topRight {
	float:right;
	width:22px;
	height:20px;
	background-image:url(../images/inside_results_topRight.gif);
	}
	
#yarn_top {
	position: absolute;
	z-index: 30;
	top: 147px;
	left: 830px;
	height: 230px;
	width: 178px;
	background-image: url(../images/inside_yarn_top_string.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}

.inside #footer {
	height: 153px;
	margin-top: -153px;
	}
	
#yarn_ball {
	margin-left:8px;
	height:153px;
	width:939px;
	background-image:url(../images/inside_yarn_ball.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-left: solid 2px #d3d130;
	background-color: #FFFFFF;
}

#yarn_bottom_string {
	position: absolute;
	left: 949px;
	width: 39px;
	height: 137px;
	background-image: url(../images/inside_yarn_bottom_string.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	}	
	
	
/************************************************************
					Popup Panel
************************************************************/

.popup_panel_email_friend {
	width: 439px;
	/* Temporary Placement only needs javascript calculation */
	position: absolute;
	z-index: 60;
	left: 30px;
	margin-top: -1000em;
	/* Temporary Placement only needs javascript calculation */
	}
	
.popup_panel_email_results {
	width: 439px;
	/* Temporary Placement only needs javascript calculation */
	position: absolute;
	z-index: 61;
	left: 30px;
	margin-top: -1000em;
	/* Temporary Placement only needs javascript calculation */
	}
	
.popup_panel_top {
	background-image: url(../images/popup_panel_top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 21px;
	}

.popup_panel_middle {
	background-image: url(../images/popup_panel_middle.gif);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 0px 33px 0px 35px;
	margin-bottom: 0px;
	}
	
.popup_panel_middle .instructions  {
	border: 1px solid #fff;
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 0px;
	}

.popup_panel_bottom {
	background-image: url(../images/popup_panel_bottom.gif);
	background-repeat: no-repeat;
	background-position: top left;
	clear:both;
	height:25px;
	}
	
.popup_panel_arrow_email_friend {
	position:relative;
	left:70px;
	top:19px;
	float:left;
	}
	
.popup_panel_arrow_email_results {
	position:relative;
	left:200px;
	top:19px;
	float:left;
	}
	
.popup_actions {
	clear:both;
	width:100%;
	height:41px;
	}

.popup_actions a {
	float:left;
	margin-right:15px;
	}
	
.popup_actions .cancel_link {
	margin-top:20px;
	}
	
/************************************************************
					Confirm Dialog
************************************************************/

	
.dialog_container {
	width: 100%;
	text-align:center;
	position:absolute;
	top:-500px;
	z-index:1000;
	line-height:15px;
	}
	
.dialog_box {
	padding: 0px;
	margin:auto;
	width: 432px;
	padding:60px;
	z-index:1001;
	}
	
.dialog_text {
	background:url(../images/dialog_bkgd.png) no-repeat;
	padding:30px 60px 30px 60px;
	width:400px;
	height:145px;
	text-align: left;
	z-index:1002;
	}
	
	
#overlay {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	opacity: .75;
	filter:alpha(opacity=75); /* IE's opacity*/ 
	z-index:90;
	background-color: #000;
	display:block;
	}
	
/************************************************************
					Generic Sub Page
************************************************************/
	
#sub_gapfiller {
	position: absolute;
	z-index: 0;
	height: 50%;
	margin-top: 25%;
	margin-left: 30px;
	background-color: #FFFFFF;
	width: 888px;
	background-image:url(../images/sub_bodyBack.jpg);
	background-repeat:repeat-y;
	}
	
#sub_card{
	padding-top: 128px;
	margin-left: 30px;
	width:888px;
	}
	
#sub_card_top {
	width:888px;
	height:46px;
	}
	
#subRightPaper{
	position:absolute;
	top:157px;
	left:918px;
	width:22px;
	height:515px;
	}

#sub_card_body {
	padding: 0px 0px 174px 20px;
	background-color:#FFFFFF;
	background-image:url(../images/sub_bodyBack.jpg);
	background-repeat:repeat-y;
	}
	
.backToResults {
	margin-bottom: 5px;
	height:29px;
	background-image:url(../images/change_profile_back.gif);
	background-repeat: no-repeat;
	padding:5px 0 0 0px;
	}
	
.backToResults_bottom {
	margin-top:20px;
	height:29px;
	background-image:url(../images/change_profile_back.gif);
	background-repeat: no-repeat;
	padding:5px 0 0 12px;
	clear: both;
	}

#sub_title {
	padding: 0px 20px 0px 0px; 
	}

#sub_leftColumn {
	float: left;
	width: 510px; 
	padding: 0px 0px 15px 0px;
	}
	
#sub_body_text {
	padding-left:20px;
	padding-top: 15px;
	}
	
#sub_body_text p {
	margin-top:0px;
	margin-bottom: 15px;
	}
	
#sub_body_text h2 {
	margin-top:0px;
	margin-bottom: 15px;
	}
	
.question {
	display: inline;
	}
	
.answer {
	margin-top: 5px;
	}
	
#sub_rightCol { 
	width:290px;
 	padding-top: 33px;
	margin-left: 559px;
	margin-top: 0px;
	}

#sub_rightColTop { 
	padding-left: 11px;
	}
	
#sub_rightColContent { 
	margin-top:20px;
  	padding: 20px;
	}
	
.sub_rightCol_module {
	border-bottom: 1px solid #E6E6E6;
	padding-bottom: 10px;
	margin-bottom: 20px;
	}
	
.sub_rightCol_module h3 {
	display: inline;
	}
	
.sub_rightCol_module p {
	margin-bottom: 15px;
	margin-top: 5px;
	}
	
.sub_rightCol_module ul {
	list-style-image: url(../images/bullet.gif);
	padding-left: 9px;
	margin-left: 9px;
	}
	
/**** Footnote Styles ****/
	
.footnotes {
	font-size: 10px;
	line-height: 11px;
	padding-bottom: 20px;
	}
	
.footnotes p {
	font-size: 10px;
	line-height: 12px;
	}
	
/**** Sub Footer Styles ****/
	
#sub_footer_page_background {
	background-color:#FFFFFF;
	margin-left: 30px;
	padding-left: 0px;
	width:888px;
	background-image:url(../images/sub_bodyBack.jpg);
	background-repeat:repeat-y;
	height: 174px;
	}

#sub_footer_page_background #footerContent {
	width: 510px;
	}

/************************************************************
					Outside Sub Page - Specific styles only see Generic Sub Page for global styles
************************************************************/

.outside #sub_card_top {
	background-image: url(../images/outside_sub_card_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
.outside #subKitten {
	position:absolute;
	top:0px;
	left:436px;
	width:424px;
	height:207px;
	z-index:51;
	background-image: url(../images/outside_sub_kitten.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
.outside #subCat {
	position:absolute;
	top:0px;
	left:348px;
	width:312px;
	height:182px;
	z-index:51;
	background-image: url(../images/outside_sub_cat.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}

.outside #subRightPaper{
	background-image:url(../images/outside_sub_angled_paper_Right.gif);
	}
	
/************************************************************
					Inside Sub Page - Specific styles only see Generic Sub Page for global styles
************************************************************/

.inside #sub_card_top {
	background-image: url(../images/inside_sub_card_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
.inside #subKitten {
	position:absolute;
	top:0px;
	left:392px;
	width:551px;
	height:207px;
	z-index:51;
	background-image: url(../images/inside_sub_kitten.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
.inside #subCat {
	position:absolute;
	top:0px;
	left:394px;
	width:354px;
	height:181px;
	z-index:51;
	background-image: url(../images/inside_sub_cat.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}

.inside #subRightPaper{
	background-image:url(../images/inside_sub_angled_paper_Right.gif);
	}


/* border: 1px solid #000000; */