/*** 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: #353535;
	background-color: #f2f2f2;
	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;
	font-family: sans-serif;
	font-size: 12px;
	resize: none;
	border: 1px solid #b5b4b5;
 	border-radius: 4px;
}

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

input[type=text]::-ms-clear { 
	display: none; 
}

a {
	text-decoration: none;
	color: #353535;
}

.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-picklist .ui-button {
	width: 28px;
	height: 28px;
	background: url(../images/icons.png) no-repeat;
	background-color: transparent;
	border: 0 none;
	margin: 0 18px 10px 18px;
}

	.ui-picklist .ui-button.ui-picklist-button-add {
		background-position: 0 -1470px;
	}
	
	body.exercise .ui-picklist .ui-button.ui-picklist-button-add {
		background-position: 0 -2284px;
	}
	
	.ui-picklist .ui-button.ui-picklist-button-add-all {
		background-position: -30px -1470px;
	}
	
	body.exercise .ui-picklist .ui-button.ui-picklist-button-add-all {
		background-position: -30px -2284px;
	}
	
	.ui-picklist .ui-button.ui-picklist-button-remove-all {
		background-position: -60px -1470px;
	}
	
	body.exercise .ui-picklist .ui-button.ui-picklist-button-remove-all {
		background-position: -60px -2284px;
	}
	
	.ui-picklist .ui-button.ui-picklist-button-remove {
		background-position: -90px -1470px;
	}
	
	body.exercise .ui-picklist .ui-button.ui-picklist-button-remove {
		background-position: -90px -2284px;
	}
	
.ui-picklist {
	display: inline-block;
	vertical-align: middle;
}

	.ui-picklist tr td {
		vertical-align: middle;
	}
	
		.ui-picklist tr td .ui-picklist-list {
			padding: 3px 0;
			border: 1px solid #b5b4b5;
			border-radius: 4px;
		}
			
			.ui-picklist tr td .ui-picklist-list .ui-state-highlight {
				background-color: #e7eeff;
			}
			
			body.exercise .ui-picklist tr td .ui-picklist-list .ui-state-highlight {
				background-color: #e3f3c0;
			}

.ui-datepicker-trigger {
	background: url(../images/icons.png) no-repeat right -966px;
	border: 0 none;
	width: 20px ;
	height: 20px;
}

body.exercise .ui-datepicker-trigger {
	background-position: right -2026px;	
}

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

	body.exercise .ui-datepicker {
		border-color: #85bf09;
	}

	.ui-datepicker-header {
		color: #fff;
		border-bottom: 1px solid #4d9cf2;
		background-color: #4d9cf2;
	}
	
	body.exercise .ui-datepicker-header {
		border-color: #85bf09;
		background-color: #85bf09;
	}
	
		.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.ui-datepicker-week-end span, .ui-datepicker td.ui-datepicker-week-end a {
				color: #228be2;
			}
			
			body.exercise .ui-datepicker td.ui-datepicker-week-end span, body.exercise .ui-datepicker td.ui-datepicker-week-end a {
				color: #85bf09;
			}
			
			.ui-datepicker td.ui-datepicker-unselectable span, .ui-datepicker td.ui-state-disabled span {
				color: #999;
			}
			
			.ui-datepicker .ui-datepicker-current, .ui-datepicker .ui-datepicker-close, .ui-datepicker .ui-datepicker-clear {
				cursor: pointer;
				color: #fff;
				font-size: 10px;
				padding: 0 20px;
				border: 1px solid #4d9cf2;
				
				background-color: #000;
				background-repeat: no-repeat;
				background: linear-gradient(0deg, #5a5b5d 0%, #999a9e 60%);
				
				overflow: visible; /* remove padding from left/right */
				white-space: nowrap;
			  	width: auto;
			  	
			  	border-radius: 4px;
			  	
			  	display: block;
			}
			
			body.exercise .ui-datepicker .ui-datepicker-current, body.exercise .ui-datepicker .ui-datepicker-close, body.exercise .ui-datepicker .ui-datepicker-clear {
				border-color: #85bf09;
			}
			
			.ui-datepicker .ui-datepicker-current:hover, .ui-datepicker .ui-datepicker-close:hover, .ui-datepicker .ui-datepicker-clear:hover {
				color: #228be2;
				background: none;
				background-color: #fff;
			}
			
			body.exercise .ui-datepicker .ui-datepicker-current:hover, body.exercise .ui-datepicker .ui-datepicker-close:hover, body.exercise .ui-datepicker .ui-datepicker-clear:hover {
				color: #85bf09;
			}

	.ui-datepicker .ui-timepicker-div dl dt {
		height: 25px;
		margin-bottom: -25px;
	}
	
	.ui-datepicker .ui-timepicker-div dl dd {
		margin: 0 10px 10px 65px;
	}

.ui-slider {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #cbcbcb;
	-moz-box-shadow: inset 0 2px 2px #8f8f8f;
	-webkit-box-shadow: inset 0 2px 2px #8f8f8f;
	box-shadow: inset 0 2px 2px #8f8f8f;
}

	.ui-slider .ui-slider-handle {
		border: 1px solid #a8a8a8;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background: #85b2cb;
		background: #85b2cb linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
		background: #85b2cb	-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8) ), to(rgba(255, 255, 255, 0)));
		background: #85b2cb -moz-linear-gradient(top, rgba(255, 255, 255, 0.8),	rgba(255, 255, 255, 0));
	}

.ui-fileupload {
	display: inline-block;
	height: 30px;
	line-height: 30px;
}

	.ui-fileupload .ui-fileupload-buttonbar {
		float: left;
		padding: 0;
	}
	
		.ui-fileupload .ui-fileupload-buttonbar .ui-button {
			margin: 0;
		}
		
		.ui-fileupload .ui-fileupload-buttonbar .ui-button-text {
			width: auto;
			text-align: left;
			padding: 0 0 0 25px;
			color: #228be2;
			
			background: url(../images/icons.png) no-repeat -135px -1510px;
		}
		
		body.exercise .ui-fileupload .ui-fileupload-buttonbar .ui-button-text {
			color: #85bf09;
			background-position: -135px -2320px;
		}
	
	.ui-fileupload .ui-fileupload-content {
		float: left;
		font-size: 12px;
		font-weight: normal;
		color: #353535;
		padding: 0;
		margin: 0 0 0 30px;
	}
	
		.ui-fileupload .ui-fileupload-content .ui-fileupload-files {
			width: 600px;
			margin: 0;
			table-layout: fixed;
			overflow: hidden;
		}
		
		.ui-fileupload .ui-fileupload-content .ui-fileupload-files td {
			padding: 0;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
	
		.ui-fileupload .ui-fileupload-content .ui-fileupload-preview, .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel {
			display: none;
		}
		
			.ui-fileupload .ui-fileupload-content .ui-fileupload-progress {
					width: 200px;
				}
		
				.ui-fileupload .ui-fileupload-content .ui-fileupload-progress .ui-progressbar {
					width: 120px;
					height: 12px;
					border: 1px solid #b5b4b5;
					border-radius: 4px;
				}
					.ui-fileupload .ui-fileupload-content .ui-fileupload-progress .ui-progressbar .ui-progressbar-value {
						margin: 0;
						background-color: #228be2;
					}

		
				.ui-fileupload .ui-fileupload-content .ui-messages-error {		
					color: #ff3705;
					background: none;
					border: 0 none;
					padding: 0;
					margin: 0;
				}

					.ui-fileupload .ui-fileupload-content .ui-messages-error .ui-messages-error-icon {
						display: none;
					}
					
					.ui-fileupload .ui-fileupload-content .ui-messages ul {
						margin: 0;
					}
					
						.ui-fileupload .ui-fileupload-content .ui-messages ul .ui-messages-error-detail {
							color: #353535;
							margin-left: 20px;
						}

/*** styles ***/

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

.button {
	cursor: pointer;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 25px;
	height: 25px;
	padding: 0 20px;
	border: 2px solid #4d9cf2;
	
	background-color: #000;
	background-repeat: no-repeat;
	background: linear-gradient(0deg, #5a5b5d 0%, #999a9e 60%);
	
	overflow: visible; /* remove padding from left/right */
	white-space: nowrap;
  	width: auto;
  	
  	border-radius: 4px;
  	
  	display: block;
}

body.exercise .button {
	border-color: #85bf09;
}

input.button {
	height: 29px;
}

.button:hover {
	color: #228be2;
	background: none;
	background-color: #fff;
}

body.exercise .button:hover {
	color: #85bf09;
}
	
input.checkbox, .ui-radio-button input {
	border: 0 none;
	background: none;
	padding: 0;
}

.calendar {
	display: inline-block;
	border: 1px solid #b5b4b5;
	border-radius: 4px;
	padding: 0 4px 0 2px;
	vertical-align: middle;
}

	.calendar input {
		float: left;
		border: 0 none;
		border-right: 1px solid #b5b4b5;
		border-radius: 0;
		width: 100px;
		margin-left: 0;
		margin-right: 0;
	}
	
	.buttons .calendar button {
		float: left;
	}

.hide {
	display: none;
}

/*** Notification ***/

.notification {
	padding: 0 10px 0 0;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #b5b4b5;
	background-color: #fff;
}

	.notification .notification-messages {
		float: left;
		display: block;
		padding: 0;
	}
	
		.notification .notification-messages .notification-title {
			float: left;
			background: url(../images/icons.png) no-repeat -125px -667px;
			padding: 0 0 0 35px;
		}
		
		body.exercise .notification .notification-messages .notification-title {
			background-position: -125px -1916px;
		}
	
			.notification .notification-messages .notification-title span {
				display: block;
				float: left;
			}
			
			.notification .notification-messages .notification-title span.notification-time {
				color: #7e7e7e;
				margin: 0 12px 0 4px;
			}
			
			.notification .notification-messages .notification-title span.notification-button {
				margin-left: 10px;
			}
		
			.notification .notification-messages .notification-title.toggle-notification {
				cursor: pointer;
			}
				
		.notification .notification-messages .notification-panel {
			position: absolute;
			margin: 0 0 0 278px;
			z-index: 10;
			border: 1px solid #b5b4b5;
			background-color: #fff;
			line-height: 20px;
			border-radius: 4px;
			box-shadow: 1px 1px 1px #b5b4b5;
		}
		
		.notification .notification-messages .notification-panel .notification-subpanel {
			width: 350px;
			overflow-y: auto; 
			margin-top: 3px;
			margin-left: -1px;
			line-height: 12px;
		}
		
			.notification .notification-messages .notification-panel .notification-subpanel li {
				padding: 4px 6px;
			}
		
				.notification .notification-messages .notification-panel .notification-subpanel li .field {
					font-weight: bold;
				}
		
		.notification.INFO .notification-messages {	
		}
			
			.notification.INFO .notification-messages .notification-message, .notification.INFO .notification-messages .notification-button {
				color: #228be2;
			}
			
			body.exercise .notification.INFO .notification-messages .notification-message, body.exercise .notification.INFO .notification-messages .notification-button {
				color: #85bf09;
			}
			
			.notification.INFO .notification-messages .notification-panel {
				border-color: #228be2;
				color: #228be2;
			}
			
			body.exercise .notification.INFO .notification-messages .notification-panel {
				border-color: #85bf09;
				color: #85bf09;
			}
		
		.notification.ERROR {
			background-color: #fde0e0;
		}
			
			.notification.ERROR .notification-messages .notification-title, body.exercise .notification.ERROR .notification-messages .notification-title {
				background-position: -125px -707px;
			}
				
				.notification.ERROR .notification-messages .notification-message, .notification.ERROR .notification-messages .notification-button {
					color: #ff3800;
				}
				
				.notification.ERROR .notification-messages .notification-panel {
					background-color: #fde0e0;
					border-color: #e5e5e5;
					color: #ff3800;
				}
			
			.notification.STATUS .notification-messages .notification-title {
				background: transparent url(../images/status.gif) no-repeat 5px 4px;
			}
			
			body.exercise .notification.STATUS .notification-messages .notification-title {
				background: transparent url(../images/status-exercise.gif) no-repeat 5px 4px;
			}

/*** Header ***/

#header {
	float: left;
	width: 100%;
	background: url(../images/header-background.png) repeat left top;
	height: 120px;
}

body.exercise #header {
	background: url(../images/header-background-exercise.png) repeat left top;
}

	#header .wrapper, #operation .wrapper, #operation-bottom .wrapper, #footer .wrapper {
		width: 980px;
		margin: 0 auto;
	}
			
		#header #status {
			float: left;
			width: 100%;
			line-height: 30px;
			height: 30px;
			font-size: 11px;
		}
		
			#header #status a {
				float: right;
				color: #fff;
			}
			
			#header #status #username {
				border: 0 none;
				padding: 0 0 0 30px;
				margin: 0 10px 0 0;
				background: url(../images/icons.png) no-repeat -125px -742px;			
			}
			
			#header #status #username:hover {
				color: #228be2;
				background: url(../images/icons.png) no-repeat -125px -782px;
			}
			
			body.exercise #header #status #username:hover {
				color: #85bf09;
				background-position: -125px -1953px;
			}
			
			#header #status .status-link {
				line-height: 18px;
				height: 18px;
				border: 1px solid #4d9cf2;
				margin: 5px 0 0 10px;
				padding: 0 30px;
				border-radius: 4px;
			}
			
			body.exercise #header #status .status-link {
				border-color: #85bf09;
			}
			
			#header #status .status-link:hover {
				color: #228be2;
				background-color: #fff;
			}
			
			body.exercise #header #status .status-link:hover {
				color: #85bf09;
			}
					
		#header #logo {
			float: left;
			width: 100%;
			line-height: 82px;
			height: 82px;
			background: url(../images/logo-background.png) repeat left top;
			text-align: center;
		}
		
		body.exercise #header #logo {
			background: url(../images/logo-background-exercise.png) repeat left top;
		}
		
			#header #logo a {
				font-size: 35px;
				color: #fff;
			}
			
				#header #logo a span {
					display: inline-block;
					height: 100%;
					vertical-align: top;
					font-weight: bold;
				}
			
				#header #logo a img#logo-un {
					width: 80px;
					margin: 5px 30px 0 30px;
				}
				
				#header #logo a span.logo-name {
					font-weight: normal;
				}
				
				#header #logo span.logo-exercise {
					float: right;
					display: inline-block;
					color: #fff;
					margin-right: 10px;
				}
		
/*** Operations ***/

.operation {
	float: left;
	width: 100%;
	height: 45px;
	line-height: 45px;
}

.operation#operation-bottom {
	margin: -50px 0 40px 0;
}

	.operation .notification {
		float: left;
		height: 25px;
		line-height: 25px;
		margin: 10px 0;
	}

	.operation .buttons {
		float: right;
		margin-top: 10px;
	}
	
		.operation .buttons input, .operation .buttons select, .operation .buttons a, .operation .buttons span {
			float: left;
			margin-left: 10px;
		}
		
		.operation .buttons .autocomplete input {
			height: 19px;
			line-height: 19px;
			width: 200px;
			margin-left: 0;
		}
		
		.operation .buttons select {
			height: 29px;
			line-height: 29px;
		}
		
		.operation .buttons .search-text {
			width: 250px;
			height: 23px;
			line-height: 23px;
		}
		 
		.operation .buttons .calendar {
		 	background-color: #fff;
		 	line-height: 1;
		}
		
			.operation .buttons .calendar input {
				margin-left: 0;
				line-height: 19px;
				height: 19px;
			}
			
			.operation .buttons .calendar .ui-datepicker-trigger {
				margin-top: 2px;
			}

/*** Footer ***/

#footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 19px;
	line-height: 19px;
	background-color: #000;
	border-top: 1px solid #fff;
	color: #fff;
}
	
	#footer .links {
		float: left;
	}
	
	#footer .copyright {
		float: right;
	}
	
	#footer a {
		color: #fff;
		text-decoration: underline;
	}
	
/*** Main ***/

#main {
	float: left;
	width: 980px;
	padding: 5px 10px 50px 10px;
}

/*** Sidebar ***/

#sidebar {
	float: left;
	width: 160px;
}

	#sidebar #new-report.button {
		float: left;
		width: 158px;
		padding: 0;
		text-align: center;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		text-transform: none;
		
		background: linear-gradient(0deg, #000 0%, #606062 60%);
	}
	
	#sidebar #new-report.button:hover {
		background: none;
		background-color: #fff;
	}
	
	#sidebar ul {
		float: left;
		margin-top: 15px;
		border: 1px solid #e5e5e5;
		background-color: #fff;
		border-radius: 4px;
		box-shadow: 1px 1px 1px #9e9fa0;
	}
		
	#sidebar ul li {
		float: left;
		width: 160px;
	}
	
	#sidebar ul li.even {
		background-color: #f2f2f2;
	}
	
	#sidebar ul li.odd {
		background-color: #f2f2f2;
	}
	
	#sidebar ul li:hover, #sidebar ul li.selected {
		background-color: #e7eeff;
	}
	
	body.exercise #sidebar ul li:hover, body.exercise #sidebar ul li.selected {
		background-color: #e3f3c0;
	}
	
	#sidebar ul li {
		background: url(../images/icons.png) no-repeat;
	}
	
		#sidebar ul li#sidebar-report-received {
			background-position: -125px 13px;
		}
		
		#sidebar ul li#sidebar-report-received.selected {
			background-position: -125px -17px;
		}
		
		body.exercise #sidebar ul li#sidebar-report-received.selected {
			background-position: -125px -1567px;
		}
		
		#sidebar ul li#sidebar-report-sent {
			background-position: -125px -47px;
		}
		
		#sidebar ul li#sidebar-report-sent.selected {
			background-position: -125px -77px;
		}
		
		body.exercise #sidebar ul li#sidebar-report-sent.selected {
			background-position: -125px -1599px;
		}
		
		#sidebar ul li#sidebar-report-draft {
			background-position: -125px -107px;
		}
		
		#sidebar ul li#sidebar-report-draft.selected {
			background-position: -125px -137px;
		}
		
		body.exercise #sidebar ul li#sidebar-report-draft.selected {
			background-position: -125px -1627px;
		}
		
		#sidebar ul li#sidebar-report-public {
			background-position: -125px -167px;
		}
		
		#sidebar ul li#sidebar-report-public.selected {
			background-position: -125px -197px;
		}
		
		body.exercise #sidebar ul li#sidebar-report-public.selected {
			background-position: -125px -1657px;
		}
		
		#sidebar ul li#sidebar-contact {
			background-position: -125px -227px;
		}
		
		#sidebar ul li#sidebar-contact.selected {
			background-position: -125px -257px;
		}
		
		body.exercise #sidebar ul li#sidebar-contact.selected {
			background-position: -125px -1687px;
		}
		
		#sidebar ul li#sidebar-property-manager {
			background-position: -125px -287px;
		}
		
		#sidebar ul li#sidebar-property-manager.selected {
			background-position: -125px -317px;
		}
		
		body.exercise #sidebar ul li#sidebar-property-manager.selected {
			background-position: -125px -1718px;
		}
		
		#sidebar ul li#sidebar-content-manager {
			background-position: -125px -347px;
		}
		
		#sidebar ul li#sidebar-content-manager.selected {
			background-position: -125px -377px;
		}
		
		body.exercise #sidebar ul li#sidebar-content-manager.selected {
			background-position: -125px -1747px;
		}
		
		#sidebar ul li#sidebar-audit {
			background-position: -125px -407px;
		}
		
		#sidebar ul li#sidebar-audit.selected {
			background-position: -125px -437px;
		}
		
		body.exercise #sidebar ul li#sidebar-audit.selected {
			background-position: -125px -1777px;
		}
		
		#sidebar ul li#sidebar-country {
			background-position: -125px -467px;
		}
		
		#sidebar ul li#sidebar-country.selected {
			background-position: -125px -497px;
		}
		
		body.exercise #sidebar ul li#sidebar-country.selected {
			background-position: -125px -1807px;
		}
		
		#sidebar ul li#sidebar-register {
			background-position: -125px -527px;
		}
		
		#sidebar ul li#sidebar-register.selected {
			background-position: -125px -557px;
		}
		
		body.exercise #sidebar ul li#sidebar-register.selected {
			background-position: -125px -1837px;
		}
		
		#sidebar ul li#sidebar-user {
			background-position: -125px -587px;
		}
		
		#sidebar ul li#sidebar-user.selected {
			background-position: -125px -617px;
		}
		
		body.exercise #sidebar ul li#sidebar-user.selected {
			background-position: -125px -1867px;
		}
		
		#sidebar ul li#sidebar-help, #sidebar ul li#sidebar-help-admin {
			background-position: -125px -2351px;
		}
	
		#sidebar ul li a, #sidebar ul li span {
			display: block;
			width: 120px;
			padding-left: 40px;
			line-height: 40px;
			height: 40px;
			color: #353535;
			background: url(../images/icons.png) no-repeat 270px 45px;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}
		
		#sidebar ul li.selected a, #sidebar ul li.selected span {
			color: #228be2;
		}
		
		body.exercise #sidebar ul li.selected a, body.exercise #sidebar ul li.selected span {
			color: #85bf09;
		}
		
		#sidebar ul li span {
			cursor: default;
		}
	
		#sidebar ul li ul.submenu {
			position: absolute;
			z-index: 10;
			width: 160px;
			margin-top: -40px;
			margin-left: 160px;
		}
		
			#sidebar ul li ul.submenu li {
				background-image: none;
			}
			
				#sidebar ul li ul.submenu li a, #sidebar ul li ul.submenu li span, body.exercise #sidebar ul li ul.submenu li a, #sidebar ul li ul.submenu li span {
					width: 150px;
					padding-left: 10px;
					line-height: 25px;
					height: 25px;
					color: #353535;
				}
				
				#sidebar ul li ul.submenu li.selected a, #sidebar ul li ul.submenu li.selected span {
					color: #228be2;
				}
				
				body.exercise #sidebar ul li ul.submenu li.selected a, body.exercise #sidebar ul li ul.submenu li.selected span {
					color: #85bf09;
				}

/*** Content ***/

#content {
	float: right;	
	width: 800px;
}

	#content .details {
		float: left;
		border: 1px solid #e5e5e5;
		background-color: #fff;
		border-radius: 4px;
		box-shadow: 1px 1px 1px #9e9fa0;
		padding: 30px;
		width: 738px;
	}
	
		#content .details .field {
			float: left;
			width: 100%;
			margin: 0 0 15px 0;
		}
		
		#content .details .field.last {
			margin-bottom: 0;
		}
		
			#content .details .field label {
				display: inline-block;
				width: 120px;
				vertical-align: middle;
			}
			
			#content .details .field.textarea label {
				vertical-align: top;
			}
			
			#content .details .field input,  #content .details .field textarea {
				display: inline-block;
				width: 600px;
			}
			
				#content .details .field input.file-upload {
					display: inline;
					width: auto;
				}
			
				#content .details .field input.big, #content .details .field textarea.big {
					width: 758px;
				}
			
				#content .details .field input.medium {
					width: 300px;
				}
				
				#content .details .field input.small {
					width: 150px;
				}
				
				#content .details .field input.smallest {
					width: 50px;
				}
			
			#content .details .field.checkbox input {
				width: auto;
				margin: 0 10px 0 0;
				vertical-align: middle;
			}
			
			#content .details .field.radiobutton label {
				width: auto;
				margin: 0 20px 0 0;
			}
			
			#content .details .field.radiobutton input {
				width: auto;
				margin: 0 10px 0 0;
				vertical-align: middle;
			}
			
			#content .details .field.multicheckbox span {
				display: inline-block;
				margin: 0 0 10px 0;
			}
			
			#content .details .field.multicheckbox input, #content .details .field.multicheckbox label {
				width: auto;
				margin: 0 10px 5px 0;
			}
			
			#content .details .field.checkboxes label {
				vertical-align: top;
			}
			
			#content .details .field.checkboxes table {
				display: inline-block;
			}
			
				#content .details .field.checkboxes table input {
					width: auto;
					margin: 0 10px 5px 0;
					vertical-align: middle;
				}
			
			#content .details .field.date input {
				width: 100px;
			}
			
			#content .details .field.picklist label {
				vertical-align: top;
			}
					
		#content .details .table {
			box-shadow: none;
		}
	
/*** 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: fixed;
	z-index: 200;
	left: 50%;
	top: 100px;
	width: 500px; 
	margin-left: -250px; 
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow:  0px 0px 10px 2px rgba(0, 0, 0, 0.5);
 	box-shadow:  0px 0px 10px 2px rgba(0, 0, 0, 0.5);
}

	.modal .modal-header {
		float: left;
		width: 480px;
		font-weight: bold;
		
		background-color: #353637;
		color: #fff;
		border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		padding: 5px 10px;
		font-size: 16px;
		line-height: 32px;
		text-transform: uppercase;
	}
	
		.modal .modal-header span {
			float: left;
		}
	
		.modal .modal-header a {
			float: right;
			color: #fff;
		}
	
	.modal .modal-body {
		float: left;
		padding: 10px;
		width: 480px;
	}
	
		.modal .modal-body .notification {			
			float: left;
			line-height: 25px;
			margin: 3px 0 0 -2px;
			box-shadow: 1px 1px 1px 1px #b5b4b5;
		}
		
		.modal .modal-body .buttons {
			float: right;
			width: 200px;
		}
		
			.modal .modal-body .buttons .button {
				float: right;
				margin-left: 10px;
			}
		
		.modal .modal-body .details {
			width: 100%;
			float: left;
			margin: 20px 0 0 0;
		}
		
			.modal .modal-body .details .field {
				float: left;
				width: 100%;
				margin: 0 0 15px 0;
			}
		
				.modal .modal-body .details .field label {
					display: inline-block;
					width: 120px;
					vertical-align: middle;	
				}
				
				.modal .modal-body .details .field input, .modal .modal-body .details .field textarea {
					width: 350px;
				}
			
/*** Dialog panel ***/

.modal-shadow.modal-dialog-shadow {
	z-index: 300;
}

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

	.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;
		}
		
/*** 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;
		}

/*** Tables ***/

.table {
	float: left;
	table-layout: fixed;
	width: 100%;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	text-align: center;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #9e9fa0;
}

	.table tr:hover {
		background-color: #e7eeff;
	}
	
	body.exercise .table tr:hover {
		background-color: #e3f3c0
	}

	.table tr th, .table tr td {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		border-left: 1px solid #e5e5e5;
		padding: 0;
		vertical-align: middle;
	}
	
	.table tr th.first, .table tr td.first {
		border-left: 0 none;
	}

	.table tr th {
		background-color: #f0f0f0;
		font-size: 12px;
		font-weight: normal;
		text-transform: uppercase;
		line-height: 40px;
   		height: 40px;
	}
		
		.table tr th a, .table tr th span {
			display: block;
   			color: #000;
		}
	
		.table tr th.asc a {			
			background: url(../images/icons.png) no-repeat right -854px;
		}
		
		.table tr th.desc a {
			background: url(../images/icons.png) no-repeat right -814px;
		}
	
	.table tr td {
		border-top: 1px solid #e5e5e5;
		line-height: 30px;
   		height: 30px;
	}
	
	.table.empty-table tr td {
		border: 0 none;
	}

		.table tr td a, .table tr td span {
			display: block;
   			padding: 0 6px;
   			height: 28px;
   			line-height: 28px;
   			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		
		.table tr td .delete {
			background: url(../images/icons.png) no-repeat right -1090px;
			border: 0 none;
			width: 16px ;
			height: 16px;
		}
		
		.table tr td .add {
			background: url(../images/icons.png) no-repeat right -1134px;
			border: 0 none;
			width: 16px ;
			height: 16px;
		}
	
/*** Pagination ***/

.pagination {
	float: left;
	width: 100%;
	margin-top: 10px;
}

	.pagination .pagination-total {
		line-height: 25px;
		width: 200px;
	}

	.pagination .pagination-pages {
		float: right;
		width: auto;	
		line-height: 25px;
	}
		
		.pagination a, .pagination span {
			float: left;
			margin-top: 0;
		}
		
		.pagination .pages {
			width: auto;
		}
		
		.pagination .arrow {
			display: block;
			width: 20px;
			height: 24px;
			text-indent: -9999px;
			margin-left: 10px;
			background: url(../images/icons.png) no-repeat;
		}
		
		.pagination a.arrow.first {	
			background-position: -68px -937px;
			margin-left: 20px;
		}
		
		body.exercise .pagination a.arrow.first {	
			background-position: -67px -1996px;
		}
		
		.pagination span.arrow.first {	
			background-position: -68px -907px;
			margin-left: 20px;
		}
		
		.pagination a.arrow.previous {	
			background-position: -90px -937px;
		}
		
		body.exercise .pagination a.arrow.previous {	
			background-position: -90px -1996px;
		}
		
		.pagination span.arrow.previous {	
			background-position: -90px -907px;
		}
		
		.pagination a.arrow.next {	
			background-position: -110px -937px;
		}
		
		body.exercise .pagination a.arrow.next {	
			background-position: -110px -1996px;
		}
		
		.pagination span.arrow.next {	
			background-position: -110px -907px;
		}
		
		.pagination a.arrow.last {	
			background-position: -130px -937px;
		}
		
		body.exercise .pagination a.arrow.last {	
			background-position: -130px -1996px;
		}
		
		.pagination span.arrow.last {	
			background-position: -130px -907px;
		}
	
/*** Validation errors ***/

.validation-error.ERROR label {
	color: #ff3800;
}

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

.validation-error.WARNING label {
	color: #b06000;
}

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

.authentication .info {
	float: left;
	width: 410px;
	clear: both;
	margin: 30px 0px 20px 40px;
	border-right: 1px solid #ccc;
	padding-right: 40px;
	color: #242424;
}

	.authentication .info p {
		font-size: 12px;
		line-height: 20px;
	}
	
	.authentication .info p.title {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 20px;
		text-transform: uppercase;
		color: #0396fd;
	}
	
	.authentication .info p.title.last {
		margin-top: 50px;
		color: #353535;
	}
	
	.authentication .info p.website {
		margin-top: 25px;
	}

.authentication .fields {
	float: left;
	width: 370px;
	margin: 30px 0 0 50px;
	border: 0 none;
	padding: 30px;
	
	border: 1px solid #e5e5e5;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #9e9fa0;
}

	.authentication .fields p.title {
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	.authentication .fields div.field {
		float: left;
		width: 100%;
		margin: 0 0 25px 0;
	}
	
		.authentication .fields div.field label {
			float: left;
			width: 100%;
			margin-bottom: 8px;
			font-weight: bold;
			font-size: 12px;
			color: #353535;
			text-transform: uppercase;
		}
		
		.authentication .fields div.field.message label {
			line-height: 20px;
		}
		
		.authentication .fields div.field input, .authentication .fields div.field textarea {
			width: 100%;
		}

	.authentication .fields .buttons {
		float: left;
		width: 100%;
	}
	
		.authentication .fields .button {
			float: left;
			background: linear-gradient(0deg, #000 0%, #606062 60%);
		}
		
		.authentication .fields .button:hover {
			background: none;
		}
	
		.authentication .fields .error {
			float: left;
			margin-left: 40px;
			width: 180px;
			color: red;
			height: 29px;
			line-height: 29px;
		}
		
	.email-replyTo {
		display: none;
	}
	
	.send-email-button {
	    display: block;
    	float: left;
    	height: 32px;
    	width: 34px;
	}
	
/*** Reports ***/

#reports .table tr th.serial-number, #reports .table tr th.private-report, #reports .table tr th.received-date, #reports .table tr th.sent-date, .table tr th.updated-date {
	width: 130px;
}

#reports .table tr th.report-type {
	width: 150px;
}

#reports .table tr th.add-report, #reports .table tr th.delete-report {
	width: 38px;
}


/*** Report ***/

#report {
	float: left;
	width: 100%;
}

#report #report-page-1, #report #report-page-2, #report #report-page-3, #report #report-page-4 {
	float: left;
	width: 100%;
}
	
	#report h1 {
		float: left;
		width: 100%;
		height: 59px;
		line-height: 45px;
		font-size: 16px;
		text-transform: uppercase;
		color: #228be2;
	}
	
	body.exercise #report h1 {
		color: #85bf09;
	}

	#report h2 {
		float: left;
		width: 100%;
		margin: 0 0 25px 0;
		font-size: 14px;	
		text-transform: uppercase;
	}
	
	#report h3 {
		float: left;
		width: 100%;
		margin: 0 0 15px 0;
		font-size: 12px;	
		text-transform: uppercase;
	}
	
	#report p {
		float: left;
		width: 100%;
		margin: 0 0 15px 0;
	}
	
	#report .details {
		padding: 20px;
		width: 758px;
		margin-bottom: 20px;
	}
	
	#report-page-1 h1 {
		color: #353535;
	}

	#report-page-1 div.report-type {
		float: left;
		width: 698px;
		height: 80px;
		line-height: 18px;
		margin: 0 0 15px 0;
		padding: 20px 0 20px 100px;
		border: 1px solid #e5e5e5;
		background-color: #fff;
		border-radius: 4px;
		box-shadow: 1px 1px 1px #9e9fa0;
		
		background: url(../images/icons.png) no-repeat white;
	}
	
	#report-page-1 div.report-type:hover {
		background-color: #e7eeff;
	}
	
	body.exercise #report-page-1 div.report-type:hover {
		background-color: #e3f3c0;
	}
	
	#report-page-1 div.report-type.early-warning-report {
		background-position: -85px -1160px;
	}
	
	body.exercise #report-page-1 div.report-type.early-warning-report {
		background-position: -85px -2058px;
	}
	
	#report-page-1 div.report-type.assitance-request {
		background-position: -85px -1250px;
	}
	
	#report-page-1 div.report-type.information-report {
		background-position: -85px -1340px;
	}
	
	body.exercise #report-page-1 div.report-type.information-report {
		background-position: -85px -2158px;
	}

		#report-page-1 div.report-type span {
			display: block;
			font-size: 14px;
			font-weight: bold;
			margin: 0 0 15px 0;	
		}
		
		#report-page-1 div.report-type.early-warning-report span, #report-page-1 div.information-report span {
			color: #228be2
		}
		
		body.exercise #report-page-1 div.report-type.early-warning-report span, body.exercise #report-page-1 div.information-report span {
			color: #85bf09;
		}
	
	#report-page-2 #recipient-user-list, #report-page-2 .country-list {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	
	#report-page-2 #recipient-user-list {
		margin-top: -10px;
	}
	
		#report-page-2 #recipient-user-list a.select-all-countries {
			float: right;
			margin: 0 0 5px 0;
		}
		
		#report-page-2 #recipient-user-list a.select-all-countries:hover {
			color: #228be2;
		}
	
		#report-page-2 #recipient-user-list .table tr th.country {
			width: 110px;
		}
		
		#report-page-2 #recipient-user-list .table tr th.fax, #report-page-2 #recipient-user-list .table tr th.phone {
			width: 120px;
		}
		
		#report-page-2 #recipient-user-list .table tr th.remove-recipient {
			width: 38px;
		}
	
		#report-page-2 .country-list a {
			display: block;
			float: left;
			width: 23%;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			line-height: 20px;
			margin: 2px 4px;
		}
		
		#report-page-2 .country-list a:hover {
			color: #228be2;
			background-color: #eee;
		}
	
	#report-page-3 .report-accident div, #report-page-4 .report-accident div {
		float: left;
		width: 25%;
		margin: 0 0 5px 0;
	}
	
	#report-page-3 #report-accident div.report-accident-group, #report-page-4 .report-accident div.report-accident-group {
		font-weight: bold;
		text-transform: uppercase;
		margin: 0 0 10px 0;
	}
	
	#report-page-3 #report-accident input, #report-page-3 #report-accident label, #report-page-4 .report-accident input, #report-page-4 .report-accident label {
		vertical-align: middle;
	}
	
	#report-page-3 #report-accident div.report-accident-other, #report-page-4 .report-accident div.report-accident-other {
		margin: 5px 0 0 0;
	}
	
		#report-page-3 #report-accident div.report-accident-other label, #report-page-4 .report-accident div.report-accident-other label {
			margin: 0 5px 0 0;
		}
	
	#report-page-3 .field.multi-unit-coordinate .multi-unit-coordinate-panel {
		display: inline-block;
		width: 500px;
	}
	
	#report-page-3 .field.multi-unit-coordinate input.toggle-map, #report-page-4 .field.multi-unit-coordinate input.toggle-map {
		width: auto;
		float: right;
	}
	
	#report-page-3 .field .multi-unit-panel {
		display: inline-block;
	}
	
		#report-page-3 .field select.unit, #report-page-3 .field span.other-units {
			margin-left: 3px;
			vertical-align: middle;
		}
		
		#report-page-3 .field span.other-units {
			margin-left: 30px;
			color: #7e7e7e;
		}
	
	#report-page-3 .map, #report-page-4 .map {
		float: left;
		width: 760px;
		height: 506px;
	}
	
	#report-page-3 .chemical-add {
		float: left;
		width: 715px;
		padding: 20px;
		margin: 0 0 20px 0;
		border: 1px solid #e5e5e5;
		border-radius: 4px;
	}
	
		#report-page-3 .chemical-add .autocomplete {
			float: left;
			margin: 0 0 15px 0;
		}
	
			#report-page-3 .chemical-add .autocomplete input {
				width: 600px;
				padding: 2px;
			}
			
		#report-page-3 .chemical-add .button {
			float: right;
		}
		
		#report-page-3 .chemical-add .chemical-amount {
			float: left;
			width: 150px;
			margin: 0 0 15px 0;
		}
		
		#report-page-3 .chemical-add table {
			width: 600px;
		}
		
			#report-page-3 .chemical-add table label {
				margin: 0 0 0 3px;
				vertical-align: middle;
			}
			
			#report-page-3 .chemical-add table input {
				vertical-align: middle;
			}
	
	#report-page-3 .chemical-list {
		float: left;
	}
	
	#report-page-3 .chemical-list .table tr th.nature {
		width: 200px;
	}
	
	#report-page-3 .chemical-list .table tr th.amount {
		width: 140px;
	}
	
	#report-page-3 .chemical-list .table tr th.remove-chemical {
		width: 38px;
	}
	
	#report-page-3 #attachment label {
		width: auto;
	}
	
	#report-page-3 .attachments, #report-page-4 .attachments {
		float: left;
		width: 100%;
	}
	
		#report-page-3 .attachments ul li, #report-page-4 .attachments ul li {
			width: 400px;
			border: 1px solid #b5b4b5;
			padding: 0 0 0 30px;
			margin: 0 0 10px 0;
			border-radius: 4px;
			line-height: 23px;
			height: 23px;
			background: url(../images/icons.png) no-repeat -130px -1534px;
		}
		
		#report-page-3 .attachments ul li:hover, #report-page-4 .attachments ul li:hover {
			background-color: #e7eeff;
		}
		
		body.exercise #report-page-3 .attachments ul li:hover, body.exercise #report-page-4 .attachments ul li:hover {
			background-color: #e3f3c0;
		}
	
			#report-page-3 .attachments ul li a.attachment, #report-page-4 .attachments ul li a.attachment {
				margin-right: 10px;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
				width: 370px;
				display: inline-block;
			}
			
			#report-page-3 .attachments ul li a.remove-attachment {
				float: right;
				margin-right: 5px;
			}
			
			#report-page-3 .attachments ul li a.remove-attachment:hover {
				color: #228be2;
			}
			
			body.exercise #report-page-3 .attachments ul li a.remove-attachment:hover {
				color: #85bf09;
			}
	
	#report #report-page-4 .table.recipient-users tr th.view-date {
		width: 135px;
	}
	
	#report #report-page-4 .field span, #report-page-4 .report-accident span {
		display: inline-block;
		color: #7e7e7e;
		vertical-align: middle;
	}
	
		#report-page-4 .report-accident .report-accident-other span {
			width: 150px;
			vertical-align: top;
		}
		
	#report #report-page-4 .field.textarea span {
		vertical-align: top;
		width: 620px;
	}
	
	#report #report-page-4 .field.checkbox input {
		margin-left: 3px;
	}
	
/*** Countries ***/

#countries .table tr th.iso3 {
	width: 70px;
}

#countries .table tr th.organization {
	width: 120px;
}
	
/*** Users ***/

#users .table tr th.username {
	width: 250px;
}

#users .table tr th.country {
	width: 200px;
}

/** Registers ***/

#registers .table tr th.country {
	width: 90px;
}

#registers .table tr th.created-date {
	width: 130px;
}

#registers .table tr th.read-only {
	width: 80px;
}

#registers .table tr th.create-user, #registers .table tr th.delete-register {
	width: 38px;
}

/*** Properties & Contents ***/

#properties .table tr th.property-id, #contents .table tr th.content-id {
	width: 50px;
}

#properties .table tr th.name, #contents .table tr th.name {
	width: 300px;
}

#properties .table tr td.value, #contents .table tr td.value {
	padding: 3px 15px 3px 10px;
}

	#properties .table tr td.value input, #contents .table tr td.value input,
	#properties .table tr td.value textarea, #contents .table tr td.value textarea {
		width: 100%;
		border-color: #e5e5e5;
	}

/** Audit ***/

#audits .table tr th.created-date {
	width: 120px;
}

#audits .table tr th.audit-type {
	width: 130px;
}

#audits .table tr th.user, #audits .table tr th.sender-user {
	width: 120px;
}

#audits .table tr th.report {
	width: 75px;
}

#audits .table tr th.report-type {
	width: 113px;
}

/** Error pages **/

body.error {
	background-color: #fff;
}

	body.error #main {
		text-align: center;
	}

		body.error #main img {
			margin: 80px 0 30px 0;
		}
		
		body.error #main p {
			font-size: 22px;
		}
		
		body.error #main a.button {
			display: inline-block;	
			height: 30px;
			line-height: 30px;
			font-size: 16px;
			text-transform: none;
			margin-top: 80px;
			
			background: linear-gradient(0deg, #000 0%, #606062 60%);
		}
		
		body.error #main a.button:hover {
			background: none;
			background-color: #fff;
		}