/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
	BACKGROUND-IMAGE: url(images/bgpage.gif);
}
.skinmaster {
	height: 100%;
	background-color: white;
	BORDER-RIGHT: #8FBC8B 1px solid; /* DarkSeaGreen */
	BORDER-TOP: #8FBC8B 1px solid; 
	BORDER-LEFT: #8FBC8B 1px solid; 
	BORDER-BOTTOM: #8FBC8B 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
}
.skinheader_left {
	BACKGROUND-IMAGE: url(images/HeaderLeft.gif); HEIGHT:147px;
}
.skinheader_right {
	BACKGROUND-IMAGE: url(images/HeaderRight_2px.gif); HEIGHT:147px;
}
.skingradient {
}
.skingradient_left {
	BACKGROUND-IMAGE: url(images/gradient_left.gif); HEIGHT:30px;
}
.skingradient_middle {
	BACKGROUND-IMAGE: url(images/gradient_middle.gif); HEIGHT:30px;
}
.skingradient_right {
	BACKGROUND-IMAGE: url(images/gradient_right.gif); HEIGHT:30px;
}
.skinfooter 
{
	background-color: Transparent;
}
.controlpanel {
	width: 100%;
	background-color: #DFE5F2;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	background-image: url(images/bgleft.gif);
	background-color: transparent;
	width: 175px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
/*	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px; */
}
.rightpane {
	background-image: url(images/bgleft.gif);
	background-color: transparent;
	width: 175px;
}
.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: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
}
.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;
}
.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;
}
/* 
================================
Skin styles for Header Icons
================================
*/   
.HeaderIcon
{
    width: 70px;
    height: 23px;
    display: block;
    background-position: top center;
    background-repeat: no-repeat;
	font-family: Arial, Helvetica;
	font-size: 9pt;
	padding-top: 64px;
}

#HeaderIcon_AboutUs
{
    background-image: url(images/aboutus.gif);
}

#HeaderIcon_AboutUs:hover
{
    background-image: url(images/aboutus_on.gif);
    color: red;
}

#HeaderIcon_ContactUs
{
    background-image: url(images/contactus.gif);
}

#HeaderIcon_ContactUs:hover
{
    background-image: url(images/contactus_on.gif);
    color: Red;
}

#HeaderIcon_Support
{
    background-image: url(images/support.gif);
}

#HeaderIcon_Support:hover
{
    background-image: url(images/support_on.gif);
    color: Red;
}

#HeaderIcon_Products
{
    background-image: url(images/products.gif);
}

#HeaderIcon_Products:hover
{
    background-image: url(images/products_on.gif);
    color: Red;
}

#HeaderIcon_Services
{
    background-image: url(images/services.gif);
}

#HeaderIcon_Services:hover
{
    background-image: url(images/services_on.gif);
    color: Red;
}


