/* COLORS
#ccdbb2 -> verde chiaro
#3c60a3 -> verde scuro

#fff9ea -> giallo
#3c60a3 -> blu
*/

* {
   margin: 0em;
   padding: 0em;
}

h1, h2, h3, h4, h5, h6 {
   color: #444;
}

body {
   background: #3C60A3;
}

body, input, select, textarea {
   font-family: tahoma, sans-serif;
   font-size: 10pt;
   color: #333;
}

input.button {
   border-top: solid 1px #fff;
   border-left: solid 1px #fff;
   border-bottom: solid 1px #888;
   border-right: solid 1px #888;
   background-color: #eaeaea;
   color: #555;
   font-size: 0.8em;
   padding: 0.35em;
}

input.text {
   border-top: solid 1px #888;
   border-left: solid 1px #888;
   border-bottom: solid 1px #fff;
   border-right: solid 1px #fff;
   padding: 0.1em;
   margin-top: 0.25em;
   margin-bottom: 0.5em;
}

a {
   color: #006699;
   text-decoration: underline;
}

a:hover {
   text-decoration: none;
}

.disabled {
   color: #999;
}

/* Outer */
#outer {
   margin: 0 auto;
   width: 100%;
   min-width: 970px;
   background: #fff9ea;
}

#wrap {
   border-bottom: 1px solid #3C60A3;
}

/*****************************************************************************
	MENU
*****************************************************************************/

#menu_wrap {
   background: #6492E7;
}

.login #menu_wrap {
   border-bottom: 1px solid #3C60A3;
}

#menu {
   background: #3c60a3;
   border-bottom: 5px solid #6492E7;
   height: 40px;
}

#menu_wrap ul {
   padding: 0 20px;
   list-style: none;
   overflow: hidden;
   height: 1%;
}

#menu_wrap li {
   height: 20px;
   float: left;
   margin: 15px 0 0;
   padding: 5px 20px 0;
   font-size: 1em;
   font-weight: bold;
}

#menu_wrap li a {
   display: block;
   float: left;
   color: #fff;
   background-color: inherit;
   text-decoration: none;
}

#menu_wrap .current {
   background: #6492E7;
}

#menu_wrap li a:hover {
   text-decoration: underline;
}

#menu_wrap .current a {
   letter-spacing: 1px;
   font-weight: bold;
   text-decoration: none;
}

#submenu {
   min-width: 930px;
}

#submenu li {
   margin: 5px 0 0;
   padding: 5px 12px 10px;
   height: auto;
   font-size: 12px;
   font-weight: normal;
}

#menu_wrap #submenu .current {
   margin: 15px 0 0;
   padding: 5px 12px 0;
   background: #fff9ea;
   border: 1px solid #3c60a3;
   border-bottom: 0;
}

#menu_wrap #submenu .current a {
   color: #3c60a3;
   font-weight: normal;
}

#menu_wrap #help {
   position: absolute;
   top: 13px;
   right: 20px;
   padding: 0 0 0 20px;
   background: url(   '../images/icons/help.png' ) no-repeat 0 0;
}

#help a {
   color: #ffffff;
   text-decoration: none;
   font-variant: small-caps;
   letter-spacing: 1px;
   font-weight: bold;
}

#help a:hover {
   text-decoration: underline;
}

/*****************************************************************************
	CONTENT
*****************************************************************************/

#content {
   padding-left: 2em;
   padding-right: 2em;
}

.box {
   margin-bottom: 1.25em;
}

.boxContent {
   margin-top: 0.5em;
   padding: 1.25em 1em 0.25em 1em;
   background: #ffffff url(   '../images/standardized/a1.gif' ) top left repeat-x;
   border: 1px solid #3C60A3;
}

.boxContent .boxContent {
   margin: 0;
   padding: 0;
   border: 0;
   background: none;
}

/** boxA **/

.boxA .boxContent {
   margin-top: 0em;
   color: #fff;
   border-bottom: solid 1px #bb6600;
   background: #ff8800;
   padding: 1em 1.5em 1em 1em;
}

.boxA span {
   font-weight: bold;
   font-size: 0.8em;
}

.boxA a {
   background-color: inherit;
   color: #fff;
   font-size: 0.8em;
}

.boxA a:hover {
   text-decoration: none;
   border-bottom: solid 1px #ff9900;
}

.boxA input.button {
   margin-top: 0.25em;
   vertical-align: middle;
}

.boxA input.text {
   width: 100%;
}

/** boxB **/

.boxB .boxContent {
   margin-top: 0em;
   color: #fff;
   border-bottom: solid 1px #004466;
   background: #3c60a3;
   padding: 1em 1.5em 1em 1em;
}

.boxB span {
   font-weight: bold;
   font-size: 0.8em;
}

.boxB a {
   background-color: inherit;
   color: #fff;
   font-size: 0.8em;
}

.boxB a:hover {
   text-decoration: none;
   border-bottom: solid 1px #007799;
}

.boxB input.button {
   margin-top: 0.25em;
   vertical-align: middle;
}

.boxB input.text {
   width: 100%;
}

/** Content **/

#content p {
   margin-bottom: 1em;
   text-align: justify;
   line-height: 1.5em;
}

#content strong {
   color: #444;
}

#content h3 {
   font-size: 1.0em;
}

#content h2 {
   font-size: 1.25em;
   color: #3c60a3;
}

#content ul {
   margin-bottom: 1em;
   padding-left: 1em;
   line-height: 1.8em;
}

#content blockquote {
   padding: 1em;
   margin-bottom: 1.5em;
   border-left: solid 6px #3c60a3;
}

#content blockquote p {
   margin-bottom: 0em;
   line-height: 1.5em;
}

#content table {
   margin-bottom: 1.5em;
   width: 100%;
   clear: both;
}

#content .pager table {
   width: auto;
   margin: 15px 0 0;
   border-top: 1px solid #3c60a3;
   border-left: 1px solid #3c60a3;
   border-collapse: collapse;
}

#content .pager table td {
   padding: 5px 10px;
   border-bottom: 1px solid #3c60a3;
   border-right: 1px solid #3c60a3;
}

#content table th {
   text-align: left;
   font-weight: bold;
   padding: 0.5em;
   color: #444;
}

#content table td {
   padding: 0.5em;
}

#content table tr.rowA {
   background-color: #efefef;
   color: inherit;
}

#content table tr.rowB {
   background-color: #fafafa;
   color: inherit;
}

#content table tr.rowSel {
   background-color: #eeeeff;
   color: inherit;
}

#content table td {
   vertical-align: top;
}


#content table td.gridHeader {
   vertical-align: middle;
}
/* Primary Content */

#primaryContentContainer {
   float: right;
   margin-left: -19em;
   width: 100%;
}

#primaryContent {
   margin: 0em 0em 0em 15em;
   padding: 1.5em 2.5em 1.5em 2.5em;
}

#primaryContentNoMenu {
   margin: 0em 0em 0em 0em;
   padding: 2.5em 2.5em 1.5em 2.5em;
}

/* Secondary Content */

#secondaryContent {
   float: left;
   width: 13em;
   padding: 10em 2.5em 1.5em 2.5em;
   background: url(   '../images/vssp_lat.gif' ) no-repeat 50% 2em;
}

/* Footer */

#footer {
   background: #3c60a3;
   border-top: 5px solid #6492E7;
   text-align: center;
   padding: 1.5em 0em 1.5em 0em;
   color: #fff;
}

#footer a {
   color: #fff;
}

.clear {
   clear: both;
}

/* ---- WARNING & INFO ---- */

.msgbox {
   width: 500px;
   left: 150px;
   margin: 10px 100px;
   text-align: center;
   color: #FFF;
   background-color: #66AA00;
}

.msgbox h2 {
   color: #FFF;
   background-color: #66AA00;
}

.msgbox p {
   font-size: 9pt;
   padding: 2px 4px;
}

.warning {
   background-color: #B00;
   color: #EEE;
}

.warning h2 {
   background-color: #A00;
   color: #EEE;
}


/* Generic classes */

.hidden {
   display: none;
}


/* moduli */
div.richiesta {
   margin: 10px 0 4px 20px;
}

.form_raggruppa {
   margin: 30px 0;
   padding: 10px 0;
   border: 1px solid #d6d6d6;
}

.form_raggruppa .f_r_title {
   margin: -15px 0 20px 10px;
}

.form_raggruppa .f_r_title span {
   padding: 5px;
   background: #fff;
   border: 1px solid #d6d6d6;
}

.menu_lat {
   border-top: 3px solid #3c60a3;
   border-bottom: 3px solid #3c60a3;
}

.menu_lat, #content .menu_lat ul {
   margin: 0;
   padding: 0;
}

.menu_lat li {
   padding: 10px 5px;
   border-bottom: 1px solid #3c60a3;
   line-height: 14px;
   list-style: none;
}

.menu_lat li a {
   padding: 0 0 0 15px;
   background: url(   '../images/freccia.gif' ) no-repeat 0 50%;
}

/******************************************
	LOGIN
******************************************/

.login #primaryContent {
   margin: 0;
   padding: 2.5em 0 1.5em 0;
}

.login .box {
   width: 700px;
   margin: 0 auto;
   overflow: hidden;
   text-align: center;
}

#content p.vssp_login {
   text-align: center;
}

.login #content table {
   margin: -5px 0 0;
}

.login_sx, .login_dx {
   width: 305px;
   float: left;
}

.login_sx {
   margin: 0 90px 0 0;
}

/******************************************
	HELPCONTENT
******************************************/

.HelpContent {
   display: block; /*margin: 100px 0 0;*/
}

.HelpContent h3 {
   /*float: left !important; float: none;*/
   clear: both;
   padding: 3px 5px;
   background: #3c60a3;
   color: #fff;
   font-weight: normal;
   text-transform: uppercase;
}

#content .HelpContent p {
   clear: none;
   padding: 10px 5px;
   border: 1px solid #3c60a3;
   background: #fff;
   line-height: 16px;
   text-align: left;
   vertical-align: top;
}

/******************************************
	WELCOME
******************************************/

.welcome h2 span {
   padding: 4px 8px 10px;
   background: #3C60A3;
   color: #fff;
   font-weight: normal;
   letter-spacing: 1px;
   line-height: 30px;
}

.welcome .boxContent {
   margin: 0;
   padding: 1.25em 1em;
}

.welcome div.uniform li {
   margin: 5px 0 10px;
   list-style: none;
}

.welcome div.uniform ul {
   padding: 0pt 0pt 0.5em 1em;
   border-bottom: 1px solid #3C60A3;
}

.welcome div.uniform a.btn {
   float: none;
   padding: 5px 5px 5px 25px;
}

.welcome div.uniform label.description {
   font-size: 105%;
}


/*************************************
CUSTOM DEFINED
**************************************/

.divInfoModulo {
   display: block;
   border: solid 1px #f00;
   background-color: #fff;
   padding: 1em;
}

.table_minimal td {
   padding: 0.1em !important;
}

span.rosso {
   color: #EE0000;
   font-style: italic;
}

/**************************************
AJAX TOOLKIT CONTROLS
**************************************/

.ajax__calendar_container {
   z-index: 1000;
}

.ajax__calendar_container table td {
   padding: 0em !important;
}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }