/* general styles */

body { background-color: #ddd;}

.wrapper { 
    margin: 0 auto;
    width:990px;
    background-color: #eee;
    height: 100%;
    position: relative;
}

.invisible { opacity: 0; *filter:alpha(opacity=0); }
.visible { opacity: 1; *filter:alpha(opacity=100); }

.button { opacity: 1; *filter:alpha(opacity=100); }
.button:hover { opacity: 0.8; *filter:alpha(opacity=80); }

.container { background-color: white; }

td { padding: 0 0 0 0; }
tr { padding: 0 0 0 0; }

tr.heading td { font-weight: bold; padding: 4px 5px;}
tr.channels td { padding: 6px 5px; }

div.p { margin-bottom: 1em; }

.tag { color: #ccc; }

.highlighted-row { border-left: thick solid #ddd; }

/* box styles */
.rounded { position: relative; padding: 1em;}
.lr-diagonal-round { position: relative; padding: 1em; }
.rl-diagonal-round { position: relative; padding: 1em; }

.orange { background-color: #ff6c01 ; }
.red { background-color: #cc0000; }

.lighter-gray { background-color: #e5e5e5; }
.light-gray { background-color: #eee ;}
.gray { background-color: #ccc; }

.light-green { background-color: #84cb75; }

.tab-bottom {border-bottom: thick double #ccc;}
.tab-bottom:hover {border-bottom: thick dotted #ccc;}


.border { border: thin solid black; }

.inner { padding: 20px; }

.blue-button { padding: 4px 8px; background-color: 	#1E90FF; border-style: solid; border-width: 2px; border-color: #ADD8E6 #00008B #00008B #ADD8E6; }
.blue-button:hover { background-color:	#6495ED ;}


/* corners */
.corner { position: absolute; width: 10px; height: 10px; background: url('corners.png') no-repeat; font-size: 0%; }
.corner-gray { position: absolute; width: 10px; height: 10px; background: url('corners-gray.png') no-repeat; font-size: 0%; }

.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }

/* lists */
/*ul { list-style-type:none; text-align: center;}

li { padding-bottom: 3px; padding-top: 3px; border-bottom: thin dotted #ccc; line-height:18px }*/

/* links */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* specific elements */

/*#links { text-align: center; }*/

.nav-button { 
    height:112px; 
    border-bottom: thin dashed #eee; 
    text-align: center; 
    padding-bottom: 5px;
    /*border-top: thin solid black;*/
    opacity: 0.5;
    *filter:alpha(opacity=50);
}
.nav-button:hover { cursor: pointer; border-bottom: thin solid #eee; opacity: 1; *filter:alpha(opacity=100) }


.watch { 
    text-align: justify;
    color: #ccc; 
    font-size: 20px; 
    font-family: Tahoma, Verdana, Halvetica, sans; 
    font-weight: bold;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    cursor: default;
    line-height: 18px;
    width:100px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.player { width: 340px; height: 300px; }


/* pointy tails */
.borderdraw { border-style: solid; width: 0px; height: 0px; line-height: 0px; } 
.invisible-pointer { border-width: 20px; border-color: transparent; opacity: 0;*filter:alpha(opacity=0)}

.point-left { border-width: 20px; border-color: white #eee white white;}
.point-right-small { border-width: 10px; border-color: transparent transparent transparent #e8e8e8; }

.point-down { border-width: 20px; border-color: #eee transparent transparent transparent; margin-left: 3em; }

#content { position: relative; top: -1em;}

#content p,#content h1, #content h2, #content h3, #content ul, #content ul li {color:#757575;}

.youtube { background: url('yt_button.png') no-repeat;}

.justintv { background: url('jtv_button.png') no-repeat;}

.webcam { background: url('security_button.png') no-repeat;}

#explain { text-align: center;}

.sep { margin: 0 3px 0 3px; }

div#amazoncontent div#logo { background-color: #fff; }

.textbutton { text-align: center; border-style: solid; border-width: 1px; border-color: #ccc #666 #666 #ccc; padding: 5px 10px; background-color: #e5e5e5; }
.textbutton:hover { background-color: #ccc; }

.slideoutpanel {margin-top: 4px; border: thin solid #ccc; background-color:#e9e9e9; padding: 7px;}

div#actions ul li { margin-bottom: 10px; }


.gray-text { color: #ccc;text-decoration: none; cursor: not-allowed; };
.gray-text:hover { color: #ccc; text-decoration: none; cursor: not-allowed; }

.fi { float: left; width:16px; height: 16px; position:relative; top: 10px; margin-right: 4px; }

.fr { background: url('/site_media/pr.png') no-repeat; }

.fd { background: url('/site_media/pd.png') no-repeat; }

.hiddenplayer { height:0px; margin-bottom:280px; }