/* Map and List */
.map-list {float: left; width: 740px; position: relative; margin: 0px -7px;}
.map-list .mp-header {padding-left: 8px; border-bottom: none; position: relative; background: none;}
.map-list .mp-header .mph-nav li a {font-size: 12px;}

/* Search */
#school-search-field {width: 714px;}
#school-search {float: left; position: relative;}

/* Header */
.locality-header {width: 740px; float: left; margin-left: -7px; text-align: center;}

/* Region Navigation */
.region-navigation {
    float: right;
    padding: 5px 10px;
    background-color: #fafafa;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.region-navigation a {font-weight: normal;}
.region-navigation h1 {font-size: 18px; text-align: center;}
.region-navigation ul li {font-size: 12.5px;}
.region-navigation ul li .region { margin-left: -10px;}
.region-navigation ul li .locality { margin-left: 10px;}
.region-navigation ul li .locality-capital {margin-left: 20px;}

/* Map */
#map {float: left; width: 740px; height: 420px;}

/* Map */
.staff-panel #map {
    float: none;
    width: 600px;
    height: 300px;
    outline: none;
    margin-bottom: 15px;
}

/* Schools List */
#schools-list {width: 740px; float: left;}

.mp-header {background: #f9f9f9; margin: -9px -8px 0; padding: 6px 9px 0 14px; border-bottom: 1px solid #dbdbdb;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.mp-header h1 {float: left; width: 140px; font-size: 13px; line-height: 32px}
.mph-nav {float: left; position: relative; top: 12px; z-index: 1}
.mph-nav li {float: left; margin: 0 10px 0 0}
.mph-nav li a {display: inline-block; padding: 0 9px 0 26px; border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; line-height: 31px; background: #f9f9f9 no-repeat; font-size: 11px; color: #888; position: relative; border-bottom: 1px solid #dbdbdb;
    -webkit-border-radius: 8px 0 0;
    -moz-border-radius: 8px 0 0;
    border-radius: 8px 0 0;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
.mph-nav li a span {position: absolute; top: -1px; right: -18px; width: 18px; height: 33px; display: block; background: url('/images/modules/sq/message-menu-bg.png') no-repeat}
.mph-nav li.active a {background-color: #fff; border-bottom-color: #fff}
.mph-nav li.active a span {background-position: 0 -33px}
.mph-nav li a:hover, .mph-nav li.active a {color: #ef5128; text-decoration: none}
.mph-nav li.incomming-icon a {z-index: 3}
.mph-nav li.incomming-icon a:hover, .mph-nav li.incomming-icon.active a {background-position: 0 -32px}
.mph-nav li.outgoing-icon a {background-position: 0 -64px; z-index: 2}
.mph-nav li.outgoing-icon a:hover, .mph-nav li.outgoing-icon.active a {background-position: 0 -96px}
.mph-nav li.recicle-icon a {background-position: 0 -128px; z-index: 1}
.mph-nav li.recicle-icon a:hover, .mph-nav li.recicle-icon.active a {background-position: 0 -160px}
.mph-nav {padding-left: 0}
.mp-paginator {float: right; line-height: 32px; font-size: 11px; text-align: right}

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; overflow: hidden}
.clear {zoom: 1}