/*
Exacter, Inc. Screen CSS
*/

/*
STYLES INDEX

A. Global
B. Forms
C. Tables
D. Site Container
E. Header
F. Navigation
G. Content
H. Left Column
I. Right Column and Map
J. Summary Data
K. Dialog Box
L. Footer
M. Standards-based CSS Fixes
N. Global Required & Error Form Styles

*/


/*
=============================
A. Global Styles
=============================
*/

body
{
	margin: 0;
	padding: 0;
	font-size: 75%;
	font-family: tahoma, verdana, sans-serif;
	color: #000;
}

a:link,
a:visited
{
  color: #333;
	text-decoration: underline;
}

a:hover,
a:active
{
  color: #9E0009;
	text-decoration: none;
}

h1
{
	margin: 15px 0;
	font-size: 14px;
	text-transform: uppercase;
}

h2
{
	margin: 0;
	padding: 7px 10px;
	font-size: 10px;
	text-transform: uppercase;
}

h3
{
	margin: 0 0 10px 0;
  font-size: 11px;
	color: #444444;
}

img
{
  border: 0;
}

.notices
{
  margin: 15px 0;
  padding: 10px;
  color: green;
  list-style: none;
  border: 1px solid green;
  background: #bbe0a9;
}

.notices ul
{
  margin: 0;
  padding: 0 0 0 10px;
  list-style: none;
}


/*
=============================
B. Form Styles
=============================
*/

form
{
  margin: 0;
}

form p,
form .form-row
{
	margin: 0 0 10px 0;
}

form p img
{
	vertical-align: middle;
}

form label, .details label
{
	margin: 0 4px 0 0;
	color: #7d7c7c;
  font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
}

form label.sub-label, .details label.sub-label
{
  display: block;
	padding: 4px 0 0 0;
	color: #000;
  font-size: 10px;
  font-weight: normal;
  text-transform: none;
}

form select,
form input
{
	margin: 0 1px 0 0;
	padding: 1px 2px;
	font-size: 12px;
	font-weight: 900;
	color: #000;
}

form select
{
	margin: 2px 0 0 0;
}

form label,
form select,
form input
{
	vertical-align: middle;
}

form textarea
{
  width: 400px;
  height: 75px;
	font-family: tahoma, verdana, sans-serif;
  padding: 1px 2px;
	font-size: 11px;
	font-weight: 900;
	color: #000;
}

form .submit-button
{
	margin: 0;
	vertical-align: bottom;
}

form img.submit-button
{
	position: relative;
  top: -1px;
	vertical-align: bottom;
}

img.admin-button
{
  margin: 0 0 10px 0;
}


/*
=============================
C. Tables (Tabular Data) Styles
=============================
*/

table.default
{
	width: 100%;
  margin: 0 0 10px 0;
	padding: 0;
	color: #7d7c7c;
	border-top: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
	background: #fff;
}

table.default th
{
	padding: 4px 10px;
	color: #5c5b5a;
	border-right: 1px solid #ebebeb;
	border-bottom: 4px solid #ebebeb;
}

table.default td
{
	padding: 4px 10px;
	color: #7d7c7c;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

table.default a:link,
table.default a:visited
{
	color: #525150;
	font-weight: normal;
	text-decoration: underline;
}

table.default a:hover,
table.default a:active
{
	color: #9E0009;
}

table.default td.temporary-groups,
table.default td.locked-groups,
table.default td.actions,
table.default td.exacter,
table.default td.start-date,
table.default td.end-date,
table.default td.territory-rental,
table.default td.controls,
table.default td.role,
table.default td.phone,
table.default td.last-login,
table.default td.status,
table.default td.exacter-name,
table.default td.phone,
table.default td.point,
table.default td.point-latitude,
table.default td.point-longitude,
table.default td.last_upload,
table.default td.bounding
{
	text-align: center;
}

table.default td.company-name,
table.default td.contact-name
{
  text-align: left;
}

table.default td.territory-name,
table.default td.territory-rental,
table.default td.temporary-groups,
table.default td.locked-groups,
table.default td.actions,
table.default td.exacter,
table.default td.start-date,
table.default td.end-date,
table.default td.controls,
table.default td.role,
table.default td.phone,
table.default td.last-login,
table.default td.status,
table.default td.company-name,
table.default td.contact-name,
table.default td.phone
{
	width: 20%;
}

table.default td.exacter-name
{
	width: 10%;
}

table.default td.upload_warning
{
  color: red !important;
}

table.company-info
{
  margin: 0 0 10px 0;
	padding: 0;
  color: #7d7c7c;
  border-top: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
}

table.company-info th,
table.company-info td
{
  padding: 4px 10px;
  text-align: left;
  vertical-align: top;
  border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}


/*
=============================
D. Site Container Styles
=============================
*/

#site-wrapper
{
	width: 1000px;
	margin: 0 auto;
	border-right: 1px solid #aba9a9;
	border-left: 1px solid #aba9a9;
	background: #fdfdfd url(/images/site-wrapper-bkgd.gif) no-repeat top left;
}


/*
=============================
E. Header Styles
=============================
*/

#header
{
	position: relative;
	padding: 16px 18px;
	background: transparent url(/images/header-bkgd.gif) repeat-x bottom left;
	border-bottom: 1px solid #aba9a9;
}

#header #logo
{
	float: left;
  margin: 0 15px 0 0;
}

#header h1.company-name
{
	margin: 45px 100px 0 0;
	font-size: 14px;
	line-height: 16px;
	color: #6d6d6d;
	text-align: center;
}

#header h1.default
{
  position: relative;
  left: -40px;
}

#header #logout
{
  float: right;
  color: #9e0009;
  font-weight: 900;
}

#header #logout a
{
  color: #9e0009;
  text-transform: uppercase;
}

#header ul#header-nav
{
	position: absolute;
	top: 74px;
	left: 858px;
	margin: 0;
	padding: 0;
	line-height: 10px;
	text-align: center;
	list-style: none;
}

#header ul.company#header-nav
{
	left: 858px;
}

#header ul#header-nav li
{
  float: left;
	background: transparent url(/images/home-button-bkgd.gif) no-repeat top left;
}

#header ul#header-nav a
{
	display: block;
	width: 120px;
	margin: 0 0 0 3px;
	padding: 4px 0 5px 0;
	color: #fff;
  font-weight: 900;
	text-transform: uppercase;
	text-decoration: none;
}

#header #company-info
{
  float: left;
}

#header #company-info ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}


/*
=============================
F. Navigation Styles
=============================
*/

#navigation
{
	margin: 0 18px 7px 18px;
	padding: 7px 0;
	border-bottom: 1px solid #ebebeb;
}

#navigation ul#breadcrumbs
{
	float: left;
	margin: 4px 0 0 0;
	padding: 0;
	font-size: 11px;
	color: #a80607;
	list-style: none;
}

#navigation ul#breadcrumbs li
{
	display: inline;
}

#navigation ul#breadcrumbs li#last
{
  font-weight: 900;
}

#navigation ul#breadcrumbs a:link,
#navigation ul#breadcrumbs a:visited
{
	color: #a80607;
	text-decoration: none;
}

#navigation ul#breadcrumbs a:hover,
#navigation ul#breadcrumbs a:active
{
	text-decoration: underline;
}

#navigation .navigation-form
{
	float: right;
	margin: 0 0 0 15px;
}

#navigation .navigation-form label
{
	margin: 0 4px 0 0;
  font-size: 10px;
	color: #7d7c7c;
	font-weight: 900;
	text-transform: uppercase;
}

#navigation .navigation-form select,
#navigation .navigation-form input
{
	margin: 0 1px 0 0;
	padding: 1px 2px;
	font-size: 10px;
	font-weight: 900;
	color: #000;
}

#navigation .navigation-form input.lat-long-box
{
	width: 140px;
  color: #ccc;
}

#navigation .navigation-form select
{
	margin: 2px 0 0 0;
}

#navigation .navigation-form label,
#navigation .navigation-form select,
#navigation .navigation-form input
{
	vertical-align: middle;
}

#navigation .navigation-form .submit-button
{
	margin: 0;
	vertical-align: bottom;
}

#admin-nav
{
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #ccc;
}

#admin-nav ul
{
  margin: 0;
  padding: 0;
  list-style: none;
  border-left: 1px solid #aba9a9;
}

#admin-nav ul li
{
  float: left;
}

#admin-nav ul li a
{
  float: left;
  padding: 5px 8px;
	display: block;
	color: #fff;
  font-weight: 900;
	text-decoration: none;
  text-transform: uppercase;
  background: #999;
  border-top: 1px solid #aba9a9;
	border-right: 1px solid #aba9a9;
  border-bottom: 1px solid #aba9a9;
  background: #000 url(/images/nav-bkgd.gif) repeat-x top left;
}

#admin-nav ul li a:hover,
#admin-nav ul li a:active
{
	background: #000 url(/images/nav-over-bkgd.gif) repeat-x top left;
}

#admin-nav ul li a:link.current,
#admin-nav ul li a:visited.current,
#admin-nav ul li a:hover.current,
#admin-nav ul li a:active.current
{
  color: #fff;
  background: #fff url(/images/nav-on-bkgd.gif) repeat-x top left;
}

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

.pagination .prev_page
{
  padding: 0 3px 0 0;
}

.pagination .next_page
{
  padding: 0 0 0 3px;
}

.pagination .current
{
  font-weight: 900;
}

.pagination .disabled
{
  display: none;
}

/*
=============================
G. Content Styles
=============================
*/

#content
{
	clear: both;
	margin: 15px 18px;
}


/*
=============================
H. Left Column Styles
=============================
*/

#left-column
{
	float: left;
	width: 238px;
  overflow: hidden;
}

#left-column .left-column-box
{
	margin: 0 0 7px 0;
	padding: 2px;
	width: 224px;
	border: 1px solid #c4c2c2;
}

#left-column .left-column-box a
{
	font-weight: 900;
}

#left-column h2.territory-header
{
	line-height: 10px;
	color: #fff;
	background: #003b6c url(/images/territory-box-header-bkgd.gif) repeat top left;
}

#left-column h2.group-header
{
	line-height: 10px;
	color: #fff;
	background: #465d00 url(/images/group-box-header-bkgd.gif) repeat top left;
}

#info table#group-info-table
{
	width: 100%;
	padding: 0;
	color: #6e5b17;
	text-align: left;
	background: #fef9e7;
	border: 0;
}

#info table#group-info-table tr.alt
{
	background: #faf1d1;
}

#info table#group-info-table th
{
	padding: 4px 12px;
	border-right: 1px solid #eee1b4;
	border-bottom: 1px solid #eee1b4;
}

#info table#group-info-table td
{
	padding: 4px 15px;
	border-bottom: 1px solid #eee1b4;
}

#info table#group-info-table .last
{
	border-bottom: 0;
}

#actions ul
{
	margin: 0;
	padding: 10px 10px 0 10px;
	list-style: none;
	background: #f2efe9;
}

#actions ul li
{
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 10px;
	list-style: none;
}

#actions ul li.default
{
	background: transparent url(/images/group-action-default-icon.gif) no-repeat 0 10%;
}

#actions ul li.zoom
{
	background: transparent url(/images/group-action-zoom-icon.gif) no-repeat 0 10%;
}

#actions ul li.history
{
	background: transparent url(/images/group-action-history-icon.gif) no-repeat 0 10%;
}

#actions a:link,
#actions a:visited
{
	display: block;
	padding: 0 0 0 15px;
	color: #465d00;
	text-decoration: none;
}

#actions a:hover,
#actions a:active
{
	padding: 0 0 0 15px;
	text-decoration: underline;
}

#actions ul.territory-actions a:link,
#actions ul.territory-actions a:visited,
#actions ul.territory-actions a:hover,
#actions ul.territory-actions a:active
{
	color: #003B6C;
}

#actions ul.territory-actions li.default
{
	background: transparent url(/images/territory-action-default-icon.gif) no-repeat 0 10%;
}

#actions ul.territory-actions li.zoom
{
	background: transparent url(/images/territory-action-zoom-icon.gif) no-repeat 0 10%;
}

#actions ul.territory-actions li.history
{
	background: transparent url(/images/territory-action-history-icon.gif) no-repeat 0 10%;
}

input#back_to_group {
margin: 5px auto;
display: block;
}


/*
==============================
I. Right Column and Map Styles
==============================
*/

.right-column
{
	float: right;
}

#map
{
	width: 724px;
	height: 376px;
	border: 1px solid #c4c2c2;
}

#map table#map-info
{
	width: 250px;
	padding: 0;
	color: #000;
	text-align: left;
	border: 0;
}

#map table#map-info td
{
	padding: 0 0 3px 5px;
}

#map table#map-info th
{
	padding: 0 0 3px 0;
}

#map table#map-info a
{
	color: #003B6C;
	text-decoration: underline;
}

#map-tools
{
	margin: 0 0 7px 0;
	padding: 10px;
	background: #555;
	border-right: 1px solid #c4c2c2;
	border-bottom: 1px solid #c4c2c2;
	border-left: 1px solid #c4c2c2;
}

#map-tools .map-tool
{
	float: left;
	margin: 0 20px 0 0;
}

#map-tools .map-tool a
{
  display: block;
  margin: 3px 0 0 0;
  font-weight: 900;
	color: #fff;
  text-decoration: none;
}

#map-tools .map-tool a:hover
{
  text-decoration: underline;
}

#map-tools .map-tool-enlarge,
#map-tools .map-tool-center
{
	float: right;
	margin: 3px 0 0 0;
}

#map-tools .map-tool-enlarge a#map-tool-label,
#map-tools .map-tool-center a#map-tool-label-center
{
	display: block;
  margin: 0 0 0 15px;
	padding: 0 16px 0 0;
	color: #fff;
	font-weight: 900;
	text-decoration: none;
}

#map-tools .map-tool-enlarge a#map-tool-label
{
  background: transparent url(/images/map-enlarge-button.gif) no-repeat right 10%;
}

#map-tools .map-tool-center a#map-tool-label-center
{
  background: transparent url(/images/map-center-button.gif) no-repeat right 10%;
}

#map-tools .map-tool-enlarge a:hover#map-tool-label,
#map-tools .map-tool-center a:hover#map-tool-label-center
{
	text-decoration: underline;
}

#map-tools .map-tool input,
#map-tools .map-tool label
{
	float: left;
}

#map-tools .map-tool label
{
	margin: 3px 0 0 3px;
	color: #fff;
	font-weight: 900;
}

/*
==============================
J. Summary Data Styles
==============================
*/

#summary-data
{
	clear: both;
  padding: 0 1px 1px 0;
	background: #ebebeb;
	border: 1px solid #c4c2c2;
	overflow: hidden;
}

#summary-data h2.summary-data-header
{
	color: #525150;
}

#summary-data #summary-data-reports
{
	float: right;
  margin: 0 2px 0 0;
}

#summary-data #summary-data-reports
{
	color: #525150;
}

#summary-data #summary-data-reports a:link,
#summary-data #summary-data-reports a:visited
{
  color: #525150;
  font-weight: 900;
	text-decoration: underline;
}

#summary-data #summary-data-reports a:hover,
#summary-data #summary-data-reports a:active
{
  color: #9E0009;
}

#summary-data #summary-data-reports p
{
	margin: 7px 10px;
}

#summary-data table#summary-data-table-header
{
	width: 950px;
	padding: 0;
	color: #7d7c7c;
	border-top: 1px solid #c4c2c2;
  border-right: 1px solid #c4c2c2;
	background: #fff;
}

#summary-data table#summary-data-table-header th,
#summary-data table#summary-data-table td
{
	text-align: center;
}

#summary-data table#summary-data-table-header th
{
	padding: 4px 0;
	color: #5c5b5a;
	border-right: 1px solid #ebebeb;
	border-bottom: 4px solid #ebebeb;
}

#summary-data table#summary-data-table-header tr.groups th
{
        cursor: pointer;
}

#summary-data table#summary-data-table-header .group-num,
#summary-data table#summary-data-table .group-num,
#summary-data table#summary-data-table-header .gmm,
#summary-data table#summary-data-table .gmm,
#summary-data table#summary-data-table-header .status,
#summary-data table#summary-data-table .status,
#summary-data table#summary-data-table-header .event,
#summary-data table#summary-data-table .event,
#summary-data table#summary-data-table-header .exacter,
#summary-data table#summary-data-table .exacter,
#summary-data table#summary-data-table-header .merit,
#summary-data table#summary-data-table .merit,
#summary-data table#summary-data-table-header .included-date,
#summary-data table#summary-data-table .included-date,
#summary-data table#summary-data-table-header .in-gmm,
#summary-data table#summary-data-table .in-gmm
{
	width: 94px;
}
#summary-data table#summary-data-table-header .analysis-date,
#summary-data table#summary-data-table .analysis-date
{
	width: 115px;
}


#summary-data table#summary-data-table-header .coordinates,
#summary-data table#summary-data-table .coordinates,
#summary-data table#summary-data-table-header .actions,
#summary-data table#summary-data-table .actions,
#summary-data table#summary-data-table-header .information,
#summary-data table#summary-data-table .information,
#summary-data table#summary-data-table-header .detection-time,
#summary-data table#summary-data-table .detection-time
{
	width: 185px;
}

#summary-data table#summary-data-table
{
	width: 950px;
	padding: 0;
	color: #7d7c7c;
  border-bottom: 1px solid #c4c2c2;
  border-right: 1px solid #c4c2c2;
	background: #fff;
}

#summary-data table.group-summary-data tr.selected td
{
	background-color: #e2f0b9;
  color: #7d7c7c;
}

#summary-data table.territory-summary-data tr.selected td
{
	background-color: #cee0ee;
  color: #7d7c7c;
}

#summary-data table#summary-data-table td
{
	padding: 4px 0;
	color: #7d7c7c;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

#summary-data table#summary-data-table a:link,
#summary-data table#summary-data-table a:visited
{
	color: #525150;
	font-weight: normal;
	text-decoration: underline;
}

#summary-data table#summary-data-table a:hover,
#summary-data table#summary-data-table a:active
{
	color: #9E0009;
}

#summary-data table#summary-data-table td.group-number
{
	font-weight: 900;
	text-align: left;
}

#summary-data table#summary-data-table td.last
{
	border-bottom: 0;
}

#summary-data #scrollbar_content,
#summary-data #scrollbar_content_mcontentwrapper
{
  position: relative;
  overflow: hidden;
  height: 200px;
}

#summary-data table#summary-data-table-header th.asc,
#summary-data table#summary-data-table-header th.desc {
  background-position: 3px 10px;
  background-repeat: no-repeat;
  background-color: #DEDEDE;
}

#summary-data table#summary-data-table-header th.asc {
  background-image: url(/images/arrow_down.gif);
}

#summary-data table#summary-data-table-header th.desc {
  background-image: url(/images/arrow_up.gif);
}


/*
=============================
K. Dialog Box Content Styles
=============================
*/

#loading-box
{
	position: absolute;
	top: 200px;
  left: 44%;
	padding: 20px 30px;
	text-align: center;
	background: #fff;
	border: 1px solid #aba9a9;
	z-index: 9999;
}

#loading-box p
{
	margin: 15px 0 0 0;
	font-size: 18px;
	font-weight: 900;
	color: #6d6d6d;
	text-transform: uppercase;
}

table#complete-details,
div.event_details table
{
	margin: 0 0 12px 0;
	padding: 0;
	color: #000;
	text-align: left;
	border-top: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
}

div.event_details table
{
	margin: 0 0 2px 0;
}

div.event_details
{
	width: 100%;
	margin: 5px 0 0 0;
}

p.event_comments
{
	margin: 0 !important;
  padding: 0 !important;
  color: #666;
}

table#complete-details td,
table#complete-details th,
div.event_details table td,
div.event_details table th
{
	padding: 4px 7px;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

#dialog-content h3
{
	margin: 0 0 5px 0;
	font-size: 10px;
	line-height: 12px;
	color: #000;
}

#dialog-content h3 em
{
  font-weight: normal;
}

#dialog-content p
{
	margin: 0 0 5px 0;
}

#dialog-content a:link,
#dialog-content a:visited
{
	color: #465d00;
	text-decoration: underline;
}

#dialog-content a:hover,
#dialog-content a:active
{
	color: #9E0009;
}

#dialog-content a#details-link
{
	display: block;
	padding: 0 0 0 15px;
  font-weight: 900;
	background: transparent url(/images/group-action-default-icon.gif) no-repeat 0 50%;
}

#dialog-content a#details-link.details-shown
{
  background: transparent url(/images/group-action-default-icon-down.gif) no-repeat 0 50%;
}

#dialog-content form#update_state_form
{
  margin: 0 0 15px 0;
}

#dialog-content form#update_state_form input
{
  margin: 0 5px 0 0;
}

#dialog-content form#update_state_form textarea
{
  padding: 2px;
  font-family: tahoma, verdana, sans-serif;
  font-size: 11px;
  line-height: 13px;
  margin: 0 0 5px 0;
}

#dialog-content .history_event
{
	margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #ccc;
}


/*
==============================
L. Footer Styles
==============================
*/

#footer
{
	padding: 3px 0;
	text-align: center;
	background: #e7e7e7 url(/images/footer-bkgd.gif) repeat-x;
	border-top: 1px solid #c1bfbf;
	border-bottom: 1px solid #aba9a9;
}

#footer a:link,
#footer a:visited
{
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}

#footer a:hover,
#footer a:active
{
	color: #9E0009;
}


/*
==============================
M. Standards-based CSS Fixes
==============================
*/

/* Turns off dotted outline around links in Firefox */
a:link,
a:visited,
a:hover,
a:active
{
  outline: 0;
}

.clearfix:after
/* CSS code for Firefox and Safari so floated elements inside this container define the height of the container. */
{
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}



/*
==============================
N. Global Required & Error Form Styles
==============================
*/

p.flash-notice,
p.flash-error
{
  font-size: 14px;
  line-height: 14px;
  font-weight: 900;
}

p.flash-notice
{
  color: green;
}

p.flash-error
{
  color: red;
}

.errorExplanation, #messages ul.warnings
{
  margin: 0 0 15px 0;
  padding: 10px;
  color: #660000;
  font-size: 11px;
  line-height: 14px;
  border: 1px solid #660000;
  background: #EEE;
}

#messages ul.warnings {
  list-style: none;
  margin: 1em 2em;
}

.errorExplanation h2
{
  margin: 0 0 7px 0;
  font-size: 12px;
  line-height: 16px;
}

.errorExplanation ul
{
  margin: 0 !important;
  padding: 0 0 0 15px;
  color: #660000 !important;
}

.required
{
	color: red !important;
}

.required label
{
  font-weight: normal;
  color: red !important;
}

.note
{
  color: #515151;
  font-size: 11px;
  line-height: 13px;
}

div.fieldWithErrors {
  display: inline;
}

div.fieldWithErrors input {
  background: #EEE;
}