﻿/*PAGE WRAPPER STYLES*/
#pageWrapper
{
	margin: auto;
	max-width: 1310px;
	min-width: 740px;
	height: 100%; /*background: white url("_layouts/images/Nabis/bgPage.gif") repeat-y;*/
	position: relative;
}
    *html #pageWrapper
    {
	    _width: expression((document.body.clientWidth < 742)? "740px" : (document.body.clientWidth > 1312)? "1310px" : "auto");
    }
    
    
/*HEADER STYLES*/
#headerWrapper
{
	background: none;
    height: 144px;
    border-bottom: 5px #99CC66 solid;
	border-top: 5px #99CC66 solid;
	position: relative;
	z-index: 2 !important;
}
    #headerWrapper #titleBarWrapper
    {
	    display: none;
    }
    #headerWrapper #imageWrapper
    {
	    border-top: 5px #99CC66 solid;
	    margin-bottom: 0px;
    }

/*BODY STYLES*/
#bodyWrapper 
{
    border: none !important; 
    background: white url(_layouts/images/Nabis/bgBlue.gif) repeat-y left; 
    position: relative; 
    margin: auto;
	margin-top: 0px;
}

/*CONTENT STYLES*/
#contentWrapper {
    max-width: 784px; 
    min-width: 216px; 
    background-color: white; 
    margin-left: 262px; 
    margin-right: 262px;
}

/*NAVBAR STYLES*/
#navWrapper 
{
    position: absolute; 
    left: 0px; 
    top: 0px; 
    width: 262px; 
    background-color: #006699;
    padding-top: 5px;
    font-family: Arial Narrow, Arial, Helvetica, Sans-Serif;
    color: White;
    text-indent: 10px;
    white-space: normal;
}
    #navWrapper ul
    {
	    margin: 0px;
	    padding: 0px;
	    list-style-type: none;
	    width: 262px;
    }
    *html #navWrapper ul {
	    position: absolute;
	    margin-left: -10px;
    }
    #navWrapper ul li
    {
	    margin-top: 2px;
	    margin-left: 0px;
    }
    #navWrapper ul li span,
    #navWrapper ul li a,
    #navWrapper ul li a:visited {
	    color: White;
	    text-decoration: none;
	    display: block;
	    height: 20px;
	    text-decoration: none;
	    width: 242px;
	    padding: 2px 0px 2px 20px;
	    background: #006699 url("_layouts/images/Nabis/triangle-green.gif") no-repeat 10px;
    }
    #navWrapper ul li span.selected,
    #navWrapper ul li a:hover
    {
	    color: #333333;
	    background: #CCCCCC url("_layouts/images/Nabis/triangle-white.gif") no-repeat 10px;
    }
    #navWrapper ul li span.description 
    {
	    background: #006699 none;
	    text-indent: 0px;
	    height: auto;
	    padding-left: 30px;
	    width: 232px;
    }
    #navWrapper form
    {
	    margin: 10px;
    }



/*RIGHT BAR STYLES*/
.rightWrapper
{
	white-space: normal;
	border-bottom: 5px #99CC66 solid;
}
#rightWrapper 
{
    position: absolute; 
    right: 0px; 
    top: 0px; 
    width: 262px; 
    background-color: #99cc66;
}
    
#nBodyRightBg 
{
    width: 262px;
    min-height: 100%;  
    position: absolute; 
    right: 0px; 
    bottom: 0px;
    background-color: #99cc66;
}  
    *html #nBodyRightBg 
    {
        _height: expression(document.getElementById("contentWrapper").offsetHeight);
    } 
    
    
    
    
/*FOOTER STYLES*/
#footerWrapper
{
	text-align: center;
	clear: both;
	background: transparent;
	padding-top: 0px;
	margin: auto;
	position: relative;
}

	
    #footerWrapper a.proceedToMap
    {
		right: 50px;
		top: -50px;
    }
    *html #footerWrapper 
    {
        padding-top: 40px;
	    _width: expression((document.body.clientWidth < 742)? "740px" : (document.body.clientWidth > 1312)? "1310px" : "auto");
	    margin-top: -40px;
	    margin-left: -40px;
        background-color: transparent !important;
    }
        *html #footerWrapper a.proceedToMap 
        {
		    right: 50px;
		    top: -15px;
        }
    *+html #footerWrapper
    {
	    margin-top: -10px;
	    margin-left: 0px;
	    width: 100%;
    }
        *+html #footerWrapper 
        {
            background-color: transparent !important;
        }
#footerWrapper ul
{
	border-top: 5px #99CC66 solid;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: white;
}
    *+html #footerWrapper ul
    {
	    width: 100%;
	    margin-top: 5px;
	    margin-left: 0px;
    }
    *html #footerWrapper ul
    {
	    _width: expression((document.body.clientWidth < 741)? "740px" : (document.body.clientWidth > 1311)? "1310px" : "auto");
    }
#footerWrapper ul li
{
	display: inline;
	border-left: 1px black solid;
	padding-left: 6px;
	padding-right: 4px;
}
#footerWrapper ul li.firstitem
{
	display: inline;
	border-left: none;
}
