/* CLF 2.0 TEMPLATE VERSION 1.0 | VERSION 1.0 DU GABARIT NSI 2.0 */

#navcontainerAdmin h2.nav, #navcontainer div.navcontainerAdmin h2.nav{
  display: block;
  width: 138px;
  background-color: #003366;
  color: #FFF;
  text-decoration: none;
  line-height: 1.3; /*if % is used, this class creates a 1px space on bottom of h2 container*/
  padding: 2px 5px 2px 5px;
}
#navcontainerAdmin h3.nav, #navcontainer div.navcontainerAdmin h3.nav {
  display: block;
  width: 133px;
  background-color: #003366;
  color: #FFF;
  text-decoration: none;
  line-height: 1.3; /*if % is used, this class creates a 1px space on bottom of h2 container*/
  padding: 2px 5px 2px 12px;
  margin: 0 0 0 0;
  font-weight: 700;
  font-size: 100%;
}

/* LEVEL 1 WHITE HORIZONTAL DIVIDERS*/
#navcontainerAdmin  li, #navcontainer div.navcontainerAdmin  li { 
  margin: 0; 
  background-color: #FFF;
  border-left: 1px solid #003366;
  border-bottom: 1px solid #003366;
  border-right: 1px solid #003366;  
}

/* LEVEL 1  */
#navcontainerAdmin a, #navcontainer div.navcontainerAdmin a {
  display: block;
  padding: 3px 8px 3px 12px;
  width: 128px;
  color: #000;
  background-color: #FFF;
  text-decoration: none;
  line-height: 1.3; /*if % is used, this class creates a 1px space on bottom of h2 container*/
}
#navcontainerAdmin a:hover, #navcontainer div.navcontainerAdmin a:hover, #navcontainerAdmin a:focus, #navcontainer div.navcontainerAdmin a:focus  {
  color: #000;
  background-color: #FFF;
  text-decoration: underline;
}
#navcontainerAdmin ul li a#selected1, #navcontainer div.navcontainerAdmin ul li a#selected1 {
  color: #000;
  background-color: #FFF;
  text-decoration: underline;
}
#navcontainerAdmin ul li a#expanded1, #navcontainer div.navcontainerAdmin ul li a#expanded1 {
  color: #000;
  background-color: #FFF;
  text-decoration: underline;
}
/*LEFT NAV ENDS*/
/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

h1 {
   color: #333366;
   }
   
div.center h1.navLink {
	float: left;
	display: inline;
	width:100%;
}

div.center .navLinkRight {
   float: right;
   display: inline;
   width:auto;
}

hr.line {
   height:1px;
   }

.mandatory {
    font-size: 1em;
    color: #CC0000;
  font-style: normal;
  vertical-align: bottom;
  line-height: normal;
  font-weight:bold;
}

li.errorMessages {
    font-size: 1em;
    color: #000000;
  font-style: normal;
  vertical-align: bottom;
  line-height: normal;
  font-weight:bold;
}

.changedData {
	border: 1px solid #CCCCCC;
    background-color: #FFFFCC;
    padding: 1px 4px 1px 4px; /* top, right, bottom, left */
}

.hiliteData {
  font-weight:bold;
    background-color: #FFFFCC;
    padding: 1px 4px 1px 4px; /* top, right, bottom, left */
}

.explanTextGray {
  border-style: solid;
  border-color: #EEEEEE;
  border-width: 1px 1px 1px 1px;
  background-color: #EEEEEE ;
  text-align:left;
  vertical-align:top;
  padding: 1px 4px 1px 4px; /* top, right, bottom, left */
}

.note {
    font-size: 1em;
  font-style: normal;
  font-weight: bold;
  vertical-align: bottom;
  line-height: normal;
}

.registryAltRow {
    background-color: #eeeeee;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px 1px 1px 1px;
    padding: 1px 4px 1px 3px; /* top, right, bottom, left */
}

/* SHOW/HIDE */
a.helpLink,
a.helpLink:link {color:#039; cursor:help; background:inherit;}
a.helpLink:active,
a.helpLink:focus,
a.helpLink:hover {color:#FF0000; background:inherit;}
a.helpLink:visited {color:#039; background:inherit;}

span.helpLink {
  border:1px solid #EEEEEE;
  background-color:#EEEEEE;
  padding:0.1em;
  font-size:95%;
}

div.helpLinkText
{
  border:1px solid #EEEEEE;
  background-color:#EEEEEE;
  padding:0.1em;
  display:block;
}
/*END OF SHOW/HIDE*/

table.comlogCountdown {
  border: solid 1px #666666;
  width: 98%;
  background-color: #FFFFCC;
  margin: 5px;
  padding: 5px;
  border-spacing: 5px;
}

table.comlogCountdownInfo {
  border: 1px solid #336699;
  background-color: #f5f7ff;
  border: solid 1px #666666;
  width: 98%;
  margin: 5px;
  padding: 5px;
  border-spacing: 5px;
}

table#comlogCountdown {
  border: solid 1px #666666;
  width: 98%;
  background-color: #FFFFCC;
  margin: 5px;
  padding: 5px;
  border-spacing: 5px;
}

.comlogWarning {
  border: solid 1px #666666;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  background-color: #FFFFCC;
  margin: 5px;
  padding: 5px;
  border-spacing: 5px;
}
.information {
  border: solid 1px #336699;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  color: #000000;
  background-color: #f5f7ff;
  margin: 5px;
  padding: 5px;
  border-spacing: 5px;
}
div.boxBorderErrors{
  border: 1px solid #F00;
  background-color: #FFE7E7;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-top: 2px;
  margin-bottom:3px;
  padding:3px;
  color: #000000;
  background-image: url(../../images/exclamation.gif);
  background-repeat:no-repeat;
  background-position: 2px 3px;
  padding-left: 21px;
  width:94%;
  display:block;
}

table#boxBorderFull {
  border: solid 1px #666666;
  width: 100%;
  margin: 5px;
  padding: 8px;
  border-spacing: 8px;
}

table.boxBorder {
  border: solid 1px #666666;
  width: 98%;
  margin: 5px;
  padding: 8px;
  border-spacing: 8px;
}

table#subjectMatterBoxBorder {
  border: solid 1px #666666;
  background-color: #FFFFCC;
  width: 98%;
  margin: 5px;
  padding: 8px;
  border-spacing: 8px;
}

.boxBorderLabel {
  width: 5%;
/*  background-color: #EEEEEE ; */
  text-align:left;
  vertical-align:top;
  padding-left:4px;
}

table.tombstone {
  border: solid 1px #666666;
  width: 98%;
  margin: 5px;
  padding: 5px;
  border-spacing: 5px;
}

table.tombstone2col {
  border: solid 1px #666666;
  width: 98%;
  margin: 5px;
  padding: 5px;
  border-spacing: 5px;
}

table#tombstone td {
  padding: 4px;
  }
  
td.tableTop {
  vertical-align: top;
  padding-left: 3px;
  padding-right: 3px;
  }

table.lined  td.tableTop label {
  vertical-align: top;
  }
  
td.tableTop2 {
  vertical-align: top;
  }

td.tableBottom {
  vertical-align: bottom;
  padding-left: 3px;
  padding-right: 3px;
  }

td.tableRight { 
  text-align: right;
  }

td.tableTopGray {
  vertical-align: top;
  background-color: #EEEEEE;
  padding-left: 3px;
  padding-right: 3px;
  }
  
table.lined  td.tableTopGray label {
  vertical-align: top;
  background-color: #EEEEEE;
  }
  
/* LINED TABLES */
table.unlined {
  width:99.5%;
}

td.tableStatus {
  width:20px;
  text-align:center;  
  }

.labelTombstone {
  width: 25%;
  background-color: #EEEEEE ;
  text-align:left;
  vertical-align:top;
}

.labelFormShort {
  width: 140px;
  background-color: #EEEEEE ;
  text-align:left;
  vertical-align:top;
  padding-left:4px;
}

.labelForm {
  width: 190px;
  background-color: #eeeeee ;
  text-align:left;
  vertical-align:top;
  padding-left:4px;
}

.labelFormWide {
  width: 33%;
  background-color: #EEEEEE ;
  text-align:left;
  vertical-align:top;
  padding-left:4px;
}

.contentTombstone {
  text-align: left;
  vertical-align: top;
  }

/* TAB FORM*/

div.center .textPadding {
  padding: 5px;
  padding-bottom: 15px;
}
   
/* =Form header */
th.formHeader {
    background-color: #369;
    color: #FFFFFF;
  border: #369 1px solid;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  vertical-align: top;
  line-height: normal;
  text-align:left;
  padding: 3px 0 3px 3px;
   }
   td.formHeader {
    background-color: #369;
    color: #FFFFFF;
  border: #369 1px solid;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  vertical-align: top;
  line-height: normal;
  text-align:left;
  padding: 3px 0 3px 3px;
   }
th.formHeaderSub {
    background-color: #336699;
    color: #FFFFFF;
  border: #336699 1px solid;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  vertical-align: top;
  line-height: normal;
  text-align:left;
   }
  
div.formHeader {
    background-color: #369;
    color: #FFFFFF;
  border: #369 1px solid;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  vertical-align: top;
  line-height: normal;
  text-align:left;
  padding: 3px 0 3px 3px;
   }
   
div.formHeader2col {
    background-color: #333366;
    color: #FFFFFF;
    width: 606px;
  border: #333366 1px solid;
    padding: 4px 0px 4px 4px;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  vertical-align: bottom;
  line-height: normal;
   }
   
/* Form labels and input */

form div label {
  width: 200px;
  float: left;
  margin-right: .1em;
  background-color: #EEEEEE ;
  padding: .3em .3em ;
  margin-top: 1px ;
  margin-bottom: 1px;
}
form label.inFormLabel{
  width: 90%;
  float: none;
  margin: 0 0 5px 0;
  background-color: #ffffff;
  padding:0px;
  display:inline-block;
	}
form label.inFormLabel3{
  width: 100px;
  float: right;
  margin: 0 0 5px 0;
  background-color: #ffffff;
  padding:0px;
  display:inline-block;
	}
.orgContact{
	width: 26.3%;
}

form label.inFormLabel2{
  width: 56%;
  float: none;
  margin: 0 0 5px 0;
  background-color: #ffffff;
  padding:0px;
  display:inline-block;
	}
form div .labelForm label {
  width: 170px;
  background-color: #EEEEEE ;
  text-align:left;
  vertical-align:top;
  padding-left:0px;
}
form div label.newLabel {
  width: 120px;
  background-color: #EEEEEE ;
  text-align:left;
  vertical-align:top;
  padding-left:4px;
}
form div label.checkboxLabel {
  float: right;
  width: 90%;
  background-color: #ffffff ;
  padding: 0 ;
  margin:0;
}

form div.bunch {
  width:100%;
  height:100%;

}

form div.bunchRight {
  border-left:200px;
  float:left;
  }

form div label.bunchLeft {
  float:left;
  width:200px;
  
}

label.noBkgnd {
  width: 39%;
  margin-right: 0em;
  background-color: #FFFFFF ;
  padding: 0em ;
    text-align: left;
}

label.noBkgndSmall {
  width: 15%;
  margin-right: 0em;
  background-color: #FFFFFF ;
  padding: 0em ;
  margin-top: 1px ;
  margin-bottom: 1px;
    text-align: right;
}


.sublabel {
  width: 30%;
  background-color:#FFFFFF ;
  padding: 0em ;
  padding-right: 10px;
  margin-right: 0em;
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: right;
}

.sublabelWide {
  width: 60%;
  margin-right: 0em;
  background-color:#FFFFFF ;
  padding: 0em ;
  padding-right: 10px;
    text-align: right;
}

form div input, select, textarea {
    margin: 2px;
  clear: right;
  }
  form div input.checkbox {
	clear: none;  
	margin:0;
  }
/*  
form div fieldset {
  margin-top: 1px ;
  margin-right: 0.2px;
    padding: .5em;
  width:auto;
  }
*/
form div.radioButtonBar  {
  float: right;
  width: 72%;
  }

form label.radioButton  {
  clear: both;
  background-color: #FFFFFF;
  width: 100%;
  padding: .1em;
  }

/*form label static data*/
.data {
/*
    width: 75%;
  margin-top: .2em;
  margin-bottom: 0em;
  padding: .3em .3em .3em 0em;
*/
    width: auto;
  clear: right;
  padding: .3em .3em;
  margin-top: 1px ;
  margin-bottom: 1px;
  vertical-align: top;
  }

/* CLEAR TAGS */
.clear {
  clear: both;
  height:100%;
  visibility:visible;   
  }

.clearRight {
  clear: right;
    height:100%;
    visibility:visible; 
  }

.clearLeft {
  clear: left;
    height:100%;
    visibility:visible; 
  }
  
/* BUTTON BAR  */

#buttonBar {
/*   clear: both;*/
   padding-top: 1px;
   }
   .buttonBar {
/*   clear: both;*/
   padding-top: 1px;
   }
  
#buttonBarTop {
   display:inline;
   }
  
#buttons {
   background-color: #EEEEEE ;
   border: 1px solid #000000 ; 
   font-weight: 600;
   padding:0 .25em 0 .25em;
   width:auto;
   overflow:visible;
   } 

div#buttonBar span.buttons {
   float: right;
   width: 15%;
   text-align: right;
   } 

div#buttonBar span.buttonTextLeft {
   float: left;
   width: 60%;
   text-align: left;
   } 

div#buttonBar span.buttonsLeft {
   float: left;
   width: 35%;
   text-align: left;
   } 

div#buttonBar span.buttonsRight {
   float: right;
   text-align: right;
   } 
   
div#buttonBar span.buttonsRightNote {
   float: right;
   text-align: right;
   padding-right: 25%;
   } 
   
   div.buttonBar span.buttons {
   float: right;
   width: 15%;
   text-align: right;
   } 

div.buttonBar span.buttonTextLeft {
   float: left;
   width: 60%;
   text-align: left;
   } 

div.buttonBar span.buttonsLeft {
   float: left;
   width: 35%;
   text-align: left;
   } 

div.buttonBar span.buttonsRight {
   float: right;
   text-align: right;
   } 
   
div.buttonBar span.buttonsRightNote {
   float: right;
   text-align: right;
   padding-right: 25%;
   } 
   
/* BUTTONS */

div#buttonBar input {
   background-color: #EEEEEE ;
   border: 1px solid #000000 ; 
   font-weight: 600;
   padding:0 .25em 0 .25em;
   width:auto;
   overflow:visible;
   }
  div.buttonBar input {
   background-color: #EEEEEE ;
   border: 1px solid #000000 ; 
   font-weight: 600;
   padding:0 .25em 0 .25em;
   width:auto;
   overflow:visible;
   }
  
input.buttonReg {
   background-color: #EEEEEE ;
   border: 1px solid #000000 ; 
   font-weight: 600;
   padding:0 .25em 0 .25em;
   width:auto;
   overflow:visible;
   }

.contentswap {
  margin: 15px 5px 5px 5px; 
  display: block;
  } 

/*  TABS   NOTE: using invalid -Moz-Border-Radius attributes to create rounded corners, works in mozilla, but does impact use in other browsers. Perhaps address in future using DB's sliding doors technique for tabs */

.button {
display:inline;
overflow:visible;
padding:0.3em 0.6em;
width:auto;
}
ul.tabButtonBar {
border:0 none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 10px;
overflow:hidden;
padding:0;
vertical-align:bottom;
width:auto;
}
ul.tabButtonBar li {
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#CCCCCC;
border:2px solid #CCCCCC;
float:left;
margin-right:10px;
margin-top:10px;
padding:3px;
text-decoration:none;
}
ul.tabButtonBar li.activeTabButton {
background-color:#336699;
border:2px solid #336699;
margin-left:10px;
margin-right:20px;
margin-top:0;
padding:8px;
}
ul.tabButtonBar li a:link, ul.tabButtonBar li a:visited {
background-color:#CCCCCC;
border:2px solid #CCCCCC;
color:black;
text-decoration:none;
}
ul.tabButtonBar li:hover, ul.tabButtonBar li:hover a {
background-color:#336699;
border:2px solid #336699;
color:white;
text-decoration:none;
}
ul.tabButtonBar li.activeTabButton:hover, ul.tabButtonBar li.activeTabButton:hover a, ul.tabButtonBar li.activeTabButton a:link, ul.tabButtonBar li.activeTabButton a:visited {
background-color:#336699;
border:2px solid #336699;
color:white;
font-weight:bold;
text-decoration:none;
}
div.tabButtonBar input {
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:0 none;
color:#363636;
font-weight:normal;
margin-bottom:0;
overflow:visible;
padding:0.3em 0.6em;
vertical-align:bottom;
width:auto;
}
div.tabButtonBar input:hover {
background-color:#003366;
color:white;
}
div.tabButtonBar input.activeTabButton {
background-color:#336699;
border-color:#336699;
border-style:solid;
border-width:2px 1px 1px 2px;
color:white;
font-weight:bold;
margin-left:10px;
margin-right:10px;
}


#nav-box {
  border-top: 0px;
  border-width: 6px 2px 2px;
  border-style: solid;
  border-color: #336699;
  padding:  5px;
  margin-top: 0px;
  color: #000;
  z-index: -1;
/*  -Moz-Border-Radius-TopRight: 5px;
  -Moz-Border-Radius-BottomRight: 5px;  
  -Moz-Border-Radius-BottomLeft: 5px; */
  }
  
div.center a.navbox, div.center a.navbox:visited, div.center a.navbox:link {
  background-color:#CCCCCC;
  border-width: 2px 2px 1px 2px;
  border-style: solid;
  border-color: #CCCCCC;
  color:#000;
  text-decoration:none;
    padding: 7px 7px 0px 7px ;
/*  border: 1px solid #ccc;
  background-color: #eee;
  text-decoration: none;
  color: #666;*/
  width: auto;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;  
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  white-space: nowrap;
  }
  
div.center a.navbox:hover   {
  background-color: #336699;
  border-color: #336699;
  }
  
div.center a.navbox-on, div.center a.navbox-on:link,div.center a.navbox-on:visited {
background-color:#336699;
border:2px solid #336699;
margin-left:10px;
margin-right:20px;
margin-top:0;
color:#FFFFFF;
    padding: 10px 8px 1px 8px ;
/*  border: 1px solid #ccc;
  margin-left: 10px;
  margin-right: 10px;*/
  width: 140px;
  text-decoration: none;
  font-weight:bold;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;  
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
/*    background-color: #fff;
  border-bottom: 0px;
  z-index: 1;*/
  white-space: nowrap;
  } 
  
#sbTitleTab1 a.navbox-on { margin-left:0;
  }
    

/*a.navbox-on, a.navbox-on:visited {
  color: #000000;
  border-top: 5px solid #666699;
  border-bottom: 0px;
  }*/   
  
/* #new-report-builder th {
  text-align: left;
  background-color: #DE8621;
  border-top: 0px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 3px; 
  font-size:100%;
  font-family: Verdana;
  vertical-align: bottom;
  color: white; 
  }
  
#new-report-builder td {
  vertical-align: bottom;
/*  border-right: 1px dotted #ccc;*/
/*  padding: 4px;
  font-family: verdana;
  font-size: 100%; 
  }
  
#new-report-builder td.visible {
  text-align: center;
  }
  
#new-report-builder td.nested {
  vertical-align: bottom;
  border-right: 0px;
  padding: 0 2px 0 0; 
  }  
  
#new-report-builder tr {
  border-bottom: 1px solid #ccc;
  }
 
#new-report-builder tr.alternating {
  border-bottom: 1px solid #ccc;
  background-color: #efefef;
  } 
 
/*.items-builder {
  border: 1px solid #ccc;
  -moz-border-radius-TopRight: 8px;
  -moz-border-radius-BottomRight: 8px;
  -moz-border-radius-BottomLeft: 8px;  
  -Moz-Border-Radius-TopLeft: 0px;
  padding: 0 2px 2px 2px; 
  width: 750px; 
  overflow: scroll; 
  }*/


/* FORM IDS AND CLASSES */

/* =Add wrap to text areas */
/*textarea { wrap: "virtual" }*/

/* =Form Content Div */
#formContent {
	text-align: left;
  }

/* Registration Annotation note seperator */
.annotationNoteSeperator {
  border-top:  #000000 1px dashed;
}

/*  The button bar is the area that holds the tab selectors
*/
  ul.tabButtonBar {
    list-style:none;
    margin:0;
    padding:0;
    border:0; 
    width:auto;
    overflow:hidden;
    margin-left:4px;
    vertical-align:bottom;
  }

  ul.tabButtonBar li {
    float:left;
    margin-right:5px;
    border:2px solid #CCCCCC;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;  
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    background-color:#CCCCCC;
    padding:3px;
    margin-top:10px;
    text-decoration:none;
  }

  ul.tabButtonBar li.activeTabButton {
    border:2px solid #336699;
    background-color:#336699;
  }

  ul.tabButtonBar li a:link,
  ul.tabButtonBar li a:visited {
    border:2px solid #CCCCCC;
    background-color:#CCCCCC;
    color:black;
    text-decoration:none;
  }
  ul.tabButtonBar li:hover,
  ul.tabButtonBar li:hover a
  {
    border:2px solid #DDEEFF;
    background-color:#DDEEFF;
    color: #000000;
    text-decoration:none;
  }
  ul.tabButtonBar li.activeTabButton:hover,
  ul.tabButtonBar li.activeTabButton:hover a,
  ul.tabButtonBar li.activeTabButton a:link,
  ul.tabButtonBar li.activeTabButton a:visited {
    font-weight:bold;
    background-color:#336699;
    border:2px solid #336699;
    color:white;
    text-decoration:none;
  }
/*  The tab area is the area under the tabs that is tab specific
*/
div.tabArea{
  margin: 0;
  padding: 0;
  padding-left: .8em;
  border: 1px solid #336699 ;
  border-top:6px solid #336699;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;  
  /*  use 8px instead of 5px for webkit because a a white line appears below border radius at 5px
  */
  -webkit-border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  /* the following 2 lines are so that IE6 will display the tab area and borders properly.
   * in this file and not IE6 file because it doesn't corrupt any other browsers
  */
  display: inline-block;
  width: 98%;
  height:1%;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px; 
  /*  use 8px instead of 5px for webkit because a a white line appears below border radius at 5px
  */
  -webkit-border-bottom-left-radius:8px;
  -webkit-border-bottom-right-radius:8px;
}

/* Admin updates */
/* COLUMN LAYOUT FOR CONTENT AREA*/
div.icRow {float: left; margin: 2px 0 0 2px; padding: 0; width: 99%; border-top: thin #CCC dashed;}

/* 2 column layout */
div.ic2col1 {float: left; width: 49%; margin: 0 3px 0 0; padding: 0;}
div.ic2col2 {float: left; width: 49%; margin: 0; padding: 0;}


/* 3 column layout */
div.ic3col1 {float: left; width: 32%; margin: 0 3px 0 0; padding: 0;}
div.ic3col2 {float: left; width: 32%; margin: 0 3px 0 0; padding: 0;}
div.ic3col3 {float: left; width: 32%; margin: 0; padding: 0;}

/* 4 column layout */
div.ic4col1 {float: left; width: 24%; margin: 0 3px 0 0; padding: 0;}
div.ic4col2 {float: left; width: 24%; margin: 0 3px 0 0; padding: 0;}
div.ic4col3 {float: left; width: 24%; margin: 0 3px 0 0; padding: 0;}
div.ic4col4 {float: left; width: 24%; margin: 0; padding: 0;}

/* 5 column layout */
div.ic5col1 {float: left; width: 19%; margin: 0 3px 0 0; padding: 0;}
div.ic5col2 {float: left; width: 19%; margin: 0 3px 0 0; padding: 0;}
div.ic5col3 {float: left; width: 19%; margin: 0 3px 0 0; padding: 0;}
div.ic5col4 {float: left; width: 19%; margin: 0 3px 0 0; padding: 0;}
div.ic5col5 {float: left; width: 19%; margin: 0; padding: 0;}

/* 6 column layout */
div.ic6col1 {float: left; width: 16%; margin: 0 3px 0 0; padding: 0;}
div.ic6col2 {float: left; width: 16%; margin: 0 3px 0 0; padding: 0;}
div.ic6col3 {float: left; width: 16%; margin: 0 3px 0 0; padding: 0;}
div.ic6col4 {float: left; width: 16%; margin: 0 3px 0 0; padding: 0;}
div.ic6col5 {float: left; width: 16%; margin: 0 3px 0 0; padding: 0;}
div.ic6col6 {float: left; width: 16%; margin: 0; padding: 0;}

div.formTable div.leftCol {
width: 30%; 
padding: 2px; 
display:block;
float: left;
margin-left: 3px;
margin-top: 1px;
margin-bottom: 1px;
}
div.formTable label {
  background-color: #FFF;
  color: #000;
  width: 95%;
}

div.rightCol {
width: 65%; 
padding:4px;
}

/*3 column with asterisk*/
div.formCol1 {
width: 2%; 
display:block;
FLOAT: left;
margin-left: 3px;
padding-top: 5px;
padding-left: 5px;
margin-top: 1px;
margin-bottom: 1px;
}

div.formCol2 {
width: 30%; 
display:block;
FLOAT: left;
margin-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 1px;
margin-bottom: 1px;
}

div.formCol3 {
width: 64%; 
margin-left: 1px;
margin-top: 3px;
padding: 5px;
}

.clear {
clear: both;
}

/* End Admin Updates */

/* LRSSRD-2394 */
/* Fieldset */

form div fieldset {
	border:1px solid #CCCCCC;	
	width: 98%;
	padding: 6px;
}
form div fieldset legend {
	color: #000;
	background-color: #FFFFFF;
	font-weight: normal;
	border:1px solid #CCCCCC;	
	padding: 3px;
}
div.formCol2_2394 {
	width: 90%; 
	display:block;
	FLOAT: left;
	margin-left: 8%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 1px;
	margin-bottom: 1px;
}

/* End of LRSSRD-2394 */
div.formHeader2col {
  background-color: #369;
  color: #FFFFFF;
  width: 98.7%;
  border: #369 1px solid;
  padding:3px;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  vertical-align: bottom;
  line-height: normal; 

}
/* LINED TABLES */
table.lined { border-spacing:0px; border-collapse:collapse; border:1px solid #999999; width:100%; }
table.unlined2 { border-spacing:0px; border-collapse:collapse; border:0px; width:100%; }

table.lined caption, table.unlined2 caption { 
  padding:3px 3px 3px;
  margin:0px;
  text-align:left;
  background:#369;
  color:#FFFFFF;
  font-weight:bold;
  border:1px solid #036;
}
table.lined th{
  padding:1px 3px;
  margin:0px;
  text-align:left;
  background-color: #cccccc;
  color:#000;
  border:1px solid #999;
  border-top:0px;
}
table.unlined2 th {
  padding:1px 3px;
  margin:0px;
  text-align:left;
  background-color: #cccccc;
  color:#000;
    border:1px solid #999;
  border-top:0px;
}
table.lined th.expanded {
  padding:1px 3px;
  margin:0px;
  text-align:left;
  background-color: #cccccc;
  color:#000;
  border:1px solid #CCC;
  border-top:0px;
}
table.lined td {
  padding:1px 3px;
  border-bottom:1px solid #CCC;
  border-right:1px solid #CCC;
}
table.lined tfoot td {
  border-top:1px #036 solid;
  background-color:#EEE;
  color:#000000;
  padding:3px;
  margin:0px;
}
table.lined td.actionCol {
  text-align:center;
  width: 10%;
}
table.lined td.status {
    vertical-align:middle;
  width:5%;
}
tr.alternate {
background-color:#FFF;
}

table.lined label {
    background-color: #FFF;
    color: #000;
    width:50%;
}
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/*Progress Bar*/

div.progressBar{
min-height:1.57em;
}

div.progressBar2 {
border:medium none;
list-style-type:none;
margin:0;
padding:0;
top:10px;
width:100%;
}

span.progressPrevious, span.progressCurrent, span.progressNext, span.progressEnd, span.progressCurrentLast {
border:medium none;
float:left;
font-size:100%;
margin:0;
min-height:1.3em;
min-width:10.5em;
padding:0;
white-space:nowrap;
}

span.progressPrevious {
width:20%;
background-image:url(../../images/nextStatus.gif);
background-repeat:no-repeat;
color:#336699;
float:left;
padding-top:12px;
padding-bottom:12px;

}

span.progressCurrent {
width:20%;
background:url(../../images/currentStatus.gif);
background-repeat:no-repeat;
color:#003366;
font-weight:bold;
float:left;
padding-top:12px;
padding-bottom:12px;
}

span.progressNext {
width:20%;
background-image:url(../../images/nextStatus.gif);
background-repeat:no-repeat;
color:#999999;
float:left;
padding-top:12px;
padding-bottom:12px;
}

span.progressEnd {
width:20%;
background-image:url(../../images/endStatus.gif);
background-repeat:no-repeat;
float:left;
color:#999999;
padding-top:12px;
padding-bottom:12px;

}

span.progressCurrentLast {
width:20%;
background:url(../../images/currentStatusLast.gif);
background-repeat:no-repeat;
color:#003366;
font-weight:bold;
float:left;
padding-top:12px;
padding-bottom:12px;
}

/*4 Steps with Review/Publish*/

span.progressPrevious4Step, span.progressCurrent4Step, span.progressNext4Step, span.progressEnd4Step, span.progressCurrentLast4Step {
border:medium none;
float:left;
font-size:100%;
margin:0;
min-height:1.3em;
min-width:9.5em;
padding:0;
white-space:nowrap;
}

span.progressPrevious4Step {
width:20%;
background-image:url(../../images/nextStatus.gif);
background-repeat:no-repeat;
color:#336699;
float:left;
padding-top:12px;
padding-bottom:12px;

}

span.progressCurrent4Step {
width:20%;
background:url(../../images/currentStatus.gif);
background-repeat:no-repeat;
color:#336699;
font-weight:bold;
float:left;
padding-top:12px;
padding-bottom:12px;
}

span.progressNext4Step {
width:20%;
background-image:url(../../images/nextStatus.gif);
background-repeat:no-repeat;
color:#999999;
float:left;
padding-top:12px;
padding-bottom:12px;
}


button.marginButton{
	margin-right:8px;
	margin-bottom:16px;
}
button span.icon {
display:inline-block;
height:16px;
margin-right:5px;
width:16px;

}
button.holdB span.icon {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../images/rejectHold.gif) no-repeat scroll 0 0;
vertical-align:top;
margin-right:6px;
}
button.holdB span {
margin:0;
padding:0;
}
button.holdB2 span.icon {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../images/rejectHoldA.gif) no-repeat scroll 0 0;
vertical-align:top;
margin-right:6px;
}
button.holdB2 span, button.holdB3 span, button.holdB4 span {
margin:0;
padding:0;
}

button.holdB3 span.icon {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../images/add2.gif) no-repeat scroll 0 0;
vertical-align:top;
margin-right:6px;
}

button.holdB4 span.icon {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../images/remove2.gif) no-repeat scroll 0 0;
vertical-align:top;
margin-right:6px;
}


div.info {
    border:1px solid #336699;
    background-color:#CFE4FF;
    color: #000000;
    padding: .6em;
	width:95.7%;
	margin-left:5px;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;  
}
.iconInfo {
    background: url(../../images/info.gif) no-repeat scroll left top transparent;
    padding-left: 2em;
    text-decoration: none;
}
.greenText{
	color:#006F24;
}
.green {
  color: #006F24;
}
.greyBG{
	background-color:#EEE;
	border-radius:6px;
}
table.lined th.tableSort{
	background-color: #cccccc;
}

.corp {
    background: url(../../images/corp.gif) no-repeat scroll left top transparent;
    padding-left: 1.7em;
    text-decoration: none;
	margin: 2px;
}
.org {
    background: url(../../images/org.gif) no-repeat scroll left top transparent;
    padding-left: 1.7em;
    text-decoration: none;
	margin: 2px;
}
.client {
    background: url(../../images/client.gif) no-repeat scroll left top transparent;
    padding-left: 1.7em;
    text-decoration: none;
	margin: 2px;
}
.width8{
	width:8%;
}
.width18{
	width:18%;
}
.buttonLine {
	height: 1px;
	background-color: #CCC;
	color: #CCC;
	border: none;
}
.col1{
	width:40%;
	float:left;
}
.col2{
	width:17%;
	float:left;
	padding:5px;
	text-align:center;
}
.col3{
	width:40%;
	float:left;
}
.buttonL{
	width:110px;
	text-align:left;
}

.formTable {
	margin-top:5px;
	display:table;
	width: 100%;
}

.formRow {
	margin: 0.1em 0 0.1em 0; 
	padding: 0.1em 0 0.1em 0; 
 	width: 99%; 
 	overflow: hidden;
	display:table-row;
	float:left;
}
div.formRow div.formLabel {
	background-color:white;
	width:30%;
	display:table-cell;
	float: left; 
	margin: 0 3px 0px 0; 
	padding: 0;
	vertical-align:top;
}

div.formRow .formValue {
	display:table-cell;
	float: left;
	width: 25%; 
	margin: 0; 
	padding: 0;
}

div.formRow .formValue2 {
	display:table-cell;
	float: left;
	width: 10%; 
	margin: 0; 
	padding: 0;
}
.borderBlue{
	border: 1px #336699 solid;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:5px;
}
.whiteBorder{
		border: 1px #fff dotted;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:2px;
}

div.formRow div.formLabel3 {
	background-color:white;
	width:98%;
	display:table-cell;
	float: left; 
	margin: 0 3px 0px 0; 
	padding: 0;
	vertical-align:top;
}

div.formRow .formValue3 {
	display:table-cell;
	float: left;
	width: 15%; 
	margin: 0; 
	padding: 0;
}

div.center h2.formHeader, div.center h4.formHeader, div.center h3.formHeader, h2.formHeader, h3.formHeader, h4.formHeader {
  background-color: #369;
    color: #FFFFFF;
  border: #369 1px solid;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  vertical-align: top;
  line-height: normal;
  text-align:left;
  padding: 3px 0 3px 3px;
  margin:0px;
}

.paddingLN{
	padding-left:0px;
}
*:first-child+html .paddingLN{
	margin-left:-7px;
}

#loading
{
  display:none; 
  position:absolute;
  background:#fff;
  background:#fff url(../../images/loading.gif) no-repeat center right;
}

#img-load { 
  position:absolute; 
}

.dBlueC {
  display:none; 
  background-color: transparent;
  color: #003366;
}

h2.comlogNumber {
  color: #000000 !important;
}

.boxBlue {
  border: solid 1px #003366;
  padding: 3px;
}

div.popuppage {
  background: #FFFFFF;
  color: #000000;
  padding: 10px;
  min-width: 12em;
}
/* WET Collapsible widget */
.ic-expandhide .ic-expandhide-out {position: relative;}
.ic-expandhide .ic-expandhide-in {background: -webkit-linear-gradient(top, #EEE, #FFF); background: -moz-linear-gradient(#EEE, #FFF); border: 1px solid #333; border-radius: 5px; margin-bottom: 10px; -pie-background: linear-gradient(#EEE, #FFF); -pie-poll: true;}
.ic-expandhide .ic-expandhide-in .toggle-link-expand, .ic-expandhide .ic-expandhide-in .toggle-link-collapse { margin: 10px 0 10px 5px; color: #06A; text-decoration: none; font-weight: bold; font-family: Arial; font-size: 12px; padding-left: 21px;}
.ic-expandhide .ic-expandhide-in .toggle-link-collapse {background: url(/app/secure/orl/lrs/images/legacy/ic_WET_2-3_expandhide-DB.png) no-repeat left center;}
.ic-expandhide .ic-expandhide-in .toggle-link-collapse:hover {background: url(/app/secure/orl/lrs/images/legacy/ic_WET_2-3_expandhide-DG.png) no-repeat left center; color: #666;}
.ic-expandhide .ic-expandhide-in .toggle-link-expand {background: url(/app/secure/orl/lrs/images/legacy/ic_WET_2-3_expandhide-RB.png) no-repeat left center;}
.ic-expandhide .ic-expandhide-in .toggle-link-expand:hover {background: url(/app/secure/orl/lrs/images/legacy/ic_WET_2-3_expandhide-RG.png) no-repeat left center; color: #666;}