@media screen
{
	#appHeader
	{
		text-align: right;
		vertical-align: top;
		height: 32px;
		font-weight: bolder;
		color: #EEEEEE;
	    /*background: url(images/Header.png)repeat-x left top ;*/
        /*background-repeat: repeat-x;*/
	}
    #OnTrackHeader {
       text-align: left;
		height: 32px;
        background: url('images/OnTrack.png')no-repeat;
        background-size: 100% 100%;
        max-width: 100%;
    }
	body
	{
		margin: 0px 0px 0px 0px;
		font-family: Calibri,Verdana, Arial;
		font-size: 12px;
		height: 100%;
		width: 100%;
		background-color: #FFFFFF;
	}
	.boldLabel
	{
		font-weight: bold;
         background-color: #e2e3e4;
	}
	.boldLink
	{
		font-weight: bold;
		cursor: pointer; 
		text-decoration: underline;
	}
	
	.boldLabel a
	{
		color: #FFFFFF;
	}
	
	.icon-text
	{
		padding-left: 22px;
		height: 24px;
		padding-bottom: 4px;
		padding-top: 4px;
	}	
	.icon-trash-large
	{
		height: 60px;
		width: 60px;
		background-image:url(images/Trash-Icon-Large.png);
		background-repeat: no-repeat;
		background-position: center center;
	}
	.icon-button
	{
		text-align: top;
		padding-top: 2px;
		padding-left: 22px;
	}
	.icon-download
	{
		padding-left: 24px;
		height: 30px;
		padding-bottom: 4px;
		padding-top: 4px;
		background:url(images/Icon-ViewReport.png);
		background-repeat: no-repeat;
		background-position: left center;
		font-weight: bold;
		text-decoration: underline;
		cursor: pointer;
	}
	.dialog-info
	{
		background-image: url(images/Dialog-Info.png); 
		background-position: 0px 0px; 
		background-repeat: no-repeat;
		padding-left: 40px;
		padding-top: 5px;
	}	

	.dialog-warning
	{
		background-image: url(images/Dialog-Warning.png); 
		background-position: 0px 0px; 
		background-repeat: no-repeat;
		padding-left: 40px;
		padding-top: 5px;
	}
	.dialog-forbidden
	{
		background-image: url(images/Dialog-Forbidden.png); 
		background-position: 0px 0px; 
		background-repeat: no-repeat;
		padding-left: 40px;
		padding-top: 5px;
	}
	.dialog-error
	{
		background-image: url(images/Dialog-Error.png); 
		background-position: 0px 0px; 
		background-repeat: no-repeat;
		padding-left: 40px;
		padding-top: 5px;
	}
	.dialog-success
	{
		background-image: url(images/Dialog-Success.png); 
		background-position: 0px 0px; 
		background-repeat: no-repeat;
		padding-left: 40px;
		padding-top: 5px;
	}
	.dialog-preview-document
	{
		background-image: url(images/Icon-Preview-Document.png); 
		background-position: 5px 5px; 
		background-repeat: no-repeat;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 0px;
	}
.gridTable
{
	text-align: left;
		color: #000000;
		 margin-top: 15px;
}
.gridTable thead
{
	background-image: url(Images/menu_bkgnd.png);
	background-repeat: repeat-x;
}
/*grid header  background here*/
.gridTable thead tr th
{
	padding:5px 5px 5px 5px;
	text-align: left;
	vertical-align: top;
	background-color: #696a6d;
	color: #ffffff;
	border-bottom: solid 2px #696a6d;
	border-top: solid 2px #696a6d;
}

.gridTable1
{
	text-align: left;
		color: #000000;
		 margin-top: 15px;
}
.gridTable1 thead
{
	background-image: url(Images/menu_bkgnd.png);
	background-repeat: repeat-x;
}
.gridTable1 thead tr th
{
	padding:5px 5px 5px 5px;
	text-align: right;
	vertical-align: top;
	background-color: #696a6d;
	color: #ffffff;
	border-bottom: solid 2px #696a6d;
	border-top: solid 2px #696a6d;
}

.mnuIcon
{
	vertical-align: middle;
}
.gridLines td
{
	padding: 2px 2px 2px 2px;
	border-bottom: solid 1px #ffffff;
}
.gridTotal td
{
	padding: 2px 2px 2px 2px;
	border-top: solid 1px #696a6d;
}
.gridTableOdd td
{
	padding: 3px 0px 3px 0px;
	border-bottom: solid 1px #696a6d;

}

.gridTableEven
{
    
	background-color: #e2e3e4;
}
.gridTableEven td
{
	padding: 3px 0px 3px 0px;
	border-bottom: solid 1px #696a6d;
}	
.gridTable tfoot tr td
{
	border-top: solid 3px #696a6d;
}
	input[type=text]
	{
		border: 1px solid #696a6d;
		font-family: Calibri,Arial;
		background-color: #FFFFFF;
	}
	input[type=password]
	{
		border: 1px solid #696a6d;
		font-family: Calibri,Arial;
		background-color: #FFFFFF;
	}
	.menuAction
	{
		background-image: url(images/Unselected.png);
		background-position: left center;
		background-repeat: no-repeat;
		padding-left: 20px;
		padding-top: 3px;
		padding-bottom: 3px;
	}
#officeMenu
{
	width: 200px;
}
.subMenu tr td
{
	height: 20px;
}
#officeMenu a
{
	color: #000000;
	text-decoration: none;
}

#officeMenu a:hover
{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}	
	select
	{
		border: 1px solid #696a6d;
		font-family:Calibri, Arial;
		/*background-color: #e2e3e4;*/
	}
	.selectedMenuAction
	{
		background-image: url(images/Selected.png);
		background-position: left center;
		background-repeat: no-repeat;
		font-weight: bold;
		padding-left: 25px;
	}
	textarea
	{
		border: 1px solid #696a6d;
		font-family: Calibri,Arial;
		/*background-color: #e2e3e4;*/
	}
	.print-only
	{
	    display: none;
	}
	.screen-only
	{
	    display: block;
	}
		
	.ui-widget-margin
	{
		margin: 1.23em;
		padding-bottom: 1.21em;
	}
	
	.ui-widget-margin-top
	{
	    margin-top: 1.23em;
	}
	
	.div-br
	{
	   padding-top: 1.23em;
	}
}