body { margin: 0px; padding: 0px; color: #333; font-size: 12px; font-family: Verdana, Sans-Serif; background: #cbcbcb url(/resources/img/site-background.png) repeat-y 50% 0%; }
img { border: none; }

.clear { clear: both; }
.error { color: red; }

.login-container { width: 994px; margin: 0px auto; }
.login-container .header { height: 108px; background: url(/resources/img/header-background.png) repeat-x; }
.login-container .header .logotype { float: left; width: 113px; height: 83px; display: block; border: none; margin: 5px 0 0 10px; }
.login-container .header .title { float: left; width: 843px; height: 70px; font-size: 18px; font-weight: bold; line-height: 70px; padding: 0 14px; }
.login-container .content { padding: 10px; }
.login-container .content h1 { font-size: 18px; }
.login-container .content .accountInfo { padding: 10px; margin-bottom: 10px; background-color: #f0f0f0; border: 1px solid #ccc; }
.login-container .content .accountInfo p { margin: 0px 0px 10px 0px; padding: 0px; }
.login-container .content .accountInfo label { display: block; margin-bottom: 3px; }
.login-container .content .accountInfo label.inline { display: inline; }

.horizontal-menu { float: left; width: 472px; height: 23px; margin: 0px; padding: 0px 14px; list-style: none; display: block; }
.horizontal-menu li { float: left; height: 23px; line-height: 23px; padding: 0 10px; background: transparent url(/resources/img/dot.gif) no-repeat scroll left 7px; }
.horizontal-menu li a { padding: 0px 3px; color: #00529c; text-transform: uppercase; font-size: 11px; font-weight: bold; text-decoration: none; }
.horizontal-menu li a:hover { text-decoration: underline; }

.site-container { width: 994px; margin: 0px auto; }
.site-container .header { height: 108px; background: url(/resources/img/header-background.png) repeat-x; }
.site-container .header .logotype { float: left; width: 113px; height: 83px; display: block; margin: 5px 0 0 10px; }
.site-container .header .logotype img { border: none; }
.site-container .header .title { float: left; width: 843px; height: 70px; font-size: 18px; font-weight: bold; line-height: 70px; padding: 0 14px; margin: 0; }
.site-container .header .user-status { float: right; width: 262px; height: 23px; margin: 0px; padding: 0px 10px; list-style: none; display: block; }
.site-container .header .user-status li { float: right; height: 23px; line-height: 23px; padding: 0 10px; background: transparent url(/resources/img/dot.gif) no-repeat scroll left 7px; }
.site-container .header .user-status li.text { background: none; }
.site-container .header .user-status li a { padding: 0px 3px; color: #00529c; text-transform: uppercase; font-size: 11px; font-weight: bold; text-decoration: none; }
.site-container .header .user-status li a:hover { text-decoration: underline; }
.site-container .content { padding: 0 10px; }

.user-list h1 { font-size: 18px; }
.user-list .password-reset-notification { padding: 5px; height: 48px; margin: 10px 0 10px 0; background-color: #f0f0f0; border: 1px solid #ccc; }
.user-list .password-reset-notification .icon { float: left; }
.user-list .password-reset-notification .message { float: left; height: 36px; line-height: 18px; padding: 6px 20px; }
.user-list .create-user { padding: 5px; margin-top: 10px; background-color: #f0f0f0; border: 1px solid #ccc; }
.user-list .create-user td { padding: 2px; }
.user-list .create-user td.title { padding: 2px 5px; text-align: right; }
.user-list .create-user td.data { width: 235px; padding: 2px; text-align: left; vertical-align: top; background-color: #e6e6e6; font-weight: normal; color: #555; }
.user-list .create-user td.data input { width: 231px; }
.user-list .grid { width: 100%; background-color: #f0f0f0; border: 1px solid #ccc; }
.user-list .grid .grid-header { text-align: left; height: 30px; background: url("/resources/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #F6A828; }
.user-list .grid .odd { background-color: #e6e6e6; }
.user-list .grid tr.grid-header th { padding: 3px; }
.user-list .grid td { padding: 3px; height: 22px; }
.user-list .grid td.buttons { width: 50px; }
.user-list .grid td.username { width: 90px; }
.user-list .grid td.company { width: 150px; }
.user-list .grid td.company input { width: 140px; }
.user-list .grid td.email { width: 240px; }
.user-list .grid td.email input { width: 230px; }
.user-list .grid td.areas { }
.user-list .grid td.areas input { }
.user-list .grid td.roles { width: 90px; }
.user-list .grid td.roles select { width: 80px; }
.user-list .grid td.status { width: 50px; }

#display-mode-selection { list-style: none; }
#display-mode-selection li { float: left;height: 20px; }
#display-mode-selection li input { vertical-align: top; }
#display-mode-selection li span { height: 20px;line-height: 20px; }

.google-maps-tooltip {overflow: hidden;white-space: nowrap;}

.statistics-overview { padding: 0; }
.statistics-overview table { width: 100%; background-color: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px; }
.statistics-overview td { padding: 3px 5px;border-spacing: 2px; }
.statistics-overview td.title { background-color: #e6e6e6; }
.statistics-overview td.data { text-align: center; font-weight: bold; color: #555; background-color: #e6e6e6;}

.object-listing h1 { font-size: 18px; }
.object-listing .filter { padding: 10px; margin-bottom: 10px; background-color: #f0f0f0; border: 1px solid #ccc; }
.object-listing .filter table { width: 100%; }
.object-listing .filter td { padding: 2px; }
.object-listing .filter td.title { padding: 2px 5px; text-align: right; }
.object-listing .filter td.data { width: 235px; text-align: left; vertical-align: top; background-color: #e6e6e6; font-weight: normal; color: #555; }
.object-listing .filter td input { width: 225px; }
.object-listing .filter td select { width: 225px; }

.object-listing .filter-actions { padding-top: 10px; }
.object-listing .filter-actions .filter-button { float: right;margin-left: 10px; }
.object-listing .filter-actions #display-mode-selection {float: right;margin: 0 10px;padding: 3px 0 2px 0;}

.object-listing #MapView {display: none;height: 400px;border: 1px solid #ccc; }
.object-listing #MapView.selected {display: block;}
.object-listing #ListView {display: none; }
.object-listing #ListView.selected {display: block;}

.object-listing .grid { width: 100%; background-color: #f0f0f0; border: 1px solid #ccc; }
.object-listing .grid .grid-header { text-align: left; height: 30px; background: url("/resources/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #F6A828; }
.object-listing .grid .grid-header a { color: black; text-decoration: none; }
.object-listing .grid .grid-header a:hover { text-decoration: underline; }
.object-listing .grid td { padding: 3px; }
.object-listing .grid td.buttons { width: 50px; }
.object-listing .grid td.object-no-column { width: 100px; }
.object-listing .grid td.object-name-column { width: 90px; }
.object-listing .grid .total { font-weight: bold;border-top: 1px solid #000;}
.object-listing .grid .even {  }
.object-listing .grid .odd { background-color: #e6e6e6; }
.object-listing .grid .map-link img { width: 16px;height: 16px; }

.object-details h1 { font-size: 18px; }
.object-details .metadata { padding: 5px; margin-bottom: 10px; background-color: #f0f0f0; border: 1px solid #ccc; }
.object-details .metadata table { width: 100%; }
.object-details .metadata td { padding: 2px; }
.object-details .metadata td.title { padding: 2px 5px; text-align: right; }
.object-details .metadata td.data { width: 235px; padding: 3px 5px; text-align: left; vertical-align: middle; background-color: #e6e6e6; font-weight: bold; color: #555; }
.object-details .metadata.editable td.data { vertical-align: top; padding: 2px 2px; font-weight: normal; }
.object-details .metadata td.data input { width: 231px; }
.object-details .metadata td.data select { width: 231px; }
.object-details .metadata div.save-notification { float: left; margin-top: 10px; }
.object-details .metadata div.save-notification img { float: left; }
.object-details .metadata div.save-notification span { float: left; display: block; padding: 0px 5px; height: 24px; line-height: 24px; font-weight: bold; color: Green; }
.object-details .metadata input.delete-button { float: right; margin-top: 10px; }
.object-details .metadata input.save-button { float: right; margin-top: 10px; }
.object-details .metadata td.data.location { }
.object-details .metadata td.data.location input { float: left;width: 209px; }
.object-details .metadata .set-position-link { display: none; float: right;margin: 3px 1px;cursor: pointer; }
.object-details .metadata .set-position-link img { width: 18px; height: 18px; }
.object-details .metadata .map-link { display: none;float: right;margin: 0; }
.object-details .metadata .map-link img { width: 14px; height: 14px; }
.object-details .metadata.editable .map-link { margin: 3px 1px; }
.object-details .metadata.editable .map-link img { width: 18px; height: 18px; }

.object-details .document { padding: 5px; margin-bottom: 10px; background-color: #f0f0f0; border: 1px solid #ccc; }
.object-details .document .empty { display: inline; }
.object-details .document .empty img { vertical-align: middle; }
.object-details .document .empty span { vertical-align: middle; }
.object-details .document a { text-decoration: none; }
.object-details .document a img { vertical-align: middle; }
.object-details .document a span { vertical-align: middle; font-weight: bold; }
.object-details .document a span:hover { text-decoration: underline; }
.object-details .document .input { float: right; }

.object-details .event-year-selection { margin: 15px 0 5px 0; }
.object-details .events { border: 1px solid #ccc; background-color: #f0f0f0; margin-bottom: 10px; }
.object-details .events .grid { width: 100%; }
.object-details .events .grid tr.grid-header { text-align: left; height: 30px; background: url("/resources/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #F6A828; }
.object-details .events .grid tr.even {  }
.object-details .events .grid tr.odd { background-color: #e6e6e6; }
.object-details .events .grid tr.grid-header th { padding: 3px; }
.object-details .events .grid td { padding: 3px; height: 22px; }
.object-details .events .grid td.buttons { width: 50px; }
.object-details .events .grid td.week { width: 50px; }
.object-details .events .grid td.scheduled { width: 100px; }
.object-details .events .grid td.scheduled input { width: 90px; }
.object-details .events .grid td.supervised { width: 100px; }
.object-details .events .grid td.supervised input { width: 90px; }
.object-details .events .grid td.action { width: 125px; }
.object-details .events .grid td.action select { width: 115px; }
.object-details .events .grid td.suborder { width: 50px; text-align: left; }
.object-details .events .grid td.m2 { width: 50px; }
.object-details .events .grid td.m2 input { width: 40px; }
.object-details .events .grid td.comments input { width: 100px; }
.object-details .events .grid td.reported { width: 100px; text-align: left; }
.object-details .events .grid td.signature { width: 100px; }
.object-details .events .grid td.signature input { width: 90px; }
.object-details .events .grid td.signature select { width: 90px; }
.object-details .events .add { padding: 3px; background-color: #e0e0e0; }
.object-details .events .add h4 { margin: 7px 0 7px 0; }

.schedule h1 { font-size: 18px; }
.schedule .filter { padding: 10px; margin-bottom: 10px; background-color: #f0f0f0; border: 1px solid #ccc; }
.schedule .filter table { }
.schedule .filter td { padding: 2px; font-weight: normal; }
.schedule .filter td label { height: 20px;line-height: 20px; }
.schedule .filter td.date-column input { width: 80px; padding-left: 2px; }
.schedule .filter td.show-supervised-column input { vertical-align: middle;margin-right: 1px; }
.schedule .filter td.display-mode-selection-column #display-mode-selection {float: left; margin: 0 2px;padding: 2px 0;}
.schedule .filter td.display-mode-selection-column #display-mode-selection input {margin-right: 5px;}
.schedule .filter td.button-column { padding-left: 10px;}

.schedule #MapView {display: none;height: 400px;border: 1px solid #ccc; }
.schedule #MapView.selected {display: block;}
.schedule #ListView {display: none; }
.schedule #ListView.selected {display: block;}

.schedule #ListView { border: 1px solid #ccc; background-color: #f0f0f0; margin-bottom: 10px; }
.schedule #ListView .grid { width: 100%; }
.schedule #ListView .grid tr.grid-header { text-align: left; height: 30px; background: url("/resources/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #F6A828; }
.light-0 {  }
.dark-0 { background-color: #e6e6e6; }
.light-1 { background-color: #f3f2e2; }
.dark-1 { background-color: #e2e0ce; }
.light-2 { background-color: #d9e9ce; }
.dark-2 { background-color: #cbdfbe; }
.light-3 { background-color: #f2d5ce; }
.dark-3 { background-color: #e0bfb7; }
.light-4 { background-color: #f2dff4; }
.dark-4 { background-color: #e3cbe6; }
.light-5 { background-color: #d9edf2; }
.dark-5 { background-color: #c1e0e9; }
.schedule #ListView .grid tr.grid-header th { padding: 3px; }
.schedule #ListView .grid td { padding: 3px; height: 22px; }
.schedule #ListView .grid td.status { width: 30px; }
.schedule #ListView .grid td.week-number { width: 50px; }
.schedule #ListView .grid td.week-day { width: 50px; }
.schedule #ListView .grid td.scheduled { width: 100px; }
.schedule #ListView .grid td.supervised { width: 100px; }
.schedule #ListView .add { padding: 3px; background-color: #e0e0e0; }
.schedule .google-maps-tooltip table { border-spacing: 0;margin-bottom: 5px;width: 100%; }
.schedule .google-maps-tooltip td { padding: 3px;height: 20px;color: #333;font-size: 12px;font-family: Verdana, Sans-Serif; }
.schedule .google-maps-tooltip .object-address { background-color: #f0f0f0; }
.schedule .google-maps-tooltip .tooltip-header {
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    background: url("/resources/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #F6A828;
}

.grid-container { border: 1px solid #ccc; background-color: #f0f0f0; margin-bottom: 10px; }
.grid-container .grid { width: 100%; }
.grid-container .grid tr.grid-header { text-align: left; height: 30px; background: url("/resources/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #F6A828; }
.grid-container .grid tr.even {  }
.grid-container .grid tr.odd { background-color: #e6e6e6; }
.grid-container .grid tr.grid-header th { padding: 3px; }
.grid-container .grid td { padding: 3px; height: 22px; }
.grid-container .grid td.buttons { width: 50px; }
.grid-container .grid td.signature-id { width: 130px; }
.grid-container .grid td.signature-name {}
.grid-container .grid td.signature-name input { width: 300px; }
.grid-container .add { padding: 3px; background-color: #e0e0e0; }
.grid-container .add h4 { margin: 7px 0 7px 0; }

.signatures {}
.settings {}

.police-report {}
.police-report fieldset { margin-bottom: 10px;background-color: #f5f5f5;}
.police-report legend { font-weight: bold;}
.police-report label {padding: 1px 2px; display: block;}
.police-report div {float: left;margin-right: 10px;}
.police-report .crime-scene { width: 424px; }
.police-report .reference-number { width: 205px; }
.police-report .reference-description { width: 205px; }
.police-report .week-number { width: 60px; }
.police-report .date { width: 350px; }
.police-report .square-meters { width: 200px; }
.police-report .action-taken { width: 210px; }
.police-report .plaintiff-company { width: 360px; }
.police-report .plaintiff-orgno { width: 120px; }
.police-report .plaintiff-address { width: 495px; }
.police-report .plaintiff-postalcode { width: 100px; }
.police-report .plaintiff-postalregion { width: 380px; }
.police-report .reporter { width: 360px; }
.police-report .signature-id { width: 60px; }
.police-report .signature-name { width: 300px; }
.police-report .email { width: 740px; }
.police-report .subject { width: 740px; }
.police-report .image-count { margin-top: 15px; }

.police-reports { border: 1px solid #ccc; background-color: #f0f0f0; margin-bottom: 10px; }
.police-reports .grid { width: 100%; }
.police-reports .grid tr.grid-header { text-align: left; height: 30px; background: url("/resources/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 50% 50% #F6A828; }
.police-reports .grid tr.odd { background-color: #e6e6e6; }
.police-reports .grid tr.grid-header th { padding: 3px; }
.police-reports .grid td { padding: 3px; height: 22px; }
.police-reports .grid td.buttons { width: 50px; }
.police-reports .grid td.buttons .send-button { width: 16px; }

.event-images-list {  }
.event-images-list .image-entry { margin-bottom: 10px; padding: 10px; background-color: #f0f0f0; }
.event-images-list .image-info { margin-top: 10px; }

.migration table { width: 100%; }
.migration td { padding: 2px; }
.migration td.title { padding: 2px 5px; text-align: right; }
.migration td.data { width: 235px; padding: 3px 5px; text-align: left; vertical-align: middle; background-color: #e6e6e6; font-weight: bold; color: #555; }