/* 
================================
Skin styles for DotNetNuke
================================
*/  

.bottom
{
    vertical-align:bottom;
}

.pagemaster {
	width: 100%;
	height: 100%;	
}
.skinmaster {
	height: 100%;
}
.skinheader {
}
.skingradient {
	background-image: url(gradient_DkBlue.jpg); 
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #dfe5f2;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.main_controlpanel {
	width: 1024px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

.leftpane {
	width:1%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 0px;
	padding-top: 20px;
}

.contentpane {
    width:97%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 24px;
	padding-top: 12px;
	text-align: left;
}
.contentpane_calendar {
    width:97%;
	background-color: transparent;
	padding-left: 30px;
	padding-right: 24px;
	padding-top: 12px;
	text-align: left;
}

.rightpane {
    width:1%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 62px;
}
.rightpane_home {
    width:1%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 12px;
}

.afterrightpane {
    width:0px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;	
}

/* same for member */

/* member top nav */
td.top_nav_member_td
{
	padding-bottom: 0px;
}

.leftpane_member {
	width:1%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 0px;
	padding-top: 0px;
	/*background-image: url(../../../../images/proclub/blue_gradient.gif);
	background-repeat: repeat-x;		*/
}

.contentpane_member {
    width:97%;
	background-color: transparent;
	padding-left: 30px;
	padding-right: 24px;
	padding-top: 9px;
	text-align: left;
	/*background-image: url(../../../../images/proclub/blue_gradient.gif);
	background-repeat: repeat-x;			*/
}
.contentpane_enrollment 
{
	  width:97%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: left;
}
.rightpane_member {
    width:1%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 9px;
	/*background-image: url(../../../../images/proclub/blue_gradient.gif);
	background-repeat: repeat-x;			*/
}
.afterrightpane_member {
    width:1%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;	
	/*background-image: url(../../../../images/proclub/blue_gradient.gif);
	background-repeat: repeat-x;					*/
}

/* member 2020 */
.leftpane_2020 {
	width:250px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 0px;
	padding-top: 0px;
}

.contentpane_2020 {
    width: 582px;
	background-color: transparent;
	padding-left: 26px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: left;
}

.rightpane_2020 {
    width: 176px;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.middlepane_top_2020 
{	
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 26px;	
	text-align: left;
	margin:0px;
}

.middlepane_left_2020 
{
	width: 50%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: left;
}

.middlepane_right_2020 
{
	width: 50%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: left;
}
/* end member 2020 */

/* member My Info */
.leftpane_myinfo {
	width:1%;
	background-color: transparent;
	padding-left: 16px;
	padding-right: 0px;
	padding-top: 0px;
}

.contentpane_myinfo {
    width:97%;
	background-color: transparent;
	padding-left: 30px;
	padding-right: 24px;
	padding-top: 9px;
	text-align: left;
}
/* end Member My Info*/

/* member home page */
/* same for member */
.leftpane_member_homepage {
	width:1%;
	background-color: transparent;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0px;
}

.contentpane_member_homepage {
    width:97%;
	background-color: transparent;
	padding-left: 10px;
	padding-right: 24px;
	padding-top: 0px;
	text-align: left;
}
.rightpane_member_homepage {
    width:1%;
	background-color: transparent;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 9px;
}

.titlepane_member_homepage {	
	background-color: transparent;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 8px;
}
/* end member home page*/

.pathpane {
	background-color: transparent;
	padding-top: 8px;	
	padding-left: 12px;
	vertical-align: bottom;	
}

.titlepane {
	background-color: transparent;	
}

.gradient_stretch
{
	background-image: url(blue_gradient_stretch.gif);
	background-repeat: repeat-x;				    
}

.gradient
{
	background-image: url(blue_gradient.gif);
	background-repeat: repeat-x;				
}

.short_gradient
{
	background-image: url(blue_gradient.gif);
	background-repeat: repeat-x;					
}

.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.MainMenu_MenuContainer {
	background-color: transparent; 
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.MainMenu_MenuItem {
	border-left: #cad5ea 0px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 1px solid; 
	border-right: #cad5ea 0px solid;
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
}
.MainMenu_MenuIcon {
	background-color: #cad5ea; 
	border-left: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 1px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}
.MainMenu_SubMenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
}
.MainMenu_MenuBreak {
	height: 1px;
}
.MainMenu_MenuItemSel {
	background-color: #8da4d3; 
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
}
.MainMenu_MenuArrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}
.floatingtext
{
    background-image: url(floating_text.gif);
    background-repeat: no-repeat;    
    height: 57px;
}


/*************************************************/
/************* PROClub styles ********************/
/*************************************************/


/* nav items */
/* 1 public portal (Main & Second level menu) */
.NavMainWrapper
{
    background-color: #00206D;
    display:block;
    float:none;
    padding: 0px 0px 0px 0px;    
    margin: 0px 0px 0px 0px;
    width: 100%;
}

.NavSecondWrapper
{
    background-color: #931103;
    display:block;
    float:none;
    padding: 0px 0px 0px 0px;    
    margin: 0px 0px 0px 0px;    
    width: 100%;
}

a.NavMain, a.NavMain_selected, a.NavMain:active, a.NavMain:link, a.NavMain:visited, a.NavMain_selected:active, a.NavMain_selected:link, a.NavMain_selected:visited
{
    background-image: url(red.gif);
    background-repeat: no-repeat;
    background-color: #00206D;
    float:left;
    font: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; 
    text-align: left; 
    text-indent: 10px;
    padding: 6px 6px 6px 6px; 
    white-space: nowrap;
    color: White;    
    text-decoration: none;     
}

a.NavMain_selected, a.NavMain_selected:active, a.NavMain_selected:link, a.NavMain_selected:visited
{
    background-image: url(white.gif);
    background-repeat: no-repeat;
    background-color: #931103;
}

a.NavMain:hover
{
    background-image: url(white.gif);
    background-repeat: no-repeat;
    background-color: #931103;}

/*
a.NavMain:hover
{
	color: #ce6b4b;
}*/


a.NavSecond, a.NavSecond_selected, a.NavSecond:active, a.NavSecond:link, a.NavSecond:visited, a.NavSecond_selected:active, a.NavSecond_selected:link, a.NavSecond_selected:visited
{
    background-color: #931103;
    color: white;
    float:left;
    font: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; 
    text-align: left; 
    text-decoration: none; 
    padding: 3px 6px 3px 6px;

}

a.NavSecond_selected, a.NavSecond_selected:active, a.NavSecond_selected:link, a.NavSecond_selected:visited
{
	background-color: #D93000;
}

a.NavSecond:hover
{
	background-color: #D93000;
}
/*
a.NavSecond:hover
{
	color: #ce6b4b;	
}*/


/* 2. member portal*/
/* 2.1 main menu */
.NavMainMemberWrapper
{
	border-width: 0px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:11px;	
	padding-top: 0px;
	margin-top:0px;
	font-weight:bold;	
	width: 100%;	
}

a.NavMainMember, a.NavMainMember:visited, a.NavMainMember:hover, 
a.NavMainMember_selected, a.NavMainMember_selected:visited, a.NavMainMember_selected:hover, 
a.NavMainMember_hovered, a.NavMainMember_hovered:visited, a.NavMainMember_hovered:hover
{
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	width: 100%;		
	padding-top: 4px;
	padding-bottom: 1px;
}

a.NavMainMember:hover, a.NavMainMember_hovered
{
	color: #FFFFFF;
	background-color: #7c1808;			
}

a.NavMainMember_selected
{
	color: #FFFFFF;
	background-color: #7c1808;			
}

/* 2.2 second level menu */
.NavSecondMemberWrapper
{
	border-top:2px solid #002469;
	border-bottom:2px solid #002469;
    background-color: #FFFFFF;
    width: 100%;
}

a.NavSecondMember, a.NavSecondMember:active, a.NavSecondMember:link, a.NavSecondMember:visited, 
a.NavSecondMember_selected, a.NavSecondMember_selected:active, a.NavSecondMember_selected:link, a.NavSecondMember_selected:visited
{	
    background-image: url(red_member.gif);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    float:left;
    font: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; 
    text-align: left; 
    text-indent: 14px;
    padding: 3px 6px 3px 6px;     
    white-space: nowrap;
    color: #00206D;    
    text-decoration: none;     
}

a.NavSecondMember:hover
{
	color: #FFFFFF;
    background-image: url(white_member.gif);
    background-repeat: no-repeat;
    background-color: #7c1808;
}


a.NavSecondMember_selected, a.NavSecondMember_selected:active, a.NavSecondMember_selected:link, a.NavSecondMember_selected:visited
{
	color: #FFFFFF;
    background-image: url(white_member.gif);
    background-repeat: no-repeat;
    background-color: #7c1808;
}

/* 2.3 Thick nav main */
/*.NavMainMemberWrapperThick
{
	border-width: 0px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align:center;		
	vertical-align: middle;	
	font-size:11px;	
	padding-top: 0px;
	margin-top:0px;
	font-weight:bold;	
	width: 100%;	
	height: 100%;	
}*/

a.NavMainMemberThick, a.NavMainMemberThick:visited, a.NavMainMemberThick:hover, 
a.NavMainMemberThick_selected, a.NavMainMemberThick_selected:visited, a.NavMainMemberThick_selected:hover, 
a.NavMainMemberThick_hovered, a.NavMainMemberThick_hovered:visited, a.NavMainMemberThick_hovered:hover
{
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	width: 100%;
	height: 100%;		
	padding-left: 15px;
	padding-top: 14px;
	padding-bottom: 1px;
	vertical-align: middle;

	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align:left;		
	font-size:11px;	
	font-weight:bold;		
}

a.NavMainMemberThick:hover, a.NavMainMemberThick_hovered
{
	color: #FFFFFF;
	background-color: transparent;			
}

a.NavMainMemberThick_selected
{
	color: #FFFFFF;
	background-color: transparent;			
}

/* end nav member */


