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

    *
        {
            margin:0px;
            padding:0px;
        }
    
    html
        {
            font-family:Verdana;
            font-size: 100%; /* IE hack */
            background-image:url(../../images/gfx/site_footer_bg.jpg);
            background-repeat:repeat-x;
            background-position:left bottom;
            background-color:#e5e4e3;
        } 
    
    body
        {
            font-family:Verdana;
            font-size:0.70em;
        }     
    
    p
        {
            display:block;
            margin:auto;
        }
    a	
		{
			color:#404040;
			text-decoration:underline;
		}
    ul, ol
        {
            display:block;
            /*margin:auto auto auto 30pt;*/
        }
    
    h1
        {
        }
    
    h2
        {
        }
    
    h3
        {
        }
    
    h4
        {
        }  
    
    .WebAccess
        {
	        display: none;
        }
    
    .ClearSpace
        {
            clear:both;
        }
     img
		{
			border:0px;
		}   
/*********************************************************************************************************************
    SITECONTAINER
*********************************************************************************************************************/
	#SiteTop
        {         
            margin:0px auto -10px auto; 
            width:998px;
            height:126px; 
			background:url(../../images/gfx/site_top_bg.png) bottom no-repeat;           
        }
    #SiteContainer
        {		            
            width:998px;
            margin:0px auto;    
            margin-top:10px;
            padding-top:34px;
			background:url(../../images/gfx/site_bg.png) repeat-y;
			position:relative;           			
        }

/*********************************************************************************************************************
    BANNERS
*********************************************************************************************************************/
	#SiteTopBanner1
		{
			padding-top:16px;
			padding-left:5px;	
		}
	#RightBanners
		{
			display:none;
			/*position:absolute;
			top:300px;
			right:0px;			
			width:100px;
			height:500px;
			border:solid 1px red;*/
		}
/*********************************************************************************************************************
    SITEHEADER
*********************************************************************************************************************/
    
    #SiteHeader
        { 
			width:998px;
			height:149px;
			background:url(../../images/gfx/header_bg_top.png) bottom no-repeat;
        } 
   #SiteHeader #Logo
        {
			position:relative;
			left:9px;
			height:111px;
			width:976px;	
			border-left:2px solid #ffffff;
			border-right:2px solid #ffffff;		
        }
    #SiteHeader #BannerText
        {
			height:111px;
        }
    #SiteHeader #BannerLogo
        {
			height:111px;
        }     
    #SiteHeader #HomeRef 
		{
			display:block;
			height:50px;
			width:450px;
			position:absolute;
			top:50px;
			left:44px;
		}
    #SiteHeader #PetroMediaLink 
		{
			display:block;
			height:50px;
			width:45px;
			position:absolute;
			top:49px;
			right:30px;	
		}
    #SiteHeader #OilInfoLink 
		{
			display:block;
			height:20px;
			width:50px;
			position:absolute;
			top:65px;
			right:83px;	
			z-index:10;
		}
    #SiteHeader #RssLink 
		{
			display:block;
			height:20px;
			width:20px;
			position:absolute;
			top:104px;
			right:30px;	
			z-index:10;	
		}
    #SiteHeader #TipLink 
		{
			display:block;
			height:20px;
			width:20px;
			position:absolute;
			top:103px;
			right:52px;
			z-index:10;
		}
/*********************************************************************************************************************
    DEPARTMENTS
*********************************************************************************************************************/
	.Sites
		{					
			display:block;
			position:absolute;
			top:-10px;
			left:9px;
			margin-top:9px;
			height:44px;
			background:transparent;	
		}
   .Sites .Department, .Sites .DeadDepartment
		{
			float:left;
			display:block;
			width:140px;
			height:34px;
			background:url(../../images/gfx/top_bar_norm.png) top left no-repeat;
			text-align:center;
			padding-top:10px;
			color:#878787;
			text-decoration:none;				
		}
   .Sites .DepartmentActive, .Sites .Department:hover
		{
			float:left;
			display:block;
			width:140px;
			height:44px;
			background:url(../../images/gfx/top_bar_active.png) top left no-repeat;			
			color:#030303;
			text-align:center;
			padding-top:10px;
			text-decoration:none;	
		}
   
/*********************************************************************************************************************
    SITEMENU
*********************************************************************************************************************/

    #SiteMenu
        {
            float:left;            
            width:950px; 
            height:70px;    
            padding-left:42px;
            position:absolute;
            top:115px;
            clear:both;
        }
    #SiteMenu ul
		{
			list-style:none;	
		}
    #SiteMenu .Level0 li
		{
			float:left;	
			display:block;
			text-align:center;
			padding-top:11px;
		}
    #SiteMenu .Level0 li.Mid, #SiteMenu .Level0 li.Parent
		{
			background:url(../../images/gfx/bg_mid.png) no-repeat;
			/*width:121px;*/
			height:31px;
		}
	#SiteMenu .Level0 li .Link
		{
			color:#ffffff;
			text-decoration:none;	
		} 
	#SiteMenu .Level0 .Mid .Link, #SiteMenu .Level0 .Parent .Link, #SiteMenu .Level0 .Parent .Level1 .Mid .Link
		{
			color:#030303;
			text-decoration:none;	
		}   
	#SiteMenu ul li .Level1
		{
			position:absolute;
			left:30px;
			top:36px;
			height:31px;
			width:950px;
			float:left;	
			/*display:block;	*/		
			display:none;
			z-index:auto;
		}
	#SiteMenu .Level0 li.Parent .Level1, #SiteMenu .Level0 li.Mid .Level1
		{
			display:block;	
		}
    #SiteMenu .Level1 li
		{
			list-style:none;
			float:left;
			background:none;
			/*width:121px;*/
			height:31px;
		}   
	#SiteMenu ul li .Level1 li
		{
			padding-top:10px;
			display:block;
		}
	#SiteMenu .Level0 li.Parent .Level1 .Link
		{
			/*color:#c0c0c0;*/
			color: #707070;
			text-decoration:none;
		}
	#SiteMenu .Level0 li.Parent .Level1 .Link:hover
		{
			color:#303030;
		}
	#SiteMenu .Level1 li.Mid
		{
			background-image:none;	
		}
	#SiteMenuBottom	
		{
			position:relative;
			top:4px;
			left:9px;
			width:980px;
			height:25px;
			background:url(../../images/gfx/sitemenubtm.jpg) no-repeat;	
		}
/*********************************************************************************************************************
    PAGECONTENT
*********************************************************************************************************************/
    
    #PageContent
        {            
			float:left;
			padding-left:33px;
			width:567px;
            border-right:1px solid #e3e1e1;
            min-height:400px;
            height:auto !important;
            height:400px;
            
        }
/*********************************************************************************************************************
    PAGE RIGHT AREA
*********************************************************************************************************************/
    
    #PageRightArea	
		{
			float:left;
			padding-left:14px;	
			width:350px;
		}
	#PageRightArea #SearchContainer
		{
			height:60px;	
		}
	#PageRightArea #SearchContainer #SearchString
		{
			border:0;
			background:url(../../images/gfx/search_field.png) no-repeat;
			display:block;
			height:20px;
			padding:12px 20px 0px 40px;
			width:225px;
			float:left;
			line-height:14px;
			font-weight:bold;
		}
	 #PageRightArea #SearchContainer .SearchButton
		{
			border:0;			
			display:block;
			height:26px;
			width:63px;
			margin-top:6px;
			float:left;
			color:#ffffff;
			text-align:center;
			font-weight:bold;
			text-transform:capitalize;
			cursor:pointer;
		}
	#PageRightArea #SearchContainer .AdvancedSearch
		{
			display:block;
			width:90px;
			float:right;
			padding: 2px 0px 0px 0px;
		}
	#PageRightArea #SearchContainer .AdvancedSearch a
		{
			font-family:Arial;
			color:#828282;
			text-transform:uppercase;
			font-size:0.8em;	
			text-decoration:none;
		}
	#PageRightArea .BoxHeaderBanner
	{
		background-image:url(../../images/gfx/petronewsbanner.png);
		height: 30px;
		width: 350px;
		margin-bottom: 3px;
		background-repeat: no-repeat;
	}	
    #PageRightArea .BoxType1
		{			
			margin-bottom:10px;
			width:350px;
		}	
	#PageRightArea .BoxType1 table
	{
		margin-bottom: 3px;
	}	
    #PageRightArea .BoxType1 .Item
		{			
			background-color:#f2f2f2;
			/*margin-bottom:3px;*/
			cursor:pointer;
			vertical-align:top;
		}		
    #PageRightArea .BoxType1 .Item a
		{			
			text-decoration:none;
		}		
    #PageRightArea .BoxType1 .Item:hover
		{			
			background-color:#dadada;			
		}		
    #PageRightArea .BoxType1 .Item .Image
		{			
			width:110px;
			float:left;	
			clear:both;
		}		
    #PageRightArea .BoxType1 .Item .Image .Caption
		{			
			display:none;			
		}		
    #PageRightArea .BoxType1 .Item .Headline
		{			
			padding:3px 3px 3px 3px;
			font-size:1.0em;		
			font-weight:bold;
			text-decoration:none;
		}	
    #PageRightArea .BoxType1 .Item .Ingress
		{			
			padding-left:3px;
			padding-bottom:3px;
			font-size:0.9em;
			line-height: 1.2em;	
			text-decoration:none;	
			padding-right: 4px;
		}
    #PageRightArea .BoxType1 .ReadMore
		{			
			display:block;
			/*width:347px;*/
			float:right;
			padding-right:3px;
			padding-left:3px;	
			height:14px;
			background:#dadada;			
			color:#ffffff;
			text-align:right;
			margin-bottom:3px;	
			text-decoration:none;
		}
    #PageRightArea .BoxType1 .ReadMore a
		{
			font-size:0.5em;	
		}
	#PageRightArea .ListRightBanners
		{
			margin-bottom:5px;	
		}
	#PageRightArea .LinkItems
		{
			float:left;	
		}
	
/*********************************************************************************************************************
    SITEFOOTER
*********************************************************************************************************************/
    
    #SiteFooter
        {
			padding-top:20px;
			padding-bottom:100px;
			width:998px;
			background:url(../../images/gfx/site_footer_btm.jpg) bottom no-repeat;
			clear:both;
        }
    #SiteFooter #FooterContent
		{
			width:926px;
			padding-left:33px;
			padding-right:39px;
		}
      /* ARKIV */
    #SiteFooter #FooterContent .BoxType2
		{			
			padding-bottom:10px;
		}
	  #SiteFooter #FooterContent .FooterArchive
		{			
			margin-left: 2px
		}			
    #SiteFooter #FooterContent .BoxType2 .Item
		{			
			background-color:#f2f2f2;
			display:block;
			float:left;
			width:182px;
            min-height:285px;
            height:auto !important;
            height:285px;
            position:relative;
            cursor:pointer;
		}				
    #SiteFooter #FooterContent .BoxType2 .Item a
		{
			text-decoration:none;			
		}	
    #SiteFooter #FooterContent .BoxType2 .Item:hover
		{			
			background-color:#dadada;			
		}	
	#SiteFooter #FooterContent .BoxType2 .ItemSpacer
		{			
			background-color:#ffffff;
			display:block;
			width:3px;
			height:200px;
			float:left;
		}	
    #SiteFooter #FooterContent .BoxType2 .Item .Image
		{			
			width:180px;			
			padding-bottom:5px;
		}		
    #SiteFooter #FooterContent .BoxType2 .Item .Image .Caption
		{			
			display:none;			
		}		
    #SiteFooter #FooterContent .BoxType2 .Item .Headline
		{			
			padding:0px 4px 4px 4px;
			font-size:1.0em;		
			font-weight:bold;
			text-decoration:none;	
		}	
    #SiteFooter #FooterContent .BoxType2 .Item .Ingress
		{			
			padding:0px 4px 4px 4px;
			font-size:0.9em;	
			line-height: 1.2em;		
			text-decoration:none;	
		}
    #SiteFooter #FooterContent .BoxType2 .Item .ReadMore
		{			
			display:block;
			width:177px;
			padding-right:3px;	
			height:12px;
			background:gray;			
			color:#ffffff;
			text-align:center;	
			text-decoration:none;
			position:absolute;
			bottom:3px;		
			font-size:0.8em;		
		}
    #SiteFooter #FooterContent .BoxType2 .Item .ReadMore a
		{
			font-size:0.5em;	
		}
	/* ContactInfo */  
	#SiteFooter #ContactInfoBoxBottom
		{	
			font-size:0.6em;	
            padding:10px 175px 10px 175px;
		}		
	/* Developed By */  
	 #SiteFooter .DevelopedBy
		{
			text-align:center;
			color:#808080;
			font-size:0.8em;
			padding-top:20px;	
		}
	 #SiteFooter .DevelopedBy a
		{
			text-decoration:none;
			color:#808080;	
		}
/*********************************************************************************************************************
    Banners
*********************************************************************************************************************/
	#RightBannerBox 
		{
			position:absolute;
			right:-200px;
			top:180px;
			width:180px;
			padding:5px;
			background-color:#ffffff;
		}
		
		
/*********************************************************************************************************************
	Forum
*********************************************************************************************************************/
	.CommentBox
	{
		background-color: #e8e7e7;
		position: relative;
		width: 546px;
		overflow: hidden;
	}
	.CommentBox label
	{
		color: #3373a2;
		margin-left: 20px;
		display: block;
		font-size: 11px;
		font-family: arial;
		font-weight: bold;
	}
	.CommentBox .CommentBoxContent
	{
	}
	.CommentBox .CommentInput
	{
		float: left;
		background: url(../../images/gfx/comments_input_bg.png) no-repeat;
		width: 258px;
		height: 25px;
		margin-left: 11px;
		margin-bottom: 10px;
		margin-top: 8px;
	}
	.CommentBox .CommentInput label
	{
		margin-left: 10px;
		margin-right: 5px;
		line-height: 25px;
		display: inline;
	}
	.CommentBox  input
	{
		height: 20px;	
		width: 200px;
		border: 0px;
		background-color:Transparent;
		line-height: 20px;
	}
	.CommentBox #strTitle
	{
		margin-left: 20px;
	}
	
	.CommentBox .CommentBoxHeader
	{
		background-image: url(../../images/gfx/comments_header.png);
		background-repeat: no-repeat;
		height: 9px;
		width: 550px;
		/*position: absolute;
		top: 38px;*/
	}
	.CommentBox .CommentTextArea
	{
		background-image: url(../../images/gfx/comments_bg.png);
		background-repeat: repeat-y;
	}
	.CommentBox .CommentBoxContent textarea
	{
			background:url(../../images/gfx/comments_textarea_bg.png) no-repeat;
			display:block;
			padding: 0px 5px 15px 7px;
			margin-left: 12px;
			clear: both;
			border: 0px;
			overflow: auto;
	}
	.CommentBox .CommentBoxFooter
	{
		background-image: url(../../images/gfx/comments_footer.png);
		background-repeat: no-repeat;
		height: 20px;
		width: 550px;
	}
	.CommentBox .SendBtn
	{
		margin-right: 10px;
		float: right;
	}
/*********************************************************************************************************************
   Snippets
*********************************************************************************************************************/
 /* FOKUS SNIPPET*/
  .m123MainContainer .Detail .Body .FokusSnippet ul
        {
			padding: 0px 0px 0px 20px;
        }	
	.m123MainContainer .Detail .Body .FokusSnippet li
		{
			margin-bottom: 8px;
		}
 /* IMAGE SNIPPET*/			
		.m123MainContainer .Detail .Body .ImageSnippet, .m123MainContainer .Detail .Body .ImageSnippetLeft .Caption,.m123MainContainer .Detail .Body .ImageSnippetRight .Caption
			{
				font-size:0.8em;
				font-style:italic;
				padding:5px;
			}
		.m123MainContainer .Detail .Body .ImageSnippetLeft
			{
				margin-right: 7px;
			}
		.m123MainContainer .Detail .Body .ImageSnippetRight
			{
				margin-left: 7px;
			}
/*********************************************************************************************************************
    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;
        }
    .Test
    {
		font-size: 10px;
		
		font-family: arial;
    }
 #FacebookBox
   {
	margin-bottom: 5px;
   }