/*
	FileName ....... : Miscellaneus.css
	TemplateName ... : Business 1
	Copyright ...... : 2012, ObjectWeb Srl - Tutti i diritti riservati
	Version ........ : 1.0.0
	Note ........... : CSS relativi ad utilit� generiche presenti in varie sezioni quiali: inputbox,
                      Breadcrumbs ("Briciole di pane"), Infobox, Barra delle azioni, ecc..
*/



/* 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-hour {
	width: 40px;
}

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

input.input-type-url {
	text-transform: lowercase;
	width: 300px;
}

input.input-type-zip {
	width: 70px;
}

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

select.input-type-article {
	width: 352px;
}

select.input-type-gallery {
	width: 352px;
}

input.input-type-optionbutton {
	margin-left: 0;
}

input.input-type-checkbox {
	margin-left: 0;
}

input.input-type-file {
	width: 200px;
}

input.input-type-password {
	width: 150px;
}

input.input-type-telephone-number {
	width: 150px;
}

input.input-type-fiscal-data {
	width: 200px;
	text-transform: uppercase;
}

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 {
   float: left;
   display: block;
   width: 260px;
   padding-right: 16px;
   text-align: right;
   vertical-align: middle;
}

.inputbox.horizontal select.dropdownlist-for-filter {
   float: left;
}

.inputbox.vertical label {
   padding-right: 16px;
   text-align: right;
   vertical-align: middle;
}

.inputbox .ow-container span.helptip {
   background: url("Images/InputboxHelpTip.png") no-repeat;
   display: inline-block;
   float: left;
   height: 16px;
   margin-left: 5px;
   width: 16px;
}

.inputbox .ow-container span.helptip div.tooltip {
    background-color: #E2E2E2;
    border: 1px solid #888888;
    color: #000000;
    display: none;
    left: 10px;
    padding: 6px;
    position: absolute;
    top: 0;
    width: 350px;
    z-index: 3;
}

.inputbox.vertical .input-div span .input-type-checkbox,
.inputbox.vertical .input-div span .input-type-optionbutton {
   float: left;
}

.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 .input-div span.upload-link-container {
	display: inline-block;
	font-size: 12px;
	padding-left: 10px;
	vertical-align: top;
}

.inputbox .input-div span.remove-link-container {
	display: inline-block;
	font-size: 12px;
	padding-left: 10px;
	vertical-align: top;
}

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

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

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

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

.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 {
   background: url(Images/ValidationRequired.gif) no-repeat right center;
   padding-right: 16px;
}

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

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

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

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

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

.inputbox .validation-summary {
   background-color: #FFFBD8; 
   border: 1px solid #CECECE;
   color: #4D544A;
   padding: 10px;
}

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

.inputbox .validation-summary ul {
}

.inputbox .validation-summary li {
   color: #C90000;
   list-style-position: outside;
	list-style-type: square;
	margin-left: 15px;   
}

#utility .section .validation-summary ul li,
#sidebar .section .validation-summary ul li {
	border: none;
	line-height: normal;
   list-style-position: outside;
	list-style-type: square;
	margin-left: 15px;   
	white-space: normal;
}

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

.inputbox .button {
	background: url("Images/ButtonBackground.png") repeat-x scroll 0 0 transparent;
   border: 1px solid #343932;
	border-radius: 4px 4px 4px 4px;
   color: #DDE0DC;          
   cursor: pointer;
	font-size: 14px;
   margin: 0 3px;
   outline: 0;
   overflow: visible;
   padding: 3px 10px;
   text-decoration: none;
   width: auto; 
}

.inputbox .button:hover {
	background-position: 0 -30px;
   border: 1px solid #343932;
	color: #232622;
}

.inputbox .button.step-current span,
.inputbox .button.step-enabled span {
	color: #232622;
}

.inputbox .button.step-current:hover,
.inputbox .button.step-disabled:hover {
   border: 1px solid #343932;
}

.inputbox .button.step-disabled:hover span {
	color: #DDE0DC;
}

.button:hover span {
	color: #232622;
}

.button span {
}

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



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

.breadcrumbs a {
}

.breadcrumbs a:hover {
}

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

.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 {
   background-color: #FFFFFF;
   border: 1px solid #CECECE;
	border-radius: 4px 4px 4px 4px;
   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;
}
/* ---------------------------------------------------------------------------------------------- */



/* Infobox
------------------------------------------------------------------------------------------------- */
#infobox {
   border: solid 1px #CECECE;
   margin: 10px 0;
   padding: 10px 10px 10px 35px;
   width: auto;
}

#infobox.information {
    background: url("Images/InfoboxInformation.png") no-repeat scroll 10px 10px #D3E0EA;
}

#infobox.warning {
    background: url("Images/InfoboxWarning.png") no-repeat scroll 10px 10px #FFFF78;
}

#infobox.error {
    background: url("Images/InfoboxError.png") no-repeat scroll 10px 10px #FF9F8C;
}
/* ---------------------------------------------------------------------------------------------- */



/* 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;
}
/* ---------------------------------------------------------------------------------------------- */