.warning {
  clear: both;
  font-size: 1.3em;
  background-image: url(../img/big/warning.png);
  //background-image: url(../img/big/warning.gif);
  background-repeat: no-repeat;
  background-color: #e16767;
  background-position: 12px center;
  color: #fff;
  font-weight: bold;
  border: 2px solid #cc0000;
  padding-left: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
  vertical-align: top;
  white-space: pre;
}

.forbidden {
  clear: both;
  font-size: 1.3em;
  background-image: url(../img/big/forbidden.png);
  //background-image: url(../img/big/forbidden.gif);
  background-repeat: no-repeat;
  background-color: #e16767;
  background-position: 12px center;
  color: #fff;
  font-weight: bold;
  border: 2px solid #cc0000;
  padding-left: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
  vertical-align: top;
  white-space: pre;
}

.info {
  clear: both;
  font-size: 1.3em;
  background-image: url(../img/big/information.png);
  //background-image: url(../img/big/information.gif);
  background-repeat: no-repeat;
  background-color: #edefd1;
  background-position: 12px center;
  color: #333;
  font-weight: bold;
  border: 2px solid #989849;
  padding-left: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
  vertical-align: top;
  white-space: pre;
}

.dashed {
  border: 1px dashed black;
}

.bold {
  font-weight: bold;
}

.tiny {
  font-size: 0.9em;
}

.center {
  text-align: center;
  clear: both;
}

.right {
  text-align: right;
  clear: both;
}

.left {
  text-align: left;
  clear: both;
}

.top {
  vertical-align: top;
}

.label, .xlabel, .slabel {
  float: left;
  width: 150px;
  text-align: right;
  padding-right: 1em;
}

.xlabel {
  width: 280px;
}

.slabel {
  width: 100px;
}


/* deprecated */
.super_label {
  float: left;
  width: 200px !important;
  text-align: right;
  padding-right: 1em;
}

/*** TABS ***/

table.tablist { 
  width: 99%;
}

table.tablist tr.click {
  cursor: pointer;
}

table.tablist th a {
  text-decoration: underline;
}

table.tablist td, table td.spec {
  background-color: transparent;
}

table.col-half 
{ 
  width: 99%;
}

table.col-half td
{ 
  vertical-align: top;
  width: 50%;
}

/*** IMAGES ***/

img.upload_image { 
  border: 1px dashed #aaa;
}

textarea {
  font-family: sans;
  font-size: 12px;
}

textarea.large {
  width: 200px;
  height: 5em;
}

textarea.xlarge {
  width: 600px;
  height: 7em;
}


input.necessary {
  background-color: #fff9c4;
  border-color: #8cacbb;
  border-width: 1px;
}


input.necessary-missing {
  background-color: #fff9c4;
  border-color: red;
  border-width: 2px;
}


textarea.necessary {
  background-color: #fff9c4;
  border-color: #8cacbb;
  border-width: 1px;
}

textarea.necessary-missing {
  background-color: #fff9c4;
  border-color: red;
  border-width: 2px;
}

select.necessary {
  background-color: #fff9c4;
  border-color: #8cacbb;
  border-width: 1px;
}

select.necessary-missing {
  background-color: #fff9c4;
  border-color: red;
  border-width: 2px;
}


input.type-float { 
}

input.type-integer { 
}

input.type-datetime { 
  width: 13em;
}

input.type-date { 
  width: 7em;
}

input.type-time { 
  width: 5em;
}

input.type-login { 
  width: 10em;
}

input.type-email {
}

input.missing { 
  background-color: #fff9c4;
  border-color: red;
  border-width: 2px;
}

input.error-type { 
  border-color: red;
  border-width: 2px;
}

input.xlarge {
  width: 40em;
}
input.large {
  width: 30em;
}
input.input {
  width: 20em;
}
input.mini {
  width: 10em;
}
input.smini {
  width: 8.5em;
}
input.xmini {
  width: 6em;
}
input.tiny {
  width: 4em;
  font-size: 1em !important;
}


.submit {
  margin: 2px 1px;
  padding: 3px 10px;
  border: 1px solid #989849;
  text-decoration: none;
  color: #575129;
  background-color: #fffbdd;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: 3px 3px;
  cursor: default;
}

a.submit {
  padding-bottom: 0.3em;
  text-decoration: none;
  color: white;
}

.submit:hover {
  color: #333;
  background-color: #ffcc00;
}

a.action {
  color: #575129 !important;
}
.action {
  margin: 2px 1px;
  padding: 3px;
  padding-left: 25px;
  padding-right: 10px;
  border: 1px solid #989849;
  text-decoration: none;
  color: #575129;
  background-color: #fffbdd;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: 3px center;
  cursor: default;
}
.action:hover {
  color: #333;
  background-color: #ffcc00;
}

.add {
  background-image: url(../img/small/add.png);
  //background-image: url(../img/small/add.gif);
}

.remove {
  background-image: url(../img/small/remove.png);
  //background-image: url(../img/small/remove.gif);
}

.send {
  background-image: url(../img/small/send-changes.png);
  //background-image: url(../img/small/send-changes.gif);
}

.delete {
  background-image: url(../img/small/delete.png);
  //background-image: url(../img/small/delete.gif);
}

.stop {
  background-image: url(../img/small/forbidden.png);
  //background-image: url(../img/small/forbidden.gif);
}

.print {
  background-image: url(../img/small/print.png);
  //background-image: url(../img/small/print.gif);
}

.undo {
  background-image: url(../img/small/undo.png);
  //background-image: url(../img/small/undo.gif);
}

.paste {
  background-image: url(../img/small/edit-paste.png);
}


/*** Tabbed windows default style ***/

.tabbed-window
{ 
  width: 49%;
  float: left;
  }

.tabbed-menu
{ 
  margin-left: 40px;
  }

.tabbed-menu a, .tabbed-menu a:visited
{ 
  text-align: center;
  color: white;
  border: 1px solid #436976;
  background-color: #436976;
  border: 1px solid #333;
  padding-left: 15px;
  padding-right: 15px;
  }

.tabbed-menu a:hover 
{ 
  color: #436976;
  background-color: white;
  width: 200px;
  }

.tabbed-content
{ 
  margin-left: 40px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #436976;
  background-color: #fff;
  }

.tabbed-window-buttons
{ 
  float: right; 
  position: relative; 
  top: 1px;
}


/* special js */

/* ajax */

span.loading { 
  padding: 0 2em;
  background-color: transparent;
  background-image: url('../img/small/loading.gif');
  background-repeat: no-repeat;
}

/* common */

.error_necessary { 
  display: none;
}

.shortcut-display{
  text-decoration: underline;
}