/*
	Miscellaneus.css
	TemplateName: OwSupport (Id 158)
	Copyright (c) 2011, ObjectWeb Srl. All rights reserved.
	Version: 1.0.0
*/



/* InputBox (controlli per acquisizione / visualizzazione dati)
------------------------------------------------------------------------------------------------- */
input.input-type-text {
	width: 350px;
}

textarea.input-type-textarea {
	width: 350px;
}

input.input-type-email {
	width: 350px;
}

input.input-type-date {
	width: 80px;
}

input.input-type-time {
	width: 40px;
}

input.input-type-number {
	width: 78px;
	text-align: right;
	padding-right: 2px;
}

select.input-type-dropdownlist {
	width: 364px;
}

input.input-type-optionbutton {
}

input.input-type-checkbox {
	margin-top: 10px;
}

input.input-type-file {
}

div.email-body, pre.email-body {
   border: 1px solid #CECECE;
   margin-top: 5px;
   overflow: auto;
   padding: 3px;
   white-space: nowrap;
}

pre.email-body {
   white-space: pre-line;
}

.inputbox {
	width: auto;
}

.inputbox.horizontal label {
	color: #555555;
   display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;   
   padding-top: 8px;
   padding-right: 16px;
   width: 260px;
   text-align: right;
   vertical-align: middle;
}

.inputbox.vertical label {
	font-size: 12px;
	font-weight: bold;   
   padding-right: 16px;
   text-align: right;
   vertical-align: middle;
}

.inputbox .input-div span {
   display: block;
}

.inputbox .input-div span.search-from {
   display: inline;
   padding-right: 4px;
}

.inputbox .input-div span.search-to {
   display: inline;
   padding-left: 5px;
   padding-right: 4px;
}

.inputbox.horizontal .input-div span label {
   float: none;
   display: inline;
}

.inputbox .input-div label.option-label {
   padding-left: 5px;
   vertical-align: bottom;
}

.inputbox .legend {
   width: 100%;
   padding: 10px 0;
   font-size: 9px;
   text-align: right;
}

.inputbox .privacy-html {
   width: 100%;
   font-size: 12px;
   text-align: center;
}

.inputbox .ow-container {
   clear: both;
   width: 100%;
   display: inline-block;
}

.inputbox .ow-container.hidden {
   display: none;
}

.inputbox .input-div {
   width: auto;
}

.inputbox.vertical .input-div {
}

.inputbox.horizontal .input-div {
   float: left;
}

.inputbox.horizontal .validation-required {
   padding-right: 16px;
   background: url(Images/ValidationRequired.gif) no-repeat right center;
}

.inputbox.vertical .validation-required {
   padding-left: 16px;
   background: url(Images/ValidationRequired.gif) no-repeat left center;
}

.inputbox.horizontal .validation-optional {
   padding-right: 16px;
   background: url(Images/ValidationOptional.gif) no-repeat right center;
}

.inputbox.vertical .validation-optional {
   padding-left: 16px;
   background: url(Images/ValidationOptional.gif) no-repeat left center;
}

.inputbox .validation-highlight {
   background: url(Images/ValidationError.gif) repeat-x left bottom;
}

.inputbox label.validation-error-label {
   width: auto;
   float: none;
   display: block;
   text-align: left;
   color: #336699;
   padding: 2px 0 2px 20px;
   background: url(Images/ValidationAlert.gif) no-repeat left center;
}

.inputbox .validation-summary {
   color: #007993;
   margin: 4px 0;
   padding: 2px;
   border: 2px solid #E3D85A;
   background-color: #FFFBD8; 
}

.inputbox .validation-summary h4 {
   font-size: 14px;
   font-weight: bold;
   padding: 2px;
}

.inputbox .validation-summary ul {
}

.inputbox .validation-summary li {
   color: #FF0000;
   margin-left: 4px;
   list-style-type:disc;
   list-style-position: inside;
}

.inputbox .buttons {
   padding: 15px 0px;
   text-align: center;
}

.inputbox select,
.inputbox input[type=text],
.inputbox input[type=password],
.inputbox textarea {
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	color: #666666;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
	padding: 5px;
	border: 2px solid #CCCCCC;
}

.inputbox select:focus,
.inputbox input[type=text]:focus,
.inputbox input[type=password]:focus,
.inputbox textarea:focus {
	background: #FFFFFF none repeat scroll 0 0;
	border: 2px solid #EF9E4D;
}

.inputbox .button {
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	color: #FFFFFF;
	font-family:  Arial, Verdana,sans-serif;
	font-size: 1.1em;
	padding: 5px 20px;
   background-color: #395C8A;
   border: 3px solid #AAC3E0;
}

.inputbox a.button {
	text-decoration: none;
}

.inputbox .button:hover {
   background-color: #5878A2;
   border: 3px solid #AAC3E0;
}

.button:hover span {
}

.button span {
}

button.button-secondary, 
input.button-secondary, 
a.button-secondary {
   font-weight: bold;
}
/* ---------------------------------------------------------------------------------------------- */



/* Breadcrumbs (briciole di pane)
------------------------------------------------------------------------------------------------- */
.breadcrumbs {
	width: auto;
	overflow: hidden;
}

.breadcrumbs a {
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

.breadcrumbs span.separator {
   background: url(Images/BreadcrumbsSeparator.png) no-repeat;
   display: inline-block;
   height: 9px;
   margin: 6px 6px 0px 6px;
   overflow: hidden;
   vertical-align: top;
   width: 9px;
}

.breadcrumbs span.current {
   font-weight: bold;
}

#site-breadcrumbs div.description {
	color: #808080;
	float: left;
	font-size: 90%;
	font-weight: bold;
	overflow: hidden;
	padding: 2px 10px 0 0;
	text-transform: uppercase;
}

.innersection-breadcrumbs .breadcrumbs {
	padding-bottom: 10px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Actions (azioni riguardanti una sezione particolare di pagina - es. Documenti Web o Articoli)
------------------------------------------------------------------------------------------------- */
.actions {
   -moz-border-radius-bottomleft: 6px;
   -moz-border-radius-bottomright: 6px;
   -moz-border-radius-topleft: 6px;
   -moz-border-radius-topright: 6px;
   background-color: #FFFFFF;
   border: 1px solid #CECECE;
   height: 48px;
   padding: 8px;
}

.actions a {
   width: auto;
   height: 32px;
   padding: 0;
   padding-left: 5px;
   padding-right: 5px;
   display: inline-block;
   cursor: pointer;
   text-decoration: none;
}

.actions a:hover {
}

.actions a span {
   display: block;
   padding-top: 32px;
}

.actions span.separator {
   height: 1px;
   width: 25px;
   display: inline-block;
}
/* ---------------------------------------------------------------------------------------------- */



/* Barra di comandi per profilo utente, registrazione, ecc.
------------------------------------------------------------------------------------------------- */
ul.list-command {
	height: 44px;
	list-style-type: none;	
	margin: 0px;
	padding: 0px;
   text-align: center;
}

ul.list-command li {
	border: none;
	float: left;
 	list-style: none;
	margin-right: 10px;
	margin-top: 5px;
	text-align: center;
}

ul.list-command li a.selected,   
ul.list-command li a:hover {   
   background-position: 0 -34px;
   cursor: pointer;
}

ul.list-command li a {
   background: transparent url(Images/ListCommand.gif) no-repeat 0 0px;
   display: block;
	font-size: 12px;
   list-style: none;
	height: 34px;
   outline: 0;
   width: 180px;
   text-align: center;
   margin: 0 auto;
}

ul.list-command li a,
ul.list-command li a:hover {
	text-decoration: none;
}
/* ---------------------------------------------------------------------------------------------- */



/* Infobox
------------------------------------------------------------------------------------------------- */
#infobox {
   width: auto;
   margin: 4px 0px;
   padding: 2px;
   border: solid 1px #CECECE;
   -moz-border-radius-bottomleft: 6px;
   -moz-border-radius-bottomright: 6px;
   -moz-border-radius-topleft: 6px;
   -moz-border-radius-topright: 6px;
}

#infobox div {
   color: #696767;
   padding: 4px;
   font-size: 14px;
   font-weight: bold;
}

#infobox img {
   vertical-align: middle;
}
/* ---------------------------------------------------------------------------------------------- */



/* Global classes
------------------------------------------------------------------------------------------------- */
.clear { clear: both; } 
.noborder { border: 0; }
.hidden { display: none; }
.shown { display: block; }
/* ---------------------------------------------------------------------------------------------- */



/* Feedback
------------------------------------------------------------------------------------------------- */
.feedback .privacy-field input {
    float: left;
    max-width: 14px;
    height: 14px !important;
}
/* ---------------------------------------------------------------------------------------------- */