/* capella default css style  */
/* Practical Control May 2006 */

/* base items */
html {
   margin: 0px;
   padding: 0px;
   }
body { 
   font: 10pt/17pt georgia; 
   color: #555753;   
   text-align: center;
   /* 147, 149, 152 */
   background: #ffffff;    
   margin: 0px; 
   padding: 0px;
   min-height: 100%;
   }
p { 
   font: 10pt/17pt georgia; 
   margin-top: 0px; 
   text-align: justify;
   }
h3 { 
   font: italic normal 12pt georgia; 
   letter-spacing: 1px; 
   margin-bottom: 0px; 
   color: #7D775C;
   }
a:link { 
   font-weight: bold; 
   text-decoration: none; 
   color: #B7A5DF;
   }
a:visited { 
   font-weight: bold; 
   text-decoration: none; 
   color: #D4CDDC;
   }
a:hover, a:active { 
   text-decoration: underline; 
   color: #9685BA;
   }
acronym {
   border-bottom: none;
   }

/* specific divs */

#loadingDiv{
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}

/* centre this horizontally and vertically.  Note: doesn't work well in IE6/7 */
#zzzloadingThrobber {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -64px; /* half the throbber's width */
    width: auto;
    overflow: visible;
    z-index: 100;
}

/* this version puts the progress bar up in the menu area on the right */
#loadingThrobber {
    text-align: right;
    position: absolute;
    top: 20px;
    left: 100%;
    margin-left: -140px;
    width: auto;
    overflow: visible;
    z-index: 100;
}

    
#menubody { 
   font: 10pt/17pt georgia; 
   color: #555753;   
   text-align: center;
   background: #fff; 
   margin: 0px; 
   padding: 0px;
   min-height: 100%;
   }

#tabs {
    background:#fff url(images/header-waves.png) no-repeat right top; 
    height:auto;
}

#container { 
   background: #fff; /*#e7e8e9;*/
   position: relative;  
   padding: 0px 10px 10px 10px;
   border: 2px solid #bdc4c7;
   margin-top: auto;
   margin-left: auto; 
   margin-right: auto;
   height: auto;
   text-align: left; 
   }
   
#centrebanner {      
   background: #fff url(images/header-waves.png) no-repeat right top; 
   position: relative;
   padding: 10px;
   /*border: 2px solid #A6B2BC;*/
   /*width: 750px;*/
   margin-left: auto; 
   margin-right: auto;
   height:85px;   
   text-align: left;
   top: 5;  
   }
   
#contentleft {
   position: absolute;        
   margin-left: 0px;
   padding-left: 10px;
   padding-top: 10px;
   width: 270px;
   /*height: 500px;*/
}

#contentactivity {
   margin-left: 0px;
   /*padding-left: 10px;*/
   /*padding-right: 10px;*/
   width: 100%;
}

#contentactivitybottom {
   margin-left: 0px;
   /*padding-left: 10px;*/
   /*padding-right: 10px;*/
   width: 100%;
   /*height: 100%;*/
}

#monitoractions {
   float: right;
}

#monitoroptions {
   float: left;
}

#contentscrollboxactivity {
   margin-left: 0px;
   /*margin-right: 10px;*/
   width: 100%;
   height: 450px;
   overflow: auto;
}

#contentscrollboxsitehistory {         
   margin-left: 0px;
   height: 200px;
   overflow: auto;
}

#contentscrollboxlist {       
   margin-left: 0px;
   width: 220px;
   height: 486px;
   overflow: auto;      
}

#contentcgmiddle {
	position: absolute; 
	margin-top: 185px;
   padding-left: 10px;
   width: 700px;  
}

#incontentcgmiddle {
   margin-left: 0px;
   width: 650px;
	height: 160px;
   overflow: auto;      
}

#contentcgbottom{
   position: absolute;  
   margin-left: 0px;
   margin-top: 400px;
   padding-left: 10px;
   width: 400px; 
}

#contentright{
   position: absolute;
   margin-left: 300px;
   /*top: 10;*/
   padding-top: 10px;

   width: 600px;
}

#incontentright{
   margin-left: 0px;
   width: 350px;
   height: 420px;
   overflow: auto;
}  

#contenttop{    
   margin-left: -5px;
   padding-left: 10px;
   padding-right: 10px; 
}

#incontenttop{ 
   margin-left: 0px;
   width: 650px;
   height: 150px;
   overflow: auto;
}

#incontenttoplong{   
   margin-left: 0px;
   width: 650px;
   height: 425px;
   overflow: auto;
}

#contentbottom{
   position: absolute;  
   margin-left: 0px;
   padding-left: 10px;
   padding-right: 10px;
   top: 230px;
   width: 750px;
}

#contentbottomright{
   position: absolute;  
   margin-left: 300px; 
   top: 470px;
   width: 600px;
}

#toolbarright{
   position: absolute;  
   margin-left: 0px;
   margin-right: 0px;
   top:20;
   left: 500px;   
   width: 200px;
   height: 40px;
   margin-top: 0px;
}

#dectcontentright{
   position: absolute;
   left: 400px;
   padding-left: 20px;
   width: 325px;
   height:250px;
   min-height: 250px;
}

#dectcontentleft {
   position: absolute;
   left: 0px;
   margin-left: 20px;
   padding-left: 20px;
   width: 325px;
   height: 250px;
   min-height: 250px;
}

.hidden {
     visibility: hidden;
     position: absolute;
     width: 1px;
     height: 1px;
     top: 1em;
     left: 1em;
    }

/* **** FORM STYLING **** */
fieldset
{
   border: 1px solid #555555;
   width: auto;
   height: auto;  
   min-height: 80px;
   padding: 20px;
   
}

legend
{
   color: #B3B3B3;
   font: 11pt Tahoma;
   padding: 5px 5px;
   border-top: 1px none #999999;
   border-right: 1px none #999999;
   border-bottom: 1px none #999999;
   border-left: 1px none #999999;
   font-weight: bold;
}
   
input.btn
{
   color: #000033;
   background: #FFFF99;
   margin: 6px 0px 0px 16px;
   font: 10pt verdana;
   border: 1px solid #000033;

}

input.FFTbtn
{
   font: 10pt verdana;
   width: 110px;
   height: 25px;
}

input.txt
{
   color: #000000;
   background: #fee;
   border: 1px solid #333333;
   padding: 0px 0px 0px;
   font-family: Verdana;
   font-size: 10px;

}

input.gridtxt
{
   color: #333;
   background: #FFEEEE;
   border: 0px;
   padding: 0px 0px 0px;
   font-family: Verdana;
   font-size: 10px;

}

input.cbox
{
   color: #333;
   background: transparent;
   border: 0px;
   padding: 0px 0px 0px;
   font-family: Verdana;
   font-size: 10px;

}

.readonly 
{
   color: #000000;
   background: #c9c9c9;
   border: 1px solid #333333;
   padding: 0px 0px 0px;
   font-family: Verdana;
   font-size: 10px;
}

select
{
   background: #fee;
   border: 1px solid #333333;
   padding: 0px 0px 0px;
   font-family: Verdana;
   font-size: 10px;
}

select.stateChange
{
   width: 100%;
}


select#resetminute, select#resethour
{
   margin-left: 12px;
}

label
{
   color: #000000;   
   padding: 0px 0px 0px;
   font-family: Verdana;
   font-size: 10px;
}

label.forcewidth
{
   color: #000000;   
   padding: 0px 0px 0px;
   font-family: Verdana;
   font-size: 11px;
   width: 150px;
}

label.forcewidth2
{
   color: #000000;   
   padding: 0px 0px 0px;
   font-family: Verdana;
   font-size: 11px;
   width: 180px;
}

label.forcewidthactive
{
   color: #000000;   
   padding: 0px 0px 0px;
   font-family: Verdana;
   font-size: 11px;
   width: 200px;
}

td.monOptLabel
{
   width: 25%;
}

td.monOptValue
{
   width: 35%;
}

td.monOptLabel, td.monOptValue
{
   text-align: left;
}

td.idwidth, td.idColT
{
   width: 8%;
}

td.idColT, td.nameColT, td.actColT, td.stateColT
{
   position: relative;
   top: expression(document.getElementById("contentscrollboxactivity").scrollTop-2); /* IE5+ only */
   z-index: 1;
}

td.namewidth, td.nameColT
{
   width: 27%;
}

td.homeActive, td.actColT, td.homeInactive, td.awayActive
{
   width: 50%;
}

td.homeActive
{
   background-color: #00FF00;
}

td.homeInactive
{
   background-color: #FF0000;
   color: #ffffff;
}

td.awayActive
{
   background-color: #FFFF00;
}

td.statewidth, td.stateColT
{
   width: 15%;
}

td.pollFailed
{
   background-color: #FF0000;
   color: #ffffff;
}

form p
{
clear: left;
padding: 0px;
margin: 0px;
margin-left: 14px;
padding-top: 4px;
}

form p label
{
float: left;
width: 26%;
font: normal 10pt Verdana;
}

form p.activity
{
   font-family: Verdana;
   font-weight: normal;
   font-size: 10pt;
}

/* Table Styling */

table tbody
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
border: 0px; /* 1px #6699CC solid; */
border-collapse: collapse;
border-spacing: 0px;
}

.menutable
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
background: transparent;
border: 0px;
border-spacing: 1px; }

.toolbar
{ text-align: center;
/* width: 90px; */
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
}

td
{ 
   border-bottom: 0px;
   border-top: 0px;
   border-left: 0px;
   border-right: 0px;
   text-align: left;
   text-indent: 6px;
   font-family: Helvetica;
   font-weight: normal;
   font-size: 12px;
   color: #404040;
 }

td.hover, td.idwidthhover, td.namewidthhover, td.txthover
{
   font-weight: bold;
   background-color: rgba(5, 0, 0, 0.1);
}

td.HL
{
text-align: left;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #FFCC99;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
}

td.title, td.frozenRow, td.frozenCol, td.frozenRowCol, td.idColT, td.nameColT, td.actColT, td.stateColT, td.frozenRowFirst
{
border-bottom: 0px;
border-left: 0px;
background-color: #BEC8D1;
text-align: left;
text-indent: 1px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;
}

td.frozenCol, td.frozenRowCol, td.frozenRowFirst
{
	position: relative;
	top: expression(document.getElementById("frozenTable").scrollTop-2); /* IE5+ only */
	z-index: 2;
}

td.frozenRow, td.frozenRowCol, td.frozenRowFirst
{
	position: relative;
	left: expression(document.getElementById("frozenTable").scrollLeft-2); /* IE5+ only */
	z-index: 3;
}

td.frozenRow, td.frozenRowFirst
{
	background-color: #C7C7C6;
	position: relative;
	z-index: 1;
    white-space: nowrap;
}

td.frozenRowFirsthover
{
    text-indent: 1px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
    white-space: nowrap;
}

td.menu
{ 
border: 1px solid #6699CC;
background-color: #eeeeee;
padding: 2px;
text-align: left;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;
cursor: pointer;

 }
 
td.menublank
{ 
border: 0px solid #6699CC;
background-color: #fff;
text-align: left;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;
}

td.tbsave
{
background: transparent url(images/savebutton.gif) no-repeat top center;  
border: 0px;
width: 45;
height: 45;
vertical-align: bottom;
text-align: center;
text-indent: 0;
margin: 2px;
font-family: Verdana;
font-weight: bold;
font-size: 10px;
color: #404040;
cursor: pointer;
border-collapse: collapse;
}

td.tbsearch
{
background: transparent url(images/searchbutton.png) no-repeat top center;  
border: 0px;
width: 45;
height: 45;
vertical-align: bottom;
text-align: center;
text-indent: 0;
margin: 2px;
font-family: Verdana;
font-weight: bold;
font-size: 10px;
color: #404040;
cursor: pointer;
border-collapse: collapse;
}

td.tbupdate
{
background: transparent url(images/savebutton.png) no-repeat top center;  
border: 0px;
width: 45;
height: 45;
vertical-align: bottom;
text-align: center;
text-indent: 0;
margin: 2px;
font-family: Verdana;
font-weight: bold;
font-size: 10px;
color: #404040;
cursor: pointer;
border-collapse: collapse;
}

td.tbnew, td.tbnew2lines
{
background: transparent url(images/newbutton.gif) no-repeat top center;  
border: 0px;
width: 45;
vertical-align: bottom;
text-align: center;
text-indent: 0;
margin: 2px;
font-family: Verdana;
font-weight: bold;
font-size: 10px;
color: #404040;
cursor: pointer;
 }

td.tbnew
{
height: 45;
}
 
td.tbnew2lines
{
height: 55;
}

 
td.tbassign
{
background: transparent url(images/assignbutton.gif) no-repeat top center;  
border: 0px;
width: 45;
height: 45;
vertical-align: bottom;
text-align: center;
text-indent: 0;
margin: 2px;
font-family: Verdana;
font-weight: bold;
font-size: 10px;
color: #404040;
cursor: pointer;
 }
 
 td.tbdelete2lines, td.tbdelete
{
background: transparent url(images/deletebutton.gif) no-repeat top center;
border: 0px;
width: 45;
vertical-align: bottom;
text-align: center;
text-indent: 0;
margin: 2px;
font-family: Verdana;
font-weight: bold;
font-size: 10px;
color: #404040;
cursor: pointer;
 }
 
td.tbdelete
{
height: 45;
}

td.tbdelete2lines
{
height: 55;
}

 td.tbspeechModuleSettings
{
background: transparent url(images/speechBubble.gif) no-repeat top center;
border: 5px;
/* width: 45; */
height: 45;
vertical-align: bottom;
text-align: center;
/*text-indent: 0;*/
margin: 2px;
font-family: Verdana;
font-weight: bold;
font-size: 10px;
color: #404040;
cursor: pointer;
 }  
 
 
 td.tbupload
{
background: transparent url(images/uploadbutton.gif) no-repeat top center;  
border: 0px;
width: 45;
height: 45;
vertical-align: bottom;
text-align: center;
text-indent: 0;
margin: 2px;
font-family: Verdana;
font-weight: bold;
font-size: 10px;
color: #404040;
cursor: pointer;
 }

td.tbschemesave
{
background: transparent url(images/savebutton.gif) no-repeat top center;  
border: 0px;
width: 45;
height: 30;
vertical-align: bottom;
text-align: center;
text-indent: 0;
margin: 2px;
font-family: Verdana;
font-weight: bold;
font-size: 10px;
color: #404040;
cursor: pointer;
border-collapse: collapse;
 }
 
td.tbdecthandset
{
	background: transparent url(images/dectHandset.gif) no-repeat top center;
	border: 0px;
	width: 45;
	height: 35;
	vertical-align: bottom;
	text-align: center;
	text-indent: 0;
	margin: 2px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: #404040;
	cursor: pointer;
	border-collapse: collapse;
 } 
 
td.tbdectgroup
{
	background: transparent url(images/dectGroup.gif) no-repeat top center;
	border: 0px;
	width: 45;
	height: 35;
	vertical-align: bottom;
	text-align: center;
	text-indent: 0;
	margin: 2px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: #404040;
	cursor: pointer;
	border-collapse: collapse;
 } 
 
 td.tbdectsettings
{
	background: transparent url(images/uploadbutton.gif) no-repeat top center;
	border: 0px;
	width: 45;
	height: 35;
	vertical-align: bottom;
	text-align: center;
	text-indent: 0;
	margin: 2px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: #404040;
	cursor: pointer;
	border-collapse: collapse;
 } 
 
 td.tbreset
{
   background: transparent url(images/resetbutton.png) no-repeat top center;
   border: 0px;
   width: 70;
   height: 70;
   vertical-align: bottom;
   text-align: center;
   text-indent: 0;
   margin: 2px;
   font-family: Verdana;
   font-weight: bold;
   font-size: 10px;
   color: #404040;
   cursor: pointer;
   border-collapse: collapse;
 }  
 
 td.tbrefresh
{
   background: transparent url(images/refreshbutton.png) no-repeat top center;
   border: 0px;
   width: 70;
   height: 70;
   vertical-align: bottom;
   text-align: center;
   text-indent: 0;
   margin: 2px;
   font-family: Verdana;
   font-weight: bold;
   font-size: 10px;
   color: #404040;
   cursor: pointer;
   border-collapse: collapse;
 }  
 
 td.tbtext
 {
	border: 0px;
	width: 45;
	vertical-align: top;
	text-align: center;
	text-indent: 0;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: #404040;
	cursor: pointer;
 }
 /* Formating for big text tables */
.bigtext TD, .bigtext TR
{
   font: normal 11pt Verdana; 
}

 .bigtext INPUT
 {
   color: #000;
   background: #ddd;
   border: 0px;
   padding: 0px 0px 0px;
   font-family: Verdana;
   font-size: 11px;
 }
 
.bigtext td.hover
{
   font: normal 11pt Verdana; 
   color: #ffffff;   
}

table.bigtext
{
   background: #eee;
}

/* Tree classes */

.trigger{
      cursor: pointer;
   }
.branch{
      display: none;
      margin-left: 16px;
     cursor: pointer;
   }