@charset "iso-8859-2";

body {
	font-family: tahoma;
	background-color: #ffffff;
	line-height: normal;
	font-size: 11px;
	border: 0;
	margin: 0;
	padding: 0;
}

img,
form,
table {
	border: 0;
	padding: 0;
	margin: 0;
}

a {
	font-family: tahoma;
	color: #0000FF;
	font-size: 11px;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.floatcontainer div {
	float: left;
}

.center {
	text-align: center;
}

/* =============== top menu ============== */

	.topmenu {
		background-image: url(/img/topmenu_bg1.gif);
		background-position: top left;
		border-right: 1px solid #808080;
		height: 32px;
		width: auto;
	}

	.topmenu div {
		float: left;
	}

	.topmenu .el {
		background-color: #d4d0c8;
		font-family: verdana;
		font-size: 10px;
		margin-top: 9px;
		margin-left: 1px;
		padding: 0px 6px;
	}

html>body	.topmenu .el {
		margin-left: 2px;
		padding: 0px 5px;
	}

	.topmenu #br {
		font-size: 12px;
		font-family: verdana;
		margin: 0px 2px;
	}

	.topmenu .el a {
		color: #0000FF;
		font-family: Tahoma, Verdana, Arial;
		font-size: 11px;
		text-decoration: none;
		margin: 0px 2px;
	}

	.topmenu #el13px {
		margin-top: 13px;
	}

	.topmenu #el12px {
		margin-top: 12px;
	}

	.topmenu #el11px {
		margin-top: 11px;
	}

	.topmenu #el10px {
		margin-top: 10px;
	}

	.topmenu #el9px {
		margin-top: 9px;
	}

	.topmenu #el8px {
		margin-top: 8px;
	}

	.topmenu #el7px {
		margin-top: 7px;
	}

	.topmenu #el6px {
		margin-top: 6px;
	}

	.topmenu #el5px {
		margin-top: 5px;
	}

	.topmenu #el4px {
		margin-top: 4px;
	}

	.topmenu #el3px {
		margin-top: 3px;
	}

	.topmenu #el2px {
		margin-top: 2px;
	}

	.topmenu #el1px {
		margin-top: 1px;
	}

	.topmenu #el0px {
		margin-top: 0px;
	}

	.topmenu select,
	.topmenu input {
		font-size:10px;
		border: 1px solid gray;
		margin-top: 0;
	}
	.topmenu select #fe{
		color: red;
		background-color: yellow;
	}

	.topmenu .el a:hover {
		color: #FF0000;
		text-decoration: underline;
	}

	.topmenu #current {
		font-family: Tahoma, Verdana, Arial;
		font-weight: bold;
		font-size: 11px;
		margin-top:10px;
		color: #aa0000;
	}

	.topmenu #current_sel {
		font-family: Tahoma, Verdana, Arial;
		font-weight: bold;
		font-size: 11px;
		margin-top:6px;
		color: #aa0000;
	}

	.topmenu #tbl {
		color: #aa0000;
		background-color: #e7e3db;
		padding: 0 2;
		margin: 0 2;
	}

#header {
	background-color: #0d739e;
	width: 100%;
}

ul li {
	margin-top:10px;
}

#welcome {
	margin: 10 auto;
	width: 700px;
	text-align: left;
	border: 1px solid gray;
	padding: 10px;
	background-color: #BFD7F8;
}

#appform {
	width: 80%;
	margin: 5 auto;
	background-color: #eeeeee;
	border: 1px dashed gray;
	padding: 4;
}

#titlerow {
	background-color: #eeeeee;
	font-weight: bold;
	text-align: center;
	padding-bottom: 4;
	border-bottom: 1px solid gray;
	margin-bottom: 4;
}

#bg {
	background-color: #E1CAA7;
}

#fm div {
	padding: 4 0 3 4;
	margin-right:3px;
}

#label {
	margin-top: 4px;
	font-weight: bold;
	text-align: right;
}

#button {
	float: right;
	width: 50px;
}

#act_id {
	margin-right: 10px;
}

#formel input {
	margin-top:1px;
	font-size: 11px;
	font-family: tahoma;
	width: 110px;
}

input#email_id {
	width: 200px;
	margin-right: 30px;
}

/* ======================= editing profile ======================== */

.wrapper_edit {
	width: 99%;
	margin: 10 auto;
}

.wrapper_edit #framecont {
	text-align: left;
	border: none;
	margin: 0px auto 1px auto;
	padding: 4px;
	background: #E8E4DC;
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
}

#fieldcont {
	padding: 10 0;
	text-align: left;
}

.wrapper_edit #framecont #error {
	padding: 5px;
	border: 2px solid red;
	background-color: #ffffff;
	margin: 4px;
}

.wrapper_edit #framecont #error #errh {
	text-align: center;
	font-family: georgia, verdana;
	font-size: 20px;
	font-weight: bold;
	color: #aa0000;
	margin-bottom: 5px;
	background-color: #eeeeee;
}

.wrapper_edit #framecont#error #txt {
	text-align: center;
	font-family: verdana;
	font-size: 12px;
	color: #000000;
}

#framecont div#param{
	text-decoration: underline;
	margin: 10;
}

#fieldcont #field {
	text-align: right;
	padding-right: 10px;
	padding-top: 4px;
	width: 140px;
	height: 20px;
}
#fieldcont #formel {
	font-weight: bold;
}

#fieldcont div#pcsk {
	font-weight: normal;
	height: 20px;
}

input.chkbx {
	width: 20px;
}

#fieldcont div#formel input {
	width: 200px;
	font-weight: normal;
}

#fieldcont div#formel input#cv_id {
	width: 300px;
	font-weight: normal;
}

#fieldcont div#formel input#sex_id {
	width: 14px;
	height: 14px;
	margin-top: 6px;
	margin-right: 4px;
	margin-left: 2px;
}
#fieldcont select {
	font-size: 11px;
}

#fieldcont table#langs {
	margin: 5 10;
}

#fieldcont table#langs td {
	font-family: tahoma;
	font-size: 11px;
	padding: 1 2;
}

#fieldcont #wrapper_exp {
	margin: 5 10;
}
#fieldcont #wrapper_exp input#sel_areas_id {
	margin-right: 5px;
}

html>body #fieldcont #wrapper_exp input#sel_areas_id {
	margin-top: 5px;
}

#fieldcont #wrapper_exp #formel {
	margin-top:5px;
}
.wrapper_edu {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: transparent;
}
.wrapper_edu .floatcontainer div {
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 2 0 2 2;
}
.wrapper_edu #expheader div {
	background-color: #e1caa7;
	text-align: center;
	padding: 2 0;
	font-weight: bold;
	border-top: 1px solid gray;
}
.wrapper_edu div#area {
	width: 210px;
}

.wrapper_edu div#areargt {
	width: 210px;
	border-left: 1px solid gray;
}

html>body .wrapper_edu #main div#areargt,
html>body .wrapper_edu #main div#area {
	width: 208px;
}

.wrapper_edu input {

	font-size: 11px;
	font-family: arial;
	border: 1px solid #D4BD9A;
	background-color: #F6EEE8;
	height: 19px;
}

.wrapper_edu input#area_id {
	width: 203px;
}

.wrapper_experience {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: transparent;
}
.wrapper_experience .floatcontainer div {
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 2 0 2 2;
}
.wrapper_experience #expheader div {
	background-color: #e1caa7;
	text-align: center;
	padding: 2 0;
	font-weight: bold;
	border-top: 1px solid gray;
}
.wrapper_experience div#year {
	width: 80px;
	border-left: 1px solid gray;
}

html>body .wrapper_experience #main div#year {
	width: 78px;
}

.wrapper_experience div#org {
	width: 220px;
}

html>body .wrapper_experience #main div#org {
	width: 218px;
}

.wrapper_experience div#country {
	width: 150px;
}

html>body .wrapper_experience #main div#country{
	width: 148px;
}

.wrapper_experience div#pos {
	width: 180px;
}

html>body .wrapper_experience #main div#pos{
	width: 178px;
}

.wrapper_experience input,
textarea#ee_other_id {
	font-size: 11px;
	font-family: arial;
	border: 1px solid #D4BD9A;
	background-color: #F6EEE8;
	height: 19px;
}

.wrapper_experience input#year_id {
	width: 74px;
}

.wrapper_experience input#org_id {
	width: 214px;
}

.wrapper_experience select#country_id {
	font-size:10px;
	width: 140px;
	margin:1 0;
}
html>body .wrapper_experience select#country_id {
	margin:0;
}

.wrapper_experience input#pos_id {
	width: 175px;
}

input#pcskilother_id {
	font-size: 11px;
}

textarea#reference_id {
	font-family: arial;
	font-size: 11px;
	width: 400px;
	height: 80px;
}

/* ========================= tab navigation ============================== */

ul#tabnav
{
	font: bold 11px 'Verdana', 'Arial', sans-serif;
	list-style-type: none;
	padding-bottom: 24px;
	border-bottom: 1px solid black;
	margin: 0;
	padding-left: 0;
}
ul#tabnav li
{
	float: left;
	height: 21px;
	background-color: #ffffff;
	margin: 2px 2px 0 5px;
	border: 1px solid black;
}

ul#tabnav li.active
{
	border-bottom: 1px solid #E8E4DC;
	background-color: #E8E4DC;
}

ul#tabnav li.inactive
{
	border: 1px solid black;
	background-color: #ffffff;
}

ul#tabnav li.active a
{
	color: black;
}

#tabnav a
{
	float: left;
	display: block;
	color: #666;
	text-decoration: none;
	padding: 4px;
}

#tabnav a:hover
{
	background: #E8E4DC;
}

#tabnav li.submit {
	margin-left: 50px;
	background-color: #20a235;
	cursor: pointer;
}

#tabnav li.delete {
	margin-left: 80px;
	background-color: #f17e01;
	cursor: pointer;
}

#tabnav li.delete a
{
	color: white;
	background-color: #f17e01;
}

#tabnav li.submit a
{
	color: white;
	background-color: #20A235;
}

#tabnav li.submit a:hover,
#tabnav li.delete a:hover
{
	color: yellow;
	background-color: red;
}