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

    *
        {
            margin:0px;
            padding:0px;
        }
    
    html
        {
            font-size: 100%; /* IE hack */
        } 
    
    body
        {
            font-family:Verdana, Helvetica;
            font-size:0.70em;
            background-color:#b3b3b3;
        }     
    
    p
        {
            display:block;
            margin:auto;
            margin-bottom:15px;
        }
    a, a:visited, a:hover
		{
			color:#025074;	
		}
    ul, ol
        {
            display:block;
            margin:auto auto auto 30pt;
        }
    
    h1
        {
        }
    
    h2
        {
        }
    
    h3
        {
        }
    
    h4
        {
        }  
    
    .WebAccess
        {
	        display: none;
        }
    
    .ClearSpace
        {
            clear:both;
        }
     img
		{
			border:0px;
			font-family:Arial Narrow
		}
	hr	
		{
			color:#cccccc;	
		}   
	
	/* Banners */
	#TopBanners
		{
			padding-left:7px;
		}
	.HeaderBanner
		{
			float:left;
			/*max-height:120px;
			margin-top:5px;
			margin-bottom:5px;
			margin-right:5px;*/
		}

	.MiddleBanner
		{
			padding-bottom:10px;	
		}
	#SiteContainer .RightBanner2, #SiteContainer .RightBanner3, #SiteContainer .RightBanner4
		{
			width:179px;
			float:right;
			clear:right;
			text-align:left;
		}
	#SiteContainer .RightBanner5
		{
			float:left;
		}
	#SiteContainer .RightBanner2
		{
			margin-top:24px;
		}
	
	.BodyBanner
		{
			margin-left:-25px;
		}	
	.InbetweenBanner
		{
			display:block;
			width:163px;
			padding:10px 0 0 5px;
		}
	#OilInfoFlash
		{
			display:none;
			height:200px;
			width:140px;
			padding-top:10px;
			padding:bottom:10px;
		}
		
	.FarRightBanner
		{
			position:fixed;
			width:150px;
			height:500px;
			left:1025px;
			top:0px;
		}
/*********************************************************************************************************************
    SITECONTAINER
*********************************************************************************************************************/

    #SiteContainer
        {
            width:1000px;
            background-image:url(../../images/site_bg.jpg);
            background-repeat:repeat-y;
            position:relative;
            margin-left:20px;
        }
		
		#Loader
		{	
			position:absolute;
			top:0px;
			left:0px;
			z-index:1;
			width:100%;
			height:100%;
			border:solid 1px #000000;
		}
		#Loader .BgColorContainer
		{
			width:100%;
			height:100%;
			background-color:#ffffff;
			opacity:0.50;                
			filter:alpha(opacity=50);					
		}	
		#Loader img
		{
			position:absolute;				
			top:45px;
			left:800px;
		}
		.LoaderVisible
		{
			display:block;				
		}
		.LoaderHidden
		{
			display:none;			
		}
/*********************************************************************************************************************
    SITEHEADER
*********************************************************************************************************************/
    
    #SiteHeader
        {
			/*border:solid 1px red;*/
			position:relative;
			height:79px;
			width:1000px;
        }
     #SiteHeader .BackGround
		{
			position:relative;
			left:7px;
			float:left;
			height:79px;
			width:975px;
			background-image:url(../../images/head-bg.png);
			background-repeat:no-repeat;
			/*background-color:Black;
			opacity:0.50;                
			filter:alpha(opacity=50);	*/		
		}
     #SiteHeader .BackGround .Home
		{	
			display:block;	
			float:left;
			position:relative;
			left:13px;	/*20*/
			top:14px;
			width:430px;
			height:60px;	
			/* for test-positioning:
			background-color:Black;
			opacity:0.50;                
			filter:alpha(opacity=50);*/				
		}
     #SiteHeader .BackGround .HomeRight
		{	
			display:block;	
			float:left;
			position:relative;
			left:451px;	/*462*/
			top:20px;
			width:85px;
			height:14px;
			/* for test-positioning:
			background-color:Green;
			opacity:0.50;                
			filter:alpha(opacity=50);	*/
		} 
	#SiteHeader .BackGround #TopMenu
		{
			float:left;
			position:relative;
			top:55px;
			left:0px;
			width:290px;
			height:14px;
			font-size:9px;
			text-align:left;
			/* for test-positioning:
			background-color:cyan;
			opacity:0.50;                
			filter:alpha(opacity=50);*/	
		}  
	#SiteHeader .BackGround #TopMenu a, #SiteHeader .BackGround #TopMenu a:visited, #SiteHeader .BackGround #TopMenu a:hover
		{
			text-decoration:none;
		}
	#SiteHeader .BackGround #TopMenu ul
		{
			list-style-type:none;
			margin:0;	
		}
	#SiteHeader .BackGround #TopMenu ul li
		{
			float:left;	
		}	
	#SiteHeader .BackGround #TopMenu .TopLink
		{	
			float:left;
			padding-right:10px;
		}
	#SiteHeader .BackGround #SearchArea
		{
			float:right;
			position:relative;
			right:20px;
			top:48px;
		}
	#SiteHeader .BackGround #SearchArea	#SearchString, #SiteHeader .BackGround #SearchArea #SearchBtn1
		{
			vertical-align:middle;	
		}
/*********************************************************************************************************************
    SITEMENU
*********************************************************************************************************************/

    #SiteMenu
        {
            float:left;
        }
    #SiteMenu .ContactInfoBox
		{
			padding-top:10px;	
			color:#666666;
		}		
    #SiteMenu .ContactInfoBox a, #SiteMenu .ContactInfoBox a:hover, #SiteMenu .ContactInfoBox a:visited
		{
			color:#666666;
			text-decoration:none;				
		}
	#SiteMenu .ContactInfoBox .ContactInfoTitle
		{
			text-align:center;
			font-weight:bold;	
		}
	#SiteMenu .LinkItems
		{
			padding-top:10px;
		}
/*********************************************************************************************************************
    PAGECONTENT
*********************************************************************************************************************/
    
    #PageContent
        {            
            width:590px;
            text-align:left;
            float:left;
			/*background-color:red;
			opacity:0.20;                
			filter:alpha(opacity=20);*/            
        }
    #PageContent #NewsRows
		{
			 float:left;
			 width:410px;	
		}
    #PageContent .Inbetween
		{
			  float:right;
		}
		
/*********************************************************************************************************************
    PAGECONTENT
*********************************************************************************************************************/
	#SiteFooter .ContactInfoBody
		{
			font-size:10px;
		}
/*********************************************************************************************************************
    FiveLast
*********************************************************************************************************************/
	#FiveMostRead, #FiveMostReadFrontPage
	{
		clear:both;	
		width:160px;
		text-align:left;
		font-size:11px;
		line-height:14px;
		padding-right:8px;
		font-weight:bold;
	}
	
	#FiveMostReadFrontPage
	{
		margin-top:10px;
	}
		
	#FiveLast, #FiveLastCategory 
	{
		float:left;
		width:160px;
		text-align:left;
		font-size:11px;
		line-height:14px;
		padding-right:8px;
		font-weight:bold;
		/*padding:21px 0 10px 28px;*/
	}
	#FiveLast
	{
		padding-top:10px;
	}
	#FiveLast .BoxType1 .Header, #FiveLastCategory .BoxType1 .Header /* box header */
        {	
			display:block;
			width:159px;
			height:18px;
			text-indent:10px;
			padding-top:4px;
			background-image:url(../../images/bg_rel.gif);
			background-repeat:no-repeat;
			color:#ffffff;
        }   
    #FiveLast .BoxType1 .Header5, #FiveLastCategory .BoxType1 .Header5, #FiveMostRead .BoxType1 .Header5, #FiveMostReadFrontPage .BoxType1 .Header5
		{
			display:block;
			width:159px;
			height:18px;
			text-indent:12px;
			padding-top:4px;
			/*background-image:url(../../images/bg_rel_black.gif);*/
			background-image:url(../../images/fane-marg-grey.png);
			background-repeat:no-repeat;
			color:#ffffff;
		}
	#FiveLast .BoxType1 .ToFrontPage
		{
			display:none;	
			font-weight:normal;
		}
	#FiveLastCategory .BoxType1 .ToFrontPage
		{
			float:right;	
			font-weight:normal;
		}
    #FiveLast .BoxType1 a, #FiveLastCategory .BoxType1 a, #FiveMostRead .BoxType1 a, #FiveMostReadFrontPage .BoxType1 a
        {
			color:Black;
			text-decoration:none;
        }
    #FiveLast .BoxType1 a:hover, #FiveLastCategory .BoxType1 a:hover, #FiveMostRead .BoxType1 a:hover, #FiveMostReadFrontPage .BoxType1 a:hover
        {
			text-decoration:underline;
        }
    #FiveLast .BoxType1 ul, #FiveLastCategory .BoxType1 ul, #FiveMostRead .BoxType1 ul, #FiveMostReadFrontPage .BoxType1 ul
        {
            margin:0px;
            padding:3px;
            list-style-type:none;
        }
    #FiveLast .BoxType1 li, #FiveLastCategory .BoxType1 li, #FiveMostRead .BoxType1 li, #FiveMostReadFrontPage .BoxType1 li
        {
			margin-bottom:2px;
        }
    #FiveLast .BoxType1 .Name, #FiveLastCategory .BoxType1 .Name, #FiveMostRead .BoxType1 .Name, #FiveMostReadFrontPage .BoxType1 .Name
        {
			font-weight:normal;
        }
    #FiveLast .BoxType1 .Category, #FiveLastCategory .BoxType1 .Category, #FiveMostRead .BoxType1 .Category, #FiveMostReadFrontPage .BoxType1 .Category
		{
			display:none;	
		}
    #FiveLast .BoxType1 .Size, #FiveLastCategory .BoxType1 .Size, #FiveMostRead .BoxType1 .Size, #FiveMostReadFrontPage .BoxType1 .Size
        {
			display:none;
        }	
    .Croc
		{
			font-size:14px;
			font-weight:bold;
			line-height:10px;
			color:#3FBFDF;
		}	
/*********************************************************************************************************************
    Theme
*********************************************************************************************************************/
 	
	#PageContent #m123Theme, #PageContent #m123RestNews
		{
			float:right;
			width:160px;
			font-size:9px;
			padding-right:8px;
		}
	#PageContent #m123Theme .Header, #PageContent #m123RestNews .Header
		{
			display:block;
			width:159px;
			height:20px;
			text-indent:10px;
			padding-top:2px;
			margin-top:10px;
			margin-bottom:5px;
			color:#ffffff;
			font-size:12px;
			line-height:14px;
			padding-right:8px;
			font-weight:bold;
			/*background-image:url(../../images/bg_rel_black.gif);*/
			background-image:url(../../images/fane-marg-grey.png);
			background-repeat:no-repeat;
		}
	#PageContent #m123Theme .Headline, #PageContent #m123RestNews .Headline
		{
			font-size:11px;
			padding-bottom:3px;
			padding-left:5px;
		}
	#PageContent #m123Theme .Ingress, #PageContent #m123RestNews .Ingress
		{
			padding-bottom:3px;
			padding-left:5px;
		}
	#PageContent #m123Theme .Readmore, #PageContent #m123RestNews .Readmore
		{
			padding-left:5px;
			padding-bottom:10px;
		}
/*********************************************************************************************************************
    SITEFOOTER
*********************************************************************************************************************/
    
    #SiteFooter
        {
			clear:both;		
        }
	#SiteFooter #ContactBottomTop
		{
			height:1px;
			background-image:url(../../images/site_bg_btm_top.jpg);
			background-repeat:no-repeat;
		}
    #SiteFooter #ContactInfoBoxBottom
		{		
            background-image:url(../../images/site_bg_btm.jpg);
            background-repeat:repeat-y;	
			padding:10px 175px 10px 175px;
		}
	#SiteFooter #ContactInfoBoxBottom .ContactBottomArea .ContactInfoTitle
		{
			font-weight:bold;
			font-size:12px;	
			line-height:14px;
			padding-bottom:10px;
			text-align:center;
		}
    #SiteFooter #SiteFooterLink 
		{
			clear:both;
			background-image:url(../../images/site_btm.jpg);
			background-repeat:no-repeat;
			height:40px;
			padding-top:40px;
			text-align:center;
        }
    #SiteFooter #SiteFooterLink #NetpowerLink
		{
			/*padding-top:40px;*/
			color:#000000;
			text-decoration:none;
		}
	#SiteFooter #SiteFooterLink #NetpowerLink a
		{
			border:0px;	
		}
	#SiteFooter #SiteFooterLink #NetpowerLink a:hover
		{
			text-decoration:none;
		}
		/*********************************************************************************************************************
	Forum
*********************************************************************************************************************/
	.CommentBox
	{
		background-color: #e8e7e7;
		position: relative;
		width: 550px;
		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;
		width: 550px;
	}
	.CommentBox .CommentBoxContent textarea
	{
			/*background:url(../../images/gfx/comments_textarea_bg.png) no-repeat;*/
			background:transparent;
			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;
	}
/*********************************************************************************************************************
    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;
        }
    #FacebookBox
    {
		width: 160px;
		margin-bottom: 5px;
		padding-left: 3px;
    }
    #SplashScreen
    {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url(../../images/bgSplash.png);
		z-index: 800000;
		text-align: center;
		padding-top: 15%;
		display: none;
    }