/* ---- common all browsers GPI-------------------- */

/* body */
BODY { background:white url(../images/background.jpg) repeat-x 0px 114px; scrollbar-3dlight-color:#638CA4; scrollbar-darkshadow-color:#638CA4; scrollbar-face-color:#ffffff; scrollbar-track-color:#C4D6DA; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-arrow-color:#419AC9; padding:0px; margin:0px }

/* links */
A:link, A:visited { text-decoration:underline; color:#4597C7 }
A:hover, A:active { color:#92BA25 }

/* forms */
FORM { padding:0px; margin:0px }
INPUT, TEXTAREA, SELECT { background-color:#EBFBFF; border:1px solid #559DC8; color:#240615; font-family:Trebuchet MS,Helvetica,sans serif; font-size:10px }
INPUT.readonly, TEXTAREA.readonly, SELECT.readonly { background-color:#F3F3F3; border:1px solid #A9AEB9; color:#7c92a0; font-family:Trebuchet MS,Helvetica,sans serif; font-size:10px }
INPUT.radio { background-color:transparent; border:none}
INPUT.checkbox { background-color:transparent ; border:none}
.error {color:red}

/* container */
.container { height:100%; top:0px; left:0px; overflow:visible } /* 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:5px center; font-family:Trebuchet MS,Helvetica,sans serif; font-size:11px; font-weight:normal; color:#240615; padding:4px 15px 0px 26px; }
.action-getfile {height:20px; cursor:hand; background-image:url(../images/btfile.gif); background-repeat:no-repeat; background-position:5px center; font-family:Trebuchet MS,Helvetica,sans serif; font-size:11px; font-weight:normal; color:#240615; padding:4px 15px 0px 26px;}
.action-openlink {height:20px; cursor:hand; background-image:url(../images/btlink.gif); background-repeat:no-repeat; background-position:5px center; font-family:Trebuchet MS,Helvetica,sans serif; font-size:11px; font-weight:normal; color:#240615; padding:4px 15px 0px 26px;}
.action-print {height:20px; cursor:hand; background-image:url(../images/btprint.gif); background-repeat:no-repeat; background-position:5px center; font-family:Trebuchet MS,Helvetica,sans serif; font-size:11px; font-weight:normal; color:#240615; padding:4px 15px 0px 26px;}



/* ---- header -------------------- */

/* main */
.header { background-image:url(../images/header.jpg); height:71px; background-repeat:no-repeat }
.header .layout { table-layout:auto }  /* do not modify */

/* logos */
.header .logo-left { width:228px; padding:7px 0px 0px 8px}
.header .logo-left .content { background-image:url(../images/logogpi.gif);  background-repeat:no-repeat; width:228px; }
.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 (portal specific) */
.header .userinfo { height:20px; float:right; padding-top:2px; }
.header .userinfo .left { width:0px;}
.header .userinfo .user { font-family:Trebuchet MS,Helvetica,sans serif; font-size:11px; font-weight:normal; color:#5B5756; padding:0px 0px 0px 0px;}
.header .userinfo .icon { background:url(../images/userinfoico.gif) no-repeat 0px 4px; width:8px }
.header .userinfo .info { font-family:Trebuchet MS,Helvetica,sans serif; font-size:11px; font-weight:normal; color:#0058B3; padding:0px 0px 0px 0px; }
.header .userinfo .right {width:10px }
	
/* navigation (switch between portal and applications) */
.header .tabopt { float:right; height:30px; padding-bottom:15px; }
.header .tabopt .leftmargin { background:url(../images/taboptleftmg.gif) no-repeat; width:9px;  }
.header .tabopt .left { background:url(../images/taboptleft.gif) no-repeat; width:6px; }
.header .tabopt .content { height:30px;background:url(../images/taboptback.gif) repeat-x; font-family:Trebuchet MS,Helvetica,sans serif; font-size:10px; font-weight:normal; color:#545B6D; padding:0px; }
.header .tabopt .right { background:url(../images/taboptright.gif) no-repeat; width:9px;  }
.header .tabopt .rightmargin { background:url(../images/taboptrightmg.gif) no-repeat; width:3px;  }

	/* links */
	.header .tabopt A { font-family:Trebuchet MS,Helvetica,sans serif; font-size:10px; font-weight:normal; text-decoration:none !important }
	.header .tabopt A:link, .header .tabopt A:visited { color:#545B6D }
	.header .tabopt A:hover, .header .tabopt A:active { color:#0058B3  }

/* sub element */
.subheader { display:none }


/* application information (application specific) */
.header .modinfo { height:100%; float:right; text-align:right;  }
.header .modinfo .left { height:20px; background:url(../images/modinfoico.gif) no-repeat 0px 5px; width:7px }
.header .modinfo .title { font-family:Arial,Helvetica,sans serif; font-size:12px; font-weight:bold; color:#606875; padding:0px 0px 0px 0px; }
.header .modinfo .actions { display:none }
.header .modinfo .right { width:15px }



/* ---- navigation level 1 (inside portal or application) ---- */

/* tabs level 1 */
.tabnav-empty { background:url(../images/tabnavback.jpg) no-repeat; height:26px; }

.tabnav { background:url(../images/tabnavback.jpg) no-repeat; height:26px; padding-top:1px;}
.tabnav .outer { padding:0px; margin:0px; float:left  } /* alignment */
.tabnav .leftmargin { height:23px; width:10px  }
.tabnav .left { height:23px; background:url(../images/tabnavleft.gif) no-repeat; width:15px;}
.tabnav .content { background:url(../images/tabnavct.gif) repeat-x; color:#506870; font-family:Arial,Helvetica,sans serif; font-size:12px; font-weight:bold; padding-bottom:2px; }
.tabnav .right { background:url(../images/tabnavright.gif) no-repeat; width:10px;  }
.tabnav .left-active { height:23px; background:url(../images/tabnavlefton.gif) no-repeat; width:16px; }
.tabnav .content-active { background:url(../images/tabnavcton.gif) repeat-x; font-family:Arial,Helvetica,sans serif; font-size:12px; font-weight:bold; color:#0876BC; padding-bottom:2px;}
.tabnav .right-active { background:url(../images/tabnavrighton.gif) no-repeat; width:13px; }
.tabnav .rightmargin { width:10px }

	/* links */
	.tabnav A { font-family:Arial,Helvetica,sans serif; font-size:12px; font-weight:bold; text-decoration:none !important }
	.tabnav A:link, .tabnav A:visited { color:#506870; text-decoration:none }
	.tabnav A:hover, .tabnav A:active { color:#0058B3; text-decoration:none }

/* sub element (level 1) */
.subtabnav { background:url(../images/subtabnav.gif) repeat-x; height:17px; font-size:0px }


/* tabs level 2 */ 
.tabnav2-empty { background:url(../images/tabnavback.jpg) no-repeat; height:26px; }

.tabnav2 {background:url(../images/tabnavback.jpg) no-repeat; height:26px; }
.tabnav2 .outer { padding:0px; margin:0px; float:left  } /* alignment */
.tabnav2 .leftmargin { height:26px; background-image:url(../images/tabnav2leftmg.gif); background-repeat:no-repeat; width:8px;}
.tabnav2 .left {   background-image:url(../images/tabnav2left.gif); width:6px; }
.tabnav2 .content { height:26px; background-image:url(../images/tabnav2back.gif); background-repeat:repeat-x; font-family:Arial, Helvetica; font-weight:bold; font-size:11px; color:#506870; padding:0px 0px 1px 0px}
.tabnav2 .right {  background-image:url(../images/tabnav2right.gif); background-repeat:no-repeat; width:8px; }
.tabnav2 .left-active { display:none }
.tabnav2 .content-active { height:26px; background-image:url(../images/tabnav2backa.gif); background-repeat:repeat-x; font-family:Arial, Helvetica; font-weight:bold; font-size:11px; color:#0080BE; padding:0px 0px 1px 7px}
.tabnav2 .right-active {  background-image:url(../images/tabnav2righta.gif); background-repeat:no-repeat; width:7px; }
.tabnav2 .rightmargin { height:26px; background-image:url(../images/tabnav2rightmg.gif); background-repeat:no-repeat; width:17px }
 
	/* links */
	.tabnav2 A { font-family:Arial, Helvetica; font-size:11px; font-weight:bold; text-decoration:none !important }
	.tabnav2 A:link, .tabnav2 A:visited { color:#506870; text-decoration:none }
	.tabnav2 A:hover, .tabnav2 A:active { color:#0058B3; text-decoration:none }

/* sub element (level 2) */
.subtabnav2 { background:url(../images/subtabnav.gif) repeat-x; height:17px; font-size:0px }

/* ---- navigation level 2 (application specific) ---- */

/* history */
.history {}
.history .outer { padding:0px; margin:0px; float:left } /* alignment */
.history .leftmargin {width:24px; height:28px; 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:Trebuchet MS,Helvetica,sans serif; font-weight:normal; font-size:11px; color:#505862; padding:1px 1px 3px 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:Trebuchet MS,Helvetica,sans serif; font-weight:normal; font-size:11px; color:#008DC8; padding:1px 1px 3px 3px}
.history .right-active {display:none}
.history .rightmargin {width:31px; background-image:url(../images/historyrightmg.gif); background-repeat:no-repeat;}

		/* links */ 
		.history A { font-family:Trebuchet MS,Helvetica,sans serif; font-size:11px; font-weight:normal; text-decoration:none !important }
		.history A:link, .history A:visited { color:#505862; text-decoration:none }
		.history A:hover, .history A:active  { color:#E28F00; text-decoration:none }



/* ---- portlet structure --------- */

/* main */
.portlet { table-layout:auto }  /* do not modify */
.portlet .inner { background-color:white; height:100%; overflow-x:auto; font-family:Trebuchet MS,Helvetica,sans serif; font-size:11px;   }

/* zones */
.portlet .outerzone1 { }
.portlet .zone1 { table-layout:fixed; overflow:hidden }  /* do not modify */
.portlet .zone1 .left	{ width:0px; font-size:0px }
.portlet .zone1 .icon	{ background:url(../images/z1default.gif) no-repeat; width:28px; font-size:1px }
.portlet .zone1 .center	{ background:url(../images/z1back.gif) repeat-x; font-family:Arial,Helvetica,sans serif; font-size:12px; font-weight:bold; color:#62656B; padding:11px 0px 7px 0px; }
.portlet .zone1 .right	{ background:url(../images/z1right.gif) no-repeat; width:12px; font-size:1px }
.portlet .zone1 .action-refresh { background-image:url(../images/prefresh.gif); width:27px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-customize { background-image:url(../images/pedit.gif); width:27px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-restore { background-image:url(../images/prestore.gif); width:27px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-minimize { background-image:url(../images/pminimize.gif); width:27px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-maximize { background-image:url(../images/pmaximize.gif); width:27px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-help { background-image:url(../images/phelp.gif); width:27px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-close { background-image:url(../images/pclose.gif); width:27px; background-repeat:no-repeat; cursor:pointer; cursor:hand }

.portlet .outerzone2 {  }
.portlet .zone2 { table-layout:fixed; overflow:hidden }  /* do not modify */
.portlet .zone2 .left	{ height:5px; background:url(../images/z2left.gif) no-repeat; width:14px; font-size:1px }
.portlet .zone2 .center	{ background:url(../images/z2center.gif) repeat-x; font-size:1px }
.portlet .zone2 .right	{ background:url(../images/z2right.gif) no-repeat; width:15px; font-size:1px }

.portlet .outerzone3 {  }
.portlet .zone3 { table-layout:auto; overflow:hidden; }  /* do not modify */
.portlet .zone3 .left	{ background:url(../images/z3left.gif) repeat-y; width:10px; font-size:1px }
.portlet .zone3 .center	{ background-color:white; padding:6px 4px 0px 4px; }
.portlet .zone3 .right	{ background:url(../images/z3right.gif) repeat-y ; width:11px; font-size:1px;}

.portlet .outerzone4 { }
.portlet .zone4 { table-layout:fixed; overflow:hidden }  /* do not modify */
.portlet .zone4 .left	{ background:url(../images/z4left.gif) no-repeat; width:14px; }
.portlet .zone4 .center	{ height:25px; background:url(../images/z4center.gif) repeat-x; }
.portlet .zone4 .right	{ background:url(../images/z4right.gif) no-repeat; width:15px; }


/* ---- application portlet structure-------- */

.application .portlet .step {height:100%;}



/* ---- portlet navigation -------- */

/* menu */
.menu .portlet { width:155px }
.menu .menu-inactive { background-color:#B6CAD4; padding:4px 2px 2px 14px; font-family:Arial, Helvetica,sans serif; font-size:11px; font-weight:bold; background-image:url(../images/menu_arrow.gif); background-repeat:no-repeat; border:1px solid #797C82; color:#265976; }
.menu .menu-active { background-color:#70BDE3; padding:2px 2px 3px 14px; font-family:Arial, Helvetica,sans serif; font-size:11px; font-weight:bold; background-image: url(../images/menu_arrow_active.gif); background-repeat:no-repeat; border:1px solid #797C82; color:white;  cursor:default; }

	/* links */
	.menu A { font-family:Arial, Helvetica,sans serif; font-size:11px; font-weight:none; text-decoration:none !important }
	.menu A:link, .menu A:visited { color:#265976; text-decoration:none }
	.menu A:hover, .menu A:active { color:#240615; 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:13px; 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,sans serif; font-size:11px; font-weight:bold; text-decoration:none; color:3C3D49; padding:0px 0px 0px 7px; }
.portlet .portletnav .right { background-image:url(../images/portletnavright.gif); background-repeat:no-repeat; width:3px; }
.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, Helveticasans serif; font-size:11px; font-weight:bold; text-decoration:none; color:#2A3B54; padding:0px 0px 0px 7px; }
.portlet .portletnav .right-active { background-image:url(../images/portletnavrighta.gif); background-repeat:no-repeat; width:4px; }
.portlet .portletnav .rightmargin { background-image:url(../images/portletnavrightmg.gif); background-repeat:no-repeat; width:14px; }

	/* links */
	.portletnav A { font-family:Arial, Helvetica,sans serif; font-size:11px; font-weight:bold; text-decoration:none !important }
	.portletnav A:link, .portletnav A:visited { color:#57667B; text-decoration:none }
	.portletnav A:hover, .portletnav A:active { color:#ffffff; 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 #797C82; }
.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:white; 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,sans serif; font-size:11px; font-weight:bold; text-decoration:none; color:white;  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,sans serif; font-size:11px; font-weight:bold; text-decoration:none !important }
	.stepnav A:link, .stepnav A:visited { color:white; text-decoration:none }
	.stepnav A:hover, .stepnav A:active { color:#1A3D71; text-decoration:none }

.step .buttons-outer { background-image:none; padding:3px 0px 0px 0px; }
.step .header-helper { border-top:none; }
.step .content-zone { border:1px solid #797C82; 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; border:1px solid #797C82}
.application .header-border {border:none}

/* headers */
.header-level1 { background-color:#C5D7DB; padding:7px 4px 4px 20px; font-family:Trebuchet MS, Helvetica,sans serif; font-size:11px; font-weight:normal; background-image:url(../images/h1back.gif); background-repeat:no-repeat; border:1px solid #797C82; color:#215877;  }
	.header-level1-collapsed { cursor:pointer; cursor:hand; font-family:Trebuchet MS, Helvetica,sans serif; padding:5px 4px 4px 24px; font-size:11px; font-weight:bold; background-image:url(../images/h1collapsed.gif); background-repeat:no-repeat; background-color:#ADAEB3; background-position:top left; color:white; height:21px; border:1px solid #797C82; }
	.header-level1-expanded { cursor:pointer; cursor:hand; font-family:Trebuchet MS, Helvetica,sans serif; padding:5px 4px 4px 24px; font-size:11px; font-weight:bold; background-image:url(../images/h1expanded.gif); background-repeat:no-repeat; background-color:#A0BAC6; background-position:top left; color:white; height:21px; border:1px solid #797C82; }

.header-level2 { background-color:#E0ECEE; padding:4px 4px 4px 18px; font-family:Trebuchet MS, Helvetica,sans serif; font-size:11px; font-weight:normal; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; border:1px solid #797C82; color:#215877; background-position:4px 8px;  }
	.header-level2-collapsed { cursor:pointer; cursor:hand; font-family:Trebuchet MS, Helvetica,sans serif;  padding:5px 4px 4px 40px; font-size:11px; font-weight:bold; background-image:url(../images/h2collapsed.gif); background-repeat:no-repeat; background-color:#ADAEB3; background-position:top left; color:white; height:21px; border:1px solid #797C82; }
	.header-level2-expanded { cursor:pointer; cursor:hand; font-family:Trebuchet MS, Helvetica,sans serif;  padding:5px 4px 4px 40px; font-size:11px; font-weight:bold; background-image:url(../images/h2expanded.gif); background-repeat:no-repeat; background-color:#A0BAC6; background-position:top left; color:white; height:21px; border:1px solid #797C82; }

.header-level3 { background-color:#E0ECEE; padding:4px 4px 4px 18px; font-family:Trebuchet MS, Helvetica,sans serif; font-size:11px; font-weight:normal; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; border:1px solid #797C82; color:#215877; background-position:4px 8px }
	.header-level3-collapsed { cursor:pointer; cursor:hand; font-family:Trebuchet MS, Helvetica,sans serif; padding:5px 4px 4px 62px; font-size:11px; font-weight:bold; background-image:url(../images/h3collapsed.gif); background-repeat:no-repeat; background-color:#ADAEB3; background-position:top left; color:white; height:21px; border:1px solid #797C82; }
	.header-level3-expanded { cursor:pointer; cursor:hand; font-family:Trebuchet MS, Helvetica,sans serif; padding:5px 4px 4px 62px; font-size:11px; font-weight:bold; background-image:url(../images/h3expanded.gif); background-repeat:no-repeat; background-color:#A0BAC6; background-position:top left; color:white; height:21px; border:1px solid #797C82; }

.header-level4 { font-family:Trebuchet MS, Helvetica,sans serif; font-size:11px; font-weight:bold; padding:2px 2px 4px 2px; color:#0059B1 }
.header-level5 { font-family:Trebuchet MS, Helvetica,sans serif; font-size:9px; font-weight:bold; color:#0059B1; padding:2px 2px 4px 2px;  }
.header-level6 { font-family:Trebuchet MS, Helvetica,sans serif; font-size:9px; font-weight:bold; color:#240615; padding:2px 0px 2px 12px }

.header-error {border:1px solid #797C82; text-align:center; padding:2px 4px 2px 4px; font-family:Trebuchet MS, Helvetica,sans serif; font-size:11px; font-weight:bold; background-color:white; color:red; cursor:hand }
.header-helper {background-color:#D5FF73; background-image:url(../images/blue_arrow.gif); background-position:7px 9px; background-repeat:no-repeat; padding:5px 4px 4px 20px; font-family:Trebuchet MS, Helvetica,sans serif; font-size:10px; font-weight:normal; border:1px solid #797C82; color:0086CA; height:24px;}
.header-helper .text-style1 {font-weight:bold;}

.header-nav { background-color:white;}

/* content zones (text block, text+image, tables...) */
.content-zone { padding:8px; background-color:white;}
.application .content-zone { }

.content-zone2 {padding:8px; background-color:white;}

.footer-level1 { background-color:#C5D7DB; padding:3px; font-family:Trebuchet MS, Helvetica,sans serif; font-size:10px; border:1px solid #797C82;  color:#215877;}
	/* links */
	.footer-level1 A:link, .footer-level1 A:visited { color:#215877; text-decoration:none }
	.footer-level1 A:active, .footer-level1 A:hover { color:#240615 }

/* texts */
.text-level1 { font-family:Trebuchet MS, Helvetica,sans serif; font-size:10px; font-weight:normal; color:#696969; padding:2px 0px 2px 2px }
.text-level2 { font-family:Trebuchet MS, Helvetica,sans serif; font-size:9px; font-weight:normal; color:#696969; padding:2px 0px 2px 12px }
.text-style1 { font-weight:bold;}
.text-style2 { font-style:italic }
.text-style3 { color:green }
.text-highlighted	{ color:#0059B1 }
.text-readonly { color:#8F919E }

/* text alignments */
.text-align1 { text-align:left }
.text-align2 { text-align:center }
.text-align3 { text-align:right }

/* images */
.image-outer {border:1px solid #797C82; margin:4px 4px 4px 4px }
	
/* lists */
.text-list { padding:1px; font-family:Trebuchet MS, Helvetica,sans serif; font-size:11px; background-image:url(../images/bullet_list.gif); background-repeat:no-repeat; padding-left:15px; background-position:7px 5px }
.text-link-list { padding:1px; font-family:Trebuchet MS, Helvetica,sans serif; font-size:11px; background-image:url(../images/link_arrow.gif); background-repeat:no-repeat; padding-left:16px; background-position:5px 5px }
	
/* tables */
.table-border {border-collapse:collapse; border:1px solid #797C82;}
.table-header {border:1px solid #797C82; padding:2px 4px 2px 4px; font-family:Trebuchet MS, Helvetica,sans serif; font-size:10px; font-weight:normal; background-color:#B0C9D5; color:#215877}
.cell-header { border:1px solid #797C82; padding:2px 4px 2px 4px; font-family:Trebuchet MS, Helvetica,sans serif; font-size:11px; font-weight:bold; background-color:#B0C9D5;  color:#215877 }
.cell1 { border:1px solid #797C82; padding:2px 4px 2px 4px; font-family:Trebuchet MS, Helvetica,sans serif; font-size:10px; color:#49404C; background-color:#E4F2F9 }
.cell2 { border:1px solid #797C82; padding:2px 4px 2px 4px; font-family:Trebuchet MS, Helvetica,sans serif; font-size:10px; color:#49404C; background-color:white }
.cell-footer{border:1px solid #797C82; padding:2px 4px 2px 4px; font-family:Trebuchet MS, Helvetica,sans serif; font-size:10px; font-weight:bold; background-color:#B0C9D5; color:#215877;}
.cell-highlighted { border:1px solid #797C82; padding:2px 4px 2px 4px; font-family:Trebuchet MS, Helvetica,sans serif; font-size:11px; font-weight:bold; background-color:#6AA5CB; color:white; cursor:pointer; cursor:hand }

	/* links */
	.cell-header A:link, .cell-header A:visited { color:#215877; text-decoration:underline }
	.cell-header A:hover, .cell-header A:active { color:#240615; text-decoration:none  }


/* 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:15px; background-position:2px 10px; } /* background-position Mozilla;IE */

.form-style2 .cell1 { text-align:right; padding:2px 8px 2px 8px; }
.form-style2 .cell2 { padding:2px 8px 2px 8px; }

/* radios and checkboxes group */
.radiogroup {}
.radiogroup #topbuttons.buttons-outer { padding:3px 0px 8px 0px; margin:2px 2px 4px 2px; background-image:url(../images/buttons_outer.gif); background-position:left bottom;}
.radiogroup TD {font-family:Trebuchet MS, Helvetica,sans serif; font-size:10px; padding:0px 10px 0px 0px;}


/* ---- buttons ----------- */

/* outer */
.buttons-outer { background-image:url(../images/buttons_outer.gif); background-repeat:no-repeat; padding:14px 0px 0px 0px; text-align:right; background-position:0px 2px; margin-top:4px}
.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 { }
/*default button*/
.main .button1-part0, .main .button2-part0, .main .button3-part0 { font-weight:bold }
.main .button1-part0-down, .main .button2-part0-down, .main .button3-part0-down { font-weight:bold }
	
/* links */
.button A:link, .button A:visited { cursor:hand; color:#2A3B54; 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-color:transparent; background-image:url(../images/button1bg1.gif); background-repeat:no-repeat; background-position:top left; font-size:10px; height:1px } /* margin = space between buttons  */
.button1-part1 { white-space:nowrap; padding:1px 8px 2px 0px; background-color:transparent; background-image:url(../images/button1bg.gif); background-repeat:no-repeat; background-position:top right; font-family:Trebuchet MS, Helvetica,sans serif; height:1px }
.button1-part0-down { white-space:nowrap; margin:0px 2px 1px 2px; background-color:transparent; background-image:url(../images/button1bg1.gif); background-repeat:no-repeat; background-position:top left; font-size:10px; height:1px } /* margin = space between buttons  */
.button1-part1-down { white-space:nowrap; padding:1px 8px 2px 0px; background-color:transparent; background-image:url(../images/button1bg.gif); background-repeat:no-repeat; background-position:top right; font-family:Trebuchet MS, Helvetica,sans serif; height:1px }

/* button2 */
.button2-part0 { white-space:nowrap; margin:0px 2px 1px 2px; background-color:transparent; background-image:url(../images/button2bg1.gif); background-repeat:no-repeat; background-position:top left; font-size:10px; height:1px } /* margin = space between buttons  */
.button2-part1 { white-space:nowrap; padding:1px 8px 2px 0px; background-color:transparent; background-image:url(../images/button2bg.gif); background-repeat:no-repeat; background-position:top right; font-family:Trebuchet MS, Helvetica,sans serif; height:1px }
.button2-part0-down { white-space:nowrap; margin:0px 2px 1px 2px; background-color:transparent; background-image:url(../images/button2bg1.gif); background-repeat:no-repeat; background-position:top left; font-size:10px; height:1px } /* margin = space between buttons  */
.button2-part1-down { white-space:nowrap; padding:1px 8px 2px 0px; background-color:transparent; background-image:url(../images/button2bg.gif); background-repeat:no-repeat; background-position:top right; font-family:Trebuchet MS, Helvetica,sans serif; height:1px }
	
/* button3 */
.button3-part0 { white-space:nowrap; margin:0px 2px 1px 2px; background-color:transparent; background-image:url(../images/button3bg1.gif); background-repeat:no-repeat; background-position:top left; font-size:10px; height:1px } /* margin = space between buttons  */
.button3-part1 { white-space:nowrap; padding:1px 8px 2px 0px; background-color:transparent; background-image:url(../images/button3bg.gif); background-repeat:no-repeat; background-position:top right; font-family:Trebuchet MS, Helvetica,sans serif; height:1px }
.button3-part0-down { white-space:nowrap; margin:0px 2px 1px 2px; background-color:transparent; background-image:url(../images/button3bg1.gif); background-repeat:no-repeat; background-position:top left; font-size:10px; height:1px }
.button3-part1-down { white-space:nowrap; padding:1px 8px 0px 0px; background-color:transparent; background-image:url(../images/button3bg.gif); background-repeat:no-repeat; background-position:top right; font-family:Trebuchet MS, Helvetica,sans serif; height:1px }

/*h1 button*/
.header-level1 .button {font-weight:normal;}
.header-level1 .button1-part0,.header-level1 .button1-part0-down {background-image:url(../images/buttonapplibg1.gif);}
.header-level1 .button1-part1,.header-level1 .button1-part1-down {background-image:url(../images/buttonapplibg.gif);}

/* ---- bars ----------- */

/* parts */
.bar-outer { font-size:1px }
.bar { background-color:#ffffff; border:1px solid #afb6c1;}
.bar-gauge {background-image:url(../images/barbg.gif); border-right:1px solid #afb6c1; font-size:9px}
.bar-text {width:26px; font-family:Trebuchet MS, Helvetica,sans serif; font-weight:normal; color:#0059B1; font-size:10px; margin:0px 3px 0px 0px; text-align:right}


/* ---- component::grid ----------- */

.grid {height:100%; }
.grid .header-border { border:1px solid #797C82}	
	
/* headers and footer */
.grid-header1 {height:32px; background-color:#C4D6DA; font-family:Trebuchet MS, Helvetica,sans serif; 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 #797C82; color:#240615; background-position:6px 11px }
.grid-header2 { background-color:#C4D6DA; padding:3px; font-family:Trebuchet MS, Helvetica,sans serif; 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 #797C82; border-top:1px solid #797C82; color:#240615; background-position:6px 11px }
.grid-footer { background-color:#C4D6DA; padding:3px 3px 6px 3px; font-family:Trebuchet MS, Helvetica,sans serif; font-size:11px; font-weight:bold; border-top:1px solid #797C82; color:#240615; 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 .button3-part0, .grid .button1-part0-down, .grid .button2-part0-down, .grid .button3-part0-down	{ margin:0px 1px 0px 1px }

/* history */
.grid-history { font-family:Trebuchet MS, Helvetica,sans serif; font-size:11px; color:#49404C; padding:0px 2px 8px 2px; }

/* texts */
.grid .grid-header1 .text-level1 { font-size:11px; font-weight:bold; color:#240615 }
.grid .grid-header2 .text-level1 { font-size:11px; font-weight:bold; color:#240615 }
.grid .grid-footer .text-level1 { font-size:11px; font-weight:bold; color:#240615 }
.grid .grid-header1 .text-level2 {  color:#240615; padding:0px 3px 0px 3px  }
.grid .grid-header2 .text-level2 { font-size:11px; color:#240615; padding:0px 3px 0px 3px  }
.grid .grid-footer .text-level2 { font-size:11px; color:#240615; padding:0px 3px 0px 3px  }
.grid .cell-footer { border-top:none }

/*--- simple grid -----*/
.simple-grid {height:100%}
.simple-grid .header-border {border:none}

/* headers and footer */
.simple-grid .grid-header1 { background-color:#E0ECEE; border-top:none; padding:0px; height:10px; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; padding:0 0 0 16; background-position:6px 8px; border-bottom:1px solid #797C82;}
.simple-grid .grid-header2 { background-color:#E0ECEE; }
.simple-grid .grid-footer { background-color:#E0ECEE; padding:1px; height:10px; padding-left:3px; border-top:1px solid #797C82; }

/*texts*/
.simple-grid .text-level1 {font-size:11px; color:#215877}
.simple-grid .text-level2 {font-size:11px; color:#215877}

/*grid content*/
.simple-grid .table-border {border:none}
.simple-grid .cell-header {border:none; border-bottom:1px solid #797C82; background-color:transparent; color:#240615; font-weight:bold}
.simple-grid .cell1 {border:none; background-color:transparent; }
.simple-grid .cell2 {border:none; background-color:transparent; }
.simple-grid .cell-header A {color:#240615 !important}


/*---DataList---*/
.dataList {}
.dataList .header-border {border:1px solid #797C82;}

/* headers and footer */
.dataList .grid-header1 {height:auto; background-position:8px 12px}
.dataList .grid-header1 .text-level1 { font-size:11px; font-weight:bold; color:#240615 }
.dataList .grid-header1 .text-level2 { font-size:11px; color:#240615; padding:0px 2px 0px 2px  }
.dataList .grid-footer .text-level1 { font-size:11px; font-weight:bold; color:#240615 }
.dataList .grid-footer .text-level2 { font-size:11px; color:#240615; padding:0px 2px 0px 2px  }

/* Data zones */
#datazone1 {padding:7px 0px 7px 0px; border:1px solid #797C82; margin:7px 0px 7px 0px;}
#datazone1 .table-border {border:none}
#datazone1 .text-link-list { margin:2px; }
#datazone2 {padding:7px}
#datazone2 .header-border {border:1px solid #797C82;}


/* selector */
.selector { background-color:white; height:100% }
.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; }
.selector .grid-content-zone { overflow:auto; }

/* datePicker */
#datePicker .header-level1 {background-image:url(../images/h1meteo.gif);}
#datePicker .text-highlighted {font-family:Trebuchet MS, Helvetica,sans serif;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 #797C82}
#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:10px 7px 0px 7px; }
#datePicker .zone4 {height:6px;} /*  wrong aspect */

/* wizzard */
.wizzard {height:100%; }
.wizzard .table-border {border:none}
.wizzard .clipart {background-image:url(../images/mandatory/clipart2.gif); backgroud-repeat:no-repeat; width:125px; height:169px;  margin:4px 4px 4px 4px}
.wizzard #zoneB.content-zone {border-left:1px solid #797C82;}

/* simple search*/
#SimpleSearch.grid-header1 {border:1px solid #797C82; border-bottom:none}
#SimpleSearch.grid-header1 .text-level1 {font-size:11px; font-weight:bold; color:#240615}
#SimpleSearch.grid-header1 .text-level2 {font-size:11px; font-weight:normal; color:#240615; padding:4px 2px 4px 10px}


/* ---- footer ----------- */

/* main */
.footer { height:35px; background-image: url(../images/foot.gif); background-repeat:repeat-x; }
.footer .left {  } 
.footer .right {  }

/* status message */	
.message { height:28px; background-color:#D5FF73; }
.message .left { height:28px; background-image:url(../images/blue_arrow.gif); background-position:12px 11px; background-repeat:no-repeat; font-family:Trebuchet MS, Helvetica,sans serif; font-size:11px; font-weight:normal; color:#0086CA; padding:0px 0px 0px 24px; }
.message .right {  }

/* copyright */
.copyright { height:45px; background-image:url(../images/cpoyback.gif); background-repeat:repeat-x; padding-left:4px; padding-right:4px}
.copyright .left { font-family:Trebuchet MS, Helvetica,sans serif; font-size:11px; font-weight:bold; color:#638CA4 } 
.copyright .right { font-family:Trebuchet MS, Helvetica,sans serif; font-size:11px; font-weight:bold; color:#638CA4; text-align:right; }

	/* links */
	.copyright A:link, .copyright A:visited { color:#638CA4; text-decoration:none }
	.copyright A:hover, .copyright A:active { color:#92BA25; text-decoration:none }



/* ---- 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 #797C82}
.pagelet-layout .header-level1 {  }
.pagelet-layout .text-style1 { font-family:Trebuchet MS, Helvetica,sans serif; font-size:11px; font-weight:bold; color:#240615 }
.pagelet-layout .content-zone { padding:4px }
.pagelet-layout .portlet-outer { padding:4px }
.pagelet-layout .cell-header {  }
.pagelet-layout .cell1 { font-size:11px; font-weight:bold; padding:10px }
.pagelet-layout .footer-level1 { background-image:url(../images/buttons_outer.gif); background-repeat:no-repeat; text-align:right; background-position:0px 0px; border:none; background-color:transparent; margin:0px 10px 0px 10px;}



/* ---- popup structure ----------- */

/* main */

.popup  {height:100%; }
.popup .portlet {height:100%; }
.popup .portlet .zone1 .left {display:none}
.popup .portlet .zone1 .icon {background-image:url(../images/z1pop.gif); }
.popup .portlet .zone1 .right {background-image:url(../images/z1back.gif); width:10px;}
.popup .portlet .zone2 .left {display:none}
.popup .portlet .zone2 .center{height:8px}
.popup .portlet .zone2 .right {display:none}
.popup .portlet .zone3 .left {display:none}
.popup .portlet .zone3 .inner {height:100%; padding:2px 7px 7px 7px}
.popup .portlet .zone3 .right {display:none}
.popup .portlet .outerzone4 {height:6px}
.popup .portlet .zone4 {display:none}


/* ---- tooltip ------------ */

#ToolTip { border:1px solid #797C82; color:#473E4B; background-color:#E8FFB0; font-family:Trebuchet MS, Helvetica,sans serif; font-size:10px; padding:2px 4px 2px 4px; width:250px }
#ToolTip .hl { color:#0087CB }