/*------------------------------------------------------------
CLEAR FIX
------------------------------------------------------------*/
.section,
.section .container-top-right,
.section .container-content
{
	_height: 1%;
	zoom: 100%;
}

.section:after,
.section .container-top-right:after,
.section .container-content:after
{
	content:" ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/*------------------------------------------------------------
SECTION
------------------------------------------------------------*/
.section
{
	clear: both;
	margin-bottom: 1.0em;
}


/*------------------------------------------------------------
CONTAINERS
------------------------------------------------------------*/
/* Default */
.section .container-top-left
{
    background: url(Images/Container/ContainerTopLeftGray.gif) top left no-repeat;
	padding-left: 12px;
}

.section .container-top-right
{
    background: url(Images/Container/ContainerTopRightGray.gif) top right no-repeat;
    padding: 12px 12px 1px 0; /* 1px triggers rendering background image correctly in Firefox3 (margin of child paragraph is not contained within parent) */
}

.section .container-top
{
    padding: 12px;
}

.section .header-text
{
    color: #222;
    margin: 0;
}

.section .container-content
{
    background: #eee url(Images/Container/ContainerMiddleGray.gif) repeat-x;
    padding: 24px 12px 1px 12px; /* Extra top padding to accommodate darker background image at the top */
}

.section.collapsible > .container-content
{
    background-color: #eee;
    padding-top: 12px;
}

.section .container-bottom-left
{
    background: url(Images/Container/ContainerBottomLeftGray.gif) bottom left no-repeat;
	padding-left: 12px;
}

.section .container-bottom-right
{
    background: url(Images/Container/ContainerBottomRightGray.gif) bottom right no-repeat;
    height: 12px;
    padding-right: 12px;
    _font-size: 0;
}

.section .container-bottom
{
    padding: 12px;
}

.section.collapsible .container-bottom-left
{
    background-image: url(Images/Container/ContainerBottomLeftGrayCollapsible.gif);
}

.section.collapsible .container-bottom-right
{
    background-image: url(Images/Container/ContainerBottomRightGrayCollapsible.gif);
}


/* Blue */
.section.blue .container-top-left,
.section.blue-collapsible .container-top-left,
.section.blue-outline .container-top-left
{
    background-image: url(Images/Container/ContainerTopLeftBlue.gif);
}

.section.blue .container-top-right,
.section.blue-collapsible .container-top-right,
.section.blue-outline .container-top-right
{
    background-image: url(Images/Container/ContainerTopRightBlue.gif);
}

.section.blue .header-text,
.section.blue-collapsible .header-text,
.section.blue-outline .header-text
{
    color: #123;
}

.section.blue .container-content,
.section.blue-collapsible .container-content
{
    background: #e3f3fc url(Images/Container/ContainerMiddleBlue.gif) repeat-x;
}

.section.blue-outline .container-content
{
    background: #fff url(Images/Container/ContainerMiddleBlue.gif) repeat-x;
    border-right: solid 2px #d0e6f3;
    border-left: solid 2px #d0e6f3;
}

.section.blue .container-bottom-left
{
    background-image: url(Images/Container/ContainerBottomLeftBlue.gif);
}

.section.blue .container-bottom-right
{
    background-image: url(Images/Container/ContainerBottomRightBlue.gif);
}

.section.blue-collapsible .container-bottom-left
{
    background-image: url(Images/Container/ContainerBottomLeftBlueCollapsible.gif);
}

.section.blue-collapsible .container-bottom-right
{
    background-image: url(Images/Container/ContainerBottomRightBlueCollapsible.gif);
}

.section.blue-outline .container-bottom-left
{
    background-image: url(Images/Container/ContainerBottomLeftBlueOutline.gif);
}

.section.blue-outline .container-bottom-right
{
    background-image: url(Images/Container/ContainerBottomRightBlueOutline.gif);
}

/* Blue */
/*
.section.dark-blue .container-top-left
{
    background-image: url(Images/Container/ContainerTopLeftDarkBlue.png);
}

.section.dark-blue .container-top-right
{
    background-image: url(Images/Container/ContainerTopRightDarkBlue.png);
}

.section.dark-blue .header-text
{
    color: #fff;
}

.section.dark-blue .container-content
{
    background: #1c6c8c url(Images/Container/ContainerMiddleDarkBlue.gif) repeat-x;
}

.section.dark-blue.outline .container-content
{
    background-color: #fff;
    border-right: solid 2px #c9e0e6;
    border-left: solid 2px #c9e0e6;
}

.section.dark-blue .container-bottom-left
{
    background-image: url(Images/Container/ContainerBottomLeftDarkBlue.png);
}

.section.dark-blue .container-bottom-right
{
    background-image: url(Images/Container/ContainerBottomRightDarkBlue.png);
}

.section.dark-blue-collapsible .container-bottom-left
{
    background-image: url(Images/Container/ContainerBottomLeftDarkBlueCollapsible.png);
}

.section.dark-blue-collapsible .container-bottom-right
{
    background-image: url(Images/Container/ContainerBottomRightDarkBlueCollapsible.png);
}

.section.dark-blue.outline .container-bottom-left
{
    background-image: url(Images/Container/ContainerBottomLeftDarkBlueOutline.png);
}

.section.dark-blue.outline .container-bottom-right
{
    background-image: url(Images/Container/ContainerBottomRightDarkBlueOutline.png);
}
*/

/* Green */
.section.green .container-top-left,
.section.green-collapsible .container-top-left,
.section.green-outline .container-top-left
{
    background-image: url(Images/Container/ContainerTopLeftGreen.gif);
}

.section.green .container-top-right,
.section.green-collapsible .container-top-right,
.section.green-outline .container-top-right
{
    background-image: url(Images/Container/ContainerTopRightGreen.gif);
}

.section.green-no-header .container-top-left
{
    background-image: url(Images/Container/ContainerTopLeftGreenNoHeader.gif) !important;
}

.section.green-no-header .container-top-right
{
    background-image: url(Images/Container/ContainerTopRightGreenNoHeader.gif) !important;
    height: 12px;
    padding-top: 0;
}

.section.green .header-text,
.section.green-collapsible .header-text,
.section.green-outline .header-text
{
    color: #121;
}

.section.green .container-content,
.section.green-collapsible .container-content,
.section.green-outline .container-content
{
    background: #ecf9dc url(Images/Container/ContainerMiddleGreen.gif) repeat-x;
}

.section.green-no-header .container-content
{
    background-color: #ecf9dc !important;
    background-image: none !important;
    padding-top: 1px; /* Firefox3 background image rendering issue */
}

.section.green-outline .container-content
{
    background-color: #fff;
    border-right: solid 2px #dce9cc;
    border-left: solid 2px #dce9cc;
}

.section.green .container-bottom-left,
.section.green-no-header .container-bottom-left
{
    background-image: url(Images/Container/ContainerBottomLeftGreen.gif);
}

.section.green .container-bottom-right,
.section.green-no-header .container-bottom-right
{
    background-image: url(Images/Container/ContainerBottomRightGreen.gif);
}

.section.green-collapsible > .container-bottom-left
{
    background-image: url(Images/Container/ContainerBottomLeftGreenCollapsible.gif);
}

.section.green-collapsible  > .container-bottom-left > .container-bottom-right
{
    background-image: url(Images/Container/ContainerBottomRightGreenCollapsible.gif);
}

* html .section.green-collapsible .container-bottom-left
{
    background-image: url(Images/Container/ContainerBottomLeftGreenCollapsible.gif);
}

* html .section.green-collapsible .container-bottom-left .container-bottom-right
{
    background-image: url(Images/Container/ContainerBottomRightGreenCollapsible.gif);
}

.section.green-outline .container-bottom-left
{
    background-image: url(Images/Container/ContainerBottomLeftGreenOutline.gif);
}

.section.green-outline .container-bottom-right
{
    background-image: url(Images/Container/ContainerBottomRightGreenOutline.gif);
}


/* Logged-In User Homepage News */
.section.user-home-news .container-top-left
{
    background-image: url(Images/Container/ContainerTopLeftNews.png);
}

.section.user-home-news .container-top-right
{
    background-image: url(Images/Container/ContainerTopRightNews.png);
}

.section.user-home-news .header-text
{
    color: #000;
}

.section.user-home-news .container-content
{
    background: #fcfcfc url(Images/Container/ContainerMiddleNews.png) repeat-x;
    border-right: solid 1px #dcdcdc;
    border-left: solid 1px #dcdcdc;
}

.section.user-home-news .container-bottom-left
{
    background-image: url(Images/Container/ContainerBottomLeftNews.png);
}

.section.user-home-news .container-bottom-right
{
    background-image: url(Images/Container/ContainerBottomRightNews.png);
    height: 17px;
}


/* Callout */
.section.callout .container-top-left
{
    background-image: url(Images/Container/CalloutTopLeft.png);
}

.section.callout .container-top-right
{
    background-image: url(Images/Container/CalloutTopRight.png);
}

.section.callout .header-text
{
    color: #000;
}

.section.callout .container-content
{
    background-image: url(Images/Container/CalloutMiddle.gif);
    background-repeat: repeat;
    border-right: solid 1px #ccc588;
    border-left: solid 1px #ccc588;
    padding-top: 12px;
}

.section.callout .container-bottom-left
{
    background-image: url(Images/Container/CalloutBottomLeft.png);
    position: relative;
}

.section.callout .container-bottom-right
{
    background-image: url(Images/Container/CalloutBottomRight.png);
}

.section.callout .carrot
{
    background: transparent url(Images/Container/CalloutCarrot.png) no-repeat;
    _background-image: url(Images/Container/CalloutCarrot.gif);
    height: 11px;
    position: absolute;
    top: 11px;
    width: 19px;
}


/* Site Messages */
.section.site-messages .container-top-left
{
    background-image: url(Images/Container/ContainerTopLeftMessages.gif);
}

.section.site-messages .container-top-right
{
    background-image: url(Images/Container/ContainerTopRightMessages.gif);
    height: 12px;
    padding: 0;
    padding-right: 12px;
    _font-size: 0;
}

.section.site-messages .container-content
{
    background: url(Images/Container/ContainerMiddleMessages.gif);
    color: #330;
    padding-top: 1px;
    text-align: left;
}

.section.site-messages .container-bottom-left
{
    background-image: url(Images/Container/ContainerBottomLeftMessages.gif);
}

.section.site-messages .container-bottom-right
{
    background-image: url(Images/Container/ContainerBottomRightMessages.gif);
    height: 17px;
}


/*------------------------------------------------------------
MODAL POPUP
------------------------------------------------------------*/
.section.modal-popup .container-top-left,
.section.modal-popup-no-header .container-top-left
{
    background: url(Images/Container/ModalPopupTopLeft.png) top left no-repeat;
    _background: url(Images/Container/ModalPopupTopLeft.gif) top left no-repeat;
}

.section.modal-popup .container-top-right,
.section.modal-popup-no-header .container-top-right
{
    background: url(Images/Container/ModalPopupTopRight.png) top right no-repeat;
    _background: url(Images/Container/ModalPopupTopRight.gif) top right no-repeat;
}

.section.modal-popup .header
{
    
}

.section.modal-popup .header .col-left
{
    float: left;
    width: 75%
}

.section.modal-popup .header-text,
.section.modal-popup-no-header .header-text
{
    color: #000;
}

.section.modal-popup .header .col-right
{
    float: right;
    text-align: right;
    width: 25%;
}

.section.modal-popup .container-content,
.section.modal-popup-no-header .container-content
{
    background: url(Images/Container/ModalPopupContent.png) top right no-repeat;
    _background: url(Images/Container/ModalPopupContent.gif) top right no-repeat;
}

.section.modal-popup .scroll-area
{
    _height: 375px;
    max-height: 375px;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 10px;
}

.section.modal-popup .container-bottom-left,
.section.modal-popup-no-header .container-bottom-left
{
    background: url(Images/Container/ModalPopupBottomLeft.png) bottom left no-repeat;
    _background: url(Images/Container/ModalPopupBottomLeft.gif) bottom left no-repeat !important;
}

.section.modal-popup .container-bottom-right,
.section.modal-popup-no-header .container-bottom-right
{
    background: url(Images/Container/ModalPopupBottomRight.png) bottom right no-repeat;
    _background: url(Images/Container/ModalPopupBottomRight.gif) bottom right no-repeat !important;
    height: 17px;
}

.section.modal-popup .footer, /* for "footers" outside "container-content" */
.section.modal-popup-no-header .footer
{
    background: url(Images/Container/ModalPopupContent.png) bottom right no-repeat;
    _background: url(Images/Container/ModalPopupContent.gif) bottom right no-repeat;
    clear: both;
    padding: 1.0em 12px 0 12px;
    text-align: right;
}

.section.modal-popup .container-content .footer, /* for "footers" inside "container-content" */
.section.modal-popup-no-header .container-content .footer
{
    background-image: none;
    padding-right: 0;
    padding-left: 0;
}


/* No Header */
.section.modal-popup-no-header .container-top-left
{
    background: url(Images/Container/ModalPopupTopLeftNoHeader.png) top left no-repeat;
    _background-image: url(Images/Container/ModalPopupTopLeftNoHeader.gif);
}

.section.modal-popup-no-header .container-top-right
{
    background: url(Images/Container/ModalPopupTopRightNoHeader.png) top right no-repeat;
    _background-image: url(Images/Container/ModalPopupTopRightNoHeader.gif);
}

.section.modal-popup-no-header .container-content
{
    background: url(Images/Container/ModalPopupContentNoHeader.png) top right no-repeat;
    _background-image: url(Images/Container/ModalPopupContentNoHeader.gif);
    padding-top: 12px;
}


/* Section Header */
.modal-popup-section-header
{
    border-bottom: solid 1px #bbb;
    margin: 1.5em 0 0.5em 0;
}


/* Unexpected Error */
.section.modal-popup.unexpected-error .container-top-left
{
    background-image: url(Images/Container/ModalPopupTopLeftError.png);
    _background-image: url(Images/Container/ModalPopupTopLeftError.gif);
}

.section.modal-popup.unexpected-error .container-top-right
{
    background-image: url(Images/Container/ModalPopupTopRightError.png);
    _background-image: url(Images/Container/ModalPopupTopRightError.gif);
}

.section.modal-popup.unexpected-error .container-content
{
    background-image: url(Images/Container/ModalPopupContentError.png);
    _background-image: url(Images/Container/ModalPopupContentError.gif);
}

.section.modal-popup.unexpected-error .container-bottom-left
{
    background-image: url(Images/Container/ModalPopupBottomLeftError.png);
    _background-image: url(Images/Container/ModalPopupBottomLeftError.gif);
}

.section.modal-popup.unexpected-error .container-bottom-right
{
    background-image: url(Images/Container/ModalPopupBottomRightError.png);
    _background-image: url(Images/Container/ModalPopupBottomRightError.gif);
}





/*----------------------------------------------------------------------------------------------------
PRINT STYLES
----------------------------------------------------------------------------------------------------*/
@media print
{

.section
{
    border: solid 1px #000;
}

.section .container-top-right
{
    padding-bottom: 12px;
}

.section .container-content
{
    border-top: solid 1px #000;
    padding-top: 12px;
}

.section.blue-outline .container-content
{
    border-right: none;
    border-left: none;
}

.section.green-no-header,
.section.green-no-header .container-content
{
    border: none;
}

.section .container-top-left,
.section.green-no-header .container-top-left,
.section .container-top-right,
.section.green-no-header .container-top-right,
.section .container-content,
.section.green-no-header .container-content,
.section .container-bottom-left,
.section .container-bottom-right
{
    background-color: #fff !important;
    background-image: none !important;
}

.section.green-no-header .container-content
{
    padding-right: 0;
    padding-left: 0;
}

} /* END: print styles */