/* Page Structure*/

/* TOC

1: - Main Page Structure

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/

/*  dark green - #4D7421 
    green - #79C141
    light green - #B0D68B
    
    light violet - #BC92DC
    violet - #4B1970
    very light violet - #7F49A7
    
*/

/* 1-:-------- Main Page Structure ------------ */



html, body, form {
	margin:0;
	padding:0;
}


html, body {height:100%; margin:0;} 
html>body  
{ 
      min-height:100%; 
      height:auto; 
      padding:0; 
      margin:0; 
}

body {
    font-family:Arial,'Trebuchet MS';
    margin:0px;
    padding:0px;
    background-color:White;
}
		
.body {
    background-color:#E0E0E0;
}

input, memo, textarea {
    font-family:Arial, Tahoma;
    font-size:12px;
}

.wrapper {
    margin:0px auto;
    padding-bottom:10px;
    width:1024px;
}

.header {
    /* SJI 
    background:transparent url(img/header-bg-colour.jpg) repeat scroll 0 0; */
    background-color:#FFFFFF;
    
    height:110px;
}

.logo {
    float:left;
    width:177px;
    height:110px;
    background-color:#FFFFFF;
    padding-left:15px;
}

/* 3-:-------- Main Nav ------------ */

.mainNav {
    padding-top:60px;
}

.mainNav ul {
    margin:0px;
    padding:0px;
    float:right;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
	
.mainNav li {
	float:left;
	/*border-right:1px solid #4F3969;    */
    font-size:120%;
    padding:21px 27px 7px;
    vertical-align:middle;
	list-style-type:none;
    color:#000;
}

.mainNav li a:hover {
   border-bottom: solid 2px #66CCCC;
   text-decoration:none;
}
	
.mainNav li a {
    color:#000;
}

.shadow-line {
    background:transparent url(img/header-dropshadow.gif) repeat scroll 0 0;
    height:15px;
}


.title {
    width:100%;
    
    /* SJI
    background-color:#000 !important;*/    
    background:transparent url(img/footer-shed-band2.gif) repeat-y;
        
    font-size:18px;
	color:#000;
	height:25px;
	line-height:25px;
	padding:8px 0px;
	margin:0px;
}

.title span {
    font-size:18px;
    font-weight:400;
    color:#000;
    padding-left:8px;
    margin-bottom:10px;
}
	
/* 4-:-------- Content ------------ */

.left-content {
    float:left;
    color:#330033;
    width:192px;
    margin-right:5px;
    margin-bottom:5px;
}

.left-content a { color:#330033; }
.left-content a:hover { color:#330033; }
.left-content a:visited { color:#330033; }

.login-box {
    background-color:White;
    padding:3px;
    /*border:solid 1px #330033;*/
}

.center-content {
    background-color:#FFFFFF;
    float:left;
    width:827px;
    margin-bottom:10px;
    font-size:12px;
    min-height:320px;
}

.landing-content {
    background-color:#FFFFFF;
    float:left;
    width:1024px;
    margin-bottom:10px;
    font-size:12px;
    min-height:320px;
}
    
.content {
    padding:5px;
    margin-bottom:5px;
}

.landingContent
{
    padding:0px 40px;
} 

.content .button { color:#000; }
.content .button:hover { color:White; text-decoration:none; }
.content .button:visited { color:White; }
.content a, a:visited { color:#727272; text-decoration:none; }
.content a:hover, a:active { color:#1A1919; text-decoration:underline; }


a { color:#727272; text-decoration:none; }
a:visited { color:#727272; text-decoration:none; }
a:hover, a:active { color:#FFFFFF; text-decoration:underline; }

.no-float {
	margin: 0px;
	padding: 0px;
	clear: both;
}
.form-login .username {
	width: 134px;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
	padding-left: 1px;
}
.step1-form {
	margin-top: 10px;
	margin-bottom: 10px;
}
.step1-form fieldset {
	float: left;
	width: 150px;
	margin-bottom: 5px;
}

.stepscont {
}

.form-login .Password {
	width: 134px;
	border: 1px solid #CCCCCC;
	padding: 1px;
}

.left-title {
    /* SJI
    background-color:#330033 !important; */
    background:transparent url(img/footer-shed-band2.gif) repeat-y;
    
    font-size:16px;
	color:#FFFFFF;
	height:25px;
	line-height:25px;
	padding:8px 0px 8px 2px;
	font-weight:400;
	margin:0px;
}

.left-content ul  {
    /*background-color:#1A1919;*/
    background-color:White;
    border:solid 1px #330033;
	list-style-type: inherit;
	margin:0px;
	margin-bottom:12px;
}
.left-content  ul  li  {
    /*margin:0px 0px 2px;*/
    list-style-image:url(img/menu-pointer.jpg);
    list-style-position:inside;
    padding:6px 0px 6px 5px;
    margin:0px;
}
.left-content  ul  li  a  {
    /*border-bottom:1px solid #141313;*/
    color:#330033;
    font-size:14px;
    padding:0;
}

.cvedit-title .cvedit {
	width: 149px;
	text-align:left;
    font-size:15px;
	float: left;
	clear: none;
	background-color:#999999;
    color:#FFFFFF;    
    margin-bottom:8px;
    padding:4px;
}
.cvedit-title {
}

.contact-details  .contact-top label {
	width: 150px;
	display: block;
	float: left;
	clear: left;
	margin-bottom: 5px;
	padding: 0px;
}
.contact-details .contact-top  input {
	margin-bottom: 5px;
	width: 280px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	height: 18px;
}

.cvedit-title .cveditp {
	float: right;
	text-align:right;
	width: 648px;
	background-color:#CCCCCC;
    color:Black;    
    margin-bottom:8px;
    padding:5px 5px 6px 5px;
}

.cveditp .in-title {
    cursor:pointer;
	margin-bottom: 0px;
	margin-left: 0px;
}

.contact-details .no-foto {
	float: right;
}
.contact-details .fltleft {
	float: left;
}
.contact-details .grey-bg {
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #E9E9E9;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.blue-bg .dul-link {
	color: #333333;
	text-decoration: none;
	margin-right: 15px;
	margin-left: 15px;
}

.blue-bg {
	background-color: #EAEAEA;
	border: 1px solid #C9C9C9;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
}
.contact-details .job-titles {
	float: left;
	width: 170px;
}
.grey-bg .dull-link {
	color: #666666;
	text-decoration: none;
	background-image: url(Images/bullet-list.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	display: block;
	margin-bottom: 5px;
	width: 150px;
}



.form-login .log-p-small {
	font-size: 10px;
}

p.log-p-xsmall a{
	font-size: 0.8em;
}



	
	.contentItem {
		width:805px;
		float:left;
		margin:20px 0 0 0;
		padding:0;
	}
	
	.contentItemA {
		width:805px;
		float:left;
		padding:0;
	}
	
	.gap { margin-top: 10px; }
	
	.subNavContainer {
	position:absolute;
	left:338px;
	}
	




/* Page Content*/

/* TOC

1: - Global Styles

2: - Header

3: - Content

4: - Footer

5: - siFR

6: - Slimbox

*/


/* 1 :-------- Global Styles ------------ */

	.hideThis {
		visibility:hidden;
	}
	
	*:focus, *:active {
		outline:none;
	}	
	
	.noMargin {
		margin:0 !important;
	}
	
	.noBorder {
		border:0 !important;
	}
	
	.floatLeft {
		float:left;
		margin-right:15px;
	}
	
	.floatRight {
		float:right;
		margin-left:15px;
	}
	
	.larger {
	}
	
	.topMargin {
		margin-top:30px !important;
	}
	
	.noTopMargin {
		margin-top:0px !important;
	}
	
	.topMargin20 {
		margin-top:20px !important;
	}
	
	.errorMessage {
		background-color:#FFF4C2;
		border:1px solid #FFCC33;
		margin:5px;
		padding:5px;
	}
	
	.newsListItem p {
		padding:0 0 4px 0;
	}
	
	p.uspDynamic {
		color:#7e858a;
		font-size:1.6em;
		font-weight:bold;
		text-indent:0;
		margin:0;
		padding:0;
	}
	
	p.firstParagraph {
		padding-top:0 !important;
	}
	
	p.alignWithH5 {
		padding-top:0 !important;
		margin-top:8px !important;
	}
	
	
h1 {
    color:#57237E;
    font-family:Arial,Helvetica,sans-serif;
    font-size:220%;
    font-weight:normal;
}

	
	h3.dynamic {
		text-indent:0 !important;
		float:none;
	}
	
	.rightMargin h3.dynamic {
		width:163px;
	}
	
.highlightPanel h4 {
	color:#f2f2f4;
	font-size:3em;
	line-height:1.3em;
	margin:0;
	padding:0;
	text-indent:-9999px;
	float:right;
	display: block;
	}
h4.dynamic1 {
	text-indent:0 !important;
	text-align: right;
	}
	
	h5 {
		color:#124066;
		font-weight:bold;
		margin:0 0 4px 0;
		padding:0;
		font-size:1.2em;
		line-height:1.3em;
	}
	
	h5.darkGrey {
		color:#626a70 !important;
	}
	
	h5 a {
		font-weight:bold;
		color:#124066;
		text-decoration:none;
	}
	
	.contentItem .colSpan3 h5 {
		margin:8px 0 4px 0;
	}
	
	.darkBlue {
		color:#01325b;
		font-weight:bold;
	}
	
	.darkRed {
		color:#BD0301;
		font-weight:bold;
	}
	
	a img, a:hover img {
		border:none;
	}
	
	fieldset {
		margin:0;
		padding:0;
		/*border:none;*/
	}

	.highlightIntro {
		font-size:2em;
		font-weight:bold;
		color:#a2abb2;
		line-height:1.1em;
		padding:14px 0 15px 0;
	}
	
	.highlightIntro a {
		color:#01325b;
		text-decoration:none;
	}
	
	.contentItem .highlightIntro {
		color:#575f66;
		padding:0;
		position:relative;
		margin:-2px 0 15px 0;
	}
	
	.date {
		color:#b0b0b0;
		padding:0;
	}
	
	.newsItem .date {
		padding:2px 0px 6px 0;
	}
	
	.bigNumber {
		color:#ccd6df;
		font-weight:bold;
		font-size:12em;
		letter-spacing:-0.05em;
		padding:47px 0 50px 0;
		float:left;
		margin:0 30px 0 12px;
	}
	

	
	.highlight {
		font-size:2em;
		font-weight:bold;
		color:#a2abb2;
		line-height:1.1em;
		padding:0 0 15px 0;
	}
	
	.highlight a {
		color:#a10802;
		text-decoration:none;
	}
	
	.contentItem img {
		border:none;
		margin:3px 0 10px 0;
	}
	
	.rightCol h4 {
		font-size:1.2em;
		font-weight:bold;
		margin:0 0 4px 0;
		padding:8px 0 0 0;
		border-top:1px solid #ccd6df;
		color:#575f66;
	}
	
	.rightCol h4 a {
		color:#575f66;
		text-decoration:none;
	}
	
	.rightCol h4 a:hover {
		color:#444444;
		text-decoration:none;
	}
	
	.rightCol h4.borderBottom {
		border-top:none;
		border-bottom:1px solid #ccd6df;
		padding:8px 0 5px 0;
	}
	
	.rightCol h5  {
		font-size:1em;
		font-weight:bold;
		margin:0 0 4px 0;
		padding:8px 0 0 0;
		border-top:1px solid #ccd6df;
		color:#888888;
	}
	
	.rightCol h5 a {
		color:#888888;
	}
	
	.rightCol h5 a:hover, .rightCol h5.active a {
		color:#555555;
		text-decoration:none;
		border:none;
	}
	
	.rightCol ul {
		padding:0 0 10px 0;
		margin:0;
		list-style-type:none;
	}
	
	.rightCol ul.relatedArticles li {
		margin:0 0 8px 0;
	}
	
	.rightCol ul.submenuList li {
		padding:5px 0 5px 0;
		border-bottom:1px solid #CCD6DF;
	}
	
	.rightCol ul li a, .rightCol .lightGrey {
		color:#888888;
		font-weight:bold;
		font-size:1em;
		text-decoration:none;
	}
	
	.rightCol ul.bulletList li {
		padding-left:10px;
		background: url(Images/icons/bullet-grey.gif) left 6px no-repeat;
		font-size:0.9em;
		line-height:150%;
		margin:0 0 2px 0;
	}
	
	.rightCol ul.bulletList li.active {
		background: url(Images/icons/bullet-dark.gif) left 6px no-repeat;
	}
	
	.rightCol ul.bulletList li.active a {
		color:#54616a;
		text-decoration:none;
		border:none;
	}
	
	.rightCol ul li a:hover, .rightCol ul li.active a, .rightCol .lightGrey a {
		color:#555555;
		text-decoration:none;
		border:none;
	}
	
	.rightCol .lightGrey a:hover {
		color:#333333;
	}
	
	.rightCol .uspBlock {
		position:relative;
		margin:10px 0 0 -15px;
		width:143px;
		padding:10px;
		background-color:#dadde0;
	}
	
	.newsListItem {
		clear:both;
		margin:0 0 20px 0;
	}
	
	.socialBookmarks {
		clear:both;
		margin:20px 0 0 0;
	}
	
	.socialBookmarks a {
		clear:both;
		text-decoration:none;
	}
	
	.socialBookmarks a img {
		margin:0 5px 0 0;
	}
	
	.formatItem {
		width: 624px;
		float: right;
		padding-bottom:10px;
		margin:0 5px 15px 0;
		border-bottom:1px solid #ccd6df;
	}
	
	.formatItem .column {
		margin:0;
	}
	
	.formatItem .colSpan3 {
		margin-left: 17px !important;
	}
	
	h5.borderBottom {
		border-bottom:1px solid #ccd6df;
		padding:0 0 5px 0;
		margin-top:6px !important;
	}
	
	form {
		margin:0;
		padding:0;
	}
	
	.contactForm ol {
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	.contactForm ol li {
		padding:0;
		padding:0 0 10px 0;
		float:left;
	}
	
	.contactForm label {
		color:#575f66;
		width:144px;
		margin-right:17px;
		float:left;
		vertical-align:middle;
	}
	
	.contactForm input, .contactForm textarea, .contactForm select {
		border: 1px solid #b5b5b5;
		width: 142px;
		float:left;
		color:#575f66;
		padding:1px;
		font-family:Arial,Helvetica,sans-serif;
		font-size:1em;
	}
	
	.contactForm select {
		width:144px;
	}
	
	.formSubject input, .contactForm textarea {
		width:296px;
	}	
	
	.formMessage label {
		vertical-align:top;
	}
	
	.contactForm textarea {
		border: 1px solid #b5b5b5;
		float:left;
		height:130px;
		vertical-align:middle;
		overflow:auto;
	}
	
	.contactForm input.formSend {
		margin-left:160px;
		width:55px;
		height:20px;
		border:none;
	}
	
	

/* 4 :-------- Footer ------------ */


span.sbDigg { background:url(Images/icons/digg.gif) no-repeat left top; }
span.sbFacebook { background:url(Images/icons/facebook.gif) no-repeat left top; }
span.sbReddit { background:url(Images/icons/reddit.gif) no-repeat left top; }
span.sbStumble { background:url(Images/icons/stumbleupon.gif) no-repeat left top; }
span.sbDelicious { background:url(Images/icons/delicious.gif) no-repeat left top; }

/* 5-:-------- Footer ------------ */
.footer {
    /* SJI
    background-color:White;
    border-top:solid 2px #330033;*/

    /*background-color:#FCFCFC;*/
    
    
    background: #fff url(img/footer-shed-band3.gif) no-repeat;
   
    color:#727272;
    clear:both;
    padding:3px;
    position:relative;
}

.footer  a {
	color:#420843;
	text-decoration:none;
	font-weight:normal;
}
.footer a:hover {
	border:none;
	text-decoration:underline;
}

.footercontent {
    margin:0 auto;
    min-height:30px;
    width:1024px;
}

.footer-companies {
    /*background:transparent url(img/footer-shed-band.gif) no-repeat scroll center bottom;*/
    clear:both;
    padding-top:20px;
}

.shedgroup {
    float:left;
    width:130px;
}



/*
.shedcos img {
    margin:0px 10px;
}
*/

.whtlink {
	color: Black;
	text-decoration: underline;
	margin-right:120px;
	font-size:12px;
	cursor:pointer;
}

.whtlink:hover {
    text-decoration: none;
}


/*---------Manage CV's------------*/
.plog-filter-text {
	font-size: 12px;
	font-weight: bold;
	width: 150px;
	display:block;
	float: left;
	padding-top: 2px;
	height: 20px;
	clear: left;
	margin-right: 15px;

}
.search {
	float: right;
	clear: both;
	margin-right: 30px;
	margin-top: 10px;
}


.plog-filter-title  {

}

.plog-manage-wrap  select {
	width: 400px;

}

.plog-manage-wrap .plog-search {

	width: 120px;

}

.plog-manage-wrap .plog-search-input {
	float: none;
	margin-right: 5px;
	width: 222px;

}

.plog-sort {
	font-size: 12px;
	text-align: right;
	padding-right: 5px;
	float: right;
	width: 250px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;

}
.plog-page-number {
	float: left;
}


.plog-page-number li {

	list-style-type: none;
	float: left;
}


.plog-page-number a {
	color: #333333;
	display: block;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: #E5EAEF;
	margin-right: 3px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: normal;
}

.plog-page-number ul {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	margin-bottom: 0px;

}

.plog-page-number a:hover {
	color: #01325B;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #01325B;

}


.plog-sort  a {
	color: #01325B;
	text-decoration: none;
	font-size: 12px;

}

.plog-table {
	width: 100%;
	text-align: center;
	font-size: 12px;
	border-collapse:collapse;

}
.plog-search-box {
	background-color: #F5F5F5;
	border: 1px solid #1A1919;
	width: 700px;
	padding: 8px;
	margin-bottom: 20px;
}

.plog-left-menu a {
	color: #333333;
	font-size: 12px;
}

.plog-name {
	text-align: left;
	padding-left: 5px;
}

.plog-table tr {

	height: 22px;

}

.plog-table thead {
	height: 40px;
	line-height:40px;
	background-image:url(img/backgr_title.png);
	background-repeat:repeat-x;
	color:Black;
	font-size:13px;
	vertical-align: middle;
}

.plog-name-row {
	text-align: left;
	padding-left: 5px;
	width: 150px;
}

.plog-view {
	color: #fa46c5;
	text-decoration: none;
}

.plog-table th {
	height: 30px;
	background-repeat: repeat-x;
	vertical-align: middle;
}

.button {
    /* SJI
    background:url('img/button.jpg') repeat-x 0 0;
    color:#FFFFFF;
    */
    background:transparent url(img/footer-shed-band2.gif) repeat-y;
    color:#000;
    
	/*background-color: #5F1560;*/
	text-decoration: none;
	
	width: auto;
	padding: 3px 4px 2px 4px;
	margin:1px;
	font-weight:normal;
	font-size: 10px;
	font-family:Arial;
	cursor:pointer;
	text-transform:uppercase;
	margin:1px;
	border:solid 1px #783288;
}
.button:hover {
    background-color:#851D87; 
    color:#FFFFFF;
    text-decoration: none;
}
.button:visited {
    color:White;
    text-decoration: none;
}

.error {
    color:Red;
    font-weight:bold;
    font-size:13px;
}
.red {
    color:Red;
    font-weight:bold;
    font-size:13px;
}