/* DEFAULT PAGE */
* {	margin:0; padding:0; }
htm, html, body { height:100%; font-family:Helvetica, Arial, Sans-Serif; }
html { background: #fff url(../img/bg.gif) repeat-x bottom center fixed; }
body { color: #000; font-size: 12px; line-height: 18px; }

/* LINKS */
a { outline:none; text-decoration: none; color: #2b6f96; }
a:hover { text-decoration:underline; color:#6d6d6d; }
a img { border:0; }

p {margin-bottom:15px;}

#main { margin:0 auto; width: 970px; padding:10px 0;}
ul, ol{margin:0 0 10px 15px;}
ul {list-style-type: square;}

th {background-color: #ebebeb; text-align: left; padding: 2px 5px; color: #1d3843; text-transform: uppercase;}

/* HEADER */
#header {background:#fff; padding:10px 10px 8px 10px; float:left; width:950px; }

/* HEADING TAGS */
h1.laa-logo a {display:block; text-indent:-9999px; width:270px; height:120px; background: url(../img/laa.gif) no-repeat right 10px; }
h1, h2, h3 {color: #5a8292;text-transform: uppercase;}
h1 { font-weight: normal; font-size: 24px; line-height: 24px; margin-bottom: 10px;}
h2 { font-size: 14px; line-height: 14px; margin: 10px 0;}
h3 { font-size: 12px;}
h3#print-survey, h3#view-surveys {float: right; margin: 5px 30px 0 20px;}
h3#print-survey a {background: url(../img/icon-print.gif) no-repeat 0 0; padding: 5px 0 5px 27px;}
h3#view-surveys a {background: url(../img/icon-view.gif) no-repeat 0 0; padding: 5px 0 5px 25px;}
h3.banner { background: #194C8B; color:#fff; padding-left:5px; font-weight:bold;}
h4 {color: #5a8292;text-transform: uppercase; font-size:12px; margin-bottom:0px;}

.hd-left, .hd-right, .hd{ display:block; margin:5px 0 0 0; background: #4f6973 url(../img/bg-accordion-active.gif) repeat-x 0 0;
      color: #fff; padding:10px 15px; text-decoration:none; font-weight:bold; text-transform:uppercase; font-size:12px; }
.hd-left { width:460px;  float:left; margin-right:10px; }

#hd-upload-data-01, #hd-upload-data-02, #hd-program-map, #hd-program-initiative {
	display:block;
	margin: 5px 0 0 0;
	background: #4f6973 url(../img/bg-accordion-active.gif) repeat-x 0 0;
	color: #fff;
	padding:10px 15px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
}


/* NAVIGATION */
ul#main-nav{float:left; width: 100%; background: url(../img/bg-nav.gif) repeat-x; margin: 2px 0; list-style: none;}
ul#main-nav li{float: left; height: 33px; line-height: 33px; padding: 0 20px 0 15px; background: url(../img/bg-nav-divider.gif) no-repeat right 6px;}
ul#main-nav li:last-child {background: inherit;}
ul#main-nav li a{text-transform: uppercase; font-weight: bold; color: #c5d6df; font-size: 13px; display: block;height: 33px;}
ul#main-nav li a.current {color: #fff; background: url(../img/bg-nav-arrow.gif) no-repeat bottom center;}
ul#main-nav li:hover { background: #444; }
ul#main-nav li a:hover{text-decoration: none; color: #fff; }

/* CONTENT */
#main-content {padding: 10px 0px 10px 0px; clear: left;}
#content-inner{float:left; width: 590px; margin: 0 0 30px 55px;}


/* SIDEBAR */
#sidebar { float:left; width:290px; text-align: right; margin-bottom:30px;}

/* FOOTER */
#footer{clear: both; font-size: 11px; line-height: 13px; padding: 20px 10px; border-top: 1px solid #8ca6b2; margin: 20px 10px;}
#footer p.copyright{float: left; display: block; padding-bottom: 20px;}
#footer p.leo-logo{float: right; width: 250px; text-align:right;}

/* FORMS */
label {text-transform: uppercase; font-weight: bold; font-size: 11px; line-height: 11px; margin-right: 10px; margin-top: 8px; clear: left; }
label.login {text-transform: uppercase; font-weight: bold; font-size: 11px; line-height: 11px; margin-right: 10px; float: left; width: 90px;margin-top: 8px; clear: left; }
label.create {text-transform: uppercase; font-weight: bold; font-size: 11px; line-height: 11px; margin-right: 10px; float: left; width: 140px;margin-top: 8px; clear: left; }
label.full {width: auto; margin: 4px 0 0 0;}
label.sub {color: #1d3843; font-size: 9px; line-height: 9px;}
label.dataSet { color: #ffffff; font-size: 9px; line-height: 9px;}
span.sub label {color: #1d3843; font-size: 9px; line-height: 9px;}
span.small label {font-size: 10px; text-transform:none; font-weight:normal;}  
input[type="text"],input[type="password"],textarea {border: 1px solid #5d8595; padding: 3px 5px; font-size: 12px; margin: 2px 0;}
input.logintext { width: 170px; }
select {border: 1px solid #5d8595; padding: 3px 5px; font-size: 12px; margin: 2px 0; }

.focusfield { border: 1px solid #73A6FF; padding: 3px 5px; font-size: 12px; margin: 2px 0; background:#EFF5FF; color:#000;}
.idlefield { border: 1px solid #DFDFDF; padding: 3px 5px; font-size: 12px; margin: 2px 0; background: #eee; color: #6F6F6F; }

.button-dark, .button-light {color: #fff; text-transform: uppercase; font-weight: bold; font-size: 12px; padding: 3px 7px; border:1px solid;}
.button-dark {background: #57808f;}
.button-light {background: #8eabb7;}
.button-dark:hover, .button-light:hover {color: #1d3843; background: #9f9f9f; text-decoration: none; }

/* SPECIAL */
div.outer { background-color: #fff; border: 1px solid #dddddd; padding: 1px; }
div.inner { background-color: #eaeaea; padding: 13px; }
div.outer div.inner div.outer { background-color: #ebebeb; border: 1px solid #c9c9c9; padding: 1px; margin-bottom: 5px; }
div.outer div.inner div.outer div.inner { background-color: #d8d8d8; padding: 10px; }
div.columnBox { float:left; width:305px; margin-right: 17px;}
div.columnBoxLast {float:left; width:305px; margin-right: 0px; }

.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }
.modalHeader { display:block; margin: 0px; background: #4f6973 url(../img/bg-accordion-active.gif) repeat-x 0 0; color:#fff;
               padding: 10px 15px; text-decoration:none; font-weight: bold; text-transform:uppercase; font-size:12px; }

#surveyMap { /*float:left; width: 625px;*/ margin-right:10px; }
#companyLocation { float:left; width: 275px;  padding:5px 10px 5px 5px; height: 500px; background-color: #95a6bb;} /* background-color: #95a6bb; */
#mailingInfo { width: 260px;  padding:5px 10px 5px 5px; background-color: #95a6bb;}
#companyInfo { width: 260px;  padding:5px 10px 5px 5px; background-color: #95a6bb;}
#businessInfo { width: 260px;  padding:5px 10px 5px 5px; background-color: #95a6bb;}
#survey p { margin-bottom:3px; }
#survey input[type="text"], #survey textarea,  #survey select { margin-left: 7px; }    

span.tooltip { font-size: 11px; }
/* Program Status Page */

#program-map-01 {float: left; width: 576px; height: 483px; margin-right: 10px;}
#program-map-02 {float: left; width: 334px; }
#hd-program-initiative {margin: 0; height: 20px;}
#hd-program-initiative span.txt01 {width: 160px; display: block; float: left; font-size:11px;}
#hd-program-initiative span.txt02 {text-align: right; width: 125px; display: block; float: right; line-height: 10px; font-size:9px;}
#status-wrapper.outer {background-color: #fff;}
#status-wrapper .inner {padding: 0; background-color: #eaeaea;}
#status-wrapper select {margin: 10px;}
#survey-status {padding: 0 10px;}
#survey-status table {margin: 10px 0 20px 0;}
#survey-status td {padding: 3px 5px;}
#survey-status tr.alt td {background-color: #f0f1f2;}


/* TABLES */
.mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }  
.mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }  
.mGrid th { padding: 4px 2px; color: #fff; background: #424242 url(../img/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }  
.mGrid th a { padding: 4px 2px; color: #fff; background: #424242 url(../img/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 12px; text-transform: uppercase; }
.mGrid .alt { background: #fcfcfc url(../img/grd_alt.png) repeat-x top; }  
.mGrid .pgr { background: #424242 url(../img/grd_pgr.png) repeat-x top; }  
.mGrid .pgr table { margin: 5px 0; }  
.mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }     
.mGrid .pgr a { color: #666; text-decoration: none; }  
.mGrid .pgr a:hover { color: #000; text-decoration: none; }  
  
/* SURVEY */
#survey .head { cursor:pointer; display:block; margin: 5px 0 0 0; background: #8d8d8d url(../img/bg-accordion-inactive.gif) repeat-x 0 0; }
#survey .head a { color: #1d3843; display: block; padding:10px 15px; text-decoration: none; font-weight: bold; text-transform: uppercase; 
                  font-size: 12px; background: url(../img/bg-accordion-plus.gif) no-repeat 930px 13px; }
#survey h3.ui-state-active { cursor:pointer; display:block; margin: 5px 0 0 0; background: #4f6973 url(../img/bg-accordion-active.gif) repeat-x 0 0; }
#survey h3.ui-state-active a { color: #fff; display: block; padding:10px 15px; text-decoration: none; font-weight: bold; text-transform: uppercase; 
                  font-size: 12px; background: url(../img/bg-accordion-minus.gif) no-repeat 927px 16px; }
#survey .head:hover { background-image: none; }
#survey .head:hover, #survey .head a:hover { color: white; }

fieldset { background-color: #EBEBEB; border: solid 1px #CCCCCC; margin: 0; padding: 0 15px 10px; }
legend { color: #8E8E8E; font-size: 10px; font-weight: bold; margin: 0; padding: 0 5px; text-transform: uppercase; }
#addRight { float: right; margin-left: 10px; margin-top: 13px; width:520px; }

/* Data Upload Page */
#hd-upload-data-01, #hd-upload-data-02, #hd-program-map, #hd-program-initiative {
	display:block;
	margin: 5px 0 0 0;
	background: #4f6973 url(../img/bg-accordion-active.gif) repeat-x 0 0;
	color: #fff;
	padding:10px 15px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
}
#hd-upload-data-01 {width: 530px; float: left; margin-right: 10px;}
#hd-upload-data-02 {width: 350px; float: left;}
#upload-data-01 {width: 540px; float: left; margin-right: 10px;}
#upload-data-02 {width: 364px; float: left;}
#select-category {display:block;
	margin: 0;	background: #4f6973 url(../img/bg-accordion-active.gif) repeat-x 0 0; text-align: center; padding: 5px 0;}	

#totals {background: #507786; padding: 2px;}
#totals table {border: 1px solid #7594a2; width: 100%;}
#totals td {color: #fff; font-weight: bold; text-transform: uppercase; font-size: 14px; padding: 5px 10px; background-color: #43636f;}
#totals td.col1 {background-color: #507786; border-right: 1px solid #7594a2; text-align: right; width: 65%;}
#totals tr.alt td {background-color: #5d7a86;}
#totals tr.alt td.col1 {background-color: #688a98; border-right: 1px solid #7d96a1;}
.progress {display: block; width:50px; height: 10px; background:#b2c4c5; border:solid 1px #4e6973;}
.bar {display: block; height: 10px; background:#4e6973; color:#FFF;} 

/* SURVEY */
.questionSection { padding:5px; margin-bottom:5px;}
.questionSection-alt { background-color:#cdcdcd; padding:5px; margin-bottom:5px;}
label.question { color:#1d3843; font-size:12px; }
.questionSection ul, .questionSection-alt ul { list-style:none; }
.questionSection ul li, .questionSection-alt ul li { padding:5px; }
.questionSection ul li label, .questionSection-alt ul li label { text-transform:none; font-weight:normal; padding-left:3px; }
.questionSection table, .questionSection-alt table { margin-left: 10px;}
.questionSection td label, .questionSection-alt td label { text-transform:none; font-weight:normal; padding-left:3px; }

div.success { border: solid 1px #6c6; padding:4px; text-align:center; text-transform:uppercase; font-weight:bold; background-color: #9f9; color:#090;}
div.failure { border: solid 1px #f00; padding:4px; text-align:center; text-transform:uppercase; font-weight:bold; background-color: #e77471; color:#ff0000;}

/* COMMON */
.display-none {display:none; }
.last a{border-right:0 !important;}
.float-right{float:right;}
.float-left{float:left;}
.clear-right{clear:right;}
.clear-left{clear:left;}
.clear-both{clear:both;}
.block {display: block;}
.small {font-size: 10px;}
.x-small {font-size: 9px;}
.medium {font-size: 11px;}
.directions {font-weight: normal; text-transform: none;}
.hidden {color: #b5b5b5;}
input.hidden {border-color: #b5b5b5; background: #ececec; }
.pad td {padding: 5px 5px;}
.pad table td {padding: 0px 5px;}
.nopad, td.nopad {padding: 0;}
.alt td {background-color: #cdcdcd;}
.hide {display:none;}
.show {display:block;}

.clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:block;}

button img { margin-top:4px; }

/* QUICK SEARCH --------------------------------- */
fieldset.search { padding: 7px 5px; margin: 0px 0px 0px 10px; float:left; width:940px; height:36px; }
fieldset.search h4{width:177px; float:left; margin:0 0 1px 0; color:#4F6793; text-transform:uppercase; font-size:14px;}

ul.toggle{float:left; clear:left; list-style-type:none; text-transform:uppercase; font-size:8px;}
ul.toggle li{float:left; border:1px solid #a1a5b7; height:14px;}
ul.toggle li a{text-decoration:none; color:#a1a5b7; height:12px; padding:1px 3px; float:left;}
ul.toggle li a:hover{color:white;}
ul.toggle li.current a{background-color:#4F6793; color:white;}

/*div.title, div.input{float:left;}*/
.searchInput {width:366px; height:25px; position:relative; z-index: 998;}

#quickSearchResults { margin: 10px 0px 0px 10px; width:950px; clear:both; padding-top: 5px; }
#quickSearchResults h2 { background-color:#4F6793; line-height: 35px; color:#fff; font-size: 12px; text-transform:uppercase; padding: 0 17px; margin: 10px 0 0 0; font-weight:bold; }

table.mapInfoTable th {text-align:left; background-color:#95A6C6; padding:3px 8px; color:#36567e; text-transform:uppercase; font-weight:bold; border-top:1px solid #fff; border-bottom:1px solid #9cb2b1; font-size: 10px}
table.mapInfoTable tr td{padding:10px 8px; border-bottom:1px dotted #a9a7a5; background-color:#eaeaea;}
table.mapInfoTable tr.Low td { background-image:none; background-color:#CCFB5D; }
table.mapInfoTable tr.Medium td { background-image:none; background-color:#FFF380; }
table.mapInfoTable tr.High td { background-image:none; background-color:#F9966B; }
table.mapInfoTable tr.hover td{background-image:none; background-color:#d0dcee;}
table.mapInfoTable tr td.Declining { font-weight:bold; color:#FF0000; }
table.mapInfoTable tr td.Maturing { font-weight:bold; color:#FF9900; }
table.mapInfoTable tr td.Emerging { font-weight:bold; color:#FFFF66; }
table.mapInfoTable tr td.Growing { font-weight:bold; color:#33FF00; }
table.mapInfoTable tfoot tr td{border:none; background-color:#adaeb2; color:#272f5a; padding:0 10px;}
table.mapInfoTable tfoot tr td a{text-decoration:none; color:white; font-size:14px;}
table.mapInfoTable td img { cursor: pointer; cursor: hand; }

table.key{background-color:#95A6C6; text-transform:uppercase; padding:10px; font-size:11px;}
table.key a{color:#272f5a; text-decoration:none; font-weight:bold;}

td.low{border-left:14px solid #33FF00; padding:0 10px 0 3px;}
td.medium{border-left:14px solid #FFFF66; padding:0 10px 0 3px;}
td.mediumhigh{border-left:14px solid #FF9900; padding:0 10px 0 3px;}
td.high{border-left:14px solid #FF0000; padding:0 10px 0 3px;}

button#btn_measure span.ui-button-text {padding: 1px 6px;}

/* DRAWER --------------------------------------- */
#map {float:left; position:relative; margin-left: 10px;}
#drawer {overflow: hidden; width: 225px; padding-left: 20px; z-index:100; position:absolute; top: 0; right: 0; font-size:10px; }
#drawer #drawerContent { height: 454px; width: 225px;}
#drawer h2 { height: 30px;margin: 0px;padding: 0px;}
#drawer h2 a {font: bold 12px/10px Helvetica, Arial, sans-serif;text-transform: uppercase;text-decoration: none;display: block;padding: 10px 15px;letter-spacing: 0.1em;}
#drawer h2 a:hover { }
#drawer p {font: bold 11px/14px Arial, Helvetica, sans-serif; margin: 0px;padding: 2px;}
.drawerInside { padding-left:10px; color:#000;}
.drawerInside ul { list-style:none; }

#drawer #drawer_indicator {width: 16px; height: 26px; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -13px; left: 1px;}
#drawer #drawer_indicator.open {background-image: url(../img/dbl_chev_right.png);}
#drawer #drawer_indicator.closed {background-image: url(../img/dbl_chev_left.png);}

#drawer .sliderOpen { height: 364px; } 
#drawer .sliderClosed { height: 30px; overflow: hidden; }

#lnkAddBookmark { font-size: 10px; font-weight:bold; }

#drawer label.ui-button { margin-top:0px; font-size:9px;  }

div.layer_section { color:#36567e; text-transform:uppercase; font-weight:bold; font-size:10px; text-decoration:none; border-bottom:dashed 1px #36567E; }

div.detailHeader { }
div.detailHeader h2 { background-color:#4F6793; line-height: 35px; color:#fff; font-size: 12px; text-transform:uppercase; padding: 0 17px; margin: 10px 0 0 0; font-weight:bold; }
div.detailControls { float:right; margin-top:10px; margin-right:10px; }
div.detailControls img { padding-left:10px; }

.leocombo {border: solid 1px #5d8595; background-color: #fff; color: #000; padding-left: 2px; height: 17px; position: relative; overflow: hidden; cursor: pointer;}
.leocombo img {position: absolute; left: 101px; top: 0; padding: 1px; background-color: #fff;}
.leocombo div {width: 300px;}
#drawer .leocombo {width: 116px; float: right; display:block; margin: 2px 2px 0 0;}
.leocombolist {display: none; position: absolute; border: solid 1px #5d8595; background-color: #fff; color: #000; padding: 0 4px 2px 2px;}
#divLifecycle {z-index: 803;}
#lifecycle_pulldown {z-index: 802;}
#divSector {z-index: 801;}
#sector_pulldown {z-index: 800;}

#divVisitedWithin { z-index: 803; }
#within_pulldown { z-index: 802; }
#divVisitLast { z-index: 801; }
last_pulldown { z-index: 800; }

#drawer .leocombolist {width: 116px;}
.leocomboitem {cursor: pointer; border-bottom: dashed 1px #5d8595; }
.leocomboitem:hover {background-color: Blue; color: #fff;}

.symbology-line { width: 12px; height: 4px; vertical-align: middle; }

/* FORMS */
fieldset.fs_editor { width: 400px; }
fieldset.fs_map { width: 500px; float:right; }
div.editor-label { float:left; width:140px; text-align:left;}
div.editor-label label { font-size:9px; }
div.editor-button { text-align:right; }
div.editor-field { text-align:left; }
div.editor-field input { width: 230px; font-size:12px;}
div.editor-field select { width: 240px; font-size:12px; }

div.display-label { float:left; width:230px; }
div.display-label label { font-size:10px; }
div.display-button { text-align:right; }
div.display-field { font-size:10px; }
div.display-wrapper { border-bottom:1px solid #666; }

div.rightside { float:right; width:430px; }
div.leftside { width:430px; }
div.rightside div.editor-label, div.leftside div.editor-label { float:left; width:180px; text-align:left;}

fieldset.fs_editor ul { list-style:none; }

/* DEMOGRAPHICS */
#div_demo_panel { width: 950px; margin-left: 10px; }
#div_map_holder { width: 700px; height: 478px; float: left;}
#div_map_tools { width: 690px; margin-top: 6px;}
#div_tool_info { clear: both; }
#div_demo_side { float: right; width: 240px; height: 450px; border: solid 2px #4f6793; -moz-border-radius: 4px;}

div.btn_map {background: url(../img/btn_map_grey.png) no-repeat; width: 48px; height: 48px; float: left; margin-right: 6px;}
div.btn_map:hover {background: url(../img/btn_map_hl.png);}

/* MISC */
table.score-popup tr:first-child { background-color: #ccc; text-align: center; font-weight: bold; }
table.score-popup td { border: 1px solid #000; width: 60px; }

#score-results tr:hover { background-color: #4f6793; }
#score_results img.icon_zoom { cursor: pointer; }

img.suit-legend
{
	border: solid 2px #000000;
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 100;
	border-radius: 6px;
	opacity: 0.5;
	height: 120px;
	background-color: #fff;
	display: none;
}

img.suit-legend:hover { opacity: 1; height: auto; }

/* FILE UPLOAD */

#upload_list tr th { padding: 0px; }