﻿/*Table section*/
.tabs
{
	position: relative;
	top: 1px;
	left: 10px;
}
.tab
{
	border: solid 1px black;
	background-color: #eeeeee;
	padding: 2px 10px;
}
.highlight
{
	text-decoration: none;
	color: black;
	background: yellow;
}
.selectedTab
{
	background-color: white;
	border-bottom: solid 1px white;
}
.tabContents
{
	border: solid 1px black;
	padding: 10px;
	background-color: white;
}

.Underlinetd
{
	border-bottom-color: Black;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.overlay
{
	position: fixed;
	z-index: 99;
	top: 0px;
	left: 0px;
	color: Red;
	background-color: #FFFFFF;
	font-weight: bold;
	font-size: medium;
	width: 100%;
	height: 100%;
	filter: Alpha(Opacity=70);
	opacity: 0.70;
	-moz-opacity: 0.70;
}
* html .overlay
{
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight +   'px' );
	width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth +   'px' );
}
.loader
{
	z-index: 100;
	position: fixed;
	width: 120px;
	margin-left: -60px;
	top: 50%;
	left: 50%;
}
* html .loader
{
	position: absolute;
	margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) +   'px' );
}
td
{
	vertical-align: top;
	font-family: Verdana,Arial;
	font-size: 11px;
}
.tdReqFld
{
	text-align: right;
	color: Red;
	font-size: 12px;
}
/*header td*/
.tdGenLabel
{
	width: 10%;
	font-weight: bold;
	font-size: 11px;
	vertical-align: top;
	text-align: right;
}
.tdGenLabel20Per
{
	width: 20%;
	font-weight: bold;
	font-size: 11px;
	vertical-align: top;
}
tdGenLabel12Per
{
	width: 12%;
	font-weight: bold;
	font-size: 11px;
	vertical-align: top;
	text-align: right;
}
.tdGenLabelCom
{
	width: 10%;
	font-weight: bold;
	font-size: 11px;
	vertical-align: top;
	text-align: right;
}
.tdLabel25per
{
	width: 25%;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
}
.tdLabel50per
{
	width: 50%;
	font-weight: bold;
	font-size: 11px;
}

.tdGenControl
{
	width: 20%;
	font-size: 10px;
	vertical-align: top;
	text-align: left;
}
.tdGenControl13Per
{
	width: 13%;
	font-size: 10px;
	vertical-align: top;
	text-align: left;
}
.tdControl28per
{
	width: 28%;
	font-size: 10px;
	text-align: left;
	vertical-align: top;
}
.tdControl25per
{
	width: 25%;
	font-size: 10px;
	text-align: left;
	vertical-align: top;
}
.tdControl50per
{
	width: 50%;
	font-size: 10px;
	vertical-align: top;
}
.tdControl75per
{
	width: 75%;
	font-size: 10px;
	vertical-align: top;
}
.tdButton
{
	font-family: Arial,Verdana;
	font-size: 10px;
	text-align: center;
}
.tdTabContainer
{
	width: 80%;
}
.tdTabRmkLbl
{
	width: 15%;
	font-weight: bold;
	font-size: 11px;
}
.bcCaption
{
	background-color: #e6e6e6;
	font-weight: bold;
	font-size: 11px;
}

.pageHeader
{
	background-color: #e6e6e6;
	font-weight: bold;
	font-size: 15px;
}

.req
{
	color: Red;
}

/* End Table Section*/

.man
{
	color: Red;
}
.modalBox
{
	background-color: #f5f5f5;
	border-width: 3px;
	border-style: solid;
	border-color: Blue;
	padding: 3px;
	vertical-align: top;
}
.modalPanel td
{
	vertical-align: top;
}
.clsPanel
{
	color: Black;
	font-weight: bold;
}

.Pagebreak
{
	page-break-after: always;
}

.JobcardHeader
{
	text-align: center;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
}
.tableBorder
{
	table-layout: auto;
	font-weight: bold;
	border: 1;
	border-color: Black;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-collapse: collapse;
	border-bottom-style: none;
	font-family: Verdana;
	font-size: 11px;
}

.divBorder
{
	display: inline-block;
	border: 1px;
	border-color: #B9DDFB;
	border-left-style: solid;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	font-family: Verdana;
	font-size: 11px;
	height: auto;
	width: 140px;
}
.grdrow
{
	background-color: #E6E6E6;
}
.myDragClass
{
	background-color: #f5f5f6;
}
.tDnD_whileDrag
{
	background-color: Lime;
	color: Red;
}
.alt
{
}
:link
{
	font-size: 12px;
	color: blue;
	text-decoration: none;
}
/* for unvisited links */
:visited
{
	font-size: 12px;
	color: blue;
	text-decoration: none;
}
/* for visited links */
a:active
{
	font-size: 12px;
	color: blue;
	text-decoration: none;
}
/* when link is clicked */
a:hover
{
	font-size: 12px;
	color: blue;
	text-decoration: underline;
}

/* when mouse is over link */

/*
.header
{
	color: white;
	background-color: #a9a9a9;
	height: 10px;
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
	font-family: "Verdana, Arial, Helvetica, sans-serif, Trebuchet MS";
}


.alternate
{
	background-color: #d3d3d3;
	font-size: 10px;
	font-family: "Verdana, Arial, Helvetica, sans-serif, Trebuchet MS";
}
.txtCaption
{
	border: 1px;
	border-color: #B9DDFB;
	border-left-style: solid;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	font-family: Verdana;
	font-size: 11px;
}

.KeyCaption
{
	background-color: White;
	color: Black;
	font-weight: bold;
	font-family: Verdana;
	font-size: 11px;
}
.KeyValue
{
	background-color: White;
	color: Black;
	font-weight: normal;
	font-family: Verdana;
	font-size: 11px;
	height: 20px;
}
.Captiongrid
{
	background-color: White;
	color: Black;
	font-weight: bold;
	text-align: center;
}
.Caption1
{
	background-color: White;
	color: Black;
	font-weight: bold;
	border: 1;
	border-color: Black;
}
legend
{
	color: White;
	font-size: 13;
	font-weight: bold;
}
.tableheading
{
	background-color: #294A77;
	color: White;
	border-color: #294A77;
	border-width: 0;
	text-align: center;
	font-weight: bold;
}


.tableheading1
{
	background-color: #294A77;
	color: White;
	border-color: #294A77;
	border-width: 0;
	text-align: center;
	font-weight: bold;
	padding-bottom: 2;
}


.td1
{
	background-color: #D3D3D3;
}

.heading
{
	font-size: 20px;
	font-weight: bold;
	color: White;
	font-family: "Times New Roman" , Times, Serif;
}

input, textarea, select
{
	font-family: Verdana, Calibri,Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.div1
{
	padding: 0px;
	background-color: White;
	text-align: left;
}
table
{
	table-layout: auto;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-collapse: collapse;
	border-bottom-style: none;
	background-color: White;
	text-align: left;
}
grisview
{
	table-layout: auto;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-collapse: collapse;
	border-bottom-style: none;
}
.table2
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: White;
	text-align: left;
}

.table3
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #F2F6FA;
	text-align: left;
}


.table1
{
	text-align: left;
}
.grdLnk
{
	font-weight: normal;
	font-size: 11px;
	color: blue;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
A.grdLnk:hover
{
	font-weight: normal;
	font-size: 11px;
	color: Orange;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.grdLnkBS
{
	font-weight: Bold;
	font-size: 12px;
	color: blue;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
A.grdLnkBS:hover
{
	font-weight: Bold;
	font-size: 12px;
	color: Orange;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
*/
BODY
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-top: 0px;
	font-size: 10px;
}


.Caption
{
	background-color: White;
	color: Black;
	font-weight: bold;
	font-family: Verdana;
	font-size: 11px;
}

.hdrCaption
{
	background-color: #294A77;
	color: white;
	font-weight: bold;
	font-family: Verdana;
	font-size: 11px;
}
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.btnVisibility
{
	display: none;
}

.lblBorder
{
	display: inline-block;
	font-family: Verdana;
	font-size: 11px;
	height: auto;
	width: 175px;
}

.tableHeading
{
	background-color: #294A77;
	color: White;
	border-color: #294A77;
	border-width: 0;
	text-align: center;
	font-weight: bold;
	padding-bottom: 2;
}

.tableContent
{
	border-color: #294A77;
	border-width: 1;
	text-align: center;
	padding-bottom: 2;
}

.tdRight
{
	text-align: right;
	font-weight: bold;
	padding-bottom: 2;
	width :200px;
}

.tdLeft
{
	text-align: left;
	padding-bottom: 2;
	width :100px;
}
.hdrSpan
{
	background-color: #294A77;
	color: white;
	font-weight: bold;
	font-family: Verdana;
	font-size: 11px;
}
