@charset "utf-8";

/* jcpcindycrawford layout.css */

/*
some color palettes:
http://www.colorjack.com/?swatch=00374A,71D40F,75006F,005B74,004054,003448
*/





/*********************** IDs *******************************/
#wrapper {
	/*margin: auto;*/
	width: 740px;
	background-color: #FFF;
	margin-bottom: 1.25em;
	text-align: left;
	background: url('../images/wrapper_right_bg.jpg') top right no-repeat;
}

#header {
	height: 92px;
	padding-left:20px;
	/*background-color:gray;*/
}

#header-left {width:147px;float:left;/*background-color:blue;*/}
#header-top-right {width:538px;text-align:right;height:19px;padding-top:17px;margin-left:147px;padding-right:20px;}
#header-bottom-right {width:538px;text-align:right;margin-left:147px;padding-top:22px;padding-right:20px;}

		

#menu {
	margin-left:100px;
	margin-top:40px;
	display:inline;
}


#content-container {
	min-height: 18.75em;
	padding: 0;
}

#content {
}

#index-masthead {width:725px;height:185px;background:url('../images/index_masthead.jpg') top center no-repeat;}
#index-left {float:left;width:416px;height:282px;margin:0;padding:0;vertical-align:top;}
#index-right {float:left;width:309px;margin-left:412px;height:241px;margin:0;padding:0;vertical-align:top;}

#vote-index-masthead {width:725px;height:184px;background:url('../images/vote_index_masthead.jpg') top center no-repeat;}
#vote-index-left {float:left;width:435px;height:285px;margin:0;padding:0;vertical-align:top;padding-left:20px;}
#vote-index-right {float:left;width:270px;margin-left:455px;margin:0;padding-top:75px;vertical-align:top;background:url('../images/cindys_chin.jpg') top right no-repeat;}
#vote-index-right p {color:#666;font-size:1.25em;}


#page-masthead {width:725px;height:121px;background:url('../images/page_masthead.jpg') top center no-repeat;}
#register-masthead {width:725px;height:61px;background:url('../images/register_masthead.jpg') top center no-repeat;}
#thankyou-masthead {width:725px;height:61px;background:url('../images/thankyou_masthead.jpg') top center no-repeat;}
#rules-masthead {width:725px;height:61px;background:url('../images/rules_masthead.jpg') top center no-repeat;}
#prizes-masthead {width:725px;height:61px;background:url('../images/prizes_masthead.jpg') top center no-repeat;}
#vote-register-masthead {width:725px;height:61px;background:url('../images/vote_register_masthead.jpg') top center no-repeat;}
#vote-masthead {width:725px;height:61px;background:url('../images/vote_masthead.jpg') top center no-repeat;}
#vote-thankyou-masthead {width:725px;height:61px;background:url('../images/vote_thankyou_masthead.jpg') top center no-repeat;}
#share-masthead {width:725px;height:61px;background:url('../images/share_masthead.jpg') top center no-repeat;}
#sorry-masthead {width:725px;height:61px;background:url('../images/sorry_masthead.jpg') top center no-repeat;}
#winners-staytuned-masthead {width:725px;height:184px;background:url('../images/winners_staytuned_masthead.jpg') top center no-repeat;}
#winners-masthead {width:725px;height:184px;background:url('../images/winners_masthead.jpg') top center no-repeat;}

#register, 
#vote-register,
#vote,
#winners {padding-left:20px;padding-top:10px;padding-bottom:20px;}
#winners {padding-top:0;}
#register p, 
#register h3, 
#vote-register p, 
#vote-register h3,
#vote p,
#vote h3 {color: #333;}
#register h2, 
#vote-register h2,
#vote h2 {color:#000;font-size:1.75em;margin-bottom:1em;line-height:1em;}

#vote-register {background:url('../images/vote_registration_bed.jpg') top right no-repeat;}

.vote-register-button {border:1px solid #e6ebeb;background:#f3f7f7;text-align:center;padding:6px;}



#register-essay {
border:1px solid #e6ebeb; 
background-color:#f3f7f7; 
width:653px;
padding-left:30px;
padding-top:20px;
}

#register-essay *, #register #register-essay * {color:#6b6b6b;}

#register-essay h2 {font-size: 18px; font-weight: bold;}
#register-essay h2 a {font-weight:bold; font-size:75%; margin-right:12px;}

#register-bed {
background:url('../images/registration_bed.jpg');
width:191px;
height:168px;
position:relative;
top:-28px;
right:-8px;
float:right;
}

#thankyou {width:300px;padding-left:425px;padding-top:80px;height:220px;color:#333;background:url('../images/thankyou_furniture.jpg') top left no-repeat;}
#thankyou h1 {color:#79bec8;}
#vote h2 {color:#79bec8;font-weight:bold;}

#prizes {width:545px;margin:auto;color:#333;padding-left:40px;padding-right:40px;padding-top:300px;background:url('../images/prizes_grand.jpg') top center no-repeat;}

#rules {padding:20px;}
#rules * {color:#333;}

#share {padding:20px;}
#share * {color:#333;}

#file-not-found {padding:20px;}
#file-not-found * {color:#333;}

/*#afterschool{background:url('../images/jcpenney_afterschool_logo.jpg') top left no-repeat; padding-left:100px;}*/
#afterschool #afterschool-link {width:100px;height:100%;vertical-align:top;float:left}
#afterschool #afterschool-text {margin-left:100px}
#afterschool #afterschool-text * {color:#333;}



#footer {
	height:80px;
	background:url('../images/footer_bg.jpg') top right no-repeat;
	padding-left:20px;
	padding-top:20px;
	/*margin-top:20px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#626262;
	}
	
#footer-left{width:107px;float:left;}
#footer-middle{width:463px; float:left;padding-top:1em;padding-right:1em;text-align:right;}
#footer-right{width:124px;float: left;}

#footer a {color:#626262; text-decoration: none;}
#footer a:hover {color:#000;text-decoration:underline;}





#popup-background {  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background-color:#6b6b6b;  
border:1px solid #cecece;  
z-index:1001;  
} 

#essay-wrapper {
background-color:#fff;
z-index:1002;
width:665px;
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
top:75px;
left:20px;
padding:10px;
text-align:left;
}

#essay-wrapper * {color:#464646;}

#essay-wrapper p {font-size:14px;line-height:1em;margin-bottom:.5em;}
#essay-wrapper h1 {font-size:30px;color:#79bec8;font-weight:bold;width:100%;text-align:center;}
#essay-wrapper h2 {font-size:18px;font-weight:bold;margin-bottom:0;margin-top:0;}

#essay-wrapper a {text-decoration:none;}
#essay-wrapper a.hover {font-weight:bold;}
#essay-wrapper a.active {font-weight:bold;}

#essay-wrapper .essay-header {height:42px;background:url('../images/essay_header_bg.jpg') top center no-repeat; padding-top:24px;}
#essay-wrapper .essay-header #popup-close {position:absolute;top:18px;right:16px;}
#essay-wrapper .essay-left {float:left;margin-right:10px;width:165px;padding-left:16px;padding-top:6px;height:100%;text-align:center;}
#essay-wrapper .essay-left img {border: 2px solid #cecece;}
#essay-wrapper .essay-right {float:left;padding-top:6px;width:465px;}



#winner-essay-wrapper {
background-color:#fcfcfc;
width:645px;
padding:20px;
text-align:left;
border:1px solid #e6ebeb;
margin-bottom:20px;
}
#winner-essay-wrapper * {color:#464646;}
#winner-essay-wrapper.grand {background-color:#f3f7f7;}

.winner-essay-left {float:left;margin-right:10px;width:315px;height:100%;text-align:center;}
.winner-essay-right {float:left;width:315px;}

#winner-essay-wrapper h1 {font-size:30px;color:#79bec8;font-weight:bold;margin-bottom:0;margin-top:0;}
#winner-essay-wrapper h2 {font-size:18px;font-weight:bold;margin-bottom:7px;margin-top:0;}
#winner-essay-wrapper p {font-size:14px;line-height:1em;margin-bottom:0;margin-top:0;}


.winner-essay-right a {font-weight:bold;}

/*#essay-voting *, #vote * {color:#6b6b6b;font-size:12px}
#vote .bold {font-size:14px;font-weight:bold;}
#essay-voting {border:1px solid #e6ebeb;background-color:#f3f7f7;padding:6px;float:left;width:321px;margin-right:19px;}
#essay-voting img {border:2px solid #cecece;width:316px;}
#essay-voting a {font-weight:bold;}
#essay-voting .text-left {float:left;width:50%;text-align:left;}
#essay-voting .text-right {float:left;width:50%;text-align:right;}*/
#essay-voting *, #vote * {color:#464646;font-size:12px}
#vote .bold {font-size:14px;font-weight:bold;}
#essay-voting {border:1px solid #e6ebeb;background-color:#f3f7f7;padding:2px;float:left;width:129px;margin-right:6px;}
#essay-voting img.entry-photo {border:2px solid #cecece;}/*width:115px;*/




#flanimation {position:absolute;top:266px;left:0px;z-index:3;}








/*********************** Classes *******************************/


.clear {
	clear: both;
	/*** these next attributes are designed to keep the div
	height to 0 pixels high, critical for Safari and Netscape 7 ***/
	height: 1px;
	overflow: hidden;
	line-height: 1%;
	font-size: 0px;
	margin-bottom: -1px;
}

* html .clear {
	height: auto;
	margin-bottom: 0;
}
/*** stops IE browsers from displaying
the clear div/br in the page, as these are for Moz/Opera and
Safari only. If IE 5.x Win DID display these, the page is too high ***/


.smalltext {font-size:8pt;}

.threecol-left, .threecol-center, .threecol-right {float:left;width:33%;}
.twocol-left, .twocol-right {float:left;width:50%;}
.center {margin:auto;}
.textcenter {text-align:center;}


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; width:682px; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.errortext,
.errortext a	{color: #8a1f11;}
.noticetext,
.noticetxt a 	{color: #514721;}
.successtext,
.successtext a	{color: #264409;}