body {
	/* border-width: 16px; */
	/* border-style: solid; */
	/* border-color: #222222; */
	letter-spacing: normal;
	font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
	color: #515b69;
}

.section-divider {
	display: block;
	width: 100%;
	height: 20px;
	background: url(../images/new_ui/faded-edge-line-divider.png) no-repeat center;
	text-align: center;
	position: relative;
}
.more_button {
	color: #0A9ED9;
	cursor: pointer;
	padding-right:10px;
}
/**
 * Footer
 */
.footer-container {
	background: rgb(54, 169, 224);;
	color:white;
	padding:50px 0 0 0;
	font-size:12px;
}
.footer-container a {
	color:#fff;
	text-decoration: none;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
	    -ms-transition: all .5s ease-in-out;
	     -o-transition: all .5s ease-in-out;
	        transition: all .5s ease-in-out;
}
.footer-container a:hover {
	color:#000;
}
#new_home_footer_logo {
	width: 150px;
 	height: 40px; 
 	background: url(../images/public/worksorted-logo-reverse.png) no-repeat;
 	background-size:contain;
}
.footer-dotted {
	border-top:1px dotted rgba(204,204,204,0.3);
}
.footer-nav {
	list-style: none;
	margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.footer-nav > li {
	display:inline;
	padding-left:10px;
}
/*
	Error Notification
 */
.error{
    border: 1px solid red;
    background: #E64D52;
    z-index:100;
    position: fixed;
    bottom: 0;
    width: 100%;
}
.error p{
    color: white;
    font-size: 12px;
    text-align: center
}
.close_error{
    width: 20px;
    height: 20px;
    color: white;
    cursor: pointer;
    float: right;
}
/*
	Navigation
 */
.toggle-items {
	width:100%;
	background:#222222;
	display:none;
	color:#fff;
	padding-right:50px;
	padding-left:50px;
}
.toggle-items ul {
	list-style:none;
	margin:0;
	padding:10px 0 10px 0;
	text-align:left;
}
.toggle-items a {
	display:block;
	padding: 10px 0;
	border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
	color: #fff !important;
}
.navbar-default {
	margin:0;
}
.menu {
	/*border-top: 1px dotted rgba(0, 0, 0, 0.3);
	border-bottom: 1px dotted rgba(0, 0, 0, 0.3);*/
}
.dotted-divider {
	/*border-bottom: 1px dotted rgba(0, 0, 0, 0.3);*/
	height:2px;
}
.navbar-nav > li > a {
	margin-top:0;
	margin-bottom:0;
	font-weight:600;
	/* border-top: 3px solid #1a80b6; */
}
.navbar-nav > li > a:hover, .active-item {
	border: 1px solid #fff;
	text-decoration: none;
	background-color: #FFFFFF;
	color:#000000;
	/*box-shadow: 0 3px 0 #323345;*/
	
}

.index-login-btn-link{
    background: #90c9e8;
    color: #105378;
    background-image: -webkit-gradient( linear, left bottom, left top, from( #5aabd6 ), to( #90c9e8 ) );
    /* background-image: linear-gradient( to top, #5aabd6, #90c9e8 ); */
    background-image: -webkit-linear-gradient( to top, #5aabd6, #90c9e8 );
    background-image: -moz-linear-gradient( to top, #5aabd6, #90c9e8 );
    background-image: -ms-linear-gradient( to top, #5aabd6, #90c9e8 );
    background-image: -o-linear-gradient( to top, #5aabd6, #90c9e8 );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90c9e8, endColorstr=#5aabd6);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	border-top: none;
	font-weight: 600;
	font-size: 14px;
}

.index-login-btn-link:hover{
	background: #5aabd6;
    color: #105378;
    background-image: -webkit-gradient( linear, left bottom, left top, from( #90c9e8 ), to( #5aabd6 ) );
    background-image: linear-gradient( to top, #90c9e8, #5aabd6 );
    background-image: -webkit-linear-gradient( to top, #90c9e8, #5aabd6 );
    background-image: -moz-linear-gradient( to top, #90c9e8, #5aabd6 );
    background-image: -ms-linear-gradient( to top, #90c9e8, #5aabd6 );
    background-image: -o-linear-gradient( to top, #90c9e8, #5aabd6 );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5aabd6, endColorstr=#90c9e8);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	font-weight: 600;
	font-size: 14px;
}

.radio label .checkbox label{
	color: #7f8795;
}

.form-horizontal .form-group{
	color: #7f8795;
}

.form-control{
	color: #7f8795;
	border-radius: 0px;
}

.form-group > label{
	font-weight: 300;
}

#label_rememberme{
	margin-top: 10px;
}

@media only screen and (max-width: 400px) {

	#login_form > div:nth-child(3) > a {
		text-align: left;
		float: none;
		display: block;
	}

	#login_form > div:nth-child(3) > div.checkbox{
		text-align: left;
	}

	#login_form > div:nth-child(3) > div.pull-right{
		float: none !important;
		text-align: left;
	}
}