@charset "UTF-8";

/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {	margin: 0px; padding:0px; width:690px; float:left;}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {margin: 0px; padding: 0px; cursor:default; background:url(/images/subpage_content_top.gif) top left no-repeat; width:690px; height:30px; float:left;
-moz-user-select: none; -khtml-user-select: none;}

/*.LE { background:url(/images/subpage_content_topLE.gif) top left no-repeat;}
.BL { background:url(/images/subpage_content_topBL.gif) top left no-repeat;}
.PM { background:url(/images/subpage_content_topPM.gif) top left no-repeat;}
.QS { background:url(/images/subpage_content_topQS.gif) top left no-repeat}
.BE { background:url(/images/subpage_content_topBE.gif) top left no-repeat;}
.IC { background:url(/images/subpage_content_topIC.gif) top left no-repeat;}*/

.CollapsiblePanelTab h1{ color:#ffffff; font-weight:normal; font-size:14px; padding:10px 0px 0px 40px; width:480px; float:left;}

.popupTrigger{cursor:help;}
.CollapsiblePanelTab{ position:relative;}

.CollapsiblePanelTab img, .CollapsiblePanelTab a, .CollapsiblePanelTab a:hover, .CollapsiblePanelTab a:link, .CollapsiblePanelTab a:visited
{ width:auto; height:auto; float:right; padding:8px 10px 0px 5px; margin:0px; text-decoration:none; background:none; cursor:default;}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent
{ background:url(/images/subpage_content_cntr.gif) top left repeat-y; width:680px; margin: 0px; padding: 0px 10px 0px 0px; float:left;}
*html .CollapsiblePanelContent {min-height:1px;}

.CollapsiblePanelContent Btm
{ background:url(/images/subpage_content_btm.gif) top left no-repeat; width:690px; height:10px; float:left; padding:0;}
*html .CollapsiblePanelContent Btm { min-height:1px;}

.CollapsiblePanelContent img
{ width:auto; height:auto; clear:both; float:right; padding:10px -10px 0px 0px; margin:0px; text-decoration:none; background:none;}
.CollapsiblePanelContent a img
{ width:auto; height:auto; clear:both; float:left; padding:10px 10px 0px 0px; margin:0px; text-decoration:none; background:none; margin-right:20px; width:100px; text-align:right;}

.panelcontent a, .panelcontent a:hover, .panelcontent a:link, .panelcontent a:visited
{ width:auto; height:20px; float:right; padding:0px -10px 0px 0px; margin:0px; text-decoration:none; background:none;}
*html .panelcontent a, *html .panelcontent a:hover, *html .panelcontent a:link, *html .panelcontent a:visited
{ min-height:1px;}

.CollapsiblePanelContent hr
{ border-bottom:1px dotted #A1C63C;}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a
{ color: black; text-decoration: none;}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab
{ background-color: none;}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab
{ /* background-color: #none */}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover
{ background-color: none;}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab
{ background-color:none;}

.CollapsiblePanelPopup
{ background:#036; color:#FFFFFF; width: 500px; height:auto; padding:20px 10px 10px 10px; text-align:left; position: absolute; top: -50px; left: 100px; text-align: center;
z-index: 1000; display:none; border:thick #999999;
/* opacity adjustment */
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
/* round corners */
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
}

#popupContactClose
{ color: #F9750A; display: block; font-size: 14px; font-weight: 700; line-height: 14px; position: absolute; right: 6px; top: 0px;}

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow
{ position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 700px; height:480px; background-color: #036; color: #333; border: 1px solid black; padding: 12px; z-index:3000;}

.jqmOverlay
{ background-color: #000;
/* opacity */
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm
{ position: absolute; top: 0; left: 0; z-index: -1;
width: expression(this.parentNode.offsetWidth+'px');
height: expression(this.parentNode.offsetHeight+'px');}
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm
{ position:absolute;top:0;left:0;z-index:-1;
width: expression(this.parentNode.offsetWidth+'px');
height: expression(this.parentNode.offsetHeight+'px');}

/* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
* html .jqmWindow
{ position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}

.jqmClose
{ float:right; text-align:right;}