@import "https://fonts.googleapis.com/css?family=Coda:light,lightitalic,normal,italic,bold,bolditalic";

.form-all:after {
  content: "";
  display: table;
  clear: both;
  
}

.form-all {
  
  position:relative;   
  font-size: 13px; 
  border-radius : 6px; 
  color:#000;
  font-family:  'Open Sans', sans-serif;
  background-repeat: no-repeat;
  background-color:white; /*rgb(240, 248, 255);rgb(240, 255, 255);rgb(160, 200, 255);*/
  border: 1px solid transparent;
  max-width: 1000px;
  width: 100%;  
  background-position: center top;
  margin:5px auto;  
}
.form-label {
    display: inline-block;
    white-space: normal;
    float: left;
    text-align: right;
    font-weight: bold;
    margin : 0;
    padding : 7px;
    border : 1px solid #777;   
    background : linear-gradient(to bottom,  #dad9d8 0%,#abaaa9 100%);   
    box-sizing : border-box;
    border-right : none;   
    border-radius : 5px 0 0 5px;
    width:35%;
}
.form-sublabel {
    display: inline-block;
    white-space: normal;
    float: left;
    text-align: right;   
    margin : 0;
   
}
.form-subline-input {     
    display : inline-block;
    padding-top:3px;
	padding-bottom:3px;	
	
}
.form-subline {	
    display : inline-block;
	padding-top:2px;
	padding-bottom:2px;	
	margin:1px 0;
	width:100%;
	
}
.form-line-input {   
    background : none repeat scroll 0 0 #DDDDDD;
    border : 1px solid #777777;
    padding : 5px;    
    border-radius : 0 5px 5px;
    display : inline-block;
    padding-top:3px;
	padding-bottom:3px;	
	width:65%;
	box-sizing: border-box;
}

.form-line {	
    display : inline-block;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:36px;
	padding-right:36px;
	margin:1px 0;
	width:100%;
	box-sizing: border-box;   
}
.csscheckbox{
      padding-bottom:3px;
      padding-top:3px;
      /*margin-top:3px;
      margin-bottom:5px;*/
      margin-right:5px;
      margin-left:5px;
      font-size:14px;    
      white-space: normal; 
    }
.csscheckbox input[type=checkbox], .csscheckbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]
{
    position: absolute;
    margin-left: 0px;
}
.csscheckbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0px;
    font-weight:normal;
    cursor: pointer;
    word-wrap:break-word;
}
.form-html-sec {
    -moz-border-radius : 5px 5px 5px 5px;
    -webkit-border-radius : 5px 5px 5px 5px;
    border-radius : 5px 5px 5px 5px;
    background : none repeat scroll 0 0 #DDDDDD;
    border : 1px solid #777777;    
    -webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    box-sizing : border-box;
    width:105%;  
    font-size:1.2em;   
    font-weight: bold;
    margin-left:-3%;
    padding:2px 2px 2px 2px;
}

.area-text {
    padding:0.2% 0.2% 0.2% 0.2%;
    width:97%;  
    font-size:14px;
    margin-bottom:2px;
    margin-top:2px; 
	margin-left:10px;
}
.area-text::placeholder {  
  opacity:0.3; /* Firefox */
  
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 opacity: 0.3;
 
}

::-ms-input-placeholder
{ /* Microsoft Edge */
    opacity: 0.3;
    
}
.form-required
{
    color:red;
}
.form-dropdown {
	padding: 2px;
	font-size:14px;
    font-family: 'Open Sans', sans-serif;
}

/* HEADING FIELD
------------------------------*/
.form-header-group {        
    border-radius : 5px 5px 0 0;
	background: transparent; /* For overriding */
	border: none; /* For overriding */
	padding: 25px 0;	
	border-bottom: 1px solid #e3e3e3;	  
    margin-top:0px; 
    text-align:center;
    
}
h1.form-header {
	font-size: 1.714em; /*2.143em 30px*/
    font-weight:bold;
   
}

h2.form-header {
  line-height: 1.618em;
  
}

h2 ~ .form-subHeader {
  line-height: 1.5em;
}

h2.form-header {
	font-size: 1.714em; /*24px*/
}

h3.form-header {
	font-size: 1.3em; /*21px*/
}

.form-header{
	color:#000;
}
.form-subHeader {
	border-top:none;
	font-size: 1.071em; /*15px*/
	line-height:1.5em;  /*21px*/
	font-style: normal;
	margin:3px 0 0;
}

/********* Simple Black **********/

/*.form-submit-button-simple_black{

    cursor: pointer;

    -moz-border-radius:.5em;
    -webkit-border-radius:.5em;
    border-radius:.5em;

    padding:8px 18px;

    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-shadow:-1px -1px 0px #000000;

    border:1px solid #000000;

	-moz-box-shadow:inset 0px 1px 0px 0px #999999;
	-webkit-box-shadow:inset 0px 1px 0px 0px #999999;
	box-shadow:inset 0px 1px 0px 0px #999999;

    background: #000000; 
	background: -moz-linear-gradient(top, #666666 0%, #000000 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#000000)); 
	background: linear-gradient(top, #666666 0%, #000000 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000', GradientType=0 ); 
}

.form-submit-button-simple_black:hover{
   	
   	color: #ffffff !important;
   	border:1px solid #000000;
    background: #1a1a1a;
    background: -moz-linear-gradient(top, #808080 0%, #1a1a1a 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#1a1a1a));
	background: linear-gradient(top, #808080 0%, #1a1a1a 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#1a1a1a', GradientType=0 );
}

.form-submit-button-simple_black:active{
   	color: #ffffff !important;
   	border:1px solid #000000;
    position: relative;
	top: 1px;
    background: #1a1a1a; 
    background: -moz-linear-gradient(top, #1a1a1a 0%, #808080 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a1a1a), color-stop(100%,#808080)); 
	background: linear-gradient(top, #1a1a1a 0%, #808080 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1a1a', endColorstr='#808080', GradientType=0 ); 
}

    */
.form-submit-button-simple_black{

    cursor: pointer;

    -moz-border-radius:.5em;
    -webkit-border-radius:.5em;
    border-radius:.5em;

    padding:8px 18px;

    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-shadow:-1px -1px 0px #2e6da4;

    border:1px solid #2e6da4;

	-moz-box-shadow:inset 0px 1px 0px 0px #2e6da4;
	-webkit-box-shadow:inset 0px 1px 0px 0px #2e6da4;
	box-shadow:inset 0px 1px 0px 0px #2e6da4;

    background: #2e6da4; /* old browsers */ 
	background: -moz-linear-gradient(top, #337ab7 0%, #2e6da4 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#337ab7), color-stop(100%,#2e6da4)); /* webkit */
	background: linear-gradient(top, #337ab7 0%, #2e6da4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#337ab7', endColorstr='#2e6da4', GradientType=0 ); /* ie */
}

.form-submit-button-simple_black:hover{
   	
   	color: #ffffff !important;
   	border:1px solid #99ccff;
    background: #286090; /* old browsers */
    background: -moz-linear-gradient(top, #204d74 0%, #286090 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#204d74), color-stop(100%,#286090)); /* webkit */
	background: linear-gradient(top, #204d74 0%, #286090 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#204d74', endColorstr='#286090', GradientType=0 ); /* ie */
}

.form-submit-button-simple_black:active{
   	color: #ffffff !important;
   	border:1px solid #99ccff;
    position: relative;
	top: 1px;
    background: #286090; /* old browsers */
    background: -moz-linear-gradient(top, #286090 0%, #204d74 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#286090), color-stop(100%,#204d74)); /* webkit */
	background: linear-gradient(top, #286090 0%, #204d74 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#286090', endColorstr='#204d74', GradientType=0 ); /* ie */
}
.form-button
{
    float:right;
}

.form-table-input {    
    border-radius : 5px 5px 5px 5px;
    background : none repeat scroll 0 0 #fcf8e3;
    border : 1px solid #777777;   
    display : inline-block;
    padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;	
	width:100%;
	box-sizing: border-box;
}
.div-table {
  display: table;           
  width:100%;         
}
.div-table-row {
  display: table-row;
  width:100%;
  clear: both;  
}
.div-table-col {
  float: left; /* fix for  buggy browsers */
  display: table-column;         
 
  margin-top:1px;          
  margin-bottom:1px;  
}
#dlgbox{
    /*initially dialog box is hidden*/
    display: none;
    position: fixed;
    width: 480px;
    z-index: 9999;
    /*border: 2px solid red;*/
    border-radius: 1px;            
    background-color: #e5e5e5;
}

#dlg-header{
    background-color: #6699FF;
    color: #BB0000;
    font-size: 16px;
    text-align: center;            
    padding: 5px;
    margin: 10px 10px 0 10px;
}

#dlg-body{
    background-color: white;
    color: black;
    font-size: 14px;
    padding: 10px;
    margin: 0 10px 0 10px;
}

#dlg-footer{
    background-color: white;
    text-align: right;
    padding: 5px;
    margin: 0 10px 10px 10px;
}

#dlg-footer button{
    background-color: #007fff;
    color: white;
    padding: 2px;
    width: 35px;
    border: 0;
}
#formdlgbox{
    display: none;
    background: #000; 
    position: fixed; left: 0; top: 0; 
    z-index: 10;
    width: 100%; height: 100%;
    opacity: 0.8;
    z-index: 999;
}

#dlgbox1{
    /*initially dialog box is hidden*/
    display: none;
    position: fixed;
    width: 480px;
    z-index: 9999;
    /*border: 2px solid red;*/
    border-radius: 1px;            
    background-color: #e5e5e5;
}

#dlg-header1{
    background-color: #6699FF;
    color: #BB0000;
    font-size: 16px;
    text-align: center;            
    padding: 5px;
    margin: 10px 10px 0 10px;
}

#dlg-body1{
    background-color: white;
    color: black;
    font-size: 14px;
    padding: 10px;
    margin: 0 10px 0 10px;
}

#dlg-footer1{
    background-color: white;
    text-align: right;
    padding: 5px;
    margin: 0 10px 10px 10px;
}

#dlg-footer1 button{
    background-color: #007fff;
    color: white;
    padding: 2px;
    width: 35px;
    border: 0;
}
#formdlgbox1{
    display: none;
    background: #000; 
    position: fixed; left: 0; top: 0; 
    z-index: 10;
    width: 100%; height: 100%;
    opacity: 0.8;
    z-index: 999;
}
/*Login Form*/
#bg
{
	position:absolute;
	width:100%;
	height:100%;
	filter:alpha(opacity=20%);	
	background-image: url("../img/background.jpg");
	/*background-image: url("../Images/login-background.png");		
	background-size:100% 100%;*/
	background-repeat:repeat;	
}  

.main
{	
	margin:10% 35%;	
}

#heading {
 min-width:360px;
 height:25px;
 background: #1c71d9;
  background-image: -webkit-linear-gradient(top, #1c71d9, #1c71d9);
  background-image: -moz-linear-gradient(top, #1c71d9, #1c71d9);
  background-image: -ms-linear-gradient(top, #1c71d9, #1c71d9);
  background-image: -o-linear-gradient(top, #1c71d9, #1c71d9);
  background-image: linear-gradient(to bottom, #1c71d9, #1c71d9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  text-shadow: 1px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  font-size :14px;
 font-weight :bold;
 text-align:center;
 line-height:25px;
	
 padding:3px 0px 3px 0px;
 text-transform:uppercase;	
	
}
#heading1 {
 width:400px;
 height:30px;
 background: #0979ca;/*#78c6f0*/
 
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  text-shadow: 1px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 25px 10px 20px;
  text-decoration: none;
  font-size :14px;
 font-weight :bold;
 text-align:center;
 line-height:30px;
	
 padding:3px 0px 3px 0px;
 text-transform:uppercase;	
	
}
#content {
	min-width:360px;
	min-height:150px;
	padding:3px 0px 3px 0px;
	color:#0a0675;
	-moz-box-shadow: 6px 8px 21px #000000;
	-webkit-box-shadow: 6px 8px 21px #000000;
	box-shadow: 6px 8px 21px #000000;	
	border-radius:0px 0px 4px 4px;
	background:-webkit-gradient(radial, 165 0, 383, 254 273, 532, from(#f2f5e2), to(#F0F8FF));

}
#content p 
{
	font-family:'Open Sans', sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:10px;
	color:#0a0675;
	width:100%;
	float: left;
	
}
#content1 {
	width:400px;
	min-height:200px;
	padding:3px 0px 3px 0px;
	color:#0a0675;
	-moz-box-shadow: 6px 8px 21px #000000;
	-webkit-box-shadow: 6px 8px 21px #000000;
	box-shadow: 6px 8px 21px #000000;	
	border-radius:0px 0px 4px 4px;
	
    background-color:#ffffff;
}
#content1 b 
{
	font-family:'Open Sans', sans-serif;
	font-size:14px;	
	text-align:center;	
	color:#0a0675;
	width:100%;
	float: left;
	margin-bottom:5px;	
}
.cssUsser
{	
	font-family:'Open Sans', sans-serif;
	font-size:14px;
	font-weight:bold;		
	color:#0a0675;
	width:100%;	
}
.btn {
  background: #7091be;
  background-image: -webkit-linear-gradient(top, #7091be, #98baef);
  background-image: -moz-linear-gradient(top, #7091be, #98baef);
  background-image: -ms-linear-gradient(top, #7091be, #98baef);
  background-image: -o-linear-gradient(top, #7091be, #98baef);
  background-image: linear-gradient(to bottom, #7091be, #98baef);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #0a0675;
  font-size: 13px;
  padding: 5px 10px 5px 7px;
  border: solid #ebebeb 2px;
  text-decoration: none;
  margin-top:10px;  
}

.btn:hover {
  background: #98baef;
  background-image: -webkit-linear-gradient(top, #98baef, #98baef);
  background-image: -moz-linear-gradient(top, #98baef, #98baef);
  background-image: -ms-linear-gradient(top, #98baef, #98baef);
  background-image: -o-linear-gradient(top, #98baef, #98baef);
  background-image: linear-gradient(to bottom, #98baef, #98baef);
  text-decoration: none;
}
.ImgLogin
{
	width:100px;
	background:url("../img/Login.png");
	background-position:center;
	background-repeat: no-repeat;	
    font-size:12px;
}
 .headerMsg
{
    background-color: #507CD1; 
    color: White;
}
#editForm
{    
    position: fixed;
    width: 380px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #507CD1;
    padding: 0px;
    z-index: 102;
   font-family: Verdana;
    font-size: 10pt;
} 
.massege_login
{
	clear:both;
	font-size:13px;
	color:Red;
}

.dim 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.7;
	display: none;
	z-index: 10000;
 }
 
.box 
{
	background-color: #fff;
	width: 300px;
	height: 150px;
	border: 1px solid #333;
	position: absolute;
	display: none;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -75px;
	z-index: 10001;
 }
 
.close 
{
	position: absolute;
	border: 1px solid #333;
	top: 0;
	right: 0;
	display: inline;
	cursor: pointer;
 }
.gridview {
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    width: 98%;
    min-height: 100px;
    color: #000;
    /*border: solid 1px #cbcbcb;*/
}
.csstableList {
    border-collapse: collapse;
    border: solid 1px #507CD1;
    width: 100%;
    font-family: Times New Roman,Arial;
    font-size: 12pt;
}

.cssListth {
    border: solid 1px white;
    text-align: center;
}

.cssListtdAction {
    border: solid 1px #507CD1;
    text-align: center;
}

.cssListtdTen {
    border: solid 1px #507CD1;
    text-align: left;
}

.cssListtd {
    border: solid 1px #507CD1;
    text-align: right;
}
.cssListtr {
    border: solid 1px #507CD1;
}
.cssheaderRow {
    height: 18px;
    background: #4682B4;
    background-image: -webkit-linear-gradient(top,#4682B4,#4682B4);
    background-image: -moz-linear-gradient(top, #4682B4,#4682B4);
    background-image: -ms-linear-gradient(top, #4682B4,#4682B4);
    background-image: -o-linear-gradient(top,#4682B4,#4682B4);
    background-image: linear-gradient(to bottom,#4682B4,#4682B4);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    text-shadow: 1px 1px 3px #666666;
    font-family: Times New Roman,Arial;
    color: #ffefa1;
    font-size: 12px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    position: relative;
    border: solid 2px #4682B4;
}
.textCopy {
    background-color: #FFFFCC;
}