/******************************************************************/
/* Theme.........: Café-Capuccino                                 */
/* Copyright.....: (C) MaggieOfSweden                             */
/* Author........: M. Johansson                                   */ 
/* License.......: This theme is released under GNU GPL license.  */
/* Comments......: This theme is intended for use with            */ 
/*                 MaxWebPortal.info version 2.1.                 */
/*                 Function is not guarantied if used together    */
/*                 with other versions and/or variations of       */
/*                 MaxWebPortal based systems.                    */   
/******************************************************************/

BODY {scrollbar-face-color: #D6CDB9; 
scrollbar-shadow-color: #413027; 
scrollbar-highlight-color: white; 
scrollbar-3dlight-color: #D7D7E3; 
scrollbar-darkshadow-color: #D7D7E3; 
scrollbar-track-color: #EEE6D5; 
scrollbar-arrow-color: #413027;
background-color: #E6DCC7;
	/* this is the page border color */
}

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

.mwpThemePage {
	background-color: #EEE6D5;
	border-left: solid 1px #413027;
	border-right: solid 1px #413027;
	border-bottom: solid 1px #413027;
}  /* this is the page background color and the page container */

A:link {color: #000000; text-decoration: none; }
A:visited {color: #413027; text-decoration: none;  }
A:hover	{color: #FF6600; text-decoration: underline; }
A:active {color: #1EAA1E; text-decoration: none; }
HR { color: #000000; height: 2px; width:94%; }
/* Start FORM elements */

form {
	margin: 0px;
}

select {
	background: transparent;
	background-color: White;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border:  1px solid #A8B2BB;
}

.textbox {
	border: 1px solid #413027;
	font-family: Verdana, Arial, sans-serif;
	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 #413027;
	background-color: #E6DCC7;
    font-size: 10px;
	font-weight: bold;
	letter-spacing: .2em;
}
.popbutton {
	height: 20px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #6E3019;
	background-color: #E8C3B0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

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

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

.Quote 
{
    display: block;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #E1D6BE; 
    width: 80%;
    margin-top: 5px;
    margin-right: 30px;
    margin-bottom: 5px;
    margin-left: 30px;
    border-top: 1px solid #413027;
    border-bottom: 1px solid #413027;
    border-left: 1px dashed #413027;
    border-right: 1px dashed #413027;
    font-size: 10px;
}


.mwpThemeSmallBlock { 
	border: 1px solid #466D9D;
	background-color: #D6CDB9;
}

/*	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 #003399; */
}

.mwpThemeBlock_sh_tr {		/* Top right image if themebox has no title */
	height: 19px;
	background-color: #D6CDB9;
	background-image:  url(TR.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
}
.mwpThemeBlock_sh_tl{		/* Top left image if themebox has no title */
	height: 19px;
	background-image:  url(TL.gif);
	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 */
	height: 19px;
	background-image:  url(tc.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 5px;
}

.mwpThemeBlock_tr {		/* Top right image */
	background-color: #D6CDB9;
	background-image:  url(TR.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
}
.mwpThemeBlock_tl{		/* Top left image */
	height: 19px;
	background-image:  url(TL.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}

.mwpThemeBlock_tc {
	height: 19px;
/*	width: 100%px;*/
	background-image:  url(tc.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 5px;
	padding-left: 7px;
	padding-right: 7px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 5px;
}

.mwpThemeBlock_tc h4 {
	font-weight : bold;
	color : #413027;
	border-bottom : 0px solid #A8B2BB;
	margin-top: -2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -2px;
	padding-bottom : 0px;
	padding-top: 0px;	
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

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

.mwpThemeBlock_br {		/* Bottom right image */
	margin: 0px;
	background-color: #EEE6D5;

}
.mwpThemeBlock_bl {		/* Bottom left image */
	margin: 0px;
	background-color: #EEE6D5;

}
.mwpThemeBlock_bc {		/* Bottom center image. This one tiles horizontal */
	height: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;	
	background-color: #EEE6D5;
	padding-right: 0px;
	padding-left: 0px; 
	padding-bottom: 0px;	
}

.mwpThemeblockMinMax { /* this is the click area and positioning for the min/max icon */
	background-color: transparent;
	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: -2px;  /* this is the positioning from the top of the themebox */
	margin-right: -6px; 
	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;
}

/* header styles */
.MwpInfo_Header_Left {
	width:1px;
	background-color: #EEE6D5;
	background-image: url(hback.gif);
	background-repeat: repeat;
	background-position: left top;
}
.MwpInfo_Header_Tile {
	background-color: #EEE6D5;
	background-image: url(hback.gif);
	background-repeat: repeat;
	background-position: left top;
}
.MwpInfo_Header_Rite {
	width:1px;
	background-color: #EEE6D5;
	background-image: url(hback.gif);
	background-repeat: repeat;
	background-position: right top;
}
.MwpInfo_Header_Login{
	height: 50px;
	width: 255px;
	border: 1px solid #413027;
	margin-top: 15px;
	margin-right: 2px;
	padding: 0px;
	background-color: #FFFFFF;
}
.MwpInfo_Banner{
    height: 60px;
    width: 468px;
	border: 0px solid #413027;
	margin-top: 15px;
	margin-right: 2px;
	padding: 0px;
/*	background-color: #FFFFFF; */
}
.MwpInfo_HeaderIcons {
	margin-top: 15px;
}
/*  End Header  */


/*  Start NavBar  */
.MwpInfo_NavLeft {
	width: 2px;
	background-image: url(NBackl.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.MwpInfo_NavTile {
	height: 31px;
	background-image: url(NBackc.gif);
	background-repeat: repeat-x;
}
.MwpInfo_NavRite {
	width: 2px;
	background-image: url(NBackr.gif);
	background-repeat: repeat;
	background-position: right top;
}
.mwpThemeNavLog {
	margin-top:25; 	
	padding:10px; 
	background-color: #F4F4EE;
	border: 1px solid #413027; 
}
/*  End NavBar  */

/*  Start Footer  */
.MwpInfo_FootLeft {
    background-image: url(HBack-or.gif);
	border: 1px dashed #413027;
}
.MwpInfo_FootTile {
	background-image: url(HBack-or.gif);
	height: 30px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 4px;
	padding-right: 3px;
	padding-left: 3px;
}
.MwpInfo_FootRite {
	background-image: url(HBack-or.gif);
}
/*  End Footer  */

/*  Start Navbar menu styles */
div.menuBar,
div.menuBar a.menuButton,
div.nav_menu,
div.nav_menu a.nav_menuItem {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-style: normal;
  font-weight: bold;
  color: #413027;
}

div.menuBar { /* this is the main container */
/*	background-color: #e0e0e0;
	background-image: url(Themes/<%= strTheme %>/nback.jpg);
	background-position: center; 
	background-repeat: repeat-x;
	margin-bottom: 0px; */
	border-top: 0px inset transparent;
	border-right: 0px inset #413027;
	border-bottom: 0px outset transparent;
	border-left: 0px inset #413027;
	text-align: left;
	padding-top: 7px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}

div.menuBar a.menuButton {
  background-color: transparent;
  border: 0px solid #e0e0e0;
  color: #413027;
  cursor: pointer;
  left: 0px;
  margin: 0px;
  padding: 3px 6px 3px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: #C3B79B;
  border: 0px solid #C3B79B;
  color: #413027;
  left: 0px;
  top: 0px; 
  margin: 0px;
}

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

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

div.nav_menu a.nav_menuItem {
  color: #413027;
  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: #C3B79B;
  color: #ffffff;
}

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 #e0e0e0;
  margin: 4px 2px;
}
/* End NavBar Menu styles */

/*	Start menu css  */
div.menu {
    width:150px;
    padding:0;
    margin:0;
    border:0;
}

div.menu a {
    display:block;
    margin:0;
    width:100%;
    padding:1px;
    border:0px;
    color:#413027;
    text-decoration: none;
}

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

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

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

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

div.menu h4 a:active {
    display:block;
    margin:0;
    width:100%;
    padding:1px;
    border:0px;
    color:#000000;
    text-decoration: 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: #C4B99D; color: #413027; text-decoration: none; font-weight: bold;}
div.menu h4 a:hover { background:#C4B99D; color:#413027; text-decoration: none;cursor: default; font-weight: bold;}
/*	End menu css  */

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

/* Turn the 'Use graphical buttons' off to use this button css */
.btnLogin {
	/*height: 18px;*/
	margin-top: 5px;
	margin-right: 4px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: pointer;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #413027;
	background-color: #FFFFFF;
	color: #413027;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: .2em;
}

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


/* ----------------- PM Toast Styles -------------------------- */ 
.mwpThemeToast {
	border:1px solid #413027;
	/*border-right: 1px solid #8FD5E5;
	border-bottom: 1px solid #8FD5E5;*/
	padding:0px;
	margin:0px;
	position:absolute;
	bottom:0px;
	right:0px;
	width:150px;
	height:100px; 
}
.mwpThemeToast_header_left {
	/*border-top:1px #8FD5E5 solid;
	border-left:1px #8FD5E5 solid;*/
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-color: #D6CEBC;
	/*background-image:url('Grad.jpg');
	background-repeat: no-repeat;*/
	text-align:center
}
.mwpThemeToast_header_img_left {
	background-image: url('mail.jpg');
	background-repeat: no-repeat;
}
.mwpThemeToast_title {
	/*border-top:1px #8FD5E5 solid;*/
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color: #000000;	
	background-color: #D6CEBC;
	border-bottom: 1px dashed #413027;
	/*background-image: url('Grad.jpg');
	background-repeat: no-repeat;*/
}
.mwpThemeToast_header_right {
	/*border-top:1px #8FD5E5 solid;
	border-right:1px #8FD5E5 solid;*/
	padding-right:0px;
	padding-bottom:0px;
	background-color: #D6CEBC;
	/*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:#D6CEBC;
	/*border-left:1px #8FD5E5 solid;*/
}
.mwpThemeToast_content {
/*	border-top:1px #8FD5E5 solid;
	border-bottom:1px #8FD5E5 solid;*/
	cursor:hand;
	padding-top:4px;
	padding-left:5px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color: #000000;
	background-color: #D6CEBC;
	/*background-image: url('Grad2.jpg');
	background-repeat: no-repeat;*/
}
.mwpThemeToast_content_right {
	background-color:#413027;
	/*border-right:1px #CFDEF4 solid;*/
}
/* ------------------------------------ END PM Toast Styles ------------------------------------------ */



/*--------------------------------- START EVENT/CALENDAR STYLES ----------------------------------*/
TD.NON 
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size :12px; 
	color :#E6DCC7; 
	font-weight :normal
}
TD.TOP 
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size :12px; 
	color :#0000FF; 
	font-weight :bold
}
TD.Some 
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size :12px; 
	color :#413027; 
	font-weight :normal
	}
TD.Today 
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size :12px; 
	background-color :#F15F06; 
	font-weight :normal
}
TD.Day 
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size :12px; 
	color :#FFFFFF; 
	background-color :#F1F1F4; 
	font-weight :normal
}
TD.Selected 
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size :12px; 
	background-color :#F15F06; 
	font-weight :normal
}
TD.HL 
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size :12px; 
	color :#413027; 
	font-weight :normal
}
TD.NON2 
{
	cursor: crosshair;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size :12px; 
	background-color :#E6DCC7; 
	font-weight :normal
}
A.NOEVENT:link
{
    COLOR: #413027;
    CURSOR: hand;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.NOEVENT:visited
{
    COLOR: #413027;
    CURSOR: hand;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.NOEVENT:hover
{
    BACKGROUND-COLOR: lavender;
    COLOR: #413027;
    CURSOR: hand;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.EVENT:link
{
    COLOR: 413027;
    CURSOR: hand;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.EVENT:visited
{
    COLOR: 413027;
    CURSOR: hand;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.EVENT:hover
{
    BACKGROUND-COLOR: #E6DCC7;
    COLOR: #F15F06;
    CURSOR: help;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.MONTH:link
{
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.MONTH:visited
{
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.MONTH:hover
{
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}
A.NORMAL:link
{
    COLOR: #413027;
    FONT-FAMILY: Verdana, Arial;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.NORMAL:visited
{
    COLOR: #413027;
    FONT-FAMILY: Verdana, Arial;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.NORMAL:hover
{
    COLOR: #413027;
    FONT-FAMILY: Verdana, Arial;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.createdby
{
    FONT-STYLE: italic;
    TEXT-ALIGN: right
}
.bluetext
{
    COLOR: #336699
}
.month
{
    FONT-WEIGHT: bold
}
.eventname
{
    FONT-WEIGHT: bold
}
a.Title:link {color:F15F06; text-decoration: underline; cursor: hand}
a.Title:visited {color: steelblue; text-decoration: underline}
a.Title:hover   {color: FFFFCC; text-decoration: underline; cursor: hand}

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

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