/* do NOT use position:relative in this document,
 * as this will break the tab-functionality in IE */


html,body {
	margin:0;
	padding:0;
	height:100%;			/* needed for container min-height */
	background:gray;
	
	font-family:arial,sans-serif;
	color:#444;
}

html{ font-size: 100%; } 

body {
    background-color:gray;
    font-size:1em;
}

h1 { 
	font:1.5em georgia,serif; 
	margin:0.5em 0;
}

h2 {
	font:1.25em georgia,serif; 
	margin:0 0 0.5em;
}
h1, h2, a {
	color:#ED1C24;
}
    a:visited {
		color:#990000;
	}
	
p { 
	line-height:1.5; 
	margin:0 0 1em;
}


div#container {
    visibility:hidden;
	position:relative;		/* needed for footer positioning*/
	margin:0;
	width:100%;
	padding:0;
	
	height:auto !important; /* real browsers */
	height:100%;            /* IE6: treated as min-height*/
	min-height:100%;		/* real browsers */
	min-width:750px;
}

div#header {
	bottom:0;
	padding-top:0em;
	padding-bottom:0;
	margin:0;

	/*height:6.40em;*/
	min-width:750px;
	font-weight:bold;
	font-family:arial;
	font-size:0.75em;
	
	border-left:10px gray solid;
	border-right:10px gray solid;
}

    /* IE hack to get the tabs to line up */
    *div#header {
    	/*height:6.40em;*/
    }
    /* end of IE hack */

    table#logoTable {
        margin-top:0em;
        margin-bottom:1em;
        background-color:#E7E7E7;
        background-image: url('../images/logo-bg3.gif'); /*url('../images/boeing.jpg');*/
        background-repeat:no-repeat;
        border-top:none; /*double 5px black;*/
        border-bottom:none /*solid 5px black;*/
    }

    td#bannerLeft {
        width:50%;
        background-image:url("../images/red-line3.gif");
        background-repeat:repeat-x;
    }

    div#header p {
	    margin:0;
    }
    div#header div#tablinks {
        height:1.25em;
    }	
	/* 'tabnavleft' is the left set of tab labels */
	div#header ul#tabnavLeft {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-left:2em;
        height:0px;
    }

        div#header ul#tabnavLeft li {
        float: left;
        margin: 0;
        } 
	
	    div#header ul#tabnavLeft a {
            display: block;
            float: left
        }
	
	    /* 'off' is a tab that is not selected */
        div#header ul#tabnavLeft a.off {
	        color: white;
            background: #C0C0C0 url(../images/tab1-left.gif) left top no-repeat;
            text-decoration: none;
            padding-left: 10px
        }
        
        div#header ul#tabnavLeft a.off:hover {
            text-decoration: underline;
            color: #222;
            background: white url(../images/tab2-left.gif) left top no-repeat;
            padding-left: 10px
        }

        /* 'on' is a tab that is currently selected */
        div#header ul#tabnavLeft a.on {
            text-decoration: underline;
            color: #222;
            background: white url(../images/tab2-left.gif) left top no-repeat;
            padding-left: 10px
        }
        			
			div#header ul#tabnavLeft a span {
                display: block;
                float: left
            }
			
			div#header ul#tabnavLeft a.off span {
                background: url(../images/tab1-right.gif) right top no-repeat;
                padding-right: 10px
            }
            
            div#header ul#tabnavLeft a.off:hover span {
                background: url(../images/tab2-right.gif) right top no-repeat;
                padding-right: 10px
            }
        
            div#header ul#tabnavLeft a.on span {
                background: url(../images/tab2-right.gif) right top no-repeat;
                padding-right: 10px
            }

        /* Hide from IE5-Mac \*/
        div#header ul#tabnavLeft a, div#header ul#tabnavLeft a span {
            float: none
        }
        /* End hide */




	/* 'tabnavright' is the right set of tab labels */
    div#header ul#tabnavRight {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-right:2em;
        height:0px;
    }

        div#header ul#tabnavRight li {
            float: right;
            margin: 0;
        } 

        div#header ul#tabnavRight a {
            display: block;
            float: right
        }
        
        div#header ul#tabnavRight a.off {
	        color: white;
            background: #C0C0C0 url(../images/tab1-left.gif) left top no-repeat;
            text-decoration: none;
            padding-left: 10px
        }
        
        div#header ul#tabnavRight a.off:hover {
            color: #222;
            text-decoration: underline;
            background: white url(../images/tab2-left.gif) left top no-repeat;
            padding-left: 10px
        }

        div#header ul#tabnavRight a.on {
            color: #222;
            text-decoration: underline;
            background: white url(../images/tab2-left.gif) left top no-repeat;
            padding-left: 10px;
        }
				
		    div#header ul#tabnavRight a span {
                display: block;
                float: right
            }
                        
            div#header ul#tabnavRight a.off .lbutton {
                color: white;
                text-decoration: none;
                background-color: #C0C0C0;
            }
	
	        div#header ul#tabnavRight a.off:hover .lbutton {
                background-color: white;
                text-decoration: underline;
                color: #222;
                cursor:pointer;
	        }
	        		
            div#header ul#tabnavRight a.off span {
                background: url(../images/tab1-right.gif) right top no-repeat;
                padding-right: 10px
            }

            div#header ul#tabnavRight a.off:hover span {
                background: url(../images/tab2-right.gif) right top no-repeat;
                padding-right: 10px
            }
				
            div#header ul#tabnavRight a.on span {
                background: url(../images/tab2-right.gif) right top no-repeat;
                padding-right: 10px;
            }

        /* Hide from IE5-Mac \*/
        div#header ul#tabnavRight a, div#header ul#tabnavRight a span {
            float: none
        }
        /* End hide */


div#tabfolder {
    background: white url(../images/corner1.gif) left top no-repeat;
	position:absolute;
	width:100%;
	min-width:750px;
/*	top: <set by JS>*/
/*	height: <set by JS>*/
	margin:0;
	padding-left:0px;
	border-bottom:0px white solid;
	border-left:10px gray solid;
	border-right:10px gray solid;
}

    div#tabfolderHelper1 {
   	    min-width:750px;
        margin:0px;
        background: transparent url(../images/corner2.gif) right top no-repeat;
    }

    div#tabfolderHelper2 {
        min-width:750px;
    }

    div#tabfolderHelper3 {
        min-width:750px;
    }

    div#tabfolderHelper4 {
        min-width:750px;
        margin:0px;
        border-left:10px transparent solid;
        border-top:10px transparent solid;
        border-bottom:0px transparent solid;
        overflow:hidden;
    }

	div#tabfolder div.tab {
	    width:100%;
		overflow:auto;
	    margin:5px;
	}

        div#tabfolder div.tab div.historyBar {
	        height:0px;/*2em;*/
	        background:white;
	        width:100%;
	        margin:0px;
	        padding:0px;
        }

        div#tabfolder div.tab iframe.appFrame {
	        width:100%;
	        margin:0px;
	        padding:0px;
            /*	height:<set by JS>; */
        }


        div.navMenu {
	        float: left; 
	        margin:0;
        	margin-left:10px;
	        margin-right:10px;
	        margin-top:10px;
	        background:#f0f0f0;
        }

        div.navTree {  
            padding:2em;
            background:transparent url('../images/menu-corner2.gif') top right no-repeat;
            color:Black;
            font-size:0.80em;
        }

        div.navTreeHelper {
            margin:0px;
            padding:0px;
            background:#f0f0f0 url('../images/menu-corner1.gif') top left no-repeat;
        }    

            .navTreeItemHover {
                background:#f0f0f0 url('../images/button20x100b.gif') bottom;
                padding-left:4px;
                width:136px;
                border-bottom:#f0f0f0 solid 5px;
            }

            .navTreeItem1 {
                padding-left:4px;
                width:136px;
                font-weight:bold;
                border-top:#f0f0f0 solid 0.8em;
                border-bottom:#f0f0f0 solid 0.8em;
                color:#444; 
            }
            
            .navTreeItem1:visited 
            {
               color:#444; 
            }

            .navTreeItem2 {   
                padding:0;
                margin:0;
                padding-left:4px;
                width:136px;
                border-bottom:#f0f0f0 solid 5px;
                color:#444; 
            }

            .navTreeItem2:visited 
            {
               color:#444; 
            }

        div.content {
	        overflow:hidden;
	        background:white;
	        font-size:0.8em;
        }
        
	        div.content div.contentPar {
        	    overflow:auto;
		        padding-left:1em;
		        padding-right:1em;
		        padding-top:0em;
		        padding-bottom:0em;
/*              height:<set by JS>;*/
	        }
	
            div.content div.centerpar {
    	        /*margin-right:2em;*/
	            margin-left:2em;
	            padding-bottom:1em;
	            padding-top:0.5em;
	            width:50em;
	        }
	        
	            div.content div.contentPar h2 {
	                margin-top:1em;
	                padding-bottom:1em;
	            }
	    
                div.content div.contentPar h5.contact {
        	        padding:0.5em;
	                width:100%;
	                background:#f0f0f0;
	            }

                div.content div.contentPar h2.homeH2 {
                    text-align:center;
                    padding-bottom:0em;
                }

            div.homeContentPar {
                overflow:auto;
	            padding-left:1em;
	            padding-right:1em;
	            padding-top:0em;
	            padding-bottom:0em;
            }

            div.content div.homepar 
            {
                line-height:1.5;
	            padding-top:0.5em;
	            padding-bottom:1em;
	            padding-left:2em;
	            padding-right:2em;
	            width:40em;
            }

	        div.content div.hometableH {
                padding:0em;
	            height:3em;
	            font-size:1em;	        
	            width:20em;
	            color:White;
	            background:gray url(../images/corner2-header.gif) right top no-repeat;	
    	    }
   
     
   
    	        div.content div.hometableH div.spanH {
	                padding:0em;
	                margin:0em;
	                background:transparent url(../images/corner1-header.gif) left top no-repeat;
	                width:20em;
	        
	            }

	            div.content div.hometableH div.spanHH {
        	        font-weight:bolder;
	                padding-left:1em;
	                padding-right:0.5em;
	                padding-bottom:0.5em;
	                padding-top:0.5em;
	            }
	    	    
    	    div.content td.hometable {
    	        width:20em;
	            font-size:0.9em;
	        }
	        
       	    div.content .news1 {
    	        padding:0.5em;
	            width:36.75em;
	            background:#f0f0f0;
	        }

	        div.content .news2 {
    	        padding:0.5em;
	            width:36.75em;
	            background:#f9f9f9;
	        }


        .gmaps {
            visibility:visible; /* DO NOT REMOVE (will break FF and IE display functionality) */
            width:100%;
            height:500px;
            border:black 2px solid;
            max-height:500px;
            min-height:500px;
        }

        /* 'generate', 'obfuscate', 'lower' help generate obfucated email addresses */
        span.generate {}
        span.obfuscate {display:none}
        span.lower {margin-bottom:2px;}

div#footer {
	position:absolute;
	height:2em;
	min-width:750px;
	font-size:0.5em;
	width:100%;
	bottom:0;			/* stick to bottom */
	background:#333333;
	border-left:gray 10px solid;
	border-right:gray 10px solid;
	color:white;
}
	div#footer p {
		padding:0.25em;
		margin:0;
	}


.loginbox 
{
    padding-left:auto;
    padding-right:auto;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}

div.pDescription 
{
    font-style: italic;
    line-height:1.5; 
	margin:0 0 1em;
}

table#VPNWarn 
{
    text-align:center;
    border-top:2px black solid;
    border-bottom:2px black solid;
    color:black;                /* set by C# */
    width:100%;
    background-color:#E7E7E7;   /* set by C# */
    display:none;               /* set by C# */
}


.ExchangeTitleLabel 
{
    padding-left:1em;
    padding-bottom:1em;
    color:black;
    width:100%;
    font-weight:bold;
}

.ExchangeFromLabel 
{
    padding-left:1em;
    font-style:italic;
    color:black;
    width:100%;
}

.ExchangeDateLabel 
{
    padding-left:1em;
    font-style:italic;
    width:100%;
}

td.ExchangeCell 
{
    background:white;
    width:50%;
}

.ExchangeBox 
{
   /* margin:1em;*/
    margin-top:1em;
    width:100%;
    border:0px;
    font-family:Arial;
}


div.ExchangeDiv 
{
    border:5px white solid;
    padding:5px;
    background:#f0f0f0;
    height:100%;
}

.input_text 
{
    font-style:italic;
    color:gray;
    margin:0;
    padding:0;
}

.input_text_focus
{
    color:Black;
	font-style:normal;
}