/* some key styles can be viewed in the sample sheet at http://moraless:81/common/styles/root/samples.html */

/* x-small=12px 
Key content styles have been made relative so users can make them larger in their browsers. :(
*/

body { font-size : x-small;}

P, ul, ol  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : 100%;
	line-height : 120%;
}

a    		{color:#AF2021; text-decoration:none}
a:visited 	{color:#AF2021; text-decoration:none}
a:active  	{color:#AF2021; text-decoration:none}
a:hover   	{color:#AF2021; text-decoration:underline}


/* START leftnav */


/* h1 is the same as .title */
h1 {  
	font-size : medium;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	color : #333399;
	text-decoration : none;
	line-height : 120%;
}

h1 a    	{color:#333399; text-decoration:none}
h1 a:visited 	{color:#333399; text-decoration:none}
h1 a:active  	{color:#333399; text-decoration:none}
h1 a:hover   	{color:#333399; text-decoration:underline}

/* h2 is the same as .heading */
h2  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : small;
}


/* heading is the same as h2 */
.heading  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : small;
}



h2 a    	{color:#333399; text-decoration:none}
h2 a:visited 	{color:#333399; text-decoration:none}
h2 a:active  	{color:#333399; text-decoration:none}
h2 a:hover   	{color:#333399; text-decoration:underline}

/* h3 is the same as .subheading */
h3  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : x-small;
}

/* .subheading is the same as h3 */
.subheading  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : x-small;
	margin-top : 2px;
	margin-bottom : 2px;
}



/* h4 is a para heading with no space below */
h4	{
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : x-small;
	margin : 0px;
}

.paraheading	{
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : x-small;
	margin : 0px;
}

.firstpara	{margin-top : 0px;}

/* START footer */
.footer  {
	color : #000099;
	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	font-size: 90%;
	text-decoration : none;
	line-height : 110%;
	margin-top : 1px;
}
.footer a:link 		{color : #000099;}
.footer a:Visited  	{color : #000099;}
.footer a:Hover  	{color : #000099; text-decoration : underline;}
/* END footer */

td  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : x-small;
}


/* grey for general use */
.grey { background-color: #E6E0E0}

/* for Group tables - background colours (alternate) */
.bupa1 { background-color: #0099FF; color: #ffffff; font-weight: bold;}
.bupa2 { background-color: #BADDFF}
.bupa3 { background-color: #E0EFFD}
.bupa4 { background-color: #99CCFF}
.bupa5 { background-color: #0099FF; color:#FFFFFF; font-weight : normal; font-size: x-small;}


/* for membership tables - background colours (alternate) */
.membership1 { background-color: #009999; color: #ffffff; font-weight: bold;}
.membership2 { background-color: #C3ECEC; }
.membership3 { background-color: #E5F5F5; }

/* as above - but with padding */
.membership4 { background-color: #C3ECEC; padding: 10px; }
.membership5 { background-color: #E5F5F5; padding: 10px; }

/* as above - but with padding */
.membership6 { background-color: #C3ECEC; padding: 6px; }
.membership7 { background-color: #E5F5F5; padding: 6px; }

.consultantleftnavpadding  {background-color: #FFFFFF; padding: 6px; color : #000099; font-family : Arial, Helvetica, sans serif; font-weight : normal; text-decoration : none;}
.consultantleftnavpadding a:link 		{background-color: #FFFFFF; color : #000099;}
.consultantleftnavpadding a:Visited  	{background-color: #FFFFFF; color : #000099;}
.consultantleftnavpadding a:Hover  		{background-color: #FFFFFF; color : #000099; text-decoration : underline;}


.consultantleftnavpadding2  {background-color: #C3ECEC; padding: 6px; color : #000099; font-family : Arial, Helvetica, sans serif; font-weight : normal; text-decoration : none;}
.consultantleftnavpadding2 a:link 		{background-color: #C3ECEC; color : #000099;}
.consultantleftnavpadding2 a:Visited  	{background-color: #C3ECEC; color : #000099;}
.consultantleftnavpadding2 a:Hover  	{background-color: #C3ECEC; color : #000099; text-decoration : underline;}


.consultantsmall     		{color:#000099; font-size :  80%; text-decoration:none;}
.consultantsmall a:link    	{color:#000099; text-decoration:none;}
.consultantsmall a:visited 	{color:#000099; text-decoration:none}
.consultantsmall a:active  	{color:#000099; text-decoration:none}
.consultantsmall a:hover   	{color:#000099; text-decoration:underline}


.consultantsmallgreen a    	{color:#009999; font-size :  80%; text-decoration:none;}
.consultantsmallgreen a:visited 	{color:#009999; font-size :  80%; text-decoration:none}
.consultantsmallgreen a:active  	{color:#009999; font-size :  80%; text-decoration:none}
.consultantsmallgreen a:hover   	{color:#009999; font-size :  80%; text-decoration:underline}


.consultantgreen a    	{color:#009999; font-size :  x-small; text-decoration:none;}
.consultantgreen a:visited 	{color:#009999; font-size :  x-small; text-decoration:none}
.consultantgreen a:active  	{color:#009999; font-size :  x-small; text-decoration:none}
.consultantgreen a:hover   	{color:#009999; font-size :  x-small; text-decoration:underline}


.consultantconnecthome {background:#ffffff url(images/img_homepage.jpg) no-repeat; background-position:top right;}
.consultantonlinethome {background:#ffffff url(images/img_homepage_main.jpg) no-repeat; background-position:top right;}

.headingwhiteconsultant  {
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : small;
	background:#CC99CC;
}




.crumbtrail  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : 80%;
}

.crumbtrail a    		{color:#AF2021; text-decoration:none}
.crumbtrail a:visited 	{color:#AF2021; text-decoration:none}
.crumbtrail a:active  	{color:#AF2021; text-decoration:none}
.crumbtrail a:hover   	{color:#AF2021; text-decoration:underline}

.note  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : x-small;
}




/* created for accessibility purposes on Comm Conns */
.footeraccessible  {
	color : #000099;
	font-family : Arial, Helvetica, sans serif;
	font-size : xx-small;
}

.footeraccessible  a:link {
	color : #000099;
	font-family : Arial, Helvetica, sans serif;
	font-size : xx-small;
	text-decoration : none;
}

.footeraccessible  a:Visited  {
	color : #000099;
	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	font-size : xx-small;
	text-decoration : none;
}

.footeraccessible  a:Hover  {
	color : #0099ff;
	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	font-size : xx-small;
	text-decoration : none;
}

.subnav  {
	color : #000099;
	font-family : Arial, Helvetica, sans serif;
	font-size : 90%;
}

.subnav a:link {
	color : #000099;
	font-family : Arial, Helvetica, sans serif;
	text-decoration : none;
}

.subnav a:Visited  {
	color : #000099;
	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	text-decoration : none;
}

.subnav a:Hover  {
	color : #000099;
	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	text-decoration : underline;
}

.
/* form buttons */

.formbutton {  font-size: x-small; color: #000080; background-color: #ffffff; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border-color: #99CCFF #99CCFF #99CCFF #99CCFF}
.resetbutton {  font-size: x-small; color: #000080; background-color: #ffffff; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border-color: #99CCFF #99CCFF #99CCFF #99CCFF}

/*input fields*/
.input {font-size: x-small; color: #000000; background-color: #E5F5F5; border-color: #ffffff; }

/*blue key line that goes across as a divider*/ 
hr	{ color: #0099ff; height:1}
hr.ukm { color: #C3ECEC; height:1}


/* these are added for personalisation demo. mills 05/09/02 */
.myhealthtitle  {
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans serif;
	font-size : x-small;
	line-height : 120%;
	font-weight : normal;
	margin: 0;
}

.titlewhite {  
	font-size : medium;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	color : #ffffff;
	text-decoration : none;
}

/* end personalisation demo */

/* next style puts a soft grey keyline around images but there must be border="1" in the image tag */
.image {border-color: #cccccc;}

/* bgcolor for acrobat reader box */
.acrobat { background-color: #EBEBEB}

/* bgcolor for health outcomes box */
.outcomes { background-color: #F0F0DF}

/* bgcolor for related subjects box */
.relatedsubs { background-color: #F7E4CF}



/* Added for Change Control(help) left nav*/
.whiteleftnav  {
	color : #ffffff;
	font-family : Arial, Helvetica, sans serif;
	font-size: x-small;
}

.whiteleftnav a:link {
	color : #ffffff;
	font-family : Arial, Helvetica, sans serif;
	font-size: x-small;
	text-decoration : none;
}

.whiteleftnav a:Visited  {
	color : #ffffff;
	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	font-size: x-small;
	text-decoration : none;
}

.whiteleftnav a:Hover  {
	color : #ffffff;
	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	font-size: x-small;
	text-decoration : underline;
}



/* Intercom */
.whitefooter {
	color : #ffffff;
	font-family : Arial, Helvetica, sans serif;
	font-size: x-small;
}

.whitefooter a:link {
	color : #ffffff;
	font-family : Arial, Helvetica, sans serif;
	font-size: x-small;
	text-decoration : none;
}

.whitefooter a:Visited  {
	color : #ffffff;
	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	font-size: x-small;
	text-decoration : none;
}

.whitefooter a:Hover  {
	color : #cccccc;
	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	font-size: x-small;
	text-decoration : none;
}
.group1  {
	background-color: #99cc99;
}
.group2  {
	background-color: #d2f0d2;
}



.intercomnav  {
	color : #000066;
	font-family : Arial, Helvetica, sans serif;
	text-decoration : none;
}

.intercomnav a:link {
	color : #000066;
	font-family : Arial, Helvetica, sans serif;
	text-decoration : none;
}

.intercomnav a:Visited  {
	color : #000066;
	font-family : Arial, Helvetica, sans serif;
	text-decoration : none;
}

.intercomnav a:Hover  {
	color : #005A97;
	font-family : Arial, Helvetica, sans serif;
	text-decoration : none;
}

.interhomepagetitle {
	font-size : small;
	margin-bottom: 0px;
}

.intercomlightpink {background-color: #FAEDEF}
.intercomdarkpink {background-color: #EFC4CA}

/* 
	Added by Jason 08/10/03
	For pop up benefit tables
*/

.benefitstr1 { background-color: #DEEFFF}
.benefitstr2 { background-color: #CCFFFF}

.benefitstitle  { color : #000080; font-family : Arial, Helvetica, sans serif; font-weight : bold; font-size : 12px;}

/* Added by Jason 24/03/04 For pop up PMI tables  */

.pmitablecolor { background-color: #009999}

/* end Added by Jason 24/03/04 For pop up PMI tables  */


/* add for UKM's affinity page -Lincolnshire County Council */

.ukmaffinity { 
	color : #009999; 
	font-weight : bold;
}
.footnotes { font-size : 80%; 
	line-height : 140%;}

/* end added for UKM's affinity page -Lincolnshire County Council */

/* new since redesigned template March 2004 */



.healthinfotable { background-color: #E0EFFD;}
.highlightedge { background-color: #FBB017;}
.highlightbody { background-color: #FEEFD1;}

.white { background-color: #FFFFFF}


.crumbtrailnew  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : 80%;
	margin-top : 5px;
}

.crumbtrailnew a    		{color:#AF2021; text-decoration:none}
.crumbtrailnew a:visited 	{color:#AF2021; text-decoration:none}
.crumbtrailnew a:active  	{color:#AF2021; text-decoration:none}
.crumbtrailnew a:hover   	{color:#AF2021; text-decoration:underline}



/*BUPA blue font colour*/
.bupablue { color : #0099FF;}


.line_consultants { background-color: #CECEFF;}


/* page break for printing */
.pagebreak	{ page-break-after: always}


.submit {
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #009999;
	border-style: solid;
	border-left-color : #70CECE ;
	border-right-color : #006666 ;
	border-top-color : #70CECE ;
	border-bottom-color : #006666;
	border-width : 1px;
	padding: 2px;
}


th  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : 80%;
	line-height : 120%;
}

.red
	{color:red;}
	
.horizontal { background: url(/common/images/brand/bld_dot_lines_green_horiz.gif) ; }
.vertical { background: url(/common/images/brand/bld_dotted_lines_green_vert.gif) ; }


.logout {
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #996699;
	border-style: solid;
	border-left-color : #BA98BA;
	border-right-color : #936293;
	border-top-color : #BA98BA;
	border-bottom-color : #936293;
	border-width : 1px;
	padding: 1px;
}

.loggedin { 	
	font-size: 70%; 
}	

#conslogin	{
	border: 1px solid #9CD6D7;
}

#conslogin ul	{
	margin-left: 18px;
	line-height: 150%;
}

/* Homepage table */

.tablestyling {
	width: 100%;
	border: 1px solid #9CD6D7;
	border-collapse: collapse;

}
table.tablestyling td {
	border: 1px solid #9CD6D7;
	border-collapse: collapse;
	vertical-align: top;
}
