/*CV INSIGHT SITE 2 STYLESHEET*/
* {
	padding : 0;
	margin :0;
	text-align : left;
	font-family:Arial, Helvetica, sans-serif;
}

html {
	margin : 0;
	padding : 0;
	background-color : #eee;
}

body {
	background-color : #eee;
	color : #666;
	margin : 0;
}

/*Overwrite some yui settings*/
table {
	border :0;
	margin : 0;
}

th, td { border : 0; }

td {
	vertical-align:top;
	padding : 0;
	margin : 0;
}

div {
	padding : 0;
	margin : 0;
}

#wrapper {
	width : 670px;
	margin : 10px auto;
	background-color : #fff;
	border : 1px solid #ccc;
	padding : 0 15px;
}

#header { 
	height:112px; 
	background : url(images/header-left-2.gif) top left no-repeat;
	}

#header h1 { 
	padding : 66px 0 0 101px; 
	color : #49b749;
	font-size : 12px;
	font-weight:bold;
	width : 220px;
	float : left;
	}
	
#header-left {
	width:288px;
	height:112px;
	float:left;
}

#header-right {
	width:208px;
	height:112px;
	float:right;
}

#menubar {
	background: url(images/menu-bg.gif) 0 0 no-repeat;
	height : 30px;
	margin : 0;
	padding : 3px 0 0 10px;
}

#mainimg {
	width:513px;
	height:295px
}

table#maintable { width : 100%; }

td#rightcol {
	width : 150px;
	padding-left : 7px;
}

/*div to stop the margin of items within .blockcenter making a gap */
.nomargin {
	margin : 0;
	font-size:0.1%;
	line-height:0.1%;
	clear : both;
	padding:0;
}

/*Styles to create the list with logos */
.logolist {
	color : #303F8F;
	padding : 5px 0;
}

.logolist img {
	float : left;
	margin : 3px 5px 2px 5px;
	width:26px;
	height : 23px;
}

.bw-center .logolist p.hp {
	float : left;
	padding : 6px 0 0 0;
	line-height:180%;
	font-size : 85%;
	font-weight:bold;
	margin : 0;
}

.logolist-spacer {
	clear:both;
	height: 6px;
	font-size:1px; /*Needed for IE */
}

.logolist br { clear : both; }

a.popup { color : #49B749; }

#newsletter {
	background : url(images/newsletter-bg.gif) 0 0 no-repeat;
	height : 68px;
	padding : 25px 0 5px 5px;
	color : #49B749;
	font-size:77%;
}

#newsletter input.email {
	border : 1px solid #49B749;
	font-size:93%;
	margin : 1px 0 14px 0;
	width : 130px;
}

.button {
	float : right;
	margin-right : 10px;
}

#login {
	background : url(images/login-bg.gif) 0 0 no-repeat;
	height : 79px;
	width : 144px;
	padding : 27px 0 0px 5px;
	color : #49B749;
	font-size:77%;
	line-height: 77%;
	float:right;
	margin : 5px 0 2px 0;
}

#login input.text {
	border : 1px solid #49B749;
	font-size:93%;
	margin : 1px 0 2px 0;
	width : 100px;
}

#login .button {
	float : right;
	margin : 0 10px 0 0;
}

#pt-wrapper {
	width : 148px;
	margin : 5px 0;
}

#pt-hdr {
	background:url(images/pt-hdr.gif) 0 0 no-repeat;
	height : 23px;
}

#pt-center {
	height: 340px;
	overflow:hidden;
	font-size:85%;
	padding : 5px;
}

#pt-center div.headline { margin : 5px 0 }

#pt-center div.headline a {
	text-decoration: none;
	color : #303F8F;
}

#pt-center div.headline a:hover {
	text-decoration: underline;
	color : #000;
}

#pt-ftr {
	background:url(images/pt-ftr.gif) 0 0 no-repeat;
	height : 6px;
}

.block-wrapper {
	margin : 10px 0 10px 0;
	clear:both;
}

/*BW style : blue border, white bg */
div.bw-hdr {
	background:url(images/bw-top.gif) 0 0 repeat-x;
	height:6px;
}

div.bw-center {
	border-left : 1px solid #303F8F;
	border-right : 1px solid #303F8F;
}

div.bw-ftr {
	background:url(images/bw-bot.gif) 0 0 repeat-x;
	height:6px;/*background-attachment:scroll; */
}

div.bw-center p {
	color : #303F8F;
	padding : 0 5px;
	font-size : 93%;
}

div.bw-center li {
	color : #303F8F;
	font-size : 93%;
}

div.bw-center div.yui-u p { padding : 0 2px; }

div.bw-center p.first { padding-top : 10px; }

div.bw-center h2, div.bw-center h3 { color : #49b749; }

/*BG style : blue border, green fade bg */
div.bg-wrapper { background: #49b749 url(images/bg-top.gif) 0 0 repeat-x; }

div.bg-hdr {
	background:none;
	height:6px;
}

div.bg-center {
	background:none;
	border-left : 1px solid #303F8F;
	border-right : 1px solid #303F8F;
	clear:both;
}

div.bg-ftr {
	background:url(images/bg-bot.gif) 0 0 repeat-x;
	height:6px;
}

/*IE needs #leftcol on the <a> styles*/
#leftcol div.bg-center h3, #casestudies div.bg-center h3, #rightcol div.bg-center h3 {
	color:#fff;
	padding : 0 0 3px 5px;
}

#leftcol div.bg-center h3 a {
	color:#fff;
	text-decoration : none;
}

#leftcol div.bg-center h3 a:hover {
	color:#303F8F;
	text-decoration : none;
}

/*BB style : blue border, blue fade hdr.  Uses bb-hdr and bg-center*/
div.bb-wrapper { background: #303f8f url(images/bb-top.gif) 0 0 repeat-x; }

#leftcol { color: #30388f; }

#leftcol h2 {
	margin : 0;
	padding : 10px 0 3px 5px;
}

#leftcol h3 {
	margin : 0;
	padding : 0 0 0px 5px;
}

#leftcol h3.white {
	color:#fff;
	padding : 4px 0 2px 10px;
}

#leftcol .white a {
	color:#fff;
	text-decoration : none;
}

#leftcol .white a:hover {
	color:#49b749;
	text-decoration : none;
}

#rightcol a.white {
	color:#fff;
	text-decoration : none;
}

#rightcol a.white:hover {
	color:#fff;
	text-decoration : underline;
}

/*#casestudies ul li { color : #303f8f;} */
#casestudies p, #casestudies ul li {
	font-size: 75%;
	line-height: 125%;
	/*	color : #555; */
	color : 	#303F8F;
}

#casestudies h3 {
	margin : 0;
	/*	padding : 0 0 0px 5px; */
	padding : 10px 0 5px 5px;
	/*	color : #555; */
	color : #49b749;
}

#sitemap a {
	color: #30388f;
	text-decoration : none;
}

#sitemap a:hover {
	color: #333;
	text-decoration : underline;
}

#sitemap ul {
	margin-top : 0;
	margin-bottom : 0;
	font-size:93%;
}

#rightcol .logo {
	border : 0;
	margin : 5px 0 0 0;
}

#footer {
	border-top : 2px solid #49B749;
	font-size:85%;
	padding : 5px 0;
}

#footermenu {
	color : #303F8F;
	padding : 5px 0;
}

#footermenu a {
	text-decoration: none;
	color : #303F8F;
}

#footermenu a:hover {
	text-decoration: underline;
	color : #000;
}

#copyright {
	float : right;
	width : 100px;
}

#footer #reg {
	color : #49B749;
	padding : 5px 0;
}

.green { color : #49B749; }

.blue { color : #303f8f; }

.boldgreen, .bw-center .boldgreen {
	font-weight:bold;
	color : #49B749;
}

.boldblue {
	font-weight:bold;
	color : #303f8f;
}

a img { border : 0; }

#leftcol h3.bluelink {
	margin : 5px 0;
	font-size : 93%;
	padding-right : 5px;
}

h3.bluelink a {
	color : #303f8f;
	text-decoration: none;
}

h3.bluelink a:hover {
	color : #303f8f;
	text-decoration: none;
	background-color: #c0c5dd;
}

a.greenlink {
	color : #49b749;
	text-decoration: none;
}

a.greenlink:hover {
	color : #49b749;
	text-decoration: underline;
}

#scroll-div {
	height: 300px;
	overflow-x: no-scroll;
	overflow-y: scroll;
	clear: both;
	scrollbar-base-color: #49b749;
	scrollbar-arrow-color: #fff;
	scrollbar-track-color : #ddd;
	scrollbar-shadow-color: #b5e1b5; /*1px bar to the right*/
	scrollbar-lightshadow-color: #b5e1b5;
	scrollbar-darkshadow-color: #b5e1b5;  /*shadow on arrows & block */
	scrollbar-highlight-color: #b5e1b5; /*1px on left of block*/
	scrollbar-3dlight-color: #b5e1b5; /* 1px to left/top of above */
}

/*styles for the Contact Us contact details table*/
#cu-details { margin-top: 25px; }

#cu-details td {
	width: 100px;
	color : #49b749;
	font-size: 93%;
	padding : 5px;
	font-weight:bold;
	line-height: 160%;
}

#cu-details td.cu-left { color : #49b749; }

#cu-details .cu-right { color : #303f8f; }

label {
	line-height: normal;
	text-align: left;
	font-size: 9pt;
	margin-right: 10px;
	margin-top: 20px;
	width: 100px;
	display : block;
	float : left;
	color : #49b749;
	font-weight : bold;
}

input.formInput, textarea.formInput {
	border : 1px solid #49b749;
	background-color : 	#fff;
	margin-right: 10px;
	margin-top : 20px;
	padding: 2px;
	font-size: 93%;
	color : #303f8f
}

div#open-ac {
	height:24px;
	background:url(images/open-ac-box.gif) top left no-repeat;
	margin : 10px 0;
	clear : both;
}

div#open-ac-right {
	float:right;
	width : 20px;
	height:24px;
	background:url(images/open-ac-box.gif) top right no-repeat;
}

#open-ac h3 {
	font-size : 93%;
	padding : 2px 0 0 5px;
	margin-top: 0;
}

div#brochure { padding : 0 2px; }

img#brochure-logo {
	float:right;
	margin : 0 10px 0 0;
	width:22px;
	height:23px;
}

h3#brochure-h3 {
	padding : 0 0 0 5px;
	height:23px;
	margin:0;
	font-size : 90%;
	line-height:100%;
}

img.logo-greenbg {
	float:left;
	width:26px;
	height:26px;
}

.logolisttable td { }

.logolisttable td.logo { width: 35px }

.logolisttable td.text { width: 207px; }

.mandy { color : #f00; }

/*Styles for the home page pop-up*/
#pop {z-index:2; width : 416px; position : absolute; top : -480px; left : 240px; background-color:#fff;}
.hidden { display:none; font-size:0; line-height:0; }
.popup-close {
		position:absolute;
		top:3px;
		left:390px;
		height:23px;
		width:24px;
		background:url(images/popup-close.gif) no-repeat; 
		display:block;
		outline:none;
	}

.popup-close:hover {
		background:url(images/popup-close-hvr.gif) no-repeat; 
				outline:none;
	}