td.forest {
	background-image: url('http://www.seattle.gov/images/departments/sdot/epark/uforestryback_test2.gif');
	background-repeat: no-repeat;
	background-position: bottom;
}
#garageList a:not(.titleTopNavBreadcrumbWrapper) {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	color: #041e81;
	text-decoration: underline;
	font-weight: bold;
    line-height: 12px;
}
#garageList a:hover:not(.titleTopNavBreadcrumbWrapper) {
	color: #fff;
}
.mobiletitle {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 16pt;
	color: #000;
	font-weight: bold;
    padding: 20px 0;
}
.mobiletitle img {
    border: solid 1px #000;
    }
.mobileSUBtitle {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	color: #000;
    font-weight: bold;
}

.garageName {
    padding: 20px 0 0;
    display: block;
}

.garageTable .mobiletitle:first-child {
    padding-top: 15px;
}
.OpenSpaces {
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	color: #999999;
	font-variant:small-caps
}
a.dropdown {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	color: #5B5BB1;
	text-decoration: none;
	font-weight: bold;
	font-variant: small-caps;
}
a.green {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	color: 669933;
	text-decoration: underline;
	font-weight: bold;
	font-style: italics;
}
a.small {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	color: 5B5BB1;
	text-decoration: none;
	font-weight: bold;
}
a.smallwhite {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	color: FFFFFF;
	text-decoration: none;
	font-weight: bold;

}
a.smallwhite:hover {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	color: #ddddff;
	text-decoration: underline;
	font-weight: bold;
}
a.garageLinkDesktop {
    font-size: 11pt !important;
}

#garageList td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	padding:0px;
}
p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 28px;
}
p.small {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	color: 666666;
	text-decoration: none;
}

p.sub {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #5b5bb1; 
	font-size: 10pt; 
	font-weight: bold; color: white;
	padding:2px;
}

ul {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

ol {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}


.bgltblue        { BACKGROUND-COLOR: #A0C7E9; FONT-SIZE: 10pt; FONT-FAMILY: verdana, arial}
.bgmedblue  { BACKGROUND-COLOR: #009EFF; FONT-SIZE: 10pt; FONT-FAMILY: verdana, arial }
.bgregblue    { BACKGROUND-COLOR: #0066CC; FONT-SIZE: 10pt; FONT-FAMILY: verdana, arial}
.bgdkblue      {BACKGROUND-COLOR: #19196F;FONT-SIZE: 10pt;FONT-FAMILY: verdana, arial;color : #F5F5F5;}
.bgltgreen      { BACKGROUND-COLOR: #89CC59; FONT-SIZE: 10pt; FONT-FAMILY: verdana, arial}
.bgdkgreen    {	BACKGROUND-COLOR: #116903;FONT-SIZE: 10pt;FONT-FAMILY: verdana, arial;color : #F5F5F5;}
.bgltorange    { BACKGROUND-COLOR: #FFCA05;FONT-SIZE: 10pt; FONT-FAMILY: verdana, arial}
.bgdkorange  { BACKGROUND-COLOR: #EF9A31;  FONT-SIZE: 10pt; FONT-FAMILY: verdana, arial}
.bgredorange { BACKGROUND-COLOR: #F06548; FONT-SIZE: 10pt; FONT-FAMILY: verdana, arial }
.bgred {BACKGROUND-COLOR: #892122;FONT-SIZE: 10pt;FONT-FAMILY: verdana, arial;color : #F5F5F5;}
.bgwhite{ BACKGROUND-COLOR: #ffffff; FONT-SIZE: 10pt; FONT-FAMILY: verdana, arial }
.bgltlightp      { BACKGROUND-COLOR: #ddddea; FONT-SIZE: 10pt; FONT-FAMILY: verdana, arial}
.sub {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #5b5bb1; font-size: 10pt; font-weight: bold; color: white;}
.ypcontainer
{
    z-index: 50;
    visibility: hidden;
    position: absolute
}


p.dashed {
	border-bottom-style: dashed;
}
p.solid {
	border-bottom-style: solid;
}
p.double {
	border-bottom-style: double; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#5b5bb1; 
	font-size: 13pt; 
	font-weight: bold;
}
p.sub {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #5b5bb1; 
	font-size: 10pt; 
	font-weight: bold; 
	color: white;
	padding-left:2px;
}


.greyBoxDk
{
width:100%;
height:55px;
background-color:#e3e5e5;
box-shadow: 1px 1px 3px #7d7d7d;
}

.greyBoxLt
{
width:520px;
height:55px;
background-color:#f1f2f3;
box-shadow: 1px 1px 3px #7d7d7d;
}

.BoxSpace
{
width:100%;
height:10px;
}


.headOpen
{
font:16px arial,sans-serif;
font-weight:bold;
line-height:125%;
color:#666666;
}

.headPPM
{
    font:16px arial,sans-serif;
    font-weight:bold;
    line-height:125%;
    color:#330000;
}

.headPS
{
font:16px arial,sans-serif;
font-weight:bold;
line-height:125%;
color:#007071;
}


.headRC
{
font:16px arial,sans-serif;
font-weight:bold;
line-height:125%;
color:#5c2889;
}

.headW
{
font:16px arial,sans-serif;
font-weight:bold;
line-height:125%;
color:#003366;
}
.smallPPM {font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 80%; 
color: #330000;}
.smallPS{font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 80%; 
color: #007071;}

.smallRC {font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 80%; 
color: #5c2889;}

.smallW {font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 80%; 
color: #003366;}

.address {font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 70%; 
color: #333;}


div.SpacesBoxPPM
{
width:100px;
height:25px;
border:5px solid #8c5c2e;
background: #333333;
float:right;
margin:5px;
height: 100%;
}

div.SpacesBoxPS
{
width:100px;
height:25px;
border:5px solid #007071;
background: #333333;
float:right;
margin:5px;
height: 100%;
}

div.SpacesBoxRC
{
width:100px;
height:25px;
border:5px solid #602b8d;
background: #333333;
float:right;
margin:5px;
height: 100%;
}

div.SpacesBoxW
{
width:100px;
height:25px;
border:5px solid #41a6d6;
background: #333333;
float:right;
margin:5px;
height: 100%;
}
span.Number {
font:20px Courier,sans-serif;
color:#ffcc33;
padding: 20px;
text-align:center;
}

.locationIcon {
    width: 40px;
}
.garageNameTd {
    width: 200px;
}
.openSpacesTd {
    width: 110px;
}

/*Mobile*/
@media (min-width: 286px) and (max-width: 666px) {
    .greyBoxDk .address, .smallPS, .smallPPM, .smallRC, .smallW {
        display: none;
    }

    .garageNameTd {
        width: 45%;
    }

    .openSpacesTd {
        width: 45%;
    }

    .locationIcon {
        width: 10%;
    }
}