@import 'main.css';
body {
	margin: 0;
	padding: 0;
	color: #2A2A2A;
	font-size: 14px;
	font-family: 'Arial', 'Helvetica', sans-serif;
	line-height: 1.5em;
}

#header {
	position: relative;
	height: 105px;
	/*margin-bottom: 15px;*/
	background: #EFEFEF;
}
#header #webtitle {
	width: 100%;
	text-shadow: 1px 1px 1px #fff;
	filter: dropshadow(color=#ffffff,offx=1,offy=1);
	text-align: center;
	position: absolute;
	top: 25px;
	font-size: 29px;
	font-weight: bold;
	color: #136E83;
}
#header #logo {
	width: 80px;
	height: 90px;
	position: absolute;
	top: 5px;
	right: 20px;
	overflow: hidden;
}
#header ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
	position: absolute;
	bottom: 0;
}
#header ul#mainmenu {
	bottom: 30px;
}

#header ul#submenu {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #136E83;
}
#header ul#submenu li a {
	background: #136E83;
	color: #FFF;
}
#header ul#submenu li a.active {
	font-weight: bold;
	text-decoration: underline;
}
#header ul#submenu li a:hover {
	text-decoration: underline;
}

#header ul li {
	float: left;
	margin-right: 5px;
}
#header ul li a, #header ul li.btbg a {
	padding: 5px 10px;
	font-size: 13px;
	float: left;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	background: #A7D4DD;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}
#header ul li a:hover, #header ul li a.active {
	background: #136E83;
	color: #FFF;
}


.searchForm {
	width: 230px;
	position: absolute;
	top: 25px;
	right: 120px;
	overflow: hidden;
}
.searchForm legend {
	display: none;
}
.searchResults {}
.searchResults h3 { margin-top: 20px; }
.searchResults ul {}
.searchResults ul li {}
.searchResults ul li a { font-weight: normal; }
.searchResults ul li p { margin: 0; padding: 0; }

#content {
	clear: both;
	float: left;
	width: 73%;
}
#wrapper {
	margin: 0 20px;
	/*float: left;*/
}

#rightPanel {
	float: right;
	max-width: 25%;
	height: 100%;
	background: #EFEFEF;
	border-left: 1px solid #E5E5E5;
}
#rightPanel .wrapper { margin: 0 10px; }
#rightPanel ul.rightMenu { margin: 0; padding: 0; list-style-type: none; }
#rightPanel ul.rightMenu li { margin: 0; padding: 3px 0; }
#rightPanel table th { font-size: 11px; padding: 0px 10px; }

h1 {
	font-size: 20px;
	color: #136e83;
	margin: 10px 0;
}
h2, h3 {
	font-size: 17px;
	color: #333;
	margin: 10px 0;
}
h3 {
	font-size: 16px;
	color: #333;
}
ol, ul {
	margin: 0 0 0 20px;
	padding: 0;
}
ol li p {
	font-size: 90%;
}
hr {
	visibility: hidden;
	height: 2em;
}

a {
	color: #136E83;
	font-weight: bold;
}
a:hover, a:active, a:focus {
	color: #000;
}
a[href^="error:"],
a.button.red {
	background: #BB0706 !important;
	color: #FFF !important;
	border-color: #6C0003 !important;
	text-shadow: none !important;
}
a.button {
	display: inline-block;
	background: #A7D4DD;
	padding: 2px 10px 3px 10px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #FFF;
	border: 1px solid #136E83;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none;
	color: #333;
}
a.button.add:before {
	content: "+ ";
}
a.button.remove:before {
	content: "- ";
}
a.button:hover {
	background: #136E83;
	color: #FFF;
	text-shadow: 1px 1px 1px #333;
	border: 1px solid #333;
	cursor: pointer;
}

a.button.small {
	line-height: 10px;
	margin: 0;
}

a.button.small,
table.list td.acenter a {
	font-size: 10px;
	text-transform: uppercase;
	background: #A7D4DD;
	padding: 0 5px 1px 5px;
	text-shadow: 1px 1px 1px #FFF;
	border: 1px solid #136E83;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none;
	color: #136E83;
	outline: 0;
}


a.button.small:hover, a.button.small:active, a.button.small:focus, 
table.list a.button.small:hover, table.list a.button.small:active, table.list a.button.small:focus {
	color: #000; border-color: #000;
}
table.list a.button { margin: 0; padding: 0 10px; font-size: 12px; color: #000; }
table.list a.button:hover { background: #136E83; color: #FFF; }

th, td { vertical-align: top; }

form.inputForm {
	margin: 0;
	padding: 0;
	clear: both;
}
form.inputForm fieldset {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	background: #EFEFEF;
	border-top: 1px solid #E5E5E5;
}
form.inputForm input[type="text"], form.inputForm textarea {
	width: 200px;
}
form.inputForm select {
	/*width: 200px;*/
}
form.inputForm input.tiny, form.inputForm select.tiny, form.inputForm textarea.tiny {
	width: 50px;
}
form.inputForm input.short, form.inputForm select.short, form.inputForm textarea.short {
	width: 100px;
}
form.inputForm input.big, form.inputForm select.big, form.inputForm textarea.big {
	width: 300px;
}
form.inputForm input.bigger, form.inputForm select.bigger, form.inputForm textarea.bigger {
	width: 500px;
}
form.inputForm input.full, form.inputForm select.full, form.inputForm textarea.full {
	width: 100%;
}
form.inputForm label.required {
	font-weight: bold;
}
form.inputForm span.error {
	margin-left: 10px;
	padding-left: 20px;
	font-weight: bold;
	color: #D30000;
	background: url('../images/error.png') 0 0 no-repeat;
}
form.inputForm legend {
	padding: 0 10px;
	color: #666;
	background: #EFEFEF;
	border: solid #E5E5E5;
	border-width: 1px 0 0 0;
	text-shadow: 1px 1px 1px #FFF;
}
form.inputForm table tr th {
	width: 250px;
	text-align: right;
	font-weight: normal;
}
form.inputForm input.date { 
	background: #FFF url('../images/icon-calendar.gif') 97% 50% no-repeat; 
	border:1px solid #E5E5E5;
	border-top-color: #BFBFBF;
	cursor: pointer;
}



form.inputForm #project_items_table { width: 100%;}
form.inputForm #project_items { padding: 10px;}
form.inputForm #project_items legend { margin-left: -10px;}
form.inputForm #project_items th,
form.inputForm #project_items td { margin: 0; padding: 0 5px; text-align: left; vertical-align: top; }
form.inputForm #project_items th { background: #A7D4DD; width: auto; vertical-align: middle; }
form.inputForm #project_items td { padding: 5px; }
form.inputForm #project_items td select { width: auto; }
form.inputForm #project_items td textarea { width: 100%; }

form.inputForm #project_items table#summary { float: right; }
form.inputForm #project_items table#summary tr th { width: auto; background: none; text-align: right; vertical-align: middle; }
form.inputForm #project_items table#summary tr td { width: auto; background: none; font-size: 14px; padding: 3px; }
form.inputForm #project_items table#summary tr td input {
	width: 100px;
	border: none; color: #333; background: #FFF;
	text-align: right; font-weight: bold; 
}
form.inputForm #project_items table#summary tr#totalRow th,
form.inputForm #project_items table#summary tr#totalRow td { font-weight: bold;  }
form.inputForm #project_items table#summary tr#totalRow td input { font-size: 15px; }

table.list {
	width: 100%;
	border: 1px solid #A7D4DD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
table.list tr th, table.list tr td {
	margin: 0;
	padding: 4px 10px;
	text-align: left;
	line-height: 1.5em;
}
table.list tr td div.overflow { height: 1.5em; overflow: hidden; }
table.list tr th {
	background: #A7D4DD;
	color: #333;
	text-shadow: 1px 1px 0 #EFEFEF;
}
table.list tr td span.cntCalc {
	vertical-align: 2px; margin-left: 3px; color: #666; font-size: 11px;
}
table.list tr th.active { width: 100px; }
table.list tr th.actions { width: 100px; }
table.list tr th.price { width: 100px; }
table.list tr td {}
table.list tr.even td {
	background: #EFEFEF;
}
table.list tr:hover td {
	background: #FFFFCC;
}
table.list tr.last td:first-child {
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
table.list tr.last td:last-child {
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}
table.list a.link { /* reset "table.list a" */
	font-size: 1em; text-transform: none; background: none; padding: 0; text-shadow: none;
	border: none; -moz-border-radius: none; -webkit-border-radius: none;
	text-decoration: underline; color: #136E83; outline: 0;
}
table.list tr.actual td a.button { 
	background: none repeat scroll 0 0 #BB0706;
    border-color: #6C0003;
    color: #FFFFFF;
	text-shadow: 0px 0px 0px #FFFFFF;
}
table.list tr.actual td a.button:hover { background: #6C0003; }

table.bgWhite td { background: #FFF; }

div.flash {
	color: black;
	background: #FFF9D7;
	padding: 1em 1em 1em 90px;
	margin: 1em 20px;
	
	text-indent: 0!important;
	background: #FCF9CF url('../images/icon-info.gif') 20px center no-repeat;
	box-shadow: inset 1px 1px 10px #f8f4c4;
	-moz-box-shadow: inset 1px 1px 10px #f8f4c4;
	-webkit-box-shadow: inset 1px 1px 10px #f8f4c4;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
div.flash.tip { background-image: url('../images/icon-tip.gif'); }
div.flash.caution { background-image: url('../images/icon-caution.gif'); }
div.flash.note { background-image: url('../images/icon-note.gif')}
div.flash.warning { background-image: url('../images/icon-warning.gif'); background-color:#fad3c4; box-shadow:inset 1px 1px 10px #f1c9ba;-moz-box-shadow:inset 1px 1px 10px #f1c9ba;-webkit-box-shadow:inset 1px 1px 10px #f1c9ba}

div.download { background-image: url('../images/icon-download.gif'); }

.myDebug { margin: 1em 0; clear:both;text-align: left; border: solid 1px #CD1818; background: #FFF79F; color: #222; 
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.myDebug .title { padding-left: .4em; background: #CD1818; color: #FFF; }
.myDebug .nette-dump { margin: 0 0 .2em 0; padding-left: .5em; }

.icon {
	min-width: 24px; height: 24px; line-height: 24px;
	margin: 0 0 0 5px; padding: 0; padding: 0 5px;
	display: inline-block;
	background: #A7D4DD; color: #333;
	font-weight: bold;
	border: 1px solid #136E83;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none; text-align: center;
	
}
.icon.pdf { background: #BB0706!important; color: #FFF!important; border-color: #6C0003!important; text-shadow: none!important }
.icon.print { background: #333!important; color: #FFF!important; border-color: #000!important; text-shadow: none!important }

#login { position: relative; height: 100%; }
#login #content { width: 50%; position: absolute; top: 20px; left: 25%; }
#login #logo { margin-bottom: 25px; text-align: center; }
#login #loginForm { width: 230px; margin: 25px auto 0; }
#login #msg .flash { width: 300px; margin: 25px auto 0; }

#logout { color: #FFF; position: absolute; top: 77px; right: 20px; z-index: 99; }
#logout a { height: 18px; line-height: 18px; }
#logout a:hover { background: #FCD664; color: #000; text-shadow: none; }