/* -------------------- body, forms, links, and fonts ------------------ */

body {
	background-image: url('../img/vip/back2.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	background-color: black;
	font-size: 11px; font-family: Verdana, MS Sans Serif;
	color: #999999;
}

input, textarea {
	color: #323F40; font-size: 9px;
	font-family: Verdana, MS Sans Serif;
	color: white; background-color: #5d5451;
	border-width: 1px; border-top-color: #393333; border-left-color: #393333;
	border-bottom-color: #070707; border-right-color: #070707;
}

a.brownToGold:link { text-decoration: none; color: #9c8765; }
a.brownToGold:hover { text-decoration: underline; color: #cab48f; }
a.brownToGold:active { text-decoration: underline; color: white; }
a.brownToGold:visited { text-decoration: none; color: #9c8765; }

/* ------------------------------  layout  ----------------------------- */

#vipMainContainer {
	left: 50%; height: 100%; top: 0px; width: 950px; 
	position: absolute; margin-left: -475px;
	background: url('../img/vip/content-back.gif') no-repeat;
}

#vipTopGraphicContainer {
	width: 950px; height: 211px;
	background: url('../img/vip/vip-top.jpg') no-repeat;
}

#sendFriendContainer {
	float: left; width: 681px; height: 46px;
	margin-left: 31px; display: inline; 
	padding: 44px 13px 0px 13px;
	background: url('../img/vip/send-to-friend-back.gif') no-repeat;
}

/* -------------------------------  menu  ------------------------------ */

.leftMenuItem {
	float: left; width: 160px; height: 50px; 
	padding-left: 15px;
	line-height: 50px; font-size: 13px;
	background: url('../img/vip/submenu-grad-back.jpg') no-repeat;
	background-position: left bottom;
}

#vipMainMenuContainer {
	width: 951px; height: 34px;
	background: url('../img/menu-vip/back.jpg');
	background-repeat: repeat-x;
}

#vipMenuHome a { float: left; width: 64px; height: 34px; text-decoration: none; background: url("../img/menu-vip/home.jpg") 0 0 no-repeat; }
#vipMenuNews a { float: left; width: 55px; height: 34px; text-decoration: none; background: url("../img/menu-vip/news.jpg") 0 0 no-repeat; }
#vipMenuGallery a { float: left; width: 70px; height: 34px; text-decoration: none; background: url("../img/menu-vip/gallery.jpg") 0 0 no-repeat; }
#vipMenuMusic a { float: left; width: 58px; height: 34px; text-decoration: none; background: url("../img/menu-vip/music.jpg") 0 0 no-repeat; }
#vipMenuVideo a { float: left; width: 57px; height: 34px; text-decoration: none; background: url("../img/menu-vip/video.jpg") 0 0 no-repeat; }
#vipMenuShop a { float: left; width: 54px; height: 34px; text-decoration: none; background: url("../img/menu-vip/shop.jpg") 0 0 no-repeat; }
#vipMenuVip a { float: left; width: 39px; height: 34px; text-decoration: none; background: url("../img/menu-vip/vip.jpg") 0 0 no-repeat; }
#vipMenuMobile a { float: left; width: 65px; height: 34px; text-decoration: none; background: url("../img/menu-vip/mobile.jpg") 0 0 no-repeat; }
#vipMenuBiog a { float: left; width: 52px; height: 34px; text-decoration: none; background: url("../img/menu-vip/biog.jpg") 0 0 no-repeat; }
#vipMenuLive a { float: left; width: 38px; height: 34px; text-decoration: none; background: url("../img/menu-vip/live.jpg") 0 0 no-repeat; }
#vipMenuComp a { float: left; width: 94px; height: 34px; text-decoration: none; background: url("../img/menu-vip/comp.jpg") 0 0 no-repeat; }
#vipMenuContact a { float: left; width: 65px; height: 34px; text-decoration: none; background: url("../img/menu-vip/contact.jpg") 0 0 no-repeat; }

#vipMenuHomeOn { float: left; width: 64px; height: 34px; text-decoration: none; background: url("../img/menu-vip/home.jpg") 0 -34px no-repeat; }
#vipMenuNewsOn { float: left; width: 55px; height: 34px; text-decoration: none; background: url("../img/menu-vip/news.jpg") 0 -34px no-repeat; }
#vipMenuGalleryOn { float: left; width: 70px; height: 34px; text-decoration: none; background: url("../img/menu-vip/gallery.jpg") 0 -34px no-repeat; }
#vipMenuMusicOn { float: left; width: 58px; height: 34px; text-decoration: none; background: url("../img/menu-vip/music.jpg") 0 -34px no-repeat; }
#vipMenuVideoOn { float: left; width: 57px; height: 34px; text-decoration: none; background: url("../img/menu-vip/video.jpg") 0 -34px no-repeat; }
#vipMenuShopOn { float: left; width: 54px; height: 34px; text-decoration: none; background: url("../img/menu-vip/shop.jpg") 0 -34px no-repeat; }
#vipMenuVipOn { float: left; width: 39px; height: 34px; text-decoration: none; background: url("../img/menu-vip/vip.jpg") 0 -34px no-repeat; }
#vipMenuMobileOn { float: left; width: 65px; height: 34px; text-decoration: none; background: url("../img/menu-vip/mobile.jpg") 0 -34px no-repeat; }
#vipMenuBiogOn { float: left; width: 52px; height: 34px; text-decoration: none; background: url("../img/menu-vip/biog.jpg") 0 -34px no-repeat; }
#vipMenuLiveOn { float: left; width: 38px; height: 34px; text-decoration: none; background: url("../img/menu-vip/live.jpg") 0 -34px no-repeat; }
#vipMenuCompOn { float: left; width: 94px; height: 34px; text-decoration: none; background: url("../img/menu-vip/comp.jpg") 0 -34px no-repeat; }
#vipMenuContactOn { float: left; width: 65px; height: 34px; text-decoration: none; background: url("../img/menu-vip/contact.jpg") 0 -34px no-repeat; }

#vipMenuHome a:hover, #vipMenuNews a:hover, #vipMenuGallery a:hover, #vipMenuMusic a:hover, #vipMenuVideo a:hover, #vipMenuShop a:hover, 
#vipMenuVip a:hover, #vipMenuMobile a:hover, #vipMenuBiog a:hover, #vipMenuLive a:hover, #vipMenuComp a:hover, #vipMenuContact a:hover {	
	background-position: 0 -34px;
} 

#vipMenuHome a:active, #vipMenuNews a:active, #vipMenuGallery a:active, #vipMenuMusic a:active, #vipMenuVideo a:active, #vipMenuShop a:active, 
#vipMenuVip a:active, #vipMenuMobile a:active, #vipMenuBiog a:active, #vipMenuLive a:active, #vipMenuComp a:active, #vipMenuContact a:active {
	background-position: 0 0px;
}

/* ------------------------------  effects  ---------------------------- */

a.videoRoll { float:left; border: 1px solid black; }
a.videoRoll:hover { border: 1px solid #9b1725; }

#selectRoll a { 
	float: left; width: 270px; height: 53px; color: white; 
	margin-bottom: 2px; text-decoration: none; background-color: #5b0e16;
}

#selectOn { 
	float: left; width: 270px; height: 53px; 
	text-decoration: none; background-color: #b31b2a;
}

#selectRoll a:hover { background-color: #b31b2a; color: #999999; text-decoration: underline; } 

#selectRoll a:active { background-color: #5b0e16; color: white; }

#playlistRoll a { 
	float: left; width: 225px; height: 24px; 
	text-decoration: none; color: white; margin: 0px 0px 2px 2px; display: inline; 
	background-color: #393939;
}

#playlistRoll a:hover { background-color: #212121; color: #999999; text-decoration: underline; } 

#playlistRoll a:active { background-color: #393939; color: white }

/* ------------------------------  layout  ----------------------------- */

#loginContent {
	width: 568px; overflow: auto; 
	padding: 110px 150px 20px 50px;
	color: #cab48f;
	text-align: right;
	background: url('../img/vip/login-back-top.jpg') no-repeat;
}

#videoContainer {
	position: absolute; left: 21px; top: 266px; width: 768px; 
	overflow: auto;
	background: url('../img/vip/back-mid.gif');
}

#videoContent {
	width: 768px; 
	overflow: auto;
	background: url('../img/vip/back-top.jpg') no-repeat;
}

#videoBot {
	float: left; width: 768px; height: 31px;
	background: url('../img/vip/back-bot.gif') no-repeat;
}

#videoLeftCol {
	float: left; width: 160px;
	padding: 49px 0px 0px 15px;
}

#videoRightCol {
	float: right; width: 520px; 
	margin: 70px 37px 0px 0px; display: inline; 
	padding-left: 12px;
	background: url('../img/vip/content-grad-back.gif') no-repeat;
	background-position: left top;
}

#footerContainer {
	width: 768px; padding-top: 28px; height: 90px; 
	background: url('../img/vip/footer-grad.jpg') no-repeat;
	background-position: 0px 14px;	
	background-color: #4f403b;
}