/*used by the file list.php to style modal window*/
.modaltextboxstyle {
    border: solid 1px #E5E5E5;
    background: #FFFFFF;
    margin: 5px 30px 0px 30px;
    padding: 9px;
    display: inline;
    font-size: 14px;
    width: 20%;
    background: -webkit-gradient( linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF) );
    background: -moz-linear-gradient( top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px );
    background: -moz-box-shadow: 0px 0px 8px #f0f0f0;
    background: -webkit-box-shadow: 0px 0px 8px #f0f0f0;
    box-shadow: 0px 0px 8px #f0f0f0;
}


.modalGoButton {
    background: #e3e3e3;
    border: 1px solid #ccc;
    color: #333;
    font-family: "Trebuchet MS", "Myriad Pro", sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0 9px;
    text-align: center;
    width: 100px;
    cursor: pointer;
   /* float: right;*/
    margin: 15px 20px 10px 10px;
    text-shadow: 0px 1px 0px #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 2px #fff inset;
    -webkit-box-shadow: 0px 0px 2px #fff inset;
    box-shadow: 0px 0px 2px #fff inset;
}

.modallabel {
    display: block;
    padding: 10px 30px 0px 30px;
    margin: 10px 0px 0px 0px;
    font-weight: bold;
}

/*Added on 03rd December 2018 for Map Viewer*/

.h3map {

	padding:5px 30px 5px 30px;

 filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6985b5', endColorstr='#456397');

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6985b5', endColorstr='#456397')";

	background: -webkit-gradient(linear, left top, left bottom, from(#6985b5), to(#456397));

	background: -webkit-linear-gradient(top, #6985b5, #456397);

	background: -moz-linear-gradient(top, #6985b5, #456397);

	background: -ms-linear-gradient(top, #6985b5, #456397);

	background: -o-linear-gradient(top, #6985b5, #456397);

	background: linear-gradient(top, #6985b5, #456397);

	color:#fff;

	font-size:18px;

	border-bottom:1px solid #ddd;
	
	text-align:center;

}

.mediumlabel {
	font-size:12px;

	display:block;

	padding:10px 20px 0px 20px;

	margin:10px 0px 0px 0px;

	font-weight:bold;

}

.mediumtextboxstyle {

	border: solid 1px #E5E5E5;

	background: #FFFFFF;

	margin: 2px 20px 0px 20px;

	padding: 3px;
	font-size:12px;
	background: -webkit-gradient(  linear,  left top,  left 25,  from(#FFFFFF),  color-stop(4%, #EEEEEE),  to(#FFFFFF)  );

	background: -moz-linear-gradient(  top,  #FFFFFF,  #EEEEEE 1px,  #FFFFFF 25px  );
	background: -moz-box-shadow: 0px 0px 8px #f0f0f0;
	background: -webkit-box-shadow: 0px 0px 8px #f0f0f0;
	box-shadow: 0px 0px 8px #f0f0f0;
	
	
}

/*#mainfrm input[type="text"]:focus {*/

.mediumtextboxstyle:focus {

	background:#feffef;

}

/*css 2022*/
#nav li ul  {
  background-color: #273f66;
}

#nav > li > a:hover, #nav > li > a.open {
    background: -webkit-linear-gradient(top, #273f66, #405476);
}

#mainfrm h3 {
    background: -webkit-linear-gradient(top, #273f66, #405476);
}

#mainfrm .controlButtons {
    background: #1b8b0e;
    color: #fff;
    text-shadow: none;
}

#mainfrm .bottom {
    background: -webkit-linear-gradient(top,  #273f66, #405476);
}

.chartHeader {
    
    margin-left: 20px;
}

h4 {
    font-size:18px;
    color: #405476;
    text-align: left;
    margin-left: 20px;
}

.replist {
    font-size:18px; 
    padding-bottom:20px;
}

.replist li {
    padding-bottom:15px;
}

#mainfrm .replist li a {
    font-size:18px;
}