/* -------------------------------------------------- */
/* Elk Point Drilling - DNN Horizontal Menu Skin               */
/* by Crysta Hammond - http://www.graphiksolutions.ca     */
/* -------------------------------------------------- */

/* ------------------------------- */
/* Global */
/* ------------------------------- */

html
{
    height:100%;
}

body
{
    height:100%;
    margin:0px;
    background-color:#666666;
    font-family:Tahoma, Verdana, Arial;
    color: #ffffff;
    font-size:12px;
    
}
        
table, tr, td, p /* global styles */
{
    font-family:Tahoma, Verdana, Arial;
    font-size:12px;
    margin:0px;
}
.SubHead
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #e7ae2d;
}
H1
{
    font-family:Tahoma, Verdana, Arial;
    font-size:Large;
    color: #ffffff;
}
H2
{
    font-family:Tahoma, Verdana, Arial;
    font-size:Large;
    color: #000000;
}

H3
{
    font-family:Tahoma, Verdana, Arial;
    font-size:small;
    color: #ffffff;
    font-style:italic;
}

H4
{
    font-family:Tahoma, Verdana, Arial;
    font-size:small;
    color: #c02013;
}

H5
{
    font-family:Tahoma, Verdana, Arial;
    font-size:small;
    color: #C02013; 
}

H6
{
    font-family:Tahoma, Verdana, Arial;
    font-size:small;
    color: #000000; 
}
    
    
.ControlPanel, .PagingTable /* control panel styles */
{
    width:100%;
    background-color:#EDEDED;
    border:#5D5D5C 1px solid;
}

/* ------------------------------- */
/* Outer Div, contains OuterTable */
/* ------------------------------- */

.OuterDiv
{
    background-color:#000000;/* background across top full width */
    width:100%;
    height:100%;
    padding-top:0px;
    border:0px solid red;  /* for visibility only .. set to 0px for production */
}

.OuterDiv2
{
    background-color:#000000;
    background-image:url(body_bkg.jpg);  /* background across top full width */
    background-position:right top;
    background-repeat:repeat-x;
    width:100%;
    height:auto;
    padding-top:20px;
    padding-bottom:20px;
    border:0px solid blue;  /* for visibility only .. set to 0px for production */
}

/* ------------------------------- */
/* OuterTable, contains three rows, header, content, footer */
/* ------------------------------- */

.OuterTable
{
    background-color:Transparent;
    width:1041px; /* adjust minimum page width, % or px */
    border:#ffffff 1px solid;
}

/* ------------------------------- */
/* Header Row Left */
/* ------------------------------- */

.HeaderTD
{
   /* background-image:url(header_top.jpg); background for stretch 
   background-repeat:repeat-x; */
   height:231px; /* adjust height of header */
}

.HeaderDiv1 /* backgrounds */
{ 
   background-image:url(header.jpg); /* background top left */ 
   background-repeat:no-repeat;
   height:100%;
}

.HeaderDiv2  /* background top right */ 
{   
   height:100%;
}

.HeaderDiv3  /* backgrounds */
{
   height:100%;
}

.HeaderDiv4  /* backgrounds and positioning */
{
   position:relative;   
   height:100%;
}

/* ------------------------------- */

.LogoTable
{
    position:absolute;
    width:250px;
    height:120px;
    top:20px;
    left:20px;
     border:0px solid red;  /* for visibility only .. set to 0px for production */   
}

.LogoTD
{

}

/* ------------------------------- */

.HeaderPaneTable
{
    position:absolute;
    width:600px;
    height:120px;
    top:20px;
    right:20px;
}

.HeaderPane
{
}

/* ------------------------------- */

.DATE_Div /* container for object */
{
    position:absolute;
    top:240px;
    right:10px;
    width:160px;
    font-weight:normal;
    font-size:11px;
    text-align:right;
    /* display:none;*/
}

.DATE_obj /* direct class of object */
{    
    color:#FFFFFF;
}

/* ------------------------------- */ 

.USER_LOGIN_Div /* User and Login Div, container for both objects */
{
    position:absolute;
    top:180px;
    right:10px;
    text-align:right;
    font-weight:bold;
    font-size:12px;
}

a.USER_obj:link, a.USER_obj:visited, a.USER_obj:active /* direct class of object */
{
  color:#333333; 
}

a.USER_obj:hover
{
  color:#C02013;
}

/* ------------------------------- */

a.LOGIN_obj:link, a.LOGIN_obj:visited, a.LOGIN_obj:active /* direct class of object */
{
  color:#333333;
}

a.LOGIN_obj:hover
{
  color:#C02013;
}

/* ------------------------------- */
    
.BREADCRUMB_Div /* container for object */
{
    position:absolute;
    top:240px;
    left:165px;
    text-align:left;
    font-weight:normal;
    font-size:11px;
    width:100%;
    color:#FFFFFF;
    /* display:none;*/
}

a.BREADCRUMB_obj:link, a.BREADCRUMB_obj:visited, a.BREADCRUMB_obj:active  /* direct class of object */
{
    color:#FFFFFF;
    font-weight:bold;
}

a.BREADCRUMB_obj:hover
{
    color:#333333;
    font-weight:bold;
    text-decoration:underline;   
}

/* ------------------------------- */

.SEARCH_Div /* container for object */
{
    position:absolute;
    bottom:50px;
    right:10px;
    font-weight:normal;
    font-size:12px;
    color:#333333;
    z-index:1000;
   /* display:none;*/
}

a.SEARCH_obj:link, a.SEARCH_obj:visited, a.SEARCH_obj:active /* direct class of object */
{
    color:#333333;
    font-weight:bold;
    /* border-top:1px solid #333333;
    border-right:1px solid #666666;
    border-bottom:1px solid #999999;
    border-left:1px solid #333333;
    padding:2px 6px 2px 6px;
    background-image:url(menu_idle.jpg);*/
}

a.SEARCH_obj:hover
{
    color:#C02013;
    text-decoration:underline;
}

/* ------------------------------- */
/* Menu Container and placement */
/* ------------------------------- */

.MenuDiv1
{
    height:31px;
    width:100%;
    position:absolute;
    top: 200px;
    left:0px;
}

.MenuDiv2
{
    height:100%;
    width:100%;
}

.MenuDiv3
{
    height:100%;
    width:100%;
   
}
.MenuDiv4
{
   height:auto; /* must use use "auto" here for firefox */
   padding:0px 0px 0px 0px; /* adjust area above and below button group */
}

/* ------------------------------- */
/* Solpartmenu options (colors, hover, etc) appears at end of the css */
/* ------------------------------- */

/* ------------------------------- */
/* Content Left Column */
/* ------------------------------- */

.ContentLeftTD 
{
    background-image:url(page_bk_left.jpg); /* background left edge of page */
    background-repeat:repeat-y;
    background-position:left top;
    background-color:Transparent;
    height:100%;
    width:160px; /* width of left column */
}

.ContentLeftDiv1
{
    height:100%;
    width:100%;
}

.ContentLeftDiv2
{
    height:100%;
    width:100%;
}

.ContentLeftDiv3
{
    height:100%;
    width:100%;
}

.ContentLeftDiv4
{
    height:100%;
    width:100%;
    border:0px solid green; /* for visibility only .. set to 0px for production */
    padding:10px 5px 10px 5px; /* apply padding here to adjust placement of Content Left Table/Pane */
}

.ContentLeftColumn /* table to hold left column pane */
{
    width:100%;
}

.ContentLeftPane /* pane for left column content */
{
}

/* ------------------------------- */
/* Content Right Column */
/* ------------------------------- */

.ContentRightTD 
{
    background-color:#666666;
    height:100%;
    width:auto;
}

.ContentRightDiv1
{
    height:100%;
    width:100%;
}

.ContentRightDiv2
{
    /*background-image:url(content_right_top.png);  background top for stretch 
    background-repeat:repeat-x;*/
    height:100%;
    width:100%;
}

.ContentRightDiv3  /* backgrounds and positioning */
{
    /*background-image:url(content_left_top.jpg);  background top left 
    background-repeat:no-repeat;
    background-position:left top;*/
    height:100%;
    width:100%;
}

.ContentRightDiv4  /* backgrounds and positioning */
{
    /*background-image:url(content_right_top.jpg);  background top left 
    background-repeat:no-repeat;
    background-position:right top;*/
    height:100%;
    width:100%;
    position:relative;
    border:0px solid blue;  /* for visibility only .. set to 0px for production */
}

/* ------------------------------- */
/* Panes table for Right Column */
/* ------------------------------- */

.ContentInnerTable 
{
    width:100%;
    height:250px; /* provide minimum height for content area */
}

.ContentInnerTD
{
  padding:30px 10px 10px 13px; /* Adjust content area padding */
  width:100%;
}

/* ------------------------------- */

.ContentPaneTable /* Content Panes, do not specify widths for these panes unless absolutely neccessaary, content should flow naturally */
{
    width:100%; /*Set minimum width of content pane, forces page width */
    text-align:left; 
}

.TopPane
{
    padding:0px 0px 5px 0px;
    background-color:Transparent;
}

.LeftPane
{
    padding:0px 0px 5px 0px;
    background-color:Transparent;
}

.ContentPane
{
    padding:0px 0px 5px 0px;
    background-color:Transparent;
}

.RightPane
{
    padding:0px 0px 5px 0px;
    background-color:Transparent;
}

.MiddlePane
{
    padding:0px 0px 5px 0px;
    background-color:Transparent;
}

.LeftPane2
{
    padding:0px 0px 5px 0px;
    background-color:Transparent;
}

.ContentPane2
{
    padding:0px 0px 5px 0px;
    background-color:Transparent;
}

.RightPane2
{
    padding:0px 0px 5px 0px;
    background-color:Transparent;
    width:30%;
}

.LeftPane3
{
    padding:0px 0px 5px 0px;
    background-color:Transparent;
    width:30%;
}

.ContentPane3
{
    padding:0px 0px 5px 0px;
    background-color:Transparent;
}

.RightPane3
{
    padding:0px 0px 5px 0px;
    background-color:Transparent;
}

.BottomPane 
{
   padding:0px 0px 0px 0px;
   background-color:Transparent;
}

/* ------------------------------- */
/* Footer Row */
/* ------------------------------- */ 

.FooterTD
{
    height:39px;  /* must define pixel height for Opera */
    background-color:Transparent;
    /*background-image:url(Footer_rpt.jpg);
    background-repeat:repeat-x;
    background-position:left bottom;*/
}

.FooterDiv1 /* backgrounds */
{ 
    background-image:url(Footer_rpt.jpg); /* background bottom left */
    background-repeat:repeat-x;
    background-position:left bottom;
    height:100%;
    width:100%; 
} 

.FooterDiv2 /* backgrounds */
{
   height:100%;
   width:100%; 
}

.FooterDiv3  /* backgrounds and positioning */
{ 
    height:100%;
    width:100%;
}

.FooterDiv4  /* backgrounds and positioning */
{ 
    height:100%;
    width:100%;
    position:relative;
}

.FooterPaneTable
{
    position:absolute;
    top:0px;
    left:10px;
    width:750px; /* adjust as needed */
    }

.FooterPane
{
    width:100%;
    height:100%;
}

.FooterLogo
{
position:absolute;
left:0px;
top:-40px;
width:120px;
height:30px;
border:0px solid red;

}

/* ------------------------------- */

.COPYRIGHT_Div /* container for object */
{
    font-size:11px;
    font-weight:normal;
    position:absolute;
    text-align:right;
    bottom:14px;
    right:20px;
    width:300px;
}

.COPYRIGHT_obj /* direct class of object */
{      
    color:#000000;
} 

/* ------------------------------- */ 

.TERMS_PRIVACY_Div /* Terms and Privacy Div, container for both objects */
{
    position:absolute; 
    bottom:-20px;
    left:0px;
    font-size:11px;
    font-weight:normal;
}

a.TERMS_obj:link, a.TERMS_obj:visited, a.TERMS_obj:active /* direct class of object */
{
    color:#C02013;
}
    
a.TERMS_obj:hover
{
    color:#FFFFFF;
}

/* ------------------------------- */

a.PRIVACY_obj:link, a.PRIVACY_obj:visited, a.PRIVACY_obj:active /* direct class of object */
{
    color:#C02013;
}
    
a.PRIVACY_obj:hover
{
    color:#FFFFFF;
}

/* ------------------------------- */
/* Main Menu - default classes */
/* ------------------------------- */

.MainMenu_MenuContainer
{
	background-color: transparent;
	/*background-image:url(menu_idle.jpg);
	background-position:left top; */
	width:auto; /* forces column width */
	height:29px;
}

.MainMenu_MenuItem  /* idle, applys to all menu items, root and sub */
{
	color: #333333;
	font-family:Tahoma, Verdana, Arial; 
	font-size:12px;
	font-weight:normal;
	height:25px; 
	font-style: normal; 
    border-left: #FFFFFF 0px solid;     
	border-bottom: #666666 1px solid;  
	border-top: #FFFFFF 0px solid;      
	border-right: #666666 0px solid;    
	background-color: #999999;
}

.MainMenu_MenuIcon  /* placement in stylesheet matters, bg colors react differently */   
{
	background-color: #333333; 
	border-left: #666666 0px solid; 
	border-bottom: #C02013 1px solid; 
	border-top: #FFFFFF 0px solid;
	border-right:0px solid #666666; 
	text-align: center; 
	width: 25px; 
	height: 25px;
	padding:0px;
}

.MainMenu_MenuItemSel  /* hover, applys to all menu items, root and sub */
{
    color:#FFFFFF;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:normal;
	font-style: normal;
	height:25px;
	background-color: #333333;
	border-left: #999999 0px solid; 
	border-bottom: #C02013 1px solid; 
	border-top: #666666 0px solid; 
	border-right: #FFFFFF 0px solid;
}

/* ------------------------------- */

.MainMenu_SubMenu /* sub menu container */
{ 
    z-index: 1000; 
    filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
    border-bottom: #C02013 1px solid; 
	border-left: #C02013 1px solid; 
	border-top: #C02013 1px solid; 
	border-right: #C02013 1px solid;
}

/* ------------------------------- */

.MainMenu_RootMenuArrow, .MainMenu_RootMenuArrow td /* arrow to subs */
{
	font-family: webdings; 
	font-size: 16px; /* no apparent effect */
    background-position:right top;
    padding:0px 20px 0px 0px; 
	height:25px;
	
}

.MainMenu_MenuArrow /* arrow to sub subs */
{
	font-family: webdings; 
	font-size: 16px; /* no apparent effect */
	border-right: #c02013 1px solid; 
	border-bottom: #c02013 1px solid; 
	border-top: #FFFFFF 0px solid;
	border-left: #FFFFFF 0px solid;
	padding:0px 0px 0px 5px;
}

/* ------------------------------- */

.MainMenu_MenuBreak  /* container for separator elements, must have width to display contents */
{
	border-bottom: #EEEEEE 0px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 0px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	width: 1px;
}

/* ------------------------------- */
/* Root Menu - additional classes */
/* ------------------------------- */

.MainMenu_RootMenuItem /* idle */
{
   background-image:url(menu_idle.jpg);
   background-position:right top;
   background-color:Transparent;
   font-weight:bold;
   text-align:left;
   height:31px;
   color:#BDBDBD;
}

.MainMenu_RootMenuItemActive /* current page */
{    
    background-color:Transparent;
    background-image:url(menu_hover.jpg);
    font-weight:bold;
    color:#BDBDBD;
    height:31px;
}

.MainMenu_RootMenuItemSelected /* hover */
{
   background-image:url(menu_hover.jpg);
   background-color:Transparent;
   font-weight:bold;
   height:31px;
   color:#FFFFFF;
}

.MainMenu_RootMenuItemBreadCrumb /* breadcrumb to current page */
{
   background-image:url(menu_hover.jpg);
   background-color:Transparent;
   font-weight:bold;
   color:#BDBDBD;
   height:31px;
}

/* ------------------------------- */
/* Sub Menu - additional classes */
/* ------------------------------- */

.MainMenu_SubMenuItemActive, .MainMenu_SubMenuItemActive .MainMenu_MenuIcon /* current page */
{
    background-color:#C02013;
    color:#FFFFFF;
}

.MainMenu_SubMenuItemActive .MainMenu_MenuIcon /* for particular behavior */
{
    border-left: #C02013 1px solid;
}

.MainMenu_SubMenuItemBreadCrumb, .MainMenu_SubMenuItemBreadCrumb  .MainMenu_MenuIcon /* breadcrumb */ 
{
    background-color:#C02013;
    color:#FFFFFF;
}

.MainMenu_SubMenuItemBreadCrumb  .MainMenu_MenuIcon /* for particular behavior */
{
    border-left: #C02013 1px solid;
}