/*********************************************************************************************************************
    COMMON
*********************************************************************************************************************/

    *
        {
            margin:0px;
            padding:0px;
        }
    
    html
        {
            background:#ffffff url(../../images/gfx/site_bg.jpg) repeat-x top left;
            font-family:Arial;
            font-size: 100%; /* IE hack */
        } 
    
    body
        {
            font-family:Arial;
            font-size:0.75em;
            background:url(../../images/gfx/top_bg.jpg) repeat-x top left;
            color:#363636;
        }     
    
    p
        {
            margin:0px 0px 10px 0px;
        }
    
    ul, ol
        {
            display:block;
            margin:auto auto auto 30pt;
        }
    
    h1
        {
        }
    
    h2
        {
        }
    
    h3
        {
        }
    
    h4
        {
        }  
    a	
		{
			color:#0d3759;
			text-decoration:underline;
		}
		
    a:hover	
		{
			text-decoration:none;
		}
		
		
		
    .WebAccess
        {
	        display: none;
        }
    
    .ClearSpace
        {
            clear:both;
        }
     img
		{
			border:0px;
		}   
/*********************************************************************************************************************
    SITECONTAINER
*********************************************************************************************************************/

    #SiteContainer
        {
            position:relative;
            width:930px;
            margin-left:auto;
            margin-right:auto;          
        }

/*********************************************************************************************************************
    SITEHEADER
*********************************************************************************************************************/
    
    #SiteHeader
        {
			/*width:930px;*/
			height:149px;			
        }
        
		#SiteHeader #SiteTop
			{	
				height:98px;										
			}
		#SiteHeader #SiteTop .Logo 
			{
				padding-top:10px;	
			}
		#SiteHeader #SiteTop .Logo a
			{
				display:block;
				height:69px;
				width:189px;
				float:left;
				background:url(../../images/gfx/site_logo.png) no-repeat top left;
			}
		/* SEARCH */
		#SiteHeader #SiteTop .TopRight
			{
				display:block;
				float:right;
				height:80px;
			}
		#SiteHeader #SiteTop .TopRight .TopRightMenu
			{				
				display:block;
				clear:both;		
				padding-top:10px;		
				height:40px;					
			}
		#SiteHeader #SiteTop .TopRight .TopRightMenu .MenuItems
			{
				font-family:Arial;
				float:right;
				color:#0d3759;
				font-size:12px;
			}
		#SiteHeader #SiteTop .TopRight .TopRightMenu .MenuItems a
			{
				text-decoration:none;
				padding-left:10px;
			}
		#SiteHeader #SiteTop .TopRight .TopRightMenu .MenuItems a:visited
			{
				color:#0d3759;	
			}
		#SiteHeader #SiteTop .TopRight .TopRightMenu .MenuItems img
			{
				vertical-align:text-bottom;
			}
		#SiteHeader #SiteTop .TopRight .SearchArea
			{
				display:block;
				height:22px;
				float:right;
			}
		#SiteHeader #SiteTop .TopRight #SearchString
		{
			border:0;
			background:url(../../images/gfx/bg_search.jpg) no-repeat;
			display:block;
			height:15px;
			padding:4px 5px 2px 5px;
			width:160px;
			float:left;
			line-height:14px;
			font-weight:bold;
		}
	 #SiteHeader #SiteTop .TopRight .SearchButton
		{
			border:0;			
			display:block;
			height:20px;
			width:41px;
			float:left;
			color:#ffffff;
			text-align:center;
			font-weight:bold;
			text-transform:capitalize;
			cursor:pointer;
			background:url(../../images/gfx/btn_search.jpg) no-repeat;
		}
		/* TOPMENU */
		#SiteHeader #TopMenu
			{	
				height:44px;						
			}
		#SiteHeader #TopMenu .Item, #SiteHeader #TopMenu .Mid
			{
				display:block;
				float:left;
				height:44px;
			}
		#SiteHeader #TopMenu .MenuSep
			{
				display:block;
				height:44px;
				width:2px;
				float:left;
				background:url(../../images/gfx/mnu_sep.png) no-repeat top left;
			}
		#SiteHeader #TopMenu a
			{
				padding-left:30px;
				padding-right:30px;
				font-size:14px;	
				text-decoration:none;
				text-transform:uppercase;
				color:#0d3759;
				height:44px;
				line-height:44px;
				display:block;							
			}			
		#SiteHeader #TopMenu .Item:hover,  #SiteHeader #TopMenu .Mid
			{
				background:url(../../images/gfx/mnu_mid.png) repeat-x top left;					
			}
/*********************************************************************************************************************
    SITEMENU
*********************************************************************************************************************/

    #SiteMenu
        {
            float:left;
        }
        
/*********************************************************************************************************************
    PAGECONTENT
*********************************************************************************************************************/
    #TipPrint
		{
			height:21px;						
			padding-top:4px;
		}
	#TipPrint a
		{
			float:right;
			padding-right:10px;
			line-height:16px;
		}
	#TipPrint img
		{
			padding-right:4px;
			vertical-align:text-bottom;
		}
	#PageContentTop		
		{			
			width:930px;
			height:3px;
			background:url(../../images/gfx/f_mid_top.png) no-repeat top left;
		}
    #PageContentWrapper
		{      				
			width:930px;
			height:auto;
			background:url(../../images/gfx/f_mid_bg_y.png) repeat-y;
		}
    #PageContentWrapperWrapper
		{      				
			width:924px;
			margin-left:3px;
			margin-right:3px;
			background:url(../../images/gfx/f_mid_bg_x.png) repeat-x bottom;
		}
    #PageContent
        {
            float:left;
			padding-bottom:20px;
			width:760px;
			margin-top:20px;
			/*min-height:400px;
			height:400px;
			height:auto !important;*/
        } 
        #PageContent #FrontpageContent
			{
				margin-top:20px;
				padding-left:20px;
			}
		#PageContent #FrontpageContent .FrontpageMenu
			{
				float:left;
				display:block;
			}
        #PageContent #FrontpageContent ul
			{
				list-style:none;
				clear:both;
				padding:0;
				margin:0;
			}
        #PageContent #FrontpageContent .Level0 li 
			{
				float:left;
				padding-right:10px;
			}    
        #PageContent #FrontpageContent .Level0 li .Link
			{
				font-size:20px;
				line-height:35px;
				text-decoration:none;
				text-transform:uppercase;
			}
        #PageContent #FrontpageContent .Level0 li .Link:hover
			{
				text-decoration:underline;
			}
        #PageContent #FrontpageContent .Level0 ul
			{				
				padding-left:5px;
			}
		#PageContent #FrontpageContent .Level1 li
			{
				clear:left;
				padding-left:15px;
			}
        #PageContent #FrontpageContent .Level1 li .Link
			{
				font-size:14px;
				color:#000000;
				text-transform:none;
				line-height:25px;
			}  
		#PageContent #FrontpageContent .Level0 .Image 
			{
				margin-bottom:5px;
				border:solid 2px #e7e7e7;
				background-color:#ffffff;
			}			
		#PageContent #FrontpageContent .Level0 .Image img
			{
				padding:3px;
			}			
		#PageContent #FrontpageContent .Version1 .Link
			{
				color:#01b8d5;
			}
        #PageContent #FrontpageContent .Version2 .Link
			{
				color:#a4b6c3;
			}
        #PageContent #FrontpageContent .Version3 .Link
        	{
				color:#bed63a;
			}
        #PageContent #FrontpageContent .Version1 ul li 
			{
				background:url(../../images/gfx/blue_dot.png) no-repeat 0px 8px;
			}
        #PageContent #FrontpageContent .Version2 ul li
			{
				background:url(../../images/gfx/grey_dot.png) no-repeat 0px 8px;
			}
        #PageContent #FrontpageContent .Version3 ul li
        	{
        		background:url(../../images/gfx/green_dot.png) no-repeat 0px 8px;
			}
		/* NEWSITEM ON FRONTPAGE */ 
		#PageContent #FrontpageContent .FrontPageNewsItem
			{
				width:220px;
				float:right;
			}
		#PageContent #FrontpageContent .FrontPageNewsItem .Image
			{			
			}			
		#PageContent #FrontpageContent .FrontPageNewsItem img
			{
				padding:3px;
				margin-bottom:10px;
				border:solid 2px #e7e7e7;
				background-color:#ffffff;	
			}			
		#PageContent #FrontpageContent .FrontPageNewsItem .Title
			{
				font-size:12px;
				color:#0d3759;
				margin-top:5px;
				margin-bottom:5px;
				font-weight:bold;
			}			
		#PageContent #FrontpageContent .FrontPageNewsItem .Ingress
			{
				font-size:12px;
				color:#362f2d;
				margin-bottom:10px;
			}			
		#PageContent #FrontpageContent .FrontPageNewsItem .ReadMore
			{				
				font-size:12px;
				color:#2d7da0;
				margin-bottom:10px;			
			}			
/*********************************************************************************************************************
    SITEFOOTER
*********************************************************************************************************************/
    
    #SiteFooter
        {
			background:url(../../images/gfx/f_mid_btm.png) no-repeat top left;
			/*width:930px;*/
			padding-top:37px;
			height:60px;
			text-align:center;
			color:#0d3759;
			position:relative;
        }
        
        #footer
			{
				position:absolute;
				top:15px;
				left:228px;
			}
			
	#credit
		{
			font-size:11px;
			color:#aaa;
			font-weight:normal;
			text-align:center;
		}
		
		#credit a
			{
				color:#aaa;
				text-decoration:none;
				
			}
        
/*********************************************************************************************************************
    LOGIN
*********************************************************************************************************************/
    #LoginContainer
        {
            position:relative;
            width:300px;
            border:solid 1px #7b7b7b;
            margin:20px auto;
            padding:20px;
        }
        #LoginContainer fieldset
            {
                border:0;
                background-image:url(../../images/login_logo.gif);
                background-position:center top;
                background-repeat:no-repeat;
                padding-top:50px;
                text-align:center;
            }
        #LoginContainer ul
            {
                position:relative;
                width:250px;
                margin:0px auto;
                list-style-type:none;
                padding:0px;
                text-align:right; 
            }
            #LoginContainer ul li
                {
                    margin-bottom:3px;
                }
        #LoginContainer input
            {
                margin-left:5px;
                width:160px;
            }
        #LoginContainer #strUser
            {
                background-color:#cfd4d9;
                border:solid 1px #7b7b7b;
            }
        #LoginContainer #strPassword
            {
                background-color:#cfd4d9;
                border:solid 1px #7b7b7b;
            }
            
        #LoginContainer .ErrorMsg
            {
                background-color: #cc0000;
                color:#ffffff;
                font-weight:bold;
                padding:5px;
                margin-bottom:20px;
            }
                
        
/*********************************************************************************************************************
    ERROR
*********************************************************************************************************************/
    
    .Error
        {
            background-color:#ffffff;
            border:solid 1px #ff0000;
            padding:10px;
            margin:10px;
            color:#ff0000;
        }