/*
	NS4 doesn't do well with added colors because of the extra padding added inside each
	block element. So colors are imported. This theme file will, thus, contain mostly
	font stuff.
 */

body {
	font-family: verdana, helvetica, sans-serif;
	height: 100%;
}

/*---- links ----*/
a, a:visited, a:hover {
	color: #0000ff; 
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* tabella layout 2 colonne */
table.layout_two {
	width: 100%;
}

/* colonna menu sinistra */
table.layout_two td.left_col {
	width: 150px;
	background-color: #eff5f4;
	vertical-align: top;
}

/* colonna contenuti */
table.layout_two td.contents_col {
	width: 100%;
	background: #fff url('vertical_dots.gif') repeat-y;
	padding: 8px 8px 8px 9px;
	vertical-align: top;
	font-family: verdana, helvetica, sans-serif;
	font-size: 80%;
	min-height: 460px;
	height: auto !important;
	height: 460px;
}

/* colonna piede */
table.layout_two td.footer_col {
	font-family: verdana, helvetica, sans-serif;
	font-size: 70%;
	color: #000;
	padding: 8px 4px 4px 4px;
	background: #eff7f7 url('footer_background.gif') repeat-x left top;
	border-bottom: 1px solid #000; 
}

/* tabella layout 1 colonna */
table.layout_one {
	width: 100%;
}

/* colonna contenuti */
table.layout_one td.contents_col {
	width: 100%;
	background-color: #fff;
	padding: 8px 8px 8px 9px;
	vertical-align: top;
	font-family: verdana, helvetica, sans-serif;
	font-size: 80%;
	min-height: 460px;
	height: auto !important;
	height: 460px;
}

/* colonna piede */
table.layout_one td.footer_col {
	font-family: verdana, helvetica, sans-serif;
	font-size: 70%;
	color: #000;
	padding: 8px 4px 4px 4px;
	background: #eff7f7 url('footer_background.gif') repeat-x left top;
	border-bottom: 1px solid #000; 
}

/*** Horizontal Navigation Area ***/
.hnav {
	background: #ebf7f3 url('hnav_background.gif') repeat-x left bottom;
	font-family: verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	padding: 2px 0 6px 2px;		
	white-space: nowrap;
}

.hnav_left {
	width: 50%;
	float: left;
	text-align: left;
	vertical-align: middle;
}

.hnav_right {
	width: 50%;
	float: left;
	text-align: right;
	vertical-align: middle;
}

.hnav a, a:visited, a:hover {
	color: #0000ff;
}

.hnav a:hover {
	text-decoration: underline; 
}

/*** Vertical Navigation Area ***/
.vnav, .vnav_info {
	font-family: verdana, helvetica, sans-serif;
	font-weight: normal;
	font-size: 70%;
	line-height: 180%; /* Mozilla suffers from a rounding problem, 
						  this value may have to be tweaked if you 
						  change the font family or size */
	/*/*/ /*/line-height: 120%;/* NS4 Adds too much space, so lower it */
}

.vnav dl, .vnav_info dl {
	background: #d8e4e2;
	border-top: 1px solid #fff; 
	width: 150px; 
	padding: 0; 
	margin: 0 0 5px 0;
}

.vnav dt, .vnav_info dt {
	color: #000000; 
	border-bottom:1px solid #fff; 
	background: #d8e4e2;
	margin:0; 
	padding: 0; 
	font-weight: bold; 
}

.vnav dt .section, .vnav_info dt .section {
	color: #008080; 
	background: #d8e4e2;
	border-bottom: 1px solid #b6ceca;
	display: block; 
	padding: 0 0 0 5px;
	margin:0; 
}

.vnav dd, .vnav_info dd {
	color: #000000; 
	border-bottom:1px solid #fff; 
	background: #eff5f4;
	margin:0; 
	padding:0; 
	font-size: 1em; 
}

.vnav dd .separator, .vnav_info dd .separator {
	color: #008080; 
	background: #d8e4e2;
	border-bottom: 1px solid #b6ceca; 
	display: block; 
	padding: 1px;
	margin: 0; 
}

.vnav dl a, .vnav dl a:visited {
	color: #0000ff; 
	background: #eff5f4;
	border-bottom: 1px solid #b6ceca; 
	text-decoration: none; 
	display:block; 
	padding: 1px 1px 1px 13px;
	width: 136px;
}

.vnav dl a:hover {
	background: #d8e4e2;
	color: #0000ff;
	text-decoration: none;
}

hr.menu_separator {
	border-top: 1px solid #b6ceca; border-bottom: 1px solid #fff; 
	border-left: none;
	border-right: none;
	height: 2px;
}

/*** Header ***/
.header {
	font-family: verdana, helvetica, sans-serif;
	background: #ebf7f3 url('header_background.gif') repeat-x left bottom;
	color: #fff;
	padding: 6px;
}

/*** Forms ***/
.form_login {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
	margin: 5px 0 5px 0;
	padding: 0;
	font-family: verdana, helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
}

.form_login .section {
	color:#008080; 
	background: #d8e4e2;
	border-bottom: 1px solid #b6ceca; 
	padding: 4px;
	text-align: left;
}

.form_login form{
	margin: 0;
	padding: 5px;
	border-top: 1px solid #fff; 
	border-bottom: 1px solid #b6ceca;
}

.login_textbox {
	border-left: 1px solid #b6ceca;
	border-top: 1px solid #b6ceca;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 2px;
	clear: both;
	width: 85%;
}

.login_button {
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #b6ceca;
	border-bottom: 1px solid #b6ceca;
	background: #d8e4e2;
	margin: 2px;
	padding: 2px 8px 2px 8px;
	font-size: 100%;
	font-weight: bold;
	clear: both;
}

.form_login label {
	font-weight: normal;
	display: block;
}

/* tabelle */
table.list {
	empty-cells: show;
	font-size: 85%;
	/*border: 1px solid #008080;*/
	background-color: #b6ceca;
	width: 100%;
}

table.list td {
	padding: 2px 4px 2px 4px;
}

table.list td label,table.list th label {
	vertical-align: 30%;
}

table.list tr.row_even {
	vertical-align: top;
	background-color: #eff5f4;
}

table.list tr.row_odd {
	vertical-align: top;
	background-color: #fff;
}

table.list th {
	background-color: #d8e4e2;
	padding: 2px 4px 2px 4px;
	border-left: 1px solid #fff; 
	border-top: 1px solid #fff;
}

table.list tr.footer {
	vertical-align: top;
	background-color: #fff;
}

/* tabella partite */
table.partite {
	empty-cells: show;
	font-size: 85%;
	background-color: #b6ceca;
	width: 100%;
	margin: 12px 0 0 0;
}

table.partite td {
	padding: 2px 4px 2px 4px;
	vertical-align: middle;
}

table.partite tr {
	height: 16px;
}

table.partite tr.title {
	font-size: 120%;
}

/* righe partita aperta */
table.partite tr.open_head {
	background-color: #fff;
}

table.partite tr.open_mov {
	background-color: #fff;
}

table.partite tr.open_sca {
	background-color: #ccffcc;
}

table.partite tr.open_tot {
	background-color: #eff5f4;
	font-weight: bold;
}

table.partite tr.open_tot td {
	font-weight: bold;
}

/* righe partita chiusa */
table.partite tr.closed_head {
	background-color: #ffffcc;
}

table.partite tr.closed_mov {
	background-color: #ffffcc;
}

table.partite tr.closed_sca {
	background-color: #ccffcc;
}

table.partite tr.closed_tot {
	/*background-color: #ffffcc;*/
	background-color: #eff5f4;
	font-weight: bold;
}

table.partite tr.closed_tot td {
	font-weight: bold;
}

/* separatori */
table.partite tr.partita_sep {
	background-color: #fff;
	height: 6px;
}

table.partite tr.partita_sep td {
	background-color: #fff;
	padding: 0;
	height: 6px;
	border-top: 3px double #000; 
	border-bottom: 3px double #000;
	font-size: 6px;

}

table.partite tr.partita_bigtot {
	background-color: #d8e4e2;
}

table.partite tr.partita_bigtot td {
	padding: 2px 4px 2px 4px;
	border-left: 1px solid #fff; 
	border-top: 1px solid #fff;
	font-weight: bold;
}

table.partite tr.partita_sep2 {
	background-color: #008080;
	height: 6px;
}

table.partite tr.partita_sep2 td {
	background-color: #fff;
	padding: 0;
	height: 6px;
	border-top: 3px double #000; 
	border-bottom: 3px double #000;
	font-size: 6px;
}

table.partite th {
	background-color: #d8e4e2;
	padding: 2px 4px 2px 4px;
	border-left: 1px solid #fff; 
	border-top: 1px solid #fff;
	white-space: nowrap;
}

table.partite tr.footer {
	background-color: #fff;
}


/* tabella visualizzazione dettagli record */
table.record {
	empty-cells: show;
	font-size: 85%;
	width: 100%;
	background-color: #b6ceca;
}

table.record td {
	padding: 2px 4px 2px 4px;
	vertical-align: top;
}

table.record td.label {
	background: #eff5f4;
	white-space: nowrap;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}

table.record td.value {
	background: #fff;
	width: 100%;
}

table.record td.header {
	background: #eff5f4;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	color: #008080;
	font-weight: bold;
}

/* tabella visualizzazione lista */
table.simple {
	empty-cells: show;
	font-size: 85%;
	width: 100%;
	background-color: #b6ceca;
}

table.simple td {
	padding: 2px 4px 2px 4px;
	vertical-align: top;
	border: none;
}

table.simple td.label {
	background: #eff5f4;
	white-space: nowrap;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}

table.simple td.value {
	background: #fff;
}

table.simple td.header {
	background: #eff5f4;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: none;
	border-right: none;
	color: #008080;
	font-weight: bold;
}

/* tabella paginatore */
.paginator {
	padding: 4px 0 4px 0;
}

.paginator table {
	width: 100%;
	font-size: 100%;
}

.paginator .desc {
	vertical-align: middle;
}

.paginator img {
	border: none;
	vertical-align: middle;
}

.paginator .normal,.current {
	padding: 0 3px 0 3px;
	vertical-align: middle;
}

.paginator .current {
	color: #808080; 
	font-weight: bold;
}

.sort_asc {
	background-image: url('sort_asc.gif');
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 12px;
}

.sort_desc {
	background-image: url('sort_desc.gif');
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 12px;
}

.sort_desc a, .sort_asc a, .sort_normal a  {
	display: block;
	width: 100%;
}

.thin_form {
	margin: 0;
	padding: 0;
}

.thin_textbox {
	border-left: 1px solid #b6ceca;
	border-top: 1px solid #b6ceca;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 0 2px 0 2px;
}

.thin_button {
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #b6ceca;
	border-bottom: 1px solid #b6ceca;
	background: #d8e4e2;
	margin: 0 2px 0 2px;
	padding: 1px 2px 1px 2px;
	font-size: 90%;
}

/* contenitore form ricerca veloce*/
.smart_search {
	float: right;
	white-space: nowrap;
}

/* toolbar */
.toolbar {
	font-family: verdana, helvetica, sans-serif;
	font-weight: normal;
	font-size: 85%;
	margin: 0 0 4px 0;
	border: 1px solid #b6ceca;
	background: #eff5f4;
	padding: 0px; 
}

.toolbar table {
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #eff5f4;
	border-right: 1px solid #eff5f4;
	width: 100%;
	margin: 0;
}

.toolbar td { 
	padding: 2px; 
	border: 1px solid #eff5f4;
	vertical-align: middle;
} 

.toolbar td.hover {
	background: #d8e4e2;
	border: 1px solid #008080;
}

.toolbar td a, .toolbar td a:visited, td a:hover {
	color: #0000ff;
}

.toolbar td a:hover {
	text-decoration: underline;
}

.toolbar td.separator {
	font-size: 0;
	background: transparent url('tool.separator.gif') repeat-y center center;
	width: 3px;
}

/* filtri */
.filters {
	font-family: verdana, helvetica, sans-serif;
	font-weight: normal;
	margin: 4px 2px 0 2px;
	background: #eff5f4;
	border-top: 1px solid #b6ceca;
}

.filters table { 
	width: 100%;
	border-top: 1px solid #fff;
}

.filters th, .filters td { 
	text-align: left;
	vertical-align: top;
} 

.filters th { 
	padding: 2px; 
} 

.filters td { 
	padding: 0; 
} 

.filters td.icon {
	width: 16px;
}

.filters td.desc {
	width: 150px;
}

.filters td.sep {
	width: 4px;
}

.filters td.value {
	font-weight: bold;
}

.warning {
	margin: 12px 0 0 0;
	font-weight: bold;
	color: red;
}

/* message box - contenitore */
.message_box {
	background-color: #ffc;
	border: 2px solid red;
	padding: 2px;
	margin: auto;
	width: 75%;
}

/* message box - titolo alert */
.message_box .alert_title {
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	background-color: red;
	color: white;
	padding: 3px;
}

/* message box - messaggio alert */
.message_box .alert_message {
	text-align: left;
	background: transparent	url('warning.gif') no-repeat;
	padding: 0 0 8px 38px;
	line-height: 140%;
	margin: 4px;
	min-height: 32px;
	height: auto !important;
	height: 32px;
}


/* message box - riga tasti */
.message_box .options {
	text-align: center;
	border-top: 1px solid red;
	padding: 8px 0 6px 0;
}

.cmd_strip {
	font-weight: normal;
}

.cmd_strip a {
	background-color: transparent;
}

.cmd_strip a:hover {
	background-color: #d8e4e2;
	text-decoration: underline;
}

.cmd_strip img {
	margin: 0 1px 0 1px;
	border: none;
}

.percent {
	font-family: verdana, helvetica, sans-serif;
	font-size: 8pt; 
	text-align: center; 
	vertical-align: middle; 
	background-color: #FFFFFF; 
	border: 1px solid #808080; 
	width: 140px; 
	overflow: hidden; 
	background-image: url('percent_bar.gif'); 
	background-repeat: repeat-y;
	height: 14px;
	line-height: 110%;
}

dd.info {
	line-height: 140%;
	padding: 0 0 0 4px;
}

.disabled {
	color: #808080;
}

h1.page_title {
	padding: 4px;
	margin: 0 0 8px 0;
	font-size: 150%;
	font-weight: bold;
	font-family: verdana, helvetica, sans-serif;
	border: 1px solid #b6ceca;
	background: #eff5f4;

}

.status_failed {
	color: red;
}

.status_pending {
	color: black;
}

.status_ok {
	color: green;
}

.tip {
	font-size: .8em;
	color: #009933;
}


/* menu utente nella home page */
.user_menu {
	padding: 0;
}

.user_menu dl {
	padding: 0 0 12px 36px;
	margin: 0;
	height: 36px;
}

.user_menu dt {
	font-weight: bold;
	padding: 0;
}

.user_menu dd {
	padding: 0;
	margin: 0;
	color: black;
	font-size: 85%;
}

hr.separator {
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #b6ceca;
	height: 1px;
}

.features {

}

.features h3 {
	margin: 16px 0 8px 0;
}

ul.feat_list {
	margin-left: 8px;
	padding-left: 0;
	list-style: none;
}

ul.feat_list li {
	margin: 0 0 8px 0;
	padding-left: 20px;
	background-image: url('yes.gif');
	background-repeat: no-repeat;
	background-position: 0 1px;
}

.features h5 {
	margin: 0;
}

.features p {
	margin: 0 0 8px 0;
}


.hint {
	font-size: .8em;
	padding: 2px 2px 2px 18px;
	background-image: url('hint.gif');
	background-repeat: no-repeat;
	background-position: 0 4px;
	min-height: 18px;
	height: auto !important;
	height: 18px;
	color: #800000;
}

.hint_warn {
	font-size: .8em;
	padding: 2px 2px 2px 18px;
	background-image: url('no.gif');
	background-repeat: no-repeat;
	background-position: 0 4px;
	min-height: 18px;
	height: auto !important;
	height: 18px;
	color: #800000;
}

.sms_preview {
	font-family: courier,monospace;
	font-size: .8em;
}

.footer_info {
	font-size: 8pt; 
	color: #999999; 
	text-align: center;
}