/* Location: /App_/ROOT/PageFrame/StandardPartial/StyleSheet.css */
/* Description: Stylesheet used to define the main layout of
the website as well as common elements between the home page and interior pages */

/**** Import the global stylesheet to redefine HTML and add common fonts ****/
@import url(../StyleSheet.css);
@import url(/App_/ClientResources/OP.css);

body { background: #fff; text-align: center; font-size:0.75em; /*12px;*/ line-height: 1.2em; }

/**** Common Classes ****************************************************/
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

/**** Error Pane ********************************************************/
div.errorPane { margin: 0 0 10px 0; }
div.errorPane span, .error { color:#DF291F; font-weight:bold; }

/**** Alert Section *****************************************************/
.alertSection, .alertSection a { color: #c00; }
.alertSection a { text-decoration: underline; }
.alertSection { background: #FDE5E5 url(Content/AlertIcon.gif) 10px 5px no-repeat; padding: 10px 15px 10px 25px; margin: 0 0 15px 0; }

/**** Set light blue font ***********************************************/
#quickLinks, #quickLinks a, #topNav, #topNav a, #didYouKnow {color: #c0d1dc;}

/*** Remove header and footer margins and list style ********************/
h1#headerLogo, #footer ul, #footer li, #header ul, #header li { margin: 0; padding:0; }
#footer ul, #footer li, #header ul, #header li { list-style-type: none; }

/**** Modal overlay color ***********************************************/
.modalOverlay, #modal_overlay { background-color: black; }

/**** Footnote **********************************************************/
.tinyText, .footnote { font-size:0.75em; /*8px;*/ }

/***** calendar *************************************/
.calendar .event 
{
	background: url(/App_/ROOT/PageFrame/StandardPartial/Images/CalendarMarker.gif) top left no-repeat;
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-top: 1px;
}
.calendar .event:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.calendar .event { zoom: 1; }
.calendar .viewAll,.calendar .details { margin-left: 60px; } 
.calendar .details {line-height: 1.2em;}
.calendar h3
{
	float: left;
	margin:0;
	padding:0;
	padding-top: 8px;
}
.calendar h3 .month, .calendar h3 .day { display: block; text-align: center; margin-left: 16px; }
.calendar h3 .month { font-size: .9em; color: #8c9b93; font-weight: bold; line-height: 1.4em; }
.calendar h3 .day { font-size: 1.6em; color: #7a847f;}
.calendar .details .location { color: #8c9b93; font-size: .9em; }

/***** faq homepage *********************************/
ul.faq { margin-top:0px; padding-top:0px; }
div#FaqTab .faq li { list-style-image: url(Content/GreenArrow.gif); padding-bottom:10px; }

/****** Header Area **********************************/
#container, #header, h1#headerLogo { width: 960px; }
#header { background: url(Header/HeaderBgSync.gif) top repeat-x; position: relative; z-index: 500; }
h1#headerLogo { background: url(Header/HeaderTopRight.gif) top right no-repeat;}
h1#headerLogo a 
{
    display: block;
    background: url(Header/HeaderLogo.gif) center center no-repeat;
    width:338px;
    height:97px;
    overflow: hidden;
    text-indent: -9999px;
}
#printableLogo { display:none; }

/**** Top Navigation ***********************************************************/
#topNav { text-align: right; width: 500px; }
#topNav li {display: inline;}
#topNav li a {display: -moz-inline-box; display: inline-block;padding-left: 12px;}
#topNav, #mainSearch {position: absolute;right: 20px;z-index: 501;}
#topNav {top: 10px;}

/*** Main Search at top ********************************************************/
#mainSearch 
{
	background: #fff;
	width: 288px;
	height: 30px;
	margin-top: 10px;
	top: 30px;
}
#mainSearch label 
{
	position: absolute;
	color: #ccc;
	top:6px;
	left:4px;
	font-size: 1.3em;
}
#mainSearch input.text 
{
	width: 250px;
	border: 1px solid #fff;
	background: #fff;
	font-size: 1.4em;
	padding: 3px;
}
#mainSearch input.image { position: absolute; top: 3px; right: 0; }

/****** Main Navigation ************************************************************/
#mainMenu { background: url(MainTool/Shadow.jpg) top left no-repeat; }
#mainMenu li { display: inline; }
#mainMenu ul { padding-left: 12px;height: 40px; }

/********* FOOTER ******************************************************************/
h4.Footer { font-family: Helvetica, Arial, Sans-Serif; font-size: 1.2em; /*14px;*/ color: #FFFFFF; }
#footer { clear: both; background: url(Footer/FooterBg.jpg) top center no-repeat; padding-bottom: 15px; }
#footer .content {padding: 20px 0; width: 910px;}
#copyrightLegal { clear: both; font-weight: bold; font-size: .9em; }
#copyrightLegal li {display: inline;}
#copyrightLegal li a 
{
	display: -moz-inline-box; 
	display: inline-block;
	padding-right: 8px;
	margin-right: 5px;
	border-right: 1px solid #666;
}
#copyrightLegal { color: #666; }

/*** Quick Links In Footer *********************************************************/
#quickLinks { height: 110px; float: left; width: 600px; }
#quickLinks .col { width: 147px; float: left; font-size: .9em; }
#quickLinks li { /* background: url(Footer/FooterBullet.gif) 0 2px no-repeat; padding-left: 8px; */ }
#quickLinks li, #quickLinks h4 {margin-bottom: 7px;}
#quickLinks li a { font-weight: bold; }

/*** Quote Area In Footer **********************************************************/
#didYouKnow { width: 290px; float: right; }
#didYouKnow p.quote 
{
	font-family: Georgia, "Times New Roman";
	font-size: 1.3em;
	line-height: 1.3em;
	font-style: italic;
	margin: 10px 0;
}
#didYouKnow p.author { color: #8ca5b4; }

/***** Right Navigation ************************************************************/
.iconLink a, .iconLink a:visited, .iconLink a:active, .iconLink a:hover { color: #DF901C; font-weight:bold; }
.iconLinkImage { padding-right:5px; }
.rightSubContent li.iconLink
{
    list-style-image:none;
    list-style-type:none;
    position:relative;
    left:-15px;
}

.rightSubContent { float: right; background: url(RightTool/RightNavBg.jpg) repeat-y; }
.rightSubContent .wrapper1 { background: url(RightTool/RightNavTop.jpg) top left no-repeat; }
.rightSubContent .wrapper2 { padding: 15px 5px 40px 15px; background: url(RightTool/RightNavBottom.jpg) bottom left no-repeat; }
.leftSubContent { float: right; background: url(LeftTool/LeftNavBg.jpg) top right repeat-y; text-align: left; }
.leftSubContent .wrapper1 { background: url(LeftTool/LeftNavTop.jpg) top right no-repeat; }
.leftSubContent .wrapper2 { padding: 15px 15px 40px 5px; background: url(LeftTool/LeftNavBottom.jpg) bottom right no-repeat; }
/*
.contentContainer {background: url(Content/ContentColumnBg.gif) top left repeat-y;}
.contentContainerBottom:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.contentContainerBottom { zoom: 1;  }
.contentContainerTop { background: url(Content/ContentColumnTopBg.gif) top left no-repeat; }
.contentContainerBottom { background: url(Content/ContentColumnBotBg.gif) bottom left no-repeat;  }
.rightSubContent .wrapper2 { padding: 15px 5px 40px 15px; }
.leftSubContent .wrapper2 { padding: 15px 15px 40px 5px; }*/

/**** Turn off sub content elements **************************
.noRightSubContent .rightSubContent, .noLeftSubContent .leftSubContent { display: none; }
.noRightSubContent .mainContent, .noLeftSubContent .mainContent { width: 695px; }
.noLeftSubContent .mainContent { margin-left: 0; margin-right: 20px; }
.noSubContent .rightSubContent, .noSubContent .leftSubContent { display: none; }
.noSubContent .mainContent { width: 930px; margin-left: 0; margin-right: 0; }

.noRightSubContent { background-image: url(Content/ContentLeftColBg.gif); }
.noLeftSubContent { background-image: url(Content/ContentRightColBg.gif); }
.noRightSubContent .contentContainerTop { background-image: url(Content/ContentLeftColTopBg.gif); }
.noLeftSubContent .contentContainerTop { background-image: url(Content/ContentRightColTopBg.gif); }
.noRightSubContent .contentContainerBottom { background-image: url(Content/ContentLeftColBotBg.gif); }
.noLeftSubContent .contentContainerBottom { background-image: url(Content/ContentRightColBotBg.gif); }
.noSubContent, .noSubContent .contentContainerTop, .noSubContent .contentContainerBottom { background: none; }
*/

/****** Photo Frame *********************************************/
.photo, .photo span { display: -moz-inline-box; display: inline-block; }
.photo > div { display: -moz-inline-box; display: inline-block; }
.photo img { margin: 0 !important; padding: 0 !important; }
.photo { border: 1px solid #e9eeee; }
.photo span {border: 1px solid #d5dada; background: #fff; padding: 3px;}
.photo > div {border: 1px solid #d5dada; background: #fff; padding: 3px;}

/****** Main Content ********************************************/
#container, #footer .content { text-align: left; margin: 0 auto; }
#content { padding: 10px 14px; color: #585858; width: 932px; }
#content .blueBox { background-color: #f3f9f9; border: 1px solid #dcdcdc; }
#content .contentContainer { padding: 12px 12px 0 12px; }
#content .blueBoxFloatRight 
{ 
    background-color: #f3f9f9; 
    border: 1px solid #dcdcdc; 
    float:right;
    padding:10px 5px 0 5px;
    margin-left:10px;
    margin-bottom:10px;
    margin-top:0px;
    display:block;
}
#content .blueBoxFloatRight img
{
	padding-top:0px;
}
.mainContent h1 { margin: 0 0 .5em 0; }

/**** Text Size Fluctuation ***************************************/
body.textSize1 .contentPane, body.textSize1 .enginePage { font-size: 1em; }
body.textSize2 .contentPane, body.textSize2 .enginePage { font-size: 1.1em; line-height: 1.1em; }
body.textSize3 .contentPane, body.textSize3 .enginePage { font-size: 1.2em; line-height: 1.2em; }
body.textSize4 .contentPane, body.textSize4 .enginePage { font-size: 1.3em; line-height: 1.3em; }

/* For DEG */
body.textSize1 .degContentPane, body.textSize1 .enginePage { font-size: 1em; }
body.textSize2 .degContentPane, body.textSize2 .enginePage { font-size: 1.1em; line-height: 1.1em; }
body.textSize3 .degContentPane, body.textSize3 .enginePage { font-size: 1.2em; line-height: 1.2em; }
body.textSize4 .degContentPane, body.textSize4 .enginePage { font-size: 1.3em; line-height: 1.3em; }

/**** Flyout Calendar Control *************************************/
table.calendar_table { height: 170px; width: 210px; }
table.calendar_table thead tr { height: 20px; }

/**** Google Map Styles **********************************************/
.gmap_windowOverlay {
	position: absolute;
	bottom: 50px;
	left: -15px;
	font-size: .9em;
	width: 131px;
	background: #fff;
	padding: 15px;
	border: 1px solid #ccc;
}
.gmap_windowBottom 
{
    width: 0;
    height: 0;
    line-height: 0;
    border-top: 20px solid #fff;
    border-right: 20px solid transparent;
    position:absolute;
    bottom: -20px;
    left: 15px;
}
* html .gmap_windowBottom { border-right-color: pink; filter: chroma(color=pink); } /* ie6 only */
.gmap_windowClose {
	position: absolute;
	top: 6px;
	right: 6px;
	display: block;
	color: #999 !important;
	border: 1px solid #ccc;
	padding: 2px 3px;
	line-height: 8px;
}
#globalSearchInput { color: #CCCCCC; font-weight:normal; vertical-align:middle; }

/**** Form Styles ******************************************/
input.radioButton { position: absolute; left: -999em; }
label.radioLabel 
{
    padding: 2px 10px 0 20px;
    background: url(Content/Radio_Off.gif) top left no-repeat;
    line-height: 20px;
    font-weight: normal;
}
label.radioSelected { background-image: url(Content/Radio_On.gif); }
label.required { background: url(Form/RequiredBg.gif) 0 5px no-repeat; padding-left: 1em; }
/*.inline label.required { background-position: right 2px; display: -moz-inline-box; display: inline-block; padding-right: 10px; padding-left: 0; }*/
fieldset table { border-collapse: collapse; }
fieldset table td { padding: 0 10px 10px 0; }
fieldset.stacked label { display: block; }
fieldset.inline label { float: left; width: 10em; }
fieldset.inline label.required { width: 9em; }
fieldset.inline .commandPane { padding-left: 10em; }
fieldset.inline2 label { float: left; width: 8em; text-align: right; background-position: right 5px; padding-left: 0; padding-right: 1em; margin-right: 1em; }
fieldset.inline2 .commandPane { padding-left: 10em; }

/**** Toggle List ********************************************/
ul.toggleList { margin: 0 0 1em 0; }
ul.toggleList li
{
    list-style-type: none;
    margin: 0 0 .5em 0;
    padding: 0;
}
ul.toggleList li a.toggle { background: url(Content/Blue-Side-Arrow.gif) top left no-repeat; padding-left: 17px; }
ul.toggleList li a.active { background-image: url(Content/Green-Down-Arrow.gif); }

/***** Google Search *******************************************/
div.sortContainer 
{
	padding:0px;
	margin:0px;
	margin-top:7px;
	margin-bottom:20px;
	color:#929292;
}
table.searchForm
{
	width:100%;
}
table.googleContainerTable
{
	width:100%;
}
.at300bs
{
	display:inline !important;
	padding-right:0px; 
}
.addthis_button_compact a:hover, .addthis_button_compact span a:hover
{
	text-decoration:none !important;
}
#EmailThisPageLink
{
	margin-left:5px;
}
div.toolBar img 
{
	padding:0px !important;
	margin:0px !important;
}
div#noscript, div#nocookies {
	background: #000;
	color: #FFF;
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	padding: 3px 0 5px 0;
	text-align: center;
	padding:25px 10px; 
	margin:10px auto; 
	border:solid 2px #ccc; 
}

table.minimalStyle { border-collapse: collapse; margin: 0 0 1em 0; }
table.minimalStyle td, table.minimalStyle th { border: 0; padding: 4px; empty-cells: show; }

table.minimalStyleWithBorder { border-collapse: collapse; margin: 0 0 1em 0; }
table.minimalStyleWithBorder td, table.minimalStyleWithBorder th { border: 1px solid #333; padding: 4px; empty-cells: show; }