* {margin:0; padding:0}
body { background:white; color:#333; font:12px/1.5 Tahoma, Arial, sans-serif }
a {color:#da251c}
img {border:none}
.r {border:0px none; margin:0px; padding:0px; float:none; clear:both; width:0px; height:0px; line-height:0px; font-size:0px}

h1 {}
h2 {}
h3 {margin:0 0 .5em 0; font-size:1.2em}
h4 {margin:.5em 0 0 0; font-size:1.1em}

h1 img {margin:0 0 -10px 0}
h1 a {font-size:.5em}

#wrapper {width:80%; margin: auto; min-width: 960px}

#header {position:relative; height:115px; border-top:4px solid #e2001a; border-bottom:1px dotted #999 }
#header #logo {position:absolute; left:20px; top:20px}
#header a {color:black}
#header #menu {list-style:none; position:absolute; left:127px; top:32px; z-index:1; font-size:13px; line-height:15px}
#header #menu li {margin:0 20px 0 0; float:left; font-weight:bold}
#header #menu li img {width:32px; margin:auto; display:block}
#header #menu li.active a {color:#da251c}
#header #menu li a {text-decoration:none; display:block}
#header #userbox {position:absolute; color:white; background:#e2001a; right:20px; top:0; padding:1px 10px 5px 10px; font-size:12px}
#header #userbox a {color:white}

#subMenu {padding:5px 20px; font-size:13px; background:white; color:#999; border-bottom:1px dotted #999}
#subMenu a {color:black}

#content { padding:20px; background:white; position:relative}

#toolbar {position:absolute; right:20px; top:20px}
#toolbar .tool {float:left; line-height: 12px}
#toolbar img {margin:auto; display:block; width:32px; height:32px}
#toolbar a {color:#666; text-decoration:none; font-size:12px}
#toolbar a:hover {color:black}

#content .line {border-bottom:1px dotted #999; display:block; margin:20px -20px}

#footer { padding:20px; border-top:1px dotted #999; font-size:12px }
a[href^="error:"] { background-color:red; color:white; padding:0.05em 0.2em; }

ul.info, ul.success, ul.warning, ul.error, ul.validation {margin:0 0 20px 16px; font-size:16px}
ul.info {color: #00529B;}
ul.success {color: #4F8A10;}
ul.warning {color: #9F6000;}
ul.error {color: #D8000C;}
ul.validation {color: #D63301;}

#flashMessage {}
#flashMessage .flash, #flashMessage .info, #flashMessage .success, #flashMessage .warning, #flashMessage .error, #flashMessage .validation {
    font-size:1.2em;
    padding: 10px 20px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    opacity: 0.9;
}
#flashMessage .info {
    color: #00529B;
    background-color: #C6DBFF;
    background-image: url('../images/admin/flash/info.png');
}
#flashMessage .success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/admin/flash/success.png');
}
#flashMessage .warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/admin/flash/warning.png');
}
#flashMessage .error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/admin/flash/error.png');
}
#flashMessage .validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('../images/admin/flash/warning.png');
}

form table th { text-align:right; }



/* tabulky vypisu */
table.list {
    width:100%;
    border: 0px;
	border-collapse: collapse;
	background: white;
}

table.list th {
    border-width: 1px;
    text-align:left;
	padding: 5px;
	border-style: solid;
	border-color: #eca6a3;
	background: #fadfde;
    white-space:nowrap;
    font-size:.9em;
}

table.list th.actionHeader {
    background: none;
    text-align:center;
    border-top:none;
    border-right:none;
    border-bottom:1px solid #ccc;
}

table.list td {
    border-width: 1px;
	padding: 2px 5px;
	border-style: solid;
	border-color: #ccc;
	background: white;
}
table.list td.action {
    white-space:nowrap
}
table.list td.signed {white-space:nowrap; font-size:.9em}
table.list tr.color td {background-color:#f7f7f7}
table.list td img {margin:0 0 -4px 0}

form table {}
form table th {padding:.5em; vertical-align:top}
form input, select, textarea {padding:.25em .5em; border:1px solid #ccc; font-family:Tahoma}
form textarea {font-size:1em}
form input.button {font-family:Tahoma; padding:.2em; font-size:14px; color:#666; cursor:pointer}
form input.button:hover {background:#eee; border-color:#ccc; color:black}
form input.submit {font-family:Tahoma; padding:.2em; font-size:14px; color:green; cursor:pointer}
form input.submit:hover {background:#defae1; color:black; border-color:#a3eca8}
form input.cancel {font-family:Tahoma; padding:.2em; font-size:14px; color:#da251c; cursor:pointer}
form input.cancel:hover {background:#fadfde; color:black; border-color:#eca6a3}
form [readonly=readonly] {background:#eee; color:#999; border:1px solid #ccc;}
div.ui-datepicker {
    font-size: 80%;
}

input.datepicker {
    background: transparent url('../images/admin/datepicker/calendar.png') no-repeat right;
    border:1px solid #ccc;
    padding-right: 20px;
    padding: 0.2em
}


.paginator {
    margin: 20px 0 0 0;
}

.paginator a, .paginator span {
    margin-right: 0.1em;
    padding: 0.2em 0.5em;
    color: #999999;
}

.paginator a {
    border: 1px solid #999;
    text-decoration: none;
    color: #da251c;
}

.paginator span.button {
    border: 1px solid #ccc;
}

.paginator .current {
    background: #fadfde;
    border: 1px solid #eca6a3;
    color:black;
    font-weight: bold;
}

#contentBox {float:left; width:70%}
#infoBox {float:right; width:30%}
#infoBox .info {background:#eee; padding:10px; line-height:1.3em; font-size:90%}
#infoBox p {margin:0 0 .25em 0}
#infoBox code {margin:0 0 .25em 0}

#contract {float:left; width:50%}
#contractDocs {float:right; width:45%}

#formLeft {float:left; width:48%}
#formRight {float:right; width:50%; border:1px solid #ccc; padding:.5em}

#dashboard {}
#dashboard p {margin:0 0 1.5em}
#dashboard ul {margin:0 0 1.5em 16px}

#photogalleries {}
#photogalleries .photogallery {float:left; width:164px; border:1px dotted #ccc; font-size:.9em; margin:0 20px 20px 0}
#photogalleries .photogallery .photogalleryContent {margin:10px; padding:10px; width:122px; background:#eee; border:1px solid #ccc; position:relative}
#photogalleries .photogallery .photogalleryContentName {text-shadow:white 1px 1px 0px}
#photogalleries .photogallery .photogalleryContentThumb {text-align:center}
.photogalleryContent img {border:1px solid white; margin:5px 0}
#photogalleries .photogallery .photogalleryContentInfo {font-size:.9em}
#photogalleries .photogallery .photogalleryContentInfoNum {float:left; width:70px}
#photogalleries .photogallery .photogalleryContentInfoDate {float:right; width:50px; text-align:right}
#photogalleries .photogallery .photogalleryContentTools {position:absolute; right:-8px; top:-13px; width:32px; height:16px}
#photogalleries .photogallery .photogalleryContentTools img {border:none}

#photos {margin:20px 0 0 0; border:1px solid #ccc; padding:20px}
#photos .photosMargin {float:left; margin:0 20px 20px 0; height:155px}
#photos .photo {border:1px solid #ccc}
#photos .photo {border:1px solid #ccc}
#photos .photoImage {padding:0 5px 5px 5px}
#photos .photoImageClient {padding:5px}
#photos .photoTools {background:white; height:25px; line-height:25px; text-align:right; padding:0 5px}
#photos .photoTools a {cursor:pointer!important}
#photos .photoTools img {margin:0 0 -3px 2px}