html, body
{
	margin: 0;
	padding: 0;
	width: 100%;
}

form
{
	padding: 0;
	margin: 0;
}

/* disable border and outline on navigation and object elements */
object:active, div:active, div:focus, input:active, input:focus
{
	outline: none;
}
object:focus, div:focus, a:focus, select:focus, input:focus
{
	-moz-outline-style: none;
}

/* main content wrapper */
div#wrapper
{
	margin: 3px;
	margin: 0 auto;
	
}

div#main-content
{
	background: #f4f9fc;
	padding: 4px;
}

#content
{
	height: 1000%;
}

/* input elements */
input.input-text-default, input.input-datepicker-default
{
	border: solid 1px #888787;
}

.input-disabled-default
{
	padding: 3px 0;
}

.input-multiselect-default
{
	padding: 3px;
	height: 60px;
}

.input-textarea-default
{
	width: 300px;
	height: 60px;
}

.standard-button
{
	border: solid 1px #888787;
}

.sharer-links 
{
	float:left;
}

/* menu styles */
.navigation-tabs
{
	color: #ffffff;
	padding: 5px 0px 0px 5px;
	margin: 0;
	list-style-type: none;
}

.navigation-tabs li.active
{
	padding: 6px 10px 6px 10px;
	font-weight: bold;
	margin-right: 0.2em;
}

.navigation-tabs li
{	
	padding: 6px 10px 6px 10px;
	font-weight: bold;
	margin-right: 0.2em;
}

.navigation-tabs li a
{	
	text-decoration: none;
	color: #ffffff;
}

.navigation-tabs li.active a
{
	color: #285775;
}

.navigation-tabs li a:hover
{	
	text-decoration: none;
	color: #563455;
}

/* search form styles */
.list-table
{
	width: 100%;
}

.list-table .heading
{
	color: #ffffff;
	border-top: solid 1px #638403;
	border-bottom: solid 1px #638403;
	padding: 6px;
	overflow: hidden;
	white-space: nowrap;
	background: #285775;
	font-weight: bold;
}

.list-table .heading a
{
	color: #ffffff;
	font-weight: bold;
}

.list-table .content-1
{
	border-bottom: solid 1px #d5d5d5;
	padding: 0 6px;
	height: 70px;
	overflow: hidden;
	white-space: nowrap;
	background: #ffffff;
}

.list-table .content-2
{
	border-bottom: solid 1px #d5d5d5;
	padding: 0 6px;
	height: 70px;
	overflow: hidden;
	white-space: nowrap;
	background: #f4f4f4;
}

.list-links li
{
	height: 15px;
	padding: 2px 0;
}

.list-links li a
{
	color: #285674;
}

/* search form styles */
.form-label-mandatory
{
	font-weight: bold;
}

.form-actions
{
	padding: 10px 5px;
	text-align: right;
}

.portal-content
{
	border: solid 1px #b1b1b1;
	padding: 3px 4px 3px 4px;
	background: #f9f9f9;
}

.portal-content h1
{
	padding-top: 10px;
	text-align: left;
	color: #285576;
	font-size: 11pt;
	padding-left: 5px;
}

.portal-content .standard-heading
{
	padding-bottom: 14px;
	text-align: left;
	padding-left: 5px;
}

.portal-content .standard-message
{
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #ff0000;
}

.form-table
{
	width: 100%;
}

.form-table .form-single-label-cell
{
	width: 220px;
	background: #f6f7f8;
	border-bottom: 1px solid #ffffff;
	padding:4px 0 4px 4px;
}

.form-table .question-cell
{
	width: 70%;
}

.form-table .form-single-element-cell
{
	background: #f6f7f8;
	border-bottom: 1px solid #ffffff;
	padding:4px 0 4px 4px;
}

/* info & error message styles */
div#application-errors, div#application-info
{
	margin: 0 0 5px 0;
	font-style: italic;
	font-size: 7pt;
	font-weight: bold;
}

div#application-info li
{
	color: green;
}

div#application-errors li
{
	color: red;
}

/* application record list on form styles */
.records-list .record
{
	height: 26px;
	padding: 10px 0 0 4px;
	background: #f6f7f8;
	border-bottom: 1px solid #ffffff;
}

.records-list .label
{
	float: left;
}

.records-list .actions
{
	float: right;
	padding-right: 5px;
}

/* application bread crumb styles */
.application-breadcumbs-container
{
	padding-left: 30px;
	padding-top: 6px;
}

ul.application-breadcumbs
{
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.application-breadcumbs li
{
	float: left;	
}

ul.application-breadcumbs li.current, ul.application-breadcumbs li.open, ul.application-breadcumbs li.closed
{	
	padding: 7px 10px;
}

ul.application-breadcumbs li.current
{
	border: solid 1px #276704;
	background: #49708F;
	color: #ffffff;
	font-weight: bold;
	
}

ul.application-breadcumbs li.open
{
	border: solid 1px #276704;
	background: #B4C7D8;
}

ul.application-breadcumbs li.open a
{
	color: #285775;
	text-decoration: none;
}

ul.application-breadcumbs li.open a:hover
{
	font-weight: bold;
}

ul.application-breadcumbs li.closed
{
	color: grey;
	border: solid 1px #a1a0a0;
}

ul.application-breadcumbs li.sep
{
	font-weight: bold;
	padding-top: 12px;
}

ul.application-breadcumbs .step-rect
{
	height: 8px;
	width: 40px;
	background: #a1a0a0;
}

ul.application-breadcumbs .step-open
{
	background: #285775;
}

/* job description tamplate */
div.job-ad
{
	width: 460px;
	margin: 0 auto;
}

div.job-ad-header
{
	background: url(/static/Clients/vintagroupptyltd/Microsite/Images/shr-recruitment-heading.jpg);
	height: 95px;
}

div.job-ad-title
{
	padding: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background: #ffffff;
}

div.job-ad-selling-points ul li
{
	font-weight: bold;
	background: #ffffff;
}

div.job-ad-content
{
	padding: 6px 16px;
	background: #ffffff;
}

div.job-ad-footer
{
	background: url(/static/Clients/vintagroupptyltd/Microsite/Images/shr-recruitment-footer.jpg);
	height: 55px;
}

/* attachment urls */
ul.attachment-list
{
	color: #285775;
	margin: 0;
	padding: 0;
	list-style: none;
 	font-weight: bold;
}

ul.attachment-list li
{
	padding: 3px 0;
	background: #f6f6f6;
}

ul.attachment-list li a
{	
	text-decoration: underscore;
	color: #538e9c;
}

/* Layout helpers */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* States and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/static/Themes/Default/Images/ui-icons_ffffff_256x240.png); display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon-black { width: 16px; height: 16px; background-image: url(/static/Themes/Default/Images/ui-icons_222222_256x240.png); display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon-grey { width: 16px; height: 16px; background-image: url(/static/Themes/Default/Images/ui-icons_888888_256x240.png); display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }

/* Datepicker style */
.ui-datepicker { z-index: 1100; width: 17em; padding: .2em .2em 0; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.0em; border: 1px solid #dddddd; background: #eeeeee url(/static/Themes/Default/Images/calendar-bg.gif) 50% top repeat-x; color: #333333; }
.ui-datepicker a { color: #333333; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; border: 1px solid #e78f08; background: #f6a828 url(/static/Themes/Default/Images/orange-glosswave.gif) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-datepicker .ui-datepicker-header a { color: #ffffff; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6; font-weight: bold; color: #1c94c4; outline: none; }
.ui-datepicker .ui-state-default a, .ui-datepicker .ui-state-default a:link, .ui-datepicker .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-datepicker .ui-state-hover { border: 1px solid #fbcb09; background: #fdf5ce url(/static/Themes/Default/Images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-datepicker .ui-state-hover a, .ui-datepicker .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-datepicker .ui-state-active { border: 1px solid #fbd850; background: #ffffff; font-weight: bold; color: #eb8f00; outline: none; }
.ui-datepicker .ui-state-active  a, .ui-datepicker .ui-state-active  a:link, .ui-datepicker .ui-state-active  a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* clear container */
div.clear
{
	clear: both;
}

#sharer-container
{
	position: absolute;
	width:612px; 
	height:379px;
	background: #ffffff;
}

#sharer-container .title-bar
{
	background: #777777;
	height: 20px;
}

#sharer-container .title-bar a
{
	font-size: 11px;
	display: block;
	width: 40px;
	float: right;
	padding: 2px 9px 0 0;
	text-decoration: none;
	color: #ffffff;
}

#sharer-container iframe
{
	width:612px; 
	height:379px;
}

/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #666666; opacity: .50; filter:Alpha(Opacity=50); overflow: hidden;} 

#share-job
{
	background: url("/static/Themes/Default/Images/social.png") no-repeat;
	width: 110px;
	height: 20px;
	display: block;
	padding-left: 38px;
}

.float-right
{
	float: right;
}

.float-left
{
	float: left;
}

.img-loading
{
	background: url(/static/Themes/Default/Images/loading.gif) no-repeat center center;
	width: 16px;
	height: 16px;
}

.remove-attachment
{
	display: none;
}

#temp-error
{
	border: solid 1px #d20215;
	background: #efd5df;
	color: #d20215;
	padding: 10px 4px;
	width: 370px;
	position: absolute;
	top: 20px;
	left: 125px;
	font-style: italic;
	text-align: center;
}