/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}


/* ------------------------------------------------------------------------------------------
 * Base CSS Styles
 * v2013-05-14.0938 | UT Arlington University Communications | www.uta.edu/ucomm
 * ------------------------------------------------------------------------------------------ */
html{font-size:17px}
html,button,input,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
h1,h2,h3,h4,h5,h6{text-rendering:optimizelegibility;margin-bottom:.3em;line-height:1.2}
pre,code,kbd,samp,tt,var{font-family:Monaco,Consolas,"Courier New",monospace;font-size:85%}
code,var{background-color:#ffeec6;padding:1px 3px;font-style:normal}
pre{border:1px solid #ccc;color:#333;background-color:#f5f5f5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:4px 8px;line-height:1.5em}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
blockquote{padding:0 0 0 15px;border-left:5px solid #EC9754;}
blockquote p{margin:0 0 0.5em}
blockquote small{color:#777}
blockquote small:before{content:'\2014 \00A0'}
dt{font-weight:bold}
dd{margin-left:9px}
p,li,td,th,caption,dt,dd,address,legend{line-height:1.7}
address{line-height:1.2;font-style:normal}
ol ol{list-style-type:lower-alpha}
dl,blockquote,p,table,ul,ol,address,fieldset{margin:0 0 1em}
abbr[title],acronym{cursor:help;border-bottom:1px dotted #aaa}
abbr[title]:hover,acronym:hover{border-bottom:1px dotted #444}
a abbr[title],a acronym{cursor:pointer}
h1+h2,h2+h3,h3+h4,h4+h5,h5+h6{margin-top:.75em}
legend{font-weight:bold;padding:0 .3em}
button,input[type="button"],input[type="reset"],input[type="submit"]{padding:2px 5px}
img{vertical-align:middle}
td,th{text-align:left;padding:5px 10px 5px 5px;border-right:1px solid #fff}
th{vertical-align:bottom;font-weight:bold}
td{vertical-align:top}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.skipnav{margin:0!important;padding:0!important}
.skipnav a{position:absolute;left:-1000em;overflow:hidden;position:absolute;top:0;width:1px;height:1px}
.skipnav.showonfocus a:focus{left:10%;top:0;width:auto;height:auto;background-color:#333;color:#fff;padding:5px 12px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-moz-box-shadow:0 3px 5px #333;-webkit-box-shadow:0 3px 5px #333;box-shadow:0 3px 8px #ccc;text-decoration:none;z-index:999;}
.left{float:left}
.right{float:right}
.clear{clear:both}
.pull-left{float:left;margin:.5em 1em 1em 0}
.pull-right{float:right;margin:.5em 0 1em 1em}
span.small,p.small{font-size:80%}
.ir{border:0;font:0/0 a;text-shadow:none;color:transparent;background-color:transparent}

@media print{
    *{background:transparent!important;color:black!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important;box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important;}
    a,a:visited{text-decoration:underline}
    pre,blockquote{page-break-inside:avoid}
    thead{display:table-header-group}
    tr,img{page-break-inside:avoid}
    img{max-width:100%!important}
    @page{margin:.5cm}
    p,h2,h3{orphans:3;widows:3}
    h2,h3{page-break-after:avoid}
    #page {border: none !important;}
    #navigation {display: none !important;}
}

table {
    width: 100%; 
    border-left: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
    margin: 1.5em 0;
    -moz-box-shadow: 1px 1px 3px #ccc;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;
}
th, td {
  font-size: 75%;
  padding: 4px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
td { background-color: #fff;}
th { background-color: #DDF0FF; text-align: center; vertical-align: middle; }
.table-condensed th,.table-condensed td{padding:4px 5px}
.table-striped tbody>tr:nth-child(odd)>td{background-color:#f9f9f9}
.table-striped tbody>tr.odd>td{background-color:#f9f9f9}
.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th{background-color:#f5f5f5}

::-moz-selection{background:#0168b3;color:#fff!important;text-shadow:none!important}
::-webkit-selection{background:#0168b3;color:#fff!important;text-shadow:none!important}
::selection{background:#0168b3;color:#fff!important;text-shadow:none!important}

img,
object,
embed {
  max-width: 100%;
  height: auto; }

object,
embed {
  height: 100%; }

img {
  -ms-interpolation-mode: bicubic; }

::-webkit-input-placeholder { color:#c7e7fd; }

/* ------------------------------------------------------------------------------------------
 * Parking + Shuttles Styles
 * ------------------------------------------------------------------------------------------ */

/*
WEB FONTS:
font-family:'Avenir W01';
font-weight: 300;
font-weight: 400;
font-weight: 500;
font-weight: 800;
font-family:'Rockwell W01';
font-weight: 400;
font-weight: 700;
*/

.for-desktop {display: none;}

.row:before,.row:after{content:"";display:table}
.row:after{clear:both}
.row{zoom:1}

body, html {font-family: 'Avenir W01', Helvetica, Arial; color: #332f2c; background-color: #015696; font-weight: 400;}

a {color: #286fa3; text-decoration: underline; transition: all 200ms ease-out;}
a:visited {color: #23618d;}
a:hover {color: #F67E27;}

h1 {
    color: #C54111;
    font-family: 'Rockwell W01';
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 1em;
    text-transform: uppercase;
}
h2 {
    font-family: 'Avenir W01'; 
    color: #005898; 
    text-transform: uppercase; 
    font-size: 20px; 
    font-weight: 800; 
    margin: 1.5em 0 0.5em;
}
h3 {
    color: #DA7025;
    font-family: 'Rockwell W01';
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
h4 {
    font-family: 'Avenir W01', Helvetica, Arial;
    font-weight: 300;
    color: #c24a1d;
    font-size: 18px;
    letter-spacing: 1px;
}
h5 {
    font-family: 'Rockwell W01';
    color: #005898; 
    font-weight: 700;
    font-size: 16px;
}
h6{
    text-transform: uppercase;
    font-size: 13px;
    color: #e37935;
    letter-spacing: 1px;
}

a.btn {
    display: inline-block;
    background-color: #0068b3;
	color: #fff;
	text-decoration: none;
	padding: 10px 20px;
	text-shadow: none;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 600;
	transition: background-color .2s;
}
a.btn:hover {
    background-color: #1f8ad8;
}

#header {
    border-top: 5px solid #f3ba8f;
    background: #f8ffff url(../_images/theme/heading-bg.jpg) repeat;
}

#header .inner {
    padding: 18px 10px;
    position: relative;
}

#header .utalogo img {width: 100%; max-width: 385px; margin-bottom: 12px;}

#header .police-link, #header .police-link a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    margin-top: 6px;
    margin-bottom: 0;
    color: #000000;
}

#header .police-link a:hover {
    color: #f47a23;
}

#navigation {
    background-color: #015696;
}

#navigation .inner {
    min-height: 40px;
    position: relative;
}

#navigation ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#navigation .menu {
    display: none;
    border: 4px solid #f9a62e;
    position: relative;
    top: 5px;
}

#navigation .menu.mobile-open {
    display: block;

}

#navigation .menu.mobile-open:before {
    content: " ";
    display: block;
    background: transparent url(../_images/theme/dropdown-point.png);
    width: 34px;
    height: 13px;
    position: absolute;
    top: -13px;
    left: 5px;
}

#navigation .menu li {
    padding: 5px;
    background-color: #f0f9ff;
}

#navigation .menu ul li {
    padding: 5px 0;
}

#navigation .menu a {
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    font-size: 14px;
    padding: 3px;
    color: #0068b3;
    border-top: 1px solid #ddeaf2;
    font-weight: 500;
}

#navigation .menu li:first-child a {border-top: none;}


#navigation .menubar {height: 40px; overflow: hidden;}


#navigation img.hamburger {
    width: 31px;
    height: 16px;
    float: left;
    padding: 12px;
    cursor: pointer;
}


#navigation .menubar img.search {
    width: 33px;
    height: 25px;
    float: right;
    padding: 7px;
    cursor: pointer;
}


#navigation .menu ul a {
    text-transform: none;
    font-weight: 500;
}

#navigation .menu ul a:before {
    content: "»";
    color: #ec934f;
    display: inline-block;
    margin-right: 3px;
}

#navigation div.search {
    display: none;  
    background: #156CAC;
    padding: 6px;
    text-align: right;
}

#navigation div.search.mobile-open {display: block;}

#navigation div.search input[type="text"] {
    background-color: #1f8ad8;
    border: 1px solid #1f8ad8;
    border-top: 1px solid #217ec1;
    border-left: 1px solid #217ec1;
    color: #fff;
    font-size: 16px;
    padding: 4px;
    border-radius: 2px;
    width: 200px;
    -moz-box-shadow: inset 1px 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 1px 3px 3px rgba(0,0,0,0.2);
    box-shadow: inset 1px 3px 3px rgba(0,0,0,0.2);
    -webkit-transition: background-color 0.3s;
    -moz-transition:    background-color 0.3s;
    -o-transition:      background-color 0.3s;
    transition:         background-color 0.3s;
}

#navigation div.search input[type="text"]:focus {
    background-color: #409ee3;
}

#navigation div.search input[type="submit"] {
    color: #fff;
    background-color: #ee9750;
    border: none;
    position: relative;
    display: inline-block;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    margin-left: 4px;
    padding: 0 10px;
}

#pagecontainer {
    background-color: #015696;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 120% auto;
    -moz-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2) inset;
    border-bottom: 5px solid #f3ba8f;
}

#abovepage {padding: 10px; text-align: center; min-height: 30px;}
#abovepage img.tagline.for-mobile {width:100%; max-width:400px; margin: 30px 0 10px;}
#abovepage p {color: #fff; line-height: 1.8; text-shadow: 1px 1px 2px #000;}

#abovepage h2 {color: #effcff; font-size: 30px; text-transform: uppercase;font-family:'Avenir W01'; font-weight: 800; margin: 0.3em 20px; }

#page {
    background: #f6f5f0 url(../_images/theme/content-bg.jpg) repeat;
    border-top: 20px solid #f39c59;
    padding: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#main .imagelinks .for-mobile {
    text-align: center;
}

#main .imagelinks .for-mobile img { 
    margin: 5px 0;
}

#main .row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

#main .row .block {
    border-bottom: 1px solid #e8dab7;
    padding: 25px 15px;
    text-align: center;

    position: relative;
    width: 100%;
    float: left;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#main .row .block p,
#main .row .block ul {margin: 0;}

#main .boxgrid .row .block {
    border-top: 1px solid #e8dab7;
    border-left: 1px solid #e8dab7;
    border-right: 1px solid #e8dab7;
    border-bottom: none;
    background: #faf9f5;
}

#main .boxgrid {
    border-bottom: 1px solid #e8dab7;
}

#main .row .block h3 {
    color: #be4413;
    font-family: 'Rockwell W01';
    font-weight: 400;
    text-transform: uppercase;
    font-size: 24px;
    margin: 0 0 .3em;
}

#main .boxgrid .row .block h3 {
    font-size: 20px;
}

#main .row.quicklinks .block:last-child {border-bottom: none;}


.section-menu {padding-left: 20px;}

ul.all-news {margin: 1em 0; list-style: none; padding: 0;}
ul.all-news li {font-size: 20px; line-height: 1.1; font-weight: bold; padding:  0 0 1em;}
ul.all-news a {text-decoration: none;}
ul.all-news span.date {font-weight: normal; font-size: 14px; color: #888;}

p.news-date {font-size: 14px; color: #888;}

.list-opened,
.list-closed
{
    margin-bottom:1em;
    cursor:pointer;
}
.list-opened:hover,
.list-closed:hover
{
    cursor:hand;
}
.list-closed:last-child
{
    margin-bottom:20px;
}

#main ul.quicklinks {margin:0; padding: 0; list-style: none;}
#main ul.quicklinks li {margin: 3px 0; text-transform: uppercase;}
#main ul.quicklinks a,
#main ul.quicklinks a:visited {
    color: #286fa3;
    text-decoration: none;
}

#main ul.quicklinks a:hover {text-decoration: underline; color: #63a7d7;}


#sidebars {
    width: 280px;
    margin: 25px auto;
}

#sidebars div.sidebar {
    background: #286fa3;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 14px;
}

#sidebars div.sidebar.twitter {min-height: 450px;}

#sidebars h3, .content-footer h3 {
    background: transparent url() no-repeat;
    color: #fff;
    font-family: 'Rockwell W01';
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    margin: -5px 0 5px -20px;
    width: 285px;
    height: 60px;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 35px 0 15px;
}

#sidebars .news h3 {
    background-image: url(../_images/theme/title-bg-news-announce.png);
}

#sidebars .twitter h3 {
    background-image: url(../_images/theme/title-bg-twitter.png);
}

#sidebars .alternative-transportation h3 {
    background-image: url(../_images/theme/title-bg-alt-transport.png);
}

.content-footer {
    background: url(../_images/theme/content-footer-bg.jpg) repeat-x scroll center top transparent;
    padding-top: 8px;
}

.content-footer h3 {
    background-image: url(../_images/theme/title-bg-vehicle-assist.png);
    text-align: center;
    width: 103%;
    height: 38px;
    padding: 13px 0 41px;
    margin: 0 -11px 0px;
}

.content-footer p {
    text-align: center;
    padding-bottom: 12px;
    line-height: 22px;
}

#sidebars a {color: #fff; text-decoration: none;}
#sidebars a:visited {color: #fff;}
#sidebars a:hover {text-decoration: none; color: #b9e2ff;}

#sidebars ul {margin: 0; padding: 0; list-style: none;}

#sidebars li {
    padding: 12px 0;
    border-bottom: 1px solid #4792c9;
    line-height: 1.2;
}

#sidebars ul > li:last-child {border-bottom: none;}

#sidebars p.morelink {
    text-align: right;
    text-transform: uppercase;
    font-size: 12px;
    border-top: 1px solid #4792c9;
    padding-top: 5px;
}

#sidebars p.morelink a,
#sidebars p.morelink a:visited {
    color: #6fc2fe;
}

#sidebars p.morelink a:hover {color: #bee4ff;}


/*-- FOOTER --------------------------*/

#page .content-footer { clear: both; background-color: #286fa3;}
#page .content-footer p {color: #fff;}
#page .content-footer a,
#page .content-footer a:visited {color: #fff; text-decoration: underline;}


#footer {font-size: 12px; color: #fff; text-align: center; background: #015696;}
#footer > div.inner { 
    padding: 10px 10px 30px; 
    -moz-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2) inset;
}

#footer p, #footer li {line-height: 2.3;}
#footer .big-a {margin: 10px 0;}

#footer a {color: #6db9f3; text-decoration: none;}
#footer a:visited {color: #6db9f3;}
#footer a:hover {color: #fff; text-decoration: underline;}

#footer a.parkingoffice {text-transform: uppercase; font-size: 14px;}

#footer .utalinks {width: 261px; margin: 0 auto;}
#footer .utalinks ul {margin:0;padding:0; list-style:none; width: 110px;}
#footer .utalinks ul.left {border-right: 1px solid #6db9f3; text-align: right; padding-right: 20px;}
#footer .utalinks ul.right {text-align: left; padding-left: 20px;}
#footer .utalinks li {text-transform: uppercase;}

/* create the light color bar below footer */
#footer:after {
    content: " ";
    display: block;
    width: 100%;
    height: 30px;
    background: #f8ffff url(../_images/theme/heading-bg.jpg) repeat;
}

.office-info a.title-footer {
    text-transform: uppercase;
    font-size: 14px;
}


p.privacy-link {font-size: 14px;}
p.privacy-link a {color: #666; text-decoration: none;}
p.privacy-link a:hover {color: #000;}

#toTop {
    position: fixed;
    text-decoration:none;
    font:0/0 a;
    color:transparent;
    bottom: 10px;
    right: -1000px;
    overflow:hidden;
    width:51px;
    height:51px;
    border:none;
    background:url(../_images/theme/arrow-to-top.png) no-repeat left top;
    opacity:0;
    filter:alpha(opacity=0);
    -moz-transition:opacity 0.5s ease;
    -webkit-transition:opacity 0.5s ease;
    -o-transition:opacity 0.5s ease;
    transition:opacity 0.5s ease;
}

#toTop.visible {right: 10px; opacity:0.5; filter:alpha(opacity=50);}
#toTop:active, #toTop:focus {outline:none;}


/*LANDSCAPE PHONE*/
@media only all and (max-width: 640px) and (min-width: 100px) {
    #pagecontainer {
        background-size: 120% auto;
    }
    .homepage #abovepage {
        background: url(../_images/theme/drop-shadow-mobile.png) no-repeat scroll 0 -100px transparent;
        background-size: 100% auto;
    }
}

/*PORTRAIT PHONE*/
@media only all and (max-width: 360px) and (min-width: 100px) {
    #pagecontainer {
        background-size: 220% auto;
    }
    .content-footer h3 {
        width: 106%;
    }
    .homepage #abovepage {
        background: url(../_images/theme/drop-shadow-mobile.png) no-repeat scroll 0 -30px transparent;
    }
}