/* http://members.kaiserpermanente.org/kpweb/css/common.css */

body {background-color:#ffffff; layer-background-color:#ffffff;}
body, td, div, textarea, th {font-family:Verdana; font-size:13px; color:#000000; line-height:17px;}
div {position:absolute; z-index:1;} 
input {font-size:13px;}
select {font-size:11px;}
th,TH {line-height: 17px; font-weight: bold; text-align:left}

/* Components */ 
#Brand {margin:0;padding:0;padding-top:2px;}
#Global {top:30px; left:367px;} /* old left:423px */
#Geo {top:57px; left:40px;}
#Content {top:105px; left:18px;} 
	#NavArea {top:0px; left:0px;} 
	#NavBottom {top:0px; left:10px;} /* new */
	/* Image areas inside Content div */
	#ImageBg1 {top:0px; left:159px; z-index:2;}
	#ImageBg2 {top: 0px; left: 0px;} /* These are used for template 6 */
	#ImageBg3 {top: 0px; left: 24px;} /* These are used for template 6 */
	/* These DIVs belong to the Body region */
	#BodyTopimage {top:0px; left:303px;}
	#BodyContentArea {top:154px; left:303px;}
	#BodyTrinavTop {top: 0px; left: 159px;}
	#BodyTrinavTopBack {top:9; left:166px; z-index:2;} 
	#BodyTrinav {top: 152px; left: 159px;}
	#BodyTrinavShort {top: 130px; left: 159px;} 
	#BodyTrinavNarrowShort {top:131px; left:303px}
	
	#BodyHeadline {top:66px; left:321px; z-index:2;} /* This is used to position the Body Title Headline graphic image */
	#BodyHeadline2 {top:65px; left:178px; z-index:2;}
	#BodyHeadline3 {top:66px; left:42px; z-index:2;} /* This is used for Help pages/Error template Body title graphic */
	#BodyHeadline4 {top:40px; left:321px; z-index:2;} /* Places Header for Sign On pgs for cfe144 */
	#BodySubhead {top:93px; left:321px; z-index:2;} /* This is used to position the Body Title Subhead graphic image */
	#BodySubhead2 {top:95px; left:178px; z-index:2;} /* This is used to position the Search results subhead which uses template 8 */
	#BodySubhead3 {top:95px; left:373px; z-index:2;}
	#BodySubhead4 {top:93px; left:42px; z-index:2;} /* This is used for Help pages/Error template Body title graphic */
	#BodySubhead5 {top:66px; left:330px; z-index:2;} /* Places Sub Head for Sign On pgs for cfe144 */
	#BodySubhead5a {top:66px; left:321px; z-index:2;} /* Variation of BodySubhead5 */
	#BodySubhead6 {top: 97px; left: 323px; z-index: 2;} /* This is for the keyword in search results for cfe 026, 027 */
	#BodySubhead7 {top: 97px; left: 178px; z-index: 2;} /* This is for the keyword in search results for cfe 030 */
	#BodySubhead8 {top:94px; left:321px;}
	
	#BodyTopContent {top:153; left:303;}
	#BodyMidCurve {top:260px; left:323px; z-index:2;} /* This is used to position the dynamically generated member name on the modified trinav version of template 4 */
	#BodyMidCurveHelp {top:150px; left:44px; z-index:2;} /* This is used to position the dynamically generated member name on template 8 */
	
	#BodyTopLink {top: 7px; left: 165px; z-index:2;} /* Used in 097 for help pages back link */
	#BodyTopLinkError {top: 7px; left: 31px; z-index: 2;}  /* This is for the back link at the top of error templates */
	
	#BodyTopimage2 {top: 0px; left: 159px;} /* These can be used for templates 4 and 5 */
	#BodyTopimageBack {top:7px; left:169px; z-index:2;} /* Div for Back button on top left hand corner of Body area; used on navLeftWideTemplate.jsp */
	#BodyTopimageBack2 {top:7px; left:319px; z-index:2;} /* Div for Back button on top left hand corner of Body area; used on navLeftTemplate.jsp */
	#BodyTopimageBack3 {top:7px; left:41px; z-index:2;} /* Div for Back button on top left hand corner of Body area; used on errorTemplate.jsp */
	#BodyTopimageBack4 {top:5px; left:310px; z-index:2;} /* Div for Back button on top left hand corner of Body area; used on trinavForBetaImgLftTmplt.jsp */
	#BodyContentArea2 {top: 153px; left: 159px;} /* These can be used for templates 4 and 5 */

	#BodyContentArea3 {top: 0px; left: 0px;} /* These can be used for templates 7 */
	#BodyContentArea4 {top: 154px; left: 303px;} /* These can be used for templates 2 and 6 */
	#BodyContentArea5 {top: 164px; left: 159px;} /* These can be used for pages with a top button area */

#PipeLong {top:333px; left:23px;} /* There is no DIV for pipeshort.jsp because it is generally include in a TABLE */ /* {top:280px; left:23px;} */
.PipeLink:link { color:#666666; font-size:10px; text-decoration:underline; line-height:16px;}
.PipeLink:visited {color:#852020; font-size:10px; text-decoration:underline; line-height:16px;}
#EndMessage {top:320px; left:23px;}

/* Setting html Header elements; used both cases */
h1,h2,h3,H1,H2,H3 {font-weight:bold;}
h1, H1 {font-size:15px; line-height:18px;}
h2, H2 {font-size:14px; line-height:17px;}
h3, H3 {font-size:13px; line-height:17px; color:#666666;}
h4, H4 {font-size:13px; line-height:17px; color:#939393;}
.pseudoH1 {font-size:15px; font-weight:bold;} /* Used to simulate an H1, h1 tag but without the padding eg: jsp/feature/096updateemail/updateemailaddress.jsp */
.pseudoH2 {font-size:14px; font-weight:bold;} /* Used to simulate an H2, h2 tag but without the padding eg: jsp/feature/055caaps/reviewapptdetail.jsp */
.pseudoH3 {font-size:13px; color:#666666; font-weight:bold} /* Used to simulate an H3, h3 tag but without the padding */

/* Dynamic headline and subhead html text headline styles */
.dyngenheadline {font-family: Arial; font-size:24px; color: #ffffff; text-decoration:none; line-height:29px}  /* This is for main titles that are text */
.dyngensubsubheadline {font-family: Verdana; font-size:12px; color: #000000; text-decoration:none; font-weight:bold}  /* This is for black sub sub heads that are text  */
.dyngensmallheadline {font-family: Arial; font-size:20px; color: #ffffff; text-decoration:none; line-height:24px} /* This is for main titles that are text that are too long to use dyngenheadline */
.dyngensubheadline {font-family: Arial; font-size:18px; color: #ffffff; text-decoration:none; line-height:22px}  /* This is for main sub heads that are text */
.dyngensubheadline2 {font-family: Arial; font-size:16px; color: #ffffff; text-decoration:none; font-weight:bold;}  /* Used in cfe 008 / results2.jsp */
.dyngennavsubheadline {font-family: Arial; font-size:11px; color: #ffffff; text-decoration:none;} /* this is used in cfe27 for the text nav subhead for content pages */
.BodyHeaderWhite {font-weight:bold; color:#ffffff; text-decoration:underline;}
.BodyWhite {color: #FFFFFF}

/* Error message (from Message Manager) styles */
.errorMsg {font-size:13px; font-family:Verdana; font-weight:bold; line-height:17px; color:#b70e1e;}/*old color #ee5019; changed 05/16/03 colinc@criticalmass.com*/
.errorMsgBlue {font-size:13px; font-family:Verdana; font-weight:bold; line-height:17px; color:#b70e1e;}/*old color #852020; changed 05/16/03 colinc@criticalmass.com*/
.AsthmaResultsHeader {color:#FFFFFF;}  /* Used in cfe138 for header color */
.footerText {font-family: Verdana; font-size: 11px; line-height:14px;}

/* Print page popup styles */
#popupBrand{top:6px; left:6px;}
#popupContentArea{top:47px; left:6px;}
#popuContentText{top:96px; left:45px; width:300px; font-family:Arial; font-size:24px; color:#ffffff; z-index:2;}
#popuContentTextSub{top:123px; left:45px; width:300px; font-family: Verdana; font-size:12px; color: #000000; text-decoration:none; font-weight:bold; z-index:2;}
.popupTitle{font-family:Arial; font-size:27px; color:#ffffff;}

/* form element styles */
.formtext {font-family:Verdana; font-size:13px; color:#000000; line-height:15px}
.formsize1 {width:30px;} /* These are input text box sizes as per form requirements; can be added to */
.formsize2 {width:40px;}
.formsize3 {width:65px;} /* use size=5 for netscape 4 */
.formsize3a {width:100px;} /* use size=9 for netscape 4 */
.formsize4 {width:140px;}
.formsize4b {width:200px}
.formsize4c {width:250px;} /* used for cfe97 netscape size is 20 */
.formsize5 {width:275px;} /* used for textarea box (finalizeordermail.jsp) */
.formsize5a {width:292px;} /* used for cfe26 netscape size is 30 */
.formsize5b {width:280px;} /* used for cfe26 netscape size is  28*/
.formsize5c {width:300px;} /* used for cfe54, address line on personalinfomailbody.jsp netscape size is 32 */
.formsize6 {width:325px;}
.formsize6a {width:348px;}
.formsize7 {width:367px;} /* example is in cfe30 netscape size is 39 */
.formsize8 {width:490px;} /* example is in cfe30 netscape size is 53 */
.colorformsize1 {color:#a9a9a9; width:30px;} /* This makes the text entered into a field grey */
.colorformsize2 {color:#a9a9a9; width:40px;} /* This makes the text entered into a field grey */

/* Segment Nav specific classes -- DO NOT EDIT */ 
div {width:5px; height:5px;}
.whitecopy {color:#ffffff;}
.greytext {color:#9b9b9b; font-size:9.5px; text-decoration:underline;}
a:focus {outline:none;}
a {text-decoration:none;}
.menubutton {height:18px; visibility:hidden; z-index:98;}
.menu {top:83px; left:147px; width:160px; height:139px; visibility:hidden; layer-background-color:#FFFFFF; border:1px solid #999999; z-index:100;}
.menuitem {text-indent:10px; left:0px; top:0px; height:19px; line-height:17px; width:121px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000;}
.menuitemlink {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; top:0px; color:#000000; text-decoration:none;}

/*for publishing CFE's from samples.css*/
.tableBody {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.bodyText {}

/* for publishing CFE's for beta only. DO NOT USE FOR ANY NEW WORK. 
These are redundant and will be removed for the 1.0 release. */
.body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px}
.bodyBold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; font-weight: bold}
.bodyHead {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 17px; font-weight: bold}
.bodySubSubHead {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #666666; font-weight: bold}
.subHead {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; font-weight: bold}
.bodyIndent {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; clip:   rect(   ); padding-left: 65px; width: 400px}
.footer {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9.5px; line-height: 13px;}
.tableBodyBold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; font-weight: bold}

/*testing Teamsite content auto-deployment. PLEASE DO NOT DELETE THIS LINE. */

/* RELATED LINK LIST ITEMS */
	
#contentnavul{
list-style-type: none;
margin: 10px 0 0px 0px;
}

	#contentnavul li {
	padding-bottom: 8px;
	margin: 0px 0 0px 0px;
	}

	#contentnavul li a {
	display: block;
	padding-left: 18px;
	color: #039;
	font-size: 1.0em;
	height: 17px; 
	text-decoration: none;
	background: url(../images/common/subpage_bullet_list_off.gif) top  left no-repeat;
	}
	
	#contentnavul li a:hover {
	background: url(../images/common/subpage_bullet_list_on.gif) top left no-repeat;
	}
	
	#contentnavul img {
	padding-right: 5px;
	}