body {
	font-family: Verdana;
	font-size: 8pt;
	color: #000000;
	background-image: url('/images/motif.jpg');
	background-position: top-left;
}

html, div, td, p, a, a:link, a:active, a:visited {
	font-size: 8pt;
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
}


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #006C9D;
	font-weight: bold;
    letter-spacing: 2px;
	border-bottom: #DDC500 solid 1px;
	text-align: justify;
	vertical-align: middle;
	padding-bottom: 2px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #d50005;
	font-weight: bold;
    letter-spacing: 3px;
	text-align: justify;
	vertical-align: middle;
}

h3 {
	font-size: 10pt;
}

input, input.button, select, textarea, option {
	font-size: 8pt;
	font-family: Verdana;
	border: 1px solid lightgrey;
}

.error {
	background-image: url('/icons/inactive.png');
	background-repeat: no-repeat;
	background-position: middle left;
	padding-left: 20px;
	color: #FF0000;
	font-weight: bold
}

.message {
	background-image: url('/icons/active.png');
	background-repeat: no-repeat;
	background-position: middle left;
	padding-left: 20px;
	color: #0000FF;
	font-weight: bold
}

div.button {
	border: 1px solid #d50005;
	width: 80px;
	height: 20px;
	vertical-align: middle;
}

label.mandatory {
	font-weight: bold;
}

label.optional {
	font-weight: bold;
}

input.mandatory {
	border: 2px solid blue;
}

input.optional {
}

div#container {
	width: 950px;
}

div#content-header {
	background-image: url('/images/Banner.png');
	background-repeat: no-repeat;
	background-position: middle center;
	width: 100%;
	height: 140px;
}

div#content-body {
	width: 100%;
	padding-top: 5px;
}

#left-side {
	vertical-align: top;
	width:200px;
	padding-right: 2px;
	padding-left: 4px;
}

#central-area {
	vertical-align: top;
	width: 550px;
	padding-left: 2px;
	padding-right: 2px;
}

#right-side {
	vertical-align: top;
	width:200px;
	padding-left: 2px;
	padding-right: 4px;
}

div#content-container {
	width: 100%;
}


.image-box {
	border: 1px lightgrey solid;
	padding: 4px;
	width: 150px;
	height: 150px;
	text-align: center;
}

div.image-desc {
	font-style: italic;
	color: lightgrey;
	width: 100%;
	text-align: center;
}

div.image-action {
	float: bottom;
	width: 100%;
	text-align: center;
}

/* Barra navigazione primo livello */

div#nav-bar {
	width: 100%;
	height: 20px;
	padding-top: 0px;
	text-align: center;
}

div#nav-bar .nav-cell {
	width: 100px;
	text-align: center;
	font-size: 8pt;
	background-color: #006C9D;
	float: left;
}

div#nav-bar a, div#nav-bar a:ACTIVE, div#nav-bar a:LINK, div#nav-bar a:VISITED, div#nav-bar a:HOVER {
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006C9D;
}

/*Percorso di navigazione*/
div#navPath {
	height: 18px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 8pt;
	padding: 5px
}

div#navPath a {
	color: #FFFFFF;
	font-weight: bold;
}

div#navPath a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

/*Menu di sezione*/
div#section-nav {
	font-size: 9pt;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 2px;
}

div#section-nav .nav-entry {
	padding-bottom: 4px;
}

div#section-nav a {
	color: #006C9D;
}

div#nav-footer {
	background-color: #006C9D;
	width: 100%;
	height: 20px;
	-border-bottom: 1px solid #000000;
	-text-align: center;
	vertical-align: middle;
}

div#nav-footer .nav-cell {
	width: 60px;
	text-align: center;
	font-size: 8pt;
	background-color: #006C9D;
}

div#nav-footer a, div#nav-footer a:ACTIVE, div#nav-footer a:LINK, div#nav-footer a:VISITED {
	font-size: 7pt;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	white-space: nowrap;
	background-color: #b28e22;
}

div#content-body {
}

#leftSideBar {
	width: 150px;
	vertical-align: top;
	background-color: #FFFFFF;
	padding-right: 5px;
}

#rightSideBar {
	width: 150px;
	vertical-align: top;
	background-color: #FFFFFF;
}

#centerBodyArea {
	background-image: url('/images/body_bg.jpg');
	background-color: #FFFFFF;
	background-position: top right;
	background-repeat: no-repeat;
	min-height: 590px;
	vertical-align: top;
	text-align: left;
}

div#content-footer {
	background: #dac701;
	text-align: center;
	font-size: 8pt;
	height: 30px;
}


.label {
	font-weight: bold;
	font-size: 8pt;
}

.text {
	font-weight: normal;
	font-size: 8pt;
}

td.result-column {
	border: 1px solid gray;
}

th.result-column {
	border-bottom: 1px solid gray;
	font-weight: bold;
}

div.group-selected {
	font-weight: bold;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	text-alignment: right;
	height: 25px;
}

div.group-unselected {
	font-weight: normal;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	text-alignment: right;
	height: 25px;
}
/*box*/













td.box_tl_dark {
	background:url('/images/box_bg.png') 0px 0px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}

td.box_t_dark {
	border-top: 1px solid #FFFFFF;
	background-color: #006C9D;
	height: 5px;
	font-size: 0px;
}

td.box_tr_dark {
	background:url('/images/box_bg.png') -25px 0px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}

td.box_title_dark {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #006C9D;
	height: 20px;
	color: #006C9D;
}

td.box_content_dark {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #006C9D;
}

td.box_bl_dark {
	background:url('/images/box_bg.png') 0px -25px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}

td.box_b_dark {
	border-bottom: 1px solid #FFFFFF;
	background-color: #006C9D;
	height: 5px;
	font-size: 0px;
}

td.box_br_dark {
	background:url('/images/box_bg.png') -25px -25px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}













td.box_tl_light {
	background:url('/images/box_bg.png') -30px 0px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}

td.box_t_light {
	border-top: 1px solid #006C9D;
	background-color: #FFFFFF;
	height: 5px;
	font-size: 0px;
}

td.box_tr_light {
	background:url('/images/box_bg.png') -55px 0px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}

td.box_title_light {
	border-left: 1px solid #006C9D;
	border-right: 1px solid #006C9D;
	background-color: #FFFFFF;
	height: 20px;
	color: #006C9D;
}

td.box_footer_light {
	border-left: 1px solid #006C9D;
	border-right: 1px solid #006C9D;
	background-color: #FFFFFF;
	height: 20px;
	color: #006C9D;
}

td.box_content_light {
	border-left: 1px solid #006C9D;
	border-right: 1px solid #006C9D;
	background-color: #FFFFFF;
}

td.box_bl_light {
	background:url('/images/box_bg.png') -30px -25px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}

td.box_b_light {
	border-bottom: 1px solid #006C9D;
	background-color: #FFFFFF;
	height: 5px;
	font-size: 0px;
}

td.box_br_light {
	background:url('/images/box_bg.png') -55px -25px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}













td.box_tl_titled {
	background:url('/images/box_bg.png') -90px 0px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}

td.box_t_titled {
	border-top: 1px solid #DDC500;
	background-color: #DDC500;
	height: 5px;
	font-size: 0px;
}

td.box_tr_titled {
	background:url('/images/box_bg.png') -115px 0px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}

td.box_title_titled {
	border-left: 1px solid #DDC500;
	border-right: 1px solid #DDC500;
	background-color: #DDC500;
	height: 22px;
	padding-left: 5px;
	vertical-align: top;
	padding-top: 2px;
	color: #FFFFFF;
	font-weight: bold;
}

td.box_footer_titled {
	border-left: 1px solid #DDC500;
	border-right: 1px solid #DDC500;
	background-color: #FFFFFF;
	height: 20px;
	color: #DDC500;
}

td.box_content_titled {
	border-left: 1px solid #DDC500;
	border-right: 1px solid #DDC500;
	background-color: #FFFFFF;
	vertical-align: top;
}

td.box_bl_titled {
	background:url('/images/box_bg.png') -90px -25px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}

td.box_b_titled {
	border-bottom: 1px solid #DDC500;
	background-color: #FFFFFF;
	height: 5px;
	font-size: 0px;
}

td.box_br_titled {
	background:url('/images/box_bg.png') -115px -25px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}













td.box_tl_gold {
	background:url('/images/box_bg.png') -120px 0px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}

td.box_t_gold {
	border-top: 1px solid #DDC500;
	background-color: #DDC500;
	height: 5px;
	font-size: 0px;
}

td.box_tr_gold {
	background:url('/images/box_bg.png') -145px 0px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}

td.box_title_gold {
	border-left: 1px solid #DDC500;
	border-right: 1px solid #DDC500;
	background-color: #DDC500;
	height: 20px;
	color: #DDC500;
}

td.box_footer_gold {
	border-left: 1px solid #DDC500;
	border-right: 1px solid #DDC500;
	background-color: #DDC500;
	height: 20px;
	color: #DDC500;
}

td.box_content_gold {
	border-left: 1px solid #DDC500;
	border-right: 1px solid #DDC500;
	background-color: #DDC500;
	vertical-align: top;
}

td.box_bl_gold {
	background:url('/images/box_bg.png') -120px -25px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}

td.box_b_gold {
	border-bottom: 1px solid #DDC500;
	background-color: #DDC500;
	height: 5px;
	font-size: 0px;
}

td.box_br_gold {
	background:url('/images/box_bg.png') -145px -25px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}













td.box_tl_contentbody {
	background:url('/images/box_bg.png') -30px 0px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}

td.box_t_contentbody {
	border-top: 1px solid #006C9D;
	background-color: #FFFFFF;
	height: 5px;
	font-size: 0px;
}

td.box_tr_contentbody {
	background:url('/images/box_bg.png') -55px 0px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}

td.box_title_contentbody {
	border-left: 1px solid #006C9D;
	border-right: 1px solid #006C9D;
	background-color: #FFFFFF;
	height: 20px;
	color: #006C9D;
}

td.box_footer_contentbody {
	border-left: 1px solid #006C9D;
	border-right: 1px solid #006C9D;
	background-color: #FFFFFF;
	height: 20px;
	color: #006C9D;
}

.box_content_contentbody {
	border-left: 1px solid #006C9D;
	border-right: 1px solid #006C9D;
	background-color: #FFFFFF;
	background-image: url('/images/body_bg.jpg');
	background-position: right top;
	background-repeat: no-repeat;
	padding: 3px;
	moz-min-height: 600px;
	vertical-align: top; 
	display : table-cell;
}

td.box_bl_contentbody {
	background:url('/images/box_bg.png') -30px -25px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}

td.box_b_contentbody {
	border-bottom: 1px solid #006C9D;
	background-color: #FFFFFF;
	height: 5px;
	font-size: 0px;
}

td.box_br_contentbody {
	background:url('/images/box_bg.png') -55px -25px no-repeat;
	width: 5px;
	height: 5px;
	font-size: 0px;
}

/* Calendario Eventi */
td.calendar_day {
	text-align: center;
	border: 1px solid grey;
	font-size: 8pt;
	width: 20px;
	height: 20px;
}

td.calendar_today {
	font-weight: bold;
}

td.calendar_event {
	background-color: yellow;
}

#calendar_schedule th {
	font-size: 8pt;
	width: 20px;
	height: 20px;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

#rich-content a, 
#rich-content a:link, 
#rich-content a:active, 
#rich-content a:visited, 
#rich-content a:hover  {
	text-decoration: underline;
	color: blue;
}

div.pagelinks {
	display: table;
	float: none;
	text-align: center;
}

div.page-selected {
	display: table-cell;
	border: 1px solid lightgrey;
	float: left;
	width: 15px;
	height: 15px;
	text-align: center;
	margin: 2px;
	font-weight: bold;
}

div.page-unselected {
	display: table-cell;
	border: 1px solid #FFFFFF;
	float: left;
	width: 15px;
	height: 15px;
	text-align: center;
	margin: 2px;
	color: blue;
}

a.page-unselected {
	color: blue;
}

div.page-move {
	display: table-cell;
	border: 1px solid #FFFFFF;
	float: left;
	height: 15px;
	text-align: center;
	margin: 2px;
	color: blue;
}

a.page-move {
	color: blue;
}