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

.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                                   */
	/*-------------------------------------------------------------------------------------*/