body {
	font: 14px/1.6em Segoe UI, Arial;
	}		

#logo	{
	float:right;
    padding-bottom:0px;
	}
	
#logoLogin	{
	line-height:70px;
	text-align:center;
	}
	
#LoginTitle {
	font: 18px Segoe UI, Arial;
	color: Navy;
	padding-left:10px;
}

.LoginDiv 
{
	float:left;
	width:40%;
	height:100%;
	padding-bottom:25%;
}

.LoginTable {
	display:inline-block;
}

.LoginTable td {
	text-align:left;
	vertical-align:middle;
}	

#HeaderBar table 
{
    font: 30px Segoe UI Light, Arial;
    color:#FFFFFF;
	width: 100%;
	}

#HeaderBar a 
{
    color:#FFFFFF;      /* unvisited link */
}

#navi table
{
    font: 20px Segoe UI Light, Arial;
    color:#FFFFFF;
	width: 100%;
	height:40px;
	background: url('../images/navi_bg_blue.gif') repeat;
	}
	
#navi a
{
	color:#FFFFFF;		/* unvisited link */
}

#footer table
{
    font: 30px Segoe UI Light, Arial;
    color:#FFFFFF;
	width: 100%;
	height:60px;
	background: url('../images/navi_bg_blue.gif') repeat;
	}
	
#footer a
{
	color:#FFFFFF;		/* unvisited link */
}

#clr {
	clear: both;
	}

#SearchPanel {
	width:275px;
}
	
.ShowSearch {
	vertical-align:middle;
    text-align:right;
}

.ContentTable {
	width:100%;
	border:5px;
	border-spacing:0px 5px 5px;
}

.ContentTable th {
	text-align:left;
	font-weight:bold;
	color:Black;
}

.ContentTable td {

	text-align:left;
}

.ContentTable2 {
	width:100%;
	border:none;
	border-spacing:0px 5px 5px;
}

.ContentTable2 th {
	text-align:left;
	font-weight:bold;
	color:Black;
	width:15%
}

.ContentTable2 td {
	text-align:left;
	width:15%
}

.RowColor
{
    background-color:#F0F0F0;
}

a {
	text-decoration:none;
	border-style:none;
	color:Navy;
}

img 
{
	text-decoration:none;
	border:0;
}

.MenuTable {
	display:inline-block;
	padding:10px 10px 10px 10px;
}

.MenuTable th {
	vertical-align:middle;
	text-align:left;
}

.MenuImage {
	width:20px;
}

.MenuTable td {
	text-align:left;
	vertical-align:middle;
}	

.AddPanel {
	width:600px;
    display:inline-block;
    display:block;
    text-align:right;
}


.DetailsLeft {
	float:left;
	width:250px;
	text-align:right;
	line-height:.9em;
}

.DetailsRight 
{
	width:500px;
	float:left;
	text-align:left;
	line-height:.9em;
	padding-left:5px;
}

.Title {
	width:100%;
	text-align:left;
}

.Red {
	font: 10px Segoe UI, Arial;
	color: Red;
}

.RedLarge {
	font: 14px;
	color: Red;
}

.Standard {
	font: 15px Calibri;
}
.AutoExtender
{
    font-family: Segoe UI, Arial;
    font-size: .8em;
    font-weight: normal;
    text-align:left;
    display:list-item;
    border: solid 1px #006699;
    line-height: 20px;
    padding: 10px;
    background-color: White;
    margin-left:10px;
}
.AutoExtenderList
{
    border-bottom: dotted 1px #006699;
    cursor: pointer;
    color: black;
}
.AutoExtenderHighlight
{
    color: White;
    background-color: #006699;
    cursor: pointer;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: blue;
    z-index:500;
    
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

table.DataInput input.DateTB
{
    width:65px;    
}

.DateTB
{
    width:65px;    
}
input.DigitTB
{
    width:15px;   
}


.txtBox1
{
    width:300px;
    font: Segoe UI, Arial;
}
.ddBox1
{
    width:304px;
    font: Segoe UI, Arial;
}
.ddBox2
{
    width:440px;
    font: Segoe UI, Arial;
}
.Question
{
    width:304px;
    font: Segoe UI, Arial;
}



.react-bootstrap-table {
    overflow-x: auto !important;
}

.loading-panel {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    position: relative;
    width: 100%;
}

.loading-container {
    background: rgba(192,192,192,0.3) none repeat scroll 0 0;
    color: #fff;
    font-size: 90px;
    height: 100%;
    left: 0;
    padding-top: 15%;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999999;
}