/* ########## GENERAL ########## */
body {
	color: #222222 !important;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #FFFFFF;
}
a, 
a:link,
a:visited,
a:hover,
.link {
	/* sync with skin and app style */
	/*text-decoration: underline;*/
	color: #4444aa;
}
a:hover,
.link:hover {
	/*text-decoration: underline;*/
	color: #6666aa;
}
div.hr {
	border: none;
	border-top: 1px solid #D3D3D3;
}

/* ########## SPLASH ########## */
#splash {
	width: 100%;
	height: 100%;
}
#splash .container {
	margin: auto auto;
	width: 600px;
	height: 300px;
	clear: both;
}
#splash .container .col1,
#splash .container .col2,
#splash .container .col3 {
	float: left;
	width: 200px;
	height: 300px;
}
#splash .container .col1 .row1,
#splash .container .col1 .row2 {
	text-align: center;
}
#splash .container .col1 .row1,
#splash .container .col3 .row1 {
	padding-top: 125px;
}
#splash .container .col1 .row2,
#splash .container .col3 .row2 {
	padding-bottom: 125px;
}
#splash .container .col1 .row1,
#splash .container .col3 .row1 {
	border-bottom: 1px solid #000000;
}
#splash .container .col3 .row1 {
	text-align: right;
}
#splash .container .col1 a,
#splash .container .col3 a {
	display: block;
	height: 25px;
	overflow: hidden;
}
#splash .container .col2 {
	text-align: center;
	height: 300px;
}
#splash .container .col2 img {
	margin-top: 80px;
}

/* ########## DESIGN ########## */
#main {
	background-color: #F1F1F1;
}
#main .container {
	/* sync with footer */
	margin: 0 auto;
	width: 820px;
	padding: 0 15px 70px 15px;
	
	background-color: #ffffff;
	background-image: url('/res/img/design/main/main_bg.png');
	background-position: left top;
	background-repeat: repeat-y;
	
	/*
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-box-shadow: 0 0 4px #999999;
	*/
	
	/*
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px;
	*/
}
#main .header {
}
#main .header .logo {
	float: left;
	width: 110px;
}
#main .header .logo img {
	padding: 8px 0 0 8px;
}
#main .header .logo a {
	outline: none;
}
#main .header .menu {
	float: left;
	width: 710px;
}
#main .header .menu .row0 {
	height: 28px;
	position: relative;
}
#main .header .menu .row1 {
	border-bottom: 1px solid #000000;
	margin-right: 20px;
}
#main .header .menu .row2 {	
	margin-top: 15px;
}
#main .header .menu .row2 a {
	margin: 0 10px;
	display: block;
	float: left;
}
#main .header .menu .row2 a.first {
	margin-left: 0;
}
#main .header .menu .row2 a.last {
	margin-right: 0;
}
#main .header .menu .row2 a.selected {
	padding: 0 0 2px 0;
	border-bottom: 1px solid #aaaaaa;
}
#main .header .menu .row3 {
	border-left: 1px solid #aaaaaa;
	padding: 3px 5px;
}
#main .header .menu .row3 a {
	margin: 0 6px;
	color: #666666;
	text-decoration: none;
	font-size: 11px;
}
#main .header .menu .row3 a.first {
	margin-left: 0;
}
#main .header .menu .row3 a.selected {
	font-weight: bold;
}
#main .content {
	padding: 5px 20px 0 110px;
	min-height: 500px;
}
.mainContentFullWidth {
	padding-left: 20px;
}
#main .footer {
	margin: 0 auto;
	width: 820px;
	padding: 0 15px 30px 15px;
	
	background-image: url('/res/img/design/main/main_footer.png');
	background-position: left top;
	background-repeat: no-repeat;
}
#main .footerContent {
	font-size: 11px;
	color: #888888;
	padding: 10px 0px 10px 0px;
}
#main .footerContent ul {
	list-style-type: none;
	display: block;
}
#main .footerContent ul li,
#main .footerContent ul li.boxed {
	padding: 10px;
	margin-top: 10px;
	
	border: 1px solid #E0E0E0;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#main .footerContent ul li.boxed {
	background-color: #E8E8E8;
	border: 1px solid #BBBBBB;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#main .footerContent .footerItem {
	width: 100%;
	overflow: hidden;
}
#main .footerContent .footerButtons {
	float: left;
	width: 500px;
	text-align: left;
}
#main .footerContent .footerCreators {
	float: right;
	width: 200px;
	text-align: left;
	padding: 18px 0 15px 10px;
}
#main .footerCopy {
	font-size: 10px;
	text-align: right;
	padding: 5px 5px 0 0;
	
	border-top: 1px solid #AAAAAA;
}

/* ########## CLASSES ########## */
.globalMessages {
	padding: 10px 3px 1px 10px;
	margin: 20px 10px 0px 110px;
	background-color: #eeeeff;
	color: red;
	font-weight: bold;
	border: 1px solid #888888;
}
.globalMessages ul {
	list-style-type: none;
	margin-bottom: 5px;
}
.globalMessages li {
	margin-bottom: 2px;
}
.globalMessages .inline_success_message {
	color: black;
}
.globalMessages .inline_warning_message {
	color: navy;
}
.globalMessages .inline_error_message,
.globalMessages .inline_fatal_message {
	color: red;
}
.ajaxWaitContainer {
	width: 150px;
	height: 150px;
	border: 1px solid #eeeeee;
}
.ajaxWaitContainer img {
}
.ajaxWaitContainer .msg {
	color: black;
	width: 150px;
	text-align: center;
	margin-top: -50px;
	height: 20px;
}
.default_thumbnail {
	padding: 2px;
	border: 1px solid #e2e2e2;
}
.emp {
	color: #FF8800;
}
.itemList,
.defaultCheckboxList {
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	background-color: #ffffff;
	background-image: url("/res/img/repeaters/inputBox_repeater-default.png");
	background-position: left top;
	background-repeat: repeat-x;
}
.listItem,
a.listItem,
.defaultCheckboxList td {
	display: block;
	width: auto;
	overflow: hidden;
	background-image: url('/res/img/repeaters/bg_small_invert.png');
	background-position: 0% 5%;
	background-repeat: repeat-x;
	padding: 3px 3px 3px 10px;
	border-top: 1px solid #ffffff;
	border-bottom: none;
	border-left: none;
	border-right: none;
	outline: none;
}
.listItem:hover,
a.listItem:hover,
.defaultCheckboxList td:hover {
	background-position: 0% 20%;
}
.selectedListItem,
a.selectedListItem {
	background-image: url('/res/img/repeaters/bg_small_selected.png');
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	margin-top: 1px;
}
.regularTable,
.defaultTable,
.defaultHoverTable {
	border-left: 1px solid #b4b4b4;
	border-top: 1px solid #b4b4b4;
	border-spacing: 0;
	width: 100%;
}
.regularTable .cropped,
.defaultTable .cropped,
.defaultHoverTable .cropped {
	width: 1px;
}
.regularTable {
	border-style: none;
	background-image: none;
	background-color: transparent;
}
.regularTable th,
.defaultTable th,
.defaultHoverTable th {
	border: 1px solid;
	border-color: white #b4b4b4 #b4b4b4 transparent;
	background: #EEEEED url('/res/img/repeaters/tableHeader_repeater.gif') repeat-x scroll 0 0;
	padding: 5px 5px 5px 4px;
	margin: 0;
	vertical-align: bottom;
	text-align: left;
}
.regularTable th {
	border-style: none;
	background-image: none;
	background-color: transparent;
}
.regularTable td,
.defaultTable td,
.defaultHoverTable td {
	border: 1px solid;
	border-color: white #B4B4B4 #B4B4B4 white;
	background: #FFFFFF url('/res/img/repeaters/tableCell_repeater.gif') repeat-x scroll 0 0;
	padding: 5px 7px 5px 7px;
	text-align: left;
}
.regularTable td {
	border-style: none;
	background-image: none;
	background-color: transparent;
}
.defaultHoverTable td {
	padding-top: 0;
	padding-bottom: 0;
}
.defaultHoverTable td div,
.defaultHoverTable td span {7p
	padding: 5px 4px;
}
.defaultHoverTable tr:hover td {
	background-color: #f7f7f7;
	background-image: none;
}
.defaultCheckboxList td {
	padding-left: 5px;
}
.defaultCheckboxList input {
	vertical-align: middle;
	margin-right: 5px;
}
.helpButton {
	margin-left: 3px;
	position: relative;
	top: -3px;
}
table.paymentTypeSelector,
table.paymentTypeSelectorCaptions {
	margin: 0;
	padding: 0;
	border: none;
	border-spacing: 0; 
	border-collapse: collapse;
}
table.paymentTypeSelector td,
table.paymentTypeSelectorCaptions td {
	height: 75px;
	
	margin: 0;
	padding: 0 0 0 10px;
	border-spacing: 0;
	border: none;
	border-bottom: 4px solid #FFFFFF;
	
	background-color: #F0F0F0;
}
table.paymentTypeSelectorCaptions td {
	padding-right: 20px;
}
table.paymentTypeSelectorCaptions .paymentTypeOptionCaption {
	font-size: 10px;
	padding: 2px 0 0 5px;
	color: #666666;
}
.shopContainer {
	margin-left: 10px;
}
.shopItemCell {
	border-top: 1px solid #F0F0F0;
	border-left: 1px solid #F0F0F0;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 2px 2px 0px 2px;
	margin: 10px;
	background-color: #ffffff;
	width: 175px;
	/* don't do this: it messes up the tooltips */
	/*overflow: hidden;*/
}
.shopItemCell .priceBox {
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #F0F0F0;
	font-size: 18px;
	padding: 5px 5px;
}
.shopItemCell .image {
	cursor: pointer;
	margin-top: 5px;
}
.shopItemCell .captionBox {
	 font-size: 10px;
	 margin-top: 10px;
}
.shopItemCell .captionBox .caption {
	color: #888888;
}
.shopItemCell .captionBox .link {
	text-align: left;
	border-top: 1px solid #dddddd;
	margin-top: 5px;
	padding-top: 0px;
}
.surveyQuestion {
	margin-top: 40px;
}
.surveyLabel {
	margin: 5px;
	font-style: italic;
	color: #000000;
	width: 450px;
	text-align: justify;
}
.surveyTextareaValue {
	margin-top: 10px;
	padding-left: 20px;
}
.publicVacancyList {
}
.permanentVacancyList,
.permanentVacancyPreview {
	width: 200px;	
	border-left: 1px solid #E8E8E8;
}
.permanentVacancyPreview {
	border-left: none;
}
.publicVacancyList .title, 
.permanentVacancyList .title,
.permanentVacancyPreview .title {
	font-size: 16px;
	color: #888888;
	padding: 3px 0 3px 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #E8E8E8;
}
.publicVacancyList .vacancyEntry,
.permanentVacancyList .vacancyEntry,
.permanentVacancyPreview .vacancyEntry {
	display: block;
	
	margin: 0px 10px 10px 5px;
	padding: 0 7px 7px 7px;
	
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
.permanentVacancyList .vacancyEntry,
.permanentVacancyPreview .vacancyEntry {
	width: 170px;
	margin: 0px 0px 0px 10px;
	padding-top: 10px;
	
	background-image: url('/res/img/design/main/permanent_vacancy_bg.png');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #ffe601;
}
.publicVacancyList .even {
	background: none repeat scroll 0 0 #F8F8F9;
}
.publicVacancyList .odd {
}
.publicVacancyList .vacancyEntry:hover,
.permanentVacancyList .vacancyEntry:hover,
.permanentVacancyPreview .vacancyEntry.hover {
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
}
.publicVacancyList .vacancyEntry .logo {
	float: left;
	width: 60px;
	height: 50px;
	text-align: center;
	/*overflow: hidden;*/
	padding-top: 5px;
}
.permanentVacancyList .logo,
.permanentVacancyPreview .logo {
	text-align: center;
	overflow: hidden;
	padding: 5px 0 5px 0;
}
.publicVacancyList .vacancyEntry .text {
	float: left;
	width: 520px;
	overflow: hidden;
	padding-left: 7px;
}
.publicVacancyList .vacancyEntry .text .synopsis {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 0 5px 0;
}
.permanentVacancyList .vacancyEntry .text .synopsis,
.permanentVacancyPreview .vacancyEntry .text .synopsis {
	display: block;
	font-weight: bold;
	padding: 7px 0 5px 0;
}
.publicVacancyList .vacancyEntry .caption,
.permanentVacancyList .vacancyEntry .caption,
.permanentVacancyPreview .caption {
	font-size: 10px;
}
.publicVacancyList .vacancyEntry .caption .description {
	float: left;
	width: 345px;
	margin-left: 5px;
	overflow: hidden;
}
.permanentVacancyList .vacancyEntry .caption .description,
.permanentVacancyPreview .vacancyEntry .caption .description {
	padding-top: 5px;
}
.publicVacancyList .vacancyEntry .caption .facts {
	float: left;
	width: 150px;
	margin-left: 20px;
	overflow: hidden;
	white-space: nowrap;
}
.rounded3 {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.rounded4 {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.rounded5 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.workflowOverview .workflowStep {
	margin-bottom: 20px;
}
.workflowOverview h1 span {
	font-size: 26px;
	padding-right: 7px;
}
.workflowOverview .paragraph {
	border: 1px solid #dddddd;
	padding: 10px;
	margin: 10px 20px 10px 20px !important;
}
.workflowOverview .paragraph .caption {
	margin: 10px 0 0 10px;
	font-size: 11px;
	line-height: 130%;
}
.productsOverview .paragraph {
	margin-top: 20px !important;
	margin-left: 80px !important;
	width: 450px;
}
.productsOverview .paragraph img {
	margin-bottom: 10px;
	border: 1px solid #eeeeee;
	padding: 5px;
}
.productsOverview .paragraph .caption {
	font-style: italic;
}
.productRangeOverview {
	margin-top: 10px;
	padding-left: 10px;
}
.productRangeOverview .product {
}
.productRangeOverview .product img {
	float: left;
	width: 100px;
	border: 1px solid #eeeeee;
	padding: 5px 10px;
	background-color: white;
}
.productRangeOverview .product .caption {
	display: block;
	float: left;
	width: 400px;
	margin: 10px 0 0 20px;
}
.productRangeOverview .product .name {
	display: block;
	font-size: 16px;
	margin-bottom: 5px;
}
.productRangeOverview .product .description {
	display: block;
	font-style: italic;
	color: #222222;
	margin-left: 5px;
}
.empBox,
.empBoxLight {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	background-color: #F5F5F5;
	
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	
	padding: 20px;
}
.empBoxLight {
	background-color: #FFFFFF;
}
.empBox .caption {
	font-size: 18px;
	margin-bottom: 25px;
	color: #1B1B57;
}
.actionListBullet {
	background-image: url('/res/img/icons/32x32/clipboard_empty.gif');
	height: 22px;
	width: 32px;
	margin-right: 10px;
	font-size: 18px;
	padding-top: 10px;
	text-align: center;
	font-weight: bold;
	color: #66451C;
	text-shadow: #AA7530 1px 1px 1px;
}
.actionListCaption {
	margin-top: 10px;
}
.mainContentFullWidth {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.justify {
	text-align: justify;
}
#recaptcha_logo,
#recaptcha_tagline {
	display: none;
}
#recaptcha_table {
	background-color: white;
}

/* ########## DEFAULT STYLE ########## */
#main .content h1,
#main .content .floatedPageTitle,
#main .content .pageTitle,
#main .content h2,
#main .content h3,
.defaultContent h1,
.defaultContent h2,
.defaultContent h3  {
	font-weight: normal;
	display: block;
	
	padding: 10px 0 10px 0;
}
.defaultContent h1 {
	font-size: 18px;
}
#main .content h2,
.defaultContent h2 {
	font-size: 16px;
	padding: 10px 0 10px 5px;
}
#main .content h2 {
	background-image: url('/res/img/icons/16x16/star_blue.gif');
	background-repeat: no-repeat;
	background-position: 0 45%;
	padding-left: 22px;
	margin-top: 20px;
}
#main .content h3,
.defaultContent h3 {
	font-size: 14px;
	padding: 7px 0 7px 10px;
	font-style: italic;
}
#main .content p,
.defaultContent p,
#main .content .paragraph,
.defaultContent .paragraph,
#main .content ul,
.defaultContent ul,
#main .content ol,
.defaultContent ol {
	display: block;
	padding-bottom: 10px;
	line-height: 150%;
}
#main .content p,
#main .content .paragraph,
.defaultContent p,
.defaultContent .paragraph {
	margin-left: 25px;
}
#main .content ul,
#main .content ol,
.defaultContent ul,
.defaultContent ol {
	margin-left: 50px !important;
}
#main .content li,
.defaultContent li {
	padding: 3px 0 !important;
}
#main .content .question {
	font-style: italic;
	font-size: 14px;
	
	background-image: url('/res/img/design/main/question.png');
	background-position: 0 3px;
	background-repeat: no-repeat;
	
	padding-left: 20px;
	min-height: 14px;
}
#main .content .answer {
	margin-left: 20px;
}
#main .content .floatedPageTitle {
	float: left;
	width: 540px;
}
#main .content .pageActions,
#main .content .floatedPageActions {
	font-size: 10px;
}
#main .content .floatedPageActions {
	float: left;
	width: 150px;
}
#main .content h1,
#main .content .floatedPageTitle,
#main .content .pageTitle {
	margin-bottom: 10px;
	font-size: 20px;
}

#main .content .studentsMenu {
	list-style-type: none;
}
#main .content .studentsMenu li {
	font-size: 18px;
}
#main .content .studentsMenu li a {
	text-decoration: none;
	color: #000000;
}
#main .content .studentsMenu li img {
	vertical-align: middle;
	padding-right: 10px;
}


/* ########## OVERRIDING DEFAULT STYLE CLASSES ########## */
#main .content .vacancyInterestsList {
	list-style-type: none;
	margin: 0 0 0 10px !important;
}
#main .content .vacancyInterestsList li {
	padding: 0 !important;
}

/* ########## FORMS/INPUT/... ########## */
/* for IE6, which doesn't support [type=...] */
.input,
.input_error,
textarea,
.textarea,
select,
.select,
#recaptcha_response_field {
	background-color: white;
	color: black;
	border: 1px solid #bbbbbb !important;
	padding: 1px;
	background-image: url('/res/img/repeaters/inputBox_repeater-default.png');
	background-position: left top;
	background-repeat: repeat-x;
}
.input_error {
	background-image: url('/res/img/repeaters/inputBox_repeater-error.png');
}
/* Don't merge with the one above (IE6 bug) */
.formEntryValueErroneous input,
.formEntryValueErroneous textarea {
	background-image: url('/res/img/repeaters/inputBox_repeater-error.png');
	background-position: left top;
	background-color: white;
}
.inputInstructions {
	color: #888888 !important;
}

/* ########## WIDGETS ########## */

/* ########## RICH OVERRIDING ########## */
.rich-toolbar {
	border: none;
	background-image: url('/res/img/design/toolbar/bg.png');
	background-repeat: repeat-x;
}
/* also see a (link) for rich-tree-node-highlighted */
.rich-toolbar-item {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-left: 0px;
}
.rich-tree-node-highlighted,
.rich-tree-node-selected,
.rich-tree-node-text,
.rich-tree-node-text a,
.rich-tree-node-text a:hover {
	border-color: transparent;
	text-decoration: none;
	color: #222222;
	padding-left: 0px;
}
.rich-tree-node-text a:hover {
	color: #666666;
}
/* takes care of the newPrincipalBirthdate calendar */
#newPrincipalBirthdateContainer .rich-calendar-today {
	background-color: white;
	color: black;
	font-weight: normal;
}
#newPrincipalBirthdateContainer .rich-calendar-select {
	background-color: #37B0E4;
	color: black;
	font-weight: bold;
}
#newPrincipalBirthdateContainer .rich-calendar-popup {
	border: 2px solid #777777;
	background-color: white;
	padding: 3px;
}
.rich-calendar-time-layout, .rich-calendar-date-layout, .rich-calendar-time-layout input {
	font-size: 10px;
}
.rich-tool-tip{
    background-color: #F6EB45;
    border-color: #7196c8;
}
.rich-combobox-input,
.rich-combobox-input-disabled,
.rich-combobox-input-inactive {
	border-color: #bbbbbb !important;
}
.rich-table-cell {
	border: none;
	padding: 0;
	margin: 0;
}

/* ########## SEAMTEXT OVERRIDING ########## */
.seamTextHeadline1 {
	margin: 18px 0 18px 0px;
	font-size: 22px;
}
.seamTextHeadline2 {
	margin: 16px 0 16px 2px;
	font-size: 18px;
}
.seamTextHeadline3 {
	margin: 16px 0 16px 4px;
	font-size: 16px;
}
.seamTextHeadline4 {
	margin: 16px 0 16px 6px;
	font-size: 14px;
}
.seamTextHeadline5 {
	margin: 16px 0 16px 8px;
	font-size: 12px;
}
.seamTextPara {
	margin: 14px 0 14px 0;
}
.seamTextOrderedList,
.seamTextUnorderedList {
	margin: 14px 0 14px 0;
	padding: 0 0 0 40px;
}