html
  {
    height: 100%;
    overflow: -moz-scrollbars-vertical;
  }
  
  body
  {
    margin: 0;
    padding: 0;
    height:100%;
    width: 100%;
    font:1.0em 'Trebuchet MS',tahoma,sans-serif;

    /*#716F6D 545250*/
    background: white url(../images_apdee/template/body_background.png) repeat-x;
    /*background: #545250 url(../images_apdee/template/body_background.png) repeat-x;*/
    color: black;
  }

  #corner {
    width: 60px;
    height: 60px;
    background-image: url(../images_apdee/template/template_corner.png);
    position: absolute;
    top: 0px;
    right: 0px;
  }


  form {
    margin: 0;
    padding: 0;
  }

  img {
    border: 0;
  }

  p {
    text-indent: 0;
    margin: 0;
    padding: 0;
  }

  a {
    color: #0A4677;
    text-decoration: none;
  }
  
  a:hover{
    color:#000000;
    text-decoration: underline;
  }
  
  .abutton:link, .abutton:visited, .abutton:active{
    padding: 1px 5px;
    background: url(../images_flavours/template/middlebox_bg.png) repeat-x;
    border: 1px solid #ddd;
    font-size: 0.9em;
  }
  
  .abutton:link:hover{
    border: 1px solid #333;
  }

  hr {
    border: 0;
    height: 1px;
    color: #efefef;
    background-color: #efefef;
  }
  
  ul {
    padding-left: 1.0em;
    margin: 0;
  }
  
  li {
    list-style: square ;
  }
  
  pre {
    font-size: 1.1em;
    line-height: normal;
    background: #fefecd;
    border: 1px dashed #615E5E;
    overflow: hidden;
    color: black;
    width: auto;/*required for ie*/
    text-align: left;
  }

  #containter {
    position: relative;
    min-height: 100%;
    padding-bottom: -100px;
  }

  * html #containter
  {
    height: 100%;
  }
  
  #midcontainer {
    width: 800px;
    min-width: 800px;
    text-align: left;
    margin: 0 auto;
    /*background-color: red;*/
    margin-top: 0;/*30px*/
    background: transparent url(../images_apdee/template/content_background.png) no-repeat;
  }

  #headertop {
    width: 800px;
    min-width: 800px;
    margin: 0 auto;
    background: url(../images_apdee/template/toplinks_background.png) no-repeat;
    /*background-color: red;*/
    height: 60px;
    /*overflow: hidden;*/
  }

  /*#headertop p {*/
  /*  text-align: right;*/
  /*  margin: 0 auto;*/
  /*  padding: 0;*/
  /*  color: white;*/
  /*  font-size: 1.0em;*/
  /*}*/
  /**/
  /*#headertop a	{*/
  /*  color: white;*/
  /*  text-decoration: none;*/
  /*}*/
  /**/
  /*#headertop a:hover	{*/
  /*  color: white;*/
  /*  text-decoration: underline;*/
  /*}*/


  #header {
    height: 140px;
    width: 800px;
    min-width: 800px;
    margin: 0 auto;
    background: url(../images_apdee/template/header.png) no-repeat;
  }

  #pagecolleft {
    float: left;
    margin-right: 10px;
    width: 200px;
    min-width: 200px;
  }

  #pagecolright {
    float: right;
    margin-left: 10px;
    width: 200px;
    min-width: 200px;
  }

  #pagecontent {
    float: left;
    /*clear: both;*/
    width: 590px;
    min-height: 100%;
    height: 100%;
    padding-bottom: 10px;
  }
  
  #pagecontent p {
    /*margin: 0;*/
    /*background-color: red;*/
    margin-top: 0.255em;
    margin-bottom: 0.255em;
    /*text-indent: 0.5em;*/
  }

  #pagecontent h3 {
    font-size: 1.3em;
    margin: 0;
    padding: 0.5em 0;
  }
  
  #pagecontent h4 {
    /*border-bottom: 1px #ddd dashed;*/
    font-size: 1.1em;
    margin: 0;
    padding: 0.5em 0 0.25em;
  }

  #pagecontent h5 {
    font-size: 1.1em;
    margin: 0;
    padding: 0.5em 0;
  }

  #pagecontentintro {
    width: auto;
    min-height: 100%;
    height: 100%;
  }

  #butcontainter {
    /*clear: both;*/
    padding-top: 28px;
    margin: 0 auto;
    /*margin: 48px 0;*/
    width: 490px;
    /*height: 180px;*/
    /*background-color:red;*/
  }

  .introbuton {
    float: left;
    width: 150px;
    height: 200px;
    margin-right: 20px;
  }

  #hintbox {
    /*padding: 5px 0;*/
    font-size: 0.8em;
    color: white;
    text-align: center;
  }  

  /*footer atention to height and negative heights, must jonw height to put footer in bottom pages, if scroll adjust it*/
  #footer {
    /*position: relative;*/
    /*bottom: 0px;*/
    clear: both;
    background: black url(../images_apdee/template/tex_footer.png) repeat-x;
    height: 185px;
    width: 100%;
    margin-top: -185px;
  }
  
  /* IE CSS hack */
  * html #footer
  {
    margin-top: -185px;
  }
  
  #footercontainer {
    position: relative;
    width: 800px;
    min-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0 0;
    /*background: transparent url(../images_apdee/template/footer_logo_reflex.png) no-repeat top left;*/
  }
  
  /*the trick to add footer dummy to prevent resize and scroll to put fotter above content*/
  #hideContainerFooter {
    clear: both;
    height: 10px;
    font-size: 0;
    margin-bottom: 175px;/*185 required for iexplorer, else page content goes above footer*/
  }

  /*#logofooter {*/
  /*  position: absolute;*/
  /*  background-color: red;*/
  /*  background-image: url(../images_apdee/template/footer_logo.png);*/
  /*  right: 0px;*/
  /*  top: -50px;*/
  /*  width: 250px;*/
  /*  height: 60px;*/
  /*}*/
  /**/
  /*#logofooterreflex {*/
  /*  position: absolute;*/
  /*  background-color: blue;*/
  /*  background-image: url(../images_apdee/template/footer_logo_reflex.png);*/
  /*  right: 0px;*/
  /*  top: 10px;*/
  /*  width: 250px;*/
  /*  height: 60px;*/
  /*}*/
  
  #footer p {
    /*text-align: center;*/
    /*margin: 2.0em auto;*/
    font-size: 0.7em;
    color: #fff;
  }

  #footer a:link, #footer a:visited, #footer a:active {
    color: #aaa;
    text-decoration: none;
  }
  
  #footer a:hover {
    color: #fff;
  }
  
  /*245 all 3 same size*/
  #footerbin1 { width: 265px; float: left; border-right: 1px solid #ddd;}
  #footerbin2 { width: 195px; float: left; border-right: 1px solid #ddd; padding: 0px 20px 0px 20px;}
  #footerbin3 { width: 275px; float: left; padding: 0px 0px 0px 20px;}
  #footerbin3 img {vertical-align: middle; padding-left: 5px;}
  #footerbin4 { clear:both; width: 800px; padding: 10px 0; text-align: center; }

  #page_title {
    font-size: 1.5em;
    font-weight: normal;
    font-style: italic;
    padding-bottom: 0.25em;
  }
  
  #page_location {
    font-size: 0.9em;
    font-weight: normal;
    font-style: italic;
    margin-bottom: 0.25em;
    color: #aaa;
    border-bottom: #eee solid  1px;
    
  }

  #page_pagepic {
    padding-bottom: 1.0em;
    width: 800px;
    /*width: 580px;*/
  }

  .underconstruction {
    border: 1px red dashed;
    background-color: #ffd;
    padding: 10px;
  }
  

  a.linkopacity img {
    filter: alpha(opacity=60);
    -moz-opacity: 0.60; 
    opacity: 0.60;
    -khtml-opacity: 0.60;
  }
  
  a.linkopacity:hover img {
    filter:alpha(opacity=100);   
    -moz-opacity: 1.0;   
    opacity: 1.0;
    -khtml-opacity: 1.0;
  }
  
  
  /*BOF PAGE NAVMENU*/  
  #navsite {
    /*background: #FFF url(../images_apdee/template/middlebox_bg.png) repeat-x left top;*/
    /*border: 1px solid #dadada;*/
    padding: 0 ;/*10px*/
    margin-bottom: 10px;
    height: 100%;
  }
  
  #navsite h5 {
    display: none;
  }
  
  /*#navsite a {
    overflow: hidden;
  }*/
  
  #navsite a.down {
    display: none;
  }
  
  #navsite a.folder {
    background-image: url(../images/addons/menuicons/bullet_pageblue.png);
  }
  
  #navsite ul.open {
    display: block;
  }
  
  #navsite ul {
    margin: 0;
    padding: 0; 
    list-style: none;
  }
  
  #navsite ul li {
    list-style: none;
    /*font-size: 0.9em;*/
  }
  
  #navsite ul li a {
    text-decoration: none;
    padding-left: 1.0em;
    background-image: url(../images/addons/menuicons/bullet_page.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    display: block;
    height: 100%;/*REQUIRED for IE :(*/
  }
  
  #navsite ul li a:link {
    /*color: #448;*/
  }
  
  #navsite ul li a:visited {
   /*color: #667;*/
  }
  
  #navsite ul li a:link:hover,
    #navsite ul li a:visited:hover {
    border-color: #227;
    text-decoration: underline;
  }
  
  #navsite ul li a#navsitecurrent {
    /*font-weight: bold;*/
    /*font-style: italic;*/
    text-decoration: underline;
  }
  #navsite ul li a#navsitecurrent:hover {
  }
  
  #navsite ul ul {	/*remove borders from all non root uls*/
    border: 0px;
    /*hide all ul chields here*/
    display: none;
  }
  
  /*indent level 1*/
  #navsite ul ul li a{ 			
    padding-left: 2em;
    background-position: 1em 5px;
  }	
  
  /*indent level 2*/
  #navsite ul ul ul li a{		  
    padding-left: 3em;
    background-position: 2em 5px;
  }	
  
  /*indent level 3*/
  #navsite ul ul ul ul li a{		  
    padding-left: 4em;
    background-position: 3em 5px;
  }
  
  /*indent level 4*/
  #navsite ul ul ul ul li ul li a{		  
    padding-left: 5em;
    background-position: 4em 5px;
  }
  
  /*indent level 5*/
  #navsite ul ul ul ul li ul li ul li a{		  
    padding-left: 6em;
    background-position: 5em 5px;
  }
  
  /*indent level 6*/
  #navsite ul ul ul ul li ul li ul li ul li a{		  
    padding-left: 7em;
    background-position: 6em 5px;
  }
  
  /*indent level 7*/
  #navsite ul ul ul ul li ul li ul li ul li ul li a{
    padding-left: 8em;
    background-position: 7em 5px;
  }
  /*EOF PAGE NAVMENU*/  
   
  #searchbar {
    width: auto;
    height: 22px;
    float: right;
    margin-top: -1px;
    color: white;
    position: relative;
  }
  
  #searchbar_icon {
    background: url(../images/addons/icon_search.gif) no-repeat;
    height: 12px;
    width: 12px;
    top: 5px;
    left: -19px;
    position:  absolute;
  }
  
  /*// Form styles //*/
  .qs-input {
    border: 1px solid #817F7F;
    background-color: white;
    color: #312E2E;
    padding: 1px 3px;
    margin-bottom: 4px;
    margin-right: 5px;
    width: 128px;
  }
  
  .qs-input:focus {
    background-color: #F8FABA;
  }
  
  .qs-inputbut {
    border: 1px solid #817F7F;
    background-color: white;
    /*background: white url(../images_apdee/template/middlebox_bg.png) repeat-x left top;*/
    padding: 0px 3px;
    margin-bottom: 4px;
    width: auto;
  }

  /*---------------------------------------------------------------------------------------------------------------------------------------------*/
  /*pageNumNav*/
  /*---------------------------------------------------------------------------------------------------------------------------------------------*/
  .pageNumNav { /*box around it*/
    text-align: center;
    border: 1px solid #ddd;
    background-color: #FFF;
    background: url(../images_flavours/template/middlebox_bg.png) repeat-x;
    background-repeat: repeat-x;
    color: #333333;
    font-weight: bold;
    font-size: 0.8em;
    margin-top: 5px;
    padding: 0.50em;/*0.25em*/
    clear:both;
  }
  
  .pageNumNav span {
    text-decoration: none;
    padding: 0.25em;/*0.25em*/
  }
  
  .pageNumNav span.selected{
    text-decoration: none;
    color: red;
    background-color: #eee;
  }
  
  .pageNumNav span.disabled{
    text-decoration: none;
    color: #ddd;
  }
  
  .pageNumNav span a {
    text-decoration: none;
    color: #888;
  }
  
  .pageNumNav span a:hover {
    color: #222;
  }
  
  .pageNumNav input{
    font-size: 1.0em;
    border: 1px solid #bbb;
    margin: 0;
    padding: 1px;
    width: 72px;
  }
  
  .pageNumNav input:hover {
    border: 1px solid red;
  }
  
  .pageNumNav input:focus {
    border: 1px solid green;
  }
  
  
  .pageNumNav select{
    font-size: 1.0em;
    border: 1px solid #bbb;
    /*text-align: right;*/
    margin: 0;
    width: 72px;
  }
  
  .pageNumNav select:hover {
    border: 1px solid red;
  }
  
  .pageNumNav select:focus {
    border: 1px solid green;
  }
  
  .pageNumNav .button {
    border: 1px solid #bbb;
    background-color: #FFF;
    /*background: url(../images_apdee/template/middlebox_bg.png) repeat-x;*/
    color: #333333;
    /*font-size: 0.9em;*/
    /*font-weight: bold;*/
    margin: 0;
    padding: 0;
  }
  
  /*---------------------------------------------------------------------------------------------------------------------------------------------*/
  /*slidetabsmenu*/
  /*---------------------------------------------------------------------------------------------------------------------------------------------*/
  
  /*BOF SildesTabMenu*/
  #slidetabsmenu {
    width: auto;/*650px*/
    /*height: 45px;*/
    /*font-family: Tahoma, Arial;*/
    font-size: 12px;
    /*padding-top: 20px;*/
  }
  
  /** html div#slidetabsmenu {
    margin-top: 12px;
    margin-bottom: 0px;
  }*/
  
  #slidetabsmenu ul {
    list-style-type: none;
    margin:0;
    margin-left: 0;
    padding:0;
  }
  
  #slidetabsmenu li {
    display:inline;
    margin:0;
    padding:0;
  }
  
  #slidetabsmenu a {
    float:left;
    background:url(../images_apdee/template/slidetab2_left.png) no-repeat left top;
    margin-right: 2px;
    padding:0 0 0 9px;
    text-decoration:none;
  }
  
  #slidetabsmenu a span {
    float:left;
    display:block;
    background:url(../images_apdee/template/slidetab2_right.png) no-repeat right top;
    padding:7px 15px 5px 6px;
    font-weight:bold;
    color:White;/*#818181*/
  }
  
  /* Commented Backslash Hack hides rule from IE5-Mac \*/
  #slidetabsmenu a span {/* End IE5-Mac hack */
    float:none;
  } 
  
  #slidetabsmenu a:hover span {
    color: white;
  }
  
  #slidetabsmenu #slidetabsmenucurrent a {
    /*background-position:0 -92px;*/
    background:url(../images_apdee/template/slidetab1_left.png) no-repeat left top;
  }
  
  #slidetabsmenu #slidetabsmenucurrent a span {
    /*background-position:100% -92px;*/
    background:url(../images_apdee/template/slidetab1_right.png) no-repeat right top;
    color: White;
  }
  
  #slidetabsmenu a:hover {
    /*background-position:0% -46px;*/
    background:url(../images_apdee/template/slidetab3_left.png) no-repeat left top;
  }
  
  #slidetabsmenu a:hover span {
    /*background-position:100% -46px;*/
    background:url(../images_apdee/template/slidetab3_right.png) no-repeat right top;
  }
  /*EOF SildesTabMenu*/
  
  
  
  /*BOF HeaderLinks*/
  .headerlinks {
    /*float: right;*/
    /*background-color: red;*/
    text-align: right;
    font-size: 0.9em;
    padding-top: 5px;
    height: 25px;
    color: #aaa;
  }
  
  .headerlinks a {
    color: #A3CC32;
  }
  
  .headerlinks a:hover{
    text-decoration: underline;
    color: #C5EF50;
  }

  .headerlinks a span {
    border-left: 1px dotted #aaa;
    padding-left: 0.25em;
    padding-right: 0.50em;
    /*color: white;*/
  }
  /*EOF HeaderLinks*/
  
  
  /*BOF POPUP Links*/
  .popuplinks  {  /*finalmente o truque para ficar posicionado era sem span logo na class AFINAL E O SPAN :(*/
    z-index: 10;
    position: relative;
    /*text-align: left;*/
  }
  
  .popuplinks a:link {/*, .popuplinks a:visited, .popuplinks a:active*/
    /*color:#FFCC03;*/
    /*text-decoration: none;*/
    position: relative;
  }
  
  .popuplinks a:hover	{ 
    /*color:#000000;*/
    text-decoration: underline;
    /*FIX SHAKES IN FF, 1 h to solve this sh€€t - aprece q c o onclick return abort ja nao da gralha*/
    position: static;
    /*background-color: green;*/
  }
  
  .popuplinks a.selected {
    font-style: italic;
  }
  
  .popuplinks ul {
    padding: 0.5em;
    margin: 0;
    opacity:.94;
    border: 1px solid #aaa;
    background: white url(middlebox_bg.png) repeat-x left top;
    position: absolute;
    top: 25px;
    left: 0;
    width: 280px;
    text-align: left;
    filter:alpha(opacity=94);
  }
  
  .popuplinks ul li {
    list-style: none;
  }

  .popuplinks .flag {
    padding-right: 5px;
    margin: 0px;
  }
  
  .popuplinks .downarrow {
    border: 1px #ddd solid;
    padding: 2px;
  }
  
  .popuplinks input {
    border: 1px solid #ddd;
    background: url(../images_apdee/template/middlebox_bg.png) repeat-x;
    padding: 3px;
  }
  
  .popuplinks div ul li {
    color: black;
  }
  
  .popuplinks div ul li a {
    color: black;
  }
  
  .popuplinks div ul li a:hover {
    text-decoration: underline;
    color: black;
  }
  /*EOF POPUP Links*/















.font_textwarning {
  color: red;
}

.font_textnote {
  color: #aaa;
  font-size: 0.9em;
}

.msg_error {
  /*border: 1px dashed #ddd;*/
  background: #ffffaa;
  padding: 10px;
  color: red;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}

.debugoutput {
	text-align: left;
  line-height: 1.0em;
  overflow: hidden;
  border: 1px dashed #ddd;
  font-size: 1.1em;
  background: black;/*#eea*/
  color: white;
  clear: both;
	padding: 10px;
}

.debugoutput h3 {
  font-weight: bold;
  color: red;
  /*background: #dd9;*/
  /*font-style: oblique;*/
  margin: 0;
  border: 1px dashed #ddd;
  padding-left: 5px;
}












table {
  /*border: 1px solid #ddd;*/
  /*background: url(../images_apdee/template/middlebox_bg.png) repeat-x;*/
  /*margin-bottom: 10px;*/
  /*padding: 9px;*/
  /*font-size: 0.8em;*/
}

tr {
	/*margin-bottom: 5px;*/
}

td {
	/*border-bottom: 1px dashed #615E5E;*/
	vertical-align: top;
	padding: 1px;
}


.tablerowhead {
  background: url(../images_apdee/template/middlebox_bg2.png) repeat-x;
  font-size: 0.9em;
  font-weight: bold;
}

.tablerowhead td {
  padding: 2px 2px 0 5px;
}

.tablerow {
  background: url(../images_apdee/template/middlebox_bg0.png) repeat-x;
  font-size: 0.9em;
}

.tablerow td {
  padding: 2px 2px 0px 5px;
}

.tablerow1 {
  background: url(../images_apdee/template/middlebox_bg.png) repeat-x;
  font-size: 0.9em;
}

.tablerow1 td {
  padding: 2px 2px 0px 5px;
}

.freebox {
  text-align: left;
  border: 1px solid #ddd;
  background: white url(../images_apdee/template/middlebox_bg.png) repeat-x;
  color: #333333;
  margin-bottom: 10px;
  padding: 9px;/*se se usar 10px como devia ser, no ie claro oferece uma xtra px*/
	position: relative;
  overflow: hidden;
}

.freebox:hover {
  border: 1px solid #bbb;
}

.freebox #corner {
  /*images inside div ;) for on the fly changes and share same #corner class*/
  /*background: url(../images_apdee/template/corner_pick.png) ;*/
  height: 41px;
  width: 41px;
	top: 0px;
	right: 0px;	
	position: absolute;
}

.freebox img {
  color: #666;
  margin: 0;
}

.freebox h4 {
  padding: 0px;
  margin: 0px;
}

.freeboxbutton {
  padding: 5px;
  background: url(../images_apdee/template/middlebox_bg.png) repeat-x;
  border: 1px solid #ddd;
  font-size: 0.9em;
  margin: 5px 5px 0 0;
}

/*.freebox .freeboxbutton:hover{*/
.freeboxbutton:hover{
  border: 1px solid #333;
}

.freebox ul {
  padding-left: 20px;
  /*font-size: 0.9em;*/
}
.freebox li {
  /*list-style: none;*/
  list-style: disc;
}
.freebox ul li {
  /*padding-left: 10px;*/
  /*background: url(../images_apdee/template/sponsorbullet_white.gif) no-repeat 0 0.25em;*/
}
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*GRAPHCHARTS*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
.graphbar1 {/*next checkout step*/
  font-size: 0.0em;
  background: White url(../images_apdee/template/graphbar1.png) repeat-y;  
  height: 8px;
  border: 1px solid #bbb;
  margin-top: 3px;
}