@CHARSET "UTF-8";
@import "dm/reset.css";
@import "dm/common.css";
@import "dm/page-messages.css";
@import "themes/ui-lightness/jquery-ui-1.7.2.custom.css";
@import "jquery.autocomplete.css";


body, html {
	color: #444444;
	background: #5D5D5D url("../gfx/background.png") left top repeat-x fixed;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 10pt;
}


/* Layout */
#dmPage {
	width: 950px;
	margin: 20px auto 0 auto;
	border: 5px solid #FFFFFF;
	background: #FAFAFA;
}

#dmHeader {
	height: 124px;
	background: #FFFFFF url("../gfx/header-background.png") 50% 0% no-repeat;
}

#dmSidebar {
	width: 200px;
	float: left;
	background: #FFFFFF;
}

#dmMain {
	width: 750px;
	float: left;
}

#dmFooter {
	height: 41px;
	background: #FF8C00 url("../gfx/footer-background.png") 0% 0% repeat-x;
	clear: both;
}


/* Default tags */

h1 {
	padding: 0;
	margin: 0;
	overflow: hidden;
}

h2 {
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 150%;
}

h3 {
	font-size: 136%;
}

h4 {
	color: darkorange;
	margin: 10px 0 6px 0;
	font-size: 120%;
}

p {
	text-align: justify;
}

hr.separator {
	background-color: #EEEEEE;
	height: 1px;
	border-bottom: 1px dotted #CCCCCC;
	margin: 0 auto;
	width: 50%;
}

ul {

}

ul li,
ul ol {
	margin-left: 20px;
}


/* Section specific: header */

#dmHeader div.languages {
	color: #444444;
	height: 16px;
	text-align: right;
	padding: 12px;
	font-size: 90%;
}

#dmHeader div.languages a {
	color: #FFFFFF;
	text-decoration: none;
	margin: 0 0 0 20px;
}

#dmHeader div.languages a:hover {
	text-decoration: underline;
}

#dmHeader div.languages .sk {
	padding-left: 28px;
	background: url('../gfx/flag-sk.png') no-repeat 0 0;
}
#dmHeader div.languages .en {
	padding-left: 28px;
	background: url('../gfx/flag-en.png') no-repeat 0 0;
}

#dmHeader div.logos {

}


/* Breadcrumbs */

#dmHeader div#dmBreadcrumbs {
	margin: 0 .5em 0 0;
	padding: 0;
	text-align: right;
}

#dmHeader div#dmBreadcrumbs,
#dmHeader div#dmBreadcrumbs a {
	color: #666666;
}

#dmHeader div#dmBreadcrumbs li {
	list-style: none;
	display: inline;
	font-size: 90%;
	margin: 0;
}

#dmHeader div#dmBreadcrumbs li:before {
	content: "\0020 \0020 \0020 \00BB \0020";
}

#dmHeader div#dmBreadcrumbs li.first:before {
	content: " ";
}


/* Section specific: sidebar */

#dmSidebar ul.navigation {
	margin: 0;
	padding: 0;
}

#dmSidebar ul.navigation li {
	list-style: none;
	margin: 1px 0;
}

#dmSidebar ul.navigation li a {
	color: #444444;
	background: #F2F2F2;
	display: block;
	padding: 6px 0 6px 10px;
	border-left: 6px #FFB453 solid;
}

#dmSidebar ul.navigation li.level2 a {
	background: #EDEDED;
	padding: 3px 0 3px 25px;
}

#dmSidebar ul.navigation li a:hover {
	border-left: 6px #E00000 solid;
	background: #E8E8E8;
}


/* Section specific: main */

#dmMain div.content {
	padding: 1em;
}

#dmMain a {
	color: #E66400;
}

h1#dmLogo {
	font-size: 30px;
	font-style: italic;
	overflow: hidden;
	position: relative;
	margin: 12px 10px;
}

h1#dmLogo a {
	color: #FF8C00;
	text-decoration: none;
}

h1#dmLogo span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 280px;
	height: 50px;
	background: url("../gfx/logo-af.png") top left no-repeat;
}

#dmMain h3 {
	color: #8b4800;
	border-bottom: 1px solid darkred;
}

#dmMain dl {
	margin: 0;
}

#dmMain dt {
	font-weight: bold;
	color: #4b1800;
}

#dmMain dd {
	margin: .1em 0 .4em 1em;
}

#dmMain dd p,
#dmMain dd ul,
#dmMain dd li {
	margin: 0;
}


/* Section specific: footer */
#dmFooter div.content {
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
}

#dmFooter a {
	color: #FFFFFF;
}


/* Forms */

form {
	border: 1px #EEEEEE solid;
	background: #F8F8F8;
}

form fieldset {
	margin: 1em;
	border: none;
	border-top: 1px #DDDDDD solid;
}

form fieldset legend {
	padding: 0 .5em;
	font-size: 120%;
}

form textarea {
	font-family: sans-serif;
	font-size: 10pt;
}

form input.large,
form select.large,
form textarea.large {
	width: 98%;
}

form input.medium,
select.medium,
form textarea.medium {
	width: 50%;
}

form input.small,
select.small,
form textarea.small {
	width: 25%;
}

form table.fields {
	border-collapse: collapse;
	width: 100%;
}

form table.fields th {
	text-align: right;
	vertical-align: top;
	padding: .5em .5em 0 .3em;
}

form table.fields td {
	vertical-align: top;
	padding: .3em 0 .3em .3em;
}

form label.required,
form span.required {
	color: #E66400;
	font-weight: bold;
}

form span.warning {
	color: #FF5400;
	font-size: 120%;
	font-weight: bold;
}

form table.fields tr:hover,
form div.field:hover {
	background: #F0F0F0;
}

form fieldset span.component {
	float: left;
	padding: 0 0 .5em 0;
}

form table.fields tr td div {
	width: 100%;
	clear: both;
}

form div.fieldDescription,
form div.field-description {
	clear: both;
	font-size: 80%;
	padding: .3em;
}

form div.fieldDescription p,
form div.field-description p {
	margin: 0;
	padding: 0;
}

form div.fieldDescription ul,
form div.field-description ul {
	margin-top: 2px;
	margin-bottom: 0;
}

form div.buttons {
	padding: 1em;
	clear: both;
	text-align: center;
}

form div.description {
	padding: 1em;
}

form .buttons input {
	font-size: 100%;
	padding: 2px 14px;
	font-weight: bold;
}

form div.field {
	padding: .5em 1em;
}

form div.field label {
	line-height: 150%;
	display: block;
	margin: 0 0 .5em 0;
	font-weight: bold;
}

form div.field label.choice {
	font-weight: normal;
}

form div.hidden,
form tr.hidden {
	display: none;
}

/* Form error list */

form div.formErrors {
	margin: 1em;
	padding: .5em .5em .5em 1em;
	background: #FFFECC url("../gfx/error-sign.gif") left top no-repeat;
	border-top: 1px solid #FAEBB1;
	border-bottom: 1px solid #FAEBB1;
	text-align: justify;
	line-height: 1.5;
}

form div.formErrors ul {
	margin-left: 1em;
}

form span.error,
form div.formErrors,
form div.formErrorss a,
form div.field-errors,
form div.fieldErrors {
	color: #D92200;
}


/* Form field error message */

form div.fieldErrors,
form div.field-errors {
	font-size: 80%;
	clear: both;
}

form div.fieldErrors ul,
form div.field-errors ul {
	margin: 0;
	padding: .5em 0 0 2em;
}

/* Forms: description */

form div.description,
form div.description p {
	text-align: center;
}

form div.description p {
	margin: 0;
	padding: 0;
}

form div.description span {
	float: none;
	padding: 0;
}

form td.control div small {
	display: block;
	padding: 0;
	margin: .2em 0 .5em 0;
}

/* Forms: additional styling */

form#login {
	width: 60%;
	margin: 0 auto 1em auto;
}

form#login fieldset,
form#filter fieldset,
form#companyDelete fieldset,
form#companyDelete fieldset,
form#internalNoteDelete fieldset,
form#contact fieldset,
form#passwordRestoration fieldset {
	border: none;
	margin: .5em .5em 0 .5em;
}

form#delete fieldset,
form#companyDelete fieldset,
form#profileDelete fieldset {
	display: none;
}

form#delete div.description {
	color: #FF5400;
	font-size: 120%;
	font-weight: bold;
}

form#registration {
	
}

form#dm table.fields tbody th,
form#registration table.fields tbody th,
form#passwordRestoration table.fields tbody th,
form#userAccount table.fields tbody th {
	width: 25%;
}

form#filter {
	width: 80%;
	font-size: 90%;
	margin: .5em auto;
}

form#filter table.fields td {
	padding: .2em 0 .2em .2em;
}

form#filter table.fields th {
	padding: .4em .5em 0 .2em;
}

form#internalNote table.fields tbody th,
form#company table.fields tbody th,
form#applicantProfile table.fields tbody th,
form#searchProfile table.fields tbody th,
form#contact table.fields tbody th {
	width: 20%;
}

form#filter table.fields tbody th,
form#account table.fields tbody th {
	width: 25%;
}

form#login table.fields tbody th {
	width: 40%;
}

form.no-sections {
}

form.no-sections fieldset {
	border: none;
	margin: .5em .5em 0 .5em;
}

form.no-sections table.fields tbody th {
	width: 25%;
}


/* Pagination */

div#dmPagination {
	clear: both;
	margin-top: 2em;
	text-align: center;
}

div#dmPagination form {
	display: inline;
	border: none;
}

ul.pagination {
	display: inline;
	margin: 0 .5em;
	padding: 0;
}

ul.pagination li {
	display: inline;
	padding: 0;
	margin: 0;
}

ul.pagination a {
	color: #0066CC;
	padding: 0 .4em;
}

ul.pagination a:hover {
	color: #FF6600;
}

ul.pagination li.current {
	border: 1px solid #CCBBBB;
	text-decoration: none;
	padding: 0 .4em;
	font-weight: bold;
	color: #998888;
}

ul.pagination li.first a,
ul.pagination li.previous a,
ul.pagination li.next a,
ul.pagination li.last a {
	border: 1px solid #998888;
	text-decoration: none;
}

ul.pagination li.first:hover a,
ul.pagination li.previous:hover a,
ul.pagination li.next:hover a,
ul.pagination li.last:hover a {
	border: 1px solid #FF6600;
}

ul.pagination li.next {
	background: #FFFFFF url(/gfx/icons/next.png) no-repeat scroll right center;
}


/* Tables */

table {
}

table.records,
table.skills {
	border: 1px solid #998888;
	width: 100%;
	margin-bottom: 1em;
	border-collapse: collapse;
}

table.records td,
table.records th {
	padding: 4px 10px;
}

table.records thead th,
table.skills thead th {
	background: #998888;
	color: #FFFFFF;
	border: 1px solid #7F6464;
}

table.records tbody th,
table.skills tbody th {
	text-align: left;
}

table.skills tbody td {
	text-align: center;
}

table.records tbody tr.even th,
table.records tbody tr.even td {
	background: #f6f6f6;
}

table.records tbody tr:hover th,
table.records tbody tr:hover td {
	background: #F2F2F2;
}

table.records tbody td img.indicator {
	float: right;
}

table.records .no-wrap {
	white-space: nowrap;
}

table.records tr.hilite th,
table.records tr.hilite td {
	background: #F2F2F2;
}

table.records tr.hilite a,
table.records tr.hilite th,
table.records tr.hilite td {
	color: #888888 !important;
}


/* Tools */

#dmMain div.tools {
	background: #F2F2F2;
	border-top: 1px #E4E4E4 solid;
	border-bottom: 1px #E4E4E4 solid;
	padding: 1em;
	margin: 1em 0;
}

#dmMain div.tools a {
	background-position: 0 60%;
	background-repeat: no-repeat;
	padding-left: 22px;
	margin-right: 22px;
}

#dmMain div.tools a.view-record,
#dmMain table.records a.view-record {
	background-image: url('../gfx/icons/view.png');
	background-repeat: no-repeat;
	padding-left: 22px;
	margin-right: 10px;
}

#dmMain div.tools a.add-record {
	padding-left: 22px;
	background: url('../gfx/icons/add.png') no-repeat 0 60%;
}

#dmMain div.tools a.edit-record,
#dmMain table.records a.edit-record {
	padding-left: 22px;
	background: url('../gfx/icons/edit.png') no-repeat 0 60%;
}

#dmMain div.tools a.delete-record,
#dmMain table.records a.delete-record {
	padding-left: 22px;
	background: url('../gfx/icons/delete.png') no-repeat 0 60%;
}

#dmMain a.delete-internal-note {
	padding-left: 22px;
	float: right;
	background: url('../gfx/icons/delete.png') no-repeat 0 60%;
}

#dmMain div.tools a.add-note {
	background: url('../gfx/icons/note-add.png') no-repeat 0 60%;
}

#dmMain div.tools a.add-report {
	background: url('../gfx/icons/report-add.png') no-repeat 0 60%;
}

#dmMain div.tools a.add-user {
	background: url('../gfx/icons/user-add.png') no-repeat 0 60%;
}

#dmMain div.tools a.search {
	background: url('../gfx/icons/search.png') no-repeat 0 60%;
}

#dmMain div.tools a.password-restoration {
	background: url('../gfx/icons/key.png') no-repeat 0 60%;
}

#dmMain div.tools a.add-relation {
	background: url('/gfx/icons/add-relation.png') no-repeat 0 60%;
}

#dmMain div.tools a.email {
	background: url('/gfx/icons/email.png') no-repeat 0 60%;
}

#dmMain div.tools a.messaging-add {
	background-image: url('/gfx/icons/email_add.png');
}

#dmMain div.tools a.messaging-delete {
	background-image: url('/gfx/icons/email_delete.png');
}

#dmMain div.tools a.switch-view {
	background-image: url('/gfx/icons/arrow_switch.png');
}

#dmMain div.tools hr {
	border: 0 none;
	background-color: #E4E4E4;
	color: #E4E4E4;
	height: 1px;
}



/* Applicant profile */

div.skill-category {
	font-weight: bold;
	margin-top: 6px;
}

form td.control select.skill {
	width: 300px;
}

div#quick-navigation {
	z-index: 2;
	position: fixed;
	top: 41px;
	right: 0;
	width: 180px;
	padding: 1em;
	background: #EEEEEE;
	border: 4px solid #DDDDDD; 
}

div#quick-navigation div.content {
	padding: 0;
	margin: 0;
}

div#quick-navigation p.caption {
	background: #EEEEEE url('../gfx/down.png') 0 0 no-repeat;
	margin: 0;
	height: 24px;
	padding-left: 34px;
	font-weight: bold;
	cursor: pointer;
}


div#quick-navigation ul.profile-sections {
	list-style: none;
	padding: 1em;
	margin: 0;
	text-align: center;
}

div#quick-navigation ul.profile-sections li {
	font-size: 90%;
}

div#quick-navigation a.button {
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 140%;
	width: 160px;
	height: 44px;
	color: #FFFFFF;
	background: url('../gfx/button-background.png') 0 0 no-repeat;
	line-height: 44px;
	text-decoration: none;
	cursor: pointer;
	margin: 0 auto;
}

div#quick-navigation a.button:hover {
	background: url('../gfx/button-background-hover.png') 0 0 no-repeat;	
}

div#quick-navigation div.tools {
	margin-bottom: 0;
}


/* Other */

#dmAuthor {
	width: 950px;
	margin: 4px auto;
	text-align: right;
	font-size: 80%;
	color: #FFFFFF;
}

#dmAuthor a {
	color: #FFFFFF;
}

#dmMain div.comment {
	border: 1px solid #CCCCCC;
	margin: 0 0 1em 0;
}

#dmMain div.comment span.title {
	font-weight: bold;
}

#dmMain div.comment-header {
	background: #F4F4F4;
}

#dmMain div.comment-header {
	padding: 1.5em;
}

#dmMain div.comment-body {
	padding: 0 1em;
}

#dmMain div.comment-attachment {
	padding: 1em;
	text-align: right;
	background: #F4F4F4;
}

#dmMain a.attachment {
	padding-left: 20px;
	background: url('../gfx/icons/attachment.png') no-repeat 0 60%;
}


#dmLoggedUser {
	color: #FFFFFF;
	width: 950px;
	margin: .2em auto;
	text-align: right;
	font-weight: bold;
}

#dmLoggedUser a {
	color: #AAAAAA;
	margin: 0 0 0 1em;
}

/* UI */

.ui-widget {
	font-size: inherit;
}

.ui-datepicker {
	font-size: 90%;
}

div.msg span.ui-icon {
	position: absolute;
	top: 12px;
	left: 10px;
}

div.msg {
	position: relative;
	margin-bottom: 10px;
}

div.msg ul {
	margin: 10px 0 10px 12px;
	list-style: none;
}