@import url("css/menu.css");

/* CSS Document */

/*-------- Default Styles --------*/
body, h1, h2, h3, a, a:link, a:active, a:hover, a:visited, th, td, div, ul, li, p, span { font-family: Verdana, Arial, Helvetica, sans-serif; }

body { background:#FFFFFF; height:100%; margin:0px; padding:0px; }

th, td, div, p, span { color:#000000; font-weight:normal; vertical-align: top; }

a, a:link, a:active, a:visited { color:#003366; text-decoration:none; font-weight:normal; border:0; } 
a:hover { text-decoration: underline; }

img { border: 0; }

h1 { color: #DA002E; font-size: 2em; font-weight: bold; margin: 5px 0;}
h2, h3 { color: #DA002E; font-size: 1.5em; font-weight: bold; margin: 5px 0; }
ul { margin: 2px 0 2px 20px; padding-left: 0px; }
p { margin: 0 0 10px 0; }

.SkinObject { color: #000000; font-weight: normal; }

/*------------ Layout ------------*/
#pageLayout { width:1000px; vertical-align: top; margin:auto; padding: 0 6px; }

div#pageContent { border: 0px dotted red; }
#pageContent table.container { margin: 0; padding: 0; border-collapse: collapse; vertical-align: top; }

#pageContent .headerRow { margin: 0; padding: 0; text-align: left; vertical-align: top; }
#pageContent .contentRow { margin: 0; padding: 0; text-align: left; vertical-align: top; }
#pageContent .footerRow { margin: 0; padding: 0; text-align: left; vertical-align: top; }
#pageContent .copyrightRow { margin: 0; padding: 0; text-align: left; vertical-align: top; }

#pageContent .leftPane { width: 210px; height: 100%; margin: 0; padding: 0; text-align: left; vertical-align: top; background-color: #FFFFFF; border: 0px solid green; }
#pageContent .contentPane { width: 780px; height: 100%; margin: 0; padding: 0 0 0 4px; text-align: left; vertical-align: top; border: 0px solid red; }
#pageContent .contentPaneHome { width: 622px; height: 100%; margin: 0; padding: 0 0 0 4px; text-align: left; vertical-align: top; }
#pageContent .contentPaneSiteMap { width: 260px; height: 100%; margin: 0; padding: 0 0 0 4px; text-align: left; vertical-align: top; }
#pageContent .rightPane { width: 160px; height: 100%; margin: 0; padding: 0 0 0 4px; text-align: right; vertical-align: top; background-color: #FFFFFF; }

#pageContent .contentPaneWithMenu,
	#pageContent .dipHeaderPane,
	#pageContent .dipFeederPane,
	#pageContent .dipButtonsMenuPane { width: 476px; float: left; margin: 0; padding: 0 10px 0 0;  }
#pageContent .menuPane { width: 250px; float: left; margin: 0 0 0 4px; padding: 0;  }

#pageContent .container .contentRow .contentPane table { border-collapse: collapse; margin: 0; padding: 0; }
#pageContent .container .contentRow .contentPane table td { padding: 0 0 4px 0; }

#pageContent .copyrightRow table { width: 100%; border: 0; margin: 0; padding: 0; }
#pageContent .copyrightRow .links { text-align: left; }
#pageContent .copyrightRow .copyright { text-align: center; width: 100%; }
#pageContent .copyrightRow .credits { text-align: right; }

#adminToolbar { text-align: right; }

/*------------ Breadcrumb Style --------------*/
.breadcrumb { font-size: 0.8em; }
.breadcrumb, td.breadcrumb, .breadcrumb span { color: #87888A; }
a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited { color: #CE142B; font-style: italic; font-size: 1em; }
a.breadcrumb:hover { font-weight: normal; }

/*-------------- Link Style --------------*/
.links { text-align:center; }
.links, a.links:link, a.links:active, a.links:visited {	font-weight:bold; color:#4F839F; font-size: 1em; text-transform:uppercase; }
a.links:hover { color:#C00; }

/*-------------- User Style --------------*/
.user, a.user:link, a.user:active, a.user:visited { color: #000000; font-size: 1em; margin: 2px 2px 2px 0; padding: 0; }
a.user:hover { color:#C00; }
.leftPane .user, .leftPane a.user:link, .leftPane a.user:active, .leftPane a.user:visited { color: #DA002E; }
.leftPane a.user:hover { color:#FFFFFF; }

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#000000; font-family: Verdana, Arial, Times New Roman; font-size: 1em; letter-spacing: -0.04em; text-align: center; vertical-align: bottom; }
a.footer:hover { color:#FF0000; }

.Normal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; }
.Head { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; }

/*-------------- Gray Container --------------*/
div.grayContainer { width: 100%; color: #000000; background-color: #FFFFFF; }
.grayContainer .headerOuter { line-height: 10px; background: #FFFFFF url(images/gray_top_left.png) no-repeat top left; }
.grayContainer .headerInner { margin-left: 20px; padding-right: 20px; background: #FFFFFF url(images/gray_top_right.png) no-repeat top right; }
.grayContainer .headerInner .filler { border-top: 3px solid #E5E5E5; margin: 0; padding: 0; }
.grayContainer .footerOuter { line-height: 10px; background: #FFFFFF url(images/gray_bottom_left.png) no-repeat bottom left; }
.grayContainer .footerInner { margin-left: 20px; background: #FFFFFF url(images/gray_bottom_right.png) no-repeat bottom right; }
.grayContainer .footerInner .filler { margin: 0 20px 0 0; border-bottom: 3px solid #E5E5E5; }
.grayContainer .content { margin: 0; padding: 0 10px; border-left: 3px solid #E5E5E5; border-right: 3px solid #E5E5E5; }
.grayContainer table.container { width: 100%; margin: 0; padding: 0px; }
.grayContainer .container .title { margin: 0; padding: 0px; }
.grayContainer .container .print { width: 100%; text-align: right; }

/*-------------- Gray Filled Container --------------*/
div.grayFilledContainer { width: 100%; color: #000000; background-color: #E5E5E5; }
.grayFilledContainer .headerOuter { line-height: 15px; background: #E5E5E5 url(images/gray_filled_top_left.png) no-repeat top left; }
.grayFilledContainer .headerInner { margin-left: 20px; padding-right: 20px; background: #E5E5E5 url(images/gray_filled_top_right.png) no-repeat top right; }
.grayFilledContainer .footerOuter { line-height: 15px; background: #E5E5E5 url(images/gray_filled_bottom_left.png) no-repeat bottom left; }
.grayFilledContainer .footerInner { margin-left: 20px; background: #E5E5E5 url(images/gray_filled_bottom_right.png) no-repeat bottom right; }
.grayFilledContainer .content { margin: 0; padding: 0 10px; }
.grayFilledContainer table.container { width: 100%; margin: 0; padding: 0px; }
.grayFilledContainer .container .title { margin: 0; padding: 0px; }
.grayFilledContainer .container .print { width: 100%; text-align: right; }

/*-------------- Red Container --------------*/
div.redContainer { width: 100%; color: #000000; background-color: #FFFFFF; }
.redContainer .headerOuter { line-height: 10px; background: #FFFFFF url(images/red_top_left.png) no-repeat top left; }
.redContainer .headerInner { margin-left: 20px; padding-right: 20px; background: #FFFFFF url(images/red_top_right.png) no-repeat top right; }
.redContainer .headerInner .filler { border-top: 3px solid #E02D21; margin: 0; padding: 0; }
.redContainer .footerOuter { line-height: 10px; background: #FFFFFF url(images/red_bottom_left.png) no-repeat bottom left; }
.redContainer .footerInner { margin-left: 20px; background: #FFFFFF url(images/red_bottom_right.png) no-repeat bottom right; }
.redContainer .footerInner .filler { margin: 0 20px 0 0; border-bottom: 3px solid #E02D21; }
.redContainer .content { margin: 0; padding: 0 10px; border-left: 3px solid #E02D21; border-right: 3px solid #E02D21; }
.redContainer table.container { width: 100%; margin: 0; padding: 0px; }
.redContainer .container .title { margin: 0; padding: 0px; }
.redContainer .container .print { width: 100%; text-align: right; }

/*-------------- Eventi e Iniziative Container --------------*/
div.eventiEIniziativeContainer { color: #000000; background-color: #FFFFFF; margin: 8px; }
.eventiEIniziativeContainer table.container { width: 145px; margin: 10px; padding: 0; }
.eventiEIniziativeContainer .container .header { height: 20px; background: #FFFFFF url(images/eventi_e_iniziative_header.png) no-repeat top left; }
.eventiEIniziativeContainer .container .content { height: 80px; border: 8px solid #E02D21; padding: 4px; }
.eventiEIniziativeContainer .scroller_Item  { font-size: 0.8em; text-transform: uppercase; }
.eventiEIniziativeContainer .scroller_ItemLink, 
	.eventiEIniziativeContainer .scroller_ItemLink a, 
	.eventiEIniziativeContainer .scroller_ItemLink a:hover, 
	.eventiEIniziativeContainer .scroller_ItemLink a:visited { color: #000000; font-size: 0.85em; margin: 0px; width: 124px; }
.eventiEIniziativeContainer .container .scroller_ItemDate { color: #CE142B; font-size: 0.85em; font-weight: bold; margin: 0px; }
.eventiEIniziativeContainer .container .scroller_ItemDetails { margin: 0px; width: 120px; }
.eventiEIniziativeContainer .container #eventsFeedScroller { height: 64px; }

/*-------------- Radio Articolo 1 Container --------------*/
div.radioArticolo1Container { color: #000000; background-color: #FFFFFF; margin: 4px; }
.radioArticolo1Container table.container { width: 145px; margin: 10px; padding: 0; border-collapse: collapse; }
.radioArticolo1Container .container .header { height: 30px; }
.radioArticolo1Container .container .content { height: 88px; border: 0px solid #E5E5E5; padding: 30px 14px 4px 14px; background: #FFFFFF url(images/articolo1_box.png) no-repeat top left; }
.radioArticolo1Container .scroller_Item  { font-size: 0.8em; text-transform: uppercase; }
.radioArticolo1Container .scroller_ItemLink, 
	.radioArticolo1Container .scroller_ItemLink a, 
	.radioArticolo1Container .scroller_ItemLink a:hover, 
	.radioArticolo1Container .scroller_ItemLink a:visited { color: #000000; font-size: 0.85em; margin: 0px; width: 124px; }
.radioArticolo1Container .container .scroller_ItemDate { color: #CE142B; font-size: 0.85em; font-weight: bold; margin: 0px; }
.radioArticolo1Container .container .scroller_ItemDetails { margin: 0px; width: 120px; }
.radioArticolo1Container .container #articolo1Scroller { height: 44px; }

/*-------------- In Evidenza Container --------------*/
div.inEvidenzaContainer { width: 100%; color: #000000; background-color: #FFFFFF; margin: 0 0 10px 0; }
.inEvidenzaContainer .headerOuter { line-height: 10px; background: #FFFFFF url(images/red_top_left.png) no-repeat top left; }
.inEvidenzaContainer .headerInner { margin-left: 20px; padding-right: 20px; background: #FFFFFF url(images/red_top_right.png) no-repeat top right; }
.inEvidenzaContainer .headerInner .filler { border-top: 3px solid #E02D21; margin: 0; padding: 0; }
.inEvidenzaContainer .footerOuter { line-height: 10px; background: #FFFFFF url(images/red_bottom_left.png) no-repeat bottom left; }
.inEvidenzaContainer .footerInner { margin-left: 20px; background: #FFFFFF url(images/red_bottom_right.png) no-repeat bottom right; }
.inEvidenzaContainer .footerInner .filler { margin: 0 20px 0 0; border-bottom: 3px solid #E02D21; }
.inEvidenzaContainer .content { margin: 0; padding: 0 10px; border-left: 3px solid #E02D21; border-right: 3px solid #E02D21; }
.inEvidenzaContainer table.container { width: 100%; margin: 0; padding: 0px; }
.inEvidenzaContainer .container .title { margin: 0; padding: 0px; }
.inEvidenzaContainer .container .print { width: 100%; text-align: right; }

/*-------------- Notizie Container --------------*/
div.notizieContainer { width: 100%; color: #000000; background-color: #FFFFFF; margin: 0 0 10px 0; }
.notizieContainer .headerOuter { line-height: 10px; background: #FFFFFF url(images/gray_top_left.png) no-repeat top left; }
.notizieContainer .headerInner { margin-left: 20px; padding-right: 20px; background: #FFFFFF url(images/gray_top_right.png) no-repeat top right; }
.notizieContainer .headerInner .filler { border-top: 3px solid #E5E5E5; margin: 0; padding: 0; }
.notizieContainer .footerOuter { line-height: 10px; background: #FFFFFF url(images/gray_bottom_left.png) no-repeat bottom left; }
.notizieContainer .footerInner { margin-left: 20px; background: #FFFFFF url(images/gray_bottom_right.png) no-repeat bottom right; }
.notizieContainer .footerInner .filler { margin: 0 20px 0 0; border-bottom: 3px solid #E5E5E5; }
.notizieContainer .content { margin: 0; padding: 0 10px; border-left: 3px solid #E5E5E5; border-right: 3px solid #E5E5E5; }
.notizieContainer table.container { width: 100%; margin: 0; padding: 0px; }
.notizieContainer .container .title { margin: 0; padding: 0px; }
.notizieContainer .container .print { width: 100%; text-align: right; }

/*-----------------------------------------------*/
.Normal { text-align: left; }