/* ---- common all browsers MyServices-------------------- */

/* body */
BODY { background-color:#ECF8FB; scrollbar-3dlight-color:#306178; scrollbar-darkshadow-color:#306178; scrollbar-face-color:#ffffff; scrollbar-track-color:#CADCE5; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-arrow-color:#306178; padding:0px; margin:0px }

/* links */
A:link, A:visited { text-decoration:none; color:#0069ED }
A:hover, A:active { text-decoration:underline; color:#0069ED }

/* forms */
FORM { padding:0px; margin:0px }
INPUT, TEXTAREA, SELECT, .application .grid .grid-header1 INPUT,.application .grid .grid-header1 TEXTAREA,.application .grid .grid-header1 SELECT, .application .grid .grid-footer INPUT,.application .grid .grid-footer TEXTAREA,.application .grid .grid-footer SELECT { background-color:white; color:black; font-family:arial, helvetica; font-size:12px; border-top:1px solid #025CAB; border-left:1px solid #025CAB; border-bottom:1px solid #025CAB; border-right:1px solid #025CAB }
INPUT.readonly, TEXTAREA.readonly, SELECT.readonly { background-color:white; color:black; font-family:arial, helvetica; font-size:12px; border-top:1px solid #025CAB; border-left:1px solid #025CAB; border-bottom:1px solid #025CAB; border-right:1px solid #025CAB }
INPUT.radio, .application INPUT.radio{ background-color:transparent; border:none}
INPUT.checkbox,.application INPUT.checkbox { background-color:transparent; border:none }
.error {color:red}

.application INPUT,.application TEXTAREA,.application SELECT { background-color:white; color:black; font-family:arial, helvetica; font-size:12px; font-weight:normal; }
#helpzone INPUT,#helpzone TEXTAREA,#helpzone SELECT{background-color:transparent; border:0px solid transparent }


/* 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: 10px 0px 0px 10px; height:100% }
.outer-right-bottom { padding: 0px 10px 10px 0px; height:100% }

/* 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 {  }

/* action icons */
.action-mailto {height:20px; cursor:hand; background-image:url(../images/btmailto.gif); background-repeat:no-repeat; background-position:5px center; font-family:arial; font-size:12px; font-weight:normal; color:#154cce; padding:4px 5px 0px 26px; }
.action-getfile {height:20px; cursor:hand; background-image:url(../images/btfile.gif); background-repeat:no-repeat; background-position:5px center; font-family:arial; font-size:12px; font-weight:normal; color:#154cce; padding:4px 5px 0px 26px;}
.action-openlink {height:20px; cursor:hand; background-image:url(../images/btlink.gif); background-repeat:no-repeat; background-position:5px center; font-family:arial; font-size:12px; font-weight:normal; color:#154cce; padding:4px 5px 0px 26px;}
.action-print {height:20px; cursor:hand; background-image:url(../images/btprint.gif); background-repeat:no-repeat; background-position:5px center; font-family:arial; font-size:12px; font-weight:normal; color:#154cce; padding:4px 5px 0px 26px;}



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

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

/* logos */
.header .logo-left { width:0px }
.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 (portal specific) */
.header .userinfo { height:20px; margin:10px 10px 0px 0px; float:right; }
.header .userinfo .left { background-image:url(../images/userinfoleft.gif); width:9px; background-repeat:no-repeat }
.header .userinfo .user { height:26px; background-image:url(../images/userinfoback.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-size:11px; font-weight:normal; color:#025CAB; padding:0px 0px 4px 0px;}
.header .userinfo .icon { background-image:url(../images/userinfoicon.gif); width:13px; background-repeat:no-repeat; font-size:1px }
.header .userinfo .info { height:26px; background-image:url(../images/userinfoback.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-size:11px; font-weight:bold; color:#025CAB; padding:0px 0px 4px 0px;}
.header .userinfo .right { background-image:url(../images/userinforight.gif); width:10px; background-repeat:no-repeat; font-size:1px }

/* navigation (switch between portal and applications) */
.header .tabopt { float:right;}
.header .tabopt .leftmargin { height:22px; width:16px; background-image:url(../images/taboptleftmg.gif); width:12px; background-repeat:no-repeat; }
.header .tabopt .left { display:none }
.header .tabopt .content { background-image:url(../images/taboptback.gif); font-family:arial, helvetica; font-size:11px; font-weight:bold; color:#464970; padding:0 8 0 10; background-repeat:repeat-x; }
.header .tabopt .right { display:none}
.header .tabopt .rightmargin { height:22px; width:16px; background-image:url(../images/taboptrightmg.gif); width:12px; background-repeat:no-repeat; }

/* links */
.header .tabopt A { font-family:arial, helvetica; font-size:12px; font-weight:bold; text-decoration:none !important }
.header .tabopt A:link, .header .tabopt A:visited { color:#025CAB }
.header .tabopt A:hover { color:#84A6C5}

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


/* application information (application specific) */
.header .modinfo { float:right; height:100%; padding:8px 0px 0px 0px}
.header .modinfo .left { background-image:url(../images/modinfoleft.gif); width:39px; background-repeat:no-repeat }
.header .modinfo .title { height:35px; background-image:url(../images/modinfoback.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-size:14px; font-weight:bold; color:#025CAB; padding:0px 2px 0px 6px }
.header .modinfo .actions { display:none }
.header .modinfo .right { background-image:url(../images/modinforight.gif); width:101px; background-repeat:no-repeat }



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

/* tabs level 1 */
.tabnav-empty { font-size:0px; height:27px; background-image:url(../images/tabnavback.gif); background-repeat:repeat-x; }
.tabnav { background-image:url(../images/tabnavback.gif); height:27px; background-repeat:repeat-x; padding:3px 0px 0px 0px }
.tabnav .outer { padding:0px; margin:0px; float:left  } /* alignment */
.tabnav .leftmargin { height:24px; width:10px }
.tabnav .left { height:24px; background-image:url(../images/tabnavleft.gif); background-repeat:no-repeat; width:7px }
.tabnav .content { background-image:url(../images/tabnavmid.gif);  color:#464970; background-repeat:repeat-x; padding:0px 1px 0px 3px  }
.tabnav .right { background-image:url(../images/tabnavright.gif); background-repeat:no-repeat; width:12px; }
.tabnav .left-active { height:24px; background-image:url(../images/tabnavlefta.gif); background-repeat:no-repeat; width:7px }
.tabnav .content-active { background-image:url(../images/tabnavmida.gif); font-family:arial, helvetica; font-size:11px; font-weight:bold; color:#0851BD; background-repeat:repeat-x; padding:0px 0px 0px 3px}
.tabnav .right-active { background-image:url(../images/tabnavrighta.gif); background-repeat:no-repeat; height:24px; width:12px; }
.tabnav .rightmargin { height:24px; width:10px }

/* links */
.tabnav A { font-family:arial, helvetica; font-size:12px; font-weight:bold; text-decoration:none !important }
.tabnav A:link, .tabnav A:visited { color:#025CAB; text-decoration:none }
.tabnav A:hover, .tabnav A:active { color:#FFFFFF; text-decoration:none }

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


/* tabs level 2 */
.tabnav2-empty { font-size:0px; height:27px; background-image:url(../images/tabnavback.gif); background-repeat:repeat-x; }

.tabnav2 { background-image:url(../images/tabnavback.gif); height:27px; background-repeat:repeat-x; padding:4px 0px 0px 5px}
.tabnav2 .outer { padding:0px; margin:0px; float:left  } /* alignment */
.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:#306178; padding:0px 5px 0px 7px}
.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:#306178; padding:0px 5px 0px 7px}
.tabnav2 .left {  display:none }
.tabnav2 .left-active { display:none }
.tabnav2 .leftmargin { height:18px; background-image:url(../images/tabnav2leftmg.gif); background-repeat:no-repeat; width:11px;}
.tabnav2 .right { display:none }
.tabnav2 .right-active { display:none }
.tabnav2 .rightmargin { height:18px;  background-image:url(../images/tabnav2rightmg.gif); background-repeat:no-repeat; width:18px }

/* links */
.tabnav2 A { font-family:arial, helvetica; font-size:12px; font-weight:bold; text-decoration:none !important }
.tabnav2 A:link, .tabnav2 A:visited { color:#025CAB; text-decoration:none }
.tabnav2 A:hover, .tabnav2 A:active { color:#639CB6; text-decoration:none }

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

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

/* history */
.history {height:22px;}
.history .outer { padding:0px; margin:0px; float:left } /* alignment */
.history .leftmargin {width:19px; height:24px; 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:bold; font-size:11px; color:#1755b2; 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:bold; font-size:11px; color:#00a9e8; padding:0px 1px 1px 3px}
.history .right-active {display:none}
.history .rightmargin {width:13px; background-image:url(../images/historyrightmg.gif); background-repeat:no-repeat;}

/* links */
.history A { font-family:arial; font-size:12px; font-weight:bold; text-decoration:none !important }
.history A:link, .history A:visited { color:#1755b2; text-decoration:none }
.history A:hover, .history A:active  { color:#ff8400; text-decoration:none }



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

/* main */
.portlet { table-layout:auto }  /* do not modify */
.portlet .inner { background-color:#F2F8FD; height:100%; overflow-x:auto; font-family:arial, helvetica; 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-image:url(../images/pz1icon.gif); width:32px; background-repeat:no-repeat; font-size:1px; }
.portlet .zone1 .center	{ height:32px; background-image:url(../images/pz1back.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-size:12px; font-weight:bold; color:#025CAB; }
.portlet .zone1 .right	{ background-image:url(../images/pz1right.gif); background-repeat:no-repeat; width:8px; font-size:1px }
.portlet .zone1 .action-refresh { background-image:url(../images/pz1refresh.gif); width:22px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-customize { background-image:url(../images/pz1edit.gif); width:22px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-restore { background-image:url(../images/pz1restore.gif); width:22px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-minimize { background-image:url(../images/pz1minimize.gif); width:22px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-maximize { background-image:url(../images/pz1maximize.gif); width:22px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-help { background-image:url(../images/pz1help.gif); width:22px; background-repeat:no-repeat; cursor:pointer; cursor:hand }
.portlet .zone1 .action-close { background-image:url(../images/pz1close.gif); width:22px; background-repeat:no-repeat; cursor:pointer; cursor:hand }

.portlet .outerzone2 {  }
.portlet .zone2 { table-layout:fixed; overflow:hidden }  /* do not modify */
.portlet .zone2 .left	{ height:2px; background-image:url(../images/pz2left.gif); background-repeat:repeat-x;  }
.portlet .zone2 .center	{ height:2px; background-image:url(../images/pz2center.gif); background-repeat:repeat-x;  }
.portlet .zone2 .right	{ height:2px; background-image:url(../images/pz2right.gif); background-repeat:repeat-x;  }

.portlet .outerzone3 { }
.portlet .zone3 { table-layout:auto; overflow:hidden }  /* do not modify */
.portlet .zone3 .left	{ background-image:url(../images/pz3left.gif); width:1px; background-repeat:repeat-y }
.portlet .zone3 .center	{  }
.portlet .zone3 .right	{ background-image:url(../images/pz3right.gif); width:1px; background-repeat:repeat-y }

.portlet .outerzone4 {  }
.portlet .zone4 { table-layout:fixed; overflow:hidden }  /* do not modify */
.portlet .zone4 .left	{ background-image:url(../images/pz4left.gif); width:7px; background-repeat:no-repeat }
.portlet .zone4 .center	{ height:19px; background-image:url(../images/pz4center.gif); background-repeat:repeat-x }
.portlet .zone4 .right	{ background-image:url(../images/pz4right.gif); width:8px; background-repeat:no-repeat }


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

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



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

/* menu */
.menu .portlet { width:225px }
.menu .portlet .zone3 .center	{ background-color:white; }
.menu .menu-inactive { background-color:#94BFE7; padding:3px; font-family:arial, helvetica; font-size:11px; font-weight:bold; background-image:url(../images/menu_arrow.gif); background-repeat:no-repeat; padding-left:18px; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#2e568a; background-position:6px 6px; }
.menu .menu-active { background-color:#c6ddff; padding:3px; font-family:arial,helvetica; font-size:11px; font-weight:bold; background-image: url(../images/menu_arrow.gif); background-repeat:no-repeat; padding-left:18px; border-bottom: 1px solid #6677af; border-top: 1px solid #6677af;	color: #3480ee;	background-position: 6px 6px; cursor: default; }

/* links */
.menu A { font-family:arial, helvetica; font-size:12px; font-weight:bold; text-decoration:none !important }
.menu A:link, .menu A:visited { color:#2e568a; text-decoration:none }
.menu A:hover, .menu A:active { color:#3480ee; text-decoration:none }


/* tabs */
.portlet .portletnav { padding:6px 5px 5px 5px; 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:10px; 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:#46628b; padding:0px 4px 0px 6px; }
.portlet .portletnav .right { display:none  }
.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:#2973df; padding:0px 4px 0px 6px; }
.portlet .portletnav .right-active { display:none  }
.portlet .portletnav .rightmargin { background-image:url(../images/portletnavrightmg.gif); background-repeat:no-repeat; width:11px; }

/* links */
.portletnav A { font-family:arial, helvetica; font-size:12; font-weight:bold; text-decoration:none !important }
.portletnav A:link, .portletnav A:visited { color:#646464; text-decoration:none }
.portletnav A:hover, .portletnav A:active { color:#3480ee; text-decoration:none }

/* steps */

.step { padding:10px 4px 10px 4px; width:100%; background-color:#D0E7FF}

.step .stepnav { height:10px; background-image:url(../images/stepnavunder.gif); background-repeat:repeat-x;  }
.step .stepnav .outer { padding:0px; margin:0px; float:left; } /* alignment */
.step .stepnav .leftmargin { display:none; }
.step .stepnav .content {height:22px; background-image:url(../images/stepnavback.gif); color:#424973; background-repeat:repeat-x; padding:0px 5px 6px 5px; cursor:hand;}
.step .stepnav .content-active { height:22px; background-image:url(../images/stepnavbacka.gif); background-repeat:repeat-x; font-family:arial, helvetica; font-size:11px; font-weight:bold; text-decoration:none; color:025CAB;  padding:0px 15px 6px 5px; }
.step .stepnav .left { height:22px; width:4px; background-image:url(../images/stepnavleft.gif); background-repeat:no-repeat; }
.step .stepnav .left-active { height:22px; width:4px; background-image:url(../images/stepnavlefta.gif); background-repeat:no-repeat; }
.step .stepnav .right { width:9px; background-image:url(../images/stepnavright.gif); background-repeat:no-repeat; background-color:transparent}
.step .stepnav .right-active { width:10px; background-image:url(../images/stepnavrighta.gif); background-repeat:no-repeat; }
.step .stepnav .rightmargin { display:none;}

/* links */
.stepnav A { font-family:arial, helvetica; font-size:12px; font-weight:bold; text-decoration:none !important }
.stepnav A:link, .stepnav A:visited { color:#025CAB; text-decoration:none }
.stepnav A:hover, .stepnav A:active { color:#3480EE; text-decoration:none }

.step .buttons-outer {background-image:none; padding:3px 0px 0px 0px; }
.step .header-helper { border-top:none }
.step .content-zone { border-top:none; border:1px solid #025CAB; }
.step .grid, .step .grid-content-zone {border: none}
.step .section-content .table-border {border:none}


/* ---- portlet content ----------- */

.header-border {border-collapse:collapse; border:0px solid #D9D9DF; }
.application .header-border {border:0px solid  }

/* headers */
.header-level1 { background-color:#94BFE7; 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:20px; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#025CAB; background-position:8px 7px }
.header-level1-collapsed { cursor:pointer; cursor:hand; font-family:arial, helvetica; background-color:#94BFE7; padding:3px; font-size:11px; font-weight:bold; background-image:url(../images/h1_collapsed.gif); background-repeat:no-repeat; padding-left:21px; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#025CAB; background-position:3px 3px }
.header-level1-expanded { cursor:pointer; cursor:hand; font-family:arial, helvetica; background-color:#94BFE7; padding:3px; font-size:11px; font-weight:bold; background-image:url(../images/h1_expanded.gif); background-repeat:no-repeat; padding-left:21px; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#025CAB; background-position:3px 3px }

.header-level2 { background-color:#F2F8FD; 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:20px; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#025CAB; background-position:8px 7px }
.header-level2-collapsed {cursor:pointer; cursor:hand; font-family:arial, helvetica; background-color:#D8E3E8; padding:3px; font-size:11px; font-weight:bold; background-image:url(../images/h1_collapsed.gif); background-repeat:no-repeat; padding-left:21px; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#025CAB; background-position:3px 3px }
.header-level2-expanded {cursor:pointer; cursor:hand; font-family:arial, helvetica; background-color:#D8E3E8; padding:3px; font-size:11px; font-weight:bold; background-image:url(../images/h1_expanded.gif); background-repeat:no-repeat; padding-left:21px; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#025CAB; background-position:3px 3px }

.header-level3 { background-color:#e3f1fa; 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:20px; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#2e568a; background-position:8px 7px }
.header-level3-collapsed {background-color:#e3f1fa; padding:3px; font-family:arial, helvetica; font-size:11px; font-weight:bold; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#2e568a; background-image:url(../images/h1_collapsed.gif); background-repeat:no-repeat; background-position:3px 3px; padding-left:21px;}
.header-level3-expanded {background-color:#e3f1fa; padding:3px; font-family:arial, helvetica; font-size:11px; font-weight:bold; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#2e568a; background-image:url(../images/h1_expanded.gif); background-repeat:no-repeat; background-position:3px 3px; padding-left:21px;}

.header-level4 { font-family:arial, helvetica; font-size:11px; font-weight:bold; padding:2px 2px 4px 2px; color:#5e6671 }
.header-level5 { font-family:arial, helvetica; font-size:9px; font-weight:bold; color:#025CAB; padding:2px 2px 4px 2px;  }
.header-level6 { font-family:arial, helvetica; font-size:9px; font-weight:bold; color:#3e96c8; padding:2px 0px 2px 12px }

.header-error {border:1px solid #486293; 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:#D0E7FF; padding:4px; font-family:arial, helvetica; font-size:10px; font-weight:normal; color:#424962; height:24px;}
.header-helper .text-style1 {color:green;}

.header-nav { background-color:#8eb1f1; border-bottom:1px solid #6677af; border-top:1px solid #6677af;}

/* content zones (text block, text+image, tables...) */
/*content-zone1*/
.content-zone { padding:8px 8px 8px 8px; background-color:#F2F8FD}
.application .content-zone { padding:8px; height:100%; background-color:#ECFDFC;}

.footer-level1 { background-color:#8eb1f1; padding:3px; font-family:arial, helvetica; font-size:10px; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#2e568a; }
/* links */
.footer-level1 A:link, .footer-level1 A:visited { color:#2e568a; text-decoration:none }
.footer-level1 A:active, .footer-level1 A:hover { color:#3480ee }

/* texts */
.text-level1 { font-family:arial, helvetica; font-size:12px; font-weight:normal; color:#494955; padding:2px 0px 2px 2px }
.text-level2 { font-family:arial, helvetica; font-size:10px; font-weight:normal; color:#494955; padding:2px 0px 2px 12px }
.text-style1 { font-weight:bold; font-family:arial, helvetica }
.text-style2 { font-style:italic }
.text-style3 { color:green }
.text-highlighted	{ color:#990000; font-weight:bold }
.text-readonly { color:#b89999 }
/* SL specific text level fonts */
.SL-text-level1-header { font-family:arial, helvetica; font-size:16px; font-weight:normal; color:#0069ED; padding:2px 0px 2px 2px }

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

/* images */
.image-outer {border:1px solid #6A9BDE; margin:4px 4px 4px 4px }

/* lists */
.text-list { padding:1px; font-family:arial, helvetica; font-size:12px; background-image:url(../images/bullet_list.gif); background-repeat:no-repeat; padding-left:10px; background-position:0px 7px }
.text-link-list { padding:1px; font-family:arial, helvetica; font-size:12px; background-image:url(../images/link_arrow.gif); background-repeat:no-repeat; padding-left:15px; background-position:0px 5px }

/* tables */
.table-border {border-collapse:collapse; }
.table-header {border:1px solid #025CAB; padding:2px 4px 2px 4px; font-family:arial, helvetica; text-decoration:none; font-size:10px; font-weight:normal; background-color:#D8E3E8; color:#025CAB}
.cell-header { border:1px solid #025CAB; padding:2px 4px 2px 4px; font-family:arial, helvetica; text-decoration:none; font-size:11px; font-weight:bold; background-color:#D0E7FF; color:#025CAB }
.cell1 { border:1px solid #025CAB; padding:2px 4px 2px 4px; font-family:arial, helvetica; text-decoration:none; font-size:12px; background-color:#F2F8FD }
.cell2 { border:1px solid #025CAB; padding:2px 4px 2px 4px; font-family:arial, helvetica; text-decoration:none; font-size:12px; background-color:white }
.cell-footer{border:1px solid #025CAB; padding:2px 4px 2px 4px; font-family:arial, helvetica; text-decoration:none; font-size:10px; font-weight:normal; background-color:#D8E3E8; color:#025CAB }
.cell-highlighted { border:1px solid #025CAB; padding:2px 4px 2px 4px; font-family:arial, helvetica; text-decoration:none; font-size:11px; font-weight:bold; background-color:#D8E3E8; color:white; cursor:pointer; cursor:hand }

/* links */
.cell-header A:link, .cell-header A:visited { color:#17407e; font-weight:bold; font-size: 11px }
.cell-header A:hover, .cell-header A:active { text-decoration:underline }


/* forms tables */
.form-style1, .form-style2 {  }

.form-style1 .table-border {border:none}
.form-style1 .cell1 { text-align:right; background-color:#F2F8FD; border:0px; padding:4px 2px 4px 8px;  }
.form-style1 .cell2 { text-align:left; padding:4px 8px 4px 8px; background-color:#F2F8FD; border:1px; background-image:url(../images/bullet_form.gif); background-repeat:no-repeat; padding-left:15px; background-position:5px 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:6px 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 A:link { font-weight:normal } /*default button*/
.main .button1-part0, .main .button2-part0, .main .button3-part0, .main .button1-part0-down, .main .button2-part0-down, .main .button3-part0-down  { font-size:11px}
.main .button1-part1, .main .button2-part1, .main .button3-part1, .main .button1-part1-down, .main .button2-part1-down, .main .button3-part1-down { font-family:arial }


/* links */
.button A:link, .button A:visited { cursor:hand; color:#025CAB; 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/button1bg.gif);  border:1px solid #025CAB; height:1px; font-size:11px }    /* margin = space between buttons  */
.button1-part1 { white-space:nowrap; padding:0px 5px 0px 5px; font-family:arial, helvetica; height:1px; font-size:11px; font-weight:normal }
.button1-part0-down { white-space:nowrap; margin:0px 2px 1px 2px; background-color:#D0E7FF; border:1px solid #025CAB; height:1px; font-size:11px }
.button1-part1-down { white-space:nowrap; padding:0px 5px 0px 5px; font-family:arial, helvetica; height:1px; font-size:11px; font-weight:normal  }

/* button2 */
.button2-part0 { white-space:nowrap; margin:0px 2px 1px 2px; background-image:url(../images/button2bg.gif); border:1px solid #025CAB; height:1px; font-size:11px }
.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:#D0E7FF; border:1px solid #025CAB; height:1px; font-size:11px }
.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 #025CAB; height:1px; font-size:11px }
.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:#D0E7FF; border:1px solid #025CAB; height:1px; font-size:11px }
.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:#eeeeee; border:1px solid #025CAB;}
.bar-gauge {background-image:url(../images/barbg.gif); font-size:10px; border-right:1px solid #025CAB;}
.bar-text {width:26px; font-family:arial,helvetica; font-weight:normal; color:#c75900; font-size:10px; margin:0px 3px 0px 0px; text-align:right}


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

.grid {height:100%}

/* headers and footer */
.grid-header1 { height:32px; background-color:#94BFE7; padding:3px; font-family:arial; font-size:11px; font-weight:bold; background-repeat:no-repeat; padding-left:20px; border-bottom:1px solid #025CAB;  color:#2e568a; background-position:8px 12px }
.grid-header2 { background-color:#8eb1f1; padding:3px; font-family:arial; font-size:11px; font-weight:bold; background-image:url(../images/bullet_h1.gif); background-repeat:no-repeat; padding-left:20px; border-bottom:1px solid #6677af; border-top:1px solid #6677af; color:#2e568a; background-position:8px 12px }
.grid-footer { background-color:#D0E7FF; padding:3px 3px 6px 3px; font-family:arial; font-size:11px; font-weight:bold; border-top:1px solid #025CAB; color:#2e568a; background-position:8px 12px }

/* content */
.grid-content-zone { padding:4px 8px 8px 8px; height:100%; background-color:#F2F8FD;  }

/* 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:#2e568a; padding:0px 2px 8px 2px; }

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

/*--- simple grid -----*/

.simple-grid {height:100%}

/* headers and footer */
.simple-grid .header-border {border:none}
.simple-grid .grid-header1 { background-color:#D0E7FF; padding:0px; height:10px; background-image:url(../images/cellback.gif); background-repeat:repeat-x; padding:0px 0px 0px 2px;  }
.simple-grid .grid-header2 { background-color:#BEECFE; }
.simple-grid .grid-footer { background-color:#D0E7FF; background-image:url(../images/cellback.gif); background-repeat:repeat-x; padding:1px; height:10px; padding-left:2px }

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

/*grid content*/
.simple-grid .table-border {border:1px solid #000000}
.simple-grid .cell-header {border:1px solid #000000; background-color:transparent; background-image:none; color:#5e6671}
.simple-grid .cell1 {border:1px solid #000000; background-color:transparent; }
.simple-grid .cell2 {border:1px solid #000000; background-color:transparent; }
.simple-grid .cell-header A {color:#487BF8; font-weight:bold; font-family:arial,sans serif; font-size:10px}

/*---DataList---*/
.dataList {}
.dataList .header-border {}

/* headers and footer */
.dataList .grid-header1 {height:auto; border-bottom:none;}
.dataList .grid-header1 .text-level1 { font-size:11px; font-weight:bold; color:#004BC8 }
.dataList .grid-header1 .text-level2 { font-size:11px; color:#004BC8; padding:0px 2px 0px 2px  }
.dataList .grid-footer .text-level1 { font-size:11px; font-weight:bold; color:#004BC8 }
.dataList .grid-footer .text-level2 { font-size:11px; color:#004BC8; padding:0px 2px 0px 2px  }

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

/* selector */
.selector { background-color:#D0E7FF; 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 .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 #6677af}
#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:31px;} /* trick to prevent */
#datePicker .zone3 .center { padding:9x 7px 0px 7px; }
#datePicker .zone4 {height:16px;} /*  wrong aspect */

/* wizzard */
.wizzard {height:100%; width:100%; border-top:1px solid #6677af;}
.wizzard .clipart {background-image:url(../images/phoning.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 #6677af;}

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


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

/* main */
.footer { height:10px }
.footer .left {  }
.footer .right {  }

/* status message */
.message { height:27px; background-color:#84D8F7}
.message .left { height:27px; background-image:url(../images/message.gif); background-position:6px 7px; background-repeat:no-repeat; font-family: arial, helvetica; font-size:11px; font-weight:bold; color:#629a02; padding:0px 0px 0px 24px; }
.message .right { height:27px; }

/* copyright */
.copyright { background-color: #025CAB; padding:4px }
.copyright .left { font-family: arial, helvetica; font-size:10px; font-weight:bold; color:white; padding-left:4px }
.copyright .center { font-family: arial, helvetica; font-size:10px; font-weight:bold; color:white }
.copyright .right { font-family: arial, helvetica; font-size:10px; font-weight:bold; color:white; text-align:right; padding-right:12px }

/* links */
.copyright A:link, .copyright A:visited { color:white; text-decoration:none }
.copyright A:hover, .copyright A:active { color:#D8E3E8; text-decoration:none }



/* ---- pagelets layout ----------- */

/* main */
.pagelet-layout { padding:0px; background-color:#D0E7FF }
.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 #DADAE1}
.pagelet-layout .header-level1 { background-image:none !important; background-color:#94BFE7; padding:4px }
.pagelet-layout .text-style1 { font-family:arial; font-size:12px; font-weight:bold; color:#FFFFFF }
.pagelet-layout .content-zone { padding:4px }
.pagelet-layout .portlet-outer { padding:4px }
.pagelet-layout .cell-header { background-color:#D0E7FF; border:1px solid #025CAB }
.pagelet-layout .cell1 { background-color:#FFFFFF; color:#424952; font-family:arial; font-size:11px; font-weight:bold; padding:4px; border:1px solid #025CAB }
.pagelet-layout .footer-level1 { background-color:#025CAB; padding:3px; border:1px solid #025CAB; text-align:right }



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

/* main */

.popup  {height:100%; }
.popup .portlet {height:100%; }
.popup .portlet .zone1 .left {display:none}
.popup .portlet .zone1 .icon {heigh:31px; background-image:url(../images/popupicon.gif)}
.popup .portlet .zone1 .center {background-image:url(../images/popupback.gif)}
.popup .portlet .zone1 .right {background-image:url(../images/popupback.gif); width:4px;}
.popup .portlet .outerzone2 {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 #09346B; color:#09346B; background-color:#FEFFB2; font-family:arial; font-size:10px; padding:2 4 2 4; width:250px }
#ToolTip .hl { color:#1169DA }





/*-----------------new version 2006-------------------*/
/*selectors*/
.selector .grid-content-zone { overflow:auto; }

/*fck contents render*/
.fckcontent {margin-bottom:20px;}
.fckcontent TD {font-family:Arial,helvetica,sans serif; font-size:10px; color:#494955}
.fckcontent STRONG,.fckcontent B { font-weight:bold; font-family:verdana,arial,sans serif }

/**/
.header-level1 .button {font-weight:normal;}

/* menu button */
.button IMG {margin:2px 0px 0px 2px;}
	
/*----Actions Menu----*/
/*--affichage des sous-menus--*/
/*les sous-menus ne sont pas affiches*/
#ActionsMenu li ul{display:none;}
/*affichage des sous-Menus sur rollover*/
#ActionsMenu li:hover>ul{display:block;}

/*bouton dans un menu*/
#ActionsMenu .button A:link, #ActionsMenu .button A:visited { cursor:hand; color:#323F56; text-decoration:none !important }
#ActionsMenu .button A:hover, #ActionsMenu .button A:active { cursor:hand; text-decoration:none !important }
#ActionsMenu .button1-part0, #ActionsMenu .button1-part1,#ActionsMenu .button1-part0-down, #ActionsMenu .button1-part1-down {margin-bottom:0px}

/*-- niveau 1 --*/
/*zone de Menu*/
#ActionsMenu { position:relative; margin:0px; padding:0px; list-style:none; width:100%; height:20px; z-index:1; }

/*item niveau 1*/
#ActionsMenu li { float:left; display:block; margin:0px; padding:0px; }
/*premier item du Menu*/
#ActionsMenu li.first {}
/*dernier item du Menu*/
#ActionsMenu li.last {}
/*lien niveau 1*/
#ActionsMenu li a { display:block; color:black; text-decoration:none; background-image:none; padding:0px; }

/*-- niveau 2 --*/
/*zone de sous-Menu*/
#ActionsMenu ul { position:absolute; background:#555555; border:none; list-style:none; margin:0px; padding:1px; width:120px; z-index:2; }
/*item niveau 2*/
#ActionsMenu ul li { position:relative; float:none; margin:0px; padding:0px; display:inline;  }
/*lien item niveau 2*/
#ActionsMenu ul li a { display:block; width:120px; margin:0px; cursor:hand; color:#353535; font-family:arial,helvetica,sans serif; font-weight:normal; font-size:10px; background:#CCCCCC; border-bottom:1px solid #555555; border-top:3px solid #DFDFDF; padding:2px 6px 2px 6px;}
/*rollover item niveau 2*/
#ActionsMenu ul li a:hover,#ActionsMenu a.other:hover { background-color:#ffffff; color:#353535; font-weight:normal; border-bottom:1px solid #555555; border-top:3px solid #ffffff; background-image:none}
#ActionsMenu ul li a span {}
#ActionsMenu .other { background-color:#969696; color:#FFFFFF; font-weight:normal; border-bottom:1px solid #555555; border-top:3px solid #B9B9B9}
#ActionsMenu .disabled { background-color:#ffffff; color:#a6a6a6; font-weight:normal; border-bottom:1px solid #555555; border-top:3px solid #ffffff}