/* New Common HealthPartners Layout */

body {
background:#fff;
color:#333;
margin: 100px 0 20px;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 0.7em;
}

.clr { clear: both; }

img { border: 0; }

a { color: #2b5e2c; }
a:hover, .formCtrl input.reset:hover { color:#709e71; }

a img { text-decoration: none; }

h1, h2, h3, h4, h5, fieldset, legend { margin: 0; padding: 0; }

legend { display: none; white-space: normal;  }

h1, h2 { font-size: 1.25em; }

h3 { font-size: 1.1em; }

input { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 1.0em;
padding: 1px;
}

input.number {
text-align: right;
}

p { margin: 0 0 1em; }

dt { font-weight: bold; }

.speakTxt { /* Text for screen readers only */
background: none repeat scroll 0 50% !important;
display: inline !important;
border: none !important;
margin: 0 !important;
padding: 0 !important;
position:absolute;
top:-999em;
left: -999em;
}

.dbg {
font-family:"Courier New", Courier, monospace;
font-size: 9px;
color: #999;
}

div#bodyContents {
text-align: left;
width: 948px; /* Works for most situation but not Regions Home page */
width: 954px; /* 950 doesn't divide evenly for most IE6/7 rounding errors (not nested 50/50) */
margin: 0 auto;
}

.popup div#bodyContents { width: 475px; }

.portlet {
background: url(../images/frames/portalTopLeft.gif) 0 0 no-repeat;
margin: 0 8px 8px 0;
overflow: hidden;
}

.borderLess{ background: 0; }
.borderLess div.content { background: 0 !important; }
.primary { background-color: #e2f1e2; }
.secondary { background-color: #d6d4db; color: #160d2e }
.tertiary { background-color: #f9e3d0; color: #d45d01; }
.sidebar { background-color: #e4f0f0; color: #2B5E2C; }

.logo {
background: #e2f1e2 url(../images/bkgnd/logoBkgnd.gif) 100% 0 no-repeat;
margin: 0 5px 10px 0;
}

.logo .portlet {
margin: 0;
}

.portlet div.content {
margin: 0 0 0 10px;
padding: 11px 16px 0 5px;
overflow: hidden;
width: 100%; /* IE6 hidden kludge */
background: url(../images/frames/portalTopRight.gif) 100% 0 no-repeat;
}

.portlet > div.content { 
width: auto;  /* UNdo IE6 hidden kludge */
}

.portlet .bottom {
background: url(../images/frames/portalBottomLeft.gif) 0 0 no-repeat;
}

.portlet .corner {
margin: 0 0 0 10px;
font-size:1px;
height: 14px;
background: url(../images/frames/portalBottomRight.gif) 100% 100% no-repeat;
}

.col0, .col1, .col2, .col3 {
float: left;
}

.layout2-3367 .col0 { width: 34%; }
.layout2-3367 .col1 { width: 66%; }

.layout2-7525 .col0 { width: 74.8%; }
.layout2-7525 > .col0 { width: 75%; *width: 74.8%; }
.layout2-7525 .col1 { width: 25%; }

.layout2-2575 .col0 { width: 25%; }
.layout2-2575 .col1 { width: 74.8%; }
.layout2-2575 > .col1 { width: 75%; *width: 74.8%; }

.layout2-6634 .col0 { width: 66%; }
.layout2-6634 .col1 { width: 34%; }

.layout2-50 .col0, .layout2-50 .col1 {
width: 50%;
}

.layout3-33 .col0, .layout3-33 .col1, .layout3-33 .col2 {
width: 33.3%;
}

.layout4-25 .col0, .layout4-25 .col1,
.layout4-25 .col2, .layout4-25 .col3 {
width: 24.9%;
}

/* -------- Common Page Content Elements ----------- */

#pgTitle {
margin: 0 0 5px 14px;
}

#commonElements {
clear: both; /* IE correction */
color: #666;
font-size: 1.0em;
}

#commonElements p {
margin: 0;
}

.nav, .toolbar {
clear: both;
}

.toolbar {
border-top: solid 1px #999;
border-bottom: solid 1px #999;
overflow: hidden;
width: 100%;
background: url(../images/bkgnd/toolbar_bg.gif) 0 0 repeat-x;
}

.nav a, .toolbar a {
color: #666;
text-decoration: none;
display: block;
}

.nav h3, .nav h4, .toolbar h3, .toolbar h4, .tabs h3, .tabs h4 {
display: none;
font-size: 1.0em;
}

.nav ul, .blurbs ul, .toolbar ul {
list-style: none;
margin: 0;
padding: 0;
}

.nav ul li, .toolbar ul li {
float: left;
display: inline;
margin: 0 0 0 15px;
}

.toolbar ul li {
padding: 4px 0;
margin: 0 7px 0 0;
}

.toolbar a {
border: none;
border-left: solid 1px #2b5e2c;
padding: 0 5px 0 25px;
background: 5px 30% no-repeat;
}

.toolbar input {
font-size: 1em;
text-align: left;
}

.back a {
padding-left: 17px;
background-image: url(../images/buttons/toolbar_back.gif);
}

.send a { background-image: url(../images/buttons/toolbar_send.gif); }
.print a { background-image: url(../images/buttons/toolbar_print.gif); }
.new a { background-image: url(../images/buttons/toolbar_new.gif); }
.delete a { background-image: url(../images/buttons/toolbar_delete.gif); }

.toolbar .first a {
border-left: none;
}

input.go {
font-size: 1px !important;
color: #fff;
margin: 0;
padding: 1px 0 0;
width: 24px;
height: 23px;
text-align: right;
border: none;
background: url(../images/buttons/go-green.gif) no-repeat 0 0;
}

.blurbs ul {
overflow: hidden;
}

.blurbs ul li {
float: left;
width: 31.5%;
margin: 0 5px 0 0;
}

.blurbs ul > li {
width: 32.5%;
}

.blurbs ul.textOnly li {
width: 23%;
}

.blurbs ul.textOnly li h2, .blurbs ul.textOnly li p {
font-size: 1.0em;
margin: 0;
}

.blurbs ul li img {
float: left;
margin: 0 5px 0 0;
}

.blurbs ul li .relLinks {
float: right;
}

/* =============== Site-specific default / settings ================ */

body {
margin: 70px 0 10px;
}

#portalBrand {
position: absolute;
top: 10px;
xleft: 20px;
}

#portalBrand a, #portalBrand span {
font-size: 1px;
text-align: right;
color: #fff;
display: block;
margin: 0;
padding: 0;
}

#portalBrand a.hp {
width: 174px;
height: 48px;
background: url(../images/logos/healthPartners.gif) no-repeat 0 0;
}

#siteOptions, #languageSelect, #mainNav {
position: absolute;
top: 20px;
width: 942px;
}

.popup #siteOptions, .popup #languageSelect, .popup #mainNav {
width: 455px;
}

#languageSelect {
top: 48px;
}

#mainNav {
top: 52px;
font-size: 1.2em;
}

#mainNav ul li {
padding: 0 1px 0 0;
background: url(../images/frames/topNavUnselectedFull.gif) 100% 0 no-repeat;
}

#mainNav ul li.selected {
background-image: url(../images/frames/topNavSelectedFull.gif);
}

#mainNav ul li a {
text-decoration: none;
font-weight: bold;
color: #11425b;
display: block;
padding: 9px 14px 13px;
background: url(../images/frames/topNavCenterFrame.gif) 0 0 repeat-x;
}

#mainNav ul li.first a {
padding-left: 20px;
background: url(../images/frames/topNavLeftFrame.gif) 0 0 no-repeat;
}

#mainNav ul li.last {
padding: 0;
}

#mainNav ul li.last a {
padding-right: 25px;
background: url(../images/frames/topNavRightFrame.gif) 100% 0 no-repeat;
}

#subSites {
font-size: 1.16em;
position: relative;
float: right;
top: -1.3em;
}

div > #subSites {
top: -1.0em;
*top: -1.3em;  /* IE7-only Kludge using invalid CSS */
}

#siteDetails {
padding: 0 0 0 25%;
}

#copyright {
white-space: nowrap;
}

div > #copyright {
top: -2.7em;
*top: -3.6em; /* IE7 will read this */
}

#siteOptions ul, #languageSelect ul, #subSites ul, #mainNav ul {
float: right;
}

#siteOptions li, #siteDetails li {
margin: 0 0 0 25px;
}

#mainNav li {
margin: 0;
}

#languageSelect .selected {
font-weight: bold;
}

#subSites h3 {
display: inline;
float: left;
font-weight: normal;
margin: 0 0 0 620px;
}

#languageSelect ul li {
margin: 0 0 0 10px;
}

/* IE 6 kludges */
#siteOptions li.search {
position: relative;
top: -8px;
}

#siteOptions li.search input.go {
position: relative;
top: 4px;
}

/* UNdo IE 6 kludges */
#siteOptions ul > li.search, #siteOptions ul > li.search input.go {
position: static;
*position: relative; /* IE7 Kludge */
}

#siteOptions ul > li.search { *top: -5px; }  /* IE7 Kludge */

#siteOptions fieldset {
display: inline;
}

#siteOptions li input {
font-size: 1.0em;
}

#siteOptions li > a {
margin: 3px 0 0;
}

#subSites li a {
font-weight: bold;
}

.headlines ul {
list-style: none;
margin: 0;
padding: inherit;
}

.headlines ul li {
margin: 0 0 1em;
}

.relLinks ul {
list-style: none;
margin: 1em 0 0;
padding: 0;
}

.major {
margin: 2em 0 1em;
text-align: center;
}

/* Data Tables ======================================= */

table {
border-collapse: collapse;
font-size: 1.0em; /* IE6 bug */
empty-cells: show;
}

caption, th {
font-weight: bold;
text-align: left;
}

th, td {
vertical-align: top;
}

/* Form Settings ===================================== */

fieldset {
border: none;
margin: 0;
padding: 0;
}

.content form ul, .fieldInfo ul {
list-style: none;
margin: 1em 0;
padding: 0;
}

form ul li, .fieldInfo ul li {
clear: both;
overflow: hidden;
width: 100%;
padding: 0 0 1em;
}

form ul label, form ul span.label, div.subCtrl {
float: left;
text-align: right;
width: 200px;
margin: 2px 10px 0 0;
}

form ul li.radio label {
width: auto;
text-align: left;
margin: 2px 15px 2px 0;
}

fieldset ul li label.checkBox {
width: auto;
text-align: left;
float: none;
}

form ul input, form ul textarea, form ul select, form ul span.value {
margin: 0 3px 0 0;
}

.required { font-weight: bold; }

div.required {
text-align: right;
width: 30%;
}

form ul span.value {
margin: 2px 0 4px;
}

.formCtrl .subCtrl input {
border: 0;
padding: 0;
margin: 0;
color: #2b5e2c;
font-size: 0.9em;
text-decoration: underline;
background: none;
}

/* Firefox bug fix for overriding <legend> display to look/behave like <label> */
form fieldset fieldset legend {
display: block;
float: left;
margin: 0 0 1em;
}

form fieldset fieldset.inline legend {
display: inline;
margin: 0;
}

form fieldset fieldset ul li {
padding: 0 0 0.5em;
}

form fieldset.inline legend span {
width: 190px;
float: left;
text-align: right;
margin: 0;
}

form fieldset.inline legend > span {
width: 200px;
}

/* More manipulations to align elements into one line */
form fieldset.inline ul {
float: left;
clear: both;
margin: 0 0 0 107px;
position: relative;
top: -14px;
height: 3px;
}

form fieldset.inline > ul {
margin: 0 0 0 210px;
*margin: 0 0 0 215px;
*top: -16px;
}

form fieldset fieldset.inline ul li {
width: auto;
display: inline;
clear: none;
}

form fieldset fieldset.inline ul li label {
position: relative;
top: -2px;
}

form fieldset fieldset.inline ul li.radio label {
top: -1px;
}

form fieldset fieldset.inline ul li.radio input {
margin: 1px 0 0;
}

form fieldset fieldset label {
width: auto;
display: inline;
float: none;
margin: 0 5px 0 0;
}

/* === This makes working square tabs ====== */

.tabs {
margin: 2em 0 0;
}

.tabs ul {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
width: 100%;
position: relative;
top: 1px;
}

.tabs ul li {
float: left;
margin: 0 4px 0 0;
background: #e9f6ea url(../images/bkgnd/tab_rounded_topLeft.gif) 0 0 no-repeat;
}

.tabs ul li.sel {
background-image: url(../images/bkgnd/selTab_rounded_topLeft.gif);
}

.tabs li a {
padding: 5px 10px 4px;
font-weight: bold;
display: block;
background: url(../images/bkgnd/selTab_rounded_topRight.gif) 100% 0 no-repeat;
border-bottom: solid 1px #8e8e8e;
}

.tabs li.sel a {
padding: 5px 10px 5px;
text-decoration: none;
border-bottom: none;
}

.tabs div.panel {
border: solid 1px #8e8e8e;
xborder-top: none;
clear: both;
background: #e9f6ea;
overflow: hidden;
width: 100%;
}

.tabs > div.panel {
width: auto;
}

.tabs div.sel { display: block; }
.tabs div.notSel { display: none; }

.mailbox h2 {
margin: 40px 100px;
font-size: 1.1em;
}

.mailbox table {
width: 100%;
margin: 5px;
}

.mailbox caption { display: none; }

.mailbox .alt { background: #f9fffa; }

.mailbox th.read, .mailbox th.checkBox { width: 40px; }
.mailbox th.attachment { width: 10px; }
.mailbox thead tr th { border-bottom:1px solid #d6cebd; }

.mailbox th, .mailbox td { padding: 6px 0; }

.read th { font-weight: normal; }
.unread td { font-weight: bold; }

th a.read, td a.read, td a.unread, th a.attachment {
background: url(../images/buttons/closed-envelope.gif) 0 4px no-repeat;
display: block;
padding: 16px 0 0 0;
margin: 0 10px;
width: 14px;
font-size: 1px;
color: #e9f6ea;
}

td a.read { background-image: url(../images/buttons/open-envelope.gif); }
th a.attachment {
background-image: url(../images/buttons/attach.gif);
margin: 4px 2px 0;
}

div.msg {
border: solid 1px #666;
padding: 10px;
}

.hd dt, .hd dd {
display: inline;
margin: 0;
}

.hd dd {
margin: 0 5em 0 0;
}