/*-------------------- filmsteps tv stylesheet --------------------*/

html { 
overflow-y:scroll;
} 

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
background:url(../img/bgdTile.gif) repeat-x #990000;
font-size:12px;
text-align:center;
line-height:1.25em;
}

td {
vertical-align:top !important;
}

#wrapper {
text-align:left;
width:898px;
margin:0 auto;
border-left:1px solid #330000;
border-right:1px solid #330000;
border-bottom:1px solid #330000;
background:#000000;
}

a {
text-decoration:none;
color:#FFFFFF;
}

a:hover {
cursor:pointer!important;
}

.clear {
clear:both;
font-size:0;
line-height:0;
}

p {
margin-bottom:10px;
margin-top:0;
padding-top:0;
}

h2 {
font-size:19px;
font-weight:bold;
}

#helpPopup {
float:left;
margin-left:5px;
}



/*---------- general styles ----------*/

a.readmore {
color:blue;
text-decoration:underline;
}

a.readmore:hover {
cursor:pointer;
}

.fullStory {
display:none;
}

a#studio2Close:hover {
cursor:pointer!important;
}

.bubbleText {
font-size:17px;
color:#000000;
font-weight:bold;
line-height:1.25em;
}


/*---------- header styles ----------*/

#headerLogout {
float:right;
padding-right:10px;
}

#headerLogin {
float:right;
padding-right:10px;
font-size:0;
display:block;
width:73px;
}

#welcomeBack {
float:left;
padding-top:2px;
}

#header {
height:20px;
border-bottom:1px solid #330000;
background:#990000;
padding-top:7px;
padding-bottom:7px;
padding-left:12px;
}

* html #header {
height:15px;
padding-top:8px;
padding-bottom:0;
}

a#editProfile {
float:left;
padding-top:3px;
margin-left:20px;
text-decoration:underline;
font-size:11px;
}

#footerArea {
background:#660000;
height:15px;
padding:7px 0;
width:898px;
margin:0 auto;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
text-align:center;
}

#footer {
width:230px;
margin:auto;
}

#footer a {
display:block;
font-size:10px;
text-decoration:underline;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif;
}

.footerDivider {
margin-right:10px;
float:left;
display:block;
}

.footerLink {
float:left;
display:block;
}


/*---------- newsroom styles ----------*/

#newsArea {
background:url(../img/newsBgd.jpg) no-repeat;
width:898px;
height:664px;
line-height:1.25em;
}

.tvContainer {
color:#ffffff;
float:left;
width:226px;
height:170px;
}

.tvContainer h3 {
padding:4px 10px 0 10px;
font-size:12px;
color:#000000;
text-align:center;
margin-bottom:21px;
}

#newsTVArea {
margin-left:88px;
padding-top:13px;
width:678px;
}

.newsSummary {
padding:5px 25px 0 20px;
line-height:1.4em;
}

.newsLogo {
padding:43px 0 0 27px;
}

.newsReadMore {
display:block;
color:#000000;
padding-top:5px;
cursor:pointer;
font-weight:bold;
}

#newsBubble {
margin-top:16px;
margin-left:465px;
width:277px;
color:#000000;
height:106px;
}

#newsBubbleText {
padding:16px 15px 0 15px; 
line-height:1.7em!important;
}

#newsHomeBtn {
float:right;
}


/*---------- masterclass styles ----------*/

#masterclassArea {
background:url(../img/masterclassBgd.jpg) no-repeat #232221;
width:898px;
min-height:658px;
line-height:1.25em;
}

* html #masterclassArea {
height:658px;
}

#masterclassBox {
margin-left:37px;
margin-top:23px;
border:1px solid #000000;
width:512px;
}

#masterclassBoxHeader {
background:#8c0000;
width:492px;
height:26px;
padding:10px;
}

#masterclassBoxBody {
background:#FFFFFF;
width:482px;
padding:15px;
color:#000000;
}

#masterclassList li {
list-style:disc;
margin-left:15px;
margin-bottom:5px;
}

#masterclassList li a {
cursor:pointer;
color:#000000;
font-size:17px;
font-weight:bold;
}

#masterclassBubble {
padding-left:284px;
padding-top:276px;
height:106px;
width:248px;
}

#masterclassBubbleText {
padding:13px 15px 0 15px;
color:#000000;
}

#masterclassHomeBtn {
float:right;
margin-top:8px;
margin-right:13px;
}

#masterclassBody p {
color:#FFFFFF !important;
font-family:Arial, Helvetica, sans-serif;
}


/*---------- studio 1 styles ----------*/

#studio1aArea {
background:url(../img/studio1aBgd.jpg) no-repeat #232221;
width:898px;
min-height:601px;
line-height:1.25em;
}

* html #studio1aArea {
height:601px;
}

.studio1aUploadBtn {
margin-left:23px;
margin-top:323px;
}

#studio1aHomeBtn {
float:right;
margin-top:8px;
margin-right:16px;
}

#studio1bArea {
background:url(../img/studio1bBgd.jpg) no-repeat #232221;
width:898px;
height:601px;
line-height:1.25em;
}

#studio1bHomeBtn {
float:right;
margin-top:8px;
margin-right:16px;
}

#studio1Box {
margin-left:228px;
margin-top:78px;
border:1px solid #000000;
width:512px;
}

#studio1BoxHeader {
background:#8c0000;
width:492px;
padding:10px;
}

#studio1BoxHeader h2 {
margin-bottom:0;
}

#studio1BoxBody {
background:#c7100f;
width:482px;
padding:15px;
}

.studio1DiscLabel {
width:460px;
float:left;
}

.studio1DiscCheck {
float:left;
}

.studio1Disclaimer {
margin-bottom:10px;
width:482px;
}

.studio1NextBtn {
margin-top:10px;
float:left;
}

.studio1Errors {
float:left;
margin-left:20px;
margin-top:10px;
}

.studio1Title, .studio1Desc {
width:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.studio1Desc {
height:60px;
}

.errorMessage {
margin-bottom:3px;
font-weight:bold;
font-size:11px;
}

.errorMessage p {
margin-bottom:0;
}

.studio1Success {
font-size:22px;
font-weight:bold;
margin-bottom:30px;
margin:10px auto 30px auto;
text-align:center;
line-height:1.25em;
}

.studio1UploadNew {
margin:0 auto;
width:231px;
text-align:center;
display:block;
}


/*---------- studio 2 styles ----------*/

#studio2aArea {
background:url(../img/studio2aBgd.jpg) no-repeat #000000;
width:898px;
min-height:555px;
line-height:1.25em;
}

* html #studio2aArea {
height:555px;
}

.studio2aUploadBtn {
margin-left:23px;
margin-top:323px;
}

#studio2aAskUsherArea {
float:left;
width:456px;
}

#studio2aPickMonthArea {
float:left;
width:440px;
}

#studio2aAskUsher {
background:url(../img/studio2aAskUsher.jpg) no-repeat;
width:245px;
height:107px;
margin-top:196px;
margin-left:43px;
}

#studio2aPickMonth {
margin-top:51px;
width:300px;
height:110px;
margin-left:10px;
}

#studio2aPickMonthArea h2 {
margin-bottom:10px;
}

.studio2PickThumb {
float:left;
margin-right:10px;
border:1px solid #FFFFFF;
}

.studio2PickTitle {
float:left;
width:214px;
}

#studio2PickTitleName {
color:#ffff00;
font-size:11px;
}

#studio2PickTitleDesc {
font-weight:bold;
}

#studio2PickDesc {
margin-bottom:5px;
}

.studio2AskUsherInput {
width:120px;
float:left;
margin-right:5px;
}

.studio2AskUsherSubmit {
float:left;
margin-right:7px;
}

#studio2aAskUsherForm {
padding-left:55px;
padding-top:53px;
}

#studio2Box {
margin-left:45px;
border:1px solid #000000;
width:365px;
margin-bottom:30px;
}

#studio2BoxHeader {
background:#8c0000;
width:345px;
height:48px;
padding:0px 10px;
}

#studio2BoxBody {
background:#FFFFFF;
width:335px;
padding:15px;
color:#000000;
font-size:17px;
}

#studio2aHomeBtn {
float:right;
margin-top:8px;
margin-right:13px;
}

#studio2bHomeBtn {
float:right;
margin-top:7px;
margin-right:14px;
}

#studio2List li {
list-style:url(../img/channelArrow.gif);
margin-left:15px;
margin-bottom:5px;
}

#studio2List li a {
text-decoration:none;
cursor:pointer;
color:#000000;
font-weight:bold;
}

#studio2ChannelLogo {
float:left;
margin-right:10px;
}

#studio2BoxH2 {
padding-top:17px;
}

#studio2Bubble {
margin-top:50px;
height:125px;
width:302px;
background:url(../img/studio2aBubble.jpg) no-repeat;
}

#studio2BubbleText {
padding:13px 60px 0 15px;
color:#000000;
}

#studio2bArea {
background:url(../img/studio2bBgd.jpg) no-repeat #7a0000;
width:898px;
min-height:555px;
line-height:1.25em;
}

* html #studio2bArea {
height:555px;
}

#studio2bBoxH2 {
padding-top:17px;
float:left;
margin-right:20px;
}

#studio2Arrow {
float:left;
padding-top:19px;
margin-right:10px;
}

#studio2Category {
float:left;
padding-top:17px;
font-weight:bold;
}

#studio2Close {
float:right;
padding-top:7px;
}

.studio2Movie {
margin-bottom:20px;
}

.studio2MovieDetails {
float:left;
}

.studio2Title {
color:#ffff00;
font-weight:bold;
font-size:15px;
display:block;
margin-bottom:5px;
}

.studio2Thumb {
margin-right:10px;
float:left;
border:1px solid #FFFFFF;
}

#studio2bBoxArea {
padding-left:210px;
padding-top:163px;
padding-bottom:30px;
}

#studio2bBox {
border:1px solid #000000;
width:501px;
}

#studio2bBoxHeader {
background:#8c0000;
width:481px;
height:48px;
padding:0px 10px;
}

#studio2bBoxBody {
background:#c7100f;
width:471px;
padding:15px;
}

#studio2cBoxBody {
background:#c7100f;
width:471px;
padding:15px;
margin:0 auto;
text-align:center;
}

#studio2cBoxBtns {
background:#990000;
width:405px;
margin:0 auto;
padding:10px;
text-align:center;
}

#studio2cAwardBtn {
float:left;
margin-right:20px;
margin-left:25px;
}

#studio2cChannelBtn {
float:left;
}

.studio2MovieCol1 {
background:#000000;
padding:7px;
color:#ffff00;
font-weight:bold;
width:90px;
}

.studio2MovieCol2 {
background:#333333;
padding:7px;
}

#studio2MovieTable {
width:425px;
margin:0 auto;
}

#studio2MovieCategories {
text-align:left;
margin-left:22px;
}

.studio2MovieCatsDropdown {
margin-right:5px;
float:left;
}

.studio2MovieCatsSubmit {
margin-top:2px;
display:block;
float:left;
}

.studio2MovieCatsLabel {
float:left;
margin-right:7px;
padding-top:2px;
font-weight:bold;
}

#studio2bSort {
margin-bottom:10px;
}

#studio2bSortSelect {
float:left;
margin-right:10px;
margin-bottom:10px;
}

#studio2bSortBtn {
float:left;
}

#studio2bSearchHeader {
margin-bottom:20px;
font-weight:bold;
}

#studio2MovieSend {
text-align:left;
margin-bottom:10px;
margin-left:22px;
margin-top:15px;
}

#studio2MovieSendFriend {
float:left;
padding-top:3px;
margin-right:5px;
font-weight:bold;
}

#studio2MovieSendLabel {
float:left;
margin-right:5px;
}

#studio2MovieSendInput {
float:left;
}

#studio2PageArea {
width:471px;
text-align:center;
margin:0 auto;
}

#studio2Pages {
width:100%;
text-align:center;
margin:0 auto;
}

#studio2PageLabel {
font-weight:bold;
float:left;
margin-right:5px;
}

#studio2PageNumbers {
float:left;
}


/*---------- greenroom styles ----------*/

#greenroomArea {
background:url(../img/greenroomBgd.jpg) no-repeat #333333;
width:898px;
min-height:555px;
line-height:1.25em;
}

* html #greenroomArea {
height:555px;
}

#greenroomArea ul {
list-style:disc;
padding-left:15px;
margin:10px 0;
}

#greenroomArea ul li {
padding-bottom:7px;
}

#greenroomHomeBtn {
float:right;
margin-top:7px;
margin-right:15px;
margin-bottom:13px;
}

#greenroomQuestionBox {
background:#003300;
width:378px;
padding:20px;
margin:0 auto;
border:1px solid #000000;
}

#greenroomNoteBox {
background:#006700;
width:378px;
padding:20px;
margin:0 auto;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}

#greenroomSubmitBtn {
float:right;
display:block;
margin-top:50px;
}

.greenroomQuestionInputBox {
float:left;
height:60px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:250px;
margin-top:20px;
margin-right:10px;
}

.greenroomBubble {
margin:0 auto 20px auto;
width:315px;
}

.greenroomBubbleTop {
background:url(../img/greenroomBubbleTop.jpg) no-repeat;
width:305px;
height:13px;
font-size:0;
}

.greenroomBubbleBottom {
background:url(../img/greenroomBubbleBottom.jpg) no-repeat;
width:305px;
height:10px;
}

.greenroomBubbleText {
width:285px;
padding:0 10px;
color:#000000 !important;
background:#FFFFFF;
}

#greenroomNoteBoxFooter {
background:#003300;
height:37px;
width:418px;
margin:0 auto;
}

.greenroomPostedBy {
color:#003300;
font-size:11px;
float:right;
font-weight:bold;
margin:0;
padding:0;
line-height:1.25em !important;
}

.greenroomBubbleMessage {
margin-bottom:15px;
font-size:15px;
font-weight:bold !important;
line-height:1.4em !important;
}

.greenroomPickHeader {
background:#003300;
width:190px;
padding:10px;
margin:0 auto 0px auto;
border:1px solid #000000;
}

.greenroomPickHeader h2 {
font-size:14px;
}

.greenroomPickBox {
background:#006700;
width:190px;
padding:10px;
margin:0 auto;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}

#greenroomMessage {
margin-bottom:0px;
margin-top:10px;
font-size:11px;
}

#greenroomPagesHeader {
background:#003300;
height:15px;
width:184px;
margin-top:36px;
border-top:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
padding:5px;
font-weight:bold;
font-size:14px;
}

#greenroomPagesBody {
background:#006700;
width:174px;
font-size:17px;
color:#FFFFFF;
font-weight:bold;
padding:10px;
border-top:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}

#greenroomPagesBody li {
list-style:url(../img/greenroomPageIcon.jpg);
padding-left:0;
}

.greenroomPage {
width:154px;
}

#greenroomPageIcon {
float:left;
margin-right:7px;
margin-bottom:10px;
}

#greenroomPageLink {
float:left;
margin-top:7px;
margin-bottom:5px;
}

#greenroomBody {
margin-top:48px;
}


/*---------- login styles ----------*/

#loginArea {
background:#480000;
width:898px;
padding-bottom:80px;
}

#loginArea h3 {
margin-top:20px;
margin-bottom:10px;
}

#loginBox {
margin:60px auto 0 auto;
border:1px solid #000000;
width:512px;
}

#loginBoxHeader {
background:#8c0000;
width:492px;
padding:10px;
}

#loginBoxHeader h2 {
margin:0;
}

#loginBoxBody {
background:#bf0000;
width:482px;
padding:15px;
}

.loginInput {
float:left;
width:150px;
}

.loginLabel {
float:left;
width:100px;
padding-top:6px;
}

.loginInputArea {
margin-bottom:10px;
}

#loginLogo {
float:left;
/*width:191px;*/
width:257px;
}

#loginArea ul {
list-style:disc;
padding-left:15px;
margin:10px 0;
}

#loginArea ul li {
padding-bottom:7px;
}

#loginHomeBtn {
float:right;
width:178px;
padding-top:7px;
padding-right:14px;
}

.loginButtonArea {
margin-left:100px;
}

#loginErrorArea {
float:left;
margin-top:15px;
margin-left:20px;
}

a.loginLink {
margin-bottom:10px;
text-decoration:underline;
display:block;
}

.loginButton {
margin-bottom:10px;
margin-top:5px;
float:left;
display:block;
}


/*---------- register styles ----------*/

#registerRules {
margin-bottom:10px;
}

#registerRulesHeader {
font-weight:bold;
margin-bottom:5px;
}

#registerAccept {
float:left;
padding-top:3px;
font-weight:bold;
}

.registerCheckbox {
float:left;
}

.registerNextBtn {
margin-top:20px;
float:left;
width:92px;
}

#registerErrorArea {
float:left;
margin-top:20px;
font-weight:bold;
margin-left:20px;
width:370px;
}

.registerInput {
float:left;
width:150px;
}

.registerLabel {
float:left;
width:120px;
padding-top:6px;
}

.registerLabel2 {
float:left;
width:190px;
padding-top:6px;
}

.registerInputArea {
margin-bottom:10px;
}

#registerAccept {
float:left;
padding-top:2px;
font-weight:bold;
}

.registerAccept2 {
float:left;
padding-top:2px;
font-weight:bold;
}

#registerBox {
margin:60px auto 0 auto;
margin-top:60px;
border:1px solid #000000;
width:512px;
line-height:1.25em;
}

#registerBoxHeader {
background:#8c0000;
width:492px;
padding:10px;
}

#registerBoxHeader h2 {
margin:0;
}

#registerBoxBody {
background:#bf0000;
width:482px;
padding:15px;
}

.resetNextBtn {
float:left;
}

#resetErrorArea {
float:left;
font-weight:bold;
margin-left:20px;
width:370px;
}

.registerHeader {
margin-bottom:20px;
}

.registerFooter {
margin-top:20px;
}


/*---------- user profile styles ----------*/

.profileLabel {
float:left;
width:150px;
padding-top:6px;
}

.profileInput {
float:left;
width:170px;
}

.profileSaveBtn {
margin-top:20px;
float:left;
width:92px;
}


/*---------- schools styles ----------*/

#mainArea {
background:url(../img/mainAreaBgd.jpg) no-repeat #333333;
width:898px;
height:612px;
line-height:1.25em;
}

#mainArea ul {
list-style:disc;
padding-left:15px;
margin:10px 0;
}

#mainArea ul li {
padding-bottom:7px;
}

#mainArea a {
font-weight:normal;
text-decoration:underline;
}

#mainBoxArea {
padding-left:205px;
padding-top:108px;
}

#mainBox {
border:1px solid #000000;
width:499px;
}

#mainBoxHeader {
background:#8c0000;
width:479px;
padding:0px 10px;
}

#mainBoxBody {
background:#FFFFFF;
color:#000000;
font-size:17px;
line-height:1.2em;
width:469px;
padding:15px;
height:400px;
overflow:auto;
}

#mainBoxBody p {
margin-bottom:20px;
}

#mainBoxBody a {
color:#000000;
}

#mainArea h3 {
margin-top:20px;
margin-bottom:10px;
}

#mainHeader {
display:block;
float:left;
margin-top:12px;
}

#mainClose {
float:right;
padding-top:7px;
padding-bottom:7px;
}

.current_page {
font-weight:bold;
}
