html {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #fff;
  color: #555;
  height: 100%;
}
div#header {
	background-color: rgb(0, 64, 128);
	height: 30px;
	line-height: 30px;
	font-size: 120%;
	text-align: center;
	font-weight: bold;
	color: #fff;
}
a {
	color: #369;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	text-align: center;
	font-weight: normal;
	color: rgb(61, 85, 179);
	font-size: 14px;	
	text-transform: lowercase;
  background-color: #efefef;
  border: 1px solid #ccc;
  /*margin: 0 0 7px 0;*/
  padding: 2px 7px;
}
h2 {
	text-align: left;
	font-weight: normal;
	color: #666;
	font-size: 100%;	
	border: 1px solid rgb(125, 173, 216);
	padding-bottom: 2px;
	margin-top: 16px;
	background-color: rgb(188, 213, 235);
}

h2 a {
	color: #000;
	text-decoration: none;
	line-height: 11px;
	height: 11px;
	padding:1px 4px 4px 4px;
}
h2 a:hover {
	text-decoration: none;
	background-color: rgb(125, 173, 216);
  color: #fff;
}
h2 a.dcMenuActive {
	background-color: rgb(125, 173, 216);
}

h3 {
  font-weight: normal;
  padding-bottom: 3px;
  border-bottom: 1px solid #edefef;
	font-size: 14px;
}
a img {
	border: none;
}
.push {
	height: 30px;
}
div#divNotifier {
	left: 43%;
	position: fixed;
/*	padding: 3px 5px;
	background-color: rgb(238, 249, 100);*/
	top: 100px;
	height: 18px;
	font-weight: bold;
  
	background-color: rgb(255, 241, 168);
	padding: 5px;
	color: #000;
	line-height: 2em;
	border: 2px solid #888;
  
}
div#waiter {
	left: 50%;
	position: absolute;
	top: 94px;
}
#genericDivPopup {
  z-index: 30;
}
div.divFrm {
	/*margin: 2em 1.5em;*/
	border: 6px solid rgb(125, 173, 216);
  border-radius: 7px;
  box-shadow:10px 10px 20px #000000;
	background-color: #efefef;
	/*min-width: 35%;*/
  width: 75%;
	position: absolute;
  /*right: 0;*/
  top: 98px;
  height: 80%;
  z-index: 50;
  /*overflow: scroll;
	left: 25%;*/
  /*max-height: */
}
div.divFrm form {
	padding: 7px;
}
div.divFrm p.frmMenu {
	border-bottom: 1px solid #888;
	padding: 5px;
	margin: 0;
	height: 14px;
  background-color:rgb(188, 213, 235); 
}
div.divFrm span.frmMenuTitle {
	float: left;
}
div.divFrm p.frmMenu a {
	float: right;
}
div.frmPopupContainer {
  margin: 7px;
}
div#footer {
	/*margin-top: 12px;*/
	background-color: #777;
	color: #eee;
	font-size: 90%;
	height: 30px;
	text-align: center;
	line-height: 30px;
	clear: both;
}
div#footer a {
	color: #eee;
	text-decoration: none;
}
span#mnuLogo1 {
	position: absolute;
	left: 44px;
	top: 50px;
	font-size: 24px;
	text-transform: uppercase;
	color: #888;
}
span#mnuLogo2 {
	position: absolute;
	left: 10px;
	top: 60px;
	font-size: 24px;
	text-transform: uppercase;
	color: rgb(0, 64, 128);
}
#topMenu {
/*	width: 800px;
  margin: 0 auto;*/
  padding: 2px;
  height: 54px;
  text-align: left;  
  background-color: rgb(125, 173, 216);
  border-bottom: 2px solid rgb(61, 85, 179);
}
#topMenu span#logo {
	float: left;
}
#topMenu p {
	margin: 0;
  padding: 0;
	float: right;
	text-align: right;
}
#topMenu p span {
	font-weight: bold;
	color: #fff;
}

#topMenu ul {
  list-style: none;
  float: left;
  margin-top: 3px;
  margin-left: 0;
  padding-left: 0;
  margin-left: 5px;
  line-height: 9px;
  font-size: 10px;
}

#topMenu ul li {
  font-family: "Helvetica Neue", Arial, sans-serif;
  display: inline;
  float: left;
/* font-weight: bold;*/
  margin-right: 9px;
}

#topMenu ul li a {
  display: block;
  padding: 0;
  color: #fee;
  line-height: 100%;
}

#topMenu ul li a:hover {
  text-shadow: none;
  color: #111;
}
#topMenu ul li.liSep {
	border-style: none dotted;
	border-color: #000;
	border-width: 1px;
}

div#content {
	width: 95%;
	margin: 3px auto 30px auto;
  	background: #fff;
}
div#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -30px;
}
label {
	width: 190px;
	float: left;
	text-align: right;
	padding-right: 7px;
	height: 2em;
	line-height: 2em; 
}
input[type="text"], input[type="password"], select, input[type="checkbox"] {
	border: 1px solid #ccc;
	padding: 2px;
	font-size: 100%;
}
.inputDate {
  width: 7em;
  text-align: right;
}
.obbl {
	border-color: #f90 !important;
}
.emptyField {
	border-color: #f00 !important;
}
.spanEsitoInsert {
	color: #f00;
	padding-left: 24px;
}
fieldset {
	background-color: rgb(240, 240, 255);
	border: 1px solid rgb(221, 221, 238);
}
legend {
	background-color: #fff;
	border: 1px solid rgb(221, 221, 238);
	font-weight: bold;
}

form#frmLogin {
	width: 340px;
	margin: 40px auto 0 auto;
}

table {
	border-collapse: collapse;
}
.wcol1 {
  min-width: 52px;
  width: 52px;
}
th {
	padding: 2px 2px;
	border: 1px solid rgb(125, 173, 216);
	background-color: rgb(188, 213, 235);
	color: #000;
}
th.lite {
	font-weight: normal;
}
tr:hover {
	color: #000;
}
tr.updating {
	background-color: rgb(255, 249, 189);
}
td {
	padding: 2px 3px;
	border: 1px solid #ddd;
}
tbody tr:nth-of-type(odd) { background-color: #f8f8f8; }
.tdNumero {
	text-align: right;
}
.inputNumero {
	text-align: right;
  width: 6em;
}
tr#trFilter input {
	width: 96% !important;
	border-color: rgb(188, 213, 235);
}
span#nomeCampionato, span.tipo_fase {
	padding: 5px;
	border: 2px solid rgb(125, 173, 216);
	background-color: rgb(188, 213, 235);
	color: #000;
	font-weight: bold;
}

div.elencoGiocatori {
	position: absolute;
	border: 1px solid #888;
	background-color: #fff;
	max-height: 260px;
	overflow: auto;
	width: 180px;
  border-radius: 3px;
}

div.elencoGiocatori p {
	margin: 0;
	padding: 2px 3px;
}

p.egClose {
	margin: 0;
	padding: 0;
	text-align: right;
}
a.agioc {
  display: block;
  text-decoration: none;
  padding: 1px 2px;
}
a.agioc:hover {
  background-color:mediumblue;
  color: #fff;
}
p.egClose a:hover {
  padding: 1px;
  border: 1px solid;
  display: inline;
}

table#tblClass th {
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: normal;
	border-width: 1px;
}
div.bloccohp {
	width: 75%;
	margin: 0 auto;
}

div.bloccohp h2 {
	text-align: right;
	font-weight: bold;
	color: #666;
	font-size: 100%;
	border-style: none none solid none;	
	border-bottom: 1px solid rgb(125, 173, 216);
	padding-bottom: 2px;
	margin-top: 16px;
	background-color: #fff;
}
div#divFasiFinali {
  min-height: 6em;
}
div.dGirone {
  font-size: 10px;
  border: 1px solid rgb(125, 173, 216);
  float: left;
  width: 18em;
  margin: 1px;
}
div.dGirone a {
  display: block;
}
div.dGirone p {
  margin: 0;
  padding: 0;
}
#divSquadre, #divGironi, #divCampionati, #divFasiFinali {
  border-color: rgb(125, 173, 216);
  border-style: none solid solid solid;
  border-width: 1px;
  font-size: 10px;
 }
#divSquadre p{
  border-bottom: 1px solid #efefef;
}
#divSquadre p span.spnc{
  font-weight: bold;
}
div.dGirone div {
  min-height: 6em;
  margin: 3px;
  padding: 2px;
}
div.dGirone input {
  font-size: 10px;
}
.hover {
	background:#efefef;
	border: dotted 1px #ccc;
}
a.draggable {
	cursor: default;
  padding: 3px;
}
.errorfflog {
  border: 1px solid indianred;
}

div#divHp {
  margin-top: 36px;
  border-top: 1px solid;
}

.share-box {
  margin-top: 12px;
  position: relative;
  float: left;
  top: 0;
  height:30px;
/*  width:215px; height:20px;
  top: 112px;
  left: 770px;
  background:url(images/share.jpg) 0 0 no-repeat;*/
/*  border: 1px solid;*/
}
.share-box #fb { position:relative; border:none; overflow:hidden; width:70px; height:65px; top: 0px; float: left}
.share-box .pdf-share-button { position:relative; float: left; padding-right: 3px}
.share-box .twitter-share-button { position:relative; float: left; padding-right: 3px}

option[value="-2"] {
  background-color: #ffcccc;
}

.info {
  margin-top: 2em;
  padding: 3px;
  border: 1px solid #F0C36D;
  background-color: #F9EDBE;
}
.nomargin {
  margin-top: 0;
}
.btnAction {
  border-color: #000;
  border: 1px solid;
  background-color: #ddd;
  cursor: pointer;
}
.btnAction:hover {
  border-color: #666;
  background-color: #e4e4e4;
}
table.frmPopupTable {
  width: 100%;
}
table.frmPopupTable td {
  border: none;
}

ul#listaCHP {
  list-style-type: none;
  width: 90%;
  margin: 0 auto;
  padding-left: 0;
}
ul#listaCHP li {
  float: left;
  width: 48%;
  margin-left: 0; 
  padding-left: 0;
  margin-right: 3px;
}

div#popupWrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.tdg {
  cursor: pointer; width: 1.3em; text-align: center;
}
.tdg span {
  font-size: 80%;
  color: #888;
}
td.tdgActive {
	background-color: rgb(125, 173, 216);
  color: #fff;
}
td.tdgActive span {
  color: #fff;
}
table.tblpadd td {
  padding: 5px;
}