/* CSS */
/* reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

header .datetime{float: right; font-weight: bold;}
/* styles */
.clear{clear: both; height: 1px; overflow: hidden; margin-bottom: -1px;}
body{color: #333333;}
.titolo{ font-size: 1.2em;font-weight: bold;padding: 5px 10px;}
.titolo a,.titolo a:visited{ color: #333333; font-weight: bold; text-decoration: none;}
.titolo a:hover, .titolo a:active{ color: #333333; text-decoration: underline;}
.bacheca{padding: 5px 10px;}
.bacheca .label{ }

.titolo_page{font-size: 2em; font-weight: bold;}
.padding{padding: 5px 10px;}

/* table */
table{ width: 99%;}
table tr  th{ font-weight: bold; text-align: left;  background-color: #404040 ; color: #ffffff;}
table tr  th .th_titolo {padding: 5px 10px; text-transform: uppercase; }
table tr  th.col_id{ text-align: center;}
table tr  td{  background-color: transparent ;}
table tr  td.col_id{ text-align: center;}
table tr  td .td_padding{padding: 5px 10px;}
table tr.row0 td{  }
table tr.row1 td{  background-color: #efefef ; color: #333333;}
table tr:hover td{  background-color: #ccccff; }
table tr.row0:hover td{  background-color: #ccccff; }
table tr.row1:hover td{  background-color: #aaaaff; }

table tr  th a,table tr  th a:visited{ color: #ffffff; font-weight: bold; text-decoration: none;}
table tr  th a:hover,table tr  th a:active{ color: #ffffff; text-decoration: underline;}

/* table.calendario */
table.calendario tr.row0 th{ background-color: #404040 ; color: #ffffff;}
table.calendario tr.row0 td{  background-color: #efefef ; color: #333333;}
table.calendario tr.row1 th{ background-color: #3A3A3A ; color: #ffffff;}
table.calendario tr.row1 td{  background-color: #cccccc ; color: #333333;}
table.calendario td.td_team1{text-align: right;}
table.calendario td.td_team2{text-align: left;}
table.calendario td.td_res{text-align: center;}
table.calendario .pregara{text-align: center;}


/* table.calendario */
table.classifica tr th{ text-align: center; width: 5%;}
table.classifica tr th.col_team{ text-align: left; width: 50%;}
table.classifica tr td{ text-align: center; width: 5%;}
table.classifica tr td.col_team{ text-align: left; width: 50%;}
table.classifica tr.row0 td{  }
table.classifica tr.row1 td{  background-color: #efefef ; color: #333333;}

/* table.team */
table.team  tr th.th_ruolo { background-color: transparent; color: #333333;}
table.team  tr td .label{font-weight: bold;}
table.team  tr td.td_manager{font-size: 1.2em;}

/* NAV */
nav {width: 100%;}
nav  ul{}
nav  ul li{ display: inline; margin: 0 20px;}
nav  ul li a{font-weight: bold; text-decoration: none;}
nav  ul li a:hover{text-decoration: underline;}
nav  ul li a.current{text-decoration: underline;}

nav  ul.navmain{ background-color: #0000AA; padding: 5px 10px;}
nav  ul.navmain li a{color: #ffffff; }
nav  ul.navmain li a:hover{}

nav  ul.navpage{ background-color: #aaaaff; padding: 5px 10px;}
nav  ul.navpage li a{color: #000066; }
nav  ul.navpage li a:hover{}

/* form_tabella */
.form_tabella{}
.form_tabella fieldset{padding: 5px 10px;clear: both;}
.form_tabella label.label{width: 100px; float: left; display: block; clear: both;}
.form_tabella select.select_text{width: 150px; float: left; display: block;}
.form_tabella input.input_text{width: 150px; float: left; display: block;}
.form_tabella textarea.input_text{width: 150px; float: left; display: block;}
.form_tabella .form_tabella_record{float: left;}

/* form_filter */
.form_filter{}
.form_filter fieldset{display: inline; padding: 0 10px;}
.form_filter label.label{display: inline; margin-right: 5px;}
.form_filter select.select_text{width: 150px; display: inline;}
.form_filter input.input_text{width: 150px; display: inline;}
.form_filter textarea.input_text{width: 150px; display: inline;}