/* Standard */

BODY {scrollbar-face-color: #ffffff;  /* här måste äääääändras */
scrollbar-shadow-color: #000000; 
scrollbar-highlight-color: white; 
scrollbar-3dlight-color: #FCDEA4;     /* här måste äääääändras */
scrollbar-darkshadow-color: #8C6C5B;  /* här måste äääääändras */
scrollbar-track-color: #B09072;       /* här måste äääääändras */
scrollbar-arrow-color: #000000;
background-color: #ffffff;	/* this is the page border color */
}

.mwpTheme { 
	width: 100%; 
	height: 100%;
	margin: 0px;
	padding: 0px; 
	background-color: #ecf9ff;
}

.mwpThemePage {
	background-color: #ecf9ff;
}  /* this is the page background color and the page container */

A:link {color: #272727; text-decoration: none; font-weight: none;} /* bra */
A:visited {color: #272727; text-decoration: none; font-weight: none;}  /* bra */
A:hover	{color: #666666; text-decoration: none; font-weight: none;}  /* bra */
A:active {color: #272727; text-decoration: none; font-weight: none;}   /* bra */
HR { color: #272727; height: 2px; width:94%; } /* bra */
/* Start FORM elements */

form {
	margin: 0px;
}

select {
	background: black;
	background-color: #ecf9ff;
	font-family: Arial;
	font-weight: normal;
	font-size: 10px;
	border:  1px solid #000000;
}

.textbox {
	border: 1px solid #ffffff;
	font-family: Arial;
	font-weight: normal;
	padding-left: 2px;
	font-size: 10px;
	margin-bottom: 5px;
}

.button {
	height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	cursor: pointer;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ffffff;
	background-color: #ecf9ff;
    font-size: 10px;
	font-weight: none;
	letter-spacing: .2em;
}
.popbutton {
	height: 20px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ffffff;
	background-color: gray;
	font-family: Arial;
	font-weight: normal;
	font-size: 10px;
	font-weight: bold;
}

.Title {
	font-weight: bold;
	font-size: 18px;
	color: #000000;
}

.Code {
	display: block;
	padding-right: 5px;
	padding-left: 10px;
	color: #000000;
	font-family: 'Arial', Monospace;
	font-weight: normal;
	background-color: #ffffff;
	width: 80%;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	border-top: 5px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 5px solid #ffffff;
	font-size: 12px;
}

.Quote {
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #cccccc;     /* här måste äääääändras */
	font-family: Arial;
	font-weight: normal;
	background-color: #ecf9ff; 
	width: 80%;
	margin-top: 5px;
	margin-right: 30px;
	margin-bottom: 5px;
	margin-left: 30px;
	border: 1px dashed #ffffff;
	font-size: 11px;
}

.mwpThemeSmallBlock { 
	border: 1px solid #ffffff;
	background-color: #ecf9ff;
}

/*	Start ThemeBlock  */
.mwpThemeBlock {		/* This is the themeblock container. Use this for a line border around the themebox */
	margin: 0px 3px 0px 5px;
/*	height: auto; */
	width: auto;
/*	border: 1px solid #000000; */
}

.mwpThemeBlock_sh_tr {		/* Top right image if themebox has no title */
	height: 25px;
	background-color: #ecf9ff;
	background-image:  url('horn2.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px
	
}
.mwpThemeBlock_sh_tl{		/* Top left image if themebox has no title */
	height: 25px;
	background-image:  url('horn.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px
	
}

.mwpThemeBlock_sh_tc {		/* Top center image if themebox has no title, this one tiles horizontal */
	margin:0px 31px; height: 25px;
	background-image:  url('horn3.jpg');
	background-repeat: repeat-x;
	background-position-y:0%
}

.mwpThemeBlock_tr {		/* Top right image */
    height: 25px;
	background-image:  url('horn2.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px
	padding: 0px
	
}
.mwpThemeBlock_tl{		/* Top left image */
	height: 25px;
	background-image:  url('horn.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px
	
}

.mwpThemeBlock_tc {
	margin:0px 31px; height: 25px;
/*	width: 100%px;*/
	background-image:  url('horn3.jpg');
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 0px;
	background-position-y:0%
}

.mwpThemeBlock_tc h4 {
	font-weight : bold;
	color : #ffffff;
	border-bottom : 0px solid #ffffff;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -6px;
	padding-bottom : 0px;
	padding-top: 2px;	
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
}

.mwpThemeBlock_ml {		/* Middle left side. Tiles vertical */
	margin: 0px;
	padding: 0px;
/*	background-image: url('ml.gif'); 
	background-repeat: repeat-y;
	background-position: left top  */
}
.mwpThemeBlock_mr {		/* Middle right side. Tiles vertical */
	margin: 0px;
	padding: 0px;
/*	background-image: url('mr.gif'); 
	background-repeat: repeat-y;
	background-position: right top  */
}
.mwpThemeBlock_content {
	height: auto;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 7px;
	margin-right: 5px;
	margin-left: 5px;
	text-align: center;
	background-color: #ecf9ff;
/*	background-image: url('tle.gif');
	background-repeat: repeat; 
	background-position: left top */ 
}

.mwpThemeBlock_br {		/* Bottom right image */
	margin: 0px;
/*	background-image: url('br.gif');
	background-repeat: no-repeat;
	background-position: right top */
}
.mwpThemeBlock_bl {		/* Bottom left image */
	margin: 0px;
/*	background-image: url('bl.gif');
	background-repeat: no-repeat;
	background-position: left top */
}
.mwpThemeBlock_bc {		/* Bottom center image. This one tiles horizontal */
	height: 28px;
	margin-right: 28px;
	margin-left: 28px;
	margin-bottom: 10px;
	margin-top: 0px;	
/*	background-image: url('bc.gif');
	background-repeat: repeat-x;
	padding-right: 0px;
	padding-left: 0px; 
	padding-bottom: 0px; background-position-y:50%	*/
}

.mwpThemeblockMinMax { /* this is the click area and positioning for the min/max icon */
	background-color: #ecf9ff;
	width: 13px;  /* this is the click area, usually the size of the icon */
	height: 13px;  /* this is the click area, usually the size of the icon */
	margin-top: 4px;  /* this is the positioning from the top of the themebox */
	margin-right: -5px; 
	padding: 0px; 
}

/* Hide for IE Mac \*/
* html .mwpThemeBlock {height: 1%;}
* html .mwpThemeBlock_content {height: 1%;}
/* End Hide */

/*  End ThemeBlock  */

/* theme changer */
.mwpThemeChanger{
	height: 42px;
	width: 148px;
	background-image: url('blank.gif');
	background-repeat: no-repeat; 
	background-position:  center 50%;
}

/* header styles */
.MwpInfo_Header_Left {
	width:320px;
	height:92px;
	background-color: #000000;
	background-image: url('logga24.png'); 
	background-repeat: repeat;
	background-position: left top;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
}
.MwpInfo_Header_Tile {
    height:92px;
	background-color: #000000;
	border-color: gray;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}
.MwpInfo_Header_Rite {
	height:92px;
	background-color: #000000;
	/* background-image: url('hback_left.jpg'); */
	background-repeat: repeat;
	background-position: center;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}
.MwpInfo_Header_Login{
	height: 50px;
	width: 255px;
	border: 1px solid #ffffff;
	margin-top: 15px;
	margin-right: 2px;
	padding: 0px;
	background-color: #ffffff;
}
.MwpInfo_Banner{
    height: 60px;
    
	/*border: 1px solid #000000; */
	margin-top: 15px;
	margin-right: 20px;
	padding: 0px;
	background-color: transparent;
}
.MwpInfo_HeaderIcons {
	margin-top: 25px;
}
/*  End Header  */


/*  Start NavBar  */
.MwpInfo_NavLeft {
	width: 0px;
	background-image: url('background.gif');
	background-repeat: no-repeat;
	background-position: left top
}
.MwpInfo_NavTile {
	height: 30px;
	background-image: url('Nav_bg.jpg');
	background-repeat: repeat-x
}
.MwpInfo_NavRite {
	width: 0px;
	background-image: url('Nav_bg.jpg');
	background-repeat: repeat;
	background-position: right top
}
.mwpThemeNavLog {
	margin-top:25; 	
	padding:10px; 
	background-color: #000000;
	border: 1px solid #ffffff; 
}
/*  End NavBar  */

/*  Start Footer  */
.MwpInfo_FootLeft { 
    background-color: black;
    background: black;
	border: 0px solid #ffffff
}
.MwpInfo_FootTile {
	margin:0px 10px; 
	background-color: black;
	background: black;
	height: 30px;
	padding-top: 4px;
	padding-right: 3px;
	padding-left: 3px
}
.MwpInfo_FootRite {
	background-color: black;
	background: black;
}
/*  End Footer  */

/*  Start Navbar menu styles */
div.menuBar,
div.menuBar a.menuButton,
div.nav_menu,
div.nav_menu a.nav_menuItem {
  font-family: Arial;
  letter-spacing:0px;
  font-size: 8pt;
  font-style: normal;
  font-weight: bold;
  color: #000000;
}

div.menuBar { /* this is the main container */
	/* background-image: url(menu_uppe.jpg);
	background-position: center;
	background-repeat: repeat-x;
	z-index: inherit; */
	/* border-top: 0px inset #000000;
	border-bottom: 0px outset #000000; */
	/* border-right: 1px inset red;
	border-left: 1px inset red; */
	background-color: Black;
	text-align: left;
	padding-top: 7px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}

div.menuBar a.menuButton {
  background-color: black; 
  width: 100%;
  border: 0px solid #ffffff;
  color: #ffffff;
  cursor: pointer;
  left: 0px;
  margin: 0px;
  padding: 1px 6px 1px 6px;
  position: relative;
  text-decoration: none;  
  top: 0px;
  /* z-index: 100; */
}

div.menuBar a.menuButton:hover {
  /* background-color: transparent; */
  border: 0px solid #ffffff;
  color: #ffffff;
  left: 0px;
  top: 0px; 
  margin: 0px;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  /* background-color: transparent; */
  border: 0px solid #ffffff;
  color: #ffffff;
  left: 0px;
  top: 0px; 
  margin: 0px;
}

div.nav_menu { /* this is the flyout container */
  background-color: #000000;
  border: 1px solid #ffffff;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  margin-top: -2px;
  visibility: hidden;
  z-index: 101;
}

div.nav_menu a.nav_menuItem {
  color: #ffffff;
  cursor: pointer;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.nav_menu a.nav_menuItem:hover, div.nav_menu a.menuItemHighlight {
  background-color: #857D6A;    /* här måste äääääändras */
  color: #ffffff;
  letter-spacing:0px;
}

div.nav_menu a.nav_menuItem span.menuItemText {}

div.nav_menu a.nav_menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.nav_menu div.menuItemSep {
  border: 1px inset #ffffff;
  margin: 4px 2px;
}
/* End NavBar Menu styles */

/*	Start menu css  */
div.menu {
    width:150px;
    padding:0;
    margin:0;
    border:0px none;
    text-decoration: none;
    font-weight: normal;
    letter-spacing:0px;
}

div.menu a {
    display:block;
    margin:0;
    width:100%;
    padding:1px;
    border:0px;
    color:#000000;
    text-decoration: none;
    letter-spacing:0.2px;
    font-weight: normal;
}

div.menu a:visited {
    display:block;
    margin:0;
    width:100%;
    padding:1px;
    border:0px;
    color:#000000;
    text-decoration: none;
    letter-spacing:0.2px;
    font-weight: normal;
}

div.menu h4 {
	margin:0;
	padding:0;
	text-align:left;
	font-weight: none;
}

div.menu h4 a {
    display:block;
    margin:0;
    width:100%;
    padding:1px;
    border:0px;
    color:#ffffff;
    letter-spacing:0px;
    text-decoration: none;
	font-weight: none;
}

div.menu h4 a:visited {
    display:block;
    margin:0;
    width:100%;
    padding:1px;
    border:0px;
    color:#ffffff;
    letter-spacing:0px;
    text-decoration: none;
	font-weight: none;
}

div.menu h4 a:active {
    display:block;
    margin:0;
    width:100%;
    padding:1px;
    border:0px;
    color:#ffffff;
    letter-spacing:0px;
    text-decoration: none;
	font-weight: none;
}

html>body div.menu a {width:auto;}
html>body div.menu a:visited {width:auto;}
html>body div.menu h4 a {width:auto;}
html>body div.menu h4 a:active {width:auto;}
html>body div.menu h4 a:visited {width:auto;}

div.menu a:hover { background: #000000; color: #ffffff; text-decoration: none; font-weight: underline;}
div.menu h4 a:hover { background:#000000; color:#ffffff; text-decoration: none;cursor: default; font-weight: none;}

/*	End menu css  */

/* image Login/Logout buttons  */
.imgLogout {
	background-image: url('logout.gif');
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 63px;
	margin: 5px;
	padding: 0px;
	border: 0px none;
}
.imgLogin {
	background-image: url('login.gif');
	background-repeat: no-repeat;
	background-position: left middle;
	height: 21px;
	width: 63px;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 0px;
	border: 0px none;
}

/* Turn the 'Use graphical buttons' off to use this button css */
.btnLogin {
    height: 20px;
	margin-top: 7px;
	margin-right: 5px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	cursor: pointer;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	border: 0px solid #ffffff;
    background-color: #D1CCA7;  /* här måste äääääändras */
	color: #000000;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: .2em;
}

.mwpThemeBlock_title { width: 100%; height: 11; background-color: #ecf9ff; background-image: url('background.gif'); }
.mwpThemeBlock_subTitleCell { background-color: #ecf9ff; background-image: url('background.gif'); }  /*background-image: url('background.gif')*/
.mwpThemeBlock_forumCategoryCell {background-color: #ecf9ff; background-image: url('background.gif'); }


/* ----------------- PM Toast Styles -------------------------- */
.mwpThemeToast {
	border:1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid green;
	background-color: #ecf9ff;
	padding:0px;
	margin:0px;
	position:absolute;
	bottom:-120px;
	right:10px;
	width:181px;
	height:111px; 
}
.mwpThemeToast_header_left {
	border-top:1px solid white; /* här måste äääääändras (kanske???) */
	border-left:1px solid white;    /* här måste äääääändras  (kanske???) */
	padding-left:2px;
	padding-top:2px;
	padding-bottom:0px;
	background-image:url('Grad.jpg');
	background-repeat: repeat-x;
	text-align:center
}
.mwpThemeToast_header_img_left {
	background-image: url('mail.jpg');
	background-repeat: no-repeat
}
.mwpThemeToast_title {
	border-top:1px solid white; /* här måste äääääändras kanske???? */
	padding-top:4px;
	padding-left:5px;
	padding-bottom:0px;
	font-family:arial;
	font-weight: normal;
	font-size:12px;
	background-image: url('Grad.jpg');
	background-repeat: repeat-x
}
.mwpThemeToast_header_right {
	border-top:1px solid white; /* här måste äääääändras kanske??? */
	padding-right:2px;
	padding-bottom:0px;
	border-right:1px solid #ffffff;
	background-image: url('Grad.jpg');
	background-repeat: repeat-x;
	text-align:right
}
.mwpThemeToast_header_img_right {
	background-image: url('x.jpg');
	background-repeat: no-repeat;
	cursor: hand
}
.mwpThemeToast_content_left {
	background-color:#ecf9ff;
	border-left:1px white solid;    /* här måste äääääändras kanske???? */
}
.mwpThemeToast_content {
	border-top:1px solid #ffffff;
	cursor:hand;
	border-bottom:1px solid #ffffff;
	padding-top:4px;
	padding-left:5px;
	font-family:arial;
	font-weight: normal;
	font-size:12px;
	background-image: url('Grad2.jpg');
	background-repeat: repeat-x
}
.mwpThemeToast_content_right {
	background-color:#ecf9ff;
	border-right:1px #ffffff solid;
}
/* ------------------------------------ END PM Toast Styles ------------------------------------------ */



/*--------------------------------- START EVENT/CALENDAR STYLES ----------------------------------*/
TD.NON 
{
	font-family :Arial;
	font-size :12px; 
	color :#005177; 
	font-weight :normal;
}
TD.TOP 
{
	font-family :Arial;
	font-size :12px; 
	color :#689cd2;           /* här måste äääääändras */
	font-weight :bold
}
TD.Some 
{
	font-family : Arial; /* Verkar vara headern för veckodagarna. Läser ej*/
	font-size :12px; 
	color :black; 
	font-weight :normal
	}
TD.Some1 
{
	font-family : Arial; /* Verkar vara headern för veckodagarna endast lör o sön. Läser ej*/
	font-size :12px; 
	color :red; 
	font-weight :normal
	}
TD.Today 
{
	font-family :Arial;
	font-size :12px; 
	background-color :#26517c; 
	font-weight :normal
}
TD.Day 
{
	font-family :Arial;
	font-size :12px; 
	color :red; 
	background-color :#689cd2; 
	font-weight :normal
}
TD.Selected 
{
	font-family :Arial;
	font-size :12px; 
	background-color :#689cd2;        /* här måste äääääändras ändrade från white till black nu */
	font-weight :normal
}
TD.HL 
{
	font-family :Arial;
	font-size :12px; 
	color :#689cd2;       /* här måste äääääändras . ändrade från black till white nu */
	font-weight :normal
}
TD.NON2 
{
	cursor: crosshair;
	font-family: Arial;
	font-size :12px; 
	background-color :#689cd2; 
	color: white;
	font-weight: bold
}
A.NOEVENT:link
{
    COLOR: #000000;     /* här måste äääääändras */
    CURSOR: hand;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.NOEVENT:visited
{
    COLOR: #000000;     /* här måste äääääändras */
    CURSOR: hand;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.NOEVENT:hover
{
    BACKGROUND-COLOR: #689cd2;    /* När man drar musen över datumet i kalendern (inga inlägg) */
    COLOR: #000000;     
    CURSOR: hand;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.EVENT:link
{
    COLOR: #000000;     /* här måste äääääändras */
    CURSOR: hand;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.EVENT:visited
{
    COLOR: #000000;     /* här måste äääääändras */
    CURSOR: hand;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.EVENT:hover
{
    BACKGROUND-COLOR: #689cd2;
    COLOR: #000000;     /* här måste äääääändras */
    CURSOR: help;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.MONTH:link
{
    COLOR: #000000;     /* här måste äääääändras */
    FONT-FAMILY: Arial;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.MONTH:visited
{
    COLOR: #000000;     /* här måste äääääändras */
    FONT-FAMILY: Arial;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.MONTH:hover
{
    COLOR: #000000;     /* här måste äääääändras */
    FONT-FAMILY: Arial;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}
A.NORMAL:link
{
    COLOR: #000000;     /* här måste äääääändras */
    FONT-FAMILY: Arial;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.NORMAL:visited
{
    COLOR: #000000;     /* här måste äääääändras */
    FONT-FAMILY: Arial;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.NORMAL:hover
{
    COLOR: #000000;     /* här måste äääääändras */
    FONT-FAMILY: Arial;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.createdby
{
    FONT-STYLE: italic;
    TEXT-ALIGN: right
}
.bluetext
{
    COLOR: #000000      /* här måste äääääändras */
}
.month
{
    FONT-WEIGHT: bold
}
.eventname
{
    FONT-WEIGHT: bold
}
a.Title:link {color:#000000; text-decoration: underline; cursor: hand}      /* här måste äääääändras */
a.Title:visited {color:#000000; text-decoration: underline} /* här måste äääääändras */
a.Title:hover   {color:#000000; text-decoration: underline; cursor: hand}   /* här måste äääääändras */

/*--------------------------------- END EVENT/CALENDAR STYLES ------------------------------------*/

.hidden {
	DISPLAY: none
}
.mwpThemeIM {
	border:1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	width:200px;
	background-color: #ecf9ff;
	filter: Alpha(Opacity=85);
	white-space: nowrap;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
 }