/* Import Google Fonts 
http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Ks_cVxiCiwUWVsFWFA3Bjn-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at6E8kM4xWR1_1bYURRojRGc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/vSzulfKSK0LLjjfeaxcREhkAz4rYn47Zy2rvigWQf6w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(https://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0aE8kM4xWR1_1bYURRojRGc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* HTML5 Boilerplate */

/* Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}

/* HTML5 elements */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
em { font-style:italic; }


/* Southgate Lease Services -------------- */

/*
Color Palette
Blue: #214E97
Cyan: #00ADEE
Gray: #333
*/


body {
margin:0;
padding:0;
font-family: 'Roboto', sans-serif;
font-size:16px;
line-height:1.5em;
color:#333;
background:#FFF;
text-align:center;
}

h1 {
margin:0 0 20px 0;
font-size:2.75em; /* 44px at 16px base */
line-height:1.2em;
font-weight:100; /* Light */
color:#214E97; /* Blue */
}

h2 {
margin:20px 0 5px 0;
font-size:1.75em; /* 28px at 16px base */
line-height:1.2em;
font-weight:100; /* Light */
color:#214E97; /* Blue */
}

h3 {
margin:20px 0 15px 0;
font-size:1.125em; /* 18px at 16px base */
line-height:1.2em;
font-weight:100; /* Light */
color:#214E97; /* Blue */
}

h4 {
margin:20px 0 10px 0;
font-size:1.125em; /* 18px at 16px base */
line-height:1.2em;
font-weight:bold;
color:#333; /* Gray */
}

h5 {
margin:20px 0 5px 0;
font-size:1em;
line-height:1.2em;
font-weight:bold;
color:#333; /* Gray */
}

p {
margin:0 0 1em 0;
}

img {
margin:0;
}

a:link, a:visited {
color:#00ADEE; /* Cyan */
text-decoration:none;
}

a:hover {
color:#214E97; /* Blue */
text-decoration:underline;
}

sup {
font-size:0.5em;
line-height:0.7em;
vertical-align:super;
}

table {
margin:10px 0 20px 0;
}

table th, table td {
padding:2px 5px;
    color: #000000;
    font-family: "Trebuchet MS";
}

table th {
color:#333;
border-bottom:1px solid #CCC;
}

table tr.alt {
background-color:#EFEFEF;
}

form {
margin-top:20px;
}

em, i {
font-style:italic;
}

strong, b {
font-weight:bold;
}

.accessibly-hidden {
left: -999em;
position: absolute;
}


/* Start Custom Styles Here -------------------- */

#wrapper {
margin:0 auto;
padding:80px 0 0 0;
max-width:100%;
position:relative;
z-index:1;
}

.wrapper {
margin:0 auto;
max-width:1200px;
position:relative;
}

/* Report Tables ----------------*/

table.sGrid
{
    
color:Black ;
    }



/* Header --------------------- */

#header {
margin:0;
padding:0;
width:100%;
position:fixed;
top:0;
left:0;
right:0;
z-index:99;
background:#FFF;
text-align:center;
}

#header .wrapper {
margin:0 auto;
padding:0;
height:80px;
text-align:right;
position:relative;
z-index:1;
}

#logo {
margin:0;
position:absolute;
top:15px;
left:20px;
width:auto;
text-align:left;
z-index:1;
}


/* Nav --------------- */

#show-menu {
display:none;
position:absolute;
top:25px;
right:20px;
width:36px;
height:36px;
padding:0;
text-decoration:none;
background:transparent url(../img/icon-nav.png) no-repeat;
z-index:1;
}

#show-menu.active {
background:transparent url(../img/icon-close.png) no-repeat;
}

#nav {
margin:0;
padding:0;
text-align:right;
z-index:999;
font-size:0.875em; /* 14px @ 16px base */
}

#nav ul {
margin:0 130px 0 0;
padding:0;
list-style:none;
}

#nav ul li {
display:inline;
margin-left:3%;
position:relative;
z-index:1;
}

#nav ul a {
display:inline-block;
height:85px;
line-height:90px;
color:#2E292D;
text-decoration:none;
}

#nav ul a:hover {
color:#00ADEE; /* Cyan */
text-decoration:none;
}

#nav ul a:hover, #nav ul li.current-menu-item a, #nav ul li.current-page-ancestor a, #nav ul li.current-post-ancerstor a, #nav ul li.menu-parent a, #nav ul li.current-post-parent a {
color:#00ADEE; /* Cyan */
}

/* Sub Nav -------------- */

#nav ul ul {
position:absolute;
display:none;
top:44px;
left:0;
margin:0;
padding:10px 0 10px 0;
width:240px;
text-align:left;
list-style:disc;
background:#E6E6E6;
border-top:6px solid #00ADEE; /* Cyan */
z-index:1;
}

#nav ul li:hover ul { /* Show Second Level */
display:block;
}

#nav ul ul li {
display:block;
margin:0;
}

#nav ul ul a {
display:block;
padding:5px 20px;
height:auto!important;
line-height:1.3em!important;
}

#nav ul li.active ul a {
color:#333; 
}

#nav ul ul a:hover, #nav ul li.active ul a:hover {
color:#00ADEE; /* Cyan */
}

#logout-btn {
position:absolute;
top:30px;
right:20px;
display:block;
margin:0;
padding:5px 15px;
height:auto;
font-size:1em;
line-height:1.4em;
z-index:1;
}


/* Sections & Rows --------------- */

.row {
margin:0;
padding:25px 60px;
text-align:center;
}

.row article {
padding:0 20px;
text-align:left;
max-width:1200px;
}

.gradient {
padding-top:50px;
background:#FFF url(../img/bg-gradient.png) repeat-x;
}

.light-gray {
background:#F2F2F2;
}

/* Main ----------------- */

#main {
margin:0;
padding:0;
}

#main ul {
margin:40px 0 20px 0;
padding:0;	
font-size:1.3em;
line-height:1.5em;
}

#main ul ul {
margin:10px 0 10px 50px;
font-size:1em;
line-height:1.5em;
}

#main ul li {
list-style:none;
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom:1px solid #CCC;
}

#main ul li:last-child {
border-bottom:0;
}

#main ul ul li {
list-style:disc;
padding:0;
border-bottom:0;
}


/* Login ---------------- */

#main article.login {
margin:100px auto 0 auto;
max-width:600px;
text-align:left;
}

#main form {
margin-top:40px;
}

#main form span.small a {
color:#808080;
}


/* Dashboard ---------------- */

.tiles {
margin:50px auto 20px auto;
}

.tiles a .tile {
color:#333;
}

.tiles a:hover .tile {
background:#EFEFEF;
}


.tile {
float:left;
margin:0 1% 10px 0;
padding:30px 2% 10px 2%;
width:20%;
height:200px;
font-size:0.9em;
line-height:1.4em;
text-align:center;
background:#F4F4F4;
}

.tile h2 {
margin:10px 0 5px 0;
}


/* Footer ----------------- */

#footer {
position:fixed;
bottom:0;
left:0;
right:0;
margin:0;
padding:15px 20px;
color:#999999;
font-size:0.8em;
line-height:1.4em;
text-align:left;
background:#2E292D; /* Dark gray */
z-index:1;
}

#footer p {
margin:0;
}

#footer h2, #footer h3 {
margin:0 0 10px 0;
color:#999999;
}

#footer a {
color:#999999;
text-decoration:none;
}

#footer a:hover {
color:#CCC;
}



/* Classes ---------------- */

.hidden {
display:none;
}

.clearfix {
clear:left;
margin:0;
height:1px;
}

.small {
font-size:0.9em;
color:#999;
}

.alignleft {
float:left;
margin-right:30px;
margin-bottom:5px;
}

.alignright {
float:right;
margin-left:30px;
margin-bottom:5px;
}

.button-bar {
clear:both;
margin-top:20px;
line-height:30px;
}

.button-bar a {
vertical-align:middle;
}

.input-w {
padding:5px 2%;
background-color:#E6E6E6;
color:#333333;
border:0;
font-size:1.2em;
width:96%;
max-width:390px;
outline:none;
}

.input-w:focus {
background-color:#E6E6E6;
}

.button, a.button, input.button {
display:inline-block;
margin:0 10px 0 0;
padding:0 30px;
height:40px;
line-height:40px;
font-size:1em;
font-weight:100; /* Light */
color:#FFF;
text-decoration:none;
overflow:hidden;
border:none;
outline:none;
white-space:nowrap;
background-color:#00ADEE; /* Cyan */
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}

.button:hover, input.button:hover {
color:#FFF;
text-decoration:none;
background:#214E97; /* Blue */
cursor:pointer;
border:none;
}

.button.wire {
color:#333;
background:none;
border:1px solid #333;
}

.button.wire:hover {
border:1px solid #FFF;
}

.error {
color:#CC0000;
}

.no-widow {
white-space:nowrap;
}



/* Media Queries ---------------------------- */

@media all and (max-width: 1024px) {
	
#nav ul li {
margin-left:2%;
}

#nav ul li#home { 
display:none;
}

.row {
margin:0;
padding:25px 25px;
text-align:center;
}

.row article {
padding:0;
}

}

@media all and (max-width: 800px) {

h1 {
font-size:2.5em!important;
line-height:1.2em;
}

#show-menu {
display:block;
}

#logout-btn {
right:80px;
}

#nav ul {
display:none;
position:absolute;
top:80px;
left:0;
right:0;
margin:0;
font-size:16px;
text-align:left;
z-index:1;
}

#nav ul li {
margin:0;
padding:0;
display:block;
}

#nav ul li a {
display:block;
margin:0;
padding:15px 30px;
background:#E6E6E6;
height:auto;
line-height:1.3em;
border-bottom:1px solid #CCC;
}

#nav ul ul {
position:relative;
display:block!important;
top:auto;
left:auto;
padding:0;
width:auto;
border-top:none;
border-bottom:1px solid #CCC;
z-index:1;
}

#nav ul ul li a {
background:#dadada;
}

#nav ul ul a {
display:block;
height:auto!important;
}

.tile {
margin:0 1.5% 10px 0;
width:27.8%;
}


}

@media all and (max-width: 600px) {

h1 {
font-size:2em!important;
line-height:1.2em;
}

.tile {
margin:0 2% 10px 0;
width:44%;
}


}

@media all and (max-width: 480px) {

.tile {
float:none;
margin:0 0 10px 0;
width:auto;
}


}

@media all and (max-width: 320px) {
	
}