/* -------------------------------------------------- */
/* Bea Bohm-Meyer - DNN Vertical Menu Skin            */
/* by Kelly Oltean - http://www.NukeBuilder.com       */
/* -------------------------------------------------- */

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

html
{
    height:100%;
}

body
{
    height:100%;
    margin:0px;
    background-color:#e1e4ec;
    
}
        
table, tr, td, p /* global styles */
{
    font-family: Tahoma, Arial, Sans-Serif;
    font-size:12px;
    margin:0px;
}

.ControlPanel, .PagingTable /* control panel styles */
{
    width: 100%;
    background-color: #EDEDED;
    border: #5D5D5C 1px solid;
}

/* GENERAL */
/* style for module titles */
.Head   
{
    font-family: Arial, Sans-Serif;
    font-size:24px;
    color:#70b946;
}

/* style of item titles on edit and admin pages */
.SubHead    
{

}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead 
{
    font-family: Arial, Sans-Serif;
    font-size:18px;
    color:#2a7789;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Arial, Sans-Serif;
    font-size:12px;
    color:#666666;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{

}

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

.OuterDiv
{
    /* background across top full width */
    /*background-image:url(body_bk.jpg);  
    background-repeat:repeat-x;*/
     
    width:100%;
    height:100%;
   /* padding-top:25px;*/
}

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

.OuterTable
{
     /* background left side of page */ 
    /*background-image:url(page_bk_left.jpg);*/
    /*background-repeat:repeat-y;*/
    /*background-color:#000000;*/
    
    /* adjust minimum page width, % or px */
    width:840px; 
}

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

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

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

.HeaderDiv2  /* backgrounds */
{
   /* background top right */
   background-image:url(header_right.png);   
   background-position:top right;
   background-repeat:no-repeat;
   
   height:100%;
}

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

.HeaderPaneTable /* table for image pane in top right corner of this skin */
{
    position:absolute;
    top:0px;
    right:0px;
    width:500px;
    height:91px;
}
    
.HeaderPane /* pane for image in top right corner of this skin */
{
        
}


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

.DATE_Div /* container for object */
{
    position:absolute;
    top:70px;
    right:0px;
    width:160px;
    font-weight:normal;
    font-size:12px;
    display:none;
}

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

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

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

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

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

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

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

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

/* ------------------------------- */
    
.BREADCRUMB_Div /* container for object */
{
    position:absolute;
    top:250px;
    left:240px;
    text-align:left;
    font-weight:bold;
    font-size:12px;
    width:100%;
    color:#666666;
    /*display:none;*/
}

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

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

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

.SEARCH_Div /* container for object */
{
    position:absolute;
    top:248px;
    right:20px;
    font-weight:bold;
    font-size:12px;
}

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

a.SEARCH_obj:hover
{
    color:#FFFFFF;
}

/* ------------------------------- */
/* Content Row Left */
/* ------------------------------- */

.ContentLeftTD 
{
    /* background left side of page */
    background-image:url(page_bk_left.jpg);  
    background-repeat:repeat-y;
    /*background-color:Blue;*/
    
    height:100%;
    padding:0px 0px 0px 0px;
    margin:0px;
    
    /* can define width, not always neccessary */
    /* width:230px;*/
    
}

.ContentLeftDiv1 /* backgrounds */
{    
    background-image:url(content_left_top.jpg); 
    background-repeat:no-repeat;
    background-position:left top;
    
    height:100%;
    
    /* by also applying width here, we can prevent this column from 
    collapsing to 0 width, which then allows us to absolute position the 
    column contents. Otherwise set this width to 100% */
    width:100%;
}

.ContentLeftDiv2 /* backgrounds */
{
    height:100%;
    width:100%;
    
    /* relative is added here to absolute position the following div which 
    contains the menu and column pane. Otherwise remove */
    /* position:relative;*/
}

.ContentLeftDiv3  /* backgrounds and positioning */
{
    /* absolute is added here to position the menu and comumn pane tables 
    together. Otherwise remove */
    /*position:absolute;
    top:-100px;*/
    
    height:100%;
    width:100%;
    padding:42px 0px 0px 0px;    
}

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

.MenuTable  /* for vertical menu only, comment out with horz menu  */
{
      /* width here can force column width, this may be the best place to specify column width */
    width:224px;    
}

.MenuTD /* contains solpartmenu */
{
    /* adjust position of menu */
    padding:0px 0px 0px 0px; 
}

.MenuDiv1
{
    height:100%;
}

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

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

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

.ColumnPaneTable /* Table, contains user content under vertical menu */ 
{
    /* width in px can force width on left column */
    width:213px;
}

.ColumnPane /* TD, contains user content under vertical menu */
{
    /* adjust position of content area */
    padding:21px 0px 0px 0px;

    height:100%;
}

/* ------------------------------- */
/* Solpartmenu appears at end */
/* ------------------------------- */

/* ------------------------------- */
/* Content Row Right */
/* ------------------------------- */

.ContentRightTD 
{
    /* background right edge of page */
    /* background-image:url(page_bk_right.jpg); */ 
    /* background-repeat:repeat-y; */
    /* background-position:right top; */
    background-color:#FFFFFF;
    
    height:100%;
    
    /* can define width */
    width:100%;
}

.ContentRightDiv1
{
    /* background top for stretch */
    /*background-image:url(content_top.jpg); 
    background-repeat:repeat-x;*/
    
    height:100%;
    width:100%;
}

.ContentRightDiv2
{
    /* background top right */
    /*background-image:url(content_right_top.jpg); 
    background-repeat:no-repeat;
    background-position:right top;*/
    
    height:100%;
    width:100%;
}

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

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

.ContentInnerTD
{
  /* Adjust content area padding */
  padding:35px 0px 2px 0px; 
  
  width:100%;
}

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

.ContentPaneTable /* Content Panes */
{
    /*Setting px width, can force page width*/
    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 */
/* ------------------------------- */ 

.FooterTD
{
    /* background bottom for stretch portion */
    background-image:url(footer_bottom.jpg); 
    background-position:bottom;
    background-repeat:repeat-x;
    /* background-color:#FFFFFF; */
    
    /* must define pixel height for Opera */
    height:31px; 
    
}

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

.FooterDiv2 /* backgrounds */
{ 
    /* background bottom right */
    background-image:url(footer_right.jpg);  
    background-repeat:no-repeat;
    background-position:right bottom;
    
    height:100%;
    width:100%;
} 

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

.FooterColumn
{
width:214px;
height:310px;
position:absolute;
top:-310px;
left:0px;
background-Image:url(Footer_Column.jpg);
background-repeat:no-repeat;
z-index:800;

}
 
/* ------------------------------- */

.COPYRIGHT_Div /* container for object */
{
    font-size:11px;
    font-weight:normal;
    position:absolute;
    bottom:10px;
    left:20px;
    width:100%;
}

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

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

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

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

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

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

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

.MainMenu_MenuContainer
{
	background-color: transparent;
	
	/* bg image used by horizontal menu, not always nessessary with vertical */
	/*background-image:url(menu_idle.jpg);*/
	/*background-position:left top; */
	
	/* width px here can force column width with vertical menu */
	width:213px; 
	
	/* height px used for horizontal menu only */
	height:auto;
	position:absolute;
	z-index:900;

}

.MainMenu_MenuItem  /* idle, applys to all menu items, root and sub */
{
	color: #DFDFDF; 
	font-family: Tahoma,  Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold;
	height:31px; 
	font-style: normal; 
    border-left: #1e3c40 0px solid;     
	border-bottom: #000000 1px solid;  
	border-top: #1e3c40 1px solid;      
	border-right: #000000 0px solid;    
	background-color: #3d7f87;
}

.MainMenu_MenuIcon  /* placement in stylesheet matters, bg colors react differently */   
{
	background-color: #3d7f87; 
	border-left: #1e3c40 1px solid; 
	border-bottom: #000000 1px solid; 
	border-top: #1e3c40 1px solid;
	border-right:0px solid #000000; 
	text-align: center; 
	width: 23px; 
	height: 31px;
	padding:0px;
}

.MainMenu_MenuItemSel  /* hover, applys to all menu items, root and sub */
{
	color:#FFFFFF;
	font-family: Tahoma,  Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
	height:31px;
	background-color: #468f98;
	border-left: #1e3c40 0px solid; 
	border-bottom: #000000 1px solid; 
	border-top: #1e3c40 1px solid; 
	border-right: #000000 0px solid;
}

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

.MainMenu_SubMenu /* sub menu container */
{ 
    z-index: 1000; 
    filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
    border-bottom: #000000 1px solid; 
	border-left: #1e3c40 1px solid; 
	border-top: #1e3c40 1px solid; 
	border-right: #000000 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:31px;
	
}

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

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

.MainMenu_MenuBreak  /* container for separator elements, must have width to display contents */
{
	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 /* idle */
{
    background-image:url(menu_idle.gif);
    background-color:Transparent;
    font-family:Arial;
    text-align:left;
    height:31px;
    padding-left:0px;
    color:#FFFFFF;
}

.MainMenu_RootMenuItemActive /* current page */
{    
    background-image:url(menu_active.gif);
    background-repeat:no-repeat;
    background-color:Transparent;
    color:#AFF2CF;
    border:0px;
    height:31px;
}

.MainMenu_RootMenuItemSelected /* hover */
{
    background-image:url(menu_hover.gif);
    background-repeat:no-repeat;
    background-color:Transparent;
    border:0px;
    height:31px;
    color:#AFF2CF;
    
    /* can look awkward if not consistent across styles of links */
    /* font-weight:bold;*/
    
    /* may have problems with underline */
    /* text-decoration:underline; */
}

.MainMenu_RootMenuItemBreadCrumb /* breadcrumb to current page */
{
    background-image:url(menu_active.gif);
    background-repeat:no-repeat;
    background-color:Transparent;
    color:#AFF2CF;
    border:0px;
    height:31px;
}

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

.MainMenu_SubMenuItemActive, .MainMenu_SubMenuItemActive .MainMenu_MenuIcon /* current page */
{
    background-color:#696A69;
    color:#AFF2CF;
}

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

.MainMenu_SubMenuItemBreadCrumb, .MainMenu_SubMenuItemBreadCrumb  .MainMenu_MenuIcon /* breadcrumb */ 
{
    background-color:#696A69;
    color:#AFF2CF;
}

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