html, body { 
margin:0; 
padding:0; 
height:100%; /* this is the key! */ 
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 11px; 
} 

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

h1,h2,h3,h4{

font-family:"lucida grande",tahoma,verdana,arial,sans-serif; /* font-family:georgia, serif; */

display:block;border-bottom:1px solid #eee;padding-left:5px;margin-top:10px;margin-bottom:10px;}

h1{font-size:140%;}
h2{font-size:130%;}
h3{font-size:120%;}
h4{font-size:110%;}

.selectcombobox
{
border:1px solid #666666;font-weight:bold;color:#666666;padding:0px 0px 0px 0px;
}

.inputSmall { 
 font-size: 10px; 
 background-color: #F3F3F8; 
 border: 1px solid #666666;
}

.buttonSmall { 
    font-size: 11px; 
	font-weight: bold;
	color:#FFFFFF;
	border:1px solid #3b6e22;
    background-color:#3399CC;
}

.buttonSmall:hover { background-color: #a00; }


 input.search {
  background:white url(Images/searchglass.png) no-repeat scroll 3px 4px;
  border:1px solid #BDC7D8;
  padding-left:17px;
 }
 
 input, textarea, select {

  font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  font-size:11px;
  padding:3px;
 }
 
 input:focus, textarea:focus, select:focus {
/* border:1px solid #BDC7D8;
 border-color:#687FB0*/
 }
 .field {border:1px solid #bdc7d8; padding:2px}
 .field:focus {border-color:#687FB0}
 textarea.field {width:98.5%;height:100px}


 .button {
  padding:1px 3px 1px 4px; 
  font-size:1em; 
  cursor:pointer; 
  background:#3b5998; 
  color:#fff; 
  border:1px solid #0e1f5b; 
  border-left-color:#D9DFEA; 
  border-top-color:#D9DFEA;
 }


.intro-list ul li {list-style-image: url("/Images/check_mark.png");}
/*.intro-list .text-circle {width:118px;height:35px;background:url("../Images/check_mark.png") -920px -10px no-repeat;display:inline;position:absolute;margin-left:-100px; margin-top:-4px;}*/


.hidediv
{
	display:none;
}


.tableBgRed {
background-color:#FDCCCF;
border-top:1px solid #FFFFE6;
border-right:1px solid #FFFFE6;
border-left:1px solid #FFFFE6;
border-bottom:1px solid #c8c8c8;
}

.tableBgNotRead {
background-color:#FBFFC6;
border-top:1px solid #FFFFE6;
border-right:1px solid #FFFFE6;
border-left:1px solid #FFFFE6;
border-bottom:1px solid #c8c8c8;
padding-left:4px;
}

.tableBgColor1 {
background-color:#ECF1FF;
border-top:1px solid #FFFFE6;
border-right:1px solid #FFFFE6;
border-left:1px solid #FFFFE6;
border-bottom:1px solid #c8c8c8;
padding-left:4px;
}

.tableEnteteBlue
{
border:1px solid #c8c8c8;
}

.tableEnteteBlueInside
{
background-image:url(Images/back1.gif);
/*background-color:#c8c8c8;
*/
border:0px solid #c8c8c8;
border-bottom:1px solid #c8c8c8; 
}

.tableNoBorders {
background-color:#FFFFFF;
border-top:0px solid #FFFFFF;
border-right:0px solid #FFFFFF;
border-left:0px solid #FFFFFF;
border-bottom:0px solid #FFFFFF; 
padding-top:0px;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
/*#E1E3EC;*/
}

.tableBlue {
background-color:#FFFFFF;
border-top:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #c8c8c8; 
padding-left:4px;
/*#E1E3EC;*/
}

.tableRightSeparator {
border-top:0px solid #FFFFFF;
border-right:1px solid #CCCCCC;
border-left:0px solid #FFFFFF;
border-bottom:0px solid #FFFFFF; 
}

.tableBlueEnBas {
background-color:#FFFFFF;
border-top:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #F9F9FB;
padding-left:4px;
}

.tableBlueFade {
background-color:#F3F4F8;
border-top:1px solid #F3F4F8;
border-right:1px solid #F3F4F8;
border-left:1px solid #F3F4F8;
border-bottom:1px solid #F3F4F8;
}

.tableBlueShining {
background-color:#FFCC33;
border-top:1px solid #666666;
border-right:1px solid #666666;
border-left:1px solid #666666;
border-bottom:1px solid #666666;
}

.tableBlueShining1 {
background-color:#FFFFBF;
border-top:1px solid #666666;
border-right:1px solid #666666;
border-left:1px solid #666666;
border-bottom:1px solid #666666;
}

.tableBlueFadeBottomBorderVisible {
background-color:#F3F4F8;
border-top:1px solid #F3F4F8;
border-right:1px solid #F3F4F8;
border-left:1px solid #F3F4F8;
border-bottom:1px solid #c8c8c8;
}

.tableBlueFadeBottomFourBorders {
background-color:#F3F4F8;
border-top:1px solid #c8c8c8;
border-right:1px solid #c8c8c8;
border-left:1px solid #c8c8c8;
border-bottom:1px solid #c8c8c8;
padding:10px;
margin:5px;
}


.tableEnteteBlueStrong
{
border:1px solid #cfd1d7;
}

.tableEnteteBlueSub
{
background-color:#FF99CC; /*FFFFCC FF9900*/
border:1px solid #FF99CC;
}

.tableIndexHeader
{
background-color:#990000;
border:1px solid #990000;
}

.tableIndex
{
background-color:#F9F7F3;
border-top:1px solid #F9F7F3;
border-right:1px solid #F9F7F3;
border-left:1px solid #F9F7F3;
border-bottom:1px solid #F9F7F3;
}

textarea.full {width: 95%; height: 100%;} 
select.small {height: 16;} 


.styleLucida
{
	line-height:			18px;
	font-family:			"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif ; /*"Trebuchet MS", verdana,arial,sans serif;*/
	font-size:				13px;
}


.styleMauveSombre {
	font-weight: bold;
	color: #CC6666;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif; /* font-family: Georgia, "Times New Roman", Times, serif; */
	font-size: 12px
}

.styleGreySombre {
	font-weight: bold;
	color:#525252;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif; /* font-family: Georgia, "Times New Roman", Times, serif; */
	font-size: 12px
}

.styleMauveSombreSmall {
	color: #CC6666;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif; /* font-family: Georgia, "Times New Roman", Times, serif; */
	font-size: 12px
}

.styleheader {
font-family:"lucida grande",tahoma,verdana,arial,sans-serif; /* font-family: Georgia, "Times New Roman", Times, serif; */
	color: #666666;
	font-weight: bold;
	font-size: 16px
}
.styleheaderMinus {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif; /* font-family: Georgia, "Times New Roman", Times, serif; */
	color: #666666;
	font-weight: bold;
	font-size: 14px
}

.styleheaderMinusMinus {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif; /* font-family: Georgia, "Times New Roman", Times, serif; */
	color: #666666;
	font-weight: bold;
	font-size: 11px
}

.styleheaderTiny {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	color:#666666;
	font-weight: bold;
	font-size: 10px
}

.styleText12 {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  	color: #333333; 
	font-size:12px;
}

.styleText11 {
 /*font-family: Verdana, "Times New Roman", Times, serif;*/
 	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	color:#333333; /* 555555 */
	font-size: 11px
}

.styleText10 {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  	color: #333333; /* don't use just black, it won't look good */
  	font-size:11px;
}



.styleTextStats {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif; /* font-family: Verdana, "Times New Roman", Times, serif; */
	color: #666666;
	font-size: 10px;
}

.styleContent {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height: 1.3em;
}

.styleContent12 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.3em;
}

.styleContent11 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 1.3em;
}

.styleContent08 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	line-height: 1.3em;
}

.styleBigContent12 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
	color: #000066;
}

.styleBigContent {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	line-height: 1.5em;
	font-weight: bold;
	color: #000066;
}

.styleGrayLight {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif; /* font-family: Verdana, "Times New Roman", Times, serif; */
	color:#777777;
	font-size: 11px;
}

.styleBlueLight {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif; /* font-family: Verdana, "Times New Roman", Times, serif; */
	color:#003399;
	font-size: 10px;
}

.styleBlueLight11 {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif; /* font-family: Verdana, "Times New Roman", Times, serif; */
	color:#003399;
	font-size: 11px;
}

.styleBlueLightBold {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif; /* font-family: Verdana, "Times New Roman", Times, serif; */
	color:#003399;
	font-weight: bold;
	font-size: 11px;
}

.styleBlueLightBold15 {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif; /* font-family: Verdana, "Times New Roman", Times, serif; */
	color:#003399;
	font-weight: bold;
	font-size: 15px;
}

.styleBlueLightBold20 {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif; /* font-family: Verdana, "Times New Roman", Times, serif; */
	color:#003399;
	font-weight: bold;
	font-size: 20px;
}

.styleheaderMinusMinusOrange {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif; /* font-family: Georgia, "Times New Roman", Times, serif; */
	color: #FF9900;
	font-weight: bold;
	font-size: 12px
}

.styleheaderOrange {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FF9900;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.5em;	
}

.styleheaderTinyBoldOrange {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif; /* font-family: Georgia, "Times New Roman", Times, serif; */
	color: #FF9900;
	font-weight: bold;
	font-size: 10px
}

.styleheaderTinyOrange {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif; /* font-family: Verdana, "Times New Roman", Times, serif; */
	font-weight: normal;
	color: #FF9900;
	font-size: 11px
}

div.colored {
	background-color:#FFFFCC;
}

/*this is what we want the div to look like
    when it IS showing*/

div.loaded {
    /*make visible*/
    display:block;

    /*position it 200px down the screen*/
    position: absolute;
	/*top:0%;
	right:0%;*/
	top:30%;
  	left:35%;
	
	vertical-align:middle;
    text-align:center;

    /*in supporting browsers, make it
      a little transparent*/
    background:#fff;
    opacity:.94;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
  }
  
  
  
  .menu {
  background:#F7F7F7 none repeat scroll 0 0;
  border:1px solid #BDC7D8;
  padding:5px;
  font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  font-size:11px;
  height:100%;
 }
 .menu h3 {
  margin-bottom:10px;
  padding:5px 0 0 5px;
  font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  font-size:13px;
 }
 .menu ul {
  color:#3B5998;
  padding:0 10px 5px;
 }
 .menu li {
  font-weight:bold;
  list-style-image:none;
  list-style-position:inside;
  list-style-type:square;
  padding:0 0 5px;
 }
 .menu .descrip {
  color:#444444;
  font-weight:normal;
  padding:3px 0 0 15px;
 }
 


.some_div h3 
 {
  border-bottom:1px solid #CCCCCC;
  font-size:15px;
  font-weight:bold;
  color: #999999;
  padding-top: 0px; /* 15px; */
  display:block;
  margin:0;
 }
 .some_div .upd_on
 {
  color: gray;
  margin: 0 0 0px 5px;
  font-size:10px;
  font-weight:normal;
  padding:0;
  text-align: right;
 }


/* tooltip , see the javascript file qtip.js, no longer used */
div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 10px;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    width: 25em;
    font-weight: bold;
	background-color:#282828;
	border:1px dashed black;
    /*background: url(/Images/ntbg.png);*/
    
    /* Mozilla proprietary */
    -moz-border-radius: 12px;
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 9px;
    text-align: left;
    padding-top: 3px;
}


.floating_bar 
{ 
position:fixed !important; 
_position:relative !important; 
width:100% !important; 
height:29px !important; 
background:#e4f2fd; 
border-top:1px solid #b9dcdf;
z-index:3 !important; 
font-size:0.95em !important; 
margin:0 auto !important; 	
_margin-bottom:-4px !important;	
_top:-2px;
}


/* action button on the left */
.actionspro {
   list-style: none;
   margin: 0px;
   padding: 0px; }
 .actionspro li { border-bottom: 1px solid #D8DFEA; }
 .actionspro a {
   background: transparent;
   display: block;
   margin: 0px;
   padding: 2px 3px;
   text-decoration: none; }
 .actionspro a:hover {
   background: #E6E6E6;
   color: white;
   text-decoration: none; }
 .actionspro .inactive {
   padding: 2px 3px;
   color: gray; }
   
   
 /* action button (variation) on the left */
.actionspro1 {
   list-style: none;
   margin: 0px;
   padding: 0px; 
   font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 2em;
	font-weight: bold;
	color: #000066;
   }
 .actionspro1 li { border-bottom: 1px solid #D8DFEA; }
 .actionspro1 a {
   background: transparent;
   display: block;
   margin: 0px;
   padding: 2px 3px;
   text-decoration: none; }
 .actionspro1 a:hover {
   background: #3b5998;
   color: white;
   text-decoration: none; }
 .actionspro1 .inactive {
   padding: 2px 3px;
   color: gray; }
   
   
   
/* New version menu */
.actionsnew1 {
   list-style: none;
   line-height:26px;
   margin: 0px;   
   padding: 0px; 
}
 .actionsnew1 a {
   background: transparent;
   display: block;
   margin: 0px;
   margin-left:6px;
   color: #0099FF;
   text-decoration: none; }
.actionsnew1 span {
   background: transparent;
   display: block;
   margin: 0px;
   margin-left:6px;
   color: #333333;
   }   
 .actionsnew1 li { border-bottom: 1px solid #D8DFEA; }   
 .actionsnew1 li:hover {
   background: #FFFFFF;
   color: #000000;
   text-decoration: none; }
 .actionsnew1 .inactive {
   padding: 2px 3px;
   color: gray; }   
   
   
   
   
   
   
/* CHROME MENU ------------------------------------------------------------------------------------------------------------ */
 .chromemenu{
width: 100%;
font-weight: bold;
}

.chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromemenu ul{
/*border: 1px solid #BBB;           -----------------------------------------------------------------------------------------------------> a tester*/ 
width: 100%;
/*background: url(media/chromebg.gif) center center repeat-x;*/
background-color:#F7F9F9;
border:1px solid #b9dcdf;
padding: 1px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

.chromemenu ul li{
display: inline;
}

.chromemenu ul li a{
color: #494949;
padding: 5px 8px;
margin: 0;
text-decoration: none;
border-right: 1px solid #BBB;
}

.chromemenu ul li a:hover, .chromemenu ul li a.current{
/*background: url(media/chromebg2.gif) center center repeat-x;*/
background-color:#F4F4AA;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}



/* DISPLAYBOX ------------------------------------------------------------------------------------------------------------ */
#displaybox .b {
  background-image:url(stylesheets/boximages/b.png);
}

#displaybox .tl {
  background-image:url(stylesheets/boximages/tl.png);
}

#displaybox .tr {
  background-image:url(stylesheets/boximages/tr.png);
}

#displaybox .bl {
  background-image:url(stylesheets/boximages/bl.png);
}

#displaybox .br {
  background-image:url(stylesheets/boximages/br.png);
}

#displaybox {
  position: absolute;
  /*top: 48px;
  left: 497px;*/
  
  z-index: 100;
  text-align: left;
}

#displaybox .popup {
  position: relative;
}

#displaybox table {
  border-collapse: collapse;
}

#displaybox td {
  border-bottom: 0;
  padding: 0;
}

#displaybox .body {
  padding: 10px;
  background: #fff;
  font-size: 20px;
/*  width: 370px; */
/*  max-width:370px;*/
}

#displaybox .loading {
  text-align: center;
}

#displaybox .image {
  text-align: center;
}

#displaybox img {
  border: 0;
  margin: 0;
}

#displaybox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#displaybox .tl, #displaybox .tr, #displaybox .bl, #displaybox .br {
  height: 10px;
  width: 8px;
  overflow: hidden;
  padding: 0;
}

#displaybox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.displaybox_hide {
  z-index:-100;
}

.displaybox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #displaybox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}







/* TOOLTIP ------------------------------------------------------------------------------------------------------------ */
.tip {font:10px/12px Arial,Helvetica,sans-serif; border:solid 1px #666666; width:250px; 
      padding:1px; position:absolute; z-index:100; visibility:hidden; color:#333333;
      top:20px; left:90px; background-color:#ffffcc; layer-background-color:#ffffcc;}
#t1 {width:130px;}
#t2 {width:480px;}
#t3 {font:bold 14pt verdana,arial,sans-serif; background-color:#ffcccc; layer-background-color:#ffcccc;}




/* New Version ----------- */

.styleListText {font:14px/18px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; color:#333333;}
.styleListTextBlue {font:14px/18px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; color:#29477E;}

.divHide { display:none; }

.rounded-corners5 {
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;
}

.rounded-corners3 {
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;
}



/* menu styles */
#jsddm
{	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
}

#jsddm li
{	float: left;
	list-style: none;
	border-left:1px solid #CCCCCC;
	border-right:0px solid #CCCCCC;
	border-top:0px solid #CCCCCC;
	/* 		font: 12px Tahoma, Arial */
}

#jsddm li a
{	display: block;
	/*  background: #eef7f7; */
	padding: 8px 8px;
	text-decoration: none;
	/*  border-right: 1px solid white;	*/	
	color: #183185;
	white-space: nowrap;
	vertical-align:middle;
}

#jsddm li a:hover
{	background: #eef7f7;
}
	
#jsddm li ul
{	
	margin: 0;
	padding: 0;
	margin-left:-1px;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	z-index:2;
}

#jsddm li ul li
{	
	float: none;
	/* display: inline; */
}

#jsddm li ul li a
{	width: auto;
	background:#eef7f7;
}

#jsddm li ul li a:hover
{	background: #183185;
	color:#eef7f7;
}