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

Watch online specific styles

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

/*** Currently Playing Movie ***/
#makerCurrentMovie{
margin-left:37px;
}
#channelName{
margin: 8px 0px;
height:38px;
width: 455px;
overflow: hidden;
}
.dvdTitle{
font-size: 17px;
color: #696A6C;
font-weight:bold;
text-transform: uppercase;
width: 330px;
float:left;
}
.dvdCurrentAge{
width:122px;
float:right;
color: #000;
font-size: 12px;
text-decoration: none;
font-weight: regular;
}
.contentCurrentMovie{
height:160px;
width:400px;
margin-top:5px;
margin-bottom:5px;
color: #71716F;
font-size: 12px;
line-height: 16px;
text-align:left;
overflow:hidden;
float: left;
}

/*** Red box with pink outline & curved corners **/
#meetYourMaker, #frameQuestion {
background:#B20838;
}

.pinkLine {
background-image: url(/images/pink.gif);
}

.pinkLineT {
background-repeat: repeat-x;
}
.pinkLineB {
background-repeat: repeat-x;
background-position:bottom;
}
.pinkLineL {
background-repeat: repeat-y;
}
.pinkLineR {
background-repeat: repeat-y;
background-position:right;
}

.redCorner{
background-repeat: no-repeat;
width:100%;
}
.redCornerTL {
background-image: url(/images/corner_TL_red.gif);
}
.redCornerTR {
background-image: url(/images/corner_TR_red.gif);
background-position: top right;
}
.redCornerBL {
background-image: url(/images/corner_BL_red.gif);
background-position: bottom left;
}
.redCornerBR {
background-image: url(/images/corner_BR_red.gif);
background-position: bottom right;
}

/*** Contents of Meet Your Maker ***/
#meetYourMakerHold {
text-align:left;
overflow:hidden;
}
#meetYourMakerHold h2{
color: #F7C43A;
width: 270px;
font-size:24px; 
}
#meetYourMakerHold .intro{
color:#FFF; 
font-size:15px; 
margin: 0px;
}
#meetYourMakerHold p{
color:#FFF; 
font-size:11px; 
margin: 0px;
line-height: 14px;
letter-spacing: 0px;
word-spacing: 1px;
}
#meetYourMakerHold p a{
color:#FFF; 
text-decoration: underline;
}

#makerContentsHold{/* holds 3 main columns bio|chat|question */
margin:8px;
}
.redSpacer{
width: 7px;
}
#makerImage{
width: 166px;
height: 133px;
border: 1px solid #FFF;
overflow: hidden;
}

/*** Chat - approved questions/responses ***/
#chatHold{
width:450px;
background: #F0F0BA;
border: 0px;
}
#chatHold h2{
color: #0881BB;
font-size:26px; 
width: 85px;
}
#chatTitleHold{
width:100%;
border-bottom:1px dashed #0881BB;
}

#chatHold #chatTitleHold h3{
font-size: 12px; 
width: 320px;
}

/*** Post Question ***/
#qPostHold{
width:302px;
height:333px;
background: #F0F0BA;
}
#qPostHold h4{
margin:10px 0px 20px 0px;
text-transform:uppercase; 
color:#0881BB; 
font-size:18px; 
border-bottom: 1px dashed #0881BB;
width:224px;
}

/*** Channels ***/
.channelBoxL{
width:100%;height:340px;background-image: url(/images/channel_left.gif);background-repeat: no-repeat;
}
.channelBoxM{
width:100%;background-image: url(/images/channel_middle.gif);background-repeat: repeat-x;
}
.channelBoxR{
width:100%;height:340px;background-image: url(/images/channel_right.gif);background-repeat: no-repeat; background-position: right
}


#channelList{
float:left; 
width:261px; 
height:340px;

}
#channelList .Title{
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
margin: 10px 10px 10px 15px;
color: white;
}
#channelList .content{
margin:16px 0px 15px 22px;
height:195px;
width:241;
overflow: auto;
}
#channelList ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}
#channelList li{
margin:0px;
line-height: 15px;
}
#channelList #last {
margin-top:8px;
line-height: 15px;
}
#channelList a, #prevNext a {
font-size: 12px;
text-transform: uppercase;
color: #00FF00;
text-decoration: none;
font-weight: bold;
}

#channelList .channelLinkCurrent{
color: #D9FF00;
}

#prevNext{
float:right;
margin-right:10px;
color:white;
}
#prevNext .channelLinkOFF{
color: #71716F;
}

#channelList p{/* channel description in a p tag */
margin-left:22px;
width:241px;
height:67px;
color: #C7C7C7;
font-size:12px;
line-height: 13px;
font-weight: bold;
}

/***  Channels - the videos in the Channel ***/
#channelContent{
float:left;
padding-left:8px;
}
#currentChannel{
margin:0px;
color:white;
margin: 5px 0px 2px 0px;
font-size:13px;
}

#channelContent .age{ /* age text for each video */
margin: 2px 2px 0px 0px;
position: relative;
color: #FDD444;
font-size:13px;
float:right;
}

#channelContent .video{
margin: 7px 0px 0px 4px;
position: relative;
float:left;
color: white;
font-size:12px;
width:125px;
height:17px;
font-weight: bold;
line-height: 15px;
overflow: hidden;
}
.plusMinus{
width:13px;
height:12px;
position:relative;
float:right;
margin:6px 4px 0px 0px;
}
#allThumbsDIV{
position:relative;
float:left; 
width:685px; 
height:285px;
overflow: hidden;
}
#holdThumbs{/* DIV that is moved up/down by javascript prev/next */
position:absolute; 
top:0px; 
left:0px; 
width:685px;
}
.DIVthumb{
width:151px;
height:137px;
float:left;
margin:5px 20px 0px 0px;
}
.thumbBox{
width:100%;
height:25px;
background-repeat: no-repeat;
}
.thumbBox_T_black{
background-image: url(/images/box_T_Black.gif);
}
.thumbBox_B_black{
background-image: url(/images/box_B_Black.gif);
}
.thumbBox_T_blue{
background-image: url(/images/box_T_Blue.gif);
}
.thumbBox_B_blue{
background-image: url(/images/box_B_Blue.gif);
}
.thumbBox_Center{
width:149px;
height:85px;
border:1px solid #BEBEBE;
overflow:hidden;
}


/*** Creme Box - Movie Comments ***/
#commentHold{
width:302px;
height:333px;
background:#F0F0BA;
border: 0px;
}
#commentHold h4{
margin:10px 0px 5px 0px;
text-transform:uppercase; 
color:#0881BB; 
font-size:18px; 
}

.commentTextArea{
border:0px;
width:260px;
height:187px;
}

/*** POSTED MOIVE COMMENTS ***/
#commentMovie{
background: #F0F0BA;
}

#commentTitleMovie h2{
color: #FFF;
width: 159px;
font-size: 24px;
}

#commentTitleMovie h3{
color: #FFF;
font-size: 16px;
font-weight: normal;
width: 250px;
}

#commentList, #chatList{
overflow: auto;
width:430px;
height:544px;
text-align: left;
}

#chatHold h3 {/* movie being commented upon */
width: 330px;
margin:0px;
font-size: 25px;
}

#commentList p, #chatList p {
padding-top:10px;
margin: 0px;
color: #767465;
width: 410px;
text-transform: uppercase;
}


#chatList p.response, #commentList p.response{
padding-top:3px;
padding-left:20px;
width: 390px;
text-transform: none;
}
.line{
margin: 10px 0px 0px 0px;
border-bottom: 1px solid #D2D1CC;
width: 410px;
}

/*** AD SPACE ***/
#makerAD{
width:300px;
overflow:hidden;
float:left; 
}
#commentAD1{
width:181px;
overflow:hidden;
float:left; 
}
#commentAD2{
width:305px;
overflow:hidden;
float:left; 
}