/* CSS Document */

body {
	font: .7em/normal Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
/*  Why is this redefined here?  It messes up the general cascade of the headings.  -Redd 
h2 {
	font: bold 130%/normal Arial, Helvetica, sans-serif;
	color: #57584F;
}
*/

/* Form formatting */

form.frm1, form.frm2, form.frm3 {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #666;
}
.frm2 {
	min-width: 200px;
}
.frm3 {
	min-width: 300px;
}
.app_body2 .frm2, .app_body2 .frm3 {
	width: 100%;
	display:block;
	clear:left;
}
.app_body3 .frm3, .app_body3 .frm2 {
	margin-left: 25%;
	width: auto;
}
/*
.app_body2 .frm2, .app_body2 .frm3, .app_body2 .frm1 {
	clear:left;
}*/

/*  Default small  */

form small {
	display:block;
	color: #67625B;
	margin-bottom: 5px;
	font: normal 80%/normal Verdana, Arial, Helvetica, sans-serif;
}

/*  Default Labels  */

label {
	color: #666;
}
/*adds required symbol.  class is added to containing div*/
/* an asterisk can be used instead by overriding these styles in a site-specific css and assigning this background image: icon_required_asterisk.gif 
	Here is a sample for copying and pasting:
.frm_req {
	background:url(/webassets/images/library/icons/icon_required_asterisk.gif) no-repeat 35% 1px;
}
.fset_surround div.frm_req label  {
	background:url(/webassets/images/library/icons/icon_required_asterisk.gif) no-repeat left 1px;
}
*/
.frm_req {
	background:url(/webassets/images/library/icons/icon_required.gif) no-repeat 35% 1px;
	background-position: expression('35.5% 1px');
}
.frm_req .input_text, .frm_req .input_sel {
	background: #fff;
}
/* if this is a "sub" elelment, wrapped in a fieldset, then don't space label over, and adjust position of required graphic*/
.fset_surround div.frm_req {
	background: none;
}
.fset_surround div.frm_req label  {
	background:url(/webassets/images/library/icons/icon_required.gif) no-repeat left 1px;
	padding: 0 0 0 10px;
}


	
/*  Default Legend  */

legend {
	color: #333;
}

/*  Default Containers  */

.frm_req, .frm_opt, .frm_error {
	clear: left;
	display: block;
	margin-bottom: 5px;
}

/*  Default Fieldsets  */

fieldset.fset_1 {
	border: solid #D1E1FD;
	border-width: 1px 0 0;
}
fieldset.fset_1 legend {
	font: bold 130%/200% Arial, Helvetica, sans-serif;
	color: #6D809B;
	margin: 10px 0;
}
fieldset.fset_surround {
	border:1px solid #ccc;
	margin: 3px 0;
	width: 58%;
	padding: 0 5px 10px 5px;
}
fieldset.fset_noborder {
	border-width: 0;
	padding: 0;
	margin: 0;
/* 	width: 56%; */
/* 	width: expression('58%'); */
}
.fset_noborder .fset_surround {
	width: 100%;
	width: expression('98%');
}
.fset_surround legend {
	font: bold 100%/120% Arial, Helvetica, sans-serif !important;
}
.fset_surround label {
	display:block;
	margin: 0 0 5px 0;
}
/* SelectHealth */
form.sh-frm fieldset{
	border-color: #B3C698;
}
form.sh-frm legend{
	color: #4E7718;
	line-height: 100%;
}

/* Default Elements */

.input_sel {
	width: 60%;
}
.input_text {
	width:58%;
}
.input_textarea {
	width: 58%;
}
.input_text, .input_sel, .input_textarea {
	padding: 0;
	font: 100%/normal Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #a5acb2 !important;
}
.input_text {
	padding: 2px 0;
}

/*  Default Buttons  */

fieldset.buttons {
	border: none;
	padding: 15px 5px 5px 5px;
	text-align:right;
	background: url(/webassets/images/library/layout/bkg_fset_buttons.gif) repeat-x top;
	margin-top: 10px;
	clear:both;
}
.buttons button, .buttons input {/* IE bug forces use of input in some cases.  class def extended here by mredd, 7/30/06 */
	padding: 1px;
	font: normal 90%/normal Verdana, Arial, Helvetica, sans-serif;
	margin-left: 3px;
	color:#fff;
	background: url(/webassets/images/library/buttons/bkg_btn.gif) repeat-x;
	border:1px solid;
	border-color: #B5CEF2 #8fb0f0 #537CCB #B5CEF2;
}
button.btn_hv, .buttons input.btn_hv {/* IE bug forces use of input in some cases.  class def extended here by mredd, 7/30/06 */
	position: relative;
	top: 1px;
	left: 1px;
	border-color:#537CCB #B5CEF2 #B5CEF2 #8fb0f0;
	cursor: pointer;
}
.buttons div { /* formatting for footer style text, normally the "* denotes required fields" kind of stuff */
	float: left;
}
/* SelectHealth*/
form.sh-frm fieldset.buttons {
	background:transparent url(/webassets/images/library/layout/bkg_fset_buttons_sh.gif) repeat-x scroll center top;
}
form.sh-frm fieldset.buttons input {
	background:transparent url(/webassets/images/library/buttons/bkg_btn_sh.gif) repeat-x scroll 0 0;
	border:1px solid #485F24;
}

/*  1 column form formatting  */

.frm1 fieldset {
	border: 1px solid #ccc;
	padding: 5px;
}
form.frm1 .input_text {
	width: 98%;
} 
form.frm1 .input_sel, form.frm1 .input_textarea {
	width: 100%;
}
form.frm1 fieldset {
	margin-top: 10px;
}
form.frm1 label {
	display:block;
	padding: 3px 0;
}
form.frm1 legend {
	font: bold 100%/120% Arial, Helvetica, sans-serif;
}

/* 2 column formatting  */

.frm2 .frm_opt, .frm2 .frm_req, .frm2 .frm_error {
	width: 100%;
}
.frm2 fieldset.buttons {
	width: 100%;
}

/* 2 and 3 column formatting  */

form.frm2 fieldset label.label_1, form.frm3 fieldset label.label_1 {
	clear:left;
	float:left;
	width: 34%;
	margin-right: 2%;
	text-align: right;
	display:block;
	padding: 0 3px 0 0;
	padding: expression('0');
}

form.frm3 .frm_req, form.frm3 .frm_opt, .frm3 .frm_error {
	width: 70%; /* Was at 49% to fix the registration form */
	float: left;
}
form.frm2 fieldset.buttons {
	width: 97.5%;
	width: expression('98%');
}
/* Redd commented this out.  Is it necessary anywhere?  leaving it out fixed a few places in PHC, where buttons where not aligning to the right.
form.frm3 fieldset.buttons {
	width: 64.5%;
	width: expression('66%');
}*/

/* Additional Comments Box  */

.frm_attn {
	border: 1px solid #D9D5D0;
	background:#fff url(/webassets/images/library/layout/bkg_frm_attn.gif) no-repeat;
	margin: 5px 0;
}
.frm_attn ul li {
    list-style: disc inside none;
}
.frm3 .frm_attn {
	float:right;
	width: 25%; /* Changed back from 50%. Effects all form elements. Needs to be at 25% for the registration form */
	margin: 0;
}
.frm_attn h6 {
	font: bold 100%/normal Arial, Helvetica, sans-serif;
	padding: 3px 3px 3px 19px;
	margin: 0 0 3px 0;
	background:url(/webassets/images/library/layout/bkg_frm_attn_h6.gif) repeat-x bottom;
}
.frm_attn p {
	padding: 3px 3px 10px;
	margin: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
/* SelectHealth*/
form.sh-frm .frm_attn {
	background: none;
}


/* Specialized components */

/* Various Fieldsets */

.fset_noborder .input_text {
	width: 98%;
} 
.fset_noborder .input_sel, .fset_noborder  .input_textarea {
	width: 100%;
}

/* Error Message */

.frm_error {
	background:#FFFFE1 url(/webassets/images/library/layout/bkg_error.gif) repeat-x top;
	border: solid #AA272F;
	border-width: 1px;
	padding: 10px 0;
}
.frm_error p {
	clear:left;
	margin: 0;
	padding: 3px 10px 10px 30px;
	color: #AA272F;
	background: url(/webassets/images/library/icons/icon_error.gif) no-repeat 5px .2em;
}
.frm2 .frm_error {
	width: expressrion('99%');
}

/* Specially-sized elements */

#phone_area, #phone_prefix, #fax_area, #fax_prefix {
	width: 2.5em;
	padding: 0 3px;
}
#phone_suffix, #fax_suffix {
	width: 3.5em;
	padding: 0 3px;
}

/* Compressed display for radiobuttons and checkboxes */

label.label_checkRadio {
	display: block;
  padding: 4px 0 0 18px;
  text-indent: -18px;
	margin: 0 2px 0 0;
	line-height: 100%;
	font-weight: normal;
}
form.frm1 .label_checkRadio {
	margin: 0 2px 0 25px;
}
/*Hide from IE*/

form.frm1 fieldset >.label_checkRadio {
	margin-left: 16px;
}

.checkBox, .radioButton {
	display: inline;
  height: 14px;
  width: 14px;
  border-width: 0;
  padding: 0;
	margin: 0;
}

/* fix input and label widths for builder forms */
/* perhaps builder fixes should eventually be in their own css file?? */
select.epi-input {
  width: auto;
}
input.epi-input {
  width: auto;
}
.epi-formLabel label{
  width: 300px;
}
span.epi-input textarea {
	width: 250px;
}
/* Application container */
/* The app_wrap also can serve as a branding tool */
#app_wrap {
	padding: 0;
	margin: 0;
	background:url(/webassets/images/library/layout/bkg_app_wrap.gif) no-repeat bottom left;
}	

/* Form Header */

#app_hdr {
	background: #F2F7FD url(/webassets/images/library/layout/bkg_app_hdr.gif) repeat-x bottom;
	padding: 15px 10px 40px;
}
#app_hdr h2 {
	padding: 10px 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #AA272F;
}
#app_hdr p {
	margin: 0;
}

/*	Form Navigation Elements  */

#app_nav1 {
	clear:left;
	float:left;
	width: 100%;
	line-height: normal;
	background: url(/webassets/images/library/nav/bkg_app_nav.gif) repeat-x bottom;
}
#app_nav1 ul {
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
}
#app_nav1 li {
	float: left;
	background: url(/webassets/images/library/nav/tab_inactive.gif) no-repeat left top;
	margin: 0 1px 0 0;
	padding:0 0 0 9px;
}
#app_nav1 li a {
	display:block;
	background: url(/webassets/images/library/nav/tab_inactive.gif) no-repeat right top;
	padding: 5px 15px 4px 6px;
	text-decoration: none;
	color: #808080;
}
#app_nav1 #current, #app_nav1 .current {
	background: url(/webassets/images/library/nav/tab_active.gif) no-repeat left top;
}
#app_nav1 #current a, #app_nav1 .current a {
	background: url(/webassets/images/library/nav/tab_active.gif) no-repeat right top;
	padding: 5px 15px 5px 6px;
}

div.app_sub_nav_link {
	margin: 0 7px 0 0;
	padding: 0 0 0 15px;
	background: url(/webassets/images/library/bullets/bullet_nav1_nosub_active.gif) no-repeat left center;
}

/* application body */

#app_body { /*use this app_body if you are using tabs (app_nav1) */
	clear:left;
	border: solid #d2cec8;
	border-width: 0 1px 1px 1px;
	background: url(/webassets/images/library/layout/bkg_app_body.gif) repeat-x top;
	padding: 0 10px 40px;
}

#app_body2 { /*use this app_body if you are NOT using tabs (app_nav1) and are NOT using other body navigation*/
	clear:left;
	border: solid #d2cec8;
	border-width: 1px;
	padding: 0 10px 40px;
}

#app_body2 iframe, #app_body iframe {
	width: 100%;
	height: 600px;
	padding: 0;
	margin: 0;
	border: none;
	clear: both;
}

/* Self-clearing for nav and body */

#app_body:after, #app_body2:after, #app_nav1:after, #app_nav2:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
} 

#app_body, #app_body2, #app_nav1, #app_nav2 {
	display: block;
}

/* Hides from IE-mac \*/ 
* html #app_body, *html #app_body2, * html #app_nav1, * html #app_nav2 {height: 1%;} 
#app_body, #app_body2, #app_nav1, #app_nav2 {display: block;} 
/* End hide from IE-mac */ 


/* Application hnav */

#app_nav2 {
	clear: left;
	width: 100%;
}
#app_nav2 ul {
	margin:0;
	list-style: none;
	padding: 10px 0 10px 0;
}
#app_nav2 li {
	padding: 0;
	float:left;
}
#app_nav2 li a {
	padding: 0 10px 0 9px;
	text-decoration: none;
	color: #808080;
	background: url(/webassets/images/library/nav/bkg_app_nav.gif) repeat-y right;
}
#app_nav2 li .a_last {
	background: none;
}

/* Application Vertical Nav */

#app_nav3 {
	float:left;
	width: 22%;
	background: #f2f2f2;
	border: 1px solid #ccc;
	margin-right: 10px;
	margin-top: 10px;
}
#app_nav3 ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}
#app_nav3 ul li {
	padding: 6px 0 6px 12px;
	background: url(/webassets/images/library/nav/app_nav3_arrow.gif) no-repeat 4px .9em;
}
#app_nav3 ul li a {
	text-decoration: none;
	color: #6083B4;
}
#app_nav3 ul li a:hover {
	text-decoration: underline;
	color: #AA272F;
}
#app_nav3 div {
	background: #DBE7F9;
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
#app_nav3 #current, #app_nav3 .current {
	font-weight: bold;
}

/* Application Nav Hover States */

#app_nav1 li a:hover, #app_nav2 li a:hover {
	text-decoration: underline;
	color: #C8646A;
}

/* app_nav4 **********************************/
/*	app_nav4 appears on the right side of the app, and has drop-down capability to float over other content  */
/* see an example of app_nav4 on the Policy Repository site */

	#app_nav4 {
		background: #f1f1f1;
		width: 15em;
		float: right; 
		margin: 0 0 10px 10px; 
		position: relative; 
		left: 11px;
		top: -1px;
	}

	
	#app_nav4 div {
		background: #f1f1f1 url(/webassets/images/library/bullets/bullet_vnav1_def.gif) no-repeat 10px .7em;
		padding: 5px 5px 5px 28px;
		border: 1px solid #d2cec8;
		font-weight: bold;
	}
	
	#app_nav4 div.close {
		background: url(/webassets/images/library/bullets/bullet_nav1_active.gif) no-repeat 10px .7em;
	}
	
	#app_nav4 div a, #app_nav4 div a:active, #app_nav4 div a:visited,
	#app_nav4_slider a, #app_nav4_slider a:active, #app_nav4_slider a:visited	{
		color: #146D99;
		text-decoration: none;
	}
	
	#app_nav4 div a:hover {
		text-decoration: underline;
	}

	#app_nav4 ul {
		padding: 4px 0;
		margin: 0;
		width: 98%;
		border-bottom: 1px solid #d2cec8;
		border-left: 1px solid #d2cec8;
		border-right: 1px solid #d2cec8;
		background: #f1f1f1;
		position: absolute; 
		left: -999em;
		z-index: 999;		
	}
	
	#app_nav4 ul.static {
		position:static;
	}

	#app_nav4 ul li { 
		list-style:none;
		padding: 0 0 1px 0 !important;
		margin: 0;
	}

	#app_nav4 ul li a {
		display:block;
		padding: 6px 3px 6px 30px;
		margin: 0 0 0px 0;
		background: url(/webassets/images/library/bullets/bullet_nav2_def.gif) no-repeat 6px .4em;
	}


/* End app_nav4 **********************************/

/* Start app_nav5 **********************************/
/* app_nav5 is a derivative of app_nav4, configured to display horizontally.  specifically used for document options in Policy site*/
	/*ul#app_nav5 {
		background: #f1f1f1;
		width: 100%;
		float: left;
		clear: both;
		margin: 0 0 10px 0; 
		padding: 0 0 0 0;
		border: 1px solid #d2cec8;		
		list-style-type:none;
	}*/
	ul#app_nav5 {
		width: 100%;
		float: left;
		clear: both;
		margin: 10px 0 10px 0; 
		padding: 0 0 0 0;
		list-style-type:none;
	}
	ul#app_nav5 li {
		display: block;
		float: left;
		padding: 0;
	}
	/*ul#app_nav5 li {
		display: block;
		float: left;
		padding-right: 12px;
	}*/
	ul#app_nav5 li a {
			white-space: nowrap;
	}

/* Standard Icon usage in links and with <a> tags ******************************
  ***********************************************************************/
	
	ul.icon_list {
		list-style-type: none;
	}
	
	ul.icon_list  li#addOrRemove{
		display: block;
	}
	
	ul.icon_list  li#print{
		display: none;
	}
	
	ul.icon_list li a {
		display:block;
		padding: 6px 3px 6px 30px;
		margin: 0;
		background: url(/webassets/images/library/bullets/bullet_nav2_def.gif) no-repeat 6px .4em;
	}
	
	
	a.unavailable, a.unavailable:active, a.unavailable:visited, a.unavailable:hover  {
		color: #a2a2a2;
		text-decoration: none;
		cursor: default;
	}
	
	/* These styles add standard icons to the link.  Correct spacing should be provided elsehere.  With <ul>, use the above icon_list style to formatt all <li>s correctly, -Redd*/
	a.doc {
		background: url(/webassets/images/library/icons/icon_doc.gif) no-repeat 6px .4em !important;
	}
	
	a.add  {
		background: url(/webassets/images/library/icons/icon_add.gif) no-repeat 6px .4em !important;
	}
	
	a.print  {
		background: url(/webassets/images/library/icons/icon_print.gif) no-repeat 6px .4em !important;
	}
	
	a.info  {
		background: url(/webassets/images/library/icons/icon_doc_info.gif) no-repeat 6px .4em !important;
	}
	
	a.remove  {
		background: url(/webassets/images/library/icons/icon_minus.gif) no-repeat 6px .4em !important;
	}

	a.nav {
		background: #f1f1f1 url(/webassets/images/library/bullets/bullet_vnav1_def.gif) no-repeat 10px .7em !important;
	}

	a.nav_selected {
		background: #f1f1f1 url(/webassets/images/library/bullets/bullet_nav1_nosub_active.gif) no-repeat 10px .7em !important;
	}

/* End Standard Icons */
	
/* Tree List View styles
     Styles to format lists of items in a hierarchical tree format (similar to windows explorer)
	All styles will have prefix '*' 
	Examples of implementation will include te Reports site: 
		intermountain.net/portal/site/reports (at time of edit, still uses old table method 8-23-2006)
		intermountain.net/portal/site/policy or intermountain.net/portal/site/kro (not sure of final production url)
	*/

div.tlv_container {
	 height: 225px;
   overflow: auto;
}	

/*IE has a strange habit of hiding most of the tree if we don't double-wrap it.  
IE7 is fine, so this should be deprecated eventually*/
div.tlv_ie6_fix {
	height: 100%;
}

ul.tlv {
	padding: 0;
	margin: 3px 3px 3px 3px;
}

ul.tlv li {/*top level doc, no horizontal dotted line*/
	padding: 3px 2px 3px 25px;
	background: url(/webassets/images/library/icons/icon_doc.gif) no-repeat left .2em;
	list-style-type: none;
	cursor: pointer;
}

ul.tlv li ul li{/* all subordinat docs have horizontal line, adjusted spacing*/
	background: url(/webassets/images/library/icons/icon_doc_hline.gif) no-repeat left .2em;
	padding-left: 30px;
}

li.tlv_open li {
	font-weight: normal;
}

ul.tlv li.tlv_open {
	font-weight: bold;
}

ul.tlv li.tlv_open {/*top level folder, no horizontal dotted line*/
	padding-left: 25px;
	background: url(/webassets/images/library/icons/icon_folder_vline.gif) no-repeat left .2em;
}

ul.tlv li ul li.tlv_open {/* all subordinate open folders have horizontal dotted line, adjusted spacing*/
	padding-left: 30px;
	background: url(/webassets/images/library/icons/icon_folder_hline_vline.gif) no-repeat left .2em;
}

ul.tlv li.tlv_closed {/* top level closed floder, no h-line*/
	padding-left: 25px;
	background: url(/webassets/images/library/icons/icon_folder_closed.gif) no-repeat left .2em;
}

ul.tlv li ul li.tlv_closed {/* subordinate folder, include h-line and adjusted spacing */
	padding-left: 30px;
	background: url(/webassets/images/library/icons/icon_folder_closed_hline.gif) no-repeat left .2em;
}

ul.tlv li.tlv_selected {
	background-color: #DCE3F6;
	font-weight: bold;
}

ul.tlv li ul {
	padding: 0;
	margin: 3px 0;
	margin-left: -16px;
}

/* END Tree List View styles*/


/* Labeled information, similar to form but only for display 
	Need for this style arrose in formatting KB header documents.
	View example in intermountain.net Policy Repository, Document Details */
div.labeled_info_group { /* use to group labels and items.  Creates correct spacing before next heading*/
	padding:0 0 15px 0;
	margin:0;
}
div.labeled_info {
	display: block;
	float: left;
	clear: both;
	width: 98%;
	margin: 0 0 10px 0;
}
div.labeled_info span {
	display: block;
	float: left;	
	width: 13em;
	font-weight: bold; 
}
div.labeled_info div {
	margin: 0 0 0 13em;
	display:inline-block;
}
div.labeled_info div p{
	padding:0;
	margin:0;
}
div.labeled_info ul.listBasic {
	margin-left: 0px !important;
	padding-left: 0px !important;
}
/*force close of wrapper*/
div.labeled_info_group:after {
	content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
div.labeled_info_group {display: inline-table;}
/* Hides from IE-mac \*/
	* html div.labeled_info_group {height: 1%;}
	div.labeled_info_group {display: block;}
/* End hide from IE-mac */