@charset "utf-8";

#account-foto {
	float: left;
	width: 140px;
	margin-left: 20px;
}

.fileUpload input {
	background-color: red;
	margin-right: 50px;
	width: 400px;
}

#account-info {
	float: right;
	width: 570px;
}

.profile {
	height: 145px;
	padding: 19px;
	background-color: #ffffff;
}

.profile h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.profile tr.top {
	height: 61px;
	vertical-align: top;
}

.profile tr.middle {
	height: 36px;
	vertical-align: top;
}

.profile p.percent img {
	height: 10px;
}

.profile td.name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
}

.spacer-cell {
	width: 20px;
}

.spacer-cell-profileOverview {
	width: 31px;
}

.actionSuccessful {
	border: medium none;
	background-color: #666464;
	padding: 4px;
	color: #FFFFFF;
}

.firstCell {
	width: 245px;
}

.middle td.firstCell {
	padding-top: 4px;
}

.middle td.firstCell,.bottom td.firstCell {
	text-align: right;
}

.middle td.secondCell {
	color: #413F3F;
}

.bottom td.secondCell {
	color: #413F3F;
}

.secondCell {
	width: 130px;
}

.profile p.percent {
	margin: 5px 0 1px 0;
	background: #C9C8C8;
}

.details_bottom {
	margin-left: 0px !important;
	padding-left: 0px;
}

/*
.details_top {
	padding: 10px 20px 10px;
	background-color: #FFFFFF;
	display: block;
	clear: both;
}

.details_top b {
	float: left;
}

.details_top div.titel {
	float: left;
	margin-left: 60px;
	width: 140px;
}

.details_top div.wert {
	float: left;
	width: 130px;
}

.details_top div.edit {
	color: #968172;
	float: right;

}

.details_bottom {
	padding: 10px 20px 35px;
	background-color: #FFFFFF;
	display: block;
	clear: both;
}

.profile div.details_bottom ul.titel_links {
	margin-left: 162px;
	width: 140px;
	float: left;
	text-align:right;
}

.profile div.details_bottom ul.wert_rechts {
	color: #968172;
	width: 132px;
	float: left;
}

.import {
	padding: 10px 20px 20px 20px;
	background-color: #fdebdd;
}

.profile div.import b {
	float: left;
}

.profile div.import ul {
	margin-left: 160px;
	width: 200px;
}

*/
.profile a:link,.profile a:visited,.profile a:hover,.profile a:active {
	color: #968172;
	text-decoration: none;
}

.profile a.open {
	background: transparent url(../../img/braun_arrow.png) no-repeat;
	background-position: 0 3px;
	padding-left: 10px;
}

.profile a.what {
	background: transparent url(../../img/ampel_klein_lachs.gif) no-repeat;
	padding-left: 16px;
	padding-top: 2px;
	max-width: 120px;
	float: right;
}

.infobox {
	border: none;
	width: 273px;
	height: 160px;
	float: left;
	margin-top: 20px;
	color: #FFFFFF;
}

.right {
	float: right;
}

.infobox img.image {
	border-bottom: 1px solid #FFFFFF;
}

.teaserText {
	margin: 0 0 4px 9px;
	color: #FFFFFF;
}

.infobox h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 10px 4px 10px;
	color: #FFFFFF;
}

.infobox a.open {
	background: transparent url("../../img/arrowLight.gif") no-repeat;
	background-position: 0px 4px;
	padding-left: 10px;
	margin: 0 0 4px 9px;
	font-weight: bold;
	display: block;
}

.infobox a.what {
	/*background: transparent url(../../img/ampel_klein_lachs.gif) no-repeat;*/
	margin-right: 18px;
	height: 16px;
	float: right;
	color: #FFFFFF;
	font-weight: bold;
}

.infobox a:link,.infobox a:visited,.infobox a:hover,.infobox a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.innerInfoBox {
	background: transparent url("../../img/contentboxen_textfeld.png");
	margin: 65px 5px 5px 5px;
	padding-bottom: 9px;
	*padding-bottom: 5px;
	display: inline-block;
	width: 263px;
}

.boxOne {
	background: transparent
		url("../../../jobwinner/img/Contentbox1_konto.jpg");
}

.boxTwo {
	background: transparent
		url("../../../jobwinner/img/Contentbox2_konto.jpg");
}

.boxThree {
	background: transparent
		url("../../../jobwinner/img/Contentbox3_konto.jpg");
}

.boxFour {
	background: transparent
		url("../../../jobwinner/img/CV-Datenbank-Online-Profil-Jobwinner.jpg");
}

.tabs {
	clear: both;
}

.tabs ul {
	list-style: none;
	padding-left: 0;
}

.tabs li {
	float: left;
	border-bottom: none;
	margin-right: 10px;
}

.tabs li a {
	padding: 12px 19px;
	height: 16px;
	background: #eee;
	color: #413F3F;
	display: inline-block;
}

.tabs li a:hover,.tabs li.account h2 a:hover {
	background: #eef7ff;
	text-decoration: none;
}

.tabs li.active a {
	background: #def;
	padding-bottom: 14px;
}

.tabs li.twolines a {
	padding: 4px 20px;
	height: 32px;
}

.tabs li.twolines.active a {
	padding-bottom: 6px;
}

.tabs li.search {
	margin-right: 80px;
}

.tabs li.account {
	float: right;
	margin-right: 0;
	padding: 0;
	border: 0;
	width: 160px;
}

.tabs li.clear,.vtabs li.clear {
	height: 0;
	border: 0;
	padding: 0;
	margin: 0;
}

.tabs li h2 {
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	margin: auto 0;
}

.tabs li.active h2 {
	font-weight: bold;
}

.tabs li.account h2 {
	border: 1px solid #ccc;
	border-bottom: none;
	display: inline-block;
}

.tabs li.account h2 a {
	padding: 12px 20px 14px;
	background: #eee;
}

.tabs li.account.active h2 a {
	background: #def;
}

.tablist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	width: 208px;
	border: 1px solid #FFFFFF;
	padding: 15px;
	overflow: hidden;
	background-color: #FFFFFF;
}

.tablist li {
	white-space: nowrap;
}

.tablist li.current {
	font-weight: bold;
}

#x-profile {
	margin-top: 20px;
}

.tablist a {
	text-decoration: none;
	color: #413F3F;
	padding: 5px;
	display: block;
}

.tablist a:hover {
	text-decoration: none;
}

.tabpanel {
	width: 458px;
	border: 1px solid #FFFFFF;
	padding: 20px;
	float: right;
	min-height: 300px;
	background-color: #FFFFFF;
}

.offscreen {
	margin-left: -2000px;
	position: absolute;
}

/* --- Override for special forms  ---*/
.formEntry {
	margin: 5px;
	clear: both;
	min-height: 15px;
}

.formEntry label {
	float: left;
	margin-right: 20px;
	text-align: right;
	white-space: nowrap;
	width: 130px;
	min-height: 15px;
}

div.boxleft {
	float: left;
	margin-right: 20px;
	text-align: right;
	white-space: nowrap;
	width: 130px;
}

#availabilityFields td {
	height: 24px;
}

.formRadio * td {
	vertical-align: middle;
}

.formRadio label {
	text-align: left;
	width: auto;
	margin: 5px 5px 5px 0;
}

.formRadio input {
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

.normalLeft label {
	text-align: right;
	width: auto;
	margin-left: 5px;
}

.normalLeft input {
	float: left;
}

.normal label {
	float: none;
	text-align: left;
	width: auto;
	margin-left: -3px;
}

.normal-status label {
	float: right;
	text-align: left;
	width: 231px;
}

.cancelButton {
	margin-right: 5px;
}

/*------- tables ------*/
.data-grid {
	border: none;
	background-color: #FFFFFF;
	padding: 20px;
}

.rich-table {
	border: none;
	width: 100%;
}

.rich-table-header {
	background-image: none;
	background-color: #FFFFFF;
	background-position: center center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #666464;
}

.rich-table-headercell {
	border: none;
}

.rich-table-thead {
	border: none;
}

.rich-table-row {
	border-bottom: 1px solid #D7D7D7;
	*background: url("../../../img/bg_dotted.gif") repeat-x;
	*background-position: bottom;
}

.rich-table-cell {
	color: #413F3F;
	border: none;
}

.rich-table-cell a:link,a:visited,a:hover,a:active {
	color: #413F3F;
}

p.percent { /*border: 1px solid #968172;*/
	
}

/* login logout */
p.success {
	padding: 20px;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}

p.help {
	padding: 20px;
	background-color: #FFFFFF;
}

h1 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 20px;
}

.photo {
	width: 190px;
	height: 183px;
	margin-left: -20px;
	background: #ffffff url('../../img/placeholder_user_image.gif') 0 0
		no-repeat;
	cursor: pointer;
}

.personal_left {
	width: 180px;
}

.personal_right {
	width: 150px;
	vertical-align: top;
}

#availabilityFields div.marked-error select {
	color: #820505;
	border-color: #820505;
}

#availabilityFields div.marked-error span.rich-message, #availabilityFields span.marked-error {
	display: block;
}

#availabilityFields div.marked-error span.rich-message-label, #availabilityFields span.marked-error {
	color: #820505;
	font-size: 9px;
}

.profile-header {
	background-color: #ffffff;
	margin-bottom: 20px;
	padding: 20px;
	*min-height: 65px;
}

.expDateMonth,.expDateYear {
	padding-right: 10px;
}

.expDateMonthFixed {
	width: 40px !important;
}

.expDateYear {
	padding-left: 30px;
}

.expDateYearFixed {
	width: 60px !important;
}

.formEntry .redButton,.inlineButtons .redButton {
	display: inline-block;
	margin-top: 10px;
	*float: left;
}

#modalForgotPasswordContentDiv .formEntry {
	margin: 10px 0 0 0;
}

#modalForgotPasswordContentDiv .formEntry label {
	width: 120px;
	margin-right: 10px;
}

#modalForgotPasswordContentDiv .redButton {
	margin-top: 10px;
}

#modalForgotPasswordContentDiv .redButton input {
	margin-top: 0px;
}

#forgotPasswordForm input.actionButton,#forgotLoginForm input.actionButton
	{
	margin-top: 10px;
}

.menu-item h1 {
	margin-bottom: 0;
	padding-bottom: 0;
}

div.cv-button-add {
	margin-bottom: 10px;
}

.rich-table-sortable-header {
	float: left;
}

.welcomeLinkColor {
	color: #D1050C !important;
}

.photoButtons {
	width: 300px;
}

.innerInfoBoxNewSearch {
	background: url("../../img/arrowLight.gif")  no-repeat scroll 0px 4px
		transparent;
	padding-left: 10px;
	padding-top: 0px;
	margin-left: 9px;
}

.innerInfoBoxSearchSubscriptionWath {
	padding-top: 2px;
	padding-left: 16px;
	padding-bottom: 2px;
	margin-right: 10px;
	float: right;
}

.divNewSearchSub {
	margin-left: 9px;
	background: url("../../img/arrowLight.gif") no-repeat scroll 0 50%
		transparent;
	padding-left: 10px;
}

.evaluation_img_text li {
    clear: left;
    margin-bottom: 6px;
}

.evaluation_img {
    float:left; 
}

.evaluation_text {
    margin-left: 5px;
}

div.inlineButtons > div.cancelButtonNew {
	margin-top: 10px;
}