/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#content {
	padding-bottom: 193px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -193px; /* negative value of footer height */
	min-height: 193px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


html, body {background:url('../images/backgrounds/fire.jpg') repeat;color:white;font-family:"ApexMk2-Regular", sans-serif}
div#wrap ul,div#wrap ol{margin-left:50px;margin-bottom:30px;}
.green{color:green;}
.info{color:#99b7b7;}
.red{color:red;}
.center{text-align:center;}
a,a:active,a:hover,a:visited{text-decoration:underline;color:white;}
h1,h2,h3,h4,h5{text-align:center;}
div.g-recaptcha {clear:both;padding:37px 0px 2px;}
div.g-recaptcha div {margin:auto;text-align:center;}
p{margin:7px auto 10px;line-height:26px;}
form {clear:both;margin:25px 0 25px;}
form p.error{color:red;clear:both;text-align:center;font-size:14px;margin:auto;padding-top:7px;padding-bottom:0px;}
form span.right p.error{text-align:right;}
form span.line.error{border:9px solid red;}
form.inline span.line input {width:30px;}
form span.line {padding:10px 0px 0px 0px;display:block;text-align:left;line-height:27px;width:455px;clear:both;margin:auto;}
form span.line label {padding-right:15px;margin-top:5px;width:150px;display:block;float:left;text-align:right;}
form span.line input {padding:3px 5px;float:left;width:180px;}
form.inline span.line input{float:none;display:inline;}
form input.button {float:none;padding:6px 24px;margin-top:7px;width:105px;margin:auto;}
form span.line input.countryCode{width:34px;margin-right:4px;}
form span.line span.countryCode{float:left;padding-right:4px;margin-top:5px;}
form span.line input.countryCodeLong{width:155px;}
form span.code {width:400px;height:80px;display:block;margin:auto;clear:both;}
form span.code input {width:44px;height:64px;font-size:25px;float:left;margin-right:6px;text-align:center;border-radius:5px;border:1px solid gray;}
form input.error{border:2px solid red;}
form p.button {display:block;text-align:center;margin:auto;padding:2px 0 22px;clear:both;}
form input[type=submit] {width:136px;display:block;margin:0px auto 8px;height:40px;font-size:17px;color:white;font-family:"ApexMk2-Regular", sans-serif;background:url('../images/button-large.png') center no-repeat;border:none;}
form input[type=submit]:hover{cursor:pointer;background:url('../images/button-large-hover.png') center no-repeat;}
form input[type=submit]:focus, form input[type=submit]:active {background: url('../images/button-large-suppressed.png') center no-repeat;}
form.inline input, form.inline select {padding:1px 6px;width:60px;background:#3a3a3a;border:1px solid #3a3a3a;color:white;height:22px;}
form span.right input {width:40px;float:right;}
form.inline span {padding-left:8px;padding-right:1px;}
form.inline select {height:24px;}
form.inline input {padding:1px 6px;width:24px;height:20px;text-align:center;}
form.inline input[type=submit] {height:24px;width:80px;display:inline;position:relative;top:-1px;font-size:12px;margin-left:4px;}
form span.right input {text-align:center;}
p.error {color:red;margin:15px 17px 10px;}
form {display:block;width:91%;margin:0;padding:0px 30px;}
form div.left,form div.right{width:49%;float:left;margin-bottom:20px;}
form label {display: block;width:300px;margin-top:25px;clear:both;}
form input {height:24px;width:250px;padding:2px 7px;display:block;float:left;}
form input[type="submit"]{display:block;margin:auto;float:none;margin-top:30px;}
form textarea {width:100%;height:450px;padding:12px 15px;}
span.line img,span.third img,span.forth img {width:16px;position:relative;top:2px;}
span.left {width:48%;text-align:left;float:left;display:block;}
span.right {width:48%;text-align:right;float:left;display:block;}
div.content span.left {width:48%;text-align:right;float:left;display:block;height:40px;line-height:40px;}
div.content span.right {width:48%;text-align:left;clear:right;float:right;display:block;height:40px;line-height:40px;}
div.code {position:relative;height:100px;width:100%;font-size:44px;letter-spacing:2px;text-align:center;line-height:100px}
.tooltip {position: relative;display: inline-block;font-size:14px;}
.tooltip .tooltipText {visibility: hidden;line-height:26px;height:24px;position:relative;top:-20px;left:-50px;width: 120px;background-color: black;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;}
.tooltip:hover .tooltipText {visibility: visible;}
.triangle{
    position:absolute;
}
.tooltip-arrow.down:before,
.triangle.down{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 5px solid #000;
    top: 100%;
	left:44%;
}
.tooltip-arrow{
    margin-top: 10px;
}
.tooltip-arrow:before{
    content: '';
    position: absolute;
}

div#wrap div#header {text-align:center;padding-top:60px;}
div#wrap div#header img{display:inline-block;width:590px;margin:0 auto 10px;}
div#wrap div#header div#nav {width:1080px;text-align:left;margin:auto;height:88px;line-height:88px;font-family:"Moby", sans-serif;}
div#wrap div#header div#nav div#navLeft {float:left;width:10px;height:88px;background:url('../images/backgrounds/nav-left.png') no-repeat left;}
div#wrap div#header div#nav div#navRight {float:left;width:10px;height:88px;background:url('../images/backgrounds/nav-right.png') no-repeat right;}
div#wrap div#header div#nav div#navInner {float:left;height:88px;min-width:1060px;background:url('../images/backgrounds/nav-inner.png') repeat-x left;}
div#wrap div#header div#nav a {display:inline-block;margin:0 25px;font-size:22px;text-align:center;text-decoration:none;color:white;}
div#wrap div#header div#nav a:first-of-type {margin-left:33px;}
div#wrap div#header div#nav a:last-of-type{margin-right:33px;}
div#wrap div#header div#navMinor {position:relative;right:10px;height:30px;bottom:0px;width:1080px;opacity:0.85;text-align:right;margin:auto;}
div#wrap div#header div#navMinor a {text-decoration:none;}
div#wrap div#header div#navMinor img {width:100px;}
div#wrap div#content {max-width:1080px;margin:7px auto;}
div#wrap div#content div#contentOuter {padding-bottom:8px;width:1080px;}
div#wrap div#content div#contentOuter div#contentMain {float:left;width:830px;height:231px;margin-right:19px;background:url('../images/backgrounds/highlight-main.png') center no-repeat;}
div#wrap div#content div#contentOuter.sub {}
div#wrap div#content div#contentOuter.sub div#contentMain{color:#e2f3df;width:1066px;height:180px;padding:3px 7px 15px;background:url('../images/backgrounds/highlight-full.png') top left no-repeat;}
div#wrap div#content div#contentOuter div#contentMain h2{line-height:45px;}
div#wrap div#content div#contentOuter div#contentMain p{line-height:28px;}
div#wrap div#content div#contentOuter div#contentMain div.inner, div#wrap div#content div#contentInfo div.inner {padding:20px 27px;}
div#wrap div#content div#contentOuter.sub {}
div#wrap div#content div#contentOuter.sub div#contentBar{width:1080px;height:80px;color:#ccc;background:url('../images/backgrounds/highlight-bar.png') top left no-repeat;}
div#wrap div#content div#contentOuter div#contentBar h1{line-height:45px;}
div#wrap div#content div#contentOuter div#contentBar p{line-height:28px;}
div#wrap div#content div#contentOuter div#contentBar div.inner, div#wrap div#content div#contentInfo div.inner {padding:30px 27px;text-align:center;}
div#wrap div#content div#contentOuter div#contentBar span.padding-right {padding-right:10px;}
div#wrap div#content div#contentInfo {float:right;width:231px;height:231px;margin-bottom:20px;text-align:center;font-family:"ApexMk2-BoldExtended", sans-serif;background:url('../images/backgrounds/highlight-info.png?') center no-repeat;}
div#wrap div#content div#contentInfo h3 {font-size:24px;margin:2px auto 0px;}
div#wrap div#content div#contentInfo p {font-size:21px;}
div#wrap div#content div#contentInfo p.info {margin:2px auto 8px;font-size:16px;}
div#wrap div#content div#contentInfo p.green{font-weight:bold;font-size:22px;margin:15px auto 16px;}
div#wrap div#content div#contentInfo p small {display:block;font-size:12px;margin-top:10px;line-height:18px;}
div#wrap div#content div#storyboard p {line-height:24px;margin:8px auto 12px;}
div#wrap div#content div#storyboard h1, div#wrap div#content div#storyboard h2 {text-align:center;}
div#wrap div#content div#storyboard div {margin:18px auto 12px;display:none;}
div#wrap div#content div#storyboard div#storyboardControls {display:block;text-align:center;}
div#wrap div#content div.box {background:url('../images/backgrounds/glow-1.png') center #111;border:1px solid #888;border-radius:5px;clear:both;margin:10px 6px 30px;padding:35px 30px 40px;box-shadow:0px 0px 6px #666;}
div#wrap div#content div#news{position:relative;min-height:200px;background:url('../images/backgrounds/glow-2.png') center #111;}
div#wrap div#content div#newsMain {width:62%;display:inline-block;padding-right:30px;}
div#wrap div#content div#newsList {width:31%;display:inline-block;position:absolute;top:0;padding:40px 0px 0px 25px;}
div#wrap div#content div.newsMainFullWidth {margin-top:20px;}
div#wrap div#content span.newsInfo {display:inline-block;position:relative;top:4px;float:right;}
div#wrap div#content div#newsListFullWidth {margin-top:20px;}
div#wrap div#content div#newsListFullWidth h2 {width:100%;clear:both;float:none!important;text-align:center!important;width:inherit!important;}
div#wrap div#content div#newsListFullWidth div.newsArticleListItem {width:460px;margin-right:40px;display:inline-block;}
div#wrap div#content div#newsSeperator {width:1px;display:inline-block;position:absolute;top:15px;bottom:15px;min-height:175px;max-height:375px;clear:left;margin:10px 0;border-right:1px solid #888;}
div#wrap div#content div#news h2, div#wrap div#content div#news h3{float:left;clear:both;text-align:left;margin-bottom:5px;width:340px;}
div#wrap div#content div#news h2.full, div#wrap div#content div#news h3.full {width:auto;}
div#wrap div#content div#news div#newsMain p{clear:both;display:-webkit-box;-webkit-line-clamp:14;-webkit-box-orient:vertical;overflow:hidden;}
div#wrap div#content div#news p{clear:both;}
div#wrap div#content div#news div.newsLink {font-size:14px;text-align:right;padding-top:10px;padding-right:10px;}
div#wrap div#content div#news div.newsLinkArchive {text-align:center;margin-top:20px;}
div#wrap div#content div#news div#newsList a {clear:both;display:block;font-size:15px;line-height:26px;float:left;width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
div#wrap div#content div#news div#newsList span.newsDate{font-size:12px;}
div#wrap div#content div#news div#newsList span.newsInfo a{width:auto;position:relative;font-size:11px;top:-5px;}
div#wrap div#content div#news span.newsDate {font-size:14px;line-height:24px;float:right;color:#ababab;}
div#wrap div#content div#news span.newsCategory {height:12px;font-size:11px;border-radius:6px;margin-top:2px;margin-right:10px;padding:3px 9px;float:right;background:#666;color:#eee;}
div#wrap div#content div#news span.newsCategory a{text-decoration:none;}
div#wrap div#content div#features {text-align:center;background:url('../images/backgrounds/glow-3.png') center #111;padding:30px 15px 45px;}
div#wrap div#content div#features h1 {clear:both;margin-bottom:15px;}
div#wrap div#content div#features div#featuresList {display:flex;flex-wrap: wrap;}
div#wrap div#content div#features div#featuresView {margin:auto;}
div#wrap div#content div#features div#featuresView p {margin:10px auto 15px;}
div#wrap div#content div#features div#featuresView a {font-size:13px;text-decoration:none;}
div#wrap div#content div#features div.feature {max-height:250px;padding:12px 10px 20px;width:30%;display:inline-block;position:relative;top:0px;}
div#wrap div#content div#features div.feature a.title {display:inline-block;text-decoration:none;position:relative;}
div#wrap div#content div#features div.feature a.title strong {position:relative;top:3px;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
div#wrap div#content div#features div.feature span.stars {display:inline-block;height:25px;padding-right:5px;line-height:25px;color:gold;} 
div#wrap div#content div#features div.feature p {margin-top:4px;color:#cfcfcf;font-size:15px;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;}
div#wrap div#content div#features div#featuresView div.voteYesNo {float:left;width:49%;}
div#wrap div#content div#features div#featuresView div.voteYesNo h3 {font-size:18px;}
div#wrap div#content div#features div#featuresView div.voteYesNo div.featureVote {padding:13px 15px 10px;}
div#wrap div#content div#features div#featuresView div.voteYesNo p{font-size:13px;margin:8px auto 10px;}
div#footer{background:url('../images/backgrounds/footer-stretch.png') repeat-x #05080b;}
div#footer div.left {width:100px;margin-right:100px;float:left;}
div#footer div.left a {text-decoration:none;}
div#footer div.left ul, div#footer li {list-style-type:none;}
div#footer div.left ul li h5{font-size:15px;}
div#footer div.left ul li a{text-decoration:none;font-size:14px;}
div#footer div.social {width:100px;float:left;}
div#footer div.social a.social {display:inline-block;float:left;width:60px;}
div#footer div.social a.social img{width:60px;}
div#footer div.inner {margin-left:300px;font-size:13px;line-height:24px;}
div#footer div#footerInner {padding:35px 50px 45px;}
div#footer h1, div#footer h2, div#footer h3, div#footer h4, div#footer h5{text-align:left;line-height:26px;}

/* Desktop */
@media  (min-width: 1180px) and (min-height: 900px), (min-width: 1180px) and (min-height:685px) {
	@media not all and (min-width: 1180px) and (min-height: 400px) and (max-width: 1180px) and (max-height: 900px) and (orientation: landscape)  {
		
	}
}

/* Tablet */
@media (min-width: 685px) and (min-height:685px) and (max-width:1180px), (min-width: 685px) and (min-height: 900px) and (max-width: 1180px) and (max-height: 1180px) and (orientation: portrait), (min-width: 1180px) and (min-height: 685px) and (max-width: 1180px) and (max-height: 900px) and (orientation: landscape)  {
	div#content{padding-bottom:300px;}
	div#footer {background:url('../images/backgrounds/footer-tablet-mobile.png') center top;height:300px;padding-top:25px;}
	div#wrap.chatRight {overflow:scroll;}
	div#wrap div#header div#nav{width:auto;max-width:1076px;overflow:scroll;}
	div#wrap div#header div#nav div#navInner{width:auto;min-width:98%;max-width:1060px;}
	div#wrap.chatRight div#content div#contentOuter div#contentMain{width:730px;margin:auto;background:url('../images/backgrounds/highlight-main-tablet-right.png?k') no-repeat left!important;}
	div#wrap.chatRight div#header div#nav div#navInner{width:96%;max-width:670px!important;}
	div#wrap.chatRight div#header div#nav a{font-size:18px;}
	@media (max-width: 1024px) {
		div#wrap div#content div#contentOuter {width:965px;}
		div#wrap div#content div#contentOuter div#contentMain {width:730px;margin:auto;background:url('../images/backgrounds/highlight-main-tablet-right.png?k') no-repeat left!important;}
		div#wrap div#content div#contentOuter div#contentMain div.inner{padding-top:23px;font-size:14px;width:88%;}
		div#footer div#footerInner {padding:35px 20px 45px;}
		div#wrap div#content div#contentOuter div#contentMain div.inner{width:650px;}
		div#wrap div#header div#nav a {font-size:19px;}
	}
}

/* Mobile */
@media (max-height: 685px), (max-width: 685px), (max-width: 685px) and (max-height: 1180px) and (orientation: portrait), (max-width: 1180px) and (max-height: 685px)  and (orientation: landscape){
	p {text-align:justify;}
	form {display:block;width:90%;padding:0 10px;margin:auto;text-align:center;}
	form div.left,form div.right{width:100%;float:none;margin-bottom:20px;}
	form label {display:block;width:100%;padding-top:25px;clear:both;text-align:left;}
	form input {height:24px;width:250px;padding:2px 7px;display:block;float:left;}
	form input[type="submit"]{display:block;margin:auto;float:none;margin-top:30px;}
	form textarea {width:92%;height:450px;padding:12px 15px;}
	div#contentInfo p {text-align:center;}
	div#wrap div#header div#navMinor{width:auto;}
	div#wrap div#content div#contentOuter div#contentMain {margin-bottom:10px!important;}
	div#wrap div#content div#contentOuter div#contentBar div.inner, div#wrap div#content div#contentInfo div.inner{line-height:24px;}
	div#navLeft, div#navRight{display:none;}
	div#wrap div#content div#contentOuter {width:auto;}
	div#wrap div#header div#nav {width:330px;height:auto;margin:auto;padding-top:30px;background:#111;border-radius:5px;box-shadow:0px 0px 3px #aaa;overflow:hidden;}
	div#wrap div#header div#nav div#navInner {background:none;line-height:30px;text-align:center;height:auto;padding-bottom:30px;}
	div#wrap div#header div#nav div#navInner a{display:block;width:250px;color:white;}
	div#wrap div#header {padding-top:50px;}
	div#wrap div#header a {display:block;}
	div#wrap div#header div#navMinor {padding-bottom:10px;}
	div#wrap div#header div#navMinor a {display:inline;}
	div#wrap div#header a img{width:320px;}
	div#wrap div#content div#contentOuter.sub, div#wrap div#content div#contentOuter.sub div#contentMain {width:auto; height:auto;}
	div#wrap div#content div#contentOuter.sub div#contentMain {width:100%;background:#111;}
	div#wrap div#content div.box {padding:28px 16px 20px;border:none;box-shadow:none;margin:10px 0 30px;}
	div#wrap div#content div#contentOuter div#contentMain, div#wrap div#content div#contentOuter div#contentInfo{background:#111;width:100%;height:auto;margin:20px auto 30px;}
	div#wrap div#content div#newsMain {width:100%;padding-right:0px!important;}
	div#wrap div#content div#newsList {padding:22px 0 30px;position:relative;width:100%;}
	div#wrap div#content div#news h1, div#wrap div#content div#news h2, div#wrap div#content div#news h3{text-align:center;width:100%;}
	div#wrap div#content div#newsSeperator{display:none;}
	div#wrap div#content div#news div.newsLink {width:100%;text-align:center;}
	div#wrap div#content div#news span.newsInfo{display:block;width:100%;text-align:center;margin-bottom:7px;}
	div#wrap div#content div#news span.newsInfo span{float:none;}
	div#wrap div#content div#features div.feature{width:100%;}
	div#footer {padding:35px 30px 25px;height:350px;background:url('../images/backgrounds/footer-stretch.png?2') top repeat-x #05080b;}
	div#footer div.left{margin-right:20px;}
	div#footer h1 {padding-top:130px;}
	div#footer div#footerInner {padding:0;}
	div#footer div.inner{margin-left:0px;}
	div#wrap div#content div#contentOuter.sub div#contentBar {margin:30px;width:auto;;background:black;height:auto;box-shadow:0px 0px 3px gray;}		
	div#wrap div#header div#nav div#navInner {width:100%;min-width:auto;}
	div#wrap div#header div#nav div#navInner span {display:none;}
	div#wrap div#header div#nav div#navInner a{margin:auto;line-height:43px;}
	div#wrap div#content div.box {margin-top:0px;}
	div#wrap div#content div#news span.newsCategory{position:relative;top:-2px;}
}