/* CSS Document */
  html,body {
    margin:auto;
    padding:0;
    height:100%; /* needed for container min-height */
    background-color:#EBEBEB;

    background: url(/common/images/blue_grad.png) repeat-x;
    width:100%;
    font-family:arial,sans-serif;
    color:#222222;
}

body {
    font-size:80%;
}

/* begin Google Material Icons */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/MaterialIcons-Regular.eot'); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url('../../fonts/MaterialIcons-Regular.woff') format('woff'),
       url('../../fonts/MaterialIcons-Regular.ttf') format('truetype')
}

.material-icons{
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-42 { font-size: 42px; }
.material-icons.md-48 { font-size: 48px; }

.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-grey { color: rgba(158, 158, 158, 1); }
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-black { color: rgba(0, 0, 0, 1); }

.material-icons.md-red { color: rgba(200, 0, 0, 1); }
.material-icons.md-green { color: rgba(0, 200, 0, 1); }
.material-icons.md-blue { color: rgba(0, 0, 200, 1); }

.material-icons.md-yellow { color: rgba(255, 216, 0, 1); }
.material-icons.md-purple { color: rgba(128, 0, 128, 1); }
.material-icons.md-orange { color: rgba(255, 102, 0, 1); }

/* end Google Material Icons */

div#commonPage {
  position:relative;
  top:0em;
  margin:auto; /* center, not in IE5 */
  width:98%;
  height:auto !important; /* real browsers */
  height:96%; /* IE6: treaded as min-height*/
  min-height:96%; /* real browsers */
  min-width:1000px; /* cant put this here - it will screw up pop-up windows */
}

div#commonBanner {
  position:relative;
  margin:0;
  padding:0;
  top:0;
  left:0;
  width:100%;
  overflow:hidden;
  color:#FFFFFF;
  margin-bottom:3px;
}
div#commonLogo {
  position:relative;
  float:left;
  margin-right:22px;
  z-index:2;

}
div#commonTopBanner {
    background-color:#002A5C;
    position: relative;
    font-size:85%;
    overflow:auto;
    text-align:left;
}

div#commonTopBanner a:link, div#commonTopBanner a:visited {
  color:#FAFAFA;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
}
div#commonTopBanner a:hover {
  text-decoration:underline;
}

div#commonTopBanner div {
    padding:10px;
    border: 1px solid #47668A;
    border-left:none;
    border-top:none;
    border-bottom:none;
    display:inline-block;
    float:left;
}

div#commonPegasus {
    font-size:120%;
    float:right;
    font-weight:bold;
}

div#commonInfo {
   position:relative;
   margin-top:0.1em;
   overflow:auto;
   color:#FAFAFA;
}
div#commonDatabaseAndLogout {
   position:relative;
   overflow:auto;
   text-align:left;
}
div#commonDatabase {
   position:relative;
   color:red;
   font-weight:bold;
   float:left;
}
div#commonLogout {
    position:relative;
    float:right;
    color:#FAFAFA;
}

div#commonDetails {
   float:left;
   text-align:left;
}

div#commonPortal {
  font-size:large;
  font-weight:bold;
}
div#commonAppDets {
  font-weight:bold;
  font-size:medium;
}

div#commonPageDets {
  font-weight:bold;
}

div#commonUserDets {
   font-weight:bold;
   float:right;
   text-align:right;
   margin-bottom:15px;
}
div#commonServiceMessage {
   text-align:center;
   font-weight:bold;
   color:#FFFFFF;
   background-color:#ff0000;
}
div#commonFeedback {
   position:absolute;
   overflow:auto;
   text-align:right;
   bottom:0;
   right:0;
}
div#commonFeedback a:visited, div#commonFeedback a:link {
   color:#FFFFFF;
   font-weight:bold;
   text-decoration:none;
}
div#commonFeedback a:hover {
  text-decoration:underline;
}

#commonMainbody {
  position:relative;
  overflow:auto;
  padding-bottom:2em; 
  margin-bottom:2.5em;
  width:100%;
  background-color:#FFFFFF; /* This could be toggled by developer */
}
div#commonContent {
  text-align:left;
}

.clearFloats {
    clear:both;
}

.footer {
    width: 100%;
    bottom:0;
}

.copyright {
  background-color:#002A5C;
  padding:1em 1em;  
  color:#ffffff;    
  width:98%;
  font-size: 100%;
  display: flex; /* or inline-flex */
  flex-direction: row;
  box-sizing: border-box;
  margin: auto;
}

.copyright a {
  color:#ffffff
}

.copyright ul {
  list-style:none;            
  padding:0;
  margin:0;
}

.copyright ul li {            
  display: inline;                       
  padding:3px;
}

.peg-footer-left {
  width: 200px;
  text-align: left;
}

.peg-footer-centre {
  flex-grow: 1;
  text-align: center;
}

.peg-footer-right {
  width: 200px;
  text-align: right;
}

div#commonLinks {
    background-color: #EEEEEE;
    background-image: url("/common/images/topnav_bg.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
    padding: 0;    
    position: relative;
    text-align: right;
    min-height:28px;
    width:100%;
    margin:auto;
    display:inline-block;

}

div#commonLinks a:link, div#commonLinks a:visited {
  color:#232323;
  background-color:transparent;
  text-align:center;
  padding:6px;
  text-decoration:none;
}
div#commonLinks ul {
  list-style-type:none;
  margin:0;
  padding:0;
  padding-top:6px;
  padding-bottom:6px;
}
div#commonLinks li {
  display:inline;
}
div#commonLinks a:hover {
  background-color:transparent;
  color:#002A5C;
  text-decoration:underline;
}

div#bannerLinks {
    background-color: transparent;
    padding: 0;
    position: relative;
    text-align: right;
    min-height:28px;
    margin:auto;

}
div#bannerLinks a:link, div#bannerLinks a:visited {
  color:#FFFFFF;
  background-color:#00285A;
  text-align:center;
  padding:6px;
  text-decoration:none;
}
div#bannerLinks ul {
  list-style-type:none;
  margin:0;
  padding:0;
  padding-top:6px;
  padding-bottom:6px;
}
div#bannerLinks li {
  display:inline;
}
div#bannerLinks a:hover {
  background-color:#FFFFFF;
  color:#00285A;
  text-decoration:none;
}

div#commonHelpLinks {
    padding-top:6px;
    padding-top:6px;
    padding-left:0px;
    float:left;
}


div#commonPageLinks {
    float:right;
}

/* some Menu attributes */
.menu a:link, .menu a:visited {
    text-decoration:none;
}

.menu a:hover {
    text-decoration:underline;
}