/******** Common stylesheet for all pages. Include in every page. ********/

html, body {
   height: 100%;
}

html, body, table, tr, td, label, form {
   border: none;
   padding: 0;
   margin: 0;
}

body, td, input, textarea {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}

td {
   vertical-align: top
}

table {
   border-collapse: collapse;
}

.serif {
   font-family: 'Times New Roman', serif;
}

/*---------- Handy classes ----------*/

.wide {
   width: 100%
}

.empty {
   font-size: 1px;
}

/*---------- Hyperlinks ----------*/

a {
   color: #0000CC;
}

a:visited {
   color: #990099
}

a img {
   border: none
}

a.nofade {
   color: #0000CC;
}

a.nofade:visited {
   color: #0000CC;
}

.plaintext {
   color: #000000;
   text-decoration: none;
}

a.plaintext:visited {
   color: #000000;
}

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

a.plaintext:visited {
   color: #000000;
}

.js {
   color: #0000CC;
   text-decoration: none;
   border-bottom: #0000CC 1px dashed;
   cursor: pointer;
   cursor: hand;
}

.hand {
   cursor: pointer;
   cursor: hand;
}

/*--------------- Controls ---------------*/

/* Simple html button control */

.button {
   width: auto;
   overflow: visible;
}

/* === Image buttons === */

.ib .left, .ib .right {
   background-repeat: no-repeat;
}

.ib .left {
   width: 7px;
   background-position: top left;
}

.ib .left div {
   width: 7px;
}

.ib .right {
   padding-right: 7px;
   background-position: top right;
}

.ib .contents {
   margin: 2px 0;
   line-height: 15px;
   padding: 3px 10px 2px 10px;
   font-size: 13px;
}

.ib .icon {
   margin-right: 2px;
   position: relative;
   top: 1px;
   left: -4px;
}

/* Red */

.ib_red div.roundedcontents {
   background-color: #f7dada;
}

.ib_red .contents a {
   color: #8b0606;
}

.ib_red .left, .ib_red .right {
   background-image: url(/style/pics/buttons/red_24.png);
}

/* Yellow */

.ib_yellow div.roundedcontents {
   background-color: #f1e4b0;
}

.ib_yellow .contents a {
   color: #8b0606;
}

.ib_yellow .left, .ib_yellow .right {
   background-image: url(/style/pics/buttons/yellow_24.png);
}

/* Green */

.ib_green div.roundedcontents {
   background-color: #e0ffcc;
}

.ib_green .contents a {
   color: #347605;
}

.ib_green .left, .ib_green .right {
   background-image: url(/style/pics/buttons/green.png);
}

/* Grey Arrow */

.ib_grey_arrow div.roundedcontents {
   background-color: #f2f2f2;
}

.ib_grey_arrow .left {
   width: 14px;
}

.ib_grey_arrow .contents a {
   color: #000;
}

.ib_grey_arrow .left, .ib_grey_arrow .right {
   background-image: url(/style/pics/buttons/grey-arrow.png);
}

/* Grey */

.ib_grey {
   cursor: pointer;
   cursor: hand;
}

.ib_grey div.roundedcontents {
   background-color: #fff;
}

.ib_grey .contents a {
   color: #000;
   text-decoration: none;
   font-size: 14px;
   font-weight: bold;
}

.ib_grey .contents span {
   color: #000;
   text-decoration: none;
   font-size: 14px;
   font-weight: bold;
}

.ib_grey .contents {
   padding: 3px 10px 4px 10px;
}

.ib_grey .left, .ib_grey .right {
   background-image: url(/_common/buttons/_pics/button-grey.png);
}

/* Dark Blue */

.ib_darkblue div.roundedcontents {
   background-color: #2681aa;
}

.ib_darkblue .contents a {
   color: #fff;
   text-decoration: none;
   font-size: 15px;
}

.ib_darkblue .contents span {
   color: #fff;
   text-decoration: none;
   font-size: 15px;
}

.ib_darkblue .contents {
   padding: 3px 10px 4px 10px;
}

.ib_darkblue .left, .ib_darkblue .right {
   background-image: url(/_common/buttons/_pics/button-darkblue.png);
}

/* Dark Green */

.ib_darkgreen div.roundedcontents {
   background-color: #57821a;
}

.ib_darkgreen .contents a {
   color: #fff;
   text-decoration: none;
   font-size: 15px
}

.ib_darkgreen .contents span {
   color: #fff;
   text-decoration: none;
   font-size: 15px
}

.ib_darkgreen .contents {
   padding: 3px 10px 4px 10px;
}

.ib_darkgreen .left, .ib_darkgreen .right {
   background-image: url(/_common/buttons/_pics/button-darkgreen.png);
}
/* Form inputs with caption displayed as gray value when actual value is empty */

.labeled_empty {
   color: #9f9f9f;
}

.labeled_set {
   color: #000;
}

.toggle_label {
   cursor: default;
   padding-left: 7px
}

.toggle_label span {
   border-bottom: #424242 1px dashed;
}

/* Autocomplete popup */

div.autocomplete {
   position: absolute;
   border: 1px solid #d7cc74;
   width: 0;
   background: #fff;
   z-index: 10;
}

div.autocomplete ul {
   margin: 0;
   padding: 0;
   width: 100%;
   list-style-type: none;
}

div.autocomplete ul li {
   margin: 0;
   padding: 3px;
}

div.autocomplete ul li.selected {
   background-color: #f1e4b0;
}

div.autocomplete ul strong.highlight {
   color: #d7cc74;
   margin: 0;
   padding: 0;
}

/* jQqery autocomple plugin styles */

.ac_results {
   padding: 0px;
   border: 1px solid #c0ba88;
   background-color: white;
   overflow: hidden;
   z-index: 99999;
}

.ac_results ul {
   width: 100%;
   list-style-position: outside;
   list-style: none;
   padding: 0;
   margin: 0;
}

.ac_results li {
   margin: 0px;
   padding: 2px 5px;
   cursor: default;
   display: block;
   /*
    if width will be 100% horizontal scrollbar will apear
    when scroll mode will be used
    */
/*width: 100%;*/
   font: menu;
   font-size: 12px;
   /*
    it is very important, if line-height not setted or setted
    in relative units scroll will be broken in firefox
    */
   line-height: 16px;
   overflow: hidden;
}

.ac_loading {
   background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
   background-color: #fffae5;
}

.ac_over {
   background-color: #d7cc74;
   color: black;
}

/*--------------- Rounded-corner boxes ---------------*/

.rounded .rnd_top, .rounded .rnd_top div, .rounded .rnd_bottom, .rounded .rnd_bottom div {
   height: 5px;
   background-repeat: no-repeat;
   font-size: 1px;
}

.rounded div.rnd_top {
   background-position: top left;
}

.rounded .rnd_top div {
   background-position: top right;
   margin-left: 5px;
}

.rounded div.rnd_bottom {
   background-position: bottom left;
}

.rounded .rnd_bottom div {
   background-position: bottom right;
   margin-left: 5px;
}

/*-- grey --*/

.rounded_grey .rnd_top, .rounded_grey .rnd_top div, .rounded_grey .rnd_bottom, .rounded_grey .rnd_bottom div {
   background-image: url(/style/pics/rounded/grey-5.png);
   background-color: #dedede;
}

.rounded_grey .rnd_contents {
   background-color: #dedede;
}

/*-- grey bordered --*/

.rounded_grey_b .rnd_top, .rounded_grey_b .rnd_top div, .rounded_grey_b .rnd_bottom, .rounded_grey_b .rnd_bottom div {
   background-image: url(/style/pics/rounded/grey-border-5.png);
   background-color: #dedede;
}

.rounded_grey_b .rnd_contents {
   background-color: #dedede;
}

.rounded_grey_b .rnd_border_div {
   border-color: #c7c7c7;
   border-width: 0 1px;
   border-style: solid;
}

/*-- grey with shadow in bottom right --*/
.rounded_grey_shadow .rnd_top, .rounded_grey_shadow .rnd_top div, .rounded_grey_shadow .rnd_bottom, .rounded_grey_shadow .rnd_bottom div {
   background-image: url(/style/pics/rounded/grey-shadow.png);
   background-color: #dedede;
   height: 6px;
}

.rounded_grey_shadow .rnd_contents {
   background-color: #dedede;
}

.rounded_grey_shadow .rnd_border_div {
   border-right: #ababab 1px solid;
}

/*-- green --*/

.rounded_green .rnd_top, .rounded_green .rnd_top div, .rounded_green .rnd_bottom, .rounded_green .rnd_bottom div {
   background-image: url(/style/pics/rounded/green-5.png);
   background-color: #dffacd;
}

.rounded_green .rnd_contents {
   background-color: #dffacd;
}

/*-- green bordered --*/

.rounded_green_b .rnd_top, .rounded_green_b .rnd_top div, .rounded_green_b .rnd_bottom, .rounded_green_b .rnd_bottom div {
   background-image: url(/style/pics/rounded/green-border-5.png);
   background-color: #dffacd;
}

.rounded_green_b .rnd_contents {
   background-color: #dffacd;
}

.rounded_green_b .rnd_border_div {
   border-color: #c7dfb7;
   border-width: 0 1px;
   border-style: solid;
}

/*-- green with shadow in bottom right --*/
.rounded_green_shadow .rnd_top, .rounded_green_shadow .rnd_top div, .rounded_green_shadow .rnd_bottom, .rounded_green_shadow .rnd_bottom div {
   background-image: url(/style/pics/rounded/green-shadow.png);
   background-color: #dffacd;
   height: 6px;
}

.rounded_green_shadow .rnd_contents {
   background-color: #dffacd;
}

.rounded_green_shadow .rnd_border_div {
   border-right: #adcc99 1px solid;
}

/*-- yellow --*/

.rounded_yellow .rnd_top, .rounded_yellow .rnd_top div, .rounded_yellow .rnd_bottom, .rounded_yellow .rnd_bottom div {
   background-image: url(/style/pics/rounded/yellow-5.png);
   background-color: #faf6d7;
}

.rounded_yellow .rnd_contents {
   background-color: #faf6d7;
}

/*-- yellow bordered --*/

.rounded_yellow_b .rnd_top, .rounded_yellow_b .rnd_top div, .rounded_yellow_b .rnd_bottom, .rounded_yellow_b .rnd_bottom div {
   background-image: url(/style/pics/rounded/yellow-border-5.png);
   background-color: #faf6d7;
}

.rounded_yellow_b .rnd_contents {
   background-color: #faf6d7;
}

.rounded_yellow_b .rnd_border_div {
   border-color: #e5e0b8;
   border-width: 0 1px;
   border-style: solid;
}

/*-- yellow with shadow in bottom right --*/
.rounded_yellow_shadow .rnd_top, .rounded_yellow_shadow .rnd_top div, .rounded_yellow_shadow .rnd_bottom, .rounded_yellow_shadow .rnd_bottom div {
   background-image: url(/style/pics/rounded/yellow-shadow.png);
   background-color: #faf6d7;
   height: 6px;
}

.rounded_yellow_shadow .rnd_contents {
   background-color: #faf6d7;
}

.rounded_yellow_shadow .rnd_border_div {
   border-right: #ccc7a3 1px solid;
}

/*-- blue --*/

.rounded_blue .rnd_top, .rounded_blue .rnd_top div, .rounded_blue .rnd_bottom, .rounded_blue .rnd_bottom div {
   background-image: url(/style/pics/rounded/blue-5.png);
   background-color: #f0f6fd;
}

.rounded_blue .rnd_contents {
   background-color: #f0f6fd;
}

/*-- blue bordered --*/

.rounded_blue_b .rnd_top, .rounded_blue_b .rnd_top div, .rounded_blue_b .rnd_bottom, .rounded_blue_b .rnd_bottom div {
   background-image: url(/style/pics/rounded/blue-border-5.png);
   background-color: #edf8fc;
}

.rounded_blue_b .rnd_contents {
   background-color: #edf8fc;
}

.rounded_blue_b .rnd_border_div {
   border-color: #daeef5;
   border-width: 0 1px;
   border-style: solid;
}

/*-- blue with shadow in bottom right --*/
.rounded_blue_shadow .rnd_top, .rounded_blue_shadow .rnd_top div, .rounded_blue_shadow .rnd_bottom, .rounded_blue_shadow .rnd_bottom div {
   background-image: url(/style/pics/rounded/blue-shadow.png);
   background-color: #edf8fc;
   height: 6px;
}

.rounded_blue_shadow .rnd_contents {
   background-color: #edf8fc;
}

.rounded_blue_shadow .rnd_border_div {
   border-right: #bacbdb 1px solid;
}

/*-- violet --*/

.rounded_violet .rnd_top, .rounded_violet .rnd_top div, .rounded_violet .rnd_bottom, .rounded_violet .rnd_bottom div {
   background-image: url(/style/pics/rounded/violet-5.png);
   background-color: #f4cdfa;
}

.rounded_violet .rnd_contents {
   background-color: #f4cdfa;
}

/*-- violet bordered --*/

.rounded_violet_b .rnd_top, .rounded_violet_b .rnd_top div, .rounded_violet_b .rnd_bottom, .rounded_violet_b .rnd_bottom div {
   background-image: url(/style/pics/rounded/violet-border-5.png);
   background-color: #f4cdfa;
}

.rounded_violet_b .rnd_contents {
   background-color: #f4cdfa;
}

.rounded_violet_b .rnd_border_div {
   border-color: #d9b6de;
   border-width: 0 1px;
   border-style: solid;
}

/*-- violet with shadow in bottom right --*/
.rounded_violet_shadow .rnd_top, .rounded_violet_shadow .rnd_top div, .rounded_violet_shadow .rnd_bottom, .rounded_violet_shadow .rnd_bottom div {
   background-image: url(/style/pics/rounded/violet-shadow.png);
   background-color: #f4cdfa;
   height: 6px;
}

.rounded_violet_shadow .rnd_contents {
   background-color: #f4cdfa;
}

.rounded_violet_shadow .rnd_border_div {
   border-right: #c7a3cc 1px solid;
}

/*--------------- Panel ---------------*/

.rounded_panel .rnd_top, .rounded_panel .rnd_top div, .rounded_panel .rnd_bottom, .rounded_panel .rnd_bottom div {
   background-image: url(/mk/_pics/panel/panel.png);
   background-color: #e1e1e0;
   height: 6px;
}

.rounded_panel .rnd_contents {
   background-color: #e1e1e0;
}

.rounded_panel .rnd_border_div {
   border-right: #a2a1a1 1px solid;
}

/*-- brown with border --*/

.rounded_brownb .rnd_top, .rounded_brownb .rnd_top div, .rounded_brownb .rnd_bottom, .rounded_brownb .rnd_bottom div {
   background-image: url(/style/pics/corners/brown_b10.png);
   height: 10px;
}

.rounded_brownb .rnd_top div {
   margin-left: 10px;
}

.rounded_brownb .rnd_contents {
   border-color: #dbd8c9;
   border-style: solid;
   border-width: 0 1px;
}

.rounded_brownb .rnd_bottom div {
   margin-left: 10px;
}

/*-- none (for dynamic color change) --*/

.rounded_none .rnd_top, .rounded_none .rnd_top div, .rounded_none .rnd_bottom, .rounded_none .rnd_bottom div {
   background: none;
}

.rounded_none .rnd_contents {
   background: none;
}

/*---------- Debug ----------*/

.b {
   border: #F00 1px solid;
}

.b1 {
   border: #0F0 1px solid;
}

.b2 {
   border: #00F 1px solid;
}

.b3 {
   border: #FF0 1px solid;
}

.b4 {
   border: #0FF 1px solid;
}

.b5 {
   border: #F0F 1px solid;
}

.bGray {
   border: lightgray 1px solid;
}