@import "normalize.css";

body, td, input, select, button {
	font-family: "Segoi UI", sans-serif;
}

body {
	margin:0; padding:0;
	font-size: 12pt;
	color: #444;
	background-color: #f2f2f2;
}
img {
	border:0;
}
form {
	padding:0;
	margin:0;
}
input, textarea, select {
	margin: 2px;
}

input:not([type=file]):not([type=checkbox]):not([type=radio]),
textarea, select, button {
	border: 1px solid #bbb;
	border-radius: 4px;
	transition: 180ms box-shadow ease-in-out;
}
input:not([type=file]):not([type=checkbox]):not([type=radio])
{
	padding: 0 6px;
	height: 2.2em
}
input[disabled], button[disabled] { cursor: not-allowed !important; opacity: 0.6; font-weight: normal !important; }

input:not([type=file]):not([type=checkbox]):not([type=radio]):focus, textarea:focus, select:focus, button:focus {
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
	border-color: #80bdff;
	outline: 0;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	background-color: #eee;
	display: inline-block;
	padding: 0 10px !important;
	height: 2.2em !important;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	font-weight: 500;
}

button:not([disabled]):hover,
input[type=button]:not([disabled]):hover,
input[type=reset]:not([disabled]):hover,
input[type=submit]:not([disabled]):hover {
	background-color: #d2e9f4;
	border-color: #68b6db !important;
}

select {
}
select:not([size]) {
	background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .5rem center/8px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 2.2em;
	padding: 0 6px;
	padding-right: 1.75rem;
}
textarea {
	resize: vertical;
}

#wrapper {
	background:url(images/main-bg.jpg) repeat-x;
}
#viewport {
	width:967px;
	margin: 0 auto;
}
#header {
	height:120px;
	position:relative;
}
#top-nav {
	margin: 0;
	height:52px;
	overflow:hidden;
	list-style:none;
	font-size:19px;
	background-color: #08c;
	color: #fff;
}
#content {
	clear: both;
	background-color: #fff;
	border: 2px solid #ddd;
	border-top: none;
	padding: 1em 2em;
	min-height: 400px;
}
#footer {
	padding-bottom: 1em;
	color:#003a78;
}


.logo {
	margin:0;
	position:absolute;
	top:14px;
	left:21px;
	width:290px;
	height:99px;
	overflow:hidden;
	background:url(images/logo.jpg);
	text-indent:-9999px;
}
.logo a {
	display:block;
	height:100%;
}
.slogan {
	width: 500px;
	margin-left: 320px;
	text-align: center;
	font-size: 28px;
	color: #08c;
	text-shadow: 2px 2px 2px #ccf;
	padding-top: 46px;
}

.setup-title {
	font-weight: normal;
	font-size: 24px;
	line-height: 52px;
	text-align: center;
}

#top-nav li {
	background:url(images/nav-separ.gif) no-repeat 100% 5px;
	float:left;
	padding-right:2px;
}
#top-nav li a {
	float:left;
	padding:0 28px;
	height:52px;
	line-height:47px;
	text-decoration:none;
	color:#fff;
	text-shadow: 2px 2px 2px #00c;
}
#top-nav li a:hover {
	background: hsl(200, 100%, 50%);
}


#content a:hover,
#sidebar a:hover,
#sidebar .left-nav ul li a:hover {
	color:#39f;
}

#content p {margin: 1em 0 0 0;}

.main-content p {
	margin:0 0 20px;
}

#footer .live-chat-btn {
	float:right;
	margin-right:15px;
	margin-top:4px;
}
#footer a {
	color:#39f;
}
#footer a:hover {
	text-decoration:none;
}
.footer-left {
	padding:25px 0 0 22px;
	float:left;
}
.footer-left p {
	margin:0 0 10px;
}
.nice-button
{
	padding:3px 8px;
	margin:3px;
	font-weight: normal;
	font-size: 14pt;
	letter-spacing: 0.05em;
	color: #fff;
	background-color: #08c;
	border: 1px solid #83b5e9;
	cursor: pointer;
}

.error {
	color: red;
	font-weight: bold;
}
div.error {
	margin: 1em 0 0 0;
}

a.external_link { padding-right: 22px; background: url("images/external-link.gif") no-repeat 100% 60%; }
a.external_link:hover { background: url("images/external-link-anim.gif") no-repeat 100% 60%; }

.abutton {
	display: inline-block;
	margin: 2em 1em;
	color: #fff;
	background-color: #08c;
	padding: 0.7em 1em;
	border: none;
	text-decoration: none;
	vertical-align: middle;
}
.abutton.wide-button {
	display: block;
	margin: 0.5em;
	padding: 0.3em 1em;
}
.abutton:hover {
	color: #ffc !important;
	background-color: #2035ab;
}
.abutton h4 { 
	font-weight: normal;
	font-size: 120%;
	margin: 0.5em auto;
}