/*------------------------------Layout Div starts here--------------------------------*/
html, body {
	min-height: 100%;
}
html {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	HEIGHT: 100%;
}
body {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	COLOR: #4f4f4f;
	PADDING-TOP: 0px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
div#container {
	border-left: 1px solid #ccc;
	background: url(images/right_ds.gif) repeat-y right;
	margin: 0px auto;
	WIDTH: 990px;
	POSITION: relative;
	PADDING-RIGHT: .5em;
	PADDING-TOP: 1em;
}
div#header {
	PADDING-RIGHT:.5em;
	PADDING-LEFT: .5em;
	PADDING-BOTTOM: 1em;
	PADDING-TOP: 1em;
	height: 90px; 
	border-bottom: 0px solid #ccc;
	BACKGROUND: url(images/rinchem.gif) no-repeat;
}
div#content {
	border-right: 0px solid #ccc;
	border-left: 0px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	PADDING-RIGHT: .5em;
	PADDING-LEFT: .5em;
	PADDING-BOTTOM: 2em;
	PADDING-TOP: 1em;
	min-height: 420px;
}
* HTML #content {
	MIN-HEIGHT: 100%;
	HEIGHT: auto;
}
div#footer {
	border-bottom: 1px solid #ccc;
	PADDING-TOP: .4em;
	WIDTH: 100%;
	text-align: center;
	PADDING-bottom: .4em;
}
 
/*------------------------------Layout Div ends here--------------------------------*/
/*------------------------------Classes for content Starts here--------------------------------*/
.clear {
	clear: both;
}
p {
	text-align: justify;
}
#header h2 {
	border: 0px solid #ccc;
	float: left;
	position: relative;
	FONT-SIZE: 16px;
	COLOR: #8a1f03;
	font-weight: bold;
	left: 420px;
	bottom: -60px;
	 
}
#header span {
	float: right;
	width: 150px;
	padding-left: 1em;
	padding-right: .4em;
	font-size: 11px;
}
#header span a {
	float: right;
	width: 150px;
	color:Navy;
	position:relative;
	font-size: 13px;
	font-weight:bold;
	text-decoration:none;
	right:0;
	bottom:0;
}
.HeaderStyle {
	PADDING-LEFT: 8px;
	FONT-WEIGHT: bold;
	BACKGROUND: url(images/bg_paging.jpg) #707070 repeat-x;
	WIDTH: 470px;
	COLOR: #ffffff;
	BORDER-TOP-STYLE: none;
	PADDING-TOP: 5px;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	HEIGHT: 24px;
	BORDER-BOTTOM-STYLE: none;
}

/*-----------------Classes for Form content starts-----------------------------*/
.userFrm {
	BORDER-RIGHT: #f1f1f1 3px solid;
	BORDER-TOP: #f1f1f1 1px solid;
	BORDER-LEFT: #f1f1f1 3px solid;
	BORDER-BOTTOM: #f1f1f1 1px solid;
	BACKGROUND-COLOR: #fbfbfb;
	margin: 1em auto;
}
.userFrm table {
	width: 320px;
}
.userFrm table td {
	padding: 3px;
}
 
td.checkbox label {  margin-right:70px;
 BORDER: #000 0px solid;

}
 

.title {
	line-height: 1.5;
	color: #fff;
	font-weight: bold;
	background-color: #8a1f03;
}
.loginbtn { 
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #fff;  position:relative;right:20px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
 
	BACKGROUND-COLOR: #000;
	BORDER-BOTTOM-STYLE: none;
	cursor: pointer;
	 
}

.userFrmbtn { 
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #fff;    
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
 
	BACKGROUND-COLOR: #000;
	BORDER-BOTTOM-STYLE: none;
	cursor: pointer;
	 
}
.frmTitleBox {
	margin: auto;
	margin-bottom: 1em;
	width: 96%;
	padding: 10px;
	COLOR: #fff;
	FONT-SIZE: 12px;
	FONT-FAMILY: arial;
	text-align: left;
	BACKGROUND-COLOR: #8a1f03; /* 	CCborderRadius: 10px;Do rounding (native in Firefox and Safari, CC in IE) */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

}
.info {
	float: right;
}
.red {
	padding: 2px;
	COLOR: red;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
}
FIELDSET {
	PADDING-RIGHT: .2em;
	DISPLAY: block;
	PADDING-LEFT: .2em;
	PADDING-BOTTOM: .2em;
	margin: auto;
	PADDING-TOP: .2em;
	BORDER : #ddd 1px solid;
}
.frmcontainer {
	BACKGROUND-COLOR: #f1f1f1;
	margin: 2px auto;
	BORDER : #ddd 1px solid;
	width: 100%;
}
.even {
	BACKGROUND-COLOR: #f5f4f4;
	BORDER : #ddd 1px solid;
	width: 100%;
	margin: 2px auto;
}
.frmcontainer TD, .even TD { 
	vertical-align: top;
	PADDING-RIGHT: 1em;
	PADDING-LEFT: 1em;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
}
.frmcontainer A, .even A {
	FONT-SIZE: 12px;
	COLOR: #8a1f03;
	TEXT-DECORATION: underline;
}
.frmcontainer A:hover, .even A:hover {
	COLOR: #8a1f03;
	TEXT-DECORATION: none;
}
.frmcontainer SPAN, .even span {
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 12px;
	POSITION: absolute;
}
.chkboxtbl td span {
	float: left;
}
.chkboxtbl td span input {
	float: left;
	width: 12px;
	height: 12px;
}
.frmcontainer input.btnfrm, .even input.btnfrm {
	position: relative;
	left: 10px;
	width: 50px;
	FONT-SIZE: 11px;
	padding: 1px 3px 2px 2px;
	BACKGROUND-COLOR: #666666;
	BORDER: 1px solid #333333;
	cursor: pointer;
}
.frmcontainer input.btnAdd, .even input.btnAdd{
	position: relative;
	left: 10px;
	width: 50px;
	FONT-SIZE: 11px; color:#fff;
	padding: 1px 3px 2px 2px;
	BACKGROUND-COLOR: #33CC33;
	BORDER: 1px #008000 solid;
	cursor: pointer;
}
 
input[type='submit'].normal{
	position: relative;
	left: 10px;
	width: 50px;
	FONT-SIZE: 11px; color:#fff;
	padding: 1px 3px 2px 2px;
	BACKGROUND-COLOR: #33CC33;
	BORDER: 1px #008000 solid;
	cursor: pointer;
}
 

input[type='text'] {
	BORDER : #d0d0d0 1px solid;
	FONT-SIZE: 12px;
	WIDTH: 200px;
	COLOR: #313131;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 20px;
}
 input[type='text'].normal {
	BORDER : #d0d0d0 1px solid;
	FONT-SIZE: 12px;
	WIDTH: 200px;
	COLOR: #313131;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 20px;
}
input[type='password']{
	BORDER : #d0d0d0 1px solid;
	FONT-SIZE: 12px;
	WIDTH: 200px;
	COLOR: #313131;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 20px;
}
input[type='password'].normal {
	BORDER : #d0d0d0 1px solid;
	FONT-SIZE: 12px;
	WIDTH: 200px;
	COLOR: #313131;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 20px;
}
select {
	BORDER : #d0d0d0 1px solid;
	FONT-SIZE: 12px;
	WIDTH: 200px;
	COLOR: #313131;
	padding: 1px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
 select.normal {
	BORDER : #d0d0d0 1px solid;
	FONT-SIZE: 12px;
	WIDTH: 200px;
	COLOR: #313131;
	padding: 1px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
span.chkbox {
	white-space: nowrap;
	position: relative;
	text-align: left; 
}
span.normal {
	white-space: nowrap;
	position: relative;
	text-align: left; 
}
.normal input {
	white-space: nowrap;
	margin: 0px 2px 0px 0px;
	padding: 0px 0px 2px 0px;
	width: 12px;
	height: 15px;
}
.chkbox input {
	white-space: nowrap;
	margin: 0px 2px 0px 0px;
	padding: 0px 0px 2px 0px;
	width: 12px;
	height: 15px;
}
textarea { margin-top:6px;
	BORDER : #d0d0d0 1px solid;
	FONT-SIZE: 12px;
	WIDTH: 94%;
	COLOR: #313131;
	TEXT-INDENT: 5px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 50px;
	word-break: break all;
}
 textarea.normal { margin-top:6px;
	BORDER : #d0d0d0 1px solid;
	FONT-SIZE: 12px;
	WIDTH: 94%;
	COLOR: #313131;
	TEXT-INDENT: 5px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 50px;
	word-break: break all;
}
input[type='submit'].error {
	BORDER: #a90000 1px solid;
 
	position: relative;
	left: 10px;
	width: 50px;
	FONT-SIZE: 11px; color:#fff;
	padding: 1px 3px 2px 2px;
	BACKGROUND-COLOR: #33CC33;
	 
	cursor: pointer;

}

input[type='text'].error {
	BORDER: #a90000 1px solid;
	BACKGROUND-COLOR: #FFFFCC;
	color: #CC0000;
	FONT-SIZE: 12px;
	COLOR: #313131;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 20px;
}
input[type='password'].error {
	BORDER: #a90000 1px solid;
	BACKGROUND-COLOR: #FFFFCC;
	color: #CC0000;
	FONT-SIZE: 12px;
	WIDTH: 200px;
	 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 20px;
}

select.error {
	 
	FONT-SIZE: 12px;
	WIDTH: 200px;
	BORDER: #a90000 1px solid;
	BACKGROUND-COLOR: #FFFFCC;
	color: #CC0000;
	padding: 1px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
 

 
textarea.error {
	margin-top: 6px;
	FONT-SIZE: 12px;
	WIDTH: 94%;
	TEXT-INDENT: 5px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 50px;
	BORDER: #a90000 1px solid;
	BACKGROUND-COLOR: #FFFFCC;
	color: #CC0000;
}
 
 

  span.error   { 
	position: relative; 
	text-align: left;  padding-left:2px;padding-right:2px; 
	BORDER: #a90000 1px solid;
	BACKGROUND-COLOR: #FFFFCC;
	color: #CC0000;
 
}
  span.errormsg   {white-space: nowrap;
	position: relative; line-height:2;
	text-align: left; color:#FFFFCC;padding-left:2px;padding-right:2px; 
	BORDER: #a90000 1px solid;
	BACKGROUND-COLOR: #a90000;
}


  .error td {white-space: nowrap;
	position: relative;
	text-align: left;
	BORDER: #a90000 1px solid;
	BACKGROUND-COLOR: #FFFFCC;
}


br {
	clear: both;
	height: 1px;
	width: 100%;
}
big {
	line-height: 2;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}
small {
	font-size: 11px;    
	font-weight: normal;  
	white-space: normal;  
}
div small {
	font-size: 11px; padding-left:6px;    
	font-weight: normal;   
	white-space: normal;  
}
.frminner {border: 1px solid #ddd;
	BACKGROUND-COLOR: #f5f4f4; width:100%;
 
}
.frminner legend {
	BACKGROUND-COLOR: #f5f4f4;
	padding: 2px 4px 2px 4px;
	BORDER : #ddd 1px solid;
	font-weight: bold;
}
.tblinner {
	width: 98%!important;
	margin: auto;
	padding: 0px;
	BACKGROUND-COLOR: #e7e7e7;	text-align: center!important;
	border: 1px solid #ddd;    margin-bottom:4px;
}
.tblinner th
{
	background-color: #e0e0e0;
	border-right: #e0e0e0 1px solid;
	border-top: #e0e0e0 1px solid;
	font-size: 11px;
	vertical-align: top;
	border-left: #e0e0e0 1px solid;
	border-bottom: #e0e0e0 1px solid;
	text-align: center!important;
	text-transform: uppercase;
}
.tblinner td { margin:3px;padding:4px;
	TEXT-ALIGN: center!important;
BACKGROUND-COLOR: #eee;
	 

}
 
.tblinner td input[type='text'] {
 
	width: 180px;
}
.tblinner td select {
	 
 
	width: auto;
}
.tblinner td textarea {
	float: left;
 
}

/*------------------Form class ends-----------*/

.TableHeaderStyle {
	BORDER-RIGHT: #e0e0e0 1px solid; BORDER-TOP: #e0e0e0 1px solid; FONT-SIZE: 11px; VERTICAL-ALIGN: top; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #8a1f03; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f1f1f1; TEXT-ALIGN: center
}

.btnfrm {
	PADDING-RIGHT: 10px; margin-left:4px;margin-right:4px;margin-bottom:4px;
	 PADDING-top:2px;PADDING-bottom:2px;
	PADDING-LEFT: 10px; margin-top:3px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #fff;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	 
	BACKGROUND-COLOR: #000;
	BORDER-BOTTOM-STYLE: none;
	width: 90px;cursor:pointer
}
.viewTitle  {
	 width:80%; 
 text-align:center;

	 margin:auto


}

.viewTitle big{
	 COLOR: #8a1f03;
	  margin:1em auto


}

.recordView{
	width: 100%;
	text-align: left;
	BORDER-RIGHT: #f1f1f1 3px solid;
	BORDER-TOP: #f1f1f1 1px solid;
	BORDER-LEFT: #f1f1f1 3px solid;
	BORDER-BOTTOM: #f1f1f1 1px solid; margin:1em;
	
}

.recordView TD { vertical-align:top;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;BACKGROUND-COLOR: #f1f1f1;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
}
.recordView TD span { vertical-align:top;
	PADDING-RIGHT: 5px; 
	PADDING-LEFT:10px;   color:#000;
	PADDING-BOTTOM: 1px; 
	PADDING-TOP: 1px;
}
/*------------------Grid view class starts-----------*/
div.AspNet-GridView table {
	
	margin: auto;
	width: 98%;
	padding: 0px;
	border: 1px solid #ccc;
}
tr.AspNet-GridView-Alternate td {
	background-color: #DEF8CA;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	TEXT-ALIGN: center!important;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-top: 2px;
}
tr.AspNet-GridView-Normal td {	background-color: #DEF8CA;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	TEXT-ALIGN: center!important; padding-left:4px; padding-bottom:2px;padding-top:2px;
}
tr.AspNet-GridView-Alternate td input.btnfrm  {
	width: 50px;
	font-size: 10px;
	border: 1px #006600 solid;
	color: #fff;
	BACKGROUND-COLOR: #336600;
}
tr.AspNet-GridView-Normal td input.btnfrm  {
	width: 50px;
	font-size: 10px;border: 1px #006600 solid;

	color: #fff;
BACKGROUND-COLOR: #336600;

	 
}

div.AspNet-GridView td a { position:relative;top:5px;
	 text-align:center;
	font-weight: bold;
	padding: 2px 4px; 
	width: 50px;
	font-size: 11px;
	color: #fff;
	border: 1px #006600 solid;

 
BACKGROUND-COLOR: #336600;	text-decoration: none;
}
div.AspNet-GridView td a:visited {position:relative;top:5px;

 text-align:center;
	font-weight: bold;
	width: 50px;
	padding: 2px 4px;
	font-size: 11px;
	color: #fff;
BACKGROUND-COLOR: #336600;	text-decoration: none;
}
div.AspNet-GridView td a:hover {position:relative;top:5px;

	 text-align:center;

	font-weight: bold;
	width: 50px;
	padding: 2px 4px;
	font-size: 11px;
	color: #fff;
	BACKGROUND-COLOR: #336600;
	text-decoration: none;
}
div.AspNet-GridView th {
	padding: 3px;
	background-color: #ddd;
	border-top: 1px solid #eef;
	border-left: 1px solid #eef;
	border-bottom: 1px solid #999;
	color: #003;
	font-weight: bold;
	TEXT-ALIGN: center;
	text-transform: capitalize; text-decoration:none;
}

div.AspNet-GridView th a {
	 
	FONT-SIZE: 11px;
	 
	COLOR: #8a1f03;
 
	TEXT-ALIGN: center;
	text-transform: capitalize; text-decoration:none;
}
div.AspNet-GridView th a:hover {
	  text-decoration:underline;
}

div.AspNet-RadioButtonList ul {
	float: left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
li.AspNet-RadioButtonList-Item {
	float: left;
	white-space: nowrap;    /* forces the radio button and text to be on the same line */
}

.btnbox{ vertical-align:top;
	float:left;line-height:2;width:150px;white-space: nowrap;  
}
/*------------------Grid view class ends-----------*/
/*------------------Sub Pages classes-----------*/
.bodycontent{
	 width:90%;margin:auto;  
}
.searchbox{margin: auto;
	width: 98%;
	padding:4px 0px;
	 background-color: #eef;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd; 
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #003;height:30px; 
	font-weight: bold;   clear:left
    
}
.searchbox span{  float:left; padding-left:8px;  }
.searchbox span input[type='text']{ float:left; width:150px; height:18px; margin-top:2px; }
.searchbox span select{ width:auto; margin-top:2px; margin-left:2px; }

.searchbox span input[type='submit']{
	width: 80px; color:#fff;border:1px solid #ccc; cursor:pointer;
	margin-top: 2px;
	margin-left: 2px;
	background-color: #707070;
}
.dateboxfloat { position:absolute; 
	DISPLAY: block;border:0px solid #000;  margin-left:-16px;
 	 
}
 
 
.dateboxfloat b {
	 padding-left:130px;font-weight:normal!important;
}
.datebox {  
	DISPLAY: block;border:0px solid #000;   margin:2px
	 
}
 

.datebox b {
	 padding-left:130px;font-weight:normal!important;
}
 
 

 .minitxt{  white-space:normal; 
	font-size:10px;   
}
 
.success {	FONT-FAMILY: Arial, Helvetica, sans-serif;
 

  margin-top:35px;
	BORDER-RIGHT: #74f019 1px solid;
	PADDING-RIGHT: 4px;
	BORDER-TOP: #74f019 1px solid;
	PADDING-LEFT: 29px;
	PADDING-BOTTOM: 4px; margin:auto;text-align:center; width:500px;
	font-size:14px; font-weight:bold;
	BORDER-LEFT: #74f019 1px solid;
	PADDING-TOP: 4px;
	BORDER-BOTTOM: #74f019 1px solid;
	BACKGROUND-COLOR: #def8ca;
}
/*Modal Popup*/
.modalBackground {
	background-color: #C0C0C0;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
 .modalPopup { width:800px;height:450px;overflow:auto;border:1px solid #ccc; background-color:#eee; margin-bottom:6px; 
 
}
  
.btnclose { margin-top:10px;  margin-bottom:10px;margin-right:10px;

	   float:right;
	height: 25px; 
	width: 28px;
	background-position: 0px 0px;
	background-image: url('images/close.gif');
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
}
 
.modalPopup table{border: 1px solid #ccc;
  margin:auto; 
	width: 96%;
 
}
 

.modalPopup table th {
	padding: 3px;
	background-color: #ddd;
	border-top: 1px solid #eef;
	border-left: 1px solid #eef;
	border-bottom: 1px solid #999;
	color: #003;
	font-weight: bold;
	text-align: left;
}
.modalPopup table tr {
	vertical-align: top;
}
 
  
 
  .modalPopup table td { text-align:left;padding-left:4px;background-color:#EEE;
 border-right:1px solid #ddd;   border-bottom:1px solid #ddd; width:50%;
}
 .modalPopup table td table {   border:1px solid #ddd;width:100%;

}
  

 /*Modal Popup Ends*/
 .dateoptbox{border:1px solid #000;
	 
}
.dateoptbox span{border:1px solid #000; width:100px;
	 
}
.dashboard{  margin:4em auto; width:400px; text-align:center;  
	border:0px solid #000;  padding:4em;
}
.dashboard span{  margin:auto;text-align:center!important;

	border:0px solid #000;padding-top:15px;padding-bottom:15px; padding-left:10px;padding-right:10px;  

}
  /*--------------------Classes for Signature control--------------------*/

.controls {
	border: 1px solid #ccc;
	margin: auto;
	font-size: 12px;
	background-color: #e7e7e7;
}
div.mainBody{border:0px solid #000;   
 
 height:400px;
		width:96%; margin:auto
	
}
 
 .fileuplode{ margin:auto;width: 600px;background-color:#efefef;   border:1px solid #ddd;
            }
 .fileuplode td{  text-align:left;
	  }
	td.fptitle{  color:#fff;
	 font-size: 12px; line-height:2;
 padding-left:4px;
	background-color: #A90000;

}
.flatbutton{ 
	 
	PADDING-RIGHT: 5px;
	 PADDING-top:2px;PADDING-bottom:2px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #fff;
	
	BACKGROUND-COLOR: #000;
	BORDER: 1px solid #333333;
	width: 80px;
	cursor: pointer; 
}
	.lblerror{font-Size:11px;
	BORDER-RIGHT: #a90000 1px solid;
	 
	BORDER-TOP: #a90000 1px solid;
	 
	  padding-left:14px;  padding-right:14px;
	BORDER-LEFT: #a90000 1px solid;
	 
	BORDER-BOTTOM: #a90000 1px solid;
	BACKGROUND-COLOR: #f8e5e5; }