/* OFFICIAL MARKETING COLOUR PALETTE
		COLOUR		HEX Value	RGB VALUE
		Turquoise	#1BCFC9		R27 G207 B201
		Dark blue	#0D38A5		R13 G56 B165
		Light blue	#129EE6		R18 G158 B230
		Magenta		#DC12A7		R220 G18 B167
		Dark grey	#1A1A1A		R26 G26 B26
*/ 
body {	/* Universal formatting for all pages */
	margin:0;				/* Forces no margins in main body */
	padding:0;				/* Forces no padding around elements */
	height:100%;			/* Ensures body fills browser window, seems redundant */
	background:#F8F8F8;		/* Background colour, default #F8F8F8 */
	color:#4A5669;			/* text colour, default #4A5669 */
	text-align:center;		/* Site-wide font alignment */
	overflow:hidden;		/* Hidden = Hides scrollbar */
	font-family:calibri;	/* Site-wide font face */
}

/****************************************************************************************/
/************************************* PAGE LAYOUT **************************************/
/****************************************************************************************/

#container {			/* Container div that contains all elements of the page */
	min-height:100%;
	position:relative;
	overflow:hidden;
}

#header{				/* Header at the top of the page containing the cognito logo */
	position:relative;
	top:0px;
	bottom:0px;
	left:0px;
	width:100%;
	height:55px;
	text-align:center;
	vertical-align:middle;
	background-color:#1BCFC9;
	/* background:-webkit-linear-gradient(top, #68D2D4 10%,#25BEC0 50%); */
	background:-webkit-linear-gradient(top, #68D2D4 10%,#1BCFC9 50%); /* WebKit gradient background. Looks snazzy, there is a standard background css above to ensure cross-platform is ok */
}

#body { /* Formatting for main body of page */
	margin-left:auto;	/* Margin will occupy as much space as possible, set left and right to 'auto' for centering */
	margin-right:auto;	/* Margin will occupy as much space as possible, set left and right to 'auto' for centering */
	overflow-y:auto;	/* Auto = Vertical scroll bar is displayed if required */
	overflow-x:hidden;	/* Hidden = horizontal scrollbar is hidden */
	height:100%;
	width:100%;
	position:relative;
	margin-bottom:200px;
}

/* Footer ID (i.e. <div id="footer"></div>) */
#footer {	/* Formatting for footer that runs along the bottom of the page */
	background:#1BCFC9;	/* Background colour, default #1BCFC9 */
	position:absolute;	/* Must be 'Absolute' to appear at bottom */
	bottom:0px;			/* Sets bottom margin to zero to make sure it is absolute bottom of screen */
	width:100%;			/* Sets footer to span entire width of browser window */
	height:25px;		/* Change to increase height of footer */
	line-height:25px;	/* Centers text */
	vertical-align:middle; /*centers text */
	color:#ffffff;		/* Defines font colour, default #ffffff */
	text-decoration:none;
	background:-webkit-linear-gradient(top, #25BEC0 30%,#1BCFC9 80%);
}

/* Footer class (i.e. <footer></footer>) */
footer {	/* Formatting for footer that runs along the bottom of the page */
	background:#1BCFC9;	/* Background colour, default #1BCFC9 */
	position:absolute;	/* Must be 'Absolute' to appear at bottom */
	bottom:0px;			/* Sets bottom margin to zero to make sure it is absolute bottom of screen */
	width:100%;			/* Sets footer to span entire width of browser window */
	height:25px;		/* Change to increase height of footer */
	line-height:25px;	/* Centers text */
	vertical-align:middle; /*centers text */
	color:#ffffff;		/* Defines font colour, default #ffffff */
	text-decoration:none;
	background:-webkit-linear-gradient(top, #25BEC0 30%,#1BCFC9 80%);
	color:#ffffff;
	text-decoration:none;
}


/****************************************************************************************/
/*********************************** TEXT FORMATTING ************************************/
/****************************************************************************************/

/* STANDARD TEXT */
p {/* Standard paragraph formatting */} 
h1 {/* Header 1 formatting */}
h2 {/* Header 2 formatting */}
h3 {/* Header 3 formatting */}

/* HYPERLINKS */
a {	/* Formatting for hyperlinks */
	text-decoration:none;
	margin-left:auto;
	margin-right:auto;
	color:#129ee6;
}
a:active {	/* Formatting for hyperlinks */
	text-decoration:none;
	color:#129ee6;
	margin-left:auto;
	margin-right:auto;
}

a:visited { /* Formatting for hyperlinks AFTER being clicked */
	text-decoration:none;
	color:#dc12a7;
	margin-left:auto;
	margin-right:auto;
}

#footer a { /* Formatting for hyperlinks in the footer */
	color:#ffffff;
	text-decoration:none;
}

footer a { /* Formatting for hyperlinks in the footer */
	color:#ffffff;
	text-decoration:none;
}

#footer a:visited { /* Formatting for hyperlinks AFTER being clicked in the footer */
	color:#ffffff;
	text-decoration:none;
}

footer a:visited { /* Formatting for hyperlinks AFTER being clicked in the footer */
	color:#ffffff;
	text-decoration:none;
}

/****************************************************************************************/
/*********************************** IMAGE FORMATTING ***********************************/
/****************************************************************************************/
.center { /* SPAN class to vertically center images */
	display:inline-block;
	height:100%;
	vertical-align:middle;
}

#os {
	height:56px;		/* Height of OS icons on homepage */
	padding-right:12px;	/* Spacing between OS icons on homepage */
	border:0px;			/* Removes hyperlink border */
}

	
#coglogo {	/* Formatting for the Cognito iQ logo displayed in the page header */
	display:inline;
	vertical-align:middle;
}


/*		COGNITO BRANDING COLOURS [OLD, NO-LONGER USED]
		Colour		Hex Value	RGB Value
		Turquoise	#25BEC0		37 190 192
		Turquoise2	#1BCFC9		UNKNOWN
		Magenta		#F90062		249 0 98
		Green		#92DE15		146 222 21
		Dark Grey	#333B48		51 59 72
		Light Grey	#D3DBE1		211 219 225 
		Blue Grey	#527581		82 117 129
 */