a:link {text-decoration:none; font=normal; color:black}
a:visited {text-decoration:none; font=normal ; color:black}
A:active {	COLOR: red; TEXT-DECORATION: none}
A:hover {	BACKGROUND: yellow; COLOR: #009380; TEXT-DECORATION: none} 
   
#logo{
     position: absolute;
    left: 60px;
    top: 5px;
    height: 30px;
    width: 30px;
}

#pgtitle{
    position: absolute;
    left: 140px;
    top: 1px;
    width: 80%;
    z-index: 8;
}

#menu {
  //    float:left;
      position: absolute;
       left: 10px;
      top: 70px;
      width:15%;
      height:70%;
      padding: 5px; 
      border-radius: 20px;
      background-color:#EED;
      box-shadow: 5px 10px;
      z-index: 5;
}

#usr {
    position: absolute;
    left: 50px;
      top: 450px;
      border-radius: 7px;
      font-size: 10px;
    background: #73AD21;
    padding: 5px; 
      background-color:#DDD;
      box-shadow: inset 0px -3px 5px #700,0px 2px 2px #333;
      z-index: 7;
}

#login {
    position: absolute;
    left:570px;
    top: 410px;
      border-radius: 20px;
    background: #73AD21;
    padding: 15px; 
    font-size: 14px; 
      background-color:#EED;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
      z-index: 9;
    }
	
#foot{
    position: absolute;
    bottom: 10px;
     width:98%;
}

#mainContent {
    position: relative;
//	border: 3px solid #73AD21;
    top: 80px;
    left: 270px;
    //float:left;
    width: 75%;
    height: 80%;
      //background-color:#AED;
    font-size: 12px;
    transform: scale(1.0,1.0);
	//display: flex;
	//flex-wrap: wrap;
	//display: -webkit-flex; /* Safari */
  //-webkit-flex-wrap: wrap; /* Safari 6.1+ */
    overflow-y: scroll;
	z-index: 5;
}

  

.text-muted{
    color: grey;
}

.x2{
    font-size: 18px;
 }
 
 .fx9 {
     font-size:9px;
 }
 

body {
   font-family: 'Source Sans Pro', sans-serif;
   font-size: 14px; 
background-color:#FFB;
background-image: linear-gradient(white 2px, transparent 2px),
linear-gradient(90deg, white 2px, transparent 2px),
linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
background-size:100px 30px, 30px 100px, 10px 10px, 10px 10px;
background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px
}

h1 {
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 30px;
  padding: 2px 2px;
  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
}

h2{
  font-family: 'Open Sans', sans-serif;
  font-size: 25px;
  padding: 2px 2px;
  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
}


.elegantshadow {
    color: #131313;
    background-color: #e7e5e4;
    letter-spacing: .15em;
    text-shadow: 
      1px -1px 0 #767676, 
      -1px 2px 1px #737272, 
      -2px 4px 1px #767474, 
      -3px 6px 1px #787777, 
      -4px 8px 1px #7b7a7a, 
      -5px 10px 1px #7f7d7d, 
      -6px 12px 1px #828181, 
      -7px 14px 1px #868585, 
      -8px 16px 1px #8b8a89, 
      -9px 18px 1px #8f8e8d, 
      -10px 20px 1px #949392, 
      -11px 22px 1px #999897, 
      -12px 24px 1px #9e9c9c, 
      -13px 26px 1px #a3a1a1, 
      -14px 28px 1px #a8a6a6, 
      -15px 30px 1px #adabab, 
      -16px 32px 1px #b2b1b0, 
      -17px 34px 1px #b7b6b5, 
      -18px 36px 1px #bcbbba, 
      -19px 38px 1px #c1bfbf, 
      -20px 40px 1px #c6c4c4, 
      -21px 42px 1px #cbc9c8, 
      -22px 44px 1px #cfcdcd, 
      -23px 46px 1px #d4d2d1, 
      -24px 48px 1px #d8d6d5, 
      -25px 50px 1px #dbdad9, 
      -26px 52px 1px #dfdddc, 
      -27px 54px 1px #e2e0df, 
      -28px 56px 1px #e4e3e2;
}

.deepshadow {
    color: #306f7c;
 //   background-color: #333;
    letter-spacing: .1em;
    text-shadow: 
      0 -1px 0 #fff, 
      0 1px 0 #2e2e2e, 
      0 2px 0 #2c2c2c, 
      0 3px 0 #2a2a2a, 
      0 4px 0 #282828, 
      0 5px 0 #262626,  
      0 12px 30px rgba(0, 0, 0, 0.9);
}

.insetshadow {
  //  color: #202020;
  //  background-color: #2d2d2d;
    letter-spacing: .1em;
    text-shadow: 
      -1px -1px 1px #111, 
      2px 2px 1px #363636;
  }
.retroshadow {
    color: #2c2c2c;
 //   background-color: #d5d5d5;
    letter-spacing: .05em;
    text-shadow: 
      4px 4px 0px #d5d5d5, 
      7px 7px 0px rgba(0, 0, 0, 0.2);
  }

.noborder. table.noborder, th.noborder, tr.noborder, td.noborder {
	 border:0px solid transparent;
}



tr:nth-child(even) {background: #FFF}
tr:nth-child(odd) {background: #EEE}

table {
    border-collapse: collapse;
}
table, th, td {
   border: 1px solid black;
}

th {text-align :center; background: #AAA}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}