@font-face
{
	font-family : OPENSAN;
	src         : url("/fonts/opensans.ttf");
}

@font-face
{
	font-family : Oswald-Light;
	src         : url("/fonts/Oswald-Light_0.ttf");
}

@font-face
{
	font-family : MyriadPro-Bold;
	src         : url("/fonts/MyriadPro-Bold.ttf");
}

@font-face
{
	font-family : MyriadPro-Semibold;
	src         : url("/fonts/MyriadPro-Semibold.ttf");
}

@font-face
{
	font-family : Gotham-Black;
	src         : url("/fonts/Gotham_Black.ttf");
}

body
{
	font-family      : "OPENSAN";
	background-color : #f3f3f3;
}

/***************************** Header *****************************/
.home_background
{
	background : #ffffff;
}

.header-login, header .header-register
{
	margin       : 1% 0 0 0;
	padding-left : 45px;
}

.header-mobile-logout, .header-mobile-message, .header-mobile-invitation, .header-mobile-applicants
{
	margin       : 1% 0 0 0;
	padding-left : 0px;
}

.header-login .mobile-login-button:hover, .mobile-login-button:focus,
.header-register .register-button:hover, .register-button:focus,
.header-login .login-button:hover, .login-button:focus,
.header-message .mobile-message-button:hover, .mobile-message-button:focus,
.header-mobile-invitation .mobile-invitation-button:hover, .mobile-invitation-button:focus,
.header-mobile-applicants .mobile-applicants-button:hover, .mobile-applicants-button:focus,
.header-mobile-logout .mobile-logout-button:hover, .mobile-logout-button:focus
{
	background-color : #f3f3f3;
}

.header-login-suc
{
	margin : 1% 0 1% 0;
}

.header-register .register-button,
.header-login .mobile-login-button,
.header-login .login-button,
.header-mobile-logout .mobile-logout-button,
.header-mobile-message .mobile-message-button,
.header-mobile-invitation .mobile-invitation-button,
.header-mobile-applicants .mobile-applicants-button,
.header-login-suc .header-logout-button, .header-login-suc .header-user-button,
.header-login-suc .header-email-button, .header-login-suc .header-user-mobile-button,
.header-login-suc .header-email-mobile-button
{
	border           : 0;
	box-shadow       : inset 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(0, 0, 0, 0);
	background-image : linear-gradient(to bottom, #f3f3f3 0, #f3f3f3 100%);
}

.header-login-suc .header-logout-button:hover, .header-login-suc .header-logout-button:focus,
.header-login-suc .header-user-button:hover, .header-login-suc .header-user-button:focus,
.header-login-suc .header-email-button:hover, .header-login-suc .header-email-button:focus,
.header-login-suc .header-applicants-button:hover, .header-login-suc .header-applicants-button:focus,
.header-login-suc .header-user-mobile-button:hover, .header-login-suc .header-user-mobile-button:focus,
.header-login-suc .header-email-mobile-button:hover, .header-login-suc .header-email-mobile-button:focus,
.header-login-suc .header-applicants-mobile-button:hover, .header-login-suc .header-applicants-mobile-button:focus,
{
	background-color    : transparent;
	background-position : 0;
}

.header-menu
{
	margin           : 0;
	border           : none;
	margin-top       : 10px;
	box-shadow       : none;
	border-color     : #ffffff;
	background-image : linear-gradient(to bottom, #ffffff 0, #ffffff 100%);
}

.header-menu .header-jobs
{
	padding-top    : 10px;
	padding-bottom : 10px;
}

.header-menu .website-logo
{
	padding : 10px 0 0 0;
}

@media screen and (min-width : 768px) and (max-width : 1023px)
{
	.header-menu .website-logo
	{
		padding : 15px 0 0 0;
	}

	.header-menu .website-logo img
	{
		width : 150px;
	}

	.header-menu .header-jobs a, .header-menu .header-jobs > li > a
	{
		padding     : 10px 5px;
		font-size   : 1.5em;
		font-family : "Oswald-Light";
		color       : #446987;
	}
}

@media screen and (min-width : 1024px)
{
	.header-menu .header-jobs a, .header-menu .header-jobs > li > a
	{
		padding     : 10px 15px;
		font-size   : 1.5em;
		font-family : "Oswald-Light";
		color       : #446987;
	}
}

.header-menu .header-jobs .dropdown-menu
{
	border-radius : 5px;
}

.header-logged-buttons
{
	margin-bottom : 0px;
	font-size     : 14px;
}

.header-message-button, .header-invitation-button, .header-logout-button, .header-applicants-button
{
	margin-top : 5%;
	font-size  : 18px;
}

.popover-title
{
	text-align  : center;
	font-weight : bold;
}

.popover
{
	max-width : 350px;
}

.message_notification_menu
{
	min-width : 300px;
}

.message_invitation_pops .navbar-nav a
{
	color : #333333;
}

.user_badge
{
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	border-radius         : 50%;
	position              : absolute;
	top                   : 3px;
	right                 : 0px;
	font-size             : 12px;
	font-weight           : normal;
	width                 : 16px;
	height                : 16px;
	line-height           : 1.0em;
	text-align            : center;
	padding               : 2px 2px 2px 2px;
	background-color      : #FF0000;
	font-family           : "OPENSAN";
}

.applicants_badge
{
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	border-radius         : 50%;
	position              : absolute;
	top                   : 3px;
	right                 : 0px;
	font-size             : 12px;
	font-weight           : normal;
	min-width             : 16px;
	min-height            : 16px;
	line-height           : 1.0em;
	text-align            : center;
	padding               : 2px 2px 2px 2px;
	background-color      : #FF0000;
	font-family           : "OPENSAN";
}

#unread_invitation_circle
{
	width                 : 10px;
	height                : 15px;
	background            : #B9E563;
	-moz-border-radius    : 50px;
	-webkit-border-radius : 50px;
	border-radius         : 50px;
	float                 : right;
}

/*------------------------------------------content---------------------------------------------------------------*/
.content-container
{
	background-color : #ffffff;
	padding          : 0;
}

.home-large-image
{
	width : 100%;
}

#loginModal .modal-content
{
	width      : 520px;
	height     : 322px;
	background : url('/images/login_modal_backgroundimage.png') no-repeat;
}

#loginModal .modal-header
{
	border-bottom  : 0 none;
	padding-bottom : 5px;
}

#loginModal .modal-content .login-button-submit
{
	border-radius    : 3px;
	background-image : linear-gradient(to bottom, #60cafb 0, #36bef6 100%);
	border-color     : #60cafb;
	background-color : #36bef6;
}

#loginModal .modal-title
{
	font-family : "MyriadPro-Bold";
	color       : #939797;
	font-size   : 1.7em;
}

#loginModal .modal-content .login-text
{
	font-family : "MyriadPro-Semibold";
	color       : #898989;
	font-size   : 1.3em;
}

#loginModal .modal-content .login-button-submit
{
	width  : 100%;
	height : 60%;
}

#loginModal .modal-content .checkbox
{
	font-size : 0.9em;
}

/***************************** Footer *****************************/
footer
{
	background : url("/images/footer-back-image.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

footer ul
{
	list-style : none;
}

footer ul li
{
	color       : #feffff;
	padding-top : 10px;
}

footer ul li span
{
	color       : #feffff;
	font-size   : 0.8em;
	font-weight : bold;
	margin      : 0px 10px 0px 0px;
}

@media screen and (min-width : 1200px)
{
	footer ul li span
	{
		color       : #feffff;
		font-size   : 1.3em;
		font-weight : bold;
		margin      : 0px 10px 0px 0px;
	}
}

footer ul li a
{
	display : inline-block;
	margin  : 5px 5px 0 0;
}

footer ul li p:first-child
{
	color : #feffff;
}

footer .footer-splice
{
	height        : 1px;
	background    : #415675;
	margin-top    : 15px;
	margin-bottom : 15px;
}

footer center
{
	color   : #ffffff;
	padding : 15px 0;
}

@media (max-width : 768px)
{
	footer .footer-aboutus ul li span
	{
		color : #859bb3;
	}

	.header-menu .website-logo
	{
		padding : 5px 0 0 0;
	}
}