/* General setting */
BODY {
	TEXT-ALIGN: center;
	background-color:#FFFFFF;
/*	background-image:url(/app_themes/es_banks/bg.gif);  */
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:92%;
	color: #333333;
}
.bulletpoint{
	margin-left: 0px;
	margin-bottom: 80px;
	PADDING-BOTTOM: 80px; 
}
.rbox_s_amount_a{
	font-size:14px;
    font-weight:bold;
	color: #ffffff;
}
.rbox_s_amount_b{
	font-size:14px;
    font-weight:bold;
	color: #333333;
}
.rbox_s_amount_c{
	font-size:10px;
	color: #ffffff;
}
.rbox_s_amount_d{
	font-size:10px;
	color: #333333;
}
.small_text{
	font-size:10px;
	color: #333333;
}
.col_line {
	FLOAT:left;
	HEIGHT: 100%; 
	width:1px;
	margin-right: 10px;
	border-right:#c5759e 1px solid;
}
.cs_box {
	font-size:77%;
}
.cs_box_online {
	font-size:77%;
	color: #00a427;
}
.cs_box_offline {
	font-size:77%;
	color: #ff0000;
}
.1_pixelbg {
	background-color:c5759e;
}
.textbold {
	font-weight:bold;
}
table, tr, td {
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
}
a, a:link, a:visited {
	color: #333333;
	font-size:92%;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}

a:hover {
/*	color: #787b89;*/ 
	font-size:92%;
	color: #ef4b9f;
	text-decoration:underline;
}
/*
input.text, select, textarea {
    border-top: 1px solid #7b9ebd;
    border-bottom: 1px solid #7b9ebd;
    border-left: 1px solid #7b9ebd;
    border-right: 1px solid #7b9ebd;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;    
    color: #014D87;   
    text-decoration: none;
	vertical-align: middle;
	
}*/
input.text, .select, .textarea{
    border-top: 1px solid #7b9ebd;
    border-bottom: 1px solid #7b9ebd;
    border-left: 1px solid #7b9ebd;
    border-right: 1px solid #7b9ebd;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;    
    color: #333333;   
    text-decoration: none;
	vertical-align: middle;
	background-color: #F2F2F2;
}
input.radio {
  border-style: none;
  color: #ff0000;
  background-color:transparent ;
  vertical-align: middle;
}
.radiolist {
	border:#7b9ebd 1px solid;
	background:#F2F2F2;
	color: #014D87;
	font-size:77%;
	line-height:0.5em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
.imgbtn {
	margin:0px 0px 0px 10px;
	vertical-align:bottom;
	background: url(/app_themes/es_banks/btn_search_go.gif);
}
select, select.border, textarea, textarea.border {
	height: auto;
}

input:focus {
	border: 1px solid #666666;
}

input.button:focus {
	border-width: 1px;
}

.btn_pointer {cursor:pointer;}
.required_star {
	color:#FF0000;
	font-size:92%;
	padding:0 0 0 0px;
} 

.sitesearch_bg{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #9e0051;}

/* ------------------------------------------------------------------------- */
#wrap-ft {
	CLEAR: both; TEXT-ALIGN: center
}
#middle {
	width:1003px;
	height:100%;
	padding-bottom:0px; 
	padding-top:0px; 
	background-color:#FFFFFF;
	float:left;
	border:#009900 0px solid;
	font-size:92%
}
.err_msg {
	color:#ff0000;
}
.ack_msg {
	background: #009900;
}

/* End of General setting */

/*********************** Topmenu setting ****************************/
#topmenu_welcome,#topmenu_login {
	font-family:Arial, Helvetica, sans-serif;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
	color:#FFFFFF; 
	FONT-SIZE: 77%; 
	FLOAT: left;  
	MARGIN-LEFT: 0px; 
	margin-top:0px; 

}
#topmenu_welcome P,#topmenu_login P {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 16px; 
	PADDING-BOTTOM: 2px; 
	color:#ffffff; 
	MARGIN: 0px; 
	PADDING-TOP: 48px;
}

#topmenu_logo{float:left; width:260px; height:55px; margin-left:50px;}

#topmenu_welcome{ width:450px;}

#topmenu_search {	
	font-family: Arial, Helvetica, sans-serif;
	width:400px; 
	height:17px; 
	float:right;
	PADDING-RIGHT: 15px; 
	PADDING-LEFT: 0px; 
	color:#ffffff; 
	FONT-SIZE: 77%; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0 0 0px; 
	PADDING-TOP: 0px;
	vertical-align: middle;
}


#topmenu_login P {PADDING-LEFT: 60px;}

#topmenu_login a, #topmenu_search a, #topmenu_breadcrumb a  {
	color:#FFFFFF;
	font-weight: normal;
}
#topmenu_login a:hover, #topmenu_search a:hover, #topmenu_breadcrumb a:hover {
	color:#ef4b9f;  /* ************************************************************************** purple *********** */
}

#topmenu_links{
	font-family: Arial, Helvetica, sans-serif;
	width:450px; 
	height:17px; 
	float:right;
	PADDING-RIGHT: 26px; 
	PADDING-LEFT: 0px; 
	color:#333333; 
	FONT-SIZE: 81%; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px; 
	PADDING-TOP: 6px;
	text-align:right;
	background-color:#FFFFFF;
}
#topmenu_links a {
	color:#333333;
	text-decoration:none;
	font-weight:normal;

}
#topmenu_links a:hover {
	color:#663366;
	text-decoration:underline;
}
.topmenu_separator {
	color:#CCCCCC;
}
#topmemu_logo {
	padding:0px 0px 0px 0px;  
	width:1003px;
	height:70px;
	float:left;
	text-align:left;
	background-color:#FFFFFF; 
	BACKGROUND: url(/app_themes/es_banks/bg_header.gif) no-repeat 0px 0px;
	
}
#topmenu_breadcrumb { 

	PADDING-LEFT: 16px; 
	color:#FFFFFF; 
	FONT-SIZE: 85%; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 6px; 
	height:17px; 
	width:400px; 
	float:left;
}


.radio  {
  border-style: none;
  color: #000000;
  background: transparent;
}
#menu2 {
	background:url(/app_themes/es_banks/bc_bg.gif);
	width:1003px; 
	height:32px;
	float:left;
	text-align:left;
}
#topmenu_seach {
	color:#FFFFFF;
}

#topmain { 
	WIDTH: 1003px; 
	margin-left: auto;
	margin-right: auto; 
	margin-bottom: 0px; 
	PADDING-TOP: 1px;
	background-color:#FFFFFF;
}
#todaydate {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:790px; 
	height:23px; 
	float:right;
	color:#000; 
	FONT-SIZE: 70%; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px; 
	PADDING-TOP: 4px;
	background-color:#FFFFFF; 
	text-align:right; 
	padding-right:26px;
	background-position:right; 
	background-repeat:no-repeat;
}
/* End of Topmenu setting */


.logo_myprofile {
	text-align:left;
	padding:10px 0 8px 12px;
}

/* Left menu setting */
#leftmenu_column {
	width:184px;
	float:left;
	text-align:left;
}
#leftmenu,#left_secondmenu {
	width:100%; 
	height:320px;
	background-color:#f2f2f2; 
	padding-top:10px;
	border:#cfcfcf 1px solid;
}
#leftmenu li, #left_secondmenu li {
	padding:2px 2px 2px 0;
	font-weight:bold;
	font-size:92%;
	text-align:left;
	margin-left:13px;
	list-style:url(/app_themes/es_banks/bullet_arrow.gif);
	letter-spacing:0.05em;
	list-style-position:inside;
}
#leftmenu li a,#left_secondmenu li a{
	color:#727272;
	text-decoration:none;
}
#leftmenu li a:hover,#left_secondmenu li a:hover{
	color:#333;	
	text-decoration:underline;
}
#left_secondmenu {
	border-top:none;
	height:80px;
	background-color:#e6e4e5;
}
/* End of Left menu setting */

/* Content setting */
#content_main{
	background-color:#FFF;
	padding: 5px 10px 10px 0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:20px;
	margin-top:0px;
	font-size: 92%;
	float:right;
	width:780px;
/*	min-height:600px; */
	height:100%;
	border:#FF0000 0px solid;
	text-align:left;
}
#mem_content_main{
	background-color:#FFF;
	padding: 5px 10px 10px 10px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:20px;
	margin-top:0px;
	font-size: 92%;
	float:right;
	width:980px;
	min-height:600px;
	border:#FF0000 0px solid;
	text-align:left;
}

/* End of Content setting */

/* ****************************  Content Session Tabs ***************************/

#content_main .pagetitle, .pagetitle{
	font-size:152%;
	margin:0 5px 5px 0px;
	border:#FF0000 0px solid;
}
.page_subtitle{
	font-size:122%;
	font-weight:bold;
	color:#333333;
	margin-left:3px;
}

.title { font-weight:normal; font-size:107%;}
.subtitle {font-weight:bold; font-size:92%; margin-left:0px;}

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

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

}

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

}

#sessiontabs a{
float:left;
background:url(/app_themes/es_banks/sessiontab_left.gif) no-repeat left top;
margin:0;
margin-right: 0px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration: none;
text-align:center;

}

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

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

#sessiontabs a:hover span {
color: white;
text-decoration: underline;

}

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

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

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

#sessiontabs a:hover span{ /*onMouseover style*/
/*background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

#sessiontabs #tab_end {
background:#9e0051;
background-color:#9e0051;
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 Session Tabs  ***************************** */




#home_col1 {
	width:380px; float:left; border:#0000FF 0px solid;

 

}

#home_col2 {
	width:380px; float:right; border:#ff0000 0px solid; margin-left:8px;


}


#prelogin_col1 {
	width:565px; float:left; border:#0000FF 0px solid;

 

}

#prelogin_col2 {
	width:200px; float:right; border:#ff0000 0px solid;


}
#postlogin_col1 {
	width:765px; float:left; border:#0000FF 0px solid;

 

}

#postlogin_col2 {
	width:200px; float:right; border:#ff0000 0px solid;


}

/* Bottom menu setting */
/* ******************** Footer menu and copyright ********************* */

#footmenu {
	background:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:81%;
	color:#333333;
	text-decoration:none;
	text-align:center;
	margin-top:10px;
	padding:10px 5px 10px 5px;
	height:30px;
	float:left;
	width:99%;
	border:#FF0000 0px solid;
}
#footmenu a {
	color: #333;
	text-decoration: none;
}
#footmenu a:hover {
	color:#ef4b9f;
	text-decoration: underline;
}

#copyright {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;

	height:25px;
	padding:5px 0px 0px 0px;  
	float:left;
	width:1003px;
}

#copyright P {
	PADDING-RIGHT: 26px; 
	PADDING-LEFT: 0px;  
	FONT-SIZE: 70%; 
	PADDING-BOTTOM: 10px; 
	MARGIN: 0px; 
	color:#CCCCCC;
	PADDING-TOP: 10px;
	border-top:#d6dbef 1px solid;
	background: #efeff7;
}
/* End of Bottom menu setting */

/* Fonts content pages setting */
.quicklink a {
	font-size:92%;
	color:#666666;
	padding-left:10px;
	text-decoration:none;
	padding-top:2px;
}
.quicklink a:link, .quicklink a:visited, .quicklink a:active  {
	color:#666666;
}
.quicklink a:hover {
	text-decoration:underline;
	color:#333333;
}
/* End of Fonts content pages setting */


.bl {background: url(bl.gif) 0 100% no-repeat; position:relative; background-color:#e0b2ca; margin-top:0px; width: 20em}
.br {background: url(br.gif) 100% 100% no-repeat} 
.tl {background: url(tl.gif) 0 0 no-repeat} 
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px; }
.th {background: url(/temp/i/high-dot.gif) repeat-x 0 0 #fee3ad; position:relative; margin-bottom:20px;}
.clear {font-size: 1px; height: 1px}

/* ************************* Standard Round box and Legend Round box ***************************/
<!-- 
/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/
#rbox, #lbox, #gbox {
	width:100%
}
#rbox .top-left, #rbox .top-right, #rbox .bottom-left, #rbox .bottom-right, #lbox .top-left, #lbox .top-right, #lbox .bottom-left, #lbox .bottom-right { 
	background-image: url('/app_themes/es_banks/corners1280x26.gif'); /* CHANGE: path and name of your image */
	height: 13px;       /* 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 */
	}
#rbox .top-left, #rbox .bottom-left, #lbox .top-left, #lbox .bottom-left, #gbox .top-left, #gbox .bottom-left, #gbbox .top-left, #gbbox .bottom-left  { 
	margin-right: 13px; /* CHANGE: replace by the width of one of your corners */
	}
#rbox .top-right, #rbox .bottom-right, #lbox .top-right, #lbox .bottom-right,#gbox .top-right, #gbox .bottom-right, #gbbox .top-right, #gbbox .bottom-right  { 
	margin-left: 13px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -13px;  /* CHANGE: replace by the height of one of your corners */

	}
#rbox .top-right, #lbox .top-right,#gbox .top-right,#gbbox .top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
#rbox .bottom-left, #lbox .bottom-left,#gbox .bottom-left,#gbbox .bottom-left   { 
	background-position: 0 -13px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
#rbox .bottom-right, #lbox .bottom-right, #gbox .bottom-right, #gbbox .bottom-right { 
	background-position: 100% -13px; /* CHANGE: replace second number by negative height of one of your corners */
	}
#rbox .inside, #lbox .lbox_inside {
	border-left: 1px solid #c5759e; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #c5759e;/* 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;
	}
#rbox .inside {
	border-left: 1px solid #c5759e; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #c5759e;/* 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;
	}	
	
#rbox .notopgap, #lbox .notopgap, #gbox .notopgap,#gbbox .notopgap     { margin-top: 0; }    /* DNC: to avoid splitting of the box */
#rbox .nobottomgap, #lbox .nobottomgap, #gbox .nobottomgap, #gbbox .nobottomgap  { margin-bottom: 0; } /* DNC: to avoid splitting of the box */
#lbox .lbox_inside {
	padding-top:6px;
	display:block;
		border-left: 1px solid #c5759e; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #c5759e;/* YCC: color & properties of the right-borderline */

}
#lbox .legend {
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	padding:4px;
	position:absolute;
	margin:-25px 0 0 15px;
	font-size:12px;
	
}

#gbox .top-left, #gbox .top-right, #gbox .bottom-left, #gbox .bottom-right { 
	background-image: url('/app_themes/es_banks/gcorners1280x26.gif'); /* CHANGE: path and name of your image */
	height: 13px;       /* 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 */
	}


#gbbox .top-left, #gbbox .top-right, #gbbox .bottom-left, #gbbox .bottom-right { 
	background-image: url('/app_themes/es_banks/gbcorners1280x26.gif'); /* CHANGE: path and name of your image */
	height: 13px;       /* 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 */
	}
#gbox .lbox_inside, {
	border-left: 1px solid #868a8f; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #868a8f;/* 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;
	}
#gbbox .inside {
	border-left: 1px solid #868a8f; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #868a8f;/* YCC: color & properties of the right-borderline */
	background: #e6e6e6;            /* 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;
	}

#gbbox .title {
font-size:12px; display:block; clear:left; margin-top:-8px; float:left; border:#0000CC 0px solid; font-weight:bold;
}
#gbbox .expand_collapse {
display:block; text-align:left; float:right; margin-top:-8px; margin-right:0px;  vertical-align:middle; border:#FF0000 0px solid; 
}

#gbbox .icon{
display:block; margin-top:-13px; padding-left:30px; margin-left:20px; border:#FF0000 0px solid;
}



/* ************************* End of Standard Round box and Legend Round box ***************************/

/* ************************ List item within all round box ********************** */
#rbox li, #gbox li, #gbbox li, #lbox li, #rheaderbox li, #rheaderbox2 li {
	padding:2px 2px 2px 0;
	text-align:left;
	margin-left:0px;
	list-style:url(/app_themes/es_banks/bullet_arrow.gif);
	list-style-position:inside;
	clear: both;
}

#rbox .figures, #gbox .figures, #gbbox .figures, #lbox .figures, #rheaderbox .figures, #rheaderbox2 .figures {
	text-align:left;
	margin-left:25px;
	clear:left;

}

/* ************************* Header Round box 1 ***************************/
#rheaderbox .boxtitle {
	color:#FFFFFF;
	font-size:100%;
	position:absolute;
	margin-top:-32px;
	margin-bottom:30px;
	margin-left:0px;
	text-align:left;
	font-weight:bold;
}

#rheaderbox .top-left, #rheaderbox .top-right, #rheaderbox .bottom-left, #rheaderbox .bottom-right { 
	background-image: url('/app_themes/es_banks/corners1280x62.gif'); /* CHANGE: path and name of your image */
	height: 31px;       /* 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 */
	}
#rheaderbox .top-left, #rheaderbox .bottom-left,#rheaderbox2 .top-left, #rheaderbox2 .bottom-left  { 
	margin-right: 31px; /* CHANGE: replace by the width of one of your corners */
	}
#rheaderbox .top-right, #rheaderbox .bottom-right,#rheaderbox2 .top-right, #rheaderbox2 .bottom-right { 
	margin-left: 31px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -31px;  /* CHANGE: replace by the height of one of your corners */
	}
#rheaderbox .top-right, #rheaderbox2 .top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
#rheaderbox .bottom-left, #rheaderbox2 .bottom-left  { 
	background-position: 0 -31px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
#rheaderbox .bottom-right, #rheaderbox2 .bottom-right { 
	background-position: 100% -31px; /* CHANGE: replace second number by negative height of one of your corners */
	}
#rheaderbox .inside,#rheaderbox2 .inside {
	border-left: 2px solid #c5759e; /* YCC: color & properties of the left-borderline */
	border-right: 2px solid #c5759e;/* 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 */
	padding-top:10px;

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


#rheaderbox2 .boxtitle {
	color:#333333;
	font-size:100%;
	position:absolute;
	margin-top:-32px;
	margin-bottom:30px;
	text-align:left;
	font-weight:bold;
}


#rheaderbox2 .top-left, #rheaderbox2 .top-right, #rheaderbox2 .bottom-left, #rheaderbox2 .bottom-right { 
	background-image: url('/app_themes/es_banks/corners1280x62b.gif'); /* CHANGE: path and name of your image */
	height: 31px;       /* 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 */
	}

#rheaderbox2 .inside {
	border-left: 1px solid #c5759e; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #c5759e;/* YCC: color & properties of the right-borderline */
}



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

/* ************************* Advanced Search ********************************************************** */
#adv_search .control{
	padding-bottom:3px;
	margin-right:5px;
	margin-top: 3px;
	float:left;

}

.results {
	color:#e36e35;
}
.container {
	background-color: #eee;
	width: 100%;
}


.bottom_right_compare, .bottom_left_compare {
	background-image: url('/app_themes/es_banks/corners_compare1280.gif'); /* CHANGE: path and name of your image */
	height: 33px;       /* 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 */
	}
.bottom_right_compare {
	background-position:100% 0;
	margin-left:33px;
	border:#FF0000 0px solid;
	margin-top:-33px;
	text-align:right;

}
.bottom_left_compare{
	background-position: 0 -33px;
	margin-right: 33px; 
	margin-top:0px;
	border:#FF0000 0px solid;
}
#rbox_compare{
	font-size:12px;
	font-weight:bold;
	color: #FFF;
	text-align: right;
	border:0px #000099 solid;
	margin-right:15px;
	padding-top:8px;
	margin-top:0px;
	text-decoration:underline;
	letter-spacing:1px;
}

#rbox_compare a{
	color: #FFF;
	border:0px #000099 solid;
	text-decoration: none;
}
#rbox_compare a:hover{
	color: #baa8c6; /* ************************************************************************** purple *********** */
	text-decoration:underline;
}

/**************************************** TABLE TABLE TABLE ******************************************************** */
/******************************************************************************************************************** */

/* ***************** Grid table ************************************** */

.gt_items {
	margin-left:10px;
	padding-left:10px;
	
		
}
.gt_header {
	font-weight:bold;
}

/* ****************** Normal table 1 ************************************ */
.t1_layout, .t2_layout, .t3_layout{
	border:#c5759e 1px solid;
	border-left:none;
	border-bottom:none;
}
.t1_header, .t2_header, .t3_header{
	background:#e0b2ca;
	border-bottom:#c5759e 1px solid;
	border-left:#c5759e 1px solid;
	padding:5px;
	font-weight:bold;
	text-align:center;
}	
.t1_items, .t2_items, .t3_items{
	background:#FFFFFF;
	border-bottom:#c5759e 1px solid;
	border-left:#c5759e 1px solid;
	padding:5px 5px 5px 15px;
}
.t2_items{
	padding:5px 5px 5px 10px;
}

.t2_header{
	padding:5px 5px 5px 10px;
	text-align:left;
}
.t3_header{
	padding:5px 5px 5px 10px;
	text-align:left;
}
.t4_header{
	font-weight:bold;
	border-bottom:#ffffff 2px solid;
	border-top:#ffffff 2px solid;
	border-left:#ffffff 2px solid;
	border-right:#ffffff 2px solid;
	background:#e0b2ca;
	border-left:none;
	border-bottom:none;
	padding:5px 5px 5px 10px;
}
.t4_items{
	border-bottom:#ffffff 2px solid;
	border-top:#ffffff 1px solid;
	border-left:#ffffff 2px solid;
	border-right:#ffffff 2px solid;
	background:#e6e4e5;
	border-left:none;
	border-bottom:none;
	padding:5px 5px 5px 10px;
}
.t5_layout{
	border:#cecece 1px solid;
	border-left:none;
	border-bottom:none;
}
.t5_header{
	background:#FFFFFF;
	border-bottom:#cecece 1px solid;
	border-left:#cecece 1px solid;
	padding:5px 5px 5px 15px;
}
.t5_items{
	background:#FFFFFF;
	border-bottom:#cecece 1px solid;
	border-left:#cecece 1px solid;
	padding:5px 5px 5px 15px;
}
/* ***************** small round box full background ****************** */
#fig_totals{
}

#fig_totals .rbox_190 {
background:url(/app_themes/es_banks/rbox_190x25.gif) no-repeat; width:190px; padding:5px 0px 5px 0px; float:left; margin-right:5px; border:#FF0000 0px solid;}
#fig_totals .label-t
{display:block; clear:left; float:left; margin-left:4px;}
#fig_totals .amount-t
{margin:0 6px 0 2px; display:block; text-align:right; font-weight:bold; border:#000099 0px solid;}
#fig_totals .currency
{margin-left:50px; padding-top:5px; text-align:right; border:#999900 0px solid;}


/* ***************** Grey collapse round box************* */

#gcbox .header{
border:#86898e 1px solid; padding:4px 8px 4px 10px; background:#e9e9e9; height:15px;
}
#gcbox .headertitle{
font-size:12px; display:block; clear:left; float:left; border:#0000CC 0px solid;
}
#gcbox .expand_collapse{
display:block;margin-right:2px; text-align:right;
}
.gcbox_inside {
border-left:#86898e 1px solid; border-right:#86898e 1px solid; padding:10px; text-align:justify; height:85px;
}

/* ***************** Popup box ******************** */
#popup { border:#c5759e 1px solid; width:250px; height:100%;color:#e9e9e9;}
#popup .header{background-color:#9e0051; padding:3px 3px 3px 6px;color:white;}
#popup .title{font-size:11px;font-weight:bold; display:block; clear:left; float:left;}
#popup .close{display:block;margin-right:2px; text-align:right;}
#popup a{color:#e9e9e9; text-decoration:none;}
#popup a:hover{color:#c5759e; text-decoration:underline;}
#popup .inside {padding:5px; border:none; font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#000000; background:#e9e9e9;}

/* ******************* Modal Popup ********************* */
#modal_popup .header{background:#9e0051; padding:3px 3px 3px 10px; height:25px; text-align:left;}
#modal_popup .header span{color:#FFFFFF; font-size:18px; text-align:left;}
#modal_popup .inside{padding:8px; padding-bottom:20px; }
#modal_popup .bottom{border:#CCCCCC 0px solid; text-align:center; height:30px; margin-bottom:15px;}




.dotline_hor { border-top:#CCCCCC 1px dotted;}
.topline_hor { border-top:#c5759e 1px solid;}
.allline_hor { border-bottom:#c5759e 1px solid; border-top:#c5759e 1px solid; border-right:#c5759e 1px solid; border-left:#c5759e 1px solid;}

/* ***************** Round Button *************** */

a.button, span.button, del.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;
	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;

}



a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(/app_themes/es_banks/form_buttons.png);
    _background-image:url(/app_themes/es_banks/form_buttons.gif);
}


a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;
    color:#fff;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0; /* -----------------------  !important;  */
    font-family:"Arial"; /* -----------------------!important;*/
    font-size:11px; /* -----------------------!important; */
	font-weight:bold;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, 
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}



del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button span{
	cursor:default;
    color:#aaa; /* !important  */
	background-position:100% -120px;
}


span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}





a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}


a.button:active, a.button:focus span{
	color:#444;
}




del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}


del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}




/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{


	
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};
			
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));




}

/* ========================= End of Round button ===================== */