﻿/* Main Video Player Control Elements */
.videoplayer
{
	width: 800px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
.videoplayerheader
{
	background-image: url(header.gif);
	width: 800px;
	height: 121px;
}
.videoplayerbody
{
	background-image: url(main_background.gif);
	width: 800px;
	height: 445px;
}
.videoplayerfooter 
{
	color: White;
	font-weight: bold;
	background-image: url(footer.gif);
	width: 800px;
	height: 34px;
}

/* Video List Panel Navigation Elements */

.navtopleft
{
	background-image: url(nav_outer_left_corner.gif);
	width: 14px;
	height: 14px;
	vertical-align: top;
}
.navtopmiddle
{
	background-image: url(nav_outer_top.gif);
	vertical-align: top;
}

.navtopright
{
	background-image: url(nav_outer_right_corner.gif);
	width: 14px;
	height: 14px;
	vertical-align: top;
}
.navmiddleleft
{
	background-image: url(nav_outer_left.gif);
}
.navbody
{
	width: 250px;
	height: 400px;
	vertical-align: top;
	text-align: center;
	background-color: #10100f;
}
.navmiddleright
{
	background-image: url(nav_outer_right.gif);
}
.navbottomleft
{
	background-image: url(nav_bl_corner.gif);
	width: 14px;
	height: 14px;
	vertical-align: bottom;
}

.navbottommiddle
{
	background-image: url(nav_bm.gif);
}

.navbottomright
{
	width: 14px;
	height: 14px;
	background-image: url(nav_br_corner.gif);
}

/* Video List Elements */
.videolistbody
{
	background-color: #10100f;
	padding-top: 4px;
	padding-left: 1px;
	border: #7C7C94 0px solid;
	cursor: default;
	color: white;
	width: 100%;
	height: 100%;
}

.videoitemcost
{
	color:Red;
	font-size: 11px;
}

.videoitemtext
{
    font-size: 11px;
	color: White;
}
.videoitem
{
	width: 225px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	cursor: hand;
	color: white;
}

.videoitempurchased
{
	color: #00FF00;
}
.videoitemselected
{
  padding-top:1px;
  padding-bottom:2px;
  padding-left: 1px; 
  padding-right: 2px; 
  cursor: default; 
  background-color: red;
}
.videoitemhover
{
  padding-top:1px;
  padding-bottom:2px;
  padding-left: 1px; 
  padding-right: 2px; 
  cursor: default; 
  background-color: yellow;
}

.videoitemtopleft
{
	width: 9px;
	height: 29px;
	background-image: url(vi_tl_corner.gif);
}

.videoitemtop
{
	background-image: url(vi_top.gif);
}
.videoitemtopright
{
	width: 9px;
	height: 29px;
	background-image: url(vi_tr_corner.gif);
}

.videoitemmidleft
{
	width: 9px;
	height: 9px;
	background-image: url(vi_mid_left.gif);
}

.videoitemmidright
{
	width: 9px;
	height: 9px;
	background-image: url(vi_mid_right.gif);
}

.videoitembottomleft
{
	width: 9px;
	height: 12px;
	background-image: url(vi_bl_corner.gif);
}

.videoitembottom
{
	background-image: url(vi_bot.gif);
}

.videoitembottomright
{
	width: 9px;
	height: 12px;
	background-image: url(vi_br_corner.gif);
}

/* Video Screen Elements */
.screentopleft
{
	width: 8px;
	height: 8px;
	background-image: url(screen_tl_corner.gif);
}
.screentop
{
	background-image: url(screen_top.gif);
}
.screentopright
{
	width: 8px;
	height: 8px;
	background-image: url(screen_tr_corner.gif);
}
.screenleft
{
	background-image: url(screen_left.gif);
}
.screen
{
	width: 475px;
	height: 375px;
	background-color: #6E6E6E;
}
.screenright
{
	background-image: url(screen_right.gif);
}
.screenbottomleft
{
	width: 8px;
	height: 8px;
	background-image: url(screen_bl_corner.gif);
}
.screenbottom
{
	background-image: url(screen_bot.gif);
}

.screenbottomright
{
	width: 8px;
	height: 8px;
	background-image: url(screen_br_corner.gif);
}

/* ********** Login Style ************** */
.vlogin,a.vlogin:link,a.vlogin:active,a.vlogin:visited,.vlogin{	color:#FFFFFF;	text-decoration:underline;	font-weight:bold;	font-size:12px;	font-family: Arial, Helvetica, sans-serif;}
a.vlogin:hover{	color:#ff9356;	text-decoration: underline;	font-weight:bold;	font-size:12px;	font-family: Arial, Helvetica, sans-serif;}

/* ********* Screen Image Stype ******* */
.screenimage
{
	width: 480px;
	height: 400px;
	background-position: center center;
	background-image: url(logo_ex.png);
	background-repeat: no-repeat;
	background-color: navy;
}

