@charset "utf-8";
/* CSS Document */

/* ****************************  Member Session Tabs ***************************/

#mem_content_main .pagetitle, .pagetitle{
	font-size:152%;
	margin:0 5px 5px 5px;
	border:#FF0000 0px solid;
}

#mem_sessiontabs{
float:left;
width:620;
font-size:12px;
font-weight:bold;
line-height:2em;
background:url(/app_themes/es_fin/sessiontab_end.gif);
border-bottom: 0px solid #7e9fff; /*Add border strip to bottom of menu*/
}

#mem_sessiontabs ul{
list-style-type: none;
margin:0;
margin-left: 0px; /*Left offset of entire tab menu relative to page*/
padding:0;


}

#mem_sessiontabs li{
display:inline;
margin:0;
padding:0;


}

#mem_sessiontabs a{
float:left;
background:url(/app_themes/es_fin/sessiontab_left.gif) no-repeat left top;
margin:0;
margin-right: 0px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration: none;
width:144px;
text-align:center;
border:#FF0000 0px solid;
}

#mem_sessiontabs a span, #mem_sessiontabs a .home{
float:left;
display:block;
background:url(/app_themes/es_fin/sessiontab.gif) no-repeat right top;
padding: 10px 20px 2px 15px;
font-weight:bold;
color: #FFFFFF;
}

#mem_sessiontabs a .home{

background:url(/app_themes/es_fin/sessiontab_memhome.gif) no-repeat right top;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mem_sessiontabs a span,#mem_sessiontabs a .home {float:none;}
/* End IE5-Mac hack */


#mem_sessiontabs a:hover span, #mem_sessiontabs a:hover .home {
color: white;
text-decoration: underline;

}


#mem_sessiontabs #current a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

#mem_sessiontabs #current a span,#mem_sessiontabs #current a .home{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color:#333333;
text-decoration:none;
}


#mem_sessiontabs a:hover{ /*onMouseover style*/
background-position:0% 0px; /*Shift background image up to start of 2nd tab image*/

}

#mem_sessiontabs a:hover span, #mem_sessiontabs a:hover .home{ /*onMouseover style*/
background-position:100% 0px; /*Shift background image up to start of 2nd tab image*/

}

#mem_sessiontabs #tab_end {
background:#55166e;
background-color:#55166e;
height:18px;
width:60%;
float:right;
margin:16px 0 0 0;
}


p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}




/* ******************* End of Member Session Tabs  ***************************** */



/* ****************************  Non-Member Session Tabs ***************************/

#non_mem_content_main .pagetitle, .pagetitle{
	font-size:152%;
	margin:0 5px 5px 5px;
	border:#FF0000 0px solid;
}

#non_mem_sessiontabs{
float:left;
width:620;
font-size:12px;
font-weight:bold;
line-height:2em;
background:url(/app_themes/es_fin/sessiontab_end_off.gif);
border-bottom: 0px solid #7e9fff; /*Add border strip to bottom of menu*/
}

#non_mem_sessiontabs ul{
list-style-type: none;
margin:0;
margin-left: 0px; /*Left offset of entire tab menu relative to page*/
padding:0;


}

#non_mem_sessiontabs li{
display:inline;
margin:0;
padding:0;


}

#non_mem_sessiontabs a{
float:left;
background:url(/app_themes/es_fin/sessiontab_left_off.gif) no-repeat left top;
margin:0;
margin-right: 0px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration: none;
width:144px;
text-align:center;
border:#FF0000 0px solid;
}

#non_mem_sessiontabs a span, #non_mem_sessiontabs a .home{
float:left;
display:block;
background:url(/app_themes/es_fin/sessiontab_off.gif) no-repeat right top;
padding: 10px 20px 2px 15px;
font-weight:bold;
color: #FFFFFF;
}

#non_mem_sessiontabs a .home{

background:url(/app_themes/es_fin/sessiontab_memhome.gif) no-repeat right top;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#non_mem_sessiontabs a span,#non_mem_sessiontabs a .home {float:none;}
/* End IE5-Mac hack */


#non_mem_sessiontabs a:hover span, #non_mem_sessiontabs a:hover .home {
color: white;
text-decoration: underline;

}


#non_mem_sessiontabs #current a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

#non_mem_sessiontabs #current a span,#non_mem_sessiontabs #current a .home{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color:#333333;
text-decoration:none;
}


#non_mem_sessiontabs a:hover{ /*onMouseover style*/
background-position:0% 0px; /*Shift background image up to start of 2nd tab image*/

}

#non_mem_sessiontabs a:hover span, #non_mem_sessiontabs a:hover .home{ /*onMouseover style*/
background-position:100% 0px; /*Shift background image up to start of 2nd tab image*/

}

#non_mem_sessiontabs #tab_end {
background:#55166e;
background-color:#55166e;
height:18px;
width:60%;
float:right;
margin:16px 0 0 0;
}


p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}




/* ******************* End of Non-Member Session Tabs  ***************************** */


/* ***************** Goal table ********************** */

#goaltable{ padding:5px; float:left; width:230px; border:#FF0000 0px solid;}

#goaltable .icon_str, #goaltable .icon_mtr, #goaltable .icon_ltr{width:36px; height:36px; display:block; float:left; clear:left;}

#goaltable .icon_str{background:url(/images/icon_strgoal.gif) no-repeat;}
#goaltable .icon_mtr{background:url(/images/icon_mtrgoal.gif) no-repeat;}
#goaltable .icon_ltr{background:url(/images/icon_ltrgoal.gif) no-repeat;}

#goaltable .bar_str, #goaltable .bar_mtr, #goaltable .bar_ltr{width:185px; height:6px; display:block; border:#FF0000 0px solid; margin-left:2px; float:left; clear:right;}
#goaltable .bar_str{background:url(/images/icon_bar_strgoal.gif) no-repeat;}
#goaltable .bar_mtr{background:url(/images/icon_bar_mtrgoal.gif) no-repeat;}
#goaltable .bar_ltr{background:url(/images/icon_bar_ltrgoal.gif) no-repeat;}

#goaltable .goaltitle {margin-left:2px; clear:right;}
#goaltable .goalitem  {margin-left:5px; border:blue 0px solid; clear:both;}

#goaltable .goalitem {margin-bottom:4px;}




#explan_rbottom .top-left, #explan_rbottom .top-right, #explan_rbottom .bottom-left, #explan_rbottom .bottom-right { 
	background-image: url(/app_themes/es_fin/corners1280x16.gif); /* CHANGE: path and name of your image */
	height: 8px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
	
	
#explan_rbottom .top-left, #explan_rbottom .bottom-left { 
	margin-right: 8px; /* CHANGE: replace by the width of one of your corners */
	}
#explan_rbottom .top-right, #explan_rbottom .bottom-right { 
	margin-left: 8px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -8px;  /* CHANGE: replace by the height of one of your corners */
	}
#explan_rbottom .top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
#explan_rbottom .bottom-left  { 
	background-position: 0 -8px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
#explan_rbottom .bottom-right { 
	background-position: 100% -8px; /* CHANGE: replace second number by negative height of one of your corners */
	}
#explan_rbottom .inside {
	border-left: 1px solid #d5d5d5; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #d5d5d5;/* YCC: color & properties of the right-borderline */
	background: #FFFFFF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 13px;             /* YCC: all texts at some distance of the left border */
	padding-right:13px;           /* YCC: all texts at some distance of the right border */
	text-align:justify;

	}
#explan_rbottom .notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
#explan_rbottom .nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

.explan_inside{ font-size: 11px; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; padding:7px 10px 7px 10px; color: #999999; background:#f4f4f4;
}

.explan_title {
	color:#989898;
	font-size:100%;
	position:absolute;
	margin-top:-18px;
	margin-left:10px;
	margin-bottom:8px;
	text-align:left;
	font-weight:bold;
	border:#FF0000 0px solid;
	display:block;
	float:left;
	clear:left;
}
.explan_subtitle{color: #666666;}
.explan_img {text-align:right;}
.explan_collapse { display:block; text-align:right; float:right; margin-top:-18px; margin-right:10px; color:£989898; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:107%; vertical-align:middle;
}

#explan_rhead .top-left, #explan_rhead .top-right, #explan_rhead .bottom-left, #explan_rhead .bottom-right { 
	background-image: url(/app_themes/es_fin/corners_explanation.gif); /* CHANGE: path and name of your image */
	height: 21px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
	
	
#explan_rhead .top-left, #explan_rhead .bottom-left { 
	margin-right: 21px; /* CHANGE: replace by the width of one of your corners */
	}
#explan_rhead .top-right, #explan_rhead .bottom-right { 
	margin-left: 21px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -21px;  /* CHANGE: replace by the height of one of your corners */
	}
#explan_rhead .top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
#explan_rhead .bottom-left  { 
	background-position: 0 -21px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
#explan_rhead .bottom-right { 
	background-position: 100% -21px; /* CHANGE: replace second number by negative height of one of your corners */
	}
#explan_rhead .inside {
	border-left: 1px solid #d5d5d5; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #d5d5d5;/* YCC: color & properties of the right-borderline */
	background: #FFFFFF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 13px;             /* YCC: all texts at some distance of the left border */
	padding-right:13px;           /* YCC: all texts at some distance of the right border */
	text-align:justify;

	}
#explan_rhead .notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
#explan_rhead .nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

/* ************************* End of Header Round box ***************************/