/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, h7, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset
{
    margin: 0;
    padding: 0;
}

img, fieldset
{
    border: 0;
}

/* set image max width to 100% */
img
{
    max-width: 100%;
    max-height: 100%;
    width: auto\9; /* ie8 */
    height: auto\5; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}

aside {
    display: none;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
    /*background: #fff url(images/patterns/pattern18.png) repeat center top;*/
    font: 1em/115% Quattrocento Sans;
    color: #999;
}

a, .easylink
{
    color: #026acb;
    text-decoration: none;
    outline: none;
}
.easylink:hover
{
    text-decoration: none;
    display: inline;
    background: transparent;
}
/*
a:hover
{
    text-decoration: underline;
    display: block;
    height: 10px;
    background: 0 0 #0082b3;
}
*/
p
{
    font-size: 1em;
}
pic
{
    max-width: 100%;
    max-height: 100%;
    width: auto\9; /* ie8 */
    height: auto\5; /* ie8 */
    padding: 0px;
}

/* list */
ul, ol
{
    margin: 1em 0 1.4em 24px;
    padding: 0;
    line-height: 140%;
}
li
{
    margin: 0 0 .5em 0;
    padding: 0;
}
li2
{
    margin: 0 0 0 0;
    padding: 0;
    float: right;
    font-size: 0.6em;
}

/* headings */
h1, h2, h3, h4, h5, h6, h7
{
    line-height: 1.4em;
    margin: 20px 0 .4em;
    color: #000;
}
h1
{
    color: green;
    font: 2em cutive;
}
h2
{
    color: #01b9f0;
    font: 1.4em cutive;
}
h3
{
    color: green;
    font: 1.4em cutive;
}
h4
{
    font: 1.5em dosis;
    color: gray;
}
h5
{
    color: #01b9f0;
    font-family: cutive;
    font-size: 0.8em;
}
h6
{
    font-family: cutive;
    font-size: 0.6em;
}
h7
{
    color: #009BD5;
    font: 1.4em cutive;
}

/* reset webkit search input styles */
input[type=search]
{
    -webkit-appearance: none;
    outline: none;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button
{
    display: none;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap
{
    width: 960px;
    margin: 0 auto;
}

/************************************************************************************
HEADER
*************************************************************************************/
#header
{
    position: relative;
    height: 32px;
}
#header-image
{
    position: relative;
    background-image: url(images/header.png);
    background-repeat: no-repeat;
    background-position:center;
    margin: 0 auto;
    height: 280px;
}
#header-interna
{
    position: relative;
    background-image: url(images/head_azienda.jpg);
    background-color: e4e4e4;
    background-repeat: no-repeat;
    margin: 0 auto;
    height: 200px;
}
#logo
{
    position: absolute;
    margin-top: -120px;
    margin-left: -20px;
    z-index: 125;
}
/* site logo */
#site-logo
{
    position: relative;
}
#site-logo a
{
    font: bold 30px/100% Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
}

/* searchform */

#searchform
{
    position: relative;
    margin-right: 30px;
    top: -35px;
}
#searchform #SearchBar1_s
{
    width: 720px;
    height: 32px;
    float: right;
    border: none;
    padding: 4px; /* border radius */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; /* box shadow */
    -webkit-box-shadow: inset 0 1px 8px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 1px 8px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 8px rgba(0,0,0,.2); /*transition */
    -webkit-transition: width .7s;
    -moz-transition: width .7s;
    transition: width .7s;
    font-style: italic;
    background-color: #f5f5f5;
}
input
{
    color: #10a9d5;
    float: left;
    font: 0.6em; /*font: 12px cutive;*/
}
textarea
{
    resize: none;
}

#line_green
{
    position: relative;
    display: block;
    background-color: green;
}
#line_blu
{
    position: relative;
    display: block;
    background-color: #009bd5;
}

/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#main-nav
{
    width: 920px;
    height: 56px;
    background: #ccc;
    margin: 0;
    position: relative;
    left: 10px;
    bottom: 45px; /* gradient */
    background-color: #009bd5; /* rounded corner */
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px; /* box shadow */
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
}
#main-nav li
{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    position: relative;
}
#main-nav li:first-child
{
    margin-left: 200px;
}
#main-nav a
{
    color: #fff;
    display: block;
    padding: 20px 15px;
    text-decoration: none;
    cursor: pointer; /* text-shadow: 0 -1px 0 rgba(0,0,0,.5); */
    text-transform: uppercase;
    font: 140%/100% Dosis;
}
#main-nav a:hover
{
    color: #bbf0ff; /* padding: 20px 15px; */
}
/************************************************************************************
SIDE NAVIGATION
*************************************************************************************/
#side-nav
{
    margin: 0;
}
#side-nav li
{
    list-style: none;
    float: left;
}
#side-nav li:first-child
{
    margin-top: 40px;
}
#side-nav a
{
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    font: 90%/100% Dosis;
}
#side-nav a:hover
{
    color: #ccc;
    cursor: pointer;
}

/************************************************************************************
CONTENT
*************************************************************************************/
#content {
    float: left;
    /*width: 740px;*/
    width: 1024px;
    margin-top: -10px;
}

#contentadmin {
    float: left;
    width: 740px;
    margin-top: -10px;
}

#HomeRightBox
{
    background: #f3f3f3;
    display: block;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 20px;
    width: 40%; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#HomeRightBox a
{
    color: #026acb;
    text-decoration: none;
    outline: none;
}
#HomeRightBox a:hover
{
    text-decoration: none;
    display: inline;
    background: transparent;
}
#HomeLeftBox
{
    background: #f3f3f3;
    display: block;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    padding: 20px;
    width: 40%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#HomeLeftBox a
{
    color: #026acb;
    text-decoration: none;
    outline: none;
}
#HomeLeftBox a:hover
{
    text-decoration: none;
    display: inline;
    background: transparent;
}
#GenericTopBox {
    background: #f3f3f3;
    display: block;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    padding: 20px;
    /*width: 680px;*/
    width: 880px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar
{
    float: right;
    width: 180px;
    margin-right: 30px;
    margin-left: 10px;
    margin-top: -10px;
}
#sidebar_left
{
    display: block;
    float: left;
    margin-top: -10px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    background-color: #009bd5;
    width: 160px;
    height: 1030px;
    margin-bottom: 20px; /* rounded corner */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #b3e9d8;
}
.banner
{
    text-align: center;
    display: block;
    float: left;
    height: 180px;
    width: 180px;
    margin-bottom: 20px; /* rounded corner */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #b3e9d8;
    /*background-color: #c0ded6;*/
    background-color: transparent;
}
table
{
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
}
.table
{
    width: 100%;
    margin-bottom: 18px;
}
.table th, .table td
{
    padding: 8px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #green;
}
.table th
{
    color: #009bd5;
}
.table thead th
{
    vertical-align: bottom;
}

.table tbody + tbody
{
    border-top: 2px solid #dddddd;
}
.table-condensed th, .table-condensed td
{
    padding: 4px 5px;
}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th
{
    background-color: #f9f9f9;
}
.table tbody tr:hover td, .table tbody tr:hover th
{
    background-color: #badced;
}

tablenav
{
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
}
.tablenav
{
    width: 100%;
    margin-bottom: 0px;
}
.tablenav th, .tablenav td
{
    padding: 0px;
    text-align: left;
    vertical-align: top;
}
.tablenav th
{
    color: #009bd5;
}
.tablenav thead th
{
    vertical-align: bottom;
}

.tablenav tbody + tbody
{
    border-top: 2px solid #dddddd;
}
.tablenav-condensed th, .tablenav-condensed td
{
    padding: 4px 5px;
}

.tablenav-striped tbody tr:nth-child(odd) td, .tablenav-striped tbody tr:nth-child(odd) th
{
    background-color: #f9f9f9;
}
.tablenav tbody tr:hover td, .tablenav tbody tr:hover th
{
    cursor: pointer;
    background-color: #0082b3;
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footer
{
    display: block;
    position: relative;
    width: 100%;
    height: 270px;
    bottom: 0;
    background-image: url(images/bg_footer.jpg);
    background-repeat: repeat-x;
    clear: both;
    color: #eee;
    font-size: 100%;
}
#footer-content
{
    width: 960px;
    margin: 0 auto;
    padding: 20px;
    display: block;
}
#footer a
{
    color: #fff;
    font: 1.4em cutive;
}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix
{
    display: inline-block;
}
.clearfix
{
    display: block;
    zoom: 1;
}

/************************************************************************************
BOX SET
*************************************************************************************/
.boxleft
{
    background: #f3f3f3;
    display: block;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px;
    width: 40%; /* rounded corner */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: justify;
}
.boxright
{
    background: #f3f3f3;
    display: block;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    padding: 20px;
    width: 40%; /* rounded corner */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: justify;
}
.boxwide
{
    background: #f3f3f3;
    display: block;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    padding: 20px;
    width: 680px; /* rounded corner */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: justify;
}
.boxhomewide {
    background: #f3f3f3;
    display: block;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    padding: 20px;
    width: 86%; /* rounded corner */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: justify;
}
.boxleftint
{
    color: #000000;
    background-color: #ddefea;
    display: block;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px;
    width: 280px; /* rounded corner */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: justify;
}
.boxrightint
{
    color: #000000;
    background-color: #d6efe8;
    display: block;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px;
    width: 280px; /* rounded corner */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: justify;
}
.boxwideint
{
    color: #000000;
    background-color: transparent;
    display: block;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 20px;
    width: 620px; /* rounded corner */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: justify;
}

/************************************************************************************
GENERAL BUTTON,INPUT,COMBO
*************************************************************************************/
input.rounded, textarea.rounded
{
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 12px;
    padding: 4px 7px;
    outline: 0;
    -webkit-appearance: none;
}
input.rounded:focus, textarea.rounded:focus
{
    border-color: #009BD5;
}

.ddl
{
    height: 22px;
    padding: 2px 2px;
    outline: 0;
    font-size: small;
}

.smallbutton
{
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #009BDA;
    background-color: #009BD5;
    color: White;
    text-transform: capitalize;
    font-size: x-small;
    cursor: pointer;
    height: 22px;
    -webkit-appearance: button;
}
.button
{
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #009BDA;
    background-color: #009BD5;
    color: White;
    text-transform: capitalize;
    font-size: small;
    cursor: pointer;
    height: 32px;
    -webkit-appearance: button;
    margin-right: 5px;
    min-width: 100px;
}
.button:hover, .smallbutton:hover
{
    background-color: #0082b3;
}

/************************************************************************************
GENERAL TAB CONTAINER
*************************************************************************************/

.tabcont .ajax__tab_header
{
    font-family: Cutive;
    font-size: 0.6em;
    font-weight: normal;
    display: block;
}
.tabcont .ajax__tab_header .ajax__tab_outer
{
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: solid 1px #D6D6D6;
    padding-left: 10px;
    margin-right: 3px;
    background-color: #69B88B;
}
.tabcont .ajax__tab_header .ajax__tab_inner
{
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-color: #666;
    color: #009BD5;
    padding: 2px 10px 0px 2px;
}
.tabcont .ajax__tab_hover .ajax__tab_outer
{
    text-decoration: none;
}
.tabcont .ajax__tab_hover .ajax__tab_inner
{
    text-decoration: none;
}
.tabcont .ajax__tab_active .ajax__tab_outer
{
    border-bottom-color: #ffffff;
    background-color: #009BD5;
}
.tabcont .ajax__tab_active .ajax__tab_inner
{
    color: #000;
    border-color: #333;
}
.tabcont .ajax__tab_tab
{
    color: white;
    text-decoration: none;
    display: inline;
    background: transparent;
}
.tabcont .ajax__tab_body
{
    font-family: Cutive,tahoma,helvetica;
    font-size: 12px;
    background-color: #fff;
    border-top-width: 0;
    border: solid 1px #D6D6D6;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    text-align: justify;
    -webkit-border-radius: 6px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 6px;
    -moz-border-radius-topleft: 0;
    border-radius: 6px;
    border-top-left-radius: 0;
}

/************************************************************************************
GENERAL PAGING and DATAGRID
*************************************************************************************/
.paging
{
    text-align: center;
    margin-top: 20px;
    color: #DADADA;
    margin-bottom: 20px;
    width: 100%;
}
.paging span
{
    color: #000000;
}
.paging a:link, .paging a:visited
{
    color: #0867B7;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
}
.paging a:hover
{
    text-decoration: underline;
}

.Shorter
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eq_main table, .eq_main div table
{
    width: 100%;
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
    background-color: #009BD5;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.eq_main table th, .eq_main div table th
{
    background-color: transparent;
    padding: 2px;
    padding-left: 4px;
    text-align: left;
    color: White;
    font-weight: normal;
    border: none;
}
.eq_main table td, .eq_main div table td
{
    border: none;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px; /*border-left: 1px solid #CCCCCC;*/
    padding: 2px;
    text-align: left;
    vertical-align: top;
}
.eq_main table td a img, .new_pr table td a img
{
    border: 0px;
}

.eq_main table tr.grey, .eq_main table td.grey
{
    background-color: #F2F2F2;
}

.eq_main table tr.white, .eq_main table td.white
{
    background-color: #FFFFFF;
}

/************************************************************************************
GENERAL MODAL POPUP
*************************************************************************************/
.modalBackground
{
    overflow: auto !important;
    background-color: #333333;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modalPopup
{
    color: Black;
    background-color: #f3f3f3;
    border-width: 1px;
    border-style: solid;
    border-color: #009BD5;
    padding: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/************************************************************************************
TOOLTIP
*************************************************************************************/
#tt
{
    position: absolute;
    display: block;
    background: url(images/tt_left.gif) top left no-repeat;
}
#tttop
{
    display: block;
    height: 5px;
    margin-left: 5px;
    background: url(images/tt_top.gif) top right no-repeat;
    overflow: hidden;
}
#ttcont
{
    display: block;
    padding: 2px 12px 3px 7px;
    margin-left: 5px;
    background: #666;
    color: #FFF;
}
#ttbot
{
    display: block;
    height: 5px;
    margin-left: 5px;
    background: url(images/tt_bottom.gif) top right no-repeat;
    overflow: hidden;
}