/* ====== ANALYTICS PAGES - inc welcome landing page, Analytics home page and Evolution home page ====== */

/* ---------- 1.0 Misc ---------- */

	/* ---------- Description: This section controls the main aspects of the page ---------- */
	
/* define everything on page when use star */
* {
	padding: 0;
	margin: 0;
	border: 0;
	}
	
/* elements in the body - children inherit the attributes specified */
body {
	color: #181818;
	font: 0.7em "Arial", Tahoma, Helvetica, Sans-Serif;
	background: url(images/body.gif);
	padding: 20px 0 20px 20px;
	}
	
/* clear the float left and the float right - specified in the Div class class="end" */
.end {
	clear: both;
	list-style: none;
	height: 0;
	width: auto;
	font-size: 0;
	line-height: 0em;
	}

/* put all childern in container to the left */
/* commented by basker as this not work if the user changes the screen size
#container {
	position: relative;
	left: 0;
	max-width: expression(screen.width>800?"980px":"755px");
	min-width: expression(screen.width>800?"736px":"555px");
	text-align: left;
	z-index: 3;
	}
*/
#container {
	position: relative;
	left: 0;
	width: 980px;
	min-width: 736px;
	text-align: left;
	z-index: 3;
}
	
/* added for the firefox browser width */
*> #container {
	max-width:980px;
	min-width:736px;
	}

/* col on the left - there is also middle and right(structure of page) */
#colLeft {
	width: 132px; /*original was 120px*/
	float: left;
	position: relative;
	z-index: 10;
	}

#colRight {
	width: 200px;
	float: right;
	text-align: right;
	position: relative;
	z-index: 10;
	}

#colCenter {
	margin: 0 0 0 134px;
	position: relative;
	z-index: 10;
	}

* html #colCenter {
	margin: 0 0 0 132px;
	}

/* makes the header dynamic - e.g. when increase size of the text */
.header {
	height: 2.1em;
	}

#colLeft .header {
	height: 0.2em;
	}

/* ---------- 2.0 HEADER & LOGOUT & NAVIGATION ---------- */

	/* ---------- Description: This section controls the header banner, skypmenu, logo, logout button of the page ---------- */

/* Hide text behind logo */
#header h1,.skypContent,.skypMenu { 
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display: block;
	} 

/* accessability - to go to text/main content */
.skypContent,.skypMenu {
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
	}

/* area around the logo - to position correctly */
#header h1 {
	height: 100px;
	background: url(images/dynamo_banner.jpg) 0 0 no-repeat;
	}

#test #logo {
	float: left;
	}

#test #header h1 {
	height: 59px;
	width: 210px;
	background: url(images/logo_barbour_abi.gif) 0 0 no-repeat;
	}

#header h1 a {
	height: 100px;
	display: block;
	text-decoration: none;
	}

#test #header h1 a {
	height: 59px;
	width: 210px;
	display: block;
	text-decoration: none;
	}

#test #data {
	float: right;
	width: 65%;
	padding-top: 10px;
	}

#test #data li {
	list-style: none;
	}

#logout {
	margin-top: 2px;
	margin-bottom:2px;
	padding: 1px 12px 0 12px;
	background: #EEEEEE;
	}

#logout	li.accessibility {
	width: 116px;
	float: right;
	}

#logout	li.accessibility a.decrease {
	padding: 0px 5px 0px;
	}

#logout	li.accessibility a {
	padding: 0px 4px 0px;
	width: 14px;
	border: 1px solid #a6a6a7;
	background: #fff;
	color: #000;
	text-decoration: none;
	font-size: 0.8em;
	vertical-align:middle;
	}

#logout	li.accessibility a:hover {
	background: #e2001a;
	color: #fff;
	}

#test #logout {
	margin-top: 4px;
	}

#logout li {
	float: left;
	display: inline;
	position: relative;
	z-index: 200;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	}

#logout li.logout {
	float: right;
	background: none;
	display: inline;
	}

#logout li.logout a {
	color: #fff;
	display: block;
	padding: 1px 6px 2px 6px;
	background: #EB1F22;
	margin-left: 10px;
	text-decoration: none;
	}

#logout li.logout a:hover {
	background: #9E9FA3;
	}

/* left hand side navigation on a certain page */
.navigation h3 {
	background: #565758;
	font-size: 1.1em;
	color: #fff;
	padding: 4px 12px;
	position: relative;
	z-index: 14;
	border-bottom: 1px solid #f6f6f6;
	}

/* gradient in the background of the box content on the left hand side (left nav links) */
.navigation .boxContent {
	background: url(images/box_repeat.gif) 0 0 repeat-x;
	padding: 10px 6px 20px 0;
	position: relative;
	z-index: 15;
	border-top: 1px solid #a2a2a2;
	}

/* the list of the links within the left nav */
.navigation li {
	width: 125px; /* original 100px*/
	display: block;
	list-style-type: none;
	}

.navigation dl {
	margin:0;
	}

/*.navigation dt {
	font-weight: bold;
	margin-top: 3px;
	font-size: 1.1em;
	display: block;
	}

.navigation dt strong {
	font-weight: bold;
	font-size: 1.2em;
	margin-right: 2px;
	}*/

/* navigation box on the left - containing the links */
.navigation dd {
	margin: 0 0 4px 10px;
	}

.navigation dd  dl {
	margin: 4px 0 4px 10px;
	}

/* define the link of the text within left nav */
.navigation a {
	border-bottom: 1px solid #c1c0c1;
	color: #565758;
	text-decoration: none;
	}

.navigation a:hover {
	border-bottom: 1px solid #DFDFDF;
	color: #E2001A;
	text-decoration: none;
	}

/*.navigation a.selected {
	color: #E2001A;
	text-decoration: none;
	font-weight: bold;
	border: 0;
	}*/

/* ---------- ?.? pannel ---------- */

	/* ---------- Description: This section controls the right login panel of the page ---------- */
	
/*.pannel .content {
	background: url(images/box_repeat.gif) 0 0 repeat-x;
	margin-bottom: 20px;
	padding: 10px 10px 1px 10px;
}

.pannel h3 {
	background: #e2e0e1;
	padding: 5px 10px 5px 0;
	font-weight: bold;
	border-bottom: 1px solid #a2a2a2;
	font-size: 1.0em;
	width: 188px;
}

#downloadLogo a,#cmpInformation a {
	border-bottom: 1px solid #c1c0c1;
	color: #565758;
	text-decoration: none;
	font-weight: bold;
}

#downloadLogo a:hover,#cmpInformation a:hover {
	border-bottom: 1px solid #DFDFDF;
	color: #E2001A;
	text-decoration: none;
}*/

/* ---------- ?.? DOWNLOAD LOGO ---------- */

	/* ---------- Description: This section controls the advert box to dowload a logo on the right hand side ---------- */
	
/*#downloadLogo ul {
	margin-bottom: 10px;
}

#downloadLogo li {
	list-style-type: none;
	margin-bottom: 2px;
}*/

/* ---------- ?.? cmpInformation ---------- */
	
/*#cmpInformation img {
	float: left;
	margin-right: 10px;
}

#cmpInformation p {
	margin-bottom: 15px;
}

#cmpInformation a {
	margin: 0 0 5px 0;
	font-weight: normal;
}

#cmpInformation li {
	list-style-type: none;
	margin-bottom: 2px;
}*/

/* ---------- ?.? Advert ---------- */

	/* ---------- Description: This section controls the images on right hand side of the page - index.htm ---------- */
	
/*.advert li {
	display: block;
	width: 200px;
	background: #e1e1e1;
	margin-top: 4px;
}*/

/* ---------- 3.0 MENU ---------- */

	/* ---------- Description: This section controls the top menu going accross the top of the page - TAB NAVIGATION ---------- */

/* if css is removed the H3 text will be big but acurrently its normal size - hence = to 0 */
#menu {
	padding-top: 0px;
	}

#menu h3 {
	float: left;
	width: 20%;
	text-align: left;
	font-size: 1.2em;
	background: #565758;
	color: #fff;
	top: 1px;
	}

#menu h3 strong {
	padding: 4px 0 4px 10px;
	display: block;
	}

/* ul - parent of li.....its the box around the menu links */
#menu ul {
	display: block;
	list-style: none;
	padding: 0;
	float: left;
	width: 76%;
	}

/* display links one after another */
#menu li {
	display: block;
	float: left;
	padding-top: 1px;
	}

#menu li.selected {
	padding-top: 0;
	}

#menu li a {
	color: #434343;
	text-decoration: none;
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
	display: block;
	padding: 3px 5px 4px 5px;
	background: #eeeeee;
	border-top: 1px solid #d9d8d8;
	border-right: 1px solid #d9d8d8;
	border-left: 1px solid #d9d8d8;
	float: left;
	}

#menu li.selected a {
	background: #e5e5e5;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	top: 1px;
	left: 0;
	z-index: 200;
	padding: 3px 5px 5px;
	position:relative;
	}

/* ---------- ?.? SUBMENU ---------- */

	/* ---------- Description: This section is similar to above but the sub menu containing hyperlinks ---------- */

/*#submenu {
	border-top: 1px solid #a2a2a2;
	position: relative;
	background: url(images/body.gif);
	z-index: 10;
}

#submenu ul {
	padding: 4px 8px;
	display: block;
}

/*to show only when no stylesheet available*/
/*#submenu h3 {
	font-weight: normal;
	line-height: 1.0em;
	text-indent: -2000em;
	font-size: 0;
	position: absolute;
}

#submenu li {
	display: inline;
}

#submenu a {
	color: #181818;
	text-decoration: none;
	font-size: 1.1em;
	padding: 0 8px 0 0;
	font-weight: normal;
	line-height: 1.6em;
}

#submenu a:hover {
	color: #E2001A;
}

#submenu a.selected {
	color: #E2001A;
	font-weight: bold;
}

/* ---------- 4.0 CONTENT ---------- */

	/* ---------- Description: This section controls the main content of the page and wrapper-holders for the information ---------- */
	
#content {
	border-top: 1px solid #a2a2a2;
	background: url(images/content_repeat.gif) 0 0 repeat-x;
	padding: 10px 8px 0 8px;
	position: relative;
	z-index: 11;
	min-height: 400px;
	height: auto !important; /* height of the content block is taking relatively */
	height:400px;/* height is taking for IE6 only */
	}

/* areas within the body of the page - i.e.3 section and so on */
.blockWrapper {
	position: relative;
	z-index: 12;
	}

.eroorPageWrapper {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	position: relative;
	z-index: 12;
	}

/* block left  - associated with the areas above (split blockwrapper into 2 colums) */
#content .blockContentLeft {
	float: left;
	width: 48%;
	position: relative;
	z-index: 13;
	}

#content .blockContentSummaryLeft {
	float: left;
	width: 52%;
	position: relative;
	z-index: 13;
	}

#content .blockContentSummaryRight {
	float: right;
	width: 46%;
	position: relative;
	z-index: 13;
	font-size:11px;
	}

#content .tabMessageSize {
	font-size:1.1em;
	word-wrap:break-word;
	}

#content .blockContentRight {
	float: right;
	width: 48%;
	position: relative;
	z-index: 13;
	}

#content .blockTextRight img {
	float: right;
	margin: 0 0 5px 15px;
	background: #fff;
	padding: 1px;
	border: 1px solid #DFDFDF;
	position: relative;
	z-index: 25;
	}

.picBorder {
	background: #fff;
	padding: 1px;
	border: 1px solid #DFDFDF;
	display: block;
	text-align: center;
	}

.picBorder img {
	display: inline;
	}

#content .blockTextRight p {
	text-align: justify;
	}

#content h1 {
	font-size: 1.4em;
	font-style: normal;
	clear: right;
	}

#content h1 span {
	color: #EE1C25;
}

#content h2 {
	font-size: 1.3em;
	font-style: normal;
	}

#content h2 a {
	font-size: 0.8em;
	text-decoration: none;
	float: right;
	position: relative;
	z-index: 20;
	}

#content p {
	text-align: left;
	line-height: 1.4em;
	margin-bottom: 1.4em;
	font-size: 1.1em;
	}

#content #intro p {
	text-align: left;
	line-height: 1.4em;
	margin-bottom: 1.4em;
	font-size: 1.2em;
	}

#content span.date {
	color: #BC2B16
	}

#content a {
	border-bottom: 1px solid #c1c0c1;
	color: #181818;
	text-decoration: none;
	}

/*good accessability - i.e. without stylesheet */
#content a span {
	display: none;
	}

#content .endParaLink {
	margin-top: 5px;
	}

#content a:hover {
	border-bottom: 1px solid #DFDFDF;
	color: #E2001A;
	text-decoration: none;
	}

/* list of bullet points */
#content ul {
	margin: 0 0 30px 20px;
	display: block;
	list-style: none;
	}

#content li {
	margin-bottom: 9px;
	list-style: disc;
	font-size: 1.1em;
	color: #E2001A;
	}

#content li span {
	color: #181818;
	}

#content .box h3 {
	background: #565758;
	font-size: 1.1em;
	letter-spacing: 1px; /*changed from 100 to 1*/
	color: #fff;
	padding: 4px 12px;
	position: relative;
	z-index: 14;
	border-bottom: 1px solid #f6f6f6;
	}

#content .boxContent {
	background: url(images/box_repeat.gif) 0 0 repeat-x;
	padding: 14px 12px;
	position: relative;
	z-index: 15;
	border-top: 1px solid #a2a2a2;
	}

/* height of the box in IE */
* html #aboutUs #content .boxContent {
	height: 12em;
	}

/* HEIGHT OF BOX IN fIRE FOX - Because of float the box needs to be aligned horizontaly */
*>#aboutUs #content .boxContent {
	min-height: 12em;
	}

/* Height within Our Services page with the blocks - IE */
* html #ourServices #content .boxContent {
	height: 14em;
	}

*>#ourServices #content .boxContent {
	min-height: 14em;
	}

#content .boxContent h4 {
	font-size: 1.1em;
	}

#content .boxContent p,#content .boxContent span {
	font-size: 1.1em;
	margin: 0;
	}

#content .boxContent p.viewMore {
	margin-top: 10px;
	}

/* on certain pages - big red button */
#content  a.btRegister {
	background: #E2001A;
	padding: 5px 8px;
	color: #fff;
	font-weight: bold;
	text-align:center; /*******************************************Why was this section taken out*/
	}
	
/* Territory CRM - red button */
#content  a.btRegister2 {
	background: #E2001A;
	padding: 5px 8px;
	padding-top:2px;
	padding-bottom:2px;
	color: #fff;
	font-weight: bold;
	text-align:center; /*******************************************Why was this section taken out*/
	}

#content input.btnService {
	background: #E2001A;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	height: 2.2em;
	font-size: 0.8em;
	width: expression(screen.width>800?"auto":"90px");
	padding: 2px 3px 3px 3px;
	border: 0;
	}

#content input.btnServiceType2 {
	background: #E2001A;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	height: 2.2em;
	font-size: 0.8em;
	width: 160px;
	padding: 2px 3px 3px 3px;
	border: 0;
	}

/* big red button - on the Analytics Dashboard Page */
#content input.btnAnalyticDashboard {
	background: #E2001A;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	height: 2.2em;
	font-size: 0.8em;
	width: 120px;
	padding: 2px 3px 3px 3px;
	border: 0;
	}

#content input.btnService:hover {
	background: #9E9FA3;
	color: #fff;
	}

#content input.btnAnalyticDashboard:hover {
	background: #9E9FA3;
	color: #fff;
	}

#content  a.btRegister:hover {
	background: #9E9FA3;
	color: #fff;
	}
	
#content  a.btRegister2:hover {
	background: #9E9FA3;
	color: #fff;
	}

/* ---------- 5.0 TABLE CONTENT	---------- */
	
		/* ---------- Description: This section controls the table structure on various pages i.e. Admin Pages etc ---------- */
		
#content table {
	background: #fff;
	font-size: 1.1em;
	width: 99%;
	margin-bottom: 2.4em;
	}

#content table caption {
	position: absolute;
	text-indent: -2000em;
	}

#content table th {
	background: #565758;
	padding: 2px 5px;
	color: #fff;
	text-align: left;
	border: 1px solid #CFCFCF;
	}

#content #form table .checkBox2 input{
	background: #565758;
	color: #fff;
	width: auto;
	height: 12px;
	border:0pt none;
	}

#content table td {
	background: #E5E5E5;
	padding: 6px 10px;
	text-align: center;
	}

#content table td td {
	background: #E1E1E1;
	}

/* ---------- 6.0 FORM---------- */

	/* ---------- Description: This section controls the form elements on certain pages ---------- */
	
#form form {
	font-size: 1.1em;
	position: inherit;
	z-index: 30;
	margin-bottom: 10px;
	}

#form label {
	color: #181818;
	}

#form p {
	color: #181818;
	font-size: 1.0em;
	}

#form input {
	border: 1px solid #CFCFCF;
	/*display:block;*/
	background: #fff;
	height: 1.4em;
	color: #181818;
	}

/* Basker */
#form select {
	border: 1px solid #CFCFCF;
	background: #fff;
	color: #181818;
	height: 1.4em;
	font-weight: bold;
	font-size: 0.8em;
	}

#form textarea {
	border: 1px solid #CFCFCF;
	height: 120px;
	display: block;
	width: 100%;
	margin-top: 8px;
	color: #181818;
	}

#form input.button {
	background: #E2001A;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	height: 2.2em;
	font-size: 0.8em;
	padding: 2px 3px 3px 3px;
	border: 0;
	}

#form input.buttonReturn {
	background: #E2001A;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	height: 2.2em;
	font-size: 0.8em;
	padding: 2px 3px 3px 3px;
	border: 0;
	}

#form a.button {
	background: #E2001A;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	height: 2.2em;
	font-size: 1.0em;
	padding: 2px 3px 3px 3px;
	border: 0;
	}

#form .button:hover {
	background: #9E9FA3;
	color: #fff;
	}

/* ---------- 6.1 FORM CONTAINED IN DL TAG---------- */
	
#form dt {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display: block;
	}

#form dd {
	margin-bottom: 18px;
	position: relative;
	font-size: 1.0em;
	top: 0;
	left: 0;
	z-index: 40;
	}

#HelpMeDecide #form dl {
	display: block;
	padding: 10px;
	border: 1px solid #CFCFCF;
	background: #F9F9F9;
	margin-bottom: 20px;
	}

#HelpMeDecide #form dd dl {
	display: none;
	}

#form dd.radio {
	margin-bottom: 20px;
	position: relative;
	color: #343434;
	}

#form dd.note {
	font-weight: bold;
	}

#form dd.error {
	color: #FF910F;
	font-weight: bold;
	margin-bottom: 16px;
	}

#form form dl p {
	margin-top: 10px;
	font-size: 1.0em;
	}

#form dl label {
	padding-right: 240px;
	line-height: 1.4em;
	}

#form dl input,#form dl select {
	width: 70%;
	position: absolute;
	/*display:block;*/
	right: 0;
	top: 0;
	height: 1.4em;
	z-index: 200;
	}

#form dl .radio input {
	border: 0;
	width: auto;
	position: inherit;
	background: transparent;
	height: auto;
	z-index: 1;
	color: #707173;
	position: relative;
	top: 1px;
	margin-left: 3px;
	}

#form dl .radio input.radio1 {
	margin-right: 20px;
	}

#form dl .radio label {
	padding-right: 0;
	}

#form dl .brInput input {
	border: 1px solid #CFCFCF;
	width: 396px;
	/*display:block;*/
	background: #fff;
	height: 1.4em;
	color: #707173;
	position: static;
	margin-top: 8px;
	}

#form dl select {
	width: 222px;
	}

#form dl .checkBox label {
	padding: 0 0 0 20px;
	}

#form dl .checkBox input {
	border: 0;
	height: 16px;
	width: 16px;
	left: 0;
	top: 0;
	}

#form dl #last input {
	border: 0;
	margin-right: 234px;
	height: 16px;
	width: 16px;
	}

#form dl select option {
	color: #fff;
	padding: 3px 9px;
	border-bottom: 1px solid #fff;
	}

#form dl .button {
	width: 49%;
	position: static;
	}

#form table th a {
	border-bottom: 0;
	}

/* ---------- 6.2 FORM CONTAINED IN TABLE ---------- */
		
		/* ---------- Description: This section controls the form elements in user setups and admin etc ---------- */
		
#content #form table {
	background: url(images/content_repeat.gif) 0 0 repeat-x;
	color: #181818;
	text-align: center;
	font-size: 1.0em;
	}

#content #form col.col1 {
	width: 15px;
	}

#content #form .compagnySetup col.col1 {
	width: 20%;
	}

#content #form col.col2 {
	width: 10%;
	}

#content #form col.colSummary {
	width: 15%;
	}

#content #form .compagnySetup col.col2 {
	width: 120px;
	}

#content #form col.col3 {
	width: 115px;
	}

#content #form .compagnySetup col.col3 {
	width: auto;
	}

#content #form table td {
	padding: 4px;
	background-color: transparent;
	text-align: left;
	}

/*#content #form table.data td {
	
	}*/

#content #form table td.saveButton {
	height: 50px;
	}

#content #form fieldset {
	margin-top: 0px;
	}

#content #form legend {
	font-weight: bold;
	font-size: 1.3em;
	}

#content #form table label {
	padding: 0;
	line-height: normal;
	}

#content #form table label.labelHided {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display: block;
	position: absolute;
	}

#content #form table input,#content #form table select {
	width: 120px;
	font-weight: normal;
	height:auto;
	}

#content #form table select.selectCombo {
	width: auto;
	font-weight: normal;
	}

#content #form table .radio input,#content #form table .checkBox input {
	width: auto;
	background: none;
	border: 0;
	height: 12px;
	}

#content #form table .radio input {
	width: auto;
	background: none;
	border: 0;
	height: 13px;
	font-weight: bold;
	}

#content #form table .textBox input {
	width: 50px;
	background: none;
	border: 0;
	height: 13px;
	font-weight: bold;
	position:static;
	}

#content #form .messages {
	width: auto;
	background: none;
	border: 0;
	color: #E2001A;
	font-weight: bolder;
	}

/* Start of changes for CR145 */
#content #form .succMessages {
	width: auto;
	background: none;
	border: 0;
	color: #E2001A;
	font-weight: bolder;
	margin-bottom: 7px;
	padding-bottom: 8px;
	}
	
#content .succMessagesInDiv {
	width: auto;
	background: none;
	border: 0;
	color: #E2001A;
	font-weight: bolder;
	padding-bottom: 8px;
	}

/* End of changes for CR145*/

#content #form .paging {
	color: #E2001A;
	font-weight: bolder;
	}

#content #form table input.button {
	width: auto;
	padding: 2px 3px 3px 3px;
	margin: 0;
	height: 2.2em;
	display: block;
	font-weight: bold;
	}

#content #form table input.buttonReturn {
	padding: 2px 3px 3px 3px;
	margin: 0;
	height: 2.2em;
	display: block;
	font-weight: bold;
	text-align:center;
	width:170px;
	}

#content #form table input.btnTrend {
	background: #E2001A;
	color: #fff;
	width: expression(screen.width>800?"120px":"100px");
	margin: 0;
	height: 1.95em;
	font-weight: bold;
	font-size: expression(screen.width>800?"0.8em":"0.7em");
	border: 0;
	vertical-align:middle;
	cursor: pointer;
	}

#content #form table input.btnTrendBig {
	background: #E2001A;
	color: #fff;
	width: expression(screen.width>800?"150px":"134px");
	padding: 2px 3px 3px 3px;
	margin: 0;
	height: 2.2em;
	display: block;
	font-weight: bold;
	cursor: pointer;
	font-size: expression(screen.width>800?"0.8em":"0.7em");
	border: 0;
	}

#content #form table .graph {
	width: expression(screen.width>800?"540px":"310px");
	height: expression(screen.width>800?"300px":"210px");	
	}

/* --Added By Gaurav-- */
#content #form table input.buttonLarge {
	width: 100px;
	padding: 2px 3px 3px 3px;
	margin: 0;
	height: 2.2em;
	display: block;
	font-weight: bold;
	font-size: 0.8em;
	background: #E2001A;
	color: #fff;
	border: 0;
	cursor: pointer;
	}

/* ---------- 6.3 LOGIN FORM ---------- */
				
#content .loginForm dl {
	background: url(images/box_repeat.gif) 0 27px repeat-x;
	margin-bottom: 15px;
	}

#content .loginForm table td {
	background: #E5E5E5;
	padding: 6px 10px;
	text-align: left;
	}

#content .loginForm .messages {
	width: auto;
	background: none;
	border: 0;
	color: #E2001A;
	font-weight: bolder;
	}

#content .loginForm dl.right {
	text-align: right;
	width: 200px;
	}

#content .loginForm dt {
	background: #e2e0e1;
	padding: 5px 10px 5px 0;
	font-weight: bold;
	border-bottom: 1px solid #a2a2a2;
	font-size: 1.0em;
	width: 188px;
	}

#content .loginForm dt {
	margin-bottom: 8px;
	}

#content .loginForm dd {
	padding: 0 12px 1px 0;
	margin: 0;
	}

#content .loginForm label {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0 5px 2px 0;
	}

#content .loginForm input,#content .loginForm select {
	border: 1px solid #a5acb2;
	height: 1.5em;
	width: 97px;
	color: #565758;
	font-size: 1.2em;
	}

#content .loginForm select {
	width: 99px;
	}

#content .loginForm #btLogin {
	background: url(images/bt_submit.gif) 0 0 no-repeat;
	height: 22px;
	width: 99px;
	cursor: pointer;
	font-weight: normal;
	line-height: 1.0em;
	text-indent: -2000em;
	font-size: 0;
	display: block;
	border: 0;
	margin: 0 0 0 89px;
	}

#content .loginForm .button {
	background: #E2001A;
	height: 22px;
	width: 99px;
	cursor: pointer;
	color: #fff;
	border: 0;
	margin: 0 0 0 0;
	font-size: 1.2em;
	}

#content .loginForm .btLogin {
	text-align: left;
	margin: 3px 0 0 0;
	}

#content .loginForm ul {
	display: block;
	margin: 10px 0 0 0;
	padding-top: 10px;
	}

#content .loginForm li {
	list-style: none;
	height: 2.0em;
	}

#content .loginForm a {
	border-bottom: 1px solid #c1c0c1;
	color: #565758;
	text-decoration: none;
	font-weight: bold;
	}

#content .loginForm  a:hover {
	border-bottom: 1px solid #DFDFDF;
	color: #E2001A;
	text-decoration: none;
	}

/* ---------- 7.0 EDIT SUMMARY DETAILS PAGE - TABLE FORMAT ---------- */

/* These classes are used by edit profile summar details. which is used to display the summary detail in table format */

#content #form #summarydetail {
	margin-bottom: 15px;	
	background-attachment:scroll;
	background-image:none;
	margin-bottom:15px;
	font-size:100%;
	margin:1em 0px;
	width:99%;	
	border:0pt none;	
	} 

#content #form #summarydetail TH {
	border: 0pt none;
	border-bottom:1px solid #A2A2A2;
	color:#000000;
	padding:5px 10px;
	text-align:left;
	vertical-align:top;
	background-color:transparent;
	} 

#content #form #summarydetail TD {
	background-color:transparent;
	border: 0pt none;
	border-bottom:1px solid #A2A2A2;
	color:#000000;
	padding:5px 10px 5px 5px;
	text-align:left;
	vertical-align:top;
	}

#content .boxContentsearch3 {
	background: url(images/content_repeat.gif) 0 0 repeat-x;
	padding: 13px 9px;
	position: relative;
	border: 1px solid #a2a2a2;
	margin-top: 1.5px;
	height:auto;
	}

#content .boxContentsearch3 UL{
 	font-size:0.9em;
	}
/* end of class for edit profile page */


/* ---------- 8.0 TREE MENU---------- */

	/* ---------- Description: This section controls the main profile select boxes on the Analytics tab pages .i.e. plus and minus drop downs with tick boxes ---------- */
	
#content #form .tree table {
	font-size: 1.1em;
	width: auto;
	margin: 0;
	background: none;
	}

#content #form .tree table caption {
	position: relative;
	text-indent: -2000em;
	background: none;
	}

#content #form .tree table td {
	padding: 0;
	text-align: left;
	}

#content #form .tree input {
	width: auto; /*yogesh*/
	border: inherit;
	}

/* ---------- 9.0 FOOTER ---------- */

	/* ---------- Description: This section controls the footer aspects of the page ---------- */

/* bottom container of the page */	
#footer {
	margin-top: 10px;
	border-top: 1px solid #a2a2a2;
	padding-top: 8px;
	}

#footer a {
	border-bottom: 1px solid #c1c0c1;
	color: #181818;
	text-decoration: none;
	}

/* the form on te left with drop down menu */
#cmpForm {
	width: auto;
	float: left;
	}

/* increase/decrease font size container */
#accessibility {
	width: 200px;
	float: right;
	text-align: right;
}

/* centre container includes links and copy right */
#linksCopyright {
	margin: 0 220px 0 230px;
	text-align: center;
}

/* ---------- 10.0 cmpForm ---------- */

	/* ---------- Description: This section controls the main aspects of the page ---------- */
	
#cmpForm dt,#cmpForm dd {
	float: left;
	color: #565758;
	}

/* similar tobarbour logo but this is CMPI logo on left */
#cmpForm dt {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display: block;
	background: url(images/cmp_logo.gif) 0 0 no-repeat;
	width: 55px;
	height: 47px;
	}

#cmpForm label {
	font-weight: normal;
	line-height: 1.0em;
	text-indent: -2000em;
	font-size: 0;
	position: absolute;
	}

/* the drpop down menu - bottom left */
#cmpForm select {
	border: 1px solid #a5acb2;
	height: 1.5em;
	width: 120px;
	color: #565758;
	font-size: 1.2em;
	margin-left: 5px;
	}

/*the GO button*/
/*#cmpForm #btCmp {
	background: url(images/bt_go.gif) 0 0 no-repeat;
	height: 22px;
	width: 22px;
	cursor: pointer;
	font-weight: normal;
	line-height: 1.0em;
	text-indent: -2000em;
	font-size: 0;
	display: block;
	border: 0;
	margin-left: 3px;
}*/

* html #cmpForm #btCmp {
	margin: 1px 0 0 3px;
	}

/* ---------- 10.1 accessibility ---------- */

	/* ---------- Description: This section controls the style switch of each page (design 1, 2, 3)---------- */

/* main container on bottom left - square around resize text and color scheme */	
#accessibility dl {
	display: block;
	width: 153px;
	height: 2em;
	padding-left: 47px;
	}

/* dt= the color schem of text nad resize text.....dd=container of the choice of 3 colors or resize buttons */
#accessibility dt,#accessibility dd {
	float: left;
	}

#accessibility dt,#accessibility dd {
	float: left;
	}

#accessibility dt {
	width: 90px;
	margin: 0 10px 0 0;
	}

/* each different button */
#accessibility a {
	display: block;
	padding: 1px 4px;
	border: 1px solid #a6a6a7;
	background: #fff;
	color: #000;
	text-decoration: none;
	font-size: 0.7em;
	margin: 0 0 0 2px;
	}

/* pink color of background box */
#accessibility .style2 a {
	background: #ffccf2;
	}

/* black color of background in box */
#accessibility .style3 a {
	background: #000;
	color: #fff;
	}

/* red color of hover */
#accessibility a:hover {
	background: #e2001a;
	color: #fff;
	}

/* bold A */
#accessibility strong {
	margin: 0 4px 0 6px;
	}

#accessibilityTop {
	width: 200px;
	float: right;
	text-align: right;
	}

#accessibilityTop dl {
	display: block;
	width: 153px;
	height: 2em;
	padding-left: 47px;
	}

#accessibilityTop dt,#accessibilityTop dd {
	float: left;
	}

#accessibilityTop a {
	border-bottom: 1px solid #a6a6a7;
	color: #181818;
	text-decoration: none;
	font-weight: bold;
	display: block;
	float: right;
	text-align: right;
	}

#accessibilityTop a:hover {
	border-bottom: 1px solid #DFDFDF;
	color: #E2001A;
	text-decoration: none;
	}

/* ---------- 10.2 accessibility ---------- */

	/* ---------- Description: This section controls the copyright links and hyperlinks towards the bottom of each page ---------- */
	
#linksCopyright p {
	margin-bottom: 5px;
	}

#linksCopyright a {
	border-bottom: 1px solid #c1c0c1;
	color: #565758;
	text-decoration: none;
	font-weight: bold;
	}

#linksCopyright a:hover {
	border-bottom: 1px solid #DFDFDF;
	color: #E2001A;
	text-decoration: none;
	}

#linksCopyright strong {
	padding: 0 4px;
	}

/* ---------- 11.0 Page Load Interaction ---------- */

	/* ---------- Description: This section controls the copyright links and hyperlinks towards the bottom of each page ---------- */

/* loading animation gif */
#load_int {
	width: 80%;
	height: 70%;
	background: url(../images/loading_animation.gif) no-repeat center center;
	position: absolute;
	z-index: 9000;
	}

/* position of the overlay while the page is loading */
#overlay {
	position: absolute;
	left: 10px;
	top: 35px;
	height: 90%;
	width: 65%;
	z-index: 9000;
	}

/* the color of the overlay */
#mask {
	background: #D1D1D1;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	}

/* ---------- 12.0 Image Position ---------- */

	/* ---------- Description: This section controls the position of the images on several pages ---------- */

/* position of the main images on the Welcome page, Analytics home page and Evolution home page */
#homeimages {
	position: inherit;
	margin: 18px;
	text-align:center;
	}

/* position of the main Analytics left-side image on the Welcome page.....code to position in IE and Firefox */
#homeimagesanalyticsmain {
	position:inherit;
	margin: 18px;
	text-align:center;
	margin-top:51px;
	}
	*>#homeimagesanalyticsmain {
	margin-top:66px;
	}
	
/* position of the help centre image / logo */
#helphomeimage {
	position: inherit;
	float:right;
	margin-top:-19px;
	padding:2px;
	}
	

#content #form table input.leftAlign {
	width:auto;
	border:0;
	padding:0;
	margin:0;
	background:none;
}