body {
	margin: 		0;
	padding: 		0;
	font-size: 	0.75em;
	font-family:	Verdana ,Arial, Georgia, Tahoma, Geneva, serif;
	color: 			#505050;
	background: #e9e9e9

}

a {
	color: #00C4E1;
}

a:visited {
	color: #46166c;
}

a.underline{
	text-decoration: underline;
}

p.return-listing{
	margin: 1em 0 0 0;
	font-size: 0.9em;
}

span.title {
	text-decoration: underline;
}

input.button {
	border: 1px solid #DAD9DE;
	background-color: #F5F5F5;
	margin-left: 0.4em;
}

/***drop shadow ***/
div#layer-wrapper-left{
	width: 78.3em;
	padding-left:20px;
	margin: 0 auto;
	background: url(../../graphics/shadow-left.gif) 0 0 repeat;
}

div#layer-wrapper-right{
	width: 78.2em;
	padding-right:18px;
	margin: 0 auto;
	background: url(../../graphics/shadow-right.gif) 100% 100% repeat;
}

div#layer-page {
	width: 77.8em !important;
	padding: 0 !important;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	margin: 0 auto !important;
	overflow:hidden
}

div#layer-header {
	padding : 0;
	background: #fff url(../../graphics/banner-aspirations.gif) 100% 100% no-repeat;
	height: 20em;
	margin-top: -0.5em;
}

div.header-image {
	margin-left: 21.55em;
	width: 56.3em;
	margin-top: 0.6em;
}

div#layer-header h2 {
	display: none;
}

div#layer-logo h1 {
	position: relative;
	top: 4.58em;
	font-size: 100%;
	color: #00bce4;
}

div#layer-search fieldset {
	border: none;
}

div#layer-search label, div#layer-search legend {
	display: none;
}

div#layer-search p {
	float: left;
}

div#layer-toolbar-1 h3,
div#layer-toolbar-2 h3,
div#layer-menu h2 {
	display: none;
}

div#layer-menu {
	position: absolute;
	top: 20em;
	width: 77.8em !important;
}

div#layer-menu ol {
	margin: 0;
	padding: 0;
	line-height: 3em;
	background-color: #00bce4;
	
}

div#layer-menu ol li {
	display: inline;
	padding: .9em 0 .9em 0;
	list-style: none;
	background-color: #00bce4;
}

div#layer-menu ol li a {
	display: inline;
	padding: .9em 1.5em 1em;
	color: #434343 !important;
}

div#layer-menu ol li a.first {
	border-left: 0;
}

div#layer-menu ol li a.selected {
	background-color: #d9f5fb;
	color: #333333 !important;
}



div#layer-logo {
	position: absolute;
	padding-left:2em;
	top: 2em;
	width: 22em;
}

div#layer-logo img{
	display: block;
	z-index: 999;
	position: relative;
}



div#layer-menu-sub {
	margin: 0;
	padding: 0;
}
		
div#layer-menu-sub h3 {
	display: none;
}

div#layer-menu-sub ol {
	margin: 0;
	padding: 0;
}

div#layer-menu-sub ol li {
	list-style: none;
}

div#layer-menu-sub ol li a {
	display: block;
	padding: 0.5em 1em 0.5em 0;
	color: #00bce4;
}

div#layer-menu-sub ol li a.selected {
	font-weight: bold;
	color: #00bce4;
}

div#layer-menu-sub ol li ol li a {
	padding: 0.35em 0 0.35em 2em;
	font-size: 90%;
	background: none;
}

div#layer-menu-sub ol li ol li a.selected {
	background: none;
}

div#layer-menu-sub ol li ol li ol {
	padding-left: 1em;
}


div#layer-toolbar-1 {
	position: absolute;
	top: 1em;
	width: 75.75em !important;
}

div#layer-toolbar-2 {
	float: right;
}

div#layer-toolbar-1 ul {
	
	float: right;
	margin: .5em 2em 1em 1em;
}

div#layer-toolbar-2 ul {
	margin: 0;
}

div#layer-toolbar-1 ul li, 
div#layer-toolbar-2 ul li {
	text-align: right;
	display: inline;
	padding: 0 0.3em;
	font-size: 0.95em;
}

div#layer-toolbar-1 ul li a, 
div#layer-toolbar-2 ul li a{
	color: #00bce4;
	text-decoration: underline;
}

div#layer-toolbar-1 ul li.last, 
div#layer-toolbar-2 ul li.last {
	border-right : none;
	padding-right: 0;
}

div#layer-footer {
	clear:both;
	background: url(../../graphics/footer-colour-bar.gif) #fff 0 100% repeat-x;
	color: #505050;
	padding: 2em;
	margin: 0;
}

div#layer-footer a {
	color: #00bce4;
	text-decoration: underline;
}

div#layer-footer a:visited {
	color: #46166c;
	text-decoration: underline;
}

div.breadcrumbs ul {
	font-size: 0.9em;
	margin: 1em 0 0 0;
}

div.breadcrumbs ul li {
	display: inline;
}

div.breadcrumbs ul li a{
	color: #00C4E1;
	text-decoration: underline;
}

div.breadcrumbs ul li a:visited{
	color: #46166c;
	text-decoration: underline;
}

div#layer-body {
	overflow: auto;
	padding: 4.5em 1.5em 1.5em 1.5em;
	background: #d9f5fb;
	border-bottom: 1px solid #b3ebf7;
	height:100%;
}

div#layer-body div#column-1-1 {
	width: 53em;
	float: right;
	position: relative;
	left: -0.5em;
}

div#layer-body div#column-3-1 {
	width: 33em;
	float: right;
	position: relative;
	left: -21em;
}

div#layer-body div#column-3-2 {
	width: 19.5em;
	float: right;
	position: relative;
	right: -33em;
}

div#layer-body div#column-3-3 {
	width: 19.5em;
}

div#layer-body div#column-2-1-frontpage {
	width: 51.2em;
	float: left;
	margin: 0 1.5em 0 0;
}


div#layer-body div#column-2-2-frontpage {
	width: 22em;
	float: left;
}


div#layer-etc {
	margin-top: 1.5em;
	clear: both;
}

div#layer-etc h3 {
	display: none;
}

div.tab ul.tab {
	border-bottom: 0.3em solid #D82C20;
	margin: 0;
	padding: 0.5em 0 0.5em 0.25em;
}

div.tab ul.tab li {
	display: inline;
}

div.tab ul.tab a {
	background-color: #EEE;
	display: inline;
	padding: 0.5em 1em;
	color: #434343;
	margin-left: -0.25em;
}

div.tab div {
	display: none;
	padding: 1.5em 2em;
}

div.tab div div {
	display: block;
}


div.grey {
	background-color: #F7F7F7;
}



div.tab.frontpage {
	padding-left: 2em; 
	width: 20.5em;
}

div.tab.bottom ul.tab {
	padding-left: 2em;
}

h3.box {
	padding: 0;
	margin: 0.7em 0 1em 0;
	color: #e96d20;
}

div.header-label{
	margin: 0;
}

div.box-home{
	margin: -1.7em 0 0em -0.3em;
}

div.box-home-bottom{
	margin: 1.5em 0 0 -0.2em;
}

div.box,
div.box-white,
div.box-blue,
div.box-green,
div.box-green-light,
div.box-job-filter {
	background: #fff;
	padding: 0.5em 1em 0.1em 1em;
	margin: 0;
	overflow: auto;
}

div.select-filter-box{
	margin: 0 0 0 9em;
}

div.box a {
	color: #E96D20;
}

div.box-white a {
	color: #E96D20;
	text-decoration: underline;
}

div.box-blue {
	background: #00bce4;
	padding-bottom: 0.5em;
	color: #fff;
}

div.box-blue h3{
	margin-bottom: 1em;
}

div.box-white {
	padding-bottom: 1em;
}

div.box-green {
	background: #CDEACB;
}

div.box-green-light {
	background: #55B949;
	padding: 0.5em 1em 0.5em 1em;
}

div.box-bottom {
	margin: 0 0 0.9em 0;
}

div.box-bottom-job {
	margin: 0 0 0.5em 0;
}

.corner-tr-white-front {
	margin:	0;
	padding:	6px 0 0;
	background: url(../../graphics/corner-white-left.png) 0 0 no-repeat
}

.corner-tl-white-front {
	height:		6px;
	margin:	0;
	background: url(../../graphics/corner-white-right.png) 100% 0 no-repeat
}

.corner-tr-white {
	margin:	0;
	padding:	6px 0 0;
	background: url(../../graphics/corner-white-left.png) 0 0 no-repeat
}

.corner-tl-white	 {
	height:		6px;
	margin:	0;
	background: url(../../graphics/corner-white-right.png) 100% 0 no-repeat
}

.corner-tr-white-job-filter {
	margin:	0;
	padding:	6px 0 0;
	background: url(../../graphics/corner-white-left.png) 0 0 no-repeat
}

.corner-tl-white-job-filter {
	height:		6px;
	margin:	0;
	background: url(../../graphics/corner-white-right.png) 100% 0 no-repeat
}

.corner-tr-blue, .corner-tr-blue-home {
	margin:	0;
	padding:	6px 0 0;
	background: url(../../graphics/corner-blue-left.png) 0 0 no-repeat
}

.corner-tl-blue	 {
	height:		6px;
	margin:	0;
	background: url(../../graphics/corner-blue-right.png) 100% 0 no-repeat
}

.corner-tr-green {
	margin:	0;
	padding:	6px 0 0;
	background: url(../../graphics/corner-light-green-left.png) 0 0 no-repeat
}

.corner-tl-green	 {
	height:		6px;
	margin:	0;
	background: url(../../graphics/corner-light-green-right.png) 100% 0 no-repeat
}

.corner-tr-green-light {
	margin:	0;
	padding:	6px 0 0;
	background: url(../../graphics/corner-green-left.png) 0 0 no-repeat
}

.corner-tl-green-light	 {
	height:		6px;
	margin:	0;
	background: url(../../graphics/corner-green-right.png) 100% 0 no-repeat
}

.corner-tr-orange {
	margin:	0;
	padding:	6px 0 0;
	background: url(../../graphics/corner-orange-light-left.png) 0 0 no-repeat
}

.corner-tl-orange	 {
	height:		6px;
	margin:	0;
	background: url(../../graphics/corner-orange-light-right.png) 100% 0 no-repeat
}

.corner-tr-yellow {
	margin:	0;
	padding:	6px 0 0;
	background: url(../../graphics/corner-yellow-light-left.png) 0 0 no-repeat
}

.corner-tl-yellow	 {
	height:		6px;
	margin:	0;
	background: url(../../graphics/corner-yellow-light-right.png) 100% 0 no-repeat
}

span.fill-white,
span.fill-blue,
span.fill-white-job,
span.fill-blue-job,
span.fill-green-job,
span.fill-white-3col,
span.fill-blue-3col,
span.fill-green-light,
span.fill-orange,
span.fill-yellow  {
	width: 21em;
	height:		6px;
	background: #fff;
	float: left;
	line-height: 0;
	margin: 0 0 0 6px;
}

span.fill-white-3col,
span.fill-blue-3col{
	width: 18.5em;
}

span.fill-green-light{
	width: 18.5em;
	background: #55B949;
}

span.fill-white-job{
	width: 52em;
}

span.fill-blue-job{
	width: 52em;
	background: #00bce4;
}

span.fill-green-job{
	width: 52em;
	background: #CDEACB;
}

span.fill-orange{
	width: 52em;
	background: #F9D3BC;
}

span.fill-yellow{
	width: 52em;
	background: #FFF4D8;
}

span.fill-blue,
span.fill-blue-3col {
	background: #00bce4;
}



div.box-frontpage {
	border: 1px solid #D9D9D9;
	border-top: none;
	padding: 0 !important;
}



a.fontsize img {
	margin-bottom: -0.1em;
}



div#layer-copyright {
	font-size: 0.9em;
}

div#layer-copyright p {
	padding-bottom: 0.5em;
}

div.container {
	margin: 1em 0;
}

div.left {
	float: left;
}

div.right {
	float: right;
}

p.right {
	float: right;
}

p.left {
	float: left;
}

em.red {
	color: #DE1736;
}

/* Forms*/
#form-clients-registration {
	background: #F9D3BC;	
}

#form-contact-us {
	background: #CDEACB;	
}

#form-candidates-registration {
	background: #FFF4D8;
}

form legend {
	display: none;
}

form fieldset {
	border: none;
}

form ul {
	list-style: none;
	margin-left: 0.3em;
}

form ul li {
	margin-top: 0.7em;
	clear: both;
}

form ul li.title {
	margin: 1em 0;	
}

form label {
	width: 14.2em;
	float: left;
	margin: 0.5em 0 0 0;
}

form .text {
	width: 20.2em;
	border:	1px solid #A8A8A8;
	padding: 0.1em 0.1em 0.1em 0.27em;
}

form .textarea {
	width: 21.4em;
	height: 12em;
	font-size: 1.3em;
	padding-left: 0.2em;
}

form .select {
	width: 20.9em !important;
	font-size: 1.1em;
	
}

form .checkbox {
	margin-left: 0;
}

form input.button {
	background: #01BCE5;
	color: #FFFFFF;
	margin: 1.5em 0 0 21.3em;
	padding: 0.3em 0.5em;
}
form input.file{
	background: #fff;
	padding: 0.1em 0.1em 0.1em 0.27em;
	border:	1px solid #A8A8A8; 
}

form .datepicker {
	background: #01BCE5;
	color: #FFFFFF;
	padding: 0.35em 0.65em 0.35em 0.5em;
	margin-left: 0.7em;
	position: absolute;
}

form .text-date {
	width: 15.65em;
	padding: 0.1em 0.1em 0.1em 0.27em;
	border:	1px solid #A8A8A8;
}
p.title{
	margin: 0.7em 0 0.5em 0;
}
h3.green {
	color: #58B34C;
	font-weight: bold;
}

h3.orange {
	color: #EA6613;
	font-weight: bold;
	margin: 0;
	padding: 0 0 1em 0;
}

h3.gold {
	color: #DA9A04;
	font-weight: bold;
	margin: 0;
	padding: 0 0 1em 0;
}

div.job-detail ul{
	list-style: none;
	margin: 1.3em 0 1em 0;
}

div.job-detail ul li{
	margin: 0.2em 0 0.2em 0;
}

/* Site Map */
div#sitemap ul {
	list-style: none;
	margin: 0.3em 0 0 0;
}

div#sitemap ul li a {
	color: #00bce4;
}

div#sitemap ul li.section a, div#sitemap ul li.page a {
	font-weight: bold;
}

div#sitemap ul li.section a, div#sitemap ul li.page a:visited {
	color: #46166c;
	text-decoration: underline;
}

div#sitemap ul li.section ul li.section a {
	font-weight: normal;
	text-decoration: underline;
	margin-right: 1.2em;
}

div#sitemap ul li.section ul li.section {
	float: left;
}

div#sitemap ul li.section {
	margin-top: 0.6em;
}

div.hr {
	border: none;
	border-bottom: 1px solid #D3E6D0;
	height: 0.1em;
	line-height: 0.1em; /* Needed for IE6 */
}

div.hr-green {
	border: none;
	border-bottom: 1px solid #CFE8CB;
	height: 0.1em;
	line-height: 0.1em; /* Needed for IE6 */
}
a.sitemap{
	font-size: 0.95em;
}

/* pagination -------------------------------------------------------------------- */
div.pagination,div.pagination-bottom {
	padding: 0.8em 0;
	width: 100%;
	overflow: hidden;
	font-size: 0.9em;
}

div.pagination a,div.pagination-bottom a {
	color: #00C4E1;
}

div.pagination span.bar,div.pagination-bottom span.bar {
	color: #E7F5E4;
}

div.pagination div.results {
	float: left;
}

div.pagination div.pages,div.pagination-bottom div.pages {
	float: right;
}

div.pagination-bottom div.results {
	display: none;
}

/*---------------Job listing form--------------------*/
form#job_filter label {
	width: 9em;
	float: left;
	margin: 0.5em 0 0 0;
}
form#job_search label {
	width: 9em;
	float: left;
	margin: 0.5em 0 0 0;
}
form#job_filter select{
	width: 8.4em;
	font-size: 1.04em;
}
form#job_filter input.button{
	margin: 0;
	font-size: 0.9em;
	padding: 0.2em 0.6em 0.2em 0.5em;
}

form#job_search input.text{
	border:	1px solid #A8A8A8;
	width: 14.6em;
	padding: 0.1em 0.1em 0.1em 0.27em;
}
form#job_search input.button{
	margin: 0;
	font-size: 0.9em;
	padding: 0.2em 0.6em 0.2em 0.5em;
}
/*---------------Apply Job form----------------------*/
form#form-job-apply{
	background: #CDEACB;
}

/*---------------Refer Friend form----------------------*/
form#form-refer-friend{
	background: #CDEACB;
}

/*------------------Job details-------------------------*/
input.button-job-details {
	background: #01BCE5;
	color: #FFFFFF;
	padding: 0.2em 0.3em;
	margin: 0.5em 0 0 0;
	border:	0;
}
p.agree-box{
	margin: -1.6em 0 0 18em;
	font-size: 0.9em;
	width: 23em;
}
p.refer-fren-bottom-box{
	margin: -0.3em 0 0 16em;
	font-size: 0.9em;
	width: 25em;
}

/* Safari Hacks */
@media all and (-webkit-min-device-pixel-ratio:0) {
	form input.button {
		font-size: 1em;
		padding: 0.5em 0.6em 0.5em 0.6em;
	}
	form .text {
		font-size: 1em;
		width: 22em;
	}
	form .textarea {
		width: 22.2em;
		font-size: 1em;
	}
	form .select {
		width: 22.5em !important;
		font-size: 1em;
	}
	form input.file{
		width: 16.9em !important;
		font-size: 1em;
	}
	form .text-date {
		width: 17.3em;
		font-size: 1em;
	}
	form .datepicker {
		font-size: 0.9em;
		margin-left: 0.4em;
		margin-top: 0.2em;
		padding: 0.3em 0.6em 0.3em 0.6em;
	}
	form#job_filter select{
		width: 8.8em;
		font-size: 1em;
	}
	form#job_filter input.button{
		padding: 0.3em 0.5em 0.3em 0.5em;
		font-size: 0.95em;
	}
	form#job_search input.button{
		padding: 0.3em 0.5em 0.3em 0.5em;
		font-size: 0.95em;
	}
	input.button-job-details{
		padding: 0.5em 1em;
	}
}
