/* V Library CSS */

* { margin:0px; padding:0px; }
body {	background-color:#000; font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#bbb; height:101%; }
a { color: #99CCCC; text-decoration:none; }
a:hover { text-decoration:underline; }
a:active, a:focus { outline:none; }
h1 { font-weight:lighter; font-size:1.5em; color:#fff; padding-bottom:20px; }
h3 { color:#fff;  }
.clearBoth { clear:both; }
.noBorder, .noBorders { border:none; }
#mainContainer { margin:0 auto; width:56.25em; }
.floatLeft { float:left; }
.floatRight { float:right; }
fieldset { border:1px solid #151515; padding:1.5em 1em; background-color:#101010; }
p { margin-bottom:1em; }
td { vertical-align:top; }
input.submitButton { background-color:#333; color:#99CCCC; font-size:12px; padding:1px 5px; border:none; }
input, textarea { border:none; padding:.05em .2em; background-color:#fff; }
.bg111 { background-color:#111; }
input.searchFieldInput { background-image:url(../../images/icon-search.png); background-position:left center; background-repeat:no-repeat; padding:2px 1px 2px 18px; border:none; border-left:2px solid #fff; }
a.musicReturnFont { color:#F6DE75; }
select { background-color:#fff; }
input.radioInput { background-color:#111111; }
span.errorMessage { color:#fff; display:block; padding:5px 10px; margin:5px 0px; background-color:#CC6666; }
span.mainTitleFont { font-size:1.2em; font-weight:bold; color:#fff; margin-left:1em; margin-bottom:1em; display:block; }



/* HEADER */

#main_top { text-align:right; margin:10px 0; font-size:.8em; padding:0 10px; vertical-align:middle; line-height:16px; }
#main_top img { vertical-align:middle; }
#main_top .date_section { float:left; }
#main_top .greeting_section { float:right; }

#headerContainer { position:relative;  }
#topBar { position:relative; margin-bottom:20px; }
#menuBar {	background-image:url(images/menu_right.jpg); background-repeat:no-repeat; background-position:right; width:900px; height:40px; }
#mainMenu {	position:relative; margin:0px 0px 0px 0px; background-image:url(images/menu_bg.jpg); background-repeat:repeat-x; height:40px; }
#mainMenu ul { margin:0; padding:0; }
#mainMenu li { float:left; list-style-type:none; }
#mainMenu li a { display:block; width:100px; padding:5px; text-decoration:none; color:#fff; text-align:center; border-right:#333 solid 1px; font-size:.8em; vertical-align:middle; line-height:30px; }
/*#mainMenu li a#downloadAreaMenu { width:160px;  }*/
#mainMenu li a#releasesMenu { width:160px;  }
#mainMenu li a:hover {	background-color:#444; }

#homePage #homeMenu,
#aboutVPage #aboutVMenu, 
#releasesPage #releasesMenu, 
#contactPage #contactMenu,
#aboutAlbum #releasesMenu,
#downloadAreaPage #downloadAreaMenu,
#loginPage #downloadAreaMenu,
#downloadAreaPage #releasesMenu { background-color:#222; color:#99CCCC; }

#mainMenu #vMenu { background-image:url(images/menu_v.jpg); background-repeat:no-repeat; background-position:left; width:276px; }
#mainMenu #vMenu:hover { background-color:transparent; }
#mainMenu #vMenu span {	display:none; }



/* BODY */

#bodyContainer { margin-top:20px; font-size:.8em; }
#bodyContainer .pageContent {
	background-color:#191919;
	padding:20px;
	margin-top:20px;
}


.mainColumn { line-height:1.7em; padding-left:25px; margin-bottom:20px; }
.mainColumn h1 { font-size:3em; line-height:1em; letter-spacing:-2px; }
.mainColumn .mainText { width:420px; padding-top:20px; color:#ccc; float:left; }
.mainColumn .mainText p { font-size:1.2em; color:#ccc; }
.mainColumn .mainImage { height:290px; width:430px; float:left; background-position:top right; background-repeat:no-repeat;  }
.singleColumn .mainColumn { float:none; }
.sidebarColumn { width: 300px; float:left; }
.sidebarBox { margin-bottom:20px; }
.sidebarBox .boxHeader { margin-bottom:10px; font-size:1.2em; color:#fff; }
.sidebarColumn #searchBox { background-color:#191919; padding:15px; }
.sidebarColumn #searchBox input { border:1px solid #222; }
.sidebarColumn #searchBox .searchButton { background-color:#333; color:#99CCCC; font-size:.8em; padding:1px 5px; }

/* MAIN IMAGES */
#aboutVPage #bodyContainer .mainColumn .mainImage { background-image:url(images/v-aboutus.jpg); }
#releasesPage #bodyContainer .mainColumn .mainImage { background-image:url(images/v-preview.jpg); height:210px; }
#homePage #bodyContainer .mainColumn .mainImage { /*background-image:url(images/v-cds.jpg);*/  text-align:right; vertical-align:middle; }
#forgotPasswordPage #bodyContainer .mainColumn .mainImage { background-image:url(images/v-aboutus.jpg); width:300px; float:right; }
#registrationPage #bodyContainer .mainColumn .mainImage { background-image:url(images/v-registration.jpg); width:300px; float:right; }
#loginPage #bodyContainer .mainColumn .mainImage { background-image:url(images/v-preview.jpg); }
#downloadAreaPage #bodyContainer .mainColumn .mainImage { background-image:url(images/v-preview.jpg); height:210px; }

/* FOOTER */

#footerContainer { position:relative; height:40px; background-image:url(images/footer_bg.jpg); background-repeat:repeat-x; font-size:.7em; color:#777; margin:30px 0px 20px 0px; }
#footerContainer .mainColumn { height:40px; position:relative; width:560px; padding-left:10px; line-height:40px; float:left; background-image:url(images/footer_left.jpg); background-repeat:no-repeat; background-position:left; display:inline;  }
#footerContainer .sidebarColumn { height:40px; position:relative; width:310px; float:right; vertical-align:top; text-align:right; background-image:url(images/footer_right.jpg); background-repeat:no-repeat; background-position:top right; display:inline;  }
#footerContainer a { color:#777; }

/* USER MENU */

#userMenu { background-color:#000; position:relative; padding:0; margin:0; }
#userMenu ul { background-color:#FFCCCC; list-style:none; margin:0; padding:0; }
#userMenu li { position:relative; 
			   list-style-type:none; 
			   float:left;
			   padding:8px 12px 8px 12px; 
			   border-right:1px solid #000; 
			   border-bottom:1px solid #000; 
			   background-color:#101010; 
			  }
#userMenu a { color:#fff; }
#userMenu .tabSelected { background-color:#151515; border-bottom-color: #151515; }
#userMenu .tabSelected a { color: #99CCCC; }
#userMenu li img { vertical-align:middle; }
.tabSelected { background-color:#151515; border-bottom-color: #151515; }

#downloadAreaPage #searchArea { padding-top:5px; text-align:right; position:relative; width:270px; margin-left:620px; }
#downloadFeatures { margin-top:20px; }


/* REGISTRATION */

#registrationPage .registration_info { width:310px; float:left; padding:0 20px; line-height:2em; }
#registrationPage .registration_form { width:509px; float:left; border-right: 1px solid #292929; padding:0 20px; }
#registrationPage .regSection { background-color:#191919; padding:1em; font-size:.8em; width:509px; }
#registrationPage .regSection label { display:block; float:left; width:100px; }
#registrationPage #vdownload_main_image { 
	background-image:url(images/v-cds.jpg); background-repeat:no-repeat; background-position:center; height:47px; 
	text-align:center; font-size: 33px; color:#fff; letter-spacing:-2px; padding-top:250px;
}

#aboutAlbum .cdInfoSidebar { float:left; width:15em; margin-right:1em; padding:0 1em; }
#aboutAlbum .compositionList { float:left; width:51em; }
#aboutAlbum #bodyContainer .mainColumn .mainImage { height:210px; background-image:url(images/v-preview.jpg); }


/* LOGIN PAGE */
.loginWrapper { width: 900px; background-color:#191919; padding:30px 0;  }
.loginWrapper .loginArea { width:258px; float:left; padding:0 20px; text-align:center; }
.loginWrapper .benefitArea { width:260px; float:left;  padding:0 20px; text-align:center; border-left:1px solid #292929; border-right:1px solid #292929; }
.loginWrapper .registrationArea { width:260px; float:left; padding:0 20px; text-align:center; }
.loginWrapper .registrationArea li { list-style-type:none; margin-bottom:10px; }
.loginWrapper input, .loginWrapper textarea, .loginWrapper select { border:none; margin-bottom:5px; padding:2px 2px; }
.loginWrapper .albumHeader { width:298px; height:10px; background-image:url(images/homepage_album_top.jpg); background-repeat:no-repeat; }

.loginWrapper .main_link { font-size:1.2em; color:#fff; display:block; min-height:55px;  }

/*HOME PAGE*/
#homePage .quick_links_section img { margin-bottom:3px; }

/* ABOUT PAGE */
#aboutVPage .pageContent p {
	float:left;
	width:260px;
	display:block;
	padding:0 10px; 
	line-height:1.6em;
}

#ffscrollbarfix {
	position: absolute;
	top: 0;
	bottom: -0.1px;
	width: 1em;
	z-index: -1;
}

/* SEARCH PAGE */
#searchPage #catalogueSection {	padding:25px 0px 10px 10px;  }
#searchPage #catalogueSection #styleSection { width: 17em; float:left; position:relative; }
#searchPage #catalogueSection #trackSection { width: 50em; float: left; position:relative; } 
#searchPage #catalogueSection #styleContent a { width:15em; }
#searchPage #catalogueSection #styleContent { background-color:#111; }
#searchPage #catalogueSection #styleContent a { color: #fff; text-decoration:none; display:block; padding:1em; border-bottom:1px solid #222; }
#searchPage #catalogueSection h3 { margin:0em 0em 2em 1em; }
#searchPage #searchArea { padding-top:5px; text-align:right; position:relative; width:270px; margin-left:620px; }	
#searchPage #bodyContainer .mainColumn .mainImage{ background-image:url(images/v-search.jpg); height:255px; }
.searchPages a { padding:2px 5px; border:1px solid #333; }
.searchPages a:hover { text-decoration:none; background-color:#333; }
.searchPages a.pageSelected { background-color:#99CCCC; color:#000000; } 
.member_popup{ position:relative; padding:30px 0 0 30px; }
.member_popup .login_register { position:relative; float:right; background-color:#555; width:130px; margin-left:10px; padding:10px; color: #fff; font-size:10px; }
.member_popup h3 { font-size:3em; font-weight:lighter; color:#fff; letter-spacing:-2px; margin-bottom:10px; }
.member_popup .popup_content { color:#666; position:relative; }

/** additional **/
#searchPage #catalogueSection .groupTracksSection { margin-left:1em; }
/** end of additional **/

/* For Track Browsing (not full mixes) */
#searchPage #catalogueSection #trackContent li { list-style-type:none; background-color:#111; padding:.60em 0em 0em 0em; border-bottom:1px solid #222; }
#searchPage #catalogueSection #trackContent .browserButton { float:left; width:2.7em; position:relative; }
#searchPage #catalogueSection #trackContent .browserButton img { vertical-align:middle; }
#searchPage #catalogueSection #trackContent .browserBox { float:left; width:20em; vertical-align:middle; line-height:1.7em; position:relative;  }
#searchPage #catalogueSection #trackContent .cdBox { float:right; vertical-align:middle; line-height:1.7em; text-align:right; padding-right:1em; position:relative; }
#searchPage #catalogueSection #trackContent .cdBox img { margin-left:.5em; height:16px; width:16px; }
#searchPage #catalogueSection #trackContent .description { font-size:.9em; margin-left:3em; padding-bottom:.5em; }
/* end of track browsing */

/* POPUP */

.member_popup{ position:relative; padding:0; }
.member_popup .popup_header { vertical-align:middle; line-height:38px; padding-left:15px; }
.member_popup .popup_header img { vertical-align:middle; }
.member_popup .popup_content { color:#666; padding:20px 0 20px 5px; }
.member_popup h1 {  font-size:3em; line-height:1em; letter-spacing:-2px; }
.member_popup .maintext {  font-size:1.2em; line-height:1.5em; color:#CCCCCC; }
.member_popup .popup_content .popup_login_container {  position: relative; background-color:#151515; padding:20px; }
.member_popup .popup_content #popup_login { float:left; width:250px; border-right:1px solid #222; position:relative;  } 
.member_popup .popup_content #popup_register { float:left; width:240px; margin-left:20px; position:relative; } 
#preview_video .member_popup .popup_content { text-align:center; background-color:#006699; position:relative; }

/* FOR BROWSE BUTTON */ 
a.browse_button { background-color:#99CCFF; color:#fff; padding:10px 20px; margin-right:5px; display:block; width:130px; background-color:#222; float:left; text-align:center; line-height:16px; }
a.browse_button:hover { background-color:#333; text-decoration:none; }
a.browse_button img { vertical-align:middle; margin-right:5px; }
a.browse_button_selected { background-color:#555; color: #99CCCC; }
a.browse_button_selected:hover { background-color:#555; }
a#back_button { width:70px; float:right; margin-right:0;}

/*RECAPTCHA*/
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#353535 !important; padding:0 !important; /*reCaptcha widget background color*/
 }
 
 #recaptcha_table {
   border-color: #353535 !important; /*reCaptcha widget border color*/
 }
 
 #recaptcha_response_field {
   border-color:#353535 !important; /*Text input field border color*/
   background-color:#fff !important; /*Text input field background color*/
 }

#footerContainer .sidebarColumn span { display:none; }

/*tooltip*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #990000;
	padding: 5px;
	opacity: 0.85;
	color:#000;
}
#tooltip h3, #tooltip div { margin: 0; }