/* ------ Meny ------ */
Body
{
background-color:#white;
}
/* Detta ändrar menyitems utseende när man _inte_ har musen över dem */
.MainMenu_MenuItem
{
color:#666666;
cursor: pointer;
background-color:#CCCCCC;
border-style:none;
font-family:Arial;
font-size:10pt;
font-weight:normal;
}   
/* Detta ändrar menyitems utseende när man _har_ musen över dem */
.MainMenu_MenuItemSel 
{
cursor: pointer;
background-color:#333333;
border-style:none;
font-family:Arial;
font-size:10pt;
font-weight:normal;
}	
/* Detta ändrar utseende på hela den undermenyn som kommer fram
när man har musen över ett rot-menyobjekt som har undersidor*/
.MainMenu_SubMenu
{
cursor: pointer;
background-color:#CCCCCC;
border-style:none;
font-family:Arial;
font-size:10pt;
font-weight:normal;
filter:none;

	z-index: 1000; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 

} 
/* Detta ändrar färg etc. på separatorn mellan menyobjekten */
.MainMenu_MenuBreak
{
color:#666666;
cursor: default;
background-color:#white;
border-style:none;
border-color: #CCCCCC;
border-width: 0px;
font-family:Arial;
font-size:10pt;
font-weight:normal;
} 	
/* detta ändrar utseendet på separatorn mellan menyobjekten */
.menuseparator
{		  
color:#666666;
cursor: default;
background-color:#white;
border-style:none;
border-color: #CCCCCC;
border-width: 0px;
font-family:Arial;
font-size:10pt;
font-weight:normal;	 	
}
/* Detta ändrar utseendet på ikonen jämte varje meny-objekt. display:none; gör att den inte visas */
.menuicon
{
display:none;
}
/* pilen för varje meny-objekt */
.menuarrow
{	 
border-style:none;
}
/* Detta ändrar utseendet för menyobjekt på översta nivån */
.rootmenuitem
{		 
background-color:#FFFFFF;
color:#666666;
}
/* Detta ändrar utseendet för menyobjekt på översta nivån när man har musen över dem */
.rootmenuitemsel
{		 
background-color:#FFFFFF;	
color:#333333;   
}	
/* */
.submenuitemsel
{				
background-color:#333333;
color:#CCCCCC;	
}   
/* ------------------ */
/* ------ Login + user ------ */
/* Detta ändrar textutseendet på alla statiska texter på sidan (login/registrera/tid-datum/webblösning med enkel it/copyright) */
.login
{
font-family:Arial;
font-size:10pt;
color:#333333;
text-decoration: none;
}
A.login:link
{
font-family:Arial;
font-size:10pt;
color:#333333;
text-decoration: none;
}
A.login:visited
{
font-family:Arial;
font-size:10pt;
color:#333333;
text-decoration: none;
}
A.login:hover
{
font-family:Arial;
font-size:10pt;
color:#333333;
text-decoration: underline;
}
A.login:active
{
font-family:Arial;
font-size:10pt;
color:#333333;
text-decoration: none;
}
/* -------------------------- */
/* ------ TD's, main/content/bottom ------ */
/* Detta ändrar utseende på hela main-tabellen.. rekommenderar att inte ändra annat än det nedersta (color, bg-color, font)
font-inställningar här påverkar texten i modulerna och på praktiskt taget hela sidan*/
.mainTable
{
margin-left:auto;
margin-right: auto;
text-align:center;
min-width: 400px;
width: 400px;
min-height: 600px;
height: 600px;	
color:#666666;
background-color: #FFFFFF;
font-family:Arial;
font-size:10pt;
}
/* dessa rekommenderar jag att inte ändra, förutom background-color 
topRow är raden med login/datum
bottomRow är raden med copyright
bottomBottomRom är raden med "Webblösning med Enkel IT"
*/
.contentTable
{
width: 100%;
min-width:400px;
} 
.topRow
{
background-color: #CCCCCC;
text-align: right;
padding-right: 10px;
padding-bottom: 2px;
padding-top: 9px;
}
.contentRow
{
vertical-align:top;
text-align:left;
min-height:400px;
height:100%;
width: 100%;
min-width: 400px;
}
.bottomRow
{
color:#666666;
font-family:Arial;
font-size:10pt;
text-align: center;
padding-bottom:3px;
padding-top: 2px;
}
.bottomBottomRow
{
text-align:right;
color:#666666;
font-family:Arial;
font-size:10pt;
padding-bottom:3px;
padding-top: 2px;
background-color:#CCCCCC;
}
/* --------------------------------------- */