/* 
================================
Skin styles for DotNetNuke
================================
*/ 


/*================================
Omrder i skinnet
================================ */

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #f5f8e2;
	
}
.skinmaster {
	height: 700px;
	background-color: #FFFFFF;
	border-left: #C4D356 1px solid;
	border-right: #C4D356 1px solid;
	border-top: #C4D356 1px solid;
	border-bottom: #C4D356 1px solid;

}
.skinheader {
	background-color: #FFFFFF;
}
.skingradient {
	background-color: #C4D356;
	height: 20px;
}
.skingradient2 {
	background-color: #C4D356;
}

.ControlPanel {
    width: 100%;
    height: 64px;
    background-color: #FFFFFF;
    BORDER-RIGHT: #003366 1px solid; 
    BORDER-TOP: #003366 1px solid; 
    BORDER-LEFT: #003366 1px solid; 
    BORDER-BOTTOM: #003366 1px solid; 
}

.rightcolumn {
	width: 20%;
	background-color: #FFFFFF;
	background-image: ;url(RightColumn.jpg);
	background-repeat:no-repeat;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 2px;
}

.imagepane {
	background-color: transparent;
	height: 120px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.leftpane {
	width: 20%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 2px;
}
.rightpane {
	width: 20%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 2px;
}
.midleftpane {
	border-top: #949494 0px solid;
	background-color: transparent;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
}
.midrightpane {
	border-top: #949494 0px solid;
	background-color: transparent;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
}
.midpane {
	border-top: #949494 0px solid;
	background-color: transparent;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
}
.contentpane {
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 2px;
	border-bottom: #949494 0px solid;
	border-left: #949494 0px solid;
}

.bottompane {
	background-color: #949494;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	border-top: #C4D356 1px solid;
}

.Head   {
    font-family: Arial;
    font-size:  18px;
    font-weight:    normal;
    color: #949494;
}

/*================================
Meny
================================ */

.MainMenu_MenuContainer {
	background-color: #C4D356;
	width:168;
	padding-bottom: 2px;
	padding-right: 20px;
}

.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:25;
	background-color: #C4D356;
}

.MainMenu_MenuItem {
	border-left: #839baf 0px solid; 
	border-bottom: #839baf 0px solid; 
	border-top: #839baf 0px solid; 
	border-right: #839baf 0px solid;
	cursor: hand; 
	color: #ffffff; 
	font-family: Arial; 
	font-size: 12pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: #C4D356;
	line-height:1;
}

.MainMenu_MenuIcon {
	background-color: #C4D356; 
	border-left: #839baf 0px solid; 
	border-bottom: #839baf 0px solid; 
	border-top: #839baf 0px solid; 
	cursor: hand; 
	text-align: center; 
	width: 15; 
	height: 25;
}

.MainMenu_SubMenu {
	background-color: #C4D356;
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	height: 25;
}

.MainMenu_MenuBreak {
	height: 1px;
}

.MainMenu_MenuItemSel {
	background-color: #C4D356;
	cursor: pointer; 
	cursor: hand; 
	color: #949494;
	font-family: Arial; 
	font-size: 12pt; 
	font-weight: bold; 
	font-style: normal;
}

.MainMenu_MenuArrow {
	border-right: #839baf 0px solid; 
	border-bottom: #839baf 0px solid; 
	border-top: #839baf 0px solid;
	font-family: webdings; 
	font-size: 12pt; 
	cursor: hand; 
}

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 12pt; 
	cursor: hand;
} 

/* Side Menu */

.MenuHdr
{ 
  	font-family: Arial;
	font-size: 9pt; 
	padding-left: 10px; 
	font-weight: bold; 
	padding-bottom: 8px; 
  	background-color: #C4D356; 
	padding-top: 2px; 
	cursor: default;
	color: #949494;
	width:168;
	border-bottom: #ffffff 1px solid;
}

.MenuItem, .MenuItem HR
{
  	font-family: Arial;
	font-size: 9pt; 
	padding-left: 10px; 
	font-weight: bold; 
	padding-bottom: 8px;
  	background-color: #949494; 
	padding-top: 2px;
	color: #ffffff;
	width:168;
	border-bottom: #ffffff 1px solid;

}
.MenuItem A, .MenuItem A:Active, .MenuItem A:Hover, .MenuItem A:Visited, 
.MenuItem A:Link, .MenuItemMouseOver A, .MenuItemMouseOver A:Active, 
.MenuItemMouseOver A:Hover, .MenuItemMouseOver A:Visited, .MenuItemMouseOver 
  A:Link, .MenuHdr A, .MenuHdr A:Active, .MenuHdr A:Hover, .MenuHdr A:Visited, 

.MenuHdr A:Link 
{
  	text-decoration: none; 
	color: #ffffff; 
	width: 100%; 
	padding-top: 1px;
  	padding-bottom: 1px; 
	cursor: default; 
	cursor: pointer; 
}

.MenuItemMouseOver
{
	
	font-family: Arial;
	font-size: 9pt; 
	padding-left: 10px; 
	font-weight: bold; 
	padding-bottom: 8px;
	padding-top: 2px;
	color: #949494; 
	background-color: #D6E186;
	border-bottom: #ffffff 1px solid;

}

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

/* styles used by TreeMenu Skin Object */

.TreeViewMenu {
	width: 175px;
	background-color: transparent;
}
.TreeViewMenu_Header {
	BACKGROUND-IMAGE: ;url(gradient_MidRed.jpg);
}

.TreeMenu_Node 
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
}

.TreeMenu_NodeSelected
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
	background-color: #dcdcdc; 
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link {
    text-decoration:    none;
    color: #003366;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited  {
    text-decoration:    none;
    color: #003366;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active   {
    text-decoration:    none;
    color: #003366;
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover    {
    text-decoration:    none;
    color: #ff0000;
}




