body {
	background:#666666;
	margin: 0px;
	padding: 0px;
	/*background-image: url(../images/gradient.JPG);*/
    }

    td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
    direction: ltr;
    margin-left: 120px;
}
	
a.black:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
	}
.black {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	}

a.white:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}
.white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
    margin-left: 0px;
}

.bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4e5d74;
	text-decoration: none;
	}

.red{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #cb0514;
	text-decoration: none;
	}

.green{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: green;
	text-decoration: none;
	}
	
	.orange{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: Orange;
	text-decoration: none;
	}

.forms {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #6186AB;
	text-decoration:none;
	width: 160px;
	margin: 0px;
	padding: 0px;
}
.forms_grd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #6186AB;
	text-decoration:none;
	width: 100px;
	margin: 0px;
	padding: 0px;
}
.forms1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #6186AB;
	text-decoration: none;
	width: 50px;
	margin: 0px;
	padding: 0px;
}
.formsN{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #6186AB;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.forms2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	width: 300px;
	padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

.forms3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	width: 449px;
	margin: 0px;
	padding: 0px;
}
.forms4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	width: 534px;
	margin: 0px;
	padding: 0px;
}

.forms5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	width: 355px;
	margin: 0px;
	padding: 0px;
}
.forms6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	width: 745px;
	margin: 0px;
	padding: 0px;
}
.forms7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	width: 507px;
	margin: 0px;
	padding: 0px;
}

.forms8 {
	padding: 3px 5px;
	font:normal 12px/13px Verdana, Geneva, sans-serif;
	text-shadow: 0px 1px 0px #fff;
	outline: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #717171;
	direction: ltr;
}
.forms9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.1px;
	font-weight: normal;
	color: #6186AB;
	text-decoration: none;
	width: 0.09px;
	margin: 0px;
	padding: 0px;
	visibility:hidden;
}
.ForeColor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	}
.formsAddress {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	width: 435px;
	margin: 0px;
	padding: 0px;
}
.bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #6186AB;
	text-decoration: none;
		}
	
	.bottomInvoice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #6186AB;
	text-decoration: none;
	border-style:solid;
	border-color:#5D7B9D;
	border-width:1px;
	border-spacing:0px;
	
	}
	.bottomInvoiceS {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #6186AB;
	text-decoration: none;
	border-style:solid;
	border-color:#5D7B9D;
	border-width:1px;
	border-spacing:0px;
	
	}
	.bottomCell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #6186AB;
	text-decoration:underline;
	}
	.bottomCell1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #6186AB;
	text-decoration:none;
	}
	.bottomCell2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #6186AB;
	text-decoration:none;
	border-color:#5D7B9D;
	border-width:1px;
	}
/*-----------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
	.dept {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color:Black;
	text-decoration:none;
	}
	.boldblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #6186AB;
	text-decoration: none;
	}
	.boldwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
a.boldwhite:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6186AB;
	text-decoration: none;
	}
a.lnk:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #244163;
	text-decoration: none;
	}
.lnk {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #6186AB;
	text-decoration: none;
}
.lnk2 {
	text-decoration: none;
}

	.btn2
{
	background:#244163;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;

	border:none;
  
	}
	/***.brd
	{
		border-style:solid;
		border-color:White;
		border-width:1px;
	}***/
	.brdblue
	{
		border-style:solid;
		border-color:#5D7B9D;
		border-width:1px;
		
		
	}
.scrolltable
{
	width:720px;
	height:auto;
	overflow-x:scroll;
	scrollbar-face-color: #5D7B9D;
    scrollbar-arrow-color: #f6f6f6;
    scrollbar-highlight-color: #f6f6f6; 
    scrollbar-3dlight-color: #5D7B9D;
    scrollbar-shadow-color: #5D7B9D;
    scrollbar-darkshadow-color:#5D7B9D;
    scrollbar-track-color: #f6f6f6; 
   
}
.scrolltableSmall
{
	width:1003px;
	height:auto;
	overflow-x:scroll;
	scrollbar-face-color: #5D7B9D;
    scrollbar-arrow-color: #f6f6f6;
    scrollbar-highlight-color: #f6f6f6; 
    scrollbar-3dlight-color: #5D7B9D;
    scrollbar-shadow-color: #5D7B9D;
    scrollbar-darkshadow-color:#5D7B9D;
    scrollbar-track-color: #f6f6f6; 
   
}
.scrolltable_withHeight
{
	width:720px;
	height:450px;
	overflow:auto;
	scrollbar-face-color: #5D7B9D;
    scrollbar-arrow-color: #f6f6f6;
    scrollbar-highlight-color: #f6f6f6; 
    scrollbar-3dlight-color: #5D7B9D;
    scrollbar-shadow-color: #5D7B9D;
    scrollbar-darkshadow-color:#5D7B9D;
    scrollbar-track-color: #f6f6f6; 
   
}
.scrolltable_withHeight2
{
	width:750px;
	height:450px;
	overflow:auto;
	scrollbar-face-color: #5D7B9D;
    scrollbar-arrow-color: #f6f6f6;
    scrollbar-highlight-color: #f6f6f6; 
    scrollbar-3dlight-color: #5D7B9D;
    scrollbar-shadow-color: #5D7B9D;
    scrollbar-darkshadow-color:#5D7B9D;
    scrollbar-track-color: #f6f6f6; 
   
}

.scrollTableSmall
{
	width:auto;
	height:100px;
	overflow:auto;
	scrollbar-face-color: #5D7B9D;
    scrollbar-arrow-color: #f6f6f6;
    scrollbar-highlight-color: #f6f6f6; 
    scrollbar-3dlight-color: #5D7B9D;
    scrollbar-shadow-color: #5D7B9D;
    scrollbar-darkshadow-color:#5D7B9D;
    scrollbar-track-color: #f6f6f6; 
    background-color:#F7F6F3;
}
.scrollTableSmall2
{
	width:920px;
	height:400px;
	overflow:auto;
	scrollbar-face-color: #5D7B9D;
    scrollbar-arrow-color: #f6f6f6;
    scrollbar-highlight-color: #f6f6f6; 
    scrollbar-3dlight-color: #5D7B9D;
    scrollbar-shadow-color: #5D7B9D;
    scrollbar-darkshadow-color:#5D7B9D;
    scrollbar-track-color: #f6f6f6; 
    background-color:#F7F6F3;
}
th {
      background-color: #007DB3;
      font-size: 12px;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 3px;
      padding-bottom: 3px;
      color: #005478;
      background-image: url(../images/th_bg.gif);
      BORDER-BOTTOM: #008BD2 1px solid;
      BORDER-LEFT: #0090D0 1px solid;
      BORDER-RIGHT: #0090D0 1px solid;
      BORDER-TOP: #6FB0C9 0px solid;
}

.tableHeader {
      background-color: #007DB3;
      font-size: 12px;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 3px;
      padding-bottom: 3px;
      color: #005478;
      background-image: url(../images/th_bg.gif);
      BORDER-BOTTOM: #008BD2 1px solid;
      BORDER-LEFT: #0090D0 1px solid;
      BORDER-RIGHT: #0090D0 1px solid;
      BORDER-TOP: #6FB0C9 0px solid;
}

.bfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold ;
	color: #6186AB;
	text-decoration: none;
	}
	
	
	.dynRow {
      background-color: #007DB3;
      font-size: 12px;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 3px;
      padding-bottom: 3px;
      color: #005478;
      background-image: url(../images/th_bg.gif);
      BORDER-BOTTOM: #008BD2 1px solid;
      BORDER-LEFT: #0090D0 1px solid;
      BORDER-RIGHT: #0090D0 1px solid;
      BORDER-TOP: #6FB0C9 0px solid;
}

.Captionfont
{
	font-size: 14pt; 
	text-decoration: underline;
	color:White; 
	text-align:center;
		}
	
.scrolltable1
{
	width:695px;
	height:auto;
	text-align:center;  
	overflow-y:hidden;
	overflow:auto;
	scrollbar-face-color: #5D7B9D;
    scrollbar-arrow-color: #f6f6f6;
    scrollbar-highlight-color: #f6f6f6; 
    scrollbar-3dlight-color: #5D7B9D;
    scrollbar-shadow-color: #5D7B9D;
    scrollbar-darkshadow-color:#5D7B9D;
    scrollbar-track-color: #f6f6f6; 
}
.scrolldtable
{
	width:auto;
	height:auto;
	text-align:center;  
	overflow-y:hidden;
	overflow:auto;
	scrollbar-face-color: #5D7B9D;
    scrollbar-arrow-color: #f6f6f6;
    scrollbar-highlight-color: #f6f6f6; 
    scrollbar-3dlight-color: #5D7B9D;
    scrollbar-shadow-color: #5D7B9D;
    scrollbar-darkshadow-color:#5D7B9D;
    scrollbar-track-color: #f6f6f6; 
}
.tgbg
{
	background-image:url(../images/top_bg.jpg);
	background-repeat: no-repeat;
	background-color:#244163;  
	 
}
/*
input, textarea, select{
    background-color: #CCCCCC;
}

input:focus, textarea:focus, select:focus,
input:hover, textarea:hover, select:hover{
 background-color: #FEFF7F;
 border: 1px solid #FF0000;
}

input:blur, textarea:blur, select:blur{
 background-color: #CCCCCC;
 border:none;
}*/

.focusField
{
   	border:solid 2px #73A6FF;
   	background:#EFF5FF;
   	color:#000;
}
.idleField
{
   	background:#EEE;
   	color: #6F6F6F;
	border: solid 2px #DFDFDF;
}
.focusBtn 
{
	background:#6186AB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	border:solid 2px #73A6FF;
}
.IdleBtn
{
	background:#6186AB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	border: solid 2px #DFDFDF;
}

.btn 
{
	background:#6186AB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	border:solid 2px #DFDFDF;
    }

/* Resize TableColumns style 
    Start */
 .tablecontainer
{
    position: absolute;
}

.mytable
{
    table-layout:fixed;
    width:720px;
}

.mytable td
{
    word-wrap: break-word;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

.mytable th
{
    word-wrap: break-word;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    height:30px;
    table-layout:fixed;
}

/* Resize TableColumns style 
    End */

/* Pager Template Style Start */
.pagerstyle
{
    background-color: #007DB3;
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #005478;
    background-image: url(../images/th_bg.gif);
    BORDER-BOTTOM: #008BD2 1px solid;
    BORDER-LEFT: #0090D0 1px solid;
    BORDER-RIGHT: #0090D0 1px solid;
    BORDER-TOP: #6FB0C9 0px solid;
    font-size:x-small;
    text-align:left;
} 
.pagerstyle select{
    font-size:x-small;
}  
.previous{
    background:transparent url(../images/previous.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
}
.next{
    background:transparent url(../images/next.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
}  
.gotopage{
    font-size:x-small;
    width:20px;
}
.bcode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
}
/* Pager Template Style End */

.scrolltable_menu
{
	width:158px;
	height:220px;
	overflow:auto;
	padding:0px;
	margin:0px;
	overflow-x:hidden;
   
}
.modalProgressGreyBackground 
{
    background:#CCCCCC;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalProgressRedBackground 
{
    background: url(../images/body_bg.jpg) no-repeat top left #F1F5F0;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalPopup
{
    text-align:center;
    vertical-align:middle;
    background: url(../images/top_right.png) no-repeat;
    color: #006600;
	font-size: 13px;
	font-weight: bold;
    width:300px; 
    height:50px;
}
.ModalBackground
{
	background-color:Gray;

	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.txt_box {
	padding: 3px 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbe), to(#ffffff));
	background: -moz-linear-gradient(top,  #bcbcbe,  #ffffff);	
	font:normal 11px/12px Verdana, Geneva, sans-serif;
	text-shadow: 0px 1px 0px #fff;
	outline: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #717171;
	width:90%;
}

.txt_box_mand {
	padding: 3px 5px ;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	text-shadow: 0px 1px 0px #fff;
	outline: none;
	background: -webkit-gradient(linear, left top, left bottom, from( #fcfed1), to( #fcfed1));
	background: -moz-linear-gradient(top,  #fcfed1,  #ffffff);	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #717171;
	width:90%;
	
	
	
}

.modal-body {
    padding-top: 0px;
    padding-bottom: 25px;
}

.modal-footer {
    padding-top: 26px;
}

.content {
    overflow-x: auto;
    padding-bottom: 30px;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}