html { overflow-y: scroll; }


body {
	font: 12px Verdana, Helvetica, sans-serif;
	color: #72706F;
	margin-top: 50px;
	margin-bottom: 60px;
	text-align: justify;
	background-image: url(images/background.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
}

#main-container 
{
	margin:0 auto;
	position:relative;
	width: 1000px;
	border: 10px solid #FFFFFF;
	padding: 0px;
	background-color: #FFFFFF;
    top: 0px;
	border-radius: 10px;
}
	
.header {
	height: 195px;

}

.logo {

float: left;

}

.tagline {
	color: #00B5D6;
	font: 24px Verdana, Helvetica, sans-serif;
	float: left;
	padding-left: 18px; 
    width: 203px;
    height: 21px;
    margin-left: 36px;
    padding-top: 30px;
}

#banner-recruit {
	float: right;
	padding-bottom: 6px;
}
#banner-manage {
	float: right;
	padding-bottom: 6px;
}
#banner-train {
	float: right;
}

.navbar {
	display: block;
	height: 48px;
	background-color: white;
	margin-top: 15px;
/*	margin-right: 450px; */
/*	margin-left: 220px; */
	text-align: left;
/*	bottom-border: 1px solid; */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
	
		
}

.navbar ul {
	background-color: white;
	color: #00B5D6;
	list-style: none;
	line-height: normal;
	padding-left: 12px;
	margin-left: 12px;
	display: inline;
	position: relative;
	top: 15px;
	
}

.navbar li {

display: inline;
padding-right: 10px;
margin-top: 20px;
font-size: 12px;
}

.navbar a {

	display: inline;
	color: #00B5D6; /*Original Turquoise */

	/* color: #109EC5;*/ /* Darker Turquoise */ 
	text-decoration: none;
	font-weight: bold;

}

.navbar a:hover {
	font-weight: bold;
	text-decoration: underline;
}

/* Same thing but as Id */
#navbar {
	display: block;
	height: 48px;
	background-color: white;
	margin-top: 15px;
/*	margin-right: 450px; */
/*	margin-left: 220px; */
	text-align: left;
/*	bottom-border: 1px solid; */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
	
		
}

#navbar ul {
	background-color: white;
	color: #00B5D6;
	list-style: none;
	line-height: normal;
	padding-left: 12px;
	margin-left: 12px;
	display: inline;
	position: relative;
	top: 15px;
	
}

#navbar li {

display: inline;
padding-right: 10px;
margin-top: 20px;
font-size: 12px;
}

#navbar a {

	display: inline;
	color: #00B5D6; /*Original Turquoise */

	/* color: #109EC5;*/ /* Darker Turquoise */ 
	text-decoration: none;
	font-weight: bold;

}

#navbar a:hover {
	font-weight: bold;
	text-decoration: underline;
}


a.recruit {
	/* yellow */
	color: 	#E8CC09;
	font-weight:bold;
	text-decoration: none;
}

a:hover.recruit  {
	text-decoration: underline;
}

a.manage {
	/* orange */
	color: 	#F67811;
	font-weight:bold;
	text-decoration: none;
}

a:hover.manage  {
	text-decoration: underline;
}

a.train {
	/* red */
	color: 	#AE021C;
	font-weight:bold;
	text-decoration: none;
}

a:hover.train  {
	text-decoration: underline;
}

.main-text {
	position:relative;
	float:left;
	width:680px;
	left:20px;
	margin-top: 20px;
	border: 0px solid black;
	text-align: left;
}

.main-text p {
	font-size: 14px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #666666;
	text-align: justify;
	
}

.main-text h1 {
	color: #000080;
	text-align: left;
/*	font-size: 2.5em; */
	font-family: Verdana, Helvetica, sans-serif;
}

.main-text a, .main-text a:visited {
	color: #666666;
	font-size:14px;
}

.main-text a:hover {
	color:#39F;
}

.single-block-text {
	position:relative;
	width:960px;
	left:20px;
	margin-top: 20px;
	border: 0px solid black;
	color: #333;
}

.title {
	color: #666666;
	text-align: left;
	font-size: 22px;
	font-family: Verdana, sans-serif;

}

.bigtitle {
	color: #666666;
	text-align: left;
	font-size: 42px;
	font-family: Verdana, sans-serif;

}

.subtitle {
	color: #666666;
	text-align: left;
	font-size: 20px;
	padding-bottom: 0px;
}

.service-title {
	color: #666666;
	text-align: left;
	font-size: 16px;
	font-family: Verdana, sans-serif;
	margin-bottom: 6px;
	font-weight:bold;
    width: 530px;

}

.service-category {
	color: #666666;
	text-align: left;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	margin-left: 40px;
	margin-bottom: 40px;
	width: 530px;

}

#recruit-main-title {
	color: #E8CC09;
	/*	background-color:#AAC5DF;*/
	text-align: left;
	font-size: 46px;
	font-family: Verdana, sans-serif;
	margin-bottom: 6px;
	font-weight:normal;
	width: 530px;
	height:60px;

}

#manage-main-title {
	color: #E46B07;
	/*	background-color:#AAC5DF;*/
	text-align: left;
	font-size: 46px;
	font-family: Verdana, sans-serif;
	margin-bottom: 6px;
	font-weight:normal;
	width: 530px;
	height:60px;

}

#train-main-title {
	color: #AE021C;
	/*	background-color:#AAC5DF;*/
	text-align: left;
	font-size: 46px;
	font-family: Verdana, sans-serif;
	margin-bottom: 6px;
	font-weight:normal;
	width: 530px;
	height:60px;

}

.main-text ul {
	text-align: left;
	padding-left: 25px;
	font-size: 1.3em;
	color: black;
	
}

.main-text li {
	text-align: left;
	padding-bottom: 5px;
}

.footer 
{
	/*margin:0 auto;*/
	/*position:relative;*/
	/*width: 1000px;*/
	/*border: 8px solid #FFFFFF;*/
	color: #666666;
	text-align: center;
	line-height: normal;
	font-size: smaller;
	background:#FFFFFF;
	height: 20px;
	bottom: 5px;
	clear:both;
}


.footer p 
{
    margin-top: 3px;
}
.image-right {
	border: 0px solid black;
	position: relative;
	top:60px;
	float:right;
	width:280px;
	text-align:center;
}

.image-right img {
border: 0px solid black;
}

.booked {
font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;
font-size: 10px;
background:#009966;
width:100px;
}

.notbooked {
font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;
font-size: 10px;
background:#cc3333;
width:100px;
}

/* Interview schedule booking form */
.row {
	margin-left: 20px;
	padding-bottom: 8px;
	border:0px solid black;
}

.slot {
	display: inline;
	margin-right: 160px;
}

.submit {
	margin-left: 120px;
}

.schedule {
	display:visible;	
}

.schedule-hidden {
	display:none;	
}


/* Contact form */

div.contact {
	 
	margin-top: 10px;
	border: 0px solid #242323;
	
	}

div.contact label{
	display:block;
	color:#555555;
	padding: 0px 0px 15px 0px;
	
}


.input-text{
	border:1px solid;
	width:180px;
}

.textarea-style{
	font: 12px Tahoma, Helvetica, sans-serif;
	line-height: 1.5;
	border:1px solid;
	width:280px;
	height:180px;
	
}

div.contact label span{
	display:block;
	float:left;
	padding-right:6px;
	padding-top:4px;
	width:100px;
	text-align:right;
	
}

.formStyle {
visibility: hidden;
display:none
}

.button {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;
font-size: 10px;
background:#666666;
width:100px;
margin: 0px 0px 0px 180px;
}

#error {
	color: red;
	 /* font-weight: bold; */
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 106px;
	height: 14px;
	border: black 0px solid;
}

/* iv_report.php styles */
.report-input {
	display:inline;
	float: left;
	margin-right: 10px;
}

/* Don't delete anything below here */

	.dhtmlgoodies_control a {
	color: #000080;

}

.dhtmlgoodies_control a:visited {
	color: #000080;

}


.dhtmlgoodies_control a:hover {
	text-decoration: underline;
	color: red;
	
}



	.dhtmlgoodies_contentBox{
		
		height:0px;
		visibility:hidden;
		position:relative;
		overflow:hidden;
		width:750px;
	/*	background: #D0C8C8; */
		background: #FFFFFF;		
		color: black;
/*		border: 2.5px solid #000080; */
		
/*		margin-top: 4px;*/
						
	}

	.dhtmlgoodies_content{
	position:relative;
	width:96%;
	font-size: 14px;
	padding: 8px;
	text-align: justify;	
		
}

/* Director dashboard table with sort columns */

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 10pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	/*
		background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	*/
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr th.noSort {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr th.headerSortUp {
	background-image: url(images/asc.gif);
		background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr th.headerSortDown {
	background-image: url(images/desc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr th.headerSortDown, table.tablesorter thead tr th.headerSortUp {
background-color: #8dbdd8;
}

/* CSS3 error message */
#css3-error {
	width: 400px;
	height: 22px;
	
	font-size: 1.1em;
    text-align: center;
    color:#FFF;
	padding-top: 6px;
    text-shadow: 0px 1px 0px grey;
	
	background:#BD485C;
	background: -webkit-linear-gradient( #BD2F4B, #DE6164);
    background:    -moz-linear-gradient( #BC98A2, #BD485C);
    background:     -ms-linear-gradient( #BC98A2, #BD485C);
    background:      -o-linear-gradient( #BC98A2, #BD485C);
    background:         linear-gradient( #BC98A2, #BD485C);
	border-radius: 8px;
	box-shadow: -5px -5px 5px #888;
	
	display:none;
	
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
#modal {
    display: none;
    width:100px;
    height: 100px;
    position: fixed;
    top: 58%;
    left: 50%; 
    text-align:center;
    margin-left: -50px;
    margin-top: -100px;
    z-index:2;
    overflow: auto;
	background-repeat: no-repeat;
	background-image:url(images/ajax-loader.gif);
	

}