@import 'reset.css';

/** global styles **/

/* defining font family for all elements */
body, input, select, option, textarea, input {
	font-family: 'Trebuchet MS', Helvetica, sans !important;
}

table tr td {
	vertical-align: top;
}

body {
	color: #fff;
	font-size: 62.5%; /* 1em = 10px - ref: http://www.maratz.com/blog/archives/2005/10/21/typetesters-base-font-size/ */
}

textarea {
	font-size: 10px;
}
input, select {
	font-size: 1em;
}

a {
	color: #fff;
	text-decoration: none;
}
a:hover {
}

body {
	background-color: #212492;
	background-image: url(/common/images/bg-body-hannahmontana.gif);
	background-position: center 0;
	background-repeat: repeat-x;
}

div#wrapper {
	background-image: url(/common/images/bg-wrapper-hannahmontana.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	position: relative;
	width: 1003px;
	z-index: 1;
}
	div#wrapper div.content {
		height: 670px;
	}

div.menualto {
	position: absolute;
	z-index: 80;
}
	div.menualto ul {
	}
		div.menualto ul li {
			padding-top: 3px;
			font-size: 1.2em;
			font-weight: bold;
		}
			div.menualto ul li a {
				background-image: url(/common/images/bg-cuore-hannah.gif);
				background-position: 5px 1px;
				background-repeat: no-repeat;
				color: #E0119D;
				float: left;
				padding-left: 28px;
				padding-top: 13px;
				text-transform: uppercase;
			}
			div.menualto ul li a.selected {
				background-image: url(/common/images/bg-cuore-hannah.gif);
				color: #E0119D;
			}

div#menualtosx {
	left: 0;
}
	div#menualtosx ul {
	}
		div#menualtosx ul li {
			float: left;
		}

div#menualtodx {
	right: 0;
}
	div#menualtodx ul {
		float: right;
	}
		div#menualtodx ul li {
			float: right;
		}

div#ddlCountryContainer img.flags {
	vertical-align:middle;
	border:none 0px;
}

div#menu {
	height: 190px;
	left: 5px;
	position: absolute;
	top: 215px;
	width: 290px;
	z-index: 80;
}
	div#menu ul {
		margin-top: 0px;
	}
		div#menu ul li {
			overflow: hidden;
		}
			div#menu ul li a {
				background-image: none;
				background-repeat: no-repeat;
				color: #000;
				display: block;
				font-size: 1.25em;
				font-weight: bold;
				overflow: hidden;
				padding-bottom: 5px;
				padding-top: 5px;
				text-align: center;
				text-transform: uppercase;
			}
				div#menu ul li a span {
				}
		div#menu ul li.selected {
			background-image: url(/common/images/bg-li-menuhannah-selected.png);
			background-position: center 0;
			background-repeat: no-repeat;
		}
			div#menu ul li.selected a {
				color: #fff;
				padding-bottom: 7px;
				padding-top: 5px;
			}
			
div#contenuto {
	height: 620px;
	position: absolute;
	width: 1003px;
	z-index: 40;
}
		
div#footer {
	text-align: center;
	margin-top: 0px;
}
	div#footer ul {
		margin-bottom: 20px;
	}
		div#footer ul li {
			display: inline;
			font-size: 1.1em;
		}
			div#footer ul li span {
				border-right: solid 1px #fff;
				color: #fff;
				line-height: 1.3em;
				padding-left: 12px;
				padding-right: 17px;
			}
			div#footer ul li.last span {
				border: 0;
			}

/*** div espansioni ***/
div#menuEspansioni {
	float: right;
	height: 40px;
	width: 140px;
	margin-right: 2px;
	position: relative;
}
/*** div lingue ***/
div#menuLanguagesMpElectronic {
	float: right;
	height: 40px;
	width: 140px;
	margin-right: 2px;
	position: relative;
}
div#menuEspansioni .ddlItemsMain,
div#menuLanguagesMpElectronic .ddl-languages-main {
	width: 101px;
	border: solid 1px #DD119B;
	color: #FFFFFF;
	background-color: #000000;
	text-align: right;
	font-size: 1.1em;
	padding-left: 2px;
	margin-top: 10px;
	cursor: pointer;
	float: right;
	z-index: 400;
}
div#menuEspansioni .ddlEspansioniContainer,
div#menuLanguagesMpElectronic .ddl-languages-container {
	position: absolute;
	width: 103px;
	right: 0px;
	top: 22px;
	margin-top: 10px;
	display: none;
	background: #000000;
	z-index: 400;
	border: solid 1px #DD119B;
}
div#menuEspansioni .ddlEspansioniContainer .items {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
	color: #FFFFFF;
	line-height: 1.5em;
	font-size: 1.1em;
}
div#menuLanguagesMpElectronic .ddl-languages-container .items {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
	color: #FFFFFF;
	font-size: 1.1em;
}
div#menuEspansioni .ddlEspansioniContainer .items a,
div#menuEspansioni .ddlEspansioniContainer .items a:visited,
div#menuLanguagesMpElectronic .ddl-languages-container .items a,
div#menuLanguagesMpElectronic .ddl-languages-container .items a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
div#menuEspansioni .ddlEspansioniContainer .items a:hover,
div#menuLanguagesMpElectronic .ddl-languages-container .items a:hover {
	color: #DD119B;
	text-decoration: none;
}
div#menuEspansioni .flag-item,
div#menuLanguagesMpElectronic .flag-item {
	float: right;
	margin-top: 10px;
}

span#noflash {
	left: 250px;
	position: absolute;
	top: 350px;
	z-index: 90;
}

.cssMouseTrail,
div#mouseTrail {
    display: none;
    position: absolute;
    z-index: 999;
}
		    
a.home {
	display: block;
	position: absolute;
	top: 30px;
	left: 400px;
	z-index: 90;
}
	a.home img {
		height: 80px;
		width: 200px;
	}



/* ############################# nuovo menu ############################# */
	div#wrapper ul.menualto {
		font-family: 'Trebuchet MS', Helvetica, sans !important;
		list-style-type: none;
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: absolute;
		top: 0;
		width: 500px;
		z-index: 99;
	}
	div#wrapper ul.menualto.left {
		left: 0;
	}
	div#wrapper ul.menualto.right {
		right: 0;
	}
		div#wrapper ul.menualto li {
			background-repeat: no-repeat;
			display: inline-block;
			height: 100% !important;
			margin: 0;
			padding: 0;
			position: relative;
			text-align: left;
		}
		div#wrapper ul.menualto.left li {
			float: left;
		}
		div#wrapper ul.menualto.right li {
			float: right;
		}
		div#wrapper ul.menualto li a {
			display: inline-block;
			text-decoration: none;
		}
		div#wrapper ul.menualto li a.selected {
			text-decoration: none;
		}
	/* secondo livello drop down */
	div#wrapper ul.menualto li ul {
		position: relative;
		top: -5px;
	}
		div#wrapper ul.menualto li ul li {
			background-position: left top;
			background-repeat: repeat-y;
			clear: both;
			float: none;
			text-align: left;
			width: 100% !important;
		}
			div#wrapper ul.menualto li ul li a {
				font-size: 1.3em;
				padding-top: 3px;
			}
			div#wrapper ul.menualto li ul li a:hover {
				color: #EC047B;
			}
			div#wrapper ul.menualto li ul li img.flag {
				vertical-align:middle;
				margin-left: 15px;
			}
			div#wrapper ul.menualto li ul li img.cuore {
				vertical-align:middle;
				margin-left: 15px;
			}
		div#wrapper ul.menualto li ul li.last {
			background-color: transparent;
			background-position: left bottom;
			background-repeat: no-repeat;
			min-height: 20px;
			top: -1px;
		}
		div#wrapper ul.menualto li ul#expansion li {
			background-image: url(/common/images/bg-ulliespansioni.png);
		}
		div#wrapper ul.menualto li ul#expansion li a {
			padding-top: 5px;
		}
		div#wrapper ul.menualto li ul#expansion li.last {
			background-image: url(/common/images/bg-ulliespansionilast.png);
		}
		div#wrapper ul.menualto li ul#expansion li.last a {
			margin-bottom: 10px;
			padding-bottom: 3px;
		}
		div#wrapper ul.menualto li ul#languages li {
			background-image: url(/common/images/bg-ullilanguages.png);
		}
		div#wrapper ul.menualto li ul#languages li.last {
			background-image: url(/common/images/bg-ullilanguageslast.png);
		}
		div#wrapper ul.menualto li ul#languages li.last a {
			margin-bottom: 10px;
			padding-bottom: 3px;
		}
	div#wrapper ul.menualto li.cssdropdown ul {
		display: none;
	}
	div#wrapper ul.menualto li.cssdropdown:hover ul {
		display: block;
	}

/* ### Avatar ### */
div.creaAvatarOverlay {
	margin:auto;
	height:438px;
	width:285px;
	position: relative;
}
	div.creaAvatarOverlay div.avatar a#downloadlink {
		bottom: 30px;
		position: absolute;
		right: 15px;
		visibility: hidden;
	}
		div.creaAvatarOverlay div.avatar a#downloadlink img {
			border: 0;
		}
		div.creaAvatarOverlay div.avatar img#avatarPreview {
			border: solid 1px #E10177;
			bottom: 30px;
			left: 20px;
			position: absolute;
			visibility: hidden;
		}