﻿/********************************************************************************
    Global page styles
********************************************************************************/

body {
	float: left;
	margin: 0px;
	width: 100%;
	font-family: 'Segoe UI';
	background-color: #ffffff;
}

h1, h2, h3, span, a, textarea, input {
	font-family: 'Segoe UI', Arial;
	font-weight: normal;
	margin: 0px;
	outline: none;
}

a {
	border: none;
	text-decoration: none;
	color: currentColor;
}

	a:hover {
		cursor: pointer;
		color: #0cace4;
	}

ul {
	padding: 0px;
	margin: 0px;
}

li {
	display: block;
}

.fluidrow {
	float: left;
	width: 100%;
}

th, td {
	padding: 2px 5px;
}

p {
	margin: 1% 0;
}

.none {
	display: none;
}

img {
	outline: none;
	border: none;
}

/********************************************************************************
    Specific styles
********************************************************************************/

h1.Main {
	font-size: 3em;
}

span.Main {
	font-size: 1.5em;
	color: #0cace4;
}

.float {
	float: left;
}

.fluidrow {
	float: left;
	width: 100%;
}

.maxWidth {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.padded {
	float: left;
	width: 98%;
	padding: 1%;
}

.Logo {
	float: left;
	margin-left: 25%;
}

.div_Logo {
	max-width: 355px;
	min-width: 265px;
	float: left;
}

.image {
	width: 100%;
}

.img_LogoContainer {
	vertical-align: top;
	padding-right: 2%;
}

.img_Logo {
	width: 400px;
}

.img_Icon {
	/*padding: 40%;*/
}

.img_Container {
	width: 25%;
	min-width: 150px;
	display: inline-block;
	padding-right: 2%;
}

.img_AD {
	width: 100%;
	max-width: 535px;
}

.img_ContainerIcon {
	float: left;
	background-color: #1c212a;
	padding: 20px;
	margin: 10px;
}

.Link {
	color: #0cace4;
}

	.Link:hover {
		text-decoration: underline;
	}

.txt_Container {
	vertical-align: top;
}

.txt_Phone {
	vertical-align: top;
	padding: 10px 30px;
}

.txt_Help {
	font-size: 18px;
	color: #1c212a;
}

.table {
	display: table;
}

.help {
	float: left;
}

	.help:hover p {
		cursor: pointer;
		color: #0cace4;
	}

.helpBorder {
	padding: 10px;
	border: 10px solid #0cace4;
	background: white;
}

.tableRow {
	display: table-row;
}

.tableCell {
	display: table-cell;
}

.tableCellPhone {
	display: table-cell;
}

.Center {
	text-align: center;
}

.SupportIcons {
	background-color: #1c212a;
	padding: 9% 3.3% 2%;
	width: 25%;
	float: left;
	border: 10px solid white;
	border-right: 0px;
	border-bottom: 0px;
	height: 90px;
}

	.SupportIcons:hover {
		background-color: #0cace4;
	}

.tbl_Padded {
	padding: 0px 0px 0px 100px;
}

.tbl_Content {
}

.tbl_ContentDark {
	padding: 10px;
	border: 10px solid #1c212a;
}

.tbl_WebContent {
	padding: 10px;
	/*border: 10px solid #1c212a;*/
}

.ForumPost {
	padding: 0px 10px 0px 0px;
}

.ForumPostDetails {
	padding: 0px 10px 0px 0px;
}

.ForumPosts {
	padding: 0px 10px 0px 0px;
	font-size: 18px;
}

.Copyright {
	color: #ffffff;
}

@media all and (max-width: 800px) {

	.Logo {
		margin: 5%;
	}

	.tblcell_Padded {
		padding: 50px 0px 0px;
	}

	.tbl_Padded {
		padding: 0px;
	}

	.SupportIcons {
		width: 88%;
	}

	.txt_Container {
		max-width: 100%;
	}

	.table {
		display: block;
	}

	.tableRow {
		display: block;
	}

	.tableCell {
		display: block;
	}

	.tableCellPhone {
		display: block;
		width: 90%;
	}
}
