html {
height:100%;
}
body {
margin:0;
padding:0;
font-family: myriad-pro, sans-serif;
color:#807F84;
min-width:1024px;
font-size:13px;
background-image:url(/images/topo.jpg);
height:100%;
}
.clear {
clear:both;
}
a{ color:#807F84; }
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
#logo {
margin:0 auto 15px auto;
display:block;
}
#map_logo{
position: absolute;
top:4px;
left:7px;
}
#print-me {
/*display:none;*/
width:0;
height:0;
overflow: hidden;
}
#login {
width:400px;
min-height:330px;
position:absolute;
top:50%;
left:50%;
margin:-180px 0 0 -215px;
background-color:#e7e7e8;
padding:15px;
border:1px solid #CCC;
-moz-box-shadow: 1px 3px 11px 2px #CCC;
-webkit-box-shadow: 1px 3px 11px 2px #CCC;
box-shadow: 1px 3px 11px 2px #CCC;
}
#login #login-logo {
display:block;
margin:10px auto;
}
#login .help-block, #login .l-alert {
text-align:center;
display:block;
margin:20px 0 0 0;
}
#login .help-block {
color:#FF0000;
}
h1 {
color: #000;
font-size: 20px;
font-weight: 700;
margin-bottom: 5px;
letter-spacing: 1px;
text-align:center;
font-weight:100;
}
#login input, #search, #page-num {
font-family: myriad-pro, sans-serif;
background: #f9f9f9;
border: 1px solid #fff;
padding:7px 4px;
margin:0 auto 15px auto;
display:block;
font-size: 12px;
}
#login input {
width:170px;
}
#login input[type="submit"], #password button[type="submit"]
{
color: #FFF;
background: #005DA3;
border:1px solid #005DA3;
padding:6px 10px;
cursor:pointer;
font-size:12px;
margin:0 auto;
display:block;
}
#login button, #login input[type="submit"] {
width:auto;
}
.button {
width:132px;
height:29px;
padding:10px 0 0 43px;
background-image:url(/images/add-button.png);
background-repeat:no repeat;
background-size:175px 39px;
color:#333;
font-weight:bold;
text-decoration:none;
text-shadow: -1px -1px 1px #f5f5f5;
cursor:pointer;
font-size:13px;
display:block;
}
.sm-button {
display: block;
width:80px;
height:14px;
padding:7px 7px 7px 7px;
background-image:url(/images/sm-button.png);
background-repeat:no repeat;
background-size:auto 100%;
color:#333;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-khtml-border-radius: 4px;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#FFFFFF));
background: -webkit-linear-gradient(top, #FFFFFF, #e5e5e5);
background: -moz-linear-gradient(top, #FFFFFF, #e5e5e5);
background: -ms-linear-gradient(top, #FFFFFF, #e5e5e5);
background: -o-linear-gradient(top, #FFFFFF, #e5e5e5);
border: 1px solid #f5f5f5;
box-shadow: 0px 2px 4px #CCCCCC;
cursor: pointer;
}
.sm-dark {
color:#FFF;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#060607), to(#858687));
background: -webkit-linear-gradient(top, #858687, #060607);
background: -moz-linear-gradient(top, #858687, #060607);
background: -ms-linear-gradient(top, #858687, #060607);
background: -o-linear-gradient(top, #858687, #060607);
border: 1px solid #333333;
}
#map-list {
}
#add-map, #add-search { float:right;margin:0 0 10px 0;}
#search {
position:absolute;
left:50px;
top:6px;
border: 1px solid #CCC;
width:200px;
height:16px;
}
#submit_search {
width:60px;
position:absolute;
left:266px;
top:6px;
padding:8px;
background-color:#0e6a5d;
border:1px solid #0e6a5d;
color:#FFF;
cursor:pointer;
}
.dashboard{
}
.dashboard iframe {
width:500px;
height:800px;
float:left;
overflow:hidden;
margin:0 15px 20px 0;
position:relative;
}
/*.dashboard .d-report iframe {
width:95%;
height:auto;
position:relative;
}*/
#download img {
display:block;
margin:80px 20px 20px 20px;
width:125px;
}
#grid-left{
width:205px;
position:absolute;
left:10px;
top:0;
margin:0 0 0 0;
padding:20px 0 0 0;
z-index:2;
overflow:hidden;
}
#grid{
margin:0 0 0 220px;
overflow:scroll;
padding:0 0 0 0;
position:relative;
z-index:0;
}
#admin-left{
width:205px;
position:absolute;
left:10px;
top:0;
margin:0 0 0 0;
padding:20px 0 0 0;
z-index:1;
overflow:hidden;
}
#admin-right{
margin:0 0 0 220px;
overflow:scroll;
}
#grid-table tbody tr:nth-child(odd){
background: #FFF;
}
#grid-table tbody tr:nth-child(even){
background: #f5f5f5;
}
#grid-table {
border-collapse: collapse;
}
#grid-table thead {
position:absolute;
top:0;
left:0;
z-index:1;
}
#grid-table tbody {
border-top: 45px solid white;
}
#header-fixed {
border:1px solid #000;
}
#grid-table thead tr{
background: #f5f5f5;
}
#grid-table th {
cursor:pointer;
border-right:1px solid #FFF;
position:relative;
overflow:hidden;
background-repeat:no-repeat;
background-position:97% center;
}
#grid-table th div {
position:absolute;
left:0;
top:0;
width:100%;
height:45px;
z-index:0;
display:table;
}
#grid-table th div span {
padding:0 0 0 0;
display:table-cell;
vertical-align:middle;
height:45px;
width:100%;
}
#grid-table th .th-button {
position:absolute;
top:9px;
right:4px;
display:none;
z-index:1;
}
#grid-table th{
height:45px;
width:175px;
min-width:175px;
}
/*
#grid-table th.th-textarea{
width:400px;
min-width:400px;
}
#grid-table th[data-column="Email Address"] {
width:400px;
min-width:400px;
}*/
#grid-table td {
width:155px;
min-width:155px;
padding:4px 10px;
height:37px;
overflow:hidden;
border:1px solid #FFF;
}
/*
#grid-table td.td-textarea{
width:400px;
min-width:400px;
}*/
#grid-table td .the-value{
width:155px;
height:30px;
overflow:hidden;
white-space: nowrap;
}
#grid-table .filtered-val {
width:155px;
overflow:hidden;
white-space: nowrap;
}
#grid-table td .the-value-c{
height:30px;
display:table-cell;
vertical-align:middle;
}
/* Num */
#grid-table th.th-num {
width:80px;
min-width:80px;
border-right:1px solid #FFF;
}
#grid-table td.td-num {
width:60px;
min-width:60px;
position: relative;
overflow: visible;
}
#grid-table td.td-num .row-num {
top:-8px;
right: -10px;
position:relative;
}
.interact {
position: relative;
top:3px;
}
.interact-bubble {
width: auto;
height:38px;
padding:8px 12px 0 8px;
position: absolute;
left:0;
top:0;
background-color: #FFF;
display: none;
z-index: 100;
border:1px solid #e5e5e5;
white-space: nowrap;
}
.interact-bubble a {
margin:3px 0 0 3px;
}
#grid-table th.th-checkbox {
width:75px;
min-width:75px;
}
#grid-table td.td-checkbox {
width:55px;
min-width:55px;
}
#grid-table th.th-date, #grid-table th.th-c-date {
width:80px;
min-width:80px;
}
#grid-table td.td-date, #grid-table td.td-c-date {
width:60px;
min-width:60px;
}
#grid-table .td-date-picker {
position:relative;
}
#grid-table th.th-updated-by {
width:110px;
min-width:110px;
}
#grid-table td.td-updated-by {
width:90px;
min-width:90px;
}
#grid-table th.th-delete, #grid-table th.th-view, #grid-table th.th-print, #grid-table th.th-send {
width:110px;
min-width:110px;
}
#grid-table td.td-delete, #grid-table td.td-view, #grid-table td.td-print, #grid-table td.td-send {
width:90px;
min-width:90px;
}
#grid-table td.td-date-picker input[type=text], #grid-table td.td-map input[type=text] {
width:75%;
}
#grid-table .td-date-picker .ui-datepicker-trigger {
position:absolute;
top:8px;
right:5px;
width:27px;
height:29px;
cursor:pointer;
border:none;
background:none;
background-image:url(/images/view-button.png);
background-repeat:no-repeat;
background-size:27px auto;
}
#grid-table td input[type=text], #nav-tables li a input, #choice-text, #map-text, #map-left input[type=text], #marker-text, #employee-text, #email-send, #email-send-text, #main-choice-text, #main-choice-textarea {
font-family: myriad-pro, sans-serif;
color: #999;
background: #f9f9f9;
border: 1px solid #CCC;
padding:3px 4px;
margin:0;
display:block;
font-size: 13px;
width:90%;
}
#c-right input, #address {
font-family: myriad-pro, sans-serif;
color: #000;
background: #f9f9f9;
border: 1px solid #000;
padding:5px 5px;
margin:0;
font-size: 13px;
width:100px;
}
#address {
width:250px;
margin-left:35px;
}
#choice-text, #employee-text, #email-send, #email-send-text {
width:98%;
}
#map-text {
margin:20px auto;
}
#email-send {
padding:8px;
margin-top:10px;
}
#email-send-text {
height:400px;
margin:10px 0 0 0;
padding:8px;
position: relative;
z-index: 0;
}
#email-submit {
width:100px;
border:none;
background:none;
background-image:url(/images/send-button-black.png);
background-size:100px auto;
background-repeat:no-repeat;
text-indent:9999px;
cursor:pointer;
height:30px;
display:block;
margin:15px auto 0 auto;
}
#marker-text,#main-choice-text, #main-choice-textarea {
width:98%;
margin-bottom:20px;
}
#main-choice-textarea {
height:150px;
margin-bottom:0;
line-height:16px;
}
#markers{
padding:20px;
}
#map-left input[type=text] {
margin:0 auto 7px auto;
color:#000;
}
.pop-top {
padding:20px 20px 0 20px;
}
.pop-top .sm-button {
float:right;
}
.pop-ul {
margin:0 auto;
padding:20px;
}
#the-markers {
padding:0;
margin:0;
}
.pop-ul li, #the-markers li {
list-style:none;
padding:10px;
margin:0;
cursor:pointer;
}
.pop-ul li.selected {
background-image:url(/images/checkmark.png);
background-size:30px auto;
background-position:98% center;
background-repeat:no-repeat;
}
.pop-ul li:nth-child(odd), #the-markers li:nth-child(odd){
background-color:#f5f5f5;
}
.pop-ul li:nth-child(even), #the-markers li:nth-child(even){
background-color:#FFFFFF;
}
#the-markers li span {
width:50%;
display: inline-block;
}
#the-markers li span:nth-child(even) {
text-align: right;
}
#pop-emp {
padding:0;
}
#grid-table select {
width:95%;
}
#grid-table td.td-checkbox, #grid-table td.td-date, #grid-table td.td-send, #grid-table td.td-c-date {
text-align:center;
}
#grid-table td.td-num {
text-align:left;
border-right:1px solid #FFF;
}
#grid-table td.td-image span{
position:relative;
display:block;
}
#grid-table td.td-image input[type="file"] {
width:325px;
display:inline;
}
#grid-table td.td-image input[type="text"] {
display:none;
}
#grid-table td.td-image input[type="submit"] {
background: none;
background-image: url(/images/upload-button.png);
background-repeat: no-repeat;
background-size: 90px 26px;
width: 90px;
height: 26px;
text-indent: 9999px;
overflow: hidden;
border: none;
display: inline;
position:absolute;
top: 0;
right: 8px;
cursor:pointer;
}
#grid-table tr.new td.td-image input[type="submit"] {
display:none;
}
#grid-table td.td-image .delete-file {
position:absolute;
top: -5px;
right: 8px;
cursor:pointer;
}
#pagination {
margin:7px 0 0 0;
padding:0;
text-align:center;
}
#pagination li {
width:30px;
height:23px;
background-color: #f5f5f5;
border:1px solid #CCC;
display:inline-block;
cursor:pointer;
padding:7px 0 0 0;
margin:0 1px;
text-align:center;
}
#pagination li.active{
background-color:#006c64;
color:#FFF;
border:1px solid #006c64;
}
/*
#page-nav {
width: 190px;
height: 30px;
margin: 9px auto 0 auto;
position: relative;
}
*/
#page-nav {
width:190px;
height:30px;
margin:0;
position:absolute;
right:150px;
top:9px;
}
#page-nav #page-left {
position:absolute;
left:0;
top:0;
cursor:pointer;
}
#page-nav #page-right {
position:absolute;
left:105px;
top:0;
cursor:pointer;
}
#page-nav #page-num{
position:absolute;
left:38px;
top:1px;
width:50px;
height:10px;
}
#page-nav #page-text{
width:40px;
position:absolute;
right:0;
top:6px;
color:#FFF;
font-size:14px;
}
#nav-tables li a input{
width:80%;
}
#container{
width:100%;
height:100%;
overflow:hidden;
margin:0 auto 0 auto;
background-color:#FFF;
-moz-box-shadow: 3px 3px 11px 2px #777;
-webkit-box-shadow: 3px 3px 11px 2px #777;
box-shadow: 3px 3px 11px 2px #777;
position:relative;
/*padding:15px;*/
}
#container.home{
}
#shell {
margin:45px 0 0 0;
position:relative;
}
#header {
position:relative;
height:100px;
}
#controls {
background-color:#050606;
height:45px;
position:absolute;
width:100%;
top:0;
min-width:980px;
}
#top-nav {
margin:0;
padding:0;
position:absolute;
right:0;
top:0px;
}
#top-nav li {
list-style:none;
display:inline-block;
width:132px;
height:29px;
padding:10px 0 0 43px;
background-image:url(/images/add-button.png);
background-repeat:no repeat;
background-size:175px 39px;
color:#333;
font-weight:bold;
text-decoration:none;
text-shadow: -1px -1px 1px #f5f5f5;
cursor:pointer;
font-size:13px;
}
#top-nav li.view_map {
display:none;
}
#admin-nav {
margin:0;
padding:0;
position:absolute;
right:10px;
top:15px;
font-size:12px;
}
#admin-nav li {
margin:0;
padding:0 10px;
list-style:none;
display:inline;
border-right:1px solid #FFF;
}
#admin-nav li:last-child {
border:none;
}
#admin-nav li a {
text-decoration:none;
color:#FFF;
}
#top-nav li.delete_table{
background-image:url(/images/delete-button.png);
color:#FFF;
text-shadow: none;
}
.icon-nav {
margin:0;
padding:0;
position:absolute;
left:420px;
left:330px;
top:8px;
}
.icon-nav li {
margin:0;
padding:0;
list-style:none;
display:inline-block;
}
#clear-search {
position:absolute;
left:550px;
top:16px;
color:#FFF;
cursor: pointer;
display: none;
}
/*#kmz {
float:left;
margin:2px 0 0 0;
}*/
#left-top {
left:20px;
top:9px;
}
#loading{
position:absolute;
z-index:10000;
width:100%;
height:100%;
background-color:#FFF;
background-image:url(/images/loading-icon.gif);
background-repeat:no-repeat;
background-position:center center;
opacity:0.4;
filter:alpha(opacity=40);
display:none;
}
#main{
padding:0;
background-color:#FFF;
position:relative;
height:100%;
}
#main-left{
width:200px;
float:left;
margin:0 0 15px 0;
background-color:#FFF;
}
#main-right{
width:750px;
float:right;
margin:0 0 15px 0;
background-color:#FFF;
position:relative;
}
#nav-tables{
margin:0;
padding:0;
}
#nav-tables li{
list-style:none;
margin:0;
padding:0;
position:relative;
}
#nav-tables li:nth-child(odd){
background-color:#f5f5f5;
}
#nav-tables li a.reg-link {
list-style:none;
margin:0;
padding:15px 15px;
cursor:pointer;
text-decoration:none;
display:block;
height:15px;
position:relative;
z-index:0;
}
#nav-tables li a.new-button {
position:absolute;
right:9px;
top:9px;
z-index:1;
outline:none;
}
#nav-tables li.active{
/* background-color: #006c64; */
background-color: #6d6e6f;
}
#nav-tables li.active a{
color: #FFF;
}
#nav-tables li a .view-table{
position:absolute;
right:6px;
top:8px;
}
#fields-table, .options-table{
width:100%;
}
#fields-table tbody tr:nth-child(odd), .options-table tbody tr:nth-child(odd){
background-color: #FFF;
}
#fields-table tbody tr:nth-child(even), .options-table tbody tr:nth-child(even){
background-color:#f5f5f5;
}
#fields-table thead tr, .options-table thead tr{
background-color:#f5f5f5;
}
#fields-table th, #fields-table td, .options-table th, .options-table td{
padding:10px 15px;
text-align:center;
height:25px;
}
#fields-table .th-name{
width:200px;
}
#fields-table .th-order{
width:50px;
margin:0 auto;
}
#fields-table .th-options{
width:50px;
margin:0 auto;
}
#fields-table td:first-child{
text-align:left;
}
.options-table td:first-child{
text-align:left;
}
.options-table th:first-child{
text-align:left;
}
.options-table .th-option{
width:550px;
}
.options-table .th-option-order{
width:50px;
margin:0 auto;
}
.options-table .th-option-delete{
width:100px;
margin:0 auto;
}
#fields-table td input, .options-table td input{
font-family: myriad-pro, sans-serif;
color: #999;
background: #f9f9f9;
border: 1px solid #CCC;
padding:3px 4px;
margin:0;
display:block;
font-size: 14px;
width:95%;
}
#fields-table td input[type=checkbox] {
width:20px;
display:inline;
}
#fields-table td.permissions{
text-align:left;
}
.field-width {
margin:0 auto !important;
width:75px !important;
}
#table_name_1, #field_name_1 {
/* position:absolute;
top:52px;
left:220px;*/
border:1px solid #CCC;
background-color:#EEE;
padding:5px;
color: #807F84;
font-size:14px;
font-family: myriad-pro, sans-serif;
display:none;
position:relative;
top:-12px;
}
.save_table{
display:none;
}
.save_field_1{
display:none;
}
.options {
display:none;
}
#close-textarea{
display:none;
}
.popup {
background-color:#FFF;
position:relative;
margin:0 auto;
height:80%;
}
#options {
position:relative;
padding:55px 20px 20px 20px;
}
/*
#options {
background-color:#FFF;
width:700px;
height:80%;
position:absolute;
left:50%;
top:20px;
margin:0 0 0 -350px;
z-index:2;
border:1px solid #CCC;
padding:55px 0 0 0;
overflow-y:scroll;
}
*/
#close-options, .popup-close {
position:absolute;
right:5px;
top:8px;
cursor:pointer;
}
.popup-button {
display:block;
width:132px;
height:29px;
padding:10px 0 0 43px;
background-image:url(/images/add-button.png);
background-repeat:no repeat;
background-size:175px 39px;
color:#333;
font-weight:bold;
text-decoration:none;
text-shadow: -1px -1px 1px #f5f5f5;
cursor:pointer;
font-size:13px;
position:absolute;
right:20px;
top:8px;
}
#add-email {
right:0;
top:-60px;
}
#textarea-target {
display:none;
}
.textarea-click {
display:none;
}
#textarea {
padding:50px 20px;
}
#textarea textarea {
width:98%;
height:90%;
font-family: myriad-pro, sans-serif;
color: #999;
background: #f9f9f9;
border: 1px solid #fff;
padding: 3px 4px;
margin: 0;
display: block;
font-size: 14px;
border: 1px solid #CCC;
}
#choices-target {
display:none;
}
#choices {
margin:0;
padding:0;
position:relative;
}
#choices-select, #email-choices-select {
position:absolute;
right:20px;
top:10px;
padding:5px;
width:120px;
}
#choices-select {
display:none;
}
#email-choices-select {
top:-45px;
}
#the-email-choices {
padding:0;
}
#email-alerts {
position:relative;
padding:20px 20px 20px 20px;
}
#map-email {
padding:8px 10px;
background: #f5f5f5;
border:1px solid #e5e5e5;
position: absolute;
left:305px;
top:27px;
}
#users-contain {
margin-top:46px;
overflow:scroll;
position:relative;
}
#users{
width:100%;
}
#users tbody tr:nth-child(odd){
background: #FFF;
}
#users tbody tr:nth-child(even){
background: #f5f5f5;
}
#users thead tr{
background: #f5f5f5;
}
#users th {
cursor:pointer;
border-right:1px solid #FFF;
}
#users td {
width:100px;
max-width:50px;
}
#users td:last-child {
width:10px;
text-align:center;
}
#users td.email-password {
width:120px;
}
#users td:first-child{
text-align:center;
width:5px;
}
#users td.pass-email {
text-align:center;
}
#users td[data-field="level"] {
width:40px;
text-align:center;
}
#users td[data-field="editor"],
#users td[data-field="reset"],
#users td[data-field="deactivate"] {
width:5px;
text-align:center;
}
#users td.level, #users td.editor {
text-align:center;
}
#users th, #users td{
padding:4px 10px;
height:37px;
}
#users td input[type=text] {
font-family: myriad-pro, sans-serif;
color: #999;
background: #f9f9f9;
border: 1px solid #CCC;
padding:3px 4px;
margin:0;
display:block;
font-size: 14px;
width:95%;
max-width:200px;
}
#backup-contain {
margin-top:46px;
position:relative;
padding:20px 40px;
}
.arrow-button {
width:70px;
height:19px;
display:block;
background-image:url(/images/arrow-button.png);
background-repeat:no-repeat;
background-size:90px auto;
font-size:9px;
text-transform:uppercase;
color:#000;
font-weight:bold;
margin:0 auto;
text-decoration:none;
padding:7px 0 0 20px;
text-align:left;
}
.email-user{
width:65px;
padding-left:25px;
}
.custom-select {
border:1px solid #e5e5e5;
height:20px;
overflow:visible;
padding:2px;
position:relative;
background-image:url(/images/arrows.png);
background-repeat:no-repeat;
background-size:auto 18px;
background-position:95% center;
z-index:0;
}
.custom-select-active {
z-index:2;
}
.custom-select-inside {
top:22px;
left:-1px;
background-color:#FFF;
border:1px solid #e5e5e5;
position:absolute;
width:100%;
display:none;
margin:0;
padding:0;
}
.custom-select-inside li {
margin:2px 0;
display:block;
padding:0;
list-style:none;
cursor:pointer;
position:relative;
}
.custom-select-inside li span {
display:block;
z-index:1;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
#reports {
width:450px;
margin:0 auto;
}
.details{
width:100%;
margin:0 auto 15px auto;
border:1px solid #e5e5e5;
}
#details {
width:600px;
margin:0 auto;
background-color:#FFF;
padding:20px;
position:relative;
}
#details-iframe-holder {
width:100%;
height:100%;
margin:0 auto;
background-color:#FFF;
padding:0;
position: relative;
display: none;
}
#details-iframe-target {
width:100%;
height:100%;
margin:0 auto;
position: relative;
}
#details-iframe-target iframe {
width:100%;
height:100%;
overflow:visible;
border:none;
}
#details h2 {
color: #000;
font-size: 18px;
font-weight: 500;
margin: 0 0 5px 15px;
letter-spacing: 1px;
}
.details {
color:#000;
}
.details tbody tr:nth-child(odd){
background: #FFF;
}
.details tbody tr:nth-child(even){
background: #f5f5f5;
}
.details thead tr{
background: #f5f5f5;
}
.details th {
cursor:pointer;
position:relative;
width:50%;
padding:10px;
border-right:1px solid #e5e5e5;
}
.details th:last-child {
border:none;
}
.details tbody tr td {
padding:10px;
text-align:center;
border-right:1px solid #e5e5e5;
position: relative;
}
.details tbody tr td:last-child {
border:none;
}
.details tbody tr td .new-ontab {
position: absolute;
top:10px;
right:-35px;
}
.inframe .new-ontab { display: none; }
.details input, .details textarea {
width:250px;
padding:6px 10px;
border:1px solid #eee;
font-size:13px;
font-family: myriad-pro, sans-serif;
}
.details textarea {
height:100px;
}
.details select {
width:270px;
}
.details tr[data-field='1'] input, #grid-table td[data-project-number=true] input {
text-transform:uppercase
}
.details .edit-outer-date {
position:relative;
display:block;
}
.details .ui-datepicker-trigger {
position:absolute;
top:1px;
right:5px;
width:27px;
height:29px;
cursor:pointer;
border:none;
background:none;
background-image:url(/images/view-button.png);
background-repeat:no-repeat;
background-size:27px auto;
}
.edit-form #submit {
width:110px;
margin:0 auto;
display:block;
}
.d-tabs {
margin:0;
padding:0;
}
.d-tabs li {
margin:0;
padding:20px 30px;
list-style:none;
display:inline-block;
background-color:#f5f5f5;
border-top:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
border-right:none;
font-weight:bold;
color:#000;
cursor:pointer;
}
.d-tabs li:last-child {
border-right:1px solid #e5e5e5;
}
.d-tabs li.active {
background-color:#fafafa;
}
.d-content {
display:none;
}
#map-container {
width:600px;
margin:0 auto;
background-color:#FFF;
padding:20px;
position:relative;
}
#maps {
position:relative;
}
#maps th:first-child {
width:80%;
}
#maps th:nth-child(2) {
width:10%;
}
#maps th:last-child {
width:10%;
}
#map-share { display: none; }
#map-share .pop-buttons { width:100%; }
#map-share .pop-ul { padding:0; }
#map-share .pop-ul li.active {
background-image: url(/images/checkmark.png);
background-size: 30px auto;
background-position: 98% center;
background-repeat: no-repeat;
}
#search-list th:first-child {
width:80%;
}
#search-list th:nth-child(2) {
width:7%;
}
#search-list th:nth-child(3) {
width:7%;
}
#search-list th:last-child {
width:6%;
}
#report-frame iframe {
width:600px;
margin:0 auto;
height:100%;
}
.pie{
width:300px;
height:300px;
display:block;
margin:20px auto;
}
.target{
display:none;
}
#add_map {
position:absolute;
top:0;
right:10px;
}
#container.map{
width:95%;
height:95%;
}
#c-left {
width:500px;
position:absolute;
left:50px;
top:9px;
}
#c-right {
width:450px;
position:absolute;
right:15px;
top:9px;
}
#all-locations {
margin:0 0 7px 0;
position: absolute;
left:300px;
top:3px;
color:#FFF;
}
#all-locations span {
position: relative;
top:-2px;
}
#map-shell {
position: relative;
top:45px;
}
#map-left{
width:0;
position:absolute;
left:0;
top:0;
margin:0 0 0 0;
z-index:1;
height:100%;
background-color:#f5f5f5;
display:none;
}
#map-right {
height:100%;
position:absolute;
top:0;
right:0;
width:700px;
z-index: 100;
background-color:#FFF;
display: none;
}
#map-right iframe {
width:100%;
height:100%;
border:none;
}
#map-right-target {
position:absolute;
width:100%;
height:100%;
top:0;
z-index: 0;
}
#map-right .close-map-pop {
position: absolute;
right:20px;
top:10px;
z-index: 1;
cursor: pointer;
}
#map-padding{
padding:0 15px;
}
#map-left #toggle{
right:-20px;
}
#map {
/* margin:0 0 0 220px;
height:100%;
overflow-x:scroll;*/
margin:0;
overflow:scroll;
padding:0 0 0 0;
}
#map-left.on {
width:220px;
display: block;
}
#map.on {
margin:0 0 0 220px;
}
#map-left h2 {
color: #000;
font-size:15px;
font-weight:700;
margin:15px 0 10px 0;
position:relative;
}
#map-left h2 span {
position:relative;
left:5px;
top:-2px;
}
#map-left h2 #map-add {
position: relative;
top:8px;
}
#map-left #kmz {
position: relative;
top:8px;
}
.locations {
display:none;
}
input#save_map {
background:none;
background-image:url(/images/save-button-black.png);
background-size:90px auto;
width:90px;
height:25px;
cursor:pointer;
text-indent:999px;
border:none;
position:absolute;
bottom:8px;
left:50%;
margin:0 0 0 -50px;
}
input#save_map_2 {
background:none;
background-image:url(/images/save-button-black.png);
background-size:90px auto;
background-color:none;
width:90px;
height:25px;
cursor:pointer;
text-indent:999px;
border:none;
}
#markers-contain {
overflow-y:auto;
}
.marker-div {
position:relative;
margin:0 0 7px 0;
}
#map-left .marker-div input {
width:122px;
margin:0 0 0 0;
display:inline;
position:relative;
}
.view-marker {
cursor:pointer;
position:absolute;
right:30px;
top:0;
}
.delete-marker {
cursor:pointer;
position:absolute;
right:3px;
top:0;
}
.view-map-details { float:left; }
.save-map-details { float:right; }
#toggle {
position:absolute;
top:8px;
left:10px;
cursor:pointer;
z-index:100;
width:30px;
height:30px;
background-image:url(/images/button-right.png);
background-size:30px auto;
background-repeat:no-repeat;
background-position:center center;
display: none;
}
.map-body #toggle {
left:49px;
}
#toggle.on {
background-image:url(/images/button-left.png);
}
.map-popup{
width:300px;
height:150px;
overflow:hidden;
overflow-y:auto;
}
#icon-permissions {
}
.td-choice, .td-read-only, .td-get-choice, .td-map, .td-synced, .td-filtered {
position:relative;
}
.td-choice .the-value {
width:130px;
}
.view-choice, .view-choice-map {
position:absolute;
right:7px;
top:9px;
display:none;
cursor:pointer;
}
.tabs {
}
.tabs .tabs-nav {
margin:0 0 20px 0;
padding:0;
}
.tabs .tabs-nav li{
margin:0;
padding:0;
list-style:none;
display:inline-block;
text-align:center;
padding:15px 25px;
background-color:#f5f5f5;
cursor:pointer;
}
.tabs .tabs-nav li.active {
background-color:#006c64;
color:#FFF;
}
.tabs .tab-content {
position:relative;
display:none;
}
.tabs .tab-content-1 {
display:block;
}
#excel-frame{
display:none;
}
#total-records {
color:#FFF;
position:absolute;
left:470px;
top:16px;
}
.message {
width:75%;
background-color:#f5f5f5;
border:1px solid #e5e5e5;
line-height:20px;
padding:30px;
margin:20px;
}
#map-note {
text-align:center;
position:absolute;
left:50%;
top:35%;
margin-left:-175px;
z-index:11000;
color:#000;
text-shadow: 1px 1px #FFFFFF;
font-size:14px;
display:none;
}
.alert {
background-image:url(/images/icon-required.png);
background-repeat:no-repeat;
background-position:95% center;
}
.rel {
position:relative;
}
.pick, .pick-emp {
position:absolute;
left:-290px;
top:29px;
width:560px;
margin:0;
padding:0;
border-left:1px solid #eee;
border-right:1px solid #eee;
border-bottom:1px solid #eee;
background-color:#FFF;
max-height:200px;
z-index:100;
overflow-y:scroll;
color:#666;
display:none;
box-shadow: 0px 0px 5px #cccccc;
}
.pick li, .pick-emp li {
margin:0;
padding:0;
list-style:none;
padding:7px 10px;
text-align:left;
cursor:pointer;
}
.pick li span, .pick-emp li span {
width:50%;
display: inline-block;
}
.pick li span:last-child, .pick-emp li span:last-child {
text-align: right;
}
.pick li:nth-child(odd), .pick-emp li:nth-child(odd){
background: #f5f5f5;
}
.pop-buttons, .iframe-buttons {
margin:0;
padding:0;
float:right;
}
.pop-buttons li, .iframe-buttons li {
margin:0 0 15px 5px;
padding:0;
list-style:none;
float:left;
}
.pop-buttons li a, .iframe-buttons li a {
width:50px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-khtml-border-radius: 4px;
padding:8px 10px;
background-color:#050606;
border:1px solid #050606;
background-repeat:no-repeat;
background-position:center center;
background-size:auto 60%;
/*text-indent:9999px;*/
text-align: center;
overflow:hidden;
display:block;
color:#FFF;
text-decoration: none;
}
.pop-buttons li.pop-edit a {
/*background-image:url(/images/icon-edit-white.png);*/
}
.pop-buttons li.pop-save a {
/*background-image:url(/images/icon-save-white.png);*/
}
#details[data-mode="new"] .pop-buttons li.pop-edit a,
#details[data-mode="edit"] .pop-buttons li.pop-edit a,
#details[data-mode="copy"] .pop-buttons li.pop-edit a,
#details[data-mode="new"] .pop-buttons li.pop-send a,
#details[data-mode="edit"] .pop-buttons li.pop-send a,
#details[data-mode="copy"] .pop-buttons li.pop-send a,
#details[data-mode="edit"] .pop-buttons li.pop-copy a
{
display:none;
}
#details[data-mode="view"] .pop-buttons li.pop-save a {
display:none;
}
.iframe-buttons {
position: absolute;
top:20px;
left:40px;
z-index: 1;
}
/*
#details[data-mode="copy"] .pop-buttons li.pop-save a {
display:block !important;
}*/
#details .error {
float:left;
width:400px;
color:red;
margin-top:7px;
padding-bottom:15px;
}
.home .error-container, .map-body .error-container {
color:#FFF;
text-align:center;
position:absolute;
left:50%;
top:45px;
margin:0 0 0 -250px;
width:500px;
min-height:17px;
background-color: #0e6a5d;
border: 1px solid #0e6a5d;
z-index:100;
padding:10px;
display:none;
z-index: 10000;
}
.home .error-container .error-close, .map-body .error-container .error-close {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color:#FFF;
width:15px;
height:15px;
padding:5px;
position:absolute;
right:5px;
top:5px;
color:#000;
font-weight:bold;
cursor:pointer;
}
.single {
display:none;
}
#reset-pass {
text-align:center;
font-size:12px;
margin:0 0 12px 0;
}
#the-choices span {
display: inline-block;
width:49%;
}
#the-choices span:last-child {
text-align: right;
}
#pop-emp-holder {
height:0;
overflow: visible;
position: relative;
z-index: 1;
}
#search-container {
width: 600px;
margin: 0 auto;
background-color: #FFF;
padding: 20px;
position: relative;
}
#searches {
}
#search-fields select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; /* remove default arrow */
background-image: url('/images/arrow-select.png'); /* add custom arrow */
background-size: 12px auto;
background-position: 96% center;
background-repeat: no-repeat;
}
#search-fields { display: none; }
#search-fields #search-name {
padding: 7px 10px;
width:96%;
position: relative;
margin: 0 0 20px 0;
display: block;
}
#search-fields .search-value-holder {
width:184px;
display: inline-block;
margin: 0 10px 0 0;
}
#search-fields .search-value {
padding: 7px 10px;
position: relative;
margin: 0;
width:160px;
}
#search-fields select { padding: 7px 15px; margin:0 10px 0 0; }
#search-fields .search-name { width:200px; }
#search-fields .operator { width:100px; }
#search-fields button {
padding: 8px;
background-color: #0e6a5d;
border: 1px solid #0e6a5d;
color: #FFF;
cursor: pointer;
}
#search-fields .or { padding:20px 0; font-size:20px; text-transform: uppercase; font-weight: bold; }
#search-target {
border-top:1px solid #CCC;
padding:20px 0 0 0;
}
.search-and-row-outer { display: none; }
.search-and-row { margin-bottom:15px; }
.rule-group:nth-child(1) .or {
display: none;
}
.search-error {color:#FF0000; margin-bottom:15px; }
#search-fields .pop-buttons { width:100%; }
#search-fields .pop-buttons li {float:right; }
#search-fields .pop-buttons li:first-child {float:left;}
#selects-outer { display: none; }
.search-value-holder input { display:block; margin:0 auto; }
.search-value-holder select { display:block; margin:0 auto; width: 100%; }
#employees-share { display: none; }
#employees-share .pop-buttons { width:100%; }
#employees-share .pop-ul { padding:0; }
#employees-share .pop-ul li.active {
background-image: url(/images/checkmark.png);
background-size: 30px auto;
background-position: 98% center;
background-repeat: no-repeat;
}
#sh {
position: absolute;
left:100px;
top:13px;
width:200px;
color:#FFF;
}
#bak-left {
position: absolute;
left:12px;
top:9px;
width:600px;
color:#FFF;
}
#bak-left .bak-text {
position: relative;
top:-11px;
left:10px;
}
.bak-message {
color:#FF0000;
}