/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead /*, table, tr, th, td */{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
/* default font settings. best practive to use em as unit for font size. (use http://pxtoem.com/ for reference) 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */

html {font-size:.875em;color:#0A4E19;font-family:arial,Helvetica,sans-serif;line-height:normal;}
body {text-align:center; min-width: 950px; background:#ffffff url(../images/background.jpg) repeat-x;}

/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {}
h1 { font-size: 32px; color:#790000; text-transform:uppercase; margin-bottom: 0.5em; letter-spacing:-1px; line-height:normal; } 
h2 { font-size: 1.214em; font-weight:bold; color:#0A4E19; text-transform:uppercase; margin-bottom: 0.2em; } /*{faqs} section headers */
h3 { font-size: 1em; line-height: 1.25; font-weight:bold; margin-bottom: 1em;}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 14px; color:#790000; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

/* Text elements
-------------------------------------------------------------- */
p {margin-bottom: 1em;/*margin:0 0 1.5em;*/}
a:focus, a:hover {text-decoration: underline;}
a, a:active {outline:none; }
a {color:#ED1C24;text-decoration: none; outline:none;}


strong {font-weight:bold;}
em {font-style:italic;}
sup, sub {line-height:0;}

/* Lists
-------------------------------------------------------------- */
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}


/* misc */
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#0A4E19;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {float:none; clear:both; height:0px;	}

.center {text-align:center}
.center table{margin-left: auto;margin-right: auto;text-align: left;}
.bold {font-weight:bold;}
.float-right {float:right;}
.float-left {float:left;}
.hidden {display:none;}
.important {text-decoration:underline; font-style:italic;} 
.over {background-color:#e6e2af;}
.out {background-color:none;}

/* *********************************************************************** */

/* page layout , #footer-content */
#wrapper {margin:0 auto; text-align:left; width:950px; background:transparent url(../images/interior-content-bg.jpg) no-repeat;}
#wrapper.default {background:#1C2200 url(../images/home-content-bg.jpg) no-repeat;} /* home page will have a unique background image than the rest of the interior pages*/

#menu {float:left; width:160px;}
#content-wrapper {float:left; width:790px;}
 
#wrapper.default #main {padding:0;} /*no padding for home page */
#wrapper.watch #main {padding:0 11px 0 45px;} /*no padding for watch page */

#main {padding: 0 53px 0 57px;}



/**************************************** start of navigation **************************************/

#menu {margin:40px 0 0 0;}
#menu ul {list-style-type: none; padding: 0; margin:0; overflow:hidden;}
#menu ul li a, #menu .logo {display:block; height:32px; background:url(../images/sprite.png) top left; text-indent:-9000px; outline: 0;}
#menu ul li a, #menu .logo {behavior: url("css/iepngfix/iepngfix.htc")} /*ie6 pngfix */

#menu .login {background-position:0px 0px;}
/*#menu .login:hover {background-position:-160px 0px;}*/
#menu .login:hover {background-position:-320px 0px;}
#menu #login .login {background-position:-320px 0px;}

#menu .default {background-position:0px -32px;}
/*#menu .default:hover {background-position:-160px -32px;}*/
#menu .default:hover {background-position:-320px -32px;}
#menu #default .default {background-position:-320px -32px;}

#menu .howtoenter {background-position:0px -64px;}
/*#menu .howtoenter:hover {background-position:-160px -64px;}*/
#menu .howtoenter:hover {background-position:-320px -64px;}
#menu #howtoenter .howtoenter {background-position:-320px -64px;}

#menu .register {background-position:0px -96px;}
/*#menu .register:hover {background-position:-160px -96px;}*/
#menu .register:hover {background-position:-320px -96px;}
#menu #register .register {background-position:-320px -96px;}

#menu .voterregistration {background-position:0px -128px;}
/*#menu .voterregistration:hover {background-position:-160px -128px;}*/
#menu .voterregistration:hover {background-position:-320px -128px;}
#menu #voterregistration .voterregistration {background-position:-320px -128px;}
#menu #agecheck .voterregistration {background-position:-320px -128px;}

#menu .uploadvideo {background-position:0px -160px;}
/*#menu .uploadvideo:hover {background-position:-160px -160px;}*/
#menu .uploadvideo:hover {background-position:-320px -160px;}
#menu #uploadvideo .uploadvideo {background-position:-320px -160px;}

#menu .radiodisneyevent {background-position:0px -192px;}
/*#menu .radiodisneyevent:hover {background-position:-160px -192px;}*/
#menu .radiodisneyevent:hover {background-position:-320px -192px;}
#menu #radiodisneyevent .radiodisneyevent {background-position:-320px -192px;}

#menu .watch {background-position:0px -224px;}
/*#menu .watch:hover {background-position:-160px -224px;}*/
#menu .watch:hover {background-position:-320px -224px;}
#menu #watch .watch {background-position:-320px -224px;}

#menu .downloadsong {background-position:0px -256px;}
/*#menu .downloadsong:hover {background-position:-160px -256px;}*/
#menu .downloadsong:hover {background-position:-320px -256px;}
#menu #downloadsong .downloadsong {background-position:-320px -256px;}

#menu .faqs {background-position:0px -288px;}
/*#menu .faqs:hover {background-position:-160px -288px;}*/
#menu .faqs:hover {background-position:-320px -288px;}
#menu #faqs .faqs {background-position:-320px -288px;}

#menu .officialrules {background-position:0px -320px;}
/*#menu .officialrules:hover {background-position:-160px -320px;}*/
#menu .officialrules:hover {background-position:-320px -320px;}
#menu #officialrules .officialrules {background-position:-320px -320px;}

#menu .winnerslist {background-position:0px -352px;}
/*#menu .winnerslist:hover {background-position:-160px -352px;}*/
#menu .winnerslist:hover {background-position:-320px -352px;}
#menu #winnerslist .winnerslist {background-position:-320px -352px;}

#menu .viewfinalists {background-position:0px -656px;}
#menu .viewfinalists:hover {background-position:-320px -656px;}
#menu #watch .viewfinalists {background-position:-320px -656px;}

#menu .allstardownload {background-position:0px -384px; height:48px;}
/*#menu .allstardownload:hover {background-position:-160px -384px;}*/
#menu .allstardownload:hover {background-position:-320px -384px;}
#menu #allstardownload .allstardownload {background-position:-320px -384px;}



/*

#menu .logo {background-position:0px -473px; height:112px; width:119px;}
#menu .logo:hover {background-position:-119px -473px;}
*/
#menu #logo {padding-left:20px;}
#menu .logo {background-position:0px -473px; width:130px; height:163px; }
#menu .logo:hover {background-position:-130px -473px;}

/**************************************** end of navigation **************************************/

.sprite {background:url(../images/sprite.jpg);}
.subhead {margin:25px 0 40px 290px;}


/**** home page ****/

#home {position:relative; height:630px;}

#home .downloadsong {width:240px; height:310px; background-position: 0px 0px;}
#home .downloadsong:hover {background-position: -240px 0px;}

#home .nbtvideos {width:245px; height:210px; background-position: 0px -520px;}
#home .nbtvideos:hover {background-position: -245px -520px;}

#home .allstarweekend {width:190px; height:210px; background-position: 0px -310px;}
#home .allstarweekend:hover {background-position: -190px -310px;}

#home .uploadvideo {width:130px; height:60px; background-position: 0px -730px;}
#home .uploadvideo:hover {background-position: -130px -730px;}

#home .watchvideo {width:115px; height:60px; background-position: 0px -790px;}
#home .watchvideo:hover {background-position: -115px -790px;}

#home #downloadsong-box {top:286px; left:23px; position:absolute;} 
#home #nbtvideos-box {top:285px; left:281px; position:absolute;}
#home #allstarweekend-box {top:285px; left:574px; position:absolute;} 

#home #uploadvideo-box {top:496px; left:283px; position:absolute;} 
#home #watchvideo-box {top:496px; left:413px; position:absolute;} 
#home #no-purchase-box {top:599px; left:230px; position:absolute; color:#fff; font-size:.82em;} 


/**** howtoenter ****/
#sample_video a.player {display:block; width:190px; height:143px; padding:0; text-align:center; margin: 0 auto;}

/**** upload video ****/
.uploadvideo #bestformat {display: none;}
#bestformat {overflow: auto; width: 650px; height: 500px; text-align: left; padding-right:10px;}
#bestformat div {font-weight:bold;}

/**** faqs & radio disney event ****/
#faqs h2 {margin-top:1em;}
.answer {padding-left:30px;}

/*
#radio_disney_event a.trigger {height:15px; width:15px; display:block; background:url(../images/expand_collapse_sprite.gif) top left no-repeat; }
#radio_disney_event .question a {background-position:0px 0px;}
#radio_disney_event .question a:hover {background-position:-15px 0px;}
#radio_disney_event .question a.active {background-position:-30px 0px;}
*/
/***********************************************************************/

.question {position: relative; font-weight:bold;}
.question a {text-decoration: none;}
.question a span {height:15px; width:15px; display: block; position: absolute; background:url(../images/expand_collapse_sprite.gif) top left no-repeat;}
.question a span {top: 2px; left: 0px;}
.question a:hover span	{background-position:-15px 0px;}
.question a em {padding-left:20px; font-style:normal;}
.question a:hover em { text-decoration: underline;}
.question.expand a span	{background-position:0px -15px;}
.question.expand a:hover span {background-position:-15px -15px;}

/*
#radio_disney_event .question a.expand span	{background-position:0px -15px;}
#radio_disney_event .question a.expand:hover span {background-position:-15px -15px;}
*/
/*


a:hover		{ background: red; }
a .name		{ font: 18px Georgia, Serif; }
a:hover .name		{ color: #900; font-weight: bold; }

#toby span   		{ top: 0; left: 0; }
#tom span		{ top: 0; left: 134px; }
#gail span		{ top: 134px; left: 0; }
#padma span		{ top: 134px; left: 134px; }
*/

/************************************************************************/

#no_account {padding-top:10px;}

#desktopwallpaper { list-style-type:none; text-align:center; padding-top:10px;}
#desktopwallpaper li { float:left; padding: 0 90px 40px 0;}
/*#desktopwallpaper a {color: #0A4E19;}*/

#radio_disney_event img { padding-bottom:5px;}



#videogallery, #videogallerydetail, #videogallerycomment {border:2px solid #C19263; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
#videogallery {padding:5px}
#videogallery #player {float:left; padding:0px 0px 10px 0px;}
#videogallery #playerlist {float:left; padding-right:0px;}
#videogallery #player-header {padding:5px 0; font-size:1.214em;}
#videogallery #playlist-header {padding:5px 0 5px 5px;}
#flowplayer {display:block; width:480px; height:384px;}

/********************** playlist style ******************************/
#playlist {margin:4px 0 0 0; width:230px; height:383px; overflow-y:auto; overflow-x:hidden; float:left; border:1px solid #C19263;}
#playlist a {display:block; color:#0A4E19; width:210px; margin-bottom:0px; font:11px verdana; text-decoration:none; overflow:hidden; }
#playlist a:hover {background-color:#C19263; }
#playlist a.progress { background-color:#efefef;}
#playlist a.playing { border:1px solid #006a3d; background-color:#ffc; }
#playlist a.paused { border:1px solid #ccc; background-color:#ffc; }
#playlist a img {width:93px; height:70px; border:1px solid #C19263; float:left; margin-right:5px;}
#playlist a span {color:#ED1C24;}
#playlist {border-left:0;}
/********************** End playlist style ******************************/

#videogallerydetail {padding:10px; margin-top:10px;}
#videogallerycomment {padding:10px; margin-top:10px; margin-bottom:15px;}
#videogallerycomment #video-comments {height:300px; overflow:auto; border:1px solid #C19263; margin-top:10px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
#videogallerycomment #video-comments #comments-list li{ list-style-type:none; list-style-position:outside; margin:0; padding:5px 0; line-height:20px; border-bottom:solid 1px #C19263;}
#addacomment #addacomment_label {float:left;}
#addacomment #addacomment_list {float:right;}

#vote {padding: 5px 0; margin-bottom: 5px;}
#rating .ratingtext {font-size:.714em;}

#rating-tooltip {margin:0 0 0 20px;}
.rating-tooltip-login{ margin:0 20px; color: white;}
#share-this-video {padding: 10px 0;}
#share-this-video img {padding-right: 5px;}

#share-this-video ul, #videogallerycomment ul {padding-left:20px;}
#share-this-video ul.share {list-style:none outside none; margin:0; padding-top:5px;}
#share-this-video ul.share li {color:#999999; display:inline; font-size:1em; line-height:0.9em; margin:0 20px 0 0; padding:0;}

#share-this-video img.icon{border:0 none; margin:0 3px 0 0; vertical-align:middle;}
#share-this-video img.icon {behavior: url("css/iepngfix/iepngfix.htc")} /*ie6 pngfix */



/***** buttons*****/
.submit_button {background:url(../images/sprite.png); background-position: 0px -432px; width:60px; height:20px; }
.submit_button:hover {background-position: -60px -432px;}

/**************************************start form ******************************************/
.form {padding:0; /* padding:10px; */}
.form.standard .label{width:90px; float:left; padding:7px 0px 0px 7px;}
.form.standard .button {padding:15px 0 15px 180px;}

.form.wide .label {width:150px; float:left; padding:7px 0px 0px 7px;}
.form.wide .button {padding:15px 0 15px 205px;}

.text {width:190px; }
.select {width:202px;}
.field {width:220px; float:left; padding:5px;}
.field-checkbox {float:left; padding:10px 0 15px 0; width:500px;}

.text, .select{background:#fff url(../images/shadow.gif) repeat-x top; border-bottom:1px solid #ddd; border-left:1px solid #c3c3c3;	border-right:1px solid #c3c3c3;	border-top:1px solid #7c7c7c; color:#333; margin:0;	padding:3px 5px;}

/*form related classes*/
.row {clear:both; background-color:none; display:block;}
.row.over {background-color:#fff;}
.required {padding:0px 0px 0px 7px; }
.checkbox {padding-right:3px;}
.error_message {float:left; padding:5px; font-style:italic;}
/********************************** end form **************************************/

/********************************************* validation *********************************************/
.messagebox{display:block;}
.info, .success, .warning, .error, .validation {border: 1px solid; margin: 10px 0px; padding:5px 10px 5px 10px; background-repeat: no-repeat; background-position: 10px center; }
.info {color: #00529B; background-color: #BDE5F8;}
.success {color: #4F8A10; background-color: #DFF2BF;}
.error {color: #D8000C; background-color: #FFBABA;}
.warning {color: #9F6000; background-color: #FEEFB3;}
.validation {color: #CC0000; background-color: #FFCCBA;} 
.validation ul {padding-top:10px;}

/********************************************* footer *********************************************/
#footer {font-size: .929em; color:#006A3D; padding:15px 0;}
#footer ul { text-align: center; margin-bottom:3px;}
#footer li { display: inline; padding: 0 3px;}