/*
Progetto Star Trek Federation
Autore originale: Moreno Zolfo
*/



@font-face{
font-family:'federationFont';
src: url('../fonts/Roddenberry.eot') format('eot');
src: url('../fonts/Roddenberry.woff') format("woff");
src: url('../fonts/Roddenberry.woff2') format("woff2");
src: url('../fonts/Roddenberry.ttf') format('truetype');
}

body
{	
	background-color:black;
	color:white;
	height:100%;
}
img{border:0px;}
a
{
	color:white;
	text-decoration:none;
}

a:hover 
{
	color:yellow;
	text-decoration:none;
}



.interfaceLink,.interfaceLinkBlue,.interfaceLinkRed,.interfaceLinkGreen
{
	
	font-size:13px;
	font-weight:bold;
	font-family:Helvetica;
}
.interfaceLink{color:#fffbe8;}
a.interfaceLink:hover{color:orange;}

.interfaceLinkBlue{color:#0077c3;}
a.interfaceLinkBlue:hover{color:#5a9bc4;}

.interfaceLinkRed{color:#dc0000;}
a.interfaceLinkRed:hover{color:#eb5d5d;}

.interfaceLinkGreen{color:#06a211;}
a.interfaceLinkGreen:hover{color:#59cd61;}


.transpBkg
{
	background-color:rgba(60,60,60);
	background-color:rgba(60,60,60,0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F3C3C3C,endColorstr=#7F3C3C3C);
	margin-left:10px;
	width:300px;
	float:left;
	border:1px solid #444;
}

.title
{
font-family: 'BebasNeueRegular',Arial,Helvetica,sans-serif;
font-size: 29px;
margin:0px;
margin-bottom:10px;
margin-left:60px;
text-align: left;
text-shadow: 0 0 5px #00C6FF;
font-weight:bold;
}



.opacityBack
{
background-color:rgba(0,0,0);
background-color:rgba(0,0,0,0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
}

.innerMargins
{
	margin-left:40px;
	margin-right:40px;
}

#mapDiv1, #mapDiv2, #mapDiv3
{
	margin-left:-570px;
	margin-top:-307.5px;
	position:absolute;
	top:50%;
	left:50%;
	width:1150px;
	height:625px;
	z-index:1;
}

#mapDiv2, #mapDiv3{display:none;}

#reminderAvatar
{
width:100px;
height:130px;
top:180px;

}

#reminderST
{
width:100px;

top:150px;
font-size:13px;
font-family:helvetica;
font-weight:bold;
text-align:center;
}




input, select, textarea, button
{
	color:#999;
	
	border:1px solid #999;
	background-color:black;
    font-family: Helvetica;
    font-size: 12px;
    padding: 1px;
}

textarea {font-size:12px;}
input:focus, select:focus, textarea:focus, button:focus
{
	color:white;
	border:1px solid white;
}

input:hover, select:hover, textarea:hover, button:hover
{
	color:white;
	border:1px solid white;
}


input[type=text].neon{ 
	border:0px;
	border-bottom:1px solid #666;
	padding:5px 3px;
}

input[type=text].neon:hover, input[type=text].neon:active, input[type=text].neon:focus{ 
	border-color:red;
	outline: none;
}
select.neon{border:0px; border-bottom:1px solid #0f2b4b; font-size:14px;}
select.neon:hover,select.neon:focus,select.neon:active {border:0px; border-bottom:1px solid red;}



.radiusBordered
{
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
	border-radius:20px;
	behavior: url(border-radius.htc);
}

.radiusBordered35
{
	-moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    -khtml-border-radius: 35px;
	border-radius:35px;
}
.radiusBordered12
{
	-moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
	border-radius:12px;
}

.radiusBordered5
{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
	border-radius:5px;
}
.blueshadow
{ box-shadow:rgba(19,52,92,0.4) 5px 5px 0 5px inset;
}

input.searchField
{
width:450px;
padding:7px;
font-size:16px;
font-weight:bold;
}


.overNaviLimitrElement,.overNaviLimitrElementHC
{
	float:left;
	margin-top:20px;
	background-color:black;
	margin-left:30px;
	text-align:center;
	border:1px solid #292929;
	padding:5px;
	position:relative;
}
.overNaviLimitrElement,.overNaviLimitrElementHC
{
	width:250px;
	height:150px;
}
.overNaviLimitrElementHC
{
	width:165px;
	height:115px;
}

.overNaviLimitrElement span, .overNaviLimitrElementHC span{
    display: block;
    /* border: 1px solid #000000; */
    border-radius: 0px 0px 12px 12px;
    background-color: var(--custom_section_darkcolor, #202e4a);
    position: absolute;
    bottom: -1px;
    left: 2px;
    width: 100%;
    height: 25px;
    font-weight: normal;
    font-family: FederationFont;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.overNaviLimitrElement img, .overNaviLimitrElementHC img {width:100%; border-radius:inherit;}
.overNaviLimitrElement span{font-size: 19px;}
.overNaviLimitrElement span.reducedFont, .overNaviLimitrElementHC span{font-size: 16px;}

.overNaviLimitrElement:hover
{
	
	-moz-box-shadow: 0px 0px 25px var(--custom_section_color, #0099ff);
    -webkit-box-shadow: 0px 0px 25px var(--custom_section_color, #0099ff);
    box-shadow: 0px 0px 25px var(--custom_section_color, #0099ff);

}
.overNaviLimitrElement:hover span
{
	 
    color:white;

}


.subTitler
{
	color:#FFCC00;
	border-top:1px dotted #BBB;
	border-bottom:1px dotted #BBB;
	padding-top:15px; padding-bottom:15px;
	text-align:center;
	font-family:Arial;
	font-size:1.3em;
	width:320px;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	font-variant:small-caps;
	clear:both;
}

.redTitler
{
	color:red;
	border-top:1px solid #BBB;
	border-bottom:1px solid #BBB;
	padding-top:10px; padding-bottom:10px;
	text-align:center;
	font-family:Arial;
	font-size:16px;
	width:320px;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	font-variant:small-caps;
}

/* INTERFACCIA MAIN */
/*****************************************************/

.t1_content{text-align:center; width:100%; font-family:Lato; font-size:20px; line-height:1em; }
.t1_content span.enf{font-family: 'BebasNeueRegular',Arial,Helvetica,sans-serif; text-shadow: 0 0 5px #00C6FF; font-weight:bold;}


#indi_central
{
	background-image:url('../img/interface/index/menu.png');
	width:1037px;
	margin-left:auto;
	height:690px;
	margin-right:auto;
	margin-top:0px;
	background-repeat:no-repeat;
}

.elementButtonSprite
{
	background-position:top center;
	float:left;
}

.elementButtonSprite:hover
{
	background-position:bottom center;
}

div#history p
{
	color:#fffdef;
	line-height:1.1em;
	margin-left:60px;
	margin-right:60px;
	text-align:justify;
}

ul.mainmenu{list-style-type: none;}
.mainmenu li {cursor:pointer;}

li#login{background-image:url('../img/interface/index/login.png');width:98px;height:33px;}
li#contatti{background-image:url('../img/interface/index/contatti.png');width:98px;height:33px;}
li#directory{background-image:url('../img/interface/index/directory.png');width:112px;height:33px;}
li#documentazione{background-image:url('../img/interface/index/documentazione.png');width:158px;height:33px;}
li#gallery{background-image:url('../img/interface/index/gallery.png');width:90px;height:33px;}
li#guida{background-image:url('../img/interface/index/guida.png');width:142px;height:33px;}
li#registrati{background-image:url('../img/interface/index/registrati.png');width:112px;height:33px;}

div#quotation
{
	
	margin-right:75px;
	margin-left:75px;
	text-align:center;
}

div#lastNews{border:1px solid #EEE; position:relative; top:0px; left:0px; width:300px; height:120px; padding:5px;}

#quotation p {font-style:italic;font-size:14px;font-weight:bold;font-family:Helvetica,arial; text-align:center;}

#footer{background-color:rgba(10,10,10,0.7); width:1017px; margin:auto; color:#EEE; font-size:13px; text-align:center; padding-top:20px;}
#footer p{margin:0px; text-align:center;}
#footer div img{margin-left:5px;}


#success,#error{
display:none;
position:absolute;
top:50px;
left:50%;
width:530px;
text-align:center;
margin-left:-265px; 
margin-top:-25px;
border:2px solid #00FF00;
background-color:black;
color:#00FF00;
font-size:20px;
font-weight:bold;
padding:5px;
}

.avviso
{
font-family:Arial;
border-radius:12px;
padding:10px;
display:none;
}
#success,.avvisoG{border:2px solid #00FF00; color:#00FF00;cursor:pointer;}
#error,.avvisoR{border:2px solid red; color:red;}

.xButton{position:absolute; top:2px; right:2px; height:15px; width:15px; background-color:black; text-align:center; cursor:pointer; border:1px solid #AAA; padding:2px;}
.xButton{
	background: #4f0000;
	background: -webkit-gradient(linear, left top, left bottom, from(#050000), to(#4f0000));
	background: -webkit-linear-gradient(top, #050000, #4f0000);
	background: -moz-linear-gradient(top, #050000, #4f0000);
	background: -ms-linear-gradient(top, #050000, #4f0000);
	background: -o-linear-gradient(top, #050000, #4f0000);
   padding: 3px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   vertical-align:middle;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   width:15px;
   height:15px;
}
.xButton:hover{
   background: #000000;
   color: #ccc;
   }

.xButton:after
{
	content: "";
    width: 15px;
    height: 15px;
    background: url("../img/interface/personnelInterface/deleteicon.png");
    background-size:cover;  
    display: inline-block;
}


p.bonus{
		margin-top:5px;
		display:inline-block;
	  	width:70px;
}
p.bonus img{
	width:35px; vertical-align:middle; margin-left:5px; 
}
p.bonus span {
	font-family:federationFont;
	font-size:18px;
	margin-left:5px;
	letter-spacing: 0.1em;
}

p.bonus span.negative{color:red;}
p.bonus span.activated { font-size:20px;}
p.bonus span.positive:before { content:'+'; }