/* CSS Document */
body{ 
background-color:#dcdcdc;
font-size:10px; font-family:Arial, Helvetica, sans-serif;
color:white;
font-weight:bold;
 margin-top:10px;
position:relative;

}

form{ margin:0px;}
td{ vertical-align:top; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:white; font-weight:bold}

.imageWin{border:solid 1px #464648; padding:5px; background-color:#191919}
.imageWin2{width: 640px; border:solid 1px #464648; height:592px; overflow:hidden;background-color:#191919}
.imageWin3{width: 640px; border:solid 1px #464648; height:0px; overflow:hidden;background-color:#191919}
.toolbarR{ padding:2px; background-color:#191919;width:205px}
.toolbarL{border:solid 1px #191919; padding:2px; background-color:#191919; }
.toolbarInner{ background-color:#191919;padding-bottom:4px;height:686px;}
.title1{ font-weight:bold;padding:0px}
.blackboxR{ background-color:#191919;padding:2px; padding-bottom:2px; margin:1px; margin-bottom:1px; color:white;font-weight:normal}
.blackboxL{ background-color:#191919; padding:2px; padding-left:1px; margin:4px;color:white}
.formular, input,select,textarea, option, radiobutton
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}
/*.button { padding-left:2px; padding-right:2px; margin:0px; font-size:10px; color:#999999}*/
/*.menucolour2{background-color:#FFFFFF; padding:4px; padding-left:50px}
.menucolour1{ background-color:#666666; padding:4px; font-size:12px; margin-bottom:5px; padding-left:8px}
.menu1{ background-color:#666666; padding:4px; font-size:9px; margin-bottom:5px; padding-left:8px}
a:link              { color:lavender; text-decoration:none; }
a:visited           { color:lavender; text-decoration:none; }
a:hover             { color:lavender; text-decoration:none; }
a:active            { color:lavender; text-decoration:none; }*/

/* for all dropdownlists in left n right index frames*/
.select
{
  font-family:arial,helvetica;
  font-size:9px;
  width:100px;
  background-color:#bebebe;
  
}

.wide_select
{
  font-family:arial,helvetica;
  font-size:9px;
  width:150px;
  background-color:#bebebe;
  
}

/*for all the input buttons in left n right index frames*/
input.button
{
  font-family:arial,helvetica;
  font-size:10px;
  background-color:#bebebe;
/*color:black;*/
}



input.text
{
      font-family:arial,helvetica;
      font-size:10px;
      background-color:#bebebe;
}

#quad1 {
        overflow:hidden;
        position:absolute;
        width:320px;
        height:240px;
        z-index:10;
        left: 5px;
        top: 5px;
        border:solid 1px black;
        visibility:visible;
}

#quad2 {
        overflow:hidden;
        position:absolute;
        width:320px;
        height:240px;
        z-index:10;
        left: 328px;
        top: 5px;
        border:solid 1px black;
        visibility: hidden;

}
#quad3 {
        overflow:hidden;
        position:absolute;
        width:320px;
        height:240px;
        z-index:10;
        left: 5px;
        top: 248px;
        border:solid 1px black;
        visibility: hidden;
}
#quad4 {
        overflow:hidden;
        position:absolute;
        width:320px;
        height:240px;
        z-index:10;
        left: 328px;
        top: 248px;
        border:solid 1px black;
        visibility: hidden;
}

.tooltip {
  outline: none;  
  text-decoration: none;
  position: relative;
  color:white;
}

.tooltip span {
/*  behavior:url(scripts/PIE.htc);*/
  margin-left: -999em;
  position: absolute;
/*  -pie-background: #e6e6fa;*/
  background:lavender;
}

.tooltip:hover span {
  border-radius: 5px 5px 5px 5px;
/*  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);*/
  font-family: arial,helvetica;
  font-size: 10px;
  color:#555566;
  position: absolute; left: -10px; top: -65px; z-index: 2147483638; /* maxval for z-index to ensore object stays on top */
  margin-left: 0; width: 160px;
  padding: 0.8em 1em;
  -moz-border-radius: 5px;
  -moz-box-shadow: 5px 5px  5px rgba(0,0,0,0.1);
}

.tooltip:hover img {
  border: 0; margin: -10px 0 0 -55px;
  float: left; position: absolute;
}

.tooltip:hover em {
  font-weight:bold;
}

.lefttextTD
{
color: white;
}

/*.flipFlopField
{
  width:140px;
  background-color:#bebebe;
}

.flipFlopFieldSelected
{
        width:140px;
        background-color:#bebebe;
}*/

.flipTd
{
        color:      black;
        text-align: left;
}


/*.slidertext
{
  // background: transparent;
  width: 20px;
  color: black;
  border:1px;
}*/

/*.sliderclass
{
  float:left;
  margin-right:4px;
  width:140px;
}*/

.wrapper
{
  width:150px;
}
/*
.geTextInput
{
  font-family:arial,helvetica;
  font-size:12px;
  background-color:lavender;
  border:0px;
  margin-left: 20px;
}*/

/*input.text
{
    font-family:arial,helvetica;
    font-size:10px;
    background-color:transparent;
    color:lavender;
    border:0;
}*/