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:           gray;
    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:                     12px;
    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(/im/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:                3px;
    padding-bottom:             3px;
    padding-left:               3px;
    padding-right:              3px;
    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;
}

/* 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;
}

#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;
}

 
/* scroll results */
.ui-autocomplete {
     max-height: auto;
     overflow-y: auto;
/* prevent horizontal scrollbar */
     overflow-x: hidden;
/* add padding for vertical scrollbar */
     padding-right: 5px;
}

.ui-autocomplete li {
      font-size: 14px;
      background-color: #efefef;
      margin-left: -45px;
      padding-left: 7px;
      list-style: none;
      width: 198px;
}

.ui-autocomplete li:hover {
      font-size: 20px;
     
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
      height: auto;
}