﻿body {
	margin: 0;
	background-color: #1a191a;
}
BODY, TD, P, UL, LI, TH {
	font-family: Arial, Verdana, Helvetica;
	font-size: 13px;
	color: #000000;
	line-height: 1.5;
}
INPUT, TEXTAREA, SELECT {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #000000;
}
.footer, .footer A {
	color: #484A55;
	font-size: 10px;
	text-decoration: none;
	padding-left: 10px;
}
.IMGMIddle {
	vertical-align:middle;
}
.sectiontop, .sectiontop A {
	color: #7A7A79;
	font-size: 10px;
}
H1, H2, h3, h4, h5, h6 {
	font: 400 16px Arial, Helvetica;
	color: #ed1d24;
	margin: 10px 0;
	text-transform: uppercase;
}
h1 {
	font-size: 22px;
	margin: 20px 0;
}
.admin-modules h3 {
	color: #fff;
	margin: 0 0 5px 0;
}
H4 {
	font-size: 12px;
}
H6 {
	font-size: 10px;
	color: #323335;
	font-weight: 600;
	font-family: Verdana, Arial, Helvetica;
}
HR {
	background-color: #ccc;
	color: #ccc;
	height: 0;
	border: none;
}
.ecm-errors {
	margin: 10px 0;
	border-radius: 8px;
	background-color: #fff;
	padding: 15px; 
}
.ecm-errors p, .ecm-errors li, .ecm-errors div {
	color: #ff0000!important;
}
a {
	color: #ed1d24;
	text-decoration: none;
}
a:hover {
	color: #e0001b;
	text-decoration: underline;
}
th a:hover {
	color: #fff;
	text-decoration: underline;
}
.modulerow a {
	color: #fff;
}
.data-list th, .data-list td {
	padding: 5px 10px;
}
.popup-screen {
	border-top: 4px solid #ed1d24;
}
/* LAYOUT */
.site-width {
	padding: 0 6%;
	max-width: 1280px;
	margin: 0 auto;
}
.admin-screen {
	overflow: hidden;
	padding: 20px 40px;
	background-color: #f2f3f2;
}
.admin-left-screen, .admin-video-left-screen {
	width: 35%;
	float: left;
	margin-right: 5%;
}
.admin-video-left-screen {
	width: 55%;
}
.admin-left-screen.half, .admin-right-screen.half {
	width: 48%;
	margin-right: 2%;
}
.admin-right-screen, .admin-video-right-screen {
	width: 60%;
	float: right;
}
.admin-video-right-screen {
	width: 40%;
}
.admin-right-screen {
	width: 60%;
	float: right;
}
.admin-content {
	max-width: 700px;
}
.admin-user {
	background-color: #f6f6f6;
	padding: 8px 40px;
	border-bottom: 1px solid #f6f6f6;
	color: #444548;
	overflow: hidden;
}
.user {
	float: right;
}
.links {
	float: left;
}
.admin-user a {
	color: #e30015;
}
.admin-head {
	overflow: hidden;
	background-color: #3e3e3e;
	color: #fff;
	padding: 10px 40px;
}
.admin-head a {
	color: #fff;
}
.admin-modules, .admin-managerscoaches, .admin-salesmanage {
	float: left;
}
.admin-managerscoaches {
	margin-left: 40px;
	border-radius: 8px;
	float: right;
}
/*
.coaches {
	background-color: #cecece;
	color: #444548;
	border-radius: 8px;
}
.coaches a {
	color: #444548;
}*/
.admin-salesmanage, .admin-modules {
	padding: 15px 15px;
}
.admin-modules {
	padding-left: 0;
	padding-top: 10px;
}
.person {
	float: left;
	width: 365px;
	position: relative;
	overflow: hidden;
	padding: 5px 15px;
}
.person-image, .skype, .person-text {
	float: left;
	display: inline-block;
}
.person-image {
	float: left;
	margin-right: 10px;
}
.person-image img {
	border-radius: 8px;
	max-width: 80px;
	max-height: 80px;
	height: auto;
	width: auto;
	vertical-align: middle;
}
.skype .skype-call, .skype .skype-call p {
	padding: 0;
	margin: 0;
	line-height: 0;
	height: 0;
	margin-top: -15px;
}
.skype .skype-call img {
	margin: 45% 10px!important;
}
.aligncenter {
	text-align: center;
}
.alignright {
	text-align: right;
}
/* Top Gun Banner */
.topgun-banner {
	background-color: #fff;
	overflow: hidden;
	width: 100%;
}
.topgun-banner .site-width {
	padding: 0 8%;
}
.logo {
	padding: 20px 0;
	float: left;
	width: 40%;
}
.slogan {
	text-align: right;
	vertical-align: middle;
	float: right;
	width: 60%;
	padding-top: 15px;
}
.img-delete {
	text-align: right;
	font-size: .9em;
}
/* FOOTER */
.admin-footer ul {
	padding: 0;
	margin: 0;
	display: inline-block;
}
.admin-footer ul li {
	margin: 0;
	padding: 0 15px;
	display: inline-block;
}
.site-footer {
	overflow: hidden;
	background-color: #1a191a;
	padding: 20px;
}
.site-footer a, .site-footer {
	color: #fff;
}
.admin-copyright {
	clear: both;
	text-align: center;
	padding: 30px 0 15px;
	font-size: 12px;
	text-transform: uppercase;
}
.admin-footer {
	float: right;
	text-align: right;
	width: 50%;
	font-size: 16px;
}
.admin-contact {
	font-size: 16px;
	float: left;
	width: 50%;
}
.admin-contact .icon-mobile:before, .admin-contact .icon-email:before, .admin-footer .icon-up:before {
	color: #e0001b;
}
/* START: EXPANDING LISTS */
table tr:hover td {
	background-color: #f5f6f6;
}
table.nohover tr:hover td {
	background-color: transparent;
}
.tge-expanding-list {
	background-color: #fff;
}
.tge-expanding-list tbody {
	border-radius: 5px;
}
.tge-expanding-list th, .tge-expanding-list .modulerow {
	padding: 6px;
}
.table-dark-heading, .table-red-heading {
	border-radius: 5px 5px 0 0;
	background-color: #444548;
}
.table-dark-heading a, .table-red-heading a, .table-dark-heading, .table-red-heading {
	color: #fff;
}
.table-red-heading {
	background-color: #e0001b;
}
.table-heading {
	font-weight: 600;
	text-transform: uppercase;
}
.modulerow, .modulerow:hover td {
	background-color: #444548;
	color: #FFF;
	font-weight: 600;
}
/* END: EXPANDING LISTS */
.textleftmenu DIV {
	background: url(/images/menuleft_arrow.gif) no-repeat 0px 3px; 
	padding: 0px 5px 0px 12px;
}
TH, TH A {
	color: #FFFFFF;
	background-color: #444548;
	text-align: left;
	text-decoration: none;
}
th:first-child {
	border-radius: 5px 0 0 0;
}
th:last-child {
	border-radius: 0 5px 0 0;
}
UL LI {
	line-height: 20px;
	padding: 0px 0px 2px 0px;
}
.textmessage {
	border: 1px solid #ed1d24;
	border-radius: 5px;
	background-color: #fff;
	font-size: 14px;
	padding: 10px;
	margin: 10px;
}
.textmessage a, .textmessage  {
	color: #ed1d24;
}
.textmessage a {
	text-decoration: underline;
}
.data-list tr {
}
.data-list tr td {
	margin: 5px 0;
	background-color: #fff;
	border-top: 4px solid #f2f3f2;
	border-bottom: 4px solid #f2f3f2;
}
.data-list tr td:first-child {
	border-radius: 8px 0 0 8px;
}
.data-list tr td:last-child {
	border-radius: 0 8px 8px 0;
}
.QuestionBox {
	border: 2px solid #999999;
	background-color: #DEDEDE;
}	
.UserInput {
	color: #002095;
	background-color: #F3F3F3;
}
.UserInput LI {
	color: #002095;
	background: url(/images/menuleft_arrow.gif) no-repeat 0px 3px; 
}
.AnswerInput {
	color: #097E62;
	background-color: #EEEEEE;
}
.AnswerInput LI {
	color: #097E62;
	background: url(/images/menuleft_arrow.gif) no-repeat 0px 3px; 
}
.CoachInput {
	color: #546550;
}
.textAlert, .textAlert UL LI {
	color: #FF0000;
}
.question, .answer, .questionanswer {
	color: #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica;
	padding: 10px 10px 14px 10px;
}
.question {
	background: url(/images/circle_red.gif) no-repeat center top;
}
.answer {
	background: url(/images/circle_blue.gif) no-repeat center top;
}
.questionanswer {
	background: #DFDFDF url(/images/circle_questionanswer.gif) no-repeat 4px 2px;
}
/*---------------------------------------------------------
	START: EDITOR TABS
----------------------------------------------------------*/
.ecm-tab-borders {
	padding: 5px 10px 0 10px; 
	border-right: 2px solid #e9e9e9; 
	border-left: 2px solid #e9e9e9;	
	position: relative;
}
.ecm-tab-layout {
	/*overflow: hidden;*/
    display: table;
    margin-top: 10px;
    width: 100%;
}
.ecm-tab {
	display: table-cell;
	padding: 10px 15px;
	color: #43464f;
    font-size: 14px;
    white-space: nowrap;
}
.ecm-tab-exit {
	position: absolute;
	top: 5px; right: 10px;
}
.ecm-tab-layout .ecm-tab-mobile {
	display: none;
}
.ecm-tab-on {
	border-top: 2px solid #CBCBCB;
	border-left: 2px solid #CBCBCB;
	border-right: 2px solid #CBCBCB;
	background-color: #fff;
}
.ecm-tab-inactive, .ecm-tab-off {
	border-top: 2px solid #DEDEDE;
	border-left: 2px solid #DEDEDE;
	border-right: 2px solid #DEDEDE;
	border-bottom: 2px solid #e0dbe1;
	border-radius: 10px 10px 0 0;
	background-color: #DEDEDE;
	color: #646464;
}
.ecm-tab-inactive {
	color: #CCCCCC!important;
	background-color: #e9e9e9;
}
.ecm-tab-off a {
	color: #646464;
}
.ecm-tab-off:hover {
	background-color: #e9e9e9;
}
.ecm-tab-off a:hover {
	color: #43464f;
	text-decoration: none;
}
.ecm-tab-filler {
	border-bottom: 2px solid #e9e9e9;
	width: 100%;
	display: table-cell;
}
.ecm-table-border {
	border-left: 2px solid #e9e9e9; 
	border-right: 2px solid #e9e9e9; 
	border-bottom: 2px solid #e9e9e9; 
	padding: 20px;
	background-color: #fff;
}
.ecm-tab-gap {
	border-bottom: 2px solid #e9e9e9; 
	width: 2px;
	padding: 1px!important;
	display: table-cell;
}
/*---------------------------------------------------------
	END: EDITOR TABS
----------------------------------------------------------*/
.tgeAdminQuestion {
	border-bottom: 1px solid #444548;
}
/*---------------------------------------------------------
	Start: Tables
----------------------------------------------------------*/
.chapter-image {
	float: left;
	width: 15%;
}
.chapter-text {
	width: 85%;
	float: right;
}
.chapter-image img {
	max-width: 150px;
	height: auto;
	max-height: 150px;
	width: auto;
	border-radius: 8px;
}
.table-buttons input {
	vertical-align: middle;
}
.seperator {
	 color: #444548; 
	 font-size: 30px;
	 font-weight: 400;
	 vertical-align: middle;
}
.print {
	float: right;
	clear: both;
}
.admin-table-bubble {
	border-radius: 5px;
	padding: 0 0 20px 0;
	margin-bottom: 15px;
}
.pad-sides {
	padding: 0 40px;
}
.bubble {
	background-color: #fff;
	border-radius: 5px;
	padding: 20px 40px;
	clear: both;
}
.admin-table-border {
	border: 1px solid #444548;
}
.admin-table-border .table-row {
	margin: 0;
}
.no-radius, th.no-radius {
	border-radius: 0;
}
.no-space {
	margin: 0!important;
}
.tge-questionanswer-headings {
	background-color: #e0001b;
	color: #FFF;
	font-weight: 600;
}
.tge-questionanswer, .tge-questionanswer-headings, .tge-answer .padding {
	 padding: 10px 40px;
}
.tge-questionanswer:nth-child(odd) {
	background-color: #fff;
}
.tge-questionanswer:nth-child(even) {

}
.tge-question {
	background-color: #CCC;
	font-weight: 300;
	padding: 10px 25px;
}
.tge-answer {
	width: 50%;
}
.table-top, .table-bottom {
	overflow: hidden;
}
.pages {
	float: left;
	width: 50%;
}
.records {
	float: right;
	text-align: right;
	width: 50%;
}
.admin-table {
	overflow: hidden;
}
.table-row {
	clear: both;
	margin: 15px 0;
}
.table-row:after {
	content: '';
	display: block;
	clear: both;
	width: 100%;
}
.table-cell {
	float: left;
}
.table-fullrow {
	float: none;
}
.admin-table-bubble .table-fullrow {
	padding: 5px 40px;
}
.table-answers {
	width: 50%;
}
.table-label {
	width: 15%;
}
.table-field {
	width: 70%;
	margin-left: 5%;
	text-align: left;
}
.table-field textarea, .table-field input[type=text], .table-field select {
	width: 95%;
}
.table-field textarea.ecm-auto, .table-field input.ecm-auto, .table-field select.ecm-auto, input.ecm-auto, select.ecm-auto {
	width: auto;
}
input[type=password], input[type=text], select, textarea {
	border: 1px solid #d0d0d0;
	padding: 0 8px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width: 95%;
}
input[type=submit], .tgeButton {
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	background-color: #e0001b;
	border: 1px solid #e0001b;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 8px;
	cursor: pointer;
	text-transform: uppercase;
	vertical-align: middle;
}
.tgeButton {
	padding: 10px 15px;
}
.tgeButton:hover {
	color: #FFF;
}
textarea {
	height: auto;
	line-height: 1.6em;
}
#custom-iframe {
	width: 100%;
	height: 100%;
}
#background-overlay {
    background-color: #333;
    opacity: 0.8;
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 1;
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: none;
}
body.ecm-opendialog #background-overlay {
	display: block;
}
#dialog {
	padding: 0 35px;
}
#dialog p {
	color: #fff;
}
.ui-dialog {
	z-index: 1000;
}
/* IMAGE DRAG & DROP */
.box
{
	font-size: 1rem; /* 20 */
	background-color: #f5f6f6;
	position: relative;
	padding: 30px 20px;
	text-align: center;
	margin-top: 10px;
}
.box__images {
	overflow: hidden;
}
.box.has-advanced-upload
{
	outline: 2px dashed #e30015;
	outline-offset: -10px;

	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	transition: outline-offset .15s ease-in-out, background-color .15s linear;
}
.box.is-dragover
{
	outline-offset: -20px;
	outline-color: #e0001b;
	background-color: #fff;
}
	.box__dragndrop,
	.box__icon
	{
		display: none;
	}
	.box.has-advanced-upload .box__dragndrop
	{
		display: inline;
	}
	.box.has-advanced-upload .box__icon
	{
		width: 100%;
		height: 40px;
		fill: #e30015;
		display: block;
		margin-bottom: 20px;
	}

	.box.is-uploading .box__input,
	.box.is-success .box__input,
	.box.is-error .box__input
	{
		visibility: hidden;
	}
	
	.box__uploading,
	.box__success,
	.box__error
	{
		display: none;
	}
	.box.is-uploading .box__uploading,
	.box.is-success .box__success,
	.box.is-error .box__error
	{
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		left: 0;

		-webkit-transform: translateY( -50% );
		transform: translateY( -50% );
	}
	.box__uploading
	{
		font-style: italic;
		padding: 20px 0;
	}
	.box__success
	{
		-webkit-animation: appear-from-inside .25s ease-in-out;
		animation: appear-from-inside .25s ease-in-out;
		padding: 15px 0;
	}
		@-webkit-keyframes appear-from-inside
		{
			from	{ -webkit-transform: translateY( -50% ) scale( 0 ); }
			75%		{ -webkit-transform: translateY( -50% ) scale( 1.1 ); }
			to		{ -webkit-transform: translateY( -50% ) scale( 1 ); }
		}
		@keyframes appear-from-inside
		{
			from	{ transform: translateY( -50% ) scale( 0 ); }
			75%		{ transform: translateY( -50% ) scale( 1.1 ); }
			to		{ transform: translateY( -50% ) scale( 1 ); }
		}

	.box__restart
	{
		font-weight: 700;
	}
	.box__restart:focus,
	.box__restart:hover
	{
		color: #39bfd3;
	}

	.js .box__file
	{
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1;
	}
	.js .box__file + label
	{
		max-width: 80%;
		text-overflow: ellipsis;
		white-space: nowrap;
		cursor: pointer;
		display: inline-block;
		overflow: hidden;
	}
	.js .box__file + label:hover strong,
	.box__file:focus + label strong,
	.box__file.has-focus + label strong
	{
		color: #e0001b;
		font-weight: 700;
	}
	.js .box__file:focus + label,
	.js .box__file.has-focus + label
	{
		outline: 1px dotted #000;
		outline: -webkit-focus-ring-color auto 5px;
	}
		.js .box__file + label *
		{
			/* pointer-events: none; */ /* in case of FastClick lib use */
		}

	.no-js .box__file + label
	{
		display: none;
	}

	.no-js .box__button
	{
		display: block;
	}
	.box__button
	{
		font-weight: 700;
		color: #e5edf1;
		background-color: #39bfd3;
		display: none;
		padding: 8px 16px;
		margin: 40px auto 0;
	}
		.box__button:hover,
		.box__button:focus
		{
			background-color: #0f3c4b;
		}
