body {
    background: #f8f8f8;
    text-align: left;
    font-family: 'Titillium Web', sans-serif, Arial, Helvetica;
    color: #555;
    font-size: 16px;
    font-weight: 400;
}

.navbar {
    border-image: url(../img/top_bar.png) 100% 0 0 0;
    border-top-width: 7px;
	min-height: 75px;
}

.navbar-brand {
	padding: 10px 10px;
    font-size: 28px;
}

.brand-logo {
	margin-right: 5px;
}

.brand-text {
	margin-top: 5px;
}

.navbar-toggle { margin-top: 17px; }

.navbar-collapse.collapse.in, .navbar-collapse.collapsing  { margin-top: 11px; }

.ease-out {
   opacity: 1;
   transition: opacity .3s ease-out;
   -moz-transition: opacity .3s ease-out;
   -webkit-transition: opacity .3s ease-out;
}

.ease-out:hover {
    opacity: 0.7;
}

.navbar-nav li a {
	line-height: 40px;
}

.navbar-login {
    width: 305px;
    padding: 10px;
    padding-bottom: 0px;
}

.navbar-login-session {
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.profile-pic {
    height: 90px;
	width: 90px;
	border: 1px solid #e3e3e3;
	padding: 3px;
}

strong { font-weight: 700; }

.green { color: #029f49; }

.red { color: #3b239e; }

::selection {
    background-color: #3b239e;
    color: white;
}

::-moz-selection {
    background-color: #3b239e;
    color: white;
}

/* ----- Content box ----- */

.content-box {
    padding: 20px 30px 40px 30px;
    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    text-align: center;
}

.content-box h2 {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px dotted #bbb;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.row-margin-lg {
	margin-top: 80px;
	margin-bottom: 80px;
}

.row-margin-normal {
	margin-top: 10px;
}

.profile-pic-small {
	height: 32px;
	width: 32px;
	border: 1px solid #e3e3e3;
	padding: 1px;
}

body {
	padding-bottom: 20px;
}

.panel-heading [data-toggle="collapse"]:after {
	font-family: 'Glyphicons Halflings';
	content: "\e072";
	float: right;
	color: #31708f;
	font-size: 18px;
	line-height: 22px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.panel-heading [data-toggle="collapse"].collapsed:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #777777;
}