/* RESET CSS */
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,button {margin:0; padding:0;}
img {max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;}
ol,ul {list-style:none;}
th {text-align:left;}
/* END RESET CSS */

a, button { text-decoration: none; outline-style: none; }
a:hover { text-decoration: underline; }
a.shortcut { border: 1px solid #545454; margin-right: 1.4em; }
a.shortcut span.cis-icon { background-image: url(images/cis_icons_white.png); }
a.shortcut:hover span.cis-icon { background-image: url(images/cis_icons_red.png); }
body { color: #454545; font-family: 'Lucida Grande','Lucida Sans',Arial,sans-serif; font-size: 11px; height: 100%; width: 100%; min-width: 700px; }
button.add { margin-bottom: .5em; }
div.color_picker { float: left; display: inline; margin-right: 5px; }
input[type="text"], select { border: 1px solid #b6b6b6; }
strong { font-weight: bolder; }
/*table.dataTable thead th.num div.DataTables_sort_wrapper { padding-right: 10px; }*/
td.num, th.num { text-align: right; }
td.header {
	color: #fff;
	background: #ededed url(images/474747-626262_gradient.png) bottom repeat-x; /* Old browsers */
		background: -moz-linear-gradient(top, #474747 0%, #626262 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#26262)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #474747 0%,#626262 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #474747 0%,#626262 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #474747 0%,#626262 100%); /* IE10+ */
		background: linear-gradient(top, #474747 0%,#626262 100%); /* W3C */
}

/* Top right close link */
#close { color: #fff; line-height: 18px; }
#close .left { margin-right: 5px; }

#dialog_demographicsoverlay { overflow: hidden; }
#dialog_editlocation input[type="text"] { width: 200px; }
#dialog_route input[type="text"], .shape_list input[type="text"] { width: 42px; }
#dialog_settings input[type="text"] { width: 32px; text-align: center; }
#edit-tabs ul, #find-tabs ul { margin-top: -2px; }
#error_dialog, #alert_dialog, #confirm_dialog, .demo_row, .dialog_main { padding: 1em 1.4em; }
#dialog_editlocation .multiselect { width: 100%; height: 240px; }
#find-tabs .ui-tabs-panel { padding: 0; }
#geocode_list, #map_item_list { overflow-y: auto; }
#main { border: 0; }
#map_item_list li { display: block; background-color: #ddd; border: 1px solid #ccc; padding: 3px 0; margin-bottom: 10px; }
#map_item_list li.mapitem_active { background-color: #ccc; border-color: #9d9d9d;}
#overlay_legend { height: 140px; width: 260px; border: 1px solid #b6b6b6; overflow-y: auto; background-color: #fff; }
#overlay_legend input { width: 60px; }
#paginator { background-color: #535353; padding: .5em 1.4em; border: 0; overflow: hidden; }
#paginator a { float: left; display: inline; margin-right: 1em; }
#paginator a:hover span { background-image: url(images/ui-icons_222222_256x240.png); background-color: #f8f8f8; }
#paginator span { background-image: url(images/ui-icons_ffffff_256x240.png); }
#paginator_info { color: #fff; }
#route_labels_1 { margin-bottom: 1em; }
#segmentCount { padding-top: 3px;}
#separator { background-color: #eee; border: 1px solid #ccc; display: block; outline: medium none; border-width: 0 1px; width: 5px; margin-left: 5px; float: right; }
#sidebar { border: 0; }
#sidebar .button_bar { padding: 10px 15px; }
#sidebar_main { border-width: 0 0 1px 1px; overflow: hidden; }
#sidebar_south { border-width: 1px 0 0 1px;overflow-y: auto; }
#south_status { padding: 0 15px; border-left: 1px solid #ccc; overflow: hidden; line-height: 33px; }
#spinner { margin-left: 1em; }
#tabs { border: 0; padding: 0; background-color: #535353; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
#shape_list input[type="text"] { width: 180px; }
#sidebar_main .ui-button, .just_buttons .ui-button { width: 100%; margin-bottom: 1em; }
#sidebar_main .buttonset .ui-button { width: auto; }
#textEditorTable { border-collapse: collapse; }
#textEditorTable input[type="checkbox"] { position: relative; top: 2px; }
#textEditorTable input[type="text"] { width: 40px; }
#textEditorTable td { border: 1px solid #b6b6b6; border-width: 0 1px; }
#textEditor_buttons { padding-top: 1px; float: right; margin-right: 50px; }
#textEditor_buttons button { margin-right: 10px; }
#textEditor_buttons button .ui-button-text { padding: 0 .5em; }
#upload_form input[type="text"] { width: 100px; }
#upload_form .shaded { width: 60%;}

.blue { color: #018cad; }
.button_section { border-bottom: 1px solid #b6b6b6; margin-bottom: 10px; }
.close_button { background-color: #535353; padding-bottom: 0; }
.color_picker, .widget_color { border: 1px solid #ccc; height: 16px; width: 16px; }
.color_widget { position: fixed; z-index: 3; }
.demo_row .demo { width: 50%; }
.demo_title div { float: left; display: inline; margin-right: 2em; }
.help { color: #808080; }
.help, .nohelp { margin-bottom: .5em; }
.left { float: left; display: inline; }
.legend { border: 0; }
.legend a { color: #454545; text-align: center; }
.legend a:hover { background-color: #ccc; text-decoration: none; }
.legend li { cursor: default; padding: 6px 1.4em; line-height: 18px; }
.legend li:hover { background-color: #cee0ef; cursor: pointer; }
.legend li div { line-height: 18px; }
.legend span.showrank { background-image: url(images/ui-icons_327e04_256x240.png); }
.odd { background-color: #eee; }
.options_header { font-weight: bold; }
.options_section { margin-bottom: 10px; }
.options_table { border-spacing: 0; width: 100%; }
.options_table input[type="checkbox"] { position: relative; top: 2px; }
.options_table td, .options_table th { padding: 5px 1em; line-height: 18px; }
.options_table td { border-bottom: 1px solid #e2e6ef }
.options_table tfoot th { border-top: 1px solid #b6b6Bb; }
.options_table td.shaded, .options_table th.shaded { background-color: #eee; }
.options_table tr.last td { border-bottom: 0; }
.optionrow { margin: 3px 0; }
.pane, .report_options { display: none; }
.right { float: right; display: inline; }
.segment_selector { background-color: #d6e9d0;/*blue: #cee0ef*/ padding: .5em 1.4em; border-bottom: 1px solid #b6b6b6; }
.select_add, .text_add { margin-top: 1em; }
.select_add_buttons, .text_add_buttons { margin-left: 5px; }
.shape_header { margin-bottom: 1em; font-weight: bold;}
.shape_list { border: 1px solid #545454; border-spacing: 0; width: 100%; margin-bottom: 1em; }
.shape_list td, th { padding: 5px; }
.shape_list th { background-color: #545454; color: #fff; font-weight: bold; }
.shape_list tfoot td { border-top: 1px solid #ccc; }
.shape_section { margin-bottom: 1em; }
.well { background-color: #ddd; border-bottom: 1px solid #bbb; padding: .5em 1.4em; }

/* Transparent */
.transparent { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }

/* preLoad */
#preLoad {
	width: 100%; height: 100%; background: #fff; position: absolute; top: 0; z-index: 1005;
	-ms-transition: visibility 0s linear 1s, opacity 1s ease-in-out 0s;
	-moz-transition: visibility 0s linear 1s, opacity 1s ease-in-out 0s;
	-webkit-transition: visibility 0s linear 1s, opacity 1s ease-in-out 0s;       
	-o-transition: visibility 0s linear 1s, opacity 1s ease-in-out 0s;
	transition: visibility 0s linear 1s, opacity 1s ease-in-out 0s;
}
#preLoad div { position: absolute; top: 50%; left: 50%; height: 60px; margin-top: -30px; margin-left: -24px; text-align: center; }

/* MultiSelect styles */
.multiselect, .select_add_list, .text_add_list { width: 260px; height: 140px; overflow-y: auto; overflow-x: hidden; border: solid 1px #b2b2b2; background: #fff; }
.multiselect input { margin: 3px 3px 0 0; }
.multiselect label, .multiselect div { padding: 2px 5px; display: block; }
.multiselect label:hover, .multiselect div:hover { background-color: #cee0ef; }

/* Bottom menu styles */
.nav a.nav-toggle { display: inline-block; border-right: 1px solid #ccc; line-height: 33px; padding: 0 10px 0 15px; color: #222; text-decoration: none; font-weight: bold; width:165px; }
.nav a.nav-toggle:hover, .nav a.open {
	color: #fff;
	background: #535353 url(images/474747-626262_gradient.png) top repeat-x; /* Old browsers */
		background: -moz-linear-gradient(center top, rgb(071,071,071), rgb(090,088,089)); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(090,088,089)), color-stop(1, rgb(071,071,071))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgb(090,088,089) 0%, rgb(071,071,071) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgb(090,088,089) 0%, rgb(071,071,071) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgb(090,088,089) 0%, rgb(071,071,071) 100%); /* IE10+ */
		background: linear-gradient(top, rgb(090,088,089) 0%, rgb(071,071,071) 100%); /* W3C */
}
.nav a.nav-toggle:hover span.blue { color: #fff; }
.nav span.ui-icon { float: right; margin-top: 8px; }
.nav .dropdown { float: left; display: inline; }
.nav a.open .blue { color: #fff; }
.nav a:hover .ui-icon, .open .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); }
.nav-menu {
	overflow-y: auto;
	max-height: 600px;
	background-color: rgb(202, 202, 202);
	background-color: rgba(0, 0, 0, 0.7); /* RGBa with 0.7 opacity */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000); /* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000)"; /* For IE 8*/
	z-index: 999; position: relative; left: 0;
}
.nav-menu .selected { font-weight: bold; background: url(images/green_dot.png) 90% 50% no-repeat; }
.nav-menu a { border-bottom: 1px solid #999; color: #fff; display: block; padding: 10px 20px; }
.nav-menu a:hover { background: url(images/ffffff-transparent_gradient.png) top repeat-x; text-decoration: none; }

/* jQuery UI */
#sidebar .ui-button .ui-button-text { text-align: left; }
.ui-button.ui-button-primary {
	color: #fff;
	background: #ededed url(images/95d65d-78b936_gradient.png) bottom repeat-x; /* Old browsers */
		background: -moz-linear-gradient(top, #95d65d 0%, #78b936 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95d65d), color-stop(100%,#78b936)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #95d65d 0%,#78b936 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #95d65d 0%,#78b936 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #95d65d 0%,#78b936 100%); /* IE10+ */
		background: linear-gradient(top, #95d65d 0%,#78b936 100%); /* W3C */
}
.ui-button.ui-button-primary .ui-button-text{ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); }
.ui-button.ui-button-primary .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-icon-red, .ui-widget-content .ui-icon-red { background-image: url(images/ui-icons_ff0000_256x240.png); }

/* Super-lame hack to get the select widget to do what we want */
.ui-selectmenu-open li.ui-selectmenu-item-focus.ui-selectmenu-item-selected a { color: #4f4f4f; }
.ui-selectmenu-open li.ui-selectmenu-item-focus.ui-selectmenu-item-selected.ui-state-hover a { color: #fff; }

/* CIS Icons */
#sidebar_main .ui-button.ui-state-default .ui-icon, .cis-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; width: 16px; height: 16px; background-image: url(images/cis_icons_red.png); }
#sidebar_main .ui-button.ui-state-hover .ui-icon, #sidebar_main .ui-button.ui-state-active .ui-icon { background-image: url(images/cis_icons_white.png); }
.ui-dialog-title .cis-icon { background-image: url(images/cis_icons_white.png); float: left; margin-right: .7em; }

.cis-icon-square { background-position: 0 0; }
.cis-icon-circle { background-position: -16px 0; }
.cis-icon-custom { background-position: -32px 0; }
.cis-icon-selectzip { background-position: -48px 0; }
.cis-icon-selectroute { background-position: -64px 0; }
.cis-icon-listoptions { background-position: 0 -16px; }
.cis-icon-home { background-position: -16px -16px; }
.cis-icon-auto { background-position: -32px -16px; }
.cis-icon-additional { background-position: -48px -16px; }
.cis-icon-lifestyles { background-position: -64px -16px; }
.cis-icon-individual { background-position: -80px -16px; }
.cis-icon-children { background-position: -96px -16px; }
.cis-icon-credit { background-position: -112px -16px; }
.cis-icon-financial { background-position: -128px -16px; }
.cis-icon-included { background-position: -144px -16px; }
.cis-icon-pdf { background-position: 0 -32px; }
.cis-icon-settings { background-position: -16px -32px; }
.cis-icon-ruler { background-position: -32px -32px; }
.cis-icon-editlocation { background-position: -48px -32px; }
.cis-icon-findlocation { background-position: -64px -32px; }
.cis-icon-identifyshape { background-position: -80px -32px; }
.cis-icon-identifyzip { background-position: -96px -32px; }
.cis-icon-identifyroute { background-position: -112px -32px; }