a:visited { color:rgba(255,25,20,0.9);font-weight: bold;font-size:12px; }
a:link { color: rgba(255,25,20,0.9); }

body {
    height: 100%!important;
    margin: 0;
    padding: 0;
    background-color:rgb(217, 222, 215);
}

label {
color: black;
font-family:Arial;
font-size:11px;
display: block;
float: left;
}

input[type=password],input[type=text],input[type=number], textarea
{
    
    border: 0px solid #ccc;
    border-bottom:2px solid #ccc;
    height:18px;
}

input[type=text]:focus,input[type=password]:focus,input[type=number]:focus, textarea:focus
{
    background-color: #FFFF66;
    border: 0px solid #ccc;
    height:18px;
    border-bottom:2px solid #000000;
}

 
#footer {
    height: 30px;
    position: relative;
    text-align:center;
    background-color:#0099FF;
    vertical-align:middle;
    color: white;
    padding:0px;
}

.backcolor
{
    height: auto;
    padding:0px;
   

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,dfe5d7+40,b3bead+100;Wax+3D+%233 */
background: rgb(252,255,244); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(40%,rgba(223,229,215,1)), color-stop(100%,rgba(179,190,173,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */  
}




.pagecolor
{
     background-color:bisque;
     padding:0px;
     height:100%;
    
 }

/*rgba(10,150,200,0.9):menu backcolor*/

    ul.nav {border-bottom: 0.5px solid rgba(60,60,08,0.5);z-index:9999;}
    ul.nav li a {display: block; text-decoration: none; color: #000; padding: 5px; border: 0.5px solid #fff;z-index:9999;}
    ul.nav > li:hover {border: 1px solid #000; color:white;border-bottom: 1px solid rgba(100,10,100,0.9);z-index:9999;}
    ul.nav li a:hover {background: #fff; border: 0.5px solid #f00; color:#000;z-index:9999;} /*selected menu color*/
    ul.nav > li {display: inline-block; position: relative; border: 1px solid #fff;background:rgba(155,205,205,0.9);z-index:9999;}
    ul.nav > li ul {display: none; position: absolute; left: -40px; border: 0px solid #fff; border-top-color: #fff; margin-top: 1px; width: 200px;z-index:9999;}
    ul.nav > li:hover ul {display: block;z-index:9999;}
    ul.nav > li ul li {display: inline-block;background:rgba(155,100,200,1);z-index:9999;}




/* Line */
hr.fancy-line { 
   
    border: 2; 
    height: 5px;
    position: relative;
    margin: -2px; /* Keep other elements away from pseudo elements*/
    color:white;
    width:91.5%
}


/* Line */
hr.fancy-line1 { 
    border: 2; 
    height: 5px;
    position: relative;
    margin: -2px; /* Keep other elements away from pseudo elements*/
    color:white;
    width:91.5%
}
.cols1
{
   width: 40%;
   border:0;
   padding-left:100px;
   text-align:right;
   float: left;
   padding-top:10px;
   font-family:Arial;
font-size:12px;
display: block;
float: left;
}


.cols2
{
   width: 40%;
   border:1px;
   padding-left:10px;
   text-align:left;
   float: left;
   padding-top:5px;
   border-color: white;
   font-family:Arial;
font-size:12px;
display: block;
float: left;
}



.colnew0
{
   width: 10%;
   border:1px;
   padding-left:10px;
   text-align:left;
   float: left;
   padding-top:5px;
   border-color: white;
     font-family:Arial;
font-size:11px;
display: block;
float: left;
}


.colnew1
{
   width: 12%;
   border:1px;
   padding-left:150px;
   text-align:left;
   float: left;
   padding-top:5px;
   border-color: white;
     font-family:Arial;
font-size:11px;
display: block;
float: left;
}


.colnew2
{
   
   border:1px;
   padding-left:5px;
   text-align:left;
   float: left;
   padding-top:5px;
   border-color: white;
     font-family:Arial;
font-size:11px;
display: block;
float: left;
}


.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 5px 18px 5px 15px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


.btnClear {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.1s;
}

.btnClear:hover {
    background-color: #4CAF50; /* Green */
    color: white;
}




.btnSave{
border:1px solid #34740e; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 7px 7px 7px 7px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #4ba614; background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008c00));
 background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
 background-image: -moz-linear-gradient(top, #4ba614, #008c00);
 background-image: -ms-linear-gradient(top, #4ba614, #008c00);
 background-image: -o-linear-gradient(top, #4ba614, #008c00);
 background-image: linear-gradient(to bottom, #4ba614, #008c00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00);
}

.btnSave:hover{
 border:1px solid #224b09;
 background-color: #36780f; background-image: -webkit-gradient(linear, left top, left bottom, from(#36780f), to(#005900));
 background-image: -webkit-linear-gradient(top, #36780f, #005900);
 background-image: -moz-linear-gradient(top, #36780f, #005900);
 background-image: -ms-linear-gradient(top, #36780f, #005900);
 background-image: -o-linear-gradient(top, #36780f, #005900);
 background-image: linear-gradient(to bottom, #36780f, #005900);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#36780f, endColorstr=#005900);
}



.btnNew{
border:1px solid #2332ba; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 6px 6px 6px 6px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #3B4BDA; background-image: -webkit-gradient(linear, left top, left bottom, from(#3B4BDA), to(#3000B3));
 background-image: -webkit-linear-gradient(top, #3B4BDA, #3000B3);
 background-image: -moz-linear-gradient(top, #3B4BDA, #3000B3);
 background-image: -ms-linear-gradient(top, #3B4BDA, #3000B3);
 background-image: -o-linear-gradient(top, #3B4BDA, #3000B3);
 background-image: linear-gradient(to bottom, #3B4BDA, #3000B3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3B4BDA, endColorstr=#3000B3);
}

.btnNew:hover{
 border:1px solid #1c2893;
 background-color: #3DF2FF; background-image: -webkit-gradient(linear, left top, left bottom, from(#3DF2FF), to(#220080));
 background-image: -webkit-linear-gradient(top, #3DF2FF, #220080);
 background-image: -moz-linear-gradient(top, #3DF2FF, #220080);
 background-image: -ms-linear-gradient(top, #3DF2FF, #220080);
 background-image: -o-linear-gradient(top, #3DF2FF, #220080);
 background-image: linear-gradient(to bottom, #3DF2FF, #220080);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3DF2FF, endColorstr=#220080);
}



.btnOther{
border:1px solid #7c5b2b; -webkit-border-radius: 11px; -moz-border-radius: 11px;border-radius: 11px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 5px 5px 5px 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #a67939; background-image: -webkit-gradient(linear, left top, left bottom, from(#a67939), to(#845108));
 background-image: -webkit-linear-gradient(top, #a67939, #845108);
 background-image: -moz-linear-gradient(top, #a67939, #845108);
 background-image: -ms-linear-gradient(top, #a67939, #845108);
 background-image: -o-linear-gradient(top, #a67939, #845108);
 background-image: linear-gradient(to bottom, #a67939, #845108);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a67939, endColorstr=#845108);
}

.btnOther:hover{
 border:1px solid #5a421f;
 background-color: #FFDD00; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFDD00), to(#543305));
 background-image: -webkit-linear-gradient(top, #FFDD00, #543305);
 background-image: -moz-linear-gradient(top, #FFDD00, #543305);
 background-image: -ms-linear-gradient(top, #FFDD00, #543305);
 background-image: -o-linear-gradient(top, #FFDD00, #543305);
 background-image: linear-gradient(to bottom, #FFDD00, #543305);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFDD00, endColorstr=#543305);
}

.txtleft
{
  padding-top:5px;
 color:white;
 font-size:medium;
 width:100%;
 font-weight:bold;   
}

.txtright
{
 padding-right:10px;
 color:white;
 font-size:medium;

  float:right;
  
}

.txtleft
{
 padding-left:5px;
 color:white;
 font-size:medium;

  float:left;
  
}

.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 5px 5px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	background-color:#00f900;
		

}
.CSSTableGenerator td{
	vertical-align:middle;
	
	background-color:#aad4ff;

	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:4px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

table th, table td {
    font-size: 12px!important;

}



.colsNew1
{
   width: 20%;
   border:0;
   padding-left:0px;
   text-align:right;
   float: left;
   padding-top:10px;
   font-family:Arial;
font-size:12px;
display: block;
float: left;
}


.colsNew2
{
   width: 20%;
   border:1px;
   padding-left:10px;
   text-align:left;
   float: left;
   padding-top:5px;
   border-color: white;
   font-family:Arial;
font-size:12px;
display: block;
float: left;
}

.row tr:nth-child(odd) 
{
    background: #b8d1ff;
}

.row tr:nth-child(even){
		background: #dae5f4;
}



.rows tr:nth-child(odd) 
{
    background: #D0F5A9;
}

.rows tr:nth-child(even){
		background: #CEF6F5;
}



  .showcss{ display:block;}
  .hidecss{ display:none;}
  
  
.ui-dialog-osx {
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;border-width: 0 8px 8px 8px;
    
}


.dialoglabel {
color: black;
font-family:Arial;
font-size:13px;!important
display: block;
float: left;
}