/*
Theme Name: Integraph Global Styles

[Table Of Contents] 

	0- Reset & Layout
	1- Global
	2- Links
	3- Header
	4- Sub Header
	5- Discrete Controls
	6- Map
	7- Extras

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

body { font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif; vertical-align: top; font-size:.75em; line-height:1.35em; color: #000;}
.clearfix:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }
.clear { clear:both; height:1px; font-size:1px; padding:0; margin:0; }
.icon { display:block; }

/*General Content Styles*/
h1 { font-size:1.5em; }
h2 { font-size:1.333em; }
h3 { font-size:1.167em; }
h1,h2,h3,h4,h5,h6 { margin-bottom:12px; font-weight:normal; }

p, ul, dl, ol, table, img { margin-bottom:12px; }

ul { list-style:disc; }
ol { list-style:decimal; }
.loc-left-align {text-align: left;}
.error { color:#d9130d; font-weight:bold;font-size:1.15em }
label.error {width:200px !important; margin-left:10px !important;}
button { cursor:pointer; }

	
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:visited					{	color: #022b4f; text-decoration:none; }
a:link			{	color: #1580b3; text-decoration:none;}
a:hover 					{	color: #0a5472; text-decoration:underline; }


/* =3 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* .head { background:#11355d url(../images/sprite-ui.png) repeat-x 0 -30px; min-height:50px;min-width:978px} */
.head { background:#424242 ; min-height:50px;min-width:1450px;}
.head:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }
.head h1 { font-size:1em; }

.logo { height:19px; margin:10px 10px 0 2px; padding:3px 0 0 10px;  float:left;display:block }
.logo a { color:#fff; font-size:1.333em; font-weight:bold; text-decoration:none; margin-left:20px; }
.logo img {margin-top:-13px;margin-left:-31px;}
.new-logo { height:30px;width:180px; float:right; background:url(../images/ingr_hex_logo.png) no-repeat 0 0; margin-top:10px;margin-right:25px;position:relative;margin-bottom:10px;display:block}
.new-logo span { position:absolute; left:-999em; }

.head-search { background:#424242; margin-top:10px; margin-left:20px; float:left; color:#fff; padding:0px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.head-search:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }
.head-search label, .head-search input, .head-search button { float:left; display:block; margin:0; }
.head-search button { font-weight:bold; text-transform:uppercase; font-size:14px; border:none; color:#fff; height:23px; padding:0 15px; font-family: Arial,Helvetica,sans-serif; position:relative; }
.head-search button span { position:relative; top:-1px; }
.head-search input { padding:0 5px; height:21px; margin-right:3px; font-size:11px; line-height:21px; }
.head-search label { margin-right:8px; font-size:1.083em; padding:2px 0 0 5px; }
.head-search .hint { color: gray; font-style: italic;} 
.head-search img{ margin-bottom:0px; }

.noti-items { float:left; list-style:none; font-size:.917em; color:#305d90; margin:16px 0 0 20px;}
.noti-items li { display:block; float:left; }

.nav-user { float:right; list-style:none; font-size:.917em; color:#305d90; margin:16px 10px 0 0; }
.nav-user li { display:block; float:left; }
.nav-user a { color:#fff; }
.nav-user .separator { padding:0 9px; }
.icon-message { padding-left:16px; background:url(../images/sprite-ui.png) no-repeat 0 -446px; }
.icon-configure { background:url(../images/sprite-ui.png) no-repeat right -792px; padding-right:12px; }


/* =4 Sub Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.subhead { background:#b4b4b4; width:100%; padding-top:2px; margin-bottom:25px;min-width:1450px }
.subhead:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }

.nav, .nav ul { /* all lists */ list-style: none; margin:0; }

.nav { font-size:1.167em; padding-left:10px; }
.nav a { display: block; margin:0 10px; line-height:1; padding:10px 19px; color:#000; }
.nav a:hover, .nav a.hover { color:#0a5472; text-decoration:none; }
.nav li { float: left; background:url(../images/sprite-ui.png) no-repeat right -500px; padding-right:1px; }
.nav li.icon-dropdown a { background:url(../images/sprite-ui.png) no-repeat right -582px; padding-right:29px; }
.nav li.icon-dropdown a:hover, .nav li.icon-dropdown a.hover { background-position:right -682px; }
.nav li.selected a { background-color:#fff; border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; }
.nav li.selected a.hover { color:#000; background-color:#e5e5e5; background-position:right -582px; }
.nav li.selected a:hover { color:#000; }

/*dropdown*/
.nav li ul.dropdown { position: absolute; border-left:1px solid #b4b4b4; border-right:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; background:#fff; min-width:150px; left: -999em; margin-left:10px; padding:7px 0; z-index:1500; }
.nav li:hover ul.dropdown { left: auto; }
.nav li li { float:none; font-size:.906em; background:none; padding:0; }
.nav li li a, .nav li li strong { padding:4px 17px !important; background:none !important; color:#2d2d2d; margin:0; }
.nav li li a:hover { color:#fff !important; background-color:#f17c33 !important; }
.nav li.selected li a { background:none; }

/*megamenu*/
.nav li .megamenu li li { font-size:1em; }
.nav li .megamenu li.col { width:147px; float:left; }
.nav li .megamenu li ul { margin-bottom:4px; }


	
/* =5 Discrete Controls
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/*PRIMARY AND SECONDARY BUTTONS STYLES*/
.primary-btn, .secondary-btn { display:inline-block; background:url(../images/sprite-ui.png) repeat-x -999em -150px; line-height:1; padding:6px 15px 6px 15px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; text-decoration:none; border:none; position:relative; }

.primary-btn:visited { background-position: 0 -150px; color:#fff; text-shadow:0 -1px #09384d; background-color:#116c94; }
.primary-btn:link, .primary-btn { background-position: 0 -150px; color:#fff; text-shadow:0 -1px #09384d; background-color:#116c94; }
.primary-btn:hover { background-position:0 -250px; background-color:#032d52; text-decoration:none;  }
.primary-btn:active { background-position:0 -250px; background-color:#032d52;  color:#70cef2; }

.secondary-btn:visited { background-position: 0 -350px; color:#022b4f; text-shadow:0 1px #fff; background-color:#b5b5b5; }
.secondary-btn:link, .secondary-btn { background-position: 0 -350px; color:#022b4f; text-shadow:0 1px #fff; background-color:#b5b5b5; }
.secondary-btn:hover { text-decoration:none; color:#000;  }
.secondary-btn:active { color:#167fb2; }

.primary-btn.disabled, .secondary-btn.disabled { border:1px solid #cbcaca; background:#fff; cursor: auto; color:#b8b8b8; text-shadow:none; padding-top:5px; padding-bottom:5px; }

h1 .primary-btn, h1 .secondary-btn { font-size:.667em; margin-left:15px; position:relative; top:-1px; }

.third-btn { font-size:.900em; display:inline-block; background:url(../images/sprite-ui.png) repeat-x -999em -150px; line-height:1; padding:6px 15px 6px 15px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; text-decoration:none; border:none; position:relative; }
.third-btn:visited { background-position: 0 -350px; color:#022b4f; text-shadow:0 1px #fff; background-color:#b5b5b5; }
.third-btn:link, .third-btn { background-position: 0 -350px; color:#022b4f; text-shadow:0 1px #fff; background-color:#b5b5b5; }
.third-btn:hover { text-decoration:none; color:#000;  }
.third-btn:active { color:#167fb2; }

/*COMMON INPUT*/
.common-input { line-height:1; border:1px solid #cbcbcb; padding:3px 5px; }
.common-input:hover { border:1px solid #167fb2; }
.common-input:focus { border-left:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; border-top:1px solid #7f7f7f; border-right:1px solid #7f7f7f; }
.common-input.disabled { background:#e8e6e6; }
.common-input.disabled:hover { border:1px solid #cbcbcb; }

/*COMMON TEXTAREA*/
.common-textarea { padding:3px 5px; border:1px solid #cbcbcb; font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif; resize: none;}
.common-textarea:hover { border:1px solid #167fb2; }
.common-textarea:focus { border-left:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; border-top:1px solid #7f7f7f; border-right:1px solid #7f7f7f; }
.common-textarea.disabled { background:#e8e6e6; }
.common-textarea.disabled:hover { border:1px solid #cbcbcb; }

/*COMMON LABEL*/
label { display:inline-block; }

/*COMMON CHECKBOX*/
.common-chbx { margin:0 8px 0 0; }


.common-label { margin:0 0 0 8px; }

/*COMMON COMBO*/
.common-combo { display:block; display:inline-block; vertical-align:bottom; margin-right:20px;word-wrap:break-word; }/*margin-left:-3px; }*/
.common-combo input.ffb-input { margin:0; border:1px solid #cbcbcb; color:#000; padding:0 5px; line-height:22px; height:22px; }

/*COMMON SELECT*/
/*select.hide { display:none; }*/

/* =6 Map
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.module-map { position:relative; }

.nav-zoom { 
	list-style:none; 
	 margin:0; 
	 position:absolute; 
	 top:105px; 
	 left:24px; 
	 width:17px; 
	 /*height:173px;*/ 
	 background:#fff; 
	 border-radius:8px; 
	 -moz-border-radius:8px; 
	 -webkit-border-radius:8px; 
	 border:1px solid #d2d2d2; 
	 padding:3px; 
	 z-index:2;
	 }
  	/*1-7HSKDF*/ 
.nav-zoom a { font-size: 0px; line-Height: 0px; display:block; }
.icon-zoomout, .icon-zoomin { 
	width:17px; 
	height:17px; 
	background:#5089b4; 
	border-radius:8px; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	margin-bottom:6px; 
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69a4d2', endColorstr='#4c81a8');*/ /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#69a4d2), to(#4c81a8)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #69a4d2,  #4c81a8); /* for firefox 3.6+ */
	position:relative;
	}	
.icon-zoomin .icon { width:7px; height:8px; background: url(../images/sprite-ui.png) no-repeat -45px -900px; position:absolute; top:50%; left:8px; margin:-5px 0 0 -3px; }	
.icon-zoomout .icon { width:7px; height:3px; background: url(../images/sprite-ui.png) no-repeat -55px -900px; position:absolute; top:50%; left:8px; margin:-2px 0 0 -3px; }	
.icon-tick { 
	height:3px; 
	width:15px; 
	background:#e4e4e4; 
	border:1px solid #f4f4f4; 
	margin-bottom:6px; 
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	box-shadow: inset 0 1px 0 0 #c9c9c9; 
	-moz-box-shadow: inset 0 1px 0 0 #c9c9c9; 
	-webkit-box-shadow: inset 0 1px 0 0 #c9c9c9;  
	}
.icon-tick.selected { 
	border:1px solid #c8d8e5;
	background:#5898c9;
	box-shadow: inset 0 1px 0 0 #508ab7;
	-moz-box-shadow: inset 0 1px 0 0 #508ab7;
	-webkit-box-shadow: inset 0 1px 0 0 #508ab7;
}

.nav-scroll { 
	list-style:none; 
	margin:0; 
	position:absolute; 
	width:40px; 
	height:40px; 
	border:1px solid #fff; 
	background:#538eba; 
	top:57px; 
	left:15px; 
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	z-index:2;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69a4d2', endColorstr='#4c81a8');*/ /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#69a4d2), to(#4c81a8)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #69a4d2,  #4c81a8); /* for firefox 3.6+ */
	}
	/*1-7HSKDF*/ 
.nav-scroll a { display:block; font-size: 0px; line-Height: 0px; }
.icon-scrollup, .icon-scrolldown { width:12px; height:10px; position:absolute; left:50%; margin-left:-6px; }
.icon-scrollright, .icon-scrollleft { width:11px; height:11px; position:absolute; top:50%; margin-top:-6px; }
.icon-scrollup { background:url(../images/sprite-ui.png) no-repeat -27px -914px; top:5px; }
.icon-scrolldown { background:url(../images/sprite-ui.png) no-repeat -17px -914px; top:26px; }
.icon-scrollright { background:url(../images/sprite-ui.png) no-repeat -8px -914px; left:25px; }
.icon-scrollleft { background:url(../images/sprite-ui.png) no-repeat 2px -914px; left:5px; }

.map-options { 
	position:absolute; 
	top:44px; 
	right:25px; 
	background:#fff; 
	border:1px solid #ced5d9; 
	border-radius:9px;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	padding:0 20px;
	z-index:2;
	}
.map-options:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }
.map-options, .map-options ul { list-style: none; line-height: 1; }
.map-options a { display: block; padding:0 10px 0 15px; font-size:.917em; position:relative; border-left:1px solid #ced5d9; }
.map-options li:first-child a { border-left:none; }
	.map-options .icon-area { padding-left:27px; }
	.map-options .icon-ruler { padding-left:29px; }
	.map-options .icon-more { padding-right:12px; padding-left:10px; }
	.map-options .icon-layers { padding-left:24px; }
	.map-options .icon-redlines { padding-left:24px; }
    .map-options .icon-employees { padding-left:20px; }
	.map-options .icon-query { padding-left:24px; }
    .map-options .icon-geofence { padding-left:24px; }
.map-options .separator { display:block; float:left; }
.map-options li { float: left; padding:6px 0; }
.map-options li ul { position: absolute; background:#fff; border:1px solid #ced5d9; left: -999em; }
.map-options li:hover ul { left: auto; top:23px; }
.map-options li li { border-bottom:1px solid #ced5d9; width:70px; padding:5px 0; clear:both; }
.map-options li li a { border-left:none; }

.map-options .icon { position:absolute; top:0; left:0; background:url(../images/sprite-ui.png) no-repeat -999em -900px; }
.icon-fit-all .icon { width:12px; height:14px; background-position:-65px -900px; }
.icon-area .icon { width:14px; height:14px; background-position:-85px -900px; left:10px; }
.icon-ruler .icon { width:17px; height:8px; background-position:-45px -915px; left:5px; top:3px; }
.icon-more .icon { width:10px; height:4px; background-position:-65px -915px; top:4px; right:0; left:auto; }
.icon-layers .icon { width:14px; height:15px; background-position:-45px -925px; left:5px; }
.icon-redlines .icon { width:15px; height:16px; background-position:-65px -925px; left:5px; }
.icon-employees .icon { width:15px; height:16px; background:url(../images/Elements/PNG/16x16/UserGroup2.png); left:5px; }
.icon-query .icon { width:15px; height:15px; background-position:-85px -925px; left:5px; }
.icon-geofence .icon { width:15px; height:15px;background-position:-65px -925px; left:5px; }

.help-options { 
	position:absolute; 
	top:14px; 
	right:1px; 
	background:transparent; 
	border:0px solid #ced5d9; 
	border-radius:9px;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	padding:0 20px;
	z-index:2;
	}
.help-options:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }
.help-options, .help-options ul { list-style: none; line-height: 1; }
.help-options a { display: block; padding:0 10px 0 15px; font-size:.917em; position:relative; border-left:1px solid #ced5d9; color:white;}
.help-options li:first-child a { border-left:none; }
	
	.help-options .icon-more { padding-right:12px; padding-left:10px; }
	
.help-options .separator { display:block; float:left; }
.help-options li { float: left; padding:6px 0; }
.help-options li ul { position: absolute; background:#fff; border:1px solid #ced5d9; left: -999em; }
.help-options li:hover ul { left: -17px; top:23px; }
.help-options li li { border-bottom:1px solid #ced5d9; width:100px; padding:5px 0; clear:both; }
.help-options li li a { border-left:none;color:Black; }
 
.help-options .icon { position:absolute; top:0; left:0; background:url(../images/sprite-ui.png) no-repeat -24em -90px; }
.icon-more .icon { width:10px; height:4px; background-position:-65px -915px; top:4px; right:0; left:auto; }



/* =7 Extras
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/*DATEPICKER*/
.ui-datepicker { width: 199px; padding: 0 0 1px 0; display: none; border:1px solid #d9d9d9; background:#f2f2f2; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:2px 0; background:#E5E5E5; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 4px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 4px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:2px; }
.ui-datepicker .ui-datepicker-next-hover { right:2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;  }
.ui-datepicker .ui-datepicker-prev span { background:#6f6f6f url(../images/sprite-ui.png) no-repeat -75px -1090px; text-indent:-999em; width:12px; height:12px; }
.ui-datepicker .ui-datepicker-next span { background:#6f6f6f url(../images/sprite-ui.png) no-repeat -75px -1110px; text-indent:-999em; width:12px; height:12px; }
.ui-datepicker .ui-datepicker-prev-hover span, .ui-datepicker .ui-datepicker-next-hover span { background-color:#878787; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; color:#000; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0; }
.ui-datepicker th { padding: 3px 2px; text-align: center; font-weight: bold; border: 0; color:#fff;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding:3px 2px; text-align: right; text-decoration: none; line-height:1; background:#ebebeb url(../images/ui/sprite-ui.png) no-repeat -70px -740px; }
.ui-state-default { border:1px solid #d3d3d3; color:#212121; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker-trigger { padding:0; margin:0 12px 0 0; border:none; display:inline; vertical-align:middle; position:relative; top:-1px; cursor:pointer; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/*COMBO BOXES*/
.ffb-input 
{
	float:left;
}
/* Color of watermark, if present */
.ffb-input.watermark { /* added and removed dynamically */
	color:#888; /* must specify along with input color */
}
/* Drop-down arrow, with sprited image */
.ffb-arrow 
{
	float:left;
	width:19px;
	height:22px;
	background:url(../images/sprite-ui.png) no-repeat -30px -950px;
	border-right:1px solid #cbcbcb;
	border-bottom:1px solid #cbcbcb;
	border-top:1px solid #cbcbcb;
}
.ffb-arrow.out { /* css sprite technique */
	background-position:-30px -950px;
}
.ffb-arrow.over { /* css sprite technique */
	background-position:-65px -950px;
}
.ffb-arrow.active { /* css sprite technique */
	background-position:-65px -950px;
}
.ffb-no-results 
{
	padding:2px;
	color:#888;
	font-style:italic;
	border-bottom:1px solid #828790;
	z-index:5;
}
/* Container for dropdown contents */
.ffb {
	position:absolute; /* this guy's parent div is hard-coded to position:relative */
	overflow:hidden;
	border-left:1px solid #cbcbcb; /* #7B9EBD for Vista */
	border-right:1px solid #cbcbcb;
	border-bottom:1px solid #cbcbcb;
	background-color:#fff; /* Give it a background-color, so it's not transparent */
	top:24px !important;
}
/* Inner div for dropdown */
.ffb .content {
	overflow:auto;
	padding:6px 0;
}
.ffb .content .row {
	color:#2d2d2d;
	clear:both;
	padding:3px 20px;
}
.ffb-sel {
	cursor:pointer;
	cursor:hand;
	color:#fff !important;
	background-color:#f17c33;
	font-weight:bold;
}
.ffb-match {
	font-weight:bold;
	color:#000;
}

/* Paging */
.ffb .paging {
	vertical-align:middle;
}
.ffb .page, .ffb a.page {
	font-size:85%;
	padding:2px;
	border:solid 1px #CBCBCB;
	background-color:#F6F5F5;
	margin:2px;
}
.ffb .box {
	width:22px !important;
	margin:2px;
}
.ffb .summary {
	font-size:85%;
}

.contextMenu { position: absolute; }
.contextMenu ul.dropdown { position: absolute; z-index: 3; border: 1px solid #B4B4B4; background: white; list-style: none; text-decoration: none; 
                           border-radius: 8px; -moz-border-radius: 8px; box-shadow: 5px 5px 8px #888; -webkit-box-shadow: 5px 5px 8px #888; }
.contextMenu li:hover { color:#fff !important; background-color:#f17c33 !important; text-decoration: none; }
.contextMenu .dropdown a { margin-left:5px; padding:4px 17px 4px 17px; }
.contextMenu .dropdown a:hover { text-decoration:none; }

.actionMenu { position: absolute; }
.actionMenu ul.dropdown { position: absolute; z-index: 3; border: 1px solid #B4B4B4; background: white; width:200px; list-style: none; text-decoration: none; }
.actionMenu li.hover { cursor:pointer; cursor:hand; color:#fff !important; background-color:#f17c33 !important; text-decoration: none; }
.actionMenu .dropdown a { margin-left:5px; padding:4px 17px 4px 17px;font-size:13px }
.actionMenu .dropdown .hover a { text-decoration:none; }
.actionMenu-close-button { float:right; margin-top:-22px; margin-left:-22px;}


@media screen and (min-device-width: 481px) and (max-device-width: 1367px) {
    .nav { -webkit-user-select:none;   }
    .nav-zoom { 
	    list-style:none; 
	     margin:0; 
	     position:absolute; 
	     top:105px; 
	     left:24px; 
	     width:20px; 
	     height:200px; 
	     background:#fff; 
	     border-radius:8px; 
	     -moz-border-radius:8px; 
	     -webkit-border-radius:8px; 
	     border:1px solid #d2d2d2; 
	     padding:3px; 
	     z-index:2;
	     }
  
    .nav-zoom a { text-indent:-999em; display:block; }
    .icon-zoomout, .icon-zoomin { 
	    width:19px; 
	    height:19px; 
	    background:#5089b4; 
	    border-radius:8px; 
	    -moz-border-radius:8px; 
	    -webkit-border-radius:8px; 
	    margin-bottom:6px; 
	    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69a4d2', endColorstr='#4c81a8');*/ /* for IE */
	    background: -webkit-gradient(linear, left top, left bottom, from(#69a4d2), to(#4c81a8)); /* for webkit browsers */
	    background: -moz-linear-gradient(top,  #69a4d2,  #4c81a8); /* for firefox 3.6+ */
	    position:relative;
	    }	
    .icon-zoomin .icon { width:9px; height:9px; background: url(../images/sprite-ui.png) no-repeat -45px -900px; position:absolute; top:50%; left:8px; margin:-5px 0 0 -3px; }	
    .icon-zoomout .icon { width:9px; height:4px; background: url(../images/sprite-ui.png) no-repeat -55px -900px; position:absolute; top:50%; left:8px; margin:-2px 0 0 -3px; }	
    .icon-tick { 
	    height:5px; 
	    width:18px; 
	    background:#e4e4e4; 
	    border:1px solid #f4f4f4; 
	    margin-bottom:6px; 
	    border-radius:3px; 
	    -moz-border-radius:3px; 
	    -webkit-border-radius:3px; 
	    box-shadow: inset 0 1px 0 0 #c9c9c9; 
	    -moz-box-shadow: inset 0 1px 0 0 #c9c9c9; 
	    -webkit-box-shadow: inset 0 1px 0 0 #c9c9c9;  
	    }

    .map-options { 
	    position:absolute; 
	    top:44px; 
	    right:25px; 
	    background:#fff; 
	    border:1px solid #ced5d9; 
	    border-radius:9px;
	    -webkit-border-radius:9px;
	    -moz-border-radius:9px;
	    padding:0 20px;
	    z-index:2;
	}
    .icon-fit-all .icon { width:12px; height:15px; background-position:-65px -900px; }
    .icon-area .icon { width:14px; height:15px; background-position:-85px -900px; left:10px; }
    .icon-ruler .icon { width:17px; height:10px; background-position:-45px -915px; left:10px; top:3px; }
    .icon-more .icon { width:10px; height:6px; background-position:-65px -915px; top:4px; right:0; left:auto; }
    .icon-layers .icon { width:14px; height:15px; background-position:-45px -925px; left:5px; }
    .icon-redlines .icon { width:15px; height:15px; background-position:-65px -925px; left:5px; }
    .icon-query .icon { width:15px; height:15px; background-position:-85px -925px; left:5px; }

    .contextMenu { position: absolute; -webkit-user-select:none;}
    .contextMenu ul.dropdown { position: absolute; z-index: 3; border: 1px solid #B4B4B4; background: white; list-style: none; text-decoration: none; 
                               border-radius: 8px; -moz-border-radius: 8px; box-shadow: 5px 5px 8px #888; -webkit-box-shadow: 5px 5px 8px #888; }
    .contextMenu li:hover { color:#fff !important; background-color:#f17c33 !important; text-decoration: none; }
    .contextMenu .dropdown a { margin-left:5px; padding:4px 17px 4px 17px; font-size:14px; height:16px;}
    .contextMenu .dropdown a:hover { text-decoration:none; }

    .event-information .nav-zoom {top:235px;  }
    .event-information .map-options {top:215px;  }

    .unit-map-area .nav-zoom {top:235px;  }
    .unit-map-area .map-options {top:215px;  }
    
}