/* YUI v3.0.0 reset, base, fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

/* site */
html { background-color: #ccc; }
#pageWrapper { margin: auto; margin-top: 10px; width: 1012px; text-align:left; font-family: Trebuchet MS; background-color: #fff; }
#pageTop { background-image: url(../images/pg-bdr-top.jpg); height: 10px; width: 1012px; }
#pageContent { background-color: #fff; background-image: url(../images/pg-bdr-mdl.jpg); background-repeat: repeat-y; padding: 0 10px; width: 992px; }
#pageBtm { background-image: url(../images/pg-bdr-btm.jpg); height: 10px; width: 1012px; }
#leftCol { float: left; margin: 0 5px; width: 216px; }
#mainCol { float: right; margin-right: 5px; width: 761px; }
#singleColMain { margin: 0 5px; width: 982px; }
#middleCol-thinRight { float: left; margin-right: 5px; width: 576px; }
#rightCol-thinRight { float: left; width: 180px; }
#middleCol-wideRight { float: left; margin-right: 5px; width: 456px; }
#rightCol-wideRight { float: left; width: 300px; }
#logo { float: left; margin: 25px 0 0 10px;}
#banner { float: right; margin: 5px; }
#contFooter { width: 982px; padding: 2px 0; background-color: #c60; border-bottom: solid 1px #fff; /* cheap way to get 1 more px of space */ margin: 10px 5px 0 5px; color: #fff; text-decoration: none; }
#contFooter a { color: #fff; text-decoration: none; }
#contFooterLeft { float: left; padding-left: 5px; }
#contFooterRight { text-align: right; padding-right: 5px; float: right; }

.pager {  padding: 5px; }
.pager a { text-decoration: none; color: blue; text-decoration: none; }
.pager .page { margin: 0 5px; }
.pager .prev { margin-right: 10px; }
.pager .next { margin-left: 10px; }
.pager .current { color: #cc6600; font-weight: bold; margin: 0 5px; }
.pager .disabled { color: #aaa; }

#popDestWidget { padding: 3px; border: solid 1px #C0C3C8; }

/* Page Header */
#mainMenu { padding-top: 3px; border-bottom: solid 1px #C0C3C8; width: 100%; }
#mainMenu a { white-space: nowrap; }
.tab, .selectedTab { padding: 0 2px; vertical-align: bottom; }
.tab div { background-color: #C0C3C8; }
.selectedTab div { background-color: #485975; }
.tabTop { height: 3px; }
.tabBottom { margin: 0 6px; padding-bottom: 2px; }
.tab a { color: #485975; text-decoration: none; }
.selectedTab a { color: #FFF; text-decoration: none; }
.tab .tabTop { background-image: url(../images/tab/top-left.jpg); background-repeat: no-repeat; background-position: left top; height: 3px; }
.tab .right { background-image: url(../images/tab/top-right.jpg); background-repeat: no-repeat; background-position: left top; height: 3px; width: 6px; }
.selectedTab .tabTop { background-image: url(../images/tab/top-left-selected.jpg); background-repeat: no-repeat; background-position: left top; height: 3px; }
.selectedTab .right { background-image: url(../images/tab/top-right-selected.jpg); background-repeat: no-repeat; background-position: left top; height: 3px; width: 6px; }
.tabSpacer { width: 100%; padding: 0 3px; vertical-align: bottom; }
.tabSpacer div { background-image: url(../images/tab/tab-space.jpg); background-repeat: repeat-x; background-position: bottom; }
.loggedIn { white-space: nowrap; padding: 0 8px; color: #666666; font-weight: bold; font-size: 85%; vertical-align: bottom; }
.loggedIn a { color: #485975; text-decoration: none; }
.tagline { color: #cc6600; margin: 5px 0; text-align: center; font-style: italic; }

/* Other Defaults */
h1, h2, h3, h4, h4, h6 { margin: 0; }
table, td { border-width: 0; margin: 0; padding: 0; }
table { width: 100%; }

/* Common Classes */
#cookbookSignUpWidget { text-align: center; border: 1px solid #c0c3c8; padding: 5px 0; }
.clear { clear: both; }
.alert, .alertBox, .alert-box { color: #C30; font-family: Arial; }
.alertBox, .alert-box { background: #fdd url(../images/AlertBox.jpg) no-repeat scroll left top; border: solid 1px #c30; margin: 5px 0; padding: 5px 5px 5px 25px; }
.message, .messageBox, .message-box { color: #66a; font-family: Arial; }
.messageBox, .message-box { background: #dde url(../images/MessageBox.jpg) no-repeat scroll left top; border: solid 1px #bbe; margin: 5px 0; padding: 5px 5px 5px 25px; }
.workingBox, .working-box { color: #0064AF; padding-left: 25px; background: transparent url(../images/progress2.gif) no-repeat scroll left top; display: none; text-align: left; }
.leftBox, .homeLeftBox { margin-bottom: 5px; }
.link { color: #06c; outline-width: 0; }
.action-link { color: #06c; outline-width: 0; text-decoration: none; font-size: 90%; }
.action-link:hover { text-decoration: underline; }
.header-link { color: #c60; text-decoration: none; outline-width: 0; }
.header { color: #c60; font-weight: bold; }
.linkImg { border-width: 0; text-decoration: none; vertical-align: middle; outline-width: 0; }
.adHeader { font-family: Arial; font-size: 80%; padding: 3px; text-align: center; }
.credit { color: #666; font-size: 80%; font-style: italic; text-align: right; }
.ui-datepicker-trigger { cursor: pointer; }
.whats-this { color: #06c; outline-width: 0; cursor: pointer; text-decoration: underline; margin-left: 5px; font-size: 85%; }

.grid { width: auto; }
.grid tr.row {  }
.grid tr.alt-row { background-color: #eee; }
.grid tr.even-row {  } /* this and the next are for use with DescriptiveListExtenstions, row and alt-row can be removed when we are using DescriptiveListExtenstions for all grids */
.grid tr.odd-row { background-color: #eee; }
.grid th, .grid td { border-width: 0; text-align: left; padding: 5px 15px 5px 0; vertical-align: middle; border-bottom: solid 1px #ccc; }
.grid td.action { padding: 0 5px; }
.grid td.first, .grid th.first { padding-left: 10px; }
.grid td.action a { margin-right: 5px; font-size: 90%; text-decoration: none; color: #06c; }
.gridSelectedBox { background-color: #bdb; border: solid 1px #999; padding: 10px; margin: 10px; }
.grid .no-records { padding: 20px; font-style: italic; text-align: center; }

.labelCell { border-width: 0; font-family: Arial; font-weight: bold; text-align: right; vertical-align: top; padding: 4px 10px 10px 5px; white-space: nowrap; }
.inputCell { border-width: 0; padding: 4px 5px 10px 0px; vertical-align: top; }
.textCell { border-width: 0; font-family: Arial; padding: 4px 5px; vertical-align: top; }
.AdminBox { background-color: #9d9; border: dashed 2px #393; padding: 10px; margin-bottom: 10px; }
.modalProgressContainer { background-color: #ffffff; padding: 30px; width: 300px; color: #666666; border: solid 2px #333333; }
.modalProgressContainer img { vertical-align: middle; }
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: .7; z-index: 100; }

.fields-sec { margin: 0 0 10px 0; color: #444; padding: 10px; background-color: #fff; border-left: solid 1px #b4b4b4; border-bottom: solid 1px #b4b4b4; border-right: solid 1px #b4b4b4; }
.fields-sec-header { text-align: center; font-weight: bold; color: #fff; padding: 3px 5px; background-color: #b4b4b4; border: solid 1px #b4b4b4; }
.fields-sec-instructions { color: #666; margin-bottom: 20px; }

li.seperator { list-style-type: none; }
li.seperator div { height: 1px; background-color: #ccc; width: 80%; margin: 20px auto;}
.fields { list-style-type: none; margin: 0; }
.field { list-style-type: none; position: relative; font-family: Arial; }
.field .field-label { display: block; font-weight: bold; }
.field .instruct { color: #666666; display: block; font-size: 11px; font-weight: normal; }
.field .textbox { padding: 2px; border: solid 1px #999; display: block; }
.field .textarea { padding: 2px; border: solid 1px #999; display: block; }
.field .select { border: solid 1px #999; display: block; } /* ie8 doesn't clear val msg if this isn't floated left or display:block */
.field .checkbox { margin-top: 5px; }
.field .password { padding: 2px; border: solid 1px #999; display: block; }
.field .text { padding-top: 5px; }
.field .cbl { margin-top: 5px; }
.field .cbl-col { float: left; margin-right: 30px; }
.field .cbl-col label { padding-bottom: 8px; display: block; white-space: nowrap; }
.field .rbl { width: auto; margin-top: 5px; }
.field .rbl td { padding-bottom: 3px; vertical-align: top; }
.field .rbl .radio { margin-right: 8px; }
.field .val { clear: left; float: left; }
.invalid .input,
.invalid .select,
.invalid .password,
.invalid .textarea { border: solid 1px #c30; background-color: #fdd; }
.invalid .radio { border-width: 0; background-color: Transparent; }

.vert { display: inline; float: left; margin-top: 8px; }
.vert .field-label { margin-bottom: 3px; }
.vert .input-box { clear: both; }
.vert .input { clear: both; }

.horiz { clear: left; margin: 0 0 8px 0; }
.horiz .field-label { float: left; margin-top: 4px; text-align: right; width: 100px; margin-right: 10px;}
.horiz .input-box { float: left; }
.horiz .rbl .radio { margin-top: 1px }
.horiz .textarea { width: 400px; }

.field .watermark { color: #666; font-family: Arial; font-weight: normal; position: absolute; left: 5px; text-align: left; margin-top: 3px; }
.disabled-field .field-label,
.disabled-field .text { color: #999; }
.disabled-field .input,
.disabled-field .select,
.disabled-field .textarea { background-color: #EBEBE4; }
.disabled-field .req { color: #999; }
.new-row { clear: left; }

/* Culinary Search Widget */
#culinarySearchWidget .bg1 { background-image: url(../images/SearchWidget/boy_searching.jpg); background-repeat: no-repeat; background-position: left top; }
#culinarySearchWidget .bg2 { background-image: url(../images/SearchWidget/peaches.jpg); background-repeat: no-repeat; background-position: left top; }
#culinarySearchWidget .bg3 { background-image: url(../images/SearchWidget/picking_blueberries.jpg); background-repeat: no-repeat; background-position: left top; }
#culinarySearchWidgetContent { height: 111px; width: 206px; background-position: left top; background-repeat: no-repeat; padding: 5px; vertical-align: middle; }
#culinarySearchWidget select { width: 100%; }


/* HTML Editor classes */
.heading { color: #c60; }
.heading-bold { color: #c60; font-weight: bold; }
.dark-blue { color: #485975; }
.dark-green { color: #788c6e; }
.light-green { color: #f0fae6; }
.light-blue { color: #eef3f9; }

table.mceToolbar { width: auto; }

/* Address Control */
.address .line1 input,
.address .line2 input,
.address .city input,
.address .country select { width: 230px; }
.address .state input,
.address .postal-code input { width: 180px; }

/* RecipeWidget */
#recipe-widget {height: 297px; width: 214px; background: #eef3f9; border: solid 1px #e2a300; }
#recipe-widget div.content { margin: 10px 27px; }
#recipe-widget div.epi-title { padding: 3px 0; color: #fff; background-color: #e2a300; font-family: Arial; font-size: 95%; font-weight: bold; color: #fff; text-align: center;}
#recipe-widget div.desc { margin: 10px 0; color: #000; font-family: Arial; font-size: 100%; text-align: center; }
#recipe-widget a { text-decoration: none; color: #999; font-family: Arial; text-transform: capitalize; }
#recipe-widget div.recipe-item { width: 160px; }
#recipe-widget div.img-box { height: 140px; width: 150px; border: solid 1px #888; background-color: white; text-align: center; padding: 4px; }
#recpe-widget img { height: 140px; width: 150px; }
#recipe-widget div.recipe-name { margin-top: 10px;  text-align: center;}

/* Newsletter SignUp Widget */
#nlSignUp { }
#nlSignUpTitle { background-color: #485975; color: #fff; font-weight: bold; padding: 1px 7px; }
#nlSignUpContent { padding: 5px; font-size: 90%; font-family: Arial; background-color: #f2d16f; }
#nlSignUpError, #nlSignUpSuccess { display: none; }
#nlSignUp .field-label { color: #666; display: block; text-align: left; width: 100%;}
#nlSignUp .input { width: 95%; width: 180px; }
#nlSignUp button { font-size: 95%; }

/* Venue Signup Wizard Control */
.venueSignUpGuide { background-image: url(../images/CulinarySignupGuide.jpg); background-position: center center; background-repeat: no-repeat; height: 141px; margin: 20px 0 0 5px; width: 154px; }

.listing-row { background-color: #f5f5f5; }
.listing-alt-row { background-color: #fff; }

/* Image Rotator */
.rotator .items { position: relative; }
.rotator .item { position: absolute; visibility: hidden; }
.rotator .rot-pager { text-align: center; }
.rotator .prev { cursor: pointer; vertical-align: middle; }
.rotator .next { cursor: pointer; vertical-align: middle; }
.rotator .bullets { margin: 0; display: inline; }
.rotator .bullets img { cursor: pointer; vertical-align: middle; height: 16px; width: 16px; }
.rotator-outer-frame { padding: 4px; background-color: #fff; }
.rotator-inner-frame { padding: 4px; background-color: #fff; border: solid 1px #999; }


/* --- Destination Rotator --- */
#destRotoContainer { height: 246px; }
#destRotoLeft { border: 1px solid #999; padding: 3px; height: 238px; width: 490px; float: left; }
#destRotoRight { width: 258px; height: 246px; text-align: left; float: right; }

#destRotoLeft .item, #destRotoRight .item { padding: 0; z-index: 1; margin: 0; background-repeat: no-repeat; position: absolute; background-color: White; }
#destRotoLeft .item { height: 238px; width: 490px; }

#destRotoRight .dropdownBox { height: 26px; padding: 0; text-align: center; vertical-align: top; }
#destRotoRight select { width: 220px; vertical-align: top; }
#destRotoRight .items { border: 1px solid #999999; height: 209px; width: 250px; margin-top: 3px; padding: 3px; position: relative; }
#destRotoRight .item { text-align: right; height: 209px; width: 250px; }
#destRotoRight .item a { text-decoration: none; }
#destRotoRight .item h3 { margin-right: 10px; font-size: 20pt; font-family: 'Century Gothic'; white-space: nowrap; }
#destRotoRight .titleBox { margin-right: 10px; font-size: 20pt; white-space: nowrap; font-weight: bold; }
#destRotoRight .textBox { margin-right: 10px; }
#destRotoRight .textBox a { color: #666; }
#destRotoRight .imgBox { border: solid 1px #999; height: 120px; margin-top: 14px; padding: 4px; width: 239px; }
#destRotoRight .imgBox img { height: 120px; width: 239px; border-width: 0; }
#destRotoContainer .hidden { visibility:hidden; filter: alpha(opacity=0); opacity: 0; }

/* --- Section Themes  --- */
.sFormSection { }
.stFormSection { background-color: #b4b4b4; color: #fff; font-family: Arial, Helvetica, Sans-Serif; font-size: 10pt; font-weight: bold; padding: 1px 7px; text-align: center; }
.scFormSection { border: solid 1px #b4b4b4; font-family: Arial, Helvetica, Sans-Serif; padding: 10px; }
.sSearchWidget { }
.stSearchWidget { background-color: #485975; color: #fff; font-family: 'Trebuchet MS' , Arial, Helvetica, Sans-Serif; font-size: 10pt; font-weight: bold; padding: 1px 7px; }
.scSearchWidget { }

.sMain { }
.stMain { background-color: #c60; color: #fff; font-family: 'Trebuchet MS' , Arial, Helvetica, Sans-Serif; font-size: 10pt; font-weight: bold; padding: 1px 7px; text-align: right; }
.scMain { }

.sBlue { }
.stBlue { background-color: #eef3f9; border-top: solid 1px #ccc; border-left: solid 1px #ccc; border-right: solid 1px #ccc; color: #666; font-family: 'Trebuchet MS'; font-weight: bold; padding: 1px 7px; }
.scBlue { }
.sbBlue { border: solid 1px #ccc; }