/* COMPRESSED RESET.CSS and 960.css - */
/* -----------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* LOGO - */
/* -----------------------------------------------------------------------*/

#logo {
	background: url("../images/logo.gif") no-repeat top center;
	height: 94px;
	color: #fff;
	}

#logo a.goog-logo-link {
	display:none !important;
}

#google_translate_element {
	font-size: 11px;
	margin: 0 46px 0 0;
	float: right;
}
.ntas-logo {
	float: right;
	margin-right: 10px;
	margin-top: -46px;
	position: relative;
	width: 162px;
	height: 115px;
}

.goog-te-gadget {
	color:#3777ae !important;	
}

#logo fieldset {
	margin: 20px 60px 20px 680px;
	float: right;
}

#logo img {
	vertical-align: middle;
}

a.logonav {
	height:85px;
	width:250px;
	float: left;
}



/* TOPNAV - */
/* ----------------------------------------------------------------------*/

#topnav {
	font-size: 1.2em;
	line-height:1.5;
	background: url("../images/nav-bar.gif") no-repeat top center;
	height: 35px;
	color: #fff;
	position:relative;
	z-index:1000;
}

#topnav ul {
	list-style: none;
	float:left;
}

#topnav li {
	float:left;
}

#topnav a {
	display:block;
	letter-spacing: -0.025em;
	padding: 7px 8px;
}

#topnav a:link, #topnav a:visited, #topnav a:active {
	color:#fff;	
}

#topnav a:hover {
	color: #999;
}

#topnav a.selected {
	color:#8BFF1A;
}

#topnav ul.one {
	margin-left:35px;
	width:605px;
}

#topnav ul.two li {
	margin-right:3px;
	margin-left:3px;
	margin-top: 2px;
}

#topnav ul.three {
	margin-left: 15px;
	padding-top:7px;
}
ul.one li {
	position:relative;
}
a.topnav-arrow {
	background: url("../images/topnav-arrow.png") no-repeat bottom center;
	height: 37px;
}

.nested {
	background: #303030;
	left:-999em;
    position: absolute;
	width: 175px;
    z-index: 5000;
}
.nested a {
    background: transparent;
    border-bottom: 1px solid #222;
	display: block;
	float: none;
	padding: 6px 20px;
}
.nested a:first-child {
	padding-top: 13px;
}

#topnav li:hover .nested {
	left:0;
	top:33px;
}


/* How To RIDE Buttons - */
/* ----------------------------------------------------------------------*/

#ridebuttons li {
	border:1px solid #999999;
	width:197px;
	display:inline-block;
	float:left;
}

div#ridebuttons {
	border:1px solid #999999;
	display:inline-block;
	width:597px;
}

div#ridebuttons a {
	line-height: 1.2;
	font-size:11px;
	color:#4d4d4d;
	padding:20px 8px 18px 67px;
}

div#ridebuttons a:hover {
	color:#000000;
}

div#ridebuttons span.button-title {
	line-height:1.5;
	font-weight:bold;
	text-transform:uppercase;
}

div#ridebuttons a.button1
{
	background: url("../images/ridebuttons-1.png") 0 0 no-repeat;
	border: none;
	display: block;
}

div#ridebuttons a.button1:hover
{
	background: url("../images/ridebuttons-1.png") 0 -85px no-repeat;
}

div#ridebuttons a.button2
{
	background: url("../images/ridebuttons-1.png") -199px 0 no-repeat;
	border: none;
	display: block;
}

div#ridebuttons a.button2:hover
{
	background: url("../images/ridebuttons-1.png") -199px -85px no-repeat;
}

div#ridebuttons a.button3
{
	background: url("../images/ridebuttons-1.png") -399px 0 no-repeat;
	border: none;
	display: block;
	padding:20px 5px 18px 75px;
}

div#ridebuttons a.button3:hover
{
	background: url("../images/ridebuttons-1.png") -399px -85px no-repeat;
}

div#ridebuttons a.button4
{
	background: url("../images/ridebuttons-1.png") -599px 0 no-repeat;
	border: none;
	display: block;
}

div#ridebuttons a.button4:hover
{
	background: url("../images/ridebuttons-1.png") -599px -85px no-repeat;
}

div#ridebuttons a.button5
{
	background: url("../images/ridebuttons-1.png") -799px 0 no-repeat;
	border: none;
	display: block;
}

div#ridebuttons a.button5:hover
{
	background: url("../images/ridebuttons-1.png") -799px -85px no-repeat;
}

div#ridebuttons a.button6
{
	background: url("../images/ridebuttons-1.png") -1000px 0 no-repeat;
	border: none;
	display: block;
	padding:20px 5px 18px 75px;
}

div#ridebuttons a.button6:hover
{
	background: url("../images/ridebuttons-1.png") -1000px -85px no-repeat;
}



/* SOCIAL LINK Buttons - */

a.facebook
{
	background: url("../images/social-buttons.gif") 0 0 no-repeat;
	height: 45px;
	width: 290px;
	margin-top:10px;
	border: none;
	display: block;
}

a.facebook:hover
{
	background: url("../images/social-buttons.gif") 0 -46px no-repeat;
	width: 290px;
}

a.city
{
	background: url("../images/social-buttons.gif") -290px 0 no-repeat;
	height: 45px;
	width: 290px;
	margin-top:10px;
	border: none;
	display: block;
}

a.city:hover
{
	background: url("../images/social-buttons.gif") -290px -46px no-repeat;
	width: 290px;
}



/* Schedule NAV - */
/* ----------------------------------------------------------------------*/
#schedule-nav {
	background:#666;
	width:850px;
	height:45px;
	margin:30px 55px;
}

#schedule-nav ul {
	margin:0 0 20px;
}

#schedule-nav li {
	display:inline;
	float:left;
	margin:14px 0 0 38px;
	text-align:center;
}

#schedule-nav a:link, #schedule-nav a:active, #schedule-nav a:visited {
	color:#fff;
}

#schedule-nav a:hover {
	color:#000;
}

#schedule-nav a {
	font-size:1.25em;
	font-weight:bold;
	display:block;
}

#schedule-nav a.selected {
	color:#8BFF1A;
}

a.schedule-nav-arrow {
	background: url("../images/schedule-nav-arrow.png") no-repeat bottom center;
	height: 41px;
}



/* Schedule SUBNAV - */

#schedule-subnav li {
	min-height:34px;
	margin-left:-5px;
	width:220px;
	display:block;
	border-color:#e1e1e1;
	border-style:solid;
	border-width:2px 0 0;
	clear:both;
}

#schedule-subnav a {
	line-height:1;
	font-weight:bold;
}



/* route numbers - */

.new-badge {
	float:right;
}

a.route {
	height:33px;
	width:33px;
	display:inline-block;
	float:left;
}
#schedule-subnav.scroll {
    height: 520px;
    overflow: auto;
    padding: 0 0 0 5px;
	margin-bottom:50px;
}

#schedule-subnav li.route-selected {
	background-color:#E1E1E1;
}

a.route0 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 0;
}

a.route1 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -34px;
}

a.route1L {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1291px;
}

a.route2 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -68px;
}

a.route2A {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1660px;
}

a.route2B {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1694px;
}

a.route5 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -102px;
}

a.route6 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -136px;
}

a.route7 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -170px;
}

a.route8 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -204px;
}

a.route9 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat  0 -238px;
}

a.route10 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -272px;
}

a.route11 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -306px;
}

a.route12 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -340px;
}

a.route13 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -374px;
}

a.route15 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -408px;
}

a.route16 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -442px;
}

a.route17 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -476px;
}

a.route20 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -510px;
}

a.route21 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -544px;
}

a.route22 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -578px;
}

a.route23 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1324px;
}

a.route24 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -612px;
}

a.route25 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1357px;
}

a.route25A {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1729px;
}

a.route25B {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1762px;
}

a.route27 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1390px;
}

a.route28 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1423px;
}

a.route29 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -646px;
}

a.route34 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -680px;
}

a.route35 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -714px;
}

a.route36 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -748px;
}

a.route38 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -782px;
}

a.route38T {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1797px;
}

a.route39 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1519px;
}

a.route41 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1588px;
}
a.route43 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -816px;
}

a.route46 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1456px;
}

a.route62 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1486px;
}

a.route75 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -850px;
}

a.route76 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1552px;
}

a.route77 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1832px;
}

a.route126 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -884px;
}

a.route400 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -918px;
}

a.route401 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -952px;
}

a.route402 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -986px;
}

a.route403 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1020px;
}

a.route404 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1054px;
}

a.route405 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1088px;
}

a.route406 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1122px;
}

a.route407 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1156px;
}

a.route408 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1190px;
}

a.route409 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1224px;
}

a.route410 {
	background:url("../images/routenumbers/routenumbers-all.png") no-repeat 0 -1258px;
}




/* Employee Only Section - */
.topright {
	float: right;
	width: 205px;
}
a.login:link {
    background-color: #64A8D0;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    float: right;
    margin: 10px 55px 0 0;
    padding: 5px 8px;
}
a:hover.login, a:active.login, a:visited.login  {
	color:#fff;
}

a.newsletter-button {
	background: url("../images/newsletter-button.png") no-repeat 0 0;
	width:240px;
	height:75px;
	text-indent:-9999px;
	display: block;
	margin:30px 0;
}

a:hover.newsletter-button {
	background-position: 0 -75px;
}

.label-employee {
	background:#e1e1e1;
	margin:30px 0;
	padding:10px 20px 0;
	border:1px solid #B7B7B7;
}

ul#flowtabs.employee-docs a {
	display:inline;
	margin-left:0px;
	vertical-align:top;	
}

#fyi-form {margin-bottom:20px;}
#fyi-form legend {font-weight:bold; padding-bottom:7px;}
#fyi-form label, .login label {height: 26px; line-height: 26px; width: 180px; font-size: 1.5em; -moz-border-radius:5px; -webkit-border-radius:5px; }
#fyi-form input, #fyi-form textarea, #fyi-form select, .login input, .login textarea, .login select {width:230px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; -moz-border-radius:5px; -webkit-border-radius:5px; }   
#fyi-form input:focus, #fyi-form textarea:focus, #fyi-form select:focus, .login input:focus, .login textarea:focus, .login select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#fyi-form input.submit, .login input[type="submit"] { margin:30px 0 0 155px; width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#fyi-form input.submit:hover, .login input[type="submit"]:hover { background:#444; }
#fyi-form input[type="submit"][disabled] { background:#888; cursor: default; }

.side-rule {border-right:1px solid #E1E1E1;padding-right:35px;}

#fyi-form a, button.memSubmit {
	font-weight:bold;
	padding:10px 30px;
	border:1px solid #111;
	background-color:#444;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,.21), rgba(255,255,255,0));
	background-image: -o-linear-gradient(top, rgba(255,255,255,.21), rgba(255,255,255,0));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.21)), to(rgba(255,255,255,0)));
	background-image: linear-gradient(top, rgba(255,255,255,.21), rgba(255,255,255,0));
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15) inset, -1px -1px 0 rgba(255, 255, 255, 0.1) inset;
	-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15) inset, -1px -1px 0 rgba(255, 255, 255, 0.1) inset;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15) inset, -1px -1px 0 rgba(255, 255, 255, 0.1) inset;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#fyi-form a:hover, button.memSubmit:hover {
	background-color:#222;
}

#employee {
	margin: 15px 0 0 35px;
}

#employee h2 {
	margin: 20px 0 15px;
}

#employee hr {
	border-width: 10px 0 0;
}

#employee-awards {
	background:url(/images/employee-awards.jpg) no-repeat center left;
	width:240px;
	height:150px;
}

#reports div {
	padding:5px 0 0;
	border-bottom:1px solid #e1e1e1;
}

div.active {display:none;}
h6 div.active {display:block;}
div.login {width:243px; margin:50px auto 20px; padding:30px 50px; border: 1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px;-moz-box-shadow:0 1px 5px #666666;-webkit-box-shadow:0 1px 5px #666666;box-shadow:0 1px 5px #666666;}
.login input[type="checkbox"] {width:30px;}

.memError, .zemError, .zemThanks {
	color:red;
}

input.memText {
	width:185px;
}

.active br {
	display:none;
}

.internal-documents a {
	background:url(/images/doc-icon.png) no-repeat center left;
	font-size:14px;
	font-weight:bold;
	padding:5px 0 5px 30px;
	display:block;
}

.internal-documents {
	margin:10px 0;
}



/* Commuter Calculator Section - */

.commuter-box table {
	width:700px;
}
.commuter-box input, .commuter-box textarea, .commuter-box select {width:100px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; -moz-border-radius:5px; -webkit-border-radius:5px; }   
.commuter-box input:focus, .commuter-box textarea:focus, .commuter-box select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
.commuter-box input[type="reset"] { float:right;margin:10px;width:130px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
.commuter-box input[type="reset"]:hover { background:#444; }
.commuter-box input[type="button"] { float:right;margin:10px 67px 10px 10px;width:130px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
.commuter-box input[type="button"]:hover { background:#444; }

p.icon-calculator {
	background:url("../images/calculator-icon.png") no-repeat 177px 0;
	font-weight:bold;
	height:35px;
	padding-top:7px;
	margin:10px 0 0 20px;
}



/* General containers and styles - */
/* ----------------------------------------------------------------------*/

body, html {
	line-height:1.5;
	font:12px 'Helvetica Neue',Helvetica,Arial,sans-serif;
	background:#fff url('../images/shadow.gif') repeat-y top center;
	color: #4c4c4c;
	}
	
hr {
	display:block;
	border-color:#e1e1e1;
	border-style:solid;
	border-width:1px 0 0;
	clear:both;
	height:0;
	margin:0 0 20px;
	}

.connections table {
	margin-right:20px;
}

.connections {
	float:right;
	margin: 30px 0 0 30px;
}

.connections td {
	margin-left:5px;
	padding: 4px 3px;
}
.connections th {
    border-top: 1px solid #666666;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    padding-top: 10px;
}
.oddrow {
	background-color:#dddddd;
}

.margin {
	margin-left: 3px;
}

strong {
	font-weight: bold;
}

em {
	font-style:italic;
}

#wx_module_5092 {
	background:#e1e1e1;
	padding:28px 28px 1px;
}

/* This style is for the homepage button */
a.petition {
	margin-bottom:30px;
	display:block;
}

.ada-schedule a {
	font-size:1.25em;
	display:block;
}

.ada-schedule td {
	width:400px;
}

.ad {
	background:#666666;
	color:#fff;
	margin-top:10px;
	margin-left: 25px;
	display:block;
}

.ad a {
	display: block;
}

.ad img {
	display: inline;
	float: left;
	text-align: center;
}


.adbox {
	background:#0EA51A;
	color:#fff;
	margin:20px 0 0;
	padding:0 10px;
	width:270px;
	margin-right:20px;
}

.adbox a:link, .adbox a:visited, .adbox a:active {
	color:#fff;
	display:block;
}

.adbox a:hover {
	color:#000000;
}

.adbox p {
	line-height:1.3;
	margin:0;
	padding:8px 0;
}

.alignright {
	text-align: right;
	}

.box270{
	width:270px;
}

.calendar {
	margin-left:34px;
}
	
.connectedbox {
	background:#F48C2F;
	color:#fff;
	margin:20px 0 0;
	padding:0 10px;
	width:270px;
	margin-right:20px;
}

.connectedbox p {
	line-height:1.3;
	margin:0;
	padding:8px 0;
}

.columnleft {
	width:600px;
	margin: 0 0 0 51px;
	padding: 0;
	display: inline;
	float:left;
}

.columnleftsub {
	width:240px;
	margin-left:51px;
	float:left;
	display: inline;
}

.columnright {
	float:right;
	margin:0 50px 0 0;
	padding:20px 0 10px 25px;
	width:234px;
	}

.desc {display:none;}

.fares {
	font-size:1.5em;
	font-weight:bold;
	color:#0EA51A;
}

.floatleft {
	float: left;
	display: inline
	}
	
.floatright {
	float: right;
	display: inline
	}

.gatorlocator {
	width:410px;
	float:left;
	margin: 0 0 0 40px;
}

.gatorlocator div {
	display:inline-block;
	margin:0 10px 0 0;
	float:right;
}
.datestoremember {
    background-color: #0ea51a;
    display: block;
    float: right;
    margin: 0 40px 0 0;
    padding: 0 8px 8px;
    width: 162px;
}
.datestoremember p {
	color: #fff;
	margin:10px 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.datestoremember li {
	color: #fff;
    font-size: 10px;
    margin-bottom: 9px;
}
.gatorlocator a {
	display:block;
	text-align:center;
}

.gatorlocator p {
	margin:10px 0 5px;
}

a.videobutton {
	background:#fff url("../images/video-button.png") 0 0 no-repeat;
	height: 100px;
	width: 180px;
	border: none;
	display: block;
}

a.videobutton:hover {
	background:#fff url("../images/video-button.png") 0 -100px no-repeat;
	width:180px;
}

a.gatorlocatebutton {
	background:#fff url("../images/gator-buttons.png") -100px 0 no-repeat;
	height: 100px;
	width: 100px;
	border: none;
	display: block;
}

a.gatorlocatebutton:hover {
	background:#fff url("../images/gator-buttons.png") -100px -100px no-repeat;
	width:100px;
}

a.latergatorbutton {
	background:#fff url("../images/gator-buttons.png") 0 0 no-repeat;
	height: 100px;
	width: 100px;
	border: none;
	display: block;
}

a.latergatorbutton:hover {
	background:#fff url("../images/gator-buttons.png") 0 -100px no-repeat;
	width:100px;
}

a.gatoraiderbutton {
	background:#fff url("../images/gator-buttons.png") -200px 0 no-repeat;
	height: 100px;
	width: 100px;
	border: none;
	display: block;
}

a.gatoraiderbutton:hover {
	background:#fff url("../images/gator-buttons.png") -200px -100px no-repeat;
	width:100px;
}

.click {
    background-color: #333333;
    border-radius: 5px 5px 5px 5px;
    bottom: 15px;
    box-shadow: 0 0 10px #000000;
    color: #FFFFFF;
    font-weight: bold;
    opacity: 0.5;
    padding: 10px;
    position: absolute;
    right: 15px;
    width: 120px;
    z-index: 1000;
}

.mapclick {
	float:left;
	font-size:16px;
	font-weight:bold;
	margin:20px 0 0 50px;
	width:360px;
}
.mapclick-580 {
	float:left;
	font-size:16px;
	font-weight:bold;
	margin:20px 0 0 50px;
	width:580px;
}

.google {
	height:325px;
}
	
.howtoride {
	background:#5d0056;
	color:#fff;
	margin:15px 0 0;
	padding:0 10px;
}

.howtoride p {
	line-height:1.3;
	margin:0;
	padding:8px 0;
}

.label {
	background:#e1e1e1;
	margin:30px 0;
	padding:10px 20px;
	border:1px solid #B7B7B7;
}

.labelfares {
	background: url("../images/fares.png") no-repeat;
	margin:30px 0;
	padding:55px 20px 10px 16px;
	text-align:center;
	line-height:.8;
}

.labelrider {
	background: url("../images/riderinfo.png") no-repeat;
	margin:30px 0;
	padding:55px 20px 10px 16px;
	text-align:center;
	line-height:.8;
}

.labelother {
	background: url("../images/other.png") no-repeat;
	margin:30px 0;
	padding:55px 20px 10px 16px;
	text-align:center;
	line-height:.8;
}

.labelconnections {
	background: url("../images/connections.png") no-repeat;
	margin:30px 0;
	padding:55px 20px 10px 16px;
	text-align:center;
	line-height:.8;
}

p.icon-schedule {
	background:url("../images/scheduleicon.png") no-repeat top right;
	font-weight:bold;
	height:35px;
	padding-top:7px;
	margin:10px 0 0 20px;
}

p.icon-calendar {
	background:url("../images/calendaricon.png") no-repeat top right;
	font-weight:bold;
	height:35px;
	padding-top:7px;
	margin:10px 0 0 20px;
}

.marginl20 {
	margin-left:20px;
}

.marginl50 {
	margin-left:50px;
}

.marginr50 {
	margin-right:50px;
}

.normal {
	font-size:.8em;
	color:#4c4c4c;
	font-weight:normal;
}

.rider-alerts {
	background: #C1DFE5;
	height:270px;
	padding-right:10px;
	width: 224px;
}

.rider-alerts p {
	font-size:1em;
}

#rules p {
	font-size:1em;
}

.shadow {
	background:#fff url('../images/shadow.gif') repeat-y top center;
}

a.sidebar-banner {
	background:url('../images/logo-im4transit.png') no-repeat 0 0;
	width:234px;
	height:52px;
	display:block;
	margin-bottom:30px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.strip {
	width: 100%;
	background: #000;
	padding: 15px 0 15px 0;	
	}

.tabs {
	margin:10px 0;
}

div.connectionstabs.tabs {
	margin:10px 0 0 65px;
}

.tabs a {
	font-size:1.4em;
	font-weight:bold;
	line-height:1;
}

div.tabs {
	width:250px;
	height:60px;
}

.tabs li {
	width:90px;
	height:43px;
	float:left;
	text-align:center;
	padding-top:17px;
}

.tabs li.back {
	background: url("../images/tab-back.png") no-repeat;
}

.tabs li.back a {
	color:#fff;
}

.tabs li.back a:hover {
	color:#00539F;
}


.tabs li.front {
	background: url("../images/tabs-front.png") no-repeat;
}

			
.wrap {
	padding-top: 0px;
	padding-bottom: 20px;
	}



/* Links */
/* ----------------------------------------------------------------------*/

a:link, a:visited, a:active	{
	color: #00539F;
	text-decoration: none;
	}

a:hover {
	color: #000;
	text-align: center;
	}
	
.strip a {
	color:#fff;
	text-decoration: none;
	font-size: 12px;
	}

.strip a:hover {
	color: #80BF30;
	}



/* Headings */
/* ----------------------------------------------------------------------*/

h1 {
	font-size: 4.0em;
	font-weight: bold;
}
 
h2 {
	font-size: 3.0em;
	font-weight: bold;
	margin:10px 0 30px;
}

h3 {
	font-size: 2.1em;
	font-weight: bold;
}

h4 {
	font-size: 1.8em;
	font-weight: bold;

}

h5 {
	font-size: 1.3em;
	font-weight: bold;
}

h6 {
	font-size: .85em;
	font-weight: bold;
}

blockquote {
	font-size: 1.5em;
}

p {
	font-size: 1.25em;
}

input {
	font-size: 1.0em;
}

.small {
	font-size: 0.75em;
}

h1, h3, h4, h5, h6, blockquote {
	margin: 10px 0 10px;
}

p {
	margin: 10px 0 20px;
}



/* Lists */
/* ----------------------------------------------------------------------*/

	
ul {
	list-style:none;
	}

ol {
	list-style:decimal outside;
	}



/* Footer */
/* ----------------------------------------------------------------------*/
					
.footer {
	background: #fff;
	padding: 15px 0 15px 0;
	}

.footer.mission {
	background: #fff url("../images/mission-art.jpg") no-repeat 0 0;
	padding:15px 60px 0 20px;
	margin-top: 30px;
	display:inline-block;
	}

.footer hr {
	border-color:#e1e1e1;
	border-width: 5px 0 0;
	margin-top: 30px;
}

.footer a:link, .footer a:visited, .footer a:active {
	color:#666666;
}

.footer a:hover {
	color: #000;
}



/* OVERLAY */
/* the overlayed element */
/* some styling for triggers */
.triggers img {
	cursor:pointer;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.simple_overlay h3 {
	background:url("../images/download-logo.png") no-repeat 2px 3px #000000;
	margin:0;
	padding:10px 0 10px 60px;
}

.simple_overlay a {
	color:#fff;	
}

.simple_overlay a:hover {
	color:#ccc;	
}

/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#fff; 
     
    width:900px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 

.simple_overlay_1200 { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#fff; 
     
    width:1200px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
}

.simple_overlay_1400 { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#fff; 
     
    width:1100px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
}

/* close button positioned on upper right corner */ 
.simple_overlay .close, #employee-reg .close { 
    background-image:url("../images/close.png"); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

.simple_overlay_1200 .close { 
    background-image:url("../images/close.png"); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

.simple_overlay_1400 .close { 
    background-image:url("../images/close.png"); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}


#holiday-overlay {
	width:900px;
}

#holiday-overlay img {
	text-align:center;
}


#employee-reg {
	background:#fff;
	display:none;
	width:400px;
	padding:30px;
	border:1px solid #666; 
	-moz-box-shadow:0 0 90px 5px #000; 
	-webkit-box-shadow: 0 0 90px #000;
	box-shadow: 0 0 90px #000;
}

a.trigger {
	display:block;
	margin: 0 auto;
	width: 243px;
}


/* TOOLTIPS */
/* trigger button */ 
a#severe { 
	background:#e1e1e1;
    display:block; 
    cursor:pointer;
	font-size:1.6em;
	font-weight:bold;
	line-height:1;
	padding:30px 20px 29px;
	text-align:center;
	width:194px;
}

/* tooltip styling */ 
.weathertooltip { 
    display:none; 
    background:url("../images/bubble1.png") no-repeat; 
    height:540px; 
    padding:20px 30px 10px 30px;
 	margin-left: 20px;
    width:270px; 
    font-size:11px; 
    color:#fff; 
}

.weathertooltip p, .weathertooltip h4 {
	width: 210px;
}



/* CUSTOM FONT */
/* ----------------------------------------------------------------------*/
	
@font-face {
	font-family: 'DINPro-MediumRegular';
	src: url('DINPro-Medium.eot');
	src: url('DINPro-Medium.eot?#iefix') format('embedded-opentype'), local('DINPro-Medium Regular'), url('DINPro-Medium.otf') format('opentype');
}

.style1 {
	font-size:1.1em;
	font-family: 'DINPro-MediumRegular', Helvetica, Arial, sans-serif;
	}



/* SCROLLABLE SUBNAV */ 
/* override the root element to enable scrolling */
#flowpanes {
	height:500px;
	margin:40px 40px 0 80px;
	overflow:auto;
	position:relative;
	width:450px;
	border:4px solid #e1e1e1;

	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#flowpanes.schedule {
	height:506px;
	margin:10px 40px 0 0;
	overflow:hidden;
	position:relative;
	width:606px;
	float:right;
}

#flowpanes.bigpane {
	height:1940px;
	margin:40px 40px 0 80px;
	overflow:hidden;
	position:relative;
	width:450px;
}

#flowpanes.pane {
	height:1440px;
	margin:40px 40px 0 80px;
	overflow:hidden;
	position:relative;
	width:450px;
}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	height:100%;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes .items > div {
	border-bottom:15px solid #e1e1e1;
	margin:0 15px;
	width:450px;
}

#flowpanes .items.noborder div {
	border-bottom:15px solid #fff;
	margin:0 15px;
	width:450px;
}

#flowpanes.schedule .items div {
	border-bottom:15px solid #e1e1e1;
	margin:0;
	width:606px;
}

#flowpanes .items img {
	float:right;
	margin-left:20px;
}

#flowpanes.schedule .items img {
	float:right;
	margin:0;
}

#flowpanes a {
	font-weight:bold;
}

#flowtabs li {
	font-weight:bold;
	padding:7px 0;
}

#flowtabs.connect li {
	font-weight:bold;
	height:35px;
	padding-top:7px;
}

#flowtabs li.current {
	background:url("../images/nav-arrow.png") no-repeat top left;
}

#flowtabs li.current a {
	color:#fff;
}

#flowtabs a {
	margin-left:20px;
	font-size:1.2em;
	display:block;
	line-height:1.1;
}



/* SCROLLABLE RIDER ALERTS */
/* ----------------------------------------------------------------------*/	
/* root element for scrollable */
.vertical {  
	height:260px;
	/* required settings */
	position:relative;
	overflow:auto;	

	/* vertical scrollers have typically larger height than width */	
}

/* root element for scrollable items */
.rider-alerts .items {	
	position:absolute;

	/* this time we have very large space for height */	
	height:100%;	
	margin: 0 0 0 1px;
	width:200px;
}

/* single scrollable item */
.items div {
	border-bottom:1px solid #fff;
	margin:0 5px 0 0;
}

/* elements inside single item */
.rider-alerts .items img {
	float:left;
	margin-right:5px;
}

.items h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}

.items li {
	font-size:1.25em;
	font-weight:bold;
}

/* the action buttons above the scrollable */
#actions {

}

ul#actions {
	list-style: none;
	float:right;
	margin-top:10px;
}

#actions li {
	float:left;
	margin: 0 10px;
}

#actions img {
	vertical-align: middle;
}

#actions a {
	cursor:pointer;
	color:#666;
	display:inline;
	font-size:12px;
	font-weight:bold;
}

#actions a:hover {
	text-decoration:none;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.nextPage {

}



/*SLIDESHOW - Scrollable*/
/* ----------------------------------------------------------------------*/	
.slideshow-scroll {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 600px;
	height:300px;
	z-index:900;
}
.slideshow-animals {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 270px;
	height:164px;

}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.slideshow-scroll .slideshow-items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	z-index:900;
}

.slideshow-animals .slideshow-items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.slideshow-scroll img {
	cursor:pointer;
	float:left;
	height:300px;
	margin:0;
	padding:0;
	width:600px;
}

.slideshow-animals img {
	cursor:pointer;
	float:left;
	height:164px;
	margin:0;
	padding:0;
	width:270px;
}

/* active item */
.slideshow-scroll .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

.slideshow-animals .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}


/*How to Read The Schedule Video*/
#video { display: block; width: 800px; margin: 0px auto; padding: 35px;}
#message { margin: 10px 0; padding: 0; }


/*COMMENT Form*/
a.comment-button {
	background: url("../images/comment-button.png") no-repeat 0 0;
	width:240px;
	height:75px;
	text-indent:-9999px;
	display: block;
	margin:30px 0;
}

a:hover.comment-button {
	background-position: 0 -75px;
}

#contact label img {margin:3px 0;}

#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }
#contact { display: block; width: 600px; margin: 0px auto; padding: 35px;}

/* Form style */

#contact label { display: block; float: left; height: 26px; line-height: 18px; margin: 6px 0 0; width: 180px; font-size: 1.25em; -moz-border-radius:5px; -webkit-border-radius:5px; }
#contact input, #contact textarea, #contact select {  display: inline-block; width: 225px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; -moz-border-radius:5px; -webkit-border-radius:5px; }   
#contact input:focus, #contact textarea:focus, #contact select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; cursor: default; }
#contact fieldset { padding:20px; border:4px solid #dddddd; -moz-border-radius:10px; -webkit-border-radius:10px; }
#contact legend { padding:7px 10px; font-weight:normal; color:#666666; border:4px solid #e1e1e1; -moz-border-radius:10px; -webkit-border-radius:10px; margin-bottom:0 !important; margin-bottom:20px; }
#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px 6px; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius:5px; -webkit-border-radius:5px; }

ul.error_messages { margin: 0 0 0 15px; padding: 0; }
ul.error_messages li { height: 22px; line-height: 22px; color:#333; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }




/* Colorbox Settings
---------------------------------------- */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        /*#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}*/
		#cboxTitle {
		    background: none repeat scroll 0 0 #E1E1E1;
		    bottom: 28px;
		    color: #111111;
		    font-size: 12px;
		    font-weight: normal;
		    left: 0;
		    line-height: 16px;
		    opacity: 0.85;
		    padding: 4px 0;
		    position: absolute;
		    text-align: center;
		    width: 100%;
		}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
