/*
Kaiser Permanente Center for Health Research
Weight Loss Maintenance
Lisa Massinger - KPCHR

color:#484848; - general text
color:#3b7e5e; - basic headings and links - Dk Green
*/


/* Basic browser reset  */
body, div, h1, h2, h3, h4, h5, h6, p, dl, dd, dt, blockquote, button, fieldset, legend, textarea, label, input, form, img {
    margin: 0; padding: 0; border: 0;
}

body {color:#484848; font: 80%/150% Verdana, Arial, Helvetica, sans-serif; text-align:left; height:100%;} 

h1, h2, h3, h4, h5, h6, p {margin: .5em 0 1em 0;}

h1{font-size: 140%; color:#3b7e5e; font-weight: 600;}
h2{font-size: 120%; color:#3b7e5e;}
h3{font-size: 120%; color:#3b7e5e; font-weight: 600;}
h4{font-size: 110%;}
h5{font-size: 100%; font-weight: 600;}
h6{font-size: 100%; color:#708af5; }
.noMargin { Margin: 0.5em 0 0 0;}
.smMargin { Margin: 0.5em 0 0.2em 0;}
.h1{font-size: 140%; color:#3b7e5e; font-weight: 600;}

a:link,
a:visited,
a:hover,
a:active {color:#27266b; text-decoration:underline;}

a:hover,
a:active {text-decoration:none;}


/* For quicklinks and navigation. For lists of links add the class "links" to the ul - this will remove the bullets.    */
ul.links, ul.links ul, ul.links ul ul, #mainContent ul.links li{ list-style-type: none;}


/* .._/(  Site Structure  )\_.. */
				
body {background:#ffffff;}

#wrapper{
	padding:0 0 0 0;
	text-align:left;
	height:100%;
}
.landing #wrapper{
	height:100%;
}
.interior #wrapper {
	width:802px;
	height:100%;
}
.login #wrapper{
	width: 426px;
	text-align:left;
	margin-top: 40px;
}

#header{
	background:#000000;
	text-align:right;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	height: 135px;
	width: 1169px;
	background: url("/wlmpublic/public/images/banMain.jpg") no-repeat top; 
	background-position: left top; 
}
#headerHome{
	background:#000000;
	text-align:right;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	height: 220px; /*278px*/
	width: 1169px;
	background: url("/wlmpublic/public/images/banHome2.jpg") no-repeat top; 
	background-position: left top; 
}
#left-nav{
	clear:both;
	float:left;
	width:220px;
	min-height:800px;
	height:100%;
	line-height:100%;
	margin-top:10px;
}
#content{
	background-color:White;
	height:100%;
	width:570px; /* (700) had to modify this so content fit in wrapper + menu */
	padding-top:20px;
	margin-left:220px; /* (not there) added this to move content pass menu */
}
.login #content{
	background-color:White;
	height:100%;
}
#home #primary { 
	float:left;
	width:430px;
	background:#ffffff;
	padding:0 0 12px 10px;
}
#bodyHome ul li 
{	list-style-type:disc;
}
#bodyHome ul li ul li 
{	list-style-type: circle;
}
#interior #primary {
	padding:0 0 12px 10px;
	width:580px;
	background:#ffffff;
}
#index #primary {
	padding:0 0 12px 10px;
	width:284px;
	float:left;
	background:#ffffff;
}
#index #secondary {
	display:inline;
	width:284px;
	float:right;
	background:#ffffff;
	padding:100px 0 0 0;
}
#secondary {
	float:left;
	background:#ffffff;
	padding:12px 1px 0 2px;
}
#section1 {
	width:284px;
	background:#ffffff;
	 }
#news 
{	height:400px;
	background:transparent url(../Images/bgSecondary.gif) 0 0 no-repeat;
}

#footer{
	background:#d9d3a4 url(../Images/bg_footer.jpg) left bottom no-repeat;
	clear:left;
	height:40px;
	margin:0 -21px;
}
.login #footer2{
	margin-left: 240px;
}
	

/* .._/(  Navigation  )\_.. */

#left-nav a{
	list-style:none;
	font-size:110%;
	margin-left:0;
	padding:8px 0 0 10px;
	display:block;
}

#left-nav a,
#left-nav a:visited {
	color:#3b7e5e;
	text-decoration:none;
}
#left-nav a:hover{
	text-decoration:underline;
}

.plus 
{	font-size: 8px;
	line-height: 8px;
	}
	
#utility-nav 
{	padding-top:0;
	margin-top:0;
	margin-right:50px;
}
#utility-nav ul {
	list-style:none;
}
#utility-nav li {
	background:transparent url(../Images/bgUtilityNav2.gif) 0 1px no-repeat;
	display:inline;
	padding-left:15px;
}
	#utility-nav li.first {
		background:none;
	}
#utility-nav a,
#utility-nav a:visited {
	color:#3b7e5e;
	font-size:90%;
	text-decoration:none;
}
#utility-nav a:hover {
	text-decoration:underline;
}

/* .._/(  Type, Links and Lists  )\_.. */

.announcements
{	font-size:84%;
	line-height:140%;
	padding-left:5px;
}
.landing #announcements{
	margin:0 0 0 1px;
	_margin-left:0;
	width:275px;
	_width:276px;
}
.landing #events{
	width:277px;
	margin-left:12px;
}
#address
{	color:#27266b;
	font-size:90%;
}
.copyright
{	background:#d9d3a4;
	color:#76787b;
	font-weight:600;
	font-size:90%;
}

/* .._/(  Tables  )\_.. */
.sectionHead 
{	background:transparent url(../Images/bgSection.gif) 0 0 no-repeat;
	height:21px;
	color:White;
	padding: 0 0 0 4px;
	font-weight:600;
	vertical-align:middle;
	

}


/* .._/(  Systems - login pages  )\_.. */


/* .._/(  Forms  )\_.. */

#datalist{
	border-bottom:1px solid #d2d3d2;
}
input, textarea {border: 1px solid #242323;
}

.dgHds  {
	font-family: Verdana, Arial, Sans-Serif;
	color: White;
	font-size: 80%;
	font-weight: 600;
	background-color:#504c46;  /*gray*/
}
.dgTxt  {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 90%;
	color: black;
}
.tdTop 
{	border-top: solid 1px #3b7e5e;
}
/* .._/(  Randoms/dev utility styles  )\_.. */

.hide {display: none;}
.left {float: left; margin: 10px 5px 10px 0;}
* html .left {margin-right: 0;}
.right {float: right;}
.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}
.error, .red {color: red;}

.small {width: 25%;}
.medium {width: 48%;}
.large {width: 90%;}

.hrColor {color: #27266b; width:1px; text-align:left; width:560px;}
.hrEmail {color: #026a61; width:1px; text-align:left; width:600px;}
.hrEmail2 {color: #026A61; width:2px; text-align:left; width:600px;}

/* .._/(  Old version of CSS  )\_.. */

/*Basic text*/

.hd0 {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 1.2em;
	color: #026A61; /*md blue*/
	font-weight: 600
}
.hd1 {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 1.1em;
	color: #026A61; /*md blue*/
	font-weight: 600
}
.sbHd1 {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.7em;
	color: black; 
	font-weight: 600;
}
.sbHd2 {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.8em;
	color: black; 
	font-weight: 600
}
.sbHd2C1 {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.8em;
	color: #026A61; /*md blue*/ 
	font-weight: 600
}
.txt1,  .tdLbl7 {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: x-small;
	color: black; 
	text-decoration: none;
}
.txt2  {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.8em;
	color: black; 
	text-decoration: none;
	font-weight: 500;
}
.txt1C1 {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.7em;
	color:#9bcfa8; /*md blue*/
	text-decoration: none;
}
.list1, .tdLbl {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.7em;
	color: black; 
	font-weight: 500;
}
.list1C1 {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.7em;
	color: #9bcfa8; /*md blue*/
	font-weight: 500;
}
.projTitle {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 1.2em;
	color: white; 
	font-weight: 600;
	visibility: visible; 
}
.astk1 {
	font-size:0.6em;
	font-family: Verdana, Arial, Sans-Serif;
	color:red; 
	text-decoration: none;
}
.astk2 {
	font-size:0.7em;
	font-family: Verdana, Arial, Sans-Serif;
	color:red; 
	text-decoration: none;
	vertical-align: baseline;
}

/*Basic Links - Body*/
A {
	COLOR: #9bcfa8; /*md blue*/
	FONT-FAMILY: Verdana, Arial, Sans-Serif }
A:hover {
	COLOR: #026A61; } /*gray*/
.btnLink1 {
	font-size:0.7em;
	color:black; /*black*/
	font-weight:600;
	text-decoration: none;
}
.btnLink1:hover {
	color:#a8bc28; /*dk grn*/
}
.btnLink2 {
	font-size:0.8em;
	color:#9bcfa8; /*md blue*/
	font-weight:600;
	text-decoration: none;
}
.btnLink2:hover {
	color:#026A61; /*gray*/
}
.btnLink1C1 {
	font-size:0.7em;
	color:#026A61; /*md blue*/
	font-weight:600;
	text-decoration: none;
}
.btnLink1C1:hover {
	color:#9bcfa8; /*gray*/
}
.btnLink2C1 {
	font-size:0.8em;
	color:#9bcfa8; /*md blue*/
	font-weight:600;
	text-decoration: underline;
}
.btnLink2C1:hover {
	color:#9bcfa8; /*gray*/
}
.btnLinkProjList {
	font-family: Verdana;
	font-size:0.8em;
	color:#9bcfa8; /*md blue*/
	font-weight:600;
	text-decoration: none;
}

/*Banners - Pos & imags*/
.frame  
{	border: none;
	margin-left: 0px;
	margin-top: 0px;
	height: 100%;
}
.frame2  
{	border:  none;
	margin-top: 0px;
}
#tdMenuMainTop
{	padding-top: 0px;
	padding-right:130px;
	text-align: right;
}
#tbBnMain {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	height: 86px;
	width: 900px;
	background: url("/wlmpublic/public/images/greenClouds.gif") no-repeat top; 
	background-position: left top; 
}
.bnnavLink1Main {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size:0.7em;
	color:#026A61; 
	font-weight:600;
	text-decoration: none;
}
.bnnavLink1Main:hover {
	color:#E0F5E8; /*lt blue*/
}
.bnLine  
{	font-size: xx-small;
	color: #afaffe; /*lt blue*/
	font-weight: 500;
}

/*Menu left*/
#mnuLeft 
{	position: absolute; 
	left: 0px;
	top: 72px;
}
#mnuLftTop {
	padding-left: 10px;
	padding-top: 10px;
	width: 141px;
	background-color: #9bcfa8;  /*darkgreen*/
	/*background-position: right top;*/
/*	background: #9bcfa8 url("/wlmpublic/public/images/greenclouds.gif") no-repeat top; */
}
.mnuLftnavLink {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size:10pt;
	color:#026A61;  /*dark green*/
	font-weight:600;
	text-decoration: none;	
}
.mnuLftnavLink:hover {
	color:#E0F5E8; /*gray*/
}
.plus 
{	font-size: 6px;
	line-height: 6px;
	}
	
/*Menu right*/
#mnuRgtTop {
	margin-left: 0px;
	margin-top: 10px;
	width: 140px;
	background-position: left top;
}
.tdMnuRgt	{
	padding-left: 60px;
	padding-top: 8px;
}
.mnuRgtnavLink {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size:10pt;
	line-height: 20pt;
	color:#4253a6; /*dk purp*/
	font-weight:600;
	text-decoration: none;
}
.mnuRgtnavLink:hover {
	color:#026A61; /*gray*/
}
/*Body, Panels & Data grids*/
.bdyMain  
{	margin-left: 160px;
	padding-top:10px;
	WIDTH: 600px; 
}
.bdyPrjMain  
{	margin-LEFT: 130px; 
	padding-top: 20px;
	WIDTH: 600px; 
}
.tdtx {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.7em;
	color: black; 
	padding: 0 4 10 0;
}
.tdtxR {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.7em;
	color: black; 
	padding: 0 0 10 0;
}
.tdhdLink {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.8em;
	color: #000893;   /*blue*/
	text-decoration: none;
}
.tdhdLink:hover {
	color:#026A61; /*gray*/
}
#pnlDocs; #pnlForms  {
	border:solid 1 #ffcc00;  /*yellow*/
	width:400px;
	height:220px;
}
#pnlMyInfo, #pnlProj  
{	border-bottom:solid 1 #ffcc00;  /*yellow*/
	border-top:solid 1 #ffcc00;  /*yellow*/
	padding-top: 6px;
}
.dgHds  {
	font-family: Verdana, Arial, Sans-Serif;
	color: white;
	font-size: 0.7em;
	background-color:#026A61;  /*md blue*/
}
.dgTxt  {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.7em;
	color: black; 
}
.dgTxtPost  {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.6em;
	color: #f2a203; /*dk gold*/ 
}
.dgTxtLink1  {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.7em;
	color: #9bcfa8; /*md blue*/
}
.dgTxtLink1:hover  {
	color:#5c57e9;  /*md blue*/
}
.dgTxtLink1C2  {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.7em;
	color: #000893; /*blue hover*/
}
.dgTxtLink1C2:hover  {
	color:#024437; /*dk green*/
}

/*tabs - projects*/
.tabSelect 
{	background: white url("../images/tabSelect.gif") no-repeat top left;
}
.Select 
{	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.8em;
	color: white;
	text-decoration: none; 
	padding-left:16px;
}
.Select:hover
{	color:#c9d1fc;  /*lt purp*/
}
.tabOther  
{	background: white url("../images/tabOther.gif") no-repeat top left;
}
.Other  
{	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.8em;
	color: #4253a6;  /*dk purp*/
	text-decoration: none; 
	padding-left:16px;
}
.Other:hover
{	color:white;
}

/*footer*/
.copy0 {
	font-family: Arial, Verdana, Sans-Serif; 
	font-size: 0.6em;
	color: #4253a6; /*dk purp*/
	font-weight: 600;
	text-decoration: none;
	margin-left: 20px;
}
.copy0:hover {
	color: #9bcfa8; /*gray*/
}
.copy1 {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 0.7em;
	color: #4253a6; /*dk purp*/
	font-weight: 600;
	text-decoration: none;
	margin-left: 160px;
}
.copy1:hover {
	color: #026A61; /*gray*/
}

.copy
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.7em;
	color: #026A61; /*dk blue*/
	font-weight: 500;
}
.copy:hover
{
	color: #8A9CED; /*med blue*/
}

/*Image btns, boxes & lines*/
.hrMain 
{	color: #ffcc00;  /*yellow*/
}
.hrColor 
{	color: #ffcc00;  /*yellow*/
}
.btnRgt
{	margin-LEFT: 400px; 
	margin-top: -24px;
}
#btnEnterMyInfo  {
	margin-right: 36px;
}
	
/*positioning*/
.rightAlign {
	border-width: 0px;
	border-style: solid;
	margin: 0px 0px 0px 0px;
	display: block;
	float: right;
	padding: 0px 0px 0px 0px;
	text-align: right;
	}
.leftAlign {
	border-width: 0px;
	border-style: solid;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
	display: block;
	float: left;
	} 
.leftAlign2 {
	border-width: 0px;
	border-style: solid;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	display: block;
	float: left;				
	} 
.rightAlign500 {
	MARGIN-LEFT: 500px
}	
#btnEnterMyInfo  {
	margin-right: 36px;
}

.tbSmall 
{
	width: 64px
}
.tbWide
{
	width:293px
}
/*Menu myMenu*/
#myMenuComm
{	margin-left: 0px;
	margin-top: 0px;
	height: 20px;
	width: 142px;
	background-position: left top;	
}
#myMenuMeet
{	margin-left: 0px;
	margin-top: 0px;
	height: 20px;
	width: 142px;
	background-position: left top;	
}
#myMenuProp
{	margin-left: 0px;
	margin-top: 0px;
	height: 20px;
	width: 142px;
	background-position: left top;	
}
#myMenuDocs
{	margin-left: 0px;
	margin-top: 0px;
	height: 20px;
	width: 142px;
	background-position: left top;	
}
.myMenuCon
{	padding-left: 4px;
	padding-top: 4px;
	border-left: solid 2 #272aa4;
	border-right: solid 2 #272aa4;
	/*border-left: solid 0 #8a1a1b;
	border-right: solid 0 #8a1a1b;*/
}
.myMenuConB
{	padding-left: 4px;
	padding-top: 4px;
	border-bottom: solid 2 #8a1a1b;
	border-left: solid 2 #8a1a1b;
	border-right: solid 2 #8a1a1b;
}
.mmTxt {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.7em;
	color: #272aa4;
	/*color: black;*/
	text-decoration: none; 
}
.mmTxt2 {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.7em;
	color: black; 
}
/*system pages*/

#login 
{	background:transparent url(/wlmpublic/public/images/greenclouds.gif) top no-repeat;
	border:solid 1px #003366;
	width:400px;
	margin:40px 0 0 30%;
	height:450px;
}

#chgPass, #loginContact, #resetPass, #secQError, #secQError2, #userError 
{	background:transparent url(/wlmpublic/public/images/greenclouds.gif) top no-repeat;
	border:solid 1px #003366;
	width:400px;
	margin:40px 0 0 30%;

}
#firstLogin, #forgotPass 
{	background:transparent url(/wlmpublic/public/images/greenclouds.gif) top no-repeat;
	border:solid 1px #003366;
	width:450px;
	margin:40px 0 0 30%;
}
.1stCell { width:20px; }

/* added for pagecontent index page */

.tbBoard
{	border: solid 1 #999999; 
	border-collapse:collapse; 
	font-family:Verdana, Arial, Sans-Serif; font-size: 10pt
}