@charset "utf-8";
/*
	COLOURS:
	- Color1 #faa90f
	- Color2 #888079
	- Color3 #fa0617
*/
/* =RESET
------------------------------------- */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height: 1;}ol,ul {list-style: none;}:focus {outline: 0;}table {border-collapse: collapse;border-spacing: 0;}a img {border:none;}

/* =CLEAR
------------------------------------- */
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix, .container {display:inline-block;} * html .clearfix, * html .container {height:1%;} .clearfix, .container {display:block;}
.clear					{clear:both}

/* =TYPOGRAPHY -GENERAL (EM Font Size Reference - http://pxtoem.com/ (Select 12px body font size))
------------------------------------- */
body					{ background: #fff; font-size: 75%; font-family: Arial, Helvetica, sans-serif; color: #717171; }

/* Headers */
h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #1983d3; }
/*
h1 { font-size: 2.5em; line-height: 1; margin: 1em 0 .5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; } 
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-style: italic; font-weight: normal; }
*/

/* Text elements  */
p						{ line-height: 1.333; /* 16px */ margin: 0 0 1.5em; }
strong					{ font-weight: bold; }
em						{ font-style: italic; }

/* =Lists
------------------------------------- */
li ul, 
li ol       			{ margin: 0.5em 1.5em 0; }
ul, ol      			{ margin: 0 1.5em 1.5em 1.5em; }

ul          			{ list-style-type: disc; }
ol          			{ list-style-type: decimal; }

li						{ margin: 0 0 0.5em; }

dl          			{ margin: 0 0 1.5em 0; }
dd          			{ margin-left: 1.5em;}

/* Misc classes (#main .class is used to create a higher specificity to overwite styles in styles.css - http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html)
------------------------------------- */
#main .smaller      		{ font-size: 91.7%; line-height: 1.2; margin-bottom: 1em; } /* Decrease size relative to current elements size */
#main .larger      			{ font-size: 116.7%; line-height: 1.3; margin-bottom: 1.25em; } /* Increase size relative to current elements size */
#main .bold					{ font-weight: bold; }
#main .italic				{ font-style: italic; }
#main .hide       			{ display: none; }
#main .quiet      			{ color: #BDBDBD; } /* Light Grey */
#main .highlight  			{ /*color: #;*/ }

/* Remove margin and padding for required side */
#main .first      		{ margin-left:0; padding-left:0; }
#main .last       		{ margin-right:0; padding-right:0; }
#main .top        		{ margin-top:0; padding-top:0; }
#main .bottom     		{ margin-bottom:0; padding-bottom:0; }

/* Remove BG image and colour or borders */
#main .no-BG			{ background: none; }
#main .no-border		{ border: none; }

/* Float with a class */
#main .left				{ float: left; display: inline; }
#main .right			{ float: right; display: inline; }

/* Align text */
#main .align-left		{ text-align: left; }
#main .align-right		{ text-align: right; }
#main .align-center		{ text-align: center; }

/* Center Images */
#main img.align-center		{ display: block; margin-left: auto; margin-right: auto; }

/* Colours */
#main .color1 {color:#0ab1e7}
#main .color2 {color:#FB0618}
#main .color3 {color:#fa0617}

#main .stats .color1 {font-weight: normal}
#main .stats .color2 {font-weight: normal}
#main .stats .color3 {font-weight: normal}

/* Links
------------------------------------- */
a, a:visited 			{ color: #1983d3; text-decoration: underline; }
a:hover 				{ color: #1983d3; text-decoration: none; }

/* Form elements
------------------------------------- */
input.text, textarea 							{ margin: 0; padding: 4px; border: 1px solid #ccc; }
select											{ padding: 3px; border: 1px solid #DDD; }
input, textarea, select							{ color: #9B9B9B; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
option											{ font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
input.text:focus, textarea:focus, select:focus	{ border: 1px solid #888079; }

.autocomplete { background-color: #fff; border: solid 1px  #05B6D8; list-style: none; list-style-type: none; list-style-position: outside; margin: 0; padding: 0; outline: 0; }
.autocomplete-item { color: #979797; padding: 4px; }
.autocomplete-item-highlight { color: #fff; background: #05B6D8; padding: 4px; }