/**
 * Foglio di stile per 'template.php' e tutti gli elementi
 * grafici generici
 *
 * @author      Giovambattista Fazioli
 * @email       g.fazioli@saidmade.com
 * @web         http://www.saidmade.com
 * @rel         http://www.undolog.com
 *
 */

/* @todo Reset
 @import url('reset.css');
 ---------------------------------------------------------------------------------------------*/
/* Global
 ---------------------------------------------------------------------------------------------*/
body {
    vertical-align: top;
    background: url(images/wp1.jpg) no-repeat;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-attachment: fixed;
    background-position: center
} .right {
    float: right
} .left {
    float: left
} .alignleft {
    text-align: left
} .alignright {
    text-align: right
} .aligncenter {
    text-align: center
} .justify {
    text-align: justify
} .hide {
    display: none
} .clear {
    clear: both
} .bold {
    font-weight: bold
} .italic {
    font-style: italic
} .underline {
    border-bottom: 1px solid
} .highlight {
    background: #ffc
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

img.alignleft {
    float: left;
    margin: 4px 10px 4px 0
}

img.alignright {
    float: right;
    margin: 4px 0 4px 10px
} 

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
} 
.clearfix {
    display: block
}

html[ xmlns] .clearfix {
    display: block
} * html .clearfix {
    height: 1%
} .rborder4 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -icab-border-radius: 4px;
    -khtml-border-radius: 4px
} .rborder8 {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -icab-border-radius: 8px;
    -khtml-border-radius: 8px
} .rborder12 {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -icab-border-radius: 12px;
    -khtml-border-radius: 12px
} .rborder16 {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    -icab-border-radius: 16px;
    -khtml-border-radius: 16px
} .mini {
    font-size: 11px
}

/* main grid
 -------------------------------------------------------------------*/
div#boxpage {
    display: block;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #bbb;
    background: #fff;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    -icab-border-radius: 16px;
    -khtml-border-radius: 16px;
} 

.boxpage {
    display: block;
    margin: 0 auto;
    padding: 12px;
}

div#box-container {
    width: 990px;
    margin: 0 auto;
}

/* Links
 -------------------------------------------------------------------*/
a, a:link, a:visited {
    color: #0096ff !important;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #111;
}

a:active {
    color: #111
}

/* Headings
 -------------------------------------------------------------------*/
h1 {
    font-size: 28px
}

h2 {
    font-size: 18px
}

h3 {
    font-size: 16px
}

h4 {
    font-size: 14px
}

h5 {
    font-size: 13px
}

/* Header
 -------------------------------------------------------------------*/
div#header {
}

div#logo {
    float: left;
    height: 32px;
}

div#logo h1 span {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: -1px;
    color: #0096ff
}

div#sco_navigation {
}

div#admin-tool {
    float: right;
    height: 32px;
}

div#admin-tool ul {
    list-style: none;
}

div#admin-tool ul li {
    display: inline;
    margin: 0 12px 0 0;
}

/* Navigation
 -------------------------------------------------------------------*/
div#sco_navigation ul {
    list-style: none;
    padding: 0;
}

div#sco_navigation ul li {
    display: inline;
    float: left;
    margin: 0 16px 0 0;
}

div#sco_navigation ul li a {
    outline: none;
    display: block;
}

div#sco_navigation ul li a img {
    width: 64px;
    height: 64px;
}

/*
 div#sco_navigation ul li a {
 display:block;
 text-decoration:none;
 padding:6px 8px 6px 32px;
 -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-icab-border-radius:4px;-khtml-border-radius:4px;
 border:1px solid #aaa;
 cursor:pointer;
 background:#f1f1f1;
 text-align:right;
 }
 
 div#sco_navigation ul li#dashboard a {
 background:#f1f1f1 url(images/dashboard.png) 5px 5px no-repeat;
 }
 
 div#sco_navigation ul li#todo a {
 background:#f1f1f1 url(images/ToDoList.png) 5px 5px no-repeat;
 }
 
 div#sco_navigation ul li#contacts a {
 background:#f1f1f1 url(images/contacts.png) 5px 5px no-repeat;
 }
 
 div#sco_navigation ul li#accounting a {
 background:#f1f1f1 url(images/accounting.png) 5px 5px no-repeat;
 }
 
 div#sco_navigation ul li a:hover,
 div#sco_navigation ul li#dashboard a:hover,
 div#sco_navigation ul li#todo a:hover,
 div#sco_navigation ul li#contacts a:hover,
 div#sco_navigation ul li#accounting a:hover {
 background-color:#0096ff;
 color:#fff
 }
 */
/* Middle
 -------------------------------------------------------------------*/
/* Form
 -------------------------------------------------------------------*/
fieldset {
    padding: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -icab-border-radius: 4px;
    -khtml-border-radius: 4px;
    border: 1px solid #666;
    background: #f1e2ff;
}

button {
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -icab-border-radius: 4px;
    -khtml-border-radius: 4px;
    border: 1px solid #aaa;
    cursor: pointer;
    background: #f1f1f1;
}

button.image {
    padding: 6px 8px 6px 32px !important;
    text-align: right;
}

button:hover {
    background: #0096ff;
    color: #fff;
}

textarea {
    padding: 2px 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -icab-border-radius: 4px;
    -khtml-border-radius: 4px;
    border: 1px solid #bbb;
    background: #fff;
    font-size: 11px !important;
    line-height: 15px;
    font-family: Tahoma !important;
    width: 99%;
    background: url(images/textarea.gif);
}

form {
    padding: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -icab-border-radius: 4px;
    -khtml-border-radius: 4px;
    border: 1px solid #ddd;
    background: #f5f5f5;
    margin: 8px 0;
}

form label {
    clear: right;
    display: block;
    float: left;
    text-align: right;
    margin: 2px 10px 0 0;
}

form label.inline {
    clear: none;
    display: inline;
    float: none;
    margin: 0 0 0 10px;
}

form input.button {
    padding: 6px 8px 6px 32px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -icab-border-radius: 4px;
    -khtml-border-radius: 4px;
    border: 1px solid #aaa;
    cursor: pointer;
    text-align: right;
    background: #f1f1f1 url(images/play.png) 5px 7px no-repeat;
}

form input.button:hover {
    background-color: #0096ff;
    color: #fff;
}

form input.text {
    padding: 2px 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -icab-border-radius: 4px;
    -khtml-border-radius: 4px;
    border: 1px solid #666;
    background: #fff
}

form#form_edit_user label {
    width: 120px;
}

input.cancel {
    background: #FFD9D9 url(images/cancel.png) 5px 7px no-repeat !important;
    margin: 0 0 0 16px;
}

form input.cancel:hover {
    background-color: #a00 !important;
}

input.confirm {
    background: url(images/confirm.png) 5px 7px no-repeat !important;
}

input.confirm:hover {
    background-color: #0096ff !important;
    color: #fff;
}

input.datepicker {
    width: 80px;
    text-align: right;
}

input.valute {
    width: 100px;
    text-align: right;
}

img.button {
    cursor: pointer;
    border: none;
}

/* =8 Extra
 -------------------------------------------------------------------*/
tbody td {
    border: 1px dotted #bbc;
    vertical-align: top;
}

/* =9 Footer
 -------------------------------------------------------------------*/
div#e_footer p {
    text-align: center;
}

/* =10 Components
 -------------------------------------------------------------------*/
div.window {
    border: 1px solid #666;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -icab-border-radius: 12px;
    -khtml-border-radius: 12px
}

div.sco_window, div.sco_dialog {
    border: 1px solid #bbb;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -icab-border-radius: 12px;
    -khtml-border-radius: 12px;
    background: #fff;
}

div.sco_window h2 {
    margin: 0;
    padding: 8px;
    border-bottom: 1px dotted #aaa;
}

div.sco_window div.sco_window_content, div.sco_window div.sco_dialog_content {
    margin: 16px 8px;
}

/* =11 Application
 -------------------------------------------------------------------*/
div#sco_application {
    clear: both;
}

h2.sco_application_title {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -icab-border-radius: 6px;
    -khtml-border-radius: 6px;
    background: #0096ff;
    padding: 6px 12px;
    font-weight: normal;
    color: #fff;
}

table.sco_listview {
    width: 100%;
}

table.sco_listview thead th {
    font-size: 14px;
    background: #0096ff;
    color: #fff;
    text-align: left;
    padding: 8px;
    border-left: 1px dotted #fff;
}

table.sco_listview thead th.firstColumn {
    -moz-border-radius-topleft: 8px;
    border: none !important;
}

table.sco_listview thead th.lastColumn {
    -moz-border-radius-topright: 8px;
}

table.sco_listview thead {
}

table.sco_listview thead tr {
}

table.sco_listview tbody td {
    white-space: nowrap;
	vertical-align:middle;
}

table.sco_listview img.button_edit {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -icab-border-radius: 4px;
    -khtml-border-radius: 4px;
    border: 2px solid #bcd;
    margin-right: 4px;
    padding: 2px;
    cursor: pointer;
}

table.sco_listview img.button_delete {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -icab-border-radius: 4px;
    -khtml-border-radius: 4px;
    border: 2px solid #bcd;
    padding: 2px;
    cursor: pointer;
}

table.sco_listview tfoot th {
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    background: #F1F1F1;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #888;
    text-align: left;
    padding: 8px;
}

/* Ajax
 ------------------------------------------------------------------*/
div#sco_modal {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    background: #fff;
    filter: alpha( opacity = 70);

opacity:
    .7;

-moz-opacity:
    .7;

-ms-filter:
    "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

div#sco_extra {
    display: block;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

img#sco_ajax_wait {
    position: absolute;
    left: 50%;
    top: 50%;
}