body {
    background-color: white;
    color: black;
    font-family: Verdana, Arial, Helvetica;
    font-size: 13px;
    margin: 0;
    padding: 0;
}

/* non mi chiedere perchè IE7 vuole che gli riduca esplicitamente i margini... */
p, ul, ol {
    margin-bottom: 1em;
    margin-top: 1em;
}

/* ripeto il font size di default per tabelle e form */
/* per dimensionare gli input IE vuole un font-size esplicito sull'input */
td, input, select, textarea {
    font-size: 13px;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

small, .small {
    font-size: 11px;
}

.centered {
    text-align: center;
}

.justified {
    text-align: justify;
}

.right {
    text-align: right;
}

.bspaced {
    margin-bottom: 1em;
}

.raised {
    margin-top: 0px;
}

/* upperbox è un contenitore neutro per raggruppare i div alti per comodità, non serve a niente */
#upperbox {
    margin: 0px;
    padding: 0px;
}

#lowerbox {
    position: absolute;
    top: 103px;
    width: 100%;
    padding: 0;
    margin: 0;
}

#mainbox {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: left;
}

#sky {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 110px;
    height: 60px;
    margin: 0;
    padding: 0;
}

#beuorg {
    position: absolute;
    left: 115px;
    top: 5px;
    width: 390px;
    height: 40px;
    margin: 0;
    padding: 0;
}

#tagline {
    position: absolute;
    left: 115px;
    top: 45px;
    width: 390px;
    height: 20px;
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
    margin-left: 8px;
    clear: both;
}

#hint {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 300px;
    height: 60px;
    margin: 0;
    padding: 0;
    text-align: right;
}

.vbcalendar {
    position: absolute;
    right: 0px;
    bottom: 5px;
    border: 2px solid #944302;
    background-color: #fcfcc8;
    color: #500000;
    text-align: center;
}

.vbcalendar th {
    width: 20px;
    padding: 0;
    cursor: pointer;
}

.vbcalendar th.calarrow {
    width: 25px;
    cursor: pointer;
}

.calhol {
    background-color: yellow;
}

.calbusyday {
    background-color: #c8f8ff;
}

.calday, #caledit {
    position: absolute;
    top: 60px;
    background-color: #c8f8ff;
    visibility: hidden;
    border: 2px solid black;
    text-align: justify;
    font-size: 10px;
    padding: 3px;
}

.calday {
    right: 60px;  
    width: 150px;
    z-index: 25;
}

.calmonth {
    font-style: italic;
}

#caledit {
    right: 35px;
    width: 200px;
    z-index: 30;    
}

#caledit input, #caledit textarea, #caledit td {
    font-size: 10px;
}

/* devo rimettere i font size se no possono esserci regole css altre che prevalgono */
.calevent {
    border-top: 1px dotted black;
    border-bottom: 1px dotted black;
    font-size: 10px;
}

.caleditlink {
    margin-top: 0;
    margin-bottom: 0.3em;
    text-decoration: underline;
    cursor: pointer;
    text-align: right;
    font-size: 10px;
}
    
.caldate {
    margin-top: 0;
    text-align: center;
    color: #500000;
    font-weight: bold;
    font-size: 10px;
}

.caltime {
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
}

.calname {
    text-align: center;
    font-weight: bold;
    font-size: 10px;
}

.calnote {
    font-size: 10px;
}

#caleditnote {
    white-space: pre;
}

#orapiemonteisa {
    position: absolute;
    left: 5px;
    top: 65px;
    width: 110px;
    height: 16px;
    font-size: 12px;
    font-weight: bold;
    background-color: #ffff50;
    vertical-align: middle;
    text-align: center;
    color: #500000;
    float: left;
    clear: none;
    overflow: hidden;
}

#saluto {
    position: absolute;
    left: 115px;
    top: 65px;
    width: 50%;
    height: 16px;
    z-index: 1;
    font-size: 12px;
    background-color: #ffff50;
    float: left;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 0px;
    margin-right: 0px;
}

#lingue {
    position: absolute;
    right: 5px;
    top: 65px;
    width: 45%;
    overflow: hidden;
    height: 16px;
    font-size: 12px;
    background-color: #ffff50;
    text-align: right;
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 8px;
    margin: 0px;
    margin-left: 0px;
}

#lingue a:link, #lingue a:visited {
    color: black;
    text-decoration: underline;
}

#menubar {
    position: absolute;
    left: 0px;
    top: 81px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 20px;
    background-color: #ffcc50;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
    text-decoration: underline;
    z-index: 10;
}

#menubottomborder {
    position: absolute;
    top: 101px;
    left: 0px;
    height: 2px;
    width: 100%;
    z-index: 10;
    font-size: 1px;
    background-color: #944302;
    margin: 0px;
    padding: 0px;
}

.mt {
    position: absolute;
    top: 81px;
    height: 18px;
    width: 90px;
    margin-top: 2px;
    vertical-align: middle;
    background-color: #ffcc50;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
    text-decoration: underline;
    text-align: center;
    overflow: hidden;
    z-index: 10;
}

.mii {
    position: absolute;
    padding-left: 2px;
    padding-right: 2px;
    width: 110px;
    height: 16px;
    background-color: #ffcc50;
    font-size: 12px;
    z-index: 13;
    visibility: hidden;
    overflow: hidden;
}

.mia {
    position: absolute;
    padding-left: 2px;
    padding-right: 2px;
    width: 110px;
    height: 16px;
    background-color: #ffff50;
    font-size: 12px;
    z-index: 15;
    visibility: hidden;
    overflow: hidden;
    cursor: pointer;
}

#mainfooter {
    margin: 0px;
    width: 100%;
    padding: 0px;
    height: 33px;
    padding-top: 1px;
    background-color: #ffcc50;
    vertical-align: middle;
    text-align: left;
    font-size: 10px;
    font-style: italic;
    clear: both;
    border-top: 2px solid #944302;
    border-bottom: 2px solid #944302;
    margin-bottom: 6px;
    position: relative;  /* questo per bloccare footertext ecc., quando si spostano con il preview div in NAT */
}

#footerleft {
    float: left; 
    width: 95px;
    padding-left: 5px;
}

#footertext {
    position: absolute;
    left: 98px;
    padding-top: 3px;
    vertical-align: middle;
    float: left;
}

#footertext a:link {
    color: blue;
    text-decoration: underline;
}

#footertext a:visited {
    color: darkblue;
    text-decoration: underline;
}

#footerright {
    position: absolute;
    right: 0px;
    text-align: right;
    padding-right: 5px;
    z-index: 1;
    width: 110px;  /* se tolgo questa, IE7 crea una scrollbar orizzontale e allarga la pagina al 200%... boh? */
}

.padfive {
    padding-left: 5px;
}

.leftfloat {
    float: left;
}

.rightfloat {
    text-align: right;
    padding-right: 5px;
}

.sign {
    margin-top: -5px;
    margin-left: 50px;
    margin-bottom: 0px;
    font-family: monospace;
}

.secttitle, .sectsubtitle, .sectmidtitle {
	font-family: verdana, arial, sans-serif;
	color: #944302;
	font-size: 12px;
 	line-height: 140%;
 	padding: 2px;
 	margin-top: 3px;
	margin-bottom: 5px;
 	text-transform: uppercase;
	letter-spacing: .25em;  		
}

.secttitle {
	font-weight: bold;
	text-align: left;
 	border-bottom: 1px solid #944302;
}

.sectmidtitle {
	font-weight: bold;
    text-align: center;
}

.sectsubtitle {
	text-align: left;
 	border-bottom: 1px dotted #944302;
}

a.navlink, a.navlink:link, a.navlink:visited, .secttitle a {
	text-decoration: none;		
	color: #944302;
}

a.navlink:hover, .secttitle a:hover {
	text-decoration: underline;		
	color: #944302;
}

/* beige box generica */
.bbbox {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: url(/img/box/beigebox_nt.gif) repeat;
}

.bbtop div { background: url(/img/box/beigebox_tl.gif) no-repeat top left; }
.bbtop { background: url(/img/box/beigebox_tr.gif) no-repeat top right; }
.bbbot div { background: url(/img/box/beigebox_bl.gif) no-repeat bottom left; }
.bbbot { background: url(/img/box/beigebox_br.gif) no-repeat bottom right; }
.bbtop div, .bbtop, .bbbot div, .bbbot {    
    width: 100%;
    height: 7px;
    font-size: 1px; 
    margin: 0;
    padding: 0;
}

.bbboxin { margin: 0 7px; padding: 0; }

.brickimg {
    margin: 0px;
    padding: 0px;
    border: 0px;
    position: relative; 
}


/* yellow box generica */
.ybbox {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: url(/img/box/yellowbox_nt.gif) repeat;
}

.ybtop div { background: url(/img/box/yellowbox_tl.gif) no-repeat top left; }
.ybtop { background: url(/img/box/yellowbox_tr.gif) no-repeat top right; }
.ybbot div { background: url(/img/box/yellowbox_bl.gif) no-repeat bottom left; }
.ybbot { background: url(/img/box/yellowbox_br.gif) no-repeat bottom right; }

.ybtop div, .ybtop, .ybbot div, .ybbot {    
    width: 100%;
    height: 7px;
    font-size: 1px; 
    margin: 0;
    padding: 0;
}

.ybboxin { margin: 0 7px; padding: 0; }


/* azure box generica */
.abbox {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: url(/img/box/azurebox_nt.gif) repeat;
}

.abtop div { background: url(/img/box/azurebox_tl.gif) no-repeat top left; }
.abtop { background: url(/img/box/azurebox_tr.gif) no-repeat top right; }
.abbot div { background: url(/img/box/azurebox_bl.gif) no-repeat bottom left; }
.abbot { background: url(/img/box/azurebox_br.gif) no-repeat bottom right; }

.abtop div, .abtop, .abbot div, .abbot {    
    width: 100%;
    height: 7px;
    font-size: 1px; 
    margin: 0;
    padding: 0;
}

.abboxin { margin: 0 7px; padding: 0; }


/* orange box generica */
.obbox {
    position: relative;
    margin: 0px;
    padding: 0px;
    background: url(/img/box/orangebox_nt.gif) repeat;
}

.obtop div { background: url(/img/box/orangebox_tl.gif) no-repeat top left; }
.obtop { background: url(/img/box/orangebox_tr.gif) no-repeat top right; }
.obbot div { background: url(/img/box/orangebox_bl.gif) no-repeat bottom left; }
.obbot { background: url(/img/box/orangebox_br.gif) no-repeat bottom right; }

.obtop div, .obtop, .obbot div, .obbot {    
    width: 100%;
    height: 7px;
    font-size: 1px; 
    margin: 0;
    padding: 0;
}

.obboxin { margin: 0 7px; padding: 0; }


/* stile pre generico */

.pre {
    font-family: Courier, Monaco, monospace;
    white-space: pre;
}

.block {
 	border: 1px dotted #944302;
 	background-color: #fcfcc8;
 	padding: 0.75em 1em;
}