﻿.textSmall
{
	font-weight: normal;
	font-variant: normal;
	background-color: Transparent;
	color: Black;
	font-size: xx-small;
	text-align: left;
}

.textLargeColoured
{
	font-weight: bold;
	font-variant: normal;
	background-color: Transparent;
	color: #66CC00;
	font-size: small;
	text-align: left;
}

/* Rounded corner popup box */
/* adapted from http://tutorials.alsacreations.com/cadre/ */

.infoPopup dl { /* block position that can be changed at will */
position: absolute;
left: -85px; /* 1/2 the width to place the infoPopup just below the pointer */
top: 0px;
width: 250px; /* width of block according to your background image */
}

.infoPopup dl, .infoPopup dt, .infoPopup dd{ /* suppression of all margins and paddings */
margin: 0;
padding: 0;

}

.infoPopup dl { /* by default background on the entire block */
background: url(../images/creamRoundedPanelBottom.gif) bottom left no-repeat;
padding-bottom: 13px; /* so that text will not appear on the bottom rounded edge */
}

.infoPopup dt { /* bloc title definition */
height: 30px; /* top image is 34 pixels high, minus the 4 pixels of top padding */
background: url(../images/creamRoundedPanelTop.gif) top left no-repeat;
font-size:medium;
font-weight: bold;
text-align:center;
padding-top: 4px; /* 4 pixels of top padding, must be accounted for int he image height above */
}

.infoPopup dd {
padding: 0 13px 0 10px; /* internal block spaces administration */
text-align: left;
font-size:x-small;
background: url(../images/creamRoundedPanelMiddle.gif) top left repeat-y; /* internal background */
}

/*
 * Context-sensitive help popups.
 */
.popupImage
{
width: 20px;
height: 20px;
/*background-image: url(../images/help/helpbubble.png);*/
border: none 0 transparent;
cursor: pointer;
}

.popupPanel
{
width: 20px;
height: 20px;
padding: 2px 5px 2px 5px;
display: inline;
cursor: help;
}

.popupTitleText
{
	color:#5E2750;
	font-family:Arial,Helvetica,sans-serif;
	font-size:110%;
	font-weight:bold;
	width: 100%;
	min-width: 100%;
}

#BClose
{
	width: 17px;
	max-width: 17px;
	height: 17px;
}

.popupMessageText
{
	color:#545456;
	font-family:Arial,Helvetica,sans-serif;	
	font-size:90%;
	font-weight:normal;
	line-height:20px;
	text-align:justify;
}

.popupLayoutTable
{
	border: none 0px transparent;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-collapse: collapse;
	border-spacing: 0px;
}

.popupBodyTableHelp
{
	border: none 0px transparent;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #FFFDAC;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}

.popupBodyTable
{
	border: none 0px transparent;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #FFFFFF;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;	
}

/*Help Popup*/
.helpLayoutTable
{
	border: none 0px transparent;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	/*width: 500px;*/
	width: 100%;
	float: none;
}

.helpPopupHeight
{
	position:relative;
	overflow: auto;
	height: auto;
	max-height: 300px;
	padding-right: 15px;
}
.helpPopupWidth
{
	position:relative;
	width: 400px;
}
.helpPopupHeight_logout
{
	position:relative;
	height: 70px;
}
.helpPopupWidth_logout
{
	position:relative;
	width: 320px;
}
.helpPopup_AutoHeight
{
	position:relative;
	height: auto;
}
.helpPopup_AutoWidth
{
	position:relative;
	width: auto;
}

.eLeft
{
	height: 100%;
	width: 15px;	
	background-image:url(../images/MiLifeHelp/eLeft.png);
	background-repeat:repeat-y;
}

.eRight
{
	height: 100%;
	width: 15px;	
	background-image:url(../images/MiLifeHelp/eRight.png);
	background-repeat:repeat-y;
}

.cLeftTop
{
	height: 15px;
	width: 15px;	
	background-image:url(../images/MiLifeHelp/cLeftTop.png);	
}

.cRightTop
{
	height: 15px;
	width: 15px;	
	background-image:url(../images/MiLifeHelp/cRightTop.png);	
	background-repeat:no-repeat;
}

.cCentreTop
{
	height: 15px;
	width: 100%;
	background-image:url(../images/MiLifeHelp/eTop.png);
	background-repeat:repeat-x;	
}
