html {
	height: 100%;
}

body {
    font-size: .85em;
    font-family: "Segoe UI";
    color: black;
    background-color: #FAFAFA;
    margin: 0;
    min-width: 1024px;
	/*overflow: hidden;*/
	height: 100%;
	transition: background 0.5s linear;
}

header, footer, nav, section {
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    /*background-color: gainsboro;*/
    min-height: 75px;
    font-size: .85em;
    font-family: "Segoe UI";
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}

select{
	height:30px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

span.invalidSpan{
	color: red;
}

/* Styles for Structure
-----------------------------------------------------------*/
div#loader
{
      background-color: rgb(255,255,255);
      background-color: rgba(255,255,255,0.5); 
      position:absolute;
      top: 0;
      bottom: 0%;
      left: 0;
      right: 0%;
      background-color: white;
      z-index: 99;
      display: none;
      text-align: center;
      width: 100%;
      padding-top: 20%; 
      height: 60%; 
      display: block;
}

div#main
{
    width:100%;
	height:100%;
    margin: 0 auto 0 auto;
}

div#header
{
    width:90%;    
    background-color: #811a1b;
	height:50px;
	margin: 0 auto;
	padding-bottom: 3px;
}

	div#header table
	{
		width:100%;
		height:100%;
		margin: 0 auto 0 auto;
	}
	
	#tdUser{
	}
	
	#tdUser:hover {
		/*background-color: #CFCFCF;*/
		background-color: #b45758;
	}
	
	.pretty-border {
		/*border: 1px solid #fff;*/
		box-shadow: 0 0 0 1px #D8D8D8;
	}
}

div#subheader
{
    width:100%;    
    background-color: #F0F0F0;
}

	div#subheader table
	{
		width:100%;
		height:100%;
		margin: 0 auto 0 auto;
	}
	
div#body
{
    width:100%;    
    margin: 0 auto 0 auto;
}

div#header table.tblLogInHeader
{
    width:100%;
    margin: auto;
}

div#footer
{
	position:absolute;
	bottom: 0;
	width:100%;
    background-color: #811a1b;
	font-family: 'Century Gothic';
	font-size: 12px;
	color: #e0e0e0;
	text-decoration: none;
	text-align:center;	
	vertical-align:middle;
	padding:5px;
	box-shadow: 0px 0px 10px white;
}

div#footer div.text
{
    width:973px;
    margin: auto;
}

div#footer a, a:link, a:active, a:visited
{
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 13px;
	color: #616161;
	text-decoration: none;
	text-align:right;
}

div#footer a:hover
{
	color: #f58220;
}

/* Styles for Menu
-----------------------------------------------------------*/

#divMenu {
	text-align: right;
	margin: 0;
}


#ulMenu h2 {
	font-size: 1em;
	text-transform: uppercase;
	padding: 5px 10px;
}

/*
.nav
{
    text-align: right;
}
.nav ul
{
    margin: 0;
}
.nav li
{
    display: inline;
    list-style-type: none;
    border-right: solid 1px #fff;    
    padding-right: 10px;
    padding-left: 10px;
}

.nav li.selected
{
    color: DarkGray;    
}

.nav li.selected a
{
    color: DarkGray;
    border-bottom: solid 2px Red;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 0.95em;
}

.nav li.last
{
    border-right: none;
    padding-right:0;
}

.nav a, a:visited, a:link, a:active
{
    text-decoration: none;
    color: #fff;
    font-size: .85em;
    font-family: "Segoe UI";
}

.nav a:hover
{
    color: #acacac;
}
*/
.navSiteMap
{
    width:90%;
	margin: auto;
}

.navSiteMap a:hover
{
    color: #acacac;
}

.homeLinks a
{
    font-size: 1em;
}

.homeLinks a:hover
{
    color: #acacac;    
}
/* Others
-----------------------------------------------------------*/
#logoIMG
{
	/*
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    background-image: url(/Content/images/logo.gif);
    background-size: contain;
    background-position: right;    
    background-repeat: no-repeat;
    width: 50%;
	*/
	float:right;
	height:40px;
}

#ProjectName
{
    text-align:right;
    color: black;
    border-bottom: solid 1px #FAFAFA;
    font-weight: bold;
    font-size: 1em;
}
 
/* Classes for Look & Feel
-----------------------------------------------------------*/
.fontStyle1
{
    font-size: .85em;
    font-family: "Segoe UI";
    color: White;
}

select.btnLF1 
{
    min-width: 100px;    
    color:#000;
    font-family: "Segoe UI";
    font-size: 11px;
    cursor: hand;
    cursor: pointer;
    padding: 1px;
}

input:not([type=submit]).btnLF1 
{
    min-width: 100px;    
    border: none;    
    color:#000;
    font-family: "Segoe UI";
    font-size: 11px;
    padding: 2px 2px 2px 2px;
}

input[type=submit].btnLF1 
{
    border: none;
    background: #9a9a9a;
    color:#fff;
    font-family: "Segoe UI";
    font-size: 11px;
    cursor: hand;
    cursor: pointer;
    padding: 2px 2px 2px 2px;
    -moz-border-radius: 3.25px;
    border-radius: 3.25px;
}

input[type=submit].btnLF1:hover 
{
    background-color: #464646;
}

input[type=button].btnLF1 
{
    border: none;
    background: #9a9a9a;
    color:#fff;
    font-family: "Segoe UI";
    font-size: 11px;
    cursor: hand;
    cursor: pointer;
    padding: 2px 2px 2px 2px;
    -moz-border-radius: 3.25px;
    border-radius: 3.25px;
}

input[type=button].btnLF1:hover 
{
    background-color: #464646;
}

input[type=image]{
    border: solid 1px gray;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
}

input[type=image]:hover {
    border: solid 3px CornflowerBlue;
    padding: 1px;
}


button.btnLF1 
{
    border: none;
    background: #9a9a9a;
    color:#fff;
    font-family: "Segoe UI";
    font-size: 11px;
    cursor: hand;
    cursor: pointer;
    padding: 2px 2px 2px 2px;
    -moz-border-radius: 3.25px;
    border-radius: 3.25px;
}

button.btnLF1:hover 
{
    background-color: #464646;
}

input[type=button].btnLF2 
{
    border: none;
    background: #0489B1;
    color:#fff;
    font-family: "Segoe UI";
    font-size: 11px;
    cursor: hand;
    cursor: pointer;
    padding: 2px 2px 2px 2px;
    -moz-border-radius: 3.25px;
    border-radius: 3.25px;
}

input[type=button].btnLF2:hover 
{
    background-color: #036B8B;
}

#divLogin{
	width: 20%;
    padding-top: 30px;
	margin: 0 150px 0px auto;
}

.cph
{
    width:90%;
	margin: auto;
}

#grid
{
    font-size: 0.78em;
}


TD.tdIconChooser{
    text-align: center;
    vertical-align: top;
    font-size: 9pt;
    padding: 5px;
}

TD.tdIconChooser:hover {
    text-align: center;
    vertical-align: top;
    font-size: 9pt;
    padding: 3px 3px 3px 3px;
    background-color: #EEEEFF;
    cursor: pointer;
}

.spnIconText{
	min-width: 25px;
    vertical-align: bottom;
}

/* Pushpin Chooser */
DIV.divIconChooser {
    height: 300px;
    max-height: 300px; */
    /* max-width: 400px; */
    /* width: expression("400px"); */ /* IE */
    /* height: expression("83px"); */ /* IE */
    overflow-x: hidden;
    overflow-y: scroll; /* visible|hidden|scroll|auto */
    background-color: #FFFFFF;
    border: ridge 4px #5555AA;
    border: expression("ridge 2px #5555AA");
    /* border: outset 4px #5555AA; */
}


/* For side by side div */
DIV.sidebyside {
	display: inline;
	float: left;
}

/* For Alert Dialog */
.modal-header, .close {
      background-color: #f9f9f9;
      color:#878787 !important;
      text-align: center;
      font-size: 22px;
  }
  .modal-footer {
      background-color: #f9f9f9;
  }


  /* for Dojo Grid Column Design */
.dojoGridBoldText {
    font-weight:bold;
}