﻿body 
{
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size:12px ;
    font-weight:normal;    
}

.body_1 
{
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
}

.body_2
{
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size:11px;
    font-weight:normal;
}

.PopBoxImageSmall
{
    border: none 0px white;
    cursor: url("../Images/magplus.cur"), pointer;
}

.PopBoxImageLarge
{
    border: solid thin #CCCCFF;
    cursor: url("../Images/magminus.cur"), pointer;
}

.NavTree
{
    color:Fuchsia;
    font-family:Verdana;
    font-size:x-small;
    font-weight:bold;
}   

.LastUpdatedOnInfo
{
    border: solid thin #CCCCFF;
    font-family:Verdana;
    color:White;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 6em; 
    /*position: auto;   */
}  

.LastUpdatedOnInfoSpan
{
    font-family:Verdana;
    font-size:x-small;
    color:White;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 6em;

}  

.hyperlink1
{
    font-family:Verdana;
    font-size:x-small;
    color: Lime;
    text-align:left;
    text-decoration:underline;
    font-style:normal;
    font-variant:inherit;
}

div.figure {

  float: left;
/*  width: 10%; */
  width: 100%;
  height: 100%;
  border: thin blue solid;
  margin: 0.0em;
  padding: 0.25em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
img.scaled {
  width: 100%;
}

ul
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 2em;
    width:100%;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
    background-color: #c0c0c0;
    list-style-position:inside;
    list-style-image: url(arrow.gif);
    list-style-type: square;
    padding-left: 1em;
    margin-left: 0;
}

div#Container
{
    width: 400px;
    height: 100%;
    color: black;
    float: left;
}

div#Left
{
    width: 95%;
    height: 99%;
    padding: 5px;
    overflow: auto;
    background: #ffffff;
    float: left;
}

div#LeftJumpPoint
{
    padding: 3px;
    margin: 0;
    font-weight: bold;
    width: 95%;
    background: black;
    filter:alpha(opacity=75);
    -moz-opacity:.75;
    opacity:.75;
}

div#RightJumpPoint
{
    padding: 3px;
    margin: 0;
    font-weight: bold;
    width: 95%;
    background: black;
    filter:alpha(opacity=75);
    -moz-opacity:.75;
    opacity:.75;
}

div#Docs
{
    margin-left: 430px;
}

div#Numbers,
div#Controls,
div#Script
{
    padding: 10px 0 10px 0;
}

div#Controls table tr td
{
    padding: 5px;
}

div.Box
{
    width: 50%;
    height: 60px;
    margin: 3px;
    float: right;
    background: #78762f;
    border: 1px solid #fff;
    filter:alpha(opacity=50);
    -moz-opacity:.5;
    opacity:.5;
}

div.ThreeColumnContainer {
width: 100%;
clear: both;
}
div.LeftColumn, div.MiddleColumn, div.RightColumn {

float: left;
text-align: left;
margin: 5px;
padding-left:10px;
padding-right:10px;
overflow: hidden;
}

div.LeftColumn {
width: 30%;
margin: 5px;
text-align: left;
}

div.MiddleColumn {
width: 30%;
margin: 5px;
}

div.RightColumn {
width: 30%;
margin: 5px;
}

#menucase ul.vert-one
{
    margin:0;
    padding:0;
    list-style-type:none;
    display:block;
    font:bold 12px Helvetica, Verdana, Arial, sans-serif;
    /*line-height:165%;width:200px;}*/
    line-height:165%;
    width:100%;} /*150px;}*/
    
/*#menucase ul.vert-one li
{
    margin:0;
    padding:0;
    /*border-top:1px solid #4D0000;
    border-bottom:1px solid #761A1A;}
}
*/


#menucase ul.vert-one li
{
    margin:0;
    padding:0;
    display:block;
    text-decoration:none;
    color:#fff;
    background:#200;    
    /*padding:0 0 0 20px;*/
    width:100%;
}
        
#menucase ul.vert-one li
{
    margin:0;
    padding:0;
    /*border-top:1px solid #4D0000;
    border-bottom:1px solid #761A1A;}*/
    border-top: 1px solid #4D0000;
    border-bottom: 1px solid #fff;}    
    
#menucase ul.vert-one li a
{
    display:block;
    text-decoration:none;
    color:#fff;
    /*background:#600;*/
    background:#200;    
    padding:0 0 0 20px;
    width:130px;}
    /*width:180px;}*/
    
#menucase ul.vert-one li a:hover
{
    background:#900 url("Images/Misc/vert-one_arrow.gif") no-repeat 0 ;
    width: 89%;
}
    
#menucase ul.vert-one li a.current, ul.vert-one li a.current:hover
{
    background:#933 url("Images/Misc/vert-one_arrow.gif") no-repeat 0;
    width: 89%;
    }


/***************************************************************/
/*  Styles for modal popups
/***************************************************************/
.confirm-dialog {	
    BACKGROUND: url(Images/Misc/dialog24.png) no-repeat left top;	
    MARGIN: 0px auto;	
    WIDTH: 330px;	
    PADDING-TOP: 14px;	
    POSITION: relative;
}

.confirm-dialog .inner {	
    PADDING-RIGHT: 20px;	
    PADDING-LEFT: 20px;	
    PADDING-BOTTOM: 11px;	
    BACKGROUND: url(Images/Misc/dialog24.png) no-repeat left bottom;	
    FLOAT: left;	
    MARGIN: 0px 0px -20px 0px;	
    WIDTH: 290px;	
    PADDING-TOP: 0px;
} 

.confirm-dialog .base {	
    BORDER-TOP: #ddd 1px solid;	
    BACKGROUND: url(Images/Misc/dialog-base.png) no-repeat left bottom;	
    PADDING-BOTTOM: 4px;	
    MARGIN-LEFT: -11px;	
    MARGIN-RIGHT: -11px;	
    PADDING-TOP: 4px;	
    TEXT-ALIGN: center;
}

.confirm-dialog H2 {	
    FONT-WEIGHT: bold;	
    FONT-SIZE: 1.25em;	
    COLOR: #f60;
    TEXT-ALIGN: center;
} 

.confirm-dialog input {	
    WIDTH:50px;
}     

.close {	
    DISPLAY: block;	
    BACKGROUND: url(Images/Misc/close24.png) no-repeat 0px 0px;	
    LEFT: -5px;	
    WIDTH: 26px;	
    TEXT-INDENT: -1000em;	
    POSITION: absolute;	
    TOP: -7px;	
    HEIGHT: 26px;	
}   

.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=40);
    opacity:0.4;
} 

/***************************************************************/
/*  Styles for flyout animation
/***************************************************************/

.flyOutDiv
{
     display: none; 
     position: absolute; 
     width: 150px; 
     z-index: 105; 
     opacity: 0; 
     filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0)); 
     font-size: 12px; 
     /*font-weight:bold;*/
     text-align: center; 
     border: solid 3px #000000; 
     background-color: #FFFFFF; 
     padding: 5px;
} 

.flyOutDivCloseX
{
 background-color: #666666; 
 color: #FFFFFF; 
 text-align: center; 
 /*font-weight: bold;*/ 
 text-decoration: none; 
 border: outset thin #FFFFFF; 
 padding: 5px; 
} 

/***************************************************************/

/***************************************************************/
/*  Styles for grid hover panel
/***************************************************************/
.hoverdiv
{
    width: 100%;
    height: 100%;
    color: black;
    float: left;
}

.LeftDivBox
{
    position:absolute;    
    width: 475px;
    height: 100%;
    left:0px;
    top:0px;    
    float: left;   
}
.RightDivBox
{
    position:absolute;    
    width: 105px;
    height: 100%;
    left:485px;
    top:0px;
    float: right;
}

.hovertable table 
{
    padding: 5px;
    border: 2px;
    border-color: Aqua;
    border-style:solid;
    width: 100%;
}
.hovertitle
{
    color:Navy;
    text-align: left;
    padding: 5px; 
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}
.hoverheader1
{
    color: black;
    text-align: left;
    padding: 5px; 
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size:14px;
    font-weight:bold;
    /*text-decoration:underline;*/
}
.hoverbodylabel
{
    color: #556B2F;
    text-align: left;
    padding: 10px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
}   
.hoverbodytext
{
    color: Black;
    text-align: left;
    padding: 0px; 
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
}
.hoverbodytextwithindent
{
    color: Black;
    text-align: left;
    padding: 10px; 
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
}

.hoverbodytitlered
{
    color: maroon;
    text-align: left;
    padding: 5px; 
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}
.hoverbodysmall
{
    color: Black;
    text-align: right;
    padding: 0px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size:10px;
    font-weight:normal;
    text-decoration:none;
}  

.hoverbodytexthref
{
    color: blue;
    text-align: center;
    padding: 0px; 
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size:9px;
    font-weight:normal;
    text-decoration:none;
}
    
/***************************************************************/
