.ui-header .ui-title, .ui-footer .ui-title { margin: .6em 16% .8em; }

hr { border: 0px; height:1px; border-top:1px solid #C5BCB3; background-color:#FFFFFF; }

/* Override Theme A */
.ui-bar-a {
	background: #314D6B;
	color: #fff;
	font-weight: normal;
	text-shadow:  0 0px 0px	#314D6B;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #314D6B /*{a-bar-background-start}*/), to( #1D3752 /*{a-bar-background-end}*/));
	background-image: -webkit-linear-gradient( #314D6B /*{a-bar-background-start}*/, #1D3752 /*{a-bar-background-end}*/);
	background-image:    -moz-linear-gradient( #314D6B /*{a-bar-background-start}*/, #1D3752 /*{a-bar-background-end}*/);
	background-image:     -ms-linear-gradient( #314D6B /*{a-bar-background-start}*/, #1D3752 /*{a-bar-background-end}*/);
	background-image:      -o-linear-gradient( #314D6B /*{a-bar-background-start}*/, #1D3752 /*{a-bar-background-end}*/);
	background-image:         linear-gradient( #314D6B /*{a-bar-background-start}*/, #1D3752 /*{a-bar-background-end}*/);
}

.ui-bar-a .ui-link-inherit { color: #fff; }
.ui-bar-a .ui-link { color:  #7cc4e7; font-weight: bold; }
.ui-bar-a .ui-link:hover { color:  #2489CE; }
.ui-bar-a .ui-link:active { color:  #2489CE; }
.ui-bar-a .ui-link:visited { color:  #2489CE; }

.ui-page, .ui-content, .ui-body-a,
.ui-dialog.ui-overlay-a {
	color: #000;
	text-shadow:  0 0px 0  #fff;
	background: #fff;
	border:0;
}

.ui-loader-textonly { color: #fff; background: #314D6B; text-shadow: none; }

.ui-dialog.ui-overlay-a { background: #000; }

.ui-body-a input,
.ui-body-a select,
.ui-body-a textarea,
.ui-body-a button {background-color:#fff;}

.ui-body-a .ui-link-inherit { color: #111111; }
.ui-body-a .ui-link { color: #2489CE; font-weight: bold; }
.ui-body-a .ui-link:hover { color: #2489CE; }
.ui-body-a .ui-link:active { color: #2489CE; }
.ui-body-a .ui-link:visited { color: #2489CE; }

.ui-btn-up-a, .ui-li-static {
	border: 1px solid #ccc;
	background: #fff;
	font-weight: bold;
	color: #000;
	text-shadow:  0 0px 0px #f6f6f6;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fff ), to( #EDEDED ));
	background-image: -webkit-linear-gradient( #fff , #EDEDED );
	background-image:    -moz-linear-gradient( #fff , #EDEDED );
	background-image:     -ms-linear-gradient( #fff , #EDEDED );
	background-image:      -o-linear-gradient( #fff , #EDEDED );
	background-image:         linear-gradient( #fff , #EDEDED );
}
.ui-btn-up-a a.ui-link-inherit {
	color: #000;
}

.ui-btn-hover-a, 
.ui-btn-hover-undefined {
	border: 1px solid #ccc;
	background: #F6ECB1;
	font-weight: bold;
	color: #000;
	text-shadow:  0 0 0 #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #F6ECB1 ), to( #F6ECB1 ));
	background-image: -webkit-linear-gradient( #F6ECB1 , #F6ECB1 );
	background-image:    -moz-linear-gradient( #F6ECB1 , #F6ECB1 );
	background-image:     -ms-linear-gradient( #F6ECB1 , #F6ECB1 );
	background-image:      -o-linear-gradient( #F6ECB1 , #F6ECB1 );
	background-image:         linear-gradient( #F6ECB1 , #F6ECB1 );
}
.ui-btn-hover-a a.ui-link-inherit {
	color: #000;
}
.ui-btn-down-a, .ui-btn-down-undefined {
	border: 1px solid #ccc;
	background: #F6ECB1;
	font-weight: bold;
	color: #000;
	text-shadow: 0 0 0 #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #F6ECB1 ), to( #F6ECB1 ));
	background-image: -webkit-linear-gradient( #F6ECB1 , #F6ECB1 );
	background-image:    -moz-linear-gradient( #F6ECB1 , #F6ECB1 );
	background-image:     -ms-linear-gradient( #F6ECB1 , #F6ECB1 );
	background-image:      -o-linear-gradient( #F6ECB1 , #F6ECB1 );
	background-image:         linear-gradient( #F6ECB1 , #F6ECB1 );
}
.ui-btn-down-a a.ui-link-inherit {
	color: #000;
}

/* Active class used as the "on" state across all themes */
.ui-btn-active {
	border: 1px solid #3A5274;
	background: #314D6B;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	text-shadow:  0 0 0 #145072;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #314D6B), to( #314D6B ));
	background-image: -webkit-linear-gradient( #314D6B , #314D6B );
	background-image:    -moz-linear-gradient( #314D6B , #314D6B );
	background-image:     -ms-linear-gradient( #314D6B , #314D6B );
	background-image:      -o-linear-gradient( #314D6B , #314D6B );
	background-image:         linear-gradient( #314D6B , #314D6B );
}
.ui-btn-active a.ui-link-inherit { color: #fff; }

/* button inner top highlight */
.ui-btn-inner {
	border-top: 1px solid #fff;
	border-color: rgba(255,255,255,.3);
}

.ui-checkbox-on .ui-icon,
.ui-radio-on .ui-icon {
	background-color: #314D6B; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
}

/* Focus state - set here for specificity */
.ui-focus {
	-moz-box-shadow: 0px 0px 12px #314D6B;
	-webkit-box-shadow: 0px 0px 12px #314D6B;
	box-shadow: 0px 0px 12px #314D6B;
}

.ui-focus,.ui-btn:focus{-moz-box-shadow:0 0 12px #ccc;-webkit-box-shadow:0 0 12px #ccc;box-shadow:0 0 12px #ccc}

/* Custom Icons */
.ui-icon-binoculars { background-image: url("../images/icon-binoculars.png"); width:40px; height:35px; }
.ui-icon-about { background-image: url("../images/about.png"); width:40px; height: 42px; }
.ui-icon-map { background-image: url("../images/map.png"); width:40px; height: 39px; }
.ui-icon-metro { background-image: url("../images/metro.png"); width:40px; height: 40px; }
.ui-icon-news { background-image: url("../images/news.png"); width:40px; height:39px; }
.ui-icon-redmarker { background-image: url("../images/red-marker.png"); width: 23px; height: 40px; }
.ui-icon-bluemarker { background-image: url("../images/blue-marker.png"); width: 23px; height: 40px; }
.ui-icon-greenmarker { background-image: url("../images/green-marker.png"); width: 23px; height: 40px; }
.ui-icon-megaphone { background-image: url("../images/megaphone.png"); width:42px; height: 35px; }
.ui-icon-quick { background-image: url("../images/quick.png"); width:39px; height: 40px; }

.ui-icon-drive { width:100%; height:110px; background: url("../images/ico_drive.png") no-repeat; background-position:50% 35%; padding:0px; margin:0px; display:inline-block; text-decoration:none; }
.ui-icon-public { width:100%; height:110px; background: url("../images/ico_metro.png") no-repeat; background-position:50% 35%; padding:0px; margin:0px; display:inline-block; text-decoration:none; }
.ui-icon-viewmap { width:100%; height:110px; background: url("../images/ico_map.png") no-repeat; background-position:50% 35%; padding:0px; margin:0px; display:inline-block; text-decoration:none; }

.ui-button-bg       { width:33%; height:110px; padding: 0px; margin:0px; text-align:center; font-size:0px; float:left; }
.ui-button-bg.red   { background-color:#913938; }
.ui-button-bg.blue  { background-color:#386491; width:34%; }
.ui-button-bg.brown { background-color:#916638; }
.ui-button-text { padding-left:5px; padding-right:5px; margin-top:73px; bottom:1em; text-align:center; display:block; font-size:12px; color:#FFFFFF; font-weight:normal; }

.ui-content-bg { padding: 15px; background-color:#F5F3EE; }
.ul-content-header { color:#6D6D6D; font-size:19px; }
.ui-button-font { font-size:smaller; }

/* Structure customizations */
.ui-btn-inner{padding:1.2em 25px; }

.ui-btn-icon-left .ui-icon-binoculars, .ui-btn-icon-left .ui-icon-map, .ui-btn-icon-left .ui-icon-metro, .ui-btn-icon-left .ui-icon-about, .ui-btn-icon-left .ui-icon-news,
.ui-btn-icon-left .ui-icon-redmarker, .ui-btn-icon-left .ui-icon-bluemarker, .ui-btn-icon-left .ui-icon-greenmarker, .ui-btn-icon-left .ui-icon-megaphone, .ui-btn-icon-left .ui-icon-quick
{ 
	margin-left: .4em;
	margin-top :-1.2em; 
	background-color: transparent; 
	-moz-box-shadow: 0px 0px 0;-webkit-box-shadow: 0px 0px 0;box-shadow: 0px 0px 0;
	-moz-border-radius: 0; -webkit-border-radius: 0;border-radius: 0;
}

.ui-grid-a .ui-block-a { width: 40%; margin-bottom: .6em; text-align: right; }
.ui-grid-a .ui-block-b { width: 60%; margin-bottom: .6em; text-align: left; }
.ui-grid-a .ui-block-a label {padding-right: .4em; }

.clear:before,
.clear:after {
    content:"";
    display:table;
}
.clear:after {
    clear:both;
}