/******************************************************************************/
/* COMMON CLASSES															  */
/******************************************************************************/

.clear {
	clear: both;
}

/******************************************************************************/
/* FORM																		  */
/******************************************************************************/

.tx-xchange form .error {
	clear: left;
	padding: 5px;
	color: #A00;
	font-weight: bold;
}

.tx-xchange form .fields {
	overflow: auto;
}

.tx-xchange form .fields label {
	width: 170px;
	clear: left;
	float: left;
	margin-bottom: 5px;
	padding: 5px;
}

.tx-xchange form .fields input,
.tx-xchange form .fields select,
.tx-xchange form .fields textarea {
	width: 300px;
	float: left;
	margin-bottom: 5px;
	padding: 5px 2px;
	background: #eceaea;
	border: none;
	font-family: arial, sans-serif;
	font-size: 1em;
}

.tx-xchange form .fields input.disabled,
.tx-xchange form .fields select.disabled,
.tx-xchange form .fields textarea.disabled {
	color: #777;
	cursor: default;
}

.tx-xchange form .fields input.f3-form-error,
.tx-xchange form .fields select.f3-form-error,
.tx-xchange form .fields textarea.f3-form-error {
	border: 1px solid #A00;
}

.tx-xchange form .fields select {
	width: 306px;
}

.tx-xchange form .submit input.imageBtn,
.tx-xchange form .submit button.imageBtn {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
}


.tx-xchange form div.checkboxRadio {
	clear: left;
	overflow: auto;
}

.tx-xchange form div.checkboxRadio .options {
	width: 306px;
	float: left;
	overflow: auto;
}

.tx-xchange form div.checkboxRadio .options input {
	width: 13px;
	clear: left;
	float: left;
	margin: 6px 0 0 0;
	border: none;
	background: none;
}

.tx-xchange form div.checkboxRadio .options label {
	width: auto;
	max-width: 283px;
	clear: none;
	float: left;
}

.tx-xchange form div.formButtons {
	width: auto;
	clear: left;
	margin: 0 0 5px 180px;
	overflow: auto;
}

.tx-xchange form div.formButtons table {
	float: left;
	margin-right: 5px;
}

.tx-xchange form div.itemSelector {
	width: 530px;
	float: left;
	font-size: 0.9em;
}

.tx-xchange form div.itemSelector .usergroup {
	clear: left;
	margin-bottom: 5px;
	padding: 5px;
	background: #eceaea;
	overflow: auto;
}

.tx-xchange form div.itemSelector .usergroup .collapseExpandUsergroup {
	width: 15px;
	height: 15px;
	float: right;
	cursor: pointer;
}

.tx-xchange form div.itemSelector .usergroup .collapseExpandUsergroup.collapsed {
	background: url(/typo3conf/ext/xchange/Resources/Public/Images/collapsed.png) no-repeat;
}

.tx-xchange form div.itemSelector .usergroup .collapseExpandUsergroup.expanded {
	background: url(/typo3conf/ext/xchange/Resources/Public/Images/expanded.png) no-repeat;
}

.tx-xchange form div.itemSelector .usergroup input {
	width: auto;
	clear: left;
	cursor: pointer;
}

.tx-xchange form div.itemSelector .usergroup label {
	width: auto;
	clear: none;
	margin: 0;
	padding: 2px;
	color: #0099CC;
	font-weight: bold;
	cursor: pointer;
}

.tx-xchange form div.itemSelector .usergroup .users {
	display: none;
	clear: both;
	padding-top: 5px;
	overflow: auto;
}

.tx-xchange form div.itemSelector .usergroup .users label {
	color: #000;
	font-weight: normal;
	font-size: 0.95em;
}

.tx-xchange form div.itemSelector .usergroup .users h6 {
	margin-bottom: 5px;
	padding-left: 3px;
	color: #0099CC;
	font-weight: normal;
}

.tx-xchange form div.itemSelector .usergroup .users .employees,
.tx-xchange form div.itemSelector .usergroup .users .customers,
.tx-xchange form div.itemSelector .usergroup .users .externals {
	width: 170px;
	min-height: 1px;
	float: left;
	margin-right: 5px;
}

.tx-xchange form div.itemSelector .usergroup .users .customers {
	margin: 0;
}
.tx-xchange form div.itemSelector .usergroup{
	width: 293px; !important
}
/*
.tx-xchange form div.itemSelector select.feSelection .usergroup {
	font-weight: bold;
}

.tx-xchange form div.itemSelector select.feSelection .user {
	text-indent: 20px;
}
*/

.tx-xchange form div#copyReplace {
	display: none;
}

#fileForm .btnLeft {
	margin-left: 180px;
}

/******************************************************************************/
/* UPLOAD																	  */
/******************************************************************************/

#uploadStatusIFrame {
	width: 0px;
	height: 0px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 500;
}

#uploadStatusOverlay {
	display: none;
}

#uploadStatusOverlay #uploadStatusBackground {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.3;
	z-index: 1000;
}

#uploadStatusOverlay #uploadStatusContent {
	width: 508px;
	min-height: 65px;
	height: auto !important;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -275px;
	margin-top: -50px;
	padding: 20px;
	background: none repeat scroll 0 0 #444444;
	border: 1px solid #333333;
	font-size: 0.9em;
	opacity: 0.9;
	z-index: 1100;
}

#uploadStatusOverlay #uploadStatusContent #uploadStatusHeadline {
	color: #FFF;
	margin-bottom: 20px;
	font-size: 1.4em;
}

#uploadStatusOverlay #uploadStatusContent #uploadStatusFile {
	color: #FFF;
	margin-bottom: 5px;
	font-style: italic;
	font-weight: bold;
}

#uploadStatusOverlay #uploadStatusContent #uploadStatusBarBorder {
	width: 508px;
	height: 19px;
}

#uploadStatusOverlay #uploadStatusContent #uploadStatusBarBorder #uploadStatusBar {
	width: 0px;
	height: 19px;
	background: #0099CC; /*url(/typo3conf/ext/xchange/Resources/Public/Images/upload.gif) -5px no-repeat;*/
}

/******************************************************************************/
/* BUTTONS																	  */
/******************************************************************************/

.submit,
.buttons {
	padding-top: 15px;
	overlow: auto;
}

.submit .btnLeft,
.buttons .btnLeft {
	float: left;
}

.submit .btnRight,
.buttons .btnRight {
	float: right;
	margin-right: 213px !important;
}

/******************************************************************************/
/* CHECK FILE OVERLAY														  */
/******************************************************************************/

#xchange_overlay_fileUpload {
	display: none;

}

#xchange_overlay_fileUpload .xchange_overlay_content {
	height: auto !important;
	position: absolute;
	left: 50%;
	top: 50%;
	padding: 20px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	background: #444;
	border: 1px solid #333;
	z-index: 1100;
	font-size: 0.9em;
}

#xchange_overlay_fileUpload .xchange_overlay_content * {
	color: #EEE;
}

#xchange_overlay_fileUpload .xchange_overlay_content h6 {
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
}

#xchange_overlay_fileUpload #xchange_overlay_fileUpload_overlay {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
	z-index: 1000;
}

#xchange_overlay_fileUpload #xchange_overlay_checkFile {
	width: 300px;
	min-height: 60px;
	margin-left: -190px;
	margin-top: -50px;
	padding-left: 60px;
	background: #444 url(/typo3conf/ext/xchange/Resources/Public/Images/loading.gif) 20px center no-repeat;
}

#xchange_overlay_fileUpload #xchange_overlay_fileExists {
	width: 400px;
	min-height: 60px;
	display: none;
	margin-left: -180px;
	margin-top: -50px;
}

#xchange_overlay_fileUpload #xchange_overlay_fileExists label span {
	display: block;
	color: #AAA;
}

#xchange_overlay_fileUpload #xchange_overlay_fileExists input {
	background: #333;
}

#xchange_overlay_fileUpload #xchange_overlay_fileExists a {
	float: left;
}

#xchange_overlay_fileUpload #xchange_overlay_fileExists a.right {
	float: right;
}

#xchange_overlay_fileUpload #xchange_overlay_fileExists a:hover {
	text-decoration: none;
}