/*DEFAULTS*/
body
{
    background: #ecedef url('../Images/bg.jpg') repeat-x left top;
    font-size: 13px;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    height: 100%;
}

.body_full
{
    background-image: none;
    background-color: White;
    font-size: 13px;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 20px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited { color: #034af3; }
a:hover { color: #1d60ff; text-decoration: none; }
a:active { color: #034af3; }
p { margin-bottom: 10px; line-height: 1.6em; }

/*HEADINGS*/
h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #666666; text-transform: none; font-weight: 200;  margin-top: 5px; margin-bottom: 5px; }
h1 { font-size: 1.6em; padding-bottom: 0px; margin-bottom: 0px; }
h2 { font-size: 1.5em; font-weight: 600; }
h3 { font-family: Verdana; font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }
.headet { font-size: 1.2em; color: #666666; font-family: Verdana; text-transform: none; font-weight: 200; margin-bottom: 0px; }

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0px; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page { min-width: 60%; background-color: #fff; margin: 10px 20% 0px 19%; border: 1px solid #496077; display: inline-block; }
.header { position: relative; margin: 0px; padding: 0px; background: #4b6c9e; width: 100%; height: 52px; }
.header h1 { font-weight: 700; margin: 0px; padding: 0px 0px 0px 20px; color: #f9f9f9; border: none; line-height: 2em; font-size: 2em; }
.main { padding: 0px; min-height: 700px; }
.footer { color: #4e5766; padding: 8px 0px 0px 0px; margin: 0px auto; text-align: center; line-height: normal; font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold; }

/*TAB MENU*/
div.hideSkiplink { background-color:#3a4f63; width:100%; }
div.menu { padding: 0px 10px 10px 10px; }
div.menu ul { list-style: none; margin: 0px; padding: 0px; width: auto; }
div.menu ul li a, div.menu ul li a:visited { background-color: #465c71; border: 1px #4e667d solid; color: #dde4ec; display: block; line-height: 1.35em; padding: 4px 20px !important; text-decoration: none; white-space: nowrap; width: 130px; }
div.menu ul li a:hover { background-color: #9fb1c1; color: #465c71; text-decoration: none; }
div.menu ul li a:active { background-color: #bfcbd6; color: #cfdbe6; text-decoration: none; }
div.menu ul li a.selected { background-color: #bfcbd6; color: #465c71; text-decoration: none; }
div.menu ul li a.selected:hover { background-color: #9fb1c1; color: #465c71; text-decoration: none; }

/*FORM ELEMENTS*/
table.controls tr { height: 26px; }
fieldset { padding: 0px 10px 10px 10px; border: 1px solid #ccc; margin: 0; }
fieldset p { margin: 2px 12px 10px 10px; }
fieldset.login label, fieldset.register label, fieldset.changePassword label { display: block; }
fieldset label.inline { display: inline; }
legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }
input[type="text"], input[type="password"], select { border: 1px solid #dedede; font-size: 13px; color: #696969; font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif; }
input.textEntry { width: 320px; border: 1px solid #ccc; }
input.passwordEntry { width: 320px; border: 1px solid #ccc; }
div.accountInfo { width: 42%; }
.table_with_padding { border-collapse: collapse; border-spacing: 0px; }
.table_with_padding td { padding: 3px; }
.checkbox-dialog-title { margin: 0px 0px 0px 2px; }
.checkbox-dialog-title label, input { vertical-align: middle; }

/*MISC*/
.title { display: block; float: left; text-align: left; width: auto; }
.loginDisplay { font-size: 1.1em; display: block; text-align: right; padding: 10px; color: White; }
.loginDisplay a:link { color: white; }
.loginDisplay a:visited { color: white; }
.loginDisplay a:hover { color: white; }
.failureNotification { font-size: 1.2em; color: Red; }
.submitButton { text-align: right; padding-right: 10px; }

/* BUTTONS */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.buttons button { width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ }
.buttons button[type] { padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
*:first-child+html button[type] { padding:4px 10px 3px 7px; /* IE7 */ }
.buttons button img, .buttons a img { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }
button:hover, .buttons a:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; }
.buttons a:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff; }
button.positive, .buttons a.positive{ color:#529214; }
.buttons a.positive:hover, button.positive:hover{ background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; }
.buttons a.positive:active{ background-color:#529214; border:1px solid #529214; color:#fff; }
.buttons a.negative, button.negative { color:#d12f19; }
.buttons a.negative:hover, button.negative:hover{ background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
.buttons a.negative:active{ background-color:#d12f19; border:1px solid #d12f19; color:#fff; }

/* GRID */
.gridHeader { font-weight: bold; color: white; background-color: #80a0a0; }
.gridHeader A { padding-right: 15px; padding-left: 3px; padding-bottom: 0px; color: #ffffff; padding-top: 0px; text-decoration: none; }
.gridHeader A:hover { text-decoration: underline; }
.gridHeaderSortASC A { background: url(../Images/sortdown.gif) no-repeat 95% 50%; }
.gridHeaderSortDESC A { background: url(../Images/sortup.gif) no-repeat 95% 50%; }

/* MESSAGES */
.info, .success, .warning, .error, .validation { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; }
.info { color: #00529B; background-color: #BDE5F8; background-image: url('../Images/info.png'); }
.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('../Images/success.png'); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url('../Images/warnings.png'); }
.error { color: #D8000C; background-color: #FFBABA; background-image: url('../Images/errors.png'); }

/* GRID KALENDAR */
.kal_datum { float: right; font-weight: bold; width: 95px; height: 18px; text-align: right; padding-right: 5px; background-color: #DCDCDC; }
.kal_datum_volny { float: right; font-weight: bold; width: 95px; height: 18px; text-align: right; padding-right: 5px; background-color: #F8D7DA; color: #721C24; }
.kal_chkbox { float: left; width: 100px; margin: 0px; padding: 0px; }
.kal_label { float: left; width: 98px; margin: 0px; padding: 0px 0px 0px 2px; }

.nowrap { white-space: nowrap; }
.clear { clear: both; }
.bold { font-weight: bold; }
.center { text-align: center; }
.right { text-align: right; }
.hidden { display: none; }
.inline { display: inline; }
.vtop { vertical-align: top; }
.vmiddle { vertical-align: middle; }
.w100p { width: 100%; }
.w50p { width: 50%; }
.lh30 { line-height: 30px; }
.lh50 { line-height: 50px; }
.mr4 { margin-right: 4px; }

/* LOADING */
.modaloverlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10001; background-color: #aaaaaa; opacity: .3; filter:Alpha(Opacity=30); }
.modalprogress { position: fixed; top: 50%; left: 50%; margin: -11px 0 0 -100px; font-weight: bold; font-size: medium; z-index: 10002; }
.theprogress { background-color: #ffffff; border: 1px solid #ccc; padding: 10px; width: 200px; height: 30px; line-height: 30px; text-align: center; color: gray; vertical-align: middle; }
.theprogress img { vertical-align: middle; margin-bottom: .25em; }
.bred { border: 1px solid red !important; }
.bblu { border: 1px solid blue !important; }
.bgre { border: 1px solid green !important; }