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

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

#wb-sm .nvbar ul.menu {
  display: inline-block;
} 

#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;
}