/*** colors ***/
/* blue: #2E64A4 */

/*** reset ***/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: #5b5b5b;
	font-family: sans-serif;
	font-size: 12px;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table, table tr, table tr td, table tr th {
	border-spacing: 0;
}

input, select, textarea {
	margin: 0;
	padding: 2px;
	border: 1px solid #b2b2b3;
	background-color: #ecf5ff;
	color: #5b5b5b;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	font-family: sans-serif;
	font-size: 12px;
}

input.disabled, select.disabled, textarea.disabled {
	background-color: #cfcfcf;
}

input.disable, select.disable, textarea.disable {
	background-color: #cfcfcf !important;
}

input[type="text"]:focus, select:focus, textarea:focus {
	background-color: #fff;
}

a:not(.ui-paginator-page) {
	text-decoration: none;
	color: #fff;
}

a.standard-color {
	color: #5b5b5b;
}

.ui-radio-button {
	float: none;
}
	.ui-radio-button tr {
		background-color: transparent !important;
	}

	.ui-radio-button tr td {
		border: 0 none !important;
	}
	
		.ui-radio-button tr td input, .ui-radio-button tr td label {
			float: none !important;
			width: auto !important;
			margin-top: 3px !important;
			border: 0 none !important;
		}
		
		.ui-radio-button tr td label {
			margin: 0 10px 0 3px;
		}

.ui-autocomplete-panel {
	background-color: #fff;
}

	.ui-autocomplete-panel .ui-state-highlight {
		background-color: #e5e5e5;
	}

	.ui-autocomplete-panel .ui-autocomplete-table td {
		padding: 4px 10px 4px 10px;
		cursor: pointer;
	}
	
.ui-datepicker-trigger {
	background: url(../images/images.png) no-repeat -673px -97px;
	border: 0 none;
	width: 25px !important;
	height: 25px !important;
	margin-left: 3px;
}

.ui-datepicker {
	background-color: #fff;
	border: 1px solid #2E64A4;
}

	.ui-datepicker-header {
		color: #fff;
		border-bottom: 1px solid #2E64A4;
		background-color: #2E64A4;
	}
	
		.ui-datepicker .ui-datepicker-prev .ui-icon {
			background: url(../images/images.png) no-repeat -144px -151px;
			width: 16px !important;
			height: 16px !important;
		}
		
		.ui-datepicker .ui-datepicker-next .ui-icon {
			background: url(../images/images.png) no-repeat -157px -151px;
			width: 16px !important;
			height: 16px !important;
		}
			.ui-datepicker td span, .ui-datepicker td a {
				color: #2E64A4;
			}
			
			.ui-datepicker td.ui-datepicker-unselectable span, .ui-datepicker td.ui-state-disabled span {
				color: #999;
			}
			
	.ui-datepicker .ui-datepicker-current-day {
		font-weight: bold;
	}
	
	.ui-datepicker .ui-datepicker-buttonpane {
		margin: 0;
	}
			
		.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current, .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {
			display: none;
		}
		
		.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-clean {
			background-image: none;
			padding: 0 5px;
			line-height: 16px;
			height: 25px;
			text-transform: none;
		}

.ui-fileupload {
	display: block;
	height: 20px;
	margin-right: 1px;
	width: 116px;
}
	
	.ui-fileupload .ui-fileupload-content {
		display: none;
	}
				
.ui-tooltip {
	font-size: 9px;
	line-height: 14px;
	color: #5b5b5b;
	padding: 10px;
}

	div.ui-tooltip-text span {
		white-space: normal;
	}

.tabs div.tab.tab-fields div label.tooltip-info,
div.advanced-merge-feature label.tooltip-info {
	background-color: #2E64A4;
    color: white;
    padding: 4px;
    border-radius: 5px;
    margin-top: 0;
}

.ui-inputfield {
	padding: 2px;
}

/*** styles ***/

#container {
	width: 1400px;
	margin: 0 auto;
}

.button {
	cursor: pointer;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 34px;
	height: 34px;
	padding: 0 20px 0 44px;
	border: 1px solid #2E64A4;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	
	background-color: #2E64A4;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	
	overflow: visible; /* remove padding from left/right */
  	width: auto;
}

.button:hover {
	color: #2E64A4;
	background-color: #fff;
}

.button.disabled {
	cursor: auto;
	color: #fff;
	background-color: #cfcfcf;
	border-color: #ccc;
	cursor: default !important;
}

.button.status-button.STATUS:hover {
	background-position: 15px 6px;
}

.button.status-button.STATUS {
	color: #2E64A4;
	background-image: url(../images/status.gif);
	background-size: 20px 20px;
	background-position: 15px 6px;
	background-color: #e5e5e5;
}

	.button.user:hover {
		background-position: 0 6px;
	}
	
	.button.user {
		background-position: 0 -18px;
	}
	
	.button.new-user:hover {
		color: #2E64A4 !important;
	}
	
	.button.new-user {
		background-image: none;
		color: #fff !important;
		text-decoration: none !important;
		padding-left: 20px;
		display: block;
		width: 140px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}

	.button.clone:hover {
		background-position: 0 -96px;
	}
	
	.button.clone, .button.clone.disabled {
		background-position: 0 -130px;
	}
	
	.button.new:hover {
		background-position: 0 -164px;
	}
	
	.button.new, .button.new.disabled {
		background-position: 0 -198px;
	}
	
	.button.delete:hover {
		background-position: 0 -232px;
	}
	
	.button.delete, .button.delete.disabled {
		background-position: 0 -266px;
	}
	
	.button.remove, .button.remove.disabled {
		background-position: -20px -242px;
		background-color: transparent;
		border: 0 none;
		height: 14px;
		width: 14px;
		padding: 0;
	}
	
	.button.save:hover {
		background-position: 0px -300px;
	}

	.button.save, .button.save.disabled {
		background-position: 0 -334px;
	}
	
	.button.export:hover, .button.exportVcard:hover {
		background-position: 0 -368px;
	}

	.button.export, .button.export.disabled,  .button.exportVcard, .button.exportVcard.disabled {
		background-position: 0 -402px;
	}
	
	.button.search:hover {
		background-position: 0 -436px;
	}

	.button.search, .button.search.disabled {
		background-position: 0 -470px;
	}
	
	.button.send:hover {
		background-position: 0 -504px;
	}

	.button.send, .button.send.disabled {
		background-position: 0 -538px;
	}
	
	.button.new-working-group:hover {
		background-position: 0 -572px;
	}

	.button.new-working-group, .button.new-working-group.disabled {
		background-position: 0 -606px;
	}
	
	.button.edit:hover {
		background-position: 0 -640px;
	}

	.button.edit, .button.edit.disabled {
		background-position: 0 -674px;
	}
	
	.button.add:hover {
		background-position: 0 -708px;
	}

	.button.add, .button.add.disabled {
		background-position: 0 -742px;
	}
	
	.button.import:hover {
		background-position: 0 -776px;
	}

	.button.import, .button.import.disabled {
		background-position: 0 -810px;
	}
	
	.button.ok:hover {
		background-position: 0 -844px;
	}

	.button.ok, .button.ok.disabled {
		background-position: 0 -878px;
	}
	
	.button.lock:hover {
		background-position: 0 -912px;
	}

	.button.lock, .button.lock.disabled {
		background-position: 0 -946px;
	}
	
	.button.next:hover { 
		background-position: 42px -2165px;
	}

	.button.next, .button.next.disabled,
	.button.submit-for-registration, .button.submit-for-registration.disabled {
		float: right;
		margin-right: 10px;
		padding-left: 20px;
		padding-right: 35px;
		background-position: 42px -2137px;
	}
	
	.button.previous:hover {
		background-position: 0 -2107px;
	}

	.button.previous, .button.previous.disabled {
		float: right;
		margin-right: 10px;
		padding-left: 38px;
		background-position: 0 -2074px;
	}
	
	.button.submit-for-registration:hover { 
		background-position: 154px -2165px;
	}

	.button.submit-for-registration, .button.submit-for-registration.disabled {
		background-position: 154px -2137px;
	}
	
	.button.locked, .button.locked.disabled {
		background-position: -20px -924px;
		background-color: transparent;
		border: 0 none;
		height: 14px;
		width: 14px;
		padding: 0;
	}

	.button.unlocked, .button.unlocked.disabled {
		background-position: -20px -1040px;
		background-color: transparent;
		border: 0 none;
		height: 14px;
		width: 14px;
		padding: 0;
	}
	
	.button.no-security-card, .button.no-security-card.disabled {
		background-position: -20px -2270px;
		background-color: transparent;
		border: 0 none;
		height: 14px;
		width: 14px;
		padding: 0;
	}
	
	.button.cancel:hover {
		background-position: 0 -1096px;
	}

	.button.cancel, .button.cancel.disabled {
		background-position: 0 -1130px;
	}

	.button.go-to-back-to-back-meeting {
		background-position: 2px -1225px;
		height: 32px;
	}
	
	.button.go-to-back-to-back-meeting:hover {
		background-position: 2px -1256px;
	}
	
	.button.approve, .button.approve.disabled,
	.button.approved, .button.approved.disabled {
		/*background-position: -20px -851px;*/
		background-image: url(../images/tick_button_blue.png);
		background-position: 0px 3px;
		background-color: transparent;
		border: 0 none;
		height: 19px;
		width: 19px;
    	padding: 0 0 0 0;
		line-height: 0;
		margin-right: 8px;
		margin-left: 4px;
	}
	
	.button.preview {
		float: right;
	}

	.button.approve-button, .button.approve-button.disabled {
		background-image: none;
		padding-left: 20px;
	}

	.button.pending, .button.pending.disabled,
	.button.pendinged, .button.pendinged.disabled {
		/*background-position: -20px -239px;*/
		background-image: url(../images/delete_button_blue.png);
		background-position: 0px 3px;
		background-color: transparent;
		border: 0 none;
		height: 19px;
		width: 19px;
		padding: 0;
		line-height: 0;
		margin-left: 8px;
	}
	
	.button.pending-button:hover {
	}

	.button.pending-button, .button.pending-button.disabled {
		background-image: none;
		padding-left: 20px;
	}
	
	.button.reject, .button.reject.disabled,
	.button.rejected, .button.rejected.disabled {
		/*background-position: -20px -239px;*/
		background-image: url(../images/delete_button_blue.png);
		background-position: 0px 3px;
		background-color: transparent;
		border: 0 none;
		height: 19px;
		width: 19px;
		padding: 0;
		line-height: 0;
		margin-left: 8px;
	}
	
	.button.reject-button:hover {
	}

	.button.reject-button, .button.reject-button.disabled {
		background-image: none;
		padding-left: 20px;
	}
	
	.button.rejection-history, .button.rejection-history.disabled {
		/*background-position: -13px -1721px;*/
		background-image: url(../images/history_blue.png);
		background-size: contain;
		background-position: 0px 4px;
		background-color: transparent;
		border: 0 none;
		height: 19px;
		width: 19px;
		padding: 0;
		line-height: 0;
	}
	
	td.column-contact-type {
		vertical-align: middle;
	}
	
	.button.contact-type-NON_CONTACT_USER {
		background-image: url(../images/icons.png);
		background-position: -13px -1px;
		background-color: transparent;
		border: 0 none;
		height: 19px;
		width: 100%;
		padding: 0;
	}
	
	.button.contact-type-CONTACT_USER {
		background-image: url(../images/icons.png);
		background-position: -11px -1517px;
		background-color: transparent;
		border: 0 none;
		height: 19px;
		width: 100%;
		padding: 0;
	}
	
	.button.recipient-type-contact {
	    background-image: url(../images/icons.png);
	    background-position: -14px -3px;
	    background-color: transparent;
	    border: 0 none;
	    height: 19px;
	    width: 100%;
	    padding: 0;
	}
	
	.button.recipient-type-institution {
	    background-image: url(../images/icons.png);
	    background-position: -14px -2328px;
	    background-color: transparent;
	    border: 0 none;
	    height: 19px;
	    width: 100%;
	    padding: 0;
	}
	
	.button.applied-online, .button.applied-online.disabled {
		background-image: none;
		background-color: transparent;
		border: 0 none;
		height: 19px;
		width: 19px;
		padding: 0;
		line-height: 0;
		color: #2E64A4;
		font-size: 14px;
		margin-top: -4px;
		font-family: "Verdana",sans-serif;
		font-weight: bold;
	}
	
	.button.visa-support-required, .button.visa-support-required.disabled {
		background-position: 0px -1628px;
		background-color: transparent;
		border: 0 none;
		height: 19px;
		width: 33px;
		padding: 0;
		line-height: 0;
	}
	
	.button.pending-approval, .button.pending-approval.disabled,
	.button.pending-approval, .button.pending-approval.disabled {
		background-position: -13px -1315px;
		background-color: transparent;
		border: 0 none;
		height: 19px;
		width: 19px;
    	padding: 0 23px 0 0;
		line-height: 0;
	}
	
	.button.approve-all-applicants, .button.approve-all-applicants.disabled {
		background-image: none;
		/*background-position: -20px -242px;
		background-color: transparent;*/
		width: auto !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	
	.button.print-visa-support-applicants, .button.print-visa-support-applicants.disabled,
	.button.print-applicants, .button.print-applicants.disabled {
		background-image: none;
		/*background-position: -20px -242px;
		background-color: transparent;*/
		width: auto !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	
	.button.clear, .button.create-account, .button.request-reset-password {
		background-image: none;
		padding-left: 20px;
	}

	.button.meeting-contact, .button.meeting-contact.disabled {
		background-position: -20px -514px;
		background-color: transparent;
		border: 0 none;
		height: 14px;
		width: 14px;
		padding: 0;
	}
	
	.button.attachment, .button.attachment.disabled {
		background-position: -20px -174px;
		background-color: transparent;
		border: 0 none;
		height: 14px;
		width: 14px;
		padding: 0;
		vertical-align: middle;
	}
	
	.button.attachment-applied, .button.attachment-applied.disabled {
		background-position: -20px -2206px;
		background-color: transparent;
		border: 0 none;
		height: 14px;
		width: 14px;
		padding: 0;
		vertical-align: middle;
	}
	
	.button.contact-user {
		background-position: 0px -20px;
	}
	
	.button.contact-user:hover {
		background-position: 0 5px;
	}
	
	.button.go-to-account {
		display: block;
		width: 110px;
		text-align: center;
		background-image: none;
		margin-left: auto;
		margin-right: auto;
		padding: 0 10px;
	}

	.button.file-upload, .button.file-upload.disabled {
		height: 32px;
		line-height: 25px;
		background-image: none;
	}
	
	.button.file-upload, .button.file-upload div, .button.file-upload span {
		width: auto;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.button.file-upload .ui-fileupload-choose {
		height: 32px;
	}
	
		.button.file-upload .ui-fileupload-choose .ui-button-icon-left.ui-icon {
			background: url(../images/icons.png) no-repeat -20px -412px;
			width: 15px;
			height: 15px;
			position: absolute;
			top: 8px;
			left: 16px;
		}
		
		.button.file-upload .ui-fileupload-choose.ui-state-hover .ui-button-icon-left.ui-icon {
			background: url(../images/icons.png) no-repeat -20px -378px;
		}
		
		.button.file-upload .ui-fileupload-choose .ui-button-text {
			padding: 9px 20px 9px 40px !important;
		}
	
	.tabs div.tab.tab-fields div.passport .button.file-upload, .tabs div.tab.tab-fields div.passport .button.file-upload div, .tabs div.tab.tab-fields div.passport .button.file-upload span {
		width: 130px;
	}
	
	.tabs div.tab.tab-fields div.passport .button.file-upload, .tabs div.tab.tab-fields div.passport .button.file-upload .ui-fileupload-choose {
		height: 20px;
	}
	
		.tabs div.tab.tab-fields div.passport .button.file-upload .ui-fileupload-choose .ui-button-text {
			padding: 0 !important;
			position: absolute;
			top: 50%;
			margin-top: -8px !important;
			color: #fff;	
		}
		
		.tabs div.tab.tab-fields div.passport .button.file-upload .ui-fileupload-choose.ui-state-hover .ui-button-text {
			color: #2E64A4;
		}
		
		.tabs div.tab.tab-fields div.passport .button.file-upload.disabled .ui-fileupload-choose .ui-button-text {
			color: #fff;
		}
		
		.tabs div.tab.tab-fields div.passport .button.file-upload .ui-fileupload-choose .ui-button-icon-left.ui-icon {
			background: none;
			position: absolute;
			left: 0;
			height: auto;
			width: auto;
		}
	
			/* trial and error fix to make the file upload button react in IE 10 and IE 11. based on http://stackoverflow.com/a/17220900 */			
			.tabs div.tab.tab-fields div.passport .button.file-upload .ui-fileupload-buttonbar .ui-fileupload-choose input {
			    -moz-transform : none !important;
			    border : none !important;
			    border-width : 0 !important;
			    transform : translate(-30px, 0) scale(4) !important;
			    font-size : 23px !important;
			}
	
	input.info-icon {
		cursor: pointer !important;
		font-family: serif;
		color: #fff !important;
		font-size: 8px !important;
		font-weight: normal !important;
		line-height: 5px;
		height: 12px !important;
		border: 1px solid #ecf5ff !important;
		border-radius: 6px !important;
		-webkit-border-radius: 6px !important;
		-moz-border-radius: 6px !important;
		-o-border-radius: 6px !important;
		-ms-border-radius: 6px !important;
		background-color: #2E64A4 !important;
		width: 12px !important;
	}
	
	div.info-icon-panel {
		width: 150px !important;
	}
	
	div.info-icon-panel .ui-overlaypanel-content {
		width: auto !important;
		font-size: 10px !important;
		line-height: 12px !important;
	}
	
input.link {
	color: #2E64A4;
	cursor: pointer;
}
	
input.checkbox,.ui-radio-button input {
	border: 0 none !important;
	background: none !important;
	padding: 0 !important;
}

.selected-tab {
	font-weight: bold;
}

.highlight {
	background-color: #eaf1fd;
}

.hide {
	display: none;
}

.multiselection-checkbox {
	width: 300px !important;
	margin-right: 20px;
	margin-top: 10px;
}

.multiselection-checkbox.small {
	width: 155px !important;
	margin-right: 20px;
}

.multiselection-checkbox.one-third {
	width: 194px !important;
	margin-right: 20px;
}

.multiselection-checkbox.big {
	width: 100% !important;
}

.multiselection-checkbox.new-line {
	clear: both;
}

	.multiselection-checkbox .select-all-checkboxes, .multiselection-checkbox .unselect-all-checkboxes {
		display: block;
		float: right !important;
		width: auto !important;
		text-decoration: underline;
		color: #2E64A4 !important;
		cursor: pointer;
		margin-left: 10px;
	}
	
	.multiselection-checkbox .select-all-checkboxes:hover, .multiselection-checkbox .unselect-all-checkboxes:hover {
		text-decoration: none;
	}
	
	.multiselection-checkbox .multiselection-checkbox-wrapper {
		width: 300px;
		height: 90px;
		overflow-y: scroll;
		border: 1px solid #ddd;
		padding-top: 10px;
		margin-top: 5px;
		background-color: #ecf5ff;
	}
	
	.multiselection-checkbox.multiselection-checkbox-active .multiselection-checkbox-wrapper {
		background-color: #fff;
	}
	
	.multiselection-checkbox.big .multiselection-checkbox-wrapper {
		width: 100%;
	}
	
	.multiselection-checkbox.small .multiselection-checkbox-wrapper {
		width: 155px;
	}
	
	.multiselection-checkbox.template-columns .multiselection-checkbox-wrapper {
		height: 204px;
	}

		.multiselection-checkbox .multiselection-checkbox-wrapper table {
			display: block;
			float: left;
		}

			.multiselection-checkbox input {
				width: auto !important;
				margin: 3px 10px 10px 0;
				border: 0 none !important;
				margin-left: 5px;
				background-color: transparent !important;
			}

			.multiselection-checkbox label {
				width: 240px !important;
			}

			.multiselection-checkbox.small label {
				width: 105px !important;
			}
			
			.multiselection-checkbox.one-third label {
				width: 140px !important;
			}
			
.downloadable-list-items li {
	background: url(../images/icons.png) no-repeat -20px -173px;
	padding: 1px 0px 4px 19px;
	list-style: none;
	margin: 0;
	cursor: pointer;
}

.downloadable-list-items li.pdf {
	background: url(../images/pdf_icon_small_blue.png) no-repeat 0px 0px;
}

	.downloadable-list-items li a:hover {
		color: #2E64A4;
	}
	
.checkbox-message {
	margin-left: 25px;
	margin-top: 5px;
	color: #9e0b0f;
}

/*** Notification ***/
.notification {
	float: left;
}

	.notification .notification-messages {
		float: left;
		display: block;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		height: 30px;
		padding: 5px 0;
	}

		.notification .notification-messages .notification-icon {
			display: block;
			float: left;
			width: 32px;
			height: 32px;
			margin: 0 15px 0 10px;
		}
	
		.notification .notification-messages .notification-title {
			float: left;
		}

			.notification .notification-messages .notification-title.toggle-notification {
				cursor: pointer;
			}

				.notification .notification-messages .notification-title .notification-message {
					float: left;
					line-height: 32px;
				}
			
				.notification .notification-messages .notification-title .notification-button {
					float: right;
					line-height: 32px;
					margin-left: 10px;
				}

		.notification .notification-messages .notification-panel {
			float: left;
			clear: both;
		}

		.notification .notification-messages .notification-panel .notification-subpanel {
			position: absolute;
			z-index: 2;
			border: 1px solid #ddd;
			background-color: #fff;
			width: 350px;
			overflow-y: auto;
			margin-top: 3px;
			margin-left: -1px;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-o-border-radius: 5px;
			-ms-border-radius: 5px;
		}

			.notification .notification-messages .notification-panel .notification-subpanel li {
				border-bottom: 1px solid #ddd;
				padding: 6px;
			}

				.notification .notification-messages .notification-panel .notification-subpanel li .field {
					font-weight: bold;
				}

		.notification.INFO .notification-messages {
			border: 1px solid #b2b2b3;
			background-color: #ecf5ff;
		}

			.notification.INFO .notification-messages .notification-icon {
				background: url(../images/images.png) no-repeat -560px -159px;
			}
			
			.notification.INFO .notification-messages .notification-message {
				color: #2E64A4;
			}
			
			.notification.INFO .notification-messages .notification-panel .notification-subpanel {
				border-color: #2E64A4;
				color: #2E64A4;
			}

		.notification.WARNING .notification-messages {
			border: 1px solid #f7941d;
			background-color: #fce3c7;
		}

			.notification.WARNING .notification-messages .notification-icon {
				background: url(../images/images.png) no-repeat -600px -159px;
			}
			
			.notification.WARNING .notification-messages .notification-panel .notification-subpanel {
				border-color: #f7941d;
				color: #b06000;
			}

		.notification.ERROR .notification-messages {
			border: 1px solid #ed1c24;
			background-color: #ffd6c9;
		}

			.notification.ERROR .notification-messages .notification-icon {
				background: url(../images/images.png) no-repeat -636px -159px;
			}
			
			.notification.ERROR .notification-messages .notification-message {
				color: #9e0b0f;
			}
			
			.notification.ERROR .notification-messages .notification-panel .notification-subpanel {
				border-color: #ed1c24;
				color: #9e0b0f;
			}

		.notification.STATUS .notification-messages .notification-icon {
			background: transparent url(../images/status.gif) no-repeat left top;
		}
		
/*** Messages ***/
.messages {
	margin-bottom: 15px;
	margin-top: 10px;
	padding-left: 50px;
	padding-top: 12px;
	width: 620px;
	min-height: 30px;
	float: left;
	font-size: 14px;
	line-height: 18px;
}

	.messages.hide {
		display: none;
	}

	.messages.validation-error.ERROR {
		background: url(../images/ERROR.png) no-repeat 0;
	}
	
	.messages.validation-error.WARNING {
		background: url(../images/WARN.png) no-repeat 0;
	}
	
	.messages.validation-error.INFO {
		background: url(../images/INFO.png) no-repeat 0;
	}

	.messages li.ERROR {
		color: #9e0b0f;
	}
	
	.messages li.WARNING {
		color: #b06000;
	}
	
	.messages li.INFO {
		color: #2E64A4;
	}


/*** Header ***/
#header {
	float: left;
	width: 100%;
	min-width: 1400px; /* needed to show background image when scrolling horizonically */
	border-bottom: 1px solid #2E64A4;
	background: url(../images/header_background.png) repeat left top;
	color: #fff;
	height: 123px;
}

	#header .wrapper, #footer .wrapper {
		width: 1380px;
		padding: 0 10px;
		margin: 0 auto;
		position: relative;
	}

		#header #logo {
			float: left;
			margin-top: 10px;
		}

			#header #logo a {
				float: left;
				background: url(../images/images.png) no-repeat -837px 6px;
				display: block;
				padding: 32px 0 0 120px;
				width: 99px;
				height: 65px;
				font-size: 44px;
				color: #fff;
			}
			
		#header-message {
		    float: right;
		    height: 98px;
		    margin-top: 10px;
		    padding: 30px;
		}
		
			#header-message a {
				margin-bottom: 5px;
				text-decoration: underline;
			}

		#header #menu {
			float: left;
			margin: 47px 0 0 20px;
		}

			#header #menu .menu-item {
				float: left;
				margin: 0 10px 0 0;
				background-color: #353637;;
				border-width: 1px solid;
				border-style: solid;
				border-color: #000;
				border-radius: 10px 10px 0 0;
				-webkit-border-radius: 10px 10px 0 0;
				-moz-border-radius: 10px 10px 0 0;
				-o-border-radius: 10px 10px 0 0;
				-ms-border-radius: 10px 10px 0 0;
				height: 77px;
				width: 120px;
				position: relative;
			}
			
			#header #menu .menu-item.selected, #header #menu .menu-item:hover {
				background: #fff;
				border-color: #fff;
			}
			
			#header #menu .menu-item.selected, #header #menu .menu-item:hover span {
				color: #2e64a4 !important;
			}

				#header #menu .menu-item a {
					display: block;
					width: 100%;
					height: 100%;
					text-align: center;
				}
				
				#menu .menu-item#menu-contact a {
					background: url(../images/images.png) no-repeat 0 0;
				}
				
				#header #menu .menu-item#menu-contact.selected a, #header #menu .menu-item#menu-contact a:hover {
					background-position: 0 -77px;
				}
				
				#menu .menu-item#menu-institution a {
					background: url(../images/images.png) no-repeat -1018px -77px;
				}
				
				#header #menu .menu-item#menu-institution.selected a, #header #menu .menu-item#menu-institution a:hover {
					background-position: -1018px -151px;
				}
				
				#menu .menu-item#menu-group a {
					background: url(../images/images.png) no-repeat -120px 0;
				}
				
				#header #menu .menu-item#menu-group.selected a, #header #menu .menu-item#menu-group a:hover {
					background-position: -120px -77px;
				}
				
				#menu .menu-item#menu-meeting a {
					background: url(../images/images.png) no-repeat -240px 0;
				}
				
				#header #menu .menu-item#menu-meeting.selected a, #header #menu .menu-item#menu-meeting a:hover {
					background-position: -240px -77px;
				}
				
				#menu .menu-item#menu-report a {
					background: url(../images/images.png) no-repeat -360px 0;
				}
				
				#header #menu .menu-item#menu-report.selected a, #header #menu .menu-item#menu-report a:hover {
					background-position: -360px -77px;
				}
				
				#menu .menu-item#menu-email a {
					background: url(../images/images.png) no-repeat -480px 0;
				}
				
				#header #menu .menu-item#menu-email.selected a, #header #menu .menu-item#menu-email a:hover {
					background-position: -480px -77px;
				}
				
				#menu .menu-item#menu-tool a,
				#menu .menu-item#menu-management a {
					background: url(../images/images.png) no-repeat -690px -4px;
				}
				
				#header #menu .menu-item#menu-tool.selected a, #header #menu .menu-item#menu-tool a:hover,
				#header #menu .menu-item#menu-management.selected a, #header #menu .menu-item#menu-management a:hover {
					background-position: -703px -74px;
				}

					#header #menu .menu-item a span {
						display: block;
						margin-top: 5px;
						color: #fff;
						position: absolute;
						bottom: 10px;
						left: 0;
						text-align: center;
						width: 120px;
						font-size: 14px;
						text-transform: uppercase;
					}
					
					#header #menu .menu-item.selected a span {
						color: #2E64A4 !important;
					}
					
					#header #menu .menu-item a span.menu-icon-text {
						display: block;
						position: absolute;
						top: 12px;
						font-size: 30px;
						color: #e5e5e5;
					}

		#header #status {
			position: absolute;
    		right: 0;
    		height: 123px;
    		width: 280px;
    		z-index: 11;
		}

			#header #user {
				position: absolute;
				top: 0;
				right: 0;
				width: 750px;
			}

				#header #user div {
					float: right;
					border-width: 0 1px 1px 1px;
					border-style: solid;
					border-color: #8bacd2;
					margin-left: 5px;
				}
				
				#header #user div#logout:hover {
					background-color: #fff;
				}
				
				#header #user div#logout {
					text-transform: uppercase;
				}

					#header #user div a, #header #user div span {
						display: block;
						float: left;
						line-height: 24px;
						padding: 0 20px 0 44px;
					}
					
					#header #user #logout a, #header #user #logout span {
						padding: 0 20px 0 39px;
					}
					
					#header #user div#username span, #header #user div#username a {
						background: url(../images/icons.png) no-repeat 0 -24px;
					}
					
					#header #user div#logout span, #header #user div#logout a {
						background: url(../images/icons.png) no-repeat -5px -72px;
					}
					
					#header #user div#logout span:hover, #header #user div#logout a:hover {
						color: #2E64A4;
						background-position: -5px -48px;
					}

			#header #history {
				position: absolute;
				bottom: 0;
				right: 0;
				border-width: 1px 1px 0 1px;
				border-style: solid;
				border-color: #8bacd2;
				margin-left: 5px;
				line-height: 24px;
			}

				#header #history #toggle-history {
					display: block;
					background: url(../images/icons.png) no-repeat 0 -1004px;
					padding: 0 20px 0 44px;
					cursor: pointer;
				}
				
				#header #history #toggle-history:hover, #header #history #toggle-history.history-active {
					background-position: 0 -980px;
					background-color: #fff;
					color: #2E64A4;
				}

				#header #history ul {
					position: absolute;
					z-index: 10;
					width: 600px;
					right: -1px;
					background-color: #fff;
					border: 1px solid #b2b2b3;
					border-radius: 5px;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					-o-border-radius: 5px;
					-ms-border-radius: 5px;
				}

					#header #history ul li {
						padding: 0 15px 0 6px;
						border-bottom: 1px solid #ddd;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
						line-height: 30px;
					}
					
					#header #history ul li:hover {
						background-color: #e5e5e5;
					}

						#header #history ul li a {
							float: left;
							width: 100%;
							color: #5b5b5b;;
						}

							#header #history ul li a span.history-icon {
								display: block;
								float: left;
								width: 14px;
								height: 30px;
								background: url(../images/images.png) no-repeat;
								margin-right: 5px;
							}
							
							#header #history ul li a.contact span.history-icon,
							#header #history ul li a.contact-audit-tool span.history-icon {
								background-position: -70px -147px;
							}
							
							#header #history ul li a.institution span.history-icon,
							#header #history ul li a.institution-audit-tool span.history-icon {
								background-position: -190px -147px;
								height: 20px;
							}
							
							#header #history ul li a.working-subgroup span.history-icon,
							#header #history ul li a.working-subgroup-audit-tool span.history-icon {
								background-position: -84px -147px;
							}
							
							#header #history ul li a.meeting span.history-icon,
							#header #history ul li a.meeting-audit-tool span.history-icon {
								background-position: -98px -147px;
							}
							
							#header #history ul li a.back-to-back-meeting span.history-icon,
							#header #history ul li a.back-to-back-meeting-audit-tool span.history-icon {
								background-position: -172px -146px;
							}
							
							#header #history ul li a.email span.history-icon {
								background-position: -126px -147px;
							}
							
							#header #history ul li a span.history-page {
								display: block;
								float: left;
								font-weight: bold;
								text-transform: uppercase;
								margin-right: 5px;
							}

body.external #header #logo a, body.ext #header #logo a {
	padding: 32px 0 22px 120px;
	width: 215px;
	font-size: 23px;
	height: 44px;
}

		#menu .menu-item#menu-personal-profile a {
			background: url(../images/images.png) no-repeat 0 0;
		}
		
		#header #menu .menu-item#menu-personal-profile.selected a, #header #menu .menu-item#menu-personal-profile a:hover {
			background-position: 0 -77px;
		}
		
		#menu .menu-item#menu-meeting-overview a {
			background: url(../images/images.png) no-repeat -240px 0;
		}
		
		#header #menu .menu-item#menu-meeting-overview.selected a, #header #menu .menu-item#menu-meeting-overview a:hover {
			background-position: -240px -77px;
		}

/*** Footer ***/
#footer {
	height: 33px;
	width: 100%;
	line-height: 33px;
	bottom: 0;
	border-top: 1px solid #2E64A4;
	position: fixed;
	background-color: #2E64A4;
	color: #fff;
}

	#footer .links {
		float: left;
	}
	
	#footer .copyright {
		float: right;
	}
	
	#footer a {
		color: #fff;
		text-decoration: underline;
	}

/*** Content ***/
#main {
	float: left;
	width: 1380px;
	padding: 10px;
	padding-bottom: 40px;
}

#content {
	float: left;
}
	
	#content .list {
		float: left;
		width: 740px;
		margin-right: 10px;
	}

		#content .list .search-working-group {
			float: left;
			margin: 1px 10px 0 0;
		}

			#content .list .search-working-group select {
				width: 140px;
			}

	#content .list .search-panel {
		float: left;
		margin: 10px 0 20px 0;
		height: 45px;
	}
	
		#content .list .search-panel .search {
			float: left;
			width: 350px;
			padding: 0 5px;
			border: 1px solid #b2b2b3;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-o-border-radius: 5px;
			-ms-border-radius: 5px;
			background-color: #ecf5ff;
		}
		
		#content .list .search-panel  .search.working-subgroup {
			width: 250px;
		}
	
			#content .list .search-panel .search input.search-text {
				float: left;
				width: 320px;
				border: 0 none;
			}
			
			#content .list .search-panel .search input.search-text:focus {
				background-color: #ecf5ff;
			}
			
			#content .list .search-panel .search.working-subgroup input.search-text {
				width: 220px;
			}
			
			#content .list .search-panel .search input.search-button {
				float: right;
				width: 14px;
				height: 14px;
				border: 0 none;
				background: url(../images/images.png) no-repeat 0 -154px;
				margin-top: 5px;
				cursor: pointer;
			}

		#content .list .toggle-advanced-search {
			float: left;
			clear: both;
			display: block;
			padding-top: 7px;
			text-decoration: underline;
			color: #2E64A4;
			/* width: 100%; */
			margin-left: 265px;
		}
		
		#content .list .toggle-advanced-search:hover {
			text-decoration: none;
		}
		
		#content .list .search-section {
			float: right;
			line-height: 36px;
			margin-right: 10px;
		}

			#content .list .search-section label, #content .list .search-section input {
				float: left;
				display: block;
			}
			
			#content .list .search-section input {
				margin: 11px 5px 0 0;
			}
			
			#content .list .search-section .user-emails label, #content .list .search-section .user-emails input {
				line-height: 13px;
			}
			
			#content .list .search-section .user-emails input {
				margin-top: 0;
			}
			
		#content .list .search-section>div {
				clear: both;
		}

		#content .list .button {
			float: right;
			margin-left: 10px;
			margin-top: 10px;
		}
		
		#content .list td .button {
			float: none;
			margin-left: 0;
			margin-top: 0;
		}

	#content .list .table-title {
		float: left;
		width: 100%;
		background-color: #353637;
		margin-bottom: 10px;
		color: #fff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		padding: 5px 0;
		font-size: 16px;
		line-height: 32px;
	}
	
		#content .list .table-title span {
			float: left;
			display: block;
			margin: 0 10px;
			text-transform: uppercase;
		}
		
		#content .list .table-title span.table-title-total {
			float: right;
			font-weight: bold;
		}
		
		#content .list .table-title span.table-title-icon {
			display: block;
			float: left;
			width: 40px;
			height: 30px;
			margin-right: -5px;
		}

body.tool #content .list .table-title span.table-title-icon {
	background: url(../images/tool_used_white_table.png) no-repeat 0 5px;
	background-size: 80%;
}

	#content #notification {
		position: relative;
		float: right;
		width: 620px;
		height: 75px;
		vertical-align: bottom;
		margin-left: 10px;
	}
	
		#content #notification .notification-messages {
			width: 618px;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-o-border-radius: 5px;
			-ms-border-radius: 5px;
			height: 30px;
			padding: 5px 0;
			margin-top: 10px;
		}
	
			#content #notification .notification-messages .notification-title {
				width: 610px;
			}
	
		#content #notification .notification-messages .notification-panel .notification-subpanel {
			width: 618px;
		}
	
	#content .details, #content .advanced-search {
		float: right;
		width: 620px;
		margin-left: 10px;
	}
	
		#content .details div.name, #content .advanced-search div.name {
			float: left;
			width: 100%;
			background-color: #353637;
			color: #fff;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-o-border-radius: 5px;
			-ms-border-radius: 5px;
			padding: 5px 0;
			font-size: 16px;
			line-height: 32px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
	
		#content .details div.name span, #content .advanced-search div.name span {
			margin: 0 10px;
			text-transform: uppercase;
		}
		
		#content .details div.name span.name-text {
			font-weight: bold;
			margin-left: 0;
		}
		
		#content .details .buttons, #content .advanced-search .buttons {
			float: right;
			background-color: #e5e5e5;
			float: left;
			width: 100%;
			padding: 15px 0;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-o-border-radius: 5px;
			-ms-border-radius: 5px;
		}
		
			#content .details .buttons .button, #content .advanced-search .buttons .button {
				margin-left: 8px;
			}
		
		
		#content .details.personal-profile .buttons, #content .details.account-administration .buttons {
			margin-top: 5px;
		}

			#content .details.personal-profile .buttons .button, #content .details.account-administration .buttons .button {
				float: right;
				margin-right: 20px;
			}
		
		#content .details .tabs, #content .advanced-search .tabs {
			float: left;
			width: 100%;
			margin-top: 10px;
		}
		
			#content .details .tabs .buttons {
				padding: 0;
				border: 0 none;
			}
			
			.online-registration-not-allowed {
				line-height: 20px;
				margin: 0 0 10px 0;
			}
			
				.online-registration-not-allowed a {
					color: #2E64A4;
				}
		
		#content .details .monitoring {
			float: left;
			width: 100%;
			margin-top: 10px;
			padding: 10px 10px 0 10px;
			width: 600px;
			font-size: 11px;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-o-border-radius: 5px;
			-ms-border-radius: 5px;
			color: #5b5b5b;
			background-color: #e5e5e5;
		}
		
			#content .details .monitoring span {
				float: left;
				margin-bottom: 10px;
				width: 100%;
			}
			
/*** Meeting registration ***/
	#content .meeting-registration {
		float: left;
		width: 640px;
		margin-right: 10px;
	}
	
		#content .meeting-registration .header, #content .meeting-registration .progress {
			float: left;
			width: 100%;
			font-size: 14px;
			line-height: 18px;
			margin-top: 15px;
			margin-bottom: 10px;
		}
		
		#content .meeting-registration .progress table.progress-bar {
			width: 620px;
		}
		
			#content .meeting-registration .header>div{
				float: left;
				width: 100%;
			}
		
			#content .meeting-registration .header div span.label {
				font-weight: bold;
				width: 155px;
				display: block;
				float: left;
			}
		
	#content .meeting-registration .notification-wrapper {
		width: 630px;
	}
	
	#content .meeting-registration .notification-wrapper #notification {
		float: left;
		margin-left: 0;
	}
	
	#content .meeting-registration .notification-wrapper .notification .notification-messages {
		min-height: 30px;
		height: auto;
	}
	
	#content .meeting-registration .notification-wrapper .notification .notification-message {
		max-width: 550px;
	}
	
	#content .meeting-registration .step {
		width: 630px;
		float: left;
	}
	
		#content .meeting-registration .step .tabs {
			width: 100%;
		}
		
			#content .meeting-registration .step .description {
				font-size: 14px;
				font-weight: bold;
				line-height: 18px;
				margin-top: 15px;
				margin-bottom: 5px;
			}
			
		#content .meeting-registration .step .tabs .tab.tab-fields {
			padding-top: 10px;
			margin-bottom: 10px;
			background-color: transparent;
			/*border: 1px solid #b2b2b3;
			border-radius: initial;
			-webkit-border-radius: initial;
			-moz-border-radius: initial;
			-o-border-radius: initial;
			-ms-border-radius: initial;
			*/
		}
	
	#content .meeting-registration .progress tr.step-description td {
		min-width: 63px;
		font-size: 12px;
		text-align: center;
		vertical-align: middle;
		color: #5b5b5b;
		height: 48px;
		line-height: 12px;
		padding: 5px 0 5px 35px;
		border: 1px solid #5b5b5b;
		border-right: none;
		border-left: none;
		background: url(../images/icons.png) no-repeat -4px -2012px;
		background-color: #fff;
	}
	
	#content .meeting-registration .progress tr.step-description td.dummy-last {
		width: 30px;
		min-width: 30px;
		padding: 0;
		border: 1px solid transparent;
		border-left: none;
		border-right: none;
		background: url(../images/icons.png) no-repeat -4px -2012px;
	}
	
	#content .meeting-registration .progress tr.step-description td.current {
		border: 1px solid #2E64A4;
		border-right: none;
		border-left: none;
		background: url(../images/icons.png) no-repeat -4px -1948px;
		background-color: #ecf5ff;
	}
	
	#content .meeting-registration .progress tr.step-description td.next {
		background: url(../images/icons.png) no-repeat -4px -1885px;
	}
	
	#content .meeting-registration .progress tr.step-description td>span {
		display: block;
		max-height: 48px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	#content .meeting-registration .progress tr.step-description td>span:hover {
		overflow: visible;
	}
	
	.meeting-registration .tabs div.tab.tab-fields div label.checkbox.right,
	.relationship .tabs div.tab.tab-fields div label.checkbox.right {
		width: auto;
		max-width: 455px;
		margin-left: 5px;
	}

	/*** Meeting online step ***/
	#meeting-registration-step {
		margin-top: 15px;
	}

	/*** Meeting online registration code step ***/
	#meeting-registration-step .online-registration-online-registration-code {
		padding-top: 40px !important;
	}
	
	/*** Meeting online registration profile data step ***/
	#meeting-registration-step .contact-passportValidyDate label {
		width: 150px;
	}
	
	/*** Meeting online registration applicant data step ***/
	#meeting-registration-step .applicant-officiallyRepresentingGovernment label {
		width: 352px;
	}
	
		#meeting-registration-step .applicant-officiallyRepresentingGovernment .inline-message {
			margin-left: 352px;
		}
		
	/*** Meeting registration submission preview step ***/
	#meeting-registration-step .submission-preview input[type="text"]:focus, #meeting-registration-step .submission-preview select:focus,
	#meeting-registration-step .submission-preview textarea:focus {
		background-color: #ecf5ff;
	}
	
	#meeting-registration-step .submission-preview span#submission-preview-meetings {
		margin: 0;
		padding: 2px;
		border: 1px solid #b2b2b3;
		background-color: #ecf5ff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		font-family: sans-serif;
		font-size: 12px;
	}
	
	/*** Meeting online registration error step ***/
	#content .meeting-registration .error-buttons {
		clear: both;
		margin-top: 15px;
	}
	
	/*** Meeting online registration meetings step ***/
	#meeting-registration-step .meeting-online-registration-meetings p {
		margin: 10px 0 20px 0;
	}
	
	#meeting-registration-step .meeting-online-registration-meetings label.checkbox {
		width: 580px;
	}
	
	#meeting-registration-step .meeting-online-registration-meetings .validation-errors span {
		margin: 10px 0 0 0;
	}
	
	
/*** Modal Panel and Modal Dialog ***/
.modal-shadow {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 100;
	left: 0;
	top: 0;
	filter: alpha(opacity = 40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

.modal {
	position: absolute;
	z-index: 200;
	left: 50%;
	top: 100px;
	width: 1150px;
	margin-left: -575px;
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
}

	.modal .modal-header {
		float: left;
		width: 1130px;
		font-weight: bold;
		background-color: #353637;
		color: #fff;
		border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		padding: 5px 10px;
		font-size: 16px;
		line-height: 32px;
		text-transform: uppercase;
	}

		.modal .modal-header span {
			float: left;
		}
		
		.modal .modal-header a {
			float: right;
		}

	.modal .modal-body {
		float: left;
		padding: 10px;
		width: 1130px;
		/* width: 980px; */
	}

/*** Modal Panel ***/
.modal-panel .modal-body .details {
	float: left;
	width: 620px;
}

	.modal-panel .modal-body .details .tabs div.tab div.table-wrapper {
		margin-top: 0;
	}

		.modal-panel .modal-body .details .tabs div.tab div.autocomplete {
			margin-bottom: 10px;
		}

	.modal-panel .modal-body .details .autocomplete {
		margin-left: 10px;
	}

		.modal-panel .modal-body .details .autocomplete input {
			width: 450px;
		}

.modal-panel .modal-body .relationship {
	float: right;
	width: 500px;
}

	.modal-panel .modal-body .relationship .tab {
		width: 480px;
	}

		.modal-panel .modal-body .relationship .tab div input,
		.modal-panel .modal-body .relationship .tab div span,
		.modal-panel .modal-body .relationship .tab div textarea,
		.modal-panel .modal-body .relationship .tab div span {
			width: 300px;
		}
		
		.modal-panel .modal-body .relationship .tab div input.checkbox {
			width: 20px;
		}

	.modal-panel .modal-body .selector {
		float: left;
		width: 620px;
		margin-bottom: 10px;
	}

		.modal-panel .modal-body .selector .selector-title {
			float: left;
			width: 100%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			font-weight: bold;
			line-height: 42px;
			height: 42px;
			font-size: 18px;
		}

		.modal-panel .modal-body .selector .button.toggle-disabled-fields {
			float: right;
		}

		.modal-panel .modal-body .selector .autocomplete {
			margin-left: 10px;
		}

			.modal-panel .modal-body .selector .autocomplete input {
				width: 280px;
			}

	.modal-panel .modal-body .buttons {
		float: right;
		width: 500px;
		margin-bottom: 10px;
	}

		.modal-panel .modal-body .buttons .button {
			float: right;
			margin-left: 10px;
		}
		
		.modal-panel .modal-body .buttons .notification {
			width: 250px;
		}

			.modal-panel .modal-body .buttons .notification .notification-messages {
				width: 250px;
			}

				.modal-panel .modal-body .buttons .notification .notification-messages .notification-title {
					width: 244px;
				}
				
				.modal-panel .modal-body .buttons .notification .notification-messages .notification-panel {
					width: 350px;
				}

/*** Modal panel - Working Group ***/
.modal.modal-panel.working-group {
	width: 820px;
	margin-left: -410px;
}

	.modal.modal-panel.working-group .modal-header {
		width: 800px;
	}

	.modal.modal-panel.working-group .modal-body {
		width: 800px;
	}

		.modal.modal-panel.working-group .modal-body .notification {
			width: 230px;
		}
		
		.modal.modal-panel.working-group .modal-body .selector, .modal.modal-panel.working-group .modal-body .details {
			display: none;
		}
		
		.modal.modal-panel.working-group .relationship, .modal.modal-panel.working-group .buttons {
			width: 800px;
		}

			.modal-panel.working-group .modal-body .relationship .tab {
				width: 780px;
			}

				.modal-panel.working-group .modal-body .relationship .tab .text-field {
					width: 500px;
				}

/*** Modal panel - Edit attendees ***/
.modal.modal-panel.attendees-edit .details {
	width: 100%;
}

	.modal.modal-panel.attendees-edit .details .table-wrapper {
		float: left;
		margin-bottom: 10px;
	}

	.modal.modal-panel.attendees-edit .details .table-wrapper .frozen-table,
	.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table {
		max-height: 400px;
		float: left;
		overflow: scroll;
	}

		.modal.modal-panel.attendees-edit .details .table-wrapper .table th {
			color: white;
			width: 135px;
		}
		
		.modal.modal-panel.attendees-edit .details .table-wrapper .table td {
			height: 30px;
			vertical-align: middle;
			width: 135px;
		}

	.modal.modal-panel.attendees-edit .details .table-wrapper .frozen-table {
		overflow: hidden;
		width: 170px;
	}

		.modal.modal-panel.attendees-edit .details .table-wrapper .frozen-table .table {
			border: 0 none;
		}

			.modal.modal-panel.attendees-edit .details .table-wrapper .frozen-table .table th.fullname {
				
			}
			
			.modal.modal-panel.attendees-edit .details .table-wrapper .frozen-table .table td.fullname {
				width: 170px;
				color: #333;
				padding: 0 6px;
			}

	.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table.header {
		overflow-x: hidden;
		overflow-y: scroll;
	}

	.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table {
		width: 950px;
		max-height: 417px;
	}

		.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table .table {
			float: left;
			width: 170%;
			border: 0 none;
		}

			.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table .table tr input,
			.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table .table tr select {
				width: 99%;
				border: 0 none;
				background-color: #eaeff6;
			}
			
			.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table .table tr:nth-child(2n+2) input,
			.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table .table tr:nth-child(2n+2) select {
				background-color: #c0d0e4;
			}

			.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table .table tr:hover input,
			.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table .table tr:hover select {
				background-color: #fff;
			}
			
			.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table .table .hide {
				display: none;
			}
			
			.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table .table .protocol-order {
				width: 95px;
			}
			
			.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table .table td.protocol-order {
				width: 91px;
				padding-right: 4px;
			}
			
			.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table .table td.protocol-order input {
				text-align: right;
			}
			
			.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table .table .invited {
				width: 100px;
			}
			
			.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table .table .attended {
				width: 120px;
			}
			
			.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table .table .register {
				width: 135px;
			}
			
			.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table .table .preregister {
				width: 165px;
			}
			
			.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table .table .lop_status {
				width: 200px;
			}
			
			.modal.modal-panel.attendees-edit .details .table-wrapper .scroll-table .table .checkbox-header {
				display: block;
				float: left;
				height: 30px;
				width: 20px;
				margin: 0 2px 0 5px;
			}

.modal.modal-panel.attendees-edit .relationship {
	display: block;
}

/*** Modal panel - Edit applicants ***/

.modal.modal-panel.applicants-edit .details {
	width: 100%;
}

	.modal.modal-panel.applicants-edit .details .table-wrapper {
		float: left;
		margin-bottom: 10px;
	}

	.modal.modal-panel.applicants-edit .details .table-wrapper .frozen-table,
	.modal.modal-panel.applicants-edit .details .table-wrapper .scroll-table {
		max-height: 400px;
		float: left;
		overflow: scroll;
	}

		.modal.modal-panel.applicants-edit .details .table-wrapper .table th {
			color: white;
		}
		
		.modal.modal-panel.applicants-edit .details .table-wrapper .table td {
			height: 30px;
			vertical-align: middle;
		}

	.modal.modal-panel.applicants-edit .details .table-wrapper .frozen-table {
		overflow: hidden;
		width: 170px;
	}

		.modal.modal-panel.applicants-edit .details .table-wrapper .frozen-table .table {
			border: 0 none;
		}

			.modal.modal-panel.applicants-edit .details .table-wrapper .frozen-table .table th.fullname {
				
			}
			
			.modal.modal-panel.applicants-edit .details .table-wrapper .frozen-table .table td.fullname {
				width: 170px;
				color: #333;
				padding: 0 6px;
			}

	.modal.modal-panel.applicants-edit .details .table-wrapper .scroll-table.header {
		overflow-x: hidden;
		overflow-y: scroll;
	}

	.modal.modal-panel.applicants-edit .details .table-wrapper .scroll-table {
		width: 950px;
		max-height: 417px;
	}

		.modal.modal-panel.applicants-edit .details .table-wrapper .scroll-table .table {
			float: left;
			width: 170%;
			border: 0 none;
		}

			.modal.modal-panel.applicants-edit .details .table-wrapper .scroll-table .table tr input,
			.modal.modal-panel.applicants-edit .details .table-wrapper .scroll-table .table tr select {
				width: 99%;
				border: 0 none;
				background-color: #eaeff6;
			}
			
			.modal.modal-panel.applicants-edit .details .table-wrapper .scroll-table .table tr:nth-child(2n+2) input,
			.modal.modal-panel.applicants-edit .details .table-wrapper .scroll-table .table tr:nth-child(2n+2) select {
				background-color: #c0d0e4;
			}

			.modal.modal-panel.applicants-edit .details .table-wrapper .scroll-table .table tr:hover input,
			.modal.modal-panel.applicants-edit .details .table-wrapper .scroll-table .table tr:hover select {
				background-color: #fff;
			}
			
			.modal.modal-panel.applicants-edit .details .table-wrapper .scroll-table .table .hide {
				display: none;
			}
			
			.modal.modal-panel.applicants-edit .details .table-wrapper .scroll-table .table .visa-support-required {
				width: 80px;
			}
			
			.modal.modal-panel.applicants-edit .details .table-wrapper .scroll-table .table .checkbox-header {
				display: block;
				float: left;
				height: 30px;
				width: 20px;
				margin: 0 2px 0 5px;
			}

.modal.modal-panel.applicants-edit .relationship {
	display: block;
}

/*** Dialog panel ***/
.modal-shadow.modal-dialog-shadow {
	z-index: 300;
}

.modal.modal-dialog {
	position: fixed;
	z-index: 400;
	width: 600px;
	margin-left: -300px;
}

	.modal.modal-dialog.p-image {
		position: absolute; /* enable vertical scrolling */
	}

	.modal.modal-dialog .modal-header {
		width: 580px;
	}

	.modal.modal-dialog .modal-body {
		width: 580px;
	}

		.modal.modal-dialog .modal-body .button {
			float: right;
			margin-left: 10px;
		}
		
		.modal.modal-dialog .modal-body p {
			line-height: 18px;
		}
		
		.modal.modal-dialog .modal-body p.divider {
			margin-bottom: 15px;
		}
		
		.modal.modal-dialog .modal-body p.emphasis {
			font-weight: bold;
		}
		
		.modal.modal-dialog .modal-body div {
			width: 100%;
			margin-bottom: 10px;
		}
		
		.modal.modal-dialog .modal-body div label {
			float: left;
			width: 132px;
			margin-top: 4px;
			color: #5b5b5b;
		}
		
		.modal.modal-dialog .modal-body div textarea {
			width: 438px;
			resize: none;
		}

/*** Dialog panel - Duplicate contact ***/
.modal.modal-dialog .modal-body .duplicate-list {
	margin: 20px 0;
}

	.modal.modal-dialog .modal-body .duplicate-list div {
		width: 100%;
		margin-bottom: 5px;
	}

		.modal.modal-dialog .modal-body .duplicate-list div a {
			font-weight: bold;
		}

/*** Dialog panel - About ***/
.modal.modal-dialog.about {
	width: 400px;
	margin-left: -200px;
}

	.modal.modal-dialog.about .modal-header {
		width: 380px;
	}

	.modal.modal-dialog.about .modal-body {
		width: 380px;
		line-height: 14px;
	}

		.modal.modal-dialog.about .modal-body p.description {
			margin-top: 10px;
			font-weight: bold;
		}

		.modal.modal-dialog.about .modal-body p.divider {
			margin-bottom: 15px;
		}

/*** Dialog panel - Delete ***/

.modal.modal-dialog.contact-delete-dialog,
.modal.modal-dialog.meeting-delete-dialog,
.modal.modal-dialog.contact-close-dialog,
.modal.modal-dialog.meeting-close-dialog,
.modal.modal-dialog.working-subgroup-delete-dialog,
.modal.modal-dialog.email-delete-dialog {
	width: 450px;
	margin-left: -200px;
}

	.modal.modal-dialog.contact-delete-dialog .modal-header,
	.modal.modal-dialog.meeting-delete-dialog .modal-header,
	.modal.modal-dialog.contact-close-dialog .modal-header,
	.modal.modal-dialog.meeting-close-dialog .modal-header,
	.modal.modal-dialog.working-subgroup-delete-dialog .modal-header,
	.modal.modal-dialog.email-delete-dialog .modal-header {
		width: 430px;
	}
	
	.modal.modal-dialog.contact-delete-dialog .modal-body,
	.modal.modal-dialog.meeting-delete-dialog .modal-body,
	.modal.modal-dialog.contact-close-dialog .modal-body,
	.modal.modal-dialog.meeting-close-dialog .modal-body,
	.modal.modal-dialog.working-subgroup-delete-dialog .modal-body,
	.modal.modal-dialog.email-delete-dialog .modal-body {
		width: 430px;
		line-height: 14px;
	}

		.modal.modal-dialog.contact-delete-dialog .modal-body .description,
		.modal.modal-dialog.meeting-delete-dialog .modal-body .description,
		.modal.modal-dialog.contact-close-dialog .modal-body .description,
		.modal.modal-dialog.meeting-close-dialog .modal-body .description,
		.modal.modal-dialog.working-subgroup-delete-dialog .modal-body .description,
		.modal.modal-dialog.email-delete-dialog .modal-body .description {
			margin-bottom: 20px;
		}

/*** Dialog panel - Delete contact ***/
.modal.modal-dialog.contact-delete-dialog {
	width: 600px;
	margin-left: -300px;
}

	.modal.modal-dialog.contact-delete-dialog .modal-header {
		width: 580px;
	}
	
	.modal.modal-dialog.contact-delete-dialog .modal-body {
		width: 580px;
		line-height: 14px;
	}

		.modal.modal-dialog.contact-delete-dialog .modal-body .description {
			margin-bottom: 15px;
		}
			.modal.modal-dialog.contact-delete-dialog .modal-body .description .list {
			margin-left: 20px;
			}
		
		.modal.modal-dialog.contact-delete-dialog .modal-body .attendee-contact-delete {
			float: left;
			margin-bottom: 20px;
		}

/*** Dialog panel - Export attendees to security system ***/
.modal.modal-dialog.attendee-security-system-dialog .attendee-security-system-export {
	float: left;
	margin: 10px 0 20px 0;
}

	.modal.modal-dialog.attendee-security-system-dialog .modal-body p.description, .modal.modal-dialog.attendee-security-system-dialog .modal-body div.description {
		margin-bottom: 10px;
		line-height: 16px;
	}

		.modal.modal-dialog.attendee-security-system-dialog .modal-body p.description .security-system-meeting-name {
			font-weight: bold;
		}

/*** Dialog panel - Image ***/
.modal.modal-dialog.image {
	width: auto;
}

	.modal.modal-dialog.image .modal-header {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 0;
	}

		.modal.modal-dialog.image .modal-header span {
			margin-left: 10px;
		}
		
		.modal.modal-dialog.image .modal-header a {
			margin-right: 10px;
		}

	.modal.modal-dialog.image .modal-body {
		clear: both;
		width: auto;
		padding: 0;
	}

		.modal.modal-dialog.image .modal-body img {
		}

/*** Dialog panel - Notification ***/
.modal.modal-dialog.notification-export {
	width: 300px;
	margin-left: -150px;
}

	.modal.modal-dialog.notification-export .modal-header {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 0;
	}

		.modal.modal-dialog.notification-export .modal-header span {
			margin-left: 10px;
		}
		
		.modal.modal-dialog.notification-export .modal-header a {
			margin-right: 10px;
		}

	.modal.modal-dialog.notification-export .modal-body {
		clear: both;
		width: auto;
	}

		.modal.modal-dialog.notification-export .notification-icon {
			background: transparent url(../images/status.gif) no-repeat left top;
			display: block;
			float: left;
			width: 32px;
			height: 32px;
			margin: 0 15px 0 0;
		}
		
		.modal.modal-dialog.notification-export .notification-message {
			float: left;
			line-height: 32px;
			color: #2E64A4;
		}

/*** Dialog panel - Merge confirmation dialog ***/
.modal.modal-dialog.contact-merge-confirmation-dialog .modal-body .table-label {
	font-weight: bold;
	clear: both;
	padding-top: 15px;
	padding-bottom: 5px;
}

.modal.modal-dialog.contact-merge-confirmation-dialog .modal-body .buttons {
	clear: both;
	padding-top: 15px;
}

/*** Modal panel - Send Email ***/
.modal.modal-dialog.email-send-dialog .modal-body div label, .modal.modal-dialog.email-addresses-copy-dialog .modal-body div label {
	width: 126px;
}

.modal.modal-dialog.email-send-dialog .modal-body div.email-attachments div {
	width: 442px;
	float: left;
	margin-top: 1px;
}

/*** Dialog panel - Meeting Attachments ***/
.meeting-overview-meeting-attachments-dialog {
	font-size: 13px;
	line-height: 14px;
}

/*** Dialog panel - Back to back meeting applicant approval status ***/

.modal.modal-dialog.applicant-approval-dialog .applicant-approval-status label {
	width: 400px;
}

.modal.modal-dialog.applicant-approval-dialog .question {
	margin: 30px 0 15px 0;
}


/*** Dialog panel - Applicant approval ***/
.modal.modal-dialog.applicant-approval-dialog .description.rejection-details {
	border-top: 1px solid #5b5b5b;
	padding: 15px 0;
	margin-top: 20px;
}

/*** Dialog panel - New user ***/
.modal.modal-dialog.crowd-users {
	width: 900px;
	margin-left: -450px;
}

	.modal.modal-dialog.crowd-users .modal-header {
		width: 880px;
	}
	
	.modal.modal-dialog.crowd-users .modal-body {
		width: 880px;
	}
	
		.modal.modal-dialog.crowd-users .modal-body #search-crowd-users {
			float: left;
			width: 550px;
			margin: 12px 0 0 0;
		}
	
			.modal.modal-dialog.crowd-users .modal-body #search-crowd-users label {
				width: 100px;
				line-height: 21px;
				margin: 0 0 0 5px
			}
	
			.modal.modal-dialog.crowd-users .modal-body #search-crowd-users .search {
				float: left;
				width: 350px;
				padding: 0 5px;
				border: 1px solid #b2b2b3;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				-o-border-radius: 5px;
				-ms-border-radius: 5px;
				background-color: #ecf5ff;
			}
		
				.modal.modal-dialog.crowd-users .modal-body #search-crowd-users .search input.search-text {
					float: left;
					width: 320px;
					border: 0 none;
				}
				
				.modal.modal-dialog.crowd-users .modal-body #search-crowd-users .search input.search-text:focus {
					background-color: #ecf5ff;
				}
				
				.modal.modal-dialog.crowd-users .modal-body #search-crowd-users .search input.search-button {
					float: right;
					width: 14px;
					height: 14px;
					border: 0 none;
					background: url(../images/images.png) no-repeat 0 -154px;
					margin-top: 3px;
					cursor: pointer;
				}
	
		.modal.modal-dialog.crowd-users .modal-body .notification {
			float: right;
			width: 300px;
			margin: 0;
		}
	
		.modal.modal-dialog.crowd-users .modal-body table tr th.username, .modal.modal-dialog.crowd-users .modal-body table tr th.firstname, 
		.modal.modal-dialog.crowd-users .modal-body table tr th.lastname {
			width: 180px;
		}
		
		.modal.modal-dialog.crowd-users .modal-body table tr th.link {
			width: 30px;
		}
		
			.modal.modal-dialog.crowd-users .modal-body table tr td .link {
				float: none;
				height: 14px;
				width: 14px;
				margin: 0;	
				padding: 0;
				border: 0 none;
				vertical-align: middle;		
				overflow: visible;
				background: url(../images/icons.png) no-repeat -20px -718px transparent;
			}

		.modal.modal-dialog.crowd-users .modal-body .pagination-total {
			float: left;
		}

/*** Tables ***/
.table {
	float: left;
	table-layout: fixed;
	width: 100%;
	border: 1px solid #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

	.table tr {
		background-color: #eaeff6;
	}
	
	.table tr:nth-child(2n+2) {
		background-color: #c0d0e4;
	}
	
	.table tr:hover {
		background-color: #fff;
	}
	
	.table tr.highlight {
		background-color: #6d92bf;
	}
	
	.table tfoot tr,.table tfoot tr:hover {
		background-color: transparent;
	}

	.table tr th,.table tr td {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		border-left: 1px solid #fff;
		border-top: 1px solid #fff;
		padding: 0;
		text-align: left;
	}
	
	.table tr th.asc a {
		background: url(../images/up.png) no-repeat right 5px center;
		padding-right: 10px;
	}
	
	.table tr th.desc a {
		background: url(../images/down.png) no-repeat right 5px center;
		padding-right: 10px;
	}
	
	.table tr th {
		background-color: #2E64A4;
		font-size: 14px;
		font-weight: normal;
		text-transform: uppercase;
		border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		-o-border-radius: 5px 5px 0 0;
		-ms-border-radius: 5px 5px 0 0;
	}
	
	.table tr th.column-remove, .table tr th.column-locked, .table tr th.column-rejection-history {
		width: 30px;
	}
	
	.table tr th.column-contact-type, .table tr th.column-recipient-type {
		width: 25px;
	}
	
	.table tr th.column-application-info {
		width: 35px;
	}
	
	.table tr th.column-check {
		width: 20px;
	}
	
	.table tr th.column-visa-support {
		width: 55px;
	}
	
	.table tr th.column-approval {
		width: 80px;
	}
	
	.table tr th.column-attachment {
		width: 53px;
	}
	
	.table tr th.column-contact {
		width: 79px;
	}
	
	.table tr th.column-cancel {
		width: 66px;
	}
	
		.table tr th a,.table tr th span {
			display: block;
			padding: 0 6px;
			color: #fff;
			line-height: 30px;
		}
	
	.table tr td.column-left {
		text-align: left;
		vertical-align: middle;
	}
	
	.table tr td.column-center {
		text-align: center;
		vertical-align: middle;
	}
	
	.table tr td.column-right {
		text-align: right;
		vertical-align: middle;
	}
	
	.table tr td.column-radio-button {
		padding-left: 3px;
	}
	
		.table tr td div {
			width: 100%;
		}
		
		.table tr td a, .table tr td span {
			display: block;
			padding: 8px 6px;
			color: #5b5b5b;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		
		.table tr.highlight td a, .table tr.highlight td span {
			color: #fff;
			background-color: #6d92bf;
		}
		
		.table tr td a.DELETED, .table tr td span.DELETED,
		.table tr td a.CLOSED, .table tr td span.CLOSED,
		.table tr td a.INITIAL, .table tr td span.INITIAL,
		.table tr td a.INACTIVE, .table tr td span.INACTIVE,
		.table tr td a.pending, .table tr td span.pending,
		.table tr td a.non-government, .table tr td span.non-government
		.table tr td a.crow-user-added, .table tr td span.crow-user-added {
			color: #aaa !important;
		}

/*** Tables (primefaces) ***/
.ui-datatable .table {
	border: 0 none;
}

	.ui-datatable .table thead, .ui-datatable .table tbody {
		border: 1px solid #2E64A4;
	}
	
	.ui-datatable .table.empty-table tbody {
		border: 0 none;
	}

	.ui-datatable .table.empty-table tr {
		background: transparent;
	}

		.ui-datatable .table tr th span {
			display: block;
			padding: 0 6px;
			color: #fff;
			line-height: 30px;
		}
		
		.ui-datatable .table tr th.column-check div {
			padding-left: 0;
			padding-right: 0;
		}
		
		.ui-datatable .table tr th.column-check span {
			padding: 0 3px;
		}
		
		.ui-datatable .table tr th, .ui-datatable .table tr td {
			border: 1px solid #fff;
		}
		
		.ui-datatable .table tr td div, .ui-datatable .table tr td span {
			display: block;
			padding: 6px 3px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			margin-bottom: 0px !important;
		}

/*** Overlay panel (primefaces) ***/
	.ui-overlaypanel-content {
		width: auto !important;
	}

/*** Pagination (include primefaces) ***/
.pagination {
	float: left !important;
	width: 100% !important;
	margin-top: 10px;
}

	.pagination .pagination-total {
		line-height: 25px;
		width: 150px !important;
	}
	
	.pagination .pagination-pages {
		float: right !important;
		width: auto !important;
		line-height: 25px;
	}

		.pagination a, .pagination span {
			float: left;
			margin-top: 0 !important;
		}
		
		.pagination .pages {
			width: auto !important;
		}
		
		.pagination .arrow {
			display: block;
			width: 17px !important;
			height: 24px !important;
			text-indent: -9999px;
			margin-left: 10px !important;
			background: url(../images/images.png) no-repeat;
		}
		
		.pagination a.arrow.first {
			background-position: -604px -98px;
			margin-left: 20px !important;
		}
		
		.pagination span.arrow.first {
			background-position: -604px -123px;
			margin-left: 20px !important;
		}
		
		.pagination a.arrow.previous {
			background-position: -621px -98px;
		}
		
		.pagination span.arrow.previous {
			background-position: -621px -123px;
		}
		
		.pagination a.arrow.next {
			background-position: -638px -98px;
		}
		
		.pagination span.arrow.next {
			background-position: -638px -123px;
		}
		
		.pagination a.arrow.last {
			background-position: -655px -98px;
		}
		
		.pagination span.arrow.last {
			background-position: -655px -123px;
		}
		
		.pagination .pagination-pages a.pagination-page, .pagination .pagination-pages span.pagination-page {
			color: #5b5b5b !important;
			margin-left: 10px;
			width: auto !important;
		}
		
		.pagination .pagination-pages a.pagination-page.current, .pagination .pagination-pages span.pagination-page.current {
			font-weight: bold;
		}

/*** Pagination (primefaces) ***/
.ui-datatable .ui-paginator {
	clear: both;
	padding-top: 10px;
	float: right !important;
}

	.ui-paginator .ui-paginator-current {
		line-height: 24px;
		padding: 0 10px 0 0;
		vertical-align: text-bottom;
	}
	
	.ui-datatable .ui-paginator-first, .ui-datatable .ui-paginator-prev, .ui-datatable .ui-paginator-next, .ui-datatable .ui-paginator-last {
		border: 0 none;
		padding: 0;
		margin: 0;
	}

		.ui-paginator span {
			display: block;
		}
		
		.ui-paginator .ui-icon {
			width: 17px !important;
			height: 24px !important;
			padding: 0 !important;
			margin: 0 !important;
			background: url(../images/images.png) no-repeat;
			float: left;
		}
		
		.ui-paginator-first .ui-icon {
			background-position: -604px -98px;
			margin-left: 20px;
		}
		
		.ui-paginator-first.ui-state-disabled .ui-icon {
			background-position: -604px -123px;
			margin-left: 20px;
		}
		
		.ui-paginator-prev .ui-icon {
			background-position: -621px -98px;
		}
		
		.ui-paginator-prev.ui-state-disabled .ui-icon {
			background-position: -621px -123px;
		}
		
		.ui-paginator-next .ui-icon {
			background-position: -638px -98px;
		}
		
		.ui-paginator-next.ui-state-disabled .ui-icon {
			background-position: -638px -123px;
		}
		
		.ui-paginator-last .ui-icon {
			background-position: -655px -98px;
		}
		
		.ui-paginator-last.ui-state-disabled .ui-icon {
			background-position: -655px -123px;
		}
		
		.ui-paginator .ui-paginator-pages span {
			float: left;
			padding-top: 4px;
		}
		
		.ui-paginator .ui-paginator-pages span.ui-state-active {
			font-weight: bold;
		}
		
		.ui-paginator-page.ui-state-default.ui-corner-all {
			color: #5b5b5b !important;
			float: left;
		}

.ui-paginator-page.ui-state-default.ui-corner-all.ui-state-active {
	font-weight: bold;
}


/*** Editor (CKEditor) ***/
/* background-color of editor when enabled/disabled set in the config.js of the editor */

.email-body>label {
	display: none !important;
}

#cke_emailBody {
	margin-top: 5px;
	width: 585px !important;
	max-width: 585px !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-top-left-radius:0;
	border-top-right-radius:0;
}

.cke_top {
	width: 569px !important;
	max-width: 569px !important;
	/*width: 436px !important;*/
}

#cke_emailBody .cke_button_icon {
	width: 16px !important;
}

#cke_emailBody .cke_toolbar_separator {
	width: 1px !important;
}

.cke_combo_text {
	width: 60px !important;
}

.cke_combo_open {
	width: 5px !important;
}

.cke_combo_arrow {
	width: 0 !important;
}

.cke_reset_all span {
	width: auto !important;
}

.cke_toolbox, .cke_toolbar {
	max-width: none !important;
}

.cke_contents {
	margin-bottom: 0 !important;
	height: 250px !important;
}

.cke_dialog_background_cover {
	background-color: black !important;
	filter: alpha(opacity = 40) !important;
	-moz-opacity: 0.4 !important;
	-khtml-opacity: 0.4 !important;
	opacity: 0.4 !important;
}

.cke_dialog_contents_body {
	height: auto !important;
}

.cke_dialog_title {
	background: #353637 !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	font-family: sans-serif !important;
	background-color: #353637 !important;
	color: #fff !important;
	border-radius: 5px 5px 0 0 !important;
	-webkit-border-radius: 5px 5px 0 0 !important;
	-moz-border-radius: 5px 5px 0 0 !important;
	-o-border-radius: 5px 5px 0 0 !important;
	-ms-border-radius: 5px 5px 0 0 !important;
	padding: 5px 10px !important;
	font-size: 16px !important;
	line-height: 32px !important;
	text-transform: uppercase !important;
	text-shadow: none !important;
}

.cke_dialog_close_button {
	background: none !important;
}

.cke_dialog_close_button span.cke_label{
	color: white !important;
	display: block !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	font-family: sans-serif !important;
	font-size: 16px !important;
	line-height: 32px !important;
}

.cke_dialog_footer {
	background: none !important;
	outline: none !important;
}

a.cke_dialog_ui_button {
	cursor: pointer !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	line-height: 34px !important;
	height: 34px !important;
	padding: 0 20px 0 44px !important;
	border: 1px solid #2E64A4 !important;
	border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-o-border-radius: 5px !important;
	-ms-border-radius: 5px !important;
	
	background-color: #2E64A4 !important;
	background-image: url(../images/icons.png) !important;
	background-repeat: no-repeat !important;
	
	overflow: visible !important; /* remove padding from left/right */
  	width: auto !important;
  	
  	box-shadow: none !important;
  	-webkit-box-shadow: none !important;
  	-moz-box-shadow: none !important;
  	-o-box-shadow: none !important;
  	-ms-box-shadow: none !important;
	
	font-family: sans-serif !important;
}

a.cke_dialog_ui_button span.cke_dialog_ui_button {
	color: #fff !important;
	font-size: 10px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	font-family: sans-serif !important;
}

a.cke_dialog_ui_button:hover, a.cke_dialog_ui_button:hover span.cke_dialog_ui_button {
	color: #2E64A4 !important;
	background-color: #fff !important;
}

a.cke_dialog_ui_button_ok:hover {
	background-position: 0 -844px !important;
}

a.cke_dialog_ui_button_ok, a.cke_dialog_ui_button_ok.disabled {
	background-position: 0 -878px !important;
}

a.cke_dialog_ui_button_cancel:hover {
	background-position: 0 -1096px !important;
}

a.cke_dialog_ui_button_cancel, a.cke_dialog_ui_button_cancel.disabled {
	background-position: 0 -1130px !important;
}

.cke_resizer {
	visibility: hidden;
}


/*** Tabs ***/
.tabs ul {
	float: left;
}

	.tabs ul li {
		float: left;
		padding: 0 5px;
		cursor: pointer;
		border-width: 1px 1px 0 0;
		border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		-o-border-radius: 5px 5px 0 0;
		-ms-border-radius: 5px 5px 0 0;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		background-color: #2E64A4;
		color: #fff;
		margin-right: 4px;
		line-height: 25px;
		margin-top: 5px;
	}
	
	.tabs ul li.selected-tab {
		color: #5b5b5b;
		background-color: #e5e5e5;
		border-bottom: 0 none;
		line-height: 30px;
		margin-top: 0;
	}

		.tabs ul li.selected-tab a {
			color: #5b5b5b;
		}

	.tabs ul li.header-action-tab {
		padding: 0;
	}

		.tabs ul li.header-action-tab a {
			padding: 0 5px;
			display: block;
			float: left;
		}
		
		.tabs ul li.header-action-tab img {
			display: none;
		}
		
		.tabs ul li.header-action-tab img.STATUS {
			display: block;
			float: left;
			width: 14px;
			height: 14px;
			margin: 8px 10px 0 10px;
		}

.tabs div.tab {
	float: left;
	padding: 30px 10px 15px 10px;
	width: 600px;
	border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	-o-border-radius: 0 5px 5px 5px;
	-ms-border-radius: 0 5px 5px 5px;
	background-color: #e5e5e5;
}

	.tabs div.tab div {
		float: left;
	}

	.tabs div.tab.tab-fields div {
		width: 100%;
		margin-bottom: 10px;
	}

	.tabs div.tab div.line-seperator {
		border-top: 1px solid #b2b2b3;
		margin-top: 15px;
		padding-top: 15px;
	}

	.tabs div.tab div.table-wrapper {
		width: 100%;
		margin-top: 10px;
	}

		.tabs div.tab .table, .tabs div.tab .table tr th, .tabs div.tab .table tr td {
			border-color: #e5e5e5;
		}

		.tabs div.tab.tab-fields div label {
			float: left;
			width: 132px;
			margin-top: 4px;
			color: #5b5b5b;
		}
		
		.tabs div.tab.tab-fields div label.auto-width {
			width: auto !important;
		}
		
		.tabs div.tab.tab-fields div.attendee-statuses label {
			width: auto;
			margin-right: 40px;
		}
		
		.tabs div.tab.tab-fields div input, .tabs div.tab.tab-fields div select, .tabs div.tab.tab-fields div textarea, .tabs div.tab.tab-fields div span {
			float: left;
			max-width: 456px;
		}
		
		.tabs div.tab.tab-fields div input, .tabs div.tab.tab-fields div span {
			width: 450px;
		}
		
		.tabs div.tab.tab-fields div textarea {
			width: 446px;
			resize: none;
		}
		
		.tabs div.tab.tab-fields div span {
			color: #333;
			width: inherit;
		}
		
		.tabs div.tab.tab-fields div .calendar {
			float: left;
			width: auto;
		}
		
			.tabs div.tab.tab-fields div .calendar input {
				width: 70px;
				margin-left: 0;
			}

		.tabs div.tab.tab-fields div input.checkbox {
			width: 20px;
			margin-top: 3px;
			border: 0 none;
		}
		
		.tabs div.tab.tab-fields div input.checkbox.hide-element-show-sibling {
			margin-bottom: 0;
		}
		
		.tabs div.tab.tab-fields div label.checkbox {
			width: 450px;
		}
		
		.tabs div.tab.tab-fields div input.button {
			width: auto;
		}

	.tabs div.tab.tab-fields div.business-card-left {
		width: 280px;
		margin-bottom: 0;
	}

		.tabs div.tab.tab-fields div.business-card-left span {
			width: 140px;
		}
		
	.tabs div.tab.tab-fields div.business-card-left.institution {
		width: 335px;
		float: left;
	}

	.tabs div.tab.tab-fields div.business-card-right {
		width: 288px;
		padding: 10px;
		border: 1px solid #e5e5e5;
		font-size: 9px;
		line-height: 14px;
		color: #5b5b5b;
		background-color: #fff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
	}
	
	.tabs div.tab.tab-fields div.business-card-right.institution {
		width: 225px;
		margin-right: 12px;
    	float: right;
	}

		.tabs div.tab.tab-fields div.business-card-right span {
			float: left;
			width: 100%;
			color: #5b5b5b;
		}
		
		.tabs div.tab.tab-fields div.business-card-right span.title {
			font-weight: bold;
			font-size: 12px;
		}
	
	.tabs div.tab.tab-fields div.passport span.max-size {
		float: left;
		width: auto;
		margin: 24px 0 0 -55px;
		font-size: 10px;
	}

		.tabs div.tab.tab-fields div.passport div.passport-image {
			margin: 0 5px;
			width: auto;
		}

			.tabs div.tab.tab-fields div.passport div.passport-image img.thumbnail {
				float: left;
				width: 60px;
				height: 40px;
				cursor: pointer;
			}

		.tabs div.tab.tab-fields div.passport div.passport-image .button {
			float: left;
			background: none;
			border: 0 none;
			margin: 0 3px;
			padding: 0;
			color: #2E64A4;
			font-size: 10px;
		}
	
	.tabs div.tab.tab-fields.tab-full-width {
		border: 1px solid #b2b2b3;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
	}
		
	.tabs div.tab.tab-fields.tab-full-width div input, .tabs div.tab.tab-fields.tab-full-width div select,
	.tabs div.tab.tab-fields.tab-full-width div textarea, .tabs div.tab.tab-fields.tab-full-width div span,
	.tabs div.tab.tab-fields.tab-full-width div label {
		float: left;
		width: 100%;
		max-width: 100%;
	}
	
		.tabs div.tab.tab-fields.tab-full-width div label.top {
			margin: 0 0 3px 0;
		}
		
		.tabs div.tab.tab-fields.tab-full-width div label.checkbox.right {
			width: 90%;
			max-width: 90%;
		}
		
		.tabs div.tab.tab-fields.tab-full-width div textarea {
			resize: none;
		}
	
	.tabs div.tab.tab-fields.tab-full-width div.left {
		width: 48%;
		margin-right: 2%;
	}
	
	.tabs div.tab.tab-fields.tab-full-width div.right {
		width: 48%;
		margin-left: 2%;
	}
	
	.tabs div.tab.tab-fields.tab-full-width div.left input, .tabs div.tab.tab-fields.tab-full-width div.right input,
	.tabs div.tab.tab-fields.tab-full-width div.left label, .tabs div.tab.tab-fields.tab-full-width div.right label {
		width: 100%;
	}
	
	.tabs div.tab.tab-fields.tab-full-width div input.checkbox {
		width: 20px;
	}

	.tabs div.tab.tab-fields.tab-full-width div.section {
		margin-top: 10px;
	}

	.tabs div.tab.tab-fields.tab-full-width div.group {
		width: 96%;
		border: 1px solid #b2b2b3;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		padding: 2%;
	}
	
	.tabs div.tab.tab-fields.tab-full-width .ui-inputfield {
		padding: 2px;
	}
	
	.tabs div.tab div.buttons {
		float: left;
		width: 100%;
	}

		.tabs div.tab div.buttons .button {
			width: auto;
			float: right;
		}
		
		.tabs div.tab div.buttons .button.export-button {
			float: left;
			margin: 0 5px 0 0 !important;
			padding: 0;
			width: 34px;
			height: 34px;
		}
		
		 .tabs div.tab div.buttons .button.copy {
		 	float: left;
		 }
		
		.tabs div.tab div.buttons a.button.export-button {
			width: 32px;
			height: 32px;
		}
		
		.tabs div.tab div.buttons span.button.export-button {
			width: 32px;
			height: 32px;
		}
		
		.button.export-button.send:hover {
			background-position: -10px -504px;
		}
		
		.button.export-button.send, .button.export-button.send.disabled {
			background-position: -10px -538px;
		}
		
		.button.export-button.lock:hover {
			background-position: -10px -912px;
		}
		
		.button.export-button.lock, .button.export-button.lock.disabled {
			background-position: -10px -946px;
		}
		
		.button.export-button.edit:hover {
			background-position: -10px -640px;
		}
		
		.button.export-button.edit, .button.export-button.edit.disabled {
			background-position: -10px -674px;
		}
		
		.button.export-button.email-addresses:hover {
			background-position: -8px -1510px;
		}
		
		.button.export-button.email-addresses, .button.export-button.email-addresses.disabled {
			background-position: -8px -1562px;
		}

	#content .tabs div.tab div.monitoring {
		width: 580px;
	}
	
	.tabs div.tab.tab-fields div.left {
		width: 50%;
		clear: both;
		float: left;
	}
	
	.tabs div.tab.tab-fields div.right {
		width: 50%;
		float: right;
	}
	
	.tabs div.tab.tab-fields div.left input, .tabs div.tab.tab-fields div.right input {
		width: 160px;
	}
	
	.tabs div.tab.tab-fields div.right select {
		width: 166px;
	}

	.tabs div.tab.tab-fields div.right label {
		width: 90px;
		margin-left: 32px;
	}
	
	.tabs div.tab.tab-fields div.right input.checkbox {
		width: auto;
		margin-left: 32px;
	}
	
	.tabs div.tab.tab-fields div.right label.checkbox {
		width: 160px;
		margin-left: 10px;
	}
	
	.tabs div.tab.tab-fields div.left input.checkbox {
		width: auto;
	}
	
	.tabs div.tab.tab-fields div.left .calendar input,
	.tabs div.tab.tab-fields div.right .calendar input {
		width: 70px;
		margin-left: 0;
	}
	
	/** Tab Meeting -> Online Registration **/
	.tabs div.meeting-onlineRegistration div.tab.tab-fields {
		border-radius: 0 5px 0 0;
		-webkit-border-radius: 0 5px 0 0;
		-moz-border-radius: 0 5px 0 0;
		-o-border-radius: 0 5px 0 0;
		-ms-border-radius: 0 5px 0 0;
	}
	
		.tabs div.meeting-onlineRegistration div.tab.tab-fields .onlineRegistration-registrationForm label {
			margin-right: 10px;
		}
	
	.tabs div.meeting-onlineRegistration div.tab.onlineRegistrationNotifications {
		border-top: 1px solid #b2b2b3;
		border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		-o-border-radius: 0 0 5px 5px;
		-ms-border-radius: 0 0 5px 5px;
		padding-top: 20px;
	}
	
		.tabs div.meeting-onlineRegistration div.tab.onlineRegistrationNotifications > div {
			margin-bottom: 10px;
			clear: both;
		}
	
			.tabs div.meeting-onlineRegistration div.tab.onlineRegistrationNotifications > div > label {
				margin-right: 10px;
			}
			
		.tabs div.meeting-onlineRegistration div.tab.onlineRegistrationNotifications > div.approval-email-attachments-description {
			margin-top: 20px;
		}
			
	.tabs div.meeting-onlineRegistration label.visa-support-deadline {
		width: 135px !important;
	}

/*** Validation errors ***/
.validation-error.ERROR label, .validation-error.ERROR span.inline-message {
	color: #9e0b0f !important;
}

.validation-error.ERROR input, .validation-error.ERROR select, .validation-error.ERROR textarea {
	border-color: #9e0b0f;
	background-color: #ffd6c9;
}

.validation-error.WARNING label, .validation-error.WARNING span.inline-message {
	color: #b06000 !important;
}

.validation-error.WARNING input, .validation-error.WARNING select, .validation-error.WARNING textarea {
	border-color: #f7941d;
	background-color: #fce3c7;
}

/*** Validation errors (inline messages) ***/
.inline-message {
	display: block;
	margin-top: 2px;
	margin-left: 132px;
}

/*** Validation errors (tables) ***/
td.validation-error.ERROR {
	background-color: #ffd6c9 !important;
}

	td.validation-error.ERROR select {
		color: #9e0b0f !important;
		background-color: #ffd6c9 !important;
	}
	

/*** Contact ***/
#contacts .table th.last-name {
	width: 200px;
}

#contacts .table th.first-name {
	width: 170px;
}

#contacts .table th.phone {
	width: 120px;
}

#contacts .table th.email {
	width: 240px;
}

.tab.contact .table th.last-name, .tab.contact .table th.first-name {
	width: 115px;
}

.tab.contact .table th.email {
	width: 175px;
}

.tab.contact .table th.represented-country {
	width: 130px;
}

.tab.recipient .table th.recipient-type {
	width: 137px;
}

.ui-tooltip.contact-tooltip {
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

	.ui-tooltip.contact-tooltip .title {
		font-weight: bold;
	}

/*** Attendee relationship ***/
.modal-panel .modal-body .relationship .tab div.attendee-protocolOrder input {
	width: 50px;
}

/*** Meeting ***/
#meetings .table th.short-name {
	width: 470px;
}

#meetings .table th.starting-date {
	width: 110px;
}

th.updated-date {
	width: 150px;
}

#meetings .table th.ending-date {
	width: 110px;
}

#meetings .table th.attendees {
	width: 100px;
}

#meetings .table th.additional-info {
	width: 60px;
}

.tab.meeting .table th.short-name {
	width: 350px;
}

.tabs div.tab div.buttons .button.send-to-security-button {
	width: 95px;
	padding-left: 15px;
}

/*** Working subgroups ***/
#working-subgroups .table tr {
	background-color: #eaeff6;
}

#working-subgroups .table tr:nth-child(2n+2) {
	background-color: #c0d0e4;
}

	#working-subgroups .table tr td:hover {
		background-color: #fff;
	}

	#working-subgroups .table th.working-group {
		width: 250px;
	}

.tab select.working-group {
	width: 455px;
}

/*** Working subgroups ***/
.tab.working-subgroups .table th.working-group {
	width: 170px;
}

/*** Emails ***/
#emails .table th.sending-date {
	width: 110px;
}

#emails .table th.created-user {
	width: 260px;
}

/*** Listings ***/
#listing-search {
	float: left;
	width: 100%;
}

	#listing-search #report-type {
		float: left;
		width: 180px;
	}

#listing-tabs {
	float: left;
	margin-top: 10px;
}

	#listing-tabs div.tab {
		width: 718px;
	}

		#listing-tabs div.tab .ending-date {
			margin-left: 130px;
			width: 80px;
		}

	#listing-tabs .table tr td.column-check, #listing-tabs .table tr th.column-check {
		vertical-align: middle;
	}

		#listing-tabs .table tr td.column-check input, #listing-tabs .table tr th.column-check input {
			width: auto;
			margin-left: 4px;
		}
		
		#listing-tabs .table tr td.column-check a.hide, #listing-tabs .table tr th.column-check a.hide {
			display: none;
		}

#details .tabs.export {
	margin-top: 20px;
}

	#details .tabs.export .file-type {
		float: left;
	}
	
	#details .tabs.export input.template-merged, #details .tabs.export label.template-merged,
	#details .tabs.export input.hide-contact-information, #details .tabs.export label.hide-contact-information {
		float: left;
		width: auto;
		margin-top: 6px;
	}
	
	#details .tabs.export input.template-merged {
		margin: 5px 5px 0 50px;
	}
	
	#details .tabs.export input.hide-contact-information {
		margin: 5px 5px 0 20px;
	}
	
	#details .tabs.export label.hide-contact-information {
		width: 120px;
	}
	
	#details .tabs.export .pick-list-columns {
		width: 425px;
	}

		#details .tabs.export .pick-list-columns .ui-picklist-list {
			width: 200px;
		}

/*** Tool ***/
#tool-search {
	margin-bottom: 10px;
}

/*** Tool - Contact Merge ***/
#contacts.contacts-merge .table .column-check {
	width: 20px;
}

#contacts .table th.email {
	width: 215px;
}

#contacts.contacts-merge .table tr td.column-check a.hide, #contacts.contacts-merge .table tr th.column-check a.hide {
	display: none;
}

#contacts.contacts-merge .table tr td.column-check, #contacts.contacts-merge .table tr th.column-check {
	vertical-align: middle;
}

#contacts.contacts-merge .table tr td.column-check input, #contacts.contacts-merge .table tr th.column-check input {
	width: auto;
	margin-left: 4px;
}

#content .details.contacts-merge-list .monitoring {
	width: 48%;
	margin-top: 0px;
}

#content .details.contacts-merge-list .buttons {
	width: 44%;
	padding: 10px 10px 10px 10px;
	float: right;
}

#content .details.contacts-merge-list ul.ui-datalist-data li {
	float: left;
}

#content .details.contacts-merge-list .selected-contact-index {
	float: right;
	font-size: 60px;
	margin: 6px 10px 6px 0;
}

#content .details.contacts-merge-list .monitoring-buttons-container {
	width: 100%;
	float: left;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	background-color: #e5e5e5;
	margin-top: 10px;
}

#content .details.contacts-merge-list .button-container {
	display: inline-block;
}

#content .details.contacts-merge-list .button.remove-from-list {
	background-position: -7px -266px;
	padding-left: 30px;
	padding-right: 10px;
	margin-top: 5px;
	width: 100%;
}

#content .details.contacts-merge-list .button.remove-from-list:hover {
	background-position: -7px -232px;
}

#content .details.contacts-merge-list .button.merge {
	background-position: -2px -1166px;
	padding-left: 30px;
	padding-right: 10px;
	width: 100%;
}

#content .details.contacts-merge-list .button.merge:hover {
	background-position: -2px -1199px;
}

#content .details.contacts-merge-list .button.save-in-list {
	background-position: -7px -335px;
	padding-left: 30px;
	padding-right: 10px;
	margin-top: 5px;
	width: 100%;
}

#content .details.contacts-merge-list .button.save-in-list:hover {
	background-position: -7px -300px;
}

#content .search-panel.tool #tool-search,
#content .search-panel.tool #tool-search-entity {
	float: left;
	margin-right: 20px;
}

#content .search-panel.tool .toggle-advanced-search {
	margin-left: 440px;
	padding-top: 0;
}

#content #tool-type,
#content #tool-entity-type {
	height: 25px;
}

/* Tool - Back To Back Meetings */ 

#back-to-back-meetings .table th.short-name {
	width: 300px;
}

#back-to-back-meetings-meetings .table th.starting-date {
	width: 110px;
}

#back-to-back-meetings-meetings .table th.attendees {
	width: 100px;
}

#back-to-back-meetings-attendee-contacts-buttons.buttons .button.export-button {
	float: right;
}

#back-to-back-meetings-attendee-contacts .table tr td div.ui-overlaypanel {
	width: 300px;
	background-color: #ffffff;
	border: 1px solid #2E64A4;
	white-space: normal;
	text-align: left;
}

#back-to-back-meetings-attendee-contacts ul li {
	list-style-type: disc;
	padding: 0 0;
	clear: both;
	cursor: default;
	border-width: 0 0 0 0;
	border-radius: 0 0 0 0;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	-o-border-radius: 0 0 0 0;
	-ms-border-radius: 0 0 0 0;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	background-color: #FFFFFF;
	color: #5b5b5b;
	margin-left: 15px;
	margin-right: 0;
	line-height: 15px;
	margin-top: 5px;
}

/* Tool - Back To Back Meetings - Modal Panel */
.back-to-back-meeting-meeting.modal {
	width: 640px;
	margin-left: -320px;
}

	.back-to-back-meeting-meeting.modal .modal-header {
		width: 620px;
	}

	.back-to-back-meeting-meeting.modal .modal-body {
		width: 620px;
	}

	.back-to-back-meeting-meeting.modal .modal-body .buttons {
		float: left;
		width: 620px;
		margin-top: 0;
	}

	#notification-back-to-back-meeting-meeting {
		/*float: right;*/
	}
	
/* Contact Import (Tool) */
.contact-imports .download-link {
	display: block;
	float: left;
	clear: both;
	text-decoration: underline;
	color: #2E64A4;
	width: 100%;
}

.contact-imports .download-link:hover {
	text-decoration: none;
}

.contact-import-panel {
	margin-top: 10px;
	float: right;
}

.contact-import-panel>* {
	float: left;
	margin-left: 10px;
}

.contact-import-panel select {
	width: 275px;
	margin-bottom: 5px;
}

#contact-imports-contact-import .table tr td div.ui-overlaypanel {
	width: 300px;
	background-color: #ffffff;
	border: 1px solid #2E64A4;
	white-space: normal;
	text-align: left;
}

.details.contact-import .buttons .button {
	float: left;
}

/*** Audit tool ***/
th.updated-date {
	width: 150px;
}

/*** Login ***/
.login .info {
	float: left;
	width: 610px;
	clear: both;
	margin: 30px 0px 20px 40px;
	border-right: 1px solid #ccc;
	padding-right: 40px;
}

	.login .info p {
		font-size: 12px;
		line-height: 13px;
		margin-bottom: 14px;
	}
	
	.login .info p.title {
		font-size: 20px;
		margin-bottom: 20px;
		text-transform: uppercase;
	}
	
	.login .info p.title.last {
		margin-top: 280px;
		margin-bottom: 20px;
	}
	.login .info .contact {
		margin-bottom: 30px;
	}
	
	.login .info .contact p {
		line-height: 8px;
	}

.login .fields {
	float: left;
	width: 350px;
	margin: 10px 20px 20px 40px;
	border: 0 none;
	padding: 15px 0;
}

	.login .fields p {
		margin-bottom: 14px;
		line-height: 15px;
	}	

	.login .fields p.title {
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	.login .fields div.field {
		float: left;
		width: 100%;
		margin: 0 0 20px 0;
	}

		.login .fields div.field label {
			float: left;
			width: 100%;
			text-align: left;
			margin-bottom: 10px;
			text-transform: uppercase;
		}
		
		.login .fields div.field input {
			width: 100%;
		}

	.login .fields .buttons {
		float: left;
		width: 100%;
		margin-bottom: 40px;
	}

		.login .fields .button {
			float: left;
		}
		
		.login .fields .error {
			float: left;
			margin-left: 40px;
			width: 200px;
			color: red;
			line-height: 36px;
		}
		
		.login .fields a {
			color: #5b5b5b;
			text-decoration: underline;
		}

	.send-email-button {
		display: block;
		float: left;
		height: 32px;
		width: 34px;
	}
	
/*** Login (external) ***/
.external #container, .external #main, .external #content {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.external .centered {
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}

.external .centered.details {
	width: 630px !important;
}

.external .centered.list.wide {
	width: 900px !important;
}

.external .list.wide .list {
	width: 890px !important;
	margin-right: 0 !important;
}

.login.ext #container, .login.ext #main {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.login.ext .login {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	float: none !important;
	text-align: center;
}

	.login.ext .login h1 {
		font-size: 24px;
		font-weight: normal;
		margin-bottom: 40px;
	}
	
	.login.ext .login p {
		font-size: 16px;
		font-weight: normal;
		margin-bottom: 6px;
	}
	
	.login.ext .login .fields {
		width: 250px;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		padding: 15px 5px;
	}
	
	.login.ext .login .buttons {
		margin-bottom: 15px;
		float: none;
	}
	
	.login.ext .login .button {
		float: none;
	}
	
	.login.ext .login .fields div.field input {
		width: 244px;
	}
	
	.login.ext .login div.horizontal-line {
		border-bottom: 1px solid #e5e5e5;
		margin-bottom: 20px;
	}
	
	.login.ext .login span.meeting-name {
		font-weight: bold;
	}
	
	.login.ext .login .fields .error {
		width: 250px;
		margin: 0;
		float: none;
	}
	
	.login.ext .login .fields .error.duplicate-user,
	.login.ext .login .fields .error.non-activated-user {
		line-height: 1;
    	margin: 20px 0;
	}
	
	.meeting-registration .meeting-cancellationComment {
		font-size: 14px;
		display: block;
		text-align: center;
	}
		.meeting-registration .meeting-cancellationComment a {
			font-size: 14px;
			color: #5b5b5b;
			text-decoration: underline;
		}

/* Rejection history */
.rejected-applications .ui-icon.ui-icon-circle-triangle-e {
	background: url(../images/icons.png) no-repeat -12px -719px;
}
	
.rejected-applications .ui-icon.ui-icon-circle-triangle-s {
	background: url(../images/icons.png) no-repeat -9px -1818px;
}
	
	.rejected-applications th.toggle-column {
		width: 30px;
	}
	
	.rejected-applications th.starting-date-column {
		width: 105px;
	}
	
	.rejected-applications th.rejection-reason-column {
		width: 155px;
	}
	
	.rejected-applications textarea {
		width: 100% !important;
	}
	
	.rejected-applications .table {
		margin-bottom: 15px;
	}
	
	.rejected-applications div.ui-row-toggler {
		width: 24px !important;
	}
	

/* Account management pages */
body.account #content {
	width: 1380px;
}
	
	div.hcentered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		float: none !important;
	}
	
	.panel {
		float: left;
		padding: 30px 10px 15px 10px;
		width: 600px;
	}		
		
		.panel>div {
			clear: both;
		}
		
		.panel .info {
			font-size: 14px;
		    font-weight: bold;
		    margin: 0 0 25px 0;
		    line-height: 24px;
		}
		
		.panel .info a {
			color: #5b5b5b;
			text-decoration: underline;
		}
		
		.panel .fields div {
			width: 100%;
			margin-bottom: 10px;
		}
		
		.panel .fields div label {
			float: left;
			width: 132px;
			margin-top: 4px;
			color: #5b5b5b;
		}
		
		.panel .fields div input {
			width: 245px;
		}
		
		.panel .fields div .calendar input {
			width: 70px;
			margin-left: 0;
		}
		
		.panel .fields div.buttons {
			margin-top: 30px;
		}
		
		.panel .fields div.buttons .button {
			width: auto;
			float: left;
			margin-right: 10px;
		}

/* Error */

#content.error {
	float: none;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	text-align: center;
}

	#content.error h1 {
		font-size: 24px;
		font-weight: normal;
		margin-bottom: 60px;
	}
	
	#content.error .button {
		display: block;
		background-image: none;
		padding-left: 20px;
		width: 160px;
		margin-left: auto;
		margin-right: auto;
		white-space: nowrap;
	}
	
#incompatible-browser {
	float: left;
	margin-top: 10px;
	width: 100%;
}

	#incompatible-browser>div {
		width: 850px;
		text-align: center;
		margin: 0 auto;
		padding: 20px;
		border: 1px solid #ed1c24;
		background-color: #ffd6c9;
		font-size: 16px;
		color: #ed1c24;
		font-weight: bold;
		line-height: 25px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
	}
	
	.external #incompatible-browser>div {
		width: 750px;
	}
	
	
/** ADMIN tool **/

body.admin #header #logo a {
	width: 210px;
}

body.admin #details .user-role {
	width: 100%;
	margin-bottom: 20px;
}

	body.admin #details .user-role label {
		float: left;
		width: 132px;
		margin-top: 4px;
		color: #5b5b5b;
	}

body.admin #details #user-permissions .table tr.even {
	background-color: #eaeff6;
}

body.admin #details #user-permissions .table tr.odd {
	background-color: #c0d0e4;
}

	body.admin #details #user-permissions .table tr td input {
		margin: 0;
	}
	
/** meeting overview and meeting registration **/	
#select-managed-contact {
	margin-left: 40px;
}

#select-managed-contacts {
	margin-left: 10px;
}

#warning-visa {
	display: none;
	color: red;
}

.meeting-not-found,
.meeting-closed, 
.meeting-online-registration-disabled {
	display: block;
	color: red;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 6px;
}

.meeting-cancelled {
	display: block;
	color: #5b5b5b;
	font-size: 16px;
	font-weight: normal;
	margin: 20px 0;
}
	.meeting-cancelled a {
		color: #5b5b5b;
		text-decoration: underline;
	}

.tabs div.tab div.buttons .button.process-resend-activation {
	float: left;
}

.account-creation-message {
	font-weight: normal !important;
}

/** advanced merge feature **/
div.advanced-merge-feature input {
	float: left;
}
.modal.modal-dialog .modal-body div.advanced-merge-feature label {
	width: 264px;
	margin: 0 0 0 10px;
}
	.modal.modal-dialog .modal-body div.advanced-merge-feature label.tooltip-info {
		width: 7px;
    	color: white;
	}

.tabs div.tab.tab-fields div span.username-label {
	width: 90%;
	margin: 3px 0 0 10px
}

.match-ERROR {
	background-color: #ffd6c9 !important;
}

.modal.modal-dialog .modal-body div.contact-working-subgrups-list-emails textarea {
	min-height: 250px;
	resize: vertical;
}

#notification-link > a {
	padding: 0 20px !important;
}

.button.recipient-contact {
	background-position: 0 -18px;
	margin-right: 20px;
}
	.button.recipient-contact:hover {
		background-position: 0 5px;
	}

.button.recipient-institution {
	background-position: 0 -2349px;
}
	.button.recipient-institution:hover {
		background-position: 0 -2320px;
	}
	
.contact-listing-warning {
	float: left;
	display: block;
	color: #9e0b0f;
}

.contact-institutions-container {
	margin: 0;
    padding: 2px;
    border: 1px solid #b2b2b3;
    background-color: #cfcfcf;
    color: #5b5b5b;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    font-family: sans-serif;
    font-size: 12px;
    float: left;
    max-width: 456px;
    width: 446px !important;
    min-height: 13px;
}

.contact-institutions-container a {
	display: inline-block;
	color: #2E64A4;
}

.datePicker-validator {
    float: left;
    clear: both;
    margin-left: 133px;
    color: #9e0b0f !important;
}

span.customize-email {
	max-width: 600px !important;
	padding: 20px 0;
	line-height: 16px;
}

div.meeting-attended {
	margin: 0 0 20px 10px;
}

div.meeting-attended input {
	width: 20px;
}

div.meeting-attended label {
	width: auto;
    margin-right: 5px;
    margin-top: 4px;
}

.information-messages {
	width: 800px;
    margin: 0 auto;
    padding: 20px 0;
    float: none !important;
    text-align: center;
}

/*** this solution is temporary - see CDBU-329 ***/
.applicant-attendeeRepresentationType.ILO.YES > #applicant-attendeeRepresentationType > option:not([value='13']) {
	display: none;
}

.clickable-attr {
	color: black !important;
	cursor: pointer;	
}

.guideline {
	display: block;
	clear: both;
}