/***********************************************/
/* Styles for UMP Web site: Global Styles      */
/***********************************************/ 

/********** Basic page styles ***********/
body {color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; 
	line-height: 1.166;	margin: 0px; padding: 0px; }
p {line-height: 130%; margin: 0px 0px 3px 0px; padding: 0 0 6px 0; text-align:left;}

/*********** Links ***********/
a:link {color:#2D526D;}
a:visited {color:#551A8B;}
a:hover {color:#993333;} 
a:active {color:#2D526D;}

/********* Heading styles *********/
h1 {font-size: 140%; font-weight:bold; letter-spacing: .1em; margin: 3px 0 12px 0; 
	padding: 0; text-align: left; text-transform:none;}
h2 {font-size: 120%; margin: 10px 0 3px 0; padding: 0; text-align: left; }
h2 a,
h2 a:link,
h2 a:visited,
h2 a:hover {color: #2D526D;}
h3 {font-size: 110%; font-weight: bold; margin: 8px 0 3px 0; padding: 0; text-align:left;}
h4 {font-size: 100%; font-weight: bold; margin: 8px 0 3px 0; padding: 0; text-align: left;}
h5 {font-size: 100%; font-style:italic; font-weight: bold; margin: 8px 0 3px 0; padding: 0; text-align: left;}

/********* Basic list styles *********/
ul {list-style-type: square;}
ul ul {list-style-type: disc;}
ul ul ul {list-style-type: none;}
#contentwide li{text-align: left; line-height: 130%; padding-bottom:5px;}
#contentwide ul,
#contentwide ol {margin-top: 4px; margin-bottom: 4px;}

/*************** Layout Div: entirepage****************/
#entirepage {background-color:#fff; margin-top:0; margin-left:auto; margin-right:auto; width:762px;}
#contentwide {background-color:#fff; float:left; margin:0; padding: 10px 8px 1em 14px; width:563px;} 

/****** Contentwindow ********/
#contentwindow {border-left: solid 5px #F00; border-right: solid 5px #F00; float:left; width:752px;}
body#umpcdhp #contentwindow {border-color:#A2CA7D;}
body#umpclassic #contentwindow {border-color:#81AECF;}
body#umphome #contentwindow {border-color:#F7D7BE;}

/************ navtop (navigation at very top of all pages) *********/
#navtop {background: #F7D7BE url(../images/buttons/bbotl.gif) bottom left no-repeat;
	float: left; font-size: 80%; margin: 0 0 14px 0; padding:0; text-align: right; width: 761px;}
#navtop ul {background: transparent url(../images/buttons/bbotr.gif) bottom right no-repeat;
float:left; font-weight:bold; list-style-type:none; margin:0; padding:4px 10px 3px; width:741px;}
#navtop li {display:inline; float:left; line-height:1.1; margin:0;padding:0 4px; text-align:center;}
#navtop #logo {padding-right: 10px;}

/*************** navtop - search form *************/
#navtop li#infoctr {border-right:none; text-align:center;}
form#forminfosearch {display:inline; margin:0; padding: 0; width:150px;}
form#forminfosearch #enterquestion {font-weight: normal; font-size:110%; 
	margin: 10px 0 8px 5px; padding:0; width: 140px;}
form#forminfosearch #subbtn {background-color:#cccccc; border: #7f7f7f 1px solid;
  border-top-color:#e0e0e0; border-left-color:#e0e0e0; color:#000000;font-size:110%;
  margin-left:0; width:5em;}

/*********** Navigation Tabs navglobal **************/
#navglobal {background-color:#fff; clear: both; color:#000; float:left; margin:0; padding:0; width:762px;}
#navglobal .navtabs {float: left; width:100%; z-index:2}
#navglobal .navtabs ul {display:inline; margin:0; padding:0; float:left; text-align:center;}
#navglobal .navtabs li {background-image:url(/images/buttons/tablcorner.gif); background-position: top left; background-repeat:no-repeat; display:block; float:left; line-height:1.1; list-style-type:none; margin:2px 15px -1px 0; padding:0; text-align:center; z-index:1;}

#navglobal .navtabs a {background-image:url(/images/buttons/tabrcorner.gif); background-position: top right; background-repeat:no-repeat; display:block; font-size: 110%; font-weight:bold; padding:6px 20px; position:relative; text-align:center; text-decoration:none;}
#navglobal a:link, 
#navglobal a:visited,
#navglobal a:active {color:#202020;}
#navglobal a:hover {color:#777;}

#navglobal .navsub {clear: left; float: left; margin:0; padding:0 5px; width:752px;}
#navglobal .navsub ul {border-bottom: solid 8px red; float: left; margin:0; padding:0; width:752px;}
#navglobal .navsub ul li {display:inline; float:left; list-style-type:none; margin: 0 0 0 4px;padding: 6px 0 0 0; text-align: center;}
#navglobal .navsub ul li a {display:inline-block; font-size: 100%; font-weight:bold; margin: 0; padding:2px 11px 6px 11px; text-decoration:none;}

/*** set colors for 3 main tab buttons, and submenu line ***/
#navglobal .navtabs #btn_home {background-color:#F7D7BE; border-bottom-color:#F7D7BE;}
#navglobal #subhome {background-color:#F7D7BE;}
#navglobal .navtabs #btn_umpclassic {background-color:#81AECF; border-bottom-color:#81AECF;}
#navglobal #subclassic {background-color:#81AECF;}
#navglobal .navtabs #btn_umpcdhp {background-color:#A2CA7D; border-bottom-color:#A2CA7D;}
#navglobal #subcdhp {background-color:#A2CA7D;}

/**** Hide all submenus (div.navsub), then reveal appropriate one (and set color) on each body page by id (umphome, umpclassic, and umpcdhp). *****/
#navglobal div.navsub {display:none;}
/* 'Home' pages */
body#umphome #navglobal #subhome {display:inline;}
body#umphome div.navsub {height: 5px;}
body#umphome #contentwide {width:729px;} 
body#umphome #navsecondary {background-color:#F7D7BE;}
/* Classic pages */
body#umpclassic #navglobal #subclassic {display:inline;}
body#umpclassic div.navsub ul {border-bottom-color:#CDDFEC;}
body#umpclassic #navsecondary {background-color:#CDDFEC;}
/* CDHP pages */
body#umpcdhp #navglobal #subcdhp {display:inline;}
body#umpcdhp div.navsub ul {border-bottom-color:#CEFFB9;}
body#umpcdhp #navsecondary {background-color:#CEFFB9;}

/*********** navsecondary (side navigation) styles ***********/
#navsecondary {clear:left; float:left; margin:0; padding:0; text-align:left; width:165px;}
#navsecondary h3 {color: #000; margin:5px 0 0 0; padding: 4px 6px 4px 8px; }
#navsecondary ul {list-style: none; margin: 0; margin-bottom:8px; padding: 0;}
#navsecondary li {font-size: 105%; line-height: 1.1; margin:0; padding:0;}
/* Setting the width of the anchor explicitly on the next line keeps the item from having extra vertical spacing in IE6 (due to lists and 'haslayout' property when anchors are display:block) */
#navsecondary a {display:block; padding: 3px 6px 5px 14px; text-decoration: none; width:150px;}
#navsecondary a,
#navsecondary a:link,
#navsecondary a:visited {color: #000; margin: 0px; }
#navsecondary a:hover {color: #000; text-decoration: underline; }

/** Set highlight color for current selection on subnav **/

/************* Footer styles ***************/
#footer {background-color: white; border-top:1px #ccc solid; clear: both; float:left; font-size:85%; 
	margin-top:10px; width: 762px;}
#footer p {line-height:1.2; margin: 0px; padding: 0 0 8px 0;}
.footerleft {margin-bottom:8px; margin-top:5px; text-align: left;}
.footerright {float: right; margin:5px 5px 8px 5px; text-align: center;}
.copyright {background-color: #fff; color: #888; font-style:italic; text-align: left;}
/******** textSizer is the text-resize control ***************/
#footer #textsizer a {font-family: "Courier New", Courier, monospace; text-decoration:none;}
#footer #textsizer #sizedefault {font-size: 12px;}
#footer #textsizer #sizelarge {font-size: 16px;}
#footer #textsizer #sizelargest {font-size: 20px;}

/*********** Shadedbox - shaded boxes for comments, now rarely used *********/
.shadedbox {background-color: #ddd; font-style: italic; padding: 0.8em 0.8em; width:95%;}

/*********** Alertbox - calls attention to important items ***********/
div.quicklinkbox {background-color: #F4F4AF; clear:right; display: inline; float: right;
	margin: 0 -8px 10px 10px; padding: 12px; width: 190px;}
  div.quicklinkbox p {margin: 0; line-height: 1.25;}
  div.quicklinkbox ul {margin: 0; list-style-type:none; padding:0;}
  div.quicklinkbox li {margin: 0; padding:0; padding-bottom:4px;}
  div.quicklinkbox h2, 
	div.quicklinkbox h3 {margin-top: 0; margin-bottom: 0; font-size:100%;}
div.alertbox_wide {display: block; background-color: #F4F4AF; padding: 10px; margin: 10px;}
  div.alertbox_wide ul {margin-top: 0; margin-bottom: 0;}
	div.alertbox_wide p {margin: 0; line-height: 1.25;}
div.tipbox {border-top: solid 1px #777; border-bottom: solid 1px #777; display: block; margin: 20px; padding: 10px;}

/********** Misc styles for layout issues, graphics ************/
.floatleft {float:left; clear: both;}
img.floatleft {margin: 4px 4px 4px 0;}
.floatright {float:right; clear: both;}
img.floatright {margin: 4px 0 4px 4px;}
.indent {margin-left: 25px;}
.clear {clear: both;}
.warning {color: #ff0000;} /* Warning text, here shown in red */
.disclaimer {font-size: 85%; font-style: italic; margin-bottom:0.5em;} /* Disclaimer text (AMA notices, etc.) */
.new {color:#3c7f3a; font-style:italic; font-weight:bold;} /* NEW label */

/****** Span style for inline help marker on items that link to Info Center *****/
span.inline_help {background:url(/images/icons/q_mark_inline.gif) right center no-repeat; 
	padding-right:16px;padding-left:0}
div#navsecondary span.inline_help {background:url(/images/icons/q_mark_inline.gif) right bottom no-repeat; padding-right:16px;padding-left:0}

/************ Tables *************/
/* Default styles for all tables */
table {border-collapse: collapse; margin: 5px 0 15px 0;}
tr {vertical-align: top;}
th {background-color: #004d7b; color: white; font-weight: bold; padding: 4px; text-align: center; 
	vertical-align: middle;}
th a, 
th a:link, 
th a:visited {text-decoration: underline; color: white;}
th a:hover {text-decoration: none; color: white;}
tr.head {background-color: #004d7b; text-align: center; color: white; font-weight: bold;}
tr.head a, 
tr.head a:link, 
tr.head a:visited {text-decoration: underline; color: white;}
tr.head a:hover {text-decoration: none; color: white;}
tr.color {background-color: #eeeecc;}
td {vertical-align: top;}
td.right {text-align: right;}
td.empty {background-color:#666666;}
/* Make sure that links in blue heading cells are white */
#entirepage #contentwide table thead tr.head th a {color:white;}

/* A general outlined, headered table class */
table.tbloutline {border-top: solid 1px #666; border-left: solid 1px #666;}
table.tbloutline th {background-color: #666; color: white;}
table.tbloutline td, 
table.tbloutline th {border-bottom: solid 1px #666; border-right: solid 1px #666;
  line-height: 1.3; padding: 5px; text-align: left; vertical-align: top;}
table.tbloutline thead {font-weight: bold;}
table.tbloutline caption {font-size: 110%; font-weight: bold; padding: 3px; text-align: left;}
#content table.tbloutline td li {font-size: 100%}

/* A general non-outlined, headered table class */
table.tblnonoutline {}
table.tblnonoutline th {background-color: white; color: black;}
table.tblnonoutline td, 
table.tblnonoutline th {line-height: 1.3; padding: 8px; text-align: left; vertical-align: top;}
table.tblnonoutline thead {font-weight: bold;}
table.tblnonoutline caption {font-weight: bold; padding: 3px;}
table.tblnonoutline td li {font-size: 100%}

/* Hanging text for footnote below a table and matching following 
   paragraph (use with asterisks or with superscript numbers) */
p.hangfoot {text-indent: -1em; margin-left: 1em;}
p.hangmatch {margin-left: 1em;}

/********* Formatting for Health Counts **********/
/* Tell us your story page */
form#storyform textarea#story {width: 95%; height: 100px;}
form#storyform h2 {margin-top: 0; padding-top: 0;}
form#storyform {margin-top: 0.3em;}
/* Sample scorecard tables */
table#samplescorecard tr.subhead {background-color:#CCFFCC; font-weight: bold;}
table#samplescorecard tr.subhead h2 {color: black; font-size:120%; margin-top: 0;}
table#samplescorecard tr.subhead p {margin-bottom: 0;}

/******** Formatting for special OE banner on pages with 2011 changes ******/
div.boxoechanges {background-color: #FFCC99; background-image:url(../images/buttons/ump2011badge.gif); background-position: 8px center; background-repeat:no-repeat; display: block; margin: 10px 0; padding: 10px 10px 10px 95px; }
  div.boxoechanges ul {margin-top: 0; margin-bottom: 0;}
	div.boxoechanges p {margin: 0; line-height: 1.2;}
	div.boxoechanges h2 {color:#600; font-size:120% ;margin: 0;}