html, body
{
	margin:0;
	padding:0;
	font:10px Lucida Grande, Verdana, Trebuchet, Arial, sans-serif;
	background-color:#f0eff0;
	height:100%;
	color:#666366;
}

input, select, textarea
{
	font:10px Lucida Grande, Verdana, Trebuchet, Arial, sans-serif;
	color:#666366;
}

input[disabled], input[readonly]
{
    background-color:#B5B5B5;
    color:Black;
}

h1
{
    font-size:16px;
	font-weight:bold;
	color:rgb(102,99,102);
	margin-bottom:8px;
}

h2
{
    font-size:14px;
	font-weight:bold;
	color:teal;
	margin-bottom:6px;
	font-variant:small-caps;
}

h3
{
    font-style:italic;
	color:teal;
}

fieldset
{
    padding:4px 4px 4px 4px;
}

legend
{
    color:teal;
    font-size:12px;
    font-weight:bold;
    letter-spacing:3px;
    font-variant:small-caps;
    padding:4px 2px 4px 2px;
}

.shadow 
{
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

a img
{
    border-width:0px;
}

#mainDiv
{
    position:absolute;
    left:50%;
    top:0px;
    width:800px;
    margin-left:-400px;
    background-color:white;
}

#shadowContainer
{
    background:white;
    width:800px;
    float:left;
}

#mainTitle
{
    height:121px;
    width:381px;
    float:left;
    margin-top:20px;
}

.validatorCalloutHighlight
{
    background-color:pink;
    border:solid 1px red;
}

.tealButton
{
    background-image:url('Images/tastoTeal.png');
    width:72px;
    height:21px;
    padding-left:30px;
    padding-top:8px;
}

.yellowButton
{
    vertical-align:middle;
    background-image:url('Images/tastoGiallo.png');
    width:72px;
    height:20px;
    padding-left:30px;
    padding-top:8px;
}

.whiteLink:link, .whiteLink:visited
{
    font-size:9px;
    font-weight:bold;
    color:white;
    text-decoration:none;
}

.whiteLink:hover
{
    color:rgb(255,209,0);
}

.boldLink:link, .boldLink:visited
{
	color:teal;
	font-weight:bold;
	text-decoration:none;
}

.boldLink:hover
{
    color:silver;
	text-decoration:underline;
}

#mainFooter
{
	background:#f0eff0;
	font-size:11px;
	padding:10px 4px 6px 4px;
	text-align:center;
	width:800px;
	float:left;
}

#mainFooter a:link, .mainFooter a:visited
{
	font-size:11px;
	color:rgb(102,99,102);
	text-decoration:none;
}

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

.formSeparator tr
{
    border-bottom:dotted 1px silver;
}

.formTable
{
    margin:4px 0px 4px 0px;
    border-width:0px;
    width:100%;
}

.formTable .label
{
    width:30%;
    margin:1px;
    padding:1px 3px 2px 3px;
    color:gray;
    font-weight:bold;
    vertical-align:top;
}

.formTable .data
{
    width:70%;
    margin:1px;
    padding:1px 3px 2px 3px;
}

.formTable .doubledata
{
    width:35%;
    margin:1px;
    padding:1px 3px 2px 3px;
}

.note
{
    font-weight:normal;
	font-size:10px;
	color:Gray;
}

.asterisk
{
    color:red;
}

.uppercase
{
    text-transform:uppercase;
}

.string
{
	text-align:left;
	width: 97%;
}

.shortString
{
	text-align:left;
	width: 50%;
}

.veryShortString
{
	text-align:left;
	width: 25%;
}

.cap
{
    text-align:left;
	width: 45px;
}

.date
{
	text-align:left;
	width: 70px;
}

.dateTime
{
	text-align:left;
	width: 120px;
}

.time
{
	text-align:left;
	width: 40px;
}

.commandToolbar
{
    float:left;
    width:99%;
    display:block;
    margin:6px 0px 6px 0px;
    padding:3px 4px 3px 4px;
    background-color:#FAFAD2;
    border-bottom:solid 1px #708090;
    border-top:solid 1px #708090;
}

.command:link, .command:visited
{
    color:black;
    background-color:#e6e6e6;
    border-top:solid 2px silver;
    border-left:solid 2px silver;
    border-right:solid 2px gray;
    border-bottom:solid 2px gray;
    margin:3px;
    padding:3px 3px 3px 20px;
    display:block;
    float:left;
    width:65px;
    text-decoration:none;
    font-weight:bold;
}

.command
{
    color:gray;
    margin:3px;
    padding:3px 3px 3px 20px;
    display:block;
    float:left;
    width:65px;
    text-decoration:none;
    font-weight:bold;
}

.command:hover
{
    color:teal;
    background-color:white;
}

.confirm
{
    background-image: url('Images/accept.png');
    background-repeat:no-repeat;
    background-position:left;
}

.add
{
    background-image: url('Images/add.png');
    background-repeat:no-repeat;
    background-position:left;
}

.back
{
    background-image: url('Images/back.png');
    background-repeat:no-repeat;
    background-position:left;
}

.search
{
    background-image: url('Images/find.png');
    background-repeat:no-repeat;
    background-position:left;
}

.edit
{
    background-image: url('Images/pencil.png');
    background-repeat:no-repeat;
    background-position:left;
}

.delete
{
    background-image: url('Images/cross.png');
    background-repeat:no-repeat;
    background-position:left;
}

.download
{
    background-image: url('Images/lightning.png');
    background-repeat:no-repeat;
    background-position:left;
}

.excel
{
    background-image: url('Images/excel.png');
    background-repeat:no-repeat;
    background-position:left;
}

.booking
{
    background-image: url('Images/book_open.png');
    background-repeat:no-repeat;
    background-position:left;
}

.money
{
    background-image: url('Images/money.png');
    background-repeat:no-repeat;
    background-position:left;
}

.locandina
{
    background-image:url('Images/script.png');
    background-repeat:no-repeat;
    background-position:left;
}

.document
{
    background-image:url('Images/page.png');
    background-repeat:no-repeat;
    background-position:left;
}

.mail
{
    background-image:url('Images/email.png');
    background-repeat:no-repeat;
    background-position:left;
}

.favourite
{
    background-image:url('Images/star.png');
    background-repeat:no-repeat;
    background-position:left;
}

.people
{
    background-image:url('Images/user_orange.png');
    background-repeat:no-repeat;
    background-position:left;
}

.checked
{
    background-image:url('Images/tick.png');
    background-repeat:no-repeat;
    background-position:left;
}

.reportList
{
    background-image:url('Images/text_columns.png');
    background-repeat:no-repeat;
    background-position:left;
}

.elaborate
{
    background-image:url('Images/cog.png');
    background-repeat:no-repeat;
    background-position:left;
}

.postBack
{    
    background-color:#e6e6e6;
    color:gray;
    text-decoration:none;
    font-weight:bold;
    
    background-image: url('Images/loading.gif');
    background-repeat:no-repeat;
    background-position:left;
}

.notifica
{
    display:none;
    background-color:#e6e6e6;
    border:dotted 1px black;
    padding:4px;
    width:100%;
    float:left;
}

.notifica .left
{
    background-image:url('Images/information.png');
    background-repeat:no-repeat;
    background-position:center top;
    width:24px;
}

.notifica .body
{
    margin:0px 3px 0px 3px;
}

.notifica .right
{
    vertical-align:top;
    width:20px;
}

.grid
{
    width:100%;
    vertical-align:middle;
	border:solid 1px black;
}

.gridHeader th, .gridHeader td
{
    border:solid 1px black;
    padding:3px;
    background-color:teal;
    color:white;
}

.gridHeader a
{
    color:white;
    text-decoration:none;
}

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

.gridRow td
{
    border:solid 1px black;
    padding:3px;
	background-color:white;
}

.gridRow:hover td, .gridAlternatingRow:hover td
{
    background-color:#E0FFFF;
}

.gridAlternatingRow td
{
	background-color:rgb(210, 210, 210);
    border:solid 1px black;
    padding:3px;
}

.gridPager
{
    border:solid 1px black;
}

.gridPager a:link, .gridPager a:visited
{
    color:gray;
    font-weight:bold;
    text-decoration:none;
}

.gridPager a:hover
{
    color:teal;
    text-decoration:underline;
}

.gridLink a
{
	color:gray;
	font-weight:bold;
	text-decoration:none;
}

.gridLink a:hover
{
	color:teal;
	text-decoration:underline;
}

.gridEmptyData
{
    border-width:0px;
    color:teal;
    font-weight:bold;
    text-align:center;
}

.gridSelectedRow
{
}

.gridSelectedRow td
{
    border:solid 1px black;
    padding:3px;
    background-color:#FCBD00;
}

.loading
{
    padding:6px;
    margin:2px;
    text-align:center;
    border:solid 1px gray;
}

.rightImg
{
    margin:2px 0px 2px 2px;
    float:right;
}

.leftImg
{
    margin:2px 2px 2px 0px;
    float:left;
}

.leftMargin
{
    margin-left:10px;
}

.rightMargin
{
    margin-right:10px;
}

.toLower
{
    text-transform:lowercase;
}

.backgroundPopup
{
    display:none;
    position:fixed;
    /*_position:absolute; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:70;
}
.popupContact
{
    display:none;
    position:fixed;
    /*_position:absolute; /* hack for internet explorer 6*/
    /*height:384px;*/
    width:408px;
    background:#FFFFFF;
    border:2px solid #cecece;
    z-index:80;
    padding:12px;
    font-size:13px;
}

.popupContact h1
{
    text-align:left;
    color:teal;
    font-size:22px;
    font-weight:700;
    border-bottom:1px dotted #D3D3D3;
    padding-bottom:2px;
    margin-bottom:20px;
}

.popupContent .command:hover
{
    text-decoration:none;
}

.popupContactClose
{
    /*
    font-size:20px;
    line-height:14px;
    right:6px;
    top:4px;
    */
    z-index:85;
    right:-16px;
    top:-16px;
    position:absolute;
    color:white;
    font-weight:700;
    display:block;
    cursor:pointer;
}

.popupContactClose:link
{
    text-decoration:none;
}

.hide
{
    display:none;
}

.modalBackgroundPopup
{
    height:100%;
    width:100%;
    background:#000000;
    border:1px solid #cecece;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity: 0.7;
}

.modalPopupContact
{
    width:600px;
    background:#FFFFFF;
    border:2px solid #cecece;
    padding:12px;
}

.modalPopupContact h1
{
    text-align:left;
    color:teal;
    font-size:22px;
    font-weight:700;
    border-bottom:1px dotted #D3D3D3;
    padding-bottom:2px;
    margin-bottom:20px;
}

.cssSelector
{
}

.helpActivator:hover .helpTooltip
{
    display:block;
    z-index:100;
}

.helpTooltip
{
    position:relative;
    top:5px;
    left:5px;
    display:none;
}

.helpTooltip .content
{
    position:absolute;
    border:solid 1px gray;
    background-color:#EEE8AA;
    padding:8px;
    width:280px;
    color:black;
    font-style:italic;
}

.veryImportant
{
    color:red;
    font-weight:bold;
}

.buttonPopup
{
    background-color:white;
    border:1px solid gray;
}

.buttonPopup ul
{
    list-style-image:url(Images/arrow_right.png);
    list-style-position:outside;
}

.buttonPopup div
{
    padding:4px 38px 4px 24px;
    background-image:url('Images/arrow_right.png');
    background-position:left center;
    background-repeat:no-repeat;
}

.buttonPopup div:hover
{
    background-color:silver;
}

.buttonPopup div:hover a
{
    color:teal;
}

.buttonPopup div a
{
    color:black;
    text-decoration:none;
    font-weight:bold;
}

.noStretch
{
    width:220px;
    height:220px;
    overflow:hidden;
}