/* ---------------------------------------------------------------------------------------------------------------------------
/  Caratteristiche globali
/----------------------------------------------------------------------------------------------------------------------------*/

body {
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #123F6B;
}

h1 {
    font-size: 16px;
    font-weight: bold;
}

h2 {
    font-size: 14px;
    font-weight: bold;
}

h3 {
    font-size: 12px;
    font-weight: bold;
}

img {
    border: none 0px;
}

/* ---------------------------------------------------------------------------------------------------------------------------
/  Gestione Header
/----------------------------------------------------------------------------------------------------------------------------*/

.TabHeaderSx {
	width: 50%;
	background-image: url(../_img/HeaderBack.jpg);
}

.TabHeaderCenter {
	width: 538px;
	height: 107px;
}

.TabHeaderDx {
	width: 50%;
	background-image: url(../_img/HeaderBack.jpg);		
}

/* ---------------------------------------------------------------------------------------------------------------------------
/  Gestione Bottom
/----------------------------------------------------------------------------------------------------------------------------*/

.TabBottom {
	width: 100%;
	height: 48px;
	background-image: url(../_img/BottomBack.jpg);
	text-align: center;
	padding-top: 10px;
	color: #FFFFFF;
}

/* ---------------------------------------------------------------------------------------------------------------------------
/  Gestione Pannello Sinistra
/----------------------------------------------------------------------------------------------------------------------------*/

.TabPanelSx {
	vertical-align: top;
	text-align: right;
	background-color: #e7ecf0;
	padding-right: 5px;
    padding-bottom: 30px;
	background-image: url(../_img/DivisoreBack.jpg);
	background-repeat: repeat-x;
}

.TabMenu {
	width: 170px;
	height: 21px;
	background-image: url(../_img/MenuBack.jpg);
	background-repeat: no-repeat;
	color: #ffffff;
	text-align: left;
	padding-left: 20px;
	padding-top: 3px;
	cursor: pointer;
	float: right;
	clear: both;
}

.TabSubMenu {
	width: 170px;
	height: 21px;
	background-color: #e5f5fe;
	text-align: left;
	padding-left: 20px;
	padding-top: 3px;
	float: right;
	clear: both;
}

    .TabSubMenu a:link {
	    text-decoration: none;
    	color: #123f6b;
    }

    .TabSubMenu a:visited {
	    text-decoration: none;
    	color: #123f6b;
    }

    .TabSubMenu a:hover {
	    text-decoration: underline;
	    color: #006cab;
    }

.TabSubMenuSelected {
	width: 170px;
	height: 21px;
	background-color: #bfdfed;
	text-align: left;
	padding-left: 20px;
	padding-top: 3px;
	float: right;
	clear: both;
}

.TabPanelSxTitle {
	width: 185px;
	height: 17px;
	background-color: #006cab;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	padding-top: 3px;
	float: right;
	clear: both;
}

.TabPanelSxLink {
	width: 170px;
	height: 21px;
	background-color: #e5f5fe;
	text-align: left;
	padding-left: 20px;
	padding-top: 8px;
	float: right;
	clear: both;
}

    .TabPanelSxLink a:link {
	    text-decoration: none;
    	color: #123f6b;
    }

    .TabPanelSxLink a:visited {
	    text-decoration: none;
    	color: #123f6b;
    }

    .TabPanelSxLink a:hover {
	    text-decoration: underline;
	    color: #006cab;
    }

.TabDocs {
	width: 150px;
	height: 30px;
	background-image: url(../_img/_docs.gif);
	background-repeat: no-repeat;
	background-color: #e5f5fe;
	text-align: left;
	padding-left: 40px;
	padding-top: 8px;
	float: right;
	clear: both;
}

    .TabDocs a:link {
	    text-decoration: none;
    	color: #123f6b;
    }

    .TabDocs a:visited {
	    text-decoration: none;
    	color: #123f6b;
    }

    .TabDocs a:hover {
	    text-decoration: underline;
	    color: #006cab;
    }

.TabSissiWeb {
	width: 190px;
	height: 70px;
	background-color: #e5f5fe;
	text-align: center;
	padding-top: 5px;
	float: right;
	clear: both;
}

.TabDocsClassi {
	width: 190px;
	background-color: #e5f5fe;
	text-align: center;
	padding-top: 5px;
	float: right;
	clear: both;
}

.TabSeparatorSx {
	width: 190px;
	height: 10px;
	float: right;
	clear: both;
}

/* ---------------------------------------------------------------------------------------------------------------------------
/  Gestione Pannello Destra
/----------------------------------------------------------------------------------------------------------------------------*/

.TabPanelDx {
	vertical-align: top;
	text-align: left;
	background-color: #e7ecf0;
	padding-left: 5px;
    padding-bottom: 30px;
	background-image: url(../_img/DivisoreBack.jpg);
	background-repeat: repeat-x;
}	

.TabSincert {
	width: 168px;
	height: 195px;
	background-color: #FFFFFF;
	border: 1px;
	border-style: solid;
	border-color: #006cab;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
}

.TabPanelTitle {
	width: 185px;
	height: 17px;
	background-color: #006cab;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 3px;
}

.TabPanel {
	width: 190px;
	background-color: #e5f5fe;
	text-align: center;
	padding-bottom: 3px;
}

.TabSeparatorDx {
	width: 190px;
	height: 5px;
}

.TabPanelDxLink {
	width: 170px;
	height: 21px;
	background-color: #e5f5fe;
	text-align: left;
	padding-left: 20px;
	padding-top: 8px;
}

    .TabPanelDxLink a:link {
	    text-decoration: none;
    	color: #123f6b;
    }

    .TabPanelDxLink a:visited {
	    text-decoration: none;
    	color: #123f6b;
    }

    .TabPanelDxLink a:hover {
	    text-decoration: underline;
	    color: #006cab;
    }

.TabPrivacy {
	width: 150px;
	height: 30px;
	background-image: url(../_img/_docs.gif);
	background-repeat: no-repeat;
	background-color: #e5f5fe;
	text-align: left;
	padding-left: 40px;
	padding-top: 8px;
	float: left;
	clear: both;
}

    .TabPrivacy a:link {
	    text-decoration: none;
    	color: #123f6b;
    }

    .TabPrivacy a:visited {
	    text-decoration: none;
    	color: #123f6b;
    }

    .TabPrivacy a:hover {
	    text-decoration: underline;
	    color: #006cab;
    }

/* ---------------------------------------------------------------------------------------------------------------------------
/  Gestione Pannello Centrale
/----------------------------------------------------------------------------------------------------------------------------*/

.TabPanelCenter {
	width: 538px;
	vertical-align: top;
    padding-bottom: 30px;
}

.TabImgTop {
	width: 538px;
	height: 230px;
	background-image: url(../_img/ImgTopBack.jpg);
	background-repeat: no-repeat;	
}

.TabBreadCrumbs {
	width: 498px;
	height: 19px;
	color: #ffffff;
	background-image: url(../_img/BreadCrumbsBack.jpg);
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-top: 5px;
	font-weight: bold;
}

    .TabBreadCrumbs a:link {
	    text-decoration: none;
    	color: #ffffff;
    }

    .TabBreadCrumbs a:visited {
	    text-decoration: none;
    	color: #ffffff;
    }

    .TabBreadCrumbs a:hover {
	    text-decoration: underline;
	    color: #ffffff;
    }

.TabContainer {
	width: 518px;
	padding-left: 10px;
	padding-right: 10px;
}

.TabContent {
    width: 100%;
    vertical-align: top;
    text-align: justify;
    padding-left: 5px;
    padding-right: 5px;
}

/* ---------------------------------------------------------------------------------------------------------------------------
/  Gestione Link
/----------------------------------------------------------------------------------------------------------------------------*/

a:link {
	text-decoration: none;
	color: #715821;
}

a:visited {
	text-decoration: none;
	color: #715821;
}

a:hover {
	text-decoration: underline;
	color: #715821;
}

/* ---------------------------------------------------------------------------------------------------------------------------
/  Gestione News
/----------------------------------------------------------------------------------------------------------------------------*/

.TabImg
{
    width: 20%;
}

.TabFiltri
{
    width: 80%;
    font-weight: bold;
    text-align: right;
}

.TabNewsItem
{
    width: 100%;
    background-color: #faf9f9;
    padding: 5px 10px 5px 10px;
}

.TabNewsAlternateItem
{
    width: 100%;
    background-color: #f3f1f1;
    padding: 5px 10px 5px 10px;
}

.TabNewsIcon 
{
    width: 34px;
    height: 18px;
}

.TabNewsTitolo
{
    width: 80%;
    height: 18px;
}

.TabNewsData
{
    width: 20%;
    height: 18px;
}

.TabNewsTesto 
{
    width: 100%;
    vertical-align: top;
    text-align: justify;
}

.TabNewsAllegato
{
    width: 100%;
    text-align: right;
}

.TabNewsSeparator 
{
    height: 5px;
}

.TabNewsPager 
{
    text-align: right;
}

/*---------------------------------------------------------------------------------------------------------------------------
/  Gestione Credits
/----------------------------------------------------------------------------------------------------------------------------*/

a.Credits:link {
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
}

a.Credits:hover {
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

a.Credits:visited {
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
}

/*-----------------------------------------------------------------------------------------------------------------------------
/  Gestione Amministrazione
/----------------------------------------------------------------------------------------------------------------------------*/

.TabAdmin {
	vertical-align: middle;
	text-align: right;
}

.TabAdminMenu {
    width: 20%;
	vertical-align: top;
	text-align: right;
	background-color: #e7ecf0;
	padding-right: 5px;
	background-image: url(../_img/DivisoreAdminBack.jpg);
	background-repeat: repeat-x;
}

.TabAdminContainer {
	width: 80%;
	height: 440px;
	vertical-align: top;
	background-image: url(../_img/DivisoreAdminBack.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	padding-left: 20px;
	padding-top: 40px;
}

.TabAdminContent {
	width: 800px;
	vertical-align: top;
}

/*-----------------------------------------------------------------------------------------------------------------------------
/  Gestione FORM
/----------------------------------------------------------------------------------------------------------------------------*/

.FormRow {
    height: 25px;
}

.lbl {

}

.lblBold {
    font-weight: bold;
}

.BlockTitle {
    height: 20px;
    vertical-align: middle;
    background-color: #123F6B;
    font-weight: bold;    
    color: #FFFFFF;
    padding-left: 5px;
}

.BlockDiv {
    width: 800px;
    border: solid 1px #123F6B;
    font-weight: bold;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
}

.FormLabel {
    font-weight: bold;
    width: 150px;
    text-align: right;
    vertical-align: top;
    padding-top: 5px;
    padding-right: 10px;
}

.FormLabelBig {
    font-weight: bold;
    width: 470px;
    text-align: right;
    vertical-align: top;
    padding-top: 5px;
    padding-right: 10px;
}

.FormLabelDesc {
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding-top: 5px;
    padding-right: 10px;
}

.FormField {
    text-align: left;
    vertical-align: top;
    padding-bottom: 5px;
}

.FormButtons {
    text-align: right;
    padding-top: 5px;
}

.ddl {
    background-color: #e7ecf0;
}

.btnFrecce {
    font-size: 10px;
    background-color: #1b5083;
    border-style:outset;
    color: #ffffff;
}

.btnFrecceDisabled {
    font-size: 10px;
}

.lblErr {
    font-weight: bold;
    color: Red;
}

.txt {
	background-color: #e7ecf0;
	border-style: solid;
	border-width: 1px;
	border-color: #123F6B;
	padding-left: 2px;
	width: 145px;
}

.btn {
    width: 80px;
	background-color: #123F6B;
	color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #123F6B;
}

.ib {
    cursor: pointer;
}

.lb {
    font-weight: bold;
}

.gv
{
    width: 100%;
    border: solid 1px #123F6B;
    text-align: left;
}

.gvHeader
{
	height: 20px;
	background-color: #123F6B;
	font-weight: bold;
	color: #ffffff;
	padding-left: 5px;
	text-align: center;
}

.gvPager
{
    background-color: #123F6B;
	font-weight: bold;
	color: #ffffff;
    text-align: right;
}

.gvRow
{
    background-color: #faf9f9;
}

.gvAltRow
{
    background-color: #f3f1f1;
}

.gvJustifyCell
{
    text-align: justify;
}

.gvCenterCell
{
    text-align: center;
}

.gvRightCell
{
    text-align: right;
}

.gvJustifyBoldCell
{
    text-align: justify;
    font-weight: bold;
}

.gvCenterBoldCell
{
    text-align: center;
    font-weight: bold;
}

.gvRightBoldCell
{
    text-align: right;
    font-weight: bold;
}

.Calendar {
    border: solid 1px #646464;
    background-color: #a9bec7;
    color: #00365b;
}

.Calendar .ajax__calendar_today {
    background-color: #00365b;
    color: #ffffff;
}

.Calendar .ajax__calendar_active {
    color: #00365b;
    font-weight: bold;
}

/*
    * .ajax__calendar_container : The outer rectangular container that supplies the border around the calendar element. Child Css classes: .ajax__calendar_header,.ajax__calendar_body,.ajax__calendar_footer.
    * .ajax__calendar_header : A container element that holds the next and previous arrows and the title of the current view. Child Css classes: .ajax__calendar_prev, .ajax__calendar_title, .ajax__calendar_next.
    * .ajax__calendar_prev : An element that displays the arrow to view the previous set of data in the view(previous month/year/decade). Child Css classes: none.
    * .ajax__calendar_title : An element that displays the title of the current view (month name, year, decade). Child Css classes: none.
    * .ajax__calendar_next : An element that displays the arrow to view the previous set of data in the view (previous month/year/decade). Child Css classes: none.
    * .ajax__calendar_body : A container element that holds the days, months, and years panes. Also provides a fixed rectangle with hidden overflow that is used for transitioning between views (next/previous month, or days/months/years).Child Css class: .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years.
    * .ajax__calendar_days : A container element that holds the layout for the days in a month. Child Css classes: .ajax__calendar_dayname, .ajax__calendar_day
    * .ajax__calendar_dayname : An element that displays the short name of the day of the week. Child Css classes: none.
    * .ajax__calendar_day : An element that displays the day of the month. Child Css classes: none
    * .ajax__calendar_months : A container element that holds the layout for the months in a year. Child Css classes: .ajax__calendar_month.
    * .ajax__calendar_month : An element that displays the month of the year. Child Css classes: none
    * .ajax__calendar_years : A container element that holds the layout for the years in a decade. Child Css classes: .ajax__calendar_year.
    * .ajax__calendar_year : An element that displays the year in a decade. Child Css classes: none
    * .ajax__calendar_footer : A container element that holds the current date. Child Css classes: .ajax__calendar_today.
    * .ajax__calendar_today : An element that displays the current date. Child Css classes: none.
    * .ajax__calendar_hover : This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show a hover state. Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year
    * .ajax__calendar_active : This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show the currently selected value. Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year.
    * .ajax__calendar_other : This is applied to an element in the DOM above a day or year that is outside of the current view (day not in the visible month, year not in the visible decade). Child Css classes: .ajax__calendar_day, .ajax__calendar_year.
*/