/****************************************************/
/* Mirapoint Application Cascading Style Sheet      */
/*   refer to: http://www.w3.org/TR/REC-CSS1        */
/****************************************************/

/****************************************************/
/* Selector declarations of standard HTML tags      */
/****************************************************/
BODY                    { color:        #000000;
                          background:   #ffffff;     
                          height: 100%;
                        }

FORM			{ margin:	0px;
			}

A:active                { color:        #0000cc;
                          background:   transparent;
			  text-decoration: none;     } /* active links     */
A:link                  { color:        #0000cc;
                          background:   transparent;
			  text-decoration: none;     } /* unvisited links  */
A:visited               { color:        #0000cc;
                          background:   transparent;
			  text-decoration: none;     } /* visited links    */
A:hover                 { color:        #0000cc;
                          background:   transparent;
			  text-decoration: underline; 
			  cursor:	pointer;
			} /* mouse-over color */

OL, UL			{ list-style-position: inside;
			}


/***************************************************************************/
/* Selector declarations - for general usage (in alphabetical order)       */
/***************************************************************************/

.genAbout               {
			    color:	    #0099cc;
                            font-size:      14pt;
                            font-family:    Helvetica, Geneva;
                            font-weight:    bold;
                        }

.genErrorDiv		{ 
			  position:		relative;
			  min-height:		24px;
			  display:		none;
			}
.genErrorIcon		{ 
			  position:		absolute;
			  top:			2px;
			  left:			0px;
			  height:		16px;
			  width:		16px;
			  background:		transparent;
			  border-style:		none;
			  vertical-align:	middle;
			  padding:		0px 4px 0px 4px;
			}
.genErrorText		{ 
			  position:		absolute;
			  top:			2px;
			  left:			24px;
			  font-family:		Helvetica, Geneva;
			  font-size:		9pt;
			  border-style:		none;
			  vertical-align:	middle;
			  padding:		2px 0px 2px 0px;
			}
.genNoticeIcon		{
			  width:	    16px;
			  background:	    transparent;
			  padding:	    0px 4px 0px 4px;
			}
.genNoticeText		{
			  font-family:	    Helvetica;
			  font-size:	    9pt;        
			  border-style:	    none;
			  background:	    transparent;
			  vertical-align:   middle;
			  padding:	    2px 0px 2px 0px;
			}

.genDataInfo		{ color:	#000000;
			  font-family:	Helvetica;
			  font-size:	9pt;
			  cursor:	default;
			} /* info msgs */
.genDataHilite          { color:        #ff0000;
			  font-family:	Helvetica;
			  font-size:	9pt;        
			  cursor:	default;
			} /* error msgs */
.genDataHiliteLabel	{ color:	#000000;
			  font-family:	Helvetica;
			  font-size:	9pt;
			  font-weight:	bolder;
			}
.genDataOff             { color:        #666666;
			  font-family:	Helvetica;
			  font-size:	9pt;
						     } /* e.g., disabled links */
.genDataStatus          { color:        #666666;
			  font-family:	Helvetica;
			  font-size:	9pt;        } /* e.g., msg count */

A.genHeaderLink:active  { color:        #8c007b; 
                          background:   transparent; } /* link rendered in genHeader */
A.genHeaderLink:link    { color:        #0000cc; 
                          background:   transparent; } /* link rendered in genHeader */
A.genHeaderLink:visited { color:        #0000cc;
                          background:   transparent; } /* link rendered in genHeader */
A.genHeaderLink:hover   { color:        #ff6600;
                          background:   transparent; } /* mouse-over color */

A.deadLink:active	{ color:        #666666;
			  background:   transparent;
			  text-decoration: none;     } /* dead links     */
A.deadLink:link		{ color:        #666666;
			  background:   transparent;
			  text-decoration: none;     } /* dead links     */
A.deadLink:visited	{ color:        #666666;
			  background:   transparent;
			  text-decoration: none;     } /* dead links     */
A.deadLink:hover	{ color:        #666666;
			  background:   transparent;
			  text-decoration: none;     } /* dead links     */

.genBoldLink            {   color:          #0000cc;
                            font-family:    Helvetica;
                            font-size:      9pt;
                            font-weight:    bolder;
                        }

.genInfoCard            { color:        #000000;   
                          background:   #f0f4f9;     
			  padding:	0px;
			  width:	100%;
			  margin:	0px;
			}
.genInfoSplitter	{
                          background-image: url(/images/eui/info_card_splitter.gif);
                          background-repeat: repeat-x;
			  background-position:	bottom;
                          background-color:   transparent;
			  height:	4px;
			  width:	100%;
			  margin:	0px;
			  padding:	0px;
			}

.emlLogin	{ color:        #777777;
                  background:   #cccccc;
		  font-family:	Arial, Helvetica, sans-serif;
		  font-size:	8pt;         
		}
TABLE.emlLogin	{ background:	#ffffff;
		}
.emlLoginStrip1	{ background:	#000000;
		  height:	20px;
		}
.emlLoginStrip2	{ background-image:	url(/images/eui/gen_login_gradient.png);
		  background-repeat:	repeat-y;
		  background-color:	#000000;
		  width:		100%;
		  height:		10px;
		}		
.emlLoginStrip3	{ background-image:	url(/images/eui/gen_login_gradient2.png);
		  background-repeat:	repeat-y;
		  background-color:	#ffffff;
		  width:		100%;
		  height:		10px;
		}		
.emlLoginTitle  { 
                  color:        #cc0000;
		  font-weight:	bold;
	          font-size:    10pt;
                }
.emlLoginLabel  { 
                  color:        #333333;
		  font-weight:	bold;
	          font-size:    10pt;
                }
.emlLoginBtn	{
                  background:   white;
		  border-style:	solid;
		  border-color: #5E8B7E #336666 #336666 #5E8B7E;
		  border-width:	1px;
		  color:	#333333;
		  font-size:	8pt;
		  font-weight:	bold;
		}
INPUT.emlLoginInput     { color:	    #000000;
                          font-size:	    10pt;
			  font-family:	    Arial, Helvetica, sans-serif;
                          text-decoration:  none;
			  border-color:	    #5E8B7E #336666 #336666 #5E8B7E;
			  border-width:	    1px;
			}
.emlLoginError		{ color:	#cc0000; 
			  font-weight:	bold;
			}
A.emlLoginEdition	{
			  color:	    #333399;
			  font-size:	    9pt;
			  font-weight:	    bold;
			  text-decoration:  underline;
			}
A.emlLoginEdition:active	{
			  color:	    #cc0000;
			  font-size:	    9pt;
			  font-weight:	    bold;
			  text-decoration:  underline;
			}
A.emlLoginEdition:link	{
			  color:	    #333399;
			  font-size:	    9pt;
			  font-weight:	    bold;
			  text-decoration:  underline;
			}
A.emlLoginEdition:visited {
			  color:	    #333399;
			  font-size:	    9pt;
			  font-weight:	    bold;
			  text-decoration:  underline;
			 }
A.emlLoginEdition:hover	{
			  color:	    #cc0000;
			  font-size:	    9pt;
			  font-weight:	    bold;
			  text-decoration:  underline;
			}

A.emlLoginVersion	    { color:		#333399;
			      font-weight:	bold;
			      text-decoration:  underline;
			    }
.emlLoginVersion	    {
			      color:		#333333;
			      font-size:	7pt;
			      font-weight:	normal;
			    }
A.emlLoginVersion:link	    { color:		#333399;
			      font-weight:	bold;
			      text-decoration:  underline;
			    }
A.emlLoginVersion:visited  { color:		#333399;
			      font-weight:	bold;
			      text-decoration:  underline;
			    }
A.emlLoginVersion:hover    { color:		#cc0000; 
			      font-weight:	bold;
			      text-decoration:  underline;
			    }
A.emlLoginVersion:active   { color:		#cc0000; 
			      font-weight:	bold;
			      text-decoration:  underline;
			    }

a.emlCurrentLocale { color:	      #333333;
		     font-size:	      7pt;
		     font-weight:     bold;
		     text-decoration: none;
		   }

a.emlOtherLocale    { color:		#333399;
		      font-size:	7pt;
		      font-weight:	normal;
		      text-decoration:	underline;
		    }
a.emlOtherLocale:link   { color:	    #333399;
			  font-weight:	    normal;
			  text-decoration:  underline;
			}
a.emlOtherLocale:visited { color:	    #333399;
			   font-weight:	    normal;
			  text-decoration:  underline;
			 }
a.emlOtherLocale:hover	{ color:	    #cc0000; 
			  font-weight:	    normal;
			  text-decoration:  underline;
			}
a.emlOtherLocale:active { color:	    #333399;
			  font-weight:	    bold;
			  text-decoration:  underline;
			}

.emlLoginLink		{ color:	    #333333; 
			  font-weight:	    bold;
			  text-decoration:  none;
			}
A.emlLoginLink:active	{ color:	    #cc0000; 
			}
A.emlLoginLink:link	{ color:	    #333399;
			  text-decoration:  underline;
			}
A.emlLoginLink:visited	{ color:	    #333399; 
			  text-decoration:  underline;
			}
A.emlLoginLink:hover	{ color:	    #cc0000; 
			  text-decoration:  underline;
			}
	
.genText		{ color:        #000000;
			  font-family:	Helvetica;
			  font-size:	9pt;        
			  cursor:	default;
			}
.genTextInput           { color:        #000000;
			  font-family:	Helvetica;
			  font-size:	9pt;        }

.genPopUpWindow		{ color:	#000000;
			  background:	#f2f2f2;
			  margin:	0px 0px 0px 0px;
			  padding:	0px 0px 0px 0px;
			} /* generic pop-up window (e.g. new event in calendar) */

.genPopUpTabSection	{ color:	#000000;
			  background:	#ffffff;
			} /* section where tabs live in pop-up window */

.genNavOff              { color:        #aaaaaa;     } /* e.g., disabled links */
A.genNavLink            { color:    	#000000;
    	    	    	  text-decoration: none;     } /* link rendered in genNav */
A.genNavLink:active     { color:        #ff6600;
                          background:   transparent; } /* link rendered in genNav */
A.genNavLink:link       { color:        #010199;
                          background:   transparent; } /* link rendered in genNav */
A.genNavLink:visited    { color:        #010199;
                          background:   transparent; } /* link rendered in genNav */
A.genNavLink:hover      { color:        #ff6600;
                          background:   transparent;
			  text-decoration: none; } /* mouse-over color */


A.genMenuTabLink        { text-decoration: none;       /* link rendered in genNav */
			  font-family:	Helvetica;
			  font-size:	9pt;
			  color:	#424242;     }

A.genMenuTabLink:active { color:        #424242;
			  font-family:	Helvetica;
			  font-size:	9pt;
                          background:   transparent; } /* link rendered in genNav */
A.genMenuTabLink:link   { color:        #424242;
			  font-family:	Helvetica;
			  font-size:	9pt;
                          background:   transparent; } /* link rendered in genNav */
A.genMenuTabLink:visited { color:        #424242;
			  font-family:	Helvetica;
			  font-size:	9pt;
                          background:   transparent; } /* link rendered in genNav */
A.genMenuTabLink:hover  { color:        #606078;
                          background:   transparent;
			  font-family:	Helvetica;
			  font-size:	9pt;
			}   /* mouse-over color */

A.dateNavLink		{ text-decoration: none;
			  font-family:	Helvetica;
			  font-size:	9pt;	     } /* link rendered in genNav */

A.dateNavLink:active     { color:        #303030;
                          background:   transparent; } /* link rendered in genNav */
A.dateNavLink:link       { color:        #303030;
                          background:   transparent; } /* link rendered in genNav */
A.dateNavLink:visited    { color:        #303030;
                          background:   transparent; } /* link rendered in genNav */
A.dateNavLink:hover      { color:        #e0e0e0;
                          background:   transparent; } /* mouse-over color */

A.dateNavLink            { text-decoration: none;     } /* link rendered in genNav */
A.dateNavLink:active     { color:        #0000cc;
                          background:   transparent; } /* link rendered in genNav */
A.dateNavLink:link       { color:        #0000cc;
                          background:   transparent; } /* link rendered in genNav */
A.dateNavLink:visited    { color:        #0000cc;
                          background:   transparent; } /* link rendered in genNav */
A.dateNavLink:hover      { color:        #ff6600;
                          background:   transparent;
			  text-decoration: underline; } /* mouse-over color */

.genSubtitle            { color:        #010199;       /* page title headers */
			  font-weight:	bold;
			  font-family: Helvetica;     }

.titleright             { color:        #010199;       /* page title headers */
                          background:   #f2f2f2;
			  font-weight:	bold;
			  font-family: Helvetica;
			  position:absolute;
			  top:0;
			  left:0;
			  width:100%;
			  text-align:right;
			}
.titleleft             { color:        #010199;       /* page title headers */
                          background:   #f2f2f2;
			  font-weight:	bold;
			  font-family: Helvetica;
			  position:absolute;
			  top:0;
			  left:0;
			  width:auto;
			  z-index:10;
			}

TD.ECTbutton		{ font-family:	Helvetica;
			  font-size:	9pt;
			  padding:	0px 2px 0px 2px;  
			}

TD.ECTbuttonNotEmpty    { font-weight:  bolder; 
			  padding:      0px 2px 0px 2px;
			}

/* colors used to identify mail messages fetched from external mail servers */
.genPOPcolor0           { color:        #000000;
                          background:   #66cc66; 
			  font-family:	Helvetica;
			  font-size:	9pt;        
			  white-space:	nowrap;
			  cursor:	default;
                        } /* green */
.genPOPcolor1           { color:        #000000;
                          background:   #ccffcc; 			  
                          font-family:	Helvetica;
			  font-size:	9pt;        
			  white-space:	nowrap;
			  cursor:	default;
                        } /* lightgreen */
.genPOPcolor2           { color:        #000000;
                          background:   #6699ff; 
			  font-family:	Helvetica;
			  font-size:	9pt;        
			  white-space:	nowrap;
			  cursor:	default;
                        } /* blue */
.genPOPcolor3           { color:        #000000;
                          background:   #99ffff; 
			  font-family:	Helvetica;
			  font-size:	9pt;        
			  white-space:	nowrap;
			  cursor:	default;
                        } /* lightblue */
.genPOPcolor4           { color:        #000000;
                          background:   #ff66ff; 
			  font-family:	Helvetica;
			  font-size:	9pt;        
			  white-space:	nowrap;
			  cursor:	default;
                        } /* magenta */
.genPOPcolor5           { color:        #000000;
                          background:   #ccccff; 
			  font-family:	Helvetica;
			  font-size:	9pt;        
			  white-space:	nowrap;
			  cursor:	default;
                        } /* lightpurple */
.genPOPcolor6           { color:        #000000;
                          background:   #ffcccc; 
			  font-family:	Helvetica;
			  font-size:	9pt;        
			  white-space:	nowrap;
			  cursor:	default;
                        } /* pink */
.genPOPcolor7           { color:        #000000;
                          background:   #ff9900; 
			  font-family:	Helvetica;
			  font-size:	9pt;        
			  white-space:	nowrap;
			  cursor:	default;
                        } /* orange */
.genPOPcolor8           { color:        #000000;
                          background:   #ffcc33; 
			  font-family:	Helvetica;
			  font-size:	9pt;        
			  white-space:	nowrap;
			  cursor:	default;
                        } /* lightorange */
.genPOPcolor9           { color:        #000000;
                          background:   #ffff99; 
			  font-family:	Helvetica;
			  font-size:	9pt;        
			  white-space:	nowrap;
			  cursor:	default;
                        } /* yellow */

.topMenuItem		{ color:	#000000;
			  background:	#ffffff;
			  font-family:	Helvetica;
			  font-size:	10pt;
			}

A.topMenuLink:active    { color:        #000000; 
                          background:   transparent; } /* link rendered in genHeader */
A.topMenuLink:link      { color:        #000000; 
                          background:   transparent; } /* link rendered in genHeader */
A.topMenuLink:visited   { color:        #0000cc;
                          background:   transparent; } /* link rendered in genHeader */
A.topMenuLink:hover     { color:        #000000;
                          background:   #e0d0a0; } /* mouse-over color */


/****************************************************/
/* Selector declarations - for application 'mcal'   */
/****************************************************/
.mcalDayCellBusy        { color:        #101010;
                          background:   #a0a0a0; } /* depicts a busy timeslot */
.mcalDayCellFree        { color:        #101010;
                          background:   #ffffff; } /* depicts a free timeslot */
.mcalDatebox            { color:        #000000;
                          background:   #d0d0d0; } /* regular nav. box */
.mcalDateboxHlght       { color:        #000000;
                          background:   #f1f1b1; } /* highlighted nav. box */
.mcalSmallCal           { color:        #000000;
                          background:   #f1f1f1; } /* small calendar view */
.mcalSmallCalHlght      { color:        #000000;
                          background:   #f1f1b1; } /* small calendar view */
.mcalViewSepBorder	{ background:	#9c9c9c; } /* dark grey for background */

.mcalText		{ color:	#000000;
			  font-family:	Helvetica;
			  font-size:	9pt; }

.mcalNavBox		{ color:        #000000;
			  background:   #f8f8f8;
			  border-width:	1px;
			  border-style:	solid;
			  border-color:	#f8f8f8;
			  font-family:	Helvetica;
			  font-size:	9pt;   /* box is not in this week */
			  cursor:	default; 
			}
.mcalNavBoxOOM		{ color:        #000000;
			  background:   #e0e0e0;
			  border-width: 1px;
			  border-style: solid;
			  border-color: #e0e0e0;
			  font-family:  Helvetica;
			  font-size:    9pt;     /* box is not in this week */
			  cursor:	pointer; 
			}
.mcalNavBoxHlght	{ color:        #000000;
			  background:   #f4f4e1; 
			  border-width:	1px;
			  border-style:	solid;
			  border-color:	#b0b0b0;
			  font-family:	Helvetica;
			  font-size:	9pt;   /* box is current date today */
			  cursor:	pointer; 
			}
.mcalNavBoxWeek		{ color:        #000000;
			  background:   #f1f1ce;
			  border-width:	1px;
			  border-style:	solid;
			  border-color:	#f1f1ce;
			  font-family:	Helvetica;
			  font-size:	9pt;     } /* box is in this week */

.mcalNavBoxToday	{ color:        #000000;
			  background:   #f2e2ea;
			  border-width:	1px;
			  border-style:	solid;
			  border-color:	#d5d5d5;
			  font-family:	Helvetica;
			  font-weight:	bold;
			  font-size:	9pt;     /* box is in this week */
			  cursor:	pointer; 
			}
.mcalNavText		{ color:        #000000;      
			  font-family:	Helvetica;
			  font-size:	9pt;	 } /* clickable numbers */

.mcalTimeHdr		{ background-color:	#ddddee;
			  color:		#444444;
			  font-family:		Helvetica;
			  font-size:		9pt;
			  border-style:		solid;
			  border-width:		1px 1px 1px 1px;
			  border-color:		#888888;
			  cursor:		default;
			}

A.mcalTimeHdr.hover	{ color:	#505050;
			  background:	#d0d0d0;
			  font-family:	Helvetica;
			  font-size:	9pt;
			  text-decoration: underline; }  /* 8:00, 9:00 etc. */

.mcalTimeHdrHlght	{ color:	#505050;
			  background:	#f1e0b1;
			  font-family:	Helvetica;
			  font-size:	9pt;
			  text-decoration: none;	}  /* 8:00, 9:00 etc. */

A.mcalTimeHdrHlght.hover { color:	#505050;
			  background:	#f1d0a4;
			  font-family:	Helvetica;
			  font-size:	9pt;
			  text-decoration: underline;	}  /* orange */

.mcalNavHdr		{ color:	#505050;
			  background:	#d0d0d0;
			  font-family:	Helvetica;
			  font-size:	9pt;
			  white-space:	nowrap;
			}  /* mon,tues, etc. */

.mcalNavMonthHdr	{ color:	#000000;
			  background:	#ddddee;
			  font-family:	Helvetica;
			  font-size:	9pt;
			  padding:	1px 1px 1px 2px;
			  cursor:	default;
			}
A.mcalNavMonthHdr	{ cursor:       pointer;
			}
A.mcalEventLink:active	{ color:	#050530;
			  font-family:	Helvetica;
			  font-size:	10pt;   }
A.mcalEventLink:link	{ color:	#050530;
			  font-family:	Helvetica;
			  font-size:	10pt;   }
A.mcalEventLink:visited	{ color:	#050530;
			  font-family:	Helvetica;
			  font-size:	10pt;   }
A.mcalEventLink:hover	{ color:	#050530;
			  font-family:	Helvetica;
			  font-size:	10pt;   }

A.mcalDateLink:active	{ color:	#050530;
			  font-family:	Helvetica;
			  font-size:	9pt;
			  text-decoration: none;}
A.mcalDateLink:link	{ color:	#050530;
			  font-family:	Helvetica;
			  font-size:	9pt;
			  text-decoration: none;}
A.mcalDateLink:visited	{ color:	#050530;
			  font-family:	Helvetica;
			  font-size:	9pt;
			  text-decoration: none;}
A.mcalDateLink:hover	{ color:	#050530;
			  font-family:	Helvetica;
			  font-size:	9pt;
			  text-decoration: underline;}

.mcalEventSubSection    { background:	#f2f2f2;
			  border-width:	0px 0px 1px 0px;
			  border-style:	solid;
			  border-color:	#d5d5d5;
			}

.mcalEventSubSectionBg  { background:	#d8d8d8; }

TABLE.mcalEventTimeSection {
			  border-style: solid;
			  border-color:	#d8d8d8;
			  border-width:	0px 0px 1px 0px;
			}

.mcalFreeBusyGrid	{ border-width:	1px 1px 1px 1px;
			  border-style:	solid;
			  border-color:	#777777;
			  background:	#eeeeee;
			  font-family:	Helvetica;
			  font-size:	9pt;
			  z-index:	0;
			  height:	auto;
			  overflow:	hidden;
			  overflow-x:	hidden;
			  overflow-y:	hidden;
			}

.mcalFreeBusyGridUserList	{ border-width:	1px 1px 1px 1px;
				  border-style:	none;
				  border-color:	#777777;
				  height:	246px;
				  width:	232px;
				  position:	absolute;
				}

.mcalFreeBusyUserList		{ border-width:	1px;
				  border-style:	solid;
				  border-color:	#777777;
				  background:	#eeeeee;
				  font-family:	Helvetica;
				  font-size:	9pt;
				}
.mcalFreeBusyGridUserIcon	{ background-color:	#ffffff;
				  border-style:		solid;
				  border-width:		1px 1px 0px 0px;
				  border-color:		#cccccc;
				  padding:		4px 0px 0px 1px;
				  width:		12px;
				  position:		absolute;
				}
.mcalFreeBusyGridUserName	{ color:		#101010;
				  background-color:	#ffffff;
				  text-align:		left;
				  border-style:		solid;
				  border-color:		#cccccc;
				  border-width:		1px 1px 0px 0px;
				  width:		185px;
				  padding:		3px 2px 2px 2px;
				  cursor:		default;
				  position:		absolute;
				}
.mcalFreeBusyGridUserNameConflict { color:		#101010;
				  background:		red;
				  width:		185px;
				  padding:		3px 2px 3px 2px;
				  cursor:		default;
				  position:		absolute;
				}
				/* See also mcalFreeBusyGridUserName ;
				 * width should match */
.mcalFreeBusyGridUserHdr	{ position:		absolute;
				  text-align:		left;
				  color:		#000000;
				  background:		#fff8f8;
				  width:		184px;
				  height:		15px;
				  padding:		2px 2px 1px 3px;
				  border-width:		1px 1px 0px 0px;
				  border-style:		solid;
				  border-color:		#999999; 
				  cursor:		default;
				}
.mcalFreeBusyGridIconHdr	{ position:		absolute;
				  text-align:		left;
				  color:		#000000;
				  background:		#fff8f8;
				  width:		8px;
				  height:		15px;
				  padding:		2px 2px 1px 3px;
				  border-width:		1px 1px 0px 0px;
				  border-style:		solid;
				  border-color:		#999999; 
				  cursor:		default;
				}
.mcalFreeBusyGridUserNameEmpty	{ color:	#101010;
				  background:	#dddddd;
				  border-width:	1px 1px 1px 1px;
				  border-style:	solid;
				  border-color:	#cccccc;
				  width:	100%;
				  height:	16px;
				  position:		absolute;
				}
.mcalFreeBusyGridScrollable	{ border-width:	0px 0px 0px 1px;
				  border-style:	solid;
				  border-color: #777777;
				  background:	#eeeeee;
				  overflow-x:	auto;
				  overflow-y:	hidden;
				  overflow:	auto; 
				  z-index:	1;
				}
.mcalFreeBusyGridTimeHdr	{ color:	#000000;
				  background:	#fff8f8;
				  width:	100%;
				  padding:	2px 2px 1px 3px;
				  border-width:		1px 1px 0px 0px;
				  border-style:	solid;
				  border-color:	#999999; 
				  cursor:	default;
				}

.mcalFreeBusyGridTimeHdrActive	{ color:	#000000;
				  background:	#fff8f8;
				  width:	100%;
				  padding:	2px 2px 2px 3px;
				  border-width:	1px 1px 0px 0px;
				  border-style:	solid;
				  border-color:	#999999;
				  cursor:	pointer; 
				}

.mcalFreeBusyGridEventDiv	{ border-width:	1px 1px 1px 1px;
				  border-style:	solid;
				  border-color:	#d8d8d8;
				  background:   #fafae0;
				  font-family:	Helvetica, Geneva;
				  font-size:	8pt;
				  z-index:	5;
				  visibility:	inherit;
				} /* contains event data */

.mcalFreeBusyGridFreeRow	{ position:	absolute;
				  border-width:	1px 1px 1px 1px;
				  border-style:	solid;
				  border-color:	#dddddd;
				  z-index:	3;
				  height:	14px;
				} /* contains event data */
.mcalFreeBusyGridInvalidRow	{ position:	absolute;
				  border-width:	1px 1px 1px 1px;
				  border-style:	solid;
				  border-color:	#dddddd;
                                  background-image: url(/images/eui/calendar_freebusy_invalid.gif);
				  z-index:	3;
				  height:	14px;
				} /* contains event data */
.mcalFreeBusyGridFreeCol	{ position:	absolute;
				  border-width:	0px 1px 0px 0px;
				  border-style:	solid;
				  border-color:	#cccccc;
				  padding:	0px 0px 0px 0px;
				  z-index:	4;
				  cursor:	pointer;
				}
.mcalFreeBusyGridBlackBox	{
				  border-width:	2px 3px 2px 3px;
				  border-style:	solid;
				  border-color:	#000000;
				  position:	absolute;
				  visibility:	inherit;
				  z-index:	11;
				}

.mcalFreeBusyGridBg		{
				  border-width:	0px 0px 0px 0px;
				  border-style:	solid;
				  background:	#ffffff;
				  position:	absolute;
				  visibility:	inherit;
				  z-index:	2;
				}

SELECT.mcalSel		{ color:	#000000;
			  background:	#f1f1f1;
			  font-family:	Helvetica;
			  font-size:	9pt;
			  padding:	0px;
			  margin:	0px;
			  border-style:	none;
			  border-width:	1px; }

TABLE.mcalTabSelected	{ background:	#f2f2f2;
			  border-width:	0px 0px 0px 0px; }

TABLE.mcalTabUnSelected	{ background:	#d8d8d8;
			  border-color:	#eeeeee;
			  border-width:	0px 0px 1px 0px; }

.subPageTabSelected	{ color:		#000000;
			  background-color:	#f2f2f2;
			  white-space:		nowrap;
			  font-family:		Helvetica;
			  font-size:		10pt;
			  position:		absolute;
			  height:		100%;
			  border-width:		0px;
			  border-style:		none;
			  cursor:		pointer;
			}

.subPageTabUnselected	{ color:		#000000;
			  background-color:	#d8d8d8;
			  white-space:		nowrap;
			  font-family:		Helvetica;
			  font-size:		10pt;
			  position:		absolute;
			  height:		100%;
			  border-color:		#444444;
			  border-style:		solid;
			  border-width:		0px 0px 1px 0px;
			  cursor:		pointer;
			}

.subPageTabGap		{ background-color:	transparent;
			  height:		100%;
			  border-color:		#444444;
			  border-style:		solid;
			  border-width:		0px 0px 1px 0px;
			  position:		absolute;
			}

.subPageTabImage	{ position:		absolute;
			  margin:		4px 0px 0px 0px;
			  border-width:		0px;
			  left:			0px;
			  top:			0px;
			  width:		16px;
			  background-color:	transparent;
			  cursor:		pointer;
			}

.subPageTabTxt		{ position:		relative;
			  margin:		4px 0px 0px 16px;
			  border-width:		0px;
			  top:			0px;
			  background-color:	transparent;
			  width:		auto;
			  cursor:		pointer;
			}

TABLE.mcalACTable	{ color:          	#606060;
			  background-color: 	#ff0000;
			  border-width:       	1px 1px 1px 1px;
			  padding:  		1px;
			  border-style:		solid;
			  border-color:		#202020;
			  border-collapse:	collapse;
			  visibility:		inherit;
			  z-index:		40;
			}

TBODY.mcalACTbody	{ color:		#606060;
              		  background-color:	#00ff00;
              		  border-width:		0px 0px 0px 0px;
              		  padding:		1px;
              		  border-style:		solid;
              		  border-color: 	#202020;
			  visibility:		inherit;
			  z-index:		40;
			}

.mcalACItem		{ color:		#606060;
			  font-family:		Helvetica;
			  font-size:		9pt;
			  padding:		3px;
			  border-width:		1px 0px 0px 0px;
			  direction:		ltr;
			  background:		#fcfcf1;
			  white-space:		nowrap;
			}

.mcalACItemHover	{ color:		#606060;
			  font-family:		Helvetica;
			  font-size:		9pt;
			  padding:		3px;
			  direction:		ltr;
			  background:		#f0f0c4;
			  white-space:		nowrap;
			}

.mcalPopUp		{ border-width:		1px 1px 1px 1px;
			  background:		#e0e0e0;
			  padding:		0px;
			  border-style:		solid;
			  border-color:		#000000;
			  z-index:		31;
			}

.mcalSliderDiv		{ background-color:	#efefd8;
			  padding:		0px;
			  border-style:		solid;
			  border-color:		#000000;
			  border-width:		1px 1px 1px 0px;
			  width:		11px;
			}

.mcalSliderBg		{ background-color:	#efefd8;
			  padding:		1px;
			}

.mcalSlider		{ background-color:	#a2a2e9;
			  border-width:		1px 1px 1px 1px;
			  border-style:		solid;
			  border-color:		#3232e0;
			  width:		7px;
			  padding:		0px;
			  font-size:		1pt;
			}

.mcalLHSTimeBox		{ background-color:	#eeeeee;
			  color:		#444444;
			  font-family:		Helvetica;
			  font-size:		9pt;
			  border-style:		solid;
			  border-width:		1px;
			  padding:		1px 0px 0px 0px;
			  border-color:		#888888;
			}

.mcalTimeWidget	    {
			position:		absolute;
			color:			#000000;
			border-width:		1px;
			border-color:		#222222;
			border-style:		solid;
			background:		#ddddee;
			font-family:		Helvetica;
			font-size:		8pt;
			white-space:		nowrap;
                        z-index:		26;
		    }

.mcalTimeWidgetTick {
			position:		absolute;
			border-width:		1px 0px 0px 0px;
			border-color:		#777788;
			border-style:		solid;
			background-color:	transparent;
			font-size:		1pt;
                        z-index:		30;
		    }

.mcalTimeWidgetBox  {
			position:		absolute;
			border-width:		1px 1px 1px 1px;
			border-color:		#777788;
			border-style:		solid;
			background-color:	#bbbbdd;
			font-size:		1pt;
                        z-index:		27;
		    }
.mcalTimeWidgetBoxSel  {
			position:		absolute;
			border-width:		1px 1px 1px 1px;
			border-color:		#777788;
			border-style:		solid;
			background-color:	#ddddee;
			font-size:		1pt;
                        z-index:		27;
		    }

.mcalTimeWidgetSel  {
			position:		absolute;
			border-width:		1px 1px 1px 1px;
			border-color:		#999977;
			border-style:		solid;
			background-color:	#eeeedd;
			font-size:		1pt;
                        z-index:		28;
		    }
.mcalTimeWidgetUnSel  {
			position:		absolute;
			border-width:		1px 1px 1px 1px;
			border-color:		transparent;
			border-style:		hidden;
			background-color:	transparent;
			font-size:		1pt;
                        z-index:		28;
		    }
.mcalTimeWidgetShdw {
			position:		absolute;
			border-width:		0px;
			border-style:		solid;
			background-color:	transparent;
			font-size:		1pt;
                        z-index:		32;
			cursor:			pointer;
		    }

.mcalTimeWidgetTxt  {
			position:		absolute;
			border-width:		0px;
			border-style:		none;
			background-color:	transparent;
			font-size:		7pt;
			color:			#000000;
                        padding:		0px;
                        z-index:		31;
			cursor:			pointer;
		    }

/****************************************************/
/* Selector declarations - for application 'spell'  */
/****************************************************/
.spellCurWord           { 
			  color:        #ff0000; 
			  font-family:	Helvetica;
			  font-size:	9pt;        
			  font-weight:	bold;
			} /* color of currently-selected misspelled word */

/****************************************************/
/* Selector declarations - for online help          */
/****************************************************/
A.helpNavLink           { text-decoration: none; }
A.helpLink              { text-decoration: none; }
A.helpLink:visited      { color:        #7b52a5;
                          background:   transparent; }
.helpMenuText           { color:        #3d567f; 
                          font-weight:  bold; }

.intab		     {  background-image: url(/images/tabfill.gif);
			font-family:	Helvetica;
			font-size:	9pt;
			vertical-align: middle;
			white-space: nowrap;
						}

.notab		     {  
                        background-image: url(/images/notab.gif);
                     }
.tabrise	     {  
                        background-image: url(/images/tabrise.gif);
                     }
.tabright	     {              
                        background-image: url(/images/tabright.gif);
	             }


.bkright	     {  background-image: url(/images/bkright.gif);}
.bkrise		     {  background-image: url(/images/bkrise.gif);}
.bkin		     {  background-image: url(/images/bkfill.gif);
			font-family:	Helvetica;
			font-size:	9pt;
			vertical-align: middle;
			white-space: nowrap;
						}

TD.toptab            {  background: #ffffff;
			color: #ff0000;
			font-family: Courier;
						}

.butNav     	    {
			margin: 0px;
			cursor: pointer;
			color: #000000;   
			font-family:Helvetica;
			font-size:9pt;
			text-decoration: none;
                        white-space:  nowrap;
			padding:0px;
		    }
A.butNav                {
                          color: black;
                          font-family:Helvetica;
                          font-size:9pt;
                          text-decoration: none;
                          white-space:  nowrap;
                        }
A.butNav:active         {
                          color: black;
                          text-decoration: none;
                        }
A.butNav:link           {
                          color: black;
                          text-decoration: none;
                        }
A.butNav:visited        {
                          color: black;
                          text-decoration: none;
                        }
A.butNav:hover          {
                          color: black;
                          text-decoration: none;
                        }
.indent     	    {
    	    	    	margin: 0px 4px;

    	    	    	    	    	    	}
.toolbarmargin      {
    	    	    	margin:0px 4px 8px 4px;
		    }
.menu 	    	    {
    	    	    	background-color: red;
			width:100%;
			color: white;
			text-align: center;
	            }
.menu_norm    	    {
			color: black;
			background-color: transparent;			
			border-style:none;
			border-color: #d5d5d5;
			border-width:1px;
			font-family:Helvetica;
			font-size:9pt;
			direction:ltr;			
			width: 100%;
                        z-index: 30;
                        padding: 0px 0px 0px 0px;
                        margin: 0px 0px 0px 0px;
			white-space: nowrap;
		    }

.menu_norm_icon     {
			position: relative;
			color: black;
			background-image: url(/images/grey_menucol.gif);
			border-style:none;
			border-color:#d5d5d5;
			border-width:0px;
			font-family:Helvetica;
			font-size:9pt;
			height: 18px;
			width: 22px;
                        padding: 2px 1px 1px 1px;
                        margin: 0px 0px 0px 0px;
			white-space: nowrap;
		    }
.menu_norm_txt	    {
			position: relative;
			color: black;
			background-color: transparent;
			border-style:none;
			border-color:#d5d5d5;
			border-width:0px;
			height: 18px;
			width: auto;
                        padding: 2px 1px 1px 1px;
                        margin: 0px 0px 0px 0px;
		    }

.menu_over    	    {
			color: purple;
			background-color: #ffffcc;			
			border-style:none;
			border-color: #555555;
			border-width: 1px 1px 1px 1px;
			font-family:Helvetica;
			font-size:9pt;			
			direction:ltr;			
			width: 100%;
			z-index: 30;
			padding: 1px 0px 0px 0px;
                        margin: 0px 0px 0px 0px;
			white-space: nowrap;
			cursor: pointer;
	    	    }
.menu_over_icon     {
			position: relative;
			color: black;
			background-color: #ffffcc;
			border-style:solid;
			border-color: #666666;
			border-width: 1px 0px 1px 0px;
			font-family:Helvetica;
			font-size:9pt;
			height: 18px;
			width: 22px;
			padding: 1px 1px 0px 1px;
			margin: 0px 0px 0px 0px;
			white-space: nowrap;
			cursor: pointer;
		    }
.menu_over_txt	    {
			position: relative;
			color: black;
			background-color: #ffffcc;
			border-style:solid;
			border-color: #666666;
			border-width: 1px 0px 1px 0px;
			font-family:Helvetica;
			font-size:9pt;
			width: auto;
			height: 18px;
			padding: 1px 1px 0px 1px;
			margin: 0px 0px 0px 0px;
			cursor: pointer;
		    }
.menu_down    	    {
			color: black;
			background-color: #eecc66;
			font-family:Helvetica;
			font-size:9pt;
			height:18px;
			width: 10px;
			direction:ltr;
                        z-index: 30;
                        padding: 1px 0px 0px 0px;
                        margin: 0px 0px 0px 0px;
			white-space: nowrap;
    	    	    }
.menu_down_icon	    {
			position: relative;
			color: black;
			background-color: #eecc66;
			border-style:solid;
			border-color: #666666;
			border-width: 1px 0px 1px 0px;
			font-family:Helvetica;
			font-size:9pt;
			height: 18px;
			width: 22px;
                        padding: 1px 1px 0px 1px;
                        margin: 0px 0px 0px 0px;
			white-space: nowrap;
		    }
.menu_down_txt	    {
			position: relative;
			color: black;
			background-color: #eecc66;
			border-style:solid;
			border-color: #666666;
			border-width: 1px 0px 1px 0px;
			font-family:Helvetica;
			font-size:9pt;
			height: 18px;
			width: auto;
			padding: 1px 1px 0px 1px;
			margin: 0px 0px 0px 0px;
		    }
A.menu_over    	    {
			color: purple;
			background-color: green;
			border-style:none;
			border-color:#d5d5d5;
			border-width:1px;
			font-family:Helvetica;
			font-size:9pt;
			height: 18px;
			width: 100%;
			direction:ltr;
                        z-index: 30;
                        padding: 2px 2px 1px 2px;
                        margin: 0px 0px 0px 0px;
	    	    }

.menu_table {  
               overflow: hidden;
               margin:0px;
               padding:0px;
               border-spacing:0px;
               border-collapse:collapse;
             }
             
.menu_table td {
               margin:0px;
               padding:0px;
               vertical-align:bottom;
               background-color:#FFFFFF;
               border-collapse:collapse;
               white-space: nowrap;
             }

/* used only for menus displayed in IE
** styles for the menus, defined above, have a z-index of 30.
*/
IFRAME.menu_iframe {
                       position:  absolute;
		       z-index:   25;
		       border:    none;
		   }
	    	    
.app_top    	    {
    	    	    	position:absolute;
			background:#f2f2f2;
			left:0;
			top:0;
			width:100%;
			height:auto;
			z-index:20;
			border-color:#d5d5d5;
			border-width:0px 0px 1px 0px;
			border-style:solid;
    	    	    }
.app_bottom    	    {
    	    	    	background-color:white;
			border-color:#d5d5d5;
			border-width:0px 0px 0px 1px;
			border-style:solid;
			height:100%;
			width:100%;
    	    	    }
.table_top          { 
			height:auto;
			margin: 0;
			padding: 0;
			position:absolute;
			left:0;
			right:0;
                    }
.abspos             {   position: absolute   }
.table_scroll_inherit{
                              margin: 0;
                              position:absolute;
                              top:0px;
                              left:0px;
                              right: 0px;
                              width: 100%;
                    }
.table_scroll_div   {
                              margin: 0;
                              position:absolute;
                              top:0px;
                              left:0px;
                              right: 0px;
                              width: 100%;
                              overflow: auto;
                              overflow-x: auto;
                              overflow-y: auto;
                    }
.table_scroll       {
			background:#ffffff;
			margin: 0;
			position:absolute;
			top:0px;
			left:0px;
			right: 0px;
			bottom:0px;
			width: 100%;
                        z-index: 0;
			overflow: auto;
  		        overflow-x: auto;
			overflow-y: auto;
		    }
.table_scroll_always       {
			margin: 0px;
			position:absolute;
			top:0px;
			left:0px;
			right: 0px;
			bottom:0px;
			width: 100%;
                        z-index: 0;
			overflow: scroll;
                    }
.table_scroll_cal       {
			margin: 0px;
			position:absolute;
			top:0px;
			left:0px;
			right: 0px;
			bottom:0px;
			width: 100%;
                        z-index: 0;
			overflow: auto;
  		        overflow-x: auto;
			overflow-y: auto;
		    }
.table_scroll_lhs   {
                        border-style: solid;
                        border-color: white;
                        border-width: 0px;
			position:absolute;
			overflow:auto;
  		        overflow-x: hidden;
			overflow-y: auto;
                        width: 100%;
                        height: 100%;
			right: 0px;
		    }
#pad	    	    {
    	    	    	height:4px;
			width:100%;
    	    	    }

.adduser	    {
			position:absolute;
			left:50px;
			top:50px;
			overflow:auto;
			visibility:hidden;
			border-width:1px;
			border-color:#222222;
			z-index:30;
			background:#ffffff;
			clip: rect(auto,auto,auto,auto);
		    }

@media screen {
    .printonly {
	display: none;
    }
}

/****************************************************/
/* Selector declarations - for 'Options' pages      */
/****************************************************/

/*
 * Notes about usage of these selectors:
 *   1) the naming convention follows the left-hand side choices under the "Options" window in CE.
 *   2) uncommenting any of the selectors below will cause the named section to be hidden from view.
 *   3) in order to hide the entire section in the Options page, you'll need to uncomment all of its
 *      sub-section selectors, as well (where applicable). 
 */

/* if the format section of compose page has to be completely hidden then uncomment
 * .options_compose_format_* below or the individual fields can be hidden by
 * uncommenting the .options_compose_format_composewidth/composeheight/compose/reply
 * individually
 */
 /* .options_compose_format_header	           { display: none } */
 /* .options_compose_format_composewidth      	   { display: none } */
 /* .options_compose_format_composeheight    	   { display: none } */
 /* .options_compose_format_compose		   { display: none } */
 /* .options_compose_format_reply        	   { display: none } */
 
/* if the header information section of compose page has to be completely hidden then uncomment
 * .options_compose_header_* below or the individual fields can be hidden by
 * uncommenting the .options_compose_header_email_address/reply_to
 * individually
 */
 /* .options_compose_header_information       { display: none } */ 
 /* .options_compose_header_email_address     { display: none } */
 /* .options_compose_header_reply_to          { display: none } */ 
 
/* if the receipts section of compose page has to be completely hidden then uncomment
 * .options_compose_receipts_* below or the individual fields can be hidden by
 * uncommenting the .options_compose_receipts_delivery/read
 * individually
 */
 /* .options_compose_receipts_header          { display: none } */
 /* .options_compose_receipts_delivery        { display: none } */
 /* .options_compose_receipts_read            { display: none } */

/* if the auto complete section of compose page has to be completely hidden then uncomment
 * .options_compose_ac below 
 */
 /* .options_compose_ac			   { display: none } */

/* if the display section of settings page has to be completely hidden then uncomment
 * .options_settings_display_* below or the individual fields can be hidden by
 * uncommenting the
 * .options_settings_display_perpage/recentlyreceived/messagepane_rows/showhtmlcontent 
 * individually
 */
 /* .options_settings_display_header	  	   { display: none } */
 /* .options_settings_display_perpage		   { display: none } */
 /* .options_settings_display_recentlyreceived	   { display: none } */
 /* .options_settings_display_messagepane_rows     { display: none } */
 /* .options_settings_display_showhtmlcontent 	   { display: none } */
 
/* if the rename section of settings page has to be completely hidden then uncomment
 * .options_settings_rename_* below or the individual fields can be hidden by
 * uncommenting the .options_settings_rename_sent/draft/junk/trash individually
 */
 /* .options_settings_rename_header	{ display: none } */
 /* .options_settings_rename_sent	{ display: none } */
 /* .options_settings_rename_draft	{ display: none } */
 /* .options_settings_rename_junk	{ display: none } */
 /* .options_settings_rename_trash	{ display: none } */

/* if the message header section of settings page has to be completely hidden then uncomment
 * .options_settings_message_* below or the individual fields can be hidden by
 * uncommenting the .options_settings_header_savesent/deletetotrash/readreceipt individually
 */
 /* .options_settings_message_header		{ display: none } */
 /* .options_settings_message_savesent		{ display: none } */
 /* .options_settings_message_deletetotrash	{ display: none } */
 /* .options_settings_message_readreceipt	{ display: none } */

/* if the individual fields of personal page are to be hidden then uncomment
 * .options_personal_fullname/timezone/messagecharset
 */
 /* .options_personal_fullname		{ display: none } */
 /* .options_personal_timezone		{ display: none } */
 /* .options_personal_messagecharset	{ display: none } */

/* if the individual fields of presentations page are to be hidden then
 * uncomment.options_presentations_default/weekstartson/timemode/daystart/dayend/timeintervals
 */
 /* .options_presentations_default		{ display: none } */
 /* .options_presentations_weekstartson		{ display: none } */
 /* .options_presentations_timemode		{ display: none } */
 /* .options_presentations_daystartend		{ display: none } */
 /* .options_presentations_timeintervals	{ display: none } */