/* -------------------------------------------------- */
/* Elite Sportswear and Awards - Vertical Menu Skin   */
/* by Kelly Oltean - www.webmontonmedia.com    */
/* -------------------------------------------------- */

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

html
{
    height: 100%;
}

body
{
    height: 100%;
    margin: 0px;
    background-color: #ffffff;
    }
        
table, p, li /* global styles */
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    margin: 0px;
    color:#4F4C47;
}

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

/* GENERAL */
/* style for module titles */
.Head   
{
    color:#4A3513;
}

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

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead 
{
    color:#4A3513;
}

/* text style used for most text rendered by modules */
.Normal
{

}

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

}

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

.OuterDiv
{
    background-color:#4F4C47;
    background-image:url(bodybk01.jpg);
    background-repeat:repeat-x;
    width:100%;
    height:auto;
    padding:10px 0px 0px 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;
    
    /* adjust minimum page width, % or px */
    width:980px; 
}

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

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

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

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

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

.LogoTable /* table for image pane in top right corner of this skin */
{
    position:absolute;
    top:45px;
    left:9px;
    width:711px;
    z-index:200;
}
    
.LogoTD /* pane for image in top right corner of this skin */
{
        
}

.HeaderRightTable /* table for image pane in top right corner of this skin */
{
    position:absolute;
    top:45px;
    right:9px;
    width:251px;
    z-index:200;
}
    
.HeaderRightPane /* pane for image in top right corner of this skin */
{
        
}

.HeaderImageTable /* table for image pane in top right corner of this skin */
{
    position:absolute;
    top:150px;
    left:9px;
    width:460px;
    z-index:150;
}
    
.HeaderImagePane /* pane for image in top right corner of this skin */
{
        
}

.HeaderImageTable2 /* table for image pane in top right corner of this skin */
{
    position:absolute;
    top:150px;
    left:469px;
    width:251px;
    z-index:150;
}
    
.HeaderImagePane2 /* pane for image in top right corner of this skin */
{
        
}

.HeaderImageTable3 /* table for image pane in top right corner of this skin */
{
    position:absolute;
    top:150px;
    right:9px;
    width:251px;
    z-index:150;
    text-align:right;
}
    
.HeaderImagePane3 /* pane for image in top right corner of this skin */
{
        
}
/* ------------------------------- */

.DATE_Div /* container for object */
{
    position:absolute;
    top:20px;
    right:20px;
    width:160px;
    font-weight:normal;
    font-size:11px;
}

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

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

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

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

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

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

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

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

/* ------------------------------- */
    
.BREADCRUMB_Div /* container for object */
{
    position:absolute;
    top:205px;
    left:245px;
    text-align:left;
    font-weight:bold;
    font-size:11px;
    width:100%;
    color:#B0B0B0;
    display:none;
}

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

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

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

.SEARCH_Div /* container for object */
{
    position:absolute;
    top:57px;
    right:25px;
    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:#cbcbcb;
}

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(menu_top_left.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:40px 0px 0px 9px;    
}

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

.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:223px;    
}

.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:220px;
}

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

    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:#000000;*/
    
    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:160px; 
}

.ContentInnerTD
{
  /* Adjust content area padding */
  padding:8px 12px 5px 5px; 
  
  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 */
/* ------------------------------- */ 

  
    


.FooterLeftTD
{
    /* background bottom for stretch portion */
    background-image:url(footer_mid2.jpg); 
    background-position:bottom;
    background-repeat:repeat-x;
    background-color:#000000;
    
    /* must define pixel height for Opera */
    height:210px; 
    
}

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

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

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

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

.FooterTable
{   
    position:absolute;
    top:5px;
    left:30px;
    width:942px;
    z-index:200;
    }
    
.FooterPane
{
    }  
    
/* ------------------------------- */

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

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

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

.TERMS_PRIVACY_Div /* Terms and Privacy Div, container for both objects */
{
    position:absolute; 
    top:210px;
    right:25px;
    font-size:10px;
    font-weight:normal;
}

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

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

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

/* ------------------------------- */
/* 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:220px; 
	
	/* height px used for horizontal menu only */
	height:auto;
}

.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:25px; 
	font-style: normal; 
    border-left: #727272 0px solid;     
	border-bottom: #000000 1px solid;  
	border-top: #727272 1px solid;      
	border-right: #000000 0px solid;    
	background-color: #3A3A3B;
}

.MainMenu_MenuIcon  /* placement in stylesheet matters, bg colors react differently */   
{
	background-color: #3A3A3B; 
	border-left: #727272 1px solid; 
	border-bottom: #000000 1px solid; 
	border-top: #727272 1px solid;
	border-right:0px solid #000000; 
	text-align: center; 
	width: 23px; 
	height: 25px;
	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:25px;
	background-color: #696A69;
	border-left: #727272 0px solid; 
	border-bottom: #000000 1px solid; 
	border-top: #727272 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: #727272 1px solid; 
	border-top: #727272 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:25px;
	
}

.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: #727272 1px solid;
	border-left: #727272 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 */
{
    font-size:13px;
    background-image:url(menu_idle.jpg);
    background-color:Transparent;
    font-family:Arial,Helvetica,Sans-Serif;
    font-weight:bold;
    text-align:left;
    height:25px;
    padding-left:0px;
    color:#4F4C47;
}

.MainMenu_RootMenuItemActive /* current page */
{    
    background-image:url(menu_hover.jpg);
    background-repeat:no-repeat;
    background-color:Transparent;
    font-family:Arial,Helvetica,Sans-Serif;
    font-weight:bold;
    color:#FFFFFF;
    border:0px;
    height:25px;
    font-size: 13px;
}

.MainMenu_RootMenuItemSelected /* hover */
{
    background-image:url(menu_hover.jpg);
    background-repeat:no-repeat;
    background-color:Transparent;
    font-family:Arial,Helvetica,Sans-Serif;
    font-weight:bold;
    border:0px;
    height:25px;
    color:#FFFFFF;
    font-size:13px;
    
    /* 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_hover.jpg);
    background-repeat:no-repeat;
    background-color:Transparent;
    font-family:Arial,Helvetica,Sans-Serif;
    font-weight:bold;
    color:#FFFFFF;
    border:0px;
    height:25px;
    font-size:13px;
}

/* horizontal menu only, place this class on a div in the right separator attribute of the ascx menu object */
/*.MainMenu_RightIdle 
{
    background: url(menu_item_right.jpg) no-repeat top right transparent;
    width:1px;
    height: 41px;
    }

*/

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

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

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

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

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