/****************** CSS for quicksound ****************************************************************
Title:			Quicksound CSS
Author: 		Stefan Bracher www.bracher-automation.com
*******************************************************************************************************/

/***** GENERAL TAGS **********************************************************************************/
body 				{	color: #F8E4D2; vertical-align: top; 
					font-family : Helvetica; padding: 0px; margin: 0px;
					/*background: url(../files/backgrounds/background.jpg);
					background-position: 50%;
					background-repeat: no-repeat;*/
					background-color: black;
	}
a 				{ 	color: #F8E4D2; font-size: x-small; font-weight: bold; 
					text-decoration : underline; outline: none;}
a.editmode  			{ 	color : red; text-align : left; text-decoration : none;}	
a.language 			{ 	text-decoration : none;}
br.clearboth 			{	clear: both;}
div 				{ 	border: 0px solid red; overflow: hidden;}
div.left 			{ 	float: left; vertical-align: bottom; border: 0px solid #ed7f20;}
div.right 			{ 	position: absolute; right: 0px; top: 0px; vertical-align: bottom;
					border: 0px solid #ed7f20;}
div.bottom 			{ 	position: absolute; bottom: 0px; vertical-align: bottom; 
					text-align: center;
					border: 0px solid #ed7f20;}

div.noborder			{	border: 0px solid #ed7f20;}
fieldset			{	border: 0px solid red;}
h1 				{ 	position: relative; left: 20px; top: -10px; width: 400px; color : #ed7f20;
					font-size: x-large; font-weight: bold; text-align: left;}
h2 				{ 	display: inline; font-size: medium; font-weight: bold; text-align: center;}
iframe 				{ 	height: 1px; width: 1px; overflow: hidden; border: 0px solid transparent;}
img 				{ 	border: 0px solid transparent;}
table, td			{	text-align: left; 
					padding: 0px;
					margin: 0px;
				}
/*********************************************************************************************************/

/****** Classes *****************************************************************************************/
/*------ General Classes -------------------------------------------------------------------------*/
.left				{	text-align: left; }
.justify			{	text-align: justify; }
.wide				{	width: 100%;}

.left td, th			{	text-align: left;}

.list th			{	color: white; font-size: 18px;}
.list td			{	color: #959595;
					font-size: 12px;		
				}
.list td.a			{	color: #959595;
					font-size: 12px;
				}
.list				{	border-collapse: collapse;}
.list a				{	text-decoration : none; display: block; color: #959595; font-size: 12px;}
.highlight:HOVER  a		{	color: #ed7f20;}
.highlight:HOVER td		{	color: #ed7f20;}
.button				{	height: 23px;
					background: url(../files/backgrounds/button.png);
					border: 0px solid red;
					border-radius: 3px; -moz-border-radius: 3px;
					-webkit-border-radius: 3px; -khtml-border-radius: 3px;
					color: white;
					font-size: 11px;
					font-weight: bold;
					padding: 0px;
					padding-bottom: 4px;
					margin: 0px;
					text-decoration: none;
					display: inline;
					outline: none;
				}


.button_image			{	text-align: center;}


.button:HOVER			{	color: black;
					background: url(../files/backgrounds/hover/button.png);
				}

.button_119x25			{	background: url(../files/backgrounds/button_119x25.png);
					width: 119px; height: 25px;}
.button_119x25:HOVER		{	background: url(../files/backgrounds/hover/button_119x25.png);}
.button_139x25			{	background: url(../files/backgrounds/button_139x25.png);
					width: 139px; height: 20px; font-size: 12px; padding-top: 5px;}

.button_139x25 a		{	font-size: 12px;
					text-decoration: none;
				}
.button_139x25:HOVER		{	background: url(../files/backgrounds/hover/button_139x25.png);}




.div_title			{	font-size: 10px; padding-left: 2px; padding-right: 2px;  padding-top: 0px;
					background-color: #33302d;}

.div_title a			{	text-decoration: none; color: #959595;}

.main 				{ 	position: relative;
					top: 0px;
					width: 996px; 
					height: 784px;
					text-align: center; margin-left: auto; margin-right: auto;
					border: 0px solid #33302d; 
					overflow: visible;
				}

.ribbon	p			{	position: relative;
					top: 5px;
					display: inline;
					color: #380c01;
					font-size: 20px;
					font-weight: bold;
					overflow: hidden;	
				}

.input				{	width: 182px;
					height: 32px;
					font-size: 9px;
					background: url(../files/backgrounds/form_long.png);
					border: 0px solid red;
					padding: 0px;
					margin: 0px;
					text-align: center;
				}

.input input	 		{ 	width: 160px;
					background-color: transparent;
					border: 0px solid black;
					color: white;
				}

.form_x_long			{	width: 240px;
					height: 32px;
					font-size: 10px;
					background: url(../files/backgrounds/form_x_long.png);
					border: 0px solid red;
					padding: 0px;
					margin: 0px;
					text-align: center;
				}

.form_x_long input	 	{ 	width: 222px;
					background-color: transparent;
					font-size: 10px;
					border: 0px solid black;
					color: #959595;
				}

.underline			{	text-decoration: underline;	

				}

.smalltext			{	font-size: 10px; }

.submit				{	
				width: 119px;
				height: 25px;
				border: 0px solid red;
				font-weight: bold;
				padding-bottom: 3px;
				font-size: 12px;
				background: url(../files/backgrounds/button_119x25.png);
				outline: none;
				margin: 2px;
				}

.width80			{	width: 80px;}				
.width100			{	width: 100px;}
.width160			{	width: 160px;}

.submit:HOVER			{	background: url(../files/backgrounds/hover/button_119x25.png);}
/*------------------------------------------------------------------------------------------------------*/



/*--- Row 1, Column 3 (Login-Box) --------------------------------------------------------------------*/
.user_menu_item			{	
					margin-left: 0px;
					padding: 0px;
					font-weight : bold;
					font-style : normal;
					font-size: x-small;
					color : #000082;
					text-decoration : none;
					text-align: left;
					outline: none;
				}
.user_menu_item a		{ 	display: block;}

.login				{	border: 1px solid red; color: white; font-weight: bold; 
					background-color: transparent;
				}
.login table 			{ 	text-align: left;}


.custom_submit	input		{	background-color: transparent;
					border: 0px solid black;
					color: white;
					font-weight: bold;
					padding-bottom: 3px;
					font-size: 11px;
					outline: none;
				}

.button_account			{	position: relative;
					right: 2px;
					width: 137px; height: 26px;
					background: url(../files/backgrounds/button_account.png);
				}
.button_account:HOVER		{	background: url(../files/backgrounds/hover/button_account.png);}

.button_login			{	position: relative;
					left: -3px;
					width: 93px; height: 26px;
					background: url(../files/backgrounds/button_login.png);
				}
.button_login:HOVER		{	background: url(../files/backgrounds/hover/button_login.png);}

/*------------------------------------------------------------------------------------------------------*/

/*--- Row 2, Column 1 ( Menu ) -------------------------------------------------------------------------*/
.menu_item 			{	height: 81px; 
					width: 200px;
					border: 0px solid red; background: url(../files/backgrounds/menu_item.png);
				}
.menu_item a 			{ 	display: block; 
					width: 200px; height: 81px;
					padding-top: 14px;
					padding-left: 32px;
					font-weight : bold; font-size: 18px; text-align : left; 
					text-decoration : none; 
					color: #ababab;
				}
.menu_item:Hover		{	background: url(../files/backgrounds/hover/menu_item.png);}
.menu_item:Hover a		{	color: #efefef}
.menu_active			{	background: url(../files/backgrounds/active/menu_item.png);} 
.menu_active a			{	color: #ed7f20}
.search_bar			{	background: url(../files/backgrounds/search_bar.png);}
.search_bar input		{ 	background-color: transparent;
					font-size: 10px;
					border: 0px solid black;
					color: #959595;
				}
.search_bar_active		{	background: url(../files/backgrounds/active/search_bar.png); }
/*------------------------------------------------------------------------------------------------------*/

/*-- Row 2, Column 2 (Content) -------------------------------------------------------------------------*/

/* ------ Player ------------*/
.player_main			{	background-color: black;}
.player_active			{	background-color: black;}

a.genre				{ 	position: absolute; left: 75px; top: 30px; width: 200px; height: 20px;
					color: #ed7f20; font-size: 17px; text-decoration : none; overflow: hidden;}
a.label				{ 	position: absolute; right: 51px; top: 9px; width: 37px; height: 46px;
					border: 0px solid red;
				}
b.length			{ 	position: absolute; right: 75px; top: 8px; color: #141414; font-size: 18px;}
b.playermessage			{ 	position: absolute; left: 75px; top: 30px; color: #535353; font-size: 17px;
					width: 300px; overflow: hidden; color: #ed7f20}
b.trackartist			{ 	position: absolute; left: 75px; top: 8px; width: 300px; height: 20px;
					color: #ababab; font-size: 18px; overflow: hidden;}
.buybutton			{ 	background: url(../files/backgrounds/buy_button.png);}
.buybutton:HOVER		{	background: url(../files/backgrounds/hover/buy_button.png);}

.replay_button			{	position: absolute; left: 0px; top: 0px; width: 65px; bottom: 0px;
					border: 0px solid red;
				}

/* ------ Content Items -------*/

.contentitem 			{	
					position: relative;
					float: left; top: -18px; left: 2px; width: 112px; height: 130px; background-color: transparent; 
					padding-bottom: 5px;
					/*filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity:0.8; */
					border: 0px solid black;
					text-align: center;
				}

.contentitem_no_icons 		{	
					position: relative;
					float: left; top: -18px; left: 2px; width: 110px; height: 50px; background-color: transparent; 
					padding-bottom: 5px;
					margin-top: 30px;
					border: 0px solid black;
					text-align: center;
				}


.contentimage			{ 	
					position: relative;
					left: 4px; width: 102px; height: 102px; 
					border: 0px solid yellow;
					background: url(../files/backgrounds/cover.png);
					
					padding: 0px;
					margin: 0px;
					
					/*box-shadow: 4px 10px 15px black;
					-moz-box-shadow: black 4px 10px 15px;
					-webkit-box-shadow: black 4px 10px 15px;
					-khtml-box-shadow: black 4px 10px 15px;*/	
				}
								

.contentitem:Hover .contentimage {	background: url(../files/backgrounds/hover/cover.png);}
.contentitem:Hover .contentitem_textlink	
				{	color :  #efefef; 
					background: url(../files/backgrounds/hover/contentitem_textlink.png);
				}

.contentimage a			{ display: block; width: 100px; height: 100px; text-align: center;}

.contentimage img		{	position: absolute;
					top: 6px;
					left: 6px;
					width: 91px; height: 91px;
					border: 0px solid red;
				}

.contentitem_textlink		{ 	position: relative; left: 8px; top: 2px;
					width: 78px; height: 15px;				/* Attention to Padding when editing */
					display: block; font-size: 12px; font-weight: bold; 
					color :  #ababab; 
					text-align : center; text-decoration : none;
					background: url(../files/backgrounds/contentitem_textlink.png);
					padding: 5px;
					padding-left: 9px;
					padding-right: 9px; 
					overflow: hidden;
					border: 0px solid red;
				}
				
			

.button_up			{	position: absolute; bottom: 1px; left: 2px; height: 20px; width: 232px;
					background: url(../files/backgrounds/button_up.png);
				}
.button_up:HOVER			{	background: url(../files/backgrounds/hover/button_up.png);}

.button_down			{	position: absolute; bottom: 1px; right: 2px; height: 20px; width: 232px;
					background: url(../files/backgrounds/button_down.png);
				}
.button_down:HOVER		{	background: url(../files/backgrounds/hover/button_down.png);}

img.itemlogo 			{ 	position: absolute; left: 10px; top: 5px;}
img.contentlogo 		{ 	position: absolute; right: 10px; top: 5px;}

.track_cover			{	position: absolute;
					top: 34px;
					left: 8px;
					width: 450px;
					height: 270px;
					border: 0px solid red;
				}

/*----  Content - Show Tracklist --------*/
div.showtrack 			{ 	position: relative; width: 94%; height: 22px; left: 4%; 
					text-align: left;
					border: 0px solid blue;
					padding: 0px; margin: 0px;
				}

.showtrack a			{	display: block; }
.showtrack:hover		{	background-color: #ed7f20;}



.showtrackplay			{ 	float: left; width: 21px; height: 22px;
					border: 0px solid red;
					background: url(../files/backgrounds/play_small.png);
					overflow: hidden;
				}
.showtrackplay:Hover 		{	background: url(../files/backgrounds/hover/play_small.png);}

.showtrackbuy			{ 	float: left; width: 21px; height: 22px;
					border: 0px solid red;
					background: url(../files/backgrounds/play_small.png);
					overflow: hidden;
				}




a.showtrackname			{ 	float: left; width: 350px; height: 22px; display: block; 
					font-weight: bold;  text-decoration : none; font-style: normal; 
					font-size: 12px; color: white; overflow: hidden;
					border: 0px solid red;	
					padding-top: 3px;
				}
a.showtracklength		{ 	float: left; width: 75px; height: 22px; display: block; 
					font-weight: bold;  text-decoration : none; font-style: normal; 
					font-size: 12px; color: white; overflow: hidden;
					padding-top: 3px;
					border: 1px solid red;
				}
div.show  			{ 	position: absolute; 
					bottom: 40px; 
					left: 5px; 
					right: 5px;
					height: 270px; 
					border: 0px solid red; overflow: hidden;}





/*------------------------------------------------------------------------------------------------------*/

/*-- Row 2, Column 3 (Featurebox) ---------------------------------------------------------------------*/
.button_up_small		{	position: absolute; bottom: 6px; left: 11px; height: 20px; width: 122px;
					background: url(../files/backgrounds/button_up_small.png);
				}
.button_up_small:HOVER		{	background: url(../files/backgrounds/hover/button_up_small.png);}
.button_down_small		{	position: absolute; bottom: 6px; right: 11px; height: 20px; width: 122px;
					background: url(../files/backgrounds/button_down_small.png);
				}
.button_down_small:HOVER	{	background: url(../files/backgrounds/hover/button_down_small.png);}

.fb_menu_active			{	color: #ed7f20;}
.fb_menu			{	color: #ababab; font-weight: normal;}
.fb_menu:HOVER			{	color: #efefef;}


.track 				{ 	position: relative; width: 245px; height: 46px;
					text-align: left;
				}
.track:HOVER a.tracknumber	{	color: #efefef;}
.track img 			{ 	position: absolute; right: 12px; top: 5px; width: 31px; height: 31px; border: 0px solid red;}

.track_nonactive		{	background: url(../files/backgrounds/player_small.png); }
.track_nonactive:HOVER 		{ 	background: url(../files/backgrounds/hover/player_small.png); }

.track_active			{ 	background: url(../files/backgrounds/active/player_small.png); }
.track_active a.tracknumber	{	color: #ed7f20;}

.tracktext 			{ 	position: absolute; left: 74px; top: 4px; height: 15px; width: 122px; display: block; 
					font-weight : bold; font-size: 14px; text-decoration : none; font-style: normal; color: #6d6d6d; 
					overflow: hidden;
				}

.trackartist 			{ 	position: absolute; left: 74px; bottom: 12px; height: 15px; width: 122px; display: block; 
					font-weight : bold; font-size: 14px; text-decoration : none; font-style: normal; 
					color: #ed7f20; 
					overflow: hidden;
				}

.tracknumber 			{ 	position: absolute; left: 2px; width: 68px; top: 8px; display: block; 
					font-family: "Arial Black", Impact, sans-serif; font-size: 20px; font-weight: 900; 
					text-decoration: none; color: #6d6d6d; text-align: right;}
/*------------------------------------------------------------------------------------------------------*/

/*-- Row 3, Column 3 (Legalbox) ---------------------------------------------------------------------*/
.legal_links			{	font-size: 12px; color: #ababab; font-weight: normal;
				}

.legal_links:HOVER		{	color: #ed7f20;}

.copy				{	font-size: 8px; color: #ababab; font-weight: normal;
				}
/*------------------------------------------------------------------------------------------------------*/
/********************************************************************************************************/

/****** IDs ****************************************************************************************/
/*--- Landing page (Language Selection ---------------------------------------------------------*/
#language_selection		{	padding: 10px;
					width: 100%;
					text-align: center;
					margin: auto;
					font-size: 12px;
				}


/*-----------------------------------------------------------------------------------------------------*/
/*--- Row 1, Column 1 ---------------------------------------------------------------------------------*/
#top_left 			{ 	position: absolute;
					top: 20px;
					left: 0px;
					width: 218px; height: 218px;}
/*-----------------------------------------------------------------------------------------------------*/

/*--- Row 1, Column 2 ----------------------------------------------------------------------------------*/
#top_middle 			{ 	position: absolute;
					top: 20px;
					left: 228px;
					width: 480px; height: 218px;
					border: 1px solid #33302d;
				}

#top_middle_title		{	position: absolute;
					top: 6px;
					right: 286px;
					height: 14px;
				}
/*------------------------------------------------------------------------------------------------------*/

/*--- Row 1, Column 3 ----------------------------------------------------------------------------------*/
/*---General ------*/
#top_right 			{ 	position: absolute; top: 20px; left: 718px;
					width: 268px; height: 218px;
					background: url(../files/backgrounds/section3_background.png); 
				}
#top_right_ribbon		{	position: absolute; top: 65px;
					left: 712px; width: 280px; 
					height: 40px;
					background: url(../files/backgrounds/ribbon_right_column.png); 
				}
#languages			{	position: absolute; top: 12px;right: 12px;}

/*---Not Logged-In------*/
#loginbox			{ 	position: absolute; top: 90px; 
					left: 7px; 
					right: 4px; 
					color: white; font-size: 10px; text-align: left;
				}
#loginbox table, td		{ 	text-align: right; }
#loginbox td a 			{	position: relative;
					right: 2px;
					color: #959595;
				}


#syndication			{	position: absolute; right: 120px; top: 12px; font-size: 9px;
					color: #ababab;
				}

/*---Logged-In------*/
#avatar				{ 	position: absolute; top: 90px; 
					left: 15px; 
					max-height: 110px;
					width: 92px;
				}

#user_menu			{	position: absolute; top: 90px; 
					right: 15px; 
					left: 112px; 
					font-size: 9px;
					border: 0px solid red;	
					padding: 0px;
					margin: 0px;
				}
#user_menu a:HOVER		{	color: #ed7f20;	
					background: url(../files/backgrounds/hover/logged_in_menu.png);
				}

#user_details			{	position: absolute; top: 132px; 
					right: 15px; 
					left: 110px; 
					height: 42px;
					margin: 0px;
					padding-left: 8px;
					padding-top: 4px;
					border: 0px solid red;	
					background: url(../files/backgrounds/user_details.png);
					font-size: 12px;
					text-align: left;
					overflow: hidden;
				}

#add_credits			{	position: absolute;
					bottom: 15px; 
					right: 15px;
				}

#logout				{	position: absolute;
					right: 0px;
					/*bottom: 15px;/* 
					/*right: 15px; */
					
					/*background: url(../files/backgrounds/button_58x12.png);*/
				}
/*------------------------------------------------------------------------------------------*/


/*--- Row 2, Column 1 ( Menu ) --------------------------------------------------------------*/
#menu 				{ 	position: absolute;
					top: 248px;
					left: 0px;
					width: 218px; height: 438px;
					padding: 0px;
					padding-left: 0px;
					text-align: right; 
					background: url(../files/backgrounds/section4.png);
					background-repeat: no-repeat;
					border: 0px solid red;
				}

#menu_ribbon			{	position: absolute; top: 293px;
					left: -7px; width: 230px; 
					height: 40px;
					background: url(../files/backgrounds/ribbon_left_column.png); 
				}

#menu_buttons			{	position: absolute;
					top: 83px;
					left: 7px;
					right: 7px;
					bottom: 0px;
					height: 355px;
					border: 0px solid green;
					padding: 0px;
					margin: 0px;

				}

#menu_slogan			{	position: absolute; top: 12px; left: 4px; right: 4px; border: 0px solid red;	
					font-size: 10px; text-align: center; color: #ababab;
				}
#search_bar 			{ 	position: absolute; bottom: 2px; left: 0px; width: 210px; height: 32px; border: 0px solid red;	}
#search_bar input		{	background-color: transparent; font-size: 12px; border: 0px solid red;}
#search_bar_field		{	position: absolute; left: 12px; top: 9px; width: 160px; height: 16px;}
#search_bar_submit		{	position: absolute; left: 172px; top: 8px; width: 36px; height: 22px;}
/*------------------------------------------------------------------------------------------*/

/*--- Row 2, Column 2 ( Content ) ------------------------------------------------------------*/
#content 			{	position: absolute;
					top: 248px;
					left: 226px;
					width: 484px; height: 438px;
					overflow: auto; background:  url(../files/backgrounds/section5.png); 
					border: 0px dashed red;
					overflow: hidden;
				}

#player_main 			{ 	position: absolute;
					padding: 0px; margin: 0px;
					top: 10px;
					left: 8px; 
					width: 470px;
					height: 70px;
					text-align: left; 
					margin: 0; padding: 0px;
					border: 0px;
					background-color: black;
				}


#contentfocus 			{ 	position: absolute;
					top: 86px;
					left: 8px; 
					bottom: 5px; 
					width: 450px;
					background-color: #3e3e3e; 
					background: url(../files/backgrounds/contentfocus.png);
					background-repeat: no-repeat;
					border: 0px dashed green;
					padding: 10px;
					padding-top: 55px;
					overflow: hidden;
				}			

#contentfocus h1		
				{	position: absolute;
					border: 0px solid green;
					padding: 0px;
					margin: 0px;
					left: 0px;
					top: 5px;
					width: 465px;
					font-size: 18px;
					color: #505050;
					text-align: center;
				}

#main_cover		{	position: absolute;
					top: 34px;
					left: 8px;
					border: 0px solid red;
					padding: 0px;
				}



#buytrack			{	position: absolute; 
					right: 10px; bottom: 5px; width: 25px; height: 25px;}

#flash_mp3_player		{
					position: absolute;
					top:5px;
					left: 130px;
				}
/*------------------------------------------------------------------------------------------*/


/*--- Row 2, Column 3 ( Featurebux ) ------------------------------------------------------------*/

#featurebox 			{	position: absolute; 
					top: 248px;
					left: 718px;
					width: 268px; height: 438px; 
					background: url(../files/backgrounds/section6.png); 
					border: 0px solid red;
					font-size: x-small;
					overflow: hidden;	}

#featurebox_ribbon		{	position: absolute; top: 293px;
					left: 712px; width: 280px; 
					height: 40px;
					background: url(../files/backgrounds/ribbon_right_column.png); 
				}

#featurebox_menu		{	position: absolute; top: 8px; left: 4px; right: 4px; border: 0px solid red;	
					font-size: 10px; text-align: center; color: #ababab;
				}

#featurebox_tracks		{	position: absolute; top: 86px; left: 10px; right: 4px; border: 0px solid red;
					height: 352px; 
					padding: 0px;
				}




/*------------------------------------------------------------------------------------------*/

/*--- Row 3, Column 1 (Paypal Icons ) -------------------------------------------------------*/
#bottom_left 			{	position: absolute;
					top: 696px;
					left: 0px;
					width: 218px; height: 78px;
					background: url(../files/backgrounds/section7.png);
					border: 0px solid red;	
				}
/*-------------------------------------------------------------------------------------------*/

/*--- Row 3, Column 2 (Add section 2) -------------------------------------------------------*/
#bottom_middle 			{	position: absolute;
					top: 696px;
					left: 228px;
					width: 480px; 
					height: 78px;
					border: 1px solid #33302d;
				}

#bottom_middle_title		{	position: absolute;
					top: 774px;
					right: 286px;
					height: 12px;
				}
/*-------------------------------------------------------------------------------------------*/

/*--- Row 3, Column 3 (Credits) --------------------------------------------------------------*/
#bottom_right 			{ 	position: absolute;
					top: 696px;
					left: 718px;
					width: 268px; 
					height: 78px;
					background: url(../files/backgrounds/section9.png); 
					font-size: x-small;
					border: 0px solid red;
				}

#buttom_right_links		{	position: absolute;
					top: 20px;
					left: 5px;
					right: 5px;
					font-size: 14px; color: #ababab;	
				}

#copy				{ 	position: absolute;
					top: 774px;
					right: 12px;
				}
/*-------------------------------------------------------------------------------------------*/

/*--- Preload Hover Images -------------------------------------------------------------------*/
#image_preload			{ 	display: none;}
/*-------------------------------------------------------------------------------------------*/
/*********************************************************************************************/

/****** Background ******************************************************************************************/
#background		{
			position: absolute;
			left: 0px;
			right: 0px;
			top: 0px;
			bottom: 0px;
			border: 0px solid red; 
			}

img.stretch		{
			width: 100%;
			border: 0px solid red;
			}
/****************************************************************************************************//***** Ajax Elements ***************************************************************************/
div.close			{
					position: absolute;
					top: 8px; right: 15px;
					
					border: 0px solid red;
				}

div.hidden			{	border: 0px solid transparent;
					position: absolute; top: 0px; left: 0px; width: 00px; height: 0px;
					background-color: transparent;
					z-index: 1;
					display: none;
					
				}

div.shade			{	border: 0px solid transparent;
					position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; min-height: 600px;
					background-color: white;
					background: url(../files/backgrounds/white.png);
					z-index: 2;
					filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity:0.7;
					margin: 0px;
					padding: 0px;
					border-radius: 0px; 
					-moz-border-radius: 0px;
					-webkit-border-radius: 0px; 
					-khtml-border-radius: 0px;
				}


div.ontop			{	/*border: 1px solid #33302d;*/
					border: 0px solid red;
				
					position: absolute; 
					top: 65px; 
					left: 50px; 
					width: 865px; 
					min-height: 200px; max-height: 480px;
					margin-top: 0px;
					margin-left: 10px;
					padding-top: 65px;
					overflow: visible;
					
					background-color: black;	
					z-index: 3;
					filter: alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity:0.95;
					border-radius: 10px; 
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px; 
					-khtml-border-radius: 10px;
				}
/****************************************************************************************************************************************/

/***** PopUp Elements *******************************************************************************************************************/
div.popupmain			{	position: relative;
					border: 0px solid green;
					margin: 10px;
					overflow-x: hidden;
					overflow-y: auto;
					max-height: 400px;
					padding: 5px;
				}


div.popupmain input		{	background-color: transparent; 
					color: white; 

				}

input.invalid			{	color: red;
					border: 1px solid red;
				}

input.validated			{	border: 0px solid green; 
					color: white;
				}

#popupavatar			{	float: left;
					margin-top: 20px;
					margin-left: 10px;
					margin-right: 10px;
					width: 120px;
					border: 0px solid black;

				}

#popupbox h1			{ 	
					position: absolute;
					top: 15px;
					left: -9px;
					width: 881px; 
					height: 40px;
					text-align: center;
					background: url(../files/backgrounds/ribbon_popup.png);
					border: 0px solid red;
					z-index: 4;
					color: #380c01;
				}

p.popupnote			{	position: relative;
					border: 4px solid #333333;
					margin-left: 30px;
					margin-right: 30px;
					border-radius: 5px; 
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px; 
					-khtml-border-radius: 5px;
					min-height: 50px;
					background-color: #171717;
					padding: 5px;
					
				}

img.icon_note			{	position: absolute;
					left: -17px;
					top: 10px;
					border: 0px solid red;
				}

#buycredits			{
					float: right;
					margin-top: 20px;
					color: #ed7f20;
				}


/****************************************************************************************************************************************/



/******* END OF CSS ***********************************************************************************
© Stefan Bracher www.bracher-automation.com
*******************************************************************************************************/