﻿*
{
	margin: 0;
	padding: 0;
	border: 0;
}
body
{
	background-color: Black;
	font-family: Arial,Helvetica,sans-serif;
	color: White;
	text-align: left;
}
.MasterTop
{
	border-left: 1px solid #363636;
	border-right: 1px solid #363636;
	background: #131313 url(Images/title.png) no-repeat top;
}
.MasterTopLinks
{
	color: White;
	font-size: large;
	float: left;
	width: 60%;
}
A:link
{
	color: #0978b7;
}
A:visited
{
	color: #0978b7;
}
A:hover
{
	color: Red;
}
A:active
{
	color: Red;
}
.MasterBottom
{
	border-left: 1px solid #363636;
	border-right: 1px solid #363636;
	border-bottom: 3px solid #363636;
	background-color: #131313;
}
.MasterBottomLinks
{
	color: White;
	font-size: large;
}
.MasterTopSearch
{
	width: 40%;
	color: White;
	font-size: large;
	vertical-align: middle;
	float: right;
	text-align: right;
}
.TextBox1
{
	width: 175px;
	height: 18px;
	vertical-align: middle;
}
.DDL1
{
	width: 70px;
	border: 1px solid #0978b7;
	vertical-align: middle;
}
.DDLSmall
{
	border: 1px solid #0978b7;
	font-size: 9px;
	vertical-align: middle;
	width: 100px;
}
.TitleLeft
{
	float: left;
	font-size: 36px;
	text-decoration: none;
}
.LoginTop
{
	float: right;
	padding-top: 10px;
	padding-bottom: 5px;
}
.TopLogin
{
	float: right;
	padding-top: 10px;
	padding-bottom: 5px;
}
/*ROunded Corners top image*/
.roundedcornerstop
{
	display: block;
}
.roundedcornerstop *
{
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: .01em;
	background: #363636;
}
.roundedcornerstop1
{
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #363636;
	border-right: 1px solid #363636;
	background: #363636;
}
.roundedcornerstop2
{
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-left: 1px solid #363636;
	border-right: 1px solid #363636;
	background: #363636;
}
.roundedcornerstop3
{
	margin-left: 1px;
	margin-right: 1px;
	border-left: 1px solid #363636;
	border-right: 1px solid #363636;
}
.roundedcornerstop4
{
	border-left: 1px solid #363636;
	border-right: 1px solid #363636;
}
.roundedcornerstop5
{
	border-left: 1px solid #363636;
	border-right: 1px solid #363636;
}
.roundedcornerstopfg
{
	background: #363636;
}
.MainDiv
{
	border-left: 1px solid #363636;
	border-right: 1px solid #363636;
	border-bottom: 3px solid #363636;
	border-top: 3px solid #363636;
	background-color: #131313;
	text-align: center;
	height: auto;
}
/* MY blue #0978b7 */
.LeftDivSpacer
{
	float: left;
	width: 1%;
}
.LeftDivRow1
{
	float: left;
	width: 30%;
	text-align: left;
	background-color: Black;
}
.RightDivRow1
{
	float: left;
	width: 67%;
	text-align: left;
	background-color: Black;
}
.LeftDivRow1Header
{
	float: left;
	width: 30%;
	text-align: center;
	font-weight: bold;
	background-color: Black;
	background: url(Images/top695px.gif) no-repeat top;
	color: Black;
}
.RightDivRow1Header
{
	float: left;
	width: 67%;
	height: auto;
	text-align: center;
	font-weight: bold;
	background-color: Black;
	background: url(Images/top695px.gif) no-repeat top;
	color: Black;
}
.LeftDivSearch
{
	float: left;
	width: 40%;
	text-align: left;
	height: auto;
	background-color: Black;
}
.RightDivSearch
{
	float: left;
	width: 57%;
	height: auto;
	text-align: left;
	background-color: Black;
}
.LeftDivSearchHeader
{
	float: left;
	width: 40%;
	text-align: center;
	font-weight: bold;
	height: auto;
	background-color: Black;
	background: url(Images/top360x20.gif) no-repeat top;
	color: Black;
}
.RightDivSearchHeader
{
	float: left;
	width: 55%;
	height: auto;
	text-align: center;
	font-weight: bold;
	background-color: Black;
	background: url(Images/top695px.gif) no-repeat top;
	color: Black;
}
.RightDivSearchHeader2
{
	float: left;
	width: 2%;
	height: auto;
	text-align: center;
	font-weight: bold;
	background-color: Black;
	background: url(Images/top695px.gif) no-repeat top;
	color: Black;
}
.BigDivRowHeader
{
	float: left;
	width: 98%;
	height: auto;
	text-align: center;
	font-weight: bold;
	background-color: Black;
	background: url(Images/top882px.gif) no-repeat top;
	color: Black;
}
.BigDivRow
{
	float: left;
	width: 98%;
	text-align: center;
	height: auto;
	color: White;
	background-color: Black;
}

.ListLinkColumn1
{
	text-align: left;
	width: 10%;
}
.ListLinkColumn2
{
	text-align: left;
	width: 40%;
}
.ListLinkColumn3
{
	text-align: left;
	width: 40%;
}
.ListLinkColumn4
{
	text-align: left;
	width: 10%;
}
.TextBoxListLink
{
	width: 250px;
	border: 1px solid #0978b7;
	vertical-align: middle;
}
.TextBoxListLinkSmall
{
	width: 50px;
	border: 1px solid #0978b7;
	vertical-align: middle;
	text-align: right;
}
.TextBoxListLinkBig
{
	width: 350px;
	height: 80px;
	border: 1px solid #0978b7;
	vertical-align: middle;
}
.TextBoxBig
{
	width: 95%;
	height: 80px;
	border: 1px solid #0978b7;
	vertical-align: middle;
}
.DDLListLink
{
	width: 200px;
	border: 1px solid #0978b7;
	vertical-align: middle;
}
.ButtonListLink
{
	background-color: #0978b7;
	color: Black;
	width: 100px;
	font-weight: bold;
}
/*Register Page Settings */
.RegTable
{
	text-align: left;
	width: 98%;
}
.RegHeading2
{
	font-weight: bold;
	color: Silver;
}
.RegCol1
{
	font-size: 12px;
	font-weight: bold;
	color: White;
	width: 30%;
	vertical-align: top;
}
.RegRegText
{
	font-size: 12px;
	color: #0978b7;
}
.RegHeader
{
	font-size: 20px;
	font-weight: bold;
}
.RegDesc
{
	font-size: 12px;
	color: Gray;
	vertical-align: top;
}
.TextBoxRegister
{
	width: 200px;
	border: solid 1px #0978b7;
}
.DDLRegister
{
	width: 200px;
	border: solid 1px #0978b7;
}
.CreateUserButton
{
	text-align: center;
	color: Black;
	background-color: #0978b7;
	border: solid 1px black;
	font-weight: bold;
}
/*End Register Page Settings*/

.GridViewStyle
{
	border-right: 2px solid #A7A6AA;
	border-bottom: 2px solid #A7A6AA;
	border-left: 2px solid white;
	border-top: 2px solid white;
	padding: 4px;
	font-size: 14px;
	text-align: center;
	width: 100%;
}

.GridViewStyle a
{
	color: #FFFFFF;
}

.GridViewHeaderStyle th
{
	/*border-left: 1px solid #EBE9ED; 	border-right: 1px solid #EBE9ED;*/
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
}

.GridViewHeaderStyle
{
	background-color: #5D7B9D;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
}
.GridViewSelectedStyle
{
	background-color: #0978b7;
	height: 35px;
	background: url(Images/lightblueselected.gif) repeat;
	color: Black;
}
.GridViewFooterStyle
{
	background-color: #5D7B9D;
	font-weight: bold;
	color: White;
}

.GridViewRowStyle
{
	background-color: black;
	color: white;
	height: 35px;
}

.GridViewAlternatingRowStyle
{
	background-color: black;
	color: white;
	height: 35px;
}
.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
	/*border: 1px solid #EBE9ED;*/
}

.GridViewSelectedRowStyle
{
	background-color: #0978b7;
	font-weight: bold;
	color: White;
}

.GridViewPagerStyle
{
	background-color: #284775;
	color: #FFFFFF;
}
.GridViewPagerStyle A:link
{
	color: White;
}
.GridViewPagerStyle A:visited
{
	color: White;
}
.GridViewPagerStyle A:hover
{
	color: Red;
}
.GridViewPagerStyle table /* to center the paging links*/
{
	margin: 0 auto 0 auto;
}
.GridViewEmptyText
{
	color: White;
	font-size: 18px;
}
/* End Gridview*/
.VideoDisplay
{
	height: auto;
	text-align: center;
}

.PreviousVideo
{
	float: left;
	width: 14%;
	vertical-align: middle;
	text-align: left;
    border: solid 1px #0978b7;
}
.MiddleVideo
{
	float: left;
	width: 71%;
	text-align: left;
}
.NextVideo
{
	float: left;
	width: 14%;
	vertical-align: middle;
	text-align: right;	    border: solid 1px #0978b7;	
}
.NextVideoNoBorder
{
	float: left;
	width: 14%;
	vertical-align: middle;
	text-align: right;	   }
.PreviousVideoNoBorder
{
	float: left;
	width: 14%;
	vertical-align: middle;
	text-align: left;

}
.VideoInfoBottom
{
	font-size: 11px;
	width: 100%;
}
.VideoInfoTop
{
	font-size: 11px;
	width: 100%;
}
.TextBoxBottom
{
	width: 120px;
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.TextBoxBottomHalf
{
	width: 50px;
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.ButtonBottom
{
	height: 17px;
	background-color: #0978b7;
	color: White;
}
.DDLBottom
{
	border: 1px solid #002992;
	background-color: #FFFFFF;
	cursor: pointer;
	_cursor: hand;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	width: 130px;
	height: 15px;
	font-size: 10px;
}
/*Login Page*/
.LoginMain
{
	width: 500px;
	text-align: center;
	height: auto;
	background-color: Black;
}
.LoginColumn
{
	width: 100%;
	text-align: left;
	height: 25px;
}
.LoginLeft
{
	width: 50%;
	float: left;
	height: 25px;
}
.LoginRight
{
	float: right;
	width: 50%;
	height: 25px;
}
.LoginHead
{
	height: auto;
	text-align: center;
	font-weight: bold;
	background-color: Black;
	background: url(Images/top882px.gif) no-repeat top;
	color: Black;
}
.LoginCenterL
{
	text-align: center;
	width: 40%;
	float: left;
}
.LoginCenterR
{
	text-align: center;
	width: 60%;
	float: right;
}
.BTNLogin
{
	background-color: #0978b7;
	color: Black;
	width: 100px;
	font-weight: bold;
	text-align: center;
}
.CreateUserButton
{
	text-align: center;
}
/* End Login Page */

/*My Account Page*/
.LeftDivRow1MyAccount
{
	float: left;
	width: 40%;
	text-align: left;
	height: auto;
	background-color: Black;
}
.RightDivRow1MyAccount
{
	float: left;
	width: 57%;
	height: auto;
	text-align: left;
	background-color: Black;
}
.LeftDivRow1HeaderMyAccount
{
	float: left;
	width: 40%;
	text-align: center;
	font-weight: bold;
	height: auto;
	background-color: Black;
	background: url(Images/top695px.gif) no-repeat top;
	color: Black;
}
.RightDivRow1HeaderMyAccount
{
	float: left;
	width: 57%;
	height: auto;
	text-align: center;
	font-weight: bold;
	background-color: Black;
	background: url(Images/top695px.gif) no-repeat top;
	color: Black;
}
.CommentPopUp
{
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #0978b7;
	width: 200px;
	visibility: hidden;
	opacity: .9;
	filter: alpha(opacity=90);
	border-color: Silver;
	border-style: dashed;
	border-width: 1px;
	font-family: Times New Roman;
}
.CommentPopUpHelp
{
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #0978b7;
	width: 400px;
	visibility: hidden;
	opacity: .9;
	filter: alpha(opacity=90);
	border-color: Silver;
	border-style: dashed;
	border-width: 1px;
	font-family: Times New Roman;
}
/*Javascript PopUp*/
#showimage
{
	position: absolute;
	visibility: hidden;
	border: 1px solid gray;
}

#dragbar
{
	cursor: hand;
	cursor: pointer;
	background: url(Images/top695px.gif) repeat top;
	opacity: .7;
	filter: alpha(opacity=70);
	color: Black;
	font-weight: bold;
	width: 470px;
}

#dragbar #closetext
{
	font-weight: bold;
	margin-right: 1px;
}
/*end Javascript PopUp*/
.MainLeftPad
{
	width: 13px;
	float: left;
}
.MainMiddlePad
{
	width: 10px;
	float: left;
}
.MainRightPad
{
	width: 13px;
	float: right;
}
.box
{
	width: 471px;
	background: black;
}

.box .left
{
	float: left;
	background-color: #363636;
}

.box .right
{
	float: right;
	background-color: #363636;
}

.box p
{
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
}

div.clear
{
	clear: both;
	height: 0px;
	line-height: 0px;
}
.MainBody
{
	width: 900px;
	text-align: center;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	padding: 0;
}
.RightImage
{
	text-align: right;
}
/*Left Navigation song Menu*/
.LeftMenu
{	
    font-family: Arial;
    font-size: 16px;
	float: left;
	width: 40%;
	background: url(Images/bgdrkblue.gif) repeat top;
	color: Black;
	text-align: center;
	font-weight: bold;
	border-bottom: solid 1px Red;
}
.MenuSimiliar
{
    font-family: Arial;
    font-size: 16px;
			background: url(Images/bgdrkblue.gif) repeat top;
	color: Black;
	text-align: center;
	font-weight: bold;
	border-bottom: solid 1px Red;
}

.LeftMenu .left
{
	float: left;
	background-color: #131313;
}
.LeftMenu .right
{
	float: right;
	background-color: #131313;
}
.LeftMenu p
{
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
}
.LeftMenuLeftHeader
{    width: 68%;
	float: left;
	text-align: center;
}
.LeftMenuRightHeader
{
	float: right;
	text-align: right;
}
.DDLLeftMenu
{   
	font-family: Arial;
    font-size: 12px;
    width: auto;
    background-color: Black;
    color: #0978b7;
    border: Transparent 1px solid;
}
.LeftMenuBottom
{	
	float: left;
	width: 40%;
	color: Black;
	background-color: Black;
}
.LeftMenuBottom .left
{
	float: left;
	background-color: #131313;
}
.LeftMenuBottom .right
{
	float: right;
	background-color: #131313;
}
/*Right Navigation song Menu*/
.RightMenu
{	
    font-family: Arial;
    font-size: 16px;
	float: left;
	width: 57%;
	background: url(Images/bgdrkblue.gif) repeat top;
	color: Black;
	text-align: center;
	font-weight: bold;
	border-bottom: solid 1px Red;
}
.RightMenu .left
{
	float: left;
	background-color: #131313;
}
.RightMenu .right
{
	float: right;
	background-color: #131313;
}
.RightMenuLeftHeader
{
    width: 90%;
	float: left;
	text-align: center;
}
.RightMenuRightHeader
{
	float: left;
	text-align: right;
}
.BottomMenu
{	
	float: left;
	width: 57%;
	height: auto;
	text-align: left;
	background-color: Black;
}
.BottomMenu .left
{
 	float: left;
	background-color: #131313;
}
.BottomMenu .right
{
	float: right;
	background-color: #131313;
}
.PartyModeButton
{
}
.imgHelp
{
	border-left:  1px dashed #006cb1;
}
/*Hover Menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color: Black;
	opacity:.9;
	filter: alpha(opacity=90);
	border-left:  1px dashed #0978b7;
	border-right:  1px dashed #0978b7;
	border-bottom:  5px solid  #0978b7;
width: 135px;
	z-index: 10;

}
.popupMenuBigger {
	position:absolute;
	visibility:hidden;
	background-color: Black;
	opacity:.9;
	filter: alpha(opacity=90);
	border-left:  1px dashed #0978b7;
	border-right:  1px dashed #0978b7;
	border-bottom:  5px solid  #0978b7;
width: 200px;
}
.popupHover {

  color   : #0978b7;
  text-decoration: underline;
}
.MenuItem
{

  color   : #0978b7;
  text-decoration: underline;
}
.SubMenuItem
{
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 2px;	
	font-size: 16px;
}

.popupMenu A:link
{
  text-decoration: none;
}
.popupMenu A:visited{
  text-decoration: none;
}
.Hidden
{
	color: Black;
	font-size: 1px;
}
.SiteDesc
{
		padding-left: 10px;
	padding-right: 10px;	
		padding-top: 2px;	
	font-size: 16px;
	text-align:left;
}
