/* ====== ANALYTICS - EVOLUTION LOGIN 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;
	position:relative;
	z-index:1;
	}

/* 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:0;
	}

/* put all childern in container to the left */
#container {
	text-align:left;
	}
	
* html #container {
	max-width:980px;
	min-width:736px;
	}

/* 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:210px;
	float:left;
	position:relative;
	z-index:10;
	left:0;
	top:0;
	}

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

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

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

#colRight .header{
	height:4.9em;
	}

/* ---------- 2.0 Header & Navigation ---------- */

	/* ---------- Description: This section controls the header section 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 {
	width:210px;
	height:59px;
	background:url(images/logo_barbour_abi.gif) 0 0 no-repeat;
	margin:0 0 20px 0;
	}

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

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

/* ---------- 3.0 Links ---------- */

	/* ---------- Description: This section controls the hyperlinks menu at top right hand side of the page ---------- */

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

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

.header .link strong {
	padding:0 4px;
	}

/* ---------- 4.0 LoginForm & pannel ---------- */

	/* ---------- Description: This section controls the login section on the right hand side of the page ---------- */

.loginForm dl {
	background:url(images/box_repeat.gif) 0 25px repeat-x;
	position:relative;
	z-index:100;
	}

.pannel .content {
	background:url(images/box_repeat.gif) 0 0 repeat-x;
	margin-bottom:20px;
	padding:10px 10px 1px 10px;
	}

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

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

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

.loginForm dd .button {
	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;
	}
	
.loginForm dd .button {
	text-align:left;
	margin:3px 0 0 0;
	}
		
.loginForm label {
	font-size:1.0em;
	font-weight:bold;
	margin:0 5px 2px 0;
	}

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


	
.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;
	}

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

.loginForm ul {
	display:block;
	margin:8px 0 0 0;
	}

.loginForm li {
	display:block;
	list-style:none;
	height:2.0em;
	}

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

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

/* ---------- 5.0 cmpInformation ---------- */

	/* ---------- Description: This section controls the CMPI logo on the left hand side of the screen ---------- */
	
#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;
	}

/* ---------- 6.0 MENU ---------- */

	/* ---------- Description: This section controls the menu navigation at the top of the page ---------- */

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

#menu ul {
	display:block;
	list-style:none;
	padding:45px 8px 0 8px;
	}
	
#menu li {
	display:inline;
	}

#menu li a {
	color:#565758;
	text-decoration:none;
	margin:0 4%;
	font-size:1.5em;
	font-weight:bold;
	padding-bottom:11px;
	border-bottom:4px solid #F6F6F6;
	}

#menu li.link1 a {
	margin-left:0;
	}

#menu li.link5 a {
	margin-right:0;
	}

#menu li a.selected {
	border-bottom:4px solid #E2001A;
	}

#menu li a:hover {
	color:#E2001A;
	}

/* ---------- 7.0 CONTENT ---------- */

	/* ---------- Description: This section controls the content within the page (i.e. style of font etc) ---------- */
	
#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;
	}

#content h1 {
	font-size:1.6em;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:1.0em;
	}

#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 h4 {
	font-size:1.2em;
	}

#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.3em;
	}

#content span.date {
	color:#BC2B16
	}

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

#content a span{
	display:none;
	}

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

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

#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  a.btRegister {
	background:#E2001A;
	padding:5px 8px;
	color:#fff;
	font-weight:bold;
	}

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

/* ---------- 8.0 FOOTER ---------- */

	/* ---------- Description: This section controls the footer of the page ---------- */
	
#footer {
	margin-top:10px;
	border-top:1px solid #a2a2a2;
	padding-top:8px;
	}

#cmpForm {
	width:auto;
	float:left;
	}

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

#linksCopyright {
	margin:0 220px 0 230px;
	text-align:center;
	}

/* ---------- 9.0 cmpForm ---------- */

	/* ---------- Description: This section controls the drop down menu within the footer of the page ---------- */
	
#cmpForm dt, #cmpForm dd {
	float:left;
	color:#565758;
	}
	
#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;
	}
	
#cmpForm select {
	border:1px solid #a5acb2;
	height:1.5em;
	width:140px;
	color:#565758;
	font-size:1.2em;
	margin-left: 5px;
	}
	
* html #cmpForm #btCmp {
	margin:1px 0 0 3px;
	}
	
/* ---------- 10.0 accessibility ---------- */

	/* ---------- Description: This section controls the resixe text functions at the top of the page and the "top" jump link at the bottom of the page ---------- */
	
#accessibility dl {
	display:block;
	width:153px;
	height:2em;
	padding-left:47px;
	}

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

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

#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;
	}

#accessibility .style2 a {
	background:#ffccf2;
	}

#accessibility .style3 a {
	background:#000;
	color:#fff;
	}

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

#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;
	}		

/* ---------- 11.0 accessibility ---------- */

	/* ---------- Description: This section controls the copyright and hyperlinks below the footer of the 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;
	}