/* reset */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License :
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
html{color:#000;background:#434343 url(/images/stella_bkgd.jpg) top center repeat-y;}
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;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* clearfix - for closing elements containing floats across browsers */
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


/* stella styles */
body {
  margin:0 auto;
  padding:24px 0;
  background:#434343 url(/images/stella_bkgd.jpg) top center repeat-y;
  font-family:arial,helvetica,sans-serif;
  font-size:65%;
  text-align:center;
}
#mainContent {
  position:relative;
  width:900px;
  margin:0 auto;
  padding:0;
  background:#fff url(/images/stella_top_bkgd.jpg) center 130px no-repeat;
}
#innerHeader {
  width:900px;
  height:128px;
  margin:0 auto;
  padding:0;
}
#innerBody {
  width:543px;
  margin:0 auto;
  padding:10px 0 0;
  background:#303030 url(/images/inner_top.jpg) top center no-repeat;
  color:#fff;
  text-align:left;
}
#innerContentBottom {
  width:543px;
  height:10px;
  margin:0 auto;
  padding:0;
  background:#fff url(/images/inner_btm.jpg) top center no-repeat;
}

/* other general styles */
.loginComponent a,
.dobComponent a {
  color:#fff;
  text-decoration:none;
}
.dobComponent a:hover {
  text-decoration:underline;
}
#winner .regTermsForm a,
#finalist .regTermsForm a,
#rate .regTermsForm a,
#upload .regTermsForm a,
#registration .regTermsForm a {
  color:#999;
  text-decoration:underline;
}
#errorNotice a {
  color:#000;
  text-decoration:underline;
}

#footerNavigation {
  margin:18px auto;
  color:#000;
  font-weight:bold;
  text-align:center;
}
.navButton {
  display:inline;
  font-size:1.2em;
}
#footerNavigation .textMenu {
  margin:12px 0;
  font-size:1.1em;
}
.navButton a,
#footerNavigation .textMenu a {
  color:#000;
  text-decoration:none;
}
.navButton a {
  margin:0 12px;
  padding:2px 20px;
  background:#ccc;
}
.navButton a:hover {
  background:#eee;
}

/* rate button special coloring */
.navButton#rateButton a {
  margin:0 12px;
  padding:2px 20px;
  color:#fff;
  text-decoration:none;
  background:#333;
}
.navButton#rateButton a:hover {
  background:#ccc;
  color:#333;
}


#footerNavigation .textMenu a:hover {
  text-decoration:underline;
}
#index .textMenu {
  margin-top:1em;
}
#index .textMenu,
#index .textMenu a {
  color:#fff;
}


/* page specific styles */
#flag #innerBody h1 {
  width:232px;
  height:72px;
  margin:0 auto;
  background:url(/images/flag_title.jpg) top center no-repeat;
  text-indent:-9999px;
}
#upload #innerBody h1 {
  width:317px;
  height:76px;
  margin:0 auto;
  background:url(/images/upload_title.jpg) top center no-repeat;
}
#registration #innerBody h1 {
  width:434px;
  height:74px;
  margin:0 auto;
  background:url(/images/reg_title.jpg) top center no-repeat;
}
#registration #innerBody h1#termsPage {
  width:415px;
  height:75px;
  margin:0 auto;
  background:url(/images/terms_title.jpg) top center no-repeat;  
}
#info #innerBody h1 {
  width:422px;
  height:75px;
  margin:0 auto;
  background:url(/images/info_title.jpg) top center no-repeat;
}
#rules #innerBody h1 {
  width:262px;
  height:76px;
  margin:0 auto;
  background:url(/images/rules_title.jpg) top center no-repeat;
}
#logout #innerBody h1 {
  width:296px;
  height:76px;
  margin:0 auto;
  background:url(/images/logout_title.jpg) top center no-repeat;
}
#privacy #innerBody h1 {
  width:456px;
  height:76px;
  margin:0 auto;
  background:url(/images/privacy_title.jpg) top center no-repeat;
}
#terms #innerBody h1 {
  width:415px;
  height:75px;
  margin:0 auto;
  background:url(/images/terms_title.jpg) top center no-repeat;
}
#dateofbirth #innerBody h1 {
  width:429px;
  height:76px;
  margin:0 auto;
  background:url(/images/dob_title.jpg) top center no-repeat;
}
#judges #innerBody h1 {
  width:296px;
  height:76px;
  margin:0 auto;
  background:url(/images/judges_title.jpg) top center no-repeat;
}
#rate #innerBody h1 {
  width:241px;
  height:76px;
  margin:0 auto 2em;
  background:url(/images/rate_title.jpg) top center no-repeat;
  text-indent:-9999px;
}
#finalist #innerBody h1 {
  width:310px;
  height:82px;
  margin:0 auto 2em;
  background:url(/images/finalist_title.jpg) top center no-repeat;
  text-indent:-9999px;
}
#winner #innerContent h1 {
  width:310px;
  height:82px;
  margin:0 auto 2em;
  background:url(/images/winner_title.jpg) top center no-repeat;
  text-indent:-9999px;
}
#rate #innerBody h1#thankyou {
  width:380px;
  height:73px;
  margin:0 auto;
  background:url(/images/thankyou_title.jpg) top center no-repeat;
  text-indent:-9999px;
}

h1#countdown {
  width:429px;
  height:76px;
  margin:0 auto;
  background:url(/images/countdown_title.jpg) top center no-repeat;
}

#processNav {
  margin:12px 12px 0;
  padding:36px 12px;
  border-top:2px solid #666;
  text-align:center;
}
#flag #processNav {
  border:0;
}
#processNav span {
  margin:0 4px;
}
#processNav span input {
  height:21px;
  padding:0 10px;
  background:#666;
  color:#fff;
  border:1px solid #999;
  line-height:21px;
}
#processNav span input:hover {
  background:#999;
  border:1px solid #666;
}

#innerBody h1 span {
  display:none;
}
#judges .judgeinfo {
  padding:0 12px;
}
#judges h3 {
  margin-top:1.2em;
  color:#fff;
  font-size:14px;
  font-weight:bold;
}
#judges p,
#regIntro p {
  margin:1em 12px;
  font-size:1.2em;
  line-height:1.4em;
}
#judges .judgeInfo p {
  margin:0 12px 1em;
  padding-left:93px;
  font-size:1.2em;
  line-height:1.4em;
}
.judgeInfo em {
  font-style:italic;
}
#innerBody p.checkbox {
  margin:1em 1em 0;
  padding:0.5em;
  color:#666;
  border:2px solid #666;
  border-width:2px 0;
  text-indent:-1em;
}

#innerFooter {
  clear:both;
  margin:0;
  padding:0;
}

.divider {
  border-bottom:2px solid #666;
}

/* top error notice */
#errorNotice {
  width:519px;
  margin:12px auto;
  background:#fff url(/images/error_notice_bkgd_top.jpg) top center no-repeat;
  color:#000;
  font-size:1.1em;
  line-height:1.4em;
}
#innerContent #errorNotice h3 {
  padding:12px 12px 0;
  color:#a00;
  font-size:14px;
  font-weight:bold;
}
#errorNotice p {
  margin:0.5em 12px;
}
#errorNotice ul {
  
}
#errorNoticeBottom {
  width:519px;
  height:10px;
  margin:0 auto;
  background:#fff url(/images/error_notice_bkgd_btm.jpg) bottom center no-repeat;
}
/* registration form table */
table#regForm {
  width:510px;
  margin:0 auto;
}
table#regForm h3 {
  margin-top:1.2em;
  color:#ccc;
  font-size:14px;
  line-height:16px;
}
table#uploadForm .Error,
table#uploadForm .Error strong,
table#regForm h3.Error {
  color:#a00;
}

/* reg element styles, including error states */
.textElement,
.radioElement,
.selectElement,
.textElementError,
.radioElementError,
.selectElementError {
  width:152px;
  height:31px;
  background:url(/images/form_bkgd_text.jpg) top left no-repeat;
  font-size:12px;
}
.textElementError,
.radioElementError,
.selectElementError {
  background:url(/images/form_bkgd_text_error.jpg) top left no-repeat;
}
.checkElement,
.checkElementError {
  line-height:1.4em;
}
.textareaElement,
.textareaElementError {
  width:508px;
  height:110px;
  background:url(/images/form_bkgd_textarea.jpg) top left no-repeat;
}
.textareaElementError {
  background:url(/images/form_bkgd_textarea_error.jpg) top left no-repeat;
}
.largeTextElement,
.largeTextElementError {
  width:508px;
  height:31px;
  background:url(/images/form_bkgd_text_lg.jpg) top left no-repeat;
  font-size:12px;
}
.largeTextElementError {
  background:url(/images/form_bkgd_text_lg_error.jpg) top left no-repeat;
}

.textElement input,
.textElementError input {
  width:140px;
  height:25px;
  padding:7px 0 0 6px;
  background:transparent;
  border:0;
  font-weight:bold;
}
.textElementError input,
.selectElementError select {
  color:#a00;
}
.radioElement input,
.radioElement label,
.radioElementError input,
.radioElementError label {
  position:relative;
  top:7px;
  left:3px;
}
.radioElement label,
.radioElementError label {
  padding:0 10px 0 4px;
  color:#000;
  font-size:12px;
  font-weight:bold;
}
.radioElementError label {
  color:#a00;
}
.selectElement select,
.selectElementError select {
  position:relative;
  top:6px;
  left:6px;
  width:140px;
  margin-bottom:18px;
  background:#fff;
  border:0;
  font-size:12px;
  font-weight:bold;
}
.checkElement label,
.checkElementError label {
  position:relative;
  top:-2px;
  left:2px;
}
.guideText {
  width:145px;
  padding:2px 0;
}
.textareaElement textarea,
.textareaElementError textarea {
  position:relative;
  top:6px;
  left:3px;
  width:500px;
  height:100px;
  background:transparent;
  border:0;
}
.largeTextElement input,
.largeTextElementError input {
  position:relative;
  top:6px;
  left:3px;
  width:500px;
  height:20px;
  background:transparent;
  border:0;
}
.errorText {
  font-size:10px;
}
.errorText a {
  color:#fff;
  text-decoration:underline;
}

/* login page */
#login #innerBody h1 {
  width:271px;
  height:76px;
  margin:0 auto;
  padding:0;
  background:url(/images/login_title.jpg) top center no-repeat;
}
#flag #innerContent,
#login #innerContent,
#upload #innerContent {
  padding:12px;
/*  text-align:center;*/
}
.loginComponent form,
.pwReminderComponent form {
  margin:12px 0;
}
.loginComponent input,
.pwReminderComponent input {
  margin:8px 0 0 2px;
  background:transparent;
  font-size:1.2em;
  font-weight:bold;
  border:0;
}
.loginUsername {
  display:block;
  float:left;
  width:180px;
  height:31px;
  padding:0;
  background:url(/images/form_bkgd_text.jpg) center left no-repeat;
}
.loginPassword {
  display:block;
  float:left;
  width:180px;
  height:31px;
  padding:0;
  background:url(/images/form_bkgd_text.jpg) center left no-repeat;
}
.loginButton {
  display:block;
  float:left;
  height:30px;
  padding:0;
}
.loginButton input {
  padding:0 20px;
  height:21px;
  background:#666;
  color:#fff;
  border:1px solid #ccc;
}

.pwReminderComponent {
  width:519px;
  margin:12px 0;
}
.pwReminderComponent a {
  color:#fff;
}
.loginComponent p,
.pwReminderComponent p {
  color:#999;
  font-size:1.2em;
  line-height:1.5em;
  text-align:left;
}
.pwReminderComponent p {
  margin-bottom:0.5em;
}
.pwReminderComponent h2 {
  margin:12px 0;
  padding:12px 0;
  text-align:center;
  font-weight:12px;
  font-weight:bold;
  border:1px solid #999;
}
.newAccount {
  margin:12px auto 0;
  width:513px;
}

/* upload page */
#upload #innerContent {
  padding:12px;
}
#upload #innerContent ul.uploadChecklist,
#upload #innerContent ol.uploadChecklist {
  margin-left:1em;
  padding-left:1em;
}
#upload #innerContent ol.uploadChecklist li {
  margin:1.5em 0;
  list-style-type:decimal;
}
#upload #innerContent ul.uploadChecklist li {
  margin:1.5em 0;
  list-style-type:disc;
}
#innerContent ul.errorArray {
  margin-left:1em;
  padding-left:1em;
}
#innerContent .errorArray li {
  margin:0.5em 0;
  font-size:12px;
  list-style-type:disc;
}
#upload .agreementBody {
  width:510px;
  height:500px;
  background:#fff;
  color:#000;
  overflow:scroll;
}
.agreementBody a {
  color:#000;
}
#upload .checkboxGraph2 {
  margin:0.5em 0;
  padding-left:20px;
  text-indent:-20px;
}

#upload .checklistPage,
#winner .agreementPage
#finalist .agreementPage
#rate .agreementPage,
#upload .agreementPage,
#upload .termsPage,
#upload .uploadFilmForm,
#upload .fileUploadPage {
  font-size:1.2em;
}
#upload .checklistPage #processNav,
#upload .termsPage #processNav,
#finalist .agreementPage #processNav,
#winner .agreementPage #processNav,
#rate .agreementPage #processNav,
#upload .agreementPage #processNav {
  border-top:0;
}
#finalist .agreementPage p,
#winner .agreementPage p,
#rate .agreementPage p,
#upload .agreementPage p,
#upload .termsPage p,
#upload .fileUploadPage p {
  margin:1em 0;
}
#rules p,
#info p,
#privacy p,
#logout p,
#terms p {
  margin:1em;
  font-size:1.2em;
}
#logout p {
  text-align:center;
}
#logout p strong {
  display:block;
  margin:12px 100px;
  padding:12px;
  border:1px solid #999;
}
#logout p a {
  color:#fff;
}

.uploadFilmForm p {
  margin:0.5em 0;
}
table#uploadForm .elementWrapper {
  width:152px;
  height:31px;
  background:url(/images/form_bkgd_text.jpg) left center no-repeat;
  border:0;
  font-weight:bold;
}
table#uploadForm input {
  width:140px;
  margin:5px 0 0 5px;
  background:transparent;
  border:0;
}
table#uploadForm input.radioPath {
  width:auto;
  margin:2px;
  background:transparent;
  border:0;
}
table#uploadForm .textareaWrapper {
  width:509px;
  height:110px;
  background:url(/images/form_bkgd_textarea.jpg) left center no-repeat;
  border:0;
  font-weight:bold;
}
table#uploadForm textarea {
  width:500px;
  margin:5px 0 0 5px;
  background:transparent;
  border:0;
}
table#uploadForm .divider {
  margin:0.5em 0;
}
table#uploadForm strong {
  color:#999;
  font-weight:bold;
}

.regTermsForm {
  width:519px;
  margin:0 auto;
}
.regTermsForm p {
  margin:1em 0;
  font-size:1.2em;
}
#finalist .regTermsForm p a,
#winner .regTermsForm p a,
#rate .regTermsForm p a,
#login .regTermsForm p a {
  color:#999;
  text-decoration:underline;
}

.dobComponent p {
  margin:1em 0;
  color:#999;
  font-size:1.2em;
  line-height:1.2em;
  text-align:center;
}
.dobDateSelects {
  position:relative;
  width:172px;
  height:29px;
  margin:1em auto;
  background:transparent url(/images/dob_bkgd.jpg) center center no-repeat;
}
.dobDateSelects span {
  position:absolute;
  top:8px;
}
.dobDateSelects span.birthMonth {
  left:8px;
}
.dobDateSelects span.birthDay {
  left:74px;
}
.dobDateSelects span.birthYear {
  left:134px;
}
.dobDateSelects input {
  float:left;
  background:transparent;
  color:#000;
  border:0;
  font-size:1.2em;
  font-weight:bold;
}

.countdownCount {
  width:105px;
  height:42px;
  margin:12px auto 36px;
  background:transparent url(/images/countdown_bkgd.jpg) center center no-repeat;
  color:#000;
  font-size:1.2em;
  font-weight:bold;
  text-align:center;
}

#info h2,
#judges h2 {
  margin-top:1em;
  font-size:1.6em;
  font-weight:bold;
  text-align:center;
}
#info p,
#rules p {
  line-height:1.4em;
}
#info p strong,
#rules p strong {
  font-weight:bold;
}
#info p a,
#rules p a {
  color:#fff;
  text-decoration:underline;
}

p.activation input {
  height:21px;
  padding:0 10px;
  background:#666;
  color:#fff;
  border:1px solid #999;
  line-height:21px;
}
p.activation input:hover {
  background:#999;
  border:1px solid #666;
}

.success {
  margin:12px;
  font-size:12px;
  text-align:center;
}
#upload .success a {
  text-decoration:underline;
}
.thanks {
  margin:12px;
  font-size:12px;
  text-align:left;
}
#upload .thanks a {
  text-decoration:underline;
}

/* Admin/Review page styles */
#review #innerContent {
  width:500px;
  margin:0 auto;
  font-size:1.2em;
  line-height:1.4em;
}
#review h1 {
  margin:1em 0 0.5em;
  font-size:1.6em;
  font-weight:bold;
  text-align:left;
}
.movieBox {
  width:500px;
  margin:0 auto;
}
.movieDescription,
#review form {
  margin:1em 0;
}
.movieDataTop {
  float:right;
}
#review form div {
  margin:0.5em 0;
}
#review #processNav {
  margin-top:1em;
}
#flag .textareaWrapper,
#review .textareaWrapper {
  width:509px;
  height:110px;
  background:url(/images/form_bkgd_textarea.jpg) left center no-repeat;
  border:0;
  font-weight:bold;
}
#flag textarea,
#review textarea {
  width:500px;
  margin:5px 0 0 5px;
  background:transparent;
  border:0;
}
#review strong {
  font-weight:bold;
}
#review .moreBy {
  
}
#review .moreBy h3 {
  font-size:1.2em;
  font-weight:bold;
}
#review .moreBy li {
  margin:1em 0;
}
#review .moreBy a {
  color:#fff;
}

/* Admin/Queue styles */
#queue #innerContent a {
  color:#fff;
}
#queue #innerContent {
  width:500px;
  margin:0 auto;
  font-size:1.2em;
  line-height:1.4em;
}
#queue .sortNav {
  font-weight:bold;
  text-align:center;
  text-transform:uppercase;
}
#queue h1 {
  margin:1em 0 0.5em;
  font-size:1.6em;
  font-weight:bold;
  text-align:left;
}
#queue table {
  margin:1em auto;
}
#queue .headerRow {
  font-weight:bold;
  text-align:center;
}
#queue .dataRow {
  text-align:center;
}
#queue table td {
  padding:2px 0;
}

/* splash page styles */
#splash #mainContent {
  background:#fff url(/images/stella_top_bkgd2.jpg) center 160px no-repeat;
}

#splash #innerBody {
  width:600px;
  margin:0 auto;
  padding:10px 0 0;
  background:#fff url(/images/splash-inner-body-bkd.jpg) 1px top repeat-y;
  color:#000;
  text-align:center;
}
#splash #dayCounter {
  position:absolute;
  top:97px;
  left:178px;
  width:240px;
  height:36px;
  color:#000;
  background:transparent;
  line-height:36px;
  font-family:georgia,'times new roman',times,serif;
  font-size:28px;
  font-weight:bold;
  font-variant:small-caps;
  text-align:center;
  z-index:1000;
}

/* rate page styles */
.maxRateNotice {
  margin:2em 0;
  font-size:14px;
}
.maxRateNotice a {
  color:#fff;
}
#finalist #innerContent,
#winner #innerContent,
#rate #innerContent {
  width:510px;
  margin:0 auto;
}
#finalist #innerContent .videoBox,
#winner #innerContent .videoBox,
#rate #innerContent .videoBox {
  width:500px;
  margin:10px auto;
}
#finalist #innerContent h2,
#winner #innerContent h2,
#rate #innerContent h2 {
  font-size:24px;
  font-weight:bold;
}
#finalist #innerContent h3.videoCreator,
#winner #innerContent h3.videoCreator,
#rate #innerContent h3.videoCreator {
  color:#999;
  font-size:18px;
  font-weight:normal;
}
#finalist #innerContent h3 strong,
#winner #innerContent h3 strong,
#rate #innerContent h3 strong {
  font-weight:bold;
}
#finalist #innerContent .videoDetails,
#winner #innerContent .videoDetails,
#rate #innerContent .videoDetails {
  margin:1em 0;
  font-size:16px;
}
#finalist #innerContent .videoDetails2,
#winner #innerContent .videoDetails2,
#rate #innerContent .videoDetails2 {
  font-size:14px;
}
#finalist #innerContent .videoDetails img,
#winner #innerContent .videoDetails img,
#rate #innerContent .videoDetails img {
  vertical-align:middle;
}
#finalist #innerContent .videoDetails strong,
#finalist #innerContent .videoDetails2 strong,
#winner #innerContent .videoDetails strong,
#winner #innerContent .videoDetails2 strong,
#rate #innerContent .videoDetails strong,
#rate #innerContent .videoDetails2 strong {
  color:#999;
}
#finalist #innerContent .videoDescription,
#winner #innerContent .videoDescription,
#rate #innerContent .videoDescription {
  font-size:14px;
  line-height:1.4em;
}
#finalist #innerContent .flagVideo,
#winner #innerContent .flagVideo,
#rate #innerContent .flagVideo {
  margin:1em 0;
  font-size:12px;
  font-style:italic;
}
#finalist #innerContent .flagVideo strong,
#winner #innerContent .flagVideo strong,
#rate #innerContent .flagVideo strong {
  font-style:italic;
  font-weight:bold;
}
#finalist #innerContent .flagVideo a,
#winner #innerContent .flagVideo a,
#rate #innerContent .flagVideo a {
  color:#fff;
  font-style:normal;
}

/* new home styles */
.browseFilmsModule {
  margin:15px 0;
}
.browseFilmsWrapper img {
  margin:9px;
}

/* some flag styles */
#flag .flagRules {
  margin-top:2em;
  font-size:14px;
}
#flag .flagRules p {
  margin:1em 0;
}
#flag .flagRules a {
  color:#fff;
}

/* finalists styles */
.finalistItem {
  float:left;
  width:49.5%;
  margin:15px 0 0;
  text-align:left;
}
.finalistItem img {
  float:left;
  margin-right:10px;
}
.finalistItem strong {
  display:block;
  padding-right:10px;
  font-size:1.4em;
  font-weight:bold;
}
.finalistItem strong a {
  color:#000;
  text-decoration:none;
}
.finalistItem strong a:hover {
  text-decoration:underline;
}
.finalistItem span {
  display:block;
  font-size:1.2em;
}
.finalistItem .finalistName {
  color:#999;
}

a#backToFilms {
  display:block;
  width:182px;
  height:45px;
  margin:2em auto 1em;
  background:url(/images/btn_backtofilms.png) top right no-repeat;
}
a:hover#backToFilms {
  background:url(/images/btn_backtofilms.png) top left no-repeat;
}
a:focus#backToFilms {
  border:0;
}

/* WINNER STYLES */