body{
  color:#666;
  background-image:url(../images/bg.png);
  font-size:14px;
}

body a{
  color:#444;
  text-decoration:none;
  font-weight:bold;
}

h1{
  text-align:center;
  font-size:16px;
  color:#000;
}

h2{
  font-size:16px;
  color:#000;
  margin:8px;
}

button{
  background-color:#000;
  color:#fff;
  border-color:#a33311;
  border-style:solid;
  border-width:1px;
}

img{
  border:0;
}

.leftJustified{
  float:left;
}

.categoryLabel{
  line-height:24px;
  float:left;
  width:80px;
}

#content{
  width:800px;
  background-color:#434448;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
}


#contentWindow{
  margin-left:auto;
  margin-right:auto;
  width:600px;
  background-color:#fff;
  padding:12px;
  line-height:15px;
}

#noteContentWindow{
  width:550px;
  background-color:#fff;
  margin-left:auto;
  margin-right:auto;
  padding:15px;
}

#banner{
  background-color:#fff;
}
#footer{
  font-size:11px;
  width:790px;
  color:#CCC;
  text-align:right;
  padding:5px;
  background-color:#000;
}
#menuBar{
  height:20px;
  padding:0px;
  margin:0px;
  background-image:url(../images/topBar.png);
  background-repeat:repeat-x;
  text-align:center;
  background-color:#434448;
  padding-bottom:10px;
}

#menu{
  height:20px;
  color:#FFFFFF;
  background-color:#434448;
  font-weight:bold;
  font-size:12px;
  float:right;
  margin-right:10px;
}

#menu ul{
  margin-top:0;
  margin-bottom:0;
  padding-left: 0;
  margin-left: 0;
  float: left;
  width: 100%;
}

#menu li{
  display:inline;
}

#menu a:hover{
  color:#fff;
}

#menu a{
  color:#ddd;
  text-decoration:none;
  padding-right:10px;
  padding-left:5px;
}

#menu a.delimited{
  border-right: 1px solid #fff;
}


#centerPanel{
  background-color:#434448;
  line-height:10px;
  background-image:url(../images/topBg.png);
  background-repeat:repeat;
  border:none;
  /* padding:15px;*/
  /*  padding-bottom:10px; */
}

#logo{
  padding:6px;
}

#top {
  background-image:url(../images/topBg.png);
  background-repeat:repeat;
  margin:5px;
  padding:10px;
  border:none;
}

#bottom {
  background-color:#434448;
  background-image:none;
  padding-bottom:10px;
  padding-top:10px;
}

#infoImage{
  padding:15px;
  padding-top:15px;
  float:left;
}

#infoOuter{
  float:right;
  width:354px;
  padding:0px;
  margin:0px;
}

#info{
  font-size:12px;
  line-height:14px;
  padding:15px;
  background-image:url(../images/infoMiddle.png);
  background-repeat:repeat-y;
  color:#000000;
  padding-top:0px;
}


.bubbleInfo {
  position: relative;
}

.popup {
  /*padding:15px;*/
  position: absolute;
  /*min-width:120px;*/
  /*height:100px;*/
  /*background-color:maroon;*/
  z-index:50;
  display: none; /* keeps the popup hidden if no JS available */
}
.trigger{
  color:#C94A22;
}

#ui-datepicker-div{
  font-size:12px;
}

.dateInput{
  background-image:url(../images/diCalendar.gif);
  background-repeat:no-repeat;
  background-position:right;
  padding-right:30px;
  width:130px;
}

#statusFieldset{
  background-color:#ddd;
}

#attachmentLocation{
  background-image:url(../images/paperclip.gif);
  background-repeat:no-repeat;
  background-position:right;
  padding-right:30px;
  width:130px;
}

#leftColumnContainer, #rightColumnContainer, #middleColumnContainer{
  overflow:hidden;
  float:left;
  width:260px;
  padding:0px;
  margin-left:5px;
  position:relative;
}

#leftColumn, #rightColumn, #middleColumn, .leftColumn, .rightColumn, .middleColumn{
  background-image:url(../images/tabMiddle.png);
  background-repeat:repeat-y;
  font-size:12px;
  line-height:14px;
  color:#000000;
  padding:15px;
  padding-top:0px;
}

#errorMessage{
  color:#9f2e0a;
  padding-left:10px;
}

.floatRight{
  float:right;
}

#contactInfo{
  margin:15px;
  color:#000;
  text-align:right;
}

.dataForm,
.dataFormHeader{
  /* display:block;*/
  border:none;
  background-color:#fff;
  /*background-image:url(../images/dataFormBg2.png);*/
  width:600px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  margin-top:0;
  padding:15px;

  font-size:13px;
  color:black;
}

.dataFormHeader{
  margin-bottom:0px;
}

.dataFormTitle{
  font-size:15px;
  font-weight:bold;
  padding:10px;
}

input, textarea, select{
  border:solid 1px #9f2e0a;
  margin:4px;
  width:160px;
}

fieldset{
  border:none;
  /*  background-color:#fff;*/
  width:400px;
}

fieldset.comboselect {
  border:none;
  display: block;
  float: left;
  /*clear: left;*/
  width: 500px;
  margin: 0px;
  margin-top:15px;
  padding: 0px;
}


fieldset.comboselect .searchTitle{
  height:18px;
  float:right;
  background-color:#003300;
  color:#FFFFFF;
  text-align:center;
}

fieldset.comboselect * {
  margin:0;
  padding:0;
  /*	display: block;*/
  float: left;
  width: 170px;
}

fieldset.comboselect select {
  height: 130px;
}


/*button fieldset*/
fieldset.comboselect fieldset {
  border: 0;
  width: 60px;
  height: 100px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 50px;
}

/*buttons*/
fieldset.comboselect fieldset input {
  text-align:center;
  width: 100%;
  /*	clear: left;
	margin: 5px 0;*/
}

fieldset.comboselect select option {
  width: 100% !important;
  border: 0;
  border-bottom: 1px dotted #959DB7;
}

fieldset.comboselect input.csadd,
fieldset.comboselect input.csremove{
  font-size:10px;
}

#categoryChooser{
  border-bottom: solid 1px #888888;
}


#clear,
.clear{
  padding:0px;
  margin:0px;
  clear:both;
}




/*---------------------------TableObject_Note--------------------------*/
#dataForm_TableObject_Note #dataFormTitle{
  display:none;
}

#dataForm_TableObject_Issue textarea{
  width:400px;
}

/*---------------------------TableObject_Reimbursement--------------------------*/


/*----------------------------ReimbursementIndex----------------------*/
#reimbursementTable{
  margin-bottom:20px;
}

/*---------------------------dataTable stuff---------------------------*/
#tableContainer {
  margin-top:30px;
  margin-bottom:20px;
  margin-left:auto;
  margin-right:auto;
  width:500px;
  background-color:#FFFFFF;
}

#header {
  text-align:left;
  padding-left:10px;
  padding-right:10px;
  font-weight:bold;
  line-height:20px;
  font-size:12px;
  background-color:#5D5D5D;
}
#header{
  color:#FFFFFF;
}

#header a{
  color:#FFFFFF;
  float:right;
}

#filterSection {
  padding-top:3px;
  padding-left:5px;
  padding-bottom:5px;
  background-color:#666;
  font-weight:bold;
  color:#000000;
  border-style:solid;
  border-width:1px;
  border-color:#CCCCCC;
}

#filterTable {
  margin-left:auto;
  margin-right:auto;
  /*border-collapse:collapse;*/
  width:450px;
}

#filterTable input {
  color:#666666;
  background-color:#eee;
  font-size:12px;
  padding:2px;
  margin-left:2px;
  text-transform:capitalize;
  border:none;
  width:100px;
}

#indexTable {
  width:100%;
  border-collapse:collapse;
  font-size:12px;
  border:1px solid #ccc;
}

#indexTable th {
  cursor:pointer;
  background-color:#000;
  color:#fff;
  text-transform:capitalize;
  padding-left:20px;
  text-align:left;
  height:25px;
}

#indexTable tr {
  /*	background-color:#EEEEEE; */
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#CCCCCC;
}

#indexTable tr:hover {
  background-color:#DDDDDD;
  color:#666666;
}

#indexTable td{
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#666;
  padding:5px;
  padding-top:10px;
  padding-bottom:10px;
}

/*#indexTable td.delete{
	border:none;
}*/

#indexTable_wrapper {
  margin-right:auto;
  margin-left:auto;
}

.dataTables_processing {
  display:none;
}

.dataTables_filter {
  display:none;
}

.dataTables_paginate{
  float:left;
  font-size:11px;
  line-height:25px;
  background-color:#5D5D5D;
  margin:0;
  padding:0;
  padding-left:8px;
  color:#FFFFFF;
}

.sorting_asc {
  background: url('../images/tableNav/asc-white.gif') no-repeat center left;
}

.sorting_desc {
  background: url('../images/tableNav/desc-white.gif') no-repeat center left;
}

.sorting {
  background: url('../images/tableNav/bg-white.gif') no-repeat center left;
}

.paginate_button{
  vertical-align:middle;
  padding:7px 5px;
}

.paginate_button:hover {
  cursor:pointer;
}

.paginate_active {
  vertical-align:middle;
  color:#FFFFFF;
  font-weight:bold;
  padding:2px 5px;
}

.dataTables_info{
  float:left;
  font-size:11px;
  line-height:25px;
  background-color:#5D5D5D;
  margin:0;
  padding:0;
  color:#FFFFFF;
}

.dataTables_length{
  text-align:right;
  font-size:11px;
  margin-top:10px;
  line-height:25px;
  background-color:#5D5D5D;
  margin:0;
  padding:0;
  padding-right:10px;
  color:#FFFFFF;
}

.dataTables_length select{
  vertical-align:middle;
  font-size:12px;
}



.contactTable{
  width:500px;
  /*margin-left:auto;
  margin-right:auto;*/
  /*border-color: #ddd;
  border-width: 1px;
  border-style: dashed;*/
}

.contactTable td{
  padding:2px;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  border-bottom-color: #eee;
}

.contactTable td.icon{
  width:20px;
}

.contactTable tr:hover{
  background-color: #eee;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
                     position: absolute;
                     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
                    position: absolute;
                    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
                  position: absolute;
                  margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
                        position: absolute;
                        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}