/* CSS Document */
body {
	background-color: #e6ebf3;
	height:100%; 
}
input {
	  font-family: Arial, Helvetica, sans-serif;
	  font-size:10pt;
	  border:1px solid #336699;
}

.smallIP {
 color:#000000;
 background-color:#F3F3F3;
}

.checkbox {
	border:0px none;
}

.radio {
	border:0px none;
}

select {
	background-color: #FFF;
	border: 1px solid #7F9DB9;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}


#buttonlayer {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	height:34px;
	width:128px;
	z-index:2;
}

#centrado{
	vertical-align: middle;
	margin-left: auto;
	margin-right:auto;
	position: absolute;
	width: 100%;
	z-index:0;
}

#bg-shadow {
	position:absolute;
	background: url(images/bg-shadow.gif);
	background-color:#FFFFFF;
	left:0px;
	top:0px;
	width:98%;
	z-index:1;
}
#header {
	position:relative;
	left:3px;
	padding-left:3px;
	top:0px;
	width:100%;
	height:86px;
	z-index:2;
	background-image: url(images/header-tile.gif);
}
#logo {
	position:absolute;
	left:10px;
	top:6px;
	width:69px;
	height:87px;
	z-index:5;
	/*background-image: url(images/logo.jpg);*/
}

#header-left {
	position:absolute;
	left:-3px;
	top:0px;
	width:11px;
	height:86px;
	z-index:3;
	background-image: url(images/header-left.gif);
}

#header-right {
	position:relative;
float:right;
	width:11px;
	height:86px;
	z-index:3;
	background-image: url(images/header-right.gif);
}

#body-contents {
	position:relative;
	left:3px;
	top:0px;
	width:100%;
	z-index:2;
	background-color: #ffffff;
}

#left-column {
	position:relative;
	float:left;
	background-image: url(images/no-menu-tile.gif);
	left:0px;
	top:0px;
	width:135px;
	height:auto;
	z-index:2;
}


#right-column {
	position:relative;
	display:block;
	float:right;
	width:100%;
	z-index:0;
	background-color: #ffffff;
}

#right-column-new {
	position:relative;
	display:block;
	float:left;
	width:95%;
	margin-left:10px;
	margin-top:5px;
	z-index:6;
	background-color: #ffffff;
}

#banner {
	position:relative;
	float:right;
	left:0px;
	top:0px;
	width:505px;
	z-index:2;
	background-color: #fafaf9;
}

#info-sections-area {
	position:relative;
	background-image:url(images/data-bar-tile.gif);
	float:right;
	left:0px;
	top:0px;
	width:100%;
	height:24px;
	z-index:2;
	background-color: #FFffff;
}

#body-content-area {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:99%;
	z-index:2;
	background-color: #FFFFFF;
}

#body-content-area1 {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:99%;
	z-index:4;
	background-color: #FFFFFF;
}

#body-content-area2 {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:99%;
	z-index:3;
	background-color: #FFFFFF;
}

#body-content-area3 {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:99%;
	z-index:2;
	background-color: #FFFFFF;
}


#under-logo {
	position:relative;
	background-image: url(images/under-logo.jpg);
	left:0px;
	top:0px;
	width:135px;
	height:88px;
	z-index:2;
}

#left-buttons-area {
	position:relative;
	float:left;
	background-image: url(images/menu-tile.gif);
	left:0px;
	top:0px;
	width:133px;
	z-index:2;
}

#left-buttons-position {
	position:relative;
	float:left;
	/*background-image: url(images/menu-tile.gif);*/
	vertical-align:top;
	left:5px;
	top:0px;
	width:100%;
	z-index:2;
}

#end-buttons {
	position:relative;
	float:left;
	background-image: url(images/menu-end.gif);
	left:0px;
	top:0px;
	width:135px;
	height:8px;
	z-index:2;
}
#footer {
	position:relative;
	float:left;
	background-image: url(images/footer-tile.gif);
	left:3px;
	top:0px;
	width:100%;
	height:40px;
	z-index:2;
}

#footer-left {
	position:relative;
	float:left;
	background-image: url(images/footer-left.gif);
	left:0px;
	top:0px;
	width:8px;
	height:40px;
	z-index:3;
}

#footer-left-logo {
	position:relative;
	float:left;
	left:0px;
	top:0px;
	width:286px;
	height:24px;
	z-index:4;
}

#footer-right {
	position:relative;
	float:right;
	background-image: url(images/footer-right.jpg);
	left:0px;
	top:0px;
	width:104px;
	height:40px;
	z-index:3;
}


#tabs {
	position:absolute;
	right:3px;
	top:53px;
	width:799px;
	height:33px;
	z-index:4;
}

#menutext {
	position:relative;
	left:0px;
	top:0px;
	width:125px;
	height:22px;
	z-index:2;
}


#tab {
	position:relative;
	float:right;
	left:0px;
	top:0px;
	width:134px;
	height:26px;
	z-index:5;
}

#name {
	position:relative;
	float:left;
	left:3px;
	top:2px;
	width:162px;
	height:19px;
	z-index:2;
}

#separator {
	position:relative;
	float:left;
	left:3px;
	top:2px;
	width:2px;
	height:19px;
	background: url(images/separator-gif);
	z-index:2;
}

#level{
	position:relative;
	float:left;
	left:3px;
	top:2px;
	width:147px;
	height:19px;
	z-index:2;
}

#compliant{
	position:relative;
	float:left;
	left:3px;
	top:2px;
	width:120px;
	height:19px;
	z-index:2;
}

#colour-sphere{
	position:relative;
	float:left;
	left:3px;
	top:0px;
	width:18px;
	height:19px;
	z-index:2;
}

#colour-sphere2{
	position:relative;
	float:left;
	left:13px;
	top:2px;
	width:18px;
	height:19px;
	z-index:2;
}

a{
	font: normal 9pt Arial;color: #000000;font-weight: bold;
}
a.visited{
	font: normal 9pt Arial;color: #000000;font-weight: bold;
}
a.hover{
	font: normal 9pt Arial;color: #002A64;font-weight: bold;
}


a.buttonleft:link, a.buttonleft:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 10px;
  width: 118px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft:hover
{
  color: #2D5E99;
  background: url(images/button-left-off.jpg);
}

a.buttontab:link, a.buttontab:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:8px 0px 0px 10px;
  width: 124px;
  height:24px;
  text-align: center;
  text-decoration: none;
  background: url(images/tab2-off.jpg);
  font: normal 9pt Arial;
  color: #002b64;
  font-weight: bold;
}

a.buttontab:hover
{
  color: #FFFFFF;
  background: url(images/tab-on2.jpg);
}

.Estilo1 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #002A64;
}

.Estilo2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#002A64;
	padding: 2px 0 0 2px;
	font-size: 12px;
	font-weight: bold;
	position:relative;
	float:left;
	left:3px;
	top:2px;
	width:162px;
	height:19px;
	z-index:2;
}

.Estilo3 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0 0 5px;
	font-size: 12px;
}

/* home button*/
a.buttonleft1:link, a.buttonleft1:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on1.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft1:hover
{
  color: #2D5E99;
  background: url(images/button-left-off1.jpg);
}

/* logout button*/
a.buttonleft2:link, a.buttonleft2:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on2.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft2:hover
{
  color: #2D5E99;
  background: url(images/button-left-off2.jpg);
}

/* left button*/
a.buttonleft3:link, a.buttonleft3:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on3.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft3:hover
{
  color: #2D5E99;
  background: url(images/button-left-off3.jpg);
}

/* T&C Record button*/
a.buttonleft4:link, a.buttonleft4:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on4.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft4:hover
{
  color: #2D5E99;
  background: url(images/button-left-off4.jpg);
}

/* Training button*/
a.buttonleft5:link, a.buttonleft5:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on5.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft5:hover
{
  color: #2D5E99;
  background: url(images/button-left-off5.jpg);
}


/* Print button*/
a.buttonleft6:link, a.buttonleft6:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on6.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft6:hover
{
  color: #2D5E99;
  background: url(images/button-left-off6.jpg);
}

/* Add Evidence button*/
a.buttonleft7:link, a.buttonleft7:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on7.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft7:hover
{
  color: #2D5E99;
  background: url(images/button-left-off7.jpg);
}

/* Login button*/
a.buttonleft9:link, a.buttonleft9:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on9.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft9:hover
{
  color: #2D5E99;
  background: url(images/button-left-off9.jpg);
}

/* Login button*/
a.buttonleft8:link, a.buttonleft8:visited
{
  float:left;
  margin:0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align:left;
  text-decoration:none;
  background:url(images/button-left-on8.jpg);
  font:normal 9pt Arial;
  color:#000000;
  font-weight:bold;
}

a.buttonleft8:hover
{
  color:#2D5E99;
  background:url(images/button-left-off8.jpg);
}

/* Change Password*/
a.buttonleft10:link, a.buttonleft10:visited
{
  float: left;
  margin: 0px 0px 0px 0px;
  padding:10px 0px 0px 30px;
  width:98px;
  height:24px;
  text-align: left;
  text-decoration: none;
  background: url(images/button-left-on10.jpg);
  font: normal 9pt Arial;
  color: #000000;
  font-weight: bold;
}

a.buttonleft10:hover
{
  color: #2D5E99;
  background: url(images/button-left-off10.jpg);
}

td{
	font: normal 9pt Arial;color: #000000;font-weight: bold;
}

td.leftmenuText{
	font: normal 9pt Arial;color: #000000;font-weight: bold;
}

#content-main-top {
	position:relative;
	float:left;
	background-image: url(images1/dscsss_r1_c3.gif);
	background-repeat:no-repeat;
	left:15px;
	top:10px;
	width:100%;
	height:auto;
	z-index:2;
}
#content-main-body {
	position:relative;
	float:left;
	background-image: url(images1/main_bg.gif);
	background-repeat:repeat-y;
	background-position:left;
	left:15px;
	top:0px;
	width:100%;
	height:auto;
	z-index:2;
	padding-left:10px;
}

#content-main-bottom {
	position:relative;
	float:left;
	background-image: url(images1/main_bottom.jpg);
	background-repeat:no-repeat;
	left:15px;
	top:0px;
	width:100%;
	height:auto;
	z-index:2;
}

.bottomleft-curve {background: url(images1/left_bottom_curve.gif) 0 100% no-repeat;}
.bottomright-curve {background: url(images1/right_bottom_curve.gif) 100% 100% no-repeat;}
.topleft-curve {background: url(images1/left_curve.gif) 0 0 no-repeat;}
.topright-curve {background: url(images1/right_curve.gif) 100% 0 no-repeat;}
.top-dot {background: url(images1/dot.gif) 0 0 repeat-x;}
.bottom-dot {background: url(images1/dot.gif) 0 100% repeat-x;}
.left-dot {background: url(images1/dot.gif) 0 0 repeat-y;}
.right-dot {background: url(images1/dot.gif) 100% 0 repeat-y;}

.tableProductSummary td{
	border-right:#666666 1px solid;
}


/*Added on 13 March 2014*/
.wrapper {
	font-size:12px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	
	width:650px;
	margin:50px auto;
	border-radius:10px;
	overflow:hidden;
}

.finance-gap {
	width:50%;
	margin:0;
	padding:0;
	float:left;
}

.finance {
	width:100%;
	padding:0 0 10px 0;
	margin:0px 0 10px 0;
	float:left;
	border-bottom:1px solid #CCC;
}

.finance p {
	width:57%;
	padding:13px 0 0 15px;
	margin:0;
	font-size:20px;
	float:left;
}


.finance a {
	padding:0px;
	margin:10px 0px 0 15px;
	float:left;
	font-size:12px;
	background:#333;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-decoration:none;
	color:#FFF;
}

.heading {
	width:100%;
	margin:0;
	padding:0;
	float:left;
}

.heading h1 {
	width:50%;
	float:left;
	font-size:18px;
	margin:0;
	padding:10px 0 20px 10px;
}

.heading p {
	width:44%;
	float:left;
	font-size:20px;
	margin:0;
	padding:0px;
}

.heading a {
	padding:0px 0px;
	margin:10px 0px 0 15px;
	float:right;
	font-size:12px;
	text-decoration:none;
}

.form {
	width:100%;
	margin:0;
	padding:0;
	float:left;
}
.registration {
	width:95%;
	margin:0 0 10px 0;
	padding:0;
	float:left;
}

.registration p {
	width:40%;
	margin:0 0 0 15px;
	padding:0;
	float:left;
}

.registration span {
	width:70%;
	margin:0;
	padding:2px 0 0 0;
	float:right;
	font-size:13px;
}

.registration label {
	width:40%;
	margin:0;
	padding:3px 0 0 15px;
	float:left;
	color:#333;
	font-size:12px;
}

.registration input {
	width:45%;
	margin:0;
	padding:0 5px;
	float:right;
	height:21px;
	color:#333;
	font-size:12px;
}

.registration select {
	width:49.4%;
	margin:0;
	padding:0 5px;
	float:right;
	height:25px;
	color:#333;
	font-size:12px;
}

.dnone{ display:none;}
.dblock{ display:block;}
.fleft{ float:left;}
.cboth{ clear:both;}
.fright{ float:right;}
.p5{ padding:5px;}
.h5{ height:5px;}
.h30{ height:30px;}
.insCol{padding:5px; font-size:12px; background:#DDE5EA; float:left; border-right:1px solid #fff;}
.insColLast{padding:5px; font-size:12px; background:#DDE5EA; float:left;}

.insAccTopCol{padding:5px; font-size:14px; background:#b5c6ea; float:left; font-weight:bold;}
.insAccTopColLast{padding:5px; font-size:14px; background:#b5c6ea; float:left; font-weight:bold;}

.insBelRow{padding:5px; font-size:12px; background:#fff; float:right; text-align:right;}