/*

01.	TEMPLATE
02.	COMMON TEXT AND INPUT
03.	COMMON BARS
04.	COMMON BOXES
05.	COMMON BUTTONS
06.	POPUP
07.	ADMIN
08.	LOGIN
09.	MENU
10.	NEWZ
11.	HOME
12.	CONTACT
13.	PLAYER
14.	PRODUCTION
15.	LINKS
16.	CREW
17.	DJ DETAILS
18.	DOWNLOAD
19.	DATES
20.	GALLERY
21.	COMMENTS

*/



/* --------------------- 1. TEMPLATE PAGE --------------------- */

	body{
		background:#fff url(../assets/images/background.jpg) top repeat-x;
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#fff;
	}
	
	img{
		border:none;
	}

	object, embed{
		outline:0;
	}
	
	#container{
		width:704px;
		margin:auto;
		padding:0;
		text-align:left;
	}
		
	#contentheader{
		background:#369 url(../assets/images/neurocide.jpg) right no-repeat;
		height:40px;
		text-align:right;
		border-top:2px solid #fff;
		border-left:2px solid #fff;
		border-right:2px solid #fff;
	}
		
	#banner{
		background:#fff url(../assets/images/banneren.jpg) no-repeat left;
		height:100px;
		border-top:1px solid #fff;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
	}
	
	#bannerfr{
		background:#fff url(../assets/images/bannerfr.jpg) no-repeat left;
		height:100px;
		border-top:1px solid #fff;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
	}
		
	.contentleft{
		width:120px;
		height:550px;
		padding:50px 0px 0px 0px;
		float:left;
		border-top:1px solid #fff;
		border-left:2px solid #ccc;
	}
	
	#contentleftnormal{
		background:#369 url(../assets/images/techleft.jpg) no-repeat left;
	}
	
	#contentleftlight{
		background:#369 url(../assets/images/techneuroleft.jpg) no-repeat left;
	}
	
	#contentcenter{
		width:458px;
		height:590px; /*590px*/
		padding:10px 0px 0px 0px;
		float:left;
		background:#369;
		border:1px solid #fff;
	}

	.contentright{
		width:120px;
		height:600px;
		padding:0;
		float:left;
		border-top:1px solid #fff;
		border-right:2px solid #ccc;
		text-align:center;
	}
	
	#contentrightnormal{
		background:#369 url(../assets/images/techright.jpg) no-repeat right;
	}
	
	#contentrightlight{
		background:#369 url(../assets/images/techneuroright.jpg) no-repeat right;
	}
	
	.clear{
		clear:both;
	}
	
	#contentfooter{
		height:50px;
		width:700px;
		float:left;
		text-align:left;
		font-size:8px;
		border-bottom:2px solid #ccc;
		border-left:2px solid #ccc;
		border-right:2px solid #ccc;
		background:#369 url(../assets/images/neurologofff.jpg) left no-repeat;
	}
		
	html>body>#container>#contentfooter{
		height:50px;
	}
	
	#contentfooter a{
		text-decoration:none;
	}
	
	#copyright{
		width:280px;
		margin:0px 0px 0px 60px;
		padding:10px 0px 0px 0px;
		float:left;
	}
	
	html>body>#container>#contentfooter>#copyright{
		width:300px;
		margin:0px 0px 0px 110px;
		padding:10px 0px 0px 0px;
	}
	
	#activeusers{
		width:280px;
		text-align:right;
		padding:10px 5px 0px 0px;
		float:left;
	}
	
	html>body>#container>#contentfooter>#activeusers{
		width:280px;
		padding:10px 5px 0px 0px;
	}

	#wip img{
		border:4px solid #000;
	}
	
	a{text-decoration:none;}
	a:link{color:#fff; text-decoration:none;}
	a:visited{color:#fff; text-decoration:none;}
	a:hover{color:#369; background-color:#fff; font-weight:bold; text-decoration:none;}
	a:active{color:#369; background-color:#fff; font-weight:bold; text-decoration:none;}
	
	a:link .imglinkborder, a:visited .imglinkborder{margin:1px 1px 1px 1px; border:1px solid #fff; }
	a:hover .imglinkborder, a:active .imglinkborder{margin:0; border:2px solid #9ab4cf;}
	
/* --------------------- TEMPLATE PAGE ENDS --------------------- */



/* --------------------- 2. COMMON TEXT AND INPUT --------------------- */
	
	h1,p,pre{margin:0px 10px 0px 10px;}
		
	h1{font-size:14px;}
	h2{font-size:12px; margin:0px 0px 2px 0px;}
	h3{font-size:10px; margin:0px 0px 2px 0px;}
	h4{font-size:8px; margin:0; text-decoration:blink;}

	.pagetitle{padding:0px 0px 0px 5px; height:40px;}
	
	#contentright p{font-size:10px;}
	
	.bold{font-weight:bold;}
	
	textarea{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#369;
	background-color:#9ab4cf;
	border:1px solid #fff;
	}
	
	input{
	font-size:10px;
	color:#369;
	background-color:#9ab4cf;
	border:1px solid #fff;
	}
	
	select{
	font-size:10px;
	color:#369;
	background-color:#9ab4cf;
	border:1px solid #fff;
	}
	
/* --------------------- COMMON TEXT ENDS --------------------- */
	
	

/* --------------------- 3. COMMON BARS --------------------- */

	.bar{
		margin:10px 0px 0px 0px;
		width:auto;
		height:10px;
	}
	
	.bar img{
		border-bottom:1px solid #fff;
		border-top:1px solid #fff;
	}
	
	#specialbar{
		float:left;
		margin:0px 0px 10px 0px;
	}
		
/* --------------------- COMMON BARS END --------------------- */
	
	
	
/* --------------------- 4. COMMON BOXES --------------------- */

	#left{
		width:220px;
		height:auto;
		border:1px solid #fff;
		margin:10px 0px 10px 5px;
		padding:10px 0px 10px 0px;
		float:left;
	}
	/* firefox values*/
	html>body>#container>#contentcenter> #left{
		margin:10px 0px 10px 10px;
	}


	.middle{
		width:436px;
		height:auto;
		border:1px solid #fff;
		margin:10px 0px 0px 10px;
		padding:10px 0px 10px 0px;
	}
	
	.middlescroll{
		width:436px;
		height:423px;
		overflow:auto;
		border:1px solid #fff;
		margin:10px 0px 0px 10px;
		padding:10px 0px 10px 0px;
	}
	
	.menudown{
		width:436px;
		height:30px;
		margin:10px 10px 0px 10px;
	}

	#middlebox{
		width:200px;
		height:auto;
		border:1px solid #fff;
		margin:10px 0px 0px 10px;
		padding:10px 0px 10px 0px;
		text-align:center;
	}
			
	#middlebox2{
		width:200px;
		height:auto;
		border:1px solid #fff;
		margin:10px 5px 0px 10px;
		padding:10px 0px 10px 0px;
		text-align:center;
		float:right;
	}
	/* firefox values*/
	html>body>#container>#contentcenter>#middlebox2{margin:10px 10px 0px 10px;}
	html>body>#container>#contentcenter>#middlebox3{margin:10px 0px 0px 10px;}
		
		
	#bottombox{
		width:405px;
		height:auto;
		float:left;
		margin:20px 0px 0px 8px;
		padding:10px 10px 10px 10px;
		border:1px solid #fff;
	}
	/* firefox values*/	
	html>body>#container>#contentcenter> #bottombox{margin:20px 0px 0px 15px;}
		
		
/* --------------------- COMMON BOXES END --------------------- */



/* --------------------- 5. COMMON BUTTONS --------------------- */

	
	#englishswitch{
		white-space:nowrap;
		display:block;
		width:20px;
		height:10px;
		padding:0;
		text-decoration:none;
		border:1px solid #fff;
		background:url(../assets/images/buttons/britflaglov.jpg) top left no-repeat;
		margin:60px 0px 0px 30px;
	}
		
	#englishswitch a{
		width:20px;
		height:10px;
		display:block;
		text-decoration:none;
		background:none;
		}
		
	#englishswitch a:hover img
		{
		visibility:hidden;
	}

	#frenchswitch{
		float:right;
		white-space:nowrap;
		display:block;
		width:20px;
		height:10px;
		padding:0;
		text-decoration:none;
		border:1px solid #fff;
		background:url(../assets/images/buttons/frenchflaglov.jpg) top left no-repeat;
		margin:-12px 30px 0px 0px;
	}
		
	#frenchswitch a{
		width:20px;
		height:10px;
		display:block;
		text-decoration:none;
		background:none;
		}
		
	#frenchswitch a:hover img
		{
		visibility:hidden;
	}

	#backbutton{
		white-space:nowrap;
		display:block;
		width:50px;
		height:30px;
		text-decoration:none;
		background:url(../assets/images/buttons/backov.gif) top left no-repeat;
		margin:0;
		padding:0;
	}
		
	#backbutton a{
		width:50px;
		height:30px;
		display:block;
		text-decoration:none;
		background:none;
	}
		
	#backbutton a:hover img{
		visibility:hidden;
	}
	
	#homebutton{
		white-space:nowrap;
		display:block;
		width:120px;
		height:30px;
		text-decoration:none;
		background:url(../assets/images/buttons/homeov.gif) top left no-repeat;
		margin:10px 0px 0px 330px;
	}
		
	#homebutton a{
		width:120px;
		height:30px;
		display:block;
		text-decoration:none;
		background:none;
	}
		
	#homebutton a:hover img{
		visibility:hidden;
	}

	#arrownext{
		white-space:nowrap;
		display:block;
		width:15px;
		height:12px;
		text-decoration:none;
		background:url(../assets/images/buttons/arrownextov.gif) top left no-repeat;
		margin:0;
	}
	
	#arrownext a{
		width:15px;
		height:12px;
		display:block;
		text-decoration:none;
		background:none;
	}
	
	#arrownext a:hover img{
		visibility:hidden;
	}
	
	
	#arrowprevious{
		white-space:nowrap;
		display:block;
		width:15px;
		height:12px;
		text-decoration:none;
		background:url(../assets/images/buttons/arrowpreviousov.gif) top left no-repeat;
		margin:0px 0px 0px 89px;
	}
	
	#arrowprevious a{
		width:15px;
		height:12px;
		display:block;
		text-decoration:none;
		background:none;
	}
	
	#arrowprevious a:hover img{
		visibility:hidden;
	}
	
	#arrowback{
		white-space:nowrap;
		display:block;
		width:12px;
		height:15px;
		text-decoration:none;
		background:url(../assets/images/buttons/arrowbackov.gif) top left no-repeat;
		margin:0px 0px 0px 89px;
	}
	
	#arrowback a{
		width:12px;
		height:15px;
		display:block;
		text-decoration:none;
		background:none;
	}
	
	#arrowback a:hover img{
		visibility:hidden;
	}

/* --------------------- COMMON BUTTONS END --------------------- */



/* --------------------- 6. POPUP --------------------- */

	#popup img{
		border:2px solid #fff;
	}

/* --------------------- POPUP ENDS --------------------- */	



/* --------------------- 7. ADMIN --------------------- */

	#admin{

	}

/* --------------------- ADMIN ENDS --------------------- */



/* --------------------- 8. LOGIN --------------------- */

	#login{
		width:114px;
		margin:0;
		padding:20px 0px 0px 0px;
		font-size:10px;
	}

	#login p{
		margin:0px 0px 5px 0px;
	}

	.loginfield{
		font-size:10px;
		color:#369;
		margin-top:2px;
		background-color:#9ab4cf;
		border:1px solid #fff;
		width:80px;
	}

	.loginbutton{
		font-size:10px;
		color:#369;
		border:1px solid #369;
		width:80px;
		padding:0;
	}

	#login a{text-decoration:none;}
	#login a:link{color:#fff;text-decoration:none;}
	#login a:visited{color:#fff;text-decoration:none;}
	#login a:hover{color:#369;background-color:#fff;font-weight:bold;}
	#login a:active{color:#369;background-color:#fff;font-weight:bold;}
	
	.errormsg{
		text-align:left;
		font-size:8px;
		color:#FF0000;
	}
	
	#errorcentered{
		text-align:center;
	}
	
	#useraccount p{
		padding:10px 0px 0px 15px;
	}
	
	#useraccount table{
		padding:10px 0px 0px 15px;
	}
	
	#useraccount a{text-decoration:none;}
	#useraccount a:link{color:#fff; text-decoration:none;}
	#useraccount a:visited{color:#fff; text-decoration:none;}
	#useraccount a:hover{color:#369; background-color:#fff; font-weight:bold;}
	#useraccount a:active{color:#369; background-color:#fff; font-weight:bold;}
	
	#profilebutton{
		white-space:nowrap;
		display:block;
		width:130px;
		height:30px;
		text-decoration:none;
		background:url(../assets/images/buttons/profileov.gif) top left no-repeat;
		margin:10px 0px 0px 10px;
		padding:0;
		float:left;
	}
		
	#profilebutton a{
		width:130px;
		height:30px;
		display:block;
		text-decoration:none;
		background:none;
	}
		
	#profilebutton a:hover img{
		visibility:hidden;
	}

/* --------------------- LOGIN ENDS --------------------- */



/* --------------------- 9. MENU --------------------- */

	dl, dt, dd, ul, li{
		margin:0;
		padding:0;
		list-style-type:none;
	}

	#menu{
		padding:0px 0px 0px 10px;
	}

	#menu a{text-decoration:none;}
	#menu a:link{color:#fff;}
	#menu a:visited{color:#fff;}
	#menu a:hover{color:#369; letter-spacing:1px; background-color:#fff;}
	#menu a:active{color:#369; letter-spacing:1px; background-color:#fff;}

	dl#menu{
		width:110px;
	}

	dl#menu dt{
		cursor:pointer;
		margin:10px 0px 10px 0px;
		font-weight:bold;
	}

	dl#menu dd{
	}

	dl#menu li{
		margin:10px 0px 10px 20px;
		font-size:10px;
	}

	dl#menu li a, dl#menu dt a{
		text-decoration:none;
		display:block;
		height:100%;
		padding:0px 0px 0px 5px;
	}

	dl#menu li a:hover, dl#menu dt a:hover{
		background-color:#fff;
		color:#369;
	}

	.showmenu{
		display:block;
	}
	
	.hidemenu{
		display:none;
	}

	.selected{
		color:#369;		
		border-top:1px solid #fff;
		border-left:1px solid #fff;
		border-bottom:1px solid #fff;
	}
	
	#labSub, #crewSub{
		font-weight:500;
		color:#fff;
		font-size:10px;
	}
	
	.showmenu{
		display:block;
	}
	
	.hidemenu{
		display:none;
	}
	
	
	.selected{
		color:#369;		
		border-top:1px solid #fff;
		border-left:1px solid #fff;
		border-bottom:1px solid #fff;
		}

/* --------------------- MENU ENDS --------------------- */



/* --------------------- 10. NEWZ --------------------- */
	#newz{
		height:200px;
		width:100px;
		border:1px solid #fff;
		text-align:left;
		float:left;
		margin:5px 0px 0px 3px;
	}
 
 	#newz h2{
		font-size:10px;
	}
  
	#newz p{
		font-size:9px;
		margin:0px 0px 0px 5px;
	}

	#newztitle{
		height:20px;
		background-color:#fff;
	}
	
	#newztitle h1{
		color:#369;
		text-align:center;
	}

	#newztxt{
		 padding:0px 4px 0px 4px;
		 height:180px;
	}


/* --------------------- NEWZ ENDS --------------------- */



/* --------------------- 11. HOME PAGE --------------------- */

		
	html>body>#container>#contentcenter> #textleft{
		margin:10px 0px 0px 15px;
	}
	

	#newzbox{
		width:338px;
		height:365px;
		border:1px solid #fff;
		margin:10px 0px 10px 10px;
		padding:10px 0px 10px 0px;
		float:left;
		font-size:11px;
	}
	#naners{
	background:#369 url(../assets/images/titles/newztitle.gif) no-repeat;
	width:338px;
	height:30px;
	float:left;
	}
	
	#naters{
	width:338px;
	height:161px;
	margin:-11px 0px 0px 0px;
	overflow:auto;
	float:left;
	}
	
	.newzitem{
	width:274px;
	height:auto;
	border-bottom:1px dotted #fff;
	margin:10px 20px 0px 20px;
	padding:5px 0px 5px 0px;
	float:left;
	}
	
	.newzitem p{
	font-size:10px;
	}
	
	.newzitem h3{
	text-align:right;
	margin:-10px 0px 0px 0px;
	}
	
	
	
	#bannerbox{
		width:436px;
		height:90px;
		border:1px solid #fff;
		margin:0px 0px 10px 10px;
		padding:0;
		float:left;
	}
	
	#son{
		white-space:nowrap;
		display:block;
		width:150px;
		height:30px;
		padding:0;
		text-decoration:none;
		border:1px solid #fff;
		background:url(../assets/images/buttons/soundzov.gif) top left no-repeat;
		margin:30px 0px 30px 40px;
	}
		
	#son a{
		width:150px;
		height:30px;
		display:block;
		text-decoration:none;
		background:none;
		}
		
	#son a:hover img
		{
		visibility:hidden;
	}

	#picdates{
		white-space:nowrap;
		display:block;
		width:90px;
		height:90px;
		text-decoration:none;
		border:1px solid #fff;
		float:left;
		margin:10px 0px 0px 6px;
		background:url(../assets/images/buttons/picdatesov.jpg) top left no-repeat;
	}
	
	#picdates a{
		width:90px;
		height:90px;
		display:block;
		text-decoration:none;
		background:none;
	}
	
	#picdates a:hover img{
		visibility:hidden;
	}
	

	#picprod{
		white-space:nowrap;
		display:block;
		width:90px;
		height:90px;
		text-decoration:none;
		border:1px solid #fff;
		float:left;
		margin:6px 0px 0px 6px;
		background:url(../assets/images/buttons/picprodov.jpg) top left no-repeat;
	}	
	
	#picprod a{
		width:90px;
		height:90px;
		display:block;
		text-decoration:none;
		background:none;
	}
	
	#picprod a:hover img{
		visibility:hidden;
	}
	
	#picsets{
		white-space:nowrap;
		display:block;
		width:90px;
		height:90px;
		text-decoration:none;
		border:1px solid #fff;
		float:left;
		margin:7px 0px 0px 6px;
		background:url(../assets/images/buttons/picsetsov.jpg) top left no-repeat;
	}
	
	#picsets a{
		width:90px;
		height:90px;
		display:block;
		text-decoration:none;
		background:none;
	}
	
	#picsets a:hover img{
		visibility:hidden;
	}
	
	#picgal{
		white-space:nowrap;
		display:block;
		width:90px;
		height:90px;
		text-decoration:none;
		border:1px solid #fff;
		float:left;
		margin:6px 0px 0px 6px;
		background:url(../assets/images/buttons/picgalov.jpg) top left no-repeat;
	}
	
	#picgal a{
		width:90px;
		height:90px;
		display:block;
		text-decoration:none;
		background:none;
	}
	
	#picgal a:hover img{
		visibility:hidden;
	}
	
/* --------------------- HOME PAGE ENDS --------------------- */



/* --------------------- 12. CONTACT PAGE --------------------- */

	.contacttext{
		margin:0px 0px 0px 10px;
	}

/* --------------------- CONTACT PAGE ENDS --------------------- */



/* --------------------- 13. PLAYER PAGE --------------------- */

	#middleplayer{
		text-align:center;
		height:320px;
	}

/* --------------------- PLAYER PAGE ENDS --------------------- */



/* --------------------- 14. PRODUCTION PAGE --------------------- */

	.prodtext{
		font-size:12px;
		margin:10px 0px 10px 0px;
		border-top:1px dotted #fff;
		border-bottom:1px dotted #fff;
		padding:10px 0px 10px 0px;
		margin:0px 0px 20px 0px;
	}
					
	#middleprod{
		text-align:center;
		height:232px;
		overflow:auto;
	}
			
/* --------------------- PRODUCTION PAGE ENDS --------------------- */



/* --------------------- 15. LINKS PAGE --------------------- */

	#links{
		text-align:center;
		height:463px;
		overflow:auto;
	}

	.links{
		width:auto;
		height:auto;
		margin:5px 0px 0px 10px;
	}
	
	a:link .linkborder, a:visited .linkborder{margin:1px 1px 1px 1px; border:1px solid #fff; }
	a:hover .linkborder, a:active .linkborder{margin:0; border:2px solid #9ab4cf;}

/* --------------------- LINKS PAGE ENDS --------------------- */



/* --------------------- 16. CREW PAGE --------------------- */

	.djpic{
		width:60px;
		height:60px;
		float:left;
		margin:9px 0px 0px 10px;
	}
	
	#djnames{
		width:220px;
		text-align:center;
		font-weight:bold;
	}
	
/* --------------------- CREW PAGE ENDS --------------------- */



/* --------------------- 17. DJ DETAILS PAGE --------------------- */

	#facepic{
		width:100px;
		height:100px;
		border:1px solid #fff;
		float:left;
		margin:10px 0px 0px 5px;
	}
		
	html>body>#container>#contentcenter> #facepic{margin:10px 0px 0px 10px;}
		
		#tallpic{
		width:142px;
		height:370px;
		border:1px solid #fff;
		margin:10px 0px 0px 10px;
		float:left;
	}
		
	#widepic{
		width:436px;
		height:100px;
		border:1px solid #fff;
		margin:10px 0px 10px 5px;
		float:left;
	}
		
	html>body>#container>#contentcenter> #widepic{margin:10px 0px 10px 10px;}
		
	#statstext{
		width:170px;
		height:auto;
		border:1px solid #fff;
		margin:10px 0px 0px 10px;
		padding:6px 0px 7px 0px;
		float:left;
	}
		
	#detailstext{
		width:282px;
		height:238px;
		border:1px solid #fff;
		margin:-260px 0px 0px 5px;
		padding:10px 0px 10px 0px;
		overflow:auto;
		float:left;
	}
		
	html>body>#container>#contentcenter> #detailstext{margin:-260px 0px 0px 10px;}
		
	#parameters{
		float:left;
		margin:0px 0px 0px -2px;
	}
		
	#answers{
		margin:0px 0px 0px -2px;
	}
	
	#email{
		width:170px;
		font-size:10px;
		text-align:center;
		padding:0;
	}

/* --------------------- DJ DETAILS PAGE ENDS --------------------- */



/* --------------------- 18. DOWNLOAD PAGE --------------------- */

	#son{
		white-space:nowrap;
		display:block;
		width:150px;
		height:30px;
		padding:0;
		text-decoration:none;
		border:1px solid #fff;
		background:url(../assets/images/buttons/soundzov.gif) top left no-repeat;
		margin:30px 0px 30px 40px;
	}
		
	#son a{
		width:150px;
		height:30px;
		display:block;
		text-decoration:none;
		background:none;
		}
		
	#son a:hover img{
		visibility:hidden;
	}
		
	#gfx{
		white-space:nowrap;
		display:block;
		width:150px;
		height:30px;
		padding:0;
		text-decoration:none;
		border:1px solid #fff;
		background:url(../assets/images/buttons/gfxov.gif) top left no-repeat;
		margin:30px 20px 30px 0px;
		float:right;
	}
		
	html>body>#container>#contentcenter> #gfx{margin:30px 40px 30px 0px;}
		
	#gfx a{
		width:150px;
		height:30px;
		display:block;
		text-decoration:none;
		background:none;
	}
		
	#gfx a:hover img{
		visibility:hidden;
	}
		
/* --------------------- DOWNLOAD PAGE ENDS --------------------- */



/* --------------------- 19. DATES PAGE --------------------- */
		
	.datelink{
		width:92px;
		height:15px;
		margin:0px 10px 5px 0px;
		float:right;
	}
			
	.flyerlink{
		text-align:center;
		width:70px;
		height:15px;
		margin:0px 5px 5px 0px;
		float:right;
	}
			
	.flyernone{
		display:none;
	}
	
	.flyerlink a{text-decoration:none;}
	.flyerlink a:link{color:#fff;text-decoration:none;}
	.flyerlink a:visited{color:#fff;text-decoration:none;}
	.flyerlink a:hover{color:#369;background-color:#fff;font-weight:bold;}
	.flyerlink a:active{color:#369;background-color:#fff;font-weight:bold;}
			
	.datetext{
		font-size:10px;
		margin:15px 0px 0px 10px;
	}
			
	.datetext h3{margin:0px 0px 0px 5px;}
	.datetext h4{margin:0px 0px 5px 5px;}
		
	.flyer{
		padding:0;
		text-align:center;
	}
		
	.flyer img{
		border:1px solid #fff;
	}
		
	#archivebutton{
		white-space:nowrap;
		display:block;
		width:120px;
		height:30px;
		text-decoration:none;
		background:url(../assets/images/buttons/archiveov.gif) top left no-repeat;
		margin:10px 0px 0px 10px;
	}
		
	#archivebutton a{
		width:120px;
		height:30px;
		display:block;
		text-decoration:none;
		background:none;
	}
		
	#archivebutton a:hover img{
		visibility:hidden;
	}
		
	#upcomingbutton{
		white-space:nowrap;
		display:block;
		width:120px;
		height:30px;
		text-decoration:none;
		background:url(../assets/images/buttons/upcomingov.gif) top left no-repeat;
		margin:10px 0px 0px 10px;
	}
		
	#upcomingbutton a{
		width:120px;
		height:30px;
		display:block;
		text-decoration:none;
		background:none;
	}
		
	#upcomingbutton a:hover img{
		visibility:hidden;
	}

		
	* html a:hover{
		visibility:visible;
	}


/* --------------------- DATES PAGE ENDS --------------------- */



/* --------------------- 20. GALLERY PAGE --------------------- */

	.commentinform{
	font-size:8px;
	color:#fff;
	text-align:center;
	}

	#thumbs{
		width:416px;
		height:auto;
		padding:0px 10px 0px 10px;
		text-align:center;
	}
	
	#thumbs div img{
		display:block;
		margin:auto;
	}
	
	#thumbs td{
		width:122px;
	}

	a.galthumb span img{
		border:2px solid #fff;
	}

	a.galthumb span{
		display:none;
	}

	a.galthumb:hover{
		background:none; /* correction d'un bug IE */
		z-index:500;
	}

	a.galthumb:hover span{
		display:inline;
		position:absolute;
		bottom:1%;
		right:1%;
		background:#9ab4cf;
		text-align:center;
		padding:5px 5px 5px 5px;
	}

	#galpages{
		margin:10px 10px 5px 0px;
		font-weight:bold;
		text-align:right;
		color:#fff;
	}
	
	#galpages a{text-decoration:none;}
	#galpages a:link{color:#fff;text-decoration:none;}
	#galpages a:visited{color:#fff;text-decoration:none;}
	#galpages a:hover{color:#369;background-color:#fff;font-weight:bold;}
	#galpages a:active{color:#369;background-color:#fff;font-weight:bold;}
	
	#galdates{
		position:absolute;
		display:block !important;
		display:none;
		font-weight:bold;
		text-align:left;
		color:#fff;
		padding:0;
		margin:6px 0px 5px 7px;
		border:none;
	}
	
	#galname{
		font-weight:bold;
	}
	
	#galpage{
		font-weight:bold;
		text-align:center;
	}
	
	#menudates{
		background:#369;
		width:150px;
		list-style-type:none;
		margin:0;
		padding:0;
		border:none;
	}
	
	#menudates li{
		float:left;
		width:150px;
		margin:0;
		padding:0;
		border:none;
	}
	
	#menudates li a:link, #menudates li a:visited{
		display:block;
		height:auto;
		color:#fff;
		background:#369;
		margin:0;
		padding:4px 8px;
		text-decoration:none;
	}

	#menudates li a:hover{color:#fff; background:#369;}
	#menudates li a:active{color:#fff; background:#369;}

	#menudates .sousMenu{
		display:none;
		list-style-type:none;
		margin:0;
		padding:0;
		border:none;
	}

	#menudates .sousMenu li{
		display:block;
		float:none;
		margin:0;
		padding:0;
		border:none;
		width:300px;
		background-color:#9ab4cf;
		border-bottom:1px solid #fff;
		border-right:1px solid #fff;
	}
	
	#menudates .sousMenu li a:link, #menudates .sousMenu li a:visited{
		color:#fff;
		margin:0;
		border:none;
		text-decoration:none;
		background-color:#9ab4cf;
		/* background:transparent url(../assets/images/menugrey.png) repeat; */
	}

	#menudates .sousMenu li a:hover{
		color:#369;
		background-image:none;
		background-color:#fff;
	}

	#menudates li:hover > .sousMenu{display:block;}

/*
html>body>#container>#contentcenter>#galdates>#menudates .sousMenu li a:hover{display:block;}
*/


	.galdatesIE{
		display:none !important;
		display:block;
		position:absolute;
		font-weight:bold;
		text-align:left;
		color:#fff;
		margin:6px 0px 5px 12px;
		padding:0;
	}

	a.menudatesIE, a.menudatesIE:link, a.menudatesIE:visited, a.menudatesIE:active{
		width:180px;
		height:18px;
		display:block;
		float:left;
		text-decoration:none;
		line-height:18px;
		overflow:hidden;
		color:#fff;
	}

	a.menudatesIE:hover{
		background-color:#369;
		color:#fff;
		overflow:visible;
	}
		

	a.menudatesIE:hover table{
		background-color:#9ab4cf;
		color:#fff;
		display:block;
		border-collapse:collapse;
	}

	a.sousMenuIE, a.sousMenuIE:link, a.sousMenuIE:visited, a.sousMenuIE:active{
		display:block;
		width:300px;
		text-decoration:none;
		color:#fff;
		background-color:#9ab4cf;
		border-bottom:1px solid #fff;
		padding:0px 0px 0px 10px;
	}

	a.sousMenuIE:hover{
		background-color:#fff;
		color:#369;
	}
	
	#menudatesbox{
		border:1px solid #fff;
		background-color:#9ab4cf;
		width:322px !important;
		width:auto;
		height:144px !important;
		height:140px;
		overflow:auto;
		margin:0px 0px 0px 10px !important;
		margin:0;
		/*direction:rtl; ASCENSCEUR A GAUCHE */
	}
	
/* --------------------- GALLERY PAGE ENDS --------------------- */



/* --------------------- 21. COMMENT PAGE --------------------- */

	#commentsbox a{text-decoration:none;}
	#commentsbox a:link{color:#fff; text-decoration:none;}
	#commentsbox a:visited{color:#fff; text-decoration:none;}
	#commentsbox a:hover{color:#369; background-color:#fff; font-weight:bold;}
	#commentsbox a:active{color:#369; background-color:#fff; font-weight:bold;}

	#commentimg{
		text-align:center;
	}
	
	#commentimg img{
		border:1px solid #fff;
	}
	
	#commentmenu{
		margin:10px 10px 0px 10px;
		padding:5px 5px 5px 5px;
		float:right;
	}
	
	#commentmenu a:link, #commentmenu a:visited{background-color:#9ab4cf; margin:0; border:0px solid #fff; }
	#commentmenu a:hover, #commentmenu a:active{background-color:#9ab4cf; margin:0; border:0px solid #9ab4cf;}
	
	.commenttitles{
		color:#369;
		margin:10px 10px 0px 10px;
		padding:5px 5px 5px 5px;
		background-color:#9ab4cf;
		border-top:1px dotted #fff;
		border-right:1px dotted #fff;
		border-left:1px dotted #fff;
	}
		
	.commentmsgs{
		margin:0px 10px 0px 10px;
		padding:5px 5px 5px 5px;
		border-right:1px dotted #fff;
		border-bottom:1px dotted #fff;
		border-left:1px dotted #fff;
	}
	
	#nocomments{
		margin:10px 10px 0px 10px;
		padding:5px 5px 5px 5px;
		border:1px dotted #fff;
	}
	
	#commentform table{
		padding:10px 0px 0px 15px;
	}
	
	#commentbutton{
		white-space:nowrap;
		display:block;
		width:130px;
		height:30px;
		text-decoration:none;
		background:url(../assets/images/buttons/commentov.gif) top left no-repeat;
		margin:0;
		padding:0;
		float:left;
	}
		
	#commentbutton a{
		width:130px;
		height:30px;
		display:block;
		text-decoration:none;
		background:none;
	}
		
	#commentbutton a:hover img{
		visibility:hidden;
	}
	
	/* -------------------- COMMENT PAGE ENDS -------------------- */