/* 
================================
Upgraded and Modified by Nina Meiers - for the DNN Community
xd.com.au/ dnnskins.com/ skincovered.com
Have you seen our goodiebags? http://www.skincovered.com/ - learn how to skin your Website!
All rights remain with original designer - Original Files included in download - http://www.dnnskins.com
================================
*/ 
.pagemaster { width: 100%; height: 100%;	 background-color: #FEFEFE; }
.skinmaster { height: 100%; background-color: #FEC2B3;   moz-border-radius-bottomleft: 15px;  moz-border-radius-bottomright: 15px;  moz-border-radius-topleft: 3px;  moz-border-radius-topright: 3px;  }
.skinheader { 
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: left top;
}
.skingradient { 
background-color: #F50101;
background-position: left top;
background-repeat: no-repeat;
height: 30px; 
}
.skingradient a {
	padding: 2px 0px 0px 8px;
	display: block;
	float: left;
	width: 100px;
	height: 18px;
	color: #FFFFFA;
	text-decoration: none;
	font-size: 10pt;
	font-variant: small-caps;
	letter-spacing: 1px;
}
.skingradient a:hover {
	color: #790000;
	background-repeat: no-repeat;
}

.controlpanel { width: 100%; background-color: #F9AA96; }
.toppane { width: 100%; background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 6px; }
.leftpane { width: 175px; background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 6px; }
.contentpane { width: 100%; background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 6px; }
.rightpane { width: 175px; background-color: transparent; padding-left: 6px; padding-right: 4px; padding-top: 6px; }
.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:16; background-color: Transparent; }
.MainMenu_MenuItem { border-left: #F59178 0px solid;  border-bottom: #F59178 1px solid;  border-top: #F59178 1px solid;  border-right: #F59178 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: #F59178;  border-left: #F59178 1px solid;  border-bottom: #F59178 1px solid;  border-top: #F59178 1px solid;  cursor: pointer;  cursor: hand;  text-align: center;  width: 15;  height: 21; }
.MainMenu_SubMenu { background-color: #F59178;  z-index: 1000;  cursor: pointer;  cursor: hand;  filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);  }
.MainMenu_MenuBreak { height: 1px; }
.MainMenu_MenuItemSel { background-color: #F0795B;  cursor: pointer;  cursor: hand;  color: black;  font-family: Tahoma, Arial, Helvetica;  font-size: 9pt;  font-weight: bold;  font-style: normal; }
.MainMenu_MenuArrow { border-right: #F59178 1px solid;  border-bottom: #F59178 1px solid;  border-top: #F59178 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: #EB613E none;  color: #FFFFFF; font-family:Verdana, sans-serif;  font-size: 11px; font-weight: normal; }
.TreeViewMenu { width: 175px; background-color: #F9AA96; BORDER-RIGHT: #EB613E 1px solid;  BORDER-TOP: #EB613E 1px solid;  BORDER-LEFT: #EB613E 1px solid;  BORDER-BOTTOM: #EB613E 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_MidRed.jpg); }
.Head { font-family: Tahoma, Arial, Helvetica; font-size:  18px; font-weight: normal; color: #333333; }


/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link { text-decoration: underline; color: #003366; }
A.CommandButton:visited  { text-decoration: underline; color: #003366; }
A.CommandButton:active { text-decoration: underline; color: #003366; }
A.CommandButton:hover { text-decoration: underline; color: #ff0000; }

A:link  { text-decoration: none; color:  #003366; }
A:visited { text-decoration: none; color:  #003366; }
A:active { text-decoration: none; color:  #003366; }
A:hover { text-decoration: underline; color:  #ff0000; }

SMALL { font-size:  8px; }

/* LEGACY STYLES from DNN 1-2 */
.HeadBg { background-color: #CCCCCC; }

.TabBg { background-color: black; }

.SelectedTab { font-weight: bold; font-size: 8.5pt; color: #FFFFFF; font-family: Tahoma, Arial, Helvetica; text-decoration: none; }
A.SelectedTab:link { text-decoration: none; color:white; }
A.SelectedTab:visited  { text-decoration: none; color:#eeeeee; }
A.SelectedTab:active { text-decoration: none; color:#eeeeee; }
A.SelectedTab:hover { text-decoration: none; color:#cccccc; }

.OtherTabs { font-weight: bold; font-size: 8.5pt; color: white; font-family: Tahoma, Arial, Helvetica; text-decoration: none; } 
A.OtherTabs:link { text-decoration: none; color:white; }
A.OtherTabs:visited  { text-decoration: none; color:#eeeeee; }
A.OtherTabs:active { text-decoration: none; color:#eeeeee; }
A.OtherTabs:hover { text-decoration: none; color:#cccccc; }

/* Other Custom CSS for Light & Dark Backgrounds with Links */


.LightBG { font-weight: normal; font-size: 9px; color: #333333; font-family: Tahoma, Arial, Helvetica; text-decoration: none; }
A.LightBG:link { text-decoration: none; color:Black; }
A.LightBG:visited  { text-decoration: none; color: #003366; }
A.LightBG:active { text-decoration: none; color:#333333; }
A.LightBG:hover { text-decoration: none; color:#404040; }


.DarkBG { font-weight: normal; font-size: 9px; color: white; font-family: Tahoma, Arial, Helvetica; text-decoration: none; } 
A.DarkBG:link { text-decoration: none; color:white; }
A.DarkBG:visited  { text-decoration: none; color:#eeeeee; }
A.DarkBG:active { text-decoration: none; color:#eeeeee; }
A.DarkBG:hover { text-decoration: none; color:#cccccc; }

.menubar1 {
background-image: url(logo_logojakulma.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.bannerarea1 {
background-image: url(slogan.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}
.logoylaosa {
height: 50px;
padding: 0px;
margin: 0px 0px 0px 10px;
background-image: url(logo_ylaosa.jpg);
background-repeat: no-repeat;
}
.menuwmarg {
margin: 0px 0px 0px 110px;
}
.stairway1 {
width: 139px;
height: 30px;
background-image: url(oikea_ala.gif);
background-repeat: no-repeat;
background-position: right top;
}
.stairway2 {
background-image: url(oikea_ala.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.slogan {
width: 249px;
height: 50px;
background-image: url(slogan.jpg);
background-repeat: no-repeat;
background-position: right top;
}
.logintxt {
font-size: xx-small;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
text-transform:lowercase;
}
A.logintxt:link { text-decoration: none; color:Black;text-transform:lowercase; }
A.logintxt:visited  { text-decoration: none; color: #003366;text-transform:lowercase;}
A.logintxt:active { text-decoration: none; color:#333333;text-transform:lowercase; }
A.logintxt:hover { text-decoration: none; color:#404040;text-transform:lowercase; }

.sixxac1 {
font-size: xx-small;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
/*
Sixxac Menu
http://sixxac.com
*/

.SXMenuFull
{
  border-left: 0px solid;
  border-right: 0px solid;
  border-top: 0px solid;
  border-bottom: 0px solid;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: 10px;
}

.SXMenuContainer
{
  margin-left: 10px;
/*  width: 100%;*/
}

.SXMenuItem
{
  font-weight: normal;
  cursor: hand;
  font-size: 12px;
  font-family: Tahoma, Verdana, Arial, Sans-serif;
/*  width: 100%; */
  text-align: left;
}

.SXMenuItem A
{
  width: 100%;
}

.SXMenuEnabled A:hover, .SXMenuSelected A:hover
{
  color: white; 
  text-decoration: none; 
  background-color: red;
/*  width: 100%; */
}

.SXMenuEnabled
{
}

.SXMenuDisabled
{
  color: gray;
  cursor: default;
  width: 100%;
}

.SXMenuSelected
{
}

.SXMenuActive
{
  color: white;
  font-style: normal;
  font-weight: bold;  
  background-color: red;
  cursor: default;
}

.SXMenuLink
{
}