
/* ---- common ezus-------------------- */

/* body */
BODY { background-color:white; scrollbar-3dlight-color:#0F3A9D; scrollbar-darkshadow-color:#0F3A9D; scrollbar-face-color:#6283D4; scrollbar-track-color:#E1F0FA; scrollbar-highlight-color:#6283D4; scrollbar-shadow-color:#6283D4; scrollbar-arrow-color:#EBEC87; margin:0px; padding:0px; overflow:auto }

/* links */
A:link, A:visited { text-decoration:underline; color:#658BE4 }
A:hover, A:active { color:#0A1F7B }

/* forms */
FORM { padding:0px; margin:0px }
INPUT, TEXTAREA, SELECT { background-color:#F5FBFD; color:#5B5253;  font-family:arial, helvetica; font-size:11px }
INPUT.readonly, TEXTAREA.readonly, SELECT.readonly { background-color:#f3f3f4; color:#7c92a0; font-family:arial, helvetica; font-size:11px }
INPUT.radio { background-color:transparent}
INPUT.checkbox { background-color:transparent }
.error {color:red}

/* container */
.container { height:100%; top:0; left:0; } /* container overflow: visible=scroll full page, auto=scroll portlets/* portlets spacing */
.outer-left-top { padding: 13px 0px 0px 15px; height:100% }
.outer-right-bottom {  height:100%; padding: 0px 15px 15px 0px; } 



/* positions */
.floatleft { float:left; text-align:left; width:50%; }  /* do not modify */
.floatright { float:right; text-align:right; width:50%; }  /* do not modify */

/* no icon */
.no-icon { background-image:none !important }

/* action icons */
.action-mailto {height:20px; cursor:hand; background-image:url(../images/btmailto.gif); background-repeat:no-repeat; background-position:15 center; font-family:arial; font-size:11px; font-weight:normal; color:#154cce; padding:4 20 0 36; }
.action-getfile {height:20px; cursor:hand; background-image:url(../images/btfile.gif); background-repeat:no-repeat; background-position:15 center; font-family:arial; font-size:11px; font-weight:normal; color:#154cce; padding:4 20 0 36;}
.action-openlink {height:20px; cursor:hand; background-image:url(../images/btlink.gif); background-repeat:no-repeat; background-position:15 center; font-family:arial; font-size:11px; font-weight:normal; color:#154cce; padding:4 20 0 36;}
.action-print {height:20px; cursor:hand; background-image:url(../images/btprint.gif); background-repeat:no-repeat; background-position:15 center; font-family:arial; font-size:11px; font-weight:normal; color:#154cce; padding:4 20 0 36;}



/* ---- header -------------------- */

/* main */
.header { background-image:url(../images/header.jpg); height:76px; background-position:top right; background-repeat:no-repeat }
.header .layout { table-layout:auto }  /* do not modify */

/* logos */
.header .logo-left { width:200px; }
.header .logo-left .content { width:0px }
.header .logo-left .content .title-top { display:none }
.header .logo-left .content .title-bottom { display:none }
.header .logo-right { width:0px }
.header .logo-right .content { width:0px }
.header .logo-right .content .title-top { display:none }
.header .logo-right .content .title-bottom { display:none }

/* user information */
.header .userinfo { float:right; background-color:#133A9B; border:1px solid #115FE2; border-right:none }
.header .userinfo .left { width:0px; font-size:0px}
.header .userinfo .user { height:21px; font-family:arial; font-size:10px; font-weight:normal; color:#F4FFAD; padding:1px 0px 1px 6px}
.header .userinfo .icon { width:0px; font-size:0px }
.header .userinfo .info { height:21px; font-family:arial; font-size:10px; font-weight:normal; color:white; padding:1px 6px 1px 0px}
.header .userinfo .right {width:0px; font-size:0px }

/* navigation (switch between portal and applications) */
.header .tabopt { float:right; padding:10px 0px 2px 0px }
.header .tabopt .leftmargin { width:0px }
.header .tabopt .left { width:0px; }
.header .tabopt .content { height:15px; background-color:#7180DB; font-family:arial; font-size:11px; font-weight:normal; color:white; border-left:1px solid #0A1F7B; border-top:1px solid #0A1F7B; padding:1px 7px 1px 7px}
.header .tabopt .right { width:0px; }
.header .tabopt .rightmargin { width:0px; }

	/* links */
	.header .tabopt A { font-family:arial; font-size:11px; font-weight:normal; text-decoration:none !important }
	.header .tabopt A:link, .header .tabopt A:visited { color:white }
	.header .tabopt A:hover, .header .tabopt A:active { color:#0A1F7B }

/* sub element */
.subheader { display:none }


/* application information (application specific) */
.header .modinfo { height:100%; float:right; text-align:right;  }
.header .modinfo .left { height:23px; background-image:url(../images/modinfoico.gif); background-repeat:no-repeat; background-position:0px 0px; width:14px; background-color:#133A9B; }
.header .modinfo .title { height:23px; font-family:arial; font-size:14px; font-weight:bold; color:#B7F3FF; padding:0px 0px 0px 5px; background-image:url(../images/modinfoback.gif); background-repeat:repeat-x;  }
.header .modinfo .actions { display:none }
.header .modinfo .right { width:15px; background-image:url(../images/modinfoback.gif); background-repeat:repeat-x;  }



/* ---- navigation level 1 (inside portal or application) ---- */

/* tabs level 1 */
.tabnav-empty { background-color:#0A1F7B; height:24px; background-repeat:repeat-x; border-top:2px solid #FFE400; border-bottom:3px solid white; }

.tabnav {  background-color:#0A1F7B; height:24px; background-repeat:repeat-x; border-top:2px solid #FFE400; border-bottom:3px solid white;  }
.tabnav .outer { padding:0px; margin:6px 0px 0px 0px; float:left; } /* alignment */
.tabnav .leftmargin { width:0px }
.tabnav .left { height:17px; width:5px;}
.tabnav .content { background-color:#EDD340; color:#404F95; font-family:arial; font-size:11px; font-weight:bold; border:1px solid white; border-bottom:none; padding:0px 4px 0px 4px }
.tabnav .right { width:0px;  }
.tabnav .left-active { height:17px; width:5px; }
.tabnav .content-active { background-color:#7F8ADC; font-family:arial; font-size:11px; font-weight:bold; color:white; border:1px solid white; border-bottom:none; padding:0px 4px 0px 4px}
.tabnav .right-active { width:0px;  }
.tabnav .rightmargin { width:0px }

	/* links */
	.tabnav A { font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none !important }
	.tabnav A:link, .tabnav A:visited { color:#404F95; text-decoration:none }
	.tabnav A:hover, .tabnav A:active { color:#0A1F7B; text-decoration:none }

/* sub element (level 1) */
.subtabnav { height:2px; font-size:0px; background-color:#DEDEDE }


/* tabs level 2 */ 
.tabnav2-empty { background-color:#0A1F7B; height:24px; background-repeat:repeat-x; border-top:2px solid #FFE400; border-bottom:3px solid white;}

.tabnav2 { background-color:#0A1F7B; height:28px; border-top:2px solid #FFE400; border-bottom:3px solid white; }
.tabnav2 .outer { padding:0px; margin:3px 0px 0px 0px; float:left  } /* alignment */
.tabnav2 .leftmargin { height:18px; width:10px;}
.tabnav2 .left {height:18px; width:6px; background-image:url(../images/tabnav2left.gif); background-repeat:no-repeat; }
.tabnav2 .content { height:18px; background-image:url(../images/tabnav2back.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-weight:bold; font-size:11px; color:white; padding:0px}
.tabnav2 .right { height:18px; width:10px; background-image:url(../images/tabnav2right.gif); background-repeat:no-repeat; }
.tabnav2 .left-active { height:18px; width:6px; background-image:url(../images/tabnav2lefta.gif); background-repeat:no-repeat; }
.tabnav2 .content-active { height:18px; background-image:url(../images/tabnav2backa.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-weight:bold; font-size:11px; color:white; padding:0px}
.tabnav2 .right-active {  height:18px; width:10px; background-image:url(../images/tabnav2righta.gif); background-repeat:no-repeat; }
.tabnav2 .rightmargin { width:0px }
 
	/* links */
	.tabnav2 A { font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none !important }
	.tabnav2 A:link, .tabnav2 A:visited { color:#404F95; text-decoration:none }
	.tabnav2 A:hover, .tabnav2 A:active { color:#0A1F7B; text-decoration:none }

/* sub element (level 2) */
.subtabnav2 { height:2px; font-size:0px; background-color:#DEDEDE }

/* ---- navigation level 2 (application specific) ---- */

/* history */
.history {height:18px;}
.history .outer { padding:0px; margin:0px; float:left } /* alignment */
.history .leftmargin {width:14px; height:18px; background-image:url(../images/historyleftmg.gif); background-repeat:no-repeat;}
.history .left {display:none} 
.history .content {background-image:url(../images/historyback.gif); background-repeat:repeat-x; font-family:arial; font-weight:normal; font-size:11px; color:#6C6C6C; padding:0px 1px 1px 3px}
.history .right {display:none}
.history .left-active {display:none}
.history .content-active {background-image:url(../images/historyback.gif); background-repeat:repeat-x; font-family:arial; font-weight:normal; font-size:11px; color:#0060FF; padding:0px 1px 1px 3px}
.history .right-active {display:none}
.history .rightmargin {width:10px; background-image:url(../images/historyrightmg.gif); background-repeat:no-repeat;}

		/* links */ 
		.history A { font-family:arial; font-size:11px; font-weight:normal; text-decoration:none !important }
		.history A:link, .history A:visited { color:#6C6C6C; text-decoration:none }
		.history A:hover, .history A:active  { color:red; text-decoration:none }



/* ---- portlet structure --------- */

/* main */
.portlet {  }  /* do not modify */
.portlet .inner { background-color:white; height:100%; font-family:arial, helvetica; font-size:11px;   }

/* zones */
.portlet .outerzone1 {height:29px; background-color:white }
.portlet .zone1 {  }  /* do not modify */
.portlet .zone1 .left	{ display:none }
.portlet .zone1 .icon	{ background-image:url(../images/z1default.gif); width:25px; background-repeat:no-repeat; font-size:1px }
.portlet .zone1 .center	{ height:29px; background-image:url(../images/z1back.gif); background-repeat:repeat-x; font-family:arial; font-size:11px; font-weight:bold; color:#4F64D3; padding:0px 0px 3px 6px;}
.portlet .zone1 .right	{ width:3px; background-image:url(../images/z1right.gif); background-repeat:no-repeat; }
.portlet .zone1 .action-refresh { background-image:url(../images/prefresh.gif); width:17px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-customize { background-image:url(../images/pedit.gif); width:17px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-restore { background-image:url(../images/prestore.gif); width:17px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-minimize { background-image:url(../images/pminimize.gif); width:17px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-maximize { background-image:url(../images/pmaximize.gif); width:17px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-help { background-image:url(../images/phelp.gif); width:17px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-close { background-image:url(../images/pclose.gif); width:17px; background-repeat:no-repeat; cursor:pointer; cursor:hand }

.portlet .outerzone2 { display:none }
.portlet .zone2 {  }  /* do not modify */
.portlet .zone2 .left	{ width:0px }
.portlet .zone2 .center	{ }
.portlet .zone2 .right	{ width:0px }

.portlet .outerzone3 {  }
.portlet .zone3 {  }  /* do not modify */
.portlet .zone3 .left	{ width:0px }
.portlet .zone3 .center	{ background-color:white; border:1px solid #d9e1ed; border-top:none; padding:7px;}
.portlet .zone3 .right	{ width:0px }

.portlet .outerzone4 { height:11px; background-color:white}
.portlet .zone4 {  }  /* do not modify */
.portlet .zone4 .left	{ width:0px }
.portlet .zone4 .center	{ height:10px }
.portlet .zone4 .right	{ width:0px }


/* ---- application portlet structure-------- */

.application .portlet .step {height:100%;}



/* ---- portlet navigation -------- */

/* menu */
.menu .portlet { width:155px }
.menu .portlet .inner { background-color:white }
.menu .menu-inactive { background-color:#E1F0FA; padding:2px 2px 2px 14px; font-family:arial, helvetica; font-size:11px; font-weight:bold; background-image:url(../images/menu_arrow.gif); background-repeat:no-repeat; border:1px solid #D9E1ED; color:#1A6DD4; background-position:3px 5px; }
.menu .menu-active { background-color:#F1FEFF; padding:2px 2px 2px 14px; font-family:arial,helvetica; font-size:11px; font-weight:bold; background-image: url(../images/menu_arrow.gif); background-repeat:no-repeat; border:1px solid #D9E1ED; color:#071D90;	background-position: 3px 5px; cursor:default; }

	/* links */
	.menu A { font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none !important }
	.menu A:link, .menu A:visited { color:#1A6DD4; text-decoration:none }
	.menu A:hover, .menu A:active { color:#071D90; text-decoration:none }


/* tabs */
.portlet .portletnav { padding:4px 5px 5px 4px; background-color:transparent; height:30px;}
.portlet .portletnav .outer { padding:0px; margin:0px; float:left  } /* alignment */
.portlet .portletnav .leftmargin { background-image:url(../images/portletnavleftmg.gif); background-repeat:no-repeat; width:8px; height:18px;}
.portlet .portletnav .left { display:none }
.portlet .portletnav .content { height:18px; background-image:url(../images/portletnavback.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none; color:#728aa6; padding:0px 0px 0px 7px; }
.portlet .portletnav .right { background-image:url(../images/portletnavright.gif); background-repeat:no-repeat; width:6px; }
.portlet .portletnav .left-active { display:none }
.portlet .portletnav .content-active { height:18px; background-image:url(../images/portletnavbacka.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none; color:#4F64D3; padding:0px 0px 0px 7px; }
.portlet .portletnav .right-active { background-image:url(../images/portletnavrighta.gif); background-repeat:no-repeat; width:6px; }
.portlet .portletnav .rightmargin { background-image:url(../images/portletnavrightmg.gif); background-repeat:no-repeat; width:7px; }

	/* links */
	.portletnav A { font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none !important }
	.portletnav A:link, .portletnav A:visited { color:#728aa6; text-decoration:none }
	.portletnav A:hover, .portletnav A:active { color:#4F64D3; text-decoration:none }
	
/* steps */

.step { padding:6px 4px 10px 4px; background-color:white }

.step .stepnav { height:26px; background-image:url(../images/stepnavunder.gif); background-repeat:repeat-x; border-bottom:1px solid #D9E1ED; }
.step .stepnav .outer { padding:0px; margin:0px; float:left; } /* alignment */
.step .stepnav .leftmargin { display:none; }
.step .stepnav .left { height:26px; width:8px; background-image:url(../images/stepnavleft.gif); background-repeat:no-repeat; }
.step .stepnav .content {height:26px; background-image:url(../images/stepnavback.gif); color:#839dbb; background-repeat:repeat-x; padding:0px 5px 8px 5px; cursor:hand;}
.step .stepnav .right { width:11px; background-image:url(../images/stepnavright.gif); background-repeat:no-repeat; background-color:transparent}
.step .stepnav .left-active { height:26px; width:8px; background-image:url(../images/stepnavlefta.gif); background-repeat:no-repeat; }
.step .stepnav .content-active { height:26px; background-image:url(../images/stepnavbacka.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none; color:#4F64D3;  padding:0px 5px 8px 5px; }
.step .stepnav .right-active { width:11px; background-image:url(../images/stepnavrighta.gif); background-repeat:no-repeat; }
.step .stepnav .rightmargin { display:none;}

	/* links */
	.stepnav A { font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none !important }
	.stepnav A:link, .stepnav A:visited { color:#839dbb; text-decoration:none }
	.stepnav A:hover, .stepnav A:active { color:#4F64D3; text-decoration:none }

.step .buttons-outer { background-image:none;  }
.step .header-helper { border-top:none; }
.step .content-zone { border-top:none; border:1px solid #D9E1ED; border-top:none; }
.step .grid, .step .grid-content-zone {border:none}
.step .section-content .table-border {border:none}


/* ---- portlet content ----------- */

.header-border {border-collapse:collapse; }


/* headers */
.header-level1 { padding:3px; font-family:arial, helvetica; font-size:11px; font-weight:bold; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; padding-left:18px; color:#071D90; background-position:4px 7px }
	.header-level1-collapsed { cursor:pointer; cursor:hand; font-family:arial, helvetica; padding:3px; padding-left:22px; font-size:11px; font-weight:bold; background-image:url(../images/s2backc.gif); background-color:#E1F0FA; background-repeat:no-repeat; background-position:5px 5px; color:#071D90; height:21px; border:1px solid white; }
	.header-level1-expanded { cursor:pointer; cursor:hand; font-family:arial, helvetica; padding:3px; padding-left:22px; font-size:11px; font-weight:bold; background-image:url(../images/s2back.gif); background-color:#F1FEFF; background-repeat:no-repeat; background-position:5px 5px; color:#071D90; height:21px; border:1px solid white }

.header-level2 {padding:3px; font-family:arial, helvetica; font-size:11px; font-weight:normal; padding-left:10px; color:#5B5253; }
	.header-level2-collapsed { cursor:pointer; cursor:hand; font-family:arial, helvetica; padding:3px; padding-left:37px; font-size:11px; font-weight:bold; background-image:url(../images/s2backc.gif); background-color:#F2FAEC; background-repeat:no-repeat; background-position:20px 5px; color:#071D90; height:21px; border:1px solid white; }
	.header-level2-expanded { cursor:pointer; cursor:hand; font-family:arial, helvetica; padding:3px; padding-left:37px; font-size:11px; font-weight:bold; background-image:url(../images/s2back.gif); background-color:#F1FEFF; background-repeat:no-repeat; background-position:20px 5px; color:#071D90; height:21px; border:1px solid white }

.header-level3 {padding:3px; font-family:arial, helvetica; font-size:11px; font-weight:normal; padding-left:18px; color:#5B5253; }
	.header-level3-collapsed { cursor:pointer; cursor:hand; font-family:arial, helvetica; padding:3px; padding-left:37px; font-size:11px; font-weight:bold; background-image:url(../images/s2backc.gif); background-color:#F2FAEC; background-repeat:no-repeat; background-position:20px 5px; color:#071D90; height:21px; border:1px solid white; }
	.header-level3-expanded { cursor:pointer; cursor:hand; font-family:arial, helvetica; padding:3px; padding-left:37px; font-size:11px; font-weight:bold; background-image:url(../images/s2back.gif); background-color:#F1FEFF; background-repeat:no-repeat; background-position:20px 5px; color:#071D90; height:21px; border:1px solid white }

.header-level4 { font-family:arial, helvetica; font-size:11px; font-weight:bold; padding:2px 2px 4px 2px; color:#1A6DD4 }
.header-level5 { font-family:arial, helvetica; font-size:11px; font-weight:bold; color:#65617C; padding:2px 2px 4px 2px;  }
.header-level6 { font-family:arial, helvetica; font-size:11px; font-weight:normal;; color:#4F64D3; padding:2px 0px 2px 12px }

.header-error {border:1px solid #D9E1ED; text-align:center; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:11px; font-weight:bold; background-color:white; color:red; cursor:hand }
.header-helper {background-color:#FFF0CC; background-image:url(../images/bluearrow.gif); background-position:7px 7px; background-repeat:no-repeat; padding:4px 4px 4px 20px; font-family:arial, helvetica; font-size:10px; font-weight:normal; border:1px solid #D9E1ED; color:#D67712; height:24px;}
.header-helper .text-style1 {font-weight:bold; font-family:verdana,arial;}

.header-nav { background-color:white;}

/* content zones (text block, text+image, tables...) */
/*.content-border { border-right:1px solid #6677af; } /*use for multicols content*/
.content-zone { padding:4px 3px 8px 3px;}
.application .content-zone { padding:8px 8px 8px 8px; height:100%; }

.footer-level1 { background-color:#E1F0FA; padding:3px; font-family:arial, helvetica; font-size:10px; border:1px solid #D9E1ED;  color:#071D90;}
	/* links */
	.footer-level1 A:link, .footer-level1 A:visited { color:#071D90; text-decoration:none }
	.footer-level1 A:active, .footer-level1 A:hover { color:red }

/* texts */
.text-level1 { font-family:arial, helvetica; font-size:11px; font-weight:normal; color:#65617C; padding:2px 0px 2px 2px }
.text-level2 { font-family:arial, helvetica; font-size:10px; font-weight:normal; color:#65617C; padding:2px 0px 2px 12px }
.text-style1 { font-weight:bold;  }
.text-style2 { font-style:italic }
.text-style3 { color:green }
.text-highlighted	{ color:#D67712 }
.text-readonly { color:#b89999 }

STRONG,B { font-weight:bold; }
I { font-style:italic }

/* text alignments */
.text-align1 { text-align:left }
.text-align2 { text-align:center }
.text-align3 { text-align:right }

/* images */
.image-outer {border:1px solid #D9E1ED; margin:4px 4px 4px 4px }
	
/* lists */
.text-list { padding:1px; font-family:arial, helvetica; font-size:11px; background-image:url(../images/bullet_list.gif); background-repeat:no-repeat; padding-left:15px; background-position:7px 5px; color:#65617C }
.text-link-list { padding:1px; font-family:arial, helvetica; font-size:11px; background-image:url(../images/link_arrow.gif); background-repeat:no-repeat; padding-left:25px; background-position:13px 3px; color:#65617C }
	
/* tables */
.table-border {border-collapse:collapse; border:1px solid #D9E1ED;}
.table-header {border:1px solid #D9E1ED; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:11px; font-weight:normal; background-color:#E1F0FA; color:#071D90}
.cell-header { border:1px solid #D9E1ED; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:11px; font-weight:normal; background-color:#E1F0FA; color:#071D90 }
.cell1 { border:1px solid #D9E1ED; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:11px; color:#65617C; background-color:#F3F6F9 }
.cell2 { border:1px solid #D9E1ED; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:11px; color:#65617C; background-color:white }
.cell-footer{border:1px solid #D9E1ED; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:11px; font-weight:normal; background-color:#E1F0FA; color:#071D90;}
.cell-highlighted { border:1px solid #D9E1ED; padding:2px 4px 2px 4px; font-family:arial, helvetica; font-size:11px; font-weight:bold; background-color:#f6894d; color:white; cursor:pointer; cursor:hand }

	/* links */
	.cell-header A:link, .cell-header A:visited { color:#071D90 }
	.cell-header A:hover, .cell-header A:active { color:red }


/* forms tables */
.form-style1, .form-style2 { }

.form-style1 .table-border {border:none}
.form-style1 .cell1 { text-align:right; background-color:white; border:0px; padding:4px 2px 4px 8px;  }
.form-style1 .cell2 { text-align:left; padding:4px 8px 4px 8px; background-color:white; border:0px; background-image:url(../images/bullet_form.gif); background-repeat:no-repeat; padding-left:17px; background-position:0px 9px; background-position:5px center } /* background-position Mozilla;IE */

.form-style2 .cell1 { text-align:right; padding:2px 8px 2px 8px; }
.form-style2 .cell2 { padding:2px 8px 2px 8px; }




/* ---- buttons ----------- */

/* outer */
.buttons-outer { background-image:url(../images/buttons_outer.gif); background-repeat:no-repeat; padding:15px 0px 0px 0px; text-align:right; background-position:0px 2px; }
.buttons-outer .buttons-outer-left { text-align:left; background-image:none; }
.buttons-outer .buttons-outer-right  { text-align:right; background-image:none; }
#topbuttons.buttons-outer {background-image:none; padding:0px 0px 10px 0px;}

/* main */
.button { }
.main {}/*default button*/
.main .button1-part0,.main .button1-part0-down,.main .button2-part0,.main .button2-part0-down,.main .button3-part0,.main .button3-part0-down {border-width:2px}	
	
	
/* links */
.button A:link, .button A:visited { cursor:hand; color:#1A6DD4; text-decoration:none !important }
.button A:hover, .button A:active { cursor:hand; text-decoration:none !important }

/* button1 */
.button1-part0 { white-space:nowrap; margin:0px 2px 1px 2px; background-image:url(../images/btblue.gif); background-color:#d1eaf3; border:1px solid #AABCD7; font-size:10px; height:1px } /* margin = space between buttons  */
.button1-part1 { white-space:nowrap; padding:0px 5px 0px 5px; font-family:arial, helvetica; height:1px }
.button1-part0-down { white-space:nowrap; margin:0px 2px 1px 2px; background-color:#d1eaf3; border:1px solid #AABCD7; height:1px; font-size:10px }
.button1-part1-down { white-space:nowrap; padding:0px 5px 0px 5px; font-family:arial, helvetica; height:1px }

/* button2 */
.button2-part0 { white-space:nowrap; margin:0px 2px 1px 2px; background-image:url(../images/bt2.gif); background-color:#F6F9DA; background-repeat:repeat-x; border:1px solid #AABCD7; height:1px;  font-size:10px }
.button2-part1 { white-space:nowrap; padding:0px 5px 0px 5px; font-family:arial, helvetica; height:1px }
.button2-part0-down { white-space:nowrap; margin:0px 2px 1px 2px; background-color:#F6F9DA; border:1px solid #AABCD7; height:1px; font-size:10px }
.button2-part1-down { white-space:nowrap; padding:0px 5px 0px 5px; font-family:arial, helvetica; height:1px }
	
/* button3 */
.button3-part0 {white-space:nowrap; margin:0px 2px 1px 2px; background-image:url(../images/button3bg.gif); border:1px solid #AABCD7; height:1px; font-size:10px }
.button3-part1 { white-space:nowrap; padding:0px 5px 0px 5px; font-family:arial, helvetica; height:1px }
.button3-part0-down { white-space:nowrap; margin:0px 2px 1px 2px; background-color:#dffadc; border:1px solid #AABCD7; height:1px; font-size:10px }
.button3-part1-down { white-space:nowrap; padding:0px 5px 0px 5px; font-family:arial, helvetica; height:1px }



/* ---- bars ----------- */

/* parts */
.bar-outer { font-size:1px }
.bar {  background-color:#ffffff; border:1px solid #D9E1ED;}
.bar-gauge {background-image:url(../images/barbg.gif); border-right:1px solid #D9E1ED; width:1px; font-size:9px}
.bar-text {width:26px; font-family:arial,helvetica; font-weight:normal; color:#D67712; font-size:10px; margin:0px 3px 0px 0px; text-align:right}


/* ---- component::grid ----------- */

.grid {height:100%; border:1px solid #D9E1ED}
	
/* headers and footer */
.grid-header1 {height:32px; background-color:#E1F0FA; font-family:arial; font-size:11px; font-weight:bold; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; padding:4px 3px 3px 20px; border-bottom:1px solid #D9E1ED; color:#071D90; background-position:8px 13px }
.grid-header2 { background-color:#E1F0FA; padding:3px; font-family:arial; font-size:11px; font-weight:bold; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; padding:4px 3px 3px 20px; border-bottom:1px solid #D9E1ED; border-top:1px solid #D9E1ED; color:#071D90; background-position:8px 12px }
.grid-footer { background-color:#E1F0FA; padding:3px 3px 6px 3px; font-family:arial; font-size:11px; font-weight:bold; border-top:1px solid #D9E1ED; color:#071D90; background-position:8px 12px }

/* content */
.grid-content-zone { padding:4px 8px 8px 8px; height:100%; background-color:white}

/* buttons */
.grid .buttons-outer { text-align:left !important; background-image:none !important; padding:0px 0px 8px 0px; }
.grid .button1-part0, .grid .button2-part0, .grid .button1-part0-down, .grid .button2-part0-down
	{ margin:0px 1px 0px 1px }

/* history */
.grid-history { font-family:arial, helvetica; font-size:11px; color:#071D90; padding:0px 2px 8px 2px; }

/* texts */
.grid .grid-header1 .text-level1 { font-size:11px; font-weight:bold; color:#071D90 }
.grid .grid-header2 .text-level1 { font-size:11px; font-weight:bold; color:#071D90 }
.grid .grid-footer .text-level1 { font-size:11px; font-weight:bold; color:#071D90 }
.grid .grid-header1 .text-level2 { font-size:11px; color:#071D90; padding:0px 3px 0px 3px  }
.grid .grid-header2 .text-level2 { font-size:11px; color:#071D90; padding:0px 3px 0px 3px  }
.grid .grid-footer .text-level2 { font-size:11px; color:#071D90; padding:0px 3px 0px 3px  }
.grid .cell-footer { border-top:none }

/* selector */
.selector { background-color:white; height:100% }
.selector .grid-content-zone { overflow:auto; }
.selector .grid { background-color:white }
.selector .buttons-outer { background-image:none !important; padding:5px }
.selector .grid .buttons-outer { padding:5px }
.selector .grid .grid-history { padding:5px 0px 5px 5px; }

/* datePicker */
#datePicker .text-highlighted {font-family:arial;font-weight:bold; font-size:11px}
#datePicker .content-zone TD {cursor:pointer; cursor:hand}
#datePicker A:link, #datePicker A:visited { text-decoration:none; color:black; }
#datePicker .text-highlighted {border:1px solid #D9E1ED}
#datePicker .text-highlighted .text-highlighted {border:none}
#datePicker .cell-highlighted A:link, #datePicker A:visited { color:white; }
#datePicker .text-highlighted A:link, #datePicker A:visited { color:#c75900; }
#datePicker .zone1 {height:25px;} /* trick to prevent */
#datePicker .zone3 .center { padding:2px 7px 0px 7px; }
#datePicker .zone4 {height:6px;} /*  wrong aspect */

/* wizzard */
.wizzard {height:100%; }
.wizzard .clipart {background-image:url(../images/mandatory/clipart1.jpg); backgroud-repeat:no-repeat; width:125px; height:199px; border:1px solid #6A9BDE; margin:4px 4px 4px 4px}
.wizzard #zoneB.content-zone {border-left:1px solid #D9E1ED;}

/* simple search*/
#SimpleSearch.grid-header1 {border:1px solid #D9E1ED; border-bottom:none}
#SimpleSearch.grid-header1 .text-level1 {font-size:11px; font-weight:bold; color:#071D90}
#SimpleSearch.grid-header1 .text-level2 {font-size:11px; font-weight:normal; color:#071D90; padding:4px 2px 4px 10px}


/* ---- footer ----------- */

/* main */
.footer {  height:15px; background-image: url(../images/footer.gif); background-repeat:repeat-x; }
.footer .left {  } 
.footer .right {  }

/* status message */	
.message { height:27px; background-color:#ebfbff; border-bottom:1px solid #D9E1ED}
.message .left { height:27px; background-image:url(../images/blue_arrow.gif); background-position:12px 11px; background-repeat:no-repeat; font-family: arial, helvetica; font-size:11px; font-weight:normal; color:#786ab2; padding:0px 0px 0px 24px; }
.message .right { height:27px; }

/* copyright */
.copyright { height:40px; background-color:#0A1F7B; background-image:url(../images/copyezus.gif); background-repeat:no-repeat; }
.copyright .left {  font-family: arial; font-size:10px; font-weight:normal; color:#0A1F7B; text-decoration:none; text-align:right; } 
.copyright .right { font-family: arial; font-size:10px; font-weight:normal; color:#0A1F7B; text-align:right; padding-right:12px; text-decoration:none }

	/* links */
	.copyright A:link, .copyright A:visited { color:#0A1F7B; text-decoration:none }
	.copyright A:hover, .copyright A:active { color:#0A1F7B; text-decoration:underline }



/* ---- pagelets layout ----------- */

/* main */
.pagelet-layout { padding:0px; }
.pagelet-layout .buttons-outer { background-image:none !important; padding:3px }
.pagelet-layout .outer-right-bottom { position:relative; padding: 0px 10px 10px 0px; height:0px } 
.pagelet-layout .header-border {border:1px solid #D9E1ED}
.pagelet-layout .header-level1 { background-image:none !important; background-color:#EAEEFA; padding:4px; border-bottom:1px solid #D9E1ED }
.pagelet-layout .text-style1 { font-family:arial; font-size:11px; font-weight:bold; color:#1A6DD4 }
.pagelet-layout .content-zone { padding:4px }
.pagelet-layout .portlet-outer { padding:4px }
.pagelet-layout  .table-border {border:1px solid #C2CFE2}
.pagelet-layout .cell-header { background-color:#caedfa; border:1px solid #C2CFE2 }
.pagelet-layout .cell1 { background-color:#FAFCFE; color:#071D90; font-family:arial; font-size:11px; font-weight:normal; padding:4px; border:1px solid #C2CFE2 }
.pagelet-layout .footer-level1 { background-image:url(../images/buttons_outer.gif); background-repeat:no-repeat; background-color:transparent; border:none; margin:0px 10px 0px 10px; padding:18px 0px 0px 0px; text-align:right; background-position:0px 2px; }



/* ---- popup structure ----------- */

/* main */

.popup  {height:100%; }
.popup .portlet {height:100%; }
.popup .portlet .zone1 .left {display:none}
.popup .portlet .zone1 .right {display:none}
.popup .portlet .zone2 .right {display:none}
.popup .portlet .zone3 .left {display:none}
.popup .portlet .zone3 .center {border:none}	
.popup .portlet .zone3 .inner {height:100%; padding:2px 0px 0px 0px; border:none}
.popup .portlet .zone3 .right {display:none}
.popup .portlet .outerzone4 {height:6px}
.popup .portlet .zone4 {display:none}


/* ---- tooltip ------------ */

#ToolTip { border:1px solid #D9E1ED; color:#071D90; background-color:#FFFFA4; font-family:arial; font-size:10px; padding:2px 4px 2px 4px; width:250px }
#ToolTip .hl { color:#1A6DD4 }
