body {
    font-family:Arial;
    font-size: 12px;
    color: #666666;
}

.spacer {
    height: 10px;
    display:block;
}

.content {
    background-image: url('/templates/utente/bg_ombra_centro.jpg');
    background-repeat: no-repeat;
    min-height: 250px;
}

.line_separator {
    margin-top: 6px;
    margin-bottom: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #DEDEDE;
}

.sub_title_block {
    height: 32px;
    padding: 10px;
    border-bottom: 1px solid #DEDEDE;
}

.sub_title {
    color: #666666;
    font-weight: bold;
    font-size: 13px;
    text-transform:uppercase;
}

.text {
    font-size: 13px;
}

.text-big {
    font-size: 14px;
}

.text_medium {
    font-size: 11px;
}

.text_normal {
    font-size: 12px;
}

.text_small {
    font-size: 10px;
}

.title1 {
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    padding-bottom: 6px;
}

.title2 {
    font-size: 14px;
    color: #397cb3;
    font-weight: bold;
    padding-bottom: 2px;
}

.title3 {
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    padding-bottom: 2px;
}

.title_col_right {
    font-size: 12px;
    color: #666666;
    font-weight: bold;
    border-bottom: 1px solid #DEDEDE;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 15px;
}
/* Default A tag */

a:link {
    color:#387AB2;
    text-decoration:underline;
}

a:visited {
    color:#387AB2;
    text-decoration:underline;
}

a:hover {
    color:#6a6a6a;
    text-decoration:none;
}

a:active {
    color:#000000;
    text-decoration:none;
}



/* Link pathway */
.link-pathway, .link-credits {
    color:white;
    font-weight: bold;
}

.link-pathway a:link, .link-credits a:link {
    color:white;
    text-decoration:underline;
}

.link-pathway a:visited, .link-credits a:visited {
    color:white;
    text-decoration:underline;
}

.link-pathway a:hover, .link-credits a:hover {
    color:#ABABAB;
    text-decoration:none;
}

.link-pathway a:active, .link-credits a:active {
    color:yellow;
    text-decoration:underline;
}

/* Link1 */
.link1 a:link {
    color:white;
    text-decoration:underline;
}

.link1 a:visited {
    color:white;
    text-decoration:underline;
}

.link1 a:hover {
    color:#ABABAB;
    text-decoration:none;
}

.link1 a:active {
    color:yellow;
    text-decoration:underline;
}

/* Link 2 */
.link2 a:link {
    text-decoration:none;
}

.link2 a:visited {
    text-decoration:none;
}

.link2 a:hover {
    color:#6a6a6a;
    text-decoration:underline;
}

.link2 a:active {
    color:#6a6a6a;
}

/* Table 1 */

table.table1 {
    border-collapse: collapse;
    font-size: 11px;
    width: 100%;
    margin: 0px auto 0px auto;
}

table.table1 tr {
    text-align: left;
    background-color: #E6E6E6;
}

table.table1 tr.even {
    background-color: #FFFFFF;
}


table.table1 tr.odd {
    background-color: #EAEAEA;
}


table.table1 tr:hover {
    background-color: #FDFFE3;
}

table.table1 th {
    height: 22px;
    padding: 2px;
    text-align: center;
    background-color: #808080;
    font-size: 12px;
    font-weight: bold;
    color: white;
}

table.table1-no-highlight tr:hover {
    background-color: #E6E6E6;
}

table.table1 td {
    padding: 2px;
    color: black;
}

table.table1 tr:nth-child(2n+1) {
    background-color: #CECECE;
}

/* Table 2 */

table.table2 {
    border-collapse: collapse;
    font-size: 11px;
    width: 100%;
    margin-bottom: 10px;
}

table.table2 tr {
    text-align: left;
    background-color: #CCCBC5;
}

table.table2 tr:nth-child(2n+1) {
    text-align: left;
    background-color: #F2F0E9;
}

table.table2 th {
    padding: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #666;
    background: #EBEBE8; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#CCCBC5'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#CCCBC5)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fff,  #CCCBC5); /* for firefox 3.6+ */
}

th.linked {
    cursor: pointer;
    color: #387AB2 !important;
}

.th-button {
    width: 100px;
    font-size: 15px !important;
    border-left: 1px solid #666666;
}

.th-button.small {
    width: 30px !important;
}
.th-button:hover {
    background: #CCCBC5; /* for non-css3 browsers */
}

.th-button > a > img {
    text-decoration: none;
    margin-right: 7px;
}

.th-button > a {
    text-decoration: none;
    width: 100px;
    margin-right: 7px;
}

table.table2.condensed {
    margin : 0 !important;
    margin-bottom: 0 !important;
}

table.table2 td {
    padding: 2px;
    color: #666;
    height: 24px;
}
/* Table 3 */

table.table3 {
    border-collapse: collapse;
    font-size: 12px;
    width: 100%;
    margin: 0px auto 0px auto;
}

table.table3 tr {
    text-align: left;
    background-color: #F2F0E9;
}

table.table3 th {
    border:1px solid white;
    height: 22px;
    padding: 2px;
    background-color: #666666;
    font-size: 14px;
    font-weight: bold;
    color: white;
    text-align: left;
}

table.table3 td {
    border: 1px solid white;
    padding: 2px;
    color: black;
}

/* Table routes */

table.table-routes {
    border-collapse: collapse;
    font-size: 11px;
    width: 100%;
    margin: 0px auto 0px auto;
}

table.table-routes tr {
    text-align: left;
    /*background-color: #E6E6E6;*/
}

table.table-routes th {
    border:1px solid white;
    height: 22px;
    padding: 2px;
    text-align: center;
    background-color: #808080;
    font-size: 12px;
    font-weight: bold;
    color: white;
}


table.table-routes td {
    padding: 2px;
    color: black;
}

table.table-routes td.bordered {
    border: 1px solid white;
}

/* Bullets */

.bullet {
    padding-left: 15px;
    background-image: url('/images/icons/bullet_1.gif');
    background-repeat: no-repeat;
}

/* Loading */

div.loading_address {
    background : url('/images/loading-address.gif') no-repeat;
    padding : 0 0 0 25px;
    margin: 2px;
    height: 16px;
    text-align: left;
}

div.loading_address span {
    display: none;
}

/* Google maps */
div.map_container {
    position:relative;
    width: 100%;
    min-height: 350px;
}

div.map {
    position:absolute;
    width: 100%;
    min-height: 350px;
    top:0;
    left:0;
    z-index:1;
    background-color: transparent;
}

div.map_details_container {
    position:relative;
    width: 100%;
    height: 600px;
}

div.map_details {
    position:absolute;
    width: 100%;
    height: 600px;
    top:0;
    left:0;
    z-index:1;
    background-color: transparent;
}

div.map_fullscreen {
    position:absolute;
    width: 100%;
    height: 100%;
    top: 50px;
    left:0;
    z-index:1;
    border-top: 1px solid gray;
    background-color: transparent;
}

div.over_map_fullscreen {
    position:relative;
    width: 140px;
    height: 23px;
    top: 280px;
    float: right;
    z-index:2;
    background-image: url('/templates/utente/map_button.gif');
    background-repeat: no-repeat;
    background-color: transparent;
    filter:alpha(opacity=50);
    -moz-opacity:0.7;
    opacity:0.7;
    text-align: center;
    padding-top:7px;
    color: white;
    cursor:pointer;
    clear: right;
    font-weight:bold;
    text-align: right;
    font-size: 12px;
}

div.fullscreen-button-background {
    background-image: url('/templates/utente/map_fullscreen.gif');
    width: 100px;
}

div.over_map_fullscreen > span {
     padding-right: 5px;
}


div.over_map_details {
    position:relative;
    width: 184px;
    height: 245px;
    top: 80px;
    float: right;
    background-image: url('/templates/utente/map_details.gif');
    background-repeat: no-repeat;
    background-color: transparent;
    z-index:2;
    filter:alpha(opacity=50);
    -moz-opacity:0.7;
    opacity:0.7;
    text-align: left;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    color: white;
    font-size: 12px;
}

div.over_map_fullscreen_details {
    position:relative;
    width: 184px;
    min-height: 200px;
    height: 60%;
    overflow: auto;
    top: 90px;
    float: right;
/*    background-image: url('/templates/utente/map_fullscreen_details_pix.gif');*/
    background-repeat: repeat-y;
    background-color: black;
    z-index:2;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
    text-align: left;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    color: white;
    font-size: 12px;
}

div.over_map_fullscreen_commands {
    cursor:pointer;
}

div.infowindowmap {
    height: 250px;
}

.elabel_on {
    background-color:#00E13C;
    font-weight:bold;
    color:#000000;
    font-size: 10px;
    border: 1px #000000 solid;
}

.elabel_off {
    background-color:#FA6254;
    font-weight:bold;
    color:#000000;
    font-size: 10px;
    border: 1px #000000 solid;
}

.over_map_separator {
    border-top: 1px solid white;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;

}

.red {
    color: red;
}

.green {
    color: green;
}

.gray {
    color: gray;
}

.infowindow-status-icon {
    margin-top: -2px;
    padding-right: 4px;
}

#debug-panel {
    margin-bottom: 42px;
    z-index: 999999;
}


#debug-panel div {
    border: 1px solid red;
    background-color:yellow;
    height: 35px;
    padding: 2px;
    top: 0px;
    width: 99%;
    position:fixed;
    z-index: 999999;
}

.form_element_selected {
    background-color: #FFF195;

}
.color-picker {
    max-width:  350px;
    background-color: #D2D8CE;
}

.color-picker > div {
    margin:     10px;
    display:    inline-table;
    width:      20px;
    height:     20px;
    border:     2px solid #D2D8CE;
}

.color-picker > .color-picker-element:hover,
.color-picker > .color-picker-element + .selected {
    border: 2px solid black;
}

.newsElement {
    cursor: pointer;
}

.newsElement:hover{
    font-style: oblique;
}

form#form_ricarica label input{
    display: inline;
}


/*DL, DT, DD TAGS LIST DATA*/
/*
dl.zend_form {
    margin-bottom:50px;
}

dl.zend_form dt {
    border: 1px solid gray;
    float:left;
    font-weight:bold;
    margin-right:10px;
    padding:5px;
    width:180px;
    text-align: right;
}

dl.zend_form dd {
    border: 1px solid orange;
    height: 20px;
    margin:2px 0;
    padding:5px 0;
        float:left;
        clear: both;
}

dl.zend_form ul.errors {
font-size: 19px;
}*/