/*****************************************************************

The first set of styles are for the public accessible section.

******************************************************************/
.gbTopLeftCorner{ 
	background-image: url('images/goldborder_tl_corner.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 43px;
}
.gbTopLeft {
	background-image: url('images/goldborder_topleft.jpg');
	background-position: bottom;
	float: left;
	width: 30px;
	height: 16px;
}
.gbTop { 
	background-image: url('images/goldborder_top.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
	height: 16px;
}
.gbTopRight {
	background-image: url('images/goldborder_topright.jpg');
	background-position: bottom;
	float: right;
	width: 30px;
	height: 16px;
}
.gbTopRightCorner { 
	background-image: url('images/goldborder_tr_corner.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 43px;
}
.gbLeft { 
	background-image: url('images/goldborder_left.jpg');
	background-repeat: repeat-y;
	background-position: right;
	vertical-align: top;
	width: 26px;
	padding-bottom: 10px;
}
.gbRight { 
	background-image: url('images/goldborder_right.jpg');
	background-repeat: repeat-y;
	vertical-align: top;
	width: 25px;
	padding-bottom: 10px;
}
.gbBottomLeftCorner { 
	background-image: url('images/goldborder_bl_corner.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	height: 38px;
}
.gbBottomLeft {
	background-image: url('images/goldborder_bottomleft.jpg');
	float: left;
	width: 30px;
	height: 38px;
}
.gbBottom {
	background-image: url('images/goldborder_bottom.jpg');
	background-repeat: repeat-x;
	background-position: top;
}
.gbBottomRight {
	background-image: url('images/goldborder_bottomright.jpg');
	float: right;
	width: 30px;
	height: 38px;
}
.gbBottomRightCorner { 
	background-image: url('images/goldborder_br_corner.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

.vid_BorderTable{
	width: 100%;
	background-color: #041021;
}
.vid_BorderTable table{
	width: 98%;
	margin: auto;
}
.vid_BorderTable .gbLeft, .vid_BorderTable .gbRight {
	width: 10px;
}

#videoPlayer .gbBottomLeftCorner, #videoPlayer .gbBottomLeft, #videoPlayer .gbBottomRight{
	height: 14px;
}
.vid_BorderTable .gbBottomLeftCorner, .vid_BorderTable .gbBottomLeft, .vid_BorderTable .gbBottomRight{
	/* height: 14px; */
}
#vid_CommentsTable .gbTop, #vid_CommentsTable .gbTopLeft, #vid_CommentsTable .gbTopRight {
	height: 2px;
}
#vid_CommentsTable .gbTopLeftCorner, #vid_CommentsTable .gbTopRightCorner {
	height: 29px;
}
#vid_CommentsTable .gbBottomLeftCorner, #vid_CommentsTable .gbBottomLeft, #vid_CommentsTable .gbBottomRight{
	height: 38px;
}
.vid_EditLinks{
	text-align: right;
}
div.vid_EditLinks {
	float: right;
}
.vid_EditLinks a{
	text-transform: uppercase;
	margin-left: 8px;
	font-size: 0.9em;
}

.SectionTitle{
	color: #bddbff;
	text-transform: uppercase;
	font-size: 1.2em;
}

#videoListTable {
	width: 100%;
	margin-top: 20px;
}
#videoListLeft{
	width: 475px;
	vertical-align: top;
}
#media {
	vertical-align: top;
}
#commentsList .gbTop, #commentsList .gbTopLeft, #commentsList .gbTopRight{
	height: 2px;
}
#commentsList .gbTopLeftCorner, #commentsList .gbTopRightCorner  {
	height: 29px;
}

#player {
	width: 344px;
	height: 321px;
	margin: auto;
}

.videoDate, .videoViews { display: inline-block; width: 175px; text-align:right; color: #dfc648; }
.videoStars { display: inline-block; width: 60px; text-align:right; color: #dfc648; }

div.fLeft { float: left; }
div.fRight { float: right; }
div.clear { clear: both; }
.videoImage { width: 50px; height: 50px; margin-right: 10px; text-align: center; vertical-align: middle; }
.videoImage img { width: 46px; height: 46px; padding-left: 2px; padding-top: 2px; }
.videoSubject { width: 275px; }
.videoText { width: 350px; }

#nowPlayingSubject { text-align: center; color: #fef86a; border-bottom: 1px solid #fef86a; margin: 10px 20px 4px 20px; text-transform: uppercase; }
#nowPlayingDescription{ text-align: center; margin: 5px 15px 10px 15px; }

.vl_SortLink { padding-bottom: 5px; }
.vl_SortLink td { width: 33%; text-align: center; }
.vl_SortLink a { color: #bddbff; text-decoration: underline; text-transform: uppercase; font-size: 0.8em; }


.VideoCommentForm {
	width: 98%;
	margin: auto;
	margin-bottom: 5px;
}
.VideoCommentForm textarea{
	width: 98%;
}

h2.pageTitle {
	color: #fef86a; /* dfc648 */
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 3px;
	font-size: 1.5em;
}
.videoSeparator {
	background-color: #5a6d64;
	height: 1px;
	padding: 0;
}
.videoListItem{
	padding: 4px 15px;
}
.playVideoLink{
	text-transform: uppercase;
}


/* video comments */
.CommentsHeaderCol
{
	color: #FFFFFF; 
	background-color: #5caeee; 
	padding: 3px 5px 3px 3px; 
	font-weight: bold;
}
.CommentsViewAllCol
{
	color: #FFFFFF; 
	background-color: #5caeee; 
	padding: 3px 5px 3px 3px; 
	text-align: right;
}
.CommentsViewAllCol A
{
	color: #FFFFFF; 
}
.CommentTable{
	
}
.CommentRowEven
{
	vertical-align: top;
}
.CommentRowOdd
{
	vertical-align: top;
}
.CommentPersonCol
{
	text-align: center; 
	padding-top: 5px;
	padding-bottom: 8px;
}
.CommentTextCol{
	padding-top: 5px;
	padding-bottom: 8px;
}
.CommentPersonCol A
{
}
.CommentReplyLink
{
	float: right;
	text-transform: uppercase;
	font-size: 0.9em;
}
.CommentDate
{
	font-size: 0.9em;
	color: #fdf76a;
	padding-left: 1px;
}
.CommentText
{
	margin-top: 4px;
	padding-left: 1px;
	clear: left;
}
.CommentsSpacerRow
{
	height: 1px;
	background-color: #fffe6c;
}
.CommentLinks{
	text-align: right;
}
div.CommentLinks {
	float: right;
}
.CommentLinks a{
	text-transform: uppercase;
	margin-left: 8px;
	font-size: 0.9em;
}


/*****************************************************************

The next styles are for the admin section.

******************************************************************/
.dTab
{
	padding: 3px 1em 3px 1em; 
	border: 1px solid #AAAAAA; 
	border-bottom-width: 0px; 
	position: relative; 
	z-index: 100; 
	top: -2px; 
	background-color: #112a49;
}

.dTabSelected
{
	z-index: 102;
	background-color: #173861;
}

.dTabDisabled
{
	color: #BBBBBB;
}

#PlayerPane{
}
#adminPlayer {
	width: 320px;
	height: 264px;
	display: inline-block;
	margin-right: 30px;
	padding-top: 20px;
}
#adminVideoThumbnail{
	width: 320px;
	display: inline-block;
	vertical-align: top;
}

