/* -------------------------------------------------------------------- 
                General style definitions
          Atos Worldline Web Applications, v1.6.5
            By Le Studio, Atos Worldline, 2008
-------------------------------------------------------------------- */

/* NOTES : */
/* All application specifics styles or modifications to the 
original style definitions must be done in the 
stylesheet "dev.css" */

/* CSS index (!):
  DEFAULT VALUES
  PAGE BODY STRUCTURE
  HEADER
  FOOTER
  LEFT COLUMN CONTENT
  MAIN BLOCKS
  TABLE SPECIFICS
  FORMS SPECIFICS
  TOOLS PAGES
  EXCEPTIONS & SPECIFICS (used sitewide)
*/

/* ------------------------- !DEFAULT VALUES --------------------------------- */

html {overflow:-moz-scrollbars-vertical;}

body {
	width: 97%;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 101%;
	text-align: center;
	margin: 10px auto 0 auto;
}

* {padding: 0; margin: 0;} /* 0 for all objects */
img {border: 0;}
hr {display: none;}

h1 {float: left; width: 100px; padding-top: 5px;}

p, ul, dl {font-size: 0.75em;}

a:link {text-decoration: underline;}
a:visited {text-decoration: underline;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

table {
	clear: both;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

caption {
	font-size: 0.75em;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 0 3px 8px;
	margin: 0 0 1px 0;
}

th {
	font-size: 0.7em;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	padding: 3px 5px 3px 8px;
}
th a, th a:link {text-decoration: underline;}
th a:visited {text-decoration: underline;}
th a:hover {text-decoration: none;}
th a:active {text-decoration: none;}

td {
  font-size: 0.7em;
	text-align: center;
	padding: 3px 5px 3px 8px;
}

acronym, abbr {border-bottom: 1px dashed #000; cursor: help;}

/* FORM DEFAULT VALUES */

form h4 {
  font-size: 0.75em;
  text-transform: uppercase;
  padding: 5px 0 20px 10px;
}
fieldset {clear: both; padding: 8px 0 8px 0;}
fieldset p {float: left; width: 100%;}
legend {display: none;}
label {
  float: left;
  width: auto;
  font-size: 0.9em;
  font-weight: bold;
  text-align: right;
  padding-right: 8px;
  margin: 0 10px;
}
input {font-size: 0.8em; margin: 0 0 5px 0; padding: 2px 4px;}
select {font-size: 0.75em; margin: 0 0 5px 0;}
option {padding-right: 8px;}
textarea {
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 0.9em;
  padding: 2px;
  margin: 0 0 5px 8px;
}

/* -------------------------- !PAGE BODY STRUCTURE --------------------------- */

#wrapcols {float: left; width: 100%; margin: 0;}
#toolscol {float: left; width: 100px;}
#maincol {margin-left: 125px;}
#oneCol {}
#mainct {float: left; width: 85%; text-align: left;}

/* hack for hiding instructions from IE5.5 */
i {content: "\"/*" }
#mainct {
   width: 100%;
   }
/* */

/* ------------------------------------ !HEADER ------------------------------ */

/* Structural blocks */
#topwrap {
  position: relative;
  float: left;
  width: 100%;
  margin: 10px auto 30px auto;
}

#headbar {margin-left: 125px;}

#titbar, #toolstitbar {
  height: 1%; /* give IE6 layout */
	padding: 5px 0;
	margin-top: 2px;
}

/* Tools links */
#tools {text-align: right; margin: 0 0 5px 0;}
#tools li {display: inline;}
#tools a, #tools a:link, #tools a:visited {
  font-size: 0.9em;
  text-decoration: underline;
  cursor: pointer;
}
#tools a:hover {text-decoration: none;}

/* Page title */
h2 {
	font-size: 0.76em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	padding-left: 10px;
}
h2 a, h2 a:link, h2 a:visited {
  font-size: 0.7em;
  font-weight: normal;
  text-decoration: underline;
}

/* TABS */

#tabbar {height: 40px; text-align: right;}
#tabbar li {
  float: left;
  width: auto;
  list-style-type: none;
  font-size: 0.8em;
  text-transform: uppercase;
  text-align: center;
  padding: 5px 10px 22px 10px;
  margin-right: 2px;
}
#tabbar a, #tabbar a:link, #tabbar a:visited {text-decoration: none;}
#tabbar a:hover {text-decoration: none;}

/* Skip main menu link */
p#skipmenu {display: none;}

/* Breadcrumbs */
#bdcrumbs {
  clear: left;
  font-size: 0.8em;
  text-align: left;
  margin: 3px 0 0 135px;
}

/* ADAPTATIONS FOR ONE COLUMN PAGES */
/* Identification box */

#idInline {
  position: absolute;
  bottom: 23px;
  right: 0;
  font-size: 0.7em;
  text-align: right;
  padding-right: 10px;
}
#idInline #userName {display: inline;}

/* -------------------------------- !FOOTER ---------------------------------- */

#foot {float: left; width: 100%; text-align: right; margin: 30px 0 10px 0;}
#foot p {
	  float: right;
	  width: 130px;
	  font-family: Arial, Helvetica, Sans-serif;
	  font-size: 0.65em;
	  padding-right: 5px;
}

/* ------------------------ !LEFT COLUMN CONTENT  ---------------------------- */

#toolscol p {margin: 0 0 10px 0;}

#idbox {width: 100px; text-align: center; margin: 0 0 20px 0;}
#idbox p {font-size: 0.65em; padding: 5px; margin: 0;}
#userName {display: block; font-weight: bold;}

#toolscolbts {}
#toolscolbts ul {font-size: 0.95em; list-style: none;}
#toolscolbts li {width: 100px; margin: 0 0 5px 0;}

/* Tools' buttons */
#thome, #tcontact, #thelp, #tlogout {text-align: center;}

#toolscolbts a, #toolscolbts a:link  {
	display: block;
	width: 77px;
	font-size: 0.65em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 3px 3px 2px 20px;
	vertical-align: middle;
}

/* Sets cursor for Help button */
#thelp {cursor: pointer;}

/* Language choice select list */
#frLang {padding: 5px 0; margin-bottom: 15px;}
#frLang p {margin: 5px 0 0 0;}
#frLang label {margin-left: -3000px;}
#ipOk {padding: 1px 2px; cursor: pointer;}

/* ----------------------------- !MAIN BLOCKS -------------------------------- */

/* --- SUB-SECTIONS BAR AND LINKS --- */
#subsecbar {  
  float: left;
  width: 100%;
  text-align: left;
  padding-bottom: 2px;
  margin-bottom: 5px;
  vertical-align: middle;
}
#subsecbar li {display: inline;}
#subsecbar li.liFst {margin-left: 3px;}
#subsecbar a, #subsecbar a:link, #subsecbar a:visited {
	width: auto;
	font-size: 0.8em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 8px 2px 25px;
	margin-left: -3px;
}
#subsecbar a:hover, #subsecbar a:active {text-decoration: none;}

/* current page button */
#btpgon {
	width: auto;
	height: 17px;
	font-size: 0.8em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 8px 2px 25px;
	margin-left: -3px;
}
a.btlink, a.btlink:link, a.btlink:visited {
	width: auto;
	font-size: 0.8em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 8px 2px 25px;
}
a.btlink:hover, a.btlink:active {text-decoration: none;}

/* --- THIRD LEVEL NAVIGATION BAR AND LINKS --- */
#l3bar {
  float: left;
  width: 100%;
  text-align: left;
  padding-bottom: 2px;
  margin-bottom: 5px;
  vertical-align: middle;
}
#l3bar li {display: inline;}
#l3bar a, #l3bar a:link, #l3bar a:visited {
	width: auto;
	font-size: 0.8em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 8px;
}
#l3bar a:hover, #l3bar a:active {text-decoration: none;}

/* current third level page button */
#btpg3on {
	width: auto;
	height: 17px;
	font-size: 0.8em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 8px;
}

/* --- ACTION BUTTONS BAR --- */
#btbartop, #btbarbot {
		   float: left;
		   width: 100%; 
		   text-align: right;
		   padding: 7px 0;
		   margin: 0 0 20px 0;
}
#btbarbot {margin: 20px 0 0 0;}

#btbartop h3, #btbarbot h3 {
		  float: left;
		  width: auto;
		  font-size: 0.75em;
		  padding-left: 7px;
}
#btbartop p, #btbarbot p {padding-right: 7px;}

/* Back to top of page/Back to list links */
#bksBox {float: left; width: 100%; text-transform: uppercase; margin-top: 20px;}
#pBack {float: left; width: 20%; padding-top: 5px;}
#pBkTop {float: right; width: 20%; text-align: right; padding-top: 5px;}
#pBack a {padding: 3px 0 0 23px;}
#pBkTop a {padding: 5px 23px 0 0;}

/* --- LIST PAGINATION --- */
div.pagination {
  float: left;
  width: 100%;
  padding-top: 6px;
  margin: 5px 0;
}
div.pagination select {font-size: 90%; vertical-align: -5px;}
div.pagination label {font-size: 100%; margin-right: 0;}
p.total {float: left; width: 20%; text-align: center;}
p.resNum {float: left; width: 40%;}
p.pagNums {float: right; width: 40%; text-align: right;}

/*--- TREE-VIEW PAGE STRUCTURE ---*/

#treeStruct {
  float: left;
  width: 99.8%;
  padding: 15px 0;
}
#treeBox {
  float: left;
  overflow: auto;
  width: 25%;
  height: 200px;
  margin-left: 1%;
}
#itemBox {
  float: right;
  width: 70%;
  margin-right: 1%;
}
	  
/* ---------------------------- !TABLE SPECIFICS ----------------------------- */

/* exceptions */
td.tdrgt {text-align: right;}
td.tdctr {text-align: center;}
td.tdlft {text-align: left;}
td.tdb {font-weight: bold;}
td.norgtm  {border-right: 0;}
td.norgtml  {text-align: left; border-right: 0;}

/* sorting */
a.sort {vertical-align: -3px;}

/* Buttons for tables */
a:link.inlineBt, a:visited.inlineBt {
  float: left;
  width: 19px;
  height: 19px;
  padding: 1px;
  margin-right: 3px; 
}
a:hover.inlineBt {background: #069;}
.inlineBtOff {
  float: left;
  width: 19px;
  height: 19px;
  padding: 1px;
  margin-right: 3px;
}
a.inlineBt img, .inlineBtOff img {vertical-align: bottom;}


/* --------------------------- !FORMS SPECIFICS ------------------------------ */

/* main form title ... while "legend" is not fully compatible */
/* Three different IDs were created, but avoid having more than two in 
the same page though */
#fhead, #fhead2, #fhead3 {float: left; width: 100%; padding: 2px 0;}
#fhead h3, #fhead2 h3, #fhead3 h3 {
	float: left;
	width: 60%;
	font-size: 0.75em;
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
	padding-left: 8px;
}

/* Bar of form buttons and links */
#fbtbar {display: block; text-align: right; margin: 10px 0 20px 0;}
div.fbtbar {display: block; text-align: right; margin: 10px 0 20px 0;}

/* definition of backgrounds for buttons  */

/* submit button */
#btsubmit {
	width: auto;
	font-size: 0.8em;
	text-transform: uppercase;
	padding: 3px;
	margin: 0 0 0 15px;
	cursor: pointer;
}
input.btsubmit {
	width: auto;
	font-size: 0.8em;
	text-transform: uppercase;
	padding: 3px;
	margin: 0 0 0 15px;
	cursor: pointer;
}	    

/* reset button */
#btcancel {
	width: auto;
	font-size: 0.8em;
	text-transform: uppercase;
	padding: 3px ;
	margin: 0 0 0 15px;
	cursor: pointer;
}
input.btcancel {
	width: auto;
	font-size: 0.8em;
	text-transform: uppercase;
	padding: 3px;
	margin: 0 0 0 15px;
	cursor: pointer;
}	   

/* Optional validation action button - other than submit */
/* It appears as a link on the form, not input tag */
a.btAction, a.btAction:visited {
	width: auto;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px 8px;
	margin: 0 0 0 15px;
	*vertical-align: 5px;
	cursor: pointer;
}

/* Main fieldset block */
fieldset.fsMain {text-align: left; padding: 8px 0;}

/* if label is on checkbox or radio */
.lblike {
  float: left;
  width: auto;
  font-size: 0.9em;
  font-weight: bold;
  text-align: right;
  padding-right: 8px;
  margin: 0 10px;
}
label.lbnone {float: none; display: inline; margin: 0; vertical-align: 4px;}
label.lbhide {display: none;}

/* For checkbox or radios */
input.ipckb, input.ckb {
	width: auto;
  background: transparent;
	padding-left: 0px;
	border: 0;
	vertical-align: 0;
}

/* comments */
.fcomts {font-size: 0.65em; vertical-align: top;}

/* mandatory fields */
#mandatmess {font-size: 0.7em; text-align: right; padding-right: 5px;} 
 
#mandatmess img {vertical-align: -5px;}

/* to position calendar on form */
.calendar {vertical-align: -2px;}

/* to position help icon */
.picHelp {vertical-align: 0;}

/* Contextual error messages */
.ctxl {
  font-size: smaller;
  font-weight: bold;
  vertical-align: 4px;
  padding-left: 5px;
}

/* Error message */
#ferror {
  clear: both;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 25px;
}	  
#ferror p {
  width: 60%;
  text-align: center;
  margin: 3px auto;
}	

/*--- MULTIPLE STEPS FORM ---*/	

#pSteps {float: left; width: 100%; margin-bottom: 5px;}
#pSteps span {
  float: left;
  width: 2em;
  font-size: 18px;
  padding: 2px 10px 1px 8px;
}
#pSteps a:link, #pSteps a:visited {
  float: left;
  width: 2em;
  font-size: 18px;
  padding: 2px 10px 1px 8px;
}
span#stepOn {font-weight: bold;}

/* -------------- BUTTONS CLASSES -------------------- */

/* ACTION BUTTONS - with icons */
a.lniconbt, a.lniconbt:link  {
	width: auto;
	height: 17px;
	font-size: 0.8em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 3px 8px 2px 25px;
	margin-left: 10px;
	vertical-align: middle;
}
a.lniconbt:visited {text-decoration: none;}
a.lniconbt:hover, a.lniconbt:active {text-decoration: none;}

/* SIMPLE BUTTON LINKS - no icons */

/* neutral */
a.btlinkg, a.btlinkg:link, a.btlinkg:visited  {
	width: auto;
	height: 18px;
	font-size: 0.8em;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: 6px;
	padding: 3px 8px 3px 8px;
}

/* navigational */
a.btlinkn, a.btlinkn:link, a.btlinkn:visited  {
	width: auto;
	height: 18px;
	font-size: 0.8em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 3px 8px 3px 8px;
}

/* -------------------------------- !TOOLS PAGES ----------------------------- */

/* Popups structure definitions */

body#bdPopup {width: 90%; text-align: center; margin: 20px auto;}
#topwrapPP {margin-bottom: 20px;}
#ppTitbar {padding-top: 15px; margin-left: 120px;}

#mainctPP {text-align: left; margin-left: 120px;}

/* Block of tools content */
#toolscnt {width: 70%; text-align: left; margin: 0 0 0 30px;}
#toolscnt h4 {font-size: 0.8em; margin: 30px 0 20px 0;}
#mainctPP dl {margin: 15px 0;}
#mainctPP dt {font-weight: bold;}
#mainctPP dd {margin-bottom: 25px;}

#toolscnt p {text-align: left; margin: 10px 0;}
#toolscnt p.fbts {text-align: center; margin-top: 20px;}
#toolscnt p.pretour {text-align: center; margin-top: 20px;}

#toolscnt ul {padding-left: 16px; margin-left: 10px;}
#toolscnt li {padding-top: 8px;}

#toolstitbar {margin-top: -3px;}

#tbak {margin-top: 20px;}

h2.bkhelp, h2.bkcntct, h2.bkpasswd, h2.bkaccess {
		  font-size: 0.75em;
		  text-transform: uppercase;
		  text-align: left;
		  padding: 3px 5px 3px 30px;
		  margin-left: 0;
}

#fdsettools {width: auto; padding: 10px;}
#fdsettools textarea {width: 85%;}

#tbtools {width: 100%;}
#tbtools td.tbtools1TD {font-weight: bold; width: 120px;}

/* Popup closing button */
#btClose {text-align: right; line-height: 150%;}

/* form specifics */
/* Contact form */
#fsContact label {width: 10%;}
#ipTitre {width: 30%;}
#ipMess {width: 70%; margin-left: 0;}

/* Password forgot or modification */
#fsPwdl label {width: 15%;}
#fsPwdn label {width: 18%;}

/* ------------------------ !EXCEPTIONS & SPECIFICS -------------------------- */

p.note {font-size: 0.65em;} /* notes */
.stressed {font-weight: bold;} /* stressed text */
.hide {display: none;} /* hidden text */