/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
	margin: 0;
	padding-top : 0;
	padding-right : 0;
	padding-bottom : 0;
	padding-left : 0;
	background-color: #4F6CA5;
	background-image: url(interface/bg.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
}
.skinmaster {
	height: 100%;
	/*background-color: #FFFFFF;
	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; */
}
.skinheader {
}
.skingradient {
	BACKGROUND-IMAGE: url(gradient_DkBlue.jpg); HEIGHT:30px;
}
.controlpanel {
	width: 100%;
	background-color: #DFE5F2;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

.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;
}

#topnav {
	background-image: url(interface/pkf_02.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	height: 23px;
	padding: 0;
	}
	
/* footer styles */

#footer {
	font-family: Arial, Helvetica, sans-serif; 
    bottom: 0;
	width: 755px;
	font-size: 11px;
	color: #FFF;
	}
	
	#footer a, #footer a:link, #footer a:active, #footer a:visited {
		color: #FFF;
		text-decoration: none;
		}
		
	#footer a:hover {
		color: #FFF;
		text-decoration: underline;
		}
	
	#footer #sage {
		font-family: Arial, Helvetica, sans-serif; 
		padding: 0 0 0 5px;
		color: #FFF;
		font-size: 11px;
		}
		
		#sage a, #sage a:link, #sage a:active, #sage a:visited, #sage a:hover {
			color: #FFF;
			text-decoration: none;
			}
	
#footer_bar {
	font-family: Arial, Helvetica, sans-serif; 
	background-image:  url("interface/footer.gif");
	background-position: top right;
	background-repeat: no-repeat;
	padding: 5px;
	margin: 5px 0 0 0;
	width: 100%;
	font-size: 11px;
	}
	
	.legal {
		float: right;
		display: inline;
		color: #8FA6D9;
		margin: 0 5px 0 0;
		}
	
#sagefooter {
	font-family: Arial, Helvetica, sans-serif; 
	margin: 3px 0 0 0;
	color: #8FA6D9;
	}
	
	#sagefooter a, #sagefooter a:link, #sagefooter a:active, #sagefooter a:visited, #sagefooter a:hover {
		color: #8FA6D9;
		text-decoration: none;
		}

a.LoginLink:link{
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}

a.LoginLink:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}
a.LoginLink:active{
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}
a.LoginLink:hover{
	color: #CAB65D;
	text-decoration:none;
	font-weight: bold;
}

/*	This effects the td cell the menu tag is in*/
.MenuContainer{
	
}
/*	This effects area the menu items take up.
  	Not the full cell.  
  	Also effects the roll over effect if a background colour is used here.
  	to debold the root level items set the font-weight:normal.*/
.MenuBar{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 23px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:transparent;
}

/*	This will effect the space taken up in the menu bar in the same way 
	that MenuBar does but it also effects the items in the drop down menu.
	Only the back-ground
	*/
.MenuItem{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	height: 23px;
	width: 130px;
	padding : 0px 0px 0px 3px;
}

/* this turns of the left hand side icons and it removes the spacing they are sitting in */
.MenuIcons{
	display:none;
}

/* This appears to be unused in 3.1.1*/
.MenuItemEl{
	
}

/* this appears to be unused 3.1.1 */
.MenuBreak{
	
}

/* This effects the unmoused over state in the sub menus*/
.SubMenu{
	background-color:#5D78AD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#FFFFFF;
	height: 23px;
	width: 130px;
	z-index: 1000;
}

/* Turns off the space where a sub-menu arrow would be */
.MenuArrow{
	display:none;
}

/* Appears to be unused in 3.1.1 */
.MenuRootArrow{
	
}

/* Appears to be unused in 3.1.1 */
.RootMenuItemBreadcrumb{

}

/* Appears to be unused in 3.1.1 */
.SubMenuItemBreadcrumb{
	
}

/* Effects any item on the root level with a submenu */
.RootMenuItem{
	font-size : 12px;
	height: 23px;
	color:#FFFFFF;
}

/*Any item that is at root level without a submenu will receive the properties here */
.RootMenuItemActive{
	font-size : 12px;
	height: 23px;
	color:#FFFFFF;
}

/* An item in the drop down that matches the page you are on will receive these properties */
.SubMenuItemActive{
	
}

/*This will effect the items in the menu at the root that have a roll over.*/
.RootMenuItemSelected{
	background-color:transparent;
	padding : 0px 0px 0px 3px;
	font-size : 12px;
	height: 23px;
}

.SubMenuItemSelected{
	background-color:#0B327E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#C0AB6B;
	height: 23px;
	width: 130px;
}

.MainMenu_MenuItemSel {
	color:#C0AB6B;
	cursor: pointer; 
	cursor: hand; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}