html, body
{
	height: 100%;
}
body
{
	font-family: "Segoe UI", "Trebuchet MS", Verdana, Sans-Serif;
	color: #fff;
	font-size: 12px;
}


#frame 
{
	background: #b5cae0 url("Images/background-gradient.gif") repeat-x;
}

#main
{
	background: transparent url("Images/page-gradient.png") repeat-x;	
}

.clearFloat
{
	clear: both;	
}

#content-frame
{
	margin-top: 0px;
	background: #5b6570 url("Images/page-gradient.png") repeat-x;
}
#playlist-frame
{
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}



.video-grid
{
	border-collapse: collapse;
	margin: auto auto 10px auto;
	text-align: center
}
.video-grid col
{
	width: 200px;	
}
.video-grid td
{
	vertical-align: top;
	padding-top: 20px;	
	text-align: left;
}
.video-grid td p
{
	margin: 0px;	
}
.video-grid td p.title
{
	font-weight: bold;	
	padding-bottom: 8px;
}
.video-grid td img.video-clip
{
	margin-bottom: 8px;	
}
.video-grid td a
{
	text-decoration: none;
	color: #fff;
}
.video-grid td a:hover
{
	text-decoration: underline;
}

#video-controls
{
	width: 820px;
	margin: 10px auto 20px auto;
	text-align: center;	
}
#video-controls a.more-videos
{
	text-align: left;
	float: left;	
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	padding-right: 25px;
	background: transparent url("Images/more-img.gif") no-repeat center right;
}
#video-controls a.more-videos:hover
{
	text-decoration: underline;	
}
#video-controls ul, #video-controls li
{
	list-style: none;
	margin: 0px;
	padding: 0px;	
}
#video-controls ul
{
	float: right;	
}
#video-controls li
{
	float: left;	
}
#video-controls li a
{
	color: #4b88be;	
	text-decoration: none;
}
#video-controls li a:hover
{
	text-decoration: underline;	
}
#pagination
{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
html:not([lang*=""]):not(:only-child) #pagination
{
	margin-top: 10px;	
}
#pagination #previous
{
	float: left;
	color: #fff;	
	text-decoration: none;
}
#pagination a
{
	color: #fff;
	text-decoration: none;
	margin-right: 6px;	
}
#pagination a:hover
{
	text-decoration: underline;	
}
#pagination #previous:hover
{	
	text-decoration: underline;
}
#pagination #next
{
	float: right;
	color: #fff;	
	text-decoration: none;
}
#pagination #next:hover
{	
	text-decoration: underline;
}

/* Comments */
div#commentForm
{
	height: 100px;
	width: 500px;
	display: none;
	position: absolute;
	top: 110px;
	left: 500px;
}

#Player 
{
	position: relative;
	padding:0px 0px 0px 0px;
	margin-left:10px;
}

#PlayerContainer div
{
	text-align: left;	
}


/* Player Header Stuff */
#video-media-header
{
	width: 510px;
	padding-bottom: 8px;	
	float: left;
}

#video-media-header a
{
	color:#DE7D39;
}

#VideoTags a
{
	color:#DE7D39;
}

#comment-area-header
{
	float: right;
	width: 354px;
	padding-right:30px;
	padding-bottom:5px;
}
#video-media-header div.member-data
{
	clear: left;
}
#comment-area-header div.button a
{
	text-decoration: none;	
}
#comment-area-header div.button a:hover
{
	text-decoration: underline;	
}
div.button 
{
	padding-left: 10px;
	background: transparent url("Images/general-button-small-left.gif") no-repeat;
	height: 22px;
	float: right;
	margin-top:2px;
	margin-right:10px;
}
div.button a
{
	display: block;
	height: 20px;
	padding-top: 2px;
	background: transparent url("Images/general-button-small.gif") no-repeat top right;	
	color: #fff;
	padding-right: 10px;
	text-decoration: none;
}
div.button a:hover
{
	text-decoration: underline;	
}
#PlayerContainer a.delete-video
{
	padding-left: 10px;
	background: transparent url("Images/general-button-small-left.gif") no-repeat;
	height: 22px;
	float: left;
	margin-top: -4px;
	margin-left: 10px;
	text-decoration: none;
	cursor: pointer;
}	
a.delete-video span
{
	display: block;
	height: 20px;
	padding-top: 2px;
	background: transparent url("Images/general-button-small.gif") no-repeat top right;	
	color: #fff;
	padding-right: 10px;
	text-decoration: none;
}
a.delete-video:hover span
{
	text-decoration: underline;	
}
span#comments-span
{
	float: left;
}
div#comment-area-header a
{
	color: #fff;
	text-decoration: underline;	
}
div#comment-area-header a:hover
{
	text-decoration: none;	
}
#login-request-span
{
	float: right;
	position: relative;
	top: 18px;	
}
#commentForm
{
	width: 275px;
	margin-top: 40px;
	margin-left: 20px;	
}
#commentForm textarea#CommentText
{
	width: 310px;
	height: 240px;	
}
#commentForm div.button
{
	margin-top: 10px;
}

div#sign-in-panel
{
	background-color: #3F61AD;
	width: 400px;
	left: -300px; 
	padding: 30px 20px 20px 20px;
	font-weight: normal;
	border: solid 2px #7b8085;
	opacity: 0;
	position: absolute;	
	top: -400px;
}
div#sign-in-panel div.AspNet-Login-SubmitPanel
{
	float: left;
	margin-top: 10px;
	margin-left: 12px;
	width: 80px;
}
#sign-up-dialog
{
	position: absolute;
	left: -200px;
	padding: 20px;
	width: 300px;
	background-color: #3F61AD;
	border: solid 2px #7b8085;
	/* Initial position is offscreen, animated in */
	opacity: 0;
	top: -600px;
}
#sign-up-dialog h3
{
	font-size: 20px;
	margin: 0px;
	margin-bottom: 10px;
}
#sign-up-dialog label
{
	display: block;
	margin: 8px 0px 0px 0px;
	width: 100px;	
}
#sign-up-dialog input
{
	width: 250px;	
}
div#avatar-selection div#avatar-prompt
{
	margin-top: 10px;
}
div#avatar-selection img
{
	float: left;
	height: 80px;
	width: 80px;
	padding: 20px 20px 20px 20px;
}
div#avatar-selection a
{
	padding: 10px; 
	height: 80px;
	display: block; 
	float: left; 
	width: 20px; 
	height: 80px;
	background-position: center center;
	background-repeat: no-repeat;
}
div#avatar-selection a.previous
{
	padding-left: 30px;
	background-image: url(Images/prev-img.gif)
}
div#avatar-selection a.next
{
	background-image: url(Images/next-img.gif);
}
#finish-sign-up-span
{
	padding-left: 10px;
	background: #3F61AD url("Images/general-button-small-left.gif") no-repeat;
	height: 22px;
	float: left;
	clear: left;
	padding-left: 12px;
	margin-top: 0px;
}
#finish-sign-up-span a 
{
	display: block;
	background: #3F61AD url("Images/general-button-small.gif") no-repeat top right;
	padding: 3px 12px 4px 0px;
	margin: 0px;
}
#sign-up-area span
{
	display: block;	
}

#screen-cover
{
	width: 100%;
	background-color: #0f1920;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
    display: none;
	z-index: 1;
	height: 750px;
}
#PlayerContainer
{
	width: 850px;
	position: relative;
	z-index: 100;
}
#playlist-frame
{
	position: relative;
	z-index: 200;
	padding-bottom: 10px;
}

div.members-data-links
{
	clear: both;
}
div.more-videos
{
	float: left;	
}
div.members-data-links a
{
	color: #4b88be;	
}
div#VideoGrid
{
	text-align: center;
	margin: 0 auto;	
}

#video-strip-nav
{
	margin: 35px 40px 0px 40px;	
}
#video-strip-nav a
{
	color: #4b88be;
	text-decoration: underline;	
	margin-left: 6px;
}
#video-strip-nav a:hover
{
	text-decoration: none;	
}
#video-total
{
	float: right;	
}

div#PlayerContainer div#video-media-header div#comment-area-header div.delete-video
{
	float: left;
	display: none;
	
}

/* Added by me*/



.avatar-title
{
	width:300px;
	height:50px;
	position:relative;
}
.avatar
{
	padding:5px 10px 10px 5px;
	display: block;
	float: left;
	height: 40px;
	width: 40px;
}
.video-posted
{
	width:200px;
	padding-left:50px;
}

.recent-views
{
	width:800px;
	padding-top:10px;
	left:500px;
}


.playlistmenu
{
	position:relative;
}
.uploadvideo
{
	position:absolute;
	right:28px;
	top:5px;
}
.recentviews
{
	position:absolute;
	right:115px;
	top:5px;
	padding-right:10px;
	padding-left:2px;
}

.deletevideo
{
	position:absolute;
	right:218px;
	top:5px;
}

.addcomment
{
	position:absolute;
	right:315px;
	top:5px;
}

.favorite 
{
	position:absolute;
	right:420px;
	top:5px;
	
}


.playlistmenu a
{
	color:White;
	padding:0px 10px 0px 10px;
}