body{ 
      background:url(images/login_backdrop.gif);
      background-size:100%;
      background-repeat:no-repeat;
      color:#838383; 
      font-family:Verdana, Arial, Helvetica, sans-serif; 
      font-size: 13px; 
      }


.account-container {
	width: 480px; 
	display: block;
	margin: 60px auto 0 auto;
	
	background: #f9f9f9;
	
	border: 1px solid #d5d5d5;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

.content {
	padding: 16px 28px 23px;
} 
.login-fields{
float:left;
margin:0px;
}
.login-fields .field {
	margin-bottom: 1.25em;
}

.login-fields label {
	display: none;
}

.login-fields input {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	color: #8e8d8d;
	padding: 11px 15px 10px 50px;
	background-color: #fdfdfd;
	width: 255px;
	display: block;
	margin: 0;
	box-shadow: inset 2px 2px 4px #f1f1f1;
}
.login-actions select {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #8e8d8d;
	background-color: #fdfdfd;
	width: 200px;
	height:43px;
	padding:10px 5px;
	display: block;
	margin: 13px 0px 0px;
	box-shadow: inset 2px 2px 4px #f1f1f1;
}
.login-actions option {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	color: #8e8d8d;
	background-color: #fdfdfd;
	height:15px;
	padding:5px 5px;
	display: block;
	margin: 0px;
}
.username-field { background: url(images/user.png) no-repeat; }

.password-field { background: url(images/password.png) no-repeat; }




.login-actions {
	float: left;
	
	width: 100%;
	
	margin-top: -1em;
	margin-bottom: 1.25em;
}

.login-social {
	float: left;
	
	padding: 10px 0 15px;
	
	border: 1px dotted #CCC;
	border-right: none;
	border-left: none;	
}


/** Text Under Box**/
.login-extra {
	display: block; 
	width: 300px; 
	margin: 1.5em auto;
	 
	text-align: center;
	line-height: 19px; 
	
	text-shadow: 1px 1px 0px #fff; 	
}
.account-container h1 {
	float:left;
	margin:0px 10px 20px 0px;
	size:15px;
	color: #f90;
}
.logo_small{
float:right;
margin:0px;
}
.logo_small img{
float:right;
margin:0px;
}
.login_small{
float:left;
font-size:10px;
margin:0px 0px 10px;
width:250px;

}


.register .login-social {
	margin-bottom: 1em;
}

.register .login-actions {
	margin-bottom: 0;
}

.register .login-fields input {
	width: 299px;
	padding-left: 6px;
}

.register h1 {
	color: #444;
}
.register span.login-checkbox {
	position: relative;
	top: -6px;
	width: 200px;
}

textarea:focus, select[type="text"]:focus, select[type="password"]:focus, select[type="datetime"]:focus, select[type="datetime-local"]:focus, select[type="date"]:focus, select[type="month"]:focus, select[type="time"]:focus, select[type="week"]:focus, input[type="number"]:focus, select[type="email"]:focus, select[type="url"]:focus, select[type="search"]:focus, input[type="tel"]:focus, select[type="color"]:focus, .uneditable-input:focus{
border-color:rgba(82, 168, 236, 0.8);
box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}

.register span.login-checkbox > input[type="checkbox"] + label {
	position: relative;
	line-height: 1.3em;
}



@media (max-width: 480px) {
	
	.account-container {
		width: 280px;	
		margin-top: 35px;
	}
	
	.login-fields input {
		width: 160px;
	}
	
	.login-social {
		width: 100%;
	}
	
	.twitter {
		display: block;
		margin-bottom: 1em;
	}
	
	.register .login-fields input {
		width: 204px;
		padding-left: 6px;
	}
	
}

/*floats*/

.clear {  clear: both;  display: block;  overflow: hidden;  visibility: hidden;  width: 0;  height: 0;}

.clearfix:before, .clearfix:after {  content: '\0020';  display: block;  overflow: hidden;  visibility: hidden;  width: 0;  height: 0;}

.clearfix:after {  clear: both;}

.clearfix {  zoom: 1;}

/*Buttons*/


.TICButton {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; float: right; margin: 13px 0px 0px 0px;}

.TICButton {
        
    font-family:Verdana, Arial,Helvetica, sans-serif;
    font-size:16px; 
    color:#FFFFFF;
    padding:11px 19px;
    font-weight:normal;
    text-decoration:none;
    border:2px solid #000000;
    white-space:nowrap;


    -moz-box-shadow:inset 0px 1px 0px 0px #ffe0b5;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffe0b5;
    box-shadow:inset 0px 1px 0px 0px #ffe0b5;
        
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fbb450), color-stop(1, #f89306));
    background:-moz-linear-gradient(top, #fbb450 5%, #f89306 100%);
    background:-webkit-linear-gradient(top, #fbb450 5%, #f89306 100%);
    background:-o-linear-gradient(top, #fbb450 5%, #f89306 100%);
    background:-ms-linear-gradient(top, #fbb450 5%, #f89306 100%);
    background:linear-gradient(to bottom, #fbb450 5%, #f89306 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89306',GradientType=0);
        
    background-color:#fbb450;
        
    border:1px solid #c97e1c;
        
    display:inline-block;
 
 
        
    text-shadow:0px 1px 0px #8f7f24;
        
}
.TICButton:hover {
        
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f89306), color-stop(1, #fbb450));
    background:-moz-linear-gradient(top, #f89306 5%, #fbb450 100%);
    background:-webkit-linear-gradient(top, #f89306 5%, #fbb450 100%);
    background:-o-linear-gradient(top, #f89306 5%, #fbb450 100%);
    background:-ms-linear-gradient(top, #f89306 5%, #fbb450 100%);
    background:linear-gradient(to bottom, #f89306 5%, #fbb450 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89306', endColorstr='#fbb450',GradientType=0);
        
    background-color:#f89306;
}
.TICButton:active {
    position:relative;
    top:1px;
}

    input:-webkit-autofill {
        background-image:url(images/user.png) no-repeat !important;
    }


.error, .warning, .success, .message 
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px 36px;
	margin: 10px 0;
	border: solid 1px;
}

.error {
	border-color: #DF8F8F;
	background: #FFD7D7 url('images/error_small.png?ver=1') no-repeat 5px 7px;
}

.warning {
	border-color: #E6DB55;
	background: #FFFBCC url('images/alert_small.png?ver=1') no-repeat 5px 7px;
}

.warning.large {
	padding: 10px 10px 10px 66px;
	background: #FFFBCC url('images/alert.png?ver=1') no-repeat 5px 7px;
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	border-radius: 20px;
}

.message {
    border-color: #E6DB55;
    background: #FFFBCC;
    padding: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	border-radius: 20px;
}

.success {
	border-color: #ACDBAD;
	background: #ECFAE3 url('images/success_small.png?ver=1') no-repeat 5px 7px;
}



/*==================================================
 * Effect 1 (Straight up Drop Shadow effect
 * ===============================================*/
.effect1{
	-webkit-box-shadow: 50px 50px 60px -6px #777;
	   -moz-box-shadow: 50px 50px 60px -6px #777;
	        box-shadow: 50px 50px 60px -6px #777;
	        

}


.rounded
{
    		-webkit-border-radius: 40px;
	    -moz-border-radius: 40px;
	        border-radius: 40px;
}