.Foo { }
/* General */
html, body, form { font-family: Verdana; color: #000; margin: 0; padding: 0; text-align: center; font-size: 100%; height: 100%; }
body { height: 100%; }
#maincontent { float: left; width:595px ;display:block;}
#breadcrumbbanner { float: left; width: 770px; }
#lefttopbar { float: left; background: url(images/lefthandtop.gif) no-repeat; width: 167px; color: #FFFFFF; font-weight: bold; padding: 4px 0 0 5px; height: 22px; font-size: 11px; }
#emailtop { float: right; background: url(images/emailtopbar.gif) no-repeat right top; width: 140px; font-weight: bold; margin: 0px;  height: 23px; }
#emailtop a{padding: 4px 0 0 3px;display:block}
#leftcolmain { float: left; width: 303px; padding: 0 0 0 0px; }
#rightcolmain { float: left; width: 292px; padding: 10px 0 0 0px; }
#maparea { float: left; width: 300px; padding: 0 0 0 3px; }
.GridView { float: left; }

.leftcolmap { width: 400px; }
.catchesholdertwocol { float: right; width: 595px; }
.rightcol { float: left; }
#backtomap { float: left; width: 600px; }


.image { float: left; width: 292px; padding: 5px; }
.advancedsearchfloat { float: right; background: url(images/arrow.gif) no-repeat right; margin: 8px 8px 0 0; padding-right: 10px; }

a:link, a:visited, a:active { color: #395e7c; text-decoration: none; }
a:hover { text-decoration: underline; color: #849143; }
H1 { font-size: 1.2em; line-height: 1.0em; color: #555555; float: left; padding: 0px; margin: 10px 0px 0px 0px; display: inline; }

H2 { }
H3 { font-family: Verdana, Arial, sans-serif; color: #555555; font-size: 1.2em; font-weight: bold; margin: 1px 0; display: block; padding: 1px 0 6px 8px; clear: both; }

H4, H5, H6 { color: #555555; font-size: 1.1em; }

pre { font-family: Verdana; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ _white-space: pre; /* IE only hack to re-specify in addition to word-wrap */ }
img { border: 0px; }
#Outer { width: 770px; margin: 0px auto; text-align: left; font-size: 0.75em; /*height: 1px;*/ background: #FFFFFF; padding-bottom: 14px; }
.hide { display: none; }

/* General End */

/* main content panes. These can be switched on/off with the back end code to suit the wireframes.*/
/* these arent really designed to be modified or to have any visual elements in the layout. Structural only really.*/
.PageBody { min-height: 500px; display: block; background: #FFF; margin: 0; width: 770px; }
.TopPane { padding-top: 5px; }
.ContentPane { float: left; clear: none; min-height: 300px; font: 0.9em Verdana; width: 446px; margin-left: 10px;overflow:hidden; }
* html .ContentPane { float: left; clear: none; min-height: 300px; font: 0.9em Verdana; width: 436px; margin-left: 10px; margin-right:-10px;}
.RightPane { float: right; min-height: 300px; width: 139px; background: #edf1f3; }
.LeftPane { width: 165px !important; color: #000000; float: left; min-height: 500px; display: block; }
* html .LeftPane { width: 165px !important; color: #000000; float: left; min-height: 500px; display: block; overflow: hidden; }
.BottomPane { padding-top: 5px; clear: both; }


/* Banner */
.pagebanner { clear: both; }
.pagebanner .left { /*display:none;*/ }
.pagebanner .right { padding: 3px 0px 3px 0px; text-align: left; height: 18px; }
.pagebanner .right a { color: #000000; font-size: 10px; display: block; float: left; text-align: center; height: 19px; padding: 3px 10px 0px 2px; }
.pagebanner .right a:hover { background: #FFF; text-decoration: underline; }
.pagebanner .right a:active { text-decoration: underline; }
.pagebanner .right .Separator { display: none; }
.pagebanner .logo { background: transparent url(images/template/logo.gif) no-repeat; width: 764px; height: 56px; float: left; }
.pagebanner .content { float: left; width: 770px; height: 72px; text-align: right; display: block; margin-bottom: 10px; }
.pagebanner .content .upper { display: block; float: right; height: 76px; clear: right; text-align: right; background-color: #a8b7c3; }
.pagebanner .content .lower { display: none; float: right; height: 19px; width: auto; overflow: hidden; padding-right: 20px; background: transparent url(images/settings_bg.gif) repeat-x; text-align: right; margin: 0px; font-size: 11px; color: #FFF; }
.pagebanner .content .lower span { text-align: left; vertical-align: top; padding-right: 15px; background: transparent url(images/settings_cham_left.gif) no-repeat top left; height: 19px; width: 3px; line-height: 16px; }
.pagebanner .content .lower a:link, .pagebanner .content .lower a:visited, .pagebanner .content .lower a:active { color: #FFF; text-decoration: none; }
.pagebanner .content .lower a:hover { text-decoration: underline; }

.applications { clear: both; padding: 0px; }
/* End Banner */



/* Breadcrumbs */
div.breadcrumbs { clear: both; display: block; font-size: 11px; }
/* Hack for ie6 */
/*\*/* html div.breadcrumbs { clear: both; margin: 0 0px 0px 0px; padding: 0 10px 0 10px; }
/**/
div.breadcrumbs a.RootLink:link, div.breadcrumbs a.RootLink:active, div.breadcrumbs a.RootLink:visited, div.breadcrumbs a.RootLink:hover { background: transparent url(icons/Icon_home2.gif) no-repeat top left; padding-left: 22px; height: 20px; font-weight: bold; color: #668504; }
div.breadcrumbs a { color: #395e7c; text-decoration: none; }
div.breadcrumbs a:hover { color: #395e7c; text-decoration: underline; }
/* Breadcrumbs End */


/* applications menu */
.TopNav { list-style: none; padding: 0px 0px 0px 0px; margin: 0px; }
.TopNav ul.MenuItems { list-style: none; margin: 0; vertical-align: top; padding: 0px 0px 3px 0px; }
.TopNav li.MenuItem { font-size: 11px; background-color: transparent; background-image: url(images/appbtn_bg2.gif); background-repeat: no-repeat; background-position: bottom left; height: 21px; float: left; width: 125px; display: block; border: none; }
.TopNav li.MenuItem span { background: transparent url(images/appbtn_right.gif) no-repeat bottom right; height: 21px; float: right; width: 125px; display: block; border: none; color: #737685; font-weight: bold; text-decoration: none; text-align: center; font-size: 11px; }
.TopNav li.MenuItem span a { background: transparent; height: 21px; line-height: 2em; float: left; width: 125px; display: block; border: none; font-weight: bold; text-decoration: none; text-align: center; color: #FF9900; color: #FF9900; color: #737685; line-height: 16px; }
.TopNav li.MenuItem span a:hover { height: 21px; float: left; width: 125px; display: block; border: none; color: #FF9900; font-weight: bold; text-decoration: underline; text-align: center; background-color: transparent; }
.TopNav li.MenuItem span a:active { height: 21px; float: left; width: 125px; display: block; border: none; color: #737685; font-weight: bold; text-decoration: underline; text-align: center; background-color: transparent; line-height: 18px; }
.TopNav li.MenuItem-Selected { font-size: 11px; background: transparent url(images/appbtn_bg4.gif) no-repeat bottom left; height: 21px; float: left; width: 125px; display: block; border: none; }
.TopNav li.MenuItem-Selected span { background: transparent url(images/appbtn_right3.gif) no-repeat bottom right; line-height: 18px; height: 21px; float: right; width: 125px; display: block; border: none; font-weight: bold; text-decoration: none; text-align: center; }
.TopNav li.MenuItem-Selected span a { background: transparent; height: 21px; line-height: 2em; float: left; width: 125px; display: block; border: none; font-weight: bold; text-decoration: none; text-align: center; color: #FF9900; line-height: 16px; }
.TopNav li.MenuItem-Selected span a:hover { height: 21px; float: left; width: 125px; display: block; border: none; color: #FF9900; font-weight: bold; text-decoration: none; text-align: center; background-color: transparent; }
/* Hide from IE5-Mac \*/
.nav-menu li a { float: none; }
/* End hide */
.nav-menu { width: 30em; }
/* applications menu End */

/* Banner */
.pagefooter { height: 26px; clear: both; text-align: center; padding: 3px 0px 3px 0px; color: #999; }
.pagefooter a { color: #666666; font-size: 9px; font-weight: normal; }
.pagefooter .left { display: none; }
.pagefooter .right { display: none; }
.pagefooter ul { list-style: none; float: none; padding: 3px 3px 3px 20px; margin: 0px; }
.pagefooter ul li { display: inline; }
.pagefooter .lefttext { display: none; }
.pagefooter .righttext { display: none; }

/* Generic Form for use on the webiste */
.UserForm { font: 0.9em Tahoma, Helvetica, sans-serif; color: #000; padding: 10px; }
.UserForm span.fieldlabel, .UserForm label.fieldlabel { display: block; margin-top: 6px; color: #000000; }
.UserForm span.field { width: 250px; }
.UserForm select.listbox { width: 250px; }
.UserForm textarea.field { width: 250px; }
.UserForm input.field, .UserForm select.field { width: 250px; }
.UserForm input.hiddenfield { }
.UserForm span.fielderror { color: #CC3300; font-weight: bold; }
.UserForm span.fieldrequiredmarker { color: #CC3300; font-weight: bold; }
.UserForm a.CommandBtn, .UserForm a.CommandBtn:link, .UserForm a.CommandBtn:active, .UserForm a.CommandBtn:visited { display: block; width: 100px; background: #FFF; color: #9fb657; border: 1px solid #FFF; text-align: center; padding: 6px; margin-top: 6px; }
.UserForm a.CommandBtn:hover { display: block; width: 100px; background: #FFF; color: #9fb657; border: 1px solid #666; }
.UserForm a.CommandBtnSlim, .UserForm a.CommandBtnSlim:link, .UserForm a.CommandBtnSlim:active, .UserForm a.CommandBtnSlim:visited { }
.UserForm a.CommandBtnSlim:hover { }
/* End Generic Form */

.access{display:none;}
.hide { left:-999em;position:absolute;top:-999em;}

ul.search-results { margin: 0 0 10px 00px; }
.searchNumber { margin-left: 10px; }
.searchterm { font-weight: bold; }

.paging { width: 100%; }
.paginginfo { display: block; float: left; width: 150px; padding: 10px 0 8px 10px; text-align: left; }
.paging .pagelinks br { clear: both; display: block; }
.paging .pagelinks { float: right; text-align: right; display: block; width: auto; height: 18px; margin: 10px 20px 8px 0; }

a.paginglink { display: block; float: left; margin: 0 5px; height: 18px; }
a.paginglink_active { display: block; float: left; margin: 0 5px; font-weight: bold; border: none; height: 18px; }

.search-results li { margin: 10px 10px 0 20px;clear:both;overflow:hidden; list-style: none; }
.search-results li a { font-size: 1.2em; padding-bottom: 1px; text-decoration: none; line-height: 1.6em; }
.search-results li a:hover { text-decoration: underline; }

.btnNext { width: 20px; height: 19px; background: transparent url(images/webparts/icons/btn_next.gif) no-repeat top right; display: block; float: left; border: none; margin-right: 10px; padding-left: 5px; }
.btnNext_disabled { width: 20px; height: 19px; background: transparent url(images/webparts/icons/btn_next_disabled.gif) no-repeat top right; display: block; float: left; margin-right: 10px; padding-left: 5px; }

.btnPrevious { width: 20px; height: 19px; padding-right: 5px; background: transparent url(images/webparts/icons/btn_previous.gif) no-repeat; display: block; float: left; }
.btnPrevious_disabled { width: 20px; height: 19px; padding-right: 5px; background: transparent url(images/webparts/icons/btn_previous_disabled.gif) no-repeat; display: block; float: left; }