/* CSS Document */



body,html{
	min-height:100%;
	font-family:Arial, Helvetica, sans-serif;
}

#wrapper{margin: 0 auto;
    width: 500px;
    position:absolute;
    top:50%;
    left:50%;
    z-index:99;
    margin-left:-250px;
    margin-top:-180px;
}
.banner-img { width:100%; position:fixed; top:0px; left:0px; height:100%;}
.banner-img img { width:100%; height:100%; display: block;}
.login-section { background: #fff; border-radius:4px; box-shadow:0px 2px 2px #000;}
.logo-section { text-align: center; padding:18px; border-radius:4px 4px 0 0;}
.logo-section img { display: inline-block; width: 340px;}
.inner-section { width:auto; padding:0 25px 25px 25px;}
.inner-section h3 { color:#006DCC;}
.inner-section .massage { color:#006DCC; margin:0px;}
.admin-fld { margin-bottom:10px;}
.admin-fld .lbl-nane { color:#333333; font-size:14px; text-align:left;}
.admin-fld input[type="text"], .admin-fld input[type="password"] { width:100%!important; height:41px; border:solid 1px #e0e0e0; border-radius:0px;}
.admin-fld .btn-primary { background:#4d4d4d; text-transform:uppercase;}
.admin-fld .btn-primary:hover, .admin-fld .btn-primary.active { background:#D3491B;}
.admin-fld input[type="text"]:focus, .admin-fld input[type="password"]:focus { border: solid 1px #006DCC;}
.fl { float:left;}
.admin-fld .fl #submit { float:left;}
.fr { float:right;}
.clr { clear:both;}
.forgot { color:#006DCC; font-size:14px; margin-top:6px; display:inline-block;}
.blink { animation:0.75s linear 0s normal none infinite running blink; -moz-animation:0.75s linear 0s normal none infinite running blink; }
.forgot:hover { text-decoration: underline;}
.not-user { text-align: center; font-size: 14px; padding-top: 5px; margin-bottom:8px;}
.not-user a { color:#5cb8eb; text-decoration: none;}
.not-user a:hover { text-decoration: none; color:#d3491b;}
.admin-fld label { color:#D23704;}
.fullbtn { width:100%; margin-top:20px;}
.fullbtn .btn-primary { width:100%; height: 40px; font-size:16px;}
#footer { background:#1C1C1C; bottom: 0; width: 100%;  position: fixed; text-align: center;}    
#footer .footer-wrapper { max-width: 1152px; padding: 10px 0 10px 10px; margin:0 auto;}
#footer .footer-wrapper ul { margin: 0px; padding:12px 0 0 0; list-style: none; overflow: hidden;}
#footer .footer-wrapper ul li { float:left; margin:0 15px;}
#footer .footer-wrapper ul li a { color: #acacac; font-size: 11px; font-weight: bold; line-height: 14px; text-decoration: none; font-family:Arial, Helvetica, sans-serif;}
.admin-btm { text-align: center;}
.fr-frgot a { font-size:14px; text-decoration:underline; color:#5cb8eb;}
.fr-frgot a:hover { text-decoration:none; color:#d3491b;}
.logo-footer { float:left; width:80px; padding:8px 0 8px 0;}
.logo-footer img { width:100%;}
.admin-footer-nav { float:right; width:auto; padding-top:5px;}
#admin-header { background:#1C1C1C; top: 0; width: 100%;  position: fixed; text-align: center; z-index:999;}    
#admin-header .admin-header-wrapper { max-width: 1152px; padding: 10px 0 10px 10px; margin:0 auto;}
.logo-header { float:left; width:auto;}






h3{
    color: #FFFFFF;
	line-height:40px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 32px;
    text-shadow: 0 1px #000000;
    text-transform: capitalize;
    margin-bottom:6px;
}

.massage {
    color: #FFFFFF;
    display: block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    text-shadow: 0 1px #000000;
}
.massage {
    margin-bottom: 24px;
}

.login-section li{
	margin-bottom: 18px;
	overflow:hidden;
}
input[type="text"]{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 14px;
	margin-bottom: 0;
	height: 30px;
	padding-left: 12px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 4px;
	color: #555555;
	line-height: 20px;
	width: 270px;
	font-family: "HelveticaNeueLTStd57Condensed",Helvetica,Arial,sans-serif;
	font-weight: normal;
}
input[type="password"]{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 14px;
	margin-bottom: 0;
	height: 30px;
	padding-left: 12px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 4px;
	color: #555555;
	line-height: 20px;
	width: 270px;
	font-family: "HelveticaNeueLTStd57Condensed",Helvetica,Arial,sans-serif;
	font-weight: normal;
}

input[type="checkbox"] {
    float: left;
    margin-right: 8px;
	display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

label {
	color: #FFFFFF;
	font-size: 13px;
	display: block;
	margin-bottom: 5px;
	font-weight: normal;
	line-height: 20px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

.btn-primary {
	background-color: #006DCC;
	color: #FFFFFF;
	font-weight: normal;
	font-family: "HelveticaNeueLTStd57Condensed",Helvetica,Arial,sans-serif;
	vertical-align: middle;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 4px 12px;
	text-align: center;
	border-image: none;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.login-section li label.error   { color: #FF0000;
    display: block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin-top: 4px;
    float:none;
}
@media screen and (max-width:767px) {
	.logo-footer {  text-align:center; width:100%; float:none; padding-bottom:0px;}
	#footer .footer-wrapper ul { padding:0 0 8px 0; }
	.logo-footer img { max-width:80px; }
	.admin-footer-nav { text-align:center; width:100%; float:none; }
	#footer .footer-wrapper ul li {  display:inline-block; vertical-align:middle; float:none;}
	#wrapper { width:80%; margin:30px auto; position:relative; top:0px; left:auto; }
#footer {  position:relative;}
}
@media screen and (max-width:500px){
 #wrapper { width:94%!important; left:2%; margin-left:0px;}

	
}
@media screen and (max-width:360px){
#footer .footer-wrapper ul li { margin: 0 10px;}
.admin-btm .not-user { float:none; width:100%;}
.forgot { display: inline-block;}
.fr-frgot { float:none; width:100%;}
.logo-footer img { display:inline-block;}

.admin-footer-nav { float:none; width:100%;}
}