/**VIEW**/
/*common css utilities  --Start*/
.hideme {display: none;}
.showme {display: block;}
.clear {clear: both; height: 0}

div.MapControlContainer { position: relative; width: 936px; height: 567px; overflow: hidden;}
div.MapControlContainer h2{font-size: 2.5em; text-align: left;}

/*-- Left --*/
div.container_left{ float:left; width:221px; margin-right:3px; }
div.container_left .filter_title{ display:none; /*Per Clients Request*/ width:221px; height:19px; padding:6px 0; font:bold 15px Arial; color:#fff; background:#5497cc; }
div.container_left .filter_title span{ display:block; width:61px; height:19px; line-height:19px; text-align:center; float:left; }
div.container_left .filter_title input{ display:block; width:122px; color:#267593; padding-top:2px; font:bold 14px Arial; height:17px; border:0; float:left; }
div.container_left .filter_title a { float: left; }
div.container_left .filter_title input.inputHelp { color: #000; font-size: 11px; font-weight: normal; font-style: italic; }
div.container_left .filter_title #aMapSearch { width:29px; height:30px; margin-left:8px; background:url(images/map_go.gif) no-repeat; float:left; }
div.container_left #searchStatus{ text-transform: lowercase; height:38px; line-height:38px; font-size: 11px; background:#5497cc; color:#fff; text-align: center; }
div.container_left #nxt_prev_btns{ height:23px; padding-top:2px; line-height:25px; color:#fff; background:#b3d3e8; border:0 solid #5497cc; border-width:0 1px; position:relative; }
div.container_left #nxt_prev_btns a{ height:19px; line-height:19px; text-align:center; display:block; position:absolute; color:#fff; font-weight:bold; font-size:0.9em; background:#5497cc; }
div.container_left #nxt_prev_btns a#btnPrev{ width:87px; left: 4px; }
div.container_left #nxt_prev_btns a#btnNext{ width:57px; right:4px; }
div.container_left ._left_list_wrapper{ overflow-y:scroll; overflow-x:hidden; height:487px; float: left; border:0 solid #5497cc; border-width:0 1px 1px; }

div.container_left #list-results { margin:0; padding:0; list-style-type:none;}
div.container_left #list-results li{ list-style-type:none; float: left; width:202px; border-bottom:5px solid #808080; }
div.container_left #list-results .list_right_td{ padding:12px 0 2px; }
div.container_left #list-results .map_event_title{ color:#003366; font:bold 12px Arial }
div.container_left #list-results .web a{ color:#2871b6; }
div.container_left #list-results .directions{ color:#2871b6; }
.spDescription { font-size: 12px; color: #676767; }

/*-- Right --*/
div.container_right{ float:left; width: 712px;}
div.container_right .map_Categories{ float:left; width:712px; background:url(images/cat_bg.gif) repeat-x; }
div.container_right .map_Categories ul{ width:712px; text-align:left; margin: 0; list-style-type:none; list-style-image:none; }
div.container_right .map_Categories li{ list-style-type:none; float:left; width:151px; height:37px; background:url(images/category_bg.gif) no-repeat; }
div.container_right .map_Categories a{ display:block; text-align:center; color:#fff !important; height:37px; font:bold 15px/37px Arial; }
div.container_right .map_Categories a.highlight { background:url(images/category_bg.gif) no-repeat 0 -37px; }

/*-- Map Point --*/
.MapPoint {}
.hideCoordsSpan{display: none;}
.pinStyle {height:26px; width:26px; top:-15px; color:#fff; text-align:center; font: normal 12px Arial; cursor: pointer;}
.DEFAULT{ width:23px; background:url('images/pin.gif') no-repeat 0 0; }
.DEFAULT a{ color:#fff !important; font-weight:bold; }
.text{ position: relative; top: 2px; }
.map-list-num{ height:23px; width:23px; padding-top:3px; margin:13px 10px 0 8px; background:url(images/pin.gif) no-repeat; display:block; text-align:center; color:#fff; font-weight:bold; }
.load_graphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #FFF url(images/ajax-loader.gif) no-repeat center; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); z-index: 10000000; }
.highlight { background:#4197ba;}

/*-- Balloon --*/
.ero .ero-actionsBackground{ margin:0 !important; }
.ero .ero-previewArea div.firstChild{ margin:0 !important; overflow:visible !important; }
.ero .ero-previewArea p{ display:none !important; }
.ero .ero-actions{ padding:0 !important; }
.ero .ero-paddingHack{ display:none !important; }
.ero .ero-body{ width:250px !important; }
.firstChild{ padding:0 !important; margin:0 !important; height:135px !important; }

.balloon{ margin:10px !important; padding:10px !important; }
.balloon .addy_callout{ margin-bottom:10px; }
.balloon_title{ color:#003366; font:bold 1.1em Arial }

@media screen and (-webkit-min-device-pixel-ratio:0){  } /**-- Safari 4 Hack --**/

/*-- Footer --*/
div.footer{float: left; width: 800px; height: 50px;}

/*-- Print Page --*/
#divPrintDirections ol{ list-style-type:none; }
#divPrintDirections ol li.Directions{ border:0; }

/**EDIT**/
div.EditControl_container{min-height: 300px; width: 700px; background-color: #ECEBEC; position: relative;}
div.EditControl_Listleft{ min-height: 290px; float: left; width: 340px; background-color: #fff; margin: 5px 4px 0 4px; text-align: left;}
div.EditControl__Listright{ min-height: 290px; float: left; width: 340px; background-color: #ECEBEC; margin: 5px 4px 0 4px; text-align: left;}
div.EditControl_Controls{ float: left; bottom: 0; width:690px; height: 30px; background-color: #FFFCBE; margin: 0 4px 5px 4px; text-align: right; border: solid 1px #B68662;}
#list-categories{float: left;  width: 330px; margin-left: 0px; padding-left: 5px; margin-top: 5px;}
.li_category {padding-left: 5px; list-style-type: none; width: 325px; line-height: 25px; background-color: #CFEBF3; font-size: 1.0em; font-weight: bold; font-family: Verdana; text-align: left; border: solid 1px #0D92D3; } 
.li_category_selected {background-color: #FFFCBE; border: solid 1px #0D92D3; } 
#list-categories-items{margin: 0; padding: 0;}
.list-categories-item{float: left;  width: 330px; margin-left: 0px; padding-left: 5px; margin-top: 5px;} 
.li_category_items {padding-left: 5px; list-style-type: none; width: 325px; line-height: 25px; background-color: #FFFCBE; font-size: 1.0em; font-weight: bold; font-family: Verdana; text-align: left; border: solid 1px #0D92D3; } 
.padCatNumber { padding-right: 12px;}
.statusMessage {border: solid 1px #CC0000; font-family:Verdana; margin-top: -4px; padding-bottom: 3px; font-size: 12px; background-color: #FF9494; color: #CC0000; text-align: center; vertical-align: middle; width: 150px; height: 20px; line-height: 20px; float: left;}

/**Facebox Form**/
#FormMarkup { width: 450px; background-color: #FFFCBE; margin: -3px 3px 3px 3px; text-align: left; font-size: 14px; font-family: Verdana;}
.frmField { width: 200px; margin-bottom: 5px; }
.frmShort { width: 75px; margin-bottom: 5px;}
.fmLonger { width: 350px; margin-bottom: 5px;}
.frmFieldextended { width: 300px; margin-bottom: 5px;}
.confirmationButtons { float: right }
.smallFont { text-align: left; font-size: 10px; font-family: Verdana;}
#FormSearchOptions { display: none;}
.hideSpan { visibility: hidden; width: 5px; float:left;}

/**EDIT - FILE UPLOAD**/
div.Uploader { font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal; color: #003366;}
div.step {width: 95%; display: none;}
div.footer_status{ float:left;color: #0D92D3; font-size: 12px; margin-top: -14px; width: 700px; text-align: left; min-height: 20px;}
ul.headerSelectList li {overflow: hidden; list-style-type: none; margin-left: 0px;}
ul.headerSelectList label {float: left; width: 50px;}
ul.headerSelectList input {float: left; padding-top: 4px;}
.batch_load_graphic { float:left; width: 16px; height: 16px; background: #FFF url(images/batch-ajax-loader.gif) no-repeat center; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); z-index: 10000000; }
div.SampleSetForHeaderInput {float: left; font-size: 12px;}
div.SampleSetForHeaderInput table {padding: 8px 4px 8px 4px; border-collapse: collapse; text-align: center; margin: 15px; table-layout: fixed; width:780px; font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal; color: #039;}
div.SampleSetForHeaderInput table th {overflow: hidden;}
div.SampleSetForHeaderInput table td {background: #e8edff; overflow: hidden; border-bottom: 1px solid #fff; width: 75px; color: #669; border-top: 1px solid transparent;}
.SampleSetHeaderHighlight {overflow: hidden; font-size: 13px;font-weight: normal;padding: 8px; width: 75px; background: #b9c9fe; border-top: 4px solid #aabcfe; border-bottom: 1px solid #aabcfe;color: #039;}
.editRow { background-color: #866161; padding: 10px 5px 10px 5px;}
.navLink { float: left; margin-top: 20px;}
.editRow input { width: 75px; }
.columns {margin-left: 30px; padding: 4px 4px 4px 4px; float: left; width: 350px;}
.columns ol {margin: 0; padding: 0;}
.columns ol li {overflow: hidden; list-style-type: none; padding: 4px 0 0 0; width: 100%;}
.columns ol li div{cursor: pointer; border: solid 2px #0D92D3; background-color: #CFEBF3; text-align:center; padding: 4px 6px 4px 6px; height: 20px; width: 100px; overflow: hidden;}
.fields { padding: 4px 4px 4px 4px; float: left; width: 250px;}
.fields ol {margin: 0; padding: 0;}
.fields ol li {overflow: hidden; list-style-type: none; padding: 4px 0 0 0; width: 100%;}
.fields ol li div{cursor: pointer; border: solid 2px #0D92D3; background-color: #CFEBF3; text-align:center; padding: 4px 6px 4px 6px;height: 20px; width: 100px; overflow: hidden;}
.mappingHighlight {border: solid 2px #B68662 !important; background-color: #FFFCBE !important;}
.mappingPinned {background-color: #FFFCBE !important; border: solid 2px #B68662 !important;}
.Step3Controls {float: left; min-width: 400px; margin-top: 20px; height: 15px;}
.Step3Controls a {padding-right: 5px; padding-left: 5px;}
.step2Controls {float: left; min-width: 200px; margin-top: 20px;}
.MappingContainer {float: left; background-color: #ECEBEC; padding-left: 40px;}
.feedback {min-height: 150px; float: left; width: 500px;}
.feedback_button {margin-top: 40px; float: left; display: none; width:200px;}

/** Directions **/
.addy_callout { display: none; padding:5px 0 5px 5px; margin:5px 0 2px; height:24px; background:#b3d3e8; } 
.addy_callout input{ float:left; display:block; width:100px; height:20px; }
.addy_callout label{ float:left; display:block; width:40px; height:20px; line-height: 25px; margin-left:5px; }
.addy_callout a{ float:left; margin:-3px 0 1px 5px; width:29px; height:30px; background:url(images/go.gif) no-repeat; }
.addy_callout a.srchDirections { text-indent: -99999px; }
@media screen and (-webkit-min-device-pixel-ratio:0){ .addy_callout a{ margin-top:3px; } }/*-- Safari 3 Hack --*/

.map_list_item .srchDirections {float:left; margin:-10px 0 0 5px; }

/*-- Directions --*/
li.Directions { border-bottom:1px solid #BABABA; color:#000000; list-style-type:none; margin:10px 0 0; padding:0 10px 10px; }
.directions_print_btn{ height:21px; width:60px; float:left; background:url(images/printbutton.gif) no-repeat; }
.directions_clear_btn{ height:21px; width:55px; float:left; background:url(images/clearbutton.gif) no-repeat; }