﻿body { background: #f1f1f1; border-top: 5px solid #000; color: #343942; margin: 0; padding: 0; }

.error { color:Red; font-weight:bold; }
.inputError {background-color:pink;}

.menu { border: 1px solid #000; }
.content { border: 1px solid #000; }

.header { background-color: #343942; color: #fff; height:46px; width:100%; margin:0 0 20px 0; }
.header h1 { margin:7px 0 7px 0; }
.header .login { margin:7px 0 7px 0; }

.box { border:1px solid #e3e3e3; background-color:#ffffff; margin-bottom:5px; }
.box .headline { border-top:1px solid #ffffff; border-bottom:1px solid #e3e3e3; background-color:#f1f1f1; height:27px;}
.box .headline h6 { margin:4px 10px 2px 10px; }
.box ul { list-style-type:none; margin:0; padding:0; }
.box ul li { margin:0; height:26px; border-bottom:1px solid #fcfcfc; }
.box ul li a { display:block; padding:6px 10px 0 10px; text-decoration:none; color:#0098db;}
.box ul li.selected { background-color:#f9f9fa; }
.box ul li.selected a { display:block; font-weight:bold; color:#343942;}

.box .text { padding:10px; border-bottom:1px solid #e8e8e8; background-color:#ffffff; }
.box .text p { margin:5xp 0 5px 0; }

.form { margin:10px; }
.form p { margin:0 0 3px 0;}
.form p { }

.table { width:100%;}
.tablerow { }
.tablerow td {  padding:5px 0px 5px 10px; border-bottom:1px solid #efefef; }
.alt td { background-color: #f6f6f6; }

.search {}
.search .input { padding:5px 10px 5px 10px;}
.search .input .textbox { border:1px solid #cecece; width:520px; } 

.property { clear:both; }
.property .caption { float:left; width:140px; padding:5px 10px 5px 10px;}
.property .input { float:left; width:520px; padding:5px 10px 5px 10px;}
.property .input .textbox { border:1px solid #cecece; } 
.property .input .datepicker { border:1px solid #cecece; } 
.property .input .dropdown { border:1px solid #cecece; width:300px; } 
.property .input .checkbox { border:0; } 
.property .input .textbox[disabled] { border:1px solid #cecece; background-color:#cecece; color:#000; } 
.property .input .datepicker[disabled] { border:1px solid #cecece; background-color:#cecece; color:#000; } 
.property .input .dropdown[disabled] { border:1px solid #cecece; background-color:#cecece; color:#000; width:300px; } 
.property .input .checkbox[disabled] { border:0; } 

.imageholder {}
.imageholder a {float:left;margin:10px;padding:10px;background:#fcfcfc;border:1px solid #cecece;}

/* jquery ui */

.ui-tabs {background-color: #f1f1f1; zoom: 1; border-top:1px solid #ffffff;  }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; background-color: #f1f1f1; height:26px; border-bottom:1px solid #e3e3e3; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; background-color: #f1f1f1; border-bottom:1px solid #e3e3e3; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; background-color: #fff; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:0; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; font-weight:bold; color:#343942; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background-color: #fff;  }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-datepicker { width: 17em; padding: .2em .2em 0; border:1px solid #e3e3e3; background:#fff; display:none;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

.hidden {display:none;}
.visible {display:block;}

.button {float:left;padding:5px;border:1px solid #e8e8e8; margin-right:5px;}
.button a {text-decoration:none; font-weight:bold; color:#343942;  }
.button a img { float:left; margin-right:5px; }

#loadingbg { background-color:#000000; background: rgba(0, 0, 0, 0.5); position:absolute; top:0; left:0; width:100%; height:100%; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; z-index:100; visibility:hidden;}
#loadingtext { padding:20px; background-color:#ffffff; background: rgba(255, 255, 255, 1); width:500px; height:100px; position:absolute; top:20%; left:20%; filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; z-index:200; visibility:hidden;}
#loadingtext h2 {color:#000;}
#loadingtext p {color:#000;}
#loadingtext img {float:left;height:50px;width:auto;margin:10px;}

#statistics tr {}
#statistics tr td { padding:4px;}







    

