@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'framd_0';
    src: url('fonts/framd_0.eot');
    src: url('fonts/framd_0.eot') format('embedded-opentype'),
         url('fonts/framd_0.woff2') format('woff2'),
         url('fonts/framd_0.woff') format('woff'),
         url('fonts/framd_0.ttf') format('truetype'),
         url('fonts/framd_0.svg#framd_0') format('svg');
}


body {margin:0px; padding:0px; background:#EBECED;}


.clear {clear:both;}


.section1 {width:100%; height:auto; background:#eaebec; padding-top:5px; padding-bottom:5px;}


.logo {width:auto; height:auto; border:none;}


.last_login {width:100%; height:auto; color:#0065b7; font-family: 'framd_0'; font-size:15px; font-weight:normal; text-align:center;
             line-height:30px; text-transform:uppercase; margin-top:15px;}
			 
			 
.user_tagline {font-size:14px; font-weight:bold; text-align:left; color:#053c6d; margin-top:5px; float:right; margin-right:30px;
               font-family: 'framd_0'; font-weight:normal;}


.dropdown {width:auto; height:auto; float:right; font-family: 'framd_0'; font-weight:normal; font-size:18px; margin-top:0px;}


#menubar {width:100%; height:30px; background:#053c6d; border-bottom:1px solid #053c6d; border-top:1px solid #053c6d;}

/*#menubar ul {list-style-type:none; margin:0px; padding:0px;}

#menubar ul li {font-size:15px;font-family: 'framd_0'; font-weight:normal; text-align:center; float:left; text-transform:uppercase;
                line-height:30px;}

#menubar ul li a {text-decoration:none; color:#0373b9; border-right:1px solid #d5dd23; padding-left:30px; padding-right:30px; display:block;}

#menubar ul li a:hover {
	
background: #005aa4;
background: -moz-linear-gradient(top,  #005aa4 0%, #db2430 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005aa4), color-stop(100%,#db2430)); 
background: -webkit-linear-gradient(top,  #005aa4 0%,#db2430 100%);
background: -o-linear-gradient(top,  #005aa4 0%,#db2430 100%); 
background: -ms-linear-gradient(top,  #005aa4 0%,#db2430 100%); 
background: linear-gradient(to bottom,  #005aa4 0%,#db2430 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005aa4', endColorstr='#db2430',GradientType=0 );
color:#ffffff;
}*/


#section2 {width:100%; height:auto; background:#ebeced; padding-top:10px; padding-bottom:10px;}


.pages_box {background:#005aa4; width:100%; margin-top:10px;}


.page_count {font-size:15px; font-family: 'framd_0'; font-weight:normal; color:#ffffff; line-height:30px; text-align:right;}


.t_text {font-size:13px; font-family: 'framd_0'; font-weight:normal; text-align:right; color:#656565; margin-top:5px; text-transform:uppercase;}


.search_bttn {width:98px; height:28px; line-height:28px; border:1px solid #aa0025;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5456b+0,c6032d+100 */
background: #f5456b; /* Old browsers */
background: -moz-linear-gradient(top,  #f5456b 0%, #c6032d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5456b), color-stop(100%,#c6032d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5456b 0%,#c6032d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5456b 0%,#c6032d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5456b 0%,#c6032d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f5456b 0%,#c6032d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5456b', endColorstr='#c6032d',GradientType=0 ); /* IE6-9 */
color:#ffffff; font-size:15px; font-family: 'framd_0'; font-weight:normal; text-transform:uppercase;
float:right; margin-top:10px; text-align:center;
}

.edit {width:23px; height:23px; float:left; margin-left:7px; text-align:center;
background: #005aa4; /* Old browsers */
background: -moz-linear-gradient(top,  #005aa4 0%, #db2430 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005aa4), color-stop(100%,#db2430)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #005aa4 0%,#db2430 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #005aa4 0%,#db2430 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #005aa4 0%,#db2430 100%); /* IE10+ */
background: linear-gradient(to bottom,  #005aa4 0%,#db2430 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005aa4', endColorstr='#db2430',GradientType=0 ); /* IE6-9 */
color:#ffffff;
}

.edit > span {margin-top: 3px;}

.nav li ul li a {padding:0px;}

.sv {width:80px;
height:30px;
line-height:30px;
font-size:15px;
font-family: 'framd_0';
font-weight:normal;
text-transform:uppercase;
color:#ffffff;
text-align:center;
background-color:#d9534f;
border-color:#d43f3a;
float:left;
margin-left:10px;
margin-top:20px;
}

.sv:hover {
background:#006bbf;
color:#ffffff;
}

.add {
width:50px; height:20px; float:right; background:#ffffff; color:#005aa4; font-size:12px;font-family: 'framd_0';font-weight:normal;
text-transform:uppercase; text-align:center; line-height:20px; margin-top:5px;}


#login_main_wrapper {
	width:100%;
	height:auto;
	height:100%;
    position:absolute;
	border-bottom:10px solid #5ca594;
	border-top:10px solid #5ca594;
	}
	
.field_box {
	max-width:500px;
	height:auto;
	background:#ffffff;
	margin:0 auto;
	padding:50px;
	box-sizing:border-box;
    border-top:5px solid #4a4a4a;
    border-bottom:5px solid #4a4a4a;
	margin-top:30px;
	}
	
	
.wrp {
	width:100%;
	height:auto;
	background:#ffffff;
	border:1px solid #cccccc;
	padding-bottom:20px;
	}
	
	
.wrp_title {
	width:100%;
	height:auto;
	background:#f5821f;
	color:#ffffff;
	text-align:left;
	line-height:30px;
	font-family: 'framd_0';
	font-size:13px;
	}
	
#fotter
 {width:100%;
 height:auto;
 background:#6a6a6a;
 padding-top:5px;
 padding-bottom:5px;
 bottom:0px;
 position:absolute;
 color: #ffffff;
  font-family: "framd_0";
  font-size: 16px;
  height: auto;
  line-height: 30px;
  text-align: center;
 }

.lg {
    background: #5ca594 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0px;
    color: #fff;
    font-family: calibri;
    font-size: 18px;
    padding: 10px 30px;
    width: auto;
}

.for {
    font-size:18px;
    font-family:Calibri;
    color:#357E6D !important;
    text-align:right;
    margin-top:8px;
    margin-left:10px;
    display: block;
    }

.login-control{
    display:block;
    width:100%;
    height:50px;
    padding:6px 12px;
    font-size:18px;
    font-family:Calibri;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:0px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.login-control:focus{
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.login-control::-moz-placeholder{
    color:#999;
    opacity:1;
}

.login-control:-ms-input-placeholder{
    color:#999;
}

.login-control::-webkit-input-placeholder{
    color:#999;
}

.login-control[disabled],.login-control[readonly],fieldset[disabled] .login-control{
    background-color:#eee;
    opacity:1;
}

.login-control[disabled],fieldset[disabled] .login-control{
    cursor:not-allowed;
}

textarea.login-control{
    height:auto;
}