/* **************************************************************
            MASTER     
****************************************************************/
span.companyName {
  position: absolute;
  /* text-transform: uppercase; */
  margin: -40px 0 0 -550px;
  font-size: 22px;
  color: rgb(90,90,90);
  font-family: arial;
}



a.ViewDemos{
background-image: url(/GetSiteFile/view_demos.jpg);
width: 179px;
height: 31px; 
display: block;
position: absolute;
margin-left: 440px;
}
a.Manage_Text_Module_223{
 display: none;
}
input.Remember_Login_Entry, div.Remember_Login_Entry {
 display: none; 
}
div.Forgot_Login_Entry{
 display: none; 
}
.MenuBar div.Text{
 padding: 10px 0 0 0;
 clear: both;
}
p.page_header_image{
  display: block; 
  width: 665px; 
  height: 240px;
  over-flow: hidden; 
background-image: url(/GetSiteFile/image_header_bkg.jpg);
background-repeat: repeat-x;
  position: relative; 
  margin-left: -20px; 
 margin-top: -3px;
}
img.shadow {
  border: 1px solid rgb(88,97,105);
}

div#panelCurl {
  background: transparent url(/GetSiteFile/bottom_curl.gif) no-repeat;
  width: 250px;
  height: 50px;
  margin-top: -50px;
  position: absolute;
}

div#rightShadow {
  background: transparent url(/GetSiteFile/right_shadow.gif) no-repeat;
  width: 24px;
  height: 177px;
  position: absolute;
  margin:23px 0 0 963px;
}

h1.Header_Login_Entry_Medium{
 display: none;
}
a.ExpertiseLink{
 width: 130px;
 padding-top:  200px;
display: block; 
 color: black; 
 font-family: verdana;
 font-size: 12pt;
 text-decoration: none;
 text-align: center;

}
a.ExpertiseLink:hover{
 text-decoration: underline;
}
a.ReadMore{
 width: 93px;
 height: 26px;
 display: block;
 background-image: url(/GetSiteFile/view_more.jpg);
}
a.ReadMore:hover{
 background-image: url(/GetSiteFile/view_more_over.jpg);
}
div.Slogan{
  font-family: arial; 
  font-size: 9pt;
  font-weight: bold;  
   color: rgb(102,97,84); 
  width: 250px; 
  text-align: center; 
   position: relative; 
  top: 40px; 
   left: 45px;
}
.ClientProfiles table{
  border: 1px solid black;
  padding: 5px 5px 5px 5px;
}
p{
 text-align: left;
 font-family: arial; 
 font-size: 11pt; 
 color: black; 
 line-space: 150%;

} 
div.Text{
 text-align: left;
 font-family: arial; 
 font-size: 11pt; 
 color: black; 
 line-space: 150%;
 padding-left: 10px;
 padding-right: 10px;
}
.FooterContents a{
 color: white; 
 font-family: verdana;
 font-size: 9pt;
 text-decoration: none; 
}
.FooterContents a:hover{
 text-decoration: underline;
}

.FooterContents p{
 color: white;
 font-size: 7pt;
}
div.Footer{

 clear: both;
 width: 100%; 
 color: white; 
 font-size: 9pt; 
 font-family: verdana; 
 background-color: rgb(88,97,105); 
height: 200px;
}
div.FooterContents{
 padding-left: 48px;
 width: 931px;
 margin: auto; 
}
div.SiteContent {
 float: left;
 padding-left: 10px;
 width: 649px;
}
div.MenuBar{
 width: 250px;
 margin-left: 48px; 
 height: 200px;
 background-color: rgb(154,152,140);
}
div.Content{
  width: 979px;
  margin: 0 auto;
  background: url(/GetSiteFile/site_background.gif) repeat-y;
}

div.SidePanel{
  background-position: bottom left;
  /* background-image: url(/GetSiteFile/panel_footer.gif); */
  background-repeat: no-repeat;
  min-height: 710px;
*min-height: 900px;
  width: 298px;
  float: left;

}

a.loginLink{
positon: absolute; 
margin-left: 800px;
top: 10px; 
font-weight: bold; 
color: white;
}
a.loginLink:hover{
 text-decoration: underline;
}
a.tab{
 padding-top: 3px;
 position: absolute;
 top: 22px; 
 display: block; 
 width: 150px;
 height: 19px; 
 text-align: center;


 font-family: arial;
 font-weight: bold; 
 font-size: 10pt;
 color: white;
 text-decoration: none;
}
a.tab:hover{
 text-decoration: underline;
}
a.Logo{
  display: block;
  position: relative; 
  left: 55px; 
  top: 30px;
  width: 233px;
 height: 81px; 
}
div.SiteHeader{
  margin: auto; 
  width: 979px;
  height: 200px;
  background-image: url(/GetSiteFile/header.gif); 
  background-repeat: no-repeat;
  overflow: hidden; 
}
Body.SiteBody{
  margin: 0 0 0 0; 
  padding: 0 0 0 0;
  background: rgb(200,199,190) url(/GetSiteFile/header_tile.gif) repeat-x;
}
Table {  } 
TR {  } 
TD { vertical-align: top; } 
A {  } 
A:hover {  } 
SPAN {  } 
DIV { } 
HR {  } 
H1 {
 color: rgb(224,0,0);
 font-family: arial; 
 font-size: 14pt;
 font-weight: bold;
  } 
H2 { 
 text-align: left;
  font-family: verdana; 
  font-size: 12pt; 
  color: black; 
  background-image: url(/GetSiteFile/h2_logo.jpg); 
  background-repeat: no-repeat; 
  padding-left: 35px;
  padding-top: 10px; 
  height: 25px;
  font-weight: bold; 
  font-style: normal;
 } 
H3 { 
 text-align: left;
color: black; 
font-family: arial;
 font-size: 12pt; 
font-weight: bold;
 } 
H4 {  } 
UL {  } 
LI {  } 
OL {  } 

/* Navigation Function */ 
A.NavigationBar { font-weight: bold; } 
IMG.NavigationBar { } 
DIV.NavigationBar { } 

/* Resource Functions */ 
A.ResourceFunctions { font-weight: bold; text-decoration: none; } 
A.ResourceFunctions:hover { text-decoration: underline; } 
DIV.ResourceFunctions { text-alignment: right; } 
SELECT.ResourceFunctions { background-color: rgb(220, 220, 220); } 

/* Report Generator */ 
TH.Report { text-align: left; } 
TD.Report { } 
TH.ReportGroupTitle { text-align: left; background-color: rgb(220, 220, 220); } 
TH.ReportGroupTotal { text-align: left; border-top: 1px solid silver; } 
TD.ReportGroupTotal { border-top: 1px solid silver; } 
TD.ReportGroupSpacer { } 

/* Usage Reports */ 
TABLE.UsageOverview { border: 1px solid gray; } 
TH.UsageOverviewDate { text-align: left; color: white; background-color: black; } 
TH.UsageOverviewHits { text-align: left; color: white; background-color: rgb(0, 150, 0); } 
TH.UsageOverviewSessions { text-align: left; color: white; background-color: rgb(100, 100, 0); } 
TH.UsageOverviewKBytes { text-align: left; color: white; background-color: rgb(150, 0, 0); } 
TH.UsageOverviewFiles { text-align: left; color: white; background-color: rgb(0, 0, 150); } 

TD.UsageOverviewDate { text-align: left; color: black; background-color: white; } 
TD.UsageOverviewHits { text-align: left; color: rgb(0, 150, 0); background-color: white; } 
TD.UsageOverviewSessions { text-align: left; color: rgb(100, 100, 0); background-color: white; } 
TD.UsageOverviewKBytes { text-align: left; color: rgb(150, 0, 0); background-color: white; } 
TD.UsageOverviewFiles { text-align: left; color: rgb(0, 0, 150); background-color: white; } 



/* **************************************************************
            1 - FOLDER     
****************************************************************/
Table.Folder {  } 
TR.Folder {  } 
TD.Folder {  } 
A.Folder {  } 
A.Folder:hover {  } 
SPAN.FolderItemTitle {  } 
SPAN.FolderItemText {  } 


/* **************************************************************
            2 - FILE     
****************************************************************/
A.File {  } 
A.File:hover {  } 


/* **************************************************************
            4 - NEWS     
****************************************************************/


/* **************************************************************
            7 - TEXT     
****************************************************************/


div.shadow1 {
  padding: 0 3px 3px 0;
  background: transparent url(/GetSiteFile/shadow.jpg) 5px 5px no-repeat;
  float: left;
}

div.shadow2 {

}

/* **************************************************************
            8 - LINK MANAGER     
****************************************************************/


/* **************************************************************
            30 - MENU MODULE     
****************************************************************/
A.MenuModuleOver, A.MenuModule {
 font-weight: bold; 
 font-size: 9pt; 
 font-family: arial; 
 color: white; 
 text-decoration: none;
}
A.MenuModuleOver{
 text-decoration: underline;
}


A.MenuModule:hover { text-decoration: underline; }
TABLE.MenuModule { 
 position: absolute; 
 top: 155px; 

 text-align: left;
 
}
TD.MenuModule {  vertical-align: middle; padding-right: 18px;
  height: 35px;
 

 }
TD.MenuModuleSpacer { 

}
TABLE.MenuModule{
  width: 625px;
}


/* **************************************************************
            32     
****************************************************************/


/* **************************************************************
            40     
****************************************************************/

table.FormBuilderMaster {  
  border: 1px solid gray;  
  background-color: white;  
  padding: 5 5 5 5;  
  width: 100%; 
} 
 
h1.FormBuilder {  
 display: none;
} 
 
SPAN.FormBuilderRequiredText { } 
 
DIV.FormBuilderSubmitMSG { } 
 
h2.FormBuilder {  
 display: none;  
} 
 
table.FormBuilder {  
  border: 1px solid gray;  
  background-color: white;  
  width: 100%; 
  background-color: rgb(220,220,220); 
} 
 
tr.FormBuilderEven { } 
 
tr.FormBuilderOdd { border-top: 1px solid silver; } 
 
td.FormBuilderItemTitle {  
  vertical-align: top; 
  font-family: arial;  
  font-size: 10pt;  
  font-weight: bold;  
  color: black;  
} 
 
td.FormBuilderItemTitleError {  
  vertical-align: top; 
  font-family: arial;  
  font-size: 10pt;  
  font-weight: bold;  
  color: red;  
} 
 
td.FormBuilderValue { 
  vertical-align: top; 
  font-family: arial;  
  font-size: 10pt;  
  color: black;  
  background-color: rgb(220,220,220); 
} 
 
input.FormBuilder {   
  font-family: arial;  
  font-size: 10pt;  
  color: black; 
  width: 200px; 
}	 

textarea.FormBuilder{
 width: 400px;
}




/* Standard Menu */ 
a.GraphicMenuHeavy{
  background-image: url(/GetSiteFile/hydro_image.jpg); 
 float: left;
  background-repeat: no-repeat; 
  padding-top: 188px;
  font-family: verdana;
  font-size: 11px; 
  font-style: normal;
  text-decoration: none;
  font-weight: bold;
  color: rgb(50,50,50);
 width: 249px;
  height: 25px;
  padding-bottom: 5px;  
  border-bottom: solid 1px black;
  background-position: 3px 3px;
}

a.GraphicMenuHeavy:hover{
  background-color: rgb(123,143,150);
  color: rgb(203,240,255);
  background-image: url(/GetSiteFile/hydro_image_over.jpg); 
}



a.GraphicMenuTransportation{
  background-image: url(/GetSiteFile/transport_image.jpg); 
 float: left;
  background-repeat: no-repeat; 
  padding-top: 188px;
  font-family: verdana;
  font-size: 11px; 
  font-style: normal;
  text-decoration: none;
  font-weight: bold;
  color: rgb(50,50,50);
 width: 249px;
  height: 25px;
  padding-bottom: 5px;  
  border-bottom: solid 1px black;
  background-position: 3px 3px;
 border-top: solid 1px white;
}

a.GraphicMenuTransportation:hover{
  background-color: rgb(123,143,150);
  color: rgb(203,240,255);
  background-image: url(/GetSiteFile/transport_image_over.jpg); 
}


a.GraphicMenuPipeline{
  background-image: url(/FileRetrieval/Pipeline%20and%20Transmission%20Line.jpg?resourceID=258&modID=1281546530000); 
 float: left;
  background-repeat: no-repeat; 
  padding-top: 188px;
  font-family: verdana;
  font-size: 11px; 
  font-style: normal;
  text-decoration: none;
  font-weight: bold;
  color: rgb(50,50,50);
 width: 249px;
  height: 25px;
  padding-bottom: 5px;  
  border-bottom: solid 1px black;
  background-position: 3px 3px;
 border-top: solid 1px white;
}

a.GraphicMenuPipeline:hover{
  background-color: rgb(123,143,150);
  color: rgb(203,240,255);
  background-image: url(/FileRetrieval/Pipeline%20And%20transmission%20menu%20Over%20image.jpg?resourceID=261&modID=1281548545000); 
}





a.GraphicMenuPetro{
  background-image: url(/GetSiteFile/petro_image.jpg); 
 float: left;
  background-repeat: no-repeat; 
  padding-top: 188px;
  font-family: verdana;
  font-size: 11px; 
  font-style: normal;
  text-decoration: none;
  font-weight: bold;
  color: rgb(50,50,50);
 width: 249px;
  height: 25px;
  padding-bottom: 5px;  
  border-bottom: solid 1px black;
  background-position: 3px 3px;
 border-top: solid 1px white;
}

a.GraphicMenuPetro:hover{
  background-color: rgb(123,143,150);
  color: rgb(203,240,255);
  background-image: url(/GetSiteFile/petro_image_over.jpg); 
}


a.GraphicMenuCommercial{
  background-image: url(/GetSiteFile/commercial_image.jpg); 
   float: left;
  background-repeat: no-repeat; 
  padding-top: 188px;
  font-family: verdana;
  font-size: 11px; 
  font-style: normal;
  text-decoration: none;
  font-weight: bold;
  color: rgb(50,50,50);
 width: 249px;
  height: 25px;
  *position: relative;
  *z-index:1;
  padding-bottom: 5px;
  
  margin-bottom: 150px; /*fix*/
  background-position: 3px 3px;
 border-top: solid 1px white;
}

a.GraphicMenuCommercial:hover{
  background-color: rgb(123,143,150);
  color: rgb(203,240,255);
  background-image: url(/GetSiteFile/commercial_image_over.jpg); 
}




ul.jd_menu{
 list-style: none; 
 margin: 0 0 0 0; 
 padding: 0 0 0 0; 

}

li.level_0{
 margin: 0 0 0 0; 
 padding: 0 0 0 0; 
 color: black;
 background-image: url(/GetSiteFile/menu_tile.gif);
 background-repeat: repeat-x; 
 height: 42px;
}
div.MenuBar ul.jd_menu li a, .level_0 a{
 color: black;

 background-image: url(/GetSiteFile/menu_bullet.jpg);
 background-repeat: no-repeat;
 background-position: 18px 16px;
 height: 23px; 
 padding-top: 17px;
 padding-left: 30px;
 width: 219px;
 display: block;
 font-family: arial;
 font-size: 11pt;
  background-color: rgb(154,152,140);
 font-weight: bold;
 text-decoration: none;
}
div.MenuBar ul.jd_menu li a:hover, .level_0 a:hover{
  background-color: rgb(123,143,150);
 color: rgb(198,234,249);
 background-image: url(/GetSiteFile/menu_bullet_over.jpg);
}



a.HomePageGraphicMenu{
  font-family: verdana;
  font-size: 11px; 
  font-style: italic; 
  text-decoration: none;
  font-weight: bold;
  color: rgb(50,50,50);
}
a.HomePageGraphicMenu:hover{
 text-decoration: underline; 
}
/* Special Menu */ 
div.GraphicMenu
{
  background-color: rgb(154,152,140);
  width: 250px;
  padding-top: 10px;
}
a.menuHeavy{
  display: block; 
  height: 70px; 
  padding-top: 30px;
  padding-left: 115px;
  padding-right: 5px; 
  width: 129px;
  font-family: verdana;
  font-size: 11px; 
  font-style: italic; 
  text-decoration: none;
  font-weight: bold;
  color: rgb(50,50,50);
  background-image: url(/GetSiteFile/menu_heavy.jpg); 
  background-repeat: no-repeat;
  background-position: 5px 0px; 
  background-color: rgb(154,152,140);
 clear: both;


}
a.menuHeavy:hover{
  background-color: rgb(123,143,150);
  color: rgb(203,240,255);
}
a.menuTransportation{
  display: block; 
  height: 75px; 
  padding-top: 25px;
  padding-left: 115px;
  padding-right: 5px; 
  width: 129px;
  font-family: verdana;
  font-size: 11px; 
  font-style: italic; 
  text-decoration: none;
  font-weight: bold;
  color: rgb(50,50,50);
  background-image: url(/GetSiteFile/menu_infrastructure.jpg); 
  background-repeat: no-repeat;
  background-position: 5px 0px; 
  background-color: rgb(154,152,140);
 clear: both;
 margin-top: 5px; 
}

a.menuTransportation:hover{
  background-color: rgb(123,143,150);

  color: rgb(203,240,255);
}

a.menuPipeline{
  display: block; 
  height: 75px; 
  padding-top: 25px;
  padding-left: 115px;
  padding-right: 5px; 
  width: 129px;
  font-family: verdana;
  font-size: 11px; 
  font-style: italic; 
  text-decoration: none;
  font-weight: bold;
  color: rgb(50,50,50);
  background-image: url(/FileRetrieval/Pipeline%20And%20transmission%20small%20menu%20image.jpg?resourceID=262&modID=1281548950000); 
  background-repeat: no-repeat;
  background-position: 5px 0px; 
  background-color: rgb(154,152,140);
 clear: both;
 margin-top: 5px; 
}

a.menuPipeline:hover{
  background-color: rgb(123,143,150);

  color: rgb(203,240,255);
}

a.menuPetrochemical{
 display: block; 
  height: 85px; 
  padding-top: 15px;
  padding-left: 115px;
  padding-right: 5px; 
  width: 129px;
  font-family: verdana;
  font-size: 11px; 
  font-style: italic;  
  text-decoration: none;
  font-weight: bold;
  color: rgb(50,50,50);
  background-image: url(/GetSiteFile/menu_petro.jpg); 
  background-repeat: no-repeat;
  background-position: 5px 0px; 

 clear: both;
 margin-top: 5px; 
}
a.menuPetrochemical:hover{
  background-color: rgb(123,143,150);

  color: rgb(203,240,255);
}
a.menuCommercial{
  display: block; 
  height: 70px; 
  padding-top: 30px;
  padding-left: 115px;
  padding-right: 5px; 
  width: 129px;
  font-family: verdana;
  font-size: 11px; 
  font-style: italic; 
  text-decoration: none;
  font-weight: bold;
  color: rgb(50,50,50);
  background-image: url(/GetSiteFile/menu_commercial.jpg); 
  background-repeat: no-repeat;
  background-position: 5px 0px; 

  clear: both;
  margin-top: 5px; 
}

a.menuCommercial:hover{
  background-color: rgb(123,143,150);

  color: rgb(203,240,255);
}