.container_12 { margin-bottom: 20px; }
.hide { display:none;}

body { color:#333; background-color:#f5f5f5; font:13px/1.231 arial, helvetica, clean, sans-serif; *font-size:small;
*font:x-small;
}
select,
input,
button,
textarea,
button { font:99% arial, helvetica, clean, sans-serif; }
a { text-decoration:none; color:#007042; }
a:hover { text-decoration:underline; }
h2{font-size: 167%; font-family:Georgia, "Times New Roman", Times, serif; color:#0A5584; font-weight:bold; margin:30px 10px 10px 10px;}
#content{background:#fff url(/images/bg-grad-bottom.gif) top left repeat-x; padding:20px 0; height:1%;}

/**/
#header { height:144px; background:#f5f5f5 url(/images/bg-header.gif) bottom left no-repeat; position:relative; }
#sbuxLogo { width:97px; height:98px; position:absolute; right:10px; top:30px; }
#header h1 { float: left; padding: 60px 0 0 0; overflow: hidden; height: 0px !important; height /**/:60px; /* for IE5/Win only */ width:538px; margin-top:60px; background: transparent url(/images/bg-my-starbucks-story.gif) top left no-repeat; }
#header h2 {margin:0; float: left; padding: 34px 0 0 0; overflow: hidden; height: 0px !important; height /**/:34px; /* for IE5/Win only */ width:221px; background: transparent url(/images/bg-lwyd.gif) top left no-repeat; position:absolute; right:120px; top:70px; }
/**/
#nav { height:64px; background-color:#fff; padding-left:10px; background:#fff url(/images/bg-grad-top.gif) bottom left repeat-x; }
#nav li {float:left;}
#nav li a { float:left;margin-top:10px;  float: left; padding: 40px 0 0 0; overflow: hidden; height: 0px !important; height /**/:40px; /* for IE5/Win only */ background-image:url(/images/bg-nav.gif); background-repeat:no-repeat; }
#nav li a#nav_contact { border-right:none; }
#nav li a#nav_welcome { width:90px; background-position:0 -80px; }
#nav li a#nav_submit { width:137px; background-position: -90px -80px; }
#nav li a#nav_rules { width:118px; background-position:-227px -80px; }
#nav li a#nav_release { width:169px; background-position:-345px -80px; }
#nav li a#nav_contact { width:81px; background-position:-514px -80px; }
#nav li a#nav_welcome:hover { background-position:0 -40px; }
#nav li a#nav_submit:hover { background-position: -90px -40px; }
#nav li a#nav_rules:hover { background-position:-227px -40px; }
#nav li a#nav_release:hover { background-position:-345px -40px; }
#nav li a#nav_contact:hover { background-position:-514px -40px; }
.welcome #nav li a#nav_welcome,
.welcome #nav li a#nav_welcome:hover { cursor:default; background-position:0 0; }
.submit #nav li a#nav_submit,
.submit #nav li a#nav_submit:hover { cursor:default; background-position: -90px 0; }
.rules #nav li a#nav_rules,
.rules #nav li a#nav_rules:hover { cursor:default; background-position:-227px 0; }
.release #nav li a#nav_release,
.release #nav li a#nav_release:hover { cursor:default; background-position:-345px 0; }
.contact #nav li a#nav_contact,
 .contact #nav li a#nav_contact:hover { cursor:default; background-position:-514px 0; }
/**/
#homeBanner { height:280px; background:#f5f5f5 url(/images/bg-grad-bottom.gif) bottom left repeat-x; }
#homeVidPlayer { height:240px; background-color:#000; margin-top:20px; }

#globalVid{display:inline;margin:20px 0 0 20px;float: left; padding: 43px 0 0 0; overflow: hidden; height: 0px !important; height /**/:43px; /* for IE5/Win only */ width:329px;  background: transparent url(/images/title-global-video.gif) top left no-repeat; }
#homeVidList{margin-left:20px;}
#homeStepOne{float: left; padding: 56px 0 0 0; overflow: hidden; height: 0px !important; height /**/:56px; /* for IE5/Win only */ width:329px;  background: transparent url(/images/bg-home-step-1.gif) top left no-repeat; }
#homeStepTwo a{float: left; padding: 57px 0 0 0; overflow: hidden; height: 0px !important; height /**/:57px; /* for IE5/Win only */ width:329px; background: transparent url(/images/bg-home-step-2.gif) top left no-repeat; }
#homeStepThree{float: left; padding: 86px 0 0 0; overflow: hidden; height: 0px !important; height /**/:86px; /* for IE5/Win only */ width:329px; background: transparent url(/images/bg-home-step-3.gif) top left no-repeat;}
/**/
#homeText { background-color:#fff; height:1%;  padding:20px 0;}
#homeIntroText {  border-right:1px solid #ccc;}
#homeIntroText h2 {margin:10px;float: left; display:inline; padding: 60px 0 0 0; overflow: hidden; height: 0px !important; height /**/:60px; /* for IE5/Win only */ width:415px; background: transparent url(/images/bg-how-starbucks-fits.gif) top left no-repeat;}
#homeIntroText p{font-size:93%;margin:10px 30px 10px 10px; clear:both; line-height:150%}
#homeIntroText a{font-weight:bold;}
#homeUploadButton{ margin-left:20px;float: left; padding: 57px 0 0 0; overflow: hidden; height: 0px !important; height /**/:57px; /* for IE5/Win only */ width:340px; background: transparent url(/images/btn-upload.gif) top left no-repeat;}
#homeConsiderations { margin-top:20px; }
#homeConsiderations h4{margin-left:20px;clear:both; display:block;padding-top:20px;}
#homeConsiderations ol{margin-left:20px;list-style: inside decimal;}
#homeConsiderations ol li{margin:10px 0}
/**/
#footer { background:#f5f5f5 url(/images/bg-footer.gif) 0 0 no-repeat; height:93px; padding:25px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:77%; }
#footer a { font-style:italic; margin:0 10px; padding:3px; color:#333; }
#footer a:hover { background-color:#CDC7BF; text-decoration:none; }
/**/
#video_form_container { height: 500px; overflow:hidden; position:relative; padding:5px; background: #968C84 url(/images/bg-wood-dark.jpg) top left repeat; }
#video_form{background-color:#fff; clear:both; height:470px;}
#video_form h3{ font-size:123.1%; color:#BA7F1B; font-family:Georgia, "Times New Roman", Times, serif; margin:25px 0 15px 0;}
#video_form .items { width:20000em; clear:both; position:absolute; top:20px; }
#video_form .page { padding:0; width:570px; float:left; display:inline; margin:20px; }
#video_form fieldset{background:#ECEAEB url(/images/bg-wood-light.jpg) top left no-repeat;-moz-border-radius: 10px; -webkit-border-radius: 10px;}
#video_form fieldset input, #video_form fieldset textarea{border:1px solid #968C84}
.nav_bar { margin-top:20px; height:30px; padding:10px; width:550px; margin-top:10px; text-align:center; }
.nav_bar button, #SubmitButton { float:left;   padding:5px 10px; background:#005834 url(/images/bg-btn.gif) top left repeat-x; border:1px solid #ccc; color:#FFF; cursor:pointer; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-size:116%; }
.nav_bar button:hover, #SubmitButton:hover { background:#3c6f4f url(/images/bg-btn-over.gif) top left repeat-x; }
.nav_bar .right, #SubmitButton { float:right; }
.nav_bar .center { margin:0 auto; float:none; }
.warning {  clear:both; padding:10px 20px; background:#fff url(/images/bg-warning.gif) top left repeat; color:#5A6F6F; border:4px solid #819a9a; margin-bottom:10px;}
.warning a{ color:#BA7F1B; text-decoration:underline;}
.warning p{margin-bottom:10px;}
#status {  float:left; width:100%; height:30px;  }
#status li { float:left; height: 30px; line-height:30px; color:#fff; list-style:none; margin:0; padding:0; width:33%; text-align:center; }
#status li.active { background-color:#fff; color:#968C84; }
label span.note { font-size:11px; font-style: italic; color:#666; display:block; margin-top:5px; }
p.required-message { margin-bottom:5px; padding:3px; border:1px solid #fff; }
#uploadFile{background-color:#fff; padding:10px;}
.thankyouText { padding:20px; border:1px solid #ccc;}
.thankyouText ul{list-style: square inside; }
.thankyouText p{margin:10px 0;}
.thankyouText .warning em{font-size:131%; font-weight:bold; margin-bottom:20px; color:#000;}
.modal { background-color:#fff; display:none; width:450px; padding:15px; text-align:left; border:2px solid #333; opacity:1; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; }
.modal h2 { background:url(/img/global/info.png) 0 50% no-repeat; margin:10px 0; padding:10px 0; border-bottom:1px solid #333; font-size:18px; text-align:left; }
/***/
.rules #content{padding-top:10px; }
#rulesIntroContainer{background:#ECEAEB url(/images/bg-wood-light.jpg) top left repeat;padding:20px 0; margin-bottom:20px;}
#rulesIntro{background-color:#fff; padding:10px;}
#rulesIntro p{margin:10px; font-family:Georgia, "Times New Roman", Times, serif; line-height:150%; }
#officialRules{background: #968C84 url(/images/bg-wood-dark.jpg) top left repeat;-moz-border-radius: 8px; -webkit-border-radius: 8px; padding:20px;}
#officialRules h3, #faq h3, #contactInfo h3{font-family:Georgia, "Times New Roman", Times, serif;font-size: 131%; margin-bottom:20px; font-weight:normal;}
#officialRules h3{ color:#fff; }
#rulesDownload{background-color:#fff; padding:20px; height:1%;}
#rulesDownload span{display:block; font-size:77%;padding-top:10px; clear:both;}
#faq{padding:20px; border:1px solid #ccc;}
#faq ol{list-style:outside decimal; margin-left:20px;}
#faq ol li{margin-right:20px;font-size:108%; margin-bottom:20px; font-weight:bold;}
#faq ol li ul{list-style: outside square; margin-left:15px;}
#faq ol li li{font-weight:normal; font-size:85%; margin:3px 0;}
#downloadRulesButton{float: left;margin-top:10px; padding: 57px 0 0 0; overflow: hidden; height: 0px !important; height /**/:57px; /* for IE5/Win only */ width:220px; background: transparent url(/images/btn-official-rules.jpg) top left no-repeat;}
/**/
#modelForms{background: #968C84 url(/images/bg-wood-dark.jpg) top left repeat;-moz-border-radius: 8px; -webkit-border-radius: 8px; padding:20px;}
#mrPartner{float: left; padding: 77px 0 0 0; overflow: hidden; height: 0px !important; height /**/:77px; /* for IE5/Win only */ width:260px; background: transparent url(/images/btn-mr-partner.gif) top left no-repeat;}
#mrNonPartner{float: left; margin-top:20px; padding: 77px 0 0 0; overflow: hidden; height: 0px !important; height /**/:77px; /* for IE5/Win only */ width:260px; background: transparent url(/images/btn-mr-non-partner.gif) top left no-repeat;}
/**/
#terms{padding:20px; }
#terms p{margin:20px 0;}
#terms ol{list-style:outside decimal; margin-left:20px;margin-bottom:20px;}
#terms ul{list-style:outside square; margin-left:20px; margin-bottom:20px;}
#terms ol li{margin-right:20px; margin-bottom:10px; }
#terms ol li ul{list-style: outside square; margin-left:15px;}
#terms ol li li{font-weight:normal; font-size:85%; margin:3px 0;}
/**/
#contactInfo{padding:20px; background-color:#fff; padding-right:40px;}
#contactInfo p{margin-bottom:20px;}
/**/

.video-item{ display:block; padding: 20px 0;background-color:#fff;  margin-bottom: 40px;-moz-border-radius: 8px; -webkit-border-radius: 8px;}
.video-item h3{ margin: 0 20px; font-size: 123.1%; font-family:Georgia, "Times New Roman", Times, serif}
.video-item img{ width:260px; height:195px; margin:20px 20px 0 20px;}
.video-item img.voteButton{height:46px; width:244px; margin: 10px 28px 0 28px;}
.star-rating-control{float:left;display:block; padding:5px; margin:10px 0; border:1px solid #ccc;}
.video-item .description{display:block; margin:0 20px; clear:both;}
.rateThis{display:inline; margin:10px 0 10px 15px; float:left; padding:5px; font-weight:bold;}
.save-rating{margin:0; float:left; padding:5px;margin:10px 0; font-size:85%; color:#666}
#voteInstr{background:#ECEAEB url(/images/bg-wood-light.jpg) top left repeat;padding:20px; margin-bottom:40px; height:260px;}
#voteInstr div{background-color:#fff; padding: 15px; height: 220px;}
#voteInstr p{margin:10px 0;}
#voteMissed {background: #968C84 url(/images/bg-wood-dark.jpg) top left repeat;-moz-border-radius: 8px; -webkit-border-radius: 8px; padding:20px; color:#fff;}
#voteMissed h3{font-size:123.1%; margin-bottom:10px;}
#voteInstr h3{font-size:123.1%; margin-bottom: 20px;}
#videos{background-color:#fff; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
#dialog #videoName{font-weight:bold; clear:both; display:block;}
.dialog-yes, .dialog-no{ background-color:#060; color:#fff; font-weight:bold; padding:4px 10px; margin:10px 5px;-moz-border-radius: 8px; -webkit-border-radius: 8px; cursor:pointer; border:none;}
.dialog-no{background-color:#F90}
.dialog-content{border-bottom:1px solid #ccc; padding:20px 0; margin-bottom:10px;}
#votedAlready{clear:both; display:block; background-color:#FFC; font-size:123%; border: 1px solid #ccc; padding:20px; margin-top:40px;}
