/* 
    Document   : popup
    Created on : May 20, 2009, 12:10:58 PM
    Author     : brian
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body {
	background-color: #ffffff;
	margin:0px;
	padding:0px;
     background:url('/images/backgrounddarkblue.png');
}
.bottom {
	background: url(/images/5p/bottom_leftSide.gif) bottom left no-repeat;
	margin: 0;
	padding: 0;
}

.calendar {
	width: 230px;
	padding: 0;
	margin: 0;
	font: normal 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
}

.middle {
	width: 230px;
	background: #FFFFFF url(/images/5p/middleSide.gif) repeat-y top left;
	margin: 0;
	padding: 5px 15px 5px 15px;
	text-align: left;
}

.middle .today, .middle td.today, .middle td.today, .middle td.today  {
	color: #323232;
	font-weight: bold;
	background: #E7C800 url(/images/5p/today.gif);
}

.middle td {
	font: normal 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	width: 32px;
	height: 20px;
	text-align: center;
	background: #bba url(/images/5p/corners.gif);
}

.middle td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}

.middle td {
	color: #FFFFFF;
	background: #D17131 url(/images/5p/corners.gif);
}

.middle td  {
	color: #FFFFFF;
	background: gray url(/images/5p/corners.gif);
}

.middle td.blank { background: #FFFFFF; }

.middle th {
	font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #D9E2E1 url(/images/5p/corners.gif);
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	text-align: center;
}

.monthControl, .monthControl a {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.top {
	background: url(/images/5p/top_leftSide.gif) top left no-repeat;
	margin: 0;
	padding: 0;
}
.cell{
    background-color:gray;
    height:30px;
}


.bubbleInfo {
            position: relative;

        }
        .trigger {
            position: absolute;
        }

        /* Bubble pop-up */

        .popup {
        	position: absolute;
        	display: none;
        	z-index: 50;
            background-color:black;
        	border-collapse: collapse;
            background:url('/images/caption.png');
            width:161px;
            height:116px;
        }

#itemday{
    height:22px;
}
#daynum{
    border-bottom:white solid 1px;
}

#navhighlight{
    display:none;
}


#popunder{
    color:black;
}

#popunder a:link{color: blue; text-decoration:underline;padding-bottom:5px}
#popunder a:visited{color: blue; text-decoration:underline;padding-bottom:5px}
#popunder a:hover{color: blue; text-decoration:underline;padding-bottom:5px}
#popunder a:active{color: blue; text-decoration:underline;padding-bottom:5px}



#descriptiontop{
    position:relative;
    width:663px;
    height:25px;
}
#headlineepisode{
    float:left;
    height:25px;
    width:150px;
    color:white;
    font-family:Verdana;
    font-size:14px;
    background:url('/images/backgroundblue.png');
}

#closewindow{
    height:25px;
    float:right;
    color:yellow;
    height:33px;
    width:150px;
}
#episodedesc{
    float:none;
    width:663px;
    height:200px;
    font-family:Verdana;
    font-size:22px;
   background:url('/images/backgroundblue.png');
}
#popuppagecontent{
    width:100%;
    height:100%;
    background:url('/images/backgrounddarkblue.png');
}
#calendarpopup{
    background:url('/images/backgroundblue.png');
    height:25%px;
    width:328px;
    
    
    

}
#videoplayerpopup{

  height:320px;
  width:663px;
  background-color:black;
  border:white solid 1px;
}

#mostwatched{
    height:150px;
    width:330px;
    border:silver 1px solid;

}
#videoshare{
    margin-top:10px;
    height:190px;
    width:330px;
    border:silver 1px solid;
    background-color:black;

}


#popuppage{
    color:white;
    
    font-size: 6pt;
	font-family: Verdana;
	font-weight: inherit;
}


#commentscontainer{
    margin-top:-44px;
    height:200px;
    background:white;
}
#popupbanner{
    margin-left:50px;
    width:100%;
    height:76px;
    background:url(/images/popupbanner.png) no-repeat;
}


#popupleft{
   padding-left:4px;
   float:left;
   width:640px;
   padding-right:30px;
   

}
#popupright{
    padding-left:0px;
    float:left;
    width:280px;


}



/* comments on videos */
#comment{
    margin-left:5px;
    color:black;
    background:white;
    width:616px;

}

#author{
    text-align:right;
    color:blue;
    border-bottom:black dotted 1px;
}



#usercomment{
    font-size:14pt;
    color:black;
    padding-left:5px;
}
#time{
    text-align:right;
    font-style:italic;
    font-size:8pt;
}
#commentheadline{
    color:black;
}
#mostwatcheditem{
    font-size:8pt;
    padding-bottom:10px;
    color:aqua;
    height:10px;
}