@font-face{
	font-family: 'Istok Web';
	src: url(../assets/fonts/IstokWeb-Bold.ttf), url(../assets/fonts/IstokWeb-BoldItalic.ttf), url(../assets/fonts/IstokWeb-Italic.ttf), url(../assets/fonts/IstokWeb-Regular.ttf);
}

@font-face{
	font-family: 'Open Sans';
	src: url(../assets/fonts/OpenSans-Bold.ttf), url(../assets/fonts/OpenSans-BoldItalic.ttf), url(../assets/fonts/OpenSans-ExtraBold.ttf), url(../assets/fonts/OpenSans-ExtraBoldItalic.ttf), 
		 url(../assets/fonts/OpenSans-Italic.ttf), url(../assets/fonts/OpenSans-Light.ttf), url(../assets/fonts/OpenSans-LightItalic.ttf), url(../assets/fonts/OpenSans-Regular.ttf),
		 url(../assets/fonts/OpenSans-Semibold.ttf), url(../assets/fonts/OpenSans-SemiboldItalic.ttf);
} 

body{
    font-family: Istok Web, Open Sans;
}
.wrapper{
	width:100%;	
}

#login_container {
    position: relative;
}
#login_container #login_panel {
    border-radius: 5px;
    background-clip: padding-box;
    position: absolute;
    top: 60px;
    left: 35%;
    width: 412px;
    font-size: 14px;
    border: 1px solid #EEE;
    padding: 80px 40px 40px;
	margin-top:50px;
	/* height: 175px; */
}

 #login_container #login_panel #login_link {
    width: 201px;
    background: url("../images/login_btn_bg.png") no-repeat scroll 0px 0px transparent;
    border: medium none;
    padding: 1px 0px 10px;
}
#login_container #login_panel .login_link {
    display: block;
    position: absolute;
    top: 40px;
    left: 40px;
    color: #FFF;
    border: 1px solid #7A837D;
    border-radius: 5px;
    background-clip: padding-box;
    background-color: #71D0FB;
    text-align: center;
    width: 200px;
    height: 40px;
    line-height: 30px;
}
#content form label {
    float: left;
    line-height: 22px;
    margin-right: 10px;
    display: block;
    width: 110px;
    text-align: left;
}
label {
    font-size: 13px;
    font-weight: bold;
	margin-bottom: 5px;
}
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
    cursor: pointer;
}
#dialog form,  #content form {
    color: #666;
}
#content form input {
border: 1px solid #ccc;
font-size: 13px;
width: 80%;
margin-bottom: 20px;
padding-left: 4px;
height: 30px;
}
input.form-control{
background-color: rgb(250, 255, 189);
background-image: none;
color: rgb(0, 0, 0);
border-radius:0px !important;
}

input#btn_login.btn.btn-primary{
width:140px;
color:#fff;
background-image: linear-gradient(to bottom,#2F5982,#428CB5);
background-color: #428CB5;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, 
.btn-primary.disabled, .btn-primary[disabled] {
    color: #FFF;
	background-color: #0b94f3;
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
.btn:focus {
    outline: thin dotted #333;
    outline-offset: -2px;
}
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
    cursor: pointer;
}
.btn-primary {
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
	background-image: linear-gradient(to bottom, #08C, #04C);
    background-repeat: repeat-x;
}
.btn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0px;
    line-height: 20px;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover, .btn:focus {
    color: #fff;
    text-decoration: none;
    background-position: 0px -15px;
    transition: background-position 0.1s linear 0s;
}
input, textarea, .uneditable-input {
    margin-left: 0px;
    font-family: "Istok Web",Helvetica,Arial,sans-serif;
}
label, input, button, select, textarea {
    font-weight: normal;
}
button, input, select, textarea {
    margin: 0px;
}
.reset_msg {font-size:12px;
margin-top:-10px;
}
span.reset_msg a.reset_link, span.reset_msg a.reset_link:link, span.reset_msg a.reset_link:visited {
color: #0086B8; display: inline-block; padding-left: 0px;
}
span.reset_msg a.reset_link:hover {
color: #86C7E0;
}
a:hover, a:focus {
text-decoration: underline;
}
a:hover, a:active {
outline: 0;
}
a:-webkit-any-link {
cursor: auto;
}
#login_panel p.error{
border: 1px dashed #eed3d7;
display: inline-block;
padding: 2px 4px;
width: 200px;
background-color: #f2dede;
color: #b94a48;
font-size: 11px;
font-style: italic;
margin-top:4px;
}
/* Tab View */
@media only screen and (max-width:768px) and (min-width:481px){
	#login_container #login_panel {
		border-radius: 5px;
		background-clip: padding-box;
		position: absolute;
		top: 15px;
		width: 50%;
		font-size: 14px;
		border: 1px solid #eee;
		padding: 30px;
		height: 200px;
	}
	#login_container #login_panel .login_link {
		top: 15px;
		left: 18%;
	}
	.form_input_wrapper {
		margin-top: 50px;
	}
	#content form label{
		text-align:left;
		float:left;
	}
}
.form_input_wrapper{margin-bottom:20px;}
/* Mobile View */
@media only screen and (max-width:480px){
	#login_container #login_panel {
		border-radius: 5px;
		background-clip: padding-box;
		position: absolute;
		top: 15px;
		width: 80%;
		font-size: 14px;
		border: 0px;
		padding: 0;
		height: 250px;
		left: 0;
		margin: 0;
	}
	#login_container #login_panel .login_link {
		top: 0px;
		left: 0px;
	}
	.form_input_wrapper{
		margin-top: 55px;
	}
	#content form label{
		text-align:left;
		float:left;
	}
}