* {
	font-family: "Open Sans", sans-serif;
	font-weight: normal;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Encode Sans", sans-serif;
}
#sidebar {
	width: 20%;
}
#content {
	width: 80%;
	min-height: 460px;
	background-color: white;
	padding: 0 20px 40px 20px;
}
#sidebar-search-button, #sidebar-support-button {
	padding-left: 0;
	padding-right: 0;
}
#sidebar ul {
	padding-left: 20px;
}
#sidebar li {
	list-style: none;
	padding: 5px 0 0;
}
#sidebar a {
	text-decoration: none;
	font-weight: normal !important;
}
#sidebar a:hover {
	text-decoration: underline;
}
#sidebar i {
	width: 25px;
}
#sidebar ul ul i {
	margin-left: 6px;
}
#sidebar .sidebar-search .ui-input-text {
	width: 60% !important;
}

th, td {
	text-align: left;
	padding-right: 10px;
}
th {
	border-bottom: 1px solid black;
}

.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.warning {
	border: 2px solid #aa0000;
	background-color: #fef0f0;
	padding: 10px;
}
.clearfix {
	clear: both;
}

.ui-popup-container {
	width: 70%;
	min-width: 400px;
	padding: 10px 20px 20px;
}
.ui-popup {
	width: 100%;
	padding: 0 10px 20px;
}
.popup .body, .popup .information {
	min-height: 220px;
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 10px;
}

table {
	width: 100%;
}
tr {
	vertical-align: top;
}
tbody tr:hover {
	background-color: #f8f8f8;
}
tbody td.checkbox {
	width: 30px;
}
tbody td.id a {
	font-weight: normal !important;
}

/* We need a little space between the grid blocks */
.ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e {
	padding-left: 10px !important;
}
/* Displays the date picker on top of checkboxes too */
#ui-datepicker-div {
	z-index: 10 !important;
}
/* Fixes dimensions of search field in sidepanel */
.sidebar-search div.ui-input-text, .sidebar-search button {
	height: 30px;
	padding: 4px 5px 2px 9px;
}
.sidebar-search div.ui-input-text {
	width: 170px;
}
#sidebar-search-input {
	padding: 0;
}

/* Minor adjustments to the editPopup */
#editPopup .ui-select span, #editPopup select, #editPopup option {
	font-size: 15px;
	text-align: left !important;
}
#editPopup option {
	padding: 2px 5px;
}
#editPopup .ui-grid-a > div > div {
	margin: 2px 0;
}
#editPopup i {
	cursor: pointer;
}
#editPopup div.images a {
	padding: 0 20px 20px 0;
}

/* Certain table cells can get editable properties - some jQuery will set this class */
.edit {
	text-decoration: underline;
	cursor: pointer;
	color: #38c;
}
.spinner {
	position: absolute;
	right: 15px;
	top: 15px;
}

.images img {
	cursor: pointer;
}

#editPopup div.images a img {
    min-height: 20px;
    min-width: 20px;
}

/* User-type related info: hide instillinger.*, dokumentasjonsfiler, mapping av filer, eksporter. */
.user_default .documentation .files,
.user_default .documentation .mapping,
.user_default .settings,
.user_default .export {
	display: none;
}

/* Little button to show if any support documents are available; defaults to hidden */
#support-available {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;

	display: none;
	border-radius: 15px;
	width: 30px;
	height: 30px;
	line-height: 26px;
	text-align: center;

	background-color: #f0f0f0;
	color: white;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
#support-available:hover {
	background-color: #d0d0d0;
}

/* Print-related stuff to hide parts */
@media print {
	#sidebar {
		display: none;
	}
	#content {
		width: 100%;
	}
}