/*stili per il layout fisso con background*/
html,body{
margin: 0;
padding:0;
}



body{
	font-family: arial,sans-serif;
	font-size: 80%;
	text-align: center;
	background: #979797 url(../images/bgmain.gif) fixed;
}

a{
	text-decoration: none;
	color: inherit;
}


div#container{
	width: 800px;
	margin: 0 auto;
	padding:0;
	border: 1px solid black;
	background: #3d3d3d;
}

div#container2{
	text-align: left;
	background: #2F2F2F;
	padding:0;
	margin:0;
	
}

div.piccolo {
	padding: 5px 10px 2px 30px;
	text-align: right;
	background: #2F2F2F;
	margin-right: 125px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	min-height:60px;
	_height: 60px;
}

div.piccolo div{
		float: left;
		color: white;
	   font-size: 15px;
		margin-left: 20px;
		margin-top: 20px;
		/*border: 1px solid black;*/
}
div.menubottom{
	padding: 15px 10px 5px 10px;
	text-align: center;
	color: white;
	background: #2F2F2F;
	margin-right: 125px;
	border-right: 1px solid black;
	border-top: 1px solid black;
	height: 30px;
	font-size: 11px;
}

/*stili specifici per il layout*/
div#extra{
	float: right;
	width: 125px;
}

div#content{
	margin: 0;
	padding: 5px 0 20px 10px;
	min-height: 600px;
	_height: 650px;
	/*text-align: left;*/
	background: #3d3d3d;
	
	border-right: 1px solid black;
	color: White;
}

div#footer{
	clear: both;
	text-align: center;
	padding: 20px 0 0 20px;
	color: white;
	height: 50px;
	border-top: 1px solid black;
	background: #2F2F2F;
	font-size: 10px;
}


div#header{
	height: 90px;
	text-align: right;
	padding: 0 0 0 0;
	background: #2F2F2F;
	background-image: url(../images/logo.jpg);
	background-position: left;
	background-repeat: no-repeat;
}



div#footer a{
color:#fff;
font-weight: bold;
text-decoration: underline;

}

/*stili per la sezione extra*/
div#extra div.newsbox{
font-size: 90%;
width: 125px;

}

.deathknight {
	background: url(../images/classes/deathknights.png) no-repeat left;
	margin-left:5px;
}
.druid {
	background: url(../images/classes/Druids.png) no-repeat left;
	margin-left:5px;
}
.hunter {
	background: url(../images/classes/Hunters.png) no-repeat left;
	margin-left:5px;
}
.mage {
	background: url(../images/classes/Mages.png) no-repeat left;
	margin-left:5px;
}
.paladin {
	background: url(../images/classes/Paladins.png) no-repeat left;
	margin-left:5px;
}
.priest {
	background: url(../images/classes/Priests.png) no-repeat left;
	margin-left:5px;
}
.rogue {
	background: url(../images/classes/Rogues.png) no-repeat left;
	margin-left:5px;
}
.shaman {
	background: url(../images/classes/Shamans.png) no-repeat left;
	margin-left:5px;
}
.warlock {
	background: url(../images/classes/Warlocks.png) no-repeat left;
	margin-left:5px;
}
.warrior {
	background: url(../images/classes/Warriors.png) no-repeat left;
	margin-left:5px;
}



		 	table.tal 		{
	font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif";
	font-size: 8pt;
	line-height: 11pt;
	border: 2px solid #2a2a2a;
	color: white;
	padding: 0;
	width: 190px;
	
}

	table.tal1 		{
	font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif";
	font-size: 8pt;
	line-height: 11pt;
	border: 2px solid #2a2a2a;
	border-top: 0;
	color: white;
	padding: 2px;
	background: black;
}

span.tl{
	font-size: 11px;
}
	   

/*CSS principale per il menu*/
div#navigation {
	margin: 0;
	padding: 0;
	height: 26px;
	text-align: left;
	margin-right: 125px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	background-color: #3d3d3d;
}

ul#nav{font: 70%/1.5 Verdena,Tahoma,sans-serif}
ul#nav,ul#nav li,ul#nav ul,ul#nav ul li{margin:0;padding:0;list-style-type:none;}
ul#nav{height:26px;line-height:25px;margin-left:10px;color: #fff}
ul#nav a{display:block;padding: 0 15px;text-decoration: none; color:#FFF}
ul#nav li{
	float: left;
	position: relative;
}
ul#nav li li{
	float: none;
	line-height: 30px;
	display: block !important;
	display: inline; /*IE*/
	border-top:1px solid white;
	border-bottom:1px solid white;
}
ul#nav ul{position: absolute;top: 23px;left: -9999px;
    width: 150px;background: #fff;color: #2f2f2f}
ul#nav ul{padding: 7px 0;border: 1px solid #2f2f2f}
ul#nav li li a{
	height: 30px;
	padding-left: 35px;
	font-size: 11px;
	padding-top: 2px;
}   /*fix per IE */
ul#nav ul,ul#nav li li a{background-color: #FFF;color: #2f2f2f}
ul#nav li:hover,ul#nav a:hover{
	background-color: #d2691e;
	color: #FFF;
}
ul#nav li li:hover{
	border-top:1px solid black;
	border-bottom:1px solid black;
}
ul#nav li:hover ul,ul#nav li.sfhover ul{left: -1px;z-index: 99999}

ul#nav a.lighter{
	background-color: #800000;
	color: orange;
	
}

ul#nav a.lighter:hover{
	color: black;
background-color: orange;
}

/*Icons*/
.classic {
	background: url(../images/icons/classic.png) no-repeat left;
	margin-left:5px;
}
.tbc {
	background: url(../images/icons/tbc.png) no-repeat left;
	margin-left:5px;
}
.wotlk {
	background: url(../images/icons/wotlk.png) no-repeat left;
	margin-left:5px;
}

/* spotlight*/

.spotlight li{
font-size: 20px;
display: inline;
margin: 0;
padding: 0;
}
.spotlight a:link, .spotlight a:visited{
float: left;
background: #800000;
color: #fff;
margin: 5px;
padding: 40px 0 20px 0;
text-decoration: none;
border: 1px solid #000;
height: 60px;
width: 250px;
 text-align: center;
}
.spotlight a:hover, .spotlight a:focus, .spotlight a:active{
color: #000;
background: gray;
}

div.videobox{

	right:10px;
	bottom:250px;

}




.mySmall 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffffff; font-size: 8pt; line-height: 11pt;}
.mySmallBlack 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #000000; font-size: 8pt; line-height: 11pt;}
.mySmallWhite 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffffff; font-size: 8pt; line-height: 11pt;}
	table 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; font-size: 8pt; line-height: 11pt;}
	
		#rankTopStyle { position: absolute;
			top: 33px;
			left: 28px;
			z-index: 100;
       }	   
	   
		#descriptionTopStyle { position: absolute;
			top: 20px;
			left: 50px;
			z-index: 100;
      }	   	   
	   
		#descriptionTopStyleThird { position: absolute;
			top: 20px;
			left: -350px;
			z-index: 100;
       }	   	   

		#descriptionTopStyleBottom { position: absolute;
			top: -60px;
			left: 50px;
			z-index: 100;
       }
	   
		#descriptionTopStyleThirdBottom { position: absolute;
			top: -60px;
			left: -350px;
			z-index: 100;
       }	   
	   
		#takeUpNoSpace { position: absolute;
			z-index: 100;
       }	   	   
	   
		#wrapper { position: relative;
			z-index: 100;
       }	   

		#talentThumbStyle { position: absolute;
			top: 0px;
       }

		#iconOver { position: absolute;
			top: -2px;
			left: -2px;
       }
	   
		#wrapper99 { position: relative;
			z-index: 99;
       }	   

		#wrapper51 { position: relative;
			z-index: 51;
       }	   	   

		#wrapper49 { position: absolute;
			z-index: 49;
       }	   	 
	   
		#wrapper50 { position: relative;
			z-index: 50;
       }	   

		#arrowdown1 { position: absolute;
			top: -20px;
			left: 11px;
			z-index: 100;
       }	   	   

		#arrowdown2 { position: absolute;
			top: -85px;
			left: 11px;
			z-index: 100;
       }	   	   

		#arrowdown3 { position: absolute;
			top: -150px;
			left: 11px;
			z-index: 100;
       }	   	   	   	   

		#arrowdown4 { position: absolute;
			top: -215px;
			left: 11px;
			z-index: 100;
       }	   	   	   	   
	   
		#arrowacrossright { position: absolute;
			top: 15px;
			left: -20px;
			z-index: 100;
       }
	   
	   	#arrowacrossleft { position: absolute;
			top: 12px;
			left: 39px;
			z-index: 100;
       }   

		#arrowdownleft { position: absolute;
			top: -47px;
			left: 10px;
			z-index: 100;
       }
	   

		#arrowdownright { position: absolute;
			top: -47px;
			left: -20px;
			z-index: 100;
       }

		#tabs { position: absolute;
			top: -14px;
			z-index: 30;
       }	   

		#tabsUp { position: absolute;
			top: -14px;
			z-index: 30;
			}
	   
#iconOverParchment{
position: absolute;
z-index: 100;

}

	#alignLeft{text-align:left;float:left;color:ffffff;}
	#alignRight{text-align:right;float:right;color:ffffff;}
    
    
table { font-size: 12px; }

.treePadding {padding: 0px 10px 0 10px;}
.talenttreename { height:27px; line-height:27px; position: relative; left: -3px;}
.talenttreeicon { width:27px; height:27px; position: relative; left: 4px; }
img.p {behavior: url("/shared/wow-com/includes-client/pngBehavior.htc");}

#replaceMeWithTalents {margin-top:6px; _margin-top:20px;}

.treeName {color: #ffe400; font-weight: bold; font-size: 14px; }
.treeColon {color: #FFFFFF; font-size: 12px;}
.treePoint {color: #FFFFFF; font-size: 12px;}
.treePoints {color: #FFFFFF; font-size: 12px;}

.rankTooltip		{ font-family: "Tahoma", "Arial", "Helvetica", "Sans-Serif"; color: #ffffff; font-size: 11px;}
.mySmall 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffffff; font-size: 11px; line-height: 11pt;}
.mySmall2 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffd100; font-size: 11px; line-height: 11pt;}
.mySmallOff 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffffff; font-size: 11px; line-height: 11pt;}
.mySmall22 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffd100; font-size: 11px; line-height: 11pt;}
.mySmallOff2 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #ffffff; font-size: 11px; line-height: 11pt;}
.mySmallGreen 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #1aff1a; font-size: 11px; position: relative;}
.mySmallGreen2 		{ font-family: "Verdana", "Arial", "Helvetica", "Sans-Serif"; color: #1aff1a; font-size: 11px; position: relative;}

		.arrowdown1 { position: absolute;
			top: -23px;
			left: 11px;
			z-index: 100;
       }	   	   

		.arrowdown2 { position: absolute;
			top: -88px;
			left: 11px;
			z-index: 100;
       }	   	   

		.arrowdown3 { position: absolute;
			top: -155px;
			left: 11px;
			z-index: 100;
       }	   	   	   	   

		.arrowdown4 { position: absolute;
			top: -220px;
			left: 11px;
			z-index: 100;
       }	   	   	   	   
	   
		.arrowacrossright { position: absolute;
			top: 12px;
			left: -20px;
			z-index: 100;
       }   
	   
		.arrowdownleft { position: absolute;
			top: -50px;
			left: 10px;
			z-index: 100;
       }
	   
		.arrowacrossleft { position: absolute;
			top: 10px;
			left: 39px;
			z-index: 100;
       }   

		.arrowdownright { position: absolute;
			top: -50px;
			left: -20px;
			z-index: 100;
       }
	   
	   .arrowdown2right { position: absolute;
			top: -113px;
			left: -20px;
			z-index: 100;
       }	   
	   
		.arrowdown2left { position: absolute;
			top: -113px;
			left: 10px;
			z-index: 100;
       }	   	   
	   
img.tpng { 
	behavior: url("http://www.wow-europe.com/shared/wow-com/includes-client/pngBehavior.htc"); 
}