/* defaults */
* {
    margin: 0;
    padding: 0;
}

html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr {
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
}

html,body {
    height: 100%;
}

body {
    font-family: Tahoma, "Comic Sans MS"; 
    font-size: 9pt;
    background-color: #FFFFFF; 
    background-image: url('./images/background_fade.png');
    background-repeat: repeat-x;
	  text-align: center;
    vertical-align: middle;
}

h1 {
  text-decoration: underline;
  margin-bottom: 0cm; 
  font-family: Tahoma, "Comic Sans MS";
  font-size: 12pt;
  font-weight: Normal;
}

table.basetext {
    width: 85%;
    border-spacing: 0px;
    padding: 0;    
}

p {
    margin-top: 2pt; margin-bottom: 4pt;
  }

p.justified {
    text-align: justify;
  }

a {
    text-decoration: none; font-weight: bold; color: #0091c9;
  }

a:hover {
    text-decoration: underline;
  }

a.navbarleft {
    font-family: Tahoma, "Comic Sans MS"; font-size: 10pt;
  }

a:hover.navbarleft {
    text-decoration: none; font-size: 11pt;
  }
  
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
  overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
  width: 100%;
  white-space: nowrap; /* Avoid unexpected text wraps */
}

a.squarebutton{
background: transparent url('images/square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('images/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

a.sqbutton40{
  background: transparent url('images/square-blue-left_40.gif') no-repeat top left;  
  display: block;
  margin-left: auto;
  margin-right: auto;
  line-height: 20px; /* This value + (top and bottom padding of SPAN) must equal height of button background */
  height: 40px; /* Height of button background height */
  padding-left: 15px; /* Width of left menu image */
  text-decoration: none;
}

a:link.sqbutton40, a:visited.sqbutton40, a:active.sqbutton40{
color: #005EEA; /*button text color*/
}

a.sqbutton40 span{
background: transparent url('images/square-blue-right_40.gif') no-repeat top right;
display: block;
padding: 10px 15px 10px 0; /*Set Xpx below to match value of 'padding-left' value above*/
text-align: center;
min-width:80px;
}

a.sqbutton40:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.sqbutton40:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #002F7F;
}

a.sqbutton64{
  background: transparent url('images/square-blue-left_64.gif') no-repeat top left;  
  display: block;
  margin-left: auto;
  margin-right: auto;
  line-height: 22px; /* This value + (top and bottom padding of SPAN) must equal height of button background */
  height: 64px; /* Height of button background height */
  padding-left: 24px; /* Width of left menu image */
  text-decoration: none;
}

a:link.sqbutton64, a:visited.sqbutton64, a:active.sqbutton64{
color: #005EEA; /*button text color*/
}

a.sqbutton64 span{
  font-size: 11pt;
  background: transparent url('images/square-blue-right_64.gif') no-repeat top right;
  display: block;
  padding: 10px 24px 10px 0; /*Set Xpx below to match value of 'padding-left' value above*/
  text-align: center;
}

a.sqbutton64:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.sqbutton64:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #002F7F;
}

.rbox-tl {
	margin: 0 30px 36px 0;
	padding: 0;
	background: url("images/rbox_tl.gif") no-repeat left top;
	padding-left: 0;
	position: relative;
}

.rbox-tr {
	margin:0;
	padding:0;
	padding-left: 0;
	position: relative;
	right: -30px;
	background:   url("images/rbox_tr.gif") no-repeat right top;
}

.rbox-bl {
	margin:0;
	padding:0;
	padding-left: 0;
	position: relative;
	bottom: -36px;
	left: -30px;
	background:   url("images/rbox_bl.gif") no-repeat left bottom;
}

.rbox-br {
	margin:0;
	padding:0 30px 36px 0;
	padding-left: 0;
	position: relative;
	right: -30px;
	background:   url("images/rbox_br.gif") no-repeat right bottom;
}

.rbox-content {
	margin:0;
	padding-left: 0;
}

.rbox-content p {
	margin:0;
	padding:0;
	padding-left: 0;
	line-height:1.6;
}

div.fader {
  width:150px;
  height:150px;
  background:#fff url('images/loading.gif') 50% 50% no-repeat;
}

div.hfadebox {
  height:150px;
}
div.vfadebox {
  width:150px;
}

div.tfader {
  margin: 0 0 8px 0;
  padding: 0;
  /*border: 2px solid rgb(0,255,0);*/
}

div.bfader {
  margin: 8px 0 0 0;
  padding: 0;
  /*border: 2px solid rgb(255,0,255);*/
}

div.rfader {
  clear: both;
  /*float: left;*/
  margin: 0 0 0 8px;
  padding: 0;
  /*border: 2px solid rgb(0,0,255);*/
}

div.lfader {
  clear: both;
  /*float:right;*/
  margin: 0 8px 0 0;
  padding: 0;
  /*border: 2px solid rgb(255,0,0);*/
}