
/* -------------------------------------------------- */
/* SkyDune 1.0 - DNN Vertical Menu Skin               */
/* by Kelly Oltean - http://www.NukeBuilder.com       */
/* -------------------------------------------------- */

/* ------------------------------- */
/* Global */
/* ------------------------------- */

html
{
    height:100%;
}

body
{
    height:100%;
    margin:0px;
    background-color:#9E8B6D;
}
        
table, tr, td, p /* global styles */
{
    font-family: Tahoma, Arial, Sans-Serif;
    font-size:11px;
    margin:0px;
}

.ControlPanel, .PagingTable /* control panel styles */
{
    width: 100%;
    background-color: #E9ECDB;
    border: #524713 1px solid;
}

/* ------------------------------- */
/* Outer Div, contains OuterTable */
/* ------------------------------- */

.OuterDiv
{
    background-image:url(skd_body_bk_top.jpg); /* background left side of page */ 
    background-repeat:repeat-x;
    width:100%;
    height:100%;
}

/* ------------------------------- */
/* OuterTable, contains three rows, header, content, footer */
/* ------------------------------- */

.OuterTable
{
    background-image:url(skd_pg_bk_left.jpg); /* background left side of page */ 
    background-repeat:repeat-y;
    background-color:#FFFFFF;
    width:790px; /* adjust minimum page width, % or px */
}

/* ------------------------------- */
/* Header Row Left */
/* ------------------------------- */

.HeaderLeftTD
{
   background-image:url(skd_header_top.jpg); /* background across top */ 
   background-repeat:repeat-x;   
   height:221px; /* adjust height of header */
}

.HeaderLeftDiv1 /* backgrounds */
{
   background-image:url(skd_header_left.jpg); /* background top left */ 
   background-repeat:no-repeat;
   height:100%;
}

.HeaderLeftDiv2  /* backgrounds */
{
   height:100%;
}

.HeaderLeftDiv3  /* backgrounds and positioning */
{
   position:relative;   
   height:100%;
}

/* ------------------------------- */

.LogoTable /* Logo */
{
    height:100%;
    /* width:200px;  forces column width */
}

.LogoTD /* a logo larger than the cell will stretch the entire column */
{
   padding:60px 0px 0px 30px; /* adjust placement of logo */
}

/* ------------------------------- */

.DATE_Div /* container for object */
{
    position:absolute;
    top:180px;
    right:15px;
    width:160px;
    font-weight:normal;
    font-size:11px;
}

.DATE_obj /* direct class of object */
{    
    color:#AF9D84;
}

/* ------------------------------- */
/* Header Row Right */ 
/* ------------------------------- */

.HeaderRightTD
{
    background-image:url(skd_header_top.jpg); /* background for stretch */
    background-repeat:repeat-x;
    height:221px; /* adjust height of header */
    width:100%; /* adjust width of column 2 */
}

.HeaderRightDiv1 /* backgrounds */
{
   background-image:url(skd_header_right.jpg);  /* background top right */ 
   background-position:top right;
   background-repeat:no-repeat;
   height:221px; /* must define pixel height for Opera */
   width:100%;
}

.HeaderRightDiv2 /* backgrounds */
{
   height:100%;
   width:100%;
}

.HeaderRightDiv3 /* backgrounds and positioning */
{
   position:relative;   
   height:100%;
   width:100%;
}

/* ------------------------------- */

.HeaderPaneTable
{
    height:100%;
    width:100%;
}

.HeaderPane
{
  padding:60px 50px 0px 0px; /* adjust placement of headerpane */
  text-align:right; /* align */   
  width:100%;
  height:100%;
}

/* ------------------------------- */ 

.USER_LOGIN_Div /* User and Login Div, container for both objects */
{
    position:absolute;
    top:18px;
    right:20px;
    text-align:right;
    font-weight:bold;
    font-size:11px;
}

a.USER_obj:link, a.USER_obj:visited, a.USER_obj:active /* direct class of object */
{
  color:#F8F3E9;  
}

a.USER_obj:hover
{
  color:#3D3719;
}

/* ------------------------------- */

a.LOGIN_obj:link, a.LOGIN_obj:visited, a.LOGIN_obj:active /* direct class of object */
{
  color:#F8F3E9;  
}

a.LOGIN_obj:hover
{
 color:#3D3719; 
}

/* ------------------------------- */
    
.BREADCRUMB_Div /* container for object */
{
    position:absolute;
    top:185px;
    left:15px;
    text-align:left;
    font-weight:normal;
    font-size:11px;
    width:100%;
}

a.BREADCRUMB_obj:link, a.BREADCRUMB_obj:visited, a.BREADCRUMB_obj:active  /* direct class of object */
{
    color:#AF9D84;
    font-weight:normal;
}

a.BREADCRUMB_obj:hover
{
    color:#3D3719;
    font-weight:normal;
    text-decoration:underline;
}

/* ------------------------------- */

.SEARCH_Div /* container for object */
{
    padding-top:10px;
    font-weight:bold;
    font-size:11px;
}

a.SEARCH_obj:link, a.SEARCH_obj:visited, a.SEARCH_obj:active /* direct class of object */
{
    color:#524713;
}

a.SEARCH_obj:hover
{
    color:#FFFFFF;
}

/* ------------------------------- */
/* Content Row Left */
/* ------------------------------- */

.ContentLeftTD 
{
    background-image:url(skd_menu_top.jpg); /*  background top left */
    background-repeat:no-repeat;
    height:100%;
    padding:0px;
    margin:0px;
}

.ContentLeftDiv1 /* backgrounds */
{
    height:100%;
    width:100%;
}

.ContentLeftDiv2 /* backgrounds */
{
    height:100%;
    width:100%;
}

.ContentLeftDiv3  /* backgrounds and positioning */
{
    height:100%;
    width:100%;
}

/* ------------------------------- */

.MenuTable
{
    width:235px;  /* forces column width */
}

.MenuTD /* contains solpartmenu */
{
    padding:15px 0px 10px 20px; /* adjust position of menu */
}

.MenuDiv1
{
    height:100%;
    
}

.MenuDiv2
{
    height:100%;
    width:100%;
    
}

.MenuDiv3
{
    height:auto; /* must use use "auto" here for firefox */
    padding:23px 0px 20px 20px; /* adjust area above and below button group */
    position:relative;
}

.MenuPane /* TD, contains user content */
{
    padding:10px 15px 0px 15px; /* adjust position of menu pane */
    height:100%;
}

/* ------------------------------- */
/* Solpartmenu appears at end */
/* ------------------------------- */

/* ------------------------------- */
/* Content Row Right */
/* ------------------------------- */

.ContentRightTD 
{
    background-image:url(skd_pg_bk_right.jpg); /* background right edge of page */
    background-repeat:repeat-y;
    background-position:right top;
    background-color:#FFFFFF;
    height:100%;
    width:100%;
}

.ContentRightDiv1
{
    height:100%;
    width:100%;
}

.ContentRightDiv2
{
    height:100%;
    width:100%;
}

.ContentRightDiv3  /* backgrounds and positioning */
{
    height:100%;
    width:100%;
}

.ContentInnerTable 
{
    width:100%;
    height:160px; /* provide minimum height for content area */
}

.ContentInnerTD
{
  padding:15px 25px 0px 10px; /* Adjust content area padding */
  width:100%;
}

/* ------------------------------- */

.ContentPaneTable /* Content Panes */
{
    width:100%;
    text-align:left; 
}

.TopPane
{
    padding:0px 8px 0px 8px;
    background-color:Transparent;
}

.LeftPane
{
    padding:0px 8px 0px 8px;
    background-color:Transparent;
}

.ContentPane
{
    padding:0px 8px 0px 8px;
    background-color:Transparent;
}

.RightPane
{
    padding:0px 8px 0px 8px;
    background-color:Transparent;
}

.MiddlePane
{
    padding:0px 8px 0px 8px;
    background-color:Transparent;
}

.LeftPane2
{
    padding:0px 8px 0px 8px;
    background-color:Transparent;
}

.ContentPane2
{
    padding:0px 8px 0px 8px;
    background-color:Transparent;
}

.RightPane2
{
    padding:0px 8px 0px 8px;
    background-color:Transparent;
}

.LeftPane3
{
    padding:0px 8px 0px 8px;
    background-color:Transparent;
}

.ContentPane3
{
    padding:0px 8px 0px 8px;
    background-color:Transparent;
}

.RightPane3
{
    padding:0px 8px 0px 8px;
    background-color:Transparent;
}

.BottomPane 
{
   padding:0px 8px 0px 8px;
   background-color:Transparent;
}

/* ------------------------------- */
/* Footer Row Left */
/* ------------------------------- */ 

.FooterLeftTD
{
    background-image:url(skd_footer_bottom.jpg); /* background bottom left */
    background-repeat:repeat-x;
    background-position:bottom;
    height:40px; /* must define pixel height for Opera */
}

.FooterLeftDiv1 /* backgrounds */
{
    background-image:url(skd_pg_bk_left.jpg); /* background bottom left */
    background-repeat:repeat-y;
    height:100%;
    width:100%; 
} 

.FooterLeftDiv2 /* backgrounds */
{
    background-image:url(skd_footer_left.jpg); /* background bottom left */
    background-position:bottom left;
    background-repeat:no-repeat;
    height:100%;
    width:100%;
} 

.FooterLeftDiv3  /* backgrounds and positioning */
{
    height:100%;
    width:100%;
    position:relative;
}

/* ------------------------------- */
/* Footer Row Right */
/* ------------------------------- */

.FooterRightTD
{    
    background-image:url(skd_footer_bottom.jpg);  /* background bottom for stretch */
    background-position:bottom;
    background-repeat:repeat-x;
    background-color:#FFFFFF;
    height:40px; /* must define pixel height for Opera */
    width:100%;
}    

.FooterRightDiv1
{
    background-image:url(skd_pg_bk_right.jpg);  /* background bottom for stretch */
    background-position:right;
    background-repeat:repeat-y;
    height:100%;
    width:100%; 
} 

.FooterRightDiv2
{
    background-image:url(skd_footer_right.jpg);  /* background bottom left */
    background-repeat:no-repeat; 
    background-position:bottom right;
    height:100%;
    width:100%;
} 

.FooterRightDiv3 /* backgrounds and positioning */
{
    height:100%;
    width:100%;
    position:relative;
} 

.FooterInnerTable
{
    width:100%;
    height:100%; /* provide minimum height for footer area */
}

.FooterInnerTD
{
    padding:0px 65px 0px 10px; /* Adjust footer content padding */
    width:100%;
}

/* ------------------------------- */

.COPYRIGHT_Div /* container for object */
{
    font-size:11px;
    font-weight:normal;
    position:absolute;
    bottom:-16px;
    left:40px;
    width:100%;
}

.COPYRIGHT_obj /* direct class of object */
{      
    color:#E9DCC6;
} 

/* ------------------------------- */ 

.TERMS_PRIVACY_Div /* Terms and Privacy Div, container for both objects */
{
    position:absolute; 
    bottom:-16px;
    right:40px;
    font-size:11px;
    font-weight:normal;
}

a.TERMS_obj:link, a.TERMS_obj:visited, a.TERMS_obj:active /* direct class of object */
{
    color:#E9DCC6;
}
    
a.TERMS_obj:hover
{
    color:#3D3719;
}

/* ------------------------------- */

a.PRIVACY_obj:link, a.PRIVACY_obj:visited, a.PRIVACY_obj:active /* direct class of object */
{
    color:#E9DCC6;
}
    
a.PRIVACY_obj:hover
{
    color:#3D3719;
}

/* ------------------------------- */
/* Main Menu - default classes */
/* ------------------------------- */

.MainMenu_MenuContainer
{
	background-color: transparent;
	width:175px; /* forces column width */
	height:auto;
}

.MainMenu_MenuItem  /* idle, applys to all menu items, root and sub */
{
	color: #513212; 
	font-family:Arial, Tahoma, Sans-Serif;
	font-size: 11px; 
	height:23px; 
	font-style: normal; 
	font-weight:normal;
    border-left: #F8FAF1 0px solid;     
	border-bottom: #F4F3D7 0px solid;  
	border-top: #F4F3D7 1px solid;      
	border-right: #F8FAF1 0px solid;    
	background-color: #F5CA90;
}

.MainMenu_MenuItemSel  /* hover, applys to all menu items, root and sub */
{
	color:#FFFFFF;
	font-family:Arial, Tahoma, Sans-Serif;
	font-size: 11px; 
	font-style: normal;
	font-weight:normal;
	height:23px;
	background-color: #C68E4E;
	border-left: #F8FAF1 0px solid; 
	border-bottom: #F4F3D7 0px solid; 
	border-top: #F4F3D7 1px solid; 
	border-right: #F8FAF1 0px solid;
}

.MainMenu_MenuIcon  /* placement in stylesheet matters, bg colors react differently */   
{
	background-color: #C68E4E; 
	border-left: #F8FAF1 0px solid; 
	border-bottom: #F4F3D7 0px solid; 
	border-top: #F4F3D7 1px solid;
	border-right:0px solid #766D10; 
	text-align: center; 
	/*width: 23px; */
	height: 23px;
	padding:0px;
}

/* ------------------------------- */

.MainMenu_SubMenu /* sub menu container */
{ 
    z-index: 1000; 
    filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
    border-bottom: #878672 1px solid; 
	border-left: #F4F3D7 1px solid; 
	border-top: #F4F3D7 1px solid; 
	border-right: #878672 1px solid;
}

/* ------------------------------- */

.MainMenu_RootMenuArrow, .MainMenu_RootMenuArrow td /* arrow to subs */
{
	font-family: webdings; 
	font-size: 14px; /* no apparent effect */
    background-position:right top;
    padding:0px 20px 0px 0px; 
	height:23px;
}

.MainMenu_MenuArrow /* arrow to sub subs */
{
	font-family: webdings; 
	font-size: 16px; /* no apparent effect */
	border-right: #FFFFFF 0px solid; 
	border-bottom: #F4F3D7 0px solid; 
	border-top: #F4F3D7 1px solid;
	padding:0px 0px 0px 5px;
}

/* ------------------------------- */

.MainMenu_MenuBreak  /* no apparent effect */
{
	border-bottom: #EEEEEE 1px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 1px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	height: 1px;
}

/* ------------------------------- */
/* Root Menu - additional classes */
/* ------------------------------- */

.MainMenu_RootMenuItem td /* idle */
{
    background-color:Transparent;
    font-family:Tahoma, Arial, Sans-Serif;
    font-size:12px; 
    text-align:left;
    height:25px;
    border-bottom:1px solid #000000;
}

.MainMenu_RootMenuItemActive td /* current page */
{    
    background-color:#C68E4E;
    font-family:Tahoma, Arial, Sans-Serif;
    font-size:12px; 
    color:#513212;
    border:0px;
    height:25px;
    border-bottom:1px solid #000000;
}

.MainMenu_RootMenuItemSelected td /* hover */
{
    background-color:#C68E4E;
    font-family:Tahoma, Arial, Sans-Serif;
    font-size:12px; 
    border:0px;
    height:25px;
    border-bottom:1px solid #FFFFFF;
}

.MainMenu_RootMenuItemBreadCrumb td /* breadcrumb to current page */
{
    background-color:#C68E4E;
    font-family:Tahoma, Arial, Sans-Serif;
    font-size:12px; 
    color:#513212;
    border:0px;
    height:25px;
    border-bottom:1px solid #000000;
}

/* ------------------------------- */
/* Sub Menu - additional classes */
/* ------------------------------- */

.MainMenu_SubMenuItemActive /* current page */
{
    background-color:#C68E4E;
    color:#513212;
}

.MainMenu_SubMenuItemBreadCrumb /* breadcrumb */ 
{
    background-color:#C68E4E;
    color:#513212F;
}

