﻿/*===============================================================*/
/* Overall page                                                  */
/*===============================================================*/

body{
	margin: 0;
	padding-bottom: 2em;
	background-color: #ffffff;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 0.8em;
}

input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;	
}

select{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
   
}

fieldset{	
	padding: 0.5em;
	margin-bottom: .2em;	
	border:solid 1px #bcd2e2;		
}

legend, .LegendHeading
{	
	font-size: 13px;
	color: #4D7E83;
	font-style:italic;		
	font-family: Verdana,Arial, Helvetica, sans-serif;
}

.ajax__calendar_container
{
    position: relative; z-index: 1005;
}

.Disabled
{	
    border: #eee 1px solid !important;    
    color: Black;
    font-weight: bold;
    background-color: #ffffff;
}

/* Header row in schema component*/
.default_header
{
	background-color: #fff !important;
	/*border-bottom: none !important;*/
}


.SeparatorRow
{	
	border-top: solid 5px black !important;
	font-weight: bold;	
	background-color: #4a83ad;	
	font-weight: bold;
	color: White;	
}


/*===============================================================*/
/* Main Content		                                             */
/*===============================================================*/

#content 
{
	margin:8px;	
}

h1 {
	font: 150% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
}
#content p {
	font-size: 100%;
	line-height: 1.6em; 
}

#content ul {
	font-size: 100%;	
}

/*===============================================================*/
/* Misc styles			                                     */
/*===============================================================*/



.BlackBorder
{
	border-right: black 1px solid; 
	border-top: black 1px solid;    
    border-left: black 1px solid; 
    border-bottom: black 1px solid;     
    margin-bottom: 3px;       
}

.TimeSlotExample
{	
	float:left;
	width:10px;
	height:10px;
	border: 1px solid black;
	margin-right: 3px;
}

.TimeSlotDescription
{	
	float:left;
	margin-left: 20px;
	margin-top: 5px;
	white-space: nowrap;
}

.SundayLabel, .SaturdayLabel{
	color:Red;
	font-weight: bold;
}

.RequiredLabel{
	color:Red;
	font-weight: bold;
}

.RequiredField
{	
	background-color: #FFFF8C;
}

.RequiredPanel
{
	border: 1px solid black;
	padding:3px; 
	background-color: #FFFF8C;
}

.errorText{
    color: Red !important;
    font-style: italic;
    font-weight: bold;   
}

.okText{
    color: Green;
    font-style: italic;
    font-weight: bold;   
}

.LineThrough{
	text-decoration: line-through;
	color: #ccc;
}

.LineThroughDeleted{
	text-decoration: line-through;
	color: #d00;
}

.GantChartSchemaNode{ 
	font-weight:bold;
	color:black;
	background-color: #cccccc;
	border: solid #cccccc 1px;
	text-align:left;
}

.GantChartCompanyNode{ 
	font-weight:bold;	
	font-size: 12px;
	text-align:left;
}

.GantChartSearchedNode{ 
	font-weight:bold;
	color:blue;
	text-align:left;
}

.GantChartRequestedNode{ 
	font-weight:bold;
	color:red;
	text-align:left;
}

.GantChartBookingStatsNode{ 
	font-weight:bold;
	color:purple;
	text-transform:uppercase;
	text-align:left;
}

.SmalText
{
	font-size: 8px !important;
}

.ctl00_MainContent_UserResourceControl1_ResourcePoolCategoryTreeViewControl_CategoriesTreeView_0,
.ctl00_MainContent_UserResourceControl1_CategoryTreeViewControl1_CategoriesTreeView_0,
.ctl00_MainContent_assignmentCategoryTreeView_CategoriesTreeView_0
{
	color: Black !important;
	text-decoration:none !important;
	cursor:pointer;
}

/*===============================================================*/
/* PANELS                                                */
/*===============================================================*/

.BookingStatusesDropDown
{
	border: #6b99c7 1px solid;	
	background-color: #F8F8F8;		
	padding: 8px;
	margin-bottom: 1em;
	background-color: #f6f6f6;
	margin:10px;
	z-index:1000;	
	text-align:left;
	width: 180px;
}
	
	
.LoginPageLeftColumn
{
	width: 500px;	
	height: 600px; 
	text-align: center;
	vertical-align: middle;
	float: left; 
	border-right: 1px solid #daeaf6;
	padding: 100px 10px 10px 30px;
}

.LoginPageRightColumn
{
	width: 400px; 
	text-align: center; 
	height: 600px; 
	vertical-align: middle; 
	float: left;
	padding: 20px 10px 10px 30px;
}

.DistinctPanel{	
	border: #6b99c7 1px solid;	
	background-color: #F8F8F8;		
	padding: 8px;
	margin-bottom: 1em;		
}


.ErrorPanel{	
	border: #6b99c7 1px solid;	
	background-color: #FFFFD1;		
	padding: 8px;
	margin-bottom: 1em;		
}

.DistinctSlimPanel
{
	margin-bottom: 2em;		
	background-color: #F8F8F8;		
	border: #6b99c7 1px solid;	
}

.DistinctPanelHeading 
{	
	font-size: 12px;
	color: #000;	
	font-weight: bold;	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	
	border-left: #6b99c7 1px solid;	
	border-right: #6b99c7 1px solid;	
	border-top: #6b99c7 1px solid;	
	padding: 6px 4px 4px 4px;	
	
	background-color: #4caddd;
	background-image: url(../../images/window_titlebg.gif);
	background-repeat:repeat-x;	
}

.DistinctPanelBody
{	
	padding: 8px;
}

.GridViewHeading
{
	font-size: 12px;
	color: #000 !important;	
	font-weight: bold;	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	
	border: #6b99c7 1px solid;		
	padding: 6px 8px 6px 4px;	
	/*margin-right:5px;*/
	background-color: #4caddd;
	background-image: url(../../images/bluebgfade.gif) !important;
	background-repeat:repeat-x;	
	height:20px;
	border: #6b99c7 1px solid;	
}

.GridViewFooter
{
    background-color: #D0E5F4;
    color: Black;
    border-top: 2px solid rgb(130, 126, 116);
}

.GridHeader_Office2007
{
	font-size: 12px;
	color: #000 !important;	
	font-weight: bold;	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	height:20px;
	background: #D3DBE9 url('../../images/bluebgfade.gif') repeat-x !important;		
}

.GridViewHeading a,.GridHeader_Office2007 a
{
	color: #000 !important;	
}

.SelectedRow_Office2007
{
	border-color: Blue !important;
}

.NewsPanel
{
	/*
	border: #6b99c7 1px solid; 	
	background-color: #F8F8F8;	
	height: 250px;
	width: 342px; 
	overflow: auto;
	*/
	padding: 8px;
	margin-bottom: 1em;	
	font-size:11px;	
}

.MultiViewPanel{	
	border: #888888 1px solid;	
	background-color: #FDFDFD;		
	padding: 8px;
}
.ModalPopup{
	border-right: 1px outset;
	border-top: 1px outset;		
	border-left: 1px outset;
	border-bottom: 1px outset;	
	border-collapse: collapse;
	background-color: #f6f6f6;
	margin: 5px;	
}

.InlinePopup{
	border-right: 1px outset;
	border-top: 1px outset;		
	border-left: 1px outset;
	border-bottom: 1px outset;	
	border-collapse: collapse;
	background-color: #f6f6f6;
	margin:10px;
	z-index:1002;	
}

.MyPopupControl
{
    position:absolute;
    /*visibility: hidden;   */
    z-index: 1002; 
}
 
 
.ModalPopupTitle{
	padding: 3px;
	font-weight: bolder;
	font-size: 1.1em;
	background-image: url(../../images/window_titlebg.gif);
	background-repeat:repeat-x;
	cursor: hand;
	color: black;
	font-family: Verdana;
	width:99%;
	height: 28px;	
}

.SchemaControlPanelTop{
	border-right: 1px outset;
	border-top: 1px outset;
	border-left: 1px outset;
	border-bottom: 1px outset;
	border-collapse: collapse;
	padding: 3px 2px 3px 2px;
	margin-top: 3px;
	background-color: #4caddd;
	background-image: url(../../images/bluebgfade.gif);
	background-repeat:repeat-x;
	font-size:13px;
	font-weight: normal !important;
	text-decoration: none !important;
}


.SchemaControlPanel{
	border-right: 1px outset;
	border-top: 1px outset;
	border-left: 1px outset;
	border-bottom: 1px outset;
	border-collapse: collapse;
	padding: 3px 0px 3px 0px;
	background-color: #9ec9e8;	
}

.RequestText{
	background-image: url(../../images/icons/important.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-left: 15px;
}

.ImportantText{
	background-image: url(../../images/icons/important.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-left: 15px;
}

.HelpText
{
	background-image: url(../../images/icons/help-small.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	font-size: 10px;
}


.HelpTextBox
{
	border: solid 1px #c2c2c2;
	margin: 5px;
	padding: 5px;
	font-size: 10px;
	background-color: #FAFAFA;
}

.HelpTextBox .heading
{
	background-image: url(../../images/icons/help-small.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	font-weight: bold;
	font-size: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.ImportantMessage
{
	background-image: url(../../images/icons/warning.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size: 10px;
}

.ImportantMessagesPanel
{	
	border: solid 1px #c2c2c2;
	margin: 5px 5px 5px 0px;
	padding: 5px;
	font-size: 13px;	
	background-color: #FFFF8C;
}

.ResourcePoolIcon
{
	background-image: url(../../images/icons/dateChecked.gif);
	background-repeat: no-repeat;
	padding-left: 20px;	
}


/*===============================================================*/
/* HEADINGS                                                */
/*===============================================================*/

.Heading, 
.CreateTextContentsHeading, 
.TextContentsHeading,
.CreateFileContentsHeading,
.FileContentsHeading,
.CreateUsersHeading,
.UsersHeading,
.CustomersHeading,
.CreateCustomersHeading,
.AssignmentsHeading,
.CreateAssignmentsHeading,
.SchemaPlanningCreateTimeSlot,
.SchemaPlanningTimeSlot
{	
	color:#000000;
	font-weight: bolder;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;	
	
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	padding-top: 10px;		
	padding-left: 50px;
	padding-bottom: 10px;	
	margin-right: 10px;	
}

.Heading u{
	color:#284E98;	
	font-weight: bold;
	text-decoration: none;
}

.IconHeading
{	
	padding-top: 10px;	
	padding-left: 5px;
	clear:both;
	display: block;
	margin-left: 5px;
	margin-bottom:10px;
	height: 35px;
}

.IconHeading h1
{
	color:#000000;
	font-weight: bolder;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;	
}

.SubHeading{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight: bold;
	margin-bottom:5px;		
}

#SchemaPlanning .Heading{
  	background-image: url(../../images/menu/icons/calendar_month_write_36.gif);	
	background-repeat: no-repeat;
	float:left;
	height: 40px;
	padding-top: 10px;
	padding-left: 40px;
	padding-bottom: 10px;
	margin-right: -400px;	
}

#DesiredSchema .Heading{
  	background-image: url(../../images/menu/icons/calendar_month_ok_32.gif);	
	background-repeat: no-repeat;
	float:left;
	height: 32px;
	padding-top: 10px;
	padding-left: 35px;
	padding-bottom: 0px;
	margin-right: -200px;	
}



#SchemaReport .Heading{			background-image: url(../../images/menu/icons/calendar_month_write_36.gif);	}

.SchemaPlanningCreateTimeSlot{  background-image: url(../../images/menu/icons/calendar_month_add_36.gif);}

.SchemaPlanningTimeSlot{	background-image: url(../../images/menu/icons/calendar_month_write_36.gif);}

#ResourcePool .Heading{  	background-image: url(../../images/menu/icons/calendar_month_ok_32.gif);}


#Logger .Heading{  			background-image: url(../../images/menu/icons/sandclock_36.gif);}

#ApproveTimes .Heading{  	background-image: url(../../images/menu/icons/time_sheet_ok_36.gif);}

#LockTimes .Heading{	  	background-image: url(../../images/menu/icons/time_sheet_lock_36.gif);}

#ExportTimes .Heading{  	background-image: url(../../images/menu/icons/time_sheet_next_36.gif);}



#LoggerReport .Heading{  	background-image: url(../../images/menu/icons/timeLoggingReport_36.gif);}

#ApprovedTimes .Heading{  	background-image: url(../../images/menu/icons/time_sheet_ok_36.gif);}

#SalaryReports .Heading{  	background-image: url(../../images/menu/icons/taxes_36.gif);}

#Statistics .Heading{	 	background-image: url(../../images/menu/icons/system_36.gif);}
#Info .Heading{	 			background-image: url(../../images/menu/icons/info_36.gif);}



.CreateTextContentsHeading{	background-image: url(../../images/menu/icons/notes_add_36.gif);	}

.TextContentsHeading{	  	background-image: url(../../images/menu/icons/notes_write_36.gif);	}

.CreateFileContentsHeading{	background-image: url(../../images/menu/icons/cabinet_add_36.gif);	}

.FileContentsHeading{		background-image: url(../../images/menu/icons/cabinet_write_36.gif);}

.CustomersHeading{			background-image: url(../../images/menu/icons/customers_add_36.gif);}

.CreateCustomersHeading{	background-image: url(../../images/menu/icons/customers_add_36.gif);	}

.AssignmentsHeading{		background-image: url(../../images/menu/icons/briefcase_write_36.gif); }

.CreateAssignmentsHeading{	background-image: url(../../images/menu/icons/briefcase_add_36.gif); }


#PlannedTimes .Heading{  	background-image: url(../../images/menu/icons/schedule-s.gif);}

.CreateUsersHeading{	  	background-image: url(../../images/menu/icons/user_add_36.gif);	}

.UsersHeading{			  	background-image: url(../../images/menu/icons/group_config_36.gif);}

#Categories .Heading{	  	background-image: url(../../images/menu/icons/categories-s.gif);}

#Assignments .Heading{  	background-image: url(../../images/menu/icons/assignments-s.gif);}

#WorkingPlace .Heading{ 	background-image: url(../../images/menu/icons/assignments-s.gif);}



#ErrorPage .Heading, #ErrorPage h3{
	background-image: url(../../images/info.gif);	
	background-repeat: no-repeat;
	display: block;
	height: 80px;
	padding-top: 0px;		
	padding-left: 80px;
	margin-right: 10px;	
}

/******************************/
/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent{
    /*background-color: #D3DEEF;*/
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.default_header_outer{
background-color:#fff !important;
border: 1px solid #fff !important;
padding:0px;
}


.InactiveAppointment .rsAptResize{
	display: none;
}

.GridRowOver_Office2007 td
{	
	background-color: #d9eaf6;
	cursor:pointer;
}
