html {
    padding: 0;
}

body {
    font-family: Verdana, sans-serif;
    font-size: 9.5pt;
    background-color: white;
    /*
    background-image:           url(/img/watermark.jpg);
    background-repeat:          no-repeat;
    background-position:        bottom right;
    */
    padding: 0;
    margin: 0;
}


/* Alignment */

table.layouter {
    width: 100%;
    margin: 0;
    padding: 0;
}

table.layouter td.middle {
    width: 100%;
}

table.layouter td.left,
table.layouter td.right {
    width: 0%;
}

table.layouter,
table.layouter * {
    vertical-align: top !important;
}

div.left_section {
    width: 230px;
}

div.center_section {
    padding-left: 5px;
    padding-right: 5px;
}

div.right_section {
    width: 230px;
}

div.side_box {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid silver;
}

div.side_box div.packet_group_name {
    overflow: hidden;
    padding-bottom: 3px;
}

div.side_box_title {
    font-weight: bold;
    text-align: center;
    background-image: url(/img/design/lists_thead_bg.png);
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #444444;
    color: white;
    padding-bottom: 3px;
}

div.side_box_contents {
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
}

div.navigation div {
    padding-bottom: 3px;
}

div.navigation div a {
    text-decoration: none;
}

div.navigation div a:link,
div.navigation div a:visited {
    color: #003366;
}

div.navigation div a:hover {
    color: gray;
}

div.navigation div span.selection_marker {
    color: white;
}

div.navigation div.active span.selection_marker {
    color: black;
}

div.navigation div.active a {
    color: #0066CC;
}

div.stripe {
    background-color: #efefef;
    border: 1px solid #A0A0A0;
    height: 19px;
    padding: 3px;
    margin-top: 10px;
    vertical-align: middle;
    font-weight: bold;
}

div.stripemy {
    background-color: #efefef;
    border: 1px solid #A0A0A0;
    height: 19px;
    padding: 3px;
    margin-top: 10px;
    vertical-align: middle;
    font-weight: bold;
    text-align: left;
}

div.stripe div.label {
    float: left;
}

div.stripe input {
    float: right;
    height: 19px;
}

div.balance {
    border-bottom: 1px solid #A0A0A0;
}

/* Alignment end */


div.login_spacer {
    height: 150px;
}

div.login_container {
    text-align: center;
}

table.login_table {

}

table.login_table td {
    padding-right: 20px;
}

table.login_table td.buttons_td {
    padding-top: 20px;
}

/* Various INPUTs */

.input_200 {
    width: 200px;
}

.btn {
    padding: 2px 5px 2px 5px;
    margin: 0px;
    margin-top: 7px;
    font: 12px Verdana;
    /* btn's with images */
    min-height: 27px;
    text-decoration: none;
}


div.hr {
    border-top: 1px solid #cccccc;
    margin-bottom: 2em;
}

div.content {
    border: 0px solid #888;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 10px;
    padding-bottom: 30px;
}

div.topbar {
    background-color: white;
    color: white;
    text-align: right;
    /*background-image:           url(../img/design/topbar.jpg); */
    background-position: left;
    background-repeat: no-repeat;
    height: 40px;
    margin: 0;
    padding: 0;
}

div.fineprint {
    font-size: 7pt;
    padding-top: 5px;
}

div.footer {
    text-align: center;
    margin-top: 50px;
}

/* Headings begin */
h1 {
    font-size: 12pt;
    font-weight: bold;
    font-variant: small-caps;
}

h2 {
    font-size: 11pt;
    font-weight: bold;
    font-variant: normal;
}

h3 {
    font-size: 10pt;
    font-weight: bold;
    font-variant: normal;
}

/* Headings end */

/* Forms begin */

fieldset.login {
    width: 350px;
}

fieldset {
    font: 9.5pt Verdana;
    background-color: white;
    background-repeat: repeat-x;
    background-image: url(/img/design/block_bg_reverse.png);
    background-position: bottom;
    border: 1px solid #CECED0;
}

fieldset legend {
    border: 1px solid #CECED0;
    background-color: #efefef;
    color: #33358c;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
}


fieldset {
    border: 1px solid #CECED0;
    padding: 10px;
    border: 1px solid #CECED0;
    margin-right: 7px;
    background-color: white;
}

/*
fieldset legend{
    border:                     1px solid #CECED0;
    background-color:           #efefef;
    color:                      #33358c;
    font-size:                  9.5pt;
    font-weight:                bold;
    padding:                    4px;
}
*/

input,
textarea,
select,
button {
    border: 1px solid #999;
    background-color: #eee;
}

input.image_submit {
    padding: 3px;
}

input.text {
    background-color: #FEFEFE;
}

input.disabled {
    border: 1px solid #929292;
}

button {
    margin-bottom: 4px;
    margin-top: 4px;
}

input.input_submit,
button {
    background-color: #e6e5ed;
    font-weight: bold;
}

.btn {
    /*background-color:           #ddd;*/
    background-image: url(/img/design/button_bg.png);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #dfdfdf;
    border: solid 1px #999;
    font-weight: bold;
    color: black;
    display: compact;
}

/* Forms end */

/* Navigation begin */

div.version {
    height: 10px;
    vertical-align: top;
}

div.lang_switch {
    height: 5px;
    text-align: right;
    font: 10pt Verdana;
    margin-top: 4px;
    vertical-align: middle;

}

div.lang_switch {
    vertical-align: bottom;
}


div.lang_switch a {
    font-weight: bold;
    height: 5px;
    border: 1px solid transparent;
    color: #DCDCDC;
    text-decoration: none;
    text-align: center;
    padding: 2px;
}

div.lang_switch a:hover {
    border: 1px solid #888;
    background-color: #FEFEFE;
    color: #585858;
}

div.lang_switch a.active {
    color: #FFFFFF;
    border: 1px transparent;
    background-color: #000000;
    /*background-image:           url(/img/button_bg.png);*/
}


div.main_navi ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


/* Navigation end */

/* Different tables */
table {
    border-collapse: collapse;
    font-size: 9pt;
}

table.value_list tr.norm {
}

tr.alt {
    background-color: #F6F6F6;
}

table.value_list td.field {
    font-weight: bold;
    text-align: left;
    padding-right: 1px;
}

table.value_list td.value {
    font-weight: normal;
/ / text-align: right;
    text-align: left;
}


table.list {
    border-collapse: collapse;
    font-size: 9pt;
}

table.list th {
    border-bottom: 2px solid #002c92;
    border-top: 2px solid #002c92;
}

table.list th,
table.list td {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    margin: 0px;
}

table.list th a,
table.list th a:visited,
table.list th a:active {
    text-decoration: none;
    color: black;
}

table.list th a:hover {
    color: #808080;
}


table.sortable {
    border-collapse: collapse;
    font-size: 9pt;
}

table.sortable th {
    border-bottom: 2px solid #002c92;
    border-top: 2px solid #002c92;
}

table.sortable th,
table.sortable td {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    margin: 0px;
}

table.sortable th a,
table.sortable th a:visited,
table.sortable th a:active {
    text-decoration: none;
    color: black;
}

table.sortable th a:hover {
    color: #808080;
}


tr.alt {
    background-color: #F6F6F6;
}

table.clear tr,
table.clear.td {
    border: 0px;
}

/* Links & anchors */
a img {
    text-decoration: none;
    border: 0;
}

/* DIVs */
div.dot {
    background-image: url(/img/icons/dot.gif);
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto;
}

/* Page Handler */
div.handlerFeld {
    text-align: center;
    font-size: small;
    margin-top: 7px;
    margin-bottom: 7px;
}

div.handlerFeld a {
    color: #585858;
}

div.handlerFeld a:hover {
    color: black;
}

/* Announcements begin */

div.announcement {
    border: 1px solid silver;
    margin-bottom: 10px;
}

div.announcement div.header {
    background-image: url(/img/design/button_bg.png);
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 2px 10px 2px 10px;
    font-weight: bold;
}

div.announcement div.text {
    padding: 3px 10px 3px 10px;
}

div.clear {
    clear: both;
}

/* Announcements end */


/* Misc stuff */
hr {
    border: 0;
    color: #ccc;
    background-color: #ccc;
    height: 2px;
}

div.dot {
    width: 13px;
    height: 13px;
    background-image: url(../img/icons/check.gif);
    display: block;
    margin: 0 auto;
}

#msg-ok {
    border: 2px solid #00C000;
    color: #00C000;
    background-color: #FEFEFE;
}

#msg-error {
    border: 2px solid #C00000;
    color: #C00000;
    background-color: #FEFEFE;
}

/* Server load */

div.load_bar {
    border: 1px solid #333333;
    padding: 1px;
    height: 15px;
}

div.load_bar div.green_bar,
div.load_bar div.yellow_bar,
div.load_bar div.red_bar {
    height: 15px;
}

div.load_bar div.green_bar {
    background-color: green;
}

div.load_bar div.yellow_bar {
    background-color: #ffcc00;
}

div.load_bar div.red_bar {
    background-color: red;
}

span.running {
    color: #008000;
    font-weight: bold;
}

span.stopped {
    color: #C00000;
    font-weight: bold;
}

div#timer {
    font-size: 12pt;
    font-weight: bold;
    color: #0044FF;
    text-align: center;
    margin-top: 5px;
}

div.side_box_contents_riht {
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
    font: 9px Verdana;
}

#sconto_price {
    color: #d00;
    display: none;
}
