

*, *:before, *:after {
	box-sizing: inherit;
}

a {
	text-decoration:none;
}

.hidden {
	display:none;
}

body.login {
	background-color:#333333;
}

body.login #login #header-container {
	background: #3382c4 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzODJjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iIzJmODBjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iIzJjODBjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzJiN2ZiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzJjN2ZjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQxJSIgc3RvcC1jb2xvcj0iIzI5N2NiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iIzI3N2NiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzIyNzliYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iIzIyNzliZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzIwNzdiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzIwNzliZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iIzFlNzdiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzFlNzZiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iIzFiNzZiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTc1YmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #3382c4 0%, #2f80c1 26%, #2c80c0 27%, #2b7fbf 30%, #2c7fc1 33%, #297cbe 41%, #277cbf 54%, #2279bc 65%, #2279be 73%, #2077bc 76%, #2079bd 80%, #1e77bb 82%, #1e76bd 91%, #1b76bc 92%, #1a75bb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3382c4), color-stop(26%,#2f80c1), color-stop(27%,#2c80c0), color-stop(30%,#2b7fbf), color-stop(33%,#2c7fc1), color-stop(41%,#297cbe), color-stop(54%,#277cbf), color-stop(65%,#2279bc), color-stop(73%,#2279be), color-stop(76%,#2077bc), color-stop(80%,#2079bd), color-stop(82%,#1e77bb), color-stop(91%,#1e76bd), color-stop(92%,#1b76bc), color-stop(100%,#1a75bb));
	background: -webkit-linear-gradient(top, #3382c4 0%,#2f80c1 26%,#2c80c0 27%,#2b7fbf 30%,#2c7fc1 33%,#297cbe 41%,#277cbf 54%,#2279bc 65%,#2279be 73%,#2077bc 76%,#2079bd 80%,#1e77bb 82%,#1e76bd 91%,#1b76bc 92%,#1a75bb 100%);
	background: -o-linear-gradient(top, #3382c4 0%,#2f80c1 26%,#2c80c0 27%,#2b7fbf 30%,#2c7fc1 33%,#297cbe 41%,#277cbf 54%,#2279bc 65%,#2279be 73%,#2077bc 76%,#2079bd 80%,#1e77bb 82%,#1e76bd 91%,#1b76bc 92%,#1a75bb 100%);
	background: -ms-linear-gradient(top, #3382c4 0%,#2f80c1 26%,#2c80c0 27%,#2b7fbf 30%,#2c7fc1 33%,#297cbe 41%,#277cbf 54%,#2279bc 65%,#2279be 73%,#2077bc 76%,#2079bd 80%,#1e77bb 82%,#1e76bd 91%,#1b76bc 92%,#1a75bb 100%);
	background: linear-gradient(to bottom, #3382c4 0%,#2f80c1 26%,#2c80c0 27%,#2b7fbf 30%,#2c7fc1 33%,#297cbe 41%,#277cbf 54%,#2279bc 65%,#2279be 73%,#2077bc 76%,#2079bd 80%,#1e77bb 82%,#1e76bd 91%,#1b76bc 92%,#1a75bb 100%);
	position: relative;
	padding: 75px 0 73px;
}

body.login #login #header-container:after {
	position: absolute;
	content:"";
	bottom: -14px;
	width: 0;
	height: 0;
	border-top: 14px solid #1b75bb;
	border-left: 24px solid transparent;
	left: 47.7%;
	z-index:1;
}

body.login #login h1 a {
	background:url(../images/logo.jpg) no-repeat center!important;
	width:212px;
	height:124px;
	margin-bottom:0;
}

body.login #login {
	margin:auto;
    padding:0;
	width:100%;
}

body.login #content-container {
    background: #333 none repeat scroll 0 0;
    display: table;
    height: 71vh;
    min-height: 400px;
    position: relative;
    table-layout: fixed;
    width: 100%;
}

#login-holder {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

#login-area {
    margin: 0 auto;
    max-width: 500px;
    padding: 47px 0;
    text-align: center;
}

#login-container {
	overflow: hidden;
	padding: 33px 0 0;
}

#login-container #login_error,
#login-container .message {
	max-width:353px;
	margin:0 auto 20px;
}

#login-container #resetpassform .description {
	color:#fff;
}

#login-container #loginform,
#login-container #lostpasswordform,
#login-container #resetpassform {
	background:none;
	box-shadow:none;
    margin: 0 auto 19px;
    max-width: 353px;
    padding: 0;
    text-align: left;
	border: none;
}

#login-container #loginform .input,
#login-container #lostpasswordform .input {
	background: #fff;
	margin: 0 0 8px;
	border-radius: 3px;
	padding: 9px 16px 14px;
	width:auto;
	line-height:1;
}
#login-container #loginform .input a,
#login-container #lostpasswordform .input a {
	float: right;
	font-size: 16px;
	line-height: 19px;
	color: #666;
	margin: 1px 0 0;
	text-decoration:none;
}
#login-container #loginform .input input[type=text],
#login-container #lostpasswordform .input input[type=text],
#login-container #loginform .input input[type=password] {
	overflow: hidden;
	margin: 0;
	border:0;
	background: none;
	padding: 0;
	font:16px/19px Arial, Helvetica, sans-serif;
	color: #666;
	width:255px;
	box-shadow:none;
}
#login-container #loginform .input input[type=text]::-webkit-input-placeholder,
#login-container #lostpasswordform .input input[type=text]::-webkit-input-placeholder,
#login-container #loginform .input input[type=password]::-webkit-input-placeholder { /* WebKit browsers */
	color: #666;
}
#login-container #loginform .input input[type=text]:-moz-placeholder,
#login-container #lostpasswordform .input input[type=text]:-moz-placeholder,
#login-container #loginform .input input[type=password]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #666;
}
#login-container #loginform .input input[type=text]::-moz-placeholder,
#login-container #lostpasswordform .input input[type=text]::-moz-placeholder,
#login-container #loginform .input input[type=password]::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #666;
	opacity: 1;
}
#login-container #loginform .input input[type=text]:-ms-input-placeholder,
#login-container #lostpasswordform .input input[type=text]:-ms-input-placeholder,
#login-container #loginform .input input[type=password]:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #666;
}
#login-container #loginform input[type=submit],
#login-container #lostpasswordform input[type=submit],
#login-container #resetpassform input[type=submit] {
	background: #3281c3 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyODFjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzI4N2RjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzFlNzZiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTc1YmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #3281c3 0%, #287dc0 17%, #1e76bd 50%, #1a75bb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3281c3), color-stop(17%,#287dc0), color-stop(50%,#1e76bd), color-stop(100%,#1a75bb));
	background: -webkit-linear-gradient(top, #3281c3 0%,#287dc0 17%,#1e76bd 50%,#1a75bb 100%);
	background: -o-linear-gradient(top, #3281c3 0%,#287dc0 17%,#1e76bd 50%,#1a75bb 100%);
	background: -ms-linear-gradient(top, #3281c3 0%,#287dc0 17%,#1e76bd 50%,#1a75bb 100%);
	background: linear-gradient(to bottom, #3281c3 0%,#287dc0 17%,#1e76bd 50%,#1a75bb 100%);
	/* 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3281c3', endColorstr='#1a75bb',GradientType=0 ); */
	border:0;
	color: #fff;
	text-align: center;
	width: 100%;
	font:bold 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 14px 5px 17px;
	border-radius: 3px;
	height:auto;
}

#login-container #loginform .forgetmenot {
	margin:0 0 10px;
}

#login-container .forgetmenot,
#login-container #backtoblog {
	display:none;
}

#login-container .action-link {
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
	text-decoration:none;
}


#login-area #user-img {
	border:3px solid #404040;
	border-radius:100%;
	overflow: hidden;
	width: 107px;
	height: 107px;
	margin:0 auto 10px;
}
#login-area #user-img img {
	display: block;
}
#login-area #user-name {
	font-size: 16px;
	line-height: 19px;
	color: #fff;
	display: block;
}
#login-area #user-name a {
	color: #fff;
	font-weight: bold;
}
#login-area #location {
	display: block;
	color: #ccc;
	font-size: 12px;
	line-height: 14px;
}
div.other-login-links {	
	padding: 13px 10px;
}