html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  min-height: 100%;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

button, input[type="button"], input[type="submit"] { 
    border:0;
    font-family:Arial; 
    font-size:20px; 
    color:White; 
    background-color:#D70226; 
    border-style:none; 
   
}

li {
	/* color: black; */
	font-family: Arial, sans-serif;
	font-size: 13px;
	padding: 5px;
}

ul {
	/* color: black; */
	font-family: Arial, sans-serif;
	font-size: 13px;	
}

.header {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height:94px; 
    border-top-style:solid;
    border-top-width:6px;
    border-top-color:#D70226; 
    border-bottom-style:solid;
    border-bottom-width:6px;
    border-bottom-color:#D70226; 
    background:White; 
    z-index:100;
}



.content {
  margin: 0 auto;
  padding-top: 130px;
  /* max-width: 640px; */
  width: 94%;
}

.content h1 {
  margin-top: 0;
}

.homepage 
{
    position:fixed;
    top:300px;
    color:White;
    z-index:500;
}


/**
 * Footer Styles
 */

.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top:5px;
  padding-bottom:5px;
  font-size:smaller;
  color:White;
  background-color: #D70226;
  text-align: center;
}

.logoimage {
    position:relative; 
    left:20px; 
    top:5px;
    border:0;    
}

.logotexttop {
    font-family:Arial; 
    font-weight:bold; 
    font-style:italic; 
    color:Black; 
    font-size:32px; 
    position:absolute; 
    top:0; 
    left:73px; 
    text-align:center;
}

.logotextbottom {
    font-family:Arial; 
    font-weight:bold; 
    font-style:italic; 
    color:Black; 
    font-size:32px; 
    position:absolute; 
    top:28px; 
    left:67px; 
    text-align:center; 
    letter-spacing:-2px;
}

.headerphone 
{
    text-align:right;
    position:absolute; 
    right:30%; 
    top:20px;
    border:0;    
}

.headerbutton {
    position:absolute; 
    left:120px;
    top:3px;
}

.menubar 
{
    position:fixed;
    width: 100%;
    top:94px;
    left:0;
    width: 100%;
    height:40px;
    /*background: #595959;*/
    background:black;
    z-index:200;
}

/*  dropdown menu start  */

.menudiv
{
  width: 50%;
  margin: 0 auto;
}

.main {
}
/*General Menu Styling*/
.mainnav {
  margin: 0 auto;
}
.menudiv li {
  list-style: none;
}
.menudiv li a {
  text-decoration: none;
}

.locationtable li 
{
    list-style:none;
}

.dropdown {
  position: absolute;
  width: 150px;
  top: 33px; /* 41px; */
  opacity: 0;
  visibility: hidden;
  transition: ease-out 0.35s;
  -moz-transition: ease-out 0.35s;
  -webkit-transition: ease-out 0.35s;
}
.mainnav li {                       /*  background on main menu (non-hover) */
  float: left;
  padding: 5px;
  /*background: #595959; */
  background:black;
  border-left: 1px dotted #fff;
}
.mainnav li:first-child {
  border: none;
}
.mainnav li a {
  display: block;
  padding: 2px 20px;
  color: #fff;
  font-family: arial;
}
.mainnav li:hover {                 /* background on main menu (hover) */
  background: #D70226; /* #fff; */
  transition: ease-in 0.35s;
  -moz-transition: ease-in 0.35s;
  -webkit-transition: ease-in 0.35s;
}
.mainnav li:hover a {               /* Letters on main menu (hover) */
  color: #fff;  /* maroon; */
  transition: ease-in 0.35s;
  -moz-transition: ease-in 0.35s;
  -webkit-transition: ease-in 0.35s;
}
/*First Level*/
.subs {
  left: -45px;
  position: relative;
  top: 0px;
  width: 250px;  /* 175px; */
  border-left: none !important;
  border-bottom: 1px dotted #fff !important;
}
.subs:last-child {
  border: none !important;
}
.hassubs:hover .dropdown,
.hassubs .hassubs:hover .dropdown {
  opacity: 1;
  visibility: visible;
  transition: ease-in 0.35s;
  -moz-transition: ease-in 0.35s;
  -webkit-transition: ease-in 0.35s;
}
.mainnav li:hover ul a,             /* Letters on dropdown menu (non-hover)*/
.mainnav li:hover ul li ul li a {
  color: white;
}
.mainnav li ul li:hover,            /* Background on Dropdown menu (hover)*/
.mainnav li ul li ul li:hover {
  background:  #D70226;
   /* #fff; */
  transition: ease-in-out 0.35s;
  -moz-transition: ease-in-out 0.35s;
  -webkit-transition: ease-in-out 0.35s;
}
.mainnav li ul li:hover a,          /* Letters on dropdown menu (hover) */
.mainnav li ul li ul li:hover a {
  color: #fff; /* maroon; */
  transition: ease-in-out 0.35s;
  -moz-transition: ease-in-out 0.35s;
  -webkit-transition: ease-in-out 0.35s;
}
/*Second Level*/
.hassubs .hassubs .dropdown .subs {
  left: 100px; /* 25px; */
  position: relative;
  width: 165px;
  top: 0px;
}
.hassubs .hassubs .dropdown {
  position: absolute;
  width: 150px;
  left: 120px;
  top: 0px;
  opacity: 0;
  visibility: hidden;
  transition: ease-out 0.35s;
  -moz-transition: ease-out 0.35s;
  -webkit-transition: ease-out 0.35s;
}


/*  dropdown menu end */

.pageheader
{
    font-family:Arial; 
    font-weight:bold; 
    font-style:italic; 
    font-size:32px;
}

.subheader
{
    font-family:Arial; 
    font-weight:bold; 
    font-style:italic; 
    font-size:18px;
}

.standard
{
    font-family:Arial; 
    font-size:16px;
}

.subheader li 
{
    list-style: square;
}

/*
a img { border:0; }
a link { color: White; border-style:none; }
a visited { color: White; border-style:none; }
a active { color: White; text-decoration: none; border-style:none; }
a hover { color: White; text-decoration:none; border-style:none;  }
a { text-decoration: none; border-style:none; }
*/

a img { border:0; }
a:link { color: #D70226; }
a:visited { color: #D70226; }
a:active { color: #D70226; text-decoration: underline }
a:hover { color: #D70226; text-decoration: underline }
a { text-decoration: none; border-style:none;}


.mainlink 
{
    font-family:Arial; 
    font-weight:bold; 
    font-style:italic; 
}

a.mainlink img { border:0; }
a.mainlink:link { color: #D70226; border-style:none; }
a.mainlink:visited { color: #D70226; border-style:none; }
a.mainlink:active { color: #D70226; text-decoration: underline; }
a.mainlink:hover { color: #D70226; text-decoration:underline; }
a.mainlink { text-decoration: none; border-style:none;}

.selectlink 
{
    font-family:Arial; 
    font-weight:bold; 
    font-style:italic; 
}

a.selectlink img { border:0; }
a.selectlink:link { color: #FFFFFF; border-style:none; background-color: #D70226; }
a.selectlink:visited { color: #FFFFFF; border-style:none; background-color: #D70226; }
a.selectlink:active { color: #FFFFFF; text-decoration: underline; background-color: #D70226; }
a.selectlink:hover { color: #FFFFFF; text-decoration:underline; background-color: #D70226; }
a.selectlink { text-decoration: none; border-style:none;}

a.logoimage:link { color: Black; border-style:none; }
a:logoimage:img { border:0; }
a.logoimage:visited { color: Black; border-style:none; }
a.logoimage:active { color: Black; text-decoration: none; border-style:none; }
a.logoimage:hover { color: Black; text-decoration:none; border-style:none;  }
a.logoimage { text-decoration: none; border-style:none; }

a.footerlink:link { color: White; border-style:none; }
a:footerlink:img { border:0; }
a.footerlink:visited { color: White; border-style:none; }
a.footerlink:active { color: White; text-decoration:none; border-style:none; }
a.footerlink:hover { color: White; text-decoration:none; border-style:none;  }
a.footerlink { text-decoration: none; border-style:none; }

/*
#content
{
    position:absolute;
    top:130px;
    margin-left: auto;
	margin-right: auto;
	height:100%;
    width:100%;
	/*float: none;

} 
*/  

.child
{
     margin: 0 auto;
     width: 40%;
     /*height: 100px;*/
     /*background-color: #ccc;*/
}

.fullwidth
{
    margin:0 auto;
    width:90%;
}

.GridViewStyle

{  
    font-family: Arial, Sans-Serif;    
    font-size:small;
    table-layout: auto; 
    border-style:none;   
    position: relative; 
    margin: auto;
    /*top: 0px;
    left: 0px;*/
}
/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*Common Styles*/
{    
    background-image: url('/images/HeaderGlassBlack.jpg');    
    background-position:center;    
    background-repeat:repeat-x;    
    background-color:#1d1d1d;
}
.HeaderStyle th
{
    background-image: url('/images/HeaderGlassBlack.jpg');    
    background-position:center;    
    background-repeat:repeat-x;    
    background-color:#1d1d1d;
    padding: 5px;
    color: #ffffff;
}

.HeaderStyle a:link { color: #ffffff; font-weight:bold }
.HeaderStyle a.visited { color: #ffffff; font-weight:bold }
.HeaderStyle a:hover { color: #ffffff; font-weight:bold; text-decoration:underline; }
.HeaderStyle a:active { color: #ffff00; font-weight:bold; text-decoration:underline; }

.HeaderStyle a
{
    text-decoration:none;
    color:#ffffff;    
    display:block;    
    text-align:center;    
    font-weight:normal;
}

.PagerStyle table
{
    text-align:center;    
    margin:auto;
}
.PagerStyle table td
{
    border:0px;    
    padding:5px;
}
.PagerStyle td
{
    border-top: #1d1d1d 3px solid;
}

.PagerStyle a:link { color: #ffffff; font-weight:bold }
.PagerStyle a.visited { color: #ffffff; font-weight:bold }
.PagerStyle a:hover { color: #ffffff; font-weight:bold; text-decoration:underline; }
.PagerStyle a:active { color: #ffff00; font-weight:bold; text-decoration:underline; }

.PagerStyle a
{
    color:#ffffff;
    text-decoration:none;    
    padding:2px 10px 2px 10px;    
    border-top:solid 1px #777777;    
    border-right:solid 1px #333333;    
    border-bottom:solid 1px #333333;    
    border-left:solid 1px #777777;
}
.PagerStyle span
{    
    font-weight:bold;    
    color:#FFFFFF;   
    text-decoration:none;    
    padding:2px 10px 2px 10px;
}

/*RowStyles*/
.RowStyle, .AltRowStyle, .SelectedRowStyle, .EditRowStyle /*Common Styles*/
{
    /*border-right: solid 1px #1d1d1d;*/
    border-style:none;
    /*font-size:x-small;*/
    font-weight:bold;
    /*text-align:left;*/
}

.RowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
    border-style:none;
    padding: 5px;    
}

.AltRowStyle td
{
    border-style:none;
    padding: 5px;    
    background-color: #f0f0f0;
}

.RowStyleLeft, .AltRowStyleLeft, .SelectedRowStyleLeft, .EditRowStyleLeft /*Common Styles*/
{
    /*border-right: solid 1px #1d1d1d;*/
    border-style:none;
    /*font-size:x-small;*/
    font-weight:bold;
    text-align:left;
}

.RowStyleLeft td, .SelectedRowStyleLeft td, .EditRowStyleLeft td /*Common Styles*/
{
    border-style:none;
    padding: 5px;    
}

.AltRowStyleLeft td
{
    border-style:none;
    padding: 5px;    
    background-color: #f0f0f0;
}

.RowStyleRight, .AltRowStyleRight, .SelectedRowStyleRight, .EditRowStyleRight /*Common Styles*/
{
    /*border-right: solid 1px #1d1d1d;*/
    border-style:none;
    /*font-size:x-small;*/
    font-weight:bold;
    text-align:right;
}

.RowStyleRight td, .SelectedRowStyleRight td, .EditRowStyleRight td /*Common Styles*/
{
    border-style:none;
    padding: 5px;    
}

.AltRowStyleRight td
{
    border-style:none;
    padding: 5px;    
    background-color: #f0f0f0;
}

.StandardRowStyle td
{    
    /*padding: 5px;    */
    /*border-right: solid 1px #1d1d1d;*/
    /*font-size:11px;*/
    font-weight:normal;
    border-style:none;
    text-align:left;
    vertical-align:top;
    border-style:solid;
    border-color:Black;
    border-width:1px;
}

/*Modal Popup*/
.close {	
    DISPLAY: block;	
    BACKGROUND: url(../images/close24.png) no-repeat 0px 0px;	
    LEFT: 565px;	
    WIDTH: 26px;	
    TEXT-INDENT: -1000em;	
    POSITION: absolute;	
    TOP: 0px;	
    HEIGHT: 26px;	
}   

.TwoLineMenu
{
    text-align:left;
}

.DragHandle
{
    border-color:Black;
    border-width:2px;
    border-style:Solid;
    height:20px;
    width:100%;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
	vertical-align:bottom;
    /*position: relative; 
    margin: auto; 
    text-align: center;
    top: 0px;
    left: 0px;
    overflow:auto;	*/
}

.notification {
	background-color:#D70226;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
    overflow :auto;
    height:90px;
    position:fixed;
    top:0px;
    left:200px;
}


.watermark {
    font-weight:lighter;
}

.caption, table caption {
	background-color: #aaa;
	background-image: url('../images/tilebg_tablecaption.gif');
	color: #000;
	font-size: 8pt;
	font-weight:bold;
	border: 0;
	border-bottom: solid 1px #737373;
	white-space: nowrap;
	text-align: center;
    cursor:hand;
}

.updateProgress
{
    border-width:1px; 
    border-style:solid; 
    background-color:#FFFFFF; 
    position:absolute; 
    width:150px; 
    height:50px;    
}

.updateProgressMessage
{
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
    vertical-align: middle;
}        







