/**
 * Forms
 */
input.text,
input.password,
textarea {
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	line-height:15px;
}
input.text,
input.password,
textarea,
select {
	border:1px solid #CBCCC6;
}

.btn-right {
	background:#fcb71b;
}
.btn-right:hover {
	background:#fbce19;
}

#elements .form-element,
#elements .item {
	overflow:hidden;
}
#elements .form-element {
	/*margin-bottom:8px;*/
}
#elements .form-element .title {
	background:#d8bb77;
	font-weight:bold;
	color:#fff;
}
#elements .item {
	margin:0;
	padding:0;
	background:#f4f4f4;
}
#elements .label {
	float:left;
	text-align:left;
	margin-top:2px;
	padding-left:8px;
	width:144px;
	_height:1%;
}
#evaAwardImagesSubmission #elements #uploadImages .label,
#adamAwardImagesSubmission #elements #uploadImages .label {
	width:160px;
}
#elements .counter {
	margin-top:2px;
	padding-left:8px;
}

#elements #uploadImages .label,#category-wrapper .label {
	float:none;
}
#elements .element {
	margin-left:152px;
}
.award-form #elements .element {
	margin-left:0;
}
.award-form #elements #uploadImages .element {
	margin-left:3px;
}
#elements .element input.text,
#elements .element textarea {
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	line-height:15px;
	width:315px;
	border:1px solid #CBCCC6; /* #ebebeb */
}
#elements .element textarea {
	height:80px;
	width:313px;
}
#elements .nested-form .element input.text {
	width:418px;
}
#elements textarea {
	width:550px;
	font-size:11px;
	font-family:arial,helvetica,sans-serif;
	line-height:15px;
	padding-left:2px;
}
#elements .nested-form .element textarea {
	width:422px;
}
#elements .form-element .single {
	background:#f4f4f4;
	padding: 13px 8px 15px 8px;
	margin-bottom:8px;
}
.extendend-contact-elements {
	padding: 13px 8px 15px 8px;
	margin-bottom:8px;
	background: #F4F4F4;	
}
.extendend-contact-elements p {
	padding-left:0;
}
.extendend-contact-elements .form-item {
	padding-bottom: 15px;
}
.extendend-contact-elements .label {
	margin-bottom: 3px;
}
.extendend-contact-elements .label label {
	font-weight: bold;
}
.extendend-contact-elements .element select,
.extendend-contact-elements .element input.text,
.extendend-contact-elements .element textarea {
	width:401px;
}

.buttons {
	background:#d8bb77;
	height:17px;
	text-align:right;
}

.buttons input,
.buttons input.submit,
.submit input.submit {
    padding:0 22px 2px 4px !important;
    padding:0 16px 0 4px; /* IE */
    text-indent:inherit !important;
    text-indent:-6px; /* IE */
    text-align:right !important;
    text-align:center; /* IE */

    margin:0;
    border:0;
    display:inline;
    /* TODO (pbr) replace with transparent btn-right.gif */
	background:#fcb71b url(/style/images/btn-right-100-leca.gif?302229) 100% 50% no-repeat;
	height:17px;
	color:white;
	font-weight:bold;
	font-size:10px !important;
	text-transform:uppercase;
	cursor:pointer;
}

#content .buttons input:hover,
.buttons input.submit:hover,
.submit input.submit:hover {
	background:#fbce19 url(/style/images/btn-right-105-leca.gif?302229) 100% 50% no-repeat;
}
.buttons input.button-reset {
	padding:0 4px 2px 4px !important;
    padding:0 4px 0 4px; /* IE */
	background:#fcb71b;
	float:left;
}
#content .buttons input.button-reset:hover {
	background:#fbce19;
}

#content .buttons a.replaceButton {
    padding:2px 22px 2px 4px;
    margin:0;
    border:0;
    display:inline;
	background:#fcb71b url(/style/images/btn-right-100-leca.gif?302229) 100% 50% no-repeat;

	min-width: 60px;
	width:auto !important;
	width:60px;
	max-width:80px;
	overflow:visible;
	position:relative;
	right:0;

	height:17px;
	line-height:17px;
	text-align:right;
	text-decoration:none;
	color:white;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	cursor:pointer;
}

#content .buttons .button-submit {
	margin-left:0 !important;
	margin-left:8px;
}

#content .block {
	padding-top:8px;
	padding-bottom:8px;
	background: #f4f4f4;
	margin-bottom:8px;
}
#content img.block {
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
	background: none;
}

.hint {
	margin-bottom:8px;
	overflow:hidden;
}

.hint-trigger {
	width: 12px;
	height: 11px;
	background: url(/style/images/hint.gif?302229) no-repeat;
	float:left;
	/*margin:4px 4px 0 4px;*/
	margin:7px 4px 0pt 7px;
	cursor: help;

	display:block;
	clear:right;
	position:relative;
	overflow:hidden;
}

.hint-text {
	display:none;
	background-color: #D3D3CF;
	padding: 4px;
}

#elements .errors {
	padding-top:2px;
	padding-left:2px;
	min-height: 1px;
	height: auto !important;
	height:1px;

}
#elements .errors,
.error,
#element .errors strong,
.error strong {
	color:#ff0000; /* graphics-proofed */
}

#elements ul.errors {
	padding: 0;
	margin:0;
	height:1px;
}

#elements .errors li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#page-search-agent #elements ul.errors {
	line-height:0;
	font-size:0;
	padding-top:0;
}

#page-search-agent #elements ul.errors li {
	font-size: 11px;
	line-height:14px !important;
	line-height:13px;
}


#elements .form-element ul.checkboxGroup {
	margin:0;
	padding:0 !important;
	list-style: none;
	background:#F4F4F4;
	width:100%;
	overflow:hidden;
}
#elements .form-element ul.checkboxGroup li {
	float:left;
	width:50%;
	margin-bottom:0;
	padding-bottom:4px !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
}

#elements .form-element ul.checkboxGroup li input {
	float:left;
}

#elements .form-element ul.checkboxGroup li label {
	padding-top:4px;
	display:block;
	margin-left:20px;
	margin-right:30px;
}

#elements .dynamicList ul,
#elements .dynamicList li {
	list-style: none;
	margin:0;
	padding-left:0 !important;
}
#elements .composite {
	margin-bottom:8px;
}
.award-form #elements .radioButtonGroup,
.award-form #elements .nestedForm,
#elements .composite .group {
	padding-top:8px;
	padding-bottom:8px;
	background: #F4F4F4;
}
.award-form #elements .radioButtonGroup {
	margin-top:0;
}
#elements .composite .item {
	margin-bottom:2px;
}
#elements .dynamicList .item,
#elements #contact-form .item {
	margin-bottom:2px;
}
#elements .composite li {
	margin-bottom:4px;
	background:#f4f4f4;
}
#elements td.removeButton {
	vertical-align:top;
	text-align: right;
	padding-right:0;
	padding-left:8px;
	width:95px !important;
	width:90px;
}
#elements .dynamicList td.removeButton {
	width:35px !important;
	width:30px;
}
#elements .dynamicList table.listItem {
	width:100%;
}
#elements .button-remove,
#elements .button-add {
	border:0;
	overflow:hidden;
	background: #fcb71b;
	cursor:pointer;
}
#elements .button-add {
	width:19px;
	height:19px;
	padding-top:19px;
	margin-top:8px;
}
#elements .button-remove {
	width:18px;
	height:18px;
	padding-top:18px;
}
#elements .button-remove {
	background:#fcb71b url(/style/images/btn-remove.gif?302229) top right no-repeat;
}
#elements .button-add {
	background:#fcb71b url(/style/images/btn-add.gif?302229) center center no-repeat;
}
#elements .button-remove:hover,
#elements .button-add:hover {
	background-color:#fbce19;
}
#esgMemberVlCategories select {
	width:169px;
	margin:5px 0 5px 7px;
	float:left;
}
#esgMemberVlCategories ul.errors {
	clear:both;
}

.cropper {
	margin: 10px 0;
	overflow: hidden;
}
.cropper .canvas {
	border: 1px solid #ebebeb;
}
.cropper .resizeHandle {
	width: 12px;
	height: 12px;
	background: url(images/resize.gif?302229);
}
.cropper .controls {
	margin-top: 10px;
}
.cropper .zoom {
	background-color: #cdcdcd;
	height:12px;
	margin-bottom: 10px;
}
.cropper .zoomHandle {
	width:5px;
	height:12px;
	background-color: #3d3d3d;
}
.cropper .cropButton,
.cropper .undoButton {
	float: left;
	padding: 2px 8px;
	font-family: sans-serif;
	font-size: 10px;
	color: #fff;
	-moz-user-select: none;
}
.cropper .cropButton {
	background: #cb0038;
}
.cropper .undoButton {
	background: #3d3d3d;
}
.cropper .no-crop .cropButton {
	background: #cdcdcd;
}

/**
 * Frontend
 */
.frontend-forms #elements .errors {
	padding-left:8px;
}
.frontend-forms .form-field-error {
	background-color:red;
	color:white;
}

.contact-component {
	width:424px;
}
	.wide .contact-component {
		width:630px;
	}

.contact-component #elements .item {
	margin-bottom:2px;
}
.contact-component #elements .label {
	width:60px;
	padding-left:0;
}
.contact-component #elements .element {
	margin-left:72px;
}

	.wide .contact-component #elements .element {
		margin-left:92px;
	}

.contact-component #elements .element input.text,
.contact-component #elements .element textarea {
	width:265px !important;
	width:262px;
}

	.wide .contact-component #elements .element input.text,
	.wide .contact-component #elements .element textarea {
		width:451px !important;
		width:449px;
	}

	.wide #inner-content #elements .element input.text,
	.wide #inner-content #elements .element textarea {
		width:260px !important;
		width:257px;
	}

.contact-component #elements .element textarea {
	width:263px !important;
	width:260px;
}

	.wide .contact-component #elements .element textarea {
		width:449px !important;
		width:447px;
	}
.wbw-contact {
	padding-top:5px;	
	background:#F4F4F4;
	}
.wbw-contact #elements .item {
	margin-bottom:0px;
	padding-bottom:3px;
}

.wbw-contact #elements textarea {
	padding-left:0;
	margin:0;
}
.wbw-contact p.buttons {
	margin-bottom:0;
}


/* ==========
* Award Login
* =========== */
.award-login {
	width:424px;
}
	.wide .award-login {
		width:630px;
	}

.award-login #elements .item {
	margin-bottom:2px;
}
.award-login #elements .label {
	width:60px;
	padding-left:0;
}
.award-login #elements .element {
	margin-left:72px;
}

	.wide .award-login #elements .element {
		margin-left:92px;
	}

.award-login #elements .element input.text,
.award-login #elements .element textarea {
	width:265px !important;
	width:262px;
}

	.wide .award-login #elements .element input.text,
	.wide .award-login #elements .element textarea {
		width:451px !important;
		width:449px;
	}

.award-login #elements .element textarea {
	width:263px !important;
	width:260px;
}

	.wide .award-login #elements .element textarea {
		width:449px !important;
		width:447px;
	}
.award-entry {
	padding: 10px 0 15px 8px;
	padding: 2px 0 2px 8px;
	line-height: 16px;
	clear:left;
}
.missing .upload-link,.errors .upload-link,.errors .upload-disabled {
	background: url(/style/images/missing.gif?302229) center left no-repeat;
	padding-left: 15px;
	display: blok;
	float: left;
}
.ok .upload-link,.ok .upload-disabled {
	background: url(/style/images/ok.gif?302229) center left no-repeat;
	padding-left: 15px;
}
.finalized .upload-link,.finalized .upload-disabled {
	background: url(/style/images/finalized.gif?302229) center left no-repeat;
	padding-left: 15px;
}
.alert {
	background: url(/style/images/alert.gif?302229) center left no-repeat;
	text-indent: -9999px;
	width: 162px;
	height: 13px;
	float: left;
	margin:0 0 0 6px;
	cursor:pointer;
}
.todo {
	clear: left;
}
.hidden {
	display: none;
}
.upload-disabled {
	color:#BCB9B7;
}
.line {
	border-bottom: 1px solid #C1C1C1;
	padding-bottom:15px;
}

/* Member Pages */
#page-member-properties #elements ul {
	list-style-type:disc;
	padding: 0 0 0 10px !important;
	margin: 0 !important;
}
#page-member-properties #elements ul li {
	padding-left: 0 !important;
	margin-left: 0 !important;
	background-image: none;
	background-color: transparent;
}
#page-member-references #elements .date {
	color:#fcb71b;
	margin-bottom:8px;
}
#page-member-references .link {
	margin-top:8px;
}
#page-member #elements .composite .item {
	/* height target: 20px */
	/* REVISIT (pbr) why height auto !important is not working here in ff? */ 
	min-height: 20px;
	height:auto;
	height:20px;
}

#userAccount .confirm-text p {
	padding-left:0;
	padding-top:8px;
}

/* Search Agent Form */
#page-search-agent .box-title {
	background-color:#fcb71b;
	/* @see text.css for further background-styles */
	height:113px !important;
	height:113px;
	margin-bottom:8px;
}

.form-element-single {
	margin-bottom: 8px;
}

#page-search-agent .title span {
	float:left;
}
#page-search-agent .toggle {
	float:right;
	/* @see text.css for background-styles */
	color: #fff;
	padding-left: 14px;
	border-left: 1px solid #fff;
	width:60px;
	height:13px;
	cursor: pointer;
	cursor: hand;
	display: none;
}
/* @see text.css for further styles */
#page-search-agent #elements .composite {
	margin-bottom:0;
}

.award-form {
	margin-bottom: 20px;
}

/* TODO Add */
.member-form #elements .form-element input.text,
.member-form #elements .form-element input.password,
.award-form #elements .form-element input.text {
	width:428px;
}


.award-form #elements .form-element input.calendar-input {
	width:75px;
}
.award-form #elements .form-element .calendar-button {
	overflow: hidden;
	width: 13px;
	height: 17px;
	margin-left: 5px;
	margin-right: 5px;
	background: #fcb71b url(/style/images/calendar.gif?302229) no-repeat center center;
	cursor:pointer;
}
.member-form #elements .title,
.award-form #elements .title {
	margin-bottom:0;
}
.member-form #elements .composite .form-element,
.award-form #elements .composite .form-element {
/*	padding:8px 0;
	background-color: red;
	*/
}
.member-form #elements .composite .item,
.award-form #elements .composite .item {
	padding:3px 0;
	margin:0;
}
.award-form #elements #verified {
	margin-top: 10px;
	margin-bottom: 10px;
}
.calendar {
	width: auto;
}
.award-form #elements .form-element .period-item {
	float:left;
}
.award-form #elements .form-element .period-item .label {
	width:auto;
	margin-right:3px;
	padding-left:0;
}
.award-form #elements .form-element .period-item .element {
	margin-left:0;
}
.award-form #elements .form-element .period-item .element input {
	float:left;
}
.award-form #elements .form-element ul li {
	padding-left:0 !important;
	background: none !important;
}
.award-form #elements .hint-container {
	background:#f4f4f4;
	padding-top:8px;
}
.award-form #elements .hint-container p {
	margin:0;
	padding:4px;
}
.award-form #elements ul.errors {
	background: #f4f4f4;
	padding:8px 0 0;
}
.award-form #otherPartner .button-add {
	float:left;
}
.award-form #otherPartner span {
	position:relative;
	float:none;
	top:11px;
	left:5px;
}
.award-form #elements table.listItem {
	background:#f4f4f4;
	width:100%;
}
.award-form #elements td.removeButton {
	vertical-align:top;
	text-align: right;
	padding-right:0;
	padding-left:8px;
	width:35px !important;
	width:30px;
}

.award-form input.file {
	font-size:10px !important;
}
.award-form #uploadMaterial .title {
	color:#fff;
	background:#fcb71b;
	font-weight: bold;
}
.award-form #uploadMaterial .label {
	float:none;
	width:auto;
	margin-bottom: 2px;
}
.award-form #uploadMaterial .element {
	margin-left: 8px;
}

.award-detail {
	padding:8px 0;
	background:#f4f4f4;
}
	.award-detail  p {
		margin-bottom: 1px;
	}
	.award-detail h1 {
		font-size:15px;
		font-weight:bold;
		margin-top:12px;
		margin-bottom:4px;
		padding-left:8px;
	}
	.award-detail h2 {
		font-size:11px;
		font-weight:bold;
		margin-top:12px;
		margin-bottom:1px;
		padding-left:8px;
	}
		.award-detail .first {
			margin-top:0;
		}

.form-error {
	border:1px solid red;
	color:red;
	text-align:center;
	padding:8px;
	margin-bottom:8px;
}
.print-view {
	display:none;
}

.award-submission-print {
	display: block; 
	float: right; 
	color: white!important; 
	text-decoration: none!important;
	overflow: hidden; 
	width: 71px; 
	padding: 1px 5px 0pt;
	text-transform: uppercase;
	margin: 0pt 0 2px 0pt;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	background: url(/style/images/btn-right.gif?302229) no-repeat scroll 100% 50% #fcb71b; 
}

.award-form .toggle,
.award-form .toggle {
	float: right;
	width:60px;
	height:13px;
	background-position: 5px 1px;
	background-repeat: no-repeat;
	padding-left: 14px;
	cursor: pointer;
	cursor: hand;
	display: block;
}
.award-form .toggle {
	background: url(/style/images/lang/de/search-agent-open.gif?302229) 6px 2px no-repeat;
}
.award-form .expanded .toggle {
	background: url(/style/images/lang/de/search-agent-close.gif?302229) 6px 2px no-repeat;
}
#verified input {
	margin-left:0;
}
.conceptGuideLine textarea {
	margin-left:7px;
}
.conceptGuideLine .element {
	clear: both;
}                            
#elements .conceptGuideLine .label {
	width: 100%;
	font-weight: bold;
}
.conceptGuideLine .hint {
	padding-left: 7px;
	padding-right: 7px;
	margin-top:3px;
	margin-bottom:3px;
}
#elements .conceptGuideLine .element textarea {
	width:403px;
}
#elements .conceptGuideLine  .hint-trigger {
	float: left;
}

/**
 * job-body(s)
 */
#job-body #elements .composite {
	background: #F4F4F4;
	padding-top: 8px;
	padding-bottom: 8px;
}
#job-body #elements .hint {
	background: #F4F4F4;
	padding: 8px 0 8px 8px;
}
#job-body #elements .errors {
	padding-left: 8px;
}
#job-body #elements .composite .item {
	padding: 3px 0;
	margin-bottom: 0;
}
#job-body #elements input.text {
	width: 370px;
}
#job-body table.prices {
	margin:10px 0;
}
#job-body table.prices td,#job-body table.prices th {
	border:1px solid;
	padding:3px;
}
#job-page #elements input.postal-code,#job-body #elements input.postal-code {
	width: 80px;
	margin-right: 0;
}
#job-page #elements input.city,#job-body #elements input.city {
	width: 280px;
	margin-left: 5px;
}



/*
 	newsletter form
*/

.newsletter-subscription-component {
	background:#f4f4f4;
}
	.newsletter-subscription-component .title {
		margin-bottom:12px;
	}
	.newsletter-subscription-component .form-element {
		padding: 12px 8px 24px 8px;
	}
	
		.newsletter-subscription-component label {
			width: 68px;	
			float: left;	
		}
		
		.newsletter-subscription-component .element {
			margin-bottom:4px;
		}
		
		.newsletter-subscription-component input.text {
			width: 266px;	
		}
		.newsletter-subscription-component select {
			width: 64px;	
		}



.finalize-link {
	text-decoration:none !important;
}
.award-title {
	padding-top:10px;
}
.award-entry ul {
	margin:0;
	padding:0;
}
.award-entry li {
	font-size:9px;
}

/**
 * @section wbw-content
 */
#inner-content.wbw-content #profile .wbw-detail {
	margin-bottom: 0;
}
#inner-content.wbw-content .form-errors {
	background-color: #F8F8F8;
	padding-left:8px;
	margin-bottom:0;
}
#inner-content.wbw-content #elements #form-element .single {
	background-color: #F8F8F8;
	padding: 8px 0 0 0;
}
#inner-content.wbw-content #elements #form-element .single .item {
	background-color: #F8F8F8;
	padding: 0 0 6px 0;
}
#inner-content.wbw-content #elements .element {
	margin-left:102px;
}
#inner-content.wbw-content #elements #form-element label {
	width: 80px;
	
	/* @bugfix ie6 */
	position:relative;
	overflow:hidden;
	_top:4px;
}
#inner-content.wbw-content #elements #form-element input.text,
#inner-content.wbw-content #elements #form-element textarea {
	width:255px;
}