#aranea-loading-message {
	position: fixed;
	top: 0;
	right: 0;
	color: white;
	background-color: #e01601;
	border: 1px solid black;
	width: 100px;
	height: 50px;
	padding-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}/* The main calendar widget. DIV containing a table. */

.calendar { position: relative; display: none; border: 2px solid #ff9203; background: #FFF; font-family: Tahoma, Arial, sans-serif; padding: 1px; z-index: 101; }
.calendar TABLE { border: 1px solid #FFF; }
.calendar TD { font-size: 10px; text-align: center; vertical-align: middle; width: 24px; height: 22px; border: 1px solid #FFF; }


/* Header part -- contains navigation buttons and day names. */

	/* "<<", "<", ">", ">>" buttons have this class */
.calendar .button { background: #f61901; color: #FFF; }
.calendar .nav { background: #f61901; color: #FFF; font-weight: bold; }
.calendar THEAD .title { font-weight: bold; border: 1px solid #FFF; background: #ff9203; color: #fff; }
	/* Row <TR> containing navigation buttons */
.calendar THEAD .headrow {}
	/* Row <TR> containing the day names */
.calendar THEAD .daynames {}
	/* Cells <TD> containing the day names */
.calendar THEAD .name { background: #d7d7d7; color: #626262; }
	/* How a weekend day name shows in header */
.calendar THEAD .weekend { background: #e3c3c3; }
	/* How do the buttons in header appear when hover */
.calendar THEAD .hilite { background: #f61901; color: #FFF; cursor: pointer; }
	/* Active (pressed) buttons in header */
.calendar THEAD .active { background: #ff9203; }


/* The body part -- contains all the days in month. */

	/* Cells <TD> containing month days dates */
.calendar TBODY .day { background: #EEE; }
.calendar TBODY .day.othermonth { color: red; }
.calendar TBODY .day.othermonth.oweekend { color: blue; }
.calendar table .wn { background: #d7d7d7; }
.calendar TBODY .rowhilite TD { background: #d7d7d7; }
.calendar TBODY .rowhilite TD.wn { background: #c6c6c6; }
.calendar TBODY .rowhilite TD.weekend { background: #e6a8a8; }
	/* Hovered cells <TD> */
.calendar TBODY TD.hilite { background: #f61901 !important; color: #FFF !important; cursor: pointer; }
	/* Active (pressed) cells <TD> */
.calendar TBODY TD.active { background: #ff9203 !important; color: #FFF !important; }
	/* Cell showing selected date */
.calendar TBODY TD.selected { font-weight: bold; background: #f61901 !important; color: #FFF !important; }
	/* Cells showing weekend days */
.calendar TBODY TD.weekend { color: #d9261c; background: #fbf1f1; }
	/* Cell showing today date */
.calendar TBODY TD.today { font-weight: bold; background: #d7d7d7; }
.calendar TBODY .disabled { color: #999; }
	/* Empty cells (the best is to hide them) */
.calendar TBODY .emptycell { visibility: hidden; }
	/* Empty row (some months need less than 6 rows) */
.calendar TBODY .emptyrow {	display: none; }


/* The footer part -- status bar and "Close" button */

	/* The <TR> in footer (only one right now) */
.calendar TFOOT .footrow {}
	/* Tooltip (status bar) cell <TD> */
.calendar TFOOT .ttip { background: #eeeeee; border-top: 2px solid #FFF; }
	/* Hover style for buttons in footer */
.calendar TFOOT .hilite {}
	/* Active (pressed) style for buttons in footer */
.calendar TFOOT .active {}


/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo { position: absolute; display: none; top: 0px; left: 0px; border: 1px solid #ff9203; background: #FFF; padding: 1px; z-index: 101; font-size: 10px; width: 50px; }
.calendar .combo .label,
.calendar .combo .label-IEfix { text-align: center; padding: 1px; }
.calendar .combo .label-IEfix { padding: 2px 10px; }
* HTML .calendar .combo .label-IEfix { height: 1px; }
.calendar .combo .active { background: #ff9203; color: #FFF; }
.calendar .combo .hilite { background: #f61901; color: #FFF; cursor: pointer; }
.calendar TD.time { text-align: center; background-color: #e8f0f4; }
.calendar TD.time .hour,
.calendar TD.time .minute,
.calendar TD.time .ampm { text-align: center; font-weight: bold; background-color: #fff; }
.calendar TD.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; }
.calendar TD.time SPAN.hilite { border-color: #000; background-color: #667; color: #fff; }
.calendar TD.time SPAN.active { border-color: #f00; background-color: #000; color: #0f0; }
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.aranea-contextmenu-class {
	height:150px;
	font-size:90%;
	margin:0px 0 0px 0px; /* this page only */
	position:absolute;
}

/* remove all the bullets, borders and padding from the default list styling */
.aranea-contextmenu-class ul {
	position:relative;
	z-index:500;
	padding:0;
	margin:0;
	list-style-type:none;
	width:150px;
}
/* style the list items */
.aranea-contextmenu-class li {
	background:#d4d8bd url(fileimporter/gfx/contextmenu/shade.gif);
	height:26px;
	/* for IE7 */
	float:left;
}
.aranea-contextmenu-class li.sub {background:#d4d8bd url(fileimporter/gfx/contextmenu/sub.gif) no-repeat right center;} 

/* get rid of the table */
.aranea-contextmenu-class table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.aranea-contextmenu-class a, .aranea-contextmenu-class a:visited {
	display:block; 
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:149px;
	color:#000;
	text-indent:5px;
	border:1px solid #fff;
	border-width:0 1px 1px 1px;
}
/* hack for IE5.5 */
* html .aranea-contextmenu-class a, * html .aranea-contextmenu-class a:visited {width:150px; w\idth:149px;}
/* style the link hover */
* html .aranea-contextmenu-class a:hover {color:#efa; background:#aa7; position:relative;}

.aranea-contextmenu-class li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.aranea-contextmenu-class a:active, .aranea-contextmenu-class a:focus {color:#efa; background:#aa7;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.aranea-contextmenu-class li:hover > a {color:#efa; background:#aa7;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.aranea-contextmenu-class li ul {
	visibility:hidden;
	position:absolute;
	top:-30px;
	/* set up the overlap (minus the overrun) */
	left:100px;
	/* set up the overrun area */
	padding:30px;
	/* this is for IE to make it interpret the overrrun padding */
	background:transparent url(fileimporter/gfx/contextmenu/transparent.gif);
}

/* for browsers that understand this is all you need for the flyouts */
.aranea-contextmenu-class li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.aranea-contextmenu-class ul a:hover ul ul{
	visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.aranea-contextmenu-class ul a:hover ul a:hover ul ul{
	visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.aranea-contextmenu-class ul a:hover ul a:hover ul a:hover ul ul{
	visibility:hidden;
}

/* make the second level visible when hover on first level link */
.aranea-contextmenu-class ul a:hover ul {
	visibility:visible;
}
/* make the third level visible when you hover over second level link */
.aranea-contextmenu-class ul a:hover ul a:hover ul{ 
	visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.aranea-contextmenu-class ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.aranea-contextmenu-class ul a:hover ul a:hover ul a:hover ul a:hover ul { 
	visibility:visible;
}
#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 98;
	background-color: #000!important;
}

/* this causes cursor to disapper in windows FF 2.0.0.11 */
#MB_overlay[id] { position: fixed; }

#MB_window {
	position:absolute;
	top: 0;
	border: 0 solid;
	text-align:left;
	z-index:100;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position:relative;
	background-color: #EFEFEF;
	height:100%;
}

#MB_header {
	margin:0;
	height: 28px;
}

#MB_content {
	padding: 6px .75em;
	overflow:auto;
}

#MB_caption {
	font: bold 85% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em 0 .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display:block;
	position:absolute;
	right:5px; top:4px;
	padding:2px 3px;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}
#MB_close:hover {
	background:transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
 	/* background: transparent url(spinner.gif) 50% 0 no-repeat; */
}

/* Color scheme */
#MB_window {
	background-color:#EFEFEF;
	color:#000;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color:#DDD;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color:#000 }
#MB_close { color:#777 }
#MB_close:hover { color:#000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}/* Prototip.css */

.tooltip { width: 150px; color: #fff;}
.tooltip .title { background: #0F6788; font: italic 17px Georgia, serif; padding: 5px;}
.tooltip .content { background: dodgerblue; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}

.pinktip { border: 5px solid #a1a1a1; }
.pinktip .title { background: #ff1e53; color: #fff; font: italic 17px Georgia, serif; padding: 5px; }
.pinktip .content { background: #fff; color: #555555; padding: 5px; }

/* Effects like 'blind' go a little bit better when 
   there is no border on the tooltip itself.
   Put the borders on .title and .content instead,
   here's how to do that: */
.darktip { width: 200px; }
.darktip .title, .darktip .content { border: 5px solid #999999; padding: 5px; }
.darktip .title { border-bottom: none; background: #606060; color: #fff; font: italic 17px Georgia, serif; }
.darktip .content { border-top: none; background: #808080; color: #fff; font: 11px Arial, Helvetica, sans-serif; }