/* Universal style sheet - Template styles */
/* Revised April 29, 2008 */

/* ------------------------------------------------------------------------------------------------ */
/* BASE STYLES */

html, body {
	height:100%;
	width:98%;
}

body {
    font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #000000;
	padding:0;
	margin:0;
	text-align:center;	
}

* div {
	zoom:1;
}

.bodyNoBkgrnd {
	background-image:none;
	text-align:left;
	padding-top:10px;
}


/* sets something to invisible in a way that is screenreader friendly! */
.invisible {
	text-indent: -9999em; 
	color: #ffffff;
	font-size:0;
	line-height:0;
	clear:none;
}

.invisibleBtn { /* use when you need a label for a button to be invisible but occupy the same space as a label */
	text-indent: -9999em; 
	color: #ffffff;
	
}

.invisible a, .invisibleBtn {
	color:#FFFFFF;
	text-decoration:none;
}

/* font-size declarations to fix inheritance issues */

p, table, tr, th, td {
	font-size: 100%;
}

/* end font-size fix */

p {
	margin: 0.8em 0;
}

.intro {
	font-size:120%;
	line-height:20px;
}

p.intro:first-letter {
	font-weight:bold;
	text-transform:uppercase;
	font-size:175%;
}

blockquote {
	margin-left:0;
	text-indent: 25px;
	display:block;
	width:auto;
	height:auto;	
	line-height:18px;
}

blockquote span {
	width:100%;
	height:100%;
	padding-bottom:2px;
	padding-right:25px;
}

br {
	clear:both;
	display:block;
}
a, a:visited {
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0.5em 0;
	clear:both;	
	line-height:normal;
}

hr {
  color: #999999;
  background-color: #999999;
  height: 1px;
  text-align: left;
  margin-left: 0px;
  border: 0px solid #999999;
  clear:both;
}

table {
   	border: 0;
	margin:5px 0px 3px 0px;
	clear:both;
	float:left;
}

table.layout {
	margin:0;
	float:none;
}

td {
    padding: 2px; 
    text-align: left;
}

th { 
	text-align: left;
	padding: 3px 2px;
   	font-weight: bold;
}

table.layout td, table.layout th {
	padding:0;
}


ul {
	margin:5px 0px 10px 25px;
	padding: 0px;
	list-style: outside;
}

ul li {
	list-style-type: disc;
}

ul.noBullet {
	margin-left:0;
	list-style:none;
	float:left;
	clear:both;
}

ul.noBullet li {
	list-style:none;
	padding-top:5px;	
}

ul ul {
	margin:0px 0px 10px 15px;
	padding: 0px;
}

ul ul li {
	list-style-type: circle;
}

ol {
	margin:5px 0px 10px 30px;
	list-style: outside;
	padding: 0px;
}

ol li {
	list-style-type: decimal;
} 

ol ol {
	margin:5px 0px 10px 26px;
	padding: 0px;
}

ol ol li {
	list-style-type: lower-alpha;
}

ol ul  {
	margin: 5px 0px 10px 15px;
	padding: 0px;
	}
	
ol ul li {
	list-style-type: disc;
	}
  
ul ul ul {
	list-style-type: square;
}

.squareList {
	list-style-type: square;
}

dl.sidebyside {
	width: 100%;
	margin: 0;
	padding: 0
}

.sidebyside dt {
	font-weight: bold;
	float: left;
	clear: left;
	width: 25%;
	margin: 0 0 0.5em 0;
}

.sidebyside dd {
	float: left;
	width: 73%;
	margin: 0 0 0.5em 2%;
}

ul.tableList, dl.tableList {
	margin:0;
	padding:0;
	position:relative;
	overflow:visible;
	width:auto !important;
	width:98%;
	line-height:15px;
}


dl.tableList dt, dl.tableList dd {
	float:left;
	display:block;

}

dl.tableList dt {
	width:25%;
}

dl.tableList dd {
	width:72%;
	margin:0;
	padding:0 0 5px 0;	
}

ul.tableList li {
	display:inline; 
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	
}

ul.tableList li a {
	display:block;
	font-size:11px;
	padding:2px 5px 0 1px;
	position:relative;
	text-decoration:none;
}

ul.tableList li a:hover {
	text-decoration:none;
}

iframe {
	border:none;
}

/* ------------------------------------------------------------------------------------------------ */
/* STYLES FOR TEMPLATE */

div#main { /* centers content within browser window */
	display:block;
	position:relative;
	height:auto;
	min-height:auto;
	_min-height:0;
	overflow:visible;
	text-align:left;	
}

div#container { /* container for mid-section, including left menu, content, and right */
	width:758px; /* IE6 */
	position: relative;
	display:block;
	float:left;
	overflow:visible;
	clear: both;
	margin:0;
	padding:0;
	z-index:1;	
	height:auto;	
}

/* ------------------------------------------------------------------------------------------------ */
/* these styles set positioning and images for the header. Header images are HERE rather than embedded
   in the page, per CSS/HTML best practices -- they don't convey CONTENT information, so they should
   be with the decoration -- in CSS. */
   
div#header {
	 top: 0; 
	 left:0;
	 position:relative; 
	 z-index:11;
	 overflow:hidden;
	 display:block;
}

div#header div#mastHead { /* header banner image */
	position: relative;
	left:-1px;
}

div#header div#mastHeadLogo, div#header div#mastHeadNoLogo { /* header banner image */
	position: absolute;
	z-index:11;
	background-repeat: no-repeat;
	background-position: right top;
}

/* this positions and styles the logo image, but the IMAGE itself is declared per-company in
   an inline style on the page or in a company-specific stylesheet. */
div#header div#logo {
   position: absolute; 
   top: 0; 
   left: 0;
   width: 135px;
   height: 70px;
   margin: 0 0 0 3px;
   z-index:11;

}

/* ------------------------------------------------------------------------------------------------ */
/* styles for utility menu */

div#header ul#utilityNav {
	list-style: none;
	margin:0; 
	padding:0;
	position: absolute; 
	left:8px;
	width: auto;
	z-index:11;
}

/* LIs are displayed inline. Also get standard list styling -- no margin, no padding,no list style */
div#header ul#utilityNav li {
	display: inline;
	list-style: none;
	margin: 0; 
	padding: 0 10px 0 0;
	white-space: no-wrap;
	font: 10px bold Arial, Helvetica, sans-serif;	
}


/* ------------------------------------------------------------------------------------------------ */
/* styles for global navigation */

div#mainNav {
	height:23px;
	width:758px;
	position:relative;
	display:block;
	overflow:visible;	
	float:left;
	z-index:6;
	
}

div#mainNav ul#mainNavContent {
	position:absolute;
	list-style: none;
	margin:0;
	padding:0;
	width:100%;
	
}

div#mainNav ul#mainNavContent li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	min-height: 1px; /* gives layout in IE7 */
	list-style:none;
}

div#mainNav ul#mainNavContent li a {
	display: block;
	width: auto;  /* MUST HAVE A SET WIDTH */
	text-decoration: none;
	font-weight: bold;
	float: left;
	height: 23px;
	line-height: 22px;
}

div#mainNav ul#mainNavContent li ul { /* second-level lists */
	position: absolute;
	width: 13em; /* MUST HAVE A  WIDTH */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	top:24px;
	font: 12px Arial, Helvetica, sans-serif;	
}

div#mainNav ul#mainNavContent li:hover, 
div#mainNav ul#mainNavContent li.sfhover, 
div#mainNav ul#mainNavContent li.lastItem:hover {
	background-image:none;
}

div#mainNav ul#mainNavContent li:hover ul, 
div#mainNav ul#mainNavContent li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left:0px;
	clear:left;
}

div#mainNav ul#mainNavContent li ul li,
body.corporate div#mainNav ul#mainNavContent li ul li,
body.member div#mainNav ul#mainNavContent li ul li,
body.provider div#mainNav ul#mainNavContent li ul li,
body.healthplan div#mainNav ul#mainNavContent li ul li  {
	margin-right:0;
}

div#mainNav ul#mainNavContent li ul li a,
body.corporate div#mainNav ul#mainNavContent li ul li a,
body.provider div#mainNav ul#mainNavContent li ul li a,
body.healthplan div#mainNav ul#mainNavContent li ul li a,
body.customer div#mainNav ul#mainNavContent li ul li a,
body.member div#mainNav ul#mainNavContent li ul li a  { 
	font-weight:normal;
	width:12em;
	border-top:0px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	padding:2px 5px 2px 5px;
	margin:0;
	height:auto;
	line-height:normal;
	min-height: 1px;
	background-image:none;
}

/* style to highlight global menu item you are currently on. Body tag must contain applicable ID to work */
body#globalNav1 div#mainNav ul#mainNavContent li#navItem1,
body#globalNav2 div#mainNav ul#mainNavContent li#navItem2,
body#globalNav3 div#mainNav ul#mainNavContent li#navItem3,
body#globalNav4 div#mainNav ul#mainNavContent li#navItem4,
body#globalNav5 div#mainNav ul#mainNavContent li#navItem5,
body#globalNav6 div#mainNav ul#mainNavContent li#navItem6 {
	background-image:none;
}

/* ------------------------------------------------------------------------------------------------ */
/* styles for company name container */

div#companyNameContainer {
	position: relative; 
	float:right;
	display:block;
	z-index:1;
}

div#companyNameContainer h2#companyName { /* this is for the company name; just sets style and positions left. */
	 display:block;
	 position:relative;
	 float: right;
	 height:33px;	 
	 width: auto;
	 min-width:130px;
	 max-width:400px;	
	 text-align:right;	  
	 padding:1px 6px 0 0;
	 overflow:hidden;	 
	 margin:0;
	 line-height:28px;
	 z-index:10;
}

div#companyNameContainer .companyNameBkgrnd {
	width:65px;
	height:33px;
	float:right;
	display:block;
	position:relative;
	z-index:10;
	margin-right:0;
	_margin-right:-1px; /* IE6 */
}

/* ------------------------------------------------------------------------------------------------ */
/* styling for search box */

div#search {
	position:absolute;
	z-index:5;
	padding:0;
}

div#search fieldset {
	margin:0 0 0 2px;
	_margin:3px 0 0 2px;	
	border:0;
}

div#search fieldset .searchLabel, div#search .searchLabel {
	float:left;
	margin:5px 7px 0 0;
}

div#search input {
	font-size:95%;
	float:left;
	margin:3px 5px 0 0;
}

div#search .btn {
	font-size:95%;
	position:relative;
	margin:1px 0 0 0;
}


/* ------------------------------------------------------------------------------------------------ */
/* styling for section headings */

div#sectionHeading {
	display:block;
	position:relative;
	float:left;
	overflow:hidden;
}

div#sectionHeading h1 { /* default settings when SIFR is unavailable */
	background-repeat: no-repeat;	
	width:auto;
	overflow:hidden;
}

div#sectionHeading h1 a, 
div#sectionHeading h1 a:visited, 
div#sectionHeading h1 a:hover {
	text-decoration:none;
	width:auto;
	position:relative;
}


/* ------------------------------------------------------------------------------------------------ */
/* styling for left menu */

div#secNav, div#personalization {
	width: 150px;
	height:100%;
	float: left;
	padding:0 0 20px 0;
	background-color:transparent;
	z-index:10;	
	position:relative;
}

div#personalization {
	width:200px;
}

/* styles for second level navigation */
div#secNav ul { 
	margin:0;
	padding:0;
}

div#secNav ul li { /* second level menu items */
	list-style:none;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

div#secNav ul li a {
	width:auto;
	_width:135px; /* for IE6 only */
	text-decoration:none;
	display:block;
	padding:3px 0 3px 18px;
	border-bottom:1px solid #FFFFFF !important;
}

div#secNav ul li a:hover {
	text-decoration: none;
}

/* styles for highlighting menu items you are currently visiting */
div#secNav ul li .active { /* highlights the second level menu item you are currently visiting */
	display:block;
	font-weight: bold;
	padding:3px 0 3px 18px;
}

div#secNav ul li .active a {
	text-decoration: none;
}

/* styles for third level navigation */
div#secNav ul li.active ul { /* you have to keep the display:none in inline so the javascript can see it*/
	padding:5px 0 5px 0;
	background-image:none;
	margin:0;	
	list-style:none;	
} 

div#secNav ul li.active ul li { /* third level menu items */
	list-style:none;
	font-weight: normal;
	padding: 0;
	border-bottom:0;
}

div#secNav ul ul li a, div#secNav ul li .active ul li a {
	padding:1px 0 1px 17px;
	font-size:11px;
	width:auto;
	_width:120px; /* for IE6 only */
}

div#secNav ul ul li a:hover, div#secNav ul li .active ul li a:hover {
	text-decoration:underline;
	background-color:none;
}

div#secNav ul ul a.active { /* highlights third-level menu item */
	font-weight:bold;
}

/* ------------------------------------------------------------------------------------------------ */
/* styles for containers for content */
div#content { /* container for all content, including center and right, as required by site manager */
	width: 560px;
	height:100%;
	position:relative;
	float:left;
	font-size: 100%; 	
	display:block;
	z-index:10;	
	background-color:transparent;
	line-height:15px;
}

div#content ul li, div#center ul li, div#middle ul li, div#right ul li {
	margin-top:5px;
}

div#content ul ul, div#center ul ul, div#middle ul ul, div#right ul ul {
	margin-top:5px;
}

div#center { /* used only in layouts with a right column */
	 margin-right: 10px;
	 float: left;
	 position:relative;
	 width: 390px;

}

div#right { /* for right column */
	height:auto;
	display:block;
	position:relative;
	float: right;
	width: 135px;
	margin:45px 9px 0 0;

}

.box { /* sets styles for boxes in right column */
	width:99%;
	height:auto;
	padding:3px 7px 3px 7px;
	margin-bottom:15px;
	display:block;
}

div#right p {
	line-height:normal;
	margin:0 0 5px 0;
}

div#right h3 {
	font-size:120%;
	border-top:none;
	margin:0 0 5px 0;
}

/* ------------------------------------------------------------------------------------------------ */
/* styles for contentMenu section - repeats the global nav at the bottom of the content area*/
div#contentMenuContainer {
	width:560px;
	height:20px;
	display:block;
	position:relative;
	margin:10px 0 10px 175px;
	clear:both;
}

div#contentMenuContainer ul#contentMenu {
	list-style:none;
	padding:3px 0 3px 0;
	width:570px;
	text-align:right;	
	clear:both;
	margin:0;
}

div#contentMenuContainer ul#contentMenu li {
	display: inline;
	list-style: none;
	margin: 0; 
	padding: 0 10px 0 0;
	white-space: no-wrap;
}

/* ------------------------------------------------------------------------------------------------ */
/* styles for footer */
div#footer {
	position:relative;
	background-repeat: no-repeat;
	background-position: left top;
	margin:0 !important;
	margin-left:-2px; /* IE6 */
	bottom:0px;
	clear:both;
	z-index:1000;
}

div#footer div#footerContent {
	width:760px;
	margin:3px 0 0 5px !important;
	margin-left:0; /* IE6 */
	padding:5px 0 0 0;
	font: 10px Arial, Helvetica, sans-serif;
}

div#footer div#footerContent h6 {
	float:left;
	padding-left:5px;
	margin-left:5px;
	font-weight:normal;
	position:relative;
}

div#footer div#footerContent ul {
	float:right;
	text-align:right;
	margin-right:0px;
	position:relative;
}

/* LIs are displayed inline. Also get standard list styling -- no margin, no padding,no list style */
div#footer div#footerContent ul li {
	display: inline;
	list-style: none;
	margin: 0; 
	padding: 0 10px 0 0;
	white-space: no-wrap;
}

/* ------------------------------------------------------------------------------------------------ */

#printOnly {
	display: none;
}

div#header ul#utilityNav li.lastItem, 
div#mainNav ul#mainNavContent li.lastItem,
div#contentMenuContainer ul#contentMenu li.lastItem,
div#footer #footerContent ul li.lastItem {
	background:none;
}

.flash-replaced .alt {
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
	z-index:-1;
}

/*----------------------------------------------------------------------------- */
/* STYLES FOR LOOK AND FEEL/ CONTAINERS */

/* styles for columns and content layouts. Not for apps. Wrap each column with <div class="twoColLayout">, etc */

.column { /* use this style to designate properties for columns. Use in conjunction with other classes such as app, left, right, etc. */
	-moz-box-sizing: border-box; /* these two declarations make Mozilla, Firefox */
	box-sizing: border-box;      /* and Opera use the broken IE box model, for sizing consistency */
	display: block;
}

/* for two column layouts */
.rightColumn {
	float:right;
	position:relative;
	width:48%;
	padding-left:1%;
	padding-bottom:5px;
}

.leftColumn {
	float:left;
	position:relative;
	width:48%;
	padding-right:1%;
}

/* for three-column layouts */
.rightCol {
	float:right;
	position:relative;
	width:30%;
	padding-left:1%;
	padding-bottom:5px;
}

.leftCol {
	float:left;
	position:relative;
	width:30%;
	padding-right:2%;
}

.middleCol {
	float:left;
	position:relative;
	width:30%;
	padding-right:2%;
	padding-left:2%;
}

.columnInner { /* alternate way of doing columns */
	float: left; 
	margin: 2% 0; 
	width: 40%; 
}

/* ------------------------------------------------------------------------------------------------ */
/* styles for table headings and rows */

.heading { /* for <th> tags */
	font-weight: bold;
	padding: 2px;
	margin-bottom:7px;
	font-size:95% !IMPORTANT;
}

table.center th, table.center td {
	text-align:center !important;
}

.tableHeading {
	padding-top:18px;
	background:url(../images/univ/tableBkgrnd.gif) repeat-x;
}

.evenRow .tableHeading {
	background:url(../images/univ/tableBkgrndEvenRow.gif) repeat-x;
}

.thead { /* for table headings you want to appear not bold and with a top light border */
	font-weight:normal;
	border-top:1px solid #CCCCCC;	
}

/* if you have a table column with numbers in it, i recomment assigning both the <th> and each <td> a class of
   .numericValue. It center-aligns everything to make it look nice. */
   
th.numericValue {
   text-align: center;
}

td.numericValue {
   text-align: center;
   padding: 2px;
}

/* if you have buttons in a table cell, make both the column header and each <td> use 
   class="actions". That centers them nicely. */		

th.actions {
   text-align: center;
}

td.actions {
   text-align: center;
   padding: 2px;
}

td.actions input.button {
   margin: 0 5px;
   width: 6em;
}
/* end .actions declarations */


/* ------------------------------------------------------------------------------------------------ */
/* styles for boxes */

.boxFullSize  { /* sets style for a box that goes across the page. Use in conjunction with background color styles */
	width:99%;
	height:auto;
	padding:5px;
	margin:5px 0 8px 0;
	display:block;
	float:left;
}
.boxThreeQuartersSize  { /* sets style for a box that goes across the page. Use in conjunction with background color styles */
	width:75%;
	height:auto;
	margin:5px 0 8px 0;
	display:block;

}

.boxHalfSize { /* sets style for a box that goes half across the page. Use in conjunction with background color styles */
	width:47%;
	height:auto;
	padding:5px;
	margin:5px 0 8px 0;
	display:block;
	float:left;
}

.boxQuarterSize  { /* sets style for a box that goes a quarter of the way across the page. Use in conjunction with background color styles */
	width:25%;
	height:auto;
	padding:5px;
	margin-bottom:8px;
	display:block;
	min-height:auto;
	float:left;
}

.fullWidth { /* sets block width to two to a page */
	width:99% !important;
	clear:none;
}

.twoThirdsWidth { /* sets block width to 60% when one block is larger than the other */
	width:60% !important;
	clear:none;
}

.halfWidth { /* sets block width to two to a page */
	width:46% !important;
	clear:none !important;
}

.halfWidthSignIn { /* sets block width to two to a page for registration and sign in page */
	width:40%;
	clear:none;
	float:left;
	position:relative;	
	height:150px;
	margin-right:5px;
}

.thirdWidth { /* sets block width to three to a page */
	width:31%;
	clear:none;
}

.smallMiddleSignIn { /* sets block width to three to a page */
	width:5%;
	clear:none;
	float:left;
	position:relative
	height:150px;
	margin-right:2px;
}

.smallMiddleSignIn img {
	margin-top:50px;
}

/* ------------------------------------------------------------------------------------------------ */
/* styles for page and section headings, which appear on each page in an app that has a lot of pages or has a lot of sections on a page */
.pageHeadingBackground, .authNumber, .sectionHeadingBackground { /* sets background and border for page headings */
	background-color: #DFE8E7; /* peach */
	clear:both;
	margin: 3px 0 7px 0; 
	padding: 2px;
	position: relative;	
	display:block;
	height:16px;
}

.pageHeadingBackground, h2.pageHeadingBackground {
	background-color: #DFE8E7; /* light green */
	border-top:none !important;	
}

.sectionHeadingBackground, h3.sectionHeadingBackground {
	background-color:#FAE0A2; /* yellow */
	border-top:none !important;	
	color:#663300;
	font-size:110%;
}

.pageHeading, .sectionHeading { /* sets font properties for page heading text */
	color: #432C5F; /* black */
	float:left;
	font-size:12px !important;
	font-weight: bold;	
}

.sectionHeading .doButton, 
h3.sectionHeadingBackground .doButton {
	font-size:80% !important;
}

.sectionHeading .actButton, 
.sectionHeadingBackground .actButton, 
.pageHeading .actButton, 
.pageHeadingBackground .actButton {
	font-size:100% !important;
}

.pageHeading .doButton, 
h2.pageHeadingBackground .doButton {
	font-size:70% !important;
}

/* ------------------------------------------------------------------------------------------------ */
/* styles for borders */

.borderSolid  { /*sets a solid border */
	border:1px solid #999999;
}

.borderSolidLight  { /*sets a solid border - light gray */
	border:1px solid #CCCCCC;
}


.borderDotted  { /*sets a dotted border */
	border:1px dashed #999999;
}


.outlined { /* if you need a pale outline on a table or other element, use this. */
	border: 1px solid #ACC1D7; 
}

.borderNone { /* sets border to none */
	border:none;
}

.leftBorder { /* sets a solid border on the left */
	border-left: 1px solid #999999;
	padding-left:5px;
}

.leftDottedBorder { /* sets a dotted border on the left */
	border-left: 1px dashed #999999;
	padding-left:5px;
}

.rightBorder { /* sets a solid border on the right */
	border-right: 1px solid #999999;
	padding-right:5px;
}

.rightDottedBorder { /* sets a dotted border on the right */
	border-right: 1px dashed #999999;
	padding-right:5px;
}

.bottomBorder { /* sets a solid border on the bottom */
	border-bottom:1px solid #999999;
	padding-bottom:8px;
	clear:both;
	margin-bottom:3px;
}

.bottomDottedBorder { /* sets a dotted border on the bottom */
	border-bottom:1px dashed #999999;
	padding-bottom:8px;
	clear:both;
	margin-bottom:3px;
}

.topBorder { /* sets a solid border on the top */
	border-top:1px solid #999999;
	padding-top:8px;
	clear:both;
	margin-top:3px;
}

.topDottedBorder { /* sets a dotted border on the top */
	border-top:1px dashed #999999;
	padding-top:8px;
	clear:both;
	margin-top:3px;
}

.borderLight {
	border-color:#e2e2e2;
}

.borderDouble {
	color:#333333;
	border-bottom: 3px double #333333 !important;
	text-decoration:none !important;
}

.textHelp {
	border-bottom: 1px dashed #333333 !important;
	text-decoration:none !important;
}


/* ------------------------------------------------------------------------------------------------ */
/* styles for floats and alignment */
.left { /* use to make sections float to the left */
	float:left;
	position:relative;	
}

.left100Percent {
	float:left;
	position:relative;
	height:100%;	
}

.right { /*use to make sections float to the right */
	float:right;
	position:relative;	
}

.leftFloat, .rightFloat { /* use to ensure floated items fill up the space properly */
	float:none;
	display:table-cell;
	width:auto;
}

.floatNone {
	float:none !important;
}

/* these two definitions can be applied to any element when it is the first or last of a group. It strips padding/margin
   from the appropriate edge, so there isn't extra width being added and things line up properly! */

.rightmost {	
	margin-right: 0;
	padding-right: 0;

}
			
.leftmost { 	
	margin-left: 0;
	padding-left: 0;
}

/* these are two different ways of clearing above floats, for legacy compatibility. Either will work;
   "cleared" is preferable. You can use them two different ways: Either stick an entire spacer div
   after the floats you need to clear, as follows: <div class="cleared"></div>
   or just add class="cleared" to whatever the next element is, be it a <p> or an <h2> or whatever.   
    */

.cleared, .spacer { /* clears floats */
   float:none;
   clear: both !IMPORTANT;
   width:100%;
}

/* .cleared input {
	display:block;
	float:none;
} */

.clearLeft { /* clears floats to the left */
	clear:left;
}

.rightAlign { /* sets text to be right aligned */
	text-align: right !important; 
}

.leftAlign { /* sets text to be right aligned */
	text-align: left !important; 
}

.centerAlign { /* sets text to be center aligned */
	text-align: center !important; 
}

.paddingLeft {
	padding-left:5px;
}

.paddingRight {
	padding-right:5px;
}

.marginTop, .topMargin {
	margin-top:7px;
}

.marginBottom, .bottomMargin {
	margin-bottom:7px;
}

.marginLeft, .leftMargin {
	margin-left:10px !important;
	margin-left:5px;
}

.marginLeft15 {
	margin-left:15px;
}

.marginRight, .rightMargin {
	margin-right:5px;
}

.noMargin {
	margin:0;
}

.absolute {
	position:absolute;
}

.display {
	display:block;
}

.noWrap {
	white-space:nowrap;
}

.overflow {
	overflow:hidden !important;
}

.overflowVisible {
	overflow:visible !important;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* use this as follows: <ul class="noListMarks"> on any list (ordered or unordered) which you do NOT 
   want to have bullets or numbers. */
.noListMarks, .noListMarks li { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

.noListMarks { 
	margin-bottom: 1.25em; 
}

.noListMarks li { 
	margin-bottom: 0.5em; 
}

/*------------------------------------------------------------------------------ */
/* styles for font properties */
.smallText { /* sets the font size to 85 percent of its parent. Set to Arial for better readability */
 	font-size:90%;
	font-family:Arial, Helvetica, sans-serif;
}

.smallInputText {
	font-size:95% !important;
}

.largeText { /* sets the font size to 110 percent of its parent */
	font-size:110%;
}

.redText { /* sets font color to bold red */ 
	color: #CC3333; 
	font-weight: bold;
}

.redTextNotBold { /* sets font color to red not bold */
	color:#CC3333;
}

.italic {
	font-style:italic;
}

.bold {
	font-weight:bold;
}

.boldItalic {
	font-style:italic;
	font-weight:bold;
}

.normalFont {
	font-weight:normal;
}

.floatedText { /* used when you want text to float to the right next to an H3 */
	float:right;
	margin-top:-22px;
	display:block;
	position:relative;
}

.floatInput { /* used when you want a button to float to the right inside a colored bar */
	float:right;
	margin-top:-15px;
	display:block;
	position:relative;
}

/*----------------------------------------------------------------------------------------------------*/
/* Universal Style Sheet - styles for home page */
/* Revised July 13, 2008 */

/* Home page styles override styles specified in 01_template. Specific colors and images are specified using a line-of-business overrides style sheet. */

html, body {
	height:auto !important;
}

div#main {
	margin:93px auto;
	height:auto !important;
	min-height:auto !important;	
}

div#container { /* container for mid-section, including left menu, content, and right */
	padding-top:0;
	height:auto !important;
	min-height:auto !important;
	background-image:none !important;
	overflow:hidden;
}

div#header { /* header contains logo, tabs, flash, sign in, utility bar, and global navigation */  
	 height: 200px;
	 margin: 0 0 0 7px !important;
	 margin-left:0;
	 border:none;
	 width:760px;
	 z-index:100;
}

/* ------------------------------------------------------------------------------------------------ */
/* top section contains logo and tabs */

div#header div#top {
	width:760px;
	height:93px;
	position:relative;
	display:block;
	z-index:11;
	top:-93px;
}

div#header div#top div#mainLogo { /* logo */
	width:245px;
	height:93px;
	position:relative;
	display:block;
	float:left;
	margin-left:8px;

}

/* styles for home tabs */
div#header div#top div#tabs { /* container for tabs */
	width:500px;
	height:93px;
	position:relative;
	display:block;
	float:right;
	overflow:hidden;
	_margin-top:-93px; /* for IE6 */
	
}

div#header div#top div#tabs ul#tabNav { /* styles for tabs */
	top: 37px; 
	height: 25px; 
	text-align: right;
	right:0px;
	left:0px;
	width:97%; 
}

div#header div#top div#tabs ul#tabNav li a.smallTab {
	width:125px;	
	height:20px;
	margin-top:-1px;
	padding-bottom:1px;		
}

div#header div#top div#tabs ul#tabNav .here a {
	top:-2px;
	height:20px;
	margin-top:-3px;
	padding-bottom:1px;	
	padding-top:10px;
}

div#header div#top div#tabs ul#tabNav li a:hover, 
div#header div#top div#tabs ul#tabNav li a:focus, 
div#header div#top div#tabs ul#tabNav li a:active {
	height:20px;
	margin-top:-3px;
	padding-bottom:1px;	
	padding-top:10px;
	top:0;
}

/* ------------------------------------------------------------------------------------------------ */
/* masthead contains flash and sign in/welcome section */

div#header div#mastHead { /* header banner image */
	height:760px;
	height:227px !important;
	z-index:10;
	margin:0 !important;
	background:none;

}

div#header div#mastHead div#flash { /* style for flash */
	float:left;
	width:595px;
	height:227px;
	position:relative;
	margin:-18px 0 0 0;
	z-index:-1;
	float:left;
	top:-93px;
}

/* styles for sign in or welcome section, which sits to the right of the flash */
div#header div#mastHead div#signInContainer {
	width:165px;
	height:227px;
	position:relative;
	float:right;
	margin:-18px 0 0 0;	
	left:-8px;
	z-index:100;
	top:-93px;
}

div#header div#mastHead div#signInContainer div#signIn {
	height:150px;
	width:150px !important;
	width:147px;
	margin:0;
	position:relative; /* for IE6 only */
	margin:27px 0px 0 10px !important;
	margin-top:22px;
	_left:-5px;
	float:right;
	z-index:5000;
}

div#header div#mastHead div#signInContainer div#signIn h3 {
	border-top:none;
	padding-top:0;
	font-size:150%;
}

div#header div#mastHead div#signInContainer div#signIn p {
	margin: 5px 0 !important;
	margin: 3px 0;	
}

div#header div#mastHead div#signInContainer div#signIn p.links { /* style for forgot password links */
	float:right;
	margin:0 10px 0 0 !important;
	margin-right:2px;
	font-size:80% !important;
}

/* ------------------------------------------------------------------------------------------------ */
/* styles for utility menu */

div#header div#mastHead ul#utilityNav {
	position: absolute; 
	top: -165px; 
	left:0;
	width: 760px;
	text-align:right;
}


/* ------------------------------------------------------------------------------------------------ */
/* styles for global navigation */

div#mainNav ul#mainNavContent li a {
	border-top:none !important;
}

div#mainNav ul#mainNavContent li ul li  {
	margin-right:0 !important;
}

div#mainNav ul#mainNavContent li ul li a  { 
	padding:5px;
}

/* ------------------------------------------------------------------------------------------------ */
/* styles for section headings */

div#sectionHeading { 
	width:100%;
	height:50px;
	margin:-7px 0 5px 5px !important;
	margin:10px 0 7px 0; /* IE6 */	
}

body.customer div#sectionHeading h1,
body.healthplan div#sectionHeading h1,
body.provider div#sectionHeading h1,
body.member div#sectionHeading h1   { /* customized positioning of section heading for audience home pages */
	float:right;
	margin-right:37px !important;
	_margin-right:15px !important;
	background-repeat: no-repeat;
	background-position: right top;
}

/* ------------------------------------------------------------------------------------------------ */
/* styles for left section, which contains the call out */

div#left { /* default positioning */
	width: 161px;
	margin:10px 15px 0 15px !important;
	margin:10px 15px 0 7px; /* for IE6 */
	float:left;
	height:auto;
}

div#left p.intro {
	margin:0;
	font-size:0px;
	width:161px;
	height:153px;
	text-indent:-9999em;
}

/* ------------------------------------------------------------------------------------------------ */
/* styles for content section */

div#homeHighlight { /* contains audience marker and boxed section */
	width:97%;
	position:relative;
	height:auto;
	float:left;
	margin:-17px 0px 15px 0 !important;
	margin-top:-19px;
	display:block;
	padding:0 5px 0 8px;
}

div#content { /* container for all content, including center and right, as required by site manager */
	width: 540px;
	margin:0px 5px 0 15px !important;
	margin:0px 5px 0 10px; /* for IE6 */
}

div#content h2 { /* headings are replaced by images */
	font-size:0px;
	color:#FFFFFF;	
	margin:15px 0 -15px 0;		
	background-repeat: no-repeat;	
	height:32px;
	width:100%;
}

div#center { /* used only in layouts with a right column */
	width: 360px !important;
	padding:0;
}


/* ------------------------------------------------------------------------------------------------ */
/* styles for right section, which contains news headlines */

div#right { /* for right column */
	width: 145px;
	border-left:1px solid #f8d583;
	padding-left:20px;
	margin:10px 0 0 0 !important;
}

div#right h3 {
	font-size:105%;
	margin:0;
}

div#right p {
	margin: 0.5em 0;
	font-size:95%;
	line-height:normal;
}

/*---------------------------------------------------------------------------------------------------------------*/

/* Universal style sheet - Forms for both content and apps */
/* Revised April 11, 2007 */

form { /* sets margin and padding to zero */
	margin:0px;
	padding:0px;
}


/* ---------------------------------------------------------------------------------------------------------- */
/* styles for input fields */

/* basic settings */
input, select, textarea {
	border:1px solid #999999;
	background-color:#ffffff;
  	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

html>body input, html>body select {
	font-size:110% !important;
}

select optgroup {
	font-style:normal;
	margin-top:5px;
}

.checkBox, .radio, .checkbox /*legacy*/ {	
	border: 0px none #ffffff;
	background-color: transparent;
	display: inline; 
	width: 1.3em;
	margin-right: 4px;
}

input.imagemap {
 	width: 430px;
 	height: 258px;
}

/* simple sizing for boxes. Use these on actual input type=text, textarea, AND select(dropdown). */					
.txtBoxExsm, .txtBox40 {	
	width: 40px;
}

.txtBoxsm {	
	width: 70px;
}

.txtBox115 {
	width:118px;
}

.txtBoxmed, .txtBox125 {	
	width: 126px;
}

.txtBox60 {
	width:62px;
}

.txtBox75 {
	width:75px;
}

.txtBoxmed2, .txtBox100 {	
	width: 100px;
}

.txtBoxRegular, .txtBox150 {	
	width: 155px;
}

.txtBoxLarge, .txtBox200, {	
	width: 200px;
}

.txtBoxExLarge {	
	width: 350px;
}

.txtBoxXXLarge {	
	width: 425px;
}

.txtBox175 {
	width:175px;
}

.txtBox190 {
	width:190px;
}

.txtBox225 {	
	width: 225px;
}

.txtBox245 {	
	width: 245px;
}

.txtBox275 {
	width:275px;
}

.txtDateBox, .txtBox80 { /* input box for dates */
	width: 80px;
}

.txtSmallDateBox, .txtBox50 { /* input box for date with only a month/year */
	width:50px;
}

.txtAreaCodeBox, .txtBox25 { /* input box for area code */
	width:25px;
}

.txtPhoneBox, .txtBox35 { /* input box for phone number */
	width:35px;
}

.txtBox100Percent {
	width:99%;
}

/* end input sizes */
/* ---------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------- */
/* styles for buttons */

/* Here's an interesting thing to note: you don't HAVE to use these styles on elements of type
   <input type="button" ... >. If you use them on an ordinary <div>, that <div> will MIMIC the look of 
   a button; if you then put an anchor (<a>) element inside it, it can be a compliant, cross-browser link
   without the overhead of forms. */

.btn, .actButton, a.btn, .btnYellow, .button {	/* styles for action buttons (ie, submit, cancel, print, etc) */
	border: 1px solid #000000;		
	color: #ffffff;					
	background-color: #CC3333;  /* defaults to red for legacy compatibility */
	font-weight: bold;
	text-align: center;
	cursor: pointer; 
   	padding: 0 1px;	
	font-size: 110%;
	margin-left:0;
}

a.actButton, a.actButton:visited, a.actButton:hover {	/* styles for "mimic" action buttons. Ex: <div class="btn"> */
	color: #ffffff !important;
	text-decoration: none !important;											
	padding:2px;
}
			
a.btn , a:visited.btn, a:hover.btn  {	/* styles for "mimic" action buttons. Ex: <div class="btn"> */
	color: #ffffff;
	text-decoration: none !important;	
	padding:1px 2px 1px 2px;										
}		
	
.doButton, .btnYellow, a.doButton {	/* styles for secondary buttons */
	background-color: #FFCC00;
	color: #000000;
	font-size: 90% !important;
	font-weight: bold;
	cursor: pointer;
}

.btnYellow {
	font-size:100% !important;
}

a.doButton, a.doButton:visited, a.doButton:hover, a.button, a.button:visited, a.button:hover {
	color:#000000 !important;
	text-decoration: none !important;											
	padding:2px;	
}

a.button, a.button:visited, a.button:hover { 
	font-size:90% !important;
}

.actButtonHeight { /* used to make yellow buttons the same size as red buttons */
	height:18px;
	padding-top:-5px;
}			

.bigButton {
	font-size:110%;
}	

.cancelButton {
	background-color:#999999;
}																								
							
							
/* if you need buttons to display several in a row, surround them in a <p> 
   with class="actionButtons".
   
   Example:
   <p class="actionButtons">
   <label class="invisible>Submit</label
   <input type="button" class="btn actButton" value="Submit">
   <label class="invisible>Cancel</label
   <input type="button" class="btn actButton" value="Cancel">
   </p>   
   */

.actionButtons { 
	position: relative; 
	clear:both;
	display:block;
	margin:10px 0 10px 0;
	float:left;
	width:99%;
}

.actionButtons input { 
	float:left;
	margin-right: 5px; 
}

.actionButtons label { 
	float:left; 
	margin-right: 3px; 
}

.actionButtons label.invisible { /* all buttons need labels. To make them not display, use <label class="invisible"> */
	float:left;
	font-size:1px;
	line-height:1px; 
}



/* end actionButtons */
/* ------------------------------------------------------------------------------------------------ */


/* styles for labels and things that look like them */
/* the W3C says that a <label> element is ONLY to be used in association with the <form> tag, and even then
   ONLY AS A LABEL FOR **ONE** input element. The "label" class is added here to mimic the look of real <label>s;
   use <span class="label" if you need something with that look that doesn't go with a form element (or goes with
   several -- though CONSIDER using a <legend> instead, for that.

Input form example:
<p>
<label>First Name:</label>
<input type="text">
</p>

Input forms display using a variety of layouts, with the labels and their corresponding input fields appearing one on top of the other.
*/

label, .label  { /* for labels on input forms only. Ex: <label>Item</label> */
	display: block; 
	font-weight: bold; 
	font-size:90%;
}

.checkLabel, .checkLabel label {  /* for labels on checklists. Ex: <input type="checkbox" class="checkBox"> <span class="checkLabel">Item One</span> */
	color: #000000;
	display: block; 
	font-weight: normal !important; 
	font-size:100%;
}

 /* use .optLabel for on optiongroups where you have a <span class="label"> that defines the optiongroup. This will make it appear side-by-side with the items */
.optLabel {
	display: block;
	float: left;
	font-size: 90%;
	font-weight: bold;
	margin: 0 10px 0 0;
	width: 135px;
}

caption.label { 
	font-style: normal !important; 
	position: relative; 
	top: 0.2em !important; 
}

fieldset legend.label, fieldset fieldset.noBorder legend.label, .optiongroup label { /* style for legends you want to look JUST LIKE a label and appear flush with the margin. */
	display: block; 
	font-weight: bold; 
	font-size:90% !important;
	position: relative;
}

/* end labels */
/* ---------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------- */					
/* for forms DISPLAY -- when you are showing information from a form on a new output page. The entire section must be wrapped inside <div class="displayingForm"> in order to display properly. All display forms should show in two columns, with the labels and text appearing side-by-side. 

Display form example:
<p>
<span class="label">First Name:</span>
<span class="formData">John</span>
</p>
*/

.displayingForm .label, .displayingForm label { /* for labels on display forms only. Ex: <span class="label">Item</span> */	
	display: block;
	float: left;
	font-size: 90%;
	font-weight: bold;
	margin: 0 5px 0 0;
	width: 135px;  
}

.displayingForm {
	width:100%;
}

.displayingForm p {
	margin:0 2px 0 0 !important;
	padding:2px;
	clear:both;
}
							
.displayingForm .formData { 
	float:none;
	display:table-cell;
	width:auto;
}

.displayingForm .formData br {
	clear:none !important;
	width:auto !important;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* defines column sizes for multi-column layouts on apps. To use, wrap each section in <div class="twoCol"> and separate each piece you want in a separate column in a <p> or, for checklists, in an <li>. Items will wrap to subsequent lines, so only one reference is needed. Style will work with both input forms and display forms.  

Input form example:
<div class="twoCol">
<p>
<label>First Name:</label>
<input type="text">
</p>

<p>
<label>Last Name:</label>
<input type="text">
</p>
</div>

Display form example:
<div class="twoCol">
<p>
<span class="label">First Name:</span>
<span class="formData">John</span>
</p>

<p>
<span class="label">Last Name:</span>
<span class="formData">Smith</span>
</p>
</div>
*/
   
.twoCol, #app .twoCol, 
.threeCol, #app .threeCol,
.lgCol, #app .lgCol,
.quarterCol, #app .quarterCol  {
	width:100%;
	clear:both !important;
}

.twoCol:after, #app .twoCol:after, 
.threeCol:after, #app .threeCol:after,
.lgCol:after, #app .lgCol:after,
.quarterCol:after, #app .quarterCol:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.twoCol p, .twoCol li, #app .twoCol p, #app .twoCol li, 
.threeCol p, .threeCol li, #app .threeCol p, #app .threeCol li,
.quarterCol p, .quarterCol li, #app .quarterCol p, #app .quarterCol li,
.lgCol p, #app .lgCol p  {
	float:left;
	position: relative;	
	margin:0 0 3px 0;
	padding:2px;
	clear:none;
}

.lgCol p, #app .lgCol p {
	margin-top:3px;
	width:97%;	
}

.twoCol p, .twoCol li, #app .twoCol p, #app .twoCol li { /* two column app layouts */	
	width: 47%;
}

.twoCol .label, #app .twoCol .label { /* sets label width on two-column display forms */
	width:135px;
}

.threeCol p, .threeCol li, #app .threeCol p, #app .threeCol li  { /* three column app layouts */	
	width: 31%;
}

.threeCol .label, #app .threeCol .label { /* sets label width on three-column display forms */
	width:85px;
}
			
.quarterCol p, .quarterCol li, #app .quarterCol p, #app .quarterCol li { /* four column app layouts */	
	width: 23%;
}


/* ---------------------------------------------------------------------------------------------------------- */
/* use these classes to override the default size of the label in forms. Ex: <span class="label mediumLabel"> or <label class="mediumLabel"> */
.xxSmallLabel {
	width:40px !important;
}

.exSmallLabel {
	width:75px !important;
}

.smallLabel {
	width:95px !important;
}

.mediumLabel {
	width:120px !important;
}

.defaultLabel, { /* default size of labels */
	width:150px !important;
}

.appLabel { 
	width:220px !important;
	width:170px; 
}

.largeLabel { 
	width:240px !important;
	width:235px; 
}

.displayingForm .largeLabel { 
	width:250px !important;
	width:240px; 
}

.largeLabel2 { 
	width:295px !important; 
	width:290px;
}

.exLargeLabel { 
	width: 350px !important; 
}  

.xxLargeLabel { 
	width: 450px !important; 
}  

.threeColLabel { /* size to match width of labels in three-column layouts */
	width:82px !important;
}

.autoLabel { 
	width: auto !important; 
}  
								

/* ---------------------------------------------------------------------------------------------------------- */
/* styles for checklists where each item displays on a separate line. Use with column sizing styles (twoCol, threeCol, etc) to have them display in multiple columns. 

Example:
<ul class="checkList">
  <li><input type="checkbox" class="checkBox">Item one<li>
  <li>Item one<li>
  <li>Item one<li>
*/

.checkList {	
	margin: 5px 0 0 0; 
	padding: 0; 
	list-style: none;
}

.checkList li {	
	margin: 0 !important; 
	padding: 0 !important; 
	list-style: none;
	display: block; 
	width: 100%; 
	clear: both; 
	padding-bottom: 1px;	
}

.checkList .checkBox, 
.checkList .radio { 
	width: 15px; 
	clear: left; 
	display:inline;	
}
						
.checkList label {
	display: inline; 
	float: none; 
	margin-left: 0.4em; 
	position: relative; 
	top: -2px;		
}

.inLine { /* you can declare a <ul> or <ol> to be class="inLine", and all the list items will display horizontally. */
	display: inline; 
	margin-right: 10px; 
	margin-left:0;
	white-space: nowrap; 	 	

}


/* end checklists */
/* ---------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------- */
/* styles for fieldsets. Fieldsets should be used to group similar types of information (such as First Name, Last Name, Middle Initial) together, as required by Section 508. */

/* default styles, when you want the fieldset and legend to display */
fieldset {
	border:1px solid #999999;
	width:95% !important;
	padding:4px;
	margin:8px 0 8px 0;
}

fieldset:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


fieldset legend { 	
	font-size: 110%; 
	font-weight: bold;
	padding-bottom: 0.5em;
}

fieldset p {
	font-size:100%;
}

fieldset legend input.doButton {
	font-size:80%;
}

/* styles for fieldset borders you DO NOT want to display. Legends DO NOT display. */

fieldset.zeroBorder {
	margin:-10px 0 0 0;
	padding:0 0 8px 0;
	border:none;
}

fieldset.zeroBorder legend {
	text-indent: -999em; 
	color: #ffffff;
	padding-bottom:0;
	font-size:3px;
}

/* styles for fieldset borders you DO NOT want to display but still have a legend */

fieldset.noBorder {
	border: 0px none #ffffff;
	margin:0;
	padding:0 0 5px 0;
}

fieldset.noBorder legend { /* legend uses default settings and appears flush with the margine */
	display: block; 
	font-weight: bold; 
	position: relative;
	left: -6px;
	text-indent:0em;
}

/* styles for nested fieldsets */
fieldset fieldset, fieldset.zeroBorder fieldset { 
	border:1px solid #CCCCCC;
	margin-top:0;
	float:left;
	width:98%;	
	clear:both;	
	text-indent:0;
}

fieldset fieldset.noBorder {
	border: 0px none #ffffff;
	margin:0;
	padding:0;
}

fieldset fieldset legend, 
fieldset.zeroBorder fieldset legend, 
fieldset legend.smallLegend { /* styling for legends inside nested fieldsets */
	color:#666666;
	font-size:95% !important;
	margin-top:3px;
	text-indent:0; 
}

fieldset legend.smallLegend input.doButton, 
fieldset fieldset legend.smallLegend input.doButton { 
	font-size:90% !important;
}

/* styles for positioning fieldsets */
.float { /* use when you want fieldsets to float next to each other */
	float:left !important;
	clear:none;
	margin:0 8px 0 0;
}

fieldset.twoThirdsWidth, 
fieldset fieldset.twoThirdsWidth { /* sets block width to 60% when one block is larger than the other */
	width:57% !important;
	clear:none;
}

fieldset.halfWidth, 
fieldset fieldset.halfWidth { /* sets block width to two to a page */
	width:46% !important;
	clear:none;
	margin-right:5px;
}

fieldset.thirdWidth, 
fieldset fieldset.halfWidth { /* sets block width to three to a page */
	width:29% !important;
	clear:none;
	margin-right:5px;
}

fieldset.autoWidth, 
fieldset fieldset.autoWidth { 
	width:auto !important;
	clear:none;
	margin-right:5px;
}

/* styles for display fieldsets */
div.fieldSet { 
	border: 1px solid #999999; 
	margin-top: 1em; 
	margin-bottom: 1.2em; 
	clear: both; 
	padding-left: 8px; 
	padding-right: 8px; 
}

div.fieldSet span.legend { 
	position: relative; 
	top: -0.7em; 
	background-color: #ffffff; 
	padding: 0 3px; 
	font-weight: bold; 
	font-size: 105% !important;
}

/* ------------------------------------------------------------------------------------------------ */
/* styles for adding the and/or to search options on apps */
#app .searchOption, #app .searchOptionSingle {
	position:absolute;
	width:28px;
	height:34px;
	margin:18px 20px 0 -20px !important; /* firefox and ie7 */
	margin: 20px 20px 0 -20px; /* ie6 */
	padding-right:10px;	
}

#app .searchOptionSingle { /* use this searchOption for fieldsets that have only one row of inputs */
	padding-right:30px;
}

#app .searchDiv {
	margin-left:12px;
}

#app .leftMargin {
	margin:0 0 0 10px;
}

#app .leftMargin input {
	margin-left:-5px;
}


/* ------------------------------------------------------------------------------------------------ */
/* "optiongroup" fieldsets (and divs) are for when you need to have a number of inline items (usually radiobuttons,
   but occasionally with short text interspersed. */
.optiongroup { 
	width: auto; 
	float:left;
	margin:0;
	top:-4px;
	left:7px;
	display:block;
}

.optiongroup * {
	display: inline; 
	float: none;
	width: auto;
}

.optiongroup span { 
	white-space: nowrap; 
}

.optiongroup .checkBox {	
	position: relative; 
	top: 3px;
	display:inline;
}

.optiongroup .radio {	
	position: relative; 
	top: 3px;
	margin: 0 -3px 0 0 !important;
	margin: 0 -8px 0 0;	
	display:inline;
}

ul.optiongroup li {
	width:auto;
	float:left;
}

.optiongroup label {
	margin:0 5px 0 3px;
	display:inline;
	font-weight:normal;
	color:#000000;
}

ul.optiongroup label {
	display:inline;
}

span.optiongroup {
	white-space:nowrap;
	margin-top:-2px;
	display:inline;
}

p.optiongroup {
	padding:5px 5px 5px 0 !important;
	margin:2px 5px 1px 0 !important;
}

.twoCol p.optiongroup {
	margin:7px 0 0 0 !important;
	padding:0 !important;	
}

p.optiongroup span.label {
	float:left;
	display:block;
	color: #004a41;
	font-weight: bold; 
	font-size:90%;	
	padding:2px 0 1px 0px !important;
	padding:2px 0 0 0;
	white-space: normal;
}


.lgCol div.optiongroup {
	margin-top:-5px;
}

fieldset .optiongroup {
	margin:0;
}

/*---------------------------------------------------------------------------------------------------------------------------------*/
/* Universal style sheet - application controls (tabs, accordians, thickbox, jtip, etc) */
/* Revised April 29, 2008 */


/* --------------------------------------------------------------------------------------------------------- */
/* STYLES FOR ACCORDIANS */ 
	
.accordianContainer, .accordianContainerSub { 
   position: relative;
   margin: 0 0 20px 0;
   width:99%;
   height:auto;
   display:block;
   float:left !important;
   top:12px !important;
   top:0;
   _padding-bottom:15px;
}

.accordianContainer, .accordianContainerSub {
	border:none;
}

html>body .accordianContainer h3, html>body .accordianContainerSub h3,
html>body .accordianContainerSub h4.toggle   { 
	margin:0 !important;
	width:95%;
	height:28px;
	float:left;
	border-top:0px solid #FFFFFF !important;
	padding-top:0 !important;
	font-size:120% !important;
	line-height:normal;		
}

html>body .accordianContainer h3, html>body .accordianContainerSub h3  { 
	font-size:90% !important;
}


html>body .accordianContainer h3, html>body .accordianContainerSub h3 {
	width:100.9%;
}

html>body .accordianContainerSub h4.toggle {
	width:102%;
	margin-left:-6px !important;
	margin-top:-5px !important;
}

.accordianContainer h3 a, .accordianContainerSub h3 a,
.accordianContainerSub h4.toggle a   {
	display:block;
	width:94.5% !important;
	width:95%;
	height:18px;
	text-decoration:none !important;
	clear:both;
	padding:6px 5px 2px 20px;
	margin:0;
}

.accordianContainer h3 a, .accordianContainerSub h3 a {
}

.accordianContainerSub h4.toggle a {
	width:95% !important;
	height:15px;
	padding:3px 5px 2px 20px;
}

.accordianContainer h3 input.btn, .accordianContainerSub h3 input.btn, .accordianContainerSub h4.toggle input.btn {
	position:relative;
	float:right;
	z-index:100;
	margin:-22px 12px 0 5px !important;
	margin:-22px 0 0 5px;
	font-size:75%;
}

.accordianContainer h3 a.doButton, 
.accordianContainer h3 a.doButton:visited, 
.accordianContainer h3 a.doButton:hover,
.accordianContainer h3.toggle a.doButton, 
.accordianContainer h3.toggle a.doButton:visited, 
.accordianContainer h3.toggle a.doButton:hover,
.accordianContainerSub h3 a.doButton, 
.accordianContainerSub h3 a.doButton:visited, 
.accordianContainerSub h3 a.doButton:hover,
.accordianContainerSub h3.toggle a.doButton, 
.accordianContainerSub h3.toggle a.doButton:visited, 
.accordianContainerSub h3.toggle a.doButton:hover,
.accordianContainerSub h4 a.doButton, 
.accordianContainerSub h4 a.doButton:visited, 
.accordianContainerSub h4 a.doButton:hover,
.accordianContainerSub h4.toggle a.doButton, 
.accordianContainerSub h4.toggle a.doButton:visited, 
.accordianContainerSub h4.toggle a.doButton:hover   {
	text-decoration: none !important;											
	width:5% !important;
	width:auto;
	height:auto;
	_height:12px !important;
	clear:none;
	border:1px solid #000000;
	font-size: 90%;
	font-weight: bold;
	cursor: pointer;	
	text-align: center;	
	position:relative;
	float:right;
	z-index:100;
	background-image:none;
   	padding: 1px 2px 1px 2px !important;
	padding: 1px 3px 1px 3px;	
	margin:-22px 12px 0 5px;
	font-size:80% !important;	
	display:block;
}

.accordianContainer div.togglebox, .accordianContainerSub div.togglebox  {
	clear:both !important;
	float:none;
	padding:13px 5px 0px 5px !important;
	margin:0;
	height:auto;
	position:relative;
}

.accordianContainer div.togglebox {
   width:98.3% !important;

   padding:10px 0 0 7px !important;
   _padding-top:20px !important;
   float:left;
   height:auto;
}

.accordianContainer .box, .accordianContainerSub .box {
   	width:96.8% !important;
   	width:99.5%;
	clear:both !important;
	float:none;
	padding:13px 5px 0px 7px !important;
	padding-bottom:7px;	
	margin:0;
	height:auto;
	position:relative;
}


.accordianContainerSub div.togglebox .togglebox, .accordianContainerSub .box .togglebox{
   padding:0 5px 0 7px !important;
   margin:0 !important;
}

/* --------------------------------------------------------------------------------------------------------- */
/* NEW STYLE ACCORDIANS - THESE WORK REGARDLESS OF WIDTH */

.accordianContainer, .accordianContainerSub {
	padding-bottom:10px;
}


.accordianGroup {
	margin:0 0 20px 0;
	overflow:hidden;
}

.accordianGroup *, .accordianContainer *{
	background-color:transparent !important;
}

.accordianGroup h2, .accordianContainer h2{
	font-weight:normal;
	margin:0 0 3px 0 !important;
}

.accordianGroup .accordianText {
	clear:both !important;
	_display:inline !important;
	_width:auto !important;
}

div#app .accordianGroup .accordianBlock h3, .accordianContainer h3, .accordianText h3 {
	border:0 !important;
	margin:-1px 0 0 0 !important;
	padding:0 !important;
}

.accordianGroup .accordianBlock h3 a, .accordianContainer h3 a, .accordianText h3 a {
	cursor:pointer;
	display:block;
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
	position:relative; 
	width:auto !important;
	width:98%; 
	clear:none;
	text-decoration:none !important;
	text-transform:none !important;	
}

.accordianContainer h3, .accordianContainerSub h3,
.accordianContainerSub h4.toggle {

}

.accordianGroup .accordianBlock h3 a:hover, .accordianContainer h3 a:hover, .accordianText h3 a:hover {
	text-decoration:none;
}

.accordianGroup .accordianBlock h3 a .title, .accordianText h3 a .title {
	display:block;
	padding:5px 10px 5px 20px;
}

.accordianGroup .accordianBlock h4, .accordianContainerSub h4.toggle {
	cursor:pointer;
	font-family:Verdana, Arial, san-serif;
	font-size:11px;
	font-weight:normal;
	margin:0 !important;
	padding:0 !important;
}

.accordianGroup .accordianBlock h4 a, .accordianContainerSub h4.toggle a {
	border:0 !important;
	display:block;
	padding:5px 10px 5px 10px;
}

.accordianGroup .accordianBlock h4 a:hover, .accordianContainerSub h4.toggle a:hover {
	text-decoration:none;
}

.accordianGroup .accordianBlock ul  {
	margin:0;
	padding:0;
	position:relative;
	overflow:visible;
	width:auto !important;
	width:98%;
}

.accordianGroup .accordianBlock ul li {
	display:inline; 
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	
}

.accordianGroup .accordianBlock ul li a {
	display:block;
	font-size:11px;
	padding:3px 10px 3px 20px;
	position:relative;
	text-decoration:none;
}

.accordianGroup .accordianBlock ul li a:hover {
	text-decoration:none;
}

.accordianGroup .last h3 a {
	border-bottom-width:1px;
}


.accordianGroup .accordianBlock .accordianBlock ul,
.accordianGroup .last .accordianBlock ul {
	border:0 !important;
	width:100% !important;
}

.accordianGroup .last ul {
	border-top-width:0 !important;
	border-bottom-width:1px !important;
}

.accordianContainer h3 input.btn, .accordianContainerSub h3 input.btn, .accordianContainerSub h4.toggle input.btn {
	position:relative;
	float:right;
	z-index:100;
	margin:-22px 12px 0 5px !important;
	margin:-22px 0 0 5px;
	font-size:75%;
}

.accordianContainer h3 a.doButton, 
.accordianContainer h3 a.doButton:visited, 
.accordianContainer h3 a.doButton:hover,
.accordianContainer h3.toggle a.doButton, 
.accordianContainer h3.toggle a.doButton:visited, 
.accordianContainer h3.toggle a.doButton:hover,
.accordianContainerSub h3 a.doButton, 
.accordianContainerSub h3 a.doButton:visited, 
.accordianContainerSub h3 a.doButton:hover,
.accordianContainerSub h3.toggle a.doButton, 
.accordianContainerSub h3.toggle a.doButton:visited, 
.accordianContainerSub h3.toggle a.doButton:hover,
.accordianContainerSub h4 a.doButton, 
.accordianContainerSub h4 a.doButton:visited, 
.accordianContainerSub h4 a.doButton:hover,
.accordianContainerSub h4.toggle a.doButton, 
.accordianContainerSub h4.toggle a.doButton:visited, 
.accordianContainerSub h4.toggle a.doButton:hover   {
	text-decoration: none !important;											
	width:5% !important;
	width:auto;
	height:auto;
	_height:12px !important;
	clear:none;
	border:1px solid #000000;
	font-size: 90%;
	font-weight: bold;
	cursor: pointer;	
	text-align: center;	
	position:relative;
	float:right;
	z-index:100;
	background-image:none;
   	padding: 1px 2px 1px 2px !important;
	padding: 1px 3px 1px 3px;	
	margin:-22px 12px 0 5px;
	font-size:80% !important;	
	display:block;
}

.accordianContainer div.togglebox {
   width:98.3% !important;
   width:101.3%;
   padding:10px 0 7px 7px;
   float:left;
   height:auto;
}

			
/* ------------------------------------------------------------------------------------------------------------ */
/* STYLES FOR TABS */

/* Styles for ACCESSIBILITY of tabs. DO NOT CHANGE!!!      */

@media projection, screen
    { /* use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide
        {
        display: none;
        }
    }
@media print
    { /* retain accessibility by overriding inline style used by animations... */
    .tabContent
        {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
        }
    }


.ui-tabs-panel {
	clear: both;
}
.ui-tabs-hide {
	display: none;
}
/* ------------------------------------------------------------------------------------------------------------ */
/* styles for tab containers */

div#tabContainer, div#jTabs { 	/* container for tabs. Places content inside a border with tabs on top */
	width:98% !important;
	width:97%; 
	padding: 2px 6px !important;
	padding-top:1px; 
	position: relative; 
	margin: 42px 2px 20px 0;
	float:left;
	height:auto;
	z-index:100;
	background-color:none;
	padding-bottom:15px;
}

div#jTabs {
	margin-top:42px !important;
	margin-top:30px;
}

div#tabContainer.noBorder {
	border:none;
}

div#tabContainer.noBorder, div#tabContainer.inner { /* use only when you want a set of inner tabs inside tabcontainer */
	padding:0;
	width:99.5% !important;	
	margin:21px 0 20px 1px !important;
	margin:0 0 20px 2px;
}

div#innerTabContainer { /* style for set of inner set of tabs inside tabcontainer */
	margin:0;
	width:99.5% !important;	
	padding:30px 0 0 0;
	float:left;
	height:auto;
	z-index:100;	
	position:relative;
}

.tabBlock { /* use with ul.tabAnchors - overall container */
    position: relative;
    margin-top: 1em;
	margin-bottom: 1em !important;
	margin-bottom:-2em;
	clear:both;
	width:100%;
	float:left;
	background-color:none;
	height:100%;
}

table .tabBlock {
	top:2em;
	float:left;
}

.tabContent { /* use with ul.tabAnchors and tabBlock - container for content */
    padding: 0 5px 5px 5px;
	height: 150px;
	overflow-y: auto;
	clear:both;
	background-color:none;
}

table .tabContent {
	height: auto;
	overflow: visible;
}

/* ------------------------------------------------------------------------------------------------------------ */
/* styles for different types of tabbed uls */

/* ul#tabNav is for sections with one set of main tabs. ul#tabNavInner is for sections with an inner set of tabs (two sets). ul.tabAnchors is used primarily for the mypages, with multiple tabbed sections */


ul.tabAnchors, ul#tabNav, ul#tabNavInner {
	height:27px;
	margin:0 0 15px 0;
	padding:0;
	text-align:right;
	position:relative;
}

ul#tabNav { 
	margin-top:-31px !important;
	_top:-1px !important; 
}

*html ul#tabNavInner { 
	margin-left:-12px !important;
	padding-left:5px;
	width:101.2%;
	padding-right:0;		
}

html>body ul#tabNavInner {
	text-align:left;
	margin-left:-6px !important;
	padding-left:5px;	
	width:101.2%;	
}

ul.tabAnchors li, ul#tabNav li, ul#tabNavInner li {
	float:right;
	list-style-type:none;
	margin:0 2px 0 0;
	overflow:hidden;
	padding:0;
	position:static !important;
	position:relative;
	text-align:center;
}

ul.tabAnchors.floatLeft li, ul#tabNav.floatLeft li, ul#tabNavInner.floatLeft li {
	float:left;
}

ul.tabAnchors li, ul#tabNav li {
	top:auto !important;
	top:1px;
}

ul#tabNavInner li { 
	float:left;
	margin-top:-1px;
}

ul.tabAnchors li a, ul#tabNav li a, ul#tabNavInner li a {
	display:block;
	float:left;
	height:17px;
	line-height:normal;
	margin:0;
	outline:none;
	overflow:hidden;
	padding:6px 8px 3px 8px;
	text-decoration:none !important;
	white-space: nowrap;
}

ul#tabNavInner li a {
	height:15px;
	width:75px;
	padding:6px 3px 3px 3px;	
}

ul#tabNavInner li a.wideTab {
	width:110px;
}
ul.tabAnchors li a {
	width:80px;
}

ul#tabNav li a {
	width:110px;
}

ul#tabNav li a.wideTab { /* style for wide main tabs */
	width:150px;	
}

ul#tabNav li a.smallTab { /* style for wide main tabs */
	width:95px;	
}

ul.tabAnchors li a:hover, ul#tabNav li a:hover {
}

ul.tabAnchors li a.wrap, ul#tabNav li a.wrap { 
	height:26px;
	padding-bottom:0;
	padding-top:0;
}

div#jTabs ul#tabNav {
	margin-bottom:5px;
}

div#jTabs ul#tabNav li {
	margin-top:7px;
	float:left;
}

div#jTabs ul#tabNav li a {
	padding:2px 10px 0px 5px;
	font-size:90%;
}

/* --------------------------------------------------------------------------------------*/
/* STYLES FOR THICKBOX */


/* thickbox specific link and font settings */

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* --------------------------------------------------------------------------------------*/
/* thickbox settings */

#TB_overlay {
	position: fixed;
	z-index:500;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 502;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* --------------------------------------------------------------------------------------*/
/* STYLES FOR JTIP */

a.jTip, a.jTip:visited, a.jTip:hover {
	line-height: 1.7em;
	text-decoration:none;
	cursor:help;	
}

.textHelp {
	color:#333333;
	border-bottom: 3px double #333333;
}

#JT_arrow_left{
	/*background: url(<tr:link group07p url036/>) no-repeat left top;*/
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
}

#JT_arrow_right{
	/*background: url(<tr:link group07p url01z/>) no-repeat left top;*/
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
}

/* for consistency between firefox and IE */
body > #JT_arrow_right {
  margin-left: 3px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #cccccc;
	background-color: #ffffff;
	overflow: hidden;
}

#JT_copy{
	padding:10px;
	color:#333;
}

.JT_loader{
	background: url(<tr:link group07p url020/>) no-repeat center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #ccc;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #ccc;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #ccc;
}

#JT iframe{
	display:none;
	display/**/:block;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	height:3000px;
}

/* --------------------------------------------------------------------------------------*/
/* STYLES FOR ClueTip */

.textHelp {
	color:#333333;
	border-bottom: 3px double #333333;
	text-decoration:none !important;
	cursor:help;
}

#cluetip-close img {
  border: 0;
}

#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}

#cluetip-waitimage {
  width: 100%;
  height: 12px;
  background: url(<tr:link group07p url020/>) no-repeat center center;
}

.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #ffffff;
  border:1px solid #c0c0c0;
}

.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #ffffff;
}

.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: bold;
  background-color: #ffffff;
  color: #000000;
  border-bottom:1px solid #c0c0c0;
}

.cluetip-default #cluetip-title a {
  color: #cccccc;
  font-size: 0.95em;
}  

.cluetip-default #cluetip-inner {
  padding: 10px;
}

.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
/*  background-image: url(images/darrowleft.gif); */
}

.clue-left-default .cluetip-arrows {
/*  background-image: url(images/darrowright.gif); */
  left: 100%;
  margin-right: -11px;
}

.clue-top-default .cluetip-arrows {
/*  background-image: url(images/darrowdown.gif); */
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
} 
 
.clue-bottom-default .cluetip-arrows {
/*  background-image: url(images/darrowup.gif); */
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}

.cluetip-jtip #cluetip-outer {
  border: 2px solid #cccccc;
  position: relative;
  background-color: #eeeeee;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #cccccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(<tr:link group07p url01z/>);
}

.clue-left-jtip .cluetip-arrows {
  background-image: url(<tr:link group07p url036/>);
  left: 100%;
  margin-right: -11px;
}

.clue-top-jtip .cluetip-arrows {
 /* background-image: url(images/arrowdown.gif); */
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  

.clue-bottom-jtip .cluetip-arrows {
/*  background-image: url(images/arrowup.gif); */
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------8/
/* RADMD Style Sheet - overrides for colors and images */
/* Revised October 29, 2009 */

/* ---------------------------------------------------------------------------------------------------------- */
/* STYLES FROM 01_TEMPLATE.CSS */

html, body {
	height:100%;
	width:98%;
}

body {
	background:#FFFFFF url(/media/134653/bgbody.gif) top left repeat-x;
	/*background:#010440;*/
	
}

body.whiteBkgrnd {
	background:#FFFFFF;
}

a {
	color: #0055a4;	
}

a:visited {
	color: #333333;
}

a:hover {
	color: #ea7125;
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 8px 0;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 225%;
	color: #002395;
	text-transform:uppercase;
}

#content h1 {
	font-size: 200%;
}

h2 {
	font-size: 200%;
	color: #002395;
	text-transform:uppercase;	
}

h3 {
	font-size: 160%;
	color: #0055a4;	
	padding:10px 0 0 0;
}

h3.noLine {
	border-top:0;
	padding-top:0;
}

h4 {
	font-size: 140%;
	color: #0055a4;
}

h5 {
	font-size: 130%;
	color:#666666;
}

h6 {
	font-size: 120%;
}

ul li {
	margin-bottom:7px;
}

th, tbody th { 
	background-color: #c9e39c;  
	color: #002395;
}

table caption { 
	color: #55a51c;
	text-align: right; 
	font-weight: bold; 
	font-style: italic; 
	font-size: 110%; 	
}

.intro {
	font-size:100%;
	line-height:18px;
}

p.intro:first-letter {
	font-weight:normal;
	text-transform:uppercase;
	font-size:340%;
	display:block;
	float:left;	
	margin-right:5px;
	margin-top:6px;
	font-family:Arial, Helvetica, sans-serif;
	color:#66bc29;
	height:50px !important;
	width:100%;
	line-height:85%;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* STYLES FROM 01_TEMPLATE.CSS */

div#main {
	margin:0 auto;
	width:975px;
	left:18px;
	padding:0;
	background:url(/media/134705/bannerbkgrnd-new.jpg) no-repeat;
	/* background:url(/globals/RADMD/univ/bannerBkgrnd.jpg) no-repeat; */
}

div#container {
	padding:40px 0 50px 7px; /* IE6 */
	margin:-75px 0 0 0; /* IE6 */
	height:100%;
	z-index:20;	
	width:99.1%;
	border-right:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
	background:url(/media/134671/providers.gif) top right no-repeat;	
}

div#header {
	height:165px;
	width:100.2%;
	overflow:visible;

}

div#header div#mastHead { /* header banner image */
	height:165px;
	width: 100%;
	margin:0;
}

div#mainLogo { /* magellan logo */
	width:123px;
	height:65px;
	margin:43px 0 0 33px;
	position:absolute;
	z-index:40;

}

div#mainLogo a {
	display:block;
	text-decoration:none;
	width:100%;
	height:100%;

}

div#header ul#utilityNav {
	top: 12px; 
	right: 0;
	width: 795px;
	text-align:right;
	position:absolute;
	z-index:1000;
}

div#header ul#utilityNav li {
	color: #ffffff;
	background: url(/media/134707/linkseparator.gif) right center no-repeat;
}

div#header ul#utilityNav li a {
	color: #ffffff;
	text-decoration:none;
}

div#header ul#utilityNav li a:hover {
	color:#ea7125;
}

div#header ul#utilityNav li.lastItem {
	background:none;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* styles for top nav bar */

div#mainNav { /* background nav bar for corporate site */
	z-index:30;	
	width:99%;
	height:120px;
	margin-top:-121px;
}

div#mainNav ul#mainNavContent {
	width:auto;
	font: 13px Arial, Helvetica, sans-serif;
	background:url(/media/134668/navbarborder.gif) bottom left no-repeat;	
	width:765px;
	float:right;	
	height:42px;
	margin:0 0 0 200px;
	padding-left:7px;
}

div#mainNav ul#mainNavContent li {
	border-right:1px solid #d6d6d6;	
	height:37px;	
	margin-bottom:0;
}

div#mainNav ul#mainNavContent li a {
	padding:10px 1.6em 2px 1.2em;
	color:#002395;	
}

div#mainNav ul#mainNavContent a:hover {
	background-color: #0055a4 !important;
	background-image:none !important;
	color:#ffffff !important;	
}

div#mainNav ul#mainNavContent li:hover a, 
div#mainNav ul#mainNavContent li.sfhover a, 
div#mainNav ul#mainNavContent li.lastItem:hover a {
	background-color: #0055a4 !important;
	color:#ffffff;
	height:29px;
}

div#mainNav ul#mainNavContent li.active,
body#globalNav1 div#mainNav ul#mainNavContent li#mainNavItem1,
body#globalNav2 div#mainNav ul#mainNavContent li#mainNavItem2,
body#globalNav3 div#mainNav ul#mainNavContent li#mainNavItem3,
body#globalNav4 div#mainNav ul#mainNavContent li#mainNavItem4,
body#globalNav5 div#mainNav ul#mainNavContent li#mainNavItem5,
body#globalNav6 div#mainNav ul#mainNavContent li#mainNavItem6  {
	background:#ffffff url(/media/134666/mainnavhighlight.jpg) top left repeat-x;
	height:37px;
	overflow:hidden;	
}

div#mainNav ul#mainNavContent li.active a,
body#globalNav1 div#mainNav ul#mainNavContent li#mainNavItem1 a,
body#globalNav2 div#mainNav ul#mainNavContent li#mainNavItem2 a,
body#globalNav3 div#mainNav ul#mainNavContent li#mainNavItem3 a,
body#globalNav4 div#mainNav ul#mainNavContent li#mainNavItem4 a,
body#globalNav5 div#mainNav ul#mainNavContent li#mainNavItem5 a,
body#globalNav6 div#mainNav ul#mainNavContent li#mainNavItem6 a  {
	color:#16216c;	
}


div#mainNav ul#mainNavContent li ul { /* second-level lists */
	border-top:4px solid #ea7125;
	border-bottom:1px solid #d6d6d6;
	top:37px;
	padding-right:10px;
	_padding-right:0;
}


div#mainNav ul#mainNavContent li ul li {
	background-image:none;
	height:auto;
	border-bottom:1px solid #d6d6d6;
}

div#mainNav ul#mainNavContent li ul li a, div#mainNav ul#mainNavContent li:hover ul li a, 
div#mainNav ul#mainNavContent li.sfhover ul li a, 
div#mainNav ul#mainNavContent li.lastItem:hover ul li a {
	color:#333333;
	border-right:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
	text-transform:none;
	padding:5px 0 5px 20px !important;
	margin:0 !important;
	height:auto !important;
	background-color:#ffffff !important;
	border-bottom:none !important;
	background-image:url(/media/134655/bullet.gif) !important;
	background-position:7px 10px;
	background-repeat: no-repeat;	
}

div#mainNav ul#mainNavContent li ul li a:hover, div#mainNav ul#mainNavContent li.lastItem:hover ul li a:hover {
	background-color:#ef984a !important;
	background-image:url(/media/134656/bullethover.gif) !important;

}

div#mainNav ul#mainNavContent li.lastItem {
	border:none;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* styles for search bar */

div#search {
	position:absolute;
	z-index:500;
	right:3px;
	top:4px;
	width:17%;
	height:20px;
}

div#search .searchLabel {
	color:#ffffff;
	font-size:0px;
	line-height:0px;
}

div#search #searchText {
	border:none;
	background:none;
	width:112px !important;
	color:#66bc29;
	font-size:11px !important;
}

div#search .btn {
	background-color:transparent;
	color:#66bc29 !important;
	margin-top:2px;
	font-size:80% !important;
	font-weight:bold;
	height:16px;
	padding:0;
	text-transform:uppercase;
	border:none;
	width:16px;	
}


/* ---------------------------------------------------------------------------------------------------------- */
/* styles for section heading */

div#sectionHeading {
	width:18%;
	padding-left:7px;
	margin:0;
	border-top:3px solid #c2e085;
	background:url(/media/134708/leftbkgrnd.jpg) top left no-repeat;
	height:118px;

}

div#sectionHeading h1 { /* default settings when SIFR is unavailable */
	color:#66bc29;
	font-size:165%;
	text-transform:none;

	margin:0;
	width:auto;
	margin-top:97px;		
}

div#sectionHeading h1 a, 
div#sectionHeading h1 a:visited, 
div#sectionHeading h1 a:hover {
	color:#66bc29;
}

div#sectionHeading h1 a:hover {
	color:#66bc29;
}


/* ---------------------------------------------------------------------------------------------------------- */
/* styles for left menu */

div#secNav {
	width:18.5%;
	float:left;
	margin:8px 25px 0 3px;
	padding:0;
	background:#ffffff;	
	clear:left;
	min-height:250px;
}

div#secNav ul {
	height:auto;
}

div#secNav ul li { /* second level menu items */
	border-bottom:none;
	font-size:12px;
	width:99%;	
	border-bottom:1px solid #cccccc;
	background:#ffffff !important;
	margin-bottom:0;
}

div#secNav ul li a  {
	color:#333333;
	border:none !important;	
	width:89%;	
	font-weight:normal;
	background:url(/media/134655/bullet.gif) 5px 8px no-repeat;	
	padding-bottom:5px;	
}

div#secNav ul li a:hover {
	color: #ffffff;	
	background-color:#ef984a;
	background-image:url(/media/134656/bullethover.gif) !important;	
}

div#secNav ul li.active {
	padding-top:3px;
	background:#ffffff url(/media/134710/secnavhighlight.jpg) top left repeat-x !important;	
}

div#secNav ul li.active a { 
	color:#16216c;
	font-weight:bold;
	background:url(/media/134667/minus.gif) 5px 5px no-repeat;
	padding-top:1px;
} 

div#secNav ul li.active a:hover { 
	color:ffffff !important;
} 

div#secNav ul li.active ul {
	border-bottom:1px solid #ffffff;	
	width:100%;	
	margin:0;
	padding:0 0 5px 0;
}

div#secNav ul li.active ul li a, div#secNav ul li ul li a, div#secNav ul li.active ul li a:hover {
	background: #ffffff url(/media/134658/disc.gif) top left no-repeat !important;	
	border:none !important;
	padding-left:20px;
	font-weight:normal !important;
	color:#002395;
}

div#secNav ul li.active ul li a:hover {
	background-color:none !important;
}

div#secNav ul ul li, div#secNav ul li.active ul li {
	margin:0;
	padding:0 0 0 18px;
	width:90%;
	background-image:none !important;	
}

div#secNav ul li.active ul li.active a {
 	font-weight:bold !important;
	color:#002395 !important;	
	background-color:none;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* other styles */ 

div#content { /* container for all content, including center and right, as required by site manager */
	padding:0;
	width:74%;
	line-height:18px;
	margin-top:-125px;
}

div#center { /* used only in layouts with a right column */
	 width:76% !important;
}

div#right { /* for right column */
	width:20%;
	margin:15px 0 0 8px; 
	_clear:left;
	line-height:14px;
	font-size:90%;	
	float:left;
	_float:right;
	font:100% Arial, Helvetica, sans-serif;
}

div#right .box {
	width:130% !important;
	padding:0;
	overflow:hidden;
	margin-bottom:1.75em;
	border-top:2px solid #a8a8a8;
	padding-bottom:10px;	
}

div#right h1, div#right h2, div#right h3, div#right h4 {
	font-size:145%;
	padding:10px 0 10px 8px;
	margin-top:0;
}

div#right p {
	margin-left:8px;
}

div#right img {
	border-top:2px solid #003399;
	margin-top:1em;	
}


/* ---------------------------------------------------------------------------------------------------------- */
/* styles for footer */

div#footer { 
	height: 55px;
	width:100%;
	background:#cbcfd2;
	float:left;
	z-index:1;
}

div#footer div#footerContent {
	float:left;
	width:98.5%;
	_width:99%;
	
	padding:10px 5px 5px 5px;
}

div#footer div#footerContent h6 {
	font-size:10px !important;
	width:auto;
	color:#000000;
	margin:0;
	text-decoration:none !important;
}

div#footer div#footerContent h6 a {
	text-decoration:none !important;
	color:#000000;
}

div#footer div#footerContent ul {
	margin:0;
}

div#footer div#footerContent ul li {
	color: #000000;
	background: url(/media/134707/linkseparator.gif) right center no-repeat;
	
}

div#footer div#footerContent ul li a, div#footer div#footerContent ul li a:hover {
	color: #000000;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* other styles */
									
.heading { /* this is legacy, and fixes some kinds of <th>s. */
	background: #FDE5D2;
	color: #000066;
}

.evenRow, .evenRow, .altRow { /* styling for alternate rows using <tbody class="stripey"> */
	background-color: #eeeeee; 
}

/* ---------------------------------------------------------------------------------------------------------- */
/* styles for different background colors */

.backGround1 { /* green */
	background-color: #e1f0c8; 
}

.backGround2 { /* blue */
	background-color: #e0e5f4;
}

.backGround3 { /* orange */
	background-color: #fbe3d3;
}

.backGround4 { /* taupe */
	background-color: #eee9cc;
}

.backGround5 { /* gray */
	background-color: #EEEEEE;
}

.backGround6 { /* light burnt orange */
	background-color: #fae9d7;
}

.backGround7 { /* same as stripey */
	background-color: #eeeeee;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* STYLES FROM 02_FORMS.CSS */

label, .label, .optLabel, .displayingForm .label, .displayingForm label { 
	color: #bf5310;
}

fieldset legend, div.fieldSet span.legend { 	
	color: #55a51c;  
}

fieldset legend.label, fieldset fieldset.noBorder legend.label { 
	color: #bf5310;
}

fieldset.shaded { 
	background-color: #eeeeee; 
	border: 3px solid #eeeeee;
}

.actButton {
	background-color:#ea7125;
	border-color:#999999;
}

.doButton {
	background-color:#a3d869;
	border-color:#999999;	
}

.cancelButton {
	border-color:#999999;
}

.newWindow {
	background:url(../../global/images/univ/newlaunch.gif) no-repeat top right;
	padding-right:18px;
}


/* ---------------------------------------------------------------------------------------------------------- */
/* STYLES FROM 04_APP_CONTROLS.CSS */

.togglebox {
	border:1px solid #eddabb;
}

.accordianGroup h3 {
	margin:0 !important;
}

.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:#fff;
	border: 1px solid #d6d6d6;
}

.accordianGroup .accordianBlock h3 a .title, .accordianText h3 a .title,
.accordianBlock h3.toggleOff a .title, .accordianBlock h3.toggle a.inactive .title, 
.accordianText h3.toggleOff a .title, .accordianText h3.toggle a.inactive .title  { /* assigns plus/minus symbol */
	background-image:url(/media/134712/plus_sign.gif);
	background-repeat: no-repeat;
	background-position: left;
	color:#003832;
}

.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:#fff url(/media/134703/accordianheading_open.jpg) repeat-x bottom left;
	border-color: #eddabb;	
}

.accordianGroup .accordianBlock h3 a:hover .title, .accordianText h3 a:hover .title,
.accordianGroup h3 a.active .title, .accordianBlock h3.toggleOn a .title, .accordianBlock h3.toggle a.active .title, 
.accordianText h3.toggleOn a .title, .accordianText h3.toggle a.active .title  {
	background-image:url(/media/134711/minus_sign.gif);
}

.accordianGroup .accordianBlock ul, .accordianText {

}

.accordianGroup .accordianBlock ul {
	border-top-width:0;
	border-bottom-width:0;
}

.accordianGroup .accordianBlock ul li a:hover {
	background-color:#eee !important;
}

.accordianGroup .last h3 a {
	border-bottom-width:1px;
}

.accordianGroup .accordianBlock ul li {
	overflow:visible;
}

.accordianContainer h3.toggleOff a, .accordianContainerSub h3.toggleOff a, 
.accordianContainer h3.toggle a.inactive, .accordianContainerSub h3.toggle a.inactive { /* for old method of coding accordians - inactive state */
	background:#eeeeee url(/media/134712/plus_sign.gif) no-repeat left !important;
	border:solid 0px #d6d6d6;
}

.accordianContainer h3 a {
	padding: 6px 5px 2px 20px;
	color:#000000 !important;
}

.accordianContainer h3.toggleOn a, .accordianContainerSub h3.toggleOn a,
.accordianContainer h3.toggle a.active, .accordianContainerSub h3.toggle a.active  {
	background:#e0ecfa url(/media/134667/minus.gif) no-repeat left !important;
	border:solid 1px #eddabb;	
}

.blackText {
	color:#000000;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* RADMD Style Sheet - home page */
/* Revised October 29, 2009 */

div#header {
	height:373px;
	margin-left:0 !important;
	background:url(/media/134678/headerbkgrnd.gif) 0px 45px no-repeat;		
}

div#header div#mastHead {
	height:45px !important;
}

div#header div#mastHead ul#utilityNav {
	top: 12px !important; 
	width: 795px !important;
}

div#flash {
	height:250px;
	width:970px;
	background:url(/media/134661/flash.jpg) 8px 0 no-repeat;
	margin-top:82px;
	z-index:5;
}

div#tools {
	float:right;
	width:293px;
	height:250px;
	margin-right:10px;
}

div#tools h1 {
	font-size:0px;
	line-height:0px;
	color:#ffffff;
}

div.toolsContent {
	width:95%;
	margin:10px;
	padding-top:10px;
}

div#signIn {
	background:url(/media/134700/signinbkgrnd.png) top right no-repeat;
	width:293px;
	height:129px;
	margin:10px 0 8px 0;
}

div#signIn h1 {
	background:url(/media/134701/signinheading.gif) top left no-repeat;
	width:128px;
	height:28px;
}

div#authTrack {
	background:url(/media/134651/authtrackbkgrnd.png) top right no-repeat;
	width:293px;
	height:91px;
	clear:both;
}

div#authTrack h1 {
	background:url(/media/134714/authtrackheading.gif) top left no-repeat;
	width:167px;
	height:19px;
}

div#authTrack form .invisibleBtn {
	text-indent: -9999em; 
	color: #ffffff;
	height:20px;
}

div#authTrack .btn {
	margin-left:5px;
	margin-top:1px;
	position:absolute;
}

div#mainNav {
	margin-top:-333px;
	z-index:1000;
}

div#container {
	margin-top:0;
	padding-bottom:0;
}

div#content {
	width:750px;
	margin:-500px 0 0 8px !important;
	overflow:hidden;
	height:500px !important;
}

div#mainContent {
	max-height:190px;
	overflow:hidden;
	margin-left:8px;	
}

div#content h1 {
	text-transform:none;
	font-size:200%;
	margin-bottom:8px;
}

div#links {
	width:100%;
	height:273px;
	position:relative;
	float:left;
	margin:15px 5px 10px 0;
	line-height:normal;

}

div#news a, div#news a:visited {
	text-decoration:none;
}

div#links h2 {
	height:33px !important;
	width:100%;
	background:url(/media/134649/accordianh2.jpg) top left repeat-x;
	font:bold 125% Arial, Helvetica, sans-serif;
	text-transform:none;
	padding:10px 5px 0 10px;
	color: #002395;	
	margin:0 !important;
}

div.accordianGroup {
	width:233px;
	height:300px;
	border:1px solid #d6d6d6;
	float:left;
	margin-right:12px;
	overflow:hidden;
}

#newsList h3, #alertList h3 {
	margin-top:-10px !important;
}

#alerts {
	border-bottom:none !important;
}

#alertList ul {
	padding-top:5px;
	height:auto;
	padding-bottom:8px;
}

div#alertList ul li a {
	padding-bottom:2px;
	padding-top:2px;
}

div#apps.accordianGroup .accordianBlock ul, div#info.accordianGroup .accordianBlock ul {
	margin-top:-5px !important;
}

div#apps.accordianGroup .accordianBlock ul li a, div#info.accordianGroup .accordianBlock ul li a {
	padding:4px 10px 3px 24px;
	background:url(/media/134658/disc.gif) 10px 3px no-repeat;
}

div#apps.accordianGroup .accordianBlock #signreq {
	border-top:1px solid #d6d6d6;
	margin-top:5px;
}

div#apps.accordianGroup .accordianBlock #signreq p {
	padding-left:10px;
}

div#apps.accordianGroup .accordianBlock #signreq ul li {
	padding:3px 10px 0px 24px;
	margin:0 !important;
	background:url(/media/134658/disc.gif) 10px 3px no-repeat;
	display:block;
	width:auto;
	float:left;	
	height:auto;
}

#niaNews {
	padding:0 10px 5px 10px;
}

div#doctor {
	height:455px;
	width:266px;
	background:url(/media/134659/doctor2.gif) bottom right no-repeat;
	position:relative;
	z-index:100;
	float:right;
	margin:-25px 10px 0 0;
}

.secure {
	background:url(/media/134706/lock.gif) top right no-repeat;
	padding-right:20px;
}

p.signin {
	background:url(/media/134706/lock.gif) 3px 0px no-repeat;
	padding-left:20px;
	font-style:italic;
	font-size:90%;
	margin-top:0;
	top:-7px;
	height:20px;
	position:relative;
	clear:both;
	display:none;
}

p.logos {clear:both; margin-top:0; text-align:right;padding-right:0px; padding-top:10px;}

#logos {clear:both; margin-top:-120px; text-align:center;}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */