/*

	SYNERGY SCREEN STYLES 2007

--- MASTER COLORS ---

CYAN	#09F
GREY 	#666
Dgrey	#333
Mgrey	#999
Lgrey	#F0F0F0

 */
html {
	background:#999;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	background:#FFF;
	color:#333;
	text-align:left;
	font-size:80%; 
	line-height:1.3em;
	background:#999 url(../images/gen/bk/bodyBk.gif) center top repeat-y;
}

body, div, object, embed, form, img, dl, dt, dd, ul, ol, li {
	margin:0;
	padding:0;
	border:0;
}
img {
	display:block;
	}

.editor {
	display:inline;
	}

/* Base Container/Holder Elements */
#bk {
	width:100%;
	min-height:480px !important;
	height:auto;
	background:transparent url(../images/gen/bk/logoBk.gif) center top no-repeat;
}
#center {
	width:750px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	padding-bottom:9px;
}
#hdr, #topNav, #content {
	height:135px;
	overflow:hidden;
	position:relative;
	z-index:1;
	}
#topNav {
	height:25px;
	overflow:visible;
	z-index:10;
}
#content {
	height:auto;
	}
#footer {
	width:100%;
	overflow:hidden;
	background:#999 url(../images/gen/bk/ftrBk.gif) center top no-repeat;
	clear:both;
	}
#ftr {
	width:720px;
	margin:0 auto;
	height:15px;
	padding:15px 0 3px;
	font-size:.9em;
	line-height:1.3em;
}
#adminftr {
	width:750px;
	margin:0 auto;
	height:15px;
	font-size:.9em;
	line-height:1.3em;
}

.left, .main, .imgR, .homeMain, .hold {
	float:left;
	overflow:hidden;
	display:inline;
	margin-top:30px;
}
.center {
	float:inherit;
	
	display:inline;
	padding-left: 100px;
	padding-bottom: 10px;
}
#colLine {
	height: 4px;
	border-bottom: 1px solid #BBB;
	margin-bottom: 4px;
}
span.reportimage {
	float:right;
	padding-left: 15px;
	padding-bottom: 10px;
	
}

/* RIGHT PANEL */
.right {
	float:right;
	width:120px;
	padding:50px 20px 10px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#0099FF;
	font-size:13px;
	line-height:16px;
}

/* LEFT PANEL */
.left {
	width:230px;
	margin:30px 30px 15px 15px;
	background:transparent url(../images/gen/bk/leftBk.gif) no-repeat;
}
.left .Lgrey, .left .grey, .left .cyan, .left .hold  {
	background-color:transparent;
	background-repeat:repeat-y;
	width:100%;
	overflow:hidden;
}
.left .hold {
	width:200px;
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:10px 15px 15px;
	margin:0;	
}
/* .left .Lgrey { background-image:url(../images/gen/bk/leftLgreyBk.gif) } */
.left .Lgrey .hold { background-image:url(../images/gen/bk/leftLgrey.gif); }

.left .grey { background-image:url(../images/gen/bk/leftGreyBk.gif); }
.left .grey .hold { background-image:url(../images/gen/bk/leftGrey.gif); }

.left .cyan { background-image:url(../images/gen/bk/leftCyanBk.gif); }
.left .cyan .hold { background-image:url(../images/gen/bk/leftCyan.gif);
	padding-bottom: 10px; }



.main {
	width:400px;
	padding-bottom:30px;
}
.homeMain {
	width:420px;
	clear:right;
	}
.thirds {
	width:735px;
	overflow:hidden;
	background:transparent url(../images/gen/bk/3thirds.gif) right bottom no-repeat;
	float:left;
	clear:both;
}
.third {
	width:200px;
	padding:10px 15px 15px;
	float:left;
	margin-left:15px;
	display:inline;
	background:transparent url(../images/gen/bk/thirdTop.gif) no-repeat;
}

/* IMAGE IN TEXT STYLES */
.imgR {
	width:140px;
	float:right;
	text-align:right;

	}
.imgR img {
	float:right;
		margin-right: 10px;
	}
#training {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	}


/* LINK STYLES */
a { 
	color:#09F;
	text-decoration:underline; 
	}
a:hover { 
	color:#000;
	}
#footer a {
	color:#FFF;
	float:right;
	margin-left:20px;
	}
#footer a:hover {
	color:#333;
	}
#training a {
	color:#FFF;
	font-weight:bold;
	
	}
#training a:hover {
	color:#09F;
	}	
.applyNow {
	height:22px;
	width:100px;
	display:block;
	background:transparent url(../images/gen/bk/applyNow.gif) no-repeat;
	margin:10px 0;
}	
.applyNow:hover {	
	background-position:bottom;
	}
.applyNow span {
	display:none;
}
.mediaTitle { 
	color:#09F;
	text-decoration:none; 
	font-size:1.2em;
	line-height:1em; 
	}
.secTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	margin-top:0.8em;
	margin-bottom:0.8em;
	font-size:1.2em;
	line-height:1em;
	color:black;

}
.pageTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	margin-left:1.0em;
	

}
.subTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	margin-left:2.2em;
	color:#767350;
}
	
/* STANDARD TEXT CLASSES */
h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
	margin-top:.3em;
	}

h1 { 
	font-size:1.4em !important;
	font-size:1.4em;
	font-weight:normal;
	line-height:1em;
	color:#09F;
	margin-top:.3em;
	margin-bottom:.8em;
	}
h2 {
	font-size:1.1em;
	color:#666666;
	margin-bottom:5px;
}
h3 {
	font-size:1.2em;
	color:#09F;
	margin:0;
	border-bottom:1px solid #999;
	
}
h4 { 
	font-size:1em !important;
	font-size:.9em;
	margin:0;
}
h5, h6 {
	font-size:1.1em;
	line-height:1.3em;
	}
h6 {
	margin-bottom:.8em;
	}
p {
	margin-bottom:.8em;
	}
	
	

/* UNIQUE TEXT CLASSES */
.left h3, .left h4, .left h5, .left h6, .left p,
.third h3, .third h4, .third h5, .third h6, .third p
{
	margin:0;
}

.left p, .third p {
	font-size:.9em !important;
	font-size:.8em;
}

.homeMain p {
	font-size:1.2em;
	line-height:1.3em;
	font-weight:normal;
	color:#999;
}

.main p {

}

.sm {
	font-size:.9em !important;
	font-size:.8em;
}

/* TAB CLASS */
.tab50 em {
	width:50px;
	float:left;
	clear:left;	
	font-style:normal;
	font-weight:bold;
}

.message {
	color: #C00;
	padding:3px 0 0;
	font-style:italic;
	}
	

	
/* LIST STYLES */
ul, ol {
	padding:5px 0 8px;
	margin-left:1.5em;
	list-style:disc outside;
	}
li {
	padding:2px 0 2px;
}	
ol li {
	list-style:decimal outside;
	}
/* UNIQUE LISTS */
.left ul, .left ol {
	list-style:none;
	margin:0;
	font-size:.9em !important;
	font-size:.8em;	
}
 ul.data {
	list-style:none;
	margin-left:1.5em;
	font-size:.9em !important;
	font-size:.8em;	
}


/* COLORS */
.colCyan {
	 color:#09F !important;
}
.colGrey {
	 color:#666 !important;
	 }
.black {
	color:#000 !important;
	}
.white {
	color:#FFF !important;
	}
.white-bk {
	background:#FFF !important;
	}
	.formGrey {
	 background:#666 !important;
	 padding:9px;
	 
	 }
/* FORM ELEMENTS */
form { 
	overflow:hidden;
	}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	
	padding-left:3px;
	padding-right:3px;
	border:1px solid #AAA;
	background:#FFF;
	}
.button { 
	width:auto;
	margin-left:3px;
	background:#09F;
	color:#FFF;
	}
.button:hover {
	background:#666;
	}
.GO { 
	width:44px;
	height:44px;
	border:0;
	padding:0;
	margin:0 0 0 3px;
	background:transparent url(../images/gen/circle/666go44.gif) no-repeat;
	float:left;
	}
.GO:hover {
	background-position:bottom;
	}
.GO-sm { 
	width:22px;
	height:22px;
	border:0;
	padding:0;
	margin:0 0 0 3px;
	background:transparent url(../images/gen/circle/666go11.gif) no-repeat;
	float:left;
	}
.GO-sm:hover {
	background-position:bottom;
	}	
.enrol { 
	width:94px;
	height:50px;
	border:0;
	padding:0;
	margin:0 0 0 3px;
	background:transparent url(../images/gen/enrolnow.gif) no-repeat;
	float:left;
	}
.enrol:hover {
	background-position:bottom;
	}
select {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #FFF;
	background-color:#FFF;
	font-size:11px;
	color:#000;
	padding:0;
	padding-top:1px;
	}
option {
	padding:1px 10px 1px 5px;
	}	
label {
	display:block;
	
	margin:0 1px 0 0;
	padding:0;
	}
.r { font-weight:bold; }

.form-strip {
	padding:3px 0 0;
	margin-bottom:5px;
	width:100%;
	overflow:hidden;
	}


.search select {
	float:left;
	width:145px;
	margin-top:2px;
}
.search .flL {
	width:150px;
	display:inline;
	}



/* MISC HELPERS */

.flL {
	float:left;
	}
.flR {
	float:right;
	}

/*

      MAIN TOP NAVIGATION 

*/
#nav {
	width:100%;
	height:25px;
	list-style:none;
	margin:0;
	padding:0;
	background:url(../images/gen/nav/bk.gif);
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	z-index:10;
}

/* TOP LEVEL */
#nav li {
	list-style:none;
	float:left;
	padding:0;
	margin:0;
}
#nav li:hover {
	position:relative;
	z-index:10;
	background:url(../images/gen/nav/bk_r.gif);
}
#nav a {
	float:left;
	display:block;
	margin:0;
	height:25px;
	padding:0 15px;
	font-size:0px;
	line-height:0px;
	text-decoration:none;
	background-position:center top;
	background-repeat:no-repeat;
	color:#FFF;
	font-weight:bold;
}
#nav a em {
	display:none;
	}
#nav .r {
	float:right;
}

#nav a:hover, #nav li:hover a, #nav li.current a  { 
	background-position:center bottom; 
	}
.index { width:16px; background-image:url(../images/gen/nav/home.gif); }
.contactus { width:43px; background-image:url(../images/gen/nav/contactus.gif); }
.aboutus { width:57px; background-image:url(../images/gen/nav/aboutus.gif); }
.vacancies { width:64px;background-image:url(../images/gen/nav/vacancies.gif); }
.consulting { width:72px; background-image:url(../images/gen/nav/consulting.gif); }
.outsourcing { width:91px; background-image:url(../images/gen/nav/outsourcing.gif); }
.training { width:55px; background-image:url(../images/gen/nav/training.gif); }
.edit { width:65px; background-image:url(../images/gen/nav/edit.gif); }
.add { width:55px; background-image:url(../images/gen/nav/add.gif); }
.del { width:86px; background-image:url(../images/gen/nav/del.gif); }
.out { width:94px; background-image:url(../images/gen/nav/out.gif); }
.resources { width:68px; background-image:url(../images/gen/nav/resources.gif); }
.admin { width:78px; background-image:url(../images/gen/nav/admin.gif); }


/* HOME EXCEPTION */
#nav li.current a.index  { 
	background-position:center top; 
	}
#nav a.index:hover, #nav li:hover a.index { 
	background-position:center bottom; 
	}

/* SUB LEVEL 1 */
#nav ul {
	position:absolute;
	width:140px;
	left:-1px;
	top:25px;
	border:0;
	margin:0;
	padding:0;
	background:#FFF;
	border:1px solid #FFF;
}
#nav ul li {
	display:block;
	width:100%;
	background-color:#666;
	}
#nav ul li:hover {
	background:transparent;
}


#nav ul a {
	display:block;
	float:left;
	height:auto;
	font-size: 10px !important;
	line-height:11px;
	text-decoration: none;
	text-transform: none;
	color:#FFF;
	padding:5px 2px 5px 15px !important;
	margin:0;
	font-weight:normal;
	background:transparent;
}

#nav ul .drop, #nav ul li.drop:hover {
	background-image:url(../images/gen/nav/arrow.gif);
	background-position:95% 50%;
	background-repeat:no-repeat;
}

/* SUB LEVEL 2 (and beyond) */
#nav ul ul {
	width:105px;
	position:absolute;
	left:140px;
	top:0px;
}

/* CURRENT COLORS */
#nav ul li.current, #nav li:hover ul ul li.current, #nav li:hover ul li:hover ul li:hover ul li.current {
	background-color:#09F;
}
/* NESTED NORMAL STATE */
#nav ul li.current ul li, #nav ul li.current ul li.current ul li {
	background-color:#666;
}
/* HOVER COLORS */
#nav ul li:hover, #nav ul ul li:hover, #nav ul li.current ul li:hover, #nav ul li.current ul li.current ul li:hover {
	background-color:#09F;
	cursor:pointer;
}


/* DISPLAYS */
#nav ul, #nav li:hover ul ul, #nav ul li:hover ul ul {
	display:none;	
}
#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul {
	display:block;	
}


/*  LEFT NAV */

#LNav {
	width:145px;
	float:left;
	margin:30px 30px 5px 15px;
	overflow:hidden;
	display:inline;
	list-style:none;
	text-transform:uppercase;
}
#LNav ul {
	width:145px;
	margin:0 0 5px;
	padding:0;
	text-transform:none;	
}

#LNav li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:145px;
	display:block;
	clear:left;
	overflow:hidden;
	}
#LNav li a {
	display:block;
	font-size:13px;
	line-height:13px;
	text-decoration:none;
	font-weight:bold;
	margin:0;
	padding:3px 0 4px;
	color:#000;
}
#LNav li a:hover, #LNav li.current a {
	color:#09F;
}
#LNav ul li a {
	font-weight:normal;
	font-size:13px;
	line-height:13px;
	
	}
#LNav ul ul {
	display:none !important;
	margin:0 0 3px;
}
#LNav ul li.current ul {
	display:block !important;
	}
#LNav ul li.current ul ul {
	margin-top:0;
	display:none !important;
}
#LNav ul li.current ul li.current ul {
	display:block !important;
	}	
#LNav ul li.current ul li a {
	width:132px;
	height:100%;
	padding:0 0 3px 13px;
	font-size:11px;
	background:transparent;
	color:#000;
	display:block;
	float:left;
	}
/* IF DROP IMAGE WANTED STYLE HERE (Not applied at moment) */
#LNav ul ul .drop {
	background-image:url();
	background-position:left 50%;
	background-repeat:no-repeat;
}

#LNav li.current ul li a:hover, #LNav li.current ul li.current a {
	color:#09F;
}
#LNav li.current  ul li.current ul li a {
	color:#666;
}
#LNav li.current  ul li.current ul li a:hover, #LNav ul li.current  ul li.current  ul li.current a {
	color:#09F;
}
#LNav ul ul ul li a {
	width:127px;
	height:100%;
	padding-left:18px;
	font-weight:normal;
	display:block !important;
	float:left;
}
#LNav ul ul li.current a {
	background:transparent;
}
/* PRINT STYLES FOR NAVS */

@media print {
#nav, #LNav {
	display:none !important;
	}
}