/****************************/
/*          BUTTONS         */
/****************************/

	.nav {clear:both;margin-bottom: 1em;}

	.nav div.button {
		float: left;
		display: inline;
		margin: 0 1px;	
		text-align: left;	
	}

	.nav div.button .borders {
		float: left;
	}

	.nav div.button .main {
		background: url(/images/nav/blue_loop.gif) repeat-x 0 0;
		height: 32px;
		padding: 0 2px 0 1px;
		float: left;
		font-family: Tahoma;
		font-size:15px;
		color:white;
		vertical-align:middle;
		line-height: 30px;
		cursor: pointer;
		vertical-align:middle;
	}

	.nav div.orange .main {
		background: url(/images/nav/orange_loop.gif) repeat-x 0 0;
	}
	
	.nav div.red .main {
		background: url(/images/nav/red_loop.gif) repeat-x 0 0;
	}	
	
	
	.nav div.button .main a {
		color: white; 
		text-decoration: none;
	}
	
	.nav div.button .main a img {
		margin-top:8px;
	}
	
	
	/************ Mini ***********/
	
	.nav.mini div.button {margin: 0;}
	
	.nav.mini div.button .main div {background: transparent url(/images/nav/border.gif) no-repeat 100% 2px;margin:0; padding:0 7px;}
	.nav.mini div.button .main {margin:0; padding:0;}

	.nav.mini div.button .main.f div {
		padding:0 7px 0 0;
		background: transparent url(/images/nav/border.gif) no-repeat 100% 2px;
	}

	.nav.mini div.button .main.e div {		
		padding: 0 0 0 7px;
		background: none;
	}
    
    .nav.mini a {
        margin: 0 2px;
        float: left;
    }

	

/****************************/
/*           MENUS          */
/****************************/


	.nav .submenu {
		position: absolute;
		z-index: 1000;
		float:left;
		background-color: #2c58a1;
		margin-top: 32px;
		color: white;
		white-space: nowrap;
		visibility: hidden;
		/*display:inline; */
		width: auto;
		margin-left:0;
	}

	.nav .novis {
		visibility: visible;
		display: none;
		float: default
		margin-top:0px;
		margin-left: 0px;
		margin-right: -17px;
	}
	.nav .iehack {
		//margin-left:expression('-'+(this.parentNode.offsetWidth)+'px');
	}

	#artist_hint {margin-right: -17px;}
	html:root .nav .novis {margin-right: 0;}
	html:root #artist_hint {margin-right: 0;}


	.nav div.orange .submenu {background-color: #da8806;}	
	.nav div.red .submenu {background-color: #b30407;}
	.nav div.aqua .submenu {background-color: #77a0ab;}

	.nav .submenu .head div div {
		background: url(/images/nav/crn_tl.gif) no-repeat 0 0;
	}

	.nav .submenu .head {
		background: url(/images/nav/gray.gif) repeat-x 0 0;
	}

	.nav .submenu .head div {
		background: url(/images/nav/crn_tr.gif) no-repeat 100% 0;
	}


	.nav .submenu .foot div div {
		background: url(/images/nav/crn_bl.gif) no-repeat 0 0;
	}

	.nav .submenu .foot {
		background: url(/images/nav/gray.gif) repeat-x 0 100%;
	}

	.nav .submenu .foot div {
		background: url(/images/nav/crn_br.gif) no-repeat 100% 0;
	}

	.nav .submenu .body {
		border-left: 1px solid black;
		border-right: 1px solid black;
		background: url(/images/nav/back.jpg) no-repeat 100% 100%;
		padding: 3px 0 5px;
		
	}

	/* Orange panel hacks */
	.nav div.orange .submenu .head div div {background-image: url(/images/nav/crn_tl_o.gif);}
	.nav div.orange .submenu .head div {background-image: url(/images/nav/crn_tr_o.gif);}
	.nav div.orange .submenu .foot div div {background-image: url(/images/nav/crn_bl_o.gif);}
	.nav div.orange .submenu .foot div {background-image: url(/images/nav/crn_br_o.gif);}
	.nav div.orange .submenu .body {background-image: url(/images/nav/back_o.jpg);}
	
	
	/* Red panel hacks */
	.nav div.red .submenu .head div div {background-image: url(/images/nav/crn_tl_r.gif);}
	.nav div.red .submenu .head div {background-image: url(/images/nav/crn_tr_r.gif);}
	.nav div.red .submenu .foot div div {background-image: url(/images/nav/crn_bl_r.gif);}
	.nav div.red .submenu .foot div {background-image: url(/images/nav/crn_br_r.gif);}
	.nav div.red .submenu .body {background-image: url(/images/nav/back_r.jpg);}	

	
	/* Aqua panel hacks */
	.nav .aqua .submenu .head div div {background-image: url(/images/nav/crn_tl_a.gif);}
	.nav .aqua .submenu .head div {background-image: url(/images/nav/crn_tr_a.gif);}
	.nav .aqua .submenu .foot div div {background-image: url(/images/nav/crn_bl_a.gif);}
	.nav .aqua .submenu .foot div {background-image: url(/images/nav/crn_br_a.gif);}
	.nav .aqua .submenu .body {background-image: url(/images/nav/back_a.jpg);}


	.nav .submenu a, .nav .submenu a:visited  {
		display: block;
		color: white;
		text-decoration: none;
		font-family: Georgia;
		font-size:16px;
		padding: 1px 8px;
		cursor: pointer; /* Οθηδεφ :) */
	}
	


	.nav .submenu a:hover {background-color: #68ACEF; color:white;}
	.nav div.orange .submenu a:hover {background-color: #f5c578;color:white;}
	.nav div.red .submenu a:hover {background-color: #f57878;color:white;}
	.nav .aqua .submenu a:hover {background-color: #B5C9CF;color:white;}
	
	.nav a.now, .nav a.now:hover, a.now:visited {
		cursor: default;
		color: #EFD2A4 ! important;
		background-color: transparent ! important;
	}

.nav .aqua a.now, .nav .aqua a.now:hover, .nav .aqua a.now:visited  {color: #C5E2E9;}
	
		.chng {
			clear: both;
			display: block;
			padding-bottom:7px;
		}
		
		.chng a {
			width: 16px;
			height: 11px;
			display: block;
			margin-left: 4px;
			background: url(/images/altnav/chng_d.gif) no-repeat 0 0;
		}
		
		.chng a:hover {
			background-image: url(/images/altnav/chng.gif);
		}