/* $Id: screen.css,v 1.22 2009/07/23 17:53:44 jad rlse $ */

/* fieldset { 
	display: none;
} */
/*
fieldset {
border-style: none;
}*/

body {
margin:0; 
padding:0;	
border-top: 2px solid #000;
text-align: center;
font-family: "Tahoma" Arial, sans-serif;
background-color: #fff;       
}

#wrapper {
margin: 10px auto;
padding: 0;
text-align: left;
width: 649px;	 
}

/* Page Layout Stuff */

#header {
margin: 0;
padding: 0;
border:0;
background-color:#3366cc;

}

#appVersion {
float:right;
color:#fff;
background-color:#3366cc;
line-height:.9em;
padding:2px 4px;
}



#pagebody {
padding: 0;
margin: 0;
border: 0;
text-align: left;
background: transparent;
clear: both;
}

#content {
float:left;
margin-top:5px;
margin-left:0px;
margin-bottom:5px;
}

#footer {
margin: 0;
height:22px;
color: #fff;
background-color:#3366cc;
text-align: center;
clear:both;
}

/* Lists */

/* Application Menu Style*/

#appMenuBar {
background-color: #3366cc;
color: #fff;
margin:0;
padding: 0;
}

#appMenuBar #appMenu {
border: none;
margin:0;
padding:0;
}

#appMenuBar #appMenu li
{
padding: 0;
margin: 0;
list-style-type: none;
display:inline;
}

#appMenuBar #appMenu li a,
#appMenuBar #appMenu li span
{
font-size: .7em;
color: #fff;
text-decoration: none;
float: left;
padding: 2px 3px;
border: 1px solid #3366cc; /* Remove ? */
display: block;
width: auto;
background-color: #3366cc;
}
/* Ajouts Mathieu */

#appSousMenuBar {
background-color: #3366cc;
color: #fff;
margin:0;
padding: 0;
}

#appSousMenuBar #appSousMenu {
border: none;
margin:0;
padding:0;
}

#appSousMenuBar #appSousMenu li
{
padding: 0;
margin: 0;
list-style-type: none;
display:inline;
}

#appSousMenuBar #appSousMenu li a,
#appSousMenuBar #appSousMenu span
{
font-size: .7em;
color: #fff;
text-decoration: none;
float: left;
padding: 2px 3px;
border: 1px solid #3366cc; /* Remove ? */
display: block;
width: auto;
background-color: #3366cc;

/* Fin ajouts Mathieu */
/*	white-space: nowrap; */
}

/* Define Sub Menus */
#appMenuBar #appMenu li ul,
#appMenuBar #appMenu li ul li ul {
position:absolute;
visibility:hidden;
width:160px;    
z-index:100;  
}

#appMenuBar #appMenu li ul a
{
border:none;
border-top: 1px solid #fff; 
border-left: 1px solid #fff; 
width:100%; 
clear:left;
float:left;
z-index:99;
background-color:#3366cc;
text-align: left;
}


#appMenuBar #appMenu li ul li ul a {
border-left: 1px solid #fff; 
z-index:101;  
}

/* Display Sub menus */
#appMenuBar #appMenu li:hover ul, 
#appMenuBar #appMenu li.iehover ul,
#appMenuBar #appMenu ul li:hover ul, 
#appMenuBar #appMenu ul li.iehover ul {
visibility:visible;
}

/* Mouse over */
#appMenuBar #appMenu a:hover, 
#appMenuBar #appMenu a:active, 
#appMenuBar #appMenu a:focus
{
color: #ffff66;
}

#appMenuBar #appMenu li #appMenuHelp,
#appMenuBar #appMenu li #appMenuOptions
{
width:120px;  
}

#appMenuBar #appMenu li #appMenuModules,
#appMenuBar #appMenu li #appMenuSubSub
{
width:140px;  
}


#appMenuBar #appMenu a.dropdown 
{
padding-right:10px;
background: #3366cc url(../images/app_down_arrow.gif) center no-repeat right;
}

#appMenuBar #appMenu a.dropdown:hover,
#appMenuBar #appMenu a.dropdown:active,
#appMenuBar #appMenu a.dropdown:focus
{
padding-right:10px;
background: #3366cc url(../images/app_down_arrow_hover.gif) center no-repeat right;
}

#appMenuBar #appMenu a.dropacross 
{
background: #3366cc url(../images/app_across_arrow.gif) center no-repeat right;
}

#appMenuBar #appMenu a.dropacross:hover,
#appMenuBar #appMenu a.dropacross:active,
#appMenuBar #appMenu a.dropacross:focus
{
background: #3366cc url(../images/app_across_arrow_hover.gif) center no-repeat right;
}

/* End of Application Menu  Style*/


/* Page Menu Style*/

#pageMenuBar {
background-color: #e0e0e0;
color: #000;
padding: 0;
margin:0;
border: 2px outset #e0e0e0;
}

#pageMenuBar #pageMenu {
border:none;
margin:0;
padding:0;
}

#pageMenuBar #pageMenu li
{
padding: 0;
margin: 0;
list-style-type: none;
display:inline;
}


#pageMenuBar #pageMenu li  a
{
font-size: .7em;
color: #000;
text-decoration: none;
float:left;  
padding: 2px 3px;
display:block;
width:auto;
background-color:#e0e0e0;
}

/* Define Sub Menus */
#pageMenuBar #pageMenu li ul,
#pageMenuBar #pageMenu li ul li ul {
position:absolute;
visibility:hidden;
width:160px;        
z-index:100;  
}

#pageMenuBar #pageMenu li ul a
{
border:none;
border-top: 1px solid #fff; 
border-left: 1px solid #fff; 
color: #000;
width:100%; 
clear:left;
float:left;
z-index:99;
background-color: #e0e0e0;  
text-align: left;  
}

/* Display Sub menus */
#pageMenuBar #pageMenu li:hover ul, 
#pageMenuBar #pageMenu li.iehover ul,
#pageMenuBar #pageMenu ul li:hover ul, 
#pageMenuBar #pageMenu ul li.iehover ul {
visibility:visible;
}

/* Mouse over */
#pageMenuBar #pageMenu a:hover, 
#pageMenuBar #pageMenu a:active, 
#pageMenuBar #pageMenu a:focus
{
color: #00e;
}

#pageMenuBar #pageMenu a.dropdown 
{
padding-right:10px;
background: #e0e0e0 url(../images/menu_down_arrow.gif) center no-repeat right;
}

#pageMenuBar #pageMenu a.dropdown:hover,
#pageMenuBar #pageMenu a.dropdown:active,
#pageMenuBar #pageMenu a.dropdown:focus
{
padding-right:10px;
background: #e0e0e0 url(../images/menu_down_arrow_hover.gif) center no-repeat right;
}

#pageMenuBar #pageMenu a.dropacross 
{
background: #e0e0e0 url(../images/menu_down_arrow.gif) center no-repeat right;
}

#pageMenuBar #pageMenu a.dropacross:hover,
#pageMenuBar #pageMenu a.dropacross:active,
#pageMenuBar #pageMenu a.dropacross:focus
{
background: #e0e0e0 url(../images/menu_down_arrow_hover.gif) center no-repeat right;
}

/* End of Page Menu  Style*/

#pageSiteMap {
margin:0px;
padding:0px;
background-color: #fff;
}

#pageSiteMap ul
{
list-style:none;
padding:0;
margin:0;
}

#pageSiteMap ul li
{  
padding: 5px 0 5px 5px;
}

#pageSiteMap ul li ul li
{
padding: 5px 0 5px 15px;
}

li.menuSeparator {
border-right:1px #b0b0b0 solid;
height:18px;
width:1px;
margin:0px;
margin-right:2px;
margin-left:3px;
padding:0px;
float:left;
}

/* Highlight Current menu item */
body#home li#mi_home a,
body#products li#mi_products a,
body#services li#mi_services a,
body#downloads li#mi_downloads a,
body#company li#mi_about a {
color: #fff;
background-color:#42429c;
}

.link dt {
padding-left: 2px;
}

/* Shadow  */
.link dd {
margin: 8px 0 0 8px;
}

.link dd img {
display: block;
border:0;
position: relative;
background-color: #fff;
margin: -6px 3px 6px -6px;
}

/* section specific formatting */


#header img {
border:0;
margin:0;
margin-bottom:-3px;
}

#header h1 {
margin:0;
padding:3px 0;
font-family: "Tahoma" Arial, sans-serif;
font-size:.95em;
color: #000;
}

#header #titleWrapper {
margin:0;
padding: 3px 6px;
background-color: #f2f2f0;
border:none;
border-left: 1px solid #a8a8a8;
border-right: 1px solid #a8a8a8;
}

#appUserName {
display:block;
float:right;
padding:2px 4px;
}

#content h1 {
margin:0;
font-family: Arial, sans-serif;
font-size:1.5em;
color: #000;
}

#content h2 {
margin:6px 6px 6px 0px;
font-size:1.1em;
/*font-variant: small-caps; */
color: #000;
/*border-bottom: 2px inset #aaa; */
}

#content h3 {
margin:10px 6px 6px 6px;
width:649px;
font-size:1em;  
background-color: #e0e0e0;
display:block;
}

#footer p {
font-size:.75em;
padding: 3px;
margin:0;
}

#footer p {
line-height:1.2em;
font-weight:normal;
}

#footer a {
font-size:.9em;
margin-left:6px;
color: #ffff66;
text-decoration: none;
}

#content p {
text-align:justify;
font-weight:normal;
margin:6px;
margin-top:10px;
margin-bottom:10px;
}



/* General Formatting */

p {
margin:3px 0 3px 0;
}

#pagebody, 
#pagebody div, 
#pagebody p, 
#pagebody th, 
#pagebody td, 
#pagebody dd, 
#pagebody dt {
font-size:    x-small;
font-weight:normal;
voice-family: "\"}\"";   
voice-family: inherit;   
font-size:    small;         
}

html>#pagebody, 
html>#pagebody div, 
html>#pagebody p, 
html>#pagebody th, 
html>#pagebody td, 
html>#pagebody dd, 
html>#pagebody dt {
font-size:  small;
}

.hide {
height: 0;
width: 0;
margin:0;
padding:0;
overflow: hidden;
position: absolute;  /* for the benefit of IE5 Mac */
}

br.clear {
clear:both;
}

#content a {
color: #3366cc;	
font-size:1em;
}


#content fieldset {
padding:10px 0;
border:0;
}

#content label {
font-family: "Tahoma" Arial, sans-serif;
font-weight:bold;
margin-left:6px;

}

/*
#content strong.purple {
font-family: "Tahoma" Arial, sans-serif;
font-weight:normal;
margin-left:6px;
position:absolute;
}
*/

strong.purple{
font-family: "Tahoma" Arial, sans-serif;
font-weight:bold;
}

strong.purple_italic{
font-family: "Tahoma" Arial, sans-serif;
font-weight:bold;
font-style:italic;
}


#content table.FW_radio_table
{
margin:0 0 0 0;
padding:0;
border:none;
}

#content table.FW_radio_table td {
border:none;
padding:0;
margin:0;
}

#content table label {
font-family: "Tahoma" Arial, sans-serif;
font-weight:800;
margin:0;
position:static;
}

#content label.mand:before,
.mand:before {
content: '* ';
}

/*
#content input,
#content select,
#content textarea,
#content span.displayOnly
{
margin-left:12em;
}
*/
#content input[type=radio],
#content input[type=checkbox]
{
display:inline;
margin-right:3px;  
}

#content .noMargin
{
margin-left:10px;
}  

#content .smallMargin {
margin-left:50px;
}

div.lhs {
width:365px;
background-color:#fff;

}

div.rhs {
width:365px;
margin-right:10px;
background-color:#fff;
float:right;

}

#content input[type=button],
#content input[type=submit],
#content input[type=reset] {
border-color: #999 #333 #333 #999;
border-width: 1px;
background: #FFF url("../images/border_header_top.gif") bottom left repeat-x;
}

#content input[type=button]:hover,
#content input[type=submit]:hover,
#content input[type=reset]:hover {
border-color: #333 #999 #999 #333;
border-width: 1px;
}

#content #submit,
#content #reset {
margin-left:6px;
margin-right:6px;
}

#content table.search_results a.sort,
#content table.search_results a.sort span {
color: #3366CC; 
font-weight: bold;
text-decoration: none;
padding-right:15px;
}

a.asc span {
background: url('../images/sort_asc.gif') no-repeat right;
}

a.desc span {
background: url('../images/sort_dsc.gif') no-repeat right;
}



/* Search Result Tables */

#content table, 
#content td
{
border: 1px solid #CCC;
border-collapse: collapse;
font: small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
vertical-align: text-top;
}

#content table
{
  border:none;
  border:1px solid #CCC;
}

/* the following three classes added by Jiao. April 3, 2007 */
#content table.subtable
{
  border-style:none; 
}

#content td.subtd_label
{
  border-style: none;  
  padding-left: 60px;
}

#content td.subtd_label_1
{
  border-style: none;  
  padding-left: 0px;
}

#content td.subtd
{
  border-style: none;  
}

#content thead th,
#content tbody th
{
  background: #FFF url("../images/th_bck.gif") repeat-x;
  color: #666;  
  padding: 5px 10px;
  border-left: 1px solid #CCC;
}

#content tbody th
{
  background: #fafafb;
  border-top: 1px solid #CCC;
  text-align: left;
  font-weight: normal;
}

#content tbody tr td
{
  padding: 5px 10px;
  color: #666;
}


/*
#content tbody tr 
{
hover:expression(this.onmouseover=new Function("this.style.background='#fafafb url(../images/tr_bck.gif)';"),this.onmouseout=new Function("this.style.background='#fff';"));
}
*/

#content tbody tr:hover
{
  background: #FFF url("../images/tr_bck.gif") repeat;
}

#content tbody tr:hover td
{
  color: #454545;
}


#content tfoot td div.nav,
#content thead td div.nav
{
  border:0px solid #fff;
  padding:8px 0 0 0;
  background-color: #fff;
  color:#ee0000;
  text-align:right;
}

#content thead a,
#content tfoot a
{
  color:#000099;
}

#content caption
{
  text-align:left;
  font-size: 120%;
  padding:10px 0;
  color:#666; 
}

#content caption span.title
{
  float:left;
  display:inline;
}

#content caption span.counts
{
  float:right;
  display:inline;
}

#content table a:link
{
  color:#666;
}

#content table a:visited
{
  color:#666;
}

#content table a:hover
{
  color:#003366;
  text-decoration:none;
}

#content table a:active
{
  color:#003366;
}

#content tr input{
 margin: 1px;
}



* .validate_error,
#content .validate_error,
#content input.validate_error {
  background-color:#ff6; 
/*  background: #fff url(../images/mand.jpg) no-repeat left;  */ 
}

.hide {
  height: 0;
  width: 0;
  margin:0;
  padding:0;
  overflow: hidden;
  position: absolute;  /* for the benefit of IE5 Mac */
}


#notification.hidelog,
.hidelog {
  height: 0;
  width: 0;
  margin:0;
  padding:0;
  overflow: hidden;
  position: absolute;  /* for the benefit of IE5 Mac */
}

#content hr {
  margin: 10px 0;
}

#pageMenuBar #pageMenu a.disabled {
  color:#8f8f8f;
}

#appMenuBar #appMenu a.disabled {
  color:#8f8f8f;
}

#content TABLE#search_results {
  width:649px;
}

#content TH#checks {
  width:20px;
}

#content .wide {
  width:300px;
}

#content a.dynamic_add {
  display:block;
  text-decoration:none;
  border:0;
  }
  
  
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#content table.date, 
{
  margin-left:12em;
  border:none;
}

#content table.date td
{
  border:none;
  margin:0;
  padding:0;
}

.accesskey {
  text-decoration: underline;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
  
/* process indicator styling */
#FW_processInd {
  float:right; 
  padding:5px 5px 0 0;
}
 


/****************************************************************
 * CISS' styles
 * 
 *
 */
 
 
.SectionTitle {
    margin:0;
    padding: 3px 6px;
    font-family: "Tahoma" Arial, sans-serif;
    font-size:1.1em;
    font-weight:bold;
    color: #000000;
    background-color: #f2f2f0;
    display:block;
    clear:left;
    height: 1.5em;
    border-bottom: 2px inset #aaa;
}  

table.tableLayout {
    width: 649px;
}

td.nowrap { 
    white-space: nowrap;
}

#displayMsg {
  background-color: #CCCCFF;
  margin: auto;
  border-bottom: solid #000033;
  border-top: solid #000033;
  font-family: "Tahoma" Arial, sans-serif;
  font-size:150%;
  font-weight:bold;
}