﻿body {
    /*overflow:hidden;*/ 
}

.logo_header{
    width: 100%;
    background: url(img/header-bg.png) repeat-x 0 0;
    border-color: #FFFFFF !important;
}

.login{
    display: block;
    margin: 5px;
    padding: 5px;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: top;
}

.sectionTitle{
    color: #fff;
    background: #003768;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 18px;
    padding: 13px 15px 9px 15px;
    height: 45px;
    margin: 0 0 4px 0;
    position: relative;
    border: none;
}

a:link {
    color: #4F5050 !important;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #4F5050 !important;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #003768 !important;
    text-decoration: none !important;
}

/* selected link */
a:active {
    color: #003768 !important;
    text-decoration: none;
}

button{
    /*color: #4F5050 !important;*/
    text-decoration: none !important;
}

button:hover{
    font-weight: bold !important;
    color: white !important;
    text-decoration: none !important;
}

.footer {
    font-size: smaller !important;
    float: right;
    margin-right: 15px !important;
}

.btnPage {
    font-weight: bold !important;
    background-color: white !important;

}

.btnPage:hover {
    font-weight: bold !important;
    color: white !important;
    background-color: #003768 !important;
}

.searchDisplay{
    float: right !important;
    margin: -18px !important;
}

.searchCheckBox{
    margin: -3px 0 0 !important;
}

.customMenu{
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.customBody{
    /*overflow: scroll !important;*/
}



/*Brent Added*/
.SearchList_Before {
  position: fixed;
  z-index: 10;
  top: 96px;
  background: #ffffff;
  height: 52px;
  width: 100%;
}

.SearchList {
  position: relative;
  z-index: 11;
  margin-top: 18px;
  height: 84px;
  width: 100%;
  /*background: #ffffff;*/
}

.SearchList div{
  position: fixed;
  z-index: 12;
  top: 104px;
  left: 0;
  right: 0;
  /*width: 100%;*/
  width: 90% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  height: 65px;
  line-height: 20px;
  margin-top:10px;
  vertical-align:middle;
}

.SearchList div div {
    z-index: 13;
    /*background: #ffffff;*/
    padding-left:15px;
    font-size: 13px;
    /*font-family: "sans-serif";*/
}

.SearchList div div span {
    font-size: 13px;
    font-weight: bold;
 }

/*.search-area_Data {
  position: relative;
  z-index: 1;
  margin-top: 1px;
  height: 1px;
}

.search-area_Data div{
  position: fixed;
  top: 90px;
  left: 0;
  right: 0;
  width: 100%;
  height: 50px;
  line-height: 3em;
  background: #ffffff;
  margin-top:10px;
}*/

.SearchData_Before {
  position: fixed;
  z-index: 10;
  top: 96px;
  background: #ffffff;
  height: 52px;
  width: 100%;
}

.SearchData {
  position: relative;
  z-index: 11;
  margin-top: 18px;
  height: 10px;
  width: 100%;
  /*background: #ffffff;*/
}

.SearchData div{
  position: fixed;
  z-index: 12;
  top: 104px;
  left: 0;
  right: 0;
  /*width: 100%;*/
  width: 90% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  height: 65px;
  line-height: 20px;
  margin-top:10px;
  vertical-align:middle;
}

.SearchData div div {
    z-index: 13;
    /*background: #ffffff;*/
    padding-left:15px;
    font-size: 13px;
    /*font-family: "sans-serif";*/
}

.SearchData div div span {
    font-size: 13px;
    font-weight: bold;
 }

.table-area-data {
  position: relative;
  z-index: 0;
  margin-top: 45px;
}

/*Client Data*/
@media only screen and (max-width: 910px) {
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:center;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}


table.responsive-table_Data {
  display: table;
  /* required for table-layout to be used (not normally necessary; included for completeness) */
  table-layout: fixed;
  /* this keeps your columns with fixed with exactly the right width */
  width: 100%;
  /* table must have width set for fixed layout to work as expected */
  height: 100%;
}

table.responsive-table_Data thead {
  position: fixed;
  top: 105px;
  left: 0;
  right: 0;
  width: 100%;
  height: 80px;
  line-height: 3em;
  background: #eee;
  table-layout: fixed;
  display: table;
}

table.responsive-table_Data th {
  background: #eee;
}

table.responsive-table_Data td {
  line-height: 2em;
}

table.responsive-table_Data tr > td,
table.responsive-table_Data th {
  text-align: left;
  font-size: 13px !important;
}


/*Client List*/
.table-area_List {
  position: relative;
  z-index: 0;
  /*margin-top: 100px;*/
}

table.responsive-table_List {
  display: table;
  /* required for table-layout to be used (not normally necessary; included for completeness) */
  table-layout: fixed;
  /* this keeps your columns with fixed with exactly the right width */
  width: 100%;
  /* table must have width set for fixed layout to work as expected */
  height: 100%;
}

table.responsive-table_List thead {
  position: fixed;
  top: 148px;
  left: 0;
  right: 0;
  width: 100%;
  height: 54px;
  line-height: 3em;
  background: #eee;
  table-layout: fixed;
  display: table;
}

table.responsive-table_List th {
  background: #eee;
}

table.responsive-table_List td {
  line-height: 2em;
}

table.responsive-table_List tr > td,
table.responsive-table_List th {
  /*text-align: center;*/
  font-size: smaller;
  word-wrap: break-word;
  font-size: 13px !important;
}

