/*---COLOR PALETTE
greenForest (site bkgnd): #4F5B28
yellowGreen (active tab/H2): #C1D830
green: #B3D32D
greenLight: #DCE9CD
greenDark: #678f00
light green (ServicesNav H3): #79A901
medium blue (banner): #2F8EAA
dark steel blue (H1/H2): #0F4770
dark blue (link): #0D3692 
purple (visited): #800080
blueBright (hover): #0000FF
grey : #C0C0C0
greyLight: #F3F3F3
greyDark (date): #969696
greyCharcoal (subNav link level-1): #333
blue (subNav bkgnd level-2): #D6E4E6 
blueLight (subNav bkgnd): #EFF4F5
blueDark (subNav hover/inactive tabs); #007596
*/

/*---GLOBAL---*/
#accessibility {text-align:left;}
#accessibility a {position: absolute; left: -10000px; top: auto; height:1px; width:1px; overflow:hidden;}
.hidden { position: absolute; left: -10000px; top: auto; height:1px; width:1px; overflow:hidden;}

/* Colors */
.blue { color: #D6E4E6; }
.blueLight { color: #EFF4F5; }
.blueDark { color: #007596; }
.blueBright { color: #0000FF; /*Hover and Active Links*/ }

.grey { color: #C0C0C0; }
.greyLight { color: #F3F3F3; }
.greyDark { color: #969696; }
.greyCharcoal { color: #333; }

.green { color: #B3D32D; }
.greenLight { color: #DCE9CD; }
.greenDark { color: #678f00; }
.greenForest { color: #4F5B28; /*Used as site background*/ }
.yellowGreen { color: #C1D830; }

.violet { color: #800080; /*Visited Links*/ }

.borderBlue { border-color: #D6E4E6; }
.borderBlueLight { border-color: #EFF4F5; }
.borderBlueDark { border-color: #007596; }

.borderGrey, .tblBorder td, .tblAltRow td, .tblBorder th, .boxTwoTone > div { border-color: #C0C0C0; }
.borderGreyLight { border-color: #F3F3F3; }
.borderGreyDark, .boxNote, .boxRight, .boxLeft, .tblBorder, .tblBorder th, .tblBorderOnly, .tblAltRow, .tblAltRow th { border-color: #969696; }

.borderGreen { border-color: #B3D32D; }
.borderGreenLight { border-color: #DCE9CD; }
.borderGreenDark, .boxStory { border-color: #678f00; }

.bkgndBlue, .headerRow, .tblAltRow th, .tblAltRowDark, .boxNote { background-color: #D6E4E6; }
.bkgndBlueLight, .altRow { background-color: #EFF4F5; }
.bkgndBlueDark, .tblAltRowDark th { background-color: #007596; }

.bkgndGrey { background-color: #C0C0C0; }
.bkgndGreyLight, .boxAlt, .boxRight, .boxLeft, .boxTwoTone > div:first-child { background-color: #F3F3F3; }
.bkgndGreyDark { background-color: #969696; }

.bkgndGreen { background-color: #B3D32D; }
.bkgndGreenLight, .boxStory { background-color: #DCE9CD; }
.bkgndGreenDark { background-color: #678f00; }

.bkgndNone { background: none; }

/*--Structure--*/
/*!!!PENDING - genericize usage*/
.imgFloatRight, .imgFloatLeft { position: relative; margin: 5px; display: block; }
.imgFloatRight { float: right; }
.imgFloatLeft { float: left; }

/*!!!PENDING - genericize usage - Image Maps */
div.ImageMapCSS { display: none; }
ul.ImageMapCSS { list-style: none; position: relative; margin: 0; padding: 0; }
ul.ImageMapCSS li { position: absolute; text-align: center; vertical-align: middle; display: block; height: 100%; }

/* Boxes - used with divs */
.highLightBox { padding: 5px; margin: 5px; border: 1px solid #C0C0C0; vertical-align: text-top; width: 96%; text-align: left; background-color: #EFF4F5; }
.highLightBoxHeading { padding-left: 3px; background-color: #D6E4E6; text-align: left; }

.highLightBoxRight, .highLightBoxLeft, .boxRight, .boxLeft, .boxRightHighlight, .boxLeftHighlight { padding: 10px; margin: 0px; vertical-align: text-top; width: 220px; text-align: left; }
.highLightBoxRight, .highLightBoxLeft, .boxRightHighlight, .boxLeftHighlight { border: 1px solid #C0C0C0; background-color: #EFF4F5; }
.boxRight, .boxLeft { border-style: solid; border-width: 1px; }
.highLightBoxRight, .highLightBoxLeft, .boxRight, .boxLeft, .boxRightHighlight, .boxLeftHighlight { margin: 5px 10px; }
.highLightBoxRight, .boxRight, .boxRightHighlight { float: right; margin-right: 20px; }
.highLightBoxLeft, .boxLeft, .boxLeftHighlight { float: left; }

.box, .boxAlt, .boxNote, .boxStory, .boxTwoTone > div { padding: 10px; width: 97%; margin: 0px; border-style: solid; border-width: 1px; }
.box, .boxTwoTone, .boxNote, .boxStory { margin-bottom: 15px; }

.boxTwoTone > div + div { background-color: #FFF; border-top: none; }
.boxTwoTone > div a { font-weight: bold; }
.boxTwoTone > div > li a { font-weight: normal; }
.boxTwoTone > div > li a.bold { font-weight: bold; }

/*alt two tones*/
.boxTwoTone.toneBlue > div:first-child { background-color: #D6E4E6; }
.boxTwoTone.toneBlue > div + div { background-color: #EFF4F5; border-top: none; }
.boxTwoTone.toneBlue.toneWhite > div + div { background-color: #FFF; border-top: none; }
.boxTwoTone.toneBlue.toneGrey > div:first-child { background-color: #F3F3F3; }

/* Box Adjustments */
#content .boxNote > h4:first-child, #content .boxStory > h4:first-child, #content .boxNote > h3:first-child, #content .boxStory > h3:first-child, #content .boxTwoTone > div > h3:first-child, #content .boxTwoTone > div > h4:first-child { margin: 0px; }
#content .boxNote > h4 + p, #content .boxStory > h4 + p, #content .boxNote > h3 + p, #content .boxStory > h3 + p { margin-top: 5px; }

/*--Typographic--*/
.bold { font-weight: bold; }
.italic, .act { font-style: italic; }
.normal { font-weight: normal; font-style: normal; }
.code { font-family: Courier New, Monospace; font-size: 12px; }
.imgCaption { font-size: 9px; }
img + .imgCaption, a + .imgCaption { margin-top: 0px; }
.datePosted, .date, .docInfo, a.linkMiniH2, div.linkMiniH2 a, p.miniH2 { font-family: Verdana; font-size: 11px; color: #969696; }
.docInfo { font-style: normal; margin-left: 5px; vertical-align: baseline; }

/*--Forms--*/
.VGFormTable { padding: 6px; border-collapse: separate; background-color: #F3F3F3 !important; border: 1px solid #C0C0C0 !important; margin: 0px; width: 97% !important; text-align: left !important; vertical-align: middle; float: none; border-spacing: 6px; empty-cells: show; }
.VGFormInnerTable { padding: 6px; border-collapse: separate; margin: 0px; text-align: left !important; vertical-align: middle; float: none; border-spacing: 6px; empty-cells: show; }

/*--Tables--*/
.tblBasic { /*No border, spacing only*/ }
.tblBorder { /*Border around cells*/ }
.tblBorderOnly { /*Border around table only*/ }
.tblAltRow { /*Identifier for use with headerRow and altRow*/ }
.tblAltRowDark { /*Identifier for use with altRow and altRowDark, No Borders except th*/ }
.tblPhoto { /*Same as tblBasic but with default img and link styles*/ }
.tblBorderRow { /*Borders (top/bottom) on all rows*/ }

.tblBasic, .tblBorder, .tblBorderOnly, .tblBorderRow, .tblAltRow, .tblAltRowDark { margin-bottom: 15px; width: 100%; }
.tblBorder, .tblBorderOnly, .tblBorderRow, .tblAltRow { background-color: #FFFFFF; }
.tblBorder, .tblBorderOnly, .tblAltRow { border-width: 1px; border-collapse: collapse; border-style: solid; }
.tblBorderRow { border-collapse: collapse; }

.tblBasic tr, .tblAltRowDark tr, .tblBorder tr, .tblBorderRow tr, .tblAltRow tr, .tblPhoto tr { vertical-align: top; }
.tblBasic td, .tblBasic th, .tblBorder td, .tblBorder th, .tblAltRow td, .tblAltRow th, .tblBorderOnly td, .tblBorderOnly th, .tblBorderRow th, .tblBorderRow td, .tblPhoto td, .tblPhoto th, .tblAltRowDark td, .tblAltRowDark th { padding: 5px; }
.tblBasic td, .tblBasic th, .tblBorderOnly td, .tblBorderOnly th, .tblPhoto, .tblPhoto td, .tblPhoto th, .tblAltRowDark, .tblAltRowDark td, .tblAltRowDark th, .tblBorderRow td, .tblBorderRow th { border: none; border-width: 0px; }
.tblBorder td, .tblAltRow td, .tblBorder th, .tblAltRow th { border: 1px inset; }
.tblBasic th, .tblBorder th, .tblAltRow th, .tblAltRowDark th { font-weight: bold; }
.tblAltRowDark th { color: #FFF; }

.tblPhoto a { font-weight: bold; padding-top: 5px; }
.tblPhoto a + p { margin-top: 5px; }
.tblPhoto img { padding: 0; }

.tblCatalog > tr:first-child + tr > td:first-child { width: 30%; }
.tblCatalog > tr:first-child + tr > td:first-child + td { width: 70%; }

.tblBorderRow td { border-color: #C0C0C0; border-width: 1px 0 1px 0; border-style: solid none solid none; }

/* Table Adjustments */
#content td > h4:first-child, #content td > h3:first-child, #content th > h4:first-child, #content th > h3:first-child { margin: 0; }

/*--Lists--*/
ul a, ol a { font-weight: bold; }
ul ul a, ol ol a { font-weight: normal; }
.inlineList { margin: 0; padding: 0; display: block; list-style: none; }
.inlineList li { margin: 0; padding: 0; display: inline; float: left; }
#content table li {vertical-align:baseline;}

/*--Links--*/
/*Used to add a small link to the right of the H2 heading*/
#content .linkMiniH2 { position: absolute; right: 0; top: 20px; }
#content a.linkMiniH2 { text-decoration: none; }
#content a.linkMiniH2.dual { top: 12.5px; }
#content a.linkMiniH2.dual + a.linkMiniH2.dual { top: 25px; }

/* Link Icon Styles */
a.pdf { padding-right: 16px; margin-right: 0px; background: url(../images/interface/docIcons/SRDxLinkIcon-PDF.gif) no-repeat right center; }
a.msWord { padding-right: 16px; margin-right: 0px; background: url(../images/interface/docIcons/word.gif) no-repeat right center; }
a.msExcel { padding-right: 16px; margin-right: 0px; background: url(../images/interface/docIcons/excel.gif) no-repeat right center; }
a.msPowerpoint { padding-right: 16px; margin-right: 0px; background: url(../images/interface/docIcons/powerpoint.gif) no-repeat right center; }
a.externalLink { padding-right: 16px; margin-right: 0px; background: url(../images/interface/docIcons/SRDxLinkIcon-ExternalWebsite.png) no-repeat right center; }
a.photo { padding-right: 25px; margin-right: 0px; background: url(../images/interface/docIcons/SRDxLinkIcon-Photos.jpg) no-repeat right center; }
a.zip { padding-right: 20px; margin-right: 0px; background: url(../images/interface/docIcons/SRDxLinkIcon-ZipFile.jpg) no-repeat right center; }
a.onlineService { padding-right: 15px; margin-right: 0px; background: url(../images/interface/docIcons/SRDxLinkIcon-OnlineService.jpg) no-repeat right center; }
a.slideShow { padding-right: 20px; margin-right: 0px; background: url(../images/interface/docIcons/SRDxLinkIcon-ZipFile.jpg) no-repeat right center; }
a.pdf, a.msWord, a.msExcel, a.msPowerpoint, a.externalLink, a.photo {zoom: 1; *display: inline; *background-position:top right;}

/*!!!PENDING approval of icon legend
a.abMuni { padding-right: 18px; margin-right: 0px; background: url(../images/interface/docIcons/SRDxLinkIcon-AlbertaMunicipality.jpg) no-repeat right center; }
a.cdn { padding-right: 17px; margin-right: 0px; background: url(../images/interface/docIcons/SRDxLinkIcon-CDNGovernment.jpg) no-repeat right center; }
a.google { padding-right: 15px; margin-right: 0px; background: url(../images/interface/docIcons/SRDxLinkIcon-GoogleMaps.jpg) no-repeat right center; }
a.flickr { padding-right: 18px; margin-right: 0px; background: url(../images/interface/docIcons/SRDxLinkIcon-Flickr.jpg) no-repeat right center; }
a.qt { padding-right: 16px; margin-right: 0px; background: url(../images/interface/docIcons/qtp.gif) no-repeat right center; }
a.rss { padding-right: 18px; margin-right: 0px; background: url(../images/interface/docIcons/SRDxLinkIcon-RSS.gif) no-repeat right center; }
a.youTube { padding-right: 19px; margin-right: 0px; background: url(../images/interface/docIcons/SRDxLinkIcon-YouTubeVideo.jpg) no-repeat right center; }
a.wm { padding-right: 16px; margin-right: 0px; background: url(../images/interface/docIcons/wmp.gif) no-repeat right center; }*/

/* Icon Legend 
#navColumn #iconLegend { margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; color: #000; font-size: 9px; }
*/

/* Rollovers */
#content a.magnifier { display: block; position: relative; border: none; }
#content a.magnifier:hover span { position: absolute; top: 45%; left: 45%; width: 60px; height: 60px; background: transparent url(/images/Magifier_alpha.png) no-repeat top left; }

.faqPrinter { float: right; position: relative; }
.faqPrinter > span { text-indent: -9000px; display: block; position: absolute; width: 200px; height: 96px; top: -10px; left: -200px; background: url(../images/BubbleEmpty.png) no-repeat -180px 0; }
.faqPrinter > span:hover { background-position: 5px 0px; text-indent: 0px; }
.faqPrinter > span > span + span { display: block; overflow: hidden; font-size: 10px; font-family: arial, helvetica, sans-serif; margin: 3px; position: absolute; width: 130px; height: 80px; top: 0px; left: 7px; background: none; z-index: 10; }
.faqPrinter > span.faq { display: block; position: absolute; width: 200px; height: 96px; top: -10px; left: -200px; background: url(../images/BubbleFAQ.png) no-repeat -180px 0; }
.faqPrinter > span:hover.faq { background-position: 5px 0px; }
.faqPrinter > span.screen { display: block; position: absolute; width: 200px; height: 96px; top: -10px; left: -200px; background: url(../images/BubblePrintScreen.png) no-repeat -180px 0; }
.faqPrinter > span:hover.screen { background-position: 30px 0px; }
.faqPrinter span > span { display: block; position: absolute; top: 10px; left: 160px; width: 40px; height: 42px; background: url(../images/PrintThisPageIcon.png) no-repeat 0 0; }
.faqPrinter + p { margin-right: 40px; }

/*---HEADER---*/

/*---NAV---*/

/*--Primary--*/

/*--Secondary--*/
.subNav { font-family: Verdana, Arial, Helvetica, sans-serif; }
.subNav li { list-style: none; }
.subNav li a { color: #333; background-color: #D6E4E6; display: block; padding: 5px 10px 5px 15px; text-decoration: none; border-bottom: 1px solid #D6E4E6; line-height: 14px; }
.subNav li li a, .subNav li li li a, .subNav li li li li a { padding: 3px 10px 3px 28px; }
.subNav li li li a, .subNav li li li li a { padding-left: 40px; }
.subNav li li li li a { font-size: 11px; }

/* Arrows*/
.subNav li a { background-position: 5px 10px; background-repeat: no-repeat; }
.subNav li li a { background-position: 15px 10px; }
.subNav li li li a { background-position: 25px 10px; }

/* For 'open' items and their children, make the background white and the text bold */
.subNav .isParentActive a, .subNav .isParentCurrent a { background-image: url(../images/interface/bgMenuParentOpen.gif); }
.subNav .isParentActive a, .subNav .isParentCurrent li a { background-color: #EFF4F5; }
.subNav .isParentCurrent a { background-color: #FFF; font-weight: bold; }

.subNav li.isParentActive a { background-image: url(../images/interface/bgMenuParentOpen.gif); background-color: #EFF4F5; /*VERY PALE BLUE: #EFF4F5*/ }
.subNav li.isParentCurrent a { background-image: url(../images/interface/bgMenuParentOpen.gif); background-color: #FFF; /*WHITE: #fff*/ font-weight: bold; }
.subNav li.isParentCurrent ul li a { background-color: #EFF4F5; /*VERY PALE BLUE: #EFF4F5*/ }


/* For 'current' items with no children, make the background white and the text bold (ensure no background image is inherited) */
.subNav li.isCurrent a, .subNav li.isActive a { font-weight: bold; background-color: #FFF; background-image: none; }

/* restore normal font weight for non-breadcrumb-path items AND assign closed arrow to non-active parents */
.subNav li.isParent a { font-weight: normal; background-image: url(../images/interface/bgMenuParentClosed.gif); }
.subNav li.default a { font-weight: normal; background-image: none; }

/* hover state for ALL menu items. keep below other bg definitions to save redefinitions! */
.subNav li a:hover, .subNav li a:active, .subNav li.isParentCurrent ul li a:hover { background-color: #007596; color: #FFF; }

/* Programs and Services/ In This Section Home Page Container */
#content #servicesNav { padding: 0px 20px 10px 20px; margin-top:20px; position: relative;  background-color:#fff;}
#content #servicesNav h2 { margin: 0 0 12px -20px; /*REMOVE*/ padding: 16px 20px 4px 0; }
#content #servicesNav h3, #content #servicesNav h3 a { color: #79A901; margin: 12px 0 0 0; padding-bottom: 0; font-size: 14px; }
#content #servicesNav p { margin: 0; padding: 0 0 0 15px; }
#content .servicesNavDiv { width: 360px; margin: 0 10px 10px 10px; vertical-align: top; padding: 0 10px; }
#content #servicesNav a, #content #servicesNav a:link, #content #servicesNav a:visited, #content #servicesNav a:active { text-decoration: none; }
#content #servicesNav a:hover { text-decoration: underline; }
/*!!!PENDING update to user control to use div instead of table
#servicesNav .columnLeft { padding: 10px 20px 20px 20px; margin-left: -20px; }
#servicesNav .columnRight { padding: 10px 20px 0 0; }
#servicesNav .columnLeft a, #servicesNav .columnRight a { text-decoration: none; color: #000; }
#servicesNav .columnLeft h3 a, #servicesNav .columnRight h3 a { color: #79a901; margin: 12px 0 0 0; padding-bottom: 0; }
#servicesNav .columnLeft h3 a:hover, #servicesNav .columnRight h3 a:hover { color: #79a901; }
#servicesNav .columnLeft a:hover, #servicesNav .columnRight a:hover { text-decoration: underline; }
*/

/*---CONTENT---*/
#content h3, #content h4 { margin: 20px 0 5px; }
#content p, #content ul, #content ol { margin: 15px 0; }

#content div > h3:first-child, #content div > h4:first-child, #content div > p:first-child { margin-top: 5px; }
#content td > h3:first-child, #content td > h4:first-child, #content td > p:first-child { margin-top: 0px; }
#content h1 + img { margin-top: 15px; }
#content .last { margin-bottom: 5px; }
#content .footnote {font-size:10px;}
#content .boxNote.noted > * {margin-left:100px;}
#content .boxNote > p:first-child {margin-top:0px; margin-left:0px;}
#content .boxNote.noted > p:first-child + * {margin-top:0px;}
#content .boxNote.noted > p:first-child {float:left;font-weight:bold;}

/*--Lists--*/
#content ul, #content ol { margin-left: 15px; padding-left: 15px; }
#content ul ul, #content ol ol { margin-left: 0; padding-left: 15px; margin-top: 5px; margin-bottom: 10px; }
#content ul li > ul, #content ul li > ol, #content ol li > ul, #content ol li > ol { margin-top: 5px; }
#content li { vertical-align: middle; }

.doubleSpace li { margin-bottom: 15px; }
.singleSpace li { margin-bottom: 0; }

.listBoldFirst > li { font-weight: bold; }
.listBoldFirst > li li { font-weight: normal; }

/*Side by side lists in a DIV*/
p + .listPair, p + .listTrio { margin-top: -15px; }
.listPair > ul:first-child { float: left; }
.listPair ul + ul { float: right; }
.listPair + p, .listTrio + p { clear: both; }

.listTrio { position: relative; }
.listTrio > ul { display: inline-block; width: 28%; vertical-align: top; }
* + html .listTrio > ul { display: inline; }

/*collapsible content*/
.FAQItem .FAQAnswer { margin-left: 15px; padding: 10px 0; }
.FAQItem .hidden { display: none; }
.FAQItem .FAQQuestion a { display: block; padding-left: 15px; margin-left: 0px; background: url('../images/interface/bgMenuParentClosed.gif') no-repeat left center; }
.FAQItem .open a { background: url('../images/interface/bgMenuParentOpen.gif') no-repeat left center; }
.FAQSection { position: relative; }
#content a.FAQControl { font-size: 8pt; text-decoration: none; }
#content .FAQSection a.FAQControl { position: absolute; right: 0; top: 5px; }
#content .FAQSection .boxNote + a.FAQControl { position: absolute; right: 5px; top: 10px; }

/*!!!PENDING update of FAQ - will be depracted*/
.accordionHeader { cursor: pointer; display: block; padding-left: 15px; margin: 10px 10px 10px 0px; background: url('/App_Themes/Default/images/interface/bgMenuParentClosed.gif') no-repeat left center; }
.accordionHeader h4 { color: #0d3692; }
.accordionHeader h4:hover { color: #0000FF; }
.accordionHeaderSelected { cursor: pointer; display: block; padding-left: 15px; margin: 10px 10px 10px 0px; background: url('/App_Themes/Default/images/interface/bgMenuParentOpen.gif') no-repeat left center; }
.accordionHeaderSelected h4 { color: #800080; }
.accordionContent { padding-left: 15px; }
.accordionContent div { width: auto; }
.accordionContent div.FAQItem { width: 98%; margin: 0px; }
.accordionPrint { }
/*!!!*/

/*General Adjustments*/
#content h3 + p, #content h4 + p, #content h3 + ul, #content h4 + ul, #content h3 + ol, #content h4 + ol, #content td > ul, #content td > ol, #content h3 + .listPair > ul, #content h4 + .listPair > ul, #content h3 + .listTrio > ul, #content h4 + .listTrio > ul { margin-top: 0px; }
#content p + ul, #content p + ol { margin-top: -10px; }


/*--Section Specifics--*/

/* Landing Pages */
#content .sectionLandingLinks { }
#content .sectionRecreationLinks { }
#content .sectionLandingLinks > ul:first-child, #content .sectionRecreationLinks > ul:first-child { padding-top: 2px; }
#content .sectionLandingLinks > ul, #content .sectionRecreationLinks > ul { list-style: none; padding-left: 0; margin-left: 10px; }
#content .sectionLandingLinks > ul ul, #content .sectionRecreationLinks > ul ul { list-style: disc; padding-left: 10px; margin-left: 15px; margin-top: 0px; }
#content .sectionLandingLinks > ul ul { margin-bottom: 0px; }
#content .sectionRecreationLinks > ul ul { margin-bottom: 10px; }
#content .sectionLandingLinks > ul li a, #content .sectionRecreationLinks > ul li a { font-weight: bold; }
#content .sectionLandingLinks > ul li > ul li a, #content .sectionRecreationLinks > ul li > ul li a { font-weight: normal; }
#content .sectionLandingLinks > ul > li + li { padding-top: 10px; }
#content .sectionRecreationLinks > ul > li + li { padding-top: 0px; }

/* Wildlife Viewing Guide */
ul#WVGsymbols { margin: 10px 0 10px 0; padding: 0; }
ul#WVGsymbols li { list-style-type: none; display: inline; margin: 0 3px 0 0; cursor: pointer; }

/* Wildlife pages */
h1 + .wildSpeciesHeader { margin-top: 15px; }
.wildSpeciesHeader, .wildSpeciesBody { border-width: 1px; border-color: #678f00; border-style: solid; vertical-align: middle; text-align: left; padding: 6px; width: 704px; }
.wildSpeciesHeader { border-bottom: none; margin: 0px; background-color: #DCE9CD; font-family: Verdana; font-weight: bold; font-size: 1.2em; }
.wildSpeciesBody { overflow: auto; margin-bottom: 15px; }
/*Fish*/
div#flash3D { position: absolute; left: 110px; top: 10px; width: 600px; height: 484px; z-index: 100; }

/* Modal Popup - primary use: Image Libaray*/
.modal_popup { border: 2px solid #007596; background-color: #E9ECF3; }
.modal_content { background-color: Gray; filter: alpha(opacity=50); opacity: 0.5; }
.modal_title, .modal_statusarea { /*CSS for Drag Handle*/ padding: 1px; text-indent: 3px; font-size: 1.5em; background-color: #007596; color: white; overflow: hidden; width: auto; filter: alpha(opacity=100); opacity: 1; }
.modal_title .modal_controls { /*CSS for controls (min, close etc) within Drag Handle*/ position: absolute; right: 1px; top: 2px; cursor: pointer; }
* html .modal_handle { /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/ width: 100%; }
.modal_contentarea { /*CSS for Content Display Area div*/ border-top: 1px solid brown; background-color: white; color: black; /*height: 150px;*/ padding: 2px; overflow: auto; }
.modal_statusarea { /*CSS for Status Bar div (includes resizearea)*/ height: 13px; /*height of resize image*/ }
.modal_resizearea { /*CSS for Resize Area itself*/ float: right; width: 13px; /*width of resize image*/ height: 13px; /*height of resize image*/ cursor: nw-resize; font-size: 0; }
#content .modal_statusarea a, #content .modal_statusarea a:link { color: #FFF; }
#content .modal_statusarea a:hover { color: #CCC; }

/*PSP GridView*/
.SearchResultsHeader th, .SearchResultsRow td { padding: 2px 5px; border-style: solid solid none solid; border-width: 1px; border-color: #678f00; background-color: #E9ECF3; }
.SearchResultsHeader th, .SearchResultsFooter td { font-weight: bold; }
.SearchResultsRow td, .SearchResultsAltRow td { padding-right: 10px; }
.SearchResultsAltRow td { background-color: #EFF4F5; }

/*Map Elements*/
.mapElement { border: 1px solid #D1D1D1; width: 90%; }
.mapInfoContainer { margin-top: 15px; margin-bottom: 15px; width: 90%; }
.mapInfoContainer .header { font-size: 14px; font-weight: bold; }
.mapInfoContainer .header a { text-decoration: none !important; color: #000 !important; }
.mapInfoTabStrip a { text-decoration: none !important; }
.mapPointsOverview { border: solid 1px #D1D1D1; padding-right: 0; overflow: -moz-scrollbars-vertical; overflow-y: scroll; font-size: 10px; width: 100px; }
.mapPointsOverview div { margin-bottom: 0; margin-top: 0; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
.mapPointsOverview .heading { font-weight: bold; }
.mapPointsOverview .highlighted { background-color: #EAEAEA; border-top: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; }
.mapInfoMultiPage { border: 1px solid #EAEAEA; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; }
.printerFriendlyLink { font-size: 10px; font-style: italic; cursor: pointer; margin-bottom: 5px; }
.treeLink { font-weight: bold; font-size: 9px; padding-left: 12px; margin-top: 5px; cursor: pointer; }
.collapsed { background-image: url('../images/expand.gif'); background-position: left; background-repeat: no-repeat; }
.expanded { background-image: url('../images/collapse.gif'); background-position: left; background-repeat: no-repeat; }
.mapSelectorList { margin-bottom: 2px; width: 100% !important; }
.mapSelectorList .rcbInput { padding-top: 4px !important; font-size: 1.0em !important; font-weight: bold; }
.EditMapHeadingCell { width: 120px; text-align: right; }

/* ACN GOA RSS */
#goa_rss_acn ul { list-style-type: none; padding: 0; margin: 0; }
#goa_rss_acn li { margin-bottom: 14px; }
#goa_rss_acn li a { display: list-item; }

/*---PAGEINFO---*/
#PageInfo p { font-family: Verdana; font-size: 11px; text-align: right; color: #969696; margin-right: 5px; padding: 0; top: 12px; position: relative; }

/*---FOOTER---*/