/* CSS Document */

@charset "utf-8";

* {margin:0; padding:0}
html{
	font-size: 100%;
	height:100%;
}
html, body {height:100%;}

@font-face {  
	font-family: "bukaka";  
	src: url(../fonts/BsManB__.eot); 	
  	src: local('bukaka'), url(../fonts/BsManB__.woff) format('woff'); 	
}

@font-face {
  font-family: 'Open Sans' ;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/open-sans.eot); 
  src: local('Open Sans'), local('OpenSans'), url(../fonts/open-sans.woff) format('woff');
}

#container {
	width:100%;
	height:100%;
	background:url(../images/userlogin-bg.png) repeat;	
	font-family:'Open Sans';
}

#login-wrapper{
	width:760px;
	height:566px;
	background:url(../images/userlogin-box.png) no-repeat;
	position:relative;
	margin:auto;
	top:30px;	
}

#login-wrapper h1 {
	position:relative;
	text-align:center;
	top:30px;	
	font-family:'bukaka';
	font-size:30pt;
	color:#2777ca;
}
#login-wrapper h2 {
	position:relative;
	text-align:center;
	top:35px;	
	font-family:'bukaka';
	font-size:15pt;
	color:#FFFFFF;
	text-transform:uppercase;
}

#login{
	width:477px;
	height:281px;
	margin:75px auto;	
}

#login a { color:#fff; }
#login a:hover { color:#00C; }

/*FORM styling*/
form { margin:0px 60px; position:relative; top:30px; }
label,
input,
button,
select,
textarea {
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;

}
span.help { display:block; margin:-5px 0 5px 0; font-size:11px; color:#999; }
label {
  display: block;  
  margin-top:5px;
}
label.inlin { display:inline;}
label.radio { display:inline; margin-right:30px; font-size:12px; }
.uneditable-input,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  -webkit-appearance: none !important;   
	color: #5C5C5C;
  outline: 0;
  height: 16px;
  padding: 6px 9px !important;
  line-height: 15px;
  font-size: 13px;
  font-weight: normal;
  vertical-align: top;  
  background-color:#fff;
  min-height: 20px;
  filter: none !important;
	  -webkit-box-shadow: none !important;
	     -moz-box-shadow: none !important;
	          box-shadow: none !important;
	  -webkit-border-radius: 0px;
	     -moz-border-radius: 0px;
	          border-radius: 0px;   
			  -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #AFBED3;
	transition: background 0.2s linear 0s, box-shadow 0.2s linear 0s;
	margin-bottom: 5px;
}

textarea { height:40px; padding-right:2px; width:400px; }

.uneditable-input.focus,
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.m-uneditable-input:focus {
  border-color: #e5e9ec;
  background-color:#f4f5f7;
  outline: 0 !important;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;      
		  background-color: #f4f5f7;
}
::-webkit-input-placeholder { color:#ADADAD; }
::-moz-placeholder { color:#ADADAD; } /* firefox 19+ */
:-ms-input-placeholder { color:#ADADAD; } /* ie */
input:-moz-placeholder { color:#ADADAD; }

.submit{ text-align:right; margin:15px 0 0 0; }
.submit input[type=submit] { padding:8px 20px; font-size:12pt; font-family:'Open Sans'; font-weight:bold; }

.error{
	font-size:12px;
	color:#f35958;
	display:block;
	position:relative;
	top:-5px;
}

.large {
  width: 340px !important;
}

.xlarge {
  width: 500px !important;
}

/*Button styling*/
.btn {
    display: inline-block;
    *display: inline;
     padding: 9px 12px;
	 padding-top:7px ;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #0090d9;
    *border: 0;
	border-radius:5px;
    -webkit-border-radius: 3px;
     -webkit-border-radius: 3px;
     -webkit-border-radius: 3px; 
	background-image:none !important;
	border: none;
	text-shadow: none;
	box-shadow:none;	
    transition: all 0.12s linear 0s !important;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;	
}
.btn:focus{
	outline:none;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
     background-color: #1285d1;
    *background-color: #1285d1;
}