html
{ 
  height: 100% 
}
body
{ 
  height: 100%;
  margin: 0;
  padding: 0;
  <!background: url('../images/background/black_denim.png') repeat 0 0 #555;
  background-color: rgb(255,255,255);
  overflow: auto;
}

/* Table Styles */
 table, td, th
 {
  vertical-align:top;
  background-color:none;
 
 }

th,td
{
  padding:2px 2px;
}
 
 table,th,td,tr
 {
  border-collapse:collapse;
 }
 
/* Font Type */
h1, h2, h3, h4, h5, body, p, a
 { 
  font-family:"Arial", Arial, San-serif;
} 

/* Font Color */
h1, h2, h3
{
  color: #ffbb22;
}
h4, h5
{
  color: #bbff55;
}
body,p,a
{
  color: #eeeeee;
}

/* Font Size */
body {font-size:90%;}
h1 {font-size:1.5em;}
h2 {font-size:1.4em;}
h3 {font-size:1.25em;}
h4 {font-size:1.4em;}
h5 {font-size:1.3em;}
p  {font-size:1em;}
a  {font-size:1em;}

/* Font Weight */
body,p ,a{ font-weight: bold}
h1,h2,h3,h4,h5 {font-weight: bold;}

/* font Style */
a {text-decoration:none;}

/* Font Alignment */
h1,h2,h3,h4,h5
{
  text-align: center;
}

body,p
{
  text-align: left;
}

input
{
  font-family:"Arial", Arial, San-serif;
  font-size:0.8em;
  font-weight: bold;
  text-align: center;
  width: 100%; 
}

input[type="Button"]
{
    border: 1px solid #999999;    
}

/* Drop Down */
select,input[type="file"],input[type="text"],input[type="date"],input[type="password"],input[type="number"]
{
  font-family:"Arial", Arial, San-serif;
  font-size:0.75em;
  font-weight: bold;
  text-align: left;
  width: 100%;
  background-color: #dddddd;
}

/* Console Alignment */
#SettingsArea,#ResultsArea
{
  border: 1px solid #999999;
  background-color: #444444;
}

/* Google Maps */
#MapInfoBox,#MapParameter,#MapValue
{
  font-size: 0.9em;
  font-weight: bold;
  text-align: left;

}
#UserMap
{
  color: black;
}

#MapParameter
{
  text-align: center;
  width: 80px;
  color: #99dd00;
}
#MapValue
{
  text-align: left;
  color: #777777;
}

/* Processing options */
#ProcessingOptions,#OutputOptions,#ProcessingSetting,#OutputSetting,#InputFile,#ProcessingModes,#DataSize,#SamplingRate,#ElevationMask,#SessionName
{
  background-color: #555555;
  border: 1px solid #999999;
}

#ProcessingOptions
{
    margin-top: 15px;
}

#Credentials
{
   margin-top: 4px; 
}

#ProcessingParameter
{
  width: 138px;
  text-align: right;
}

#ProcessingOptions
{
  height: 100%x;
  width: 315px;
}

#ProcessingOption,#ProcessingParameter
{
  vertical-align: middle;
}

#OutputOptionParameter
{
  text-align: center;
  vertical-align: middle;
}

/* Numerical Output */
#OutputParameter,#SessionParameter
{
  color: #bbff55;
  background-color: #555555;
  padding-right: 10px;
  border: 1px solid #999999;
  width: 140px;
}

/* Numerical Output */
#DownloadButton
{
  color: #bbff55;
  background-color: #555555;
  border: 1px solid #999999;
  /*width: 100%;*/
  padding:1px;
  
  width:26.665%;
  
}

#OutputParameter
{
  text-align: right;
}

#SessionParameter
{
  text-align: center;
}

#OutputValue,#OutputValueLong,#SessionValue,#SessionValueMouseOver
{
  color: #eeeeee;
  border: 1px solid #999999;
  padding-left: 10px
}

#OutputValue,#OutputValueLong
{
  background-color: #555555;
  text-align: left;
}

#OutputValueLong
{
  width: 498px;
}

#SessionValue,#SessionValueMouseOver
{ 
  text-align: center;
  width: 50%;
}

#SessionValue
{
  background-color: #555555;
}

#SessionValueMouseOver
{
  background-color: #888888;
}

#NumericalOutput
{
  border: 1px solid #999999;
  width: 330px;
}

#LogoArea
{
  height: 115px;
  width: 100%;
  border: none;
}
#HistoryLogoArea
{
  height:485px;
  width: 100%;
  border: none;
}
#LogoCell,#HistoryLogoArea
{
  text-align: center;
  vertical-align: middle;
}
#map
{
  border: 1px solid #999999;
}

#table-wrapper {
  position:relative;
}
#table-scroll {
  height:150px;
  overflow:auto; 
}

#table-wrapper table {
  width:100%;   
}


/* Remove spinner on input of number */
/* For Firefox */
input[type='number'] {
    -moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input, select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing:content-box;
  -webkit-box-sizing: border-box; 
}

#MapLogo
{
    width:100px;height:100px;
}

#map
{
    width:328px;
    height:328px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

#SessionList tr{
    height : 22px;    
}