/*
--------------------------------------------------------------
|	HTML TAGS
--------------------------------------------------------------
*/

	body{
		margin:			0px;
		padding:		0px;
		background-color:	#000000;
		background-image:	url('images/bg.jpg');
		background-repeat:	repeat-x;
	}

	img{
		display:		block;
		outline:		none;
		border:			0px;
	}
	
	canvas{
		display:		block;
	}

	ul, li{
		list-style-type:	square;
		margin:			0px;
		padding:		0px;
		border:			0px;
		color:			#48B3CF;
		font-weight:		bold;
		font-size:		11px;
		font-family:		Arial;
		text-decoration:	none;		
	}
	
	li{
		margin-left:		17px;
	}

	*{
		outline:		none;
		margin:			0px;
		padding:		0px;
	}

	.bold{
		font-weight:		bold;
	}

	.italic{
		font-style:		italic;
	}
	
	p{
		color:			#ffffff;
		font-weight:		normal;
		font-size:		11px;
		font-family:		Arial;
		line-height:		18px;
		padding:		5px;
	}
	
	p a,
	p a:link,
	p a:active,
	p a:hover,
	p a:visited,
	div a,
	div a:link,
	div a:active,
	div a:hover,
	div a:visited{
		color:			#8dbdd1;
		font-weight:		normal;
		font-size:		11px;
		font-family:		Arial;
		text-decoration:	none;
	}
	
	table tr td{
		vertical-align:		top;
	}

	.xline{
		border-bottom:1px solid #7E7E7E;
		width:			170px;
	}

	.xline2{
		border-top:1px solid #7E7E7E;
		border-bottom:1px solid #7E7E7E;
		width:			170px;
	}
	
/*
--------------------------------------------------------------
|	GENERAL
--------------------------------------------------------------
*/	

	#vibe{
		position:		absolute;
		width:			960px;
		left:			50%;
		top:			25px;
		margin-left:		-480px;	
	}
	
	#topMenu{
		background-image:	url('images/navi.png');
		background-repeat:	no-repeat;
		width:			959px;
		height:			43px;
		margin-left:		-3px;
		padding-bottom:		5px;
	}	
	
	#topMenu a div{
		margin-top:		5px;
		float:			left;
		cursor:			pointer;
		height:			33px;
		position:		relative;
		padding-left:		12px;
	}
	
	#topMenu a div span{
		position:		absolute;
		padding-top:		8px;
	}
	
	#topMenu a div img{
		float:			left;	
		margin-top:		3px;
		margin-right:		8px;
	}
	
	.naviSep{
		float:			left;
		border-left:		1px solid #45abc6;
		border-right:		1px solid #45abc6;
		background-color:	#2a6778;
		width:			1px;
		margin-top:		5px;
		height:			33px;
	}
	
	#topMenu a,
	#topMenu a:link,
	#topMenu a:active,
	#topMenu a:visited{
		color:			#000000;
		font-weight:		bold;
		font-size:		14px;
		font-family:		Arial;	
		text-decoration:	none;
	}

	#topMenu a:hover{
		color:			#ffffff;
		font-weight:		bold;
		font-size:		14px;
		font-family:		Arial;	
		text-decoration:	none;
	}
	
	#content{
		padding-bottom:		4px;
		padding-top:		10px;
		margin-left:		-3px;
		overflow:		auto;
	}
	
	#footer{
		background-color:	#558b99;
		background-image:	url('images/bg_footer.jpg');
		background-repeat:	repeat-y;
		position:		relative;
		width:			952px;
	}
	
	#footer div{
	position:		absolute;
	bottom:			7px;
	left:			13px;
	color:			#99cbe0;
	font-weight:		normal;
	font-size:		11px;
	font-family:		Arial;
	line-height:		0px;
	width: 926px;
	}
	
	#footer div img{
		display:		inline;
	}
	
	.middle_center{
		background-color:	#1c1c1c;
		width:			279px;
	}
	
	.middle_left{
		background-image:	url('images/block_left.png');
		background-repeat:	repeat-y;
		width:			20px;
	}
	
	.middle_right{
		background-image:	url('images/block_right.png');
		background-repeat:	repeat-y;
		width:			20px;
	}	
	
	.contentFloater{
		float:			left;
	}

/*
--------------------------------------------------------------
|	TUNE UP 2009
--------------------------------------------------------------
*/

	#tabMenu{
		padding-left:		5px;
		height:			38px;
	}
	
	#tabMenu img{
		display:		inline;
		padding-right:		10px;
		cursor:			pointer;
	}
	
	#searchBox{	
		background-image:	url('images/search.jpg');
		background-repeat:	no-repeat;
		height:			98px;
	}
	
	#searchBox div{
		padding-top:		25px;
		padding-left:		25px;
		padding-right:		25px;
	}

	#searchBox div img{
		display:		inline;
		vertical-align:		top;
		margin-top:		5px;
	}
	
	#searchBox select{
		width:			260px;
		border:			1px solid #9bbac2;	
		background-image:	url('images/select_bg.jpg');
		background-repeat:	repeat-x;
		color:			#ffffff;
		margin-right:		10px;
		margin-top:		5px;
	}

	.toggler{
		background-color:	#286372;
		width:			654px;
		height:			45px;
		position:		relative;
		border-bottom:		1px solid #000000;
	}

	.elementgrey {
                background-color:       #1c1c1c;
                width:                  614px;
                font-family:            Arial;
                font-weight:            normal;
                font-size:              11px;
                color:                  #7E7E7E;
                padding-left:           20px;
                padding-right:          20px;
	}

	.element{
		background-color:	#286372;
		width:			614px;
		font-family:		Arial;
		font-weight:		normal;
		font-size:		11px;
		color:			#ffffff;
		padding-left:		20px;
		padding-right:		20px;	
	}
	
	.element div{
		float:			left;
		width:			100px;
	}

	.togDiv{
		position:		absolute;
		top:			15px;
		left:			20px;
		font-family:		Arial;
		font-weight:		bold;
		font-size:		13px;
		color:			#ffffff;
		cursor:			pointer;
	}

	#playerAccord{
		margin-top:		5px;
		margin-left:		5px;
		overflow:		auto;
	}
	
	#results_left{
		float:			left;
		width:			295px;
	}
	
	#results_right{
		float:			left;
		width:			663px;	
	}
	
	#results_header{
		position:		relative;
		height:			44px;
	}
	
	#results_hImg{
		position:		absolute;
		top:			0px;
		left:			0px;	
	}
	
	#results_hTit{
		position:		absolute;
		top:			15px;
		left:			20px;	
		font-size:		14px;
		color:			#ffffff;
		font-weight:		bold;
		font-family:		Arial;
	}

	#paging{
		position:		absolute;
		top:			10px;
		right:			20px;	
	}
	
	#paging a,
	#paging a:link,
	#paging a:visited,
	#paging a:active{
		font-size:		11px;
		color:			#ffffff;
		font-weight:		normal;
		font-family:		Arial;
		text-decoration:	none;
		padding-right:		5px;
	}
	
	#paging a:hover{
		color:			#000000;
	}

	.acc_label{
		color:			#ffffff;
		font-weight:		normal;
		font-size:		11px;
		font-family:		Arial;	
		width:			105px;
	}

	.acc_bg input{
		width:			190px;
		border:			1px solid #9bbac2;	
		background-image:	url('images/select_bg.jpg');
		background-repeat:	repeat-x;
		color:			#ffffff;
		color:			#ffffff;
		font-weight:		normal;
		font-size:		11px;
		font-family:		Arial;	
	}

	.acc_bg select{
		width:			195px;
		border:			1px solid #9bbac2;	
		background-image:	url('images/select_bg.jpg');
		background-repeat:	repeat-x;
		color:			#ffffff;
		color:			#ffffff;
		font-weight:		normal;
		font-size:		11px;
		font-family:		Arial;
	}
	
	.acc_bg textarea{
		width:			190px;
		border:			1px solid #9bbac2;	
		color:			#ffffff;
		font-weight:		normal;
		font-size:		11px;
		font-family:		Arial;
		background-color:	transparent;
		height:			45px;
	}
	
	.acc_bg{
		width:			260px;
	}
	
	.selectLbl{
		color:			#ffffff;
		font-weight:		normal;
		font-size:		11px;
		font-family:		Arial;	
		float:			left;
		padding:		0px;
	}

/*
--------------------------------------------------------------
|	HOME - NEWS
--------------------------------------------------------------
*/
	.contentFloater table{
		margin-bottom:		5px;
		margin-right:		2px;
	}

	.nhExtra{
		height:			90px;
	}

	.cExtra{
		height:			335px;
	}

	.newsHome{
		color:			#7e7e7e;
		font-weight:		normal;
		font-size:		11px;
		font-family:		Arial;
		line-height:		18px;	
		padding-top:		20px;
		text-align:		justify;
	}

	.newsHome .bold{
		color:			#aaa9a9;
	}

	.newsHomeTitle a,
	.newsHomeTitle a:link,
	.newsHomeTitle a:active,
	.newsHomeTitle a:hover,
	.newsHomeTitle a:visited{
		color:			#48b3cf;
		font-weight:		normal;
		font-size:		14px;
		font-family:		Arial;
		text-decoration:	none;
	}

	.newsHomeTitle{
		color:			#48b3cf;
		font-weight:		bold;
		font-size:		14px;
		font-family:		Arial;
		text-decoration:	none;
	}
	
	.newsHomePicture{
		text-align:		center;
		vertical-align:		middle;
	}

	.date{
		margin-left:		5px;
		margin-right:		10px;
		color:			#ffffff;
		font-weight:		normal;
		font-size:		11px;
		font-family:		Arial;
		text-align:		left;
		/*
		padding:		3px;
		background-color:	#326370;
		*/
	}

	.sommation ul, li {
		font-weight:		none;
		color:			gray;
		font-weight:		normal;
		list-style-type:	circle;
	}

/*
--------------------------------------------------------------
|	HOME - PLAYER
--------------------------------------------------------------
*/
	.homePlay{
		background-image:	url('images/play.png');
		background-repeat:	no-repeat;	
		background-position:	top right;
		width:			245px;
		height:			33px;
	}


	.middle_player{
		background-image:	url('images/playerHome.png');
		background-repeat:	no-repeat;
		width:			319px;
		height:			354px;
	}	

	.middle_player2{
		background-image:	url('images/playerHome2.png');
		background-repeat:	no-repeat;
		width:			319px;
		height:			408px;
	}
	
	#mySoundPlayer{
		padding-left:		37px;
		padding-right:		37px;
		padding-top:		6px;
	}
	
	
	.lineTop{
		background-color:	#000000;
		height:			1px;
		width:			245px;
		display:		block;
		margin-top:		10px;
	}
	
	.lineBottom{
		background-color:	#c5c6c7;
		height:			1px;
		width:			245px;
		display:		block;
		margin-bottom:		10px;
	}

	#video{
		padding-left:		37px;	
		padding-right:		37px;
		padding-top:		37px;
	}
	
	#songs{
		padding-left:		37px;	
		padding-right:		37px;
		padding-top:		20px;
	}
	
	#songs div span{
		color:			#ffffff;
		font-weight:		normal;
		font-size:		11px;
		font-family:		Arial;	
		display:		block;
	}
	
	#songs div a,
	#songs div a:link,
	#songs div a:active,
	#songs div a:visited,
	#songs div a:hover{
		color:			#000000;
		font-weight:		normal;
		font-size:		12px;
		font-family:		Arial;	
		display:		block;
		text-decoration:	none;
		padding-bottom:		3px;
	}
	
	.lightgrey{
		color:		#7E7E7E;	
	}
	
	#frmContact table{
		margin-bottom:		0px;
		
	}	
	
	#frmContact tr td{
		color:			#aaa9a9;
		font-weight:		normal;
		font-size:		12px;
		font-family:		Arial;		
	}
	
	.inCheck{
		width:			auto;
		border:			0px;
	}
	
	.inImg{
		width:			auto;
		height:			auto;
		border:			0px;
		margin-left:		210px;
		margin-top:		20px;
	}

	.label{
		color:			#aaa9a9;
		font-weight:		normal;
		font-size:		12px;
		font-family:		Arial;		
		padding-right:		45px;
		padding-bottom:		5px;
		padding-left:		8px;
	}	
		
	input{
		color:			#aaa9a9;
		font-weight:		normal;
		font-size:		12px;
		font-family:		Arial;
		background-color:	#1C1C1C;
		border:			1px solid #555;
		padding:		2px;
		width:			265px;
		margin-bottom:		6px;
	}

	select{
		color:			#aaa9a9;
		font-weight:		normal;
		font-size:		12px;
		font-family:		Arial;
		border:			1px solid #555;
		padding:		2px;
		width:			275px;
		margin-bottom:		6px;
	}	
	
	textarea{
		color:			#aaa9a9;
		font-weight:		normal;
		font-size:		12px;
		font-family:		Arial;
		background-color:	#1C1C1C;
		border:			1px solid #555;
		padding:		2px;
		width:			265px;
		margin-bottom:		6px;
	}	

	.taal,
	.taal a,
	.taal a:link,
	.taal a:active,
	.taal a:visited,
	.taal a:hover{
		display:		block;
		color:			#48b3cf;
		font-weight:		normal;
		font-size:		12px;
		font-family:		Arial;	
		cursor:			pointer;
		padding-bottom:		3px;
		text-decoration:	none;	
	}
	
	.gender,
	.gender a,
	.gender a:link,
	.gender a:active,
	.gender a:visited,
	.gender a:hover{
		display:		block;
		color:			#8dbdd1;
		font-weight:		normal;
		font-size:		11px;
		font-family:		Arial;	
		margin-left:		10px;
		cursor:			pointer;
		padding-bottom:		3px;
		text-decoration:	none;	
	}
	
	.ref{
		font-style:		italic;
		color:			#7E7E7E;
		font-weight:		normal;
		font-size:		11px;
		font-family:		Arial;	
		margin-left:		10px;		
	}
	
	.hideMe{
		display:		none;
	}


/*
--------------------------------------------------------------
|       DOWNLOAD TABLE
--------------------------------------------------------------
*/
	.download{
		padding-left: 30px;
	}
	.downloadTableHeader {
		font-weight: bold;
	}

	.downloadTable,
	.downloadTable th,
	.downloadTable tr td  {
		vertical-align: bottom;
		border-width:	0px;
		padding:	2px;
		text-align:	left;
		margin-bottom:	0px;
	}
	.downloadTable input {
		margin-bottom:	0px;
		background-color: transparent;
		border: 0px;
		text-align:	left;
		width:	auto;
	}



/* MILKBOX */

#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(images/loading.gif) no-repeat center; }/* IMAGE: loading gif */
#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }
.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }

/* *** BOTTOM *** */

#mbBottom { 
	/* set text options */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:19px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url(images/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(images/next.gif) no-repeat; }/* IMAGE: next */

#mbPlayPause{ width:13px; }
#mbPlayPause{ background: transparent url(images/play-pause.gif) no-repeat; }/* IMAGE: prev */


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }

#mbCloseLink {
	width:17px;
	background: transparent url(images/close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}