body		{ height: 100%; width: 100%; z-index:0; background-color: White; background-image: url('../images/portale/sfondo.gif'); font-style: normal; font-size: 11px; font-family: Verdana, Arial, Geneva, Sans-Serif; margin: 0; }
img			{ border: 0px;}
#col_left	{ background-image: url('../images/portale/tab_left.gif');  background-repeat: repeat-y; background-position: right; width: 50% }
#col_right	{ background-image: url('../images/portale/tab_right.gif'); background-repeat: repeat-y; background-position: left;  width: 50% }

.site_size  { width:1200px }

A			{ color: #000000; text-decoration: none;     border: none;}
A:hover		{ color: #FF6400; text-decoration: underline; border: none;}
A.bi		{ color: #FFFFFF; text-decoration: underline; border: none;}
A.bi:hover	{ color: #FF6400; text-decoration: underline; border: none;}
A.blu		{ color: #0000FF; text-decoration: underline; border: none;}
A.blu:hover	{ color: #FF6400; text-decoration: underline; border: none;}

.menu_00	{ background-color: #656565; }
.titolo		{ color: #656565; font-size: 19px; font-weight: bold; height: 25px;}

.box_titolo	{ background-image: url('../images/portale/titolo_lat.gif'); width: 178px; text-align:left; font-size: 13px; font-weight: bold; padding-left: 7px;  }
.box_testo	{ background-color:#FFFFFF; width: 178px; text-align:left; vertical-align:top; font-weight:normal; padding-left: 7px; padding-right: 7px; padding-top: 3px;  padding-bottom: 3px; }
.box_border	{ background-color: #B8C1CA; }

.m_tabella		{ background-color: #FFFFFF; border-left: solid 1px #666666; border-right: solid 1px #666666; border-top: solid 1px #666666; }
.m_tabella_btn	{ background-color: #FFFFFF; border-left: solid 1px #666666; border-right: solid 1px #666666; border-bottom: solid 1px #666666;  }
.m_titolo		{ padding-left: 5px;  background-image: url('../images/portale/m_titolo.gif');  color:White; height:25px; font-size: 13px; font-weight: bold;}
.m_titolo_btn	{ padding-right: 5px; background-image: url('../images/portale/m_titolo.gif'); text-align:right;}

.m_sezione		{ padding-left: 5px; height: 19px; color: #FFFFFF; font-family: Verdana; font-size: 11px; font-weight: bold;   text-align: left; padding-bottom: 1px; background-image:url('../images/portale/m_sezione.gif');}
.m_riga			{ padding-left: 5px; height: 28px; color: #000000; font-family: Verdana; font-size: 11px; font-weight: normal; text-align: left; padding-top: 2px; padding-bottom: 2px; border-bottom: solid 1px #CCCCCC; }
.m_riga_end		{ padding-left: 5px; height: 19px; color: #000000; font-family: Verdana; font-size: 11px; font-weight: normal; text-align: left; padding-top: 2px; padding-bottom: 2px; border-bottom: solid 1px #FFFFFF; }

.m_riga_c		{ color: #000000; font-family: Verdana; font-size: 11px; padding-top: 2px; padding-bottom: 2px; text-align: center; height: 16px; border-bottom: solid 1px #CCCCCC; }
.m_riga_r		{ color: #000000; font-family: Verdana; font-size: 11px; padding-top: 2px; padding-bottom: 2px; text-align: right; height: 16px; border-bottom: solid 1px #CCCCCC; }
.m_fine		{ height: 10px;}
.m_btn			{ padding-top: 5px; padding-bottom:5px; text-align:center; background-color: #656565;  }

.form_11	{ font-family: Verdana, Arial, Geneva, Sans-Serif; font-size:11px; font-weight:normal; border-style:inset; border-width:1px; background-color: #EEEEEE; }
.form_11ob	{ font-family: Verdana, Arial, Geneva, Sans-Serif; font-size:11px; font-weight:normal; border-style:inset; border-width:1px; border-right: inset 3px #FF0000;  background-color: #EEEEEE; }
.form_11er	{ font-family: Verdana, Arial, Geneva, Sans-Serif; font-size:11px; font-weight:normal; border-style:solid; border-width:1px; border-color:#FF0000; background-color: #EEEEEE; }

.menu_item			{ background-image: url('../images/portale/menu2_sfondo.gif'); height:20px; color: White; font-weight:bold; }
.menu_item_hover	{ background-image: url('../images/portale/menu2_hover.gif');  height:20px; color: White; font-weight:bold; }
.menu_item_sel		{ background-image: url('../images/portale/menu2_sel.gif');    height:20px; color: White; font-weight:bold; }
.menudyn_item		{ background-color:#FFFFFF; height:20px; font-size: 9px; text-align: left; padding-left: 3px; padding-right: 5px; border-bottom: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; }
.menudyn_item_hover	{ background-color:#FFE6C8; height:20px; font-size: 9px; text-align: left; padding-left: 3px; padding-right: 5px; border-bottom: solid 1px #FF0000; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; }
.menudyn_item_sel	{ background-color:#FFFFFF; height:20px; font-size: 9px; text-align: left; padding-left: 3px; padding-right: 5px; border-bottom: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; }
A.menu_item			{ color: White; }
A.menu_item_hover	{ color: White; }
A.menu_item_sel		{ color: White; }
A.menudyn_item		{ color:#000000; }
A.menudyn_item_hover{ color:#000000; }
A.menudyn_item_sel	{ color:#000000; }

.arc_tit	{ text-indent: 4px; background-image: url('../images/portale/arc_titolo.gif');     color: #FFFFFF; font-size: 11px; font-family: Verdana; font-weight: bold; padding-right: 4px; border: 1px solid #ffffff }
.arc_asc	{ text-indent: 18px; background-image: url('../images/portale/arc_titolo_asc.gif'); color: #FFFFFF; font-size: 11px; font-family: Verdana; font-weight: bold; padding-right: 4px;}
.arc_des	{ text-indent: 18px; background-image: url('../images/portale/arc_titolo_des.gif'); color: #FFFFFF; font-size: 11px; font-family: Verdana; font-weight: bold; padding-right: 4px;}
.arc_filtro	{ text-indent: 4px; color: #FFFFFF; background-color: #FFFFFF; font-size: 11px; font-family: Verdana; font-weight: bold; padding-right: 4px; }
.arc_tbox	{ font-size: 10px; font-family: Verdana; }

.arc_rig	{ background-color: #E5E9ED; color: #000000; font-size: 11px; font-family: Verdana; padding-left: 4px; padding-right: 4px; border: 1px solid #ffffff }
tr.arc_rig td { border: solid 1px white; padding: 0px 4px 0px 4px;}
.arc_rig_alt	{ background-color: #CDD1D5; color: #000000; font-size: 11px; font-family: Verdana; padding-left: 4px; padding-right: 4px }
tr.arc_rig_alt td { border: solid 1px white; padding: 0px 4px 0px 4px;}

.arc_rig_hover:hover	    { background-color: #FFFF00; }
.arc_rig_alt_hover:hover	{ background-color: #FFFF00; }


ul.top-menu {
    /*float: right;*/
    padding: 0px 0px;
    margin: 0px;
}

ul.top-menu li {
    list-style-type: none;
    /*float:left;*/
    margin: 0px 4px;
    padding: 0px 0px;
    width: 64px;
    text-align:right;
    display: inline-block;
    vertical-align: top;
}

ul.top-menu li div {
    text-align:center;
}


.arc_rig2	{ background-color: #CDD1D5; color: #000000; font-size: 11px; font-family: Verdana; padding-left: 4px; padding-right: 4px }
.arc_rig3	{ background-color: #656565; color: #000000; font-size: 11px; font-family: Verdana; padding-left: 4px; padding-right: 4px }
.arc_sel	{ background-color: #FFFF00; color: #000000; font-size: 11px; font-family: Verdana; padding-left: 4px; padding-right: 4px }
.arc_end	{ background-color: #656565; height:1px; color:#ffffff;  border: 1px solid #ffffff}
.arc_nav	{ background-color: #9C9C9C; color: #FFFFFF; font-size: 11px; font-family: Verdana; font-weight: bold; padding-right: 4px; }

A.arc:link    	{ color: #FFFFFF; text-decoration: none }
A.arc:visited 	{ color: #FFFFFF; text-decoration: none }
A.arc:hover   	{ color: #AAAAAA}

.Btn_1			{ background-image: url(../images/portale/button_a.gif);       background-position: top left;  background-repeat: no-repeat; display: inline-table; display: -moz-inline-box; display: inline-block; font-size: 12px; font-variant: small-caps; text-align: left; padding-left: 4px; font-weight: bold; margin-left: 0px; }
.Btn_2			{ background-image: url(../images/portale/button_a_right.gif); background-position: top right; background-repeat: no-repeat; display: inline-table; display: -moz-inline-box; display: inline-block; font-size: 12px; font-variant: small-caps; text-align: left; padding-left: 5px; padding-right: 9px; padding-top: 3px; padding-bottom: 4px; font-weight: bold; color: #999999; }
A.Btn_2			{ color: #666666; text-decoration: none;      border: none;}
A.Btn_2:hover	{ color: #444444; text-decoration: underline; border: none;}
A.Btn_3			{ color: #666666; text-decoration: none;      border: none;}
A.Btn_3:hover	{ color: #444444; text-decoration: underline; border: none;}

button		 { border-width: 0px; background-color: #b9d2f8; width:23px; height:22px; }

.top { vertical-align: top;}

.left { text-align:left; }
.center { text-align: center; }
.right { text-align:right; }
.justify { text-align:justify; }

.fleft {
    float: left;
}

.fright {
    float: right;
}

.clearboth {
    clear: both;
}
         

.ok { font-weight:bold; font-size: 18px; color:Green; }
.ko { font-weight:bold; font-size: 18px; color:Red; }

.margin8 { margin: 8px; }
.padding44 { padding-left:4px; padding-right: 4px; }
.paddingtop { padding-top: 10px; }
.marginauto { margin: auto; text-align:center; }

.tabella { background-color: #FFFFFF; border: solid 1px #666666; margin: 0px; padding: 0px; }


.border-right { border-right: solid 1px #666666;  }
.border-right-light { border-right: solid 1px #cccccc;  }
.border-top { border-top: solid 1px #666666;  }
.border-bottom { border-bottom: solid 1px #666666;  }
.bold { font-weight: bold; }

.green { color:Green; }
.red { color:Red; }

.fifty { width: 50% }

.s14 {
    font-size: 14px;
}

.s16 {
    font-size: 16px;
}


/* css for timepicker */
.ui-datepicker { width:300px }
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }



/* css for vertical tabs */
/*.ui-tabs-vertical { width: 55em; }*/
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
/*.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}*/
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: left; }



/* css default text*/
.defaultTextActive { color: #a1a1a1; font-style: italic; }


/* css per il calendario in nuovo appuntamento */
table.calendario {
    border: solid 1px black;
}
    table.calendario tr {
        height: 34px;
    }

    table.calendario tr td {
        border-bottom: solid 1px black;
        border-right: solid 1px black;
    }

    table.calendario tr:last-child td {
        border-bottom:none;
    }

        table.calendario tr td:last-child {
            border-right: none;
        }

    table.calendario tr td.header {
        height: 35px;
        background-color: #eee;
        color:#333;
        text-transform:capitalize;
    }

/* Specialista Non Disponibile */
.snd {
    color:#ffffff;
    background-color:#ff0000;
}

/* Macchinario Non Disponibile */
.mnd {
    color:#ffffff;
    background-color:#ffa500;
}

/* Postazione Non Disponibile */
.pnd {
    color:#ffffff;
    background-color:#f4a460;
}

/* Appuntamento OK */
.aok {
    color:#000000;
    background-color:#66ff66;
}

/* Appuntamento white */
.awh {
    color:#000000;
    background-color:#ffffff;
}

.agrigio {
    color:#000000;
    background-color:#dddddd;
}

.anero {
    color:#ffffff;
    background-color:#333333;
}

.arosso {
    color:#ffffff;
    background-color:#ff0000;
}

.averde {
    color:#000000;
    background-color:#66ff66;
}

.agiallo {
    color:#000000;
    background-color:#ffff00;
}

.arosa {
    color:#ffffff;
    background-color:#ff9999;
}

.maxwidth75 { 
    max-width:75%;
}

.margin-top {
    margin-top: 20px;
}

/* Tabella oculistica*/
.border-left-bottom-right {
    border-left: solid 1px black;
    border-bottom: solid 1px black;
    border-right: solid 1px black;
}
.border-left-bottom {
    border-left: solid 1px black;
    border-bottom: solid 1px black;
}
.border-top {
    border-top: solid 1px black;
}
.border-left {
    border-left: solid 1px black;
}
.border-left-right {
    border-left: solid 1px black;
    border-right: solid 1px black;
}