/* Reset */
html, body, div, span, applet, object, iframe, input, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0}
input[type="text"]:focus {outline:none}
/* General Section */
	
html, body, textarea, input {font-family:Helvetica, Arial, sans-serif; font-size:12px; -webkit-text-size-adjust:none}
body {}
p {color:#55585d; padding-bottom:3px}
a {color:#55585d}
a:hover {text-decoration:none}
img {border:0}
/* LOGIN */

	
#form-login {/* Size and position */
    width: 360px; margin: 60px auto 0; padding: 15px; position: relative; /* Styles */
    background: url("../Images/menu-bg.jpg") repeat scroll 0 0 #F5F5F5; border-radius: 4px; color: #7e7975; box-shadow: 0 2px 2px rgba(0,0,0,0.2),        
        0 1px 5px rgba(0,0,0,0.2),        
        0 0 0 12px rgba(255,255,255,0.4); overflow:hidden}

#form-login #content-header {margin-bottom:15px}

#form-login h1 {font: 25px "Cuprum", Helvetica, Arial, sans-serif; color: #f96808; text-align:center; padding-bottom: 8px; margin-bottom:12px; border-bottom: 1px solid #ddd; text-shadow: 0 2px 0 rgba(255,255,255,1.0); box-shadow: 0 1px 0 rgba(255,255,255,0.8); }

#form-login .wrap {width: 97%; margin-bottom: 15px; }

#form-login label {background:url(../Images/landing-sprite.png) 0 0 no-repeat; display: block; padding: 0 0 5px 18px; cursor: pointer; color:#555; text-transform: capitalize; font-weight: 400; text-shadow: 0 1px 0 rgba(255,255,255,0.8); font: 15px "Cuprum", Helvetica, Arial, sans-serif; }
#form-login label.login {background-position:0 -389px}
#form-login label.pass {background-position:0 -445px}
    #form-login input[type=text],
    #form-login input[type=password] {
        font-family: "Cuprum", Helvetica, Arial, sans-serif;
        color: #333;
        font-size: 13px;
        background: #E8F0FE !important;
        display: block;
        width: 100%;
        padding: 5px;
        height: 26px;
        margin-bottom: 5px;
        border: 3px solid #ebe6e2;
        border-radius: 5px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

#form-login input[type=text]:hover,
#form-login input[type=password]:hover {border-color: #CCC;}

#form-login label:hover ~ input {border-color: #CCC; }

#form-login input[type=text]:focus,
#form-login input[type=password]:focus {border-color: #BBB; outline: none; /* Remove Chrome's outline */
}

#form-login input[type=submit]
 {/* Size and position */
    width: 100%; height: 42px; display:block; position: relative; /* Styles */
    box-shadow: inset 0 1px rgba(255,255,255,0.3); border-radius: 3px; cursor: pointer; /* Font styles */
    font:bold 20px "Cuprum", Helvetica, Arial, sans-serif; text-align: center; margin-bottom:15px}

#form-login input[type=submit] {margin-right: 1%; background: #34a5cf; /* Fallback */
    background: -moz-linear-gradient(#34a5cf, #2a8ac4); background: -ms-linear-gradient(#34a5cf, #2a8ac4); background: -o-linear-gradient(#34a5cf, #2a8ac4); background: -webkit-gradient(linear, 0 0, 0 100%, from(#34a5cf), to(#2a8ac4)); background: -webkit-linear-gradient(#34a5cf, #2a8ac4); background: linear-gradient(#34a5cf, #2a8ac4); border: 1px solid #2b8bc7; color: #ffffff; text-shadow: 0 -1px rgba(0,0,0,0.3); text-decoration: none; }

#form-login input[type=submit]:hover
 {box-shadow: inset 0 1px rgba(255,255,255,0.3), 
        inset 0 20px 40px rgba(255,255,255,0.15); }

#form-login input[type=submit]:active{top: 1px; }

/* Fallback fro broswers that don't support box shadows */
.no-boxshadow #form-login input[type=submit]:hover {background: #ffb347; }

#form-login .buttonsLevel2 a {color:#2099ED; text-decoration:underline}
#form-login .buttonsLevel2 a:hover {text-decoration:none}
footer {position:fixed; bottom:0; width:100%}


/* New Flat Design UI */
body{ background:#eee}
#form-login{  background:#fff; box-shadow:none}
#form-login h1{font:25px 'Poppins', sans-serif; }
#form-login input[type=text], #form-login input[type=password] { border:none; box-shadow:none}
 #form-login input[type=submit]{ font-family:Poppins; font-weight:normal}
 #form-login input[type=submit]{ box-shadow:none; text-shadow:none }
 .centered-head{ border:none}
/*-------------------*/
