/* $Id:$ -- Author: Ondřej Šubrt <subrto@medicalc.cz>
   Copyright (c) 2011 Medicalc software s.r.o.

   PREFIXES:
   f Font
   t Table
   c Content (text)
   a Area
   i Image    
*/

/*----------------------------------------------------------------------------*/
/* RESET */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: inherit;
  font-size: 100%;
  /*font-family: inherit;*/
  vertical-align: baseline;
}
body {
  line-height: 1.3;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
table, td, th {
  vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}
blockquote {
  quotes: "" "";
}
a img {
  border: none;
}

/*----------------------------------------------------------------------------*/
/* BASIC */

body {
  background: rgb(240,240,240) url(../Img/Bg2.jpg) repeat-x 0px 0px;
  font-family: Arial, sans-serif;
  font-size: 0.8em;
  text-align: center;
}
h1 {
  font-size: 1.9em;
  line-height: 1.3;
  margin: 16px 0 3px 0;
  font-weight: normal;
}
h2 {
  font-size: 1.5em;
  line-height: 1.3;
  margin: 14px 0 2px 0;
  font-weight: normal;
}

h3 {
  font-size: 1.15em;
  line-height: 1.3;
  margin: 10px 0 2px 0;
  font-weight: bold;
}

em {
  font-style: italic;
}
ul, ol {
  list-style-position: outside;
  margin-left: 18px;
}
li
{
  margin-left: 4px;
}


p, ul, ol {
  /*padding-top: 8px;*/
  padding-bottom: 8px;
}
a {
  /*color: rgb(183,128,0);*/
  color: rgb(85,127,156);
}
a:hover {
  text-decoration: none;
}
img {
  vertical-align: middle;
}

.cFloatL {
  float: left;
}
.cFloatR {
  float: right;
}
.cClear {
  clear: both;
}
.cRight {
  text-align: right;
}
.cLeft {
  text-align: left;
}
.cCenter {
  text-align: center;
}
.fMedium {
  font-size: 1.1em;
}
.fSmall {
  font-size: 0.9em;
}
.fSmaller {
  font-size: 0.95em;
}
.fBig {
  font-size: 1.3em;
}
.fBold {
  font-weight: bold;
}
.fBoldFirstLine:first-line {
  font-weight: bold;
}
.fGrey {
  color: rgb(180,180,180);
}
.fGreyD {
  color: rgb(150,150,150);
}
.aInline {
  display: inline;
}
.aBlock {
  display: block;
}
.aPosRel {
  position: relative;
}

.aNoBorders {
  border: none !important;
}

.w10{
  width: 10%;
}

.w15{
  width: 15%;
}

.w20{
  width: 20%;
}

.cLine09
{
  line-height: 0.9;
}

.aScreenHide
{
  display: none !important;
}

.aMarLR 
{
    margin: 0 10px;
}

/*----------------------------------------------------------------------------*/
/* AREAS */

#aBody {
  margin: 12px auto 17px auto;
  min-width: 780px; /* MINIMUM 800x600 */
  width: 95%;
  text-align: left;
}
#aHeader {
  position: relative;
  color: rgb(255,255,255);
}
#aFooter 
{
  font-size: 0.9em;
  padding: 6px 8px;
  color: rgb(50,50,50);
}

/*----------------------------------------------------------------------------*/
/* HEADER */
#aHeader a {
  color: rgb(220,220,220);
  text-decoration: none;
}

#aFooter a {
  color: rgb(50,50,50);
  text-decoration: none;
}

#aStatusBox {
  /*margin: 0 0px 8px 0;*/
  float: right;
}

#cStatusBox {
  float: left;
  padding: 14px 9px 0 0;
  text-align: right;
  color: rgb(220,220,220);
  line-height: 1.3;
}

#cLogoMex {
  padding: 11px 0 0 0;
  color: rgb(220,220,220);
  font-size: 1.25em;
}
#iLogoMex {
  margin: 0 6px 0 9px;
}

#iLogoMc {
  margin: 0 7px 0 0px;
}

#aMenu {
  background: rgb(254,199,16) url(../Img/BgMenu.png) repeat-x;
  height: 26px;
}
#aMenuBgL {
  background: url(../Img/BgMenuL.png) no-repeat left top;
  height: 26px;
  width: 12px;
  float: left;
}
#aMenuBgR {
  background: url(../Img/BgMenuR.png) no-repeat right top;
  height: 26px;
  width: 14px;
  float: right;
}
#aMenu a {
  display: block;
  float: left;
  line-height: 2em;
  padding: 0 10px;
  margin-left: -1px;
  border-right: 1px solid rgb(219,176,26);
  border-left: 1px solid rgb(219,176,26);
  height: 26px;
  text-decoration: none;
  color: rgb(0,0,0);
}
#aMenu a.First {
  margin-left : 0;
  border-left: 0px solid rgb(219,176,26);
}

#aMenu a.On 
{
  font-weight: bold;
  background: rgb(255,255,255) url(../Img/BgBtnGreyRev.png) repeat-x 0 0;
}
#aMenu a:hover {
  background: rgb(230,230,230) url(../Img/BgBtnGrey.png) repeat-x 0 0;
}

/*----------------------------------------------------------------------------*/
/* CONTENT */

.tPos
{
  border-collapse: separate;
  border-width: 0;
  border-spacing: 0;
  width: 100%;
}

.tPos td, .tPos th
{
  vertical-align: top;
  text-align: left;
}

#aContentBorder {
  margin-top: 10px;
  width: "100%";
  border: 4px solid rgba(255, 255, 255, 0.4);
  background-clip: padding-box;
  border-radius: 4px;
}

#aContentBorderSep {
  margin-top: 11px;
}

#aContent {
  position: relative;
  background-color: rgb(255,255,255);
  padding: 15px 20px;
  line-height: 1.3;
  width: "100%";
}

.aContentPad {
  padding: 0 20px 20px 20px;
  width: "100%";
}

.aContentPadThin {
  padding: 0 10px;
  width: "100%";
}

#aContent.aWelcome {
  background: rgb(255,255,255) url(../Img/BgWelcome.jpg) no-repeat 100% 0;
}

/* Round corners */
#aContentEnd1, #aContentStart2 {
  margin: 0 1px;
  height: 1px;
  background-image: url(../Img/BgTrans.png);
}
#aContentEnd2, #aContentStart1 {
  margin: 0 2px;
  height: 1px;
  background-image: url(../Img/BgTrans.png);
}

/* Buttons */
a.aBtnYellow {
  display: block;
  padding: 8px 13px;
  width: 200px;
  border-top: 1px solid rgb(255,222,84);
  border-left: 1px solid rgb(255,222,84);
  border-bottom: 1px solid rgb(225,182,64);
  border-right: 1px solid rgb(225,182,64);
  background: rgb(255,255,255) url(../Img/BgBtnYellow.png) repeat-x 0 100%;
  font-size: 1.5em;
  text-decoration: none;
  color: rgb(0,0,0);
  line-height: 1;
}
a:hover.aBtnYellow {
  border-bottom: 1px solid rgb(190,190,190);
  border-right: 1px solid rgb(190,190,190);
  border-top: 1px solid rgb(230,230,230);
  border-left: 1px solid rgb(230,230,230);
  background: rgb(255,255,255) url(../Img/BgBtnGrey.png) repeat-x 0 100%;
}
.aInd1 {
  margin-left: 20px;
}
/* BOXES */
.aBoxPad{
  padding: 0.5em 0.8em !important;
}

.aBoxPadT{
  padding: 0.5em 0 !important;
}

.aBoxGreen {
  background: rgb(225,242,217);
  border: 1px solid rgb(190,219,172);
  padding: 2px;
  margin: 6px 0 0 0;
  width: auto;
}

.aBoxBlue {
  background-color: rgb(221,240,255);
  border: 1px solid rgb(190,210,225);
  padding: 2px;
  margin: 6px 0 0 0;
  width: auto;
}

.aBoxRed {
  background: rgb(255,212,206);
  border: 1px solid rgb(238,180,166);
  padding: 2px;
  margin: 6px 0 0 0;
  width: auto;
}

.aBoxYellow {
  background: rgb(255,245,213);
  border: 1px solid rgb(247,222,166);
  padding: 2px;
  margin: 6px 0 0 0;
  width: auto;
}

.aBoxGrey {
  background: rgb(240,240,240);
  border: 1px solid rgb(211,211,211);
  padding: 2px;
  margin: 6px 0 0 0;
  width: auto;
}

.aBgGreyD {
  background-color: rgb(240,240,240) !important;
}

.aBgGreen {
  background-color: rgb(225,242,217) !important;
}

.aBgBlue {
  background-color: rgb(221,240,255) !important;
}

.aBgRed {
  background-color: rgb(255,212,206);
}

.aBgYellow {
  background-color: rgb(255,245,213);
}

.aBgGrey {
  background-color: rgb(240,240,240);
}

/*---------------------------------------------------------------------------*/
/* FORMS */

input, button {
  font-family: Arial, sans-serif;
  font-size: 1em;
}

.frmEdt {
  padding: 2px;
  /*border-bottom: 1px solid rgb(178,178,178);
  border-right: 1px solid rgb(178,178,178);*/
  border-top: 1px solid rgb(140,140,140);
  border-left: 1px solid rgb(140,140,140);
  border-bottom: 1px solid rgb(211,211,211);
  border-right: 1px solid rgb(211,211,211);
  background-color: rgb(250,250,250);
}

.frmBtn, .frmBtnBold {
  padding: 1px 7px;
  border-top: 1px solid rgb(255,222,84);
  border-left: 1px solid rgb(255,222,84);
  border-bottom: 1px solid rgb(225,182,64);
  border-right: 1px solid rgb(225,182,64);
  background: rgb(255,255,255) url(../Img/BgBtnYellow.png) repeat-x 0 100%;
  text-decoration: none;
  color: rgb(0,0,0);
  height: 1.8em;
}

.frmEdtHigh {
  background-color: rgb(255,245,213);
}

.frmBtnBold {
  font-weight: bold;
}



/*---------------------------------------------------------------------------*/
/* LOGIN */

#tLogin {
  width: 700px;
}

#tLogin th {
  /*width: 30%;*/
  font-weight: bold;
  padding: 4px 0px;
}

#tLogin td {
  padding: 4px 0px;
}

/*---------------------------------------------------------------------------*/

.tTab {
  border-collapse: separate;
  border-width: 0;
  border-spacing: 0;
  width: 100%;
  display: table;
}

.tTab .tHead, .tTab .tBody 
{
    display: table-row-group;
}

.tTab tr, .tTr {
  margin-top: 1px;
  display: table-row;
}

.tTab th, .tTh {
  text-align: left;
  padding: 4px 8px;
  font-weight: bold;
  display: table-cell;
}

.tTab td, .tTd {
  vertical-align: top;
  padding: 4px 8px;
  display: table-cell;
}

.tTabHref td {
  cursor: pointer;
}

.tTab thead th, .tTab .tHead .tTh {
  background-color: rgb(221,240,255);
  border-top: 1px solid rgb(190,210,225);
  border-bottom: 1px solid rgb(190,210,225);
}

.tTab td, .tTab th, .tTab .tTd, .tTab .tTh {
  border-bottom: 1px solid rgb(211,211,211);
  vertical-align: top;
}

.tTab tr:hover td, .tTab .tTr:hover .tTd {
  background-color: rgb(240,240,240);
}

.tTab .tRowHigh td {
  font-weight: bold;
}

.tTab .tRowHigh:hover td {
  background-color: rgb(240,240,240);
}

.tTabFixed
{
  table-layout: fixed;
}

.tTabFixed td.tCellNoWrap, .tTabFixed th.tCellNoWrap
{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tKlinudals td
{
    vertical-align: middle !important;
}

.tTab a.tTr 
{
    color: black;
    text-decoration: none;
}

/*-----------------------------------------------------------------------------*/
/* KLINUDAL */

.aBoxGrey h2, .aBoxGreen h2, .aBoxRed h2, .aBoxYellow h2, .aBoxBlue h2
{
  margin: 1px 0 0 0;
}

.tHeadBox
{
  border-collapse: separate;
  border-width: 0;
  border-spacing: 0;
  width: auto;
}

.tHeadBox th
{
  padding: 0px 4px;
  vertical-align: top;
  font-style: italic;
}

.tHeadBox td 
{
  padding: 0px 15px 0px 4px;
}

/*---------------------------------------------------------------------------*/

.aRtf 
{
  margin: 5px 0;
  max-width: 1024px;
}

.aRtf p
{
  margin: 0;
  padding: 0;
  line-height: 1.3;
}

.aTxt
{
  margin: 4px 10px;
  white-space: pre;
  font-family: Consolas, Lucida Console, Courier New, Courier, monospace;
  max-width: 1024px;
}

.aThumb 
{
    display: inline-block;
    border: 1px solid rgb(190,190,190);
    height: 128px;
    width: 128px;
    position: relative;
    margin: 0px 2px 5px 0; 
}

.aThumb:hover 
{
}

.aThumb .name 
{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px 0;
    width: 100%;
    text-align: center;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.85);
    color: rgb(0, 0, 0);
}

.aThumb:hover .name 
{
    background: rgba(255, 255, 255, 0.95);
}

.aThumbTitle 
{
    font-weight: bold;
    margin: 15px 0 5px 0;
}

.aThumbSerie 
{
}

.tThumb .tSerieCol 
{
    border-bottom: none;
    padding-top: 10px;
    font-weight: bold;
    padding-bottom: 0px;
}

.tThumb .tSerieDescCol 
{
    text-align: right;
    border-bottom: none;
    padding-top: 10px;
    padding-bottom: 0px;
}

.tThumb .cSerieInfo 
{
    font-weight: normal;
}

.tThumb tr:hover td 
{
    background-color: inherit;
}

.aSigns 
{
    margin: 20px 0 10px 0;
}

.aSigns .aTitle 
{
}

.aSigns .lnkDoc, #aShowMoreSignedDocuments
{
    display: inline-block;
    padding-left: 25px;
}

#aShowMoreSignedDocuments 
{
    margin-top: 5px;
}

a.fHrefInv 
{
    text-decoration: none;
}

a.fHrefInv:hover 
{
    text-decoration: underline;
}

.fTxtRed {
  color: rgb(255,66,40);
}

.fTxtGreen {
  color: rgb(66,165,19);
}