/* -------------------------------------------------- */
/* GENERAL */

* {
	margin: 0px;
	padding: 0px;
	outline: none;
}
@font-face {
	font-family: "Zag Regular";
	src: url('/public/files/Zag Regular.eot');
	src: local('Zag Regular'), url('/public/files/Zag Regular.ttf') format('truetype');
}
h1 {
	display: none;
}
h2 {
	font-size: 200%;
	font-style: normal;
	font-weight: normal;
	color: #2aa1be;
	margin-bottom: 0.3em;
	font-family: "Zag Regular", "Arial", "sans-serif";
}
p {
	margin-bottom: 1em;
}
blockquote {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(/public/images/layout02b/blockquote.png);
	font-size: 110%;
	color: #777777;
	padding-right: 40px;
	padding-left: 35px;
	margin-bottom: 1em;
}
ul {
	margin-bottom: 1em;
}
ul, li {
	list-style-position: outside;
	list-style-type: none;
}
a:link, a:visited {
	color: blue;
	text-decoration: none;
}
a:hover, a:active {
	color: blue;
	text-decoration: underline;
}
a img {
	border: none;
}
.left {
	float: left;
	margin-right: 49px;
}
.right {
	float: right;
}
.small {
	font-size: 80%;
}
 .columnSmall {
	width: 300px;
}
.columnMedium {
	width: 550px;
}

/* -------------------------------------------------- */
/* FORMS */

input[type=text], input[type=password], select, textarea {
	color: #4b4b4b;
	background-color: #f6f6f6;
	border-color: #b3b3b3;
	border-style: solid;
	border-width: 1px;
	padding: 4px;
	font-size: 110%;
	margin-bottom: 1em;
	width: 300px;
}
input[type=submit] {
	margin-bottom: 1em;
}
form ul.errors {
	font-style: normal;
	font-size: 84%;
	margin-top: -1em;
	margin-bottom: 0.6em;
	font-weight: normal;
	color: red;
}

/* -------------------------------------------------- */
/* STRUCTURE */

body {
	background-position: center top;
	background-repeat: repeat-x;
	background-image: url('/public/images/layout02b/headerBar3.png');
	font-size: 84%;
	font-family: "Arial", "sans-serif";
	line-height: 1.5;
	background-color: #ffffff;
	color: #454e4f;
}
#wrapper {
	position: relative;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
#header {
	overflow: hidden;
	height: 270px;
	position: relative;
}
#logo {
	position: absolute;
	top: 119px;
}
#slides {
	position: absolute;
	top: 26px;
	left: 391px;
	z-index: 10;
}
#main {
	width: 100%;
}
#submenu {
	z-index: 10;
	position: relative;
	padding-top: 8px;
	height: 46px;
	text-align: center;
	background-repeat: no-repeat;
	background-image: url(/public/images/layout02b/submenuBg.png);
}
#sidebar {
	width: 300px;
	font-size: 90%;
	height: 1%;
	overflow: hidden;
}
#content {
	margin-left: 350px;
}
#footer {
	color: white;
	background-position: center top;
	background-repeat: repeat-x;
	background-image: url('/public/images/layout02b/footerBg.png');
	font-size: 83%;
	padding-bottom: 12px;
	padding-top: 30px;
	clear: both;
	height: 26px;
	margin-top: 2em;
	overflow: hidden;
	background-color: #2691b0;
}
#langBox {
	text-align: center;
	background-color: white;
	border-color: #333333;
	border-style: solid;
	border-width: 1px;
	right: 156px;
	top: 40px;
	position: absolute;
	z-index: 20;
}
#langBox img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#langBox a {
	display: block;
	margin-bottom: 0.3em;
}
#loginBox {
	right: 11px;
	top: 40px;
	position: absolute;
	z-index: 21;
	text-align: right;
	width: 280px;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: right;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #518dae;
	display: block;
	padding: 0 12px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	background: #fff;
}
.tab_content {
	padding: 12px 12px 0px 12px;
}


#loginBox input[type=text],
#loginBox input[type=password] {
	width: 140px;
	font-size: 90%;
	padding: 2px;
	margin: 0px;
}

/* -------------------------------------------------- */
/* MENU */

.menu {
	height: 77px;
	overflow: hidden;
	margin-bottom: 1px;
}
.menu li {
	display: block;
	float: left;
}
.menu a {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 35px;
	height: 78px;
	color: #e7eef0;
	font-size: 136%;
	font-family: "Zag Regular", Arial, sans-serif;
	display: block;
	float: left;
}
.menu a:hover {
	color: white;
	text-decoration: none;
	background-color: #2691b0;
}

/* -------------------------------------------------- */
/* INNER ELEMENTS */

/* header */

#header .login {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 20;
}
#header #langToggle {
	display: block;
	width: 71px;
	height: 46px;
	overflow: hidden;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(/public/images/layout02b/langboxBg.png);
}
#langToggle img {
	left: 10px;
	position: relative;
	margin-top: 11px;
}
#loginButton, #signupButton {
	text-transform: uppercase;
	padding-bottom: 6px;
	padding-top: 9px;
	font-size: 120%;
	font-family: "Zag Regular", Arial;
	text-align: center;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(/public/images/layout02b/loginButton1.png);
	display: block;
	width: 72px;
	height: 27px;
	overflow: hidden;
	color: #518dae;
}
#signupButton {
	width: 70px;
	background-image: url(/public/images/layout02b/loginButton2.png);
	margin-right: 9px;
}
#logout {
	text-transform: uppercase;
	padding-bottom: 6px;
	padding-top: 9px;
	font-size: 120%;
	font-family: "Zag Regular", Arial;
	margin-right: 9px;
	text-align: center;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(/public/images/layout02b/loginButton.png);
	display: block;
	width: 142px;
	height: 27px;
	overflow: hidden;
	color: #518dae;
}
#loginToggle span {
	top: -2px;
	position: relative;
	text-transform: lowercase;
	color: #afafaf;
}

#submenu h2 {
	font-size: 170%;
	display: inline;
	color: #727272;
}
#submenu ul {
	display: inline;
}
#submenu li {
	padding-left: 32px;
	display: inline;
}
#submenu a:link,
#submenu a:visited {
	color: #d55e41;
}
#submenu a:hover,
#submenu a:active {
}

/* content */

#content h2 {
}
#content .date {
	color: #2aa1be;
	font-family: "Zag Regular", "Arial", "sans-serif";
	font-size: 120%;
}

/* sidebar */

#sidebar {
	color: #6d6d6d;
}
#sidebar h2 {
	margin-bottom: 0.1em;
	color: #d55e41;
}
#sidebar .search {
	position: relative;
	background-position: left 14px;
	background-repeat: no-repeat;
	background-image: url('/public/images/layout02b/searchbox.png');
	overflow: hidden;
	height: 60px;
}
#sidebar .search fieldset {	
	border-width: 0px;	
	border-style: none;	
}
#sidebar .search legend {	
}
#sidebar .search .term {
	color: #505050;
	left: 7px;
	top: 27px;
	position: absolute;
	background: none;
	border-style: none;
	border-width: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	padding-top: 2px;
	font-size: 16px;
	width: 227px;
}
#sidebar .search .submit {
	left: 240px;
	top: 14px;
	position: absolute;
}
#sidebar .alternate {
	padding-left: 50px;
	padding-bottom: 8px;
	padding-right: 12px;
	padding-top: 8px;
	background-repeat: repeat-y;
	background-image: url('/public/images/layout02b/sidebarBg.png');
	color: #2c4d55;
	background-color: #38c2d3;
}
#sidebar .alternate a {
	color: #fefffe;
}
#sidebar .alternate h2 {
	font-size: 190%;
	color: #ffffff;
}

#sidebar .login input.text {
	width: 200px;
}
#sidebar .login input.button {
	margin-top: 0.8em;
}


/* footer */

#footer .container {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
#footer img {
	position: relative;
	top: -30px;
	margin-right: 10px;
}
#footer .right {
	text-align: right;
	padding-right: 20px;
}
#footer a {
	color: #ffffff;
	padding-left: 6px;
}

/* login form */

#loginBox table {
	margin-left: auto;
}

#loginBox td {
	padding: 3px;
}
#loginBox form {
	height: 10em;
	width: 250px;
	overflow: hidden;
}
#loginBox #close {
	color: #8a8a8a;
	padding-left: 18px;
	background-position: left 2px;
	background-repeat: no-repeat;
	background-image: url(/public/images/layout02b/loginClose.gif);
	height: 16px;
	display: block;
	float: left;
}

/* flashMessages */

#flashMessage {
	font-weight: bold;
	margin-bottom: 1em;
	padding: 4px;
	background-color: #f6f6f6;
	border-color: #d8d8d8;
	border-style: solid;
	border-width: 1px;
}
#flashMessage.error {
	color: red;
}
#flashMessage.success {
	color: #008040;
}

/* other */

h2.lowmargin {
	margin-bottom: -0.2em;
}

.hiring li a {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(/public/images/layout02b/approve.gif);
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 0px;
	border-top-width: 0px;
	padding-left: 1.6em;
	padding-bottom: 0.6em;
	padding-right: 1em;
	padding-top: 0.6em;
	margin-bottom: 0.3em;
	background-color: #fafafa;
	border-color: #dedede;
	border-style: solid;
	display: block;
	color: #5d6567;
}
.hiring li a:hover {
	text-decoration: none;
	color: #45494b;
	background-color: #f2f2f2;
}.hiring b {
	color: #d55e41;
}
body.resumes p.edit,
body.jobs p.edit {
	margin-top: 1em;
	padding-top: 0.4em;
	border-color: #d7d7d7;
	border-style: dashed;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-top-width: 1px;
}
body.resumes p.edit a,
body.jobs p.edit a {
	padding-right: 2em;
}
body.account ul.actions li {
	list-style-position: inside;
	list-style-type: disc;
}
body.account table {
	color: #aeaeae;
}