/* MANTOVATV - FRONT-END CSS - COMMON */

/* NORMALIZZAZIONE ---------------------------------------------------------- */

/* normalizza margin e padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }

/* normalizza font-size per headers */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; }

/* rimuove list-style dalle liste */
ol, ul
{ list-style: none; }

/* normalizza font-style e font-weight */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* normalizza le tabelle */
table
{ border-collapse: collapse; border-spacing: 0; }

/* rimuove i bordi */
fieldset, img
{ border: 0; }

/* allinea a sinistra il testo */
caption, th
{ text-align: left; }

/* rimuove i segni quote da q */
q:before, q:after
{ content: ''; }

/* rimuove la cornice dotted sui link da firefox */
a:link, a:hover, a:visited, a:visited:hover
{ outline: 0; }


/* LAYOUT ------------------------------------------------------------------- */

html {
	text-align: center;
}

body {
	font-size: 9pt;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	text-align: center;
	background: #74aae7 url("../images/body_back.png") repeat-x top left;
	color: #333333;
}

.clear {
	clear: both;
}

#page {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 952px;
	padding: 15px 0px;
	background-color: #ffffff;
	text-align: left;
}

.data {
	line-height: 140px;
	margin-right: 100px !important;
	margin-bottom: -140px;
}

#header {
	height: 90px;
	margin: 0px 15px;
	background: url("../images/header_back.png") repeat-x top left;
	text-align: right;
	color: #ffffff;
}

.logo {
	position: relative;
	float: left;
	margin-left: 10px;
	margin-top: 24px;
	margin-bottom: -24px;
}

.weather_header {
	position: relative;
	float: right;
	top: 49px;
	margin-bottom: -49px;
	height: 35px;
	padding-right: 10px;
}

.weather_header .weather_icon {
	padding-left: 10px;
	margin-bottom: -6px;
}

.weather_header .weather_temp {
	padding-left: 5px;
	padding-right: 3px;
	margin-bottom: -1px;
}

#main {
	margin: 15px;
}

#column_sx, #column_central, #column_dx {
	position: relative;
	float: left;
}

#column_sx {
	width: 157px;
	padding-top: 15px;
	background: url("../images/sx_top_back.png") repeat-y top right;
}

.column_sx_bottom {
	width: 157px;
	height: 190px;
	background: url("../images/sx_bottom_back.png") no-repeat bottom right;
}

#column_central {
	width: 606px;
	margin-right: 20px;
	background: url("../images/sx_bottom_back.png") no-repeat top right;
	border-top: 1px solid #014189;
	min-height: 700px;
}

.content {
	padding: 10px;
}

#column_dx {
	width: 137px;
}

#column_dx img {
	padding: 10px 0px;
	border-bottom: 1px solid #a7d0ff;
}

.legal_info {
	width: 100%;
	margin: 0px 15px 5px 15px;
	text-align: center;
	font-size: 8pt;
}

#footer {
	height: 40px;
	margin: 0px 15px;
	background: url("../images/footer_back.png") repeat-x top left;
	text-align: center;
	color: #ffffff;
	line-height: 38px;
}

/* NAVIGAZIONE -------------------------------------------------------------- */

div.menuTree a {
    outline: none;
    display: block;
}

div.menuTree {
    width: 156px;
    background: url("../images/menu_ul_back.png") repeat-y 12px top;
    border-right: 1px solid #014189;
}

div.menuTree ul {
    font-size: 100%;
    padding: 0px;
    margin: 0px;
    display:none;
}

div.menuTree ul li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    white-space: normal;
    line-height: 20px;
}

div.menuTree ul ul li {
    padding-left: 10px;
}

div.menuTree ul ul ul {
    margin-bottom: -6px;
}

div.menuTree ul ul ul li {
    padding: 3px 3px;
    line-height: 15px;
}

div.menuTree .firstcurrent, div.menuTree .firstcurrent:hover {
    margin-top: 5px;
    background: #ffffff url("../images/menu_1_hover.png") no-repeat left top;
    text-align: right;
}

div.menuTree .firstcurrent a {
    padding-right: 5px;
    text-decoration: none;
    color: #ffffff;
    cursor: default;
}

div.menuTree .parentcurrent, div.menuTree .parentcurrent:hover {
    margin-top: 5px;
    background: #ffffff url("../images/menu_1_hover.png") no-repeat left top;
    text-align: left;
}

div.menuTree .parentcurrent a {
    padding-left: 5px;
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
}

div.menuTree .parentcurrent a:hover {
    color: #d9eaff;
}

div.menuTree .firstitem {
    margin-top: 5px;
    background: #ffffff url("../images/menu_1_common.png") no-repeat left top;
}

div.menuTree .firstitem:hover {
    background: #ffffff url("../images/menu_1_hover.png") no-repeat left top;
}

div.menuTree ul li.expanded {
    background: url("../images/menu_1_hover.png") no-repeat left top;
}

div.menuTree ul li.expanded ul {
    background: url("../images/menu_ul_back.png") repeat-y 12px top;
}

div.menuTree .firstitem a {
    padding-left: 5px;
    text-decoration: none;
    color: #d9eaff;
}

div.menuTree .firstitem a:hover, div.menuTree ul li.expanded a {
    color: #ffffff;
}

div.menuTree .seconditem {
    margin-top: 5px;
    background: url("../images/menu_2_common.png") no-repeat 7px top;
}

div.menuTree .seconditem:hover, div.menuTree ul ul li.expanded {
    background: url("../images/menu_2_hover.png") no-repeat 7px top;
}

div.menuTree .thirditem {
	border-bottom: 1px solid #ffffff;
}

div.menuTree .thirditem:hover {
	border-bottom: 1px solid #ffffff;
	background: url("../images/menu_3_hover.png") repeat-y 2px top;
}

div.menuTree .thirditem a {
    color: #0021ef !important;
}

div.menuTree .thirditem a:hover {
    color: #006cf2 !important;
}

div.menuTree ul li.parent a, div.menuTree ul ul li.parent a {
    background: url("../images/menu_arrow_collapsed.png") right top no-repeat;
    color: #d9eaff;
}

div.menuTree ul li.parent a:hover, div.menuTree ul ul li.parent a:hover {
    background: url("../images/menu_arrow_collapsed_hover.png") right top no-repeat;
    color: #ffffff;
}

div.menuTree ul li.expanded a, div.menuTree ul ul li.expanded a {
    background: url("../images/menu_arrow_expanded_hover.png") right top no-repeat;
    color: #ffffff;
}

div.menuTree ul li.expanded a:hover, div.menuTree ul ul li.expanded a:hover {
    background: url("../images/menu_arrow_expanded.png") right top no-repeat;
    color: #d9eaff;
}

div.menuTree ul li.child a {
    background-image: none !important;
}

/* ROUNDED! ----------------------------------------------------------------- */

#header {
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}

#footer {
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

/* VIDEO E OVERLAY ---------------------------------------------------------- */

.overlay {
	background: url("../images/overlay_white.png") repeat;
	padding: 40px;
	display: none;
}

.close {
	background-image: url("../images/overlay_close.png");
	position: absolute;
	top: 2px;
	display: block;
	top: 4px;
	right: 8px; 
	width: 35px;
	height: 35px;
	cursor: pointer;
}

.close:hover {
	background-image: url("../images/overlay_close_hover.png");
}

a.player {
	display: block;
	padding: 40px;
	width: 640px;
	height: 464px;			
}

/* CONTENUTI HOMEPAGE ------------------------------------------------------- */

.videohome_box {
	position: relative;
	float: right;
	margin-right: 2px;
	margin-bottom: 15px;
	width: 325px;
}

#videohome_tabs {
	list-style: none;
	width: 324px;
	height: 30px !important;
	margin: 0 !important; 
	padding: 0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom: -2px;
}

#videohome_tabs li {
	background: #f3f6f6 url("../images/palinsesto_tabs_back.png") repeat-x bottom left;
	float: left; 
	margin: 0; 
	padding: 0; 
	text-indent: 0; 
	list-style-type: none;
}

#videohome_tabs li a {
	background: url("../images/palinsesto_tabs-li_back.png") repeat-x bottom left;
	border: 1px solid #abb7bc;
	font-size: 9pt;
	line-height: 30px;
	text-align: center;	
	text-decoration: none;
	color: #186bcd;
	display: block;
	height: 30px;   
	width: 107px; 	
	padding: 0px;
	margin: 0px -1px 0px 0px;
}

#videohome_tabs li a:active {
	outline:none;		
}

#videohome_tabs li a:hover {
	background: url("../images/palinsesto_tabs-li_back_hover.png") repeat-x bottom left;
	color: #0f7dff;	
}

#videohome_tabs li a.current, #flowtabs li a.current:hover {		
	cursor: default !important;
	border-top: 1px solid #abb7bc;
	background: #3692ff url("../images/palinsesto_tabs-li_back_current.png") repeat-x top left;
	color: #ffffff !important;
}

#videohome_panes {
	background: #4986ca url("../images/palinsesto_box_back.png") repeat-x bottom left;
	border-width: 0px 1px;
	border-color: #abb7bc;
	border-style: solid;
	margin-top: 2px;
	width: 324px;
	height: 238px;
	text-align: center;
}

#videohome_panes div {
	display: none;	
	color: #fff;	
	margin: 0px;
	padding: 4px;
	text-align: center;
}

a.playerHome, #playerTG, #playerSPORT {
	display: block;
	width: 314px;
	height: 228px;
	text-align: center;
	margin: 0px;
	padding: 0px !important;
	border-top: 1px solid #B1B8BB;
	border-right: 1px solid #B1B8BB;
	border-bottom: 1px solid #B1B8BB;
	background-color: #B1B8BB;
}

a.playerHome img {
	margin-top: 70px;
	border: 0px;
}

a.playerHome:hover {
	border: 1px solid #000;
}

.videohome_date {
	position: absolute;
	float: left;
	top: 37px;
	left: 6px;
	width: 313px;
	padding: 2px 0px 1px 0px;
	background: url("../images/videohome_date_back.png");
	font-family: Times New Roman;
	font-size: 8pt;
	font-style: italic;
	color: #bdc7cb;
	z-index: 1000;
}

.tab_meteo {
	padding: 10px !important;
}

.tab_meteo div {
	padding: 0px !important;
	display: block !important;
	text-align: left !important;
	height: 48px;
	color: #d9eaff !important;
	font-size: 11pt;
}

.tab_meteo div table.condition {
	margin-top: 5px;
	position: relative;
	float:right;
	height: 48px;
	color: #d9eaff;
	font-size: 11pt;
	font-style: italic;
	width: 120px;
	height: 40px;
	vertical-align: bottom;
}

.tab_meteo div table.condition td {
	vertical-align: bottom;
}

.tab_meteo h4 {
	font-family: Arial;
	font-size: 11pt;
	position: relative;
	float: left;
	height: 44px;
	font-weight: normal;
	line-height: 1.4em;
	margin-right: 15px;
	color: #d9eaff;
}

.tab_meteo h4 span {
	font-size: 17pt;
}

.tab_meteo div .weather_icon {
	margin-top: 7px;
	padding-right: 10px;
}

.tab_meteo div .weather_temp {
	padding-left: 5px;
	padding-right: 3px;
	margin-bottom: -1px;
}

.tab_meteo hr {
	border-width: 1px 0px 0px 0px;
	border-top-color: #66a0e1;
	border-style: solid;
	margin: 4px 0px;
	padding: 0px;
}

.homenews_primopiano {
	width: 226px;
	min-height: 248px;
	font-size: 10pt;
	background: #f3f6f6 url("../images/palinsesto_tabs_back.png") repeat-x bottom left;
	border: 1px solid #abb7bc;
	padding: 10px;
	margin-bottom: 30px;
}

.homenews_primopiano h3 {
	font-family: Times New Roman;
	font-weight: normal;
	font-size: 17pt;
	line-height: 1em;
	color: #185299;
}

.homenews_primopiano h4, .homenews h4 {
	padding: 7px 0px 5px 0px;
	text-align: left;
	font-family: Times New Roman;
	font-weight: normal;
	font-size: 9pt;
	line-height: 1em;
	color: #6a7174;
}

.homenews {
	width: 100%;
	font-size: 10pt;
	margin-bottom: 30px;
	padding: 3px 0px 10px 0px;
	border-top: 1px solid #abb7bc;
	clear: left !important;
}

.homenews h3 {
	font-family: Times New Roman;
	font-weight: normal;
	font-size: 15pt;
	line-height: 1em;
	color: #185299;
}

span.homenews_cat {
	position: relative;
	float: right;
	top: -17px;
	font-family: Times New Roman;
	font-weight: normal;
	font-size: 12pt;
	line-height: 1em;
	color: #869195;
}

.homenews_primopiano img, .homenews img {
	position: relative;
	float: right;
	margin: 0px 10px 5px 0px;
	border: 3px solid #abb7bc;
}

/* CONTENUTI PALINSESTO ----------------------------------------------------- */

.palinsesto_title {
	background: #f3f6f6 url("../images/palinsesto_title_back.png") repeat-x top left;
	padding: 6px 10px;
	border-width: 1px 1px 0px 1px;
	border-color: #c1cacf;
	border-style: solid;
	text-align: center;
	font-size: 11pt;
	font-weight: normal;
	color: #186bcd;
}

.palinsesto_footer {
	background: #f2f5f6 url("../images/palinsesto_footer_back.png") repeat-x bottom left;
	padding: 6px 10px;
	border-width: 0px 1px 1px 1px;
	border-color: #c1cacf;
	border-style: solid;
	text-align: left;
	font-size: 11pt;
	font-weight: normal;
	color: #186bcd;
}

.palinsesto_otherday {
	padding: 6px 10px;
	text-align: center;
	font-size: 9pt;
	font-weight: normal;
	color: #186bcd;
}

.box_palinsesto {
	background: #4986ca url("../images/palinsesto_box_back.png") repeat-x bottom left;
	border-width: 0px 1px;
	border-color: #c1cacf;
	border-style: solid;
	padding-bottom: 5px;
}

.box_palinsesto .topcornerleft, .box_palinsesto .topcornerright {
	position: relative;
	float: left;
	width: 15px;
	height: 30px;
	background-color: #f3f6f6;
}

.box_palinsesto .topcornerleft div {
	height: 30px;
	background-color: #4986ca;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
	border-top-right-radius: 9px;
}

.box_palinsesto .topcornerright div {
	height: 30px;
	background-color: #4986ca;
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	border-top-left-radius: 9px;
}

.box_palinsesto .bottomcornerleft, .box_palinsesto .bottomcornerright {
	position: relative;
	float: left;
	top: -25px;
	margin-bottom: -25px;
	width: 15px;
	height: 30px;
	background-color: #f3f6f6;
}

.box_palinsesto .bottomcornerleft div {
	height: 30px;
	background: url("../images/palinsesto_box_back.png") repeat-x bottom left;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	border-bottom-right-radius: 9px;
}

.box_palinsesto .bottomcornerright div {
	height: 30px;
	background: url("../images/palinsesto_box_back.png") repeat-x bottom left;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	border-bottom-left-radius: 9px;
}

.tabs_palinsesto {
	margin: 0px; 
	padding: 14px 0px 0px 0px;
	width: 171px;
	position: relative;
	float: left;
	background: #f3f6f6 url("../images/palinsesto_tabs_back.png") repeat-x bottom left;
	list-style: none;
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
}

.tabs_palinsesto li { 	 
	text-indent: 0;
	padding: 0;
	margin: 0 !important;
	list-style-image: none !important;
}

.tabs_palinsesto a {
	position:relative;
	display: block;
	width: 171px;
	height: 30px;
	padding: 3px 0px;
	margin: 0px;
	background: url("../images/palinsesto_tabs-li_back.png") repeat-x bottom left;
	border-bottom: 1px solid #abb7bc;
	font-size: 9pt;
	line-height: 30px;
	text-align: center;	
	text-decoration: none;
	color: #186bcd;
}

.tabs_palinsesto .lastday {
	border-bottom: 0px solid #c0cacd;
	padding-bottom: 5px;
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;	
}

.tabs_palinsesto a:active {
	outline:none;		
}

.tabs_palinsesto a:hover {
	background: url("../images/palinsesto_tabs-li_back_hover.png") repeat-x bottom left;
	color: #0f7dff;	
}

.tabs_palinsesto .current, .tabs_palinsesto .current:hover, .tabs_palinsesto li.current a {		
	cursor: default !important;
	margin-top: -1px;
	border-top: 1px solid #abb7bc;
	background: #3692ff url("../images/palinsesto_tabs-li_back_current.png") repeat-x top left;
	color: #ffffff !important;
	
}

.panes_palinsesto .pane {
	display: none;
}

.panes_palinsesto {
	margin-left: 193px !important;
	padding: 10px;
}

.panes_palinsesto hr {
	border-width: 1px 0px 0px 0px;
	border-top-color: #66a0e1;
	border-style: solid;
	margin: 5px 0px;
	padding: 0px;
	clear: right;
}

.panes_palinsesto div {
	padding: 0px;
}

.panes_palinsesto h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	color: #ffffff;
}

.panes_palinsesto h4 {
	margin: 0px;
	padding: 0px;
	width: 180px;
	line-height: 1em;
	font-weight: bold;
	text-transform: lowercase;
	font-variant: small-caps;
	font-size: 11pt;
	color: #ffffff;
}

.panes_palinsesto span {
	position: relative;
	float: right;
	top: 0px;
	left: -25px;
	width: 150px;
	padding: 0px 0px 5px 0px;
	font-size: 9pt;
	color: #ffffff;
}

.panes_palinsesto span p {
	font-variant: small-caps;
	font-style: italic;
	color: #a1cdff;
}

p.replica {
	font-style: italic;
	color: #a1cdff;
}

button.playvideo {
	position: relative;
	float: right;
	top: 2px;
	background: url("../images/play_palinsesto.png") no-repeat;
	height: 25px;
	width: 25px;
	margin-bottom: -25px;
	border-width: 0px;
	cursor: pointer;
	outline: 0;
}

button.playvideo:hover {
	background: url("../images/play_palinsesto_hover.png") no-repeat;
}

.calendar_box {
	position: relative;
	float: left;
	top: -28px;
	margin-bottom: -28px;
	height: 30px;
	width: 171px;
	padding: 4px 1px 2px 1px;
	text-align: center;
	background: #f3f6f6 url("../images/palinsesto_title_back.png") repeat-x top left;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}

.calendar_box_top {
	position: relative;
	float: left;
	height: 66px;
	width: 171px;
	padding: 2px 1px 4px 1px;
	text-align: center;
	background: #f3f6f6 url("../images/palinsesto_footer_back.png") repeat-x bottom left;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-bottomright: 9px;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
}

.calendar_box button, .calendar_box_top button {
	width: 46px;
	margin-left: 3px;
}

/* calendar style ----------------------------------------------------------- */

.date {
	border: 1px solid #ccc;
	background: #f3f6f6 url("../images/palinsesto_tabs_back.png") repeat-x top left;
	font-size: 9pt;
	padding: 4px;
	text-align: center;
	width: 103px;
	margin-bottom: 2px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index: 10000;
	width: 163px;
	padding: 4px;
	background: #f3f6f6 url("../images/palinsesto_tabs_back.png") repeat-x top left;
	font-size: 11px;
	border: 1px solid #ccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#calhead {	
	padding: 2px 0;
	height: 16px;
} 

#caltitle {
	font-size: 14px;
	color: #0150D1;	
	float: left;
	text-align: center;
	width: 123px;
}

#calnext, #calprev {
	display: block;
	width: 20px;
	height: 16px;
	background: transparent url("../images/cal-data_prev.png") no-repeat scroll center center;
	float: left;
	cursor: pointer;
}

#calnext {
	background-image: url("../images/cal-data_next.png");
	float: right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility: hidden;	
}

#caltitle select {
	font-size: 10px;	
}

#caldays {
	height: 14px;
	border-bottom: 1px solid #ddd;
}

#caldays span {
	display: block;
	float: left;
	width: 23px;
	margin: 0px -2px 0px 2px;
	text-align: center;
}

#calweeks {
	margin-top: 4px;
}

.calweek {
	clear: left;
	height: 20px;
}

.calweek a {
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	text-decoration: none;
	font-size: 11px;
	margin-left: 1px;
	margin-bottom: 1px;
	text-align: center;
	line-height: 22px;
	color: #000000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 		
} 

.calweek a:hover, .calfocus {
	background-color: #95c0f7;
}

a.calsun {
	color: red;		
}

a.caloff {
	color: #888888;		
}

a.caloff:hover {
	background-color: #b1cdf2;		
}

a.caldisabled {
	background-color: #efefef !important;
	color: #ccc !important;
	cursor: default;
}

#calcurrent {
	background-color: #498CE2;
	color: #fff;
}

#caltoday {
	background-color: #333;
	color: #fff;
}