/*
	Miscellaneus.css
	TemplateName: ObjectWeb Services (Id 51)
	Copyright (c) 2009, ObjectWeb Srl. All rights reserved.
	Version: 1.0.0
*/



/* InputBox
------------------------------------------------------------------------------------------------- */
input.input-type-text {
	width: 350px;
}

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

input.input-type-email {
    text-transform: lowercase;
	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;
}

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

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

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

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

input.input-type-optionbutton {
}

input.input-type-checkbox {
}

input.input-type-file {
}

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.vertical label {
   padding-right: 16px;
   text-align: right;
   vertical-align: middle;
}

.inputbox .ow-container span.helptip {
   background-image: url("Images/DataManagementHelpTip.png");
   background-repeat: no-repeat;
   display: inline-block;
   float: left;
   height: 16px;
   width: 20px;
   
}
.inputbox .ow-container span.helptip div.tooltip {
    background-color: #CEEBFF;
    border: 1px solid #3FA2D1;
    color: #000000;
    display: none;
    left: 10px;
    padding: 6px;
    position: absolute;
    top: 0;
    width: 350px;
    z-index: 3;
}

.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 .ow-container {
   clear: both;
   width: 100%;
   padding: 4px 0;
   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: #F00;
   padding-bottom: 2px;
   padding-left: 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: 10px 0px;
   text-align: center;
}

.inputbox .button {
   -moz-border-radius-bottomleft: 4px;
   -moz-border-radius-bottomright: 4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-topright: 4px;
   width: auto; 
   overflow: visible;
   margin: 0 3px;
   padding: 2px 8px;
   font-family: Arial,sans-serif;
   font-size: 100%;
   font-weight: bold;
   text-decoration: none;
   background: #F3D8AB url(Images/InputboxButton.gif) repeat-x 0 0;
   border: solid 1px #BFBFBF;
   color: #000000;          
   cursor: pointer;
   outline: 0;
}

.inputbox .button:hover {
   background-position: 0 -29px; 
   text-decoration: none; 
   color: #2E6E9E;
   background-color: #BFBFBF;
   border: solid 1px #37C1CD;
}

.button:hover span {color: #505050}
.button span {
   color: #FFF;          
   text-decoration: none; 
}

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



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

.breadcrumbs a {
}

.breadcrumbs a:hover {
}

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

.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;
   color: #EE5500;
   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 2px #E3D85A;
   background-color: #FFFBD8;
}

#infobox div {
   color: #007993;
   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;
}
/* ---------------------------------------------------------------------------------------------- */