/* Koordinates CSS */

/* 
All dojo-related CSS is imported from geostore/resources/js/K/resources/kx_dojo.css
This file is imported later, so it can be used to override.
And koordinates_ie*.css is imported even later for IE browsers via conditional comments.
*/

html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.sectionNomap {
    background-color: #eeeeee;
}

/* Main divs */
#header {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 552px;
    height: 110px;
    border-right: 1px solid #909090;
    border-bottom: 1px solid #909090;
    background: transparent url("images/vertical-metal.png") repeat-x 0 0;
}

.sectionNomap #header {
    position: static;
    width: auto;
    border: none;
    background: transparent;
    height: 80px;
}

.sectionNomap #leftpaneBar {
    display: none;
}

.sectionNomap .pHideLeftPane, .sectionNomap .pShowLeftPane {
    display: none;
}

.masthead {
    margin: 15px 0 0 15px;
}

.sectionNomap .masthead {
    margin: 0;
}

.sectionNomap .slogan {
    display: block;
    float: left;
    margin: 15px 0 0 5px;
}

.flag {
    width: 16px;
    height: 11px;
}

#leftpane {
    position: absolute;
    top: 111px;
    width: 552px;
    overflow: hidden;
    border-right: 1px solid #909090;
    bottom: 121px;
}

#leftpane.loading {
    cursor: progress;
}

.sProjectFullScreen #leftpane {
    display: none;
}

body.sProjectFullScreen #mappane {
    left: 0px;
}

.pHideLeftPane {
    margin: 7px 8px 0 0;
}

.pShowLeftPane {
    display: none;
    background: transparent url("images/buttons.png") no-repeat scroll -197px -127px;
    height: 18px;
    width: 18px;
    float: right;
    cursor: pointer;
    margin: 4px 4px 0 0;
}

.pShowLeftPane:active {
    background-position: -216px -127px;
}

.sProjectFullScreen .pHideLeftPane {
    display: none;
}

.sProjectFullScreen .pShowLeftPane {
    display: block;
}

#leftpaneHeader {
    background-color: #ffffff;
    height: 122px;
    padding: 15px 15px 0;
    width: 522px;
    display: none;
}

body.sectionMyLayers #leftpaneContent {
    top: 71px;
}

.sectionMyLayers #leftpaneHeader .titleContainer, .sectionSearchResults #leftpaneHeader .titleContainer {
    height: 70px;
}

.sectionLayerDetail #leftpaneHeader, .sectionSupplierDetail #leftpaneHeader, .sectionCollectionDetail #leftpaneHeader {
    display: block;
}
.sectionSupplierDetail #leftpaneHeader {
    height: 95px;
    padding: 0;
    width: 552px;
}
.sectionSupplierDetail #leftpaneHeader .titleContainer {
    height: 85px;
}
.sectionSupplierDetail #leftpaneHeader .supplierLayersHeader .titleContainer {
    height: 40px;
}
.sectionLayers #leftpaneHeader, .sectionMyLayers #leftpaneHeader, .sectionSuppliers #leftpaneHeader, .sectionCollections #leftpaneHeader, .sectionSupplierCollections #leftpaneHeader, .sectionLayerDetail #leftpaneHeader, .sectionCollectionDetail #leftpaneHeader {
    width: 552px;
    padding: 0;
    display: block;
    padding: 0;
    border-bottom: 1px solid #bbbbbb;
}

.sectionLayers #leftpaneHeader, .sectionMyLayers #leftpaneHeader, .sectionSuppliers #leftpaneHeader, .sectionCollections #leftpaneHeader, .sectionSupplierCollections #leftpaneHeader {
    height: 70px;
}

.sectionCollectionDetail #leftpaneHeader {
    height: 145px;
}
.sectionLayerDetail #leftpaneHeader {
    height: 125px;
}

.sectionSupplierDetail h1.title {
    font-size: 1.6em;
}

ul.userList li {
    margin-bottom: 5px;
}

#leftpaneBar {
    height: 21px;
    left: 0;
    position: absolute;
    top: 78px;
    padding: 0 15px;
    width: 522px;
}
#leftpaneBar a.tab, #leftpaneBar a.upload {
    display: inline-block;
    height: 21px;
}
#leftpaneBar .navText {
    display: none;
}
#leftpaneBar a.tab:hover, 
#leftpaneBar a.tab:focus, 
#leftpaneBar a.upload:hover,
#leftpaneBar a.upload:focus {
    text-decoration: none;
}

#leftpaneBar a#navHome {
    background: transparent url("images/buttons.png") no-repeat scroll 0 0;
    width: 63px;
}

#leftpaneBar a#navHome:active {
    background: transparent url("images/buttons.png") no-repeat scroll 0 -24px;
}

.sectionHome #leftpaneBar #navHome {
    background: transparent url("images/buttons.png") no-repeat scroll 0 -48px;
}

#leftpaneBar a#navLayers {
    background: transparent url("images/buttons.png") no-repeat scroll -64px 0;
    width: 69px;
}

#leftpaneBar a#navLayers:active {
    background: transparent url("images/buttons.png") no-repeat scroll -64px -24px;
}

.sectionLayers #leftpaneBar #navLayers, .sectionLayerDetail #leftpaneBar #navLayers {
    background: transparent url("images/buttons.png") no-repeat scroll -64px -48px;
}

#leftpaneBar a#navCollections {
    background: transparent url("images/buttons.png") no-repeat scroll -433px 0;
    width: 85px;
}

#leftpaneBar a#navCollections:active {
    background: transparent url("images/buttons.png") no-repeat scroll -433px -24px;
}

.sectionCollections #leftpaneBar #navCollections, .sectionCollectionDetail #leftpaneBar #navCollections {
    background: transparent url("images/buttons.png") no-repeat scroll -433px -48px;
}

#leftpaneBar a#navSuppliers {
    background: transparent url("images/buttons.png") no-repeat scroll -210px 0;
    width: 76px;
}

#leftpaneBar a#navSuppliers:active {
    background: transparent url("images/buttons.png") no-repeat scroll -210px -24px;
}

.sectionSuppliers #leftpaneBar #navSuppliers, .sectionSupplierDetail #leftpaneBar #navSuppliers {
    background: transparent url("images/buttons.png") no-repeat scroll -210px -48px;
}

#leftpaneBar a#navMyLayers {
    background: transparent url("images/buttons.png") no-repeat scroll -287px 0;
    width: 78px;
}

#leftpaneBar a#navMyLayers:active {
    background: transparent url("images/buttons.png") no-repeat scroll -287px -24px;
}

.sectionMyLayers #leftpaneBar #navMyLayers {
    background: transparent url("images/buttons.png") no-repeat scroll -287px -48px;
}

#leftpaneBar a.upload {
    background: transparent url("images/buttons.png") no-repeat scroll -365px 0;
    width: 62px;
}

#leftpaneBar a.upload:active {
    background: transparent url("images/buttons.png") no-repeat scroll -365px -24px;
}

#leftpaneLeft {
    display: none;
    top: 25px;
    position: absolute;
    bottom: 0;
    width: 130px;
    overflow-y: auto;
    left: 0px;
    border-right: 1px solid #cccccc;
    background-color: #E2F2FF;
}
#leftpaneSorter {
    position: absolute;
    top: 70px;
    height: 22px;
    left: 130px;
    width: 422px;
    border-bottom: 1px solid #cccccc;
    display: none;
}
.sectionLayers #leftpaneSorter, .sectionSuppliers #leftpaneSorter {
    display: block;
}
#leftpaneRight {
    display: none;
    top: 0px;
    position: absolute;
    bottom: 0px;
    width: 149px;
    right: 0px;
    background-color: #ffffff;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
}
.leftpaneRightContent {
    overflow-y: auto;
    position: absolute;
    top: 17px;
    bottom: 14px;
    border-left: 1px solid #909090;
    border-right: 1px solid #909090;
    width: 147px;
}

.navMyLayersContainer {
    float: right;
}
.geotagBreadcrumb {
    padding: 7px 15px 4px;
    font-size: 0.9em;
    width: 522px;
    background-color: #E2F2FF;
    border-bottom: 1px solid #cccccc;
    color: #909090;
}

.layerCategory {
    color: #909090;
    margin: 10px 15px 0 0;
    font-size: 0.9em;
}

.geotagBreadcrumb .active {
    padding: 3px 4px;
    background-color: #49AAFA;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #E2F2FF;
}

.geotagDropdown {
    display: inline-block;
}

.pGeotagMenu {
    position: absolute;
    background: white;
    border: 1px solid #909090;
    padding: 4px;
    padding-right: 20px;
    z-index: 1;
    max-height: 300px;
    overflow-y: auto;
    display: none;
}

.sShowGeotags .pGeotagMenu {
    display: block;
}

.pGeotagMenu li {
    padding: 5px 3px;
}

.sectionLayers #leftpaneLeft, .sectionMyLayers #leftpaneLeft {
    display: block;
}

.sectionSupplierLayers #leftpaneLeft {
    top: 175px;
    display: block;
    border-top: 1px solid #cccccc;
}

.sectionSupplierLayers #leftpaneContent {
    top: 199px;
    padding-top: 0;
}

#leftpaneContent {
    top: 0px;
    position: absolute;
    bottom: 0px;
    width: 492px;
    overflow: auto;
    padding: 15px;
    background-color: #ffffff;
}

.sectionHome #leftpaneContent {
    padding: 15px;
    width: 522px;
}

.sectionLayers #leftpaneContent, .sectionSuppliers #leftpaneContent, .sectionMyLayers #leftpaneContent, .sectionCollections #leftpaneContent {
    top: 93px;
    padding-top: 0px;
}

.sectionCollectionDetail #leftpaneContent {
    top: 123px;
}

.sectionCollectionDetail #leftpaneContent .featurePanel {
    margin-bottom: 0px;
}

.sectionLayers #leftpaneLeft, .sectionMyLayers #leftpaneLeft {
    top: 71px;
    padding-top: 0px;
}

.sectionLayers #leftpaneContent, .sectionMyLayers #leftpaneContent, .sectionSupplierLayers #leftpaneContent {
    left: 130px;
    width: 391px;
    border-left: 1px solid #cccccc;
}

.sectionCollectionDetail #leftpaneContent {
    top: 169px;
}
.sectionLayerDetail #leftpaneContent {
    top: 149px;
    width: 522px;
}

.sectionSuppliers #leftpaneContent {
    width: 522px;
}

.sectionSuppliers #leftpaneSorter {
    left: 0px;
    width: 552px;
}

.sectionSupplierDetail #leftpaneContent, .sectionSupplierDetail #leftpaneLeft {
    top: 111px;
}

.sectionSupplierDetail #leftpaneContent {
    width: 522px;
}

.sectionSupplierLayers #leftpaneContent, .sectionSupplierCollections #leftpaneContent {
    top: 199px;
    width: 391px;
}

.sectionSupplierLayers #leftpaneLeft {
    top: 175px;
}

.geocodeResults {
    display: none;
}

.sGeocodeResults .geocodeResults {
    display: block;
}

#geocodeResult {
    padding-left: 13px;
    background: #FFFFFF url("images/zoom.png") no-repeat scroll 0 0;
    font-weight: bold;
}

#project {
    position: absolute;
    bottom: 0;
    height: 120px;
    left: 0px;
    width: 552px;
    border-right: 1px solid #909090;
    border-top: 1px solid #909090;
    background: transparent url("images/vertical-metal.png") repeat-x 0 0;
}

.hideProject #project {
    height: 40px;
    background: transparent url("images/vertical-metal-short.png") repeat-x scroll 0 -5px;
}

#mappane {
    position: absolute;
    left: 553px;
    right: 0px;
    top: 30px;
    bottom: 0px;
    background-color: #cccccc;
}



.permalinkButton, .mapToolbarOL .permalinkButton,
.makeCollectionButton, .mapToolbarOL .makeCollectionButton {
    padding: 5px;
    height: 11px;
    width: 95px;
    z-index: 2;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #000000;
}

.permalinkButton, .mapToolbarOL .permalinkButton {
    background: url("images/share-link.png") center no-repeat;
}
.makeCollectionButton, .mapToolbarOL .makeCollectionButton {
    background: #ff0000;
}


.mapToolbarOL {
    position: absolute;
    left: 52px;
    top: 7px;
}
.mapToolbarOL div {
    display: inline-block;
    height: 21px;
    border: 1px solid #000000;
    background-color: white;
    margin-right: 7px;
}
.mapToolbarOL .olControlZoomBoxItemInactive {
    background: url("images/zoom_map.png") no-repeat scroll left top;
    padding-right: 21px;
    width: 2px;
    cursor: pointer;
}
.mapToolbarOL .olControlZoomBoxItemActive {
    background: url("images/zoom_map_active.png") no-repeat scroll left top;
    padding-right: 21px;
    width: 2px;
    cursor: pointer;
}

.olControlPanZoomBar div {
    cursor: pointer;
}

.mapDragBoxOL {
    border: 2px solid #FFA500;
    background-color: #FDC591;
    position: absolute;
    opacity: 0.60;
    font-size: 1px;
    filter: alpha(opacity=60);
}

body .olHandlerBoxZoomBox {
    border: 2px solid blue;
    background-color: blue;
}

#projectMap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #eeeeee;
}
#projectMap:focus {
    outline: 0;
}

#projectToolbar {
    display: none;
    position: absolute;
    height: 23px;
    padding: 4px 3px 2px;
    left: 0px;
    right: 220px;
}
.sProjectFullScreen #projectToolbar {
    left: 375px;
}
#header {
    z-index: 1;
}
.sProjectFullScreen #header, .sectionMy #header, .sectionFlatpage #header {
    height: 26px;
    margin: 0;
    padding: 2px;
    border-right: 1px solid #909090;
    background:transparent url("images/vertical-metal-short.png") repeat-x scroll 0 0;
}
.sProjectFullScreen #header {
    width: 548px;
}

.sectionMy #header, .sectionFlatpage #header {
    width: 520px;
}
.sProjectFullScreen #search, .sectionMy #search, .sectionFlatpage #search {
    margin: 0px;
    width: 410px;
}
.sProjectFullScreen .masthead, .sectionMy .masthead, .sectionFlatpage .masthead {
    margin: 0;
}
.sProjectFullScreen .slogan {
    display: none;
}
.sProjectFullScreen .logo a, .sectionMy .logo a, .sectionFlatpage .logo a {
    height: 24px;
    margin: 1px 10px 0 10px;
    width: 87px;
    background:transparent url("images/mini-logo-transparent.png") no-repeat 0 0;
}
.sProjectFullScreen #search_text, .sectionMy #search_text, .sectionFlatpage #search_text {
    width: 355px;
}

#leftpane #footer {
    padding: 0;
    background-color: #ffffff;
    margin-top: 30px;
}

#leftpane div.tab {
    display: none;
}
#leftpane div.tab-s {
    display: block;
}

#rightCol {
    margin-left: 30px;
    float: right;
    width: 270px;
}

#leftCol {
    clear: both;
    float: left;
    width: 500px;
}

.clear {
    clear: both;
    height: 0px;
}

/* End of main divs */

/* Featured, spotlight, etc */

.featurePanel {
    margin: 5px 0 20px;
}

.featurePanelHeader {
    background: transparent url("images/vertical-blue.png") repeat-x scroll 0 0;
    padding: 8px 10px 5px;
    border:  1px solid #cccccc;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
}

.featurePanelHeader h3 {
    text-transform: uppercase;
    color: #333333;
    font-size: 0.9em;
    font-weight: bold;
}

.featurePanelInner {
    padding: 15px 15px 5px;
    border: 1px solid #cccccc;
    border-color: transparent #cccccc #cccccc #cccccc;
    border-style: solid;
    border-width: 0 1px 1px 1px;
}

.featurePanelInner td {
    vertical-align: top;
}

.featurePanelFooter {
    padding: 5px 10px;
    clear: both;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    background: transparent url("images/vertical-blue.png") repeat-x scroll 0 0;
    padding:8px 10px 5px;
    border-color: transparent #cccccc #cccccc #cccccc;
    border-style: solid;
    border-width: 0 1px 1px 1px;
}

.featurePanelFooter a {
    font-weight: bold;
}

.featurePanel h1, .featurePanel h2, .featurePanelHeader h3, .featurePanel h4 {
    margin: 0;
}

.featurePanelInner h3 {
    margin: 0 0 5px;
}

.featurePanel a img.groupLogo {
    border:1px solid #005296;
}

.aboutInfo {
    color: #555555;
    font-size: 0.9em;
}

/* Font sizes */
label, th, td {
    font-size: 12px;
}

td {
}

form {
    margin: 0;
}

ul {
    margin: 0 0 10px 15px;
    padding: 0;
}

ul.nobullets {
    margin: 0;
    list-style: none;
}

ol {
    margin: 10px 0 10px 0;
    padding-left: 20px;
}

a {
    cursor: pointer;
    text-decoration: none;
    color: #002697;
}
a:visited {
    color: #0029A3;
}
a:hover, a:focus {
    text-decoration: underline;
    color: #FFA500;
}
.jButton {
    cursor: pointer;
    color: #002697;
}
.jButton:hover, .jButton:focus {
    text-decoration: none;
    color: #FFA500;
}
.majorJButton {
    display: block;
    padding: 3px;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #555555;
    border-bottom: 2px solid #555555;
    background-color: #eeeeee;
    text-align: center;
    color: #808080;
    margin-top: 2px;
}

.jsButtonClickable {
    cursor: pointer;
    color: #000000;
}

.jsButtonClickable:hover, .jsButtonClickable:focus {
    color: #FFA500;
}

img {
    border: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}

th {
    text-align: left;
}

th, h1, h2, h3, h4, h5 {
    color: #000000;
}

p {
    padding: 0 0 5px 0;
    margin: 0;
    line-height: 1.4em;
}

h1, h2, h3 {
    font-weight: normal;
}

h1 {
    font-size: 1.4em;
    margin: 0 0 8px 0;
    line-height: 1.2em;
}

h2 {
    font-size: 1.3em;
    margin: 10px 0 5px 0;
}

h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

h4 {
    font-size: 1.1em;
}

h5 {
    font-size: 1.0em;
    margin: 0;
}

/* end of font sizes */

/* Projects and project map */

#project.loading {
    background: transparent url("images/spinner-projectwidget.gif") 50% 50% no-repeat;
}

.sProjectNoArea .pDefineArea {
    display: inline-block;
}

.pDefineArea {
    background: transparent url("images/buttons.png") no-repeat 0 -73px;
    height: 23px;
    width: 60px;
    display: none;
}

.pDefineArea:active, .pDefiningArea {
    background-position: 0 -98px;
}

body .sProjectNoLayers .pDefineArea, .pSaving .pDefineArea {
    background-position: 0 -148px;
    cursor: default;
}

.pClearArea {
    background: transparent url("images/buttons.png") no-repeat 0 -123px;
    display: inline-block;
    height: 23px;
    width: 59px;
}

.sProjectNoArea .pClearArea {
    display: none;
}

.pMessageNoArea {
    display: none;
}
.sProjectNoArea .pMessageNoArea {
    display: inline;
}

.hideProject .sProjectNoArea .pMessageNoArea {
    display: none;
}

.kProject ul {
    margin-bottom: 0;
}

.pMapContainer {
    position: relative;
    top: 0px;
    width: 100%;
    display: block;
}

.pInfo {
    display: none;
}

.pInfo .pProjectLink {
    display: inline;
}

.kProject .pMap {
    position: absolute; /* IE7 doesn't like relative for this div */
    height: 100%;
    width: 100%;
}

#dragBoxText {
    position: absolute;
    top: 50px;
    padding: 5px 0;
    left: 75px;
    right: 10px;
    font-size: 1.5em;
    z-index: 1200;
    font-weight: bold;
    text-align: center;
}

.reverseGeocodeFeatureData {
    max-height: 200px;
    overflow: auto;
}
.reverseGeocodeFeatureData h3 {
    margin-top: 0;
    padding-left: 3px;
}
.reverseGeocodeFeatureData .coords {
    float: right;
    font-size: 85%;
    padding: 0.5em 3px 0 3px;
}
.reverseGeocodeFeatureData table {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    width: 100%;
}
.reverseGeocodeFeatureData table th,
.reverseGeocodeFeatureData table td {
    padding: 3px;
    border-bottom: 1px dotted gray;
}
.reverseGeocodeFeatureData table th {
    text-transform: uppercase;
    padding-right: 1em;
}
.reverseGeocodeFeatureData .empty {
    border-top: 1px solid gray;
    text-align: center;
    padding-top: 1em;
}

.kxEnterpriseLogo {
    position: absolute;
    bottom: 15px;
    left: 5px;
    width: 100px;
    height: 21px;
}

/** Message states for the Project widget **/

.pNotLoggedIn {
    display: block;
}

.pLoggedIn, .userLoggedIn .pNotLoggedIn {
    display: none;
}

.userLoggedIn .pLoggedIn {
    display: block;
}

.pMessage {
    display: block;
    padding: 5px;
    background-color: #ffffff;
}

.pMessageNoLayers {
    display: none;
}

/* If no layers in project (ie not downloadable) */
.sProjectNoLayers .pMessageNoLayers {
    display: block;
}
.sProjectNoLayers .pSizeEstimate {
    display: none;
}
.sProjectNoLayers .pAction, .pSaving .pAction, .sProjectLayersOutsideArea .pAction {
    cursor: default;
    background-position: -61px -148px;
}
.sProjectNoLayers .pAction:active, .pSaving .pAction:active, .sProjectLayersOutsideArea .pAction:active {
    cursor: default;
    background-position: -61px -148px;
}

/* If all layers outside project area */
.sProjectLayersOutsideArea .pSizeEstimate, .sProjectLayersOutsideArea .pPrice {
    display: none;
}

/* If all layers are online only */

.sProjectOnlineOnly .pPrice, .sProjectOnlineOnly .pSizeEstimate {
    display: none;
}

/* If all layers are referrals */
.sProjectReferralOnly .sizeEstimate, .sProjectReferralOnly .pSizeLabel {
    display: none;
}
/* While saving */

.pSaving .pPrice {
    display: none;
}
.pSaving .pSizeEstimate {
    display: none;
}

/** End project messages **/

/* Logos */

.logo a {
    width: 172px;
    height: 49px;
    display: block;
    float: left;
    background:transparent url("images/logo-transparent.png") no-repeat 0 -0;
}

.logo img {
    vertical-align: middle;
}

body.sectionMy #header, body.sectionFlatpage #header {
    position: absolute;
}

.sectionMy .slogan, .sectionFlatpage .slogan {
    display: none;
}

body.sectionMy .slogan {
    display: none;
}

.slogan {
    color: #cccccc;
    vertical-align: middle;
    font-size: 1.6em;
    display: none;
}

/* End of header and logo */

/* 500 errors etc */
#big_logo {
    margin: 15px 0 45px 0;
}

#big_logo .slogan {
    font-size: 2.6em;
}

#big_logo .slogan {
    display: inline;
}

#big_logo #footer {
    background-color: #eeeeee;
}
/* ends 500 errors */

/* Footer */
#footer {
    clear: both;
    text-align: center;
    padding: 15px 0;
    margin: 0;
    background-color: #eeeeee;
}

#footer h4 {
    margin: 0 0 5px 0;
}

#footer .links {
    margin: 0 auto 15px auto;
    text-align: left;
    width: 350px;
    color: #808080;
}

#footer .links table {
    width: 350px;
}

#footer .links td {
    font-size: 0.95em;
}

/* Login/user links and menu bar */
.sectionLogin #search, .sectionLogin .user, .sectionPurchase #search, .sectionPurchase .user { /* Hides header bits and pieces on login/register and Checkout pages */
    display: none;
}

.sectionLogin td {
    vertical-align: top;
}

.sectionLogin .loginRegister td {
    vertical-align: middle;
}

.loginRegister td textarea {
    width: 210px;
    height: 80px;
}

.sectionLogin .logo, .sectionPurchase .logo {
    margin: 45px auto;
    width: 450px;
}

.user {
    position: absolute;
    right: 0px;
    left: 553px;
    height: 30px;
    top: 0px;
    background-color: #ffffff;
    z-index: 1;
    border-bottom: 1px solid #909090;
}

.user .userSignin, .user .userRegister {
    font-weight: bold;
}

.sectionMy .user, .sectionFlatpage .user {
    position: static;
    margin-bottom: 30px;
}

ul.menu, ul.menu li ul {
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 8000;
}
ul.menu li {
    float: left;
    position: relative;
    cursor: default;
}
ul.menu li ul {
    display: none;
    position: absolute; 
    background-color: white;
    border: 1px solid #000000;
    top: 30px;
    margin: 0 0 0 -5px;
    padding: 8px 0;
}
ul.menu li li {
    display: block;
    float: none;
    background-color: transparent;
    border: 0;
    width: 12em;
    margin: 0;
    padding: 0;
    text-align: left;
}

ul.menu li.hasSubmenu {
    height: 14px;
}

ul.menu li.soloMenuItem {
    height: 14px;
}

ul.menu li.hasSubmenu:hover,
ul.menu li.hasSubmenu:focus,
ul.menu li.hasSubmenu.ieHoverOver,
ul.menu li.soloMenuItem:hover,
ul.menu li.soloMenuItem:focus,
ul.menu li.soloMenuItem.ieHoverOver,
.sectionMy #navDashboard { 
    color: white;
    background-color: black;
}

#navDashboard {
    font-weight: bold;
}

ul.menu li.soloMenuItem a,
.sectionMy #navDashboard a {
    color: #000000;
}

ul.menu li.soloMenuItem:hover a,
ul.menu li.soloMenuItem:focus a,
ul.menu li.soloMenuItem.ieHoverOver a,
.sectionMy #navDashboard a {
    color: #ffffff;
    text-decoration: none;
}

ul.menu li:hover ul,
ul.menu li:focus ul,
ul.menu li.ieHoverOver ul { 
    display: block; 
}

.menu li.spacer {
    line-height: 1px;
    padding: 0px;
    height: 1px;
    background-color: #cccccc;
    margin: 5px 0 7px;
}

ul.loggedinLinks, ul.loginLinks {
    text-align: right;
    float: right;
    margin-right: 5px;
}
ul.loggedinLinks li, ul.loginLinks li {
    margin: 0;
    padding: 10px 5px 7px;
    font-size: 1.05em;
    line-height: 1em;
}

ul.menu li ul a {
    display: block;
    color: #000000;
    padding: 5px 7px;
}

ul.menu li ul a:hover,
ul.menu li ul a:focus {
    color: #ffffff;
    background-color: #000000;
    text-decoration: none;
}

/* End of header user items */

/* Dashboard */

.mysubMenu {
    margin-top: 10px;
}

.mysubMenu li {
    float: left;
    padding: 5px 10px;
    margin-bottom: -1px;
    font-size: 0.9em;
}

.mysubMenu li.active {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-bottom: 1px solid #ffffff;
    position: relative; /* Hack for Webkit not rendering border of LI above .myContent unless relative */
}

.mysubMenu li.active a {
    color: #000000;
    font-weight: bold;
}

.viewmapstream {
    border: none;
    font-weight: bold;
    margin-left: 5px;
}

.sectionMy #main h2 {
    margin: 0 0 15px 0;
    font-weight: bold;
}

.sectionMy #main h3 {
    font-weight: bold;
}

.sectionMy .myContent {
    background-color: #ffffff;
    clear: both;
    border: 1px solid #cccccc;
    padding: 15px;
}

.sectionMy .mapstreamList {
    border-top: 1px solid #cccccc;
    margin-bottom: 0px;
}

.sectionMyDialog #main {
    background-color: #ffffff;
    padding: 15px;
    border: 1px solid #cccccc;
}

.mapstreamList .no_avatar {
    width: 55px;
    height: 55px;
    margin: 0 auto;
    border: 1px solid #eeeeee;
}

.mapstreamList .no_group_avatar {
    width: 167px;
    height: 40px;
    border: 1px solid #eeeeee;
}

.mapstreamList h3 {
    font-weight:  bold;
    margin: 0 0 5px;
}

.sectionMy .storyList {
    margin-bottom: 15px;
}

.sectionMy .listPager {
    border-bottom: 0px;
    margin: 0 0 5px 0;
    padding: 0px;
}

.sectionMy .myContent .listPager {
    margin: 15px 0 0 0;
}

.myMenu {
    background-color: #eeeeee;
    height: 29px;
    margin-top: 15px;
}

.myMenuInner {
    width: 935px;
    margin: 0 auto;
    height: 28px;
}

.sectionMy #main .myMenu h2 {
    margin: 7px 10px;
    color: #555555;
    font-weight: normal;
    font-size: 1.8em;
}

.myMenu ul {
    margin-left: -1px;
}

.myMenu li {
    font-size: 1.1em;
    height: 14px;
    float: left;
    padding: 7px 10px;
}

.myMenu li.active a {
    color: #000000;
    font-weight: bold;
}

.myMenu li.active {
    background-color: #ffffff;
    padding-right: 11px;
    border-top:1px solid #909090;
    border-left: 1px solid #909090;
    border-right: 1px solid #909090;
    border-bottom: 1px solid #ffffff;
}

/* Search */

#search {
    float: left;
    width: 340px;
    margin: 12px 0 0 15px;
}

.searchLeftBorder {
    background: transparent url("images/search.png") no-repeat scroll left 0px;
    float: left;
    width: 12px;
    height: 26px;
}

#search_text {
    background: transparent url("images/search-vertical.png") repeat-x scroll 0 0;
    font-size: 1em;
    height: 16px;
    padding: 6px 5px 4px 0;
    vertical-align: top;
    width: 278px;
    border: none;
    margin: 0;
}

#search_text:focus {
    outline: 0;
}

#search_submit {
    height: 26px;
    margin: 0;
    width: 1px;
    border: none;
    background: transparent url("images/search.png") no-repeat scroll -15px 0px;
    padding: 0 15px; /* dodge hack to prevent OS from showing button as selected */
}

#search_submit:active {
    background-position: -15px -27px;
}

/* End of Search box */

/* Register */

#slug_valid {
    color: #999999;
    margin-left: 10px;
}

#slug_valid.valid {
    color: #00AA00;
}

#slug_valid.invalid {
    color: #FF0000;
}

#main {
    margin: 0 auto 15px;
    padding: 15px;
    width: 905px;
    background-color: #ffffff;
    border: 1px solid #909090;
}

#main p.warning {
    font-size: 1.1em;
    line-height: 1.2em;
    font-weight: bold;
}

#main p.reset_password {
    margin-top: 5px;
    font-size: .9em;
}

#main input {
    margin-left: 0; /* Make Safari inputs line up */
}

#main #id_password {
    width: 100px;
}

.save {
    margin-top: 15px;
}

/* */

#supplierMenu {
    float: left;
    width: 130px;
}

.supplierMenuItem {
    width: 110px;
    padding: 3px 5px;
    margin: 0 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 0.9em;
}

#supplierMenu .active {
    color: #ffffff;
    background-color: #49AAFA;
}

#supplierInner {
    float: left;
    width: 790px;
}

#supplierInner h1 {
    font-weight: bold;
}

/* Kx Map customizations */

.KBoxControl-box {
    border: 2px solid #FFA500;
    background-color: #FDC591;
    opacity: .6;
    filter: alpha(opacity=60);
}

.reverseGeocodeButton {
    background-color: white;
    background-image: url('images/query_map.png');
    border: 1px solid black;
    width: 25px;
    height: 25px;
}
.reverseGeocodeButton-active {
    border: 1px solid gold;
}

/* User messages */
.userMessages {
    padding: 10px 0;
    background-color: #BFFFAF;
    color: #35A519;
    border: 1px solid #35A519;
    width: 935px;
    margin: 0 auto 15px;
}
#leftpane .userMessages {
    position: absolute;
    z-index: 1;
    width: 100%;
    border-width: 0 0 1px 0;
    margin: 0;
}
.userMessages ul {
    margin: 0 10px;
}
.userMessages .userMessageDismiss {
    float: right;
}
.userMessages p {
    padding-bottom: 5px;
}
/* end user messages */

/* Toaster notifications */
.toastContainer {
    left: 75px;
    position: absolute;
    right: 10px;
    top: 40px;
}

.dijitToasterClip {
    overflow: inherit;
    position: relative;
    z-index: 5000;
    width: 100%;
}
.dijitToasterContent {
    padding: 5px;
    text-align: left;
    line-height: normal;
    border: 1px solid #35A519;
    background-color: #BFFFAF;
    color: #35A519;
    font-size: 1.2em;
}

.dijitToasterMessage {
    color: #000000;
}

.dijitToasterContainer {
    display: block;
    width: 100%;
    margin: 0px;
}

.dijitToasterWarning .dijitToasterContent, dijitToasterError .dijitToasterContent, .dijitToasterFatal .dijitToasterContent {
    background-color: orange;
    color: #C46600;
    font-weight: bold;
    font-size: 1.2em;
    border: 1px solid #C46600;
}

/* Start of misc */

#menumtctl {
    z-index: 1; /* Ensure GMaps map selector drop-down overlays layers widget */
}

.avatar {
    width: 50px;
    height: 50px;
    float: left;
}

.sectionSupplierDetail .avatar {
    margin: 17px -5px 0px 17px;
}

.commentContent .avatar {
    margin: 0 10px 0 0;
}

.private .comment .commentContent .avatar img, .public .comment .commentContent .avatar img, .private .comment .commentContent .avatar, .public .comment .commentContent .avatar {
    width: 32px;
    height: 32px;
    margin: 0 5px 0 0;
}

.mapstreamList {
    margin-bottom: 10px;
}

.mapstreamList td {
    border-bottom: 1px solid #cccccc;
    padding: 10px 0 10px 0;
}

.mapstreamList table {
    width: 100%;
}

#newsItems {
    padding: 10px;
    border: 1px solid #cccccc;
    background-color: #ffffe0;
    margin: 0 30px 30px 30px;
    border: 1px solid #ff8f18;
}

#newsItems ul {
}

#newsItems li {
    margin-bottom: 5px;
}

.blogItems ul {
    margin-bottom: 5px;
}

.feed {
    padding-left: 15px;
    background: transparent url("images/rss_icon.gif") no-repeat scroll left 0px;
}

#leftpaneSorter .feed, .supplierLayersSorter .feed {
    float: right;
    margin: 5px 5px 0;
}

.terms_of_use {
    overflow-y: scroll;
    margin-top: 10px;
    width: 600px;
    height: 250px;
    border: 1px solid #808080;
    padding: 1px;
}

.terms_of_use h2 {
    margin: 0 0 15px 0;
}

.terms_of_use p {
    padding-bottom: 10px;
}

#main form .terms_of_use p {
    line-height: 1.4em;
}

#markdownHelp {
    width: 538px;
}

#markdownHelp .dijitTitlePaneContentInner {
    padding: 5px 10px 5px 10px;
    background-color: #ffffe0;
    border: 1px solid #ff8f18;
}

#markdownHelp .dijitTitlePaneTitle {
    display: none;
}

#markdownHelp ol {
    margin: 0 0 0;
}

#markdownHelp ul {
    margin-bottom: 0;
}

#markdownHelp td, #markdownHelp th {
    padding: 5px;
    border-bottom: 1px solid #FFD8AF;
}

#markdownHelp th {
    font-size: 1.1em;
    color: #555555;
}

#markdownHelp table {
    width: 100%;
}

.copyright {
    font-size: 0.95em;
    color: #808080;
}

#welcome {
    margin-bottom: 30px;
}

#welcome_links {
    float: right;
    width: 270px;
    margin: 0 0 15px 15px;
}

#welcome_links h3 {
    margin: 0 0 10px 0;
}

#welcome_links ul {
    color: #cccccc;
}

#welcome_links li {
    margin-bottom: 5px;
}

.storyList {
    margin-bottom: 2px;
}

p.storyItem {
    margin-bottom: 5px;
}

.storyDownloadLink {
    font-weight: bold;
}

.downloadLink {
    font-weight: bold;
    padding: 3px 7px;
    border: 1px solid green;
    background-color: #74FF68;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.subaction {
    margin-right: 10px;
    font-size: 0.95em;
}

.groupDetails {
    margin: 10px 0 0 0;
}

.groupName {
    font-weight:  bold;
    font-size: 1.1em;
}

.groupOperations {
    margin-top: 30px;
}

.groupAuthority {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    padding: 5px;
    text-align: center;
}

.groupWebsite {
    text-align: center;
    margin-bottom: 15px;
    font-size: 0.9em;
}

.geotagChildren .dijitTitlePaneTextNode {
    margin-bottom: 5px;
}

.geotagChildren .dijitTitlePaneContentInner {
    margin-top: 0;
}

.geotagNarrow ul {
    float:left;
    font-size: 0.95em;
    width: 130px;
    margin-right: 15px;
}

tr.odd td, .odd {
    background-color: #ededed;
}

.nomargins { /* Used to remove margins on H elements */
    margin: 0;
}

.mostPopular .featurePanelInner {
    padding-bottom: 0px;
}

.newLayers .featurePanelInner {
    padding-bottom: 5px;
}

.categoryList .featurePanelInner {
    padding-bottom: 10px;
}

.categoryList ul {
    float: left;
    width: 230px;
}

.categoryList li, .newLayers li {
    margin-bottom: 5px;
    color: #555555;
}

.mapstreamList li {
    margin-bottom: 3px;
}

.filter {
    margin-top: 10px;
}

.filter h3 {
    margin: 0 0 5px 8px;
    font-weight: bold;
}

.filter li {
    margin: 0 10px;
    padding: 3px 5px;
    color: #909090;
    font-size: 0.9em;
}

.filter ul ul {
    margin-bottom: 0px;
}

.filter li.active {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color:#49AAFA;
    color:#E2F2FF;
}

.filter li.active:hover,
.filter li.active:focus {
    cursor: default;
}

ul.errorlist {
    list-style: none;
    margin: 0;
    display: inline-block;
}

ul.errorlist li, p.errormessage {
    color: #ffffff;
    background-color: red;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 1px 5px;
}

.external_link {
}

.pdf_link {
    background:transparent url("images/page_white_acrobat_ie6.png") no-repeat left center;
    padding: 2px 0 2px 18px;
}

.publisher {
    font-size: 0.9em;
}

.no_layers {
    text-align: center;
}

#sorter {
    float: right;
    margin: 2px 3px 0 0;
}

#sorter select {
    font-size: 0.8em;
}

.groupLogoMedium {
    float: right;
    width: 160px;
    height: 55px;
    border: 1px solid #cccccc;
    margin: 15px 15px 0 15px;
}

.sectionSupplierDetail h4.mapstreamURL {
    color: #909090;
    margin: 0;
    font-weight: normal;
}

.mapstreamAuthentic {
    background: transparent url("images/id_verified.png") no-repeat left top;
    padding-left: 10px;
}

.officialData {
    background: transparent url("images/officialdata.png") no-repeat left top;
    padding-left: 10px;
}

/* End of misc */

/* Feedback */
.feedbackContent h1 {
    margin: 0 0 10px 0;
}

.feedbackContent ul {
    margin-bottom: 10px;
    list-style-type: none;
    margin-left: 0;
}

.feedbackEmail {
    float: right;
    margin-top: 2px;
    font-size: 1.1em;
    font-weight: bold;
}

.KDialog { /* Smaller dialogs for questions etc */
    padding: 15px;
}

.KDialog .dialogMessage {
    font-size: 1.3em;
    margin-bottom: 10px;
}

html .dijitDialog { /* To ensure over-riding Tundra */
    background-color: transparent;
    border: 0px solid transparent;
    padding: 0px;
    -moz-box-shadow: 0px 8px 10px #555;
    -webkit-box-shadow: 0px 8px 10px #555;
}

html .dijitDialog:focus, 
html .dojoxFloatingPaneContent:focus {
    outline: 0;
}

.dijitDialogTitleBar {
    background: transparent url("images/vertical-metal-short.png") repeat-x scroll 0 -10px;
    color: #000000;
    cursor: move;
    font-size: 1.3em;
    font-weight: bold;
    padding: 7px 5px 3px;
    margin: 0px;
    text-shadow: 1px 1px 1px #eeeeee;
    border: 1px solid #909090;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
}

.dijitDialogCloseIcon, .pHideLeftPane {
    background: transparent url("images/buttons.png") no-repeat scroll -196px -91px;
    height: 15px;
    width: 15px;
    position: absolute;
    right: 0px;
    cursor: pointer;
}

.dijitDialogCloseIcon {
    margin-right: 8px;
}

.dijitDialogCloseIcon:hover, 
.dijitDialogCloseIcon:focus, 
.pHideLeftPane:hover,
.pHideLeftPane:focus {
    background-position: -212px -91px;
}

.dijitDialog .closeText {
    display: none;
}

.dijitDialog .dijitDialogPaneContent {
    background-color: #ffffff;
    border-left: 1px solid #909090;
    border-right: 1px solid #909090;
}

.dijitDialog .dialogContent {
    padding: 15px;
}

.dijitDialog .dialogFooter {
    background-color: #ffffff;
    padding: 3px 10px;
    border-top: 1px solid #909090;
    border-bottom: 1px solid #909090;
    background: transparent url(images/vertical-metal.png) repeat-x scroll 0 0;
    text-align: right;
}

.dialogFooter .downloadLicenseMessage {
    display: block;
    text-align: left;
    border: 1px solid #909090;
    background-color: #ffffff;
    margin: 5px 0;
    padding: 5px 10px;
    width: 600px;
}

.dialogFooter .downloadButtons {
}

.dijitDialog .dialogFooter button {
    margin-left: 5px;
}

.dijitDialog .dijitButtonNode {
    padding: 0.2em 0.3em 0.3em 0.3em;
}

.dijitDialogPaneContent h1 {
    font-weight: bold;
}

.dijitDialogPaneContent h2 {
    margin-top: 0;
}

.dijitDialog h4 {
    margin: 5px 0 5px 0;
}

.export_user_email {
    color: #555555;
}

.downloadDialog .showWhenDownloadReady, .downloadDialog .showWhenDownloadInProgress, .downloadDialog .showWhenDownloadCancelled {
    display: none;
    margin-top: 5px;
}

.downloadInProgress .showWhenDownloadInProgress, .downloadReady .showWhenDownloadReady, .downloadCancelled .showWhenDownloadCancelled {
    display: block;
}

.dialogDefaultButton {
    font-weight: bold;
}

.dialogLoadingMessage {
    display: none;
    padding-left: 22px;
    padding-top: 5px;
    font-style: italic;
    font-size: 1.2em;
    height: 24px;
    background: url("images/spinner.gif") no-repeat scroll left center;
}

.dialogLoading .dialogLoadingMessage {
    display: inline-block;
}

#email_when_ready_form {
    clear: left;
    margin: 0;
}

#email_when_ready_form label {
    font-weight: bold;
    font-size: 1em;
}

#downloadDialogErrorMessage {
    display: none;
    margin: -15px -15px 0 -15px;
    background-color: red;
    color: #ffffff;
    padding: 10px;
}

.dialogAlternateActions {
    float: left;
    margin-top: 5px;
    text-align: left;
    font-size: 0.95em;
}

.exportStatus {
    display: block;
}

#downloadLayerList {
    max-height: 200px;
    overflow: auto;
    border: 1px solid #cccccc;
}

#downloadLayerList table {
    width: 100%;
}

#downloadLayerList td {
    padding: 2px 4px;
    color: #555555;
}

#downloadLayerList #noLayersRow {
    display: none;
}

#downloadLayerList tr.odd td, #downloadLayerList .odd {
    background-color: #ededed;
}

#downloadLayerList tr.even td, #downloadLayerList .even {
    background-color: #ffffff;
}

#downloadLayerList td.layerQuote {
    text-align: right;
}

#downloadLayerList td.layerRemove {
    text-align: right;
    width: 65px;
}

#downloadLayerList .notDownloadable .layerQuote {
    color: blue;
}

.downloadTotalQuote {
    text-align: right;
}

#downloadTotalQuote {
    font-size: 1.5em;
}

.size_limit .delivery_download {
    color: #999999;
}

.deliveryOptions {
    height: 10px;
    padding: 5px 0 15px;
}

#download_form.disableCourier .deliveryOptions {
    display: none;
}

.downloadNameContainer {
    margin: 5px 0 15px;
}

.courierOptions {
    display: none;
}

.delivery_download, .delivery_courier, .courierOptions {
    font-size: 1.2em;
}

.delivery_download, .delivery_courier {
    font-weight: bold;
}

.delivery_courier {
    margin-left: 10px;
}

input#delivery_download {
    margin-left: 0px;
}

.addDownloadNameLink {
    font-size: 90%;
}

.size_limit_dwg .downloadSizeEstimate, .size_limit_kml .downloadSizeEstimate {
    color: red;
}

.size_limit_message_dwg, .size_limit_message_kml {
    display: none;
}

.size_limit_dwg .size_limit_message_dwg, .size_limit_kml .size_limit_message_kml {
    display: inline-block;
}

.size_limit_dwg #form_submit, .size_limit_kml #form_submit {
    display:none;
}

.feedbackContent textarea {
    width: 465px;
    height: 120px;
    margin-bottom: 5px;
    display: block;
}
/* End of feedback */

/* News/blog items */

.timesince {
    color: #808080;
}

.newsItemDismiss {
    float: right;
}

p.teamsig {
    margin-bottom: 15px;
}

/* end news items */

/* About */
#about {
    float: left;
    width: 615px;
}

#about h2 {
    font-size: 1.4em;
    font-weight: normal;
    margin: 15px 0 10px 0;
}

#about p {
    padding: 0 0 5px 0;
}

#about table {
    border-top: 1px solid #cccccc;
    width: 100%;
}

#about td {
    vertical-align: top;
    border-bottom: 1px solid #cccccc;
    padding: 5px 15px 5px 0;
}

#about td.firstcol {
    width: 115px;
}

#about_menu {
    float: right;
    width: 170px;
}

#about_menu h4 {
    margin: 0 0 5px 0;
}

#about_menu h5 {
    margin: 0;
    color: #555555;
    font-weight: normal;
}

.about_photo {
    float: right;
    margin: 0 0 15px 15px;
    clear: both;
}

/* Paginator */

.listPager {
    margin: 0 0 10px 0;
    text-align: center;
    clear: both;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}

.listPagerHeader {
    border-top: 1px solid #cccccc;
    padding: 5px 0 5px 0;
    text-align: center;
    padding: 10px 0 10px 0;
}

.listPagerHeaderTitle {
    display: block;
    color: #808080;
}

.paginator {
    color: #808080;
    margin-bottom: 3px;
    font-size: 1.2em;
}

.paginate-pages, .paginate-hits {
    display: none;
}

.paginate-link, .paginate-current, .paginate-previous, .paginate-next {
    padding: 0 5px 0 5px;
}

a.paginate-next, a.paginate-previous, a.paginate-first, a.paginate-last {
    font-weight: bold;
    font-size: 1.1em;
}

.paginate-next {
    margin-left: 4px;
}

.paginate-previous {
    margin-right: 4px;
}

/* End of paginaator */

/* Cost box */
.cost, .free {
/*    margin-bottom: 2px;*/
    display: block;
}

.tax {
    font-size: 0.8em;
    margin-bottom: 6px;
}

a.sProjectLayerAdd {
    background: transparent url("images/layer-button.png") no-repeat scroll 0%;
    display: block;
    height: 20px;
    background-position: -1px 0;
    width: 68px;
}

a.sProjectLayerAdd:active {
    background-position: -71px 0px;
}

body a.sProjectLayerInFlight {
    background: #FFFFFF url("images/spinner-projectwidget.gif") no-repeat scroll 50% 50%;
    display: block;
    height: 20px;
    width: 68px;
    cursor: default;
}

a.sProjectLayerIn {
    background: transparent url("images/layer-button.png") no-repeat scroll 0%;
    display: block;
    height: 20px;
    background-position: -210px 0px;
    width: 68px;
}

a.addCollectionButton {
    width: 68px;
    height: 20px;
    background: transparent url("images/collection-button.png") no-repeat scroll 0%;
    display: block;
    background-position: -1px 0;
}

a.addCollectionButton:active {
    background-position: -70px 0px;
}

/* End of cost box */

/* List results */
.listResults {
    margin-bottom: 10px;
}
.listResults .rItem, .listResults .cItem {
    border-bottom: 1px solid #CCCCCC;
    margin: 0 -15px 0 -15px;
    padding: 10px 15px 15px 15px;
}

.listResults .rItem .tax {
    display: none;
}

.listResults .rThumb, .listResults .cThumb {
    float: left;
    vertical-align: top;
    position: relative;
}

.listResults .rThumb {
    width: 92px;
    height: 72px;
    margin: 5px 5px 0 0;
}

.thumbnail .elev, .thumbnail .res, .thumbnail .date {
    background-color:#000000 ;
    color:#FFFFFF ;
    font-size: 0.95em ;
    position: absolute;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.thumbnail .elev,.thumbnail .res {
    left: 1px;
    top: 1px;
    padding: 0 3px;
}

.sectionLayerDetail div.thumbnail .elev, .sectionLayerDetail div.thumbnail .res {
    left: 0px;
    top: 0px;
}

.sectionLayerDetail div.thumbnail .date {
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.thumbnail .date {
    bottom: 1px;
    left: 1px;
    right: 1px;
    text-align: center;
}

a.table {
    position:absolute;
    right: 1px;
    top: 1px;
    display: block;
    width: 14px;
    height: 14px;
    background:transparent url("images/table.png") no-repeat left top;
}

.sectionLayerDetail div.thumbnail .table {
    right: 0px;
    top: 0px;
}

a.table:hover,
a.table:focus {
    opacity: 0.4;
    filter: alpha(opacity=40);    /*IE*/
}

.listResults h4 {
    margin: 0;
}

.listResults .rDescription, .listResults .cDescription {
    margin: 5px 0 0 0;
    float: left;
}

.listResults .rDescription {
    width: 200px;
}

.listResults .cDescription {
    width: 300px;
}

.stats {
    font-size: 0.9em;
    color: #909090;
    margin-top: 10px;
}

.listResults .description p {
    padding-bottom: 5px;
    margin-top: 5px;
}

.listResults .rDetails, .listResults .cDetails {
    float: right;
    margin: 5px 0 0 10px;
    color: #808080;
    width: 65px;
    vertical-align: top;
    text-align: center;
}

.rAddToProject {
    height: 20px;
    margin-top: 3px;
}

.listResults .cost {
    color: #909090;
    font-size: 0.9em;
}

.listResults .rItem a.thumbnail {
    height: 72px;
    display: block;
}

.price {
    float: right;
    text-align: center;
    color: #808080;
    width: 70px;
}

.sectionLayerDetail .price {
    margin: 0 10px 0;
}

a.thumbnail img {
    border: 1px solid #005296;
}

a.thumbnail:hover img,
a.thumbnail:focus img {
    border: 1px solid #FFA500;
    text-decoration:none;
}

.listResults .rItem a.thumbnail img {
    height: 70px;
    width: 90px;
}

.rPrivate {
    background-color: #FFF1DA;
}

.rPrivate .rLayerVisibility, .sectionLayerDetail .price .private {
    margin-top: 5px;
    color: #FCA000;
}

.layerItemBig {
    width: 214px;
    margin: 0 20px 0 5px;
    float: left;
    vertical-align: top;
    padding-bottom: 10px;
}

.bigThumb {
    position: relative;
    margin-bottom: 5px;
    width: 212px;
    height: 122px;
}

.layerItemBig a.thumbnail {
    display: inline-block;
    width: 212px;
    height: 122px;
}

.sectionLayerDetail div.thumbnail {
    float: left;
    margin: 0 10px 0 15px;
    border: 1px solid #909090;
    position: relative;
    height: 70px;
    width: 90px;
}

.sectionCollectionDetail div.thumbnail {
    float: left;
    margin-left: 15px;
    position: relative;
}

.sectionCollectionDetail div.thumbnail, .listResults .cItem .cThumb {
    height: 92px;
    width: 92px;
    background-image: url('images/collection_background.png');
    margin-right: 5px;
}

.sectionCollectionDetail div.thumbnail img, .listResults .cItem .thumbnail img {
    width: 70px;
    height: 70px;
    margin: 7px 0 0 7px;
}

.sectionCollectionDetail div.thumbnail img {
    border: 1px solid #909090;
}

.layerItemBig a.thumbnail img {
    display: inline-block;
    width: 210px;
    height: 120px;
}

.layerItemMiniList {
    width: 225px;
    float: left;
    vertical-align:top;
}

.layerItemMini {
    width: 225px;
    margin-bottom: 15px;
    display: inline-block;
    clear: both;
}

.miniThumb {
    position: relative;
    width: 92px;
    height: 72px;
    float: left;
}

.layerItemMini a.thumbnail {
    display: inline-block;
    width: 92px;
    height: 72px;
}

.layerItemMini a.thumbnail img {
    display: inline-block;
    width: 90px;
    height: 70px;
}

.layerItemMini .content .title, .layerItemMini .content .publisher {
    white-space: normal;
}

.layerItemMini a.thumbnail:hover, 
.layerItemMini a.thumbnail:focus, 
.layerItemBig a.thumbnail:hover,
.layerItemBig a.thumbnail:focus {
    text-decoration: none;
}

.layerItemMini .content {
    display: inline-block;
    width: 124px;
    vertical-align: top;
    padding-left: 5px;
}

.layerItemMini .content .title {
    margin: 0;
}

.updated {
    background-color: green;
    color: #ffffff;
    padding: 1px 2px;
}

a.AddButton {
    color: green;
}

.sortTitle {
    font-weight: normal;
}

/* Project details */
.projectmapContainer {
    position: relative;
    height: 500px;
}
.sectionPurchases .projectmapContainer {
    width: 500px;
    float: right;
    height: 400px;
}
.sectionPurchases .projectmapLegend {
    position: static;
    float: left;
    width: 285px;
    border: 0px;
    padding: 0;
    margin: 15px 0 0 0;
}
.sectionPurchases h3 {
    margin: 0 0 5px 0;
    color: #555555;
}
.projectmapContainer #map {
    height: 100%;
    border: 1px solid #808080;
}
.projectmapTitle {
    margin-bottom: 15px;
}
.embedded .projectmapTitle {
    left: 115px;
    position: absolute;
    top: 10px;
    z-index: 500;
}

.projectmapLegend {
    border: 1px solid #000000;
    padding: 5px;
    position: absolute;
    right: 10px;
    top: 40px;
    background-color: #ffffff;
    z-index: 1;
}
.embedded .projectmapDescription {
    position: absolute;
    bottom: 10px;
    left: 190px;
    background-color: #ffffff;
    z-index: 500;
    padding: 5px;
    border: 1px solid #000000;
    width: 500px;
}

.projectmapLegendItem {
    display: block;
    margin: 2px 0 2px 0;
}

/* Leftpane */

#paneHeaderTabs {
    position: absolute;
    top: 87px;
    left: 0px;
    border-bottom: 1px solid #909090;
    width: 537px;
    background: transparent url("images/vertical-metal-short.png") repeat-x scroll 0 -10px;
    padding: 0 0 0 15px;
    height: 22px;
}

.sectionCollectionDetail #paneHeaderTabs {
    top: 145px;
}
.sectionLayerDetail #paneHeaderTabs {
    top: 126px;
}

#paneHeaderTabs a.tabLink {
    float: left;
    padding: 5px 10px;
    font-size: 0.9em;
    background-color: #cccccc;
    border-left: 1px solid #eeeeee;
    border-right: #909090 1px solid;
}

#paneHeaderTabs a.active {
    text-decoration: none;
    background-color: #555555;
    border-left: #555555 1px solid;
    border-right: #555555 1px solid;
    color: #ffffff;
    text-shadow: 1px 1px 1px #000000;
    margin: -1px 0;
    padding: 6px 10px;
}

.editTools {
    float: right;
    padding: 0 5px;
}

.dj_ff3 .editTools {
    padding-top: 2px;
}

#mapstreamEditTools, #layerEditTools {
    width: 100px;
    display: inline;
}

#mapstreamEditTools select, #layerEditTools select {
    width: 100px;
}

.supplierLayersHeader {
    position: absolute;
    top: 111px;
    left: 0px;
    height: 87px;
}

.supplierLayersSorter {
    height: 20px;
    position: absolute;
    top: 64px;
    height: 22px;
    left: 130px;
    width: 422px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

/* Inline editing */
.inlineEditContainer .editTrigger {
    font-weight: normal;
    font-size: 12px;
    cursor: pointer;
    color: #002697;
}

.editing .editTrigger {
    display: none;
}

.inlineEditContainer .editTrigger:focus {
    text-decoration: none;
    color: #FFA500;
}

/* Layer details */

.title {
    margin: 0px;
    font-weight: bold;
}

.titleContainer {
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
    height: 46px;
}

#leftpaneLeft a.tabLink {
    display: block;
    padding: 3px 5px;
    margin: 3px 10px;
    font-size: 0.9em;
}

#leftpaneLeft a.active {
    color: #ffffff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #49AAFA;
}

.sectionLayerDetail .layerTitleContainer {
    float: left;
    width: 330px;
}

.sectionLayerDetail .layerTitleContainer h1 {
    font-size: 1.3em;
}

.sectionLayerDetail .geotagBreadcrumb, .sectionCollectionDetail .geotagBreadcrumb {
    margin-bottom: 15px;
}

.sectionLayerDetail #leftpaneHeader .publisher {
    font-size: 1em;
}

.sectionLayerDetail .layerDetails, .sectionLayerDetail .layerHistory {
    color: #555555;
}

.sectionLayerDetail h4.subtitle {
    font-weight: bold;
    margin: 30px 0 10px 0;
    border-bottom: 1px solid #cccccc;
}

.sectionLayerDetail .cost_box {
    margin: 0 0 3px 0;
}

.sectionLayerDetail .layerLicense {
    margin: 30px 0 0 0;
}

.layerTags textarea {
    width: 535px;
    height: 40px;
}

.sectionLayerDetail .layerLicense .external_link {
    font-weight: bold;
}

.sectionLayerDetail ol {
    color: #555555;
    margin: 0;
    padding: 0 0 0 20px;
}

.sectionLayerDetail .layerDetails {
    margin-bottom: 10px;
}
.sectionLayerDetail .layerDetails th {
    padding-right: 10px;
    font-weight: normal;
    color: #555555;
    width: 90px;
}

.sectionLayerDetail .layerDetails th, .sectionLayerDetail .layerDetails td {
    vertical-align: top;
    padding: 3px 10px 3px 0;
}

.supplierPrivate h3 {
    color: red;
}

.layerGeotags a {
    margin-right: 7px;
    white-space: normal;
}

#project_list_table .public, #project_list_table .private {
    font-size: 0.9em;
}

#project_list_table .pad {
    padding-right: 15px;
}

#project_list_table .public {
    color: #2959f7;
}

#project_list_table .private {
    color: #fca000;
}

.layerPriceLicense {
    margin: 5px 0 0 0;
}

.layerPriceLicense ul /*stop bullets from appearing in pricing selection box*/ {
    margin: 0;
    list-style: none;
}

.layerLicenseRestrictions td {
    padding-left: 35px;
    height: 35px;
    font-size: 0.95em;
    vertical-align: middle;
    color: #555555;
}

.cc {
    background:transparent url("images/cc_icon_attribution.gif") no-repeat left center;
}

.cc_noncomm {
    background:transparent url("images/cc_noncomm.gif") no-repeat left center;
}

.cc_sharealike {
    background:transparent url("images/cc_standard.gif") no-repeat left center;
}

.cc_noderivs {
    background:transparent url("images/cc-nomods.png") no-repeat left center;
}

.layerEmbedCode {
    width: 100%;
    height: 5em;
}

/* Purchase steps, invoices */

#checkoutSteps {
    padding: 10px;
    background-color: lightYellow;
    border-bottom: orange 1px solid;
    height: 20px;
    border-top: orange 1px solid;
    margin: 0 -15px 0;
}

.dialogContent #checkoutSteps {
    margin: -15px -15px 0;
    border-top: none;
}

#checkoutSteps .active span {
    color: #555555;
    font-weight: bold;
}

#checkoutSteps .checkoutStep {
    color: black;
    height: 18px;
    opacity: 0.4;
    filter: alpha(opacity=40);    /*IE*/
    padding: 4px 0 0 25px;
    font-size: 1.1em;
}
#checkoutSteps .active {
    opacity: 1.0;
    filter: alpha(opacity=100);    /*IE*/
}

#checkoutSteps .s0 { background: url("images/step1_active.gif") left center no-repeat; }
#checkoutSteps .s1 { background: url("images/step2_active.gif") left center no-repeat; }
#checkoutSteps .s2 { background: url("images/step3_active.gif") left center no-repeat; }
#checkoutSteps .s3 { background: url("images/step4_active.gif") left center no-repeat; }
#checkoutSteps .s4 { background: url("images/step5_active.gif") left center no-repeat; }
#checkoutSteps .s5 { background: url("images/step6_active.gif") left center no-repeat; }

.checkoutStep {
    float: left;
    color: #cccccc;
    margin-right: 1em;
    height: 20px;
}

.vertmiddle {
    vertical-align: middle;
}

.invoice td, .invoice th {
    padding-right: 15px;
}

.purchase h1 {
    font-weight: bold;
    margin: 0 0 10px 0;
}

.purchase h2 {
    margin-top: 10px;
}

.purchase .name ul {
    font-size: 0.9em;
}

.purchase .quote, .invoice .quote, .invoice .price, .invoice .area {
    text-align: right;
}

.purchase .name, .purchase .area, .purchase .quote, .purchase .price, .invoice .name, .invoice .area, .invoice .quote, .invoice .price {
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
}

.purchase .subtotal td, .purchase .total td, .purchase .tax td, .invoice .subtotal td, .invoice .total td, .invoice .tax td {
    text-align: right;
}

.purchase .subtotal td, .invoice .subtotal td {
    height: 30px;
    vertical-align: bottom;
    font-size: 1.1em;
}

.purchase .total td, .invoice .total td {
    font-weight: bold;
    font-size: 1.3em;
}

.purchase table button {
    font-size: 0.9em;
}

.invoice .bill_to {
    width: 400px;
    border: 1px solid #cccccc;
    padding: 15px;
    margin-bottom: 30px;
}

.invoice .k_details {
    text-align: right;
    vertical-align: top;
}

.invoice .paidby {
    vertical-align: top;
    width: 150px;
}

.invoice table.invoice_top {
    width: 100%;
}

.invoice table.invoice_details {
    width: 100%;
}

.card_name {
    padding-right: 30px;
}

.sectionPurchase .menuBar {
    display: none;
}

.purchase .remove a {
    padding-left: 11px;
    background:transparent url("images/icon_delete.gif") no-repeat left 3px;
}

.select_card input, .select_card label {
    float: left;
}

.select_card label {
    margin-right: 10px;
}

input#id_cvc {
    width: 50px;
}

.purchase .cvv label {
    margin: 0 10px 0 20px;
    display: inline;
}

.purchase #dpslogo {
    float: right;
    margin: 30px 0 0 0;
    text-align: center;
    font-size: 0.9em;
}

.purchase #dpslogo .external_link {
    background: none;
    padding: 0;
}

.purchase #id_password {
    margin-bottom: 5px;
}

.add_credit_card {
    margin: 10px 0 15px 0;
}
.add_credit_card .dijitTitlePaneTextNode {
    font-size: 1.3em;
    font-weight: normal;
    padding-left: 15px;
}
.add_credit_card .dijitClosed .dijitTitlePaneTextNode {
    background:transparent url("images/add_credit_card.gif") no-repeat scroll left 1px;
}
.add_credit_card .dijitOpen .dijitTitlePaneTextNode {
    background:transparent url("images/add_credit_card.gif") no-repeat scroll left 1px;
}

.add_credit_card .dijitTitlePaneContentOuter {
    border: 1px solid #cccccc;
    padding: 15px;
}

.card_details th, .card_details td {
    vertical-align: top;
}

.card_details th {
    padding: 3px 10px 10px 0;
}

.card_details td {
    padding-bottom: 10px;
    width: 19em;
}

.card_details .tip {
    font-size: 0.9em;
    color: #808080;
}

table.purchase_details {
    width: 100%;
}

.purchase_details td, .purchase_details th {
    padding-right: 10px;
}

#main.purchase form {
    margin: 0;
}

#main.purchase .dijitTitlePaneContentInner label {
    display: inline;
}

.purchase .loading {
    background: transparent url("images/spinner.gif") 0 50% no-repeat;
    padding-left: 25px;
    margin-left: 10px;
}
.purchase #confirm_spinner {
    display: none;
    font-style: italic;
}

/* End of purchasing system */

/* Download geodata */

.sectionMakeDownload #main {
    padding-top: 15px;
}

.sectionMakeDownload h3 {
    margin: 0 15px 0 0;
}

.sectionMakeDownload h4 {
    margin: 15px 0 0 0;
}

.sectionMakeDownload .first {
    margin-top: 0;
}

.sectionMakeDownload td {
    vertical-align: top;
}

.sectionMakeDownload .listLayers ul {
    margin: 0;
    list-style: none;
}

.downloadWarning {
    background-color: #ffffe0;
    border: 2px solid #fc0;
    padding: 5px 10px;
    margin: 10px 0 0 0;
}

.Custom .downloadWarning {
    padding: 3px;
}

.downloadOptions .GIS, .downloadOptions .CAD, .downloadOptions .KML, .downloadOptions .CSV, .downloadOptions .PDF, .downloadOptions .Custom {
    display: none;
}

.GIS .GIS, .CAD .CAD, .KML .KML, .CSV .CSV, .PDF .PDF, .Custom .Custom {
    display: block;
}

.KML .KML {
    width: 480px; /* Otherwise download dialog can shrink in width */
}

.KML .KML label {
    margin-right: 10px;
}

.GIS span.GIS, .CAD span.CAD, .KML span.KML, .CSV span.CSV, .Custom span.Custom {
    display: inline;
}

.Custom p .layerDWG, .Custom p .layerShapefile, .Custom p .layerTIFF, .Custom p .layerJPEG, .Custom p .layerMapInfo, .Custom p .layerCSV {
    display: none;
}

.Custom p.layerDWG .layerDWG, .Custom p.layerShapefile .layerShapefile, .Custom p.layerTIFF .layerTIFF, .Custom p.layerJPEG .layerJPEG, .Custom p.layerMapInfo .layerMapInfo, .Custom p.layerCSV .layerCSV {
    display: inline;
}

.downloadOptions .raster, .downloadOptions .vector, .downloadOptions .grid, .downloadOptions .threedee, .downloadOptions .nonmetric, .downloadOptions .has_dwg {
    display: none;
}

.vector .vector, .raster .raster, .grid .grid, .threedee .threedee, .nonmetric .nonmetric, .has_dwg .has_dwg {
    display: block;
}

#downloadTypeTabs .raster, #downloadTypeTabs .vector, #downloadTypeTabs .grid {
    display: none;
}

.vector #downloadTypeTabs .vector, .raster #downloadTypeTabs .raster, .grid #downloadTypeTabs .grid {
    display: block;
}

#downloadTypeSelect .threedee {
    margin-left: 15px;
}

#downloadTypeSelect h4  {
    margin-top: 10px;
    color: #555555;
}

#downloadTypeSelect input {
    margin: 0px;
}

#downloadTypeSelect .Custom .vector, #downloadTypeSelect .Custom .raster, #downloadTypeSelect .Custom .grid {
    display: block;
}

#downloadTypeSelect .nonPointLayers {
    display: none;
}

#downloadTypeTabs {
    margin-top: 10px;
    min-width: 590px;
}

#downloadTypeTabs li {
    border: 1px solid #cccccc;
    padding: 7px 17px;
    float: left;
    margin-right: 5px;
    border-bottom: none;
    font-size: 1.1em;
}

#downloadTypeTabs .active {
    background-color: #eeeeee;
    padding-bottom: 8px;
    margin-bottom: -1px;
}

#downloadTypeTabs li:hover,
#downloadTypeTabs li:focus {
    cursor: pointer;
}

.downloadOptions {
    background-color: #eeeeee;
    padding: 5px 10px;
    margin-bottom: 15px;
    border: 1px solid #cccccc;
    color: #555555;
    min-width: 500px;
}

.downloadOptions div {
    margin: 5px 0;
}

.Custom .disabled {
    color: #999999;
}

.downloadDetails {
    float: right;
    color: #808080;
}

/* End of download geodata */

/* My downloads and Providers list */
.dwnItem {
    clear: both;
    padding-bottom: 15px;
}

.dwnContent {
    width: 100%;
    padding: 0 15px 0 0;
}

.dwnContent td {
    vertical-align: top;
}

.dwnToolbox {
    float: right;
}

.dwnToolbox .exportMsg {
    width: 60px;
    margin-left: 0;
}

.dwnName {
    font-weight: bold;
}

.dwnFilesize, .dwnTimestamp {
    display: block;
}

.dwnFilesize {
    font-weight: bold;
    font-size: 1.1em;
}

.dwnTimestamp, .dwnStatus {
    font-size: 0.9em;
    color: #808080;
}

.dwnItem .dijitTitlePaneTextNode {
    margin-top: 0;
    background: none;
    padding-left: 0;
    font-size: 1em;
    color: #005296;
    font-weight: normal;
}

.dwnItem .dijitTitlePaneTextNode:hover,
.dwnItem .dijitTitlePaneTextNode:focus {
    color:#FFA500;
}

.dwnItem .dijitOpen .dijitTitlePaneTextNode {
    display: none;
}

.dwnItem .dijitTitlePaneContentInner {
    margin-top: 0px;
}

.dwnItem .dijitTitlePaneContentInner table {
    margin-top: 2px;
}

.dwnItem li {
    padding-left: 5px;
}

.exportMsg {
    width: 200px;
    margin: 0 0 10px 5px;
    color: red;
    font-weight: bold;
    min-height: 18px;
}

.showWhenDownloadInProgress .exportMsg {
    float: left;
}

.sectionPurchase .exportInfo {
    border: 1px solid #cccccc;
    background-color: #eeeeee;
    padding: 15px 10px 10px 10px;
    margin: 15px 0 25px;
}

.dijitProgressBarEmpty {
    background:#ececec url("images/progressBarEmpty.png") repeat-x center left;
    border: 1px solid #cccccc;
}

.dijitProgressBarLabel {
    color: #727272;
}

.dijitProgressBarTile {
    background:#CAD2DE url("images/progressBarFull.png") repeat-x scroll left top;
}

.dijitProgressBarIndeterminate .dijitProgressBarTile {
    background: #CAD2DE url("images/dijitProgressBarAnim.gif") repeat-x scroll left top;
}

.dijitProgressBarIndeterminate .dijitProgressBarLabel {
    visibility: visible;
}

/* end of My downloads */

/* Project layers list */

.pActions {
    float: right;
    margin-top: 9px;
}

.pTitle {
    background-color: #f2f4f4;
    clear: both;
    padding: 1px 3px;
}

.sProjectActive #projectToolbar {
    background-color: #000000;
    color: #ffffff;
}

.sProjectActive .pProjectButtons {
    display: inline-block;
}

.sProjectActive .pCartButtons {
    display: none;
}

.pHistory {
}

.pNew, .pDelete, .pCopy, .pShowDetails, .pEdit, .pPrint {
    width: 17px;
    height: 17px;
    display: inline-block;
    padding: 1px;
    margin-right: 2px;
    cursor: pointer;
    background-color: #eeeeee;
    border-color: #FFFFFF #808080 #808080 #FFFFFF;
    border-style: solid;
    border-width: 1px;
}

.progressCancel {
    width: auto;
    margin-left: 3px;
    display: inline-block;
    height: 17px;
    width: 17px;
    background: transparent url("images/delete.png") no-repeat scroll 0 0;
}

.pNew:hover, .pDelete:hover, .pCopy:hover, .pShowDetails:hover, .pEdit:hover, .pPrint:hover,
.pNew:focus, .pDelete:focus, .pCopy:focus, .pShowDetails:focus, .pEdit:focus, .pPrint:focus {
    opacity: 0.5;
    text-decoration: none;
    color: #000000;
}

.pNew, .pPrint {
    width: auto;
    padding-left: 18px;
    padding-right: 3px;
}

.pNew {
    background: transparent url("images/page_white.png") no-repeat 1px 1px;
}

.pDelete {
    background: #eeeeee url("images/bin_closed.png") no-repeat -1px 1px;
}

.pEdit {
    background: #eeeeee url("images/pencil.png") no-repeat 1px 1px;
}

.pCopy {
    background: transparent url("images/page_white_copy.png") no-repeat 1px 1px;
}

.pShowDetails {
    background: transparent url("images/map.png") no-repeat 1px 1px;
}

.pShare {
/*    background: transparent url("images/group.png") no-repeat 1px 1px;*/
}

.pPrint {
    background: transparent url("images/group.png") no-repeat 1px 1px;
}

.pNoLayers {
    display: none;
    margin-top: 10px;
    text-align: center;
}

.pFooterButtons {
    color: #808080;
    height: 22px;
    padding: 0px 2px 2px 3px;
}

.sProjectNone .pFooterButtons {
    display: none;
}

table.dojoDndAvatar ul, table.dojoDndAvatar li {
    list-style-type: none;
}

table.dojoDndAvatar li {
    width: 160px;
    color: #000000;
}

table.dojoDndAvatar li .quote, table.dojoDndAvatar li .remove, table.dojoDndAvatar li .view {
    display: none;
}

.pLayers table {
    width: 520px;
}

.pLayers td {
    vertical-align: top;
}

.pEmptyCart {
    margin: 0 0 0 5px;
    padding: 3px 0 1px 18px;
    background: url("images/buttons.png") no-repeat -370px -49px;
}

.pEmptyCart:active {
    background-position: -389px -49px;
}

.pLayers span.project_layer_remove {
    display: block;
    width: 15px;
    height: 15px;
    background: #ffffff url("images/layer-button-mini.png") no-repeat 0 0;
}

.pLayers span.project_layer_remove:active {
    background-position: -16px 0;
}

.pLayers td.pLayerTools {
    /*white-space: nowrap;*/
    width: 34px;
}

.pLayers td .pLayerZoom, .pZoom {
    height: 14px;
    width: 12px;
}

.pLayers td .pLayerZoom {
    float: left;
    margin-left: 2px;
    background: #ffffff url("images/zoom.png") no-repeat 0 2px;
}

.sProjectNoArea .pZoom, .pZoom {
    display: none;
}

.pZoom {
    margin-right: 5px;
    background: #ffffff url("images/zoom.png") no-repeat 0 1px;
}

.pLayers .view {
    margin: 0;
    float: left;
    border: 1px solid #ffffff;
}

.pLayers td.pLayerTools .raster {
    border: 1px solid #cccccc;
}

.pLayers td.pLayerName {
    width: 405px;
    padding-top: 4px;
}

.pLayers td.quote {
    text-align: right;
    width: 60px;
    padding-top: 4px;
}

tr.dojoDndItemOver {
    cursor: move;
}

.dojoDndItem td {
    padding-top: 2px;
    padding-bottom: 2px;
}

.dojoDndItemBefore td {
    border-top: 2px solid #555555;
    border-bottom: 2px solid #ffffff;
}

.dojoDndItemAfter td {
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #555555;
}

.dojoDndAvatarThumb {
    display: none;
}

.sProjectFullScreen #project {
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
}

.sProjectFullScreen #leftpaneBar {
    display: none;
}

/* !important to override GMaps inline styles */
.sProjectFullScreen #projectMap #logocontrol {
    left: 555px !important;
}

.sProjectFullScreen #projectMap #scalecontrol {
    left: 623px !important;
}
/* ends GMaps override */

/* OpenLayers */
#mappane .olControlAttribution {
    bottom: 3px;
    right: 5px;
    font-size: 0.8em;
    text-align: right;
}
#mappane .olControlScaleLine {
    bottom: 5px;
    left: 115px;
    font-size: 0.8em;
}
#mappane #OpenLayers_Control_MaximizeDiv {
    display: none;
}
/* ends OpenLayers */

.hideProject #leftpane {
    bottom: 41px;
}

#leftpane.loading .leftpaneLoading {
    display: block;
}

.leftpaneLoading {
    display: none;
    position: absolute;
    top: 0;
    left: 215px;
    z-index: 2;
    padding: 7px 5px 5px 27px;
    background: #ffffff url("images/spinner.gif") 7px 7px no-repeat;
    font-size: 1.3em;
    font-weight: bold;
    border-bottom: 1px solid #909090;
    border-left: 1px solid #909090;
    border-right: 1px solid #909090;
}

.hideProject .pLayers {
    display: none;
}

.pLayers {
    position: absolute;
    top: 40px;
    bottom: 5px;
    left: 0px;
    padding: 2px;
    width: 535px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #ffffff;
    margin: 0 5px 0 5px;
    border-color: #909090 #909090 #808080;
    border-style: solid;
    border-width: 1px;
}

.pShowGroup, .pPriceGroup {
    font-size: 1.3em;
    color: #555555;
    height: 23px;
    text-shadow: 1px 1px 1px #eeeeee;
    float: left;
}

.pShowGroup {
    padding: 13px 0 0 5px;
}

.pPriceGroup {
    width: 225px;
    text-align: center;
    padding-top: 13px;
}

.hideProject .pLayersProject {
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
}

.showHideProject {
    font-weight: bold;
    padding-left: 16px;
    background:transparent url("images/yourmap-open.png") no-repeat 0 -2px;
}

.hideProject .showHideProject {
    background:transparent url("images/yourmap-closed.png") no-repeat 0 -1px;
}

.pPrice {
    color: #000000;
    margin-left: 5px;
    font-weight: bold;
}

.pSizeEstimate {
    margin-left: 5px;
}

.pPriceGroup .updatingSpinner {
    display: none;
    padding: 0 0 0 22px;
    background:transparent url("images/spinner-projectwidget.gif") no-repeat left center;
}

.pSaving .pPriceGroup .updatingSpinner {
    display: inline;
}

.pAction {
    margin: 0 5px 0 0;
    display: inline-block;
    width: 130px;
    height: 23px;
    cursor: pointer;
    background: url("images/buttons.png") no-repeat -61px -73px;
}

.pAction:active {
    background-position: -61px -98px;
}

.downloadSizeEstimate {
    font-size: 1.5em;
}

.downloadTotalQuote {
    float: right;
}

.downloadCommands {
    text-align: right;
}

.purchase .pAction { /* For download button at purchase success */
    margin: 5px 0 0 0;
}

.sectionPurchases .projectDetail .pAction {
    margin: 15px 0 0 0;
}

#pProjectOperations .active {
    display: none;
}

#pProjectOperations .showAll {
    margin-top: 10px;
}

#pProjectOperations .dijitTooltipContainer {
    border: 3px solid #cccccc;
    background-color: #ffffff;
}

/* Dashboard */

.sectionMy #main .money {
    text-align: right;
    padding-left: 10px;
}

.sectionMy #main .add_credit_card {
    margin: 0;
}

.sectionMy #rightCol {
    width: 230px;
}

.sectionMy #rightCol h3 {
    margin: 0 0 5px 0;
}

.sectionGeodata a.buttonGeodata, .sectionAccounts a.buttonAccounts, .sectionProfile a.buttonProfile, .sectionDownloads a.buttonDownloads {
    background-color: #000000;
}

.subsectionLayers a.subbuttonLayers, .subsectionCreate a.subbuttonCreate, .subsectionMyDownloads a.subbuttonMyDownloads, .subsectionMyProfile a.subbuttonMyProfile, .subsectionAllAccounts a.subbuttonAllAccounts, .subsectionWebUpload a.subbuttonWebUpload, .subsectionMyAccount a.subbuttonMyAccount {
    background-color: #999999;
}

#main #id_supplier {
    vertical-align: middle;
}

body.sectionGeodata #main {
    background-color: #E2F2FF;
    padding: 15px 0;
    width: 935px;
}

.sectionGeodata #dash.active {
    background-color: #E2F2FF;
    border-bottom: 1px solid #e2f2ff;
}

.sectionGeodata #main .name {
    padding-right: 10px;
    width: 400px;
}

.sectionMy .myContent td {
    vertical-align: middle;
    color: #555555;
}

.sectionMy .private td.status {
    color: #FCA000;
}

.sectionMy .public td.status {
    color: green;
}

.sectionMy .creating .status span {
    background: url("images/spinner.gif") no-repeat 0px 0px;
    padding-left: 20px;
}

.sectionMy .error td.status {
    color: red;
}

.sectionMy .sortAscending {
    background: url("images/sort_down.gif") no-repeat 0px 4px;
    padding-left: 17px;
}

.sectionMy .sortDescending {
    background: url("images/sort_up.gif") no-repeat 0px 4px;
    padding-left: 17px;
}

.sectionMy .myContent td.created, .sectionMy .myContent td.status, .sectionMy .myContent td.actions, .sectionMy .myContent td.pricing {
    font-size: 0.9em;
}

.sectionMy .myContent td.created {
    width: 140px;
}

.sectionMy .myContent td.actions {
    text-align: right;
    width: 46px;
}

.sectionMy .ref {
    color: #808080;
    font-size: 0.9em;
    margin-left: 10px;
}

.sectionMy .type {
    width: 19px;
}

.iVectorpoint, .iVectorlinestring, .iVectorpolygon, .iRaster {
    width: 17px;
    height: 17px;
}

#manageLayersTable .iVectorpoint, #manageLayersTable .iVectorlinestring, #manageLayersTable .iVectorpolygon, #manageLayersTable .iRaster {
    float: left;
}

.iVectorpoint {
    background: transparent url("images/vector-point.gif") no-repeat 1px 1px;
}

.iVectorlinestring {
    background: transparent url("images/vector-line.gif") no-repeat 1px 1px;
}

.iVectorpolygon {
    background: transparent url("images/vector-polygon.gif") no-repeat 1px 1px;
}

.iRaster {
    background: transparent url("images/raster-icon.png") no-repeat 1px 1px;
}


.subsectionLayers #main .listPager {
    border-bottom: none;
}

/* Over-ride more tundra stupid in Dashboard pages */

#main .dijitTreeIcon {
    vertical-align: middle;
    margin-top: 1px;
}

#main .dijitTreeContent {
    padding-top: 1px;
}

#main .dijitTreeLabel {
    vertical-align: middle;
    padding: 1px 0;
}

#main .dijitTreeExpando {
    margin-top: 1px;
}

#main .dijitTreeIsRoot {
    margin-top: 2px;
}

#uploadTree .dijitTreeContent {
    display: block;
    position: relative;
}

#uploadTree .treeNodeExtras {
    position: absolute;
    right: 0px;
    text-align: right;
}

#uploadTree .treeNodeExtras .timestamp {
    position: absolute;
    right: 7em;
}

#uploadTree .isDisabled .layerAutocreateLink {
    display: none;
}
#uploadTree .isDisabled .dijitTreeRow {
    opacity: 0.5;
    filter: alpha(opacity=60);
}

#uploadTree .timestamp {
    color: #999999;
}

#uploadTree .dijitTreeExpando {
    display: none;
}

.subsectionCreate #main .ageOld, .subsectionCreate #main .ageWeek, .subsectionCreate #main .ageDay, .subsectionCreate #main .ageHour, .subsectionCreate #main .hasLayers {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 1px 5px;
}

.subsectionCreate .ageOld {
    background-color: #ffffff;
}

.subsectionCreate .ageWeek {
    background-color: #A2FFA2;
}

.subsectionCreate .ageDay {
    background-color: #0DF70D;
}

.subsectionCreate .ageHour {
    background-color: #05C205;
}

.subsectionCreate #main .hasLayers {
    background-color: #FFF47A;
}

.subsectionCreate textarea#id_description, .subsectionLayers textarea#id_description {
    width: 535px;
    overflow-y: auto;
    font-family: Tahoma, "Geneva", "Helvetica", "Arial", sans-serif;
    font-size: 1em;
}

.metadata {
    float: right;
    width: 190px;
    border-left: 1px solid #cccccc;
    padding-left: 15px;
}

.metadata ul {
    color: #555555;
    margin-top: 10px;
}

.layerAdvanced {
    margin-top: 30px;
}
.layerAdvanced h4 {
    margin-bottom: 0;
}
.layerAdvanced .dijitTitlePane {
    margin-top: 8px;
}
body .layerAdvanced .dijitTitlePaneTitle{
    background: transparent;
    border-width: 0 0 0 1px;
}
body .layerAdvanced .dijitTitlePaneContentOuter {
    border-width: 0 0 0 1px;
}

.metadata .dijitTitlePaneTextNode, .sectionGeodata .layerAdvanced .dijitTitlePaneTextNode {
    font-weight: normal;
    color: #0029A3;
}

.metadata .dijitTitlePaneTextNode:hover, 
.metadata .dijitTitlePaneTextNode:focus, 
.sectionGeodata .layerAdvanced .dijitTitlePaneTextNode:hover,
.sectionGeodata .layerAdvanced .dijitTitlePaneTextNode:focus {
    color: #FFA500;
}

.metadata h4 {
    margin: 0;
}

.metadata .dijitTextBox, .dijitComboBox, .dijitSpinner {
    border:1px solid #808080;
    width:12em;
}

.sectionGeodata table.layerAttachments {
    width: 536px;
    margin: 2px 0 0 2px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}

.sectionGeodata .addAttachment {
    padding: 1px 0 0 20px;
    height: 17px;
    background: transparent url("images/attach.png") no-repeat 1px 1px;
}

.sectionGeodata .removeAttachment {
    padding-left: 18px;
    height: 18px;
    background: transparent url("images/bin_closed.png") no-repeat -1px 1px;
}

.sectionGeodata .attachment_public {
    width: 120px;
}

#attachment_container .attachment span, #attachment_container .attachment input {
    vertical-align: middle;
}

#attachment_container td {
    background-color: #eeeeee;
    border-top: 1px solid #cccccc;
}

.subsectionLayers #main table {
    width: 100%;
}

.menuGeodata, .menuDownloads, .menuAccounts, .menuProfile {
    display: none;
}

.sectionGeodata .menuGeodata, .sectionAccounts .menuAccounts, .sectionDownloads .menuDownloads, .sectionProfile .menuProfile {
    display: block;
}

.required {
    font-weight: bold;
    color: red;
}

.description h4.subtitle {
    margin: 15px 0 0.9em;
}

.description .featurePanelInner p {
    margin: 0.2em 0 0.3em;
    line-height: 1.5em;
}

.description p a {
    text-decoration: underline;
}

#form_edit_layer h4, #form_edit_layer strong, #form_edit_layer label, #form_edit_layer p, #form_edit_group h4, #form_edit_group strong, #form_edit_group label, #form_edit_group p {
    color: #555555;
}

#form_edit_layer table.layerDescription th, #form_edit_layer table.main_details th, #form_edit_group table th {
    font-weight: normal;
    color: #555555;
}

#form_edit_layer table.main_details th, #form_edit_group table th {
    padding-right: 10px;
}

#form_edit_layer .dijitTitlePaneTitle:focus {
    outline: none;
}
#form_edit_layer .dijitTitlePaneTitle {
    cursor: pointer;
}

#form_edit_group .groupDescription, #form_edit_group .secondary_details {
    margin-top: 15px;
}

#form_edit_group .groupDescription {
    width: 450px;
}

#form_edit_group #id_about {
    width: 100%;
}

#form_edit_group table.secondary_details th {
    text-align: right;
}

.sectionGeodata input#id_name {
    font-size: 1.4em;
    width: 400px;
}

.sectionGeodata #form_edit_group input#id_name {
    width: 443px;
}

#form_edit_group #id_slug {
    width: 200px;
}

.sectionGeodata select#id_license {
    font-size: 0.9em;
}
.sectionGeodata input#id_pricing_rate {
    width: 40px;
}

.sectionGeodata .layerPricing, .sectionGeodata .layerLicense {
    float: left;
    margin-bottom: 15px;
}

.sectionGeodata .layerPricing {
    width: 180px;
}

.sectionGeodata .layerLicense {
    width: 320px;
}

.sectionGeodata .layerThumb {
    margin-top: 15px;
}

.sectionGeodata .layerPricing ul {
    margin: 0;
    list-style: none;
}

.sectionGeodata .layerView, .viewsitelink {
    font-size: 0.8em;
    margin-left: 10px;
}

.sectionGeodata a.layerDelete {
    color: red;
}

.sectionGeodata #pricing_steps td {
    vertical-align: middle;
}

.sectionGeodata #pricing_steps td input, .sectionGeodata .quick_calc input {
    width: 90px;
    text-align: right;
}

.sectionGeodata #pricing_steps tr.problem td {
    background-color: red;
}

.sectionGeodata #ceiling_rate_row input{
    text-align: right;
}

.sectionGeodata .ceiling_rate_label {
    font-weight: bold;
}

.sectionGeodata #pricing_steps .step_label, .sectionGeodata .total_quantity_label {
    width: 15px;
    color: #3737fc;
}
.sectionGeodata #pricing_steps .total_price_unknown {
    font-size: 80%;
}

.sectionGeodata .quick_calc td {
    text-align: right;
    vertical-align: middle;
}

.sectionGeodata a.layerDelete:hover,
.sectionGeodata a.layerDelete:focus {
    background-color: red;
    color: #ffffff;
    text-decoration: none;
}

.sectionGeodata .layerVisibility {
    text-align:left;
    margin-bottom: 10px;
}

.sectionGeodata #main .layerVisibility label {
    display: inline;
    cursor: pointer;
}

.sectionGeodata #main .layerVisibility ul {
    margin: 0px;
}

.sectionGeodata #main .layerVisibility li {
    list-style-type: none;
}

.sectionGeodata #main .layerLicense label {
    display: inline;
    cursor: pointer;
}

.sectionGeodata .layerLicense td {
    vertical-align: top;
    padding-right: 15px;
}

.sectionGeodata .published, .sectionGeodata .notpublished {
    padding: 5px;
    text-align: center;
}
.sectionGeodata .published input, .sectionGeodata .notpublished input {
    font-size: 0.9em;
}

.sectionGeodata .layerPricing label {
    display: block;
    cursor: pointer;
}

.sectionGeodata .layerLicense .disabled {
    color: #999999;
}

.sectionGeodata #cc_picker, .sectionGeodata #restricted_picker, .sectionGeodata #pd_picker {
    padding: 10px;
    background-color: #f8f8f8;
    border: 1px solid #cccccc;
}

.sectionGeodata .layerStatus {
    margin-bottom: 10px;
}

.sectionProfile td.first {
    width: 125px;
}

.sectionProfile .changing_email {
    display: none;
}
.sectionProfile .change_email tr.changing_email {
    display: table-row;
}
.sectionProfile .change_email .not_changing_email {
    display: none;
}


.sectionAccounts #main table {
    width: 100%;
}
.sectionAccounts #main tr {
    height: 1.7em;
}

.showGeodata {
    float: right;
    padding: 1px 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.showGeodata label, .showGeodata input {
    vertical-align: middle;
}

/* Comments */
.commentParent {
    margin-bottom: 30px;
}
.comment .comment {
    margin: 5px 0 0 62px;
}
.comment .author {
    font-weight: bold;
    float: left;
    line-height: 1.4em;
}
.commentContent, #commentFormContainer {
    padding: 5px;
}
#commentFormContainer {
    margin-bottom: 15px;
}
.public .comment .commentContent, #commentFormContainer {
    background-color: #ededed;
}
.private .commentContent, #commentFormContainer.private {
    background-color: #ffe6c5;
}
.private .comment .commentContent, .public .comment .commentContent {
    font-size: 0.9em;
}
.commentThumb {
    width: 60px;
    height: 60px;
    border: 1px solid #cccccc;
}
.commentDrawing {
    margin: -3px 0 8px -2px;
    padding: 3px 3px 0 3px;
    width: 65px;
    cursor: pointer;
}
.showGeometries .commentDrawing {
    background-color: #002697;
    width: 75px;
}
.commentThumbHide {
    display: none;
}
.showGeometries .commentThumbHide {
    float: right;
    display: block;
    color: #ffffff;
    font-weight: bold;
}
.showGeometries .comment .commentDrawing {
    background-color: transparent;
}
.commentNew {
    background-color: #F3F3F3;
}
.commentLinks {
    color: #808080;
    font-size: 0.9em;
    position: relative;
    clear: right;
}
.commentBody {
    margin: 0 0 0 60px;
}
.commentChildContainer .commentBody {
    margin-left: 37px;
}
.commentAdmin {
    float: right;
    text-align: right;
    margin: 2px 0 7px 0;
    padding-left: 15px;
    font-size: 0.9em;
    line-height: 1.2em;
}
.commentsLink {
    padding-left: 16px;
    background: url("images/comment.gif") no-repeat 0px -2px;
}
.commentReply {
    margin: 5px 0 0 62px;
    background-color: #ededed;
    padding: 5px;
}
.private .commentReply {
    background-color: #FFE6C5;
}
.addCommentLink {
    color: #555555;
    display: block;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    padding: 7px 5px 5px;
    font-size: 1.2em;
}
.comment .addCommentLink {
    font-size: 0.9em;
    padding: 3px 5px;
}
.comment #comment_is_public {
    display: none;
}
#comments {
    margin-top: 15px;
}
#comments .commentsDownloadLinks {
    font-weight: bold;
    display: none;
    margin: 0 0 25px;
}
#comments.commentsHaveGeometries .commentsDownloadLinks {
    display: block;
}
#comments .commentsDownloadLinks .loading {
    background: url("images/spinner.gif") no-repeat scroll left center;
}
#comments .deleted {
    display: none;
}
.comment .saving {
    background: url("images/spinner.gif") no-repeat scroll left center;
}
#commentForm.saving .submitRow {
    background: url("images/spinner.gif") no-repeat scroll right center;
}
#commentForm.saving .cancelCommentButton, #commentForm .savingCommentButton, #commentForm.saving .submitCommentButton {
    display: none;
}
#commentForm.saving .savingCommentButton {
    display: inline;
}

.public .commentPublicLink, .private .commentPrivateLink {
    text-decoration: none;
}

.private .commentPrivateLink {
    color: #fca000;
}

.public .commentPublicLink {
    color: #808080;
}

#commentForm {
    display: none;
}

#commentForm textarea {
    width: 100%;
    margin-bottom: 5px;
}

#commentForm .clearMapDrawing {
    display: none;
}
#commentForm.drawingOnMap .clearMapDrawing {
    display: inline;
}

#commentForm .editToolbarContainer .olControlEditingToolbar, #commentForm .editToolbarContainer .olControlEditingToolbar * {
    /*
    HAX: this is because we're moving map controls outside the map, and 
    that usually causes breakage because the map sets z-index on its controls.
    */
    z-index: auto !important;
    position: relative !important;
}

#commentForm .olControlEditingToolbar div {
    margin: 1px !important;
}

#commentForm .editToolbarContainer .olControlEditingToolbar, #commentForm .editToolbarContainer #gmapsEditToolbar {
    height: 25px;
    width: auto;
    position: relative;
    float: left;
}
#gmapsEditToolbar .drawButton {
    background-image: url("images/editing_tool_bar.png");
    cursor: pointer;
    position: relative;
    float: right;
    width: 25px;
    height: 24px;
}
#gmapsEditToolbar .drawPolygon {
    background-position: -26px 0px;
}
#gmapsEditToolbar .drawLine {
    background-position: -51px 0px;
}
#gmapsEditToolbar .drawPoint {
    background-position: -76px 0px;
}
#gmapsEditToolbar .stopDrawing {
    background-position: -102px 0px;
}

#gmapsEditToolbar .active {
    cursor: auto;
}
#gmapsEditToolbar .active.drawPolygon {
    background-position: -26px -23px;
}
#gmapsEditToolbar .active.drawLine {
    background-position: -51px -23px;
}
#gmapsEditToolbar .active.drawPoint {
    background-position: -76px -23px;
}
#gmapsEditToolbar .active.stopDrawing {
    background-position: -102px -23px;
}

.editToolbarContainer .olControlDrawFeaturePointItemActive, .editToolbarContainer .olControlDrawFeaturePointItemInactive, .editToolbarContainer .drawPoint {
    display: none;
}

/* Geotags */

ul.geotags {
    margin: 0;
    list-style: none;
    clear: both;
}

ul.geotags ul, ul.geotags ul ul, ul.geotags ul ul ul {
    list-style: none;
    margin: 0;
}

ul.geotags ul {
    margin-bottom: 5px;
}

ul.geotags li.child {
    margin-bottom: 5px;
}

li.parent ul li.child {
    margin-bottom: 0;
}

ul.geotags ul, ul.geotags ul ul, ul.geotags ul ul ul {
    margin-left: 5px;
}

/* sign in - register */
.loginSignin {
    margin: 15px 0 15px 0;
    padding: 15px;
    width: 180px;
    border: #cccccc 1px solid;
    background-color: #eeeeee;
}
.loginRegister {
    width: 350px;
    margin: 30px 0 30px 0;
    padding: 15px;
    border: #cccccc 1px solid;
    background-color: #eeeeee;
}
.loginSignin h1, .loginRegister h1 {
    margin-bottom: 15px;
}
.purchase .loginRegister {
    margin: 15px 0;
}
.purchase .loginRegister h1 {
    display: none;
}
.loginMessage {
    padding: 20px 45px 30px 45px;
    margin-top: 20px;
}
.loginMessage h2 {
    margin-bottom: 10px;
}
.loginAuthMessage {
    margin-bottom: 15px;
    border-left: 2px solid darkgreen;
    padding: 0 0 0 5px;
}


#projection_picker .col1, #projection_picker .col2, #country_list, #region_list {
    width: 250px
}
#projection_list {
    width: 500px;
}

#projection_picker .picker_browse_title th {
    font-weight: normal;
    padding-top: 5px;
}

#projection_picker .picker_results_title th {
    padding-top: 5px;
}

.companylicensefield {
    display: none;
}

.sectionLicense #main {
    margin: 30px;
}

.sectionLicense p {
    margin-bottom: 10px;
}

.pLayers .checkbox, .projectmapLegend .checkbox {
    width: 12px;
    height: 12px;
    cursor: pointer;
    padding: 1px;
}

/* this gets overridden with a .gif in koordinates_ie6.css */
.pLayers .checkboxChecked, .projectmapLegend .checkboxChecked {
    background: url(images/checkboxActiveTransparent.png) 50% 50% no-repeat;
}

.projectDiscardLink {
    display: inline;
}

.projectDeleteLink, .sProjectNamed .projectDiscardLink {
    display: none;
}

.sProjectNamed .projectDeleteLink {
    display: inline;
}

#noProjectMessage {
    position: fixed;
    right: 48px;
    top: 0;
    float: right;
    width: 100px;
    height: 15px;
    background-color: #cccccc;
    visibility: hidden;
    border-left: 2px solid #808080;
    border-bottom: 2px solid #808080;
    font-size: 0.9em;
    padding: 4px 7px;
    z-index: 1;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
}

.TileMonitorControl {
    width: 140px;
    border: 1px solid #555555;
    text-align: left;
    font-family: Arial,sans-serif;
    font-size: 1.2em;
    white-space: nowrap;
    color: #555555;
    z-index: 0;
    /* fixme: this overrides the positioning specified by the GMap (gmaps doesnt support centering controls) */
    position: absolute;
    right: 10px !important;
    bottom: 20px !important;
}
.olMap .TileMonitorControl {
    right: 3px !important;
    bottom: 2.2em !important;
}

.TileMonitorControl div {
    background-color: #ffffff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.TileMonitorControl span {
    padding: 2px 4px;
    z-index: 1;
}

.dijitDialogPaneContent .dialogTitle {
    display: none;
}

.loadingTwirler, #layerAttributes .loading {
    background: url("images/spinner.gif") no-repeat 0px center;
    padding: 5px 0 5px 22px;
    display: block;
    margin: 15px 0 0 15px;
    font-style: italic;
}

.sProjectNone .pTitle, .sProjectNone .projectDeleteLink, .sProjectNone .projectDiscardLink, .sProjectNone .pProjectArea, .sProjectNone .pLayers, .sProjectNone .pEmptyCart, .sProjectNone .pMapContainer {
    display: none;
}

.sProjectNoLayers .pEmptyCart {
    display: none;
}

.downloadTotalQuote .loadingTwirler {
    margin: 0;
}

.noProjectsMessage {
    display: none;
    margin-top: 30px;
    line-height: 2em;
}

.noProjectsMessage p {
    margin-bottom: 15px;
}

.sProjectNone .noProjectsMessage {
    display: block;
    text-align: center;
}

.noProjectsMessage .jButton, .noProjectsMessage a {
    font-weight: bold;
}

.downloadFeeDialogLink {
}

.quick_calc, .pricing_steps_container {
    float: left;
    border: 1px solid #cccccc;
    padding: 10px;
}

.pricing_steps_container {
    width: 330px;
    margin-bottom: 10px;
}

.quick_calc {
    width: 200px;
}

.quick_calc h3, .pricing_steps_container h3 {
    margin-top: 0;
}

.pricing_steps_container tfoot td {
    text-align: right;
    padding-right: 17px;
}

.pricing_steps_container table {
    margin-bottom: 5px;
}

.add_pricing_step {
    margin: 5px 0;
}

.quick_calc {
    margin-left: 10px;
}

.pricing_graph {
    width: 555px;
    height: 160px;
    margin: 0 0 10px 0;
    border: 1px solid #cccccc;
    padding: 10px;
}

#ceiling_header, #rate_header, #total_header {
    width: 100px;
}

#pricingDialogContent {
    width: 585px;
}

#pricingDialogContent ul.errorlist {
    display: inline;
}

#pricingDialogContent h2 {
    margin-bottom: 5px;
}

.area_pricing_warning, .commercial_unpriced_warning, .pricing_warning {
    display: none;
    background-color: #FFFFE0;
    border: 1px solid #FF8F18;
    padding: 5px;
    margin-bottom: 10px;
    line-height: 120%;
}

.area_pricing_warning h3, .commercial_unpriced_warning h3, .pricing_warning h3 {
    margin-top: 0px;
}

.searchTerm {
    background-color: #FFF0A7;
}

/* CC list in payment info step */
table.cc_list td, table.cc_list th {
    padding-right: 15px;
}

/* Stats */
#chart_div {
    width: 760px;
    height: 250px;
    margin-bottom: 30px;
}
.chart_loading {
    color: #555555;
    font-size: 1.2em;
}
#map_canvas {
    width: 760px;
    height: 400px;
    margin-bottom: 15px;
}
#numbers {
    margin: 0 0 30px 0;
}
#numbers table {
    width: 100%;
}
#numbers th {
    font-weight: normal;
    background-color: #eeeeee;
}
#numbers td,
#numbers th {
    padding: 5px 20px 5px 5px;
    vertical-align: top;
    border: 1px solid #cccccc;
}
#numbers td,
#numbers thead th {
    text-align: center;
    padding: 5px 20px;
}
#numbers .change_positive {
    color: #078c00;
}
#numbers .change_negative {
    color: #990000;
}
#numbers .sub {
    font-size: 90%;
    color: grey;
}

/* Update layers */
#replace_layer_select {
    width: 400px;
    margin-bottom: 10px;
}
tr.difference td {
    background-color: #FCF17E;
}
tr.match td {
    background-color: #9BFFA6;
}
#replaceDialogContent table {
    border: 1px solid #555555;
    margin: 10px 0 0 1px;
}
#replaceDialogContent table td, #replaceDialogContent table th {
    padding: 5px;
    vertical-align: top;
}
#replaceDialogContent table th.type {
    text-align: right;
    border-right: 1px solid #555555;
}
#replaceDialogContent table td {
    border-right: 1px solid #555555;
}
.difference .outcome {
    color: #DDA71D;
}
.match .outcome {
    color: #1E9400;
}

.layerReplaceWarning {
    margin-bottom: 10px;
    background-color:#FFFFE0;
    border:2px solid #FFCC00;
    padding:5px 10px;
}

/* Layer Attributes table */
#layerAttributes {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
}
#layerAttributes .dojoxGrid {
    height: 100%;
}

#spatialQuery { /* height+width also in reverseGeocode.js:106 */
    left: 50px;
    width: 550px;
    height: 250px;
    bottom: 200px;
    z-index: 7000;
    background-color: transparent;
    border: none;
    -moz-box-shadow: 0px 8px 10px #555;
}

#spatialQuery .kButton {
    display: none;
}
.leftpaneRightHeader {
    height: 13px;
    margin-bottom: 15px;
}
.leftpaneRightFooter {
    position: absolute;
    bottom: 0px;
    width: 143px;
    height: 10px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
}
#spatialQuery .dojoxFloatingPaneTitle, .leftpaneRightHeader, .leftpaneRightFooter {
    border: 1px solid #909090;
    background: transparent url("images/vertical-metal-short.png") repeat-x scroll 0 -10px;
    padding: 2px 2px 0;
}
#spatialQuery .dojoxFloatingPaneTitle, .leftpaneRightHeader {
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
}
#spatialQuery .dojoxFloatingPaneTitle {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    cursor: default;
    height: 13px;
}
#spatialQuery .dojoxFloatingCloseIcon, .leftpaneRightHeader .pHideGeotags {
    background:transparent url("images/close-mini.png") no-repeat scroll 0 0;
    height: 12px;
    width: 12px;
}
.leftpaneRightHeader .pHideGeotags {
    margin-top: 0;
}
#spatialQuery .dojoxFloatingCloseIcon:hover, 
#spatialQuery .dojoxFloatingCloseIcon:focus, 
.leftpaneRightHeader .pHideGeotags:hover,
.leftpaneRightHeader .pHideGeotags:focus {
    background-position: -13px 0px;
    cursor: pointer;
}
#spatialQuery .dojoxFloatingCloseIcon:active, .leftpaneRightHeader .pHideGeotags:active {
    background-position: 0px 0px;
}
#spatialQuery .dojoxFloatingPaneCanvas {
    border-color: transparent #909090 #909090 #909090;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    background-color: #ffffff;
}
#spatialQuery .loading {
    color: #000;
    font-style: italic;
}
#spatialQuery .dojoxFloatingPaneContent {
    position: relative;
    height: 100%;
}
.spatialQueryTree {
    float: left;
    width: 15em;
    overflow: auto;
    position: absolute;
    left: 0;
    top: 3.7em;
    bottom: 0;
    border-top: 1px solid #cccccc;
}
.spatialQueryTable {
    left: 15em;
    right: 0;
    position: absolute;
    top: 3.7em;
    bottom: 0;
    overflow: auto;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}
.spatialQueryTable thead th,
.spatialQueryTable thead td {
    border: 1px solid #cccccc;
}

.spatialQueryTable tbody th,
.spatialQueryTable tbody td {
    border-bottom: 1px dotted lightgrey;
    border-right: 1px solid lightgrey;
}
.spatialQueryTable th,
.spatialQueryTable td {
    padding: 3px;
    vertical-align: middle;
}
.spatialQueryTable tbody th {
    padding-right: 8px;
}
.spatialQueryTable tbody th {
    font-size: 0.9em;
    font-weight: normal;
    color: #555555;
}
.spatialQueryLayerSearch {
    font-size: 0.9em;
    padding: 1px 4px;
    margin-left: 4px;
    float:right;
}
body #spatialQuery .dijitTreeNodeSelected .dijitTreeLabel {
    background-color: #97F6FF;
    border: 1px solid #3BEFFF;
}
.spatialQueryLocation {
    padding: 5px;
    height: 2.9em;
    background-color: lightYellow;
}
.spatialQueryLocation h3, .spatialQueryLocation h4 {
    margin: 0;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
}
.spatialQueryLocation h4 {
    color: #909090;
    margin-top: 5px;
}
.spatialQueryTreeError {
    background: url('images/error.gif') no-repeat;
}
#spatialQuery .dijitTreeLabel {
    color: #002697;
    margin: 0 4px 0 0;
    text-decoration: underline;
}
#spatialQuery .dijitTreeLabel:hover,
#spatialQuery .dijitTreeLabel:focus {
    color: #FFA500;
    cursor: pointer;
}
#spatialQuery .dijitTreeIcon {
    display: none;
}
#spatialQuery .dijitTreeExpando {
    width: 13px;
}

.dwnItem .dijitArrowNodeInner, .layerAdvanced .dijitArrowNodeInner, .metadata .dijitArrowNodeInner, .dwnItem .dijitArrowNode, .layerAdvanced .dijitArrowNode, .metadata .dijitArrowNode {
    display: none;
}

.cad_srid_warning {
    display: none;
    background-color: lightyellow;
    border: 2px solid yellow;
    padding: 10px;
    margin: 10px 0;
}

.layer_metadata .dublin_core dt {
    font-weight: bold;
}

.layer_metadata dl {
    margin-top: 0px;
}

.layer_metadata dd {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ddd;
}

.layer_metadata .dublin_core dd {
    margin: 5px 0 10px;
    padding: 0;
    border: none;
}

.layer_metadata .key {
    font-weight: bold;
}
.layer_metadata .value {
    color: #666;
}

.markdownField textarea {
    width: 100%;
}

.markdownPreviewDialog {
    min-width: 500px;
}

.markdownPreviewContents {
    position: relative;
    padding: 5px;
    border: 1px solid #BBBBBB;
    background-color: #F3F3F3;
    overflow-y: scroll;
    width: 700px;
    height: 360px;
}

textarea.cmsRichEditor {
    display: block;
    width: 100%;
}

.cms-page .plugin-list-holder {
    display: none;
}
.cms-page .plugin-holder {
    background: transparent;
}
.cms-page .plugin-holder h2 {
    display: none;
}
.cms-page .plugin-editor {
    margin-left: 0px;
}
.cms-page .plugin-editor iframe {
    overflow-x: hidden;
    height: 290px;
}
.cms-page fieldset.advanced-settings, .cms-page fieldset.basic-settings {
    display: none;
}
.cms-page fieldset.general .language, .cms-page fieldset.general .template {
    display: none;
}
.cms-page fieldset.plugin-holder {
    padding: 0px;
}
.cms-page #changelist .col-navigation, .cms-page #page_form fieldset .in_navigation {
    /* hide in_navigation column from changelist page until we add cms navigation */
    display: none;
}
body.text-text .mceLayout, body.text-text .mceLayout iframe {
    /* django-cms overrides this in user styles so we need it to be !important */
    height: 274px !important;
}
body.text-text .mceLayout {
    /* django-cms overrides this in user styles so we need it to be !important */
    width: 100% !important;
}
body.text-text #content {
    margin: 0px;
    width: 100%;
}
body.text-text fieldset.module, #page_form fieldset {
    border: none;
    padding: 0;
}
body.text-text fieldset.module .form-row {
    padding: 0px;
}
body #page_form .form-row {
    padding: 0px;
}
body #page_form .published, body #page_form .title {
    margin-bottom: 10px;
}
body #page_form #id_title {
    font-size: 1.4em;
    width: 400px;
}
body #page_form .title label {
    font-weight: bold;
    font-size: 1.4em;
    color: #000 !important;
    padding: 7px 0 0 0;
}
body #page_form .slug label {
    color: #555555 !important;
    font-weight: normal !important;
    padding: 5px 0 0 0;
}
body #page_form label {
    width: 50px !important;
}
body #page_form .form-row {
    border: none;
}
body #page_form .title p.help {
    display: none;
}
body #page_form p.help {
    margin-left: 50px !important;
    padding-left: 0px !important;
    color: #555555;
}
/* TinyMCE format selector */
body.text-text .mce_h1 span.mceText {
    font-size: 1.5em;
    font-weight: bold;
}

body.text-text .mce_h2 span.mceText {
    font-size: 1.4em;
    font-weight: bold;
}

body.text-text .mce_h3 span.mceText {
    font-size: 1.3em;
    font-weight: bold;
}

.sectionEnterpriseAdmin tr.odd td, .sectionEnterpriseAdmin .odd {
    background-color: #f3f3f3;
}

table.site_options td {
    padding: 4px;
}
table.site_options ul {
    margin: 0px;
    list-style: none;
}

#projectMapFooter {
    display: none;
}

/* Improve layout for Pages */

.sectionFlatpage h1, .sectionFlatpage h2, .sectionFlatpage h3 {
    font-weight: bold;
    margin: 5px 0 10px;
}

.sectionFlatpage img.right {
    float: right;
    margin: 10px 0 10px 10px;
}

.sectionFlatpage img.left {
    float: left;
    margin: 10px 10px 10px 0px;
}

.inlinePublicToggler {
    clear: right;
    float: right;
    margin: 0 0 7px 7px;
    text-align: right;
}

.public .inlineMakePublicLink, .private .inlineMakePrivateLink {
    text-decoration: none;
    font-weight: bold;
}

.private .inlineMakePrivateLink {
    color: #fca000;
}

.public .inlineMakePublicLink {
    color: #555555;
}

.fakeInput * {
    display: none;
}
.fakeInput .fakeInputLink {
    display: inherit;
}
.fakeInputActive * {
    display: inherit;
}
.fakeInputActive .fakeInputLink {
    display: none;
}