@charset "utf-8";
/* CSS Document */
.headerHighlights a {*display: inline; zoom: 1;}
fieldset { margin-top: 5px;}
/* Home page */
.teaser { width: 320px; display: inline-block; margin: 11px; *display: inline; zoom: 1;}
.teaser h2 {text-align:center;margin-bottom:10px;}
.teaser > div {width: 100%; border:1px #003366 solid; float:left;background-color:#C3BCB2;text-align:center; padding-bottom: 10px;}
.teaser form ul { margin: 0px; padding:0px; -webkit-margin-before: 0px;-webkit-padding-start: 0px}
.tooltip { text-align: right;}

span.debug-label { cursor: pointer; }
.headerHighlights span.debug-label { position: relative; margin: auto; z-index: auto; width:auto; height:auto; background: none; }

#mainContentContainer .teaser form ul li { list-style: none; margin-bottom: 3px; margin-left: 0px; text-align: left; vertical-align:middle;}
#mainContentContainer .teaser table { width: 100%;}
#mainContentContainer .teaser td { vertical-align: middle; padding-top: 5px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px;}
#mainContentContainer .teaser td.label { width: 80px; text-align: left;}
#mainContentContainer .teaser form table > label.ui-state-error { width: auto; float: right; padding-left:2px; padding-right: 2px;}
#mainContentContainer .teaser form table .buttonset { display: inline-block; *display: inline; zoom: 1;}
#mainContentContainer .teaser form table .buttonset label {width: auto;}
#mainContentContainer .teaser form input[type=text],#mainContentContainer input[type=password],#mainContentContainer textarea { width: 190px; border: solid 1px #003366;}
#mainContentContainer .teaser form input[type=text].number { width: 100px; }
#mainContentContainer .teaser form textarea {padding: 1px 0px;} 
#mainContentContainer .teaser form input.ui-combobox,#mainContentContainer .teaser input.datepicker { width: 162px; }
#mainContentContainer .teaser form img.ui-datepicker-trigger {margin: 2px; vertical-align: middle;}
#mainContentContainer .teaser form .ui-button.ui-combobox, #mainContentContainer button.ui-datepicker-trigger { margin-left: -1px; height: 20px; vertical-align: middle; border-color: #003366;}
#mainContentContainer .teaser form .ui-button-icon-only .ui-button-text { padding: 0.35em; } 
#mainContentContainer .teaser form .ui-autocomplete-input { margin: 0px; border: solid 1px #003366; height: 16px; margin-bottom: 2px; margin-top: 2px; padding-top: 1px; padding-bottom:1px; font-size: 13px;}
#mainContentContainer .teaser form span.mceEditor.defaultSimpleSkin { display: inline-block; *display: inline; zoom: 1;} 
#mainContentContainer .teaser form table.mceLayout { border-color: #003366;}
#mainContentContainer .teaser form ul li > label.tinymce { vertical-align: top;}
#recent_vacancies {border: 1px solid #003366; background-color: #008ec6; color: #ffffff; font-weight: bold;padding-left: 3px; padding-right: 3px;}
#list {margin-top: 5px;margin-bottom: 5px;}
#list > div {border: 1px solid #008ec6; padding: 5px; background-color: #ffffff;}
#list h3 {padding-top: 0px; color: #008ec6;  font-size: 1.3em; font-weight: lighter;}
#list p {padding: 0px;}

/* Login, Signup, Student */
.btn_container {  }
.btn_container > div { width: 33%; text-align: center; padding-top: 40px; padding-bottom: 40px;  float: left;}
.btn_container.login > div  { width: 50%; text-align: center; padding-top: 40px; padding-bottom: 40px;  float: left;}
.btn_container button { font-size: 1.5em; width: 200px; height: 80px;}		 

/* myVacancies listForm, myResume */
div.activity { border-bottom: 1px solid #cccccc;} 
#mainContentContainer .activity h3 { padding: 0px;margin: 5px 0 2px; font-size: 1.3em;}
#mainContentContainer .activity table { width: 100%;}
#mainContentContainer .activity .organisation, #mainContentContainer .activity .responses { margin-left: .5em; padding-left: .5em; border-left: 1px solid #ccc;}
#mainContentContainer .activity .editlink { margin-left: 1em; padding-left: .5em; font-size: .9em; text-align:right;}

#mainContentContainer .activity p.course { margin: 0px; padding: 0px;}
#mainContentContainer .activity .editlink a {text-decoration:underline; margin-top: 12px; }
button.add { margin-top: 10px;}
#mainContentContainer .activity p.datelocation { font-size: .9em;} 
.activity span.location { margin-left: .5em; border-left: 1px solid #ccc; padding-left: .5em; }

/* myVacancies */
.filterbox {margin: 2px; width:630px;  border: 1px solid #036;}
.filterbox > .title { position: relative; padding: .2em;}
.filterbox > .title > a { padding-left: 1.9em; }
.filterbox > .title > .ui-icon { position: absolute; left: .3em; top: 50%; margin-top: -8px; }
.filterbox > .filter-options {}
.filter-options ul {list-style: none;margin-left: 0px; padding-left: 0px; margin-top: 5px;}
		
.slider {width: 400px; margin: 10px;}
#list {margin-top: 5px;margin-bottom: 5px;}
#list > div {border: 1px solid #003366; padding: 5px;}
#list h5 {padding-top: 5px;}
#list p {}

/* myResume */

#dialog textarea { width: 475px; height: 100px; border: 1px solid #003366;}

#dialog form legend { display: inline-block; *display: inline; zoom: 1; }
#dialog form ul { margin: 0px; padding:0px;}
#dialog form ul li { list-style: none; margin-bottom: 3px; margin-left: 0px; text-align: left; vertical-align:middle;}
#dialog form ul li > label { width: 150px; display: inline-block; *display: inline; zoom: 1;}
#dialog form ul.radiolist li > label { width: auto; }
#dialog form ul li > label.ui-state-error { width: auto; float: right; padding-left:2px; padding-right: 2px;}
#dialog form ul li .buttonset { display: inline-block; *display: inline; zoom: 1;}
#dialog form ul li .buttonset label {width: auto;}
#dialog form input[type=text],#dialog form input[type=password] { width: 200px; border: solid 1px #003366;}
#dialog form input[type=text].number { width: 100px; }
#dialog form textarea {padding: 2px 0px;} 
#dialog form input.ui-combobox , #dialog input.datepicker { width: 172px; }
#dialog form .ui-button.ui-combobox, #dialog form button.ui-datepicker-trigger { margin-left: -1px; height: 20px; vertical-align: middle; border-color: #003366;}
#dialog form .ui-button-icon-only .ui-button-text { padding: 0.35em; } 
#dialog form .ui-autocomplete-input { margin: 0px; border: solid 1px #003366; height: 16px; margin-bottom: 2px; margin-top: 2px; padding-top: 1px; padding-bottom:1px; font-size: 13px;}
#dialog form span.mceEditor.defaultSimpleSkin { display: inline-block; *display: inline; zoom: 1;} 
#dialog form table.mceLayout { border-color: #003366;}
#dialog form ul li > label.tinymce { vertical-align: top;}

/* General CSS*/
#cp-form > div { width: auto;}
#mainContentContainer legend { display: inline-block; *display: inline; zoom: 1; }
#cp-form ul { margin: 0px; padding:0px;}
#cp-form ul li { list-style: none; margin-bottom: 3px; margin-left: 0px; text-align: left; vertical-align:middle;}
#cp-form ul li > label{ width: 175px; display: inline-block; *display: inline; zoom: 1;}
#filter-form ul li > .label { width: 75px; display: inline-block; *display: inline; zoom: 1;}
#cp-form ul li > label.ui-state-error { width: auto; float: right; padding-left:2px; padding-right: 2px;}
#cp-form ul li .buttonset { display: inline-block; *display: inline; zoom: 1;}
#cp-form ul li .buttonset label {width: auto;}
#mainContentContainer input[type=text],#mainContentContainer input[type=password],#cp-form textarea { width: 250px; border: solid 1px #003366;}
#mainContentContainer input[type=text].number, #mainContentContainer input[type=text].digit  { width: 100px; }
#cp-form textarea {padding: 1px 0px;} 
#mainContentContainer input.ui-combobox , #mainContentContainer input.datepicker { width: 222px; }
#filter-form input.ui-combobox , #filter-form input.datepicker { width: 150px; }
#dialog form img.ui-datepicker-trigger,#mainContentContainer form img.ui-datepicker-trigger {margin: 2px; vertical-align: middle;}
#cp-form .ui-button.ui-combobox, #mainContentContainer button.ui-datepicker-trigger { margin-left: -1px; height: 20px; vertical-align: middle; border-color: #003366;}
#mainContentContainer .ui-button-icon-only .ui-button-text { padding: 0.35em; } 
#mainContentContainer .ui-autocomplete-input { margin: 0px; border: solid 1px #003366; height: 16px; margin-bottom: 2px; margin-top: 2px; padding-top: 1px; padding-bottom:1px; font-size: 13px;}
#mainContentContainer span.mceEditor.defaultSimpleSkin { display: inline-block; *display: inline; zoom: 1;} 
#mainContentContainer table.mceLayout { border-color: #003366;}
#cp-form ul li > label.tinymce { vertical-align: top;}

#myaccount .listheader, #vacancy .listheader {border-bottom: 1px solid #C3BCB2; margin-top: 10px;}
#myaccount li a.add,#myaccount li a.edit,#vacancy li a.add,#vacancy li a.edit  { font-size: .8em; float: right}

#mainContentContainer p.letter-example {border: dotted 1px #000000; color:#008EC6; padding: 2px;} 
#mainContentContainer p.letter-example span {color: #000;}

#mainContentContainer .ui-state-default a, #mainContentContainer .ui-state-default a:link, #mainContentContainer .ui-state-default a:visited { color: #ffffff; text-decoration: none; }
#mainContentContainer .ui-state-hover a, #mainContentContainer .ui-state-hover a:hover { color: #003366; text-decoration: none; }
#mainContentContainer .ui-state-active a, #mainContentContainer .ui-state-active a:link, #mainContentContainer .ui-state-active a:visited { color: #003366; text-decoration: none; }
#mainContentContainer .ui-state-highlight a, #mainContentContainer .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #008ec6; }
#mainContentContainer .ui-state-error a, #mainContentContainer .ui-widget-content .ui-state-error a, #mainContentContainer .ui-widget-header .ui-state-error a { color: #cd0a0a; }

#mainContentContainer .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
#mainContentContainer .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }