/*
 ********************************************************************************
    Calendar.css
 ********************************************************************************
*/
.CalendarStyleCalendar
{     }

.CalendarNormal
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    color: Black;
}

/**************************************** DAY STYLES ****************************************/
/* Day styles affect the appearance of the day cells and not the contents of the cells      */
/* Styles for the display with events included in the day will be named with "StyleDetail"  */ 
/* STYLES THAT START WITH "MARKED_" are styles applied if events exist on the given day     */
/* DayStyle & DayStyleDetail = regular day appearance                                       */
/* OtherDayStyle & OtherDayStyleDetail = Days outside of the selected month                 */
/* WeekendDayStyle & WeekendDayStyleDetail = Saturdays and sundays cells.                   */
/* TodayDayStyle & TodayDayStyleDetail = the current days cell                              */
/********************************************************************************************/
.DayStyleCalendar, .DayStyleDetailCalendar, .MARKED_DayStyleCalendar, .MARKED_DayStyleDetailCalendar, 
.WeekendDayStyleCalendar, .WeekendDayStyleDetailCalendar, .MARKED_WeekendDayStyleCalendar, .MARKED_WeekendDayStyleDetailCalendar, 
.OtherDayStyleCalendar, .OtherDayStyleDetailCalendar, .MARKED_OtherDayStyleCalendar, .MARKED_OtherDayStyleDetailCalendar
{ 
	cursor: pointer; 
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8px; 
	font-weight: normal; 
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	
	/* IMPORTANT: make sure that this height is set in percent and daystyles will appear 6 times so this percentage must be less than 100% when multiplied by 6 and added to height of Day header + paddings   */
	    height:15%; 
	    width:14%;	
/*	height:20px; 
	width:20px;	   */
	       
overflow:hidden; 
	/* IMPORTANT: make sure that this height is set in percent and daystyles will appear 6 times so this percentage must be less than 100% when multiplied by 6 and added to height of Day header + paddings   */
}

.DayStyleCalendar, .MARKED_DayStyleCalendar, 
.WeekendDayStyleCalendar, .MARKED_WeekendDayStyleCalendar, 
.OtherDayStyleCalendar, .MARKED_OtherDayStyleCalendar, 
.TodayDayStyleCalendar, .MARKED_TodayDayStyleCalendar
{ 
	text-align:center;
	vertical-align:middle;	
}
.DayStyleDetailCalendar, .MARKED_DayStyleDetailCalendar, 
.WeekendDayStyleDetailCalendar, .MARKED_WeekendDayStyleDetailCalendar, 
.OtherDayStyleDetailCalendar, .MARKED_OtherDayStyleDetailCalendar, 
.TodayDayStyleDetailCalendar, .MARKED_TodayDayStyleDetailCalendar
{ 
	text-align:left;
	vertical-align:top;
}

.DayStyleCalendar, .DayStyleDetailCalendar
{ 
	background-color: White;
	color: black; 
}
.WeekendDayStyleCalendar, .WeekendDayStyleDetailCalendar
{ 
	background-color: #e9e9e9; /* Gray; */
	color: black; 
}
.OtherDayStyleCalendar, .OtherDayStyleDetailCalendar
{ 
	background-color: #d2d2d2; /*#dcdcdc; */
	color: gray;
}
.TodayDayStyleCalendar, .TodayDayStyleDetailCalendar
{ 
	background-color: #ffaaa3;/* #ffc080;  #ffc080 */	
	color: black; /* black */
	cursor: pointer; 
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8px; 
	font-weight:bold; 
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;	
	
	/* IMPORTANT: make sure that this height is set in percent and daystyles will appear 6 times so this percentage must be less than 100% when multiplied by 6 and added to height of Day header + paddings   */
	    height:15%; 
overflow:hidden; 
	/* IMPORTANT: make sure that this height is set in percent and daystyles will appear 6 times so this percentage must be less than 100% when multiplied by 6 and added to height of Day header + paddings   */    
}

/* STYLES FOR DAYS THAT HAVE EVENTS ON THE DATE */
.MARKED_DayStyleCalendar, .MARKED_DayStyleDetailCalendar
{ 
	background-color: #a1e2ff;/* #00CC00;  #fffc66; */
	color: black; 
}
.MARKED_WeekendDayStyleCalendar, .MARKED_WeekendDayStyleDetailCalendar
{ 
	background-color: #aeaeae; /* silver; */ 
	color: black; 
}
.MARKED_OtherDayStyleCalendar, .MARKED_OtherDayStyleDetailCalendar
{ 
	background-color: #dcdcdc; 
	color: gray;
}
.MARKED_TodayDayStyleCalendar, .MARKED_TodayDayStyleDetailCalendar
{ 
	background-color: #fffc66; /* #ffc080 */	
	color: Maroon; /* black */
	cursor: pointer; 
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8px; 
	font-weight:bold; 
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;	
	
	/* IMPORTANT: make sure that this height is set in percent and daystyles will appear 6 times so this percentage must be less than 100% when multiplied by 6 and added to height of Day header + paddings   */
	    height:15%;  
overflow:hidden; 
	/* IMPORTANT: make sure that this height is set in percent and daystyles will appear 6 times so this percentage must be less than 100% when multiplied by 6 and added to height of Day header + paddings   */    
}
/************************************** END DAY STYLES **************************************/


/************************************** HEADER STYLES ***************************************/
/* Header styles affect the appearance of the row containing the day labels(mon, tue etc..  */
/* Styles for the display with events included in the day will be named with "StyleDetail"  */ 
/* DayHeaderStyle & DayHeaderStyleDetail = header cell appearance                           */
/********************************************************************************************/
.DayHeaderStyleCalendar, .DayHeaderStyleDetailCalendar
{
    background-color: #858585;/*  #708090; */
    border:0px none transparent; 
    color: White;
    font-size: 14px;
    font-weight: bold;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    vertical-align:middle;	

	/* IMPORTANT: make sure that this height is set in percent.  Daystyles will appear 6 times so this percentage must be less than 100% when daystyle heights are multiplied by 6 and added to this height (Day header) + paddings   */
	    height:20px;  
	/* IMPORTANT: make sure that this height is set in percent.  Daystyles will appear 6 times so this percentage must be less than 100% when daystyle heights are multiplied by 6 and added to this height (Day header) + paddings   */
}
/************************************ END HEADER STYLES *************************************/

/*********************************** DAY CONTENTS STYLES ************************************/
/*                                                                                          */
/********************************************************************************************/
.DayCellHeader /*  Table cell which contains the heading including date and category colors table.  */
{
    font-size: 10px;   /* For some reason the font-size would not inherit from day cell so this is specifically added */ 
    padding-left: 2px;
    height:10px;   
    /* width:10px;     Removed 20110907 as it was wrapping in betatest environment.*/
}
.DayCellHeaderDayLink
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 11px; 
	font-weight:bold; 
}
.DayCellHeaderCategoryBox /*  Format of the boxes that display the categories present on a given day  */
{
/*  BORDER-LEFT-STYLE  is configured programatically since depending on which box in a series it is double lines are eliminated. */
	border-style:solid;	
	border-width:0px;
	border-color:gray;	     
    BORDER-RIGHT-STYLE: solid; 
    BORDER-BOTTOM-STYLE: none;
    BORDER-TOP-STYLE: none;
	
    width:2px;  /* Be careful/aware that improper setting of this width may not make the tool tip appear when hovering in the box */
}
.DayHeaderCategoryTable /* Applied to the table of present categories at the top of a day cell to the right of the date */
{
    background-color:transparent;
    border:0px solid transparent; /* 1px solid black */    
    /* padding:0px 0px 0px 0px;  */
    margin:0px 0px 0px 0px;
    height:10px;
    width:100%;
    padding-right:20px;
}

.DayHeaderTable /* Applied to the table that contains one row that contains the entire header for a day. */
{
    background-color:transparent;
    border:0px none transparent;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    width:100%;
}

.DayBodyTable /* Applied to the table that contains the events that are added to a day. */
{
    background-color:transparent;
    border:0px none transparent;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

.DayDiv 
{
    overflow:hidden;
} 

.DayDetailEvent
{
    font-size: 9px;    
    font-style: normal;
/*  Removed height as it broke the overflow truncate logic.
height:9px;   
*/

/* Makes the cell not stretch any more but started wrapping again 
width:80px;
*/
width:100%;
}
.DayDetailEventSubtitle
{
    font-size: 7px;    
    font-style: italic;
    height: 7px;    
}

.DayDetailCategoryIcon
{
    font-size: 9px;   
    height:9px;  
    width:1px;
    padding-left:2px;
    padding-right:2px;
}

/********************************* END DAY CONTENTS STYLES **********************************/



/********************************** DAY CARD POPUP STYLES ***********************************/
/*                                                                                          */
/********************************************************************************************/
/*  Applied in Javascript to the Iframe  */
.DayCardIframeDiv
{
	position: absolute;
	width: 335px; /* 325px; 475px originally  */ 
	height: 215px; /* 205px */
	border: solid 1px black;
}

.DayCardDiv
{
    /* original style associated with object in html
style="position: absolute; top: 0px; left: 0px; height: 100%; width: 465px;" */
    position: absolute; 
    top: 0px; 
    left: 0px; 
    height: 205px; /* 10px smaller than setting in DayCardIframeDiv originally: 100%;  */
    width: 325px; /* 10px smaller than setting in DayCardIframeDiv Impacts width of background color applied to popup 465px originally   */ 

	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background-color: #FAFAD2;
	background-position: 0px 0px;
}

.DayCardHeaderDiv, .DayCardEventsDiv
{   
    width: 310px; /* 450px originally */
}

/*  This affects the header area of the div that contains the current date being displayed */
.DayCardMainDiv
{   
/* Styles within it:
    DayCard_ErrorText
    DayCardHeader
    DayCardEventsDiv
*/ 
    height:165px; /* 165px originally */
    /* width: 450px;  Shared with DayCardEventsDiv as they must match */
}

/*  This affects the div that contains the repeating list of events */
.DayCardEventsDiv
{
    height:150px; /* 135px originally */
    overflow: auto;
    /* width: 450px;  Shared with DayCardHeaderDiv as they must match */
}

.DayCardFooter
{
    height: 15px; 
    vertical-align: top;
    width: 310px; /* 450px originally */
}

.DayCardBody
{
    border: none 0px black; 
    margin: 0px 0px 0px 0px; 
    overflow: hidden;
    padding: 0px 0px 0px 0px; 
}

.DayCardTable
{
    /* style="width: 400px; height: 190px;" */
    /*height: 190px;  190px originally  DOES NOT APPEAR TO IMPACT ANYTHING*/
    /*width: 100px;   400px originally  DOES NOT APPEAR TO IMPACT ANYTHING*/
    /*height: 190px;  190px originally  DOES NOT APPEAR TO IMPACT ANYTHING*/
}

.DayCardHeader
{
    cursor: pointer; 
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px; 
	font-weight:bold; 
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	text-align:center; 
	vertical-align:middle;
	
	height: 15px
}



.DayCardEventBullet
{
	cursor: pointer; 
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 10px;   
    width:3px;
    padding-left:2px;
    padding-right:2px;
	vertical-align:top;
}

.DayCardEventTimes
{
	cursor: pointer; 
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 9px; 
	font-weight:normal; 
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	text-align:left; 
	vertical-align:top;
    
    Width: 30%;
}

.DayCardEventTitle
{
	cursor: pointer; 
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 10px; 
	font-weight:normal; 
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	text-align:left; 
	vertical-align:top;	
    
    Width: 70%;
}

.DayCard_ErrorText
{
	color: Red;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Verdana, Helvetica, Sans-Serif
}	


/*   POPUP DAY CARD DETAILS */ 
.DayCardDetailCaption
{
	cursor: pointer; 
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px; 
	font-weight:Bold; 
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	text-align:right; 
	vertical-align:top;
    
    Width: 20%;    
}

.DayCardDetailData
{
	cursor: pointer; 
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px; 
	font-weight:normal; 
	padding: 0px 0px 0px 2px;
    margin: 0px 0px 0px 0px;
	text-align:left; 
	vertical-align:top;	
    
    Width: 80%;    
}
/******************************** END DAY CARD POPUP STYLES *********************************/
/*                                                                                          */
/********************************************************************************************/


/****************************** CALENDAR DAY VIEW PAGE STYLES *******************************/
/*                                                                                          */
/********************************************************************************************/
.CalendarDayView_Caption
{
    cursor: pointer; 
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px; 
	font-weight:bold; 
	padding: 0px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
	text-align:right; 
	vertical-align:top;
    
    Width: 8%; 
}

.CalendarDayView_When
{
	cursor: pointer; 
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 18px; 
	font-weight:bold; 	 
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	text-align:center; 
	vertical-align:top;
	background-color:#e2f4ff;
    
    Width: 20%;    
}

.CalendarDayView_Title
{
    cursor: pointer; 
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 16px; 
	font-weight:bold; 
	padding: 0px 0px 0px 5px;
    margin: 0px 0px 0px 0px;
	text-align:Left; 
	vertical-align:top;
    
    Width: 80%; 
}

.CalendarDayView_Description, .CalendarDayView_WhereDetail, .CalendarDayView_ReadMore
{
    cursor: pointer; 
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px; 
	font-weight:normal; 
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	text-align:Left; 
	vertical-align:top;
	
    Width: 72%; 
}

.CalendarDayView_Category
{
    cursor: pointer; 
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 11px; 
	font-weight:normal; 
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	text-align:Left; 
	vertical-align:top;
	
    Width: 72%; 
}

.CalendarDayView_PrevDay, .CalendarDayView_NextDay
{
    cursor: pointer; 
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px; 
	font-weight:normal; 
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	vertical-align:middle;
    
    Height:20px;
    Width: 37%; 
}
.CalendarDayView_PrevDay
{
	text-align:right; 
}
.CalendarDayView_NextDay
{
	text-align:left; 
}
.CalendarDayView_New
{
    cursor: pointer; 
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	vertical-align:top;
    Height:20px;
    Width: 20px;    
    
}
.CalendarDayView_Header
{
    cursor: pointer; 
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 18px; 
	font-weight:bold; 
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	text-align:Center; 
	vertical-align:top;
	color:#004699;
    
    Width: 26%; 
}
/**************************** END CALENDAR DAY VIEW PAGE STYLES *****************************/
/*                                                                                          */
/********************************************************************************************/





/***************************** CALENDAR EDIT EVENT PAGE STYLES ******************************/
/*                                                                                          */
/********************************************************************************************/
.CalendarEdit_Note
{
	color:Maroon;
	cursor: pointer; 
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px; 
	font-weight:bold;
	font-style:italic; 	 
	text-align:left; 
	vertical-align:top;
}
/**************************** END CALENDAR EDIT EVENT PAGE STYLES *****************************/
/*                                                                                          */
/********************************************************************************************/

/********************************************************************************************/
 ********************************************************************************
    Contacts.css
 ********************************************************************************
*/
.Contacts_Normal {}
.Contacts_NormalBold {}
.Contacts_DataGridHeader {}
.Contacts_DataGridNormal {}
.Contacts_DataGridAlternating {}
/*
 ********************************************************************************
    DocExplorer.css
 ********************************************************************************
*/
body
{
}
.TopMenu_Background 
{ 
	color: white; 
	border-style: none;
	font-size: 10pt; 
	font-family: Arial; 
	background-repeat: repeat-x;
	background-image: url(../images/PnP/Explorer_Bar.gif);
}
.TopMenu_ExpandBg 
{ 
	font-size: 10pt; 
	color: black; 
	border-style: none;
	font-family: Arial; 
	background-color: #ADD8E6; 
}
.TopMenu_DropColor 
{ 
	font-size: 10pt; 
	color: black;
	border-style: none;
	font-family: Arial; 
	background-color: #f0f0f0; 
}
.TopMenu_phBackground
{
	font-size: 10pt; 
	color: white; 
	border-style: none;
	font-family: Arial; 
	border: solid 1px transparent;
}
.TopMenu_DropHover
{
	background-color: #dbecf3;
	border-style: solid;
	border-width: 1px;
	border-color: #a8d8eb;
	font-family: Arial; 
	font-size: 10pt; 	
	cursor: pointer;
}
.TopMenu_Hover 
{ 
	font-size: 10pt; 
	color: white; 
	border: solid 1px white;
	font-family: Arial; 
}

.Folders_Node, .Folders_NodeOver, .Folders_NodeSelected 
{
	font-family: verdana, sans-serif;
	font-size: 12px;
	padding-left: 3px;
	padding-right: 3px;
}
.Folders_Node 
{
	color: #000000;
}
.Folders_NodeOver 
{
	color: #648bcb;
	text-decoration: underline;
}
.Folders_NodeSelected 
{
	color: #000000;
	background-color: #b2b4bf; 
}

.Seperator_Bar
{
	color: #b0bfde;
	height: 1px;
	padding: 0px 0px 0px 0px;
}
.Seperator_Bar_Text
{
	padding-right: 5px; 
	vertical-align: middle; 
	color: #003399;
	font-family: verdana, sans-serif;
	font-size: 12px;	
}
.Details_Grid_Row, .Details_Grid_Header, .Details_Grid_Footer
{
	font-family: Verdana, Sans-Serif;
	font-size: 12px;
}

.Details_Grid_RowOver
{
	font-family: Verdana, Sans-Serif;
	font-size: 12px;
	color: #648bcb;
	background-color: #FFFFE0;
}

.Details_Grid_Header, .Details_Grid_Footer
{
	background-color: #dcdcdc;
}

.Info_Card
{
	background-color: #fafad2;
	overflow: auto;
	padding: 5px 5px 5px 5px;
	border: solid 1px black;
	position: absolute;
	width: 275px;
	height: 200px;
}
.Info_Card_Normal, .Info_Card_Bold
{
	font-size: 11px;
	line-height: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: Black;
}
.Info_Card_Bold
{
	font-weight: bold;
}

.Explorer_PopupMenu, .Explorer_Popup_Normal, .Explorer_Popup_Bold, .Explorer_MouseOver
{
	font-size: 11px;
	line-height: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: Black;
}
.Explorer_Popup_Bold
{
	font-weight: bold;
}
.Explorer_MouseOver
{
	cursor: pointer;
	background-color: #d3d3d3;
}
.Explorer_PopupMenu
{
	padding: 5px 5px 5px 5px;
	border: solid 1px black; 
	position: absolute;	
	background-color: #fcfcf9;
	overflow: visible;
	width: 150px;
}

/*
 ********************************************************************************
    Events.css
 ********************************************************************************
*/
.Events_Normal {}
.Events_NormalBold {

    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #a80202;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
}
.Events_CommandButton { }

/*
 ********************************************************************************
    ImageGallery.css
 ********************************************************************************
*/

.ig_GalleryColor
{
	background-color: #bbd1e3;
}
ig_GallerySelectedColor
{
	background-color: #FFFFFF;
}

.ig_GalleryTopLeft,
.ig_GalleryTopRight,
.ig_GalleryBottomLeft,
.ig_GalleryBottomRight
{
	height: 6px;
	width: 6px;
	background-image: url(../images/imagegallery/corners.png);
}

.ig_GalleryTopLeft
{
	text-align: left;
	background-position: left top;
}

.ig_GalleryTopRight
{
	text-align: right;
	background-position: right top;
}
.ig_GalleryBottomLeft
{
	text-align: left;
	background-position: left bottom;
}
.ig_GalleryBottomRight
{
	text-align: right;
	background-position: right bottom;
}

.ig_GalleryBackward,
.ig_GalleryBackward_Hover,
.ig_GalleryPrevious,
.ig_GalleryPrevious_Hover,
.ig_GalleryNext,
.ig_GalleryNext_Hover,
.ig_GalleryForward,
.ig_GalleryForward_Hover
{
	width: 27px;
	height: 26px;
	background-image: url(../images/imagegallery/buttons.png);
	cursor: pointer;
}

.ig_GalleryPlay,
.ig_GalleryPause
{
	width: 30px;
	height: 26px;
	background-image: url(../images/imagegallery/buttons.png);
	cursor: pointer;
}

.ig_GalleryBackward
{
	background-position: 0px 0px;
}
.ig_GalleryBackward_Hover
{
	background-position: -27px 0px;
}
.ig_GalleryPrevious
{
	background-position: -54px 0px;
}
.ig_GalleryPrevious_Hover
{
	background-position: -81px 0px;
}
.ig_GalleryPlay
{
	background-position: -108px 0px;
}
.ig_GalleryPause
{
	background-position: -138px 0px;
}
.ig_GalleryNext
{
	background-position: -168px 0px;
}
.ig_GalleryNext_Hover
{
	background-position: -195px 0px;
}
.ig_GalleryForward
{
	background-position: -222px 0px;
}
.ig_GalleryForward_Hover
{
	background-position: -249px 0px;
}


/*
 ***********************************************************************************
    HTMLEditor.css
    2010-06-18: Albert and George had decided to move HTMLEditor.css to Portals.css
 ***********************************************************************************

 
.HTMLEditor_BodyStyle
{
	background-color: White;
	color: Black;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial;
}
.HTMLEditor_Text
{
    color: black;
    background-color: White;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial;
    text-align: left;
}
 */
 
 
/*
 ********************************************************************************
    Links.css
 ********************************************************************************
*/
.Links_Normal { }
.Links_NormalBold { }
.Links_CommandButton { }
.Links_DataGridNormal { }
.Links_DataGridAlternating { }
.Links_DataGridHeader { }
.Links_DataGridSelect { }

/*
 ********************************************************************************
    OnCall.css
 ********************************************************************************
*/
/*
	Modifying a "Not Editable" style may have catastropic consequences!
*/

/*
	The calendar "1" button (top right of OnCall component, on the Detail List or Calendar View).
 */
 .OnCall_Normal{}
 .OnCall_NormalBold{}
.Quick_Cal_Now,
.Quick_Cal_Now_Hover
{
	background-image: url(../images/NowCal_SF.gif);
	height: 18px;
	width: 24px;
}

.Quick_Cal_Now
{
	background-position: left center;
}

.Quick_Cal_Now_Hover
{
	background-position: right center;
}

 
.Quick_Cal_Day,
.Quick_Cal_Day_Hover
{
	background-image: url(../images/DayCal_SF.gif);
	height: 18px;
	width: 24px;
}

.Quick_Cal_Day
{
	background-position: left center;
}

.Quick_Cal_Day_Hover
{
	background-position: right center;
}

.Quick_Cal_Week,
.Quick_Cal_Week_Hover
{
	background-image: url(../images/WeekCal_SF.gif);
	height: 18px;
	width: 24px;
}

.Quick_Cal_Week
{
	background-position: left center;
}
.Quick_Cal_Week_Hover
{
	background-position: right center;
}

.Quick_Cal_Month,
.Quick_Cal_Month_Hover
{
	background-image: url(../images/MonthCal_SF.gif);
	height: 18px;
	width: 24px;
}
.Quick_Cal_Month
{
	background-position: left center;
}
.Quick_Cal_Month_Hover
{
	background-position: right center;
}

.OCS_LockContactInfo
{
    background-color: #dcdcdc;
    position: absolute; 
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0px;
    left: 0px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    -maz-opacity: .60;
    opacity: .60;
}

.Assignment_Removed
{
	/* Editable */
	text-decoration: line-through;
}

.Assignment_Highlight
{
    /* Editable */
    font-weight:normal; 
    font-style: normal;     
}

.Schedule_Nav
{
	/* Editable */
	color: Black;
}
.Schedule_Nav a:link, 
.Schedule_Nav a:visited, 
.Schedule_Nav a:active, 
.Schedule_Nav a:hover
{ 
	/* Editable */
	color: Black; 
}

.Schedule_Nav_Selected
{
	/* Editable */
	font-weight: bold;
	background-color: #87CEFA;
}

.Schedule_Nav_Separator
{
	/* Editable */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/* Edit Schedule Screen */
	/*-------------------------------------------------------------------------------------*/
	/*                                   LAYOUT ELEMENTS                                   */
	/* 
	|	Size of the data grid:
	|		width = Schedule_Shifts_Dimentions.width + scroll bar size (IE = 17)
	|		height =  Schedule_Days_Dimentions.height + scroll bar size (IE = 17)
	|	Notes:
	|		Unfortunatly theres no "good" way to go about simulating excel "frozen" columns
	|		and rows, the best way to do it is to use 3 grids one for header, one for
	|		column and one for data. The problem with this approch that that the scrolling
	|		grid knows nothing about the header and column and vice versa. This leaves a
	|		small padding area when the gris scrolls. To counter this padding the grid
	|		needs to have its scroll bars on at all times, and must be an extra X pixels
	|		wider than the header and column where X is the width of the browser scroll
	|		bars.
	+--------------------------------------------------------------------------------------*/
	.Schedule_Data_Dimentions
	{
		/* Editable */
		background-color: #B0C4DE;
		
		/* Not Editable -- Unless you know what your doing */
    	width: 700px; 
    	height: 517px; 
    	
    	/* Not Editable */
    	overflow: scroll;
	}
	
	/* Dimentions of the header row */
	.Schedule_Shifts_Dimentions
	{
		/* Not Editable -- Unless you know what your doing */
		width: 683px;
		
		/* Not Editable */
		overflow: hidden;
	}
	
	/* Dimentions of the left column */
	.Schedule_Days_Dimentions
	{
		/* Not Editable -- Unless you know what your doing */
    	height: 500px;
    	
    	/* Not Editable */
    	overflow: hidden;
	}
	
	/* Width of the columns. */
	.Schedule_Shifts_Column_Width
	{
		/* Not Editable -- Unless you know what your doing */
		width: 225px;
	}
	
	/* Height of the rows. */
	.Schedule_Days_Row_Height
	{
		/* Not Editable -- Unless you know what your doing */
		height: 100px;
	}
	/*                                   LAYOUT ELEMENTS                                   */
	/*-------------------------------------------------------------------------------------*/
	
	/* The far upper left cell (next to the header and above the frozen column) */
	.Schedule_RowColumn_Header
	{
		/* Editable */
		font-size: 14pt; 
    	font-family: Verdana;
    	font-weight: bold;
    	vertical-align: middle; 
    	text-align: center; 
    	background-color: #ffffff;
    	background-image: url(../images/OnCall/cellgrad.gif);
    	
    	/* Editable - Frozen border effect */
    	border-right: solid 1px black; 
    	border-bottom: solid 1px black
	}

	/*-------------------------------------------------------------------------------------*/
	/*                                     HEADER ROW                                      */
		.Schedule_Shifts_Header_Border
		{
			/* Editable - Frozen border effect */
			border-bottom: solid 1px black;		/* Should match Schedule_RowColumn_Header.border-bottom */
		}
		
		/* Hight of the header row */
		.Schedule_Shifts_Cell_Height
		{
			/* Not Editable -- Unless you know what your doing */
			height: 100px;
		}
	
		/* Left, Right, and [ Remove ] buttons */
		.Schedule_Shifts_Controls
		{
			/* Editable */
			padding-left: 5px;
			padding-right: 5px;
			font-size: 8pt;
			font-family: Verdana;
			line-height: 22px;					/* should match height to vertical align text */
			height: 22px;						/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
			background-color: #ADD8E6;
			border-bottom: solid 1px #708090;
			
			/* Not Editable */
			clear: both;
		}
		/* All Editable - Changes hyperlink colors */
		.Schedule_Shifts a:visited   { color: Black; text-decoration: none; }
		.Schedule_Shifts a:link      { color: Black; text-decoration: none; }
		.Schedule_Shifts a:hover     { color: Black; text-decoration: underline; }
		.Schedule_Shifts a:active    { color: Black; text-decoration: none; }

		.Schedule_Shifts_Cell
		{
			/* Editable */
			vertical-align: middle; 
			background-color: #ffffff;
			background-image: url(../images/OnCall/cellgrad.gif);
			
			/* Not Editable -- Unless you know what your doing */
			height: 78px;			/* Should be Schedule_Shifts_Cell.height + Schedule_Controls.height = Schedule_Shifts_Cell_Height.height
			
			/* Not Editable */
			width: 100%;
		}
		
		/* Shift Name */
        .Schedule_Shifts_Title
        {
        	/* Editable */
        	font-size: 8pt;
        	font-family: Verdana;
        	font-weight: bold;
        	text-align: center;
        	vertical-align: middle;
        	text-align: center; 
        	
        	width: 100%;
        }

		/* Shift Title */
        .Schedule_Shifts_Time
        {
        	/* Editable */
        	font-size: 8pt;
        	font-family: Verdana;
        	font-weight: bold;
        	text-align: center;
        	vertical-align: middle;
        	text-align: center; 
        	
        	width: 100%;
        }

	/*                                     HEADER ROW                                      */
	/*-------------------------------------------------------------------------------------*/
	
	/*-------------------------------------------------------------------------------------*/
	/*                                     DATE COLUMN                                     */

	/* "Frozen" left grid column that lists the days of the week. */
		.Schedule_Days_Column_Border
		{
			/* Editable - Frozen border effect */
			border-right: solid 1px black;		/* Should match Schedule_RowColumn_Header.border-bottom */
		}
		
		/* Width of the frozen column */
		.Schedule_Days_Cell_Width
		{
			background-color: #ffffff;
			width: 175px;
		}
		
		.Schedule_Days_Cell
		{
			/* Editable */
			background-color: #ffffff;
		}

		/* Up and Down arrow column on right side of cell */
		.Schedule_Days_Controls
        {
        	/* Editable */
        	border-left: solid 1px #708090;
        	background-color: #ADD8E6;
        	width: 22px;
        	text-align: center;
        }

		/* Day Title */
		.Schedule_Days_Title
		{
			/* Editable */
			font-size: 8pt;
        	font-family: Verdana;
            font-weight: bold;
            line-height: 22px;		/* Should match height in order to vertical align text */
            background-color: #ADD8E6;
            border-bottom: solid 1px #708090;
			
			/* Not Editable -- Unless you know what your doing */
			height: 22px;			/* should be Schedule_Days_Title.height + Schedule_Days_Links.height = Schedule_Days_Row_Height.height */
		}
		
		.Schedule_Days_Height
		{
        	background-color: #ffffff;
        	background-image: url(../images/OnCall/cellgrad.gif);
			/* Not Editable -- Unless you know what your doing */
			height: 78px;
		}
		
		/* Links under day */
		.Schedule_Days_Text
		{
			/* Editable */
            font-size: 8pt;
        	font-family: Verdana;
        	text-align: center;
        	font-weight: bold;
		}
		
		/* All Editable - Changes hyperlink colors */
		.Schedule_Days_Links a:visited	{ color: Black; text-decoration: none; }
        .Schedule_Days_Links a:link		{ color: Black; text-decoration: none; }
        .Schedule_Days_Links a:hover	{ color: Black; text-decoration: underline; }
        .Schedule_Days_Links a:active	{ color: Black; text-decoration: none; }
        
	/*                                     DATE COLUMN                                     */
	/*-------------------------------------------------------------------------------------*/
	
	/*-------------------------------------------------------------------------------------*/
	/*                                   ASSIGNMENT GRID                                   */

		/* The whole data cell */
		.Schedule_Data_Cell
		{
			/* Not Editable */
			overflow: hidden;
		}
		
		/* Add, Copy, Delete row at bottom of cell */
		.Schedule_Data_Controls
		{
			/* Editable */
			background-color: #ADD8E6; /* gainsboro */
			text-align: right;
			border-bottom: solid 1px #708090;
			
			/* Not Editable -- Unless you know what your doing */
			height: 22px;			/* should be Schedule_Data_Controls.height + Schedule_Data_Names.height = Schedule_Days_Row_Height.height */
		}
		
		/* Top portion of cell that contains the list of names */
		.Schedule_Data_Names
		{
			/* Editable */
			background-color: #ffffff;
			
			/* Not Editable -- Unless you know what your doing */
			height: 78px;			/* should be Schedule_Data_Controls.height + Schedule_Data_Names.height = Schedule_Days_Row_Height.height */
			
			/* Not Editable */
			overflow: auto;
		}
		
		/* Row style for the list of names */
		.Schedule_Data_Names_Row
		{
			/* Editable */
            font-size: 8pt;
        	font-family: Verdana;
		}
		/* All Editable - Changes hyperlink colors */
		.Schedule_Data_Names_Row a:visited	{ color: Black; text-decoration: none; }
        .Schedule_Data_Names_Row a:link		{ color: Black; text-decoration: none; }
        .Schedule_Data_Names_Row a:hover	{ color: Black; text-decoration: underline; }
        .Schedule_Data_Names_Row a:active	{ color: Black; text-decoration: none; }
		
		/* Alternating row style for the list of names */
		.Schedule_Data_Names_Row_Alternating
		{
			/* Editable */
            font-size: 8pt;
        	font-family: Verdana;
        	background-color: #FFFACD; /* LemonChiffon */
		}
		/* All Editable - Changes hyperlink colors */
		.Schedule_Data_Names_Row_Alternating a:visited	{ color: Black; text-decoration: none; }
        .Schedule_Data_Names_Row_Alternating a:link		{ color: Black; text-decoration: none; }
        .Schedule_Data_Names_Row_Alternating a:hover	{ color: Black; text-decoration: underline; }
        .Schedule_Data_Names_Row_Alternating a:active	{ color: Black; text-decoration: none; }

	/*                                   ASSIGNMENT GRID                                   */
	/*-------------------------------------------------------------------------------------*/
	/* On Call Infor Card (NotesCard) */

/* On Call Note Card  */
	.OnCall_Note_Card_Div
	{
		position: absolute;
		width: 475px;
		height: 205px;
		border: solid 1px black;
	}
	.OnCall_Note_Card
	{
		padding: 5px 5px 5px 5px;
		margin: 0px 0px 0px 0px;
		background-color: #FAFAD2;
		border-style: none;
	}	
	.OnCall_Note_Card_Header
	{
		color: Red;
		FONT-WEIGHT: bold;
		FONT-SIZE: 11px;
		FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
	}			
	.OnCall_Note_Card_Label, 
	.OnCall_Note_Card_Text
	{
		font-size: 11px;
		font-family: Arial, Verdana, Helvetica, sans-serif
	}
	.OnCall_Note_Card_Label
	{
		font-weight: bold;
	}
	.OnCall_Note_Card_Text
	{
		font-weight: normal;
	}
	
	.OnCall_ErrorText
	{
		color: Red;
		FONT-WEIGHT: bold;
		FONT-SIZE: 11px;
		FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
	}	
	
	.OnCall_Note_Card_Date_Column
	{
		width: 70px; 
		vertical-align: top;
		text-align: left;
	}
	.OnCall_ScheduleList_Name_Row
	{
		background-image: url(../images/OnCall/NameRowGradient.jpg);
		background-repeat: repeat-x;
		color: BLACK;
    		FONT-WEIGHT: normal;
    		FONT-SIZE: 8pt;		
    		FONT-FAMILY: Verdana;

	}
    .OnCall_ScheduleList_Hours
    {
        FONT-WEIGHT: normal;
        FONT-SIZE: 8pt;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        color: Black;
    }	

    .OnCall_ScheduleList_Date
    {
        FONT-WEIGHT: normal;
        FONT-SIZE: 8pt;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        font-style: italic;
        color: Black;
    }	
    .OnCall_ScheduleList_Shift
    {
        FONT-WEIGHT: normal;
        FONT-SIZE: 8pt;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        color: Black;
    }	

    .OnCall_ScheduleList_Notes
    {
        FONT-WEIGHT: normal;
        FONT-SIZE: 8pt;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        color: Black;
    }	


	.OnCall_ScheduleList_Date_Row
	{
		background-image: url(../images/OnCall/DateRowGradient.jpg);
		background-repeat: repeat-x;

	}
.ChangeLog_Notes
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: red;
    FONT-FAMILY: Verdana;
}

.OnCall_DataGrid_Responsibility
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-FAMILY: Verdana;
}

.OnCall_ScheduleList_Phones
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-FAMILY: Verdana;
}

/*
 ********************************************************************************
    OrgChart.css
 ********************************************************************************
*/
body, table
{
	font-size: 12px;
	font-family: Verdana, Arial;
}
.DemoPage1
{
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	border-bottom: black thin solid;
	font-family: Verdana;
	letter-spacing: normal;
	background-color: #ffcc66;
}

.ochartTable
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: orange thin solid;
	border-top: orange thin solid;
	border-left: orange thin solid;
	border-bottom: orange thin solid;
	background-color: #d3d3d3;
}
.ochartAltRow
{
background-color: #dcdcdc;
}
.ochartTableHead
{
background-color: #808080;
color:White;
font-weight:bold
}
.ochartFields
{
font-family: Verdana;
color: #808080;
font-weight:bold;
font-size: 9px;
}
.ochartData
{
color: black;
font-size: 9px;
}
.ochartminitables
{
	width: 268;
	height: 100;
	font-size: 12px;
	font-family: Verdana, Arial;
	border: solid 1px #FFA500;
	background-color: #FFFFFF;
	padding: 3px
}
.ochartMainText
{
	font-size: 14px;
}
.ochartCellPadding
{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*
 ********************************************************************************
    ProviderRoster.css
 ********************************************************************************
*/
/* Overrides Portal.css/Normal */
.PR_Normal
{
}
/* Overrides Portal.css/NormalBold */
.PR_NormalBold
{

}
/* Border around the search screen */
.PR_SearchBox
{
	border: solid 1px black;
	padding: 5px 5px 5px 5px;
	
	/* Not Editable */
	position: relative;
}
/* Overrides EditScreen.css/EditScreen_Section */
.PR_Section
{
	border-top: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
}
/* Overrides EditScreen.css/EditScreen_Section when advanced search is selected */
.PR_Section_SearchAdvanced
{
}
/* Overrides Portal.css/CommandButton */
.PR_CommandButton
{
}

/* Provides devinitions for left and right columns in roster search */
.OnCall_Note_Card_Date_Column
{
	width: 70px; 
	vertical-align: top;
	text-align: left;
}


.PR_Table
{
	width: 100%;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.PR_LeftCol
{
	width: 10%;
	padding-right: 5px;
	padding-bottom: 3px;
	white-space: nowrap;
}
.PR_RightCol
{
	width: 90%;
	padding-bottom: 3px;
}

/*
 ********************************************************************************
    TreeStyles.css
 ********************************************************************************
*/
/* tree nodes */
.TreeNode, .TreeNodeOver, .TreeNodeSelected 
{
	font-family: verdana, sans-serif;
	font-size: 12px;
	padding-left: 3px;
	padding-right: 3px;
}
/* tree node */
.TreeNode 
{
	color: #000000;
}
/* tree node hover over */
.TreeNodeOver 
{
	color: #648bcb;
	text-decoration: underline;
}
/* tree node selected */
.TreeNodeSelected 
{
	color: #000000;
	background-color: #b2b4bf; 
}

/* global tree menu */
.TreeMenu 
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    cursor: pointer;
	width: 224px;
	height: 18px;
	border: solid 1px #BBB;
	background-color: #f1f1ed;
	margin: 0;
	padding: 0;
}

/* New Styles */
	.PnPApprovalOverriden
	{
		font-size: 11px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-weight: normal;
		font-style: italic;
		color: #778899;
		text-decoration: line-through;
	}

	.PnPApprovalPending
	{
		font-weight: normal;
		font-style: italic;
		color: #778899;
	}

	.DocTree_ErrorText
	{
		color: Red;
		font-size: 11px;
		font-family: Arial, Verdana, Helvetica, sans-serif
	}

	/* PnP Menu Styles */
		.PnPMenuBackground
		{
			border: solid 1px black;
			background-color: #fcfcf9;
		}
		.PnPMenuSectionHeaders
		{
			font-weight: bolder;
			font-size: 8pt;
			color: black;
			font-style: normal;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			padding-left: 5px;
			border-bottom: solid 1px black;
		}		
		.PnPMenuSection, .PnPMenuSectionFirst
		{
			border-bottom: solid 1px black;
			padding-bottom: 2px;
		}		
		.PnPMenuSection, .PnPMenuSectionLast
		{
			padding-top: 2px;
		}
		
		.PnPMenuOption
		{
			font-weight: normal;
			font-size: 11px;
			line-height: 12px;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			white-space: nowrap;
			text-align: left;
		}
		
		.PnPMenuOptionHover
		{
			font-weight: normal;
			font-size: 11px;
			line-height: 12px;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			white-space: nowrap;
			background-color: #c1d2ee;
			cursor: pointer;
			text-align: left;			
		}
	/* PnP Menu Styles */

	/* PnP Info Card Styles */
		.DocTree_Info_Card_Label, 
		.DocTree_Info_Card_Text,
		.DocTree_Info_Card_NotApproved
		{
			font-size: 11px;
			font-family: Arial, Verdana, Helvetica, sans-serif
		}
		.DocTree_Info_Card_Label
		{
			font-weight: bold;
		}
		.DocTree_Info_Card_Text
		{
			font-weight: normal;
		}
		/* PnP Info Card Styles */

		
	/* PnP Grid View Styles */
		.PnP_Grid_Header,
		.PnP_Grid_Pager
		{
			font-weight: bold;
			font-size: 11px;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			background-color: #ADD8E6; /* lightblue */
		}

		.PnP_Grid_Row, 
		.PnP_Grid_Alternating,
		.PnP_Grid_Hover
		{
			font-weight: normal;
			font-size: 11px;
			font-family: Arial, Verdana, Helvetica, sans-serif;
		}

		.PnP_Grid_Row
		{
			background-color: #E6E6FA; /* lavender */
		}

		.PnP_Grid_Alternating
		{
			background-color: #FFF5EE; /* seashell */
		}

		.PnP_Grid_Hover
		{
			background-color: #FAFAD2 /* LightGoldenRodYellow */
		}
	/* PnP Grid View Styles */
/* New Styles */

/* Doc Tree Styles */
	.DocTreeModMenuNormal, .DocTreeModMenuSelected, .DocTreeModMenu, .DocTreeDraftBar
	{
		color: White;
		font-size: 11px;
		line-height: 12px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
	}
	.DocTreeDraftBar, .DocTreeModMenuNormal, .DocTreeModMenu
	{
		background-color: Gray;
	}
	.DocTreeModMenuNormal, .DocTreeModMenuSelected, .DocTreeModMenu
	{
		font-weight: bold;
	}
	.DocTreeDraftBar
	{
		height: 21;
		font-weight: normal;
	}
	.DocTreeModMenu
	{
		height: 50px;
		border: solid 1px gainsboro;
		padding: 5px 5px 5px 5px;
	}
	.DocTreeModMenuSelected
	{
		background-color: #696969; /* DimGrey */
	}
	
	.DocTreeMenu, .DocTreeMenu_Table, .DocTreeMenu_Normal, .DocTreeMenu_Hover
	{
		font-weight: normal;
		font-size: 11px;
		line-height: 12px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		
	}
	.DocTreeMenu, .DocTreeMenu_Normal
	{
		background-color: #fcfcf9;
		white-space: nowrap;
	}
	.DocTreeMenu 
	{ 
		padding: 5px 5px 5px 5px;
		border: solid 1px black; 
	}
	.DocTreeMenu_Hover
	{
		background-color: #c1d2ee	
	}
	.DocTreeMenu_Title
	{
		font-weight: Bold;
		font-size: 11px;
		line-height: 12px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
	}

	.DocTree_Colab_Post_Border
	{
		border: solid 1px #4682B4;	
	}
	
	.DocTree_Colab_Post_Attachments
	{
		background-color: #dcdcdc;
	}

		.DocTree_Info_Card_Div
	{
		position: absolute;
		width: 275px;
		height: 200px;
		border: solid 1px black;
				/* needed to fill the space within the holder */
		background-color: #FAFAD2;
		background-position: 0px 0px;
		background-repeat: repeat;
		background-image: none;		
	}

	.DocTree_Info_Card
	{
		padding: 5px 5px 5px 5px;
		margin: 0px 0px 0px 0px;
		background-color: #FAFAD2;
		border-style: none;
	}
	
	.DocTree_Info_Card_Header
	{
		color: Red;
		FONT-WEIGHT: bold;
		FONT-SIZE: 11px;
		FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
	}
	.DocTree_Waiter_Underlay
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		position: absolute; 
		width: 100%; 
		height: 100%;
		z-index: 1000;
		top: 0px;
		left: 0px;
		background-image: url(../images/trans.png);
		background-repeat: repeat;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/trans.png', sizingMethod='scale');
	/*
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=55);
		-maz-opacity: .55;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
		opacity: .55;
		background-color: #d3d3d3;
		width: 100%;
		height: 100%;		
		position: absolute;
		z-index: 100;
		top: 0px;
		left: 0px;
	*/
	}
	.DocTree_Waiter_Holder
	{
		position: absolute; 
		height: 100%; 
		width: 100%; 
		top: 0px; 
		left: 0px; 
		z-index: 101;
		text-align: center;
	}
	.DocTree_Waiter
	{
		border: gray 1px outset;
		background-color: white;
		padding: 5px 5px 5px 5px;
	}
	
	/* Between the 4 areas below, height must total 500px */
		.Colab_Header_Cell
		{
			height: 21px;
			line-height: 21px;
			width: 100%;
			background-color: #95cdf0;
			color: Black;
		}
		.Colab_Header_Area a:link		{ color: Black; text-decoration: underline;	}
		.Colab_Header_Area a:visited	{ color: Black; text-decoration: underline;	}
		.Colab_Header_Area a:hover		{ color: Black; text-decoration: underline;	}
		.Colab_Header_Area a:active		{ color: Black; text-decoration: underline; }
		
		.Colab_Info_Area
		{
			height: 88px;
			background-color: White;
			vertical-align: top;
		}
		.Colab_Info_Step_Text
		{
			font-size: 16px;
			font-family: Arial, Verdana, Helvetica, sans-serif;
		}
		
		.Colab_Action_Area
		{
			height: 129px;
			background-color: White;
			vertical-align: top;
		}
		.Colab_Message_Area
		{
			height: 100%;	
		}
	/* */
	

	.Colab_Normal_Text, 
	.Colab_Bold_Text, 
	.Colab_Completed_Step_Text,
	.Colab_Current_Step_Text,
	.Colab_Pending_Step_Text,
	.Colab_Message_Info_Text
	{
		font-size: 11px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
	}
	.Colab_Normal_Text a:link		{ color: Black; text-decoration: underline; }
	.Colab_Normal_Text a:visited	{ color: Black; text-decoration: underline; }
	.Colab_Normal_Text a:hover		{ color: Black; text-decoration: underline; }
	.Colab_Normal_Text a:active		{ color: Black; text-decoration: underline; }
	
	.Colab_Bold_Text, 
	.Colab_Completed_Step_Text,
	.Colab_Current_Step_Text,
	.Colab_Pending_Step_Text,
	.Colab_Info_Step_Text
	{
		font-weight: bold;
	}
	.Colab_Bold_Text a:link			{ color: Black; text-decoration: underline; }
	.Colab_Bold_Text a:visited		{ color: Black; text-decoration: underline; }
	.Colab_Bold_Text a:hover		{ color: Black; text-decoration: underline; }
	.Colab_Bold_Text a:active		{ color: Black; text-decoration: underline; }

	.Colab_Info_Header_Text
	{
		font-size: 14px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
	}
	
	.Colab_Revision_Current_Step_BG
	{
		background-image: url(../images/PnP/Revision_Current_Step_BG.gif);
	}
	.Colab_Revision_Other_Step_BG
	{
		
	}
	.Colab_Revision_BG
	{
		background-image: url(../images/PnP/Revision_Other_Step_BG.gif);
	}
	.Colab_Version_Header_Cell
	{
		background-color: gray; 
		color: white;
	}
	
	.Colab_Version_Cell
	{
		padding-bottom: 5px;
		background-image: url(../images/PnP/Revision_Current_Step_BG.gif);
		vertical-align: middle;
	}
	
	.Colab_Step_Cell
	{
		padding-left: 3px; 
		padding-bottom: 3px; 
		padding-top: 3px
	}
	
	.Colab_Completed_Step_Text
	{
		color: #6BAA38;
	}
	.Colab_Current_Step_Text,
	.Colab_Info_Step_Text,
	.Colab_Info_Header_Text
	{
		color: #D30712;
	}
	.Colab_Pending_Step_Text
	{
		color: #000000;
	}
	.Colab_Document_Cell
	{
		padding-left: 5px;
		width: 100%;
	}
	.Colab_Moderation_Cell
	{
		text-align: right; 
		padding-right: 5px;
		border-left: solid 1px white;
		cursor: pointer;
	}
	.Colab_Moderation_Menu
	{
		padding: 5px 5px 5px 5px;
		border: solid 1px black;
		background-color: #dcdcdc;
	}
	.Colab_Moderation_Menu_Item
	{
		width: 255px; 
		font-weight: normal;
		font-size: 11px;
		color: black;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		text-decoration: none;
	}
	.Colab_Moderation_Menu_Item a:link
	{
		color: Black;
	}
	.Colab_Moderation_Menu_Item a:visited
	{
		color: Black;
	}
	.Colab_Moderation_Menu_Item a:hover
	{
		color: Black;
	}
	.Colab_Moderation_Menu_Item a:active
	{
		color: Black;
	}

	.Colab_Moderation_Menu_Item_Hover
	{
		width: 255px; 
		font-weight: normal;
		font-size: 11px;
		color: black;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		text-decoration: none;
		background-color: #B0C4DE;
		cursor: pointer;
	}	
	.Colab_Moderation_Menu_Item_Hover a:link
	{
		color: Black;
	}
	.Colab_Moderation_Menu_Item_Hover a:visited
	{
		color: Black;
	}
	.Colab_Moderation_Menu_Item_Hover a:hover
	{
		color: Black;
	}
	.Colab_Moderation_Menu_Item_Hover a:active
	{
		color: Black;
	}
	
	.Colab_Message_Background
	{
		background-image: url(../images/PnP/Colab_Message_BG.gif);
		background-repeat: repeat-x;
		padding: 10px 10px 10px 10px;
		width: 100%
	}
	.Colab_Message_Title_Cell
	{
		color: Black;
		border-bottom: solid 1px black;
	}	
	.Colab_Message_Attachments_Cell
	{
	}
	.Colab_Message_Body_Cell
	{
	}
	.Colab_Message_Info_Text
	{
		color: #808080;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
	}

/*************************************************************************/	
/*************** DocTree - Main Component Menu Style *********************/	
/*************************************************************************/	

/* .DocTree_MainMenu_Style controls the background of the PnP main horizontal menu - usually the background color should be set to the same value as the background color under DocTree_MainMenu_Tab */
.DocTree_MainMenu_Style
{
	background-color: #d6d6d6;	
	padding-left: 0px;
	padding-right: 0px;		
}

/* .DocTree_MainMenu_TabHover controls the look of the highlighted top level menu item. NOTE: in order to change the background color you must set the backround image. Infragistics does not like using the 
	background-color proerty for the top level highlights (but it is ok to use it for the lower level hover */
.DocTree_MainMenu_TabHover
{
	background-image: none;
	background-position: left bottom;
	background-repeat: no-repeat;	
	color: black;
	text-decoration: underline;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 8pt;
	text-align: left;	
}

/* .DocTree_MainMenu_Tab controls the look of non-highlighted top level menu item.  */
.DocTree_MainMenu_Tab
{
	background-color: #d6d6d6;		
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 8pt;	
}

/* .DocTree_MainMenu_SubTab controls the look of non-highlighted drop down level menu item.  */
.DocTree_MainMenu_SubTab
{
	background-color: #b1aeae;	
	color: black;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 8pt;	
	text-align: left;
	
}

/* .DocTree_MainMenu_SubTabHover controls the look of highlighted drop down level menu item. Using background-color is OK. */
.DocTree_MainMenu_SubTabHover
{
	background-color: #d6d6d6;	
	color: black;
	text-decoration: underline;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 8pt;	
	text-align: left;	
	
}

/*
/*************************************************************************/	
/*************************************************************************/	

/*
/*************************************************************************/	
/*** Ticket Tracking
/*************************************************************************/	
.TicketNoteInternal
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    color: Gray;
}

.TicketNoteBackground
{
	background-image: url(../images/PnP/Colab_Message_BG.gif);
	background-repeat: repeat-x;
	padding: 10px 10px 10px 10px;
	width: 100%
}

/***********************************************/
.modalPopUpExtenderBackground

{
  background-color:#DFDFDF;
  filter:alpha(opacity=40);
  opacity:0.5;
}

 

.modalPopUpExtenderWindow
{
  width: 400px;
  height: 200px;
  border: solid 1px #c0c0c0;
  background: #f0f0f0;
  padding: 0px 0px 0px 0px;
}

.modalPopUpExtenderTitleBackground
{
  width: 400px;
  height: 30px;
  vertical-align: middle;
  border: solid 1px #c0c0c0;
  background: #778899;
  padding: 10px 0px 0px 0px;
  text-align: center;
}

.modalPopUpExtenderTitleText
{
  color: #ffffff;
  text-align: center;
  font-weight : bold; 
  font-size : 12px;  
  font-family : Verdana, Arial, Helvetica, sans-serif 
}

.modalPopUpExtenderTextBackground
{
  width: 400px;
  height: 140px;
  vertical-align: top;
  border: solid 1px #c0c0c0;
  background: #ffffff;
  padding: 0px 0px 0px 00px;
  text-align: center;
}

.modalPopUpExtenderCommandBackground
{
  width: 400px;
  height: 30px;
  vertical-align: middle;
  border: solid 1px #c0c0c0;
  background: #778899;
  padding: 10px 0px 0px 0px;
  text-align: center;
}