	@charset "UTF-8";
	@cache-version: `( new Date() ).getTime()` ;
/*
	body {margin:0;padding:0;font-size:11px;overflow:hidden;}
	.menuBarText {color:#f5f5f5;}
	#divResult{margin:0;padding:5px;height:80vh; background: url('../../fis_images/bg/b.jpg?version=@{cache-version}') no-repeat center; background-size: 100%;}
	
	#divStatusBar {background-color:#f5f5f5;}
	.ui-jqgrid-sortable {font:9px;}
	.ui-icon-circle-close {cursor:pointer;}
	#divSpin {color:#f5f5f5; width:300px; text-align:center;}
*/
	/* Menu Button Bar Styles */
	#btnSearch {height:2em;}
	li[role=tab] { white-space: nowrap;}
    li.hr { border-bottom: 1px solid black; }

	/* Dialog Styles */
	.no-close .ui-dialog-titlebar-close {display: none;}
	.ui-dialog .ui-dialog-buttonpane {text-align: center;}
	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: none;}
	.dlgElement-xxsm {text-align:left;display:inline-block; width:2em;}
	.dlgElement-sm {text-align:left;display:inline-block; width:8em;}
	.dlgElement {text-align:left;display:inline-block; width:10em;}
	.dlgElement-med {text-align:left;display:inline-block; width:12em;}
	.dlgElement-lg {text-align:left;display:inline-block; width:15em;}
	div.dlgElement-lg {text-align:left;display:inline-block; width:15em;}
	.dlgElement-xlg {text-align:left;display:inline-block; width:20em;}
	.dlgElement-xxlg {text-align:left;display:inline-block; width:25em;}
	.dlgElement-xxxlg {text-align:left;display:inline-block; width:35em;}
	.dlgButton {padding:.60em; min-width:6em;}
	
	/* dlgInstitution Search Tab Specific */
	#dlgCUInstitutionSearchtabs { width: 470px; }	
	.dlgInstitutionSearchtabs div {height:410px;}
	.dlgCUInstitutionSearchtabs { width: 480px; }	
	.dlgHCInstitutionSearchtabs div {height:410px;}

	.tabFieldsSearchDmgrs label, .tabFieldsSearchDmgrs input {display:inline-block}
	.tabFieldsSearchDmgrs label {padding:.75em; width:14em; text-align:right;}	
	.tabFieldsSearchInst label, .tabFieldsSearchInst input {display:inline-block}
	.tabFieldsSearchInst label {padding:.75em; width:15em; text-align:right;}	
	.tabFieldsSearchQualify label, .tabFieldsSearchQualify input {display:block, padding-left:1em; text-indent:-1em;}
	.tabFieldsSearchQualify label {padding:.75em; margin:0; width:.75em; height:.75em; text-align:left; vertical-align:bottom; position:relative; top:-1px;*overflow:hidden;}	
	.tabFieldsSearchCriteria label , .tabFieldsSearchCriteria input {display:inline-block;}
	.tabFieldsSearchCriteria label {padding:.75em; text-align:right;}	
	.tabFieldsSearchOther label, .tabFieldsSearchOther input {display:inline-block;}
	.tabFieldsSearchOther label {padding:.75em; width:11em; text-align:right;}
	
	.tabgeo-right {padding:.75em; width:20em; text-align:right;}	

	/* dlgReportDefsEdit Tab Specific */

	.tabReportDefsContent label, .tabReportDefsContent input {display:inline-block}
	.tabReportDefsContent label {padding:.75em; width:11em; text-align:left;}
	
	.tabReportDefsLayout label, .tabReportDefsLayout input {display:block, padding-left:1em; text-indent:-1em;}
	.tabReportDefsLayout label {padding:.75em; margin:0; width:.75em; height:.75em; text-align:left; vertical-align:bottom; position:relative; top:-1px;*overflow:hidden;}
	
	.tabReportDefsLineItems label, .tabReportDefsLineItems input {display:inline-block;}
	.tabReportDefsLineItems label {padding:.75em; width:12em; text-align:right;}
	
	.tabReportDefsFormat label, .tabReportDefsFormat input {display:inline-block;}
	.tabReportDefsFormat label {padding:.75em; width:11em; text-align:right;}
	
	.tabReportDefsOrdering label, .tabReportDefsOrdering input {display:inline-block;}
	.tabReportDefsOrdering label {padding:.75em; width:11em; text-align:right;}
	
	.tabReportDefsOptions label, .tabReportDefsOptions input {display:inline-block;}
	.tabReportDefsOptions label {padding:.75em; width:11em; text-align:right;}
	
	.tabReportDefsFinish label, .tabReportDefsFinish input {display:inline-block;}
	.tabReportDefsFinish label {padding:.75em; width:11em; text-align:right;}
	
	.hilight {color:blue;font-weight:bold;}
	.hilight input {border:1px blue;}
	
	.report-bold {font-weight:bold;}

	/* jqGrid Specific */
	.ui-jqgrid{top:-8px; left:-13px;} /* {top:-13px; left:-13px;} */
	th.ui-th-column div { white-space: normal !important; height: auto !important; padding: 2px; }
	
	.xmlList {width:25em; height:20em; overflow-y:auto; overflow-x:auto;}
	.xmlList-med {width:37em; height:20em; overflow-y:auto; overflow-x:auto;}
	.xmlList-med2 {width:43em; height:20em; overflow-y:auto; overflow-x:auto;}
	.xmlList-lg {width:50em; height:20em; overflow-y:auto; overflow-x:auto;}
	.periodsList {width:20em; height:20em; overflow-y:auto; overflow-x:auto;}
	
	
	/*  detailWindow Specific  */
	.ms-wrapper{position:relative;top:5px;left:5px;}
	.divDetailGrid {height:100vh-30}
	.detailWin-wrap{width:100%; border:1px brown solid; font-size:12px; vertical-align:top; display: inline-block; white-space:nowrap; }
	.detailWin-resizable{height:120px; padding:0.5em; display:inline-block; }
	.detailWin-resizable1{height:100%; width:25%; background-color:white; overflow-x:auto; overflow-y:auto; vertical-align:top; }
	.detailWin-resizable2{height:100%; width:75%; background-color:black; overflow:auto; overflow-y:auto; vertical-align:top; }
	/*.ui-resizable-e{cursor:e-resize; width:10px; top:0; bottom:0; background-color:gray; } */
	
	/* Specific Dialog styles */
	.dlgSort{min-height:300px;height:300px;}
	#dlgInstitutionSearch {min-height:460px; min-width:500px; width:auto; height:auto; display:flex;z-index: 50;}

	#dlgInstitutionSearchFT {min-height:460px; min-width:525px; width:auto; height:auto; display:flex;z-index: 50;}
	#dlgHCInstitutionSearch {min-height:460px; min-width:500px; width:auto; height:auto; display:flex;z-index: 50;}
	#dlgCUInstitutionSearch {min-height:460px; min-width:500px; width:auto; height:auto; display:flex;z-index: 50;}
	#dlgCUInstitutionSearchFT {min-height:460px; min-width:500px; width:auto; height:auto; display:flex;z-index: 50;}
	#dlgReportDefsEdit { min-height:450px; min-width:500px; width:auto; height:auto; display:flex;z-index: 75;}
	#tabReportDefsLayout{min-height:360px;}
	#dlgReportDefsEditTabs { min-height:400px;min-width: 37em;} /* 460px; width:575px;} */
	#dlgQuickReport { min-height:450px; min-width:460px; width:auto; height:auto; display:flex;}
	#dlgImportXml {max-width:60em; max-height:50em;}

	.dlgSearch-min {width:6.5em;height:5em;position:fixed; top:0; left:11;}
	
    .contextMenu { font-size: 8pt;width: 100px;}
	
	#divSplash { width:447px; height:338px; -webkit-border-radius: 10px; -moz-border-radius: 10px; position: fixed; top: 50%; left: 50%; background:#000; text-align:center; padding:0px; border:1px solid #666; margin-left: -220px; margin-top: -154px; z-index:2000; overflow: auto; display:inline-block; box-shadow: 10px 10px 5px #888888; } 
/*
	#divSplashImg { }
*/
	.splashText p span { font: #f5f5f5 normal 30px Tahoma, Geneva, sans-serif; }
	#divLoading { width:150px; height:150px; -webkit-border-radius: 10px; -moz-border-radius: 10px; position: fixed; top: 50%; left: 50%; background:#f5f5f5 url("../images/spinner_sm.gif") no-repeat center; text-align:center; padding:10px; font:normal 16px Tahoma, Geneva, sans-serif; border:1px solid #666; margin-left: -75px; margin-top: -75px; z-index:1500; overflow: auto; box-shadow: 7px 7px 5px #888888; }
	.divOverlay {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.3; filter:alpha(opacity=30); z-index:1525;}
	.divSpinner { width:150px; height:150px; -webkit-border-radius: 10px; -moz-border-radius: 10px; position: fixed; top: 50%; left: 50%; background:#f5f5f5 url("../images/spinner_sm.gif") no-repeat center; text-align:center; padding:10px; font:normal 16px Tahoma, Geneva, sans-serif; border:1px solid #666; margin-left: -75px; margin-top: -75px; z-index:1550; overflow: auto; box-shadow: 7px 7px 5px #888888; }
	#dlgStatus { width:300px; height:200px; -webkit-border-radius: 10px; -moz-border-radius: 10px; position: fixed; top: 50%; left: 50%; padding:10px; font:normal 16px Tahoma, Geneva, sans-serif; border:1px solid #666; margin-left: -150px; margin-top: -100px; z-index:2000; overflow: auto; box-shadow: 7px 7px 5px #888888; background-color:#f5f5f5}
/*
	#dlgStatus {z-index: 2000 !important ; box-shadow: 10px 10px 5px #888888;}
*/
	#divImgSpin {background:#f5f5f5 url("../images/spinner_sm.gif") no-repeat center; padding:10px;height:50px;width:90%;text-align:center}
	#divTabsBar { display:table;width:100%}
	.tabBarTd {display: table-cell;vertical-align: middle;width: auto;}
	li[role="tab"].ui-state-disabled { display: none; }

	#divLoggedInAs {text-align:right;font-weight:bold;font-style:italic;font-size:12px;width:100%;}

	/* To remove .noScroll Scrollbar */
	.noScroll::-webkit-scrollbar {display:none;}
	.noScroll::-moz-scrollbar {display:none;}
	.noScroll::-o-scrollbar {display:none;}
	.noScroll::-google-ms-scrollbar {display:none;}
	.noScroll::-khtml-scrollbar {display:none;}

	.gradient {
		color: #fff; /* darker-blue:#5c9ccc; lighter-blue:#8dbadc*/
		height: 100px;
		padding: 0px;
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, left bottom, from(#8dbadc), to(#5c9ccc));
		/* For Mozilla/Gecko (Firefox etc) was #00f, #fff */
		background: -moz-linear-gradient(top, #8dbadc, #5c9ccc);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8dbadc, endColorstr=#5c9ccc);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8dbadc, endColorstr=#5c9ccc)";
	} 
	
	/* Landing Page specific */
	.landing_title {font: 150% arial;}
	.landing_link {font: 125% arial;}
	.landing_text {font: 125% arial;}


/* *********************************************************** *
 * ***   NEW UI: MASTER STYLES                             *** *
 * *********************************************************** */
		html, body {
			font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size: 12px;
			width:		100%;
			height:		100%;					
			padding:	0;
			margin:		0;
			overflow:	auto; /* when page gets too small */
		}
		.container-map-tabular {
			height:		100%;
			margin:		0 auto;
			width:		100%;
		}
        .div-map-hide {
            position: absolute;
            left: -100%;
        }
        .div-map-show {
            position: absolute;
            left: 100%;
        }
		.pane {
			/* display:	none; /* will appear when layout inits */
		}
		
		#divMenu {
			/*background-color: #000000;*/
			background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#303030));
			background: -moz-linear-gradient(top, #000000, #303030);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#303030);
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#303030)";
			z-index:500;
		    display: inline-block;width: 100%;
		}

        #divModeContainer {
            display: inline-block;text-align: center;font-weight: bold;color: white;font-size: larger;padding: 5px;   
        }
        #divMode {display: inherit;font: inherit;}

		#divToolbar {
			z-index:50;
			position: relative;
			top: 0;
			left: auto;
			right: auto;
			height: auto;
			margin-left:0;
			margin-top:0;
		}

		#divResult {
			z-index:5
			position: absolute;
			top:-1.5em;
			right: 0;
			bottom: 0;
			left: 0;
			margin-top: 0;
			margin-bottom: 0;
			display:none;
    /* font-size: .8em !important; */
	width:auto;
	margin:5px;
	padding:0;
	border:0 !important;
	overflow:hidden;
		}

		#divFooter {
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			height: 3em;
			/*background-color: #000000;*/
			background: -webkit-gradient(linear, left top, left bottom, from(#252525), to(#000000));
			background: -moz-linear-gradient(top, #252525, #000000);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#252525, endColorstr=#000000);
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#252525, endColorstr=#000000)";
		}

		#divStatusBar {
			padding-left:1.25em;
			position: relative;
			top: 50%; 
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			color: #ffffff;
			font-size:18px;
		}


/* *********************************************************** *
 * ***   NEW UI: TOOLBAR  STYLES                           *** *
 * *********************************************************** */
		.shadow {
			-moz-box-shadow: .1875em .1875em .25em #444;
			-webkit-box-shadow: .1875em .1875em .25em #444;
			box-shadow: .1875em .1875em .25em #444;
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
			filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
		}
		
		.toolbar button{
			-webkit-appearance: none;
			position:relative;
			top:0;
			left:auto;
			z-index:60;
			border: none;
			background-color:#ffffff;
		}

		div.3dpeople {
			height:9em;
			background-color:#ffffff;
		}
		.3dpeople button {
			padding-left:10;
			padding-right:10;
		}
		
		div.classic {
			background-color:#D0D0D0;
			height:70px;
		}
		.classic button {
			height:70px;/*4.375em;*/
			width:70px;/*4.375em;*/
			display: inline;
			vertical-align:top; 
			font: 10px; 
			text-decoration: none;
			text-align:center; 
			white-space:auto;
			padding: 3px 3px 3px 3px; 
			-moz-box-shadow: 0 1px 3px #999;
			-webkit-box-shadow: 0 1px 3px #999;
			text-shadow: 0 -1px 1px #222;
			border-bottom: 1px solid #222;
			cursor: pointer;
			background-color:#D0D0D0;
		}
		
		.text {
			color: #000; /* darker-blue:#5c9ccc; lighter-blue:#8dbadc*/
			padding: 0px;
			/* For WebKit (Safari, Google Chrome etc) */
			background: -webkit-gradient(linear, left top, left bottom, from(#A9A9A9), to(#ffffff));
			/* For Mozilla/Gecko (Firefox etc) was #00f, #fff */
			background: -moz-linear-gradient(top, #A9A9A9, #ffffff);
			/* For Internet Explorer 5.5 - 7 */
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A9A9A9, endColorstr=#ffffff);
			/* For Internet Explorer 8 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#A9A9A9, endColorstr=#ffffff)";
		}
		
		.text button {
			color: #000000; /* darker-blue:#5c9ccc; lighter-blue:#8dbadc*/
			line-height: 2.25em;
			font-size:16px;
			/* For WebKit (Safari, Google Chrome etc) */
			background: -webkit-gradient(linear, left top, left bottom, from(#A9A9A9), to(#ffffff));
			/* For Mozilla/Gecko (Firefox etc) was #00f, #fff */
			background: -moz-linear-gradient(top, #A9A9A9, #ffffff);
			/* For Internet Explorer 5.5 - 7 */
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A9A9A9, endColorstr=#ffffff);
			/* For Internet Explorer 8 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#A9A9A9, endColorstr=#ffffff)";
			background-color: none;
			padding:0 10px 0 10px;
		}

		button.pull-right {
			position: absolute;
			right: 0;
			margin-right:15;
		}
		button.scale-left {
			-ms-transform-origin: 100% 0; /* IE 9 */
			-webkit-transform-origin: 100% 0; /* Chrome, Safari, Opera */
			transform-origin: 100% 0;
		}
		button.pull-left {
			border: none;
			position: fixed;
			left: 0;
			margin-left:15;
		}
		button.scale-right {
			-ms-transform-origin: 0 0; /* IE 9 */
			-webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
			transform-origin: 0 0;
		}
		button.scale-center {
			-ms-transform-origin: 50% 0; /* IE 9 */
			-webkit-transform-origin: 50% 0; /* Chrome, Safari, Opera */
			transform-origin: 50% 0;
		}
		img.toolbarImage {
			height:6.5em;
		}		
		img.toolbarImage-classic {
			height:auto;
		}		
		.hidden {
			display:none;
		}
		.toolbar-help {
			font-size:14px;
			top: 8em;
			margin-left:auto;
			margin-right:auto;
			width:75vw;
			height:70vh;
			display: none;
			background-color: #ffffff;
			overflow:hidden;
			border-radius:0em 0em .5em .5em;
 			padding: 1.25em;
 			-webkit-transition: height 1s; /* For Safari 3.1 to 6.0 */
			transition:  height 1s;
		}
		.divHelpPicFrame {
			width:28.125em;
			overflow:hidden;
		}
		.helpImage {
			width:35em;
		}
		.divHelpCaption {
			top:0;
			position:relative;
			z-index: 75;
			float: right;
			-moz-border-radius-topright: 1.25em;
			-webkit-border-top-right-radius: 1.25em;
			-moz-border-radius-bottomleft: 1.25em;
			-webkit-border-bottom-left-radius: 1.25em;
			text-decoration: none;
			font-size: 1em;
			letter-spacing:-1px;
			padding: 0px 1.25em 0px 1.25em;
			font-weight: 700;
			background-color:silver;
			color: #000;
		}
		.divHelpContainer {
			float:right;
			margin: 0;
			padding: 0;
		}
		.divHelpContent {
			font-size:14px;
			z-index: 70;
			left:36.125%;
			width:60%;
			font-style:normal;
			font-family:helvetica, arial, verdana, sans-serif;
			color:#ffffff;
			background:#333333;
			border:1px solid #444444;
			-moz-border-radius-bottomleft: 1.25em;
			-webkit-border-bottom-left-radius: 1.25em;
			padding: 1.875em 1.25em 1.875em 1.25em;
			filter: alpha(opacity=85);
			opacity: .85;
		}
		.divHelpScrollbox {
			font-size:18px;
			margin: .5em 0 0 0;
			padding: .5em 1.25em 1.25em 1.25em;
			filter: alpha(opacity=85);
			opacity: .85;
		}
		.divHelpHeading {
			font-size:14px;
			margin: .5em 0 0 0;
			padding: .5em 1.25em 1.25em 1.25em;
			background: #000;
			color: #fff;
			filter: alpha(opacity=85);
			opacity: .85;
			-moz-border-radius-topright: 1.25em;
			-webkit-border-top-right-radius: 1.25em;
			-moz-border-radius-bottomleft: 1.25em;
			-webkit-border-bottom-left-radius: 1.25em;
		}

		@-moz-keyframes rotatebox /*--for firefox--*/{

			from{
				-moz-transform:rotate(-90deg);
			}       
			to{
				-moz-transform:rotate(0deg);
			}                       

		}

		@-webkit-keyframes rotatebox /*--for webkit--*/{

			from{
				-webkit-transform:rotate(-90deg);
			}       
			to{
				-webkit-transform:rotate(0deg);
			}                       

		}
		
		.divtable{
			display:table;
			border-collapse:collapse;
			border:1px solid grey; 
		}
		.divtable div{
			display:table-row;
			border:1px solid grey; 
		}
		.divtable div div{
			display:table-cell;
		}
/* *********************************************************** *
 * ***   NEW UI: TOOLBAR  CONTEXT-MENU STYLES              *** *
 * *********************************************************** */
	 .context-menu-toolbar {
		display: none;
		z-index: 1000;
		list-style-type: none;
		position: absolute;
		overflow: hidden;
		border: 1px solid #CCC;
		white-space: nowrap;
		font-family: sans-serif;
		background: #FFF;
		color: #333;
		border-radius: 5px;
	}

	.context-menu-toolbar li {
		padding: 8px 12px;
		cursor: pointer;
	}

	.context-menu-toolbar li:hover {
		background-color: #DEF;
	}

/* ******************************************** *
 * ***   BRANCH UI: TAB STYLES              *** *
 * ******************************************** */
.btmm { width: 35px;}

.weighting {display: inline-block;width: 13em;}

.tab-ctl {
    padding: 5px;    
}

.map {
  height: 768px;
}
.tab-toggle {
    padding: 0;
    margin-top: 2px;
} 
.ui-closable-tab { padding: 5px;vertical-align: top;}

#map_wrapper {
    z-index: 55;
    height: 100%;
    width: 100%;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

#tabs-buttons .ui-tabs-nav {
	padding: 0em;
	background: transparent;
	border-width: 0px;
}
#tabs-buttons .ui-tabs-nav li {
	position: static;
	margin: 0px;
	border-bottom: 1px solid #327e04 !important;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#tabs-buttons .ui-tabs-nav li:first-child {
	-moz-border-radius: 6px 0px 0px 6px;
	-webkit-border-radius: 6px 0px 0px 6px;
	border-radius: 6px 0px 0px 6px;
}
#tabs-buttons .ui-tabs-nav li:last-child {
	-moz-border-radius: 0px 8px 8px 0px;
	-webkit-border-radius: 0px 8px 8px 0px;
	border-radius: 0px 8px 8px 0px;
}
#tabs-buttons .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: 0px;
	border-bottom: 1px solid #d4ccb0 !important;
}

#tabs-nested {
    width: 625px;
    height: 415px; /*394px;*/    
}
#tabs-nested > .ui-tabs-panel {
	padding: 0em;
}
tabs-nested .ui-tabs-nav { 
    height: 2.35em; 
    text-align: center; 
    padding: 0em;
	border-width: 0px;
} 
#tabs-nested .ui-tabs-nav li { 
    display: inline-block; 
    float: none; 
    top: 0px; 
    margin: 0em; 
    padding-bottom: 0px; 
    font-size: 120%;
    font-weight: bolder;
    margin: 0px; 
    border-bottom: 1px solid #327e04 !important; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 

}
#tabs-nested .ui-tabs-nav li:first-child { 
    -moz-border-radius: 6px 0px 0px 6px; 
    -webkit-border-radius: 6px 0px 0px 6px; 
    border-radius: 6px 0px 0px 6px; 
} 
#tabs-nested .ui-tabs-nav li:last-child { 
    -moz-border-radius: 0px 6px 6px 0px; 
    -webkit-border-radius: 0px 6px 6px 0px; 
    border-radius: 0px 6px 6px 0px; 
} 
#tabs-nested .ui-tabs-nav li.ui-tabs-selected { 
    padding-bottom: 0px; 
    border-bottom: 1px solid #d4ccb0 !important; 
}#tabs-nested > .ui-tabs-panel { 
    padding: 0em; 
} 


/*
#tabs-nested-left { 
    position: relative; 
    padding-left: 6.5em;
    width: 500px;
    height: 337px; 
} 
#tabs-nested-left .ui-tabs-nav { 
    position: absolute; 
    left: 0.25em; 
    top: 0.25em; 
    bottom: 0.25em; 
    width: 6em; 
    padding: 0.2em 0 0.2em 0.2em; 
    text-align: left; 
} 
#tabs-nested-left .ui-tabs-nav li { 
    font-size: 100%;
    font-weight: bold;
    right: 1px; 
    width: 100%; 
    border-right: none; 
    border-bottom: 1px solid transparent !important; 
    -moz-border-radius: 4px 0px 0px 4px; 
    -webkit-border-radius: 4px 0px 0px 4px; 
    border-radius: 4px 0px 0px 4px; 
    overflow: hidden; 
} 
#tabs-nested-left .ui-tabs-nav li.ui-tabs-selected, 
#tabs-nested-left .ui-tabs-nav li.ui-state-active { 
    border-right: 1px solid transparent; 
} 
#tabs-nested-left .ui-tabs-nav li:last-child { 
    -moz-border-radius: 6px 0px 0px 6px; 
    -webkit-border-radius: 6px 0px 0px 6px; 
    border-radius: 6px 0px 0px 6px; 
} 
#tabs-nested-left .ui-tabs-nav li a { 
    float: right; 
    width: 100%; 
    text-align: right; 
} 
#tabs-nested-left > div {
    width: 555px; 
    height: 355px; 
    overflow: auto; 
}
#tabs-nested-left > .ui-tabs-panel {
	padding: 0em;
}
*/

tabs-nohdr .ui-tabs-nav { 
    padding-left: 0px; 
    background: transparent; 
    border-width: 0px 0px 1px 0px; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
tabs-nohdr .ui-tabs-panel { 
    background: #f5f3e5 url(/fis_images/ui/1.8.23/themes/south-street/images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) repeat-x scroll 50% top; 
    border-width: 0px 1px 1px 1px; 
}

#tab-buyer, #tab-mktshare, #tab-footprint, 
#tab-target {
    /* width: 550px; */
    height: 355px; 
    overflow: hidden;
}

#tab-mktshare .ui-tabs-nav li , #tab-footprint .ui-tabs-nav li  {
    font-size: 100%;
    font-weight: bold;
} 

#tabs-buyer, #tabs-mktshare, #tabs-footprint, 
#tabs-bt {
	position: relative;
	padding-left: .25em;
    width: 98.5%, /* 540px; */
    height: 333px;
}
#tabs-buyer .ui-tabs-nav, #tabs-mktshare .ui-tabs-nav, #tabs-footprint .ui-tabs-nav,  
#tabs-bt .ui-tabs-nav {
	position: relative;
	left: 0.25em;
	top: 0.25em;
	bottom: 0.25em;
	width: 97.5%;
	padding: 0.2em 0.2em 0;
}
#tabs-buyer .ui-tabs-nav li, #tabs-mktshare .ui-tabs-nav li, #tabs-footprint .ui-tabs-nav li,  
#tabs-bt .ui-tabs-nav li {
	right: 1px;
	width: auto;
	border-right: none;
    border-bottom-width: 0; 
    -moz-border-radius: 5px 5px 0px 0px; 
    -webkit-border-radius: 5px 5px 0px 0px; 
    border-radius: 5px 5px 0px 0px; 
	overflow: hidden;
    font-size: 1em;
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	padding: 0;
	white-space: nowrap;
}
#tabs-mktshare .ui-tabs-nav li.ui-tabs-selected, 
#tabs-mktshare .ui-tabs-nav li.ui-state-active, 
#tabs-footprint .ui-tabs-nav li.ui-tabs-selected, 
#tabs-footprint .ui-tabs-nav li.ui-state-active
#tabs-buyer .ui-tabs-nav li.ui-tabs-selected, 
#tabs-buyer .ui-tabs-nav li.ui-state-active, 
#tabs-bt .ui-tabs-nav li.ui-tabs-selected, 
#tabs-bt .ui-tabs-nav li.ui-state-active {
	margin-bottom: -1px; /* 1px solid transparent; */
    padding-bottom: 1px;
}
#tabs-mktshare .ui-tabs-nav li:first-child, 
#tabs-footprint .ui-tabs-nav li:first-child
#tabs-buyer .ui-tabs-nav li:first-child, 
#tabs-bt .ui-tabs-nav li:first-child { 
    -moz-border-radius: 5px 5px 0px 0px; 
    -webkit-border-radius: 5px 5px 0px 0px; 
    border-radius: 5px 5px 0px 0px; 
} 
#tabs-mktshare .ui-tabs-nav li:last-child, 
#tabs-footprint .ui-tabs-nav li:last-child,
#tabs-buyer .ui-tabs-nav li:last-child, 
#tabs-bt .ui-tabs-nav li:last-child { 
    -moz-border-radius: 5px 5px 0px 0px; 
    -webkit-border-radius: 5px 5px 0px 0px; 
    border-radius: 5px 5px 0px 0px; 
} 
#tabs-mktshare .ui-tabs-nav li a, 
#tabs-footprint .ui-tabs-nav li a, 
#tabs-buyer .ui-tabs-nav li a,  
#tabs-bt .ui-tabs-nav li a {
	float: right;
	width: 100%;
	text-align: right;
}
#tabs-mktshare > div, 
#tabs-footprint > div, 
/* #tabs-buyer > div, */ 
#tabs-bt > div {
    width: 487px;
	height: 280px;
	overflow: hidden;
}

#divMktShareScrollPane,
#divFootprintScrollPane, 
#divBuyerScrollPane,
#divTargetScrollPane {
    width: 488px;
    height: 275px;
}

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}


#tabs-one-line .scroller {
	overflow: auto;
}
#tabs-one-line ul {
	width: 1660px;
}

.off-left {
    position: absolute !important;
    left: -10000px !important;
    display:block !important;
}


/* ******************************************** *
 * ***   SCROLLABLE-TAB STYLES              *** *
 * ******************************************** */
.ui-scrollable-tabs { overflow:hidden; position:relative; width:800px; }

.ui-scrollable-tabs .ui-tabs-nav {
	width:1000000px;
	padding:1px 0 0 1px;
	border-left:none;
	border-right:none;
	padding-top:1px;
	position:relative;
}

.ui-scrollable-tabs .ui-tabs .ui-tabs-closable li a {
	padding-right:5px;
}

.ui-scrollable-tabs .ui-tabs-nav-arrows {
	left: 0;
	margin: 0;
	margin:0 5px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 5px;
}

/*IE7 fix*/
*:first-child+html .ui-scrollable-tabs .ui-tabs-nav-arrows {
	z-index:1;
}

.ui-scrollable-tabs .ui-tabs .ui-tabs-nav li {
	margin:0 1px 0;
}

.ui-tabs-nav li .ui-tabs-close {
	float:left;
	margin-top:8px;
	margin-right:4px;
	border:none;
	cursor:pointer;
}

.ui-scrollable-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-next { float:right; }

.ui-scrollable-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-previous { float:left; }

.ui-scrollable-tabs .ui-tabs-nav-arrows li {
    list-style:none;
    position:relative;
    cursor:pointer;
    margin:0;
    padding:0;
	display:none;
	z-index:1;
}

.ui-scrollable-tabs .ui-tabs-nav-arrows li a {
    display: block;
	padding:8px 0 9px;
}


/* ******************************************** *
 * ***   GOOGLE MAP STYLES              *** *
 * ******************************************** */
/*
.labels {
    color: black;
    background-color: transparent;
    font-family:"Lucida Grande", "Arial", sans-serif;
    font-size: 12px;
    text-align: center;
    vertical-align: central;
    width: 30px;
    white-space: nowrap;
}
*/
.map-labels{
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    opacity: 1;
    pointer-events: none;
    text-align: center;
    width: 26px;
    white-space: nowrap;
}


.info-table div {
    width: auto;
    height: 75px;
    overflow-y: scroll;
}

/* ******************************************** *
 * ***   MULTI-ROW FOOTER STYLES            *** *
 * ******************************************** */
.ui-jqgrid tr.footrow2 td {
    font-weight: bold;
    overflow: hidden;
    white-space:nowrap;
    height: 21px;
    padding: 0 2px 0 2px;
    border-top-width: 1px;
    border-top-color: inherit;
    border-top-style: solid;
}

.mode-change {
    background-color: blue;
    font-size: 150%;
    font-weight: bolder;
    color: #000;
	padding:5px;
    /*box-shadow: inset 0 0 0 2px #fff; */
}

.mode-title {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
         .animated {
            background-image: url(/css/images/logo.png);
            background-repeat: no-repeat;
            background-position: left top;
            padding-top:95px;
            margin-bottom:60px;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
         }
         
         @keyframes flash {
            0%, 50%, 100% {
               opacity: 1;
            }
            25%, 75% {
               opacity: 0;
            }
         }
         
         .flash {
            animation-name: flash;
         }

		 
.slide-down-hide {
    overflow: hidden;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.slide-up-show {
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    max-height: 40px;
    overflow: hidden;
}

/* ******************************************** *
 * ***          CALL NOTE STYLES            *** *
 * ******************************************** */
rightpane-notes-scroller-div {
    width: 100%;height: 100%;overflow: auto;
}
.note-list {
    list-style-type: none;
}
.note-row {
}
.note-date {
}
.note-spacer {
    width: 10px;
}
.note-user {
}
.txt-note {
    border: none;width:500px;min-width:500px;min-height: 18px;height: auto;display: inline-block
}
.note-edit {
    border: none;width:500px;min-width:500px;min-height: 100px;height: auto;display: inline-block
}
.call-date {
    width: 8em; 
}
.call-date-last {
    
}
.class-date-spacer {
    width: 20px;min-width: 20px;    
}
.call-date-next {
    
}
.div-heading {
    font-size: 14px;font-weight: bolder;line-height: 3em;
}
.div-heading {
    font-size: 12px;font-weight: bold;line-height: 3em;
}

.call-table {
    border-collapse: collapse; 
}
.call-table td {
    border: solid 1px blue;padding: 3px 6px 3px 6px;
}
.call-scheduled-date {
    border: none;color: #000000;
}
.call-completed-date {
    color: darkgreen;
}

label.div-heading {
    font-weight: bolder;font-size: 125%;
}
.label-note {
    font-size: 75%;color:#666666
}
.call-date {
    width: 129px;text-align: center;
}
.overdue {
    color: red;    
}
.scheduled-complete {
    font-style: italic;color: #666666;    
}.complete {
    font-style: italic;color: darkgreen;    
}
.more-notes {
    margin-left: 50px;   
}

.security-img  {
    width: 100%;
    height: auto;
}
.security-tag p {
    font-size: 75%;
}