/*
(c) 2013 S[&]T Corporation
*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, ol, ul, li, table, tbody, thead, tr, th, td  { margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; }
body, div, h1, h2, h3, h4, h5, h6, p, table, tbody, thead, tr, th, td  { font-family: 'Verdana', sans-serif; }
html { overflow-y: scroll;  }
html, body { height: 100%; }
body {
    font-family: 'Verdana', sans-serif;
    font-size: 10pt;
}
#header {
    height: 140px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    position: relative;
    background: url('../images/headerbg.png') repeat-x 0px -30px;
    box-shadow: 0px 3px 12px -3px rgba(0, 0, 0, 0.2);
}
#logo {
    background: url('../images/logo-horus.png') no-repeat 0px 0px;
    position: absolute;
    width: 125px;
    height: 89px;
    right: 40px;
    top: 25px;
}
@media(-webkit-min-device-pixel-ratio: 2) {
    #logo {
        background: url('../images/logo-horus-2x.png') no-repeat 0px 0px;
        background-size: 125px;
    }
}
#title {
    position: absolute;
    right: 170px;
    top: 20px;
    font-size: 40px;
    font-weight: bold;
}
#title span {
    color: #780000;
}
#page-title {
    position: absolute;
    left: 25px;
    top: 25px;
    font-size: 28px;   
    text-shadow: 0px 1px 0px #ffffff;
}
#content {
    padding: 25px;
}
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0px auto -60px;
}
#footer {
    display: table;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    height: 59px;
    width: 100%;
    background: url('../images/headerbg.png') repeat-x 0px -100px;
    box-shadow: 0px -3px 12px -3px rgba(0, 0, 0, 0.2);
}
#footer #leftfooter, #footer #rightfooter {
    width: 100px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}
#footer #centerfooter {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.push {
    height: 60px;
}
#sidebar {
    position: absolute;
    left: 25px;
    bottom: 25px;
}
#sidebar ul {
    list-style-type: none;
}
#sidebar ul li {
    display: inline-block;
    padding: 5px 15px 5px 15px;
    margin-right: 25px;
    background-color: #780000;
    border-radius: 4px;
}
#sidebar ul li:hover {
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}
#sidebar ul li a {
    color: #ffffff;
    text-decoration: none;
}
.mono {
	font-family: 'Lucida Console', monospace;
}
table {
    border-collapse: collapse;
    border: 1px solid rgba(255, 255, 255, 1.0);
    margin: 25px 0px 25px 0px;
}
td, th {
    padding: 5px 6px 5px 6px;
    border: 1px solid rgba(255, 255, 255, 1.0);
}
th {
    background: url('../images/headerbg.png') repeat-x 0px -80px;
    border-bottom: 1px solid rgba(255, 255, 255, 1.0);
    text-align: left;
}
a {
    color: #780000;
    text-decoration: none;
}
h3 {
    font-size: 25px;
    margin: 5px 0px 15px 0px;
}
form p {
    margin: 5px 0px 5px 0px;
}
form p label {
    display: inline-block;
    width: 200px;
}

table .timestamp {
	white-space: nowrap;
}
/*.table-container td, .table-container th {
    padding: 0px;
}*/
.odd {
    background-color: #ffeeee;
}
.even {
    background-color: #eeeeee;
}
.attentionborder {
	border: #191919 1px solid;
}
.odd.attention, .even.attention, .attention .odd, .attention .even {
    /*font-weight: bold;*/
    background-color: #ff9999 !important;
}
.rightalign {
	text-align: right;
}
td.tb {
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#ffcccc;
}
.reducedfont {
    font-size: 75%;
}
div.helpbox {
	border-style:solid;
	border-width: 1px;
	max-width: 100ex;
	border-radius: 6px;
	border-color: rgba(0, 0, 0, 0.3);
	padding:1em;
	background-color: #eeeeee;
	box-shadow: 0px 3px 12px -3px rgba(0, 0, 0, 0.2);
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 15px;
	z-index: 100;
	position: absolute;
	visibility: hidden;
	display: none;
}
div.helpbox p, div.helpbox li, div.helpbox div {
	margin-top: 6px;
	margin-bottom: 6px;
}
div.helpbox li {
	margin-left: 10px;
}
div.help_separate_link {
	margin: 25px 0px;
}

form p+ul {
	position: relative;
	top: -1.8em;
	list-style-type: none;
	margin-left: 202px;
	margin-bottom : -1.8em;
}

div.help_separate_link + table {
	margin-top: 0px;
}
.help_inline_link a:focus + div.helpbox, .help_separate_link a:focus + div.helpbox, div.helpbox:hover {
	visibility: visible;
	display: block;
}
.help_separate_link :focus + .helpbox {
	visibility: visible;
	display: block;
}
.helplink {
	cursor: pointer;
	color: #780000;
}
.index-page .helplink {
    font-size: 75%;
}
a.tablereportlink {
	margin-bottom: 0px;
}
a.tablereportlink + table.palered, a.tablereportlink + form, a.tablereportlink + form table.formsettable {
	margin-top: 0px;
}
a.tablereportlink  table.formsettable {
	margin-top: 0px;
}
.formsettable ul.errorlist {
	list-style-type: none;
	font-size: 75%;
}

form div.formblock {
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
}
form div.formblock p label {
    width: 100px;
    font-size: 85%;
}
form div.formblock p+ul {
	margin-left: 102px;
}
input.date_input_field {
	width: 12ex;
}
input.time_input_field {
	width: 9ex;
}
form ul.errorlist {
	display: inline-block;
	position: static;
	margin: 0px;
	background-color: red;
	/*visibility: hidden;*/
}

.helpbox h3 {
    font-size: 16px;
    margin-bottom: 6px;
    border-bottom: 1px solid black;
}

.helpbox ul {
    margin-left: 15px;
}

/* Select2 styling */
select.select2 {
    width: 200px;
}
.select2-container {
    font-size: 11px;
}
.select2-container .select2-selection--multiple {
    min-height: 22px;
}
.select2-container--default .select2-selection--multiple ul.select2-selection__rendered {
    padding-left: 3px;
}
.select2-container--default .select2-selection--multiple li.select2-selection__choice {
    margin-top: 3px;
    margin-right: 3px;
}

ul.messages {
	width: 100%;
	border: 1px solid black;
	border-radius: 3px;
	box-shadow: 5px 5px darkgray;
	margin-bottom: 10px;
	list-style-type: none;
	overflow: hidden;
}

ul.messages > li {
	padding: 3px;
}

ul.messages > li.warning {
	background-color: lightyellow;
}

ul.messages > li.error {
	background-color: #ff9999;
}

ul.messages > li.success {
	background-color: lightgreen;
}