BODY
{
	font-family:		Verdana;
	font-size:			11px;
	cursor:				default;
    box-sizing:         border-box;
}

a
{
	font-family:		Verdana;
	font-size:			11px;
	cursor:				default;
}

a:link, a:visited, a:hover a:active
{
	color:				white;
	text-decoration:	none;
	cursor:				pointer;
}

.button
{
	height:				25px;
	width:				100px;
}

.highlightItem
{
	background-color:	highlight;
	color:				highlightText;
}

INPUT
{
	font-family:		Verdana;
	font-size:			11px;
}

.applyButton
{
	width:				130px;
}

.cancelButton
{
	width:				130px;
}

.okButton
{
	width:				130px;
}

.resetButton
{
	width:				130px;
}

.menuItem
{
	background-color:	menu;
	color:				menuText;
}

.panelScroll
{
	overflow-y: auto;
}

SPAN
{
	font-size:			11px;
}

.font-default-bold
{
	font-weight:		bold;
}
.font-xxsmall
{
	font-size:			9px;
}
.font-xsmall
{
	font-size:			11px;
}
.font-xsmall-bold
{
	font-size:			11px;
	font-weight:		bold;
}
.font-small
{
	font-size:			12px;
}
.font-medium
{
	font-size:			12px;
}
.font-xlarge
{
	font-size:			14px;
}
.font-xlarge-bold
{
	font-size:			14px;
	font-weight:		bold;
}

.calendarButton
{
	background-image:	url(../images/Calendar.gif);
	border:				outset 2px;
	height:				22px;
	left:				-6px;
	position:			relative;
	top:				2px;
	width:				22px;
}

.dateFromLabel
{
	white-space:		nowrap;
}

.dateTextBox
{
	position:			relative;
	top:				2px;
	width:				82px;
}

.dateToLabel
{
	white-space:		nowrap;
}

.effectiveTimeLabel
{
	white-space:		nowrap;
}

.timeTextBox
{
	left:				-4px;
	position:			relative;
	top:				2px;
	width:				44px;
}

#tblCalendar tbody {
    background-color: #fff;
}

:focus {
    outline: none;
}

form {
    margin: 0;
}

table table {
    background-color: #fff;
    color: #000;
}

#pnlPage {
    width: 98%;
    margin: 10px 1%;
    height: 95%;
    border: 1px solid black;
    border-radius: 10px;
    padding: 20px 5px 5px 5px;
    background-color: #fff;
    color: #000;
    border-top: 20px solid #22B1E9;
    box-sizing: border-box;
}

.KSSUpDownArrowPanel img {
    margin: 2px 0;
}