/* 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;
	font-family : Arial, Helvetica, sans serif;}

P, ul, ol, td  {
	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}

/* 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;
}

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;
}

/* 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;
}

.title {  
	font-size : medium;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : normal;
	color : #333399;
	text-decoration : none;
	line-height : 120%;
}

.title a    	{color:#333399; text-decoration:none}
.title a:visited 	{color:#333399; text-decoration:none}
.title a:active  	{color:#333399; text-decoration:none}
.title a:hover   	{color:#333399; text-decoration:underline}

/* a para heading with no space below */
.paraheading	{
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : x-small;
	margin : 0px;
}

/* created for UKM newsletter - a white section heading with no space below */
.sectionheading	{
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : x-small;
	margin : 0px;
	padding : 0px;
}

.sectionheading a:link 		{color : #ffffff;}
.sectionheading a:Visited  	{color : #ffffff;}
.sectionheading a:Hover  	{color : #ffffff; text-decoration : underline;}

/* to use with h4 - no space above */
.firstpara	{margin-top : 0px;}

/* remove space around para */
.nospacepara  {margin : 0px;}

/* START header tabs */	
.tab  {
	color : #ffffff;
	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	text-decoration : none;
	line-height : 110%;
	margin-top : 1px;
	background-color: #ED1B68;
	text-align: center;
}
.tab a:link 	{color : #ffffff;}
.tab a:Visited  {color : #ffffff;}
.tab a:Hover  	{color : #ffffff; text-decoration : underline;}

.tabselected  {
	color : #ffffff;
	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	text-decoration : none;
	line-height : 110%;
	margin-top : 1px;
	background-color: #0099ff;
	text-align: center;
}
.tabselected a:link 	{color : #ffffff;}
.tabselected a:Visited  {color : #ffffff;}
.tabselected a:Hover  	{color : #ffffff; text-decoration : underline;}	
/* END header tabs */

.focus {background-color: FFF7E5; padding : 4px}

.servicesbg 		{background-color: F2F2F2;}
.servicesheadbg 	{background-color: E6E6E6;}

.healthheadbg 	{background-color: FFE370;}

/* START footer */
.footer  {
	color : #000099;
	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	text-decoration : none;
	line-height : 110%;
	margin-top : 1px;
}
.footer a:link 		{color : #000099;}
.footer a:Visited  	{color : #000099;}
.footer a:Hover  	{color : #0099ff; text-decoration : none;}
/* END footer */

.pullout	{
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : x-small;
	font-weight : normal;
	text-align : center;
	margin : 0px;
}

th {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : x-small;
	font-weight : bold;
	text-align : left;
}

.bodytext  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : x-small;
	line-height : 120%;
	font-weight: normal;
}

/* these next 2 are fixed size text to go in panels such as on health info homepage */
.paneltext {	
	font-size : 12px;
}
.paneltextlist {	
	font-size : 12px;
	line-height : 120%;
}

.searchsmall  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : 10px;
	line-height : 120%;
}

td  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : x-small;
}

.error { color: #ff3333 }


/* hightlight class can be used when error or comments in tables are returned as used in the online poll in health news */
.highlight {color: #ffffff; font-weight: bold; background-color: #F65B5B; }

/* 
	START colours for table backgrounds
	first colour is business unit colour	eg bupa1
	second is a lighter tint				eg bupa2
	third is an even lighter tint			eg bupa3
*/

/* 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}

/* for childcare tables - background colours (alternate) */
.childcare1 { background-color: #FF0066; color: #ffffff; font-weight: bold;}
.childcare2 { background-color: #F6C0DB}
.childcare3 { background-color: #FFDCEE}

/* END colours */


.heading  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : small;
}

.heading a    	{color:#333399; text-decoration:none}
.heading a:visited 	{color:#333399; text-decoration:none}
.heading a:active  	{color:#333399; text-decoration:none}
.heading a:hover   	{color:#333399; text-decoration:underline}

.headingwhite  {
	color : #FFFFFF;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : small;
}

.headingwhite a    			{color:#FFFFFF; text-decoration:none}
.headingwhite a:visited 	{color:#FFFFFF; text-decoration:none}
.headingwhite a:active  	{color:#FFFFFF; text-decoration:none}
.headingwhite a:hover   	{color:#FFFFFF; text-decoration:underline}

.subheading  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-weight : bold;
	font-size : x-small;
}

.subheading a    	{color:#333399; text-decoration:none}
.subheading a:visited 	{color:#3333399; text-decoration:none}
.subheading a:active  	{color:#333399; text-decoration:none}
.subheading a:hover   	{color:#333399; text-decoration:underline}

.subhead  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-style : italic;
	font-size :  x-small;
}

.date  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : 11px;
}

.select  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : 11px;
}

.crumbtrail  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : x-small;
}

.note  {
	color : #333399;
	font-family : Arial, Helvetica, sans serif;
	font-size : x-small;
}

.bold  {
	font-weight : bold;
}

.italic  {
	text-style : italic;
}

.white  {
	color : #ffffff;
}


/*line-height : 120%;*/

.subnav  {
	color : #000099;
	font-family : Arial, Helvetica, sans serif;
	font-size : x-small;
}

.subnav a:link {
	color : #000099;
	font-family : Arial, Helvetica, sans serif;
	font-size : xx-small;
	text-decoration : none;
}

.subnav a:Visited  {
	color : #000099;
	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	font-size : xx-small;
	text-decoration : none;
}

.subnav a:Hover  {
	color : #0099ff;
	font-family : Arial, Helvetica, sans serif;
	font-weight : normal;
	font-size : xx-small;
	text-decoration : none;
}

/* 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}



/*blue key line that goes across as a divider*/ 
hr	{ color: #0099ff; height:1}


/* 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 related subjects box */
.relatedsubs { background-color: #F7E4CF}

.ukmformbutton  {
	border:1px solid;
   	border-color:#009999;
	background-color : #E7F7F7;
	font-family : Arial, Helvetica, sans serif;
	font-size : 80%;
	color : #333399;
	padding: 3px 4px;
	cursor: hand;
}

.select  {
	color : #000000;
	font-family : Arial, Helvetica, sans serif;
	font-size : 11px;
}

/*
.input { 
	background-color: #FFFFFF; 
	border-color : #7F99CA; 
	font-size : 11px;
	font-family : Arial, Helvetica, sans serif;
	padding:2px;
} 
*/
.inputblueborder {
	height:22px;
	width:150px;
	font-family:arial, helvetica, sans-serif;
	font-size:8pt;
	color:#333399;
	border-color : #0099FF;
	border-width:1px; 
	background-color: #FFFFFF;
	margin:3px;
	border-left : #0099FF;
	border-top : #0099FF;
}

.submitblueborder {
 font-family:arial, helvetica, sans-serif; font-weight:bold; font-size:90%; color:#333399; border-color : #0099FF; border-width:1px; background-color:#D6ECFB; padding:4px;

}

.textareablueborder {
  font-family:arial, helvetica, sans-serif; font-size:8pt; color:#333399; border-color : #333399; border-width:1px; 

}
/* Application Form Controls */
.sectiontitle {
	margin-top : 1px;
	background-color: #F9DEE0;
	}
.tdtext {
	background-color: #ffffff;
	text-align: top;
	}
.tdtext, .sectiontitle, input, textarea, .tdheader {
	font-size: x-small;
	color : #000066;
	}
.teddies1{ background-color: #ED1B68;}
.divider { background-color: #F9DEE0; color: #F9DEE0}
.tdheader, .sectiontitle {
	font-weight: bold;
/*	background-color: #FCEEEF; */
}

/* contact us promo box
====================================== */

.promobox {
	border: 1px solid #ED1B68;
	background-color: #FFCFE2;
	padding: 10px;
	width: 75%;
}

.promobox h2 {
	margin-top: 0;
}