/* csim - 9/17/2009 */
body, input, textarea{ background:#F9F9F9; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
body,div,ul,li,h1,h2,p,h3,form{margin:0; padding:0;}
p{ line-height:17px;}
li{list-style:none;}
ol li{ list-style:decimal;}
input, textarea{background:#fff;}
a{outline:none;}

/*common*/
.clear{clear:both;}
.hide{display:none;}
.floatL, .lCol{float:left;}
.floatR, .rCol{float:right;}
.floatN{float:none !important;}
.noMargin{margin:0 !important;}
.cAlign{ text-align:center !important;}
.imgTxt, .imgBtn{ display:block; text-indent:-9999px; background-image:url(../images/txtSprite.png); background-repeat:no-repeat; overflow:hidden;}
.imgBtn {background-image:url(../images/iconSprite.png); cursor:pointer;}
.block{ display:block;}
.hidden{ visibility:hidden; }
.vMiddle { vertical-align:middle;}
.tWrap{word-wrap: break-word;}
a img{border:none;}
.cookieHeader{ background:url(../images/cookiesBg.png) repeat-x; overflow:hidden;height:36px;}
h2{margin:0 12px 0 10px;}
h2 .imgTxt{margin:10px auto;}
.btn{ background: #76011C url(../images/btnBgRed.jpg) repeat-x; padding:7px 12px; text-decoration:none; margin:10px; color:#fff; font-weight:bold; text-align:center; cursor:pointer; }

/*layout*/
body{background:#F9F9F9 url(../images/bg.jpg) top center no-repeat;}
#wraper{width:1200px; margin:0 auto;  min-height:880px; height:auto !important; height:880px;}
h1 a{width:241px; height:92px;  display:block; margin:0 auto; text-indent:-9999px; }
#content{margin:0px 110px 0px 110px; }
#footer{font-size:90%; margin:20px 130px 0 120px;}
.container{ background:url(../images/containerBg.png) repeat-y; padding-left:10px;}
.container h3{ text-align:center; color:#AD2A39; width:600px; margin:10px auto; font-size:19px; line-height:22px; font-family:"Lucida Grande", Arial, Helvetica, sans-serif;}
.container h3 span{font-size:14px; font-weight:normal;}
.container .content{padding:10px 15px 10px 15px; background:url(../images/cookieHouse.png) no-repeat left bottom; min-height:500px;height:auto !important; height:500px}
.cFooter{ background:url(../images/containerFooter.png) no-repeat; height:11px; width:976px;}

/*form*/
.fieldEntry {overflow:auto;   padding:5px;}
.selected{background:#F2FAFF;}
.warning{ background:#FFDFDF;}
.fieldEntry label{ display:block; float:left; margin-right:5px; text-align:right; width:100px; }
.fieldEntry .fieldInput{float:left;}
.fieldEntry input{width:200px;}
.fieldEntry textarea{width:200px; height:90px;}
.fieldEntry .fieldInput .hint{display:block; font-size:80%; margin:0 0 5px 10px;}
.hint a{color:#dc1025;}
.errorMsg{margin:3px 0; padding:3px; background:#000; color:#fff;}


.gallery .fieldEntry label{width:60px; font-weight:bold;}


/*nav*/
#header{height:31px;  border-bottom:1px solid #552E21;}
#header p{float:right; display:block; margin:0;}
#nav{float:left;}
#nav li{float:left;}
#nav .imgTxt{ height:31px;}
#home{ background-position:0 -17px; width:69px;}
#howTo{background-position:-69px -17px; width:88px;}
#upload{background-position:-157px -17px; width:155px;}
#gallery{background-position:-312px -17px; width:90px;}
#connect{background-position:-402px -17px; width:97px;}
#whyWeBake{background-position:-499px -17px; width:129px;}
#home:hover{ background-position:0 -48px;}
#howTo:hover{background-position:-69px -48px;}
#upload:hover{background-position:-157px -48px;}
#gallery:hover{background-position:-312px -48px;}
#connect:hover{background-position:-402px -48px;}
#whyWeBake:hover{background-position:-499px -48px;}
.current #home{ background-position:0 -48px;}
.current #howTo{background-position:-69px -48px;}
.current #upload{background-position:-157px -48px;}
.current #gallery{background-position:-312px -48px;}
.current #connect{background-position:-402px -48px;}
.current #whyWeBake{background-position:-499px -48px;}


/*home*/
.home #lCol{width:490px; float:left; background:#fff url(../images/homeCloudBg.jpg) no-repeat left bottom;}
.home #rCol{width:460px; float:left; margin-left:13px; background:#FBEDDB;}
#sub{ overflow:auto;}
#primary{margin-bottom:10px; position:relative; min-height:300px;}
#sub .callout{ display:block; border-bottom:2px solid #E4CDAF; margin:0; padding:15px 0 15px 30px; font-size:110%;}
#sub h2{margin:0;}
#sub h2 .imgTxt{ margin:10px auto 0 auto;}
#briefRules{ color:#AD2A39; width:500px; float:right; display:block; padding-top:25px; text-align:right; font-size:90%;}
#briefRules a{font-weight:bold; color:#AD2A39;}
#stotryList{width:385px; margin-left:30px; font-size:90%;}
#stotryList li{margin:10px 0 15px 0; word-wrap: break-word;}
#stotryList li a, .goToLink{color:#AD2A39;}
#stotryList .name{display:block;}
.cookiesHouseGallery {overflow:auto; margin-top:31px;}
#cookieHouseList{float:left; margin-bottom:18px;}
#cookieHouseList li{float:left; margin-right:6px; border:2px solid #780218; overflow:hidden; width:97px; height:65px;}
#cookieHouseList li img{width:97px;}
.goToLink{float:right; margin:10px;}


/*how to*/
#actionCallOut{ text-align:center; background:#DA0017; color:#fff; padding:16px 0; margin:0 12px 0 10px;}
#actionCallOut .btn, #desc .btn, .shareMore .btn{background:url(../images/btnBg.png) repeat-x;  color:#AD2A39 !important; display:inline-block; margin-bottom:0; }
#actionCallOut strong{font-size:18px; display:block; }
#recipeContainer{ overflow:auto; margin:65px 0 0 70px;}
#recipe{ width:348px; height:221px; margin-top:10px; overflow:scroll; position:relative;}
#printRecipe{ position:absolute; right:10px; top:10px; }
#recipeImg{ display:none;}


/*upload*/
#uploadContainer{margin-left:120px; overflow:hidden;}
#uploadContainer .btn{width:94px; display:block; margin:10px auto;	}
.createAHouseTxt{ background-position:0 -79px; width:492px; height:21px; }
.albumHolder{ background:#72001A url(../images/albumBg.jpg) repeat-x; min-height:276px; word-wrap: break-word; padding:0 30px; width:270px; border:1px solid #da6B84; color:#fbad22;}
#userStory{margin-left:40px;}
#userStory .albumHolder{padding:30px; width:270px; min-height:216px;  }
#story{ background:#fff; display:block; padding:11px; color:#A22C3A;}
#story strong, #story span{ display:block;}
.userSubmitPhoto{margin:0 auto;}
.userSubmitPhoto, #userStory{ text-align:center; width:330px; }
.userSubmitPhoto .albumHolder p{ display:block; text-align:left;}
.userSubmitPhoto .albumHolder span{ display:block; height:20px; text-align:right; padding-top:10px; color:#fff;}

#officialRules{width:100px; margin:0 auto; color:#dc1025; text-align:center;  }

.cAlign label{width:auto; display:block; float:none; text-align:center; margin-top:15px; font-weight:bold; color:#dc1025; font-size:120%;}
.cAlign input, .cAlign .fieldInput{ float:none;}
.cAlign .fieldInput{margin-bottom:15px;}
.uploadform{ width:400px; margin:0 auto;}
.uploadform .btn {margin:10px auto; display:block; width:60px;}
.previewContainer{margin:10px auto; width:330px;}
.previewContainer a{color:#dc1025;}
.previewContainer .editBtn{ display:block; width:30px; margin:10px 0 15px 0; font-weight:bold;}
.previewContainer .submitBtn{width:70px; color:#fff; margin:10px auto;  display:block;}


/*gallery*/
.gallery #lCol, .gallery #rCol{width:470px; background:#FBEDDB; float:left;}
.gallery #rCol{margin-left:10px;}	
.gallery .callout{text-align:center; background:#DA0017; color:#fff; padding:16px 0; margin:0; font-family:"Lucida Grande", Arial, Helvetica, sans-serif;}
.gallery .imgBtn{margin-top:128px;}
.gallery #cookieHouseList{width:374px; border:1px solid #AA0629; background:#fff; padding:25px 0 0 25px; margin:0 5px 15px 0; height:270px;}
.gallery #cookieHouseList li{margin:0 23px 20px 0 !important;}
.gallery .cookiesHouseGallery {margin-top:10px;}
.searchContainer{float:left; margin:10px 0 0 35px;}	
.searchContainer span, .gallery .note{display:block; color:#AA0629;}
.searchContainer .btn{padding:3px; border:1px solid #ccc; margin:0 0 0 5px; background:url(../images/btnBg.png) repeat-x;  color:#AD2A39 !important; }
.upload{position:relative; top:25px;}
.searchBox{width:175px;} 
#storyList{float:left; width:400px; margin:20px 3px 20px 0; word-wrap: break-word;}
.viewAll ul{margin:10px 3px 40px 0 !important;}
#storyList li, .singleStory{ margin-bottom:15px; border:1px solid #AA0629; background:#fff; padding:10px; color:#AA0629;} 
.singleStory{ min-height:262px; height:auto !important; height:262px; float:left;}
.singleStory .name{display:block;}
#storyList li a{color:#000;}
.sharedStories{margin:10px 0 20px 0; padding:0;}
.viewAll{margin:0;}
.viewAll .imgBtn{margin-top:139px;}

.sharedStories td{padding:0;}
.singleStory{width:370px; min-height:240px; height:auto !important; height:250px; margin-right:5px; margin-bottom:5px; word-wrap: break-word;}
.gallery .note{ text-align:center; margin:10px 0; clear:both;}
.gallery .albumHolder p{ display:block; text-align:left;}
.gallery .albumHolder span{ display:block; height:20px; text-align:right; padding-top:10px; color:#fff;}
.gallery .albumHolder{float:left;padding:5px 35px 10px 30px; width:270px; min-height:216px; margin:0 35px 0 30px;  }
.shareThePhoto{float:right; display:block;   margin-top:10px;}
.returnToGallery{margin:10px 0 0 35px; display:block; width:160px; float:left; color:#AA0629; font-weight:bold; text-decoration:none;}
.gallery .addThis{margin-right:35px;}
.captcha{display:inline-block; margin:0; padding:0; height:33px; overflow:hidden;}
.captcha img{border:1px solid #000;  }
.commentAction{width:400px; margin:10px auto; color:#AA0629;}
.addComment{float:left; text-decoration:none; color:#AA0629; margin-top:2px; text-decoration:underline;}
.fbComment{float:right;}
.fbComment span{position:relative; top:-10px;}
.commentSection {margin:10px 35px;}
.commentSection strong{color:#AA0629; }
.commentlist li{border-bottom:1px solid #BDA37F; padding:5px; word-wrap: break-word;}
.successMsg{ display:block; background:#FFECBF; border:1px dotted #000; color:#000; text-align:center; padding:5px 0; margin-bottom:5px;}
.errorPanel{border:1px solid #000; background:#FCFFDF; color:#000; width:475px; margin:5px auto; padding:5px; }
.gallery .errorPanel{width:390px;}
.gallery .formArea .btn{margin-left:69px;}
.errorPanel span{display:block;}
.formArea{margin:10px 35px; padding:5px 0;}
.error{color:#AA0629; font-weight:bold;}
.formArea p.error{ border:1px solid #AA0629;  background:#FFFCDF; padding:5px; margin:10px 0; font-weight:bold; color:#000;}
.formArea .label{ text-align:right; vertical-align:top; font-weight:bold;}
.formArea input{width:230px;}
.formArea textarea{width:290px; height:80px;}
.formArea .btn,  #oddLayout .btn{margin:3px 0; display:block; width:55px; padding:5px;}
#oddLayout{width:530px; margin:0 auto;}
#oddLayout .btn{margin:3px auto;}
#oddLayout .required{width:350px;}

.searchResult{ font-weight:bold; margin:5px 33px; clear:both;}


/*submited*/
.final .albumHolder, .final .singleStory{margin:0 auto;}
.final {width:500px;}    
.final .shareMore{width:355px; margin:30px auto 50px auto;}
.final .submitBtn{width:100px; display:inline;}

#submitMsg{width:600px; margin:0 auto; overflow:auto; text-align:center; color:#AD2A39;}
#submitMsg strong{ display:block; margin:10px 0; font-size:110%;}
#submitMsg .shareFaceBook{margin:0 10px 0 270px;}




/*connect*/
.connect .content{width:474px; margin:0 auto; color:#da0017; }
.connectTxt{ background-position:-629px -34px; height:19px; width:104px;}
.joinTheConversationTxt{ background:url(../images/connectBg.png) center center no-repeat; height:91px;}
#conversation{ background:#FBEDDB; padding:10px 20px 20px; }
#conversation .btn{margin:5px 0 5px 8px; padding:5px 10px; display:inline-block; width:80px; }
#conversation strong{font-size:17px;}
#conversation ul, #conversation textarea{ background:#fff; border:1px solid #BB0018; color:#8B0019; padding-bottom:10px; }
#conversation li{ border-bottom:1px solid #937141; padding:10px 0px; margin:0 15px;}
#conversation li strong{display:block; font-size:14px;}
#conversation textarea{width:413px; height:94px;  padding:10px; margin:5px 0;}
#tweetUpdateMsg{ background:#FFFDD8; color:#000; padding:5px 15px !important; margin:0 !important;}
.refreshTweets{color:#A16E59; text-decoration:none;}

#twitterLogin{overflow:hidden; margin-bottom:10px;}
#twitterLogin .errorPanel{width:420px;}
#twitterLogin strong{ display:block; text-align:center; font-size:17px;  margin:5px 0 15px 0; }
#twitterLogin input{width:253px; border:1px solid #da0017;}
#twitterLogin table{width:330px; margin:0 auto; }
#twitterLogin .btn{float:right;}


/*why we bake*/
.whyWeBake #primary{ background:url(../images/cookieHouse.png) 0px 60px no-repeat; padding-bottom:50px;}
.whyWeBake .content{width:530px; margin:0 auto; color:#fff;}
.whyWeBake .cookieHeader{margin:0;}
#desc{ background:url(../images/whyWeBakedBg.png) top left no-repeat; height:273px; width:450px; padding:40px;}
#desc p{margin-bottom:15px; font-size:110%; line-height:17px;}
#blurb{margin:40px 0 40px 70px; overflow:auto;}
#blurb li{ background:url(../images/blurbContainer.png) no-repeat; width:216px; height:78px; padding:20px 19px 5px 19px; float:left; color:#C31B31; margin-right:50px;}
#blurb .last{margin:0;}
#extraCallout{margin-top:-10px;}
#extraCallout strong{margin-right:100px;}






/*legal*/
#habitat{float:left; width:400px; color:#005696; display:block; text-align:left; }
#habitatLogo{background:url(../images/habitatLogo.png) no-repeat; width:63px; height:78px; float:left; cursor:pointer;}
#habitat span{display:block; float:left; width:250px; margin:30px 0 0 5px;}
#legal{ clear:both; text-align:right; font-size:90%; }
#legal a{ color:#000; }

#rules2{height:600px; overflow:scroll;}
#rules h1{margin:20px 0 0 10px; font-size:23px;}
#rules h2{margin-top:10px; font-size:100%; text-align:center;}
#rules li{margin-top:20px;}

/*image text*/
.housephotoTxt{ background-position:0 0; height:17px; width:246px;}
.bakingStoriesTxt{ background-position:-246px 0; height:17px; width:265px;}
.inspirationTxt{width:265px; background-position: -511px 0; height:17px;}
.whyWeBakeTxt{ background-position:-629px -17px; height:17px; width:146px;}
.next, .previous{background-position:-77px 0; width:15px; height:33px; float:left; margin:18px 8px 0 2px ;}
.previous{ background-position:-92px 0; margin-left:12px;}


/*share icon*/
.shareIcon{ display:block; margin-right:5px; width:26px; height:26px; float:left; text-indent:-9999px;  background-image:url(../images/iconSprite.png); background-repeat:no-repeat;}
.shareTwitter{ background-position:-26px 0;}
.addThis{ background-position:-52px 0; margin-right:92px; width:24px;}
.shareTheSite{color:#fff; padding-top:2px; font-weight:bold;}
.shareTheSite .block{margin-right:10px;   margin-top:5px;}
.closeBtn{ background-position:-109px -1px; width:23px; height:23px; float:right;}

#overlay{position:absolute; z-index:99; top:90px; left:240px; width:490px; border:2px solid #FEAB1D; background:#fff; padding:10px 10px 50px 10px;}
#overlay h3{font-size:14px; clear:both; text-align:center;width:auto;}
#overlay .btn{display:block; margin:10px auto; width:100px;}    
#overlay .formInfo{ text-align:center; display:block; width:370px; margin:5px auto; color:#AD2A39;} 
#overlay .formInfo span{color:#DA0017;}
#overlay .fieldEntry{margin:5px 0px 5px 50px;}
#overlay label{width:120px;}
#overlay .errorPanel{width:380px;}


/*IE/Flash flag*/
.home{position:relative;}    
#browserFlag{ position:absolute; z-index:99; border:3px solid #E3B75A; background:#fff; font-weight:bold; color:#000; width:600px; text-align:center; padding:50px 0; top:50px; left:170px;} 
#browserFlag a, #flashRequired a{color:#83001A;}
.home #slideShows{position:relative; z-index:0;}
#closeNotice{display:block; width:130px; margin:10px auto 0 auto; color:#444 !important; font-weight:normal; text-decoration:none; position:absolute; top:0; right:10px;}

#flashRequired {border:3px solid #E3B75A; background:#fff; padding:20px; margin:30px 15px 0 0;}
#flashRequired h2{margin:0; }
#player #flashRequired {float:left; width:416px; height:312px; margin-top:0;}


/*
Uploadify v2.1.0
Release Date: August 24, 2009

Copyright (c) 2009 Ronnie Garcia, Travis Nickels

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

/*facebox*/
#facebox .b , #eXfacebox .b {
  background:url(../images/facebox/b.png);
}

#facebox .tl, #eXfacebox .tl {
  background:url(../images/facebox/tl.png);
}

#facebox .tr, #eXfacebox .tr {
  background:url(../images/facebox/tr.png);
}

#facebox .bl, #eXfacebox .bl {
  background:url(../images/facebox/bl.png);
}

#facebox .br, #eXfacebox .br {
  background:url(../images/facebox/br.png);
}

#facebox, #eXfacebox {
  position: absolute;
  top: 0;
  left: 0;
  z-indeX: 100;
  teXt-align: left;
}

#facebox .popup , #eXfacebox .popup {
  position: relative;
}

#facebox table , #eXfacebox table {
  border-collapse: collapse;
}

#facebox td, #eXfacebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body , #eXfacebox .body {
  padding: 10px 10px 0px 10px;
  background: #fff;
  width:550px;
  overflow:hidden;
  height:550px;
  
}

#facebox .loading , #eXfacebox .loading {
  teXt-align: center;
}

#facebox .image , #eXfacebox .image {
  teXt-align: center;
}

#facebox .footer a , #eXfacebox .footer a {
	text-indent:-9999px;
	background:url(../images/facebox/closelabel.gif);
	width:45px;
	height:15px;
	display:block;
	float:right;
	outline:none;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer , #eXfacebox .footer {
  border-top: 0px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
   
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br, #eXfacebox .tl, #eXfacebox .tr, #eXfacebox .bl, #eXfacebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

 

.facebox_hide {
  z-indeX:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-indeX: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: eXpression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


#overlay2{ background:#000; opacity:0.4; position:absolute;}