body 
{
    background: #a5a6ae url(/media/images/bg.jpg) repeat-x;
	text-align:center;
	height:100%;
}

p 
{
    font-family:arial,verdana,sans-serif;
    color:#84858a;
    font-size:0.86em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}


a
{
    color:#239CD2;
    text-decoration:none;
    font-size:1em; 
}

a:hover
{
    color:#239CD2;
    text-decoration:underline;
    font-size:1em; 
}

a:visted
{
    color:#239CD2;
    text-decoration:none;
    font-size:1em; 
}
a.black
{
    color:#000000;
    text-decoration:none;
    font-size:1em; 
}
a.black:hover
{
    text-decoration:underline;
}

input 
{
   font-family:arial,verdana,sans-serif;  
   font-size:12pt;
   color:#000;
   font-weight:normal;  
}

textarea 
{
   font-family:arial,verdana,sans-serif;  
   font-size:12pt;
   color:#000;
   font-weight:normal;  
}

select 
{
   font-family:arial,verdana,sans-serif;  
   font-size:90%;
   color:#000;
   font-weight:normal;  
}
/******************** start -- Styles for different font/color/size *********************/

p.Arial
{
    font-family:arial,verdana,sans-serif;
    color:#84858a;
    font-size:0.86em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

p.Arial_large
{
    font-family:arial,verdana,sans-serif;
    color:#84858a;
    font-size:1.1em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

p.Arial_small
{
    font-family:arial,verdana,sans-serif;
    color:#84858a;
    font-size:0.76em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

p.Arial_Red
{
    font-family:arial,verdana,sans-serif;
    color:red;
    font-size:0.86em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

p.Arial_Red_large
{
    font-family:arial,verdana,sans-serif;
    color:red;
    font-size:1.1em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

p.Arial_Red_small
{
    font-family:arial,verdana,sans-serif;
    color:red;
    font-size:0.76em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

p.Arial_blue
{
    font-family:arial,verdana,sans-serif;
    color:#239CD2;
    font-size:0.86em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

p.Arial_blue_large
{
    font-family:arial,verdana,sans-serif;
    color:#239CD2;
    font-size:1.1em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

p.Arial_blue_small
{
    font-family:arial,verdana,sans-serif;
    color:#239CD2;
    font-size:0.76em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}


p.Arial_green
{
    font-family:arial,verdana,sans-serif;
    color:#93A416;
    font-size:0.86em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

p.Arial_green_large
{
    font-family:arial,verdana,sans-serif;
    color:#93A416;
    font-size:1.1em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

p.Arial_green_small
{
    font-family:arial,verdana,sans-serif;
    color:#93A416;
    font-size:0.76em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

/* h1 tag */ 



h1.H1Heading_large
{
    font-family:arial,verdana,sans-serif;
    color:#84858a;
    font-size:1.1em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

h1.H1heading_small
{
    font-family:arial,verdana,sans-serif;
    color:#84858a;
    font-size:0.76em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

h1.H1heading_Red
{
    font-family:arial,verdana,sans-serif;
    color:red;
    font-size:0.86em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

h1.H1heading_Red_large
{
    font-family:arial,verdana,sans-serif;
    color:red;
    font-size:1.1em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

h1.H1heading_Red_small
{
    font-family:arial,verdana,sans-serif;
    color:red;
    font-size:0.76em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

h1.H1heading_blue
{
    font-family:arial,verdana,sans-serif;
    color:#239CD2;
    font-size:0.86em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

h1.H1heading_blue_large
{
    font-family:arial,verdana,sans-serif;
    color:#239CD2;
    font-size:1.1em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

h1.H1heading_blue_small
{
    font-family:arial,verdana,sans-serif;
    color:#239CD2;
    font-size:0.76em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}


h1.H1heading_green
{
    font-family:arial,verdana,sans-serif;
    color:#93A416;
    font-size:0.86em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

h1.H1heading_green_large
{
    font-family:arial,verdana,sans-serif;
    color:#93A416;
    font-size:1.1em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

h1.H1heading_green_small
{
    font-family:arial,verdana,sans-serif;
    color:#93A416;
    font-size:0.76em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}


/* h2 tags*/

h2.H2heading_large
{
    font-family:arial,verdana,sans-serif;
    color:#84858a;
    font-size:1.1em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

h2.H2heading_small
{
    font-family:arial,verdana,sans-serif;
    color:#84858a;
    font-size:0.76em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

h2.H2heading_Red
{
    font-family:arial,verdana,sans-serif;
    color:red;
    font-size:0.86em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

h2.H2heading_Red_large
{
    font-family:arial,verdana,sans-serif;
    color:red;
    font-size:1.1em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

h2.H2heading_Red_small
{
    font-family:arial,verdana,sans-serif;
    color:red;
    font-size:0.76em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

h2.H2heading_blue
{
    font-family:arial,verdana,sans-serif;
    color:#239CD2;
    font-size:0.86em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

h2.H2heading_blue_large
{
    font-family:arial,verdana,sans-serif;
    color:#239CD2;
    font-size:1.1em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

h2.H2heading_blue_small
{
    font-family:arial,verdana,sans-serif;
    color:#239CD2;
    font-size:0.76em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}


h2.H2heading_green
{
    font-family:arial,verdana,sans-serif;
    color:#93A416;
    font-size:0.86em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

h2.H2heading_green_large
{
    font-family:arial,verdana,sans-serif;
    color:#93A416;
    font-size:1.1em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

h2.H2heading_green_small
{
    font-family:arial,verdana,sans-serif;
    color:#93A416;
    font-size:0.76em;
    font-weight:normal;
    margin:2px 10px 0px 0px;
}

/*link styles*/

a.Blue_link
{
    font-family:arial,verdana,sans-serif;
    color:#239CD2;
    font-size:0.86em;
    font-weight:normal;  
    text-decoration:none;  
    
}

a.Blue_link :hover
{
    font-family:arial,verdana,sans-serif;
    color:#239CD2;
    font-size:0.86em;
    font-weight:normal;    
    text-decoration:underline;
    
}

a.Blue_link
{
    font-family:arial,verdana,sans-serif;
    color:#239CD2;
    font-size:1em;
    font-weight:normal;  
    text-decoration:none;  
    
}

a.Blue_link_large :hover
{
    font-family:arial,verdana,sans-serif;
    color:#239CD2;
    font-size:1em;
    font-weight:normal;    
    text-decoration:underline;
    
}

/******************** end -- Styles for different font/color/size *********************/



.medium
{
    font-size:0.8em;
}

.mediumLarge
{
    font-size:0.9em;
}

.large
{
    font-size:1.1em;
}

h2
{
    font-family:georgia, times new roman;
    font-size:1.5em;
    font-weight:normal;
    color:#6c6d70;
    margin:0;
}



h2.dark
{
    font-family:georgia, times new roman;
    font-size:1.5em;
    font-weight:normal;
    color:#48494b;
    margin:0;
}

h3
{
    font-size:1.1em;
    font-weight:bold;
    color:#6c6d70;
    margin:0;
}

h3.dark
{
    font-size:1.1em;
    font-weight:bold;
    color:#48494b;
    margin:0;
}

h4
{
    font-size:0.8em;
    font-weight:bold;
    color:#6c6d70;
    margin:0;
}

h4.dark
{
    font-size:0.8em;
    font-weight:bold;
    color:#48494b;
    margin:0;
}

div#banner
{
		width:966px;
    height:163px;
    background: url(/media/images/banner.jpg) no-repeat;
}

span.astrix
{
    color:#f69947;
}

div#contentArea 
{
    padding:0px 0px 0px 4px;
    width:965px;
}

div.lightPurpleBg 
{
    background:url(/media/images/backgrounds/lightPurple.gif) repeat-y;
}


div.greyBg
{
    background:url(/media/images/backgrounds/grey.gif) repeat-y;
}

div.blueBg
{
    background:url(/media/images/backgrounds/lightBlue.gif) repeat-y;
}

div#contentBottom 
{
    width:966px;
    height:13px;
}

div.lightPurpleBottomBg
{
    background:url(/media/images/backgrounds/bottomLightPurple.gif) no-repeat;
}

div.greyBottomBg
{
    background:url(/media/images/backgrounds/bottomGrey.gif) no-repeat;
}

div.blueBottomBg
{
    background:url(/media/images/backgrounds/bottomBlue.gif) no-repeat;
}

h4.blueHeading
{
    font-family:arial, verdana, sans-serif;
    font-size:1em;
    font-weight:bold;
    color:#239cd2;
    margin:0px 0px 2px 0px;
}

h4.blueHeading a
{
    color:#239cd2;
    text-decoration:none;
}

h4.blueHeading a:hover
{
    color:#239cd2;
    text-decoration:none;
}

/*pad 5*/
.paddingTop5 
{
    padding-top:5px;
}

.paddingBottom5 
{
    padding-bottom:5px;
}

/*pads element top and bottom 5px*/
.paddingVert5 
{
    padding:5px 0px;
}

/*pad left*/

.paddingLeft5 
{
    padding-left:5px;
}

.paddingLeft10 
{
    padding-left:10px;
}

.paddingLeft20 
{
    padding-left:20px;
}

/*pad 10*/
.paddingTop10 
{
    padding-top:10px;
}

.paddingBottom10 
{
    padding-bottom:10px;
}

/*pads element top and bottom 10px*/
.paddingVert10 
{
    padding:10px 0px;
}


/*pad 15*/
.paddingTop15 
{
    padding-top:15px;
}

.paddingBottom15 
{
    padding-bottom:15px;
}

/*pads element top and bottom 15px*/
.paddingVert15 
{
    padding:15px 0px;
}

/*pad 15*/
.paddingTop15 
{
    padding-top:15px;
}

/*pad 20*/
.paddingTop20 
{
    padding-top:20px;
}


.paddingBottom20 
{
    padding-bottom:20px;
}

/*pads element top and bottom 20px*/
.paddingVert20 
{
    padding:20px 0px;
}

/*pad 30*/
.paddingTop30 
{
    padding-top:30px;
}

.paddingBottom30 
{
    padding-bottom:30px;
}

/*pads element top and bottom 30px*/
.paddingVert30 
{
    padding:30px 0px;
}

/*margin settings*/

.marginBottom0 
{
    margin-bottom:0;
}

.marginTop5 
{
    margin-top:5px;
}

.marginBottom5 
{
    margin-bottom:5px;
}

/*pads element top and bottom 5px*/
.marginVert5 
{
    margin:5px 0px;
}

.marginTop10 
{
    margin-top:10px;
}

.marginBottom10 
{
    margin-bottom:10px;
}

/*pads element top and bottom 20px*/
.marginVert10 
{
    margin:10px 0px;
}

.marginTop15 
{
    margin-top:15px;
}

.marginBottom15 
{
    margin-bottom:15px;
}

/*pads element top and bottom 15px*/
.marginVert15 
{
    margin:15px 0px;
}

.marginTop20 
{
    margin-top:20px;
}

.marginBottom20 
{
    margin-bottom:20px;
}

/*pads element top and bottom 20px*/
.marginVert20 
{
    margin:20px 0px;
}

/*<hr /> stylings. solutions seems rather laboured but was the only way to get around IE insisting on hr*/
div.hrExtraThickBeige 
{
    clear:both;
    background: #e9ece3;
    height:10px;
    margin: 15px 0px 24px 0px;
}

div.hrExtraThickBeige hr
{
    display:none;
}

div.hrThickBeige 
{
    clear:both;
    background: #e9ece3;
    height:6px;
    margin: 15px 0px 24px 0px;
}

div.hrThickBeige hr
{
    display:none;
}

div.hrThinBeige 
{
    clear:both;
    background: #e9ece3;
    height:1px;
    margin: 10px 0px 10px 0px;
}

div.hrThinBeige hr
{
    display:none;
}

/*Light Blue Face Icons */

div.iconLeft 
{
    background-position:0px 0px;
    padding:0px 0px 1px 56px;
    margin: 0px 0px 10px 0px;
}

div.iconLeft h3
{
    font-family:georgia, times new roman;
    font-size:1.5em;
    font-weight:normal;
    color:#6c6d70;
    margin:0;
}

div.iconLeft span
{
    font-family:arial, verdana, sans-serif;
    font-size:0.9em;
    font-weight:normal;
    color:#6c6d70;
}

.iconPearl
{
    background:url(/media/images/icons/PearlIcon.gif) no-repeat;
}

.iconFaceToFace 
{
    background:url(/media/images/icons/faceToFace.gif) no-repeat;
}

.iconFaceSpeaking 
{
    background:url(/media/images/icons/faceSpeaking.gif) no-repeat;
}
.iconShoutout 
{
    background:url(/media/images/icons/iconShoutout47x47.gif) no-repeat;
}

.iconFacesLayered
{
    background:url(/media/images/icons/facesLayered.gif) no-repeat;
}

.iconSpeechBubble
{
    background:url(/media/images/icons/speechBubble.gif) no-repeat;
}

.iconPencil
{
    background:url(/media/images/icons/pencil.gif) no-repeat;
}

/*Medium icon styles*/

div.iconMedLeft 
{
    background-position:0px 0px;
    padding:0px 0px 10px 42px;
    margin: 10px 0px 10px 0px;
}

div.iconMedLeft h4
{
    font-family:arial, verdana, sans-serif;
    font-size:1.2em;
    font-weight:normal;
    color:#239cd2;
    margin:0;
}

div.iconMedLeft h4 a {
	color:#239cd2;
	text-decoration:none;
}

div.iconMedLeft h4 a:hover {
	text-decoration:underline;
}

div.iconMedLeft span
{
    font-family:arial, verdana, sans-serif;
    font-size:0.9em;
    font-weight:normal;
    color:#6c6d70;
}

.iconMedFaceToFace 
{
    background:url(/media/images/icons/faceToFaceMed.gif) no-repeat;
}

.iconMedWWW
{
    background:url(/media/images/icons/wwwMed.gif) no-repeat;
}




div.col1Of2 
{
    width:284px;
    margin-right:12px;
    float:left;
}

div.col2Of2 
{
    width:281px;
    margin-left:12px;
    float:right;
}

div.col2DashedMid 
{
    width:100%;
    background: url(/media/images/box/vertDash.gif) repeat-y top center;
}

.border1TopBeige
{
    border:solid 1px #e9ece3;
    border-width: 1px 0px 0px 0px;
}

/*Round containers*/

/*Green*/

.roundContGreen {
	width: 100%;
	background-color: #edf2e4;
}

.roundContGreen p 
{
	margin: 0 10px;
}

.roundContGreen b 
{
    color:#494a4d;
    font-size:1.2em;
}

.roundContGreenTop { 
	background: url(/media/images/box/topRightGreen.gif) no-repeat top right; 
}

.roundContGreenBottom {
	background: url(/media/images/box/bottomRightGreen.gif) no-repeat top right; 
}

.speechRightGreen
{
    width:32px;
    height:11px;
    background:url(/media/images/speechRightGreen.gif) no-repeat top left;
    padding-right:40px;
}

.speechLeftGreen
{
    width:32px;
    height:11px;
    background:url(/media/images/speechLeftGreen.gif) no-repeat top right;
    padding-left:40px;
}

img.corner {
   width: 17px;
   height: 17px;
   border: none;
   display: block !important;
}



/*Light Blue*/

.roundContLightBlue 
{
	width: 100%;
	background-color: #d9e8f0;
}

.roundContLightBlue h3
{
    font-family:georgia, times new roman;
    font-size:1.3em;
    font-weight:normal;
    color:#48494b;
    margin:5px 0 0 0;
}

.roundContLightBlue p 
{
    color:#525356;
    font-size:1em;
	float:left;
}

.roundContLightBlueTop { 
	background: url(/media/images/corners/trLightBlue.gif) no-repeat top right; 
}

.roundContLightBlueBottom {
	background: url(/media/images/corners/brLightBlue.gif) no-repeat top right; 
}

img.cornerLightBlue {
   width: 9px;
   height: 9px;
   border: none;
   display: block !important;
}

.faceBg 
{
    background:#d9e8f0 url(/media/images/faceSpeak.gif) no-repeat;
    width:76px;
    height:76px;
    float:left;
    margin-right:15px;
}

.brownBottomDashed
{
    border-bottom:dashed 1px #e9ece3;
}


div#footer 
{
    text-align:center;    
    color:#e6e8ee;
    font-size:0.9em;
    font-weight:bold;
		width:966px;
		margin:0 auto;
}

div#footer ul
{
		text-align:center;
    list-style: none;
    padding:15px 0 5px 0;
    margin: 0 auto;  
}

div#footer ul li
{
	display:inline;
    color:#e6e8ee;
    font-size:1.1em;
    font-weight:bold;
    padding:0px 6px;
    border:solid 1px #e6e8ee;
    border-width: 0px 1px 0px 0px;
}

div#footer ul li.last
{
    border:0;
}

div#footer ul li a
{
    color:#e6e8ee;
    font-size:0.9em;
    text-decoration:none;
}

div#footer ul li a:hover {
	text-decoration:underline;
}

div#footer div {
	font-size:0.9em;
	margin-bottom:20px;
}

div.dateRight
{
    float:left;
    text-align:right;
    font-size:0.8em;
    color:#56575a;
    font-weight:bold;
    margin-top:13px;
    margin-left:20px;
    margin-right:10px;
    width:150px;
}

.limeGreen
{
    font-family:'Arial',verdana,sans-serif;
    color:#93a416;
    font-size:0.9em;
    font-weight:normal;
    padding:4px 6px 0px 6px;
}


/* -- health and wellbeing -- */

p.intropara 
{
	color:#6c6d70;
	font-family:arial,verdana,sans-serif;
	font-size:0.9em;
	font-weight:normal;	
}



div.introparataxonomy
{
	color:#6c6d70;
	font-family:arial,verdana,sans-serif;
	font-size:0.9em;
	font-weight:normal;	
}

h2.searchmentors {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
}

div.searchlist {
	float:left;
	margin:20px 0;
	font-size:1.2em;
}

div.searchlist ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div.searchlist div {
	color:#6c6d70;
	float:left;
	font-size:0.7em;
	margin-right:20px;
	padding-bottom:4px;
	width:270px;
}

div.searchlist div p{
	
	font-size:1.3em;

}

div.searchlist div a {
	color:#239CD2;
	font-size:1.2em;	
	font-weight:bold;
	text-decoration:none;
}

div.searchlist div a:hover {
	text-decoration:underline;
}

p.searchtry {
	clear:both;
	color:#6c6d70;
	font-size:0.8em;
	font-weight:bold;
}

p.searchtry a {
	color:#239CD2;
	text-decoration:none;
}

p.searchtry a:hover {
	text-decoration:underline;
}

div.staticpage {
	display:inline;
	float:left;
	margin-left:10px !important;
	padding-top:20px;
	width:588px;
}

div.staticpage p {
	font-size:0.8em;	
	margin-bottom:15px;
}

.alignright {
	text-align:right;
}

.relative {
	position:relative;
}

/* -- thinking about mentoring -- */

.thinkingabout {
	margin-left:10px;
}





.thinkingabout ul {
	list-style-type:none;
	margin:12px 0 12px 10px;
	padding:0;
}

.thinkingabout li {
	color:#84858a;
	padding:10px 0 10px 40px;
}

.thinkingabout li.create { background:url(/media/images/icons/face.gif) left no-repeat; }
.thinkingabout li.pearls { background:url(/media/images/icons/pearlsWisdom.gif) left no-repeat; }
.thinkingabout li.manage { background:url(/media/images/icons/clockSmall.gif) left no-repeat; }
.thinkingabout li.reply { background:url(/media/images/icons/callsForHelp.gif) left no-repeat; }
.thinkingabout li.book { background:url(/media/images/icons/books.gif) left no-repeat; }
.thinkingabout li.receive { background:url(/media/images/icons/faceToFaceSmall.gif) left no-repeat; }

.thinkingabout .largebuttonwhite {
	margin:0;
}

.thinkingOfMentoring{
	color:#37aee4;
	font-size:1.1em;
	text-decoration:none;
}
.thinkingOfMentoring:hover{
	text-decoration:underline;
}

/* -- forgotton password -- */

.replyboxcontainer {
	background:url(/media/images/box/bottom604.gif) bottom left no-repeat;
	float:left;
	padding-bottom:10px;
	width:604px;
}

.replyboxcontent {
	background:url(/media/images/box/top604.gif) top left no-repeat;
	padding-top:8px;
}

.replybox {
	background:url(/media/images/box/middle604.gif) top left repeat-y;
	font-size:1.1em;
	padding:10px;
}

h2.smallheader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	padding-top:10px;
}

p.forgotton {
	font-size:0.8em;
}

.forgottonpassword {
	padding-left:100px;
}

.forgottonusername {
	padding-left:127px;
}

.replybox td {
	color:#84858a;	
	padding:5px 5px 0 0;
}

.replybox td label {
	font-size:0.8em;
	font-weight:bold;
}

.replybox td input {
	width:150px;
}

.replybox td input.sendbutton {
	width:auto;
}


/*MODAL POPUP*/
/**************************/
/* For the OSOYou Control */
/**************************/
#OSODialog { /* contains + positions the alert window */
    display:none;  
    position:absolute;
    top:40%;
    left:40%;
/*    border:1px solid #d6d6d6;*/
    width:240px;
    height:150px;
    background-color:#f1f1f1;
    padding-left:10px;
}
* html #OSODialog {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
#OSODialogTitle
{
    width:100%;
    font-family:Georgia;
    color:#f1388f;
    font-size:0.77em;
    text-align:left;
    float:right;
    margin-top:5px;
    margin-bottom:5px;
    
}
#OSODialogTitle p
{
    float:left;
    margin-top:4px;
    font-weight:bold;
    border-bottom: dashed 1px #D7E858;
}
#OSODialogTitle a
{
    border:0px;
    text-align:right;
    float:right;
    margin-right:8px;
}
.OSODialogRule
{
    float:left;
    width:75%;
    height:3px;
    text-align:left;
    padding:0px;
    margin:0px;
    background:url("/media/images/system/buttons/dotdark.gif") repeat-x;
    padding-right:40px;
}
#OSODialogContent
{
    float:left;
    width:85%;
    font-family:Arial;
    font-size:0.76em;
    font-weight:bold;
    color:#000;
    margin-top:5px;
}
#OSODialogEvent
{
    float:left;
    margin-top:8px;
    cursor:pointer;
    position:absolute;
    bottom:3px;
    left:13px;
}

#OSODialogEvent img
{
    margin-right:10px;
}

/*TICK BOX*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

/*#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

.Secondary_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#777;
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); 
}

#TB_window {
	position: fixed;
/*	background: #ffffff; */
	z-index: 200;
	color:#000000;
	display:none;
	/*border: 4px solid #525252;*/
	text-align:left;
/* do not specify the position as a % because it will separate from the border if the browser is resized !
    Allow positioning to be done by the onshow handler. 

	top:50%;
	left:50%;
*/	

	overflow:auto;
}

* html #TB_window { /* ie6 hack */
    position: absolute;
/*    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
    /*margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); */
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
	background-color:#f5f5f5;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:150;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); 
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* rounded borders MB 200710 */

.TB_divRoundedBorder 
{
     top: 0px; 
     left: 0px;
     z-index: 102; 
     display: none; 
     position: fixed; 
}

* html .TB_divRoundedBorder { /* ie6 hack */

    position: absolute;
     top: 0px; 
     left: 0px;
     z-index: 110;
     display: none;
}



/* image class - make the shadow transparent. */
.TB_divRoundedBorderShadow {
	filter:alpha(opacity=35);
	-moz-opacity: 0.35;
	opacity: 0.35;
}

* html .TB_divRoundedBorderShadow { /* ie6 hack */
    
	filter:alpha(opacity=35);
	-moz-opacity: 0.35;
	opacity: 0.35;
}
/* MB - adding rounded border for jquery modal dialogs */
.JQM_divRoundedBorder
{
     top: 0px; 
     left: 0px;
     z-index: 2999;
     display: none;     
     position: fixed; 
}

* html .JQM_divRoundedBorder { /* ie6 hack */

     top: 0px; 
     left: 0px;
     z-index: 2999;
     display: none;     
     position: absolute; 
}


/* image class - make the shadow transparent. */
.JQM_divRoundedBorderShadow {
 filter:alpha(opacity=25);
 -moz-opacity: 0.25;
 opacity: 0.25;
}

* html .JQM_divRoundedBorderShadow { /* ie6 hack */
    
 filter:alpha(opacity=25);
 -moz-opacity: 0.25;
 opacity: 0.25;
}


#mfactorbg
{
 background:url('/media/images/mfactorlarge.gif') no-repeat scroll 45% 30%; 
 height:99px ;
 width:51px;
 overflow:hidden;   
 }
 div.mfactorbg
{
 background:url('/media/images/mfactorlarge.gif') no-repeat scroll 45% 30%; 
 height:99px ;
 width:51px;
 overflow:hidden;   
 }
 ul.profileoptions
{
	/*list-style-image:url('../images/searchGoButton.gif');*/
	list-style:none;
	padding: 8px 0px 8px 6px;
	vertical-align:middle;
}
 ul.profileoptions li
{
	padding: 8px 0px 8px 0px;
}