/*Style Sheet - overrides for colors and images
PENNSYLVANIA */

/* revised August 19, 2009 */

/* ---------------------------------------------------------------------------------------------------------- */
/* FORMATTING */

body {
	background-color: #ffffff;
	background-image: url(/globals/PA/home/bottomBackground.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

div#header ul#utilityNav {
	width:57% !important;
}

div#mainNav ul#mainNavContent {
	margin:5px 0 0 10px !important;
	margin-left:-6px;
}

div#mainNav ul#mainNavContent li a {
	padding-right: 2.2em;
	padding-left: 2em;
}

div#bottomContent .box, div#bottomContent .boxRight {
	height:210px;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* BACKGROUNDS */

/* NEUTRAL/UNIVERSAL COLORS */
#app .pageHeadingBackground,
ul.pdcalendar li.day,
.backGroundNeutral1Dk { /* dark yellow  */
	background-color: #f9e497; 
}

th,
#app .sectionHeadingBackground,
.backGround4, .backGround2,
.backGroundNeutral1Lt { /* light yellow  */
	background-color: #fbefc1;
}

.questionMark,
.cancelButton,
.backGroundNeutral2Dk { /* dark gray  */
	background-color: #888888 !important;
}

caption,
a.button, a.button:visited, 
.evenRow,
.backGround5,
.backGroundNeutral2Lt { /* light gray  */
	background-color: #eeeeee;
}

a.button:hover,
.backGroundNeutral2Med { /* medium gray  */
	background-color: #c0c0c0;
}

div#bottomContent .box, div#bottomContent .boxRight,
.accordianGroup .accordianBlock h3 a, .accordianText h3 a,
.accordianBlock h3.toggleOff a, .accordianText h3.toggleOff a, .accordianBlock h3.toggle a.inactive, .accordianText h3.toggle a.inactive,
.accordianGroup .accordianBlock h3 a:hover, .accordianText h3 a:hover, .accordianBlock h3.toggleOn a, .accordianText h3.toggleOn a, .accordianBlock h3.toggle a.active, .accordianText h3.toggle a.active, .accordianGroup .togglebox,
ul.tabAnchors li a.active, ul#tabNav li a.active, ul#tabNav li a.here, ul#tabNav li.here a, ul#tabNav li.active a, ul#tabNav li.ui-tabs-selected a, ul#tabNav li.ui-tabs-selected a:visited, ul#tabNav li.ui-tabs-selected a:hover, ul.tabAnchors li.ui-tabs-selected a, ul.tabAnchors li.ui-tabs-selected a:visited, ul.tabAnchors li.ui-tabs-selected a:hover,
.backGroundWhite  { /* white */
	background-color: #ffffff !important;
}


/* PRIMARY COLORS - backgrounds use dark and light variations of assigned color */

.backGroundPriDark { /* MAIN primary (dark) */
	background-color: #20558a;
}

.actButton,
ul#tabNav li.ui-tabs-selected a, ul#tabNav li.ui-tabs-selected a:visited, ul#tabNav li.ui-tabs-selected a:hover, ul#tabNav li a:hover,
.backGroundPriMed { /* ACCENT primary (medium) */
	background-color: #729abd !important;
}


ul.pdcalendar li,
.backGround3,
.backGroundPriLt { /* LIGHT primary (light) */
	background-color: #e2ebf6;
}

/* SECONDARY COLORS - backgrounds use dark and light variations of assigned color */

.backGroundSecDk { /* ACCENT secondary (dark) */
	background-color: #386429;
}


div#mainNav ul#mainNavContent a:hover, div#mainNav ul#mainNavContent li:hover, 
div#mainNav ul#mainNavContent li.sfhover, 
div#mainNav ul#mainNavContent li.lastItem:hover, div#mainNav ul#mainNavContent li.active,
div#secNav ul li a:hover, div#secNav ul li.active a,
div#app .highlightBackground,
div#app .helpButton, 
.backGroundSecMed {/* ACCENT secondary (medium) */
	background-color:#f6b880;
}

.doButton { /* ACCENT secondary (medium) */
	background-color:#f6b880 !important;
}

tbody th,
div#mainNav ul#mainNavContent li ul li a,
div#secNav,
.questionBox,
.backGround1,
ul.tabAnchors li a, ul#tabNav li a, ul#tabNavInner li a,
ul.pdcalendar li.sunday, ul.pdcalendar li.saturday,
.backGroundSecLt { /* LIGHT secondary (light) */
	background-color: #fef2db;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* TEXT */

/* PRIMARY COLORS - text uses dark and medium variations of assigned color */

h1, 
h2,
a, a:link,
div#mainNav ul#mainNavContent li a, div#mainNav ul#mainNavContent a:hover, div#mainNav ul#mainNavContent li:hover, 
div#mainNav ul#mainNavContent li.sfhover, 
div#mainNav ul#mainNavContent li.lastItem:hover, div#mainNav ul#mainNavContent li ul li a, 
div#mainNav ul#mainNavContent li.active,
div#mainNav ul#mainNavContent li.active a,
div#mainNav ul#mainNavContent a:hover,
div#secNav ul li a, 
div#secNav ul li a:hover,
div#secNav ul li.active a, 
div#bottomContent h3,
div#footer div#footerContent h6,
div#app div.appHeader h1,
.intro,
ul.pdcalendar li.day,
.txtColorPriDk { /* MAIN primary (dark) */
	color: #20558a;	
}

th,
ul.tabAnchors li a, ul#tabNav li a, ul#tabNavInner li a,
ul.tabAnchors li a.active, ul#tabNav li a.active, ul#tabNav li a.here, ul#tabNav li.here a, ul#tabNav li.active a, ul#tabNav li.ui-tabs-selected a, ul#tabNav li.ui-tabs-selected a:visited, ul#tabNav li.ui-tabs-selected a:hover, ul.tabAnchors li.ui-tabs-selected a, ul.tabAnchors li.ui-tabs-selected a:visited, ul.tabAnchors li.ui-tabs-selected a:hover,
ul#tabNavInner li a.active, ul#tabNavInner li a.here, ul#tabNavInner li.here a, ul#tabNavInner li.active a,
ul.pdcalendar li, .event,
.accordianGroup h3 a, .accordianGroup h3 a:visited, .accordianGroup h3 a:hover  {
	color: #20558a !important; /* MAIN primary (dark) */
}

h3, h4,
a:visited,
.textHelp, 
div #mainNav ul#mainNavContent a,
div#app div.appHeader h2,
fieldset legend,
.recordSet,
.txtColorPriLt { /* ACCENT primary (medium) */
	color: #729abd;
}

div#myCenter h3 { /* ACCENT primary (medium) */
	color: #729abd !important;
}

/* SECONDARY COLORS - text uses dark and medium variations of assigned color */
caption,
div#secNav ul li.active ul li a, div#secNav ul li ul li a,
label,
.label,
.optLabel,
.displayingForm label,
.displayingForm .label,
fieldset legend.label,
fieldset fieldset.noBorder legend.label,
p.optiongroup span.label,
p.optiongroup label,
.month,
.txtColorSecLt { /* MAIN secondary (dark) */
	color: #d97a23;
}

div#sectionHeading h1, div#sectionHeading h1 a, 
div#sectionHeading h1 a:visited, 
div#sectionHeading h1 a:hover,
.txtColorSecDk { /* ACCENT secondary (medium) */
	color: #f6b880;	
}

/* WHITE */

#app .helpButton,
#app .pageHeadingBackground,
.features .detailsLink a,
.doButton, .actButton, .cancelButton, .btn, a.button:hover,
ul#tabNav li.ui-tabs-selected a, ul#tabNav li.ui-tabs-selected a:visited, ul#tabNav li.ui-tabs-selected a:hover, ul#tabNav li a:hover,
div#app .highlightText,
.txtColorWhite { /* white */
	color: #ffffff !important;
}
#mainNav ul#mainNavContent li.active a {
	color: #20558a;
}

/* NEUTRAL/UNIVERSAL COLORS */

.txtColorNeutral1Dk, a:hover { /* dark brown  */
	color: #d97a23;
}

.txtColorNeutral2Dk { /* very dark gray */
	color: #555555;
}

a.button, a.button:visited, a.button:hover,
h5,
h6,
.txtColorNeutral2Med { /* dark gray */
	color: #888888;
}


/* ---------------------------------------------------------------------------------------------------------- */
/* BORDERS */


/* PRIMARY COLORS */
.textHelp,

.borderColorPriMed { /* ACCENT primary (medium) */
	border-color: #729abd;
}

.leftBorder3,
.borderColorPriLight { /* ACCENT primary (light) */
	border-color: #ebd6af;
}

/* SECONDARY COLORS */
div#mainNav ul#mainNavContent li ul,
div#mainNav ul#mainNavContent li ul li a,
div#tabContainer,
ul.tabAnchors, ul#tabNav, ul#tabNavInner,
ul.tabAnchors li a.active, ul#tabNav li a.active, ul#tabNav li a.here, ul#tabNav li.here a, ul#tabNav li.active a, ul#tabNav li.ui-tabs-selected a, ul#tabNav li.ui-tabs-selected a:visited, ul#tabNav li.ui-tabs-selected a:hover, ul.tabAnchors li.ui-tabs-selected a, ul.tabAnchors li.ui-tabs-selected a:visited, ul.tabAnchors li.ui-tabs-selected a:hover,
ul#tabNavInner li a.active, ul#tabNavInner li a.here, ul#tabNavInner li.here a, ul#tabNavInner li.active a,
.borderColorSecMed { /* ACCENT secondary (medium) */
	border-color: #f6b880 !important;
}

.event,
ul.tabAnchors li a, ul#tabNav li a {
	border-bottom-color: #f6b880 !important;
}

ul#tabNavInner li a {
	border-top-color: #f6b880 !important;
}

.leftBorder2,
.borderColorSecLight { /* ACCENT secondary (light) */
	border-color: #fef2db !important;
}

ul.tabAnchors li a.active, ul#tabNav li a.active, ul#tabNav li a.here, ul#tabNav li.here a, ul#tabNav li.active a, ul#tabNav li.ui-tabs-selected a, ul#tabNav li.ui-tabs-selected a:visited, ul#tabNav li.ui-tabs-selected a:hover, ul.tabAnchors li.ui-tabs-selected a, ul.tabAnchors li.ui-tabs-selected a:visited, ul.tabAnchors li.ui-tabs-selected a:hover {
	border-bottom-color:#ffffff !important;
}

/* NEUTRAL/UNIVERSAL COLORS */
h2, 
ul#utilityNav li,
div#mainNav ul#mainNavContent li ul, div#mainNav ul#mainNavContent li ul li a,
div#breadCrumbs,
div#footer div#footerContent ul li,
input, select, textarea,
fieldset,
div#app div.appHeader, div#app div.appHeader h1,
div#tabContainer, div#jTabs, ul#tabNav,
.leftBorder5,
ul.pdcalendar li,
.borderColorNeutral2 { /* medium gray */
	border-color: #d6d6d6;
}

div#bottomContent .box, div#bottomContent .boxRight,
div#contentMenuContainer ul#contentMenu,
.borderColorNeutral1Dk { /* dark yellow */
	border-color: #f4d56a;
}

.leftBorder2, .leftBorder4,
.borderColorNeutral1Light { /* light yellow */
	border-color: #fbefc1;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* IMAGES */

div#main { /* centers content within browser window and adds shadow */
	background-image:url(/globals/PA/univ/mainBkgrnd.jpg);
}

div#header div#mainLogo { /* magellan logo */
	background:url(/globals/PA/univ/MHlogo.gif) top left no-repeat;
}

body#globalNav2 div#header div#mastHead { /* for providers */
	background-image: url(/globals/PA/univ/banner02.jpg);
}

body#globalNav3 div#header div#mastHead { /* find a provider */
	background-image: url(/globals/PA/univ/banner03.jpg);
}

body#globalNav4 div#header div#mastHead { /* benefits */
	background-image: url(/globals/PA/univ/banner05.jpg);
}

body#globalNav5 div#header div#mastHead { /* library */
	background-image: url(/globals/PA/univ/banner01b.jpg);
}

body#globalNav6 div#header div#mastHead { /* about */
	background-image: url(/globals/PA/univ/banner04.jpg);
}

div#mainNav ul#mainNavContent li.active { /* style to highlight global menu item you are currently on. Body tag must contain applicable ID to work */
	background:url(/globals/PA/univ/mainNavHighlight2.gif) top left no-repeat;
}

div#search .btn {
	background:url(/globals/PA/univ/buttonBkgrnd.jpg) top left repeat-x;
}

div#secNav {
	background: url(/globals/PA/univ/secnavBkgrnd1024.jpg) top left no-repeat;	
}

div#secNav ul {
	background-image: url(/globals/PA/univ/secnavPix1024.jpg);
}

div#secNav ul li a  {
	background: url(/globals/PA/univ/2ndLevelBullet.gif) 10px 0px no-repeat;
}

div#secNav ul li.active ul {
	background: url(/globals/PA/univ/secNavArrow.gif) center right no-repeat;
}

div#secNav ul li.active ul li a, div#secNav ul li ul li a {
	background: url(/globals/PA/univ/3rdLevelBullet.gif) 23px top no-repeat;	
}

div#breadCrumbs ul li {
	background:url(/globals/PA/univ/breadcrumb.gif) center right no-repeat;
}

div#app div.contentBlock div.appHeader { /* background for app header */
	background:url(/globals/PA/univ/appHeaderBkgrnd.png) top left no-repeat !important;
	background:url(/globals/PA/univ/appHeaderBkgrnd.gif) top left no-repeat;
}

div#app.pageWidth div.contentBlock div.appHeader { /* background for app header */
	background:url(/globals/PA/univ/appHeaderBkgrnd_pageWidth.png) top left no-repeat !important;
	background:url(/globals/PA/univ/appHeaderBkgrnd_pageWidth.gif) top left no-repeat;
}

.accordianGroup .accordianBlock h3 a, .accordianText h3 a,
.accordianBlock h3.toggleOff a, .accordianText h3.toggleOff a, .accordianBlock h3.toggle a.inactive, .accordianText h3.toggle a.inactive { /* inactive state, assigns background color */
	background:url(/globals/PA/univ/AccordianHeading_Closed.jpg) repeat-x bottom left;
}

.accordianGroup .accordianBlock h3 a:hover, .accordianText h3 a:hover, .accordianBlock h3.toggleOn a, .accordianText h3.toggleOn a, .accordianBlock h3.toggle a.active, .accordianText h3.toggle a.active {
	background:url(/globals/PA/univ/AccordianHeading_Open.jpg) repeat-x bottom left;
}

.accordianGroup .accordianBlock ul li a {
	background:#efefef url(/globals/PA/univ/AccordianHeading_Collapsed.gif) no-repeat right !important;
}

.accordianGroup .accordianBlock ul li a.active {
	background:#e1ebf7 url(/globals/PA/univ/AccordianHeading_Expanded.gif) no-repeat right !important;
}


















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */