html,body{
margin: 0;
padding:0;
}

body{
	font-family: arial,sans-serif;
	font-size: 80%;
	text-align: center;
	background: #000000;
}


iframe{ border: none;}

.outer-container {min-width:990px;background-image:url('http://users.atw.hu/lordsofdestiny/talentcal/ss39.jpg');background-repeat:no-repeat;background-attachment: fixed; background-position:50% 0;width:100%;min-height:800px;}


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


div#container{
	width: 1000px;
	margin: 0 auto;
	padding:0;
	border:1px solid silver;
	border-top:0;
background: url("http://www.wowarmory.com/_images/theme/wrath/module.png") repeat;
margin-bottom: 50px;

}

div#container2{
	text-align: left;
	padding:0;
	margin:0;

	
}

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

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

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

div#content{
	margin: 0;
	padding: 0;
	min-height: 600px;
	_height: 650px;
	margin-right: 125px;
	border-right: 1px solid silver;
	color: White;
	padding:30px;
	padding-left:20px;
padding-right:0;
}

div#footer{
	clear: both;
	text-align: center;
	padding: 20px;
	color: white;
	height: 50px;
	border-top: 1px solid silver;
	border-bottom:1px solid silver;
	font-size: 10px;
}


div#header{
	height: 90px;
	text-align: right;
	padding: 0 0 0 0;
	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;

}

span.icona
{
	padding: 5px;
	padding-left:35px;
	height: 30px;
	width: 30px;	
}

/*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 silver;
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
}

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 silver;
	border-bottom:1px solid silver;
}
ul#nav li:hover ul,ul#nav li.sfhover ul{left: -1px;z-index: 99999}

ul#nav li.no-bg:hover, ul#nav li.no-bg a:hover{
	background: none;
}


.addthis_button {
	margin-top:5px;
}

.payp{
	margin-top:3px;
}

/*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;
}

/* facebook */

#fb-cont{
	margin-left: 520px;

}

#fb-cont-top{
	height:47px;
	margin:0;
	margin-right: 30px;
	padding-bottom:10px;
	border: 1px solid black;
	background: #999999;
}

/* indexmenu */

#indexmenu{
	float:left;
	margin-top:-35px;
		width:350px;
}

/* spotlight*/

.spotlight li{
font-size: 16px;
margin: 0;
padding: 0;
display: block;
list-style-type:none;
}
.spotlight a:link, .spotlight a:visited{
float: left;
	background: url(../images/mainmenu_but.jpg) repeat-x left;

color: #fff;
margin: 5px;
padding: 10px 0 5px 100px;
text-decoration: none;
border: 1px solid #000;
height: 25px;
width: 330px;
text-align: left;
}
.spotlight a:hover, .spotlight a:focus, .spotlight a:active{
color: #ffcc00;
	background: #666666 url(../images/mainmenu_but_h.jpg) repeat-x left;
}

div.videobox{

	right:10px;
	bottom:250px;

}

/* Reusable blue button template */
a.awesomeButton, a.awesomeButton {cursor:pointer; float: right; text-decoration: none !important; color: #FFF !important; background: url('http://users.atw.hu/lordsofdestiny/images/button-blue-left.gif') 0 0 no-repeat; padding: 0 0 0 9px; position:relative; top:-2px}
a.awesomeButton span { text-align:center; background: url('http://users.atw.hu/lordsofdestiny/images/button-right.gif') 100% 0 no-repeat; float: left; display: block; padding: 0px 10px 0 3px; height: 22px; font-weight:bold }
a.awesomeButton div { background: 100% -2px no-repeat; padding: 2px 20px 0 19px; height: 21px }
a.awesomeButton:hover { background-position: 0 100% }
a.awesomeButton:hover span, a.awesomeButton:hover div { background-position: 100% 100% }

table,td{border:0;border-collapse:collapse;padding:0;margin:0}
#globalToolTip{position:absolute;top:0;left:0;display:none;z-index:99999;color:white}
#globalToolTip div{padding:1px 3px; padding: 15px;}
#globalToolTip td.tl,#globalToolTip td.tm,#globalToolTip td.tr,#globalToolTip td.ml,#globalToolTip td.mm,#globalToolTip td.mr,#globalToolTip td.bl,#globalToolTip td.bm,#globalToolTip td.br{height:13px;background-image:url('http://users.atw.hu/lordsofdestiny/images/newtip/tip.png')}
#globalToolTip td.tl em,#globalToolTip td.tr em,#globalToolTip td.bl em,#globalToolTip td.br{height:13px;width:13px;display:block}
#globalToolTip td.tm{background-position:-13px 0}
#globalToolTip td.tr{background-position:100% 0}
#globalToolTip td.ml{background-position:0 -13px}
#globalToolTip td.mm{background-position:-13px -13px}
#globalToolTip td.mr{background-position:100% -13px}
#globalToolTip td.bl{background-position:0 100%}
#globalToolTip td.bm{background-position:-13px 100%}
#globalToolTip td.br{background-position:100% 100%}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
	/*display:none;*/
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:9999;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
margin:100px;
}