/* -------------------------------------------------- */
/* Webmonton - DNN Vertical Menu Skin            */
/* http://www.NukeBuilder.com       */
/* -------------------------------------------------- */

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

html
{
    height:100%;
}

body
{
    color:#727272;
    height:100%;
    margin:0px;
    background-color:#625B75;
    /*background-image:url(bodybk.jpg);  */
    background-repeat:repeat-x;
}
        
table, tr, td, TFOOT, THEAD, TH /* global styles */
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size:11px;
    margin:0px;
    line-height:17px;
}

p
{
    margin:15px 0px 15px 0px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size:11px;
    line-height:17px;
}

li
{
    color:#727272;
    margin:5px 0px 5px 0px;
    font-family: Verdana, Arial, Sans-Serif;
    font-size:11px;
}   

A:link
{
	text-decoration: underline;
	color: #5403b5;
}

A:visited
{
	text-decoration: underline;
	color: #5403b5;
}

A:hover
{
	text-decoration: underline;
	color: #D200EB;
}

A:active
{
	text-decoration: underline;
	color: #5403b5;
}
   
/* Font Samples */

p.arial11
{
color:#727272;
margin:15px 0px 15px 0px;
font-family:Arial;
font-size:11px;
line-height:17px;
}

p.tahoma11
{
color:#727272;
margin:15px 0px 15px 0px;
font-family:Tahoma;
font-size:11px;
line-height:17px;
}

p.verdana11
{
color:#727272;
margin:15px 0px 15px 0px;
font-family:Verdana;
font-size:11px;
line-height:17px;
}

p.times11
{
color:#727272;
margin:15px 0px 15px 0px;
font-family:Times New Roman;
font-size:11px;
line-height:17px;
}

/* ---- */

p.arial12
{
color:#727272;
margin:15px 0px 15px 0px;
font-family:Arial;
font-size:12px;
line-height:17px;
}

p.tahoma12
{
color:#727272;
margin:15px 0px 15px 0px;
font-family:Tahoma;
font-size:12px;
line-height:18px;
}

p.verdana12
{
color:#727272;
margin:15px 0px 15px 0px;
font-family:Verdana;
font-size:12px;
line-height:18px;
}

p.times12
{
color:#727272;
margin:15px 0px 15px 0px;
font-family:Times New Roman;
font-size:12px;
line-height:18px;
}

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

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

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

/* style of item titles on edit and admin pages */
.SubHead    
{
    color:#727272;
}

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

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

/* 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(bodybk.jpg); 
    background-repeat:repeat-x;
    width:100%;
    height:100%;
    padding:0px 0px 20px 0px;    
}

/* ------------------------------- */
/* 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:#ffffff;
    border:solid 0px #7A344A;
    /* adjust minimum page width, % or px */
    width:980px; 
}

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

.HeaderTD
{
   /* background for stretch across header */
   background-image:url(header_top.jpg); 
   background-repeat:repeat-x;
   /* specify height of header */
   height:50px;
   border:solid 0px red; 
}

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

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

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

.LogoTable
{
    width:250px;
    height:100px;
    border:0px solid blue;
    position:absolute;
    top:50px;
    left:50px;
    /*display:none;*/
}

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

.HeaderPaneTable /* table for image pane in top right corner of this skin */
{
    position:absolute;
    top:58px;
    right:20px; /* specify column width for spacing from left */
    width:580px;
    height:240px;
    display:none;
}
    
.HeaderPane /* pane for image in top right corner of this skin */
{
        
}


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

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

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

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

.USER_LOGIN_Div /* User and Login Div, container for both objects */
{
    position:absolute;
    top:8px;
    right:60px;
    text-align:left;
    font-weight:normal;
    font-size:11px;
    text-decoration:none;
}

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

a.USER_obj:hover
{
  color:#ADA6C2;
  text-decoration:underline; 
}

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

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

a.LOGIN_obj:hover
{
  color:#ADA6C2;
  text-decoration:underline;  
}

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

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

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

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

.SEARCH_Div /* container for object */
{
    position:absolute;
    top:176px;
    right:40px;
    font-weight:bold;
    font-size:12px;
    display:none;
}

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

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

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

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

.ContentLeftDiv1 /* backgrounds */
{    
    background-image:url(column_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:325px;
}

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

.ContentLeftDiv3  /* backgrounds and positioning */
{
    /* absolute can be added here to position the menu and column pane tables 
    together. Otherwise remove */
    /*position:absolute;
    top:-150px;*/
    
    height:100%;
    width:100%;
    padding:90px 0px 0px 60px;    
}

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

.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:219px;*/
       
}

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

.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:25px 0px 10px 0px; 
}

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

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

.ColumnPane /* TD, contains user content under vertical menu */
{
    /* adjust position of content area */
    padding: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:Transparent;
    border:solid 0px red; /* Identify */
    height:100%;
    /* can define width */
    width:100%;
}

.ContentRightDiv1
{
    /* background top for stretch */
    background-image:url(content_top_right.jpg); 
    background-repeat:no-repeat;
    background-position:right top;
    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:50px; 
}

.ContentInnerTD
{
  /* Adjust content area padding */
  padding:0px 58px 0px 10px; 
  width:auto;
  border:0px solid blue;
}

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

.ContentPaneTable /* Content Panes */
{
    /*Setting px width, can force page width*/
    width:100%; 
    
    text-align:left; 
}

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

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

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

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

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

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

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

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

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

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

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

.BottomPane 
{
   padding:0px 5px 0px 5px;
   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:295px; 
    
}

.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:45px;
    left:50px;
    width:100%;
}

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

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

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

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

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

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

/* ------------------------------- */
/* 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:219px; 
	
	/* height px used for horizontal menu only */
	height:auto;
	/*
	position:absolute;
	z-index:900;*/
	padding-left:0px;

}

.MainMenu_MenuItem  /* idle, applys to all menu items, root and sub */
{
	color: #997CBB; 
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 11px; 
	font-weight: bold;
	height:25px; 
	font-style: normal; 
    border-left: #ffffff 0px solid;     
	border-bottom: #C0C1C1 1px solid;  
	border-top: #ffffff 1px solid;      
	border-right: #C0C1C1 0px solid;    
	background-color: #FFFFFF;
}

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

.MainMenu_MenuItemSel  /* hover, applys to all menu items, root and sub */
{
	color:#5700BE;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
	height:25px;
	background-color: #FFFFFF;
	border-left: #ffffff 0px solid; 
	border-bottom: #C0C1C1 1px solid; 
	border-top: #ffffff 1px solid; 
	border-right: #C0C1C1 0px solid;
}

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

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

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

.MainMenu_RootMenuItem, .MainMenu_RootMenuItem td /* idle */
{
    background-image:url(menu_idle.jpg);
    background-color:Transparent;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:14px;
    text-align:center;
    height:30px;
    color:#997CBB;
}

.MainMenu_RootMenuItemActive, .MainMenu_RootMenuItemActive td /* current page */
{    
    background-image:url(menu_active6.jpg);
    background-repeat:no-repeat;
    background-color:Transparent;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:14px;
    color:#ffffff;
    border:0px;
    height:30px;
}

.MainMenu_RootMenuItemSelected, .MainMenu_RootMenuItemSelected td /* hover */
{
    background-image:url(menu_idle.jpg);
    background-repeat:no-repeat;
    background-color:Transparent;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:14px;
    border:0px;
    height:30px;
    color:#5B00C3;
    
    /* can look awkward if not consistent across styles of links */
    /* font-weight:bold;*/
    
    /* may have problems with underline */
    /* text-decoration:underline; */
}

.MainMenu_RootMenuItemBreadCrumb, .MainMenu_RootMenuItemBreadCrumb td /* breadcrumb to current page */
{
    background-image:url(menu_active6.jpg);
    background-repeat:no-repeat;
    background-color:Transparent;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:14px;
    color:#ffffff;
    border:0px;
    height:30px;
}

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

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

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

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

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