/*------------------------------ Total Area , Customer Popup ------------*/
.completed_appointment
{
	background-color: #09ff09;
	color: black;
}
/*------------------------------ Total Area ----------------------------------*/

.hw-control
{
}

/*------------------------------ Top Area Begin ------------------------------*/
.hw-control .topArea
{	
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #c0c0c0;	
	height: 85px;
}
.hw-control .topArea td
{
	padding: 5px 5px 5px 5px;				
}

.hw-control .topArea .app-steps-head
{
	font-size: 13px;	
	color: Black;
}
.hw-control .topArea .app-steps-head table td
{
	padding: 0px 1px 0px 1px;
	font-family: Verdana, Arial;
	font-size: 11px;
}
div.uncheckedService
{	
	background-image: url('Admin/UnCheck.GIF');
	width: 13px;
	height: 13px;
}
div.checkedService
{
	background-image: url('Admin/Check.GIF');
	width: 13px;
	height: 13px;
}
div.checkedImg
{
	background-image: url('Admin/Check.GIF');
	width: 13px;
	height: 13px;
}
div.uncheckedImg
{	
	background-image: url('Admin/UnCheck.GIF');
	width: 13px;
	height: 13px;
}
div.fallowImg
{
	background-image: url('Admin/falow.GIF');
	width: 13px;
	height: 13px;
}
.hw-control .topArea .app-steps-head label
{		
	font-weight: bolder;
	color: #374369;
}
.hw-control .topArea .resource-name 
{	
	border: 1px solid #c0c0c0;
	padding: 5px 20px 5px 20px;
	color: #374369;	
	width: 300px;
}
.hw-control .topArea .resource-name table
{
	width: 300px;
	height: 50px;		
}
.hw-control .topArea .resource-name table td
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	border-color: #c0c0c0;
	border-width: 1px;
	width: 150px;
}
/*------------------------------ Middle Area Begin ---------------------------*/
.hw-control .middleArea
{
	font-size: 76%;
	font-family: Arial, Helvetica, Sans-Serif;
	border: 1px solid #c0c0c0;
	padding: 5px;
	margin-top: 5px;
	width: 100%;
}
.hw-control .middleArea h3
{
	color:  #374369;
	font-size: 16px;
}
.labelStep
{
	color:  #374369;
	font-size: 16px;
    font-weight :bold;
}
.hw-control .middleArea .h_class	
{
	font-weight: bold;
	color:  #374369;
	font-size: 13px;
	font-family: Arial, Helvetica, Sans-Serif;
}
.hw-control .app-cust-confirm 
{
	border: 1px solid #c0c0c0;
	background-color: #e9e9e9;
	font-family: Arial, Helvetica, Sans-Serif;
	padding: 0px 10px 0px 10px;
}
.hw-control .app-cust-confirm ul.res-summ,
.hw-control .app-cust-confirm ul.res-summ-total
{
	margin: 10px 0;
	padding: 5px;
	list-style: none;
	background-color: #ffffff;
	border: 1px solid #c0c0c0;	
	font-size: small;
}
.hw-control .app-cust-confirm ul.res-summ li
{
	margin: 5px 0;
}
.hw-control .app-cust-confirm ul.res-summ label,
.hw-control .app-cust-confirm ul.res-summ-total label 
{
	font-weight: bold;
	margin-right: 3em;
}
/*----------------------------------------------------*/
.hw-control .res-pnlConfirmAppointment 
{
	padding: 5px;
	border: 1px solid #c0c0c0;
}
.hw-control .res-pnlConfirmAppointment ul, 
	.hw-control .res-pnlConfirmAppointment table td
{
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	font-size: small;
	font-family: Arial, Helvetica, Sans-Serif;
}
.hw-control .res-pnlConfirmAppointment ul label
{
	font-weight: bold;	
}
/*--------------------------------------------------*/
.hw-control .app-cust-confirm table.res-list-table 
{
	background-color: #ffffff;
	width: 100%;
	font-size: 9pt;
	border: 1px solid #c0c0c0;
	padding: 10px;
}
.hw-control .app-cust-confirm table.res-list-table tr.res-list-header td 
{
	font-size: 10pt;
	color: #323465;
	font-weight: bold;
}
.hw-control .app-cust-confirm table.res-list-table th,
.hw-control .app-cust-confirm table.res-list-table td 
{
	text-align: left;
	padding: 2px 5px 2px 5px;
}
.hw-control .app-cust-confirm table.res-list-table td 
{
	border-bottom: 1px solid #c0c0c0;
}
.hw-control .app-cust-confirm .res-summ-total textarea 
{
	width: 95%;
	margin: 5px;
}
.hw-control .app-cust-confirm .confirmButton
{
	padding: 2px;
	font-size: 12px;
	font-family: Verdana;
	color: #fff;
	background-color: Green;
	border: outset 2 silver;
	font-weight: normal;
}
.hw-control .app-cust-confirm .sendmail
{
	position:relative;
    margin:0 5px 0 550px;
    right:5px; 
	padding: 2px; 
	font-size: 10px;
	font-family: Verdana;
	color: #374369; 
	border: outset 2 silver;
	font-weight: normal;
}
/*------------------------------ Services Area Begin ---------------------------*/
.hw-control .middleArea .services .buttonNext
{
	padding: 2px;
	font: 10px Verdana;
	color: #ffffff;
	background-color: Green;
	border: outset 2 silver;
	width: 100%;
}
.hw-control .middleArea .services label
{
	font: 13px Verdana;
	padding-left: 2px;	
	font-weight: bold;
}
.html hw-control .middleArea .services .serviceList
{
	margin-top: 5px;
	margin-bottom: 5px;
	border: solid 1px #c0c0c0;
}
.hw-control .middleArea .services .serviceList label
{
	font-family: Verdana;	
	padding-left: 2px;
	font-size: 10px;
	font-weight: normal;
}
.hw-control .middleArea .services .serviceList div.Total
{
	padding-top: 2px;
	padding-bottom: 2px;
	width: 100%; 	
}
.hw-control .middleArea .services table
{
	border: solid 0px #c0c0c0;	
	width: 100%;
}
.hw-control .middleArea .services table.borderTable
{
	border: solid 1px #c0c0c0;	
	border-bottom: solid 0px #c0c0c0;
}
.hw-control .middleArea .services .serviceList div table
{
	width: 96%;
	border: none;
	color: Black;
	font-size: 10px;
	font-family: Verdana, Arial;
}
.hw-control .middleArea .services .serviceList .borderDiv
{
	border: solid 1px #c0c0c0;	
}
.hw-control .middleArea .services .serviceList div table td
{
	padding-top: 1px;
	padding-bottom: 1px;	
}
.hw-control .middleArea .services .serviceList div table td.normal
{
	background-color: White;
	cursor: default;
	color: Black;	
}
.hw-control .middleArea .services .serviceList div table td.selected
{
	background-color: Blue;
	cursor: default;
	color: White;	
}
.hw-control .middleArea .services .serviceList div table td.over
{
	background-color: LightBlue;
	cursor: default;
	color: White;	
}
.hw-control .middleArea .services table .buttonFilter
{
	width: 50px;
	padding: 2px;
	font: 10px Verdana;
	color: #fff;
	background-color: #444;
	border: outset 2 silver
}
/*------------------------------ DateTime Area Begin ---------------------------*/
.hw-control .middleArea .select-time label
{
	font-family: Verdana;
	padding-left: 2px;	
	font-weight: bold;	
	font-size: 13px;
}
.hw-control .middleArea .select-time span
{
	font-family: Verdana;
	padding-left: 2px;	
	font-weight: bold;	
	font-size: 9px;
}
.hw-control .middleArea .select-time .page-time .buttonPagging
{
	padding: 2px;
	font: 10px Verdana;
	color: #fff;
	background-color: #444;
	border: outset 2 silver;	
}
.hw-control .middleArea .select-time .grid-time
{
	font-family: Verdana,Arial;
	font-size: 10px;	
	font-style: normal;	
	background-color: White; 
	border: none 1px #999999;	
}
.hw-control .ie-fix-div
{
	padding-right: 13px;
	*padding-right: 0px;
}
.hw-control .ie-fix-table
{	
	width: 100%;	
	*width: 97%;
	*margin-right: -3px;
	table-layout: fixed;
}
.hw-control .middleArea .select-time table.grid-time tr.grid-time-row
{
	background-color: #EEEEEE;
	color: Black;
}
.hw-control .middleArea .select-time table.grid-time tr.grid-time-header
{
	background-color: #000084;
	color: White;
}
.hw-control .middleArea .select-time table.grid-time tr.grid-time-header span
{
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 10px;	
}
.hw-control .middleArea .select-time table.grid-time tr.grid-time-header td
{
	padding: 3px 0px 3px 0px;
}
.hw-control .middleArea .select-time table.grid-time tr.grid-time-alternating
{
	background-color: gainsboro;	
}
.hw-control .middleArea .select-time table.grid-time td
{
	text-align: center;
	padding: 3px 0px 3px 0px;
}
.hw-control .middleArea .select-time table.grid-time td a
{
	text-decoration: none;
}
.hw-control .middleArea .select-time table.grid-time td a.normal
{
	color: Blue;
}
.hw-control .middleArea .select-time table.grid-time td a.overwrite
{
	color: Maroon;
}
.hw-control .middleArea .select-time table.grid-time td a.multiday
{
	color: orangered;
}
.hw-control .middleArea .select-time table.grid-time td a.gray
{
	color: graytext;
}
.hw-control .middleArea .app-reshedule-confirm
{
	font-size: small;
}

.hw-control .middleArea .app-reshedule-confirm ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: small;
}
.hw-control .middleArea .app-reshedule-confirm ul label 
{
	font-weight: bold;
	margin-right: 1em;
	display: block;
	float: left;
	width: 200px;
}
.hw-control .middleArea .app-reshedule-confirm h3 
{
	margin: 25px 0 5px 0;
	padding: 0;
	font-size: 10pt;
	font-weight: bold;
}
.hw-control .middleArea .app-reshedule, 
	.hw-control .middleArea .app-reshedule table td
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}
.hw-control .middleArea .app-reshedule .hint 
{
	line-height: 15pt;
	margin: 0 0 10px 0;	
}
.hw-control .middleArea .app-reshedule .hint a.button
{
	text-decoration: none;
}
.hw-control .middleArea .app-reshedule .reshedule-buttons 
{
	text-align: right;
}
/*------------------------------ Bottom Area Begin ---------------------------*/
.hw-control .bottomArea
{
	border: 1px solid #c0c0c0;
	padding: 5px;
	margin-top: 5px;
	width: 100%;
}
.hw-control .bottomArea .copyright
{
	padding: 5px 0px 0px 0px;
	text-align: center;
	font-size: 10px;
	color: #999999;
}
/*------------------------------ All Controls ---------------------------*/

/*------------------------------ Login Page -----------------------------*/
.content_login
{
	background-color: #F2F2F2;
}
.content_login .info1_area
{	
	padding: 9px;
}
.content_login .info1_area div
{
	padding: 3px;
}
.content_login .login_area
{
	background-color: White;
	padding: 9px;
}
.content_login .login_area div
{
	background-color: #8DB6E0;
	padding: 3px;	
}
.content_login .login_area div .cssLogin
{
	color: black;
	font-weight: normal;
}
.content_login .info2_area
{
	background-color: #CCCCCC;
	padding: 9px;
}
.content_login .info2_area div
{
	background-color: #999999;	
	padding: 3px;
}
.content_login .waiter_area
{
	background-color: White;
	padding: 9px;	
}
.content_login .waiter_area div
{
	background-color: #EBE3C8;
	padding: 3px;	
}
.content_login .waiter_area div .waiter_header
{
	color: #003399;
	font-weight: bolder;
	font-size: 13px;
}
/*-----------------------------------------------------------------------*/

/*------------------------------ All Rounds -----------------------------*/
.round {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight:bold;
    height: 24px;
    margin-right: 3px;    
    padding-right: 9px; /* sliding doors padding */
    text-decoration: none;    
}
.round span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    color: #374369;
    line-height: 14px;
    padding: 5px 0 5px 5px;
    text-align: center;
    white-space: nowrap;
} 
.round_login {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight:bold;
    height: 24px;
    margin-right: 3px;    
    padding-right: 9px; /* sliding doors padding */
    text-decoration: none;
}
.round_login span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    color: #003399;
    line-height: 14px;
    padding: 5px 0 5px 5px;
    text-align: center;
    white-space: nowrap;
} 
.round_green {
    background: transparent url('green_bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight:bold;
    height: 24px;
    margin-right: 3px;    
    padding-right: 9px; /* sliding doors padding */
    text-decoration: none;
}
.round_green span {
    background: transparent url('green_bg_button_span.gif') no-repeat;
    display: block;
    color: #003400;
    line-height: 14px;
    padding: 5px 0 5px 5px;
    text-align: center;
    white-space: nowrap;
} 
.round_calendar {
    background: transparent url('calendar_bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight:bold;
    height: 18px;
    margin-right: 3px;    
    padding-right: 9px; /* sliding doors padding */
    text-decoration: none;
}
.round_calendar span {
    background: transparent url('calendar_bg_button_span.gif') no-repeat;
    display: block;
    color: #374369;
    line-height: 14px;
    padding: 2px 0 2px 5px;
    text-align: center;
    white-space: nowrap;
}
.round_support{
    background: transparent url('Support_right.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight:bold;
    height: 24px;
    margin-right: 3px;    
    padding-right: 9px; /* sliding doors padding */
    text-decoration: none;
}
.round_support span {
    background: transparent url('Support_left.gif') no-repeat;
    display: block;
    color: #374369;
    line-height: 14px;
    padding: 5px 0 5px 5px;
    text-align: center;
    white-space: nowrap;
} 

.spellchecker_button
{
	font-size:7pt;
	display:block;
	width: 120px;
	height: 25px;
	text-align: center;
	color: black;	
	background: transparent url('spell_checker_normal.gif') no-repeat;
	font-style: normal;	
	padding-top: 5px;
}
.spellchecker_button:hover
{
	display: block;
	background: transparent url('spell_checker_hover.gif') no-repeat;
	width: 120px;
	color: red;	
	height: 25px;
	padding-top: 5px;
}
/*----------------------------------------------------------------------------------*/ 

.button
{
	padding: 2px;
	font: 10px Verdana;
	color: #fff;
	background-color: #444;
	border: outset 2 silver
}
.hw-print .resource-name 
{	
	border: 1px solid #c0c0c0;
	padding: 5px 20px 5px 20px;
	color: #374369;	
	width: 300px;
}
.hw-print .resource-name table
{
	width: 300px;
	height: 50px;		
}
.hw-print .resource-name table td
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	border-color: #c0c0c0;
	border-width: 1px;
	width: 150px;
}
.hw-print ul.res-summ
{
	margin: 10px 0;
	padding: 5px;
	list-style: none;
	background-color: #ffffff;	
	font-size: small;
}
.hw-print ul.res-summ li
{
	margin: 5px 0;
}
.hw-print ul.res-summ label
{
	font-weight: bold;
	margin-right: 3em;
	display:block;
	float: left;	
	margin-right: 1em;
	width: 200px;
}
/*---------------------------------- Waiters popup -------------------------*/
/*--- top ---*/
.waiter_popup td.top_left
{
	background: transparent url('waiter_images/left_top.gif') no-repeat right bottom;
	width: 33px;
	height: 74px;
}
.waiter_popup td.top_right
{
	background: transparent url('waiter_images/top_right.gif') no-repeat left bottom;
	width: 33px;
	height: 74px;
}
.waiter_popup td.top
{
	background: transparent url('waiter_images/top.gif') repeat-x bottom;
	height: 74px;
}
.waiter_popup td.top_noline
{
	background: transparent url('waiter_images/top_noline.gif') repeat-x bottom;
	height: 74px;
}
/*--- middle ---*/
.waiter_popup td.left
{
	background: transparent url('waiter_images/left.gif') repeat-y right;
	width: 33px;	
}
.waiter_popup td.center
{	
	width: 400px;
	background-color: White;	
}
.waiter_popup td.right
{
	background: transparent url('waiter_images/right.gif') repeat-y left;
	width: 33px;	
}
/*--- bottom ---*/
.waiter_popup td.bottom_left
{
	background: transparent url('waiter_images/bottom_left.gif') no-repeat right top;
	width: 33px;	
	height: 100px;
}
.waiter_popup td.bottom
{
	background: transparent url('waiter_images/bottom.gif') repeat-x top;
	height: 100px;	
	padding-top: 60px;
}
.waiter_popup td.bottom_right
{
	background: transparent url('waiter_images/bottom_right.gif') no-repeat left top;
	width: 33px;	
	height: 100px;
}
.waiter_popup .label_step
{
	color: Blue;
	font-weight: bold;
	font-size: 13px;
}
.waiter_popup .label_header
{
	color: Black;	
	font-size: 13px;
}
.waiter_popup .center .checked_waiter
{
	width: 16px;
	height: 16px;
	background: transparent url('waiter_images/checked.gif') no-repeat;
}
.waiter_popup .center .unchecked_waiter
{
	width: 16px;
	height: 16px;
	background: transparent url('waiter_images/unchecked.gif') no-repeat;
}
/*---------------------------------- AjaxToolkit ---------------------------*/
.modalBackground 
{
	background-color: Gray;	
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalBackgroundRecommended
{
	background-color: Transparent;			
}
.modalPopup 
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;		
}
.autocomplete_completionListElement 
{  
	padding: 2px 2px 2px 2px;
	visibility : hidden;
	margin : 0px!important;
	background-color : White;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : pointer;
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}
.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}
.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;	
}
/*---------------------------------- Login Select Resource -----------------*/
.selResContent
{
	margin-top: 15px; 
	padding: 2px 2px 2px 2px; 
	border: solid 1px silver;	
}
.selResContent .header
{
	background-color: #e9e9e9; 
	height: 30px; 
	font-size: large; 
	font-weight: bold; 
	width: 100%;
}
.selResContent .middle
{
	width: 100%;
	margin-top: 15px;
}
.selResContent table
{
	width: 100%;
	background-color: #e9e9e9;
}
.selResContent .bottom
{
	 margin-top: 15px;
}
.selResContent .bottom .button
{
	 padding: 2px;
	 font: 10px Verdana;
	 color: #fff;
	 background-color: #444;
	 border: outset 2 silver;
}
/*---------------------------------- Login Select Vehicle -----------------*/
.content
{
	
}
.content .button
{
	background-color: #5D7B9D;
}
.content table
{
	color: #333333;
	font-size: 13px;
}
.content table td .link
{
	color: Blue;
	font-size: 13px;
}
.content table .header
{
	background-color: #5D7B9D;
	font-weight: bold;
	color: White;
}
.content table .row
{
	 background-color: #F7F6F3;
	 color: #333333;
}
.content table .alternating
{
	background-color: White;
	color: #284775;
}

/*---------------------------------- Processing ---------------------------*/
.processing
{
	border: solid 2px Black;
	padding: 10px 10px 10px 10px; 
	font-size: larger; 
	z-index: 100010; 
	left: 45%; 
	width: 100px; 
	color: blue; 
	position: absolute; 
	top: 46%; 
	height: 35px; 
	background-color: #cccccc;
}
/*----------------------------------  End Of Appointments  ---------------------------------------------*/
.buttonColumn{ white-space: nowrap; }   
#gridService
{
	border: groove 2px black;
	border-collapse: collapse;
	width: 100%;	
}
#gridService td
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	padding: 3px;	
}

#gridButtons
{
	border: none;
	width: 64px;
}
#gridButtons td
{
	border: none;	
	width: 16px;
}

.GridBorder
{
	border-style:solid;
	border-width:1px;
	border-bottom-color:black;
	border-top-color:black;
	border-left-color:black;
	border-right-color:black
}


.GridBorder th
{
	border-width:1px;
	border-bottom-color:black;
	border-top-color:black;
	border-left-color:black;
	border-right-color:black
}

.GridBorder td
{
	border-width:1px;
	border-bottom-color:black;
	border-top-color:black;
	border-left-color:black;
	border-right-color:black
}
.file
{ 
	width:200px;
	  border:solid 1 #6f70a0;
	  font-family:Verdana, Arial, Helvetica, sans-serif; 
	  font-size:10pt; color:black;
	  height:20px;
}

.FindAppointment_Table					{width:640px;cursor:default;background-color:Silver;border:outset 3 black}
.FindAppointment_Header					{background-color:Black;color:White;height:75px}
.FindAppointment_Header_VendorsCard		{color:white}
.FindAppointment_Header_ResourcesCard	{color:white}
.FindAppointment_Header_CustomersCard	{color:white}
.FindAppointment_Step1					{width:340px;padding:5px;}
.FindAppointment_Step2					{width:150px;padding:5px;}
.FindAppointment_Step3					{width:150px;padding:5px;}
.FindAppointment_Step_Header			{padding-bottom:5px}
.FindAppointment_Step1_Label			{color:Blue}
.FindAppointment_Step2_Label			{color:Blue}
.FindAppointment_Step3_Label			{color:Blue}
.FindAppointment_NotAvailable			{background-color:Gray;color:White;}
.FindAppointment_Available				{background-color:White;color:Black;cursor:hand}
.FindAppointment_AvailablePlus			{background-color:Orange;color:Black;cursor:hand}
.FindAppointment_Suggested				{background-color:Green;color:White;cursor:hand}
.FindAppointment_Selected				{background-color:Blue; color:White;cursor:hand}
.FindAppointment_Services_Footer		{}
.FindAppointment_Calendar				{border:solid black 1}
.FindAppointment_Calendar td			{border:solid black 1}
.FindAppointment_Calendar_Selected		{background-color:Blue;color:White;cursor:hand}
.FindAppointment_Calendar_Today			{color:Blue}
.FindAppointment_Calendar_Month			{color:White;background-color:Black;font-weight:bold}
.FindAppointment_Calendar_Week			{color:Blue;background-color:Silver;}
.FindAppointment_Schedule_Title			{color:White;background-color:Black;font-weight:bold}
.FindAppointment_Schedule				{border:solid black 1;width:100px}
.FindAppointment_Schedule td			{}
.ConfirmAppointment_Table				{width:640px;cursor:default;background-color:Silver;border:outset 3 black}
.ConfirmAppointment_Header				{background-color:Black;color:White;height:75px}
.ConfirmAppointment_Header_VendorsCard	{color:white}
.ConfirmAppointment_Header_ResourcesCard {color:white}
.ConfirmAppointment_Header_CustomersCard {color:white}
.ConfirmAppointment_Label				{color:Blue;background-color:Silver}

.ValidateUser_Table						{width:300px;cursor:default;background-color:Silver;border:outset 3 black}
.ValidateUser_Label						{color:Blue;}

.Edit_Table								{cursor:default;background-color:Silver;border:outset 3 black;width:100%}
.Edit_Label								{color:Blue;white-space:nowrap;}
.Hyperlink_Label						{cursor:hand;white-space:nowrap;text-decoration:underline;}
.Edit_Label_Vertical					{color:Blue;writing-mode:tb-rl;text-align:left;}

.Edit_Schedule							{cursor:default;background-color:Silver;border:solid 1 black;}
.Edit_Schedule td						{border:solid 1 black;}

.List_Table								{cursor:default;background-color:White;border:outset 3 black}
.List_Sort								{cursor:hand;color:Blue;text-decoration:underline;}
.List_Header							{background:silver}

.TreeLeaf								{cursor:hand;}
.TreeLeafOver							{color:white;background-color:blue;border:1 solid silver;cursor:hand;}
.TreeLeafDown							{color:white;background-color:navy;border:1 solid gray;cursor:hand;}
.TreeLeafSpans							{background-color:orange;border:1 solid gray;cursor:hand;}
.TreeLeafNew							{background-color:green;border:1 solid gray;cursor:hand;}

.button						{padding:2px;font:10px Verdana;color:#fff;background-color:#444;border:outset 2 silver}
.button:visited		{padding:2px;font:10px Verdana;color:#fff;background-color:#444;border:outset 2 silver}
.buttonDown				{padding:2px;font:10px Verdana;color:#fff;background-color:blue;border:inset 2 silver}
.button:Disabled	
{
	padding:2px;
	font:10px Verdana;	
	color:#a9a9a9;
	background-color:#444;
	border-color: Silver;
	border-style: outset;
	border-width: 2px;	
	cursor: text;
}

TD										{font:10px Verdana, Arial}
A										{color:Blue}
A:visited								{color:Blue}
.calSelector
{
     background-color: #cccccc;
}

tr.onmouse { background-color: Teal; color: #FFFFFF; } 
tr.offmouse { background-color: #FFFFFF; color: BLUE;} 
tr.offselmouse { background-color: #7ca1e5; color: #FFFFFF;}

.ScheduleAppointments
{
	font-weight: bold;
	font-size: 14px;
	vertical-align: baseline;
	overflow: scroll;
	text-transform: capitalize;
	color: blue;
	font-family: Arial,Helvetica,sans-serif;
	position: static;
	text-align: center;
}
.Astherisk
{
	color: Red;
}
.Edit_LabelBl
{
	color:Blue;white-space:nowrap;
}
.LinkP
{color:Blue;cursor:hand}

.SelectedServices
{
	background-color: Blue;
}

.CalendarDayHeadStyle
{
	color:  White;
	background-color: Black;
}
.CustBg
{background-color: #ECECEC;}
.am_title { FONT-SIZE: 8px; font-weight:bold; COLOR: #000; FONT-FAMILY: Tahoma,Arial,Verdana; background-color:Gray; TEXT-ALIGN: center }
.am_xxsmall { FONT-SIZE: 8pt; font-weight:normal; FONT-FAMILY: Tahoma,Arial,Verdana; }
.am_xxsmallbold { FONT-SIZE: 8px; font-weight:bold; FONT-FAMILY: Tahoma,Arial,Verdana; }
.am_xxxsmall { FONT-SIZE: 5pt; font-weight:normal; FONT-FAMILY: Arial,Verdana }

.ConfirmAppointment
{background-color:Silver;}
.HeaderPro
{background-color:#ECECEC}
.SideDoor_Header { BACKGROUND: url(../Media/TimeHighway/Design/Images/Home_04.gif) no-repeat left top; PADDING-TOP: 4px; HEIGHT: 47px }
.SideDoor_Footer { BACKGROUND: url(../Media/TimeHighway/Design/Images/Home_04.gif) no-repeat left top; PADDING-BOTTOM: 4px; HEIGHT: 47px }
.SideDoor_Title { FONT-SIZE: 18px; COLOR: #888; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; TEXT-ALIGN: center }
.SideDoor_Contact { FONT-SIZE: 10px; COLOR: #888; LINE-HEIGHT: 10px; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; TEXT-ALIGN: center }
.table { BORDER-RIGHT: #99cc33 1px dotted; BORDER-TOP: #99cc33 1px dotted; BORDER-LEFT: #99cc33 1px dotted; BORDER-BOTTOM: #99cc33 1px dotted }
.blackBottom { BORDER-LEFT-COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-BOTTOM: #000000 3px solid; BORDER-RIGHT-COLOR: #000000 }
.Result { FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.LogonButton { background-image: url(../Media/TimeHighway/Design/images/loginButton.gif)}
.div { 
width: 100%;
}
:link{Text-Decoration:None}
:active{Text-Decoration:None}
:visited{Text-Decoration:None}

br.clear 
{
	clear: both;
	font-size: 0;
	line-height:0;
}

/*----------------- Report Tabs ------------------*/
.ul_tabs
{
	margin-bottom: 15px;	
	width: 100%;
}
/*----------------- Normal tab ------------------*/
.ul_tabs .link_tab
{
	background: transparent url('bg_tab_a.gif') no-repeat scroll bottom right;
    color: #444;
    display: block;
    float: none;
    font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;	
    height: 24px;    
    padding-right: 9px;
    text-decoration: none;
   
}
.ul_tabs .link_tab span
{
	background: transparent url('bg_tab_span.gif') no-repeat bottom left;
    display: block;
    color: #003400;
    line-height: 14px;
    padding: 5px 0 5px 5px;
    text-align: center;
    white-space: nowrap;
}
/*------------------- Active tab ----------------*/
.ul_tabs .link_tab_active
{
	background: transparent url('bg_tab_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: none;
    font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;	
    height: 24px;    
    padding-right: 9px;
    text-decoration: none;
}
.ul_tabs .link_tab_active span
{
	background: transparent url('bg_tab_span.gif') no-repeat top left;
    display: block;
    color: #24618E;
    line-height: 14px;
    padding: 5px 0 5px 5px;
    text-align: center;
    white-space: nowrap;
}
.support a
{
text-decoration:underline;
}
.memo
{
	border:none 0px white;
}
/*--------------------------LED STYLE CONFIGURATION----------------*/
.labelLEDConfiguration
{
	font-size: 15px;
	font-weight: bold;
	font-family: Verdana;
}
.linkLEDConfiguration
{
	font-size: 15px;	
	font-family: Times New Roman;
}

	
.ajax__colorPicker_container table td div
{
	cursor: pointer !important;
	cursor: hand !important;
}