@font-face {
  font-family: 'MyFonts';
    src: 
        url('../Fonts/ERASBD.TTF')  format('truetype'),
        url('../Fonts/ERASBD.eot');
}
body, html
{
    font-family: 'Open Sans Semibold';
    font-size:17px;
    margin: 0;
    padding: 0;
    min-width:1055px;
    scrollbar-face-color: #CCC;
    scrollbar-shadow-color: #000;
    scrollbar-highlight-color:#000;
    scrollbar-3dlight-color: #000;
    scrollbar-darkshadow-color: #000;
    scrollbar-track-color: #000;
    scrollbar-arrow-color: #000;
}
body a {
	color:#4966B1;
	font-weight:700;
	text-decoration:none;
}
::-webkit-scrollbar
{
  width: 8px;  /* for vertical scrollbars */
  height: 8px; /* for horizontal scrollbars */
}::-webkit-scrollbar-track
{
  background: #12284e;

}
::-webkit-scrollbar-thumb
{
  background: #a80606;
}
h1
{
    text-align: center;
    color: #003366;
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-large;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
}
.LoginContainer {
    position:fixed;
    top: 0;
    left: 0;
    background-image:url(//tf7publicwebsite.blob.core.windows.net/images/LoginBarCustomer.png);
    background-repeat:no-repeat;
    height:70px;
    width:824px;
    padding: 0;
    margin: 0;
    z-index:200;
}
.TopContainer
{
    position:fixed;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    padding-left:160px;
    width:100%;
    height:66px;
    background-image:url(//tf7publicwebsite.blob.core.windows.net/images/TopBarBG.png);
    border-bottom:1px solid #000;
    z-index:50;
    min-width:1055px;
}
.LoginSpacer {
    width: 111px;
    height:65px;
    float:left;
}
.Logins {
    padding: 0;
    margin: 0;    
    margin-top: 2px;
    margin-left: 4.5px;
    float:left;
    border:0;
}
.Logins img{
    border:0;
}
.TLogin img:hover
{
    background-image:url(//tf7publicwebsite.blob.core.windows.net/images/LoginTangoHover.png);
}
.RTLogin img:hover
{
    background-image:url(//tf7publicwebsite.blob.core.windows.net/images/LoginRTHover.png);
}
.OLogin:hover
{
    background-image:url(//tf7publicwebsite.blob.core.windows.net/images/LoginOHover.png);
}
.RLLogin:hover
{
    background-image:url(//tf7publicwebsite.blob.core.windows.net/images/LoginRLHover.png);
}
.CTLogin img:hover
{
    background-image:url(//tf7publicwebsite.blob.core.windows.net/images/LoginCTHover.png);
}
.SearchPanel
{
    position:fixed;
    top:10px;
    right:20px;
    border: thin groove #777;
    width:205px;
    color: #FFF;
    height: 40px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #222; /* Old browsers */
    azimuth: -moz-linear-gradient(top, #777 0%, #222 100%); /* FF3.6+ */
    azimuth: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777), color-stop(100%,#222)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #777 0%,#222 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #777 0%,#222 100%); /* IE10+ */
    background: linear-gradient(to bottom, #777 0%,#222 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777', endColorstr='#222',GradientType=0 ); /* IE6-9 */
    line-height: 35px;
}
.SearchTxt {
    margin-top:6px;
    margin-left:7px;
    height:20px;
    width:200px;
    float:left;
}
.SearchBtn {
    margin-top:6px;
    margin-left:5px;
    float:left;
}
.SearchBox {
    height:20px;
    width:200px;
    margin-left:10px;
    margin-top:6px;
    float:left;
}
.NewsContainer {
    width:135px;
    height:203px;
    margin-left:5px;
    color:#000;
    margin-top:360px;
}
.News {
    color:#000;
    background-color:#FFF;
    padding:3px;
    font-size:11px;
    margin: 0;
    padding: 0;
    text-decoration:none;
    min-height:200px;
}
.NewsHeader,.NewsHeader a {
    height:20px;
    font-weight:bold;
    font-size:15px;
    color:#FFF;
    background-color:#000;
    text-align:center;
    width:100%;
}
.Footer
{
    width:100%;
    padding:0;
    margin:0;
    font-size:10px;
    color:#444;
    font-style:italic;
    text-transform:uppercase;
    text-align:center;
    position:fixed;
    bottom: 0;
    background-color: #959BAC;
}
.Footer a
{
    color:#444;
    text-decoration:none;
}
.toplink {
    position:absolute;
    top:0;
    left:0;
}
.social {  
    position:absolute;
    top:0;
    right:0;
}
.Titles
{
    color:#5D70A3;
    font-size:25px;
    font-weight:bold;
    background-color:#000;
}
.TitlesWhite
{
    color:#5D70A3;
    font-size:25px;
    font-weight:bold;
}
.TextTitles {
    font-size:25px;
    font-weight:bold;
}
.TextSubTitles {
    font-size:21px;
    font-weight:bold;
    line-height:2;
}
.MainBodyText {
    padding-left:8px;
    float:left;
}
.Indent {
    padding-left:8px;
}
.IndentNote {
    padding-left:8px;
    padding-top:10px;
    font-size:10pt;
}
.Note {
    width:35px;
    vertical-align: top;
    float:left;
    padding-right:15px;
}
.Notes {
    padding-left:20px;
}
.LargeIndent {
    padding-left:20px;
}
.MainBodyContainer {
    margin-top:65px;
    padding-left: 0;
    padding-right: 0;
    min-width:800px;
    padding-left:100px;
    background-image:url(//tf7publicwebsite.blob.core.windows.net/images/247bg.png);
}
.MainBodyContent{
    padding-left:20px;
    padding-right:20px;
}
.LeftFill {
    background-color: #222;
    background-image: url(//tf7publicwebsite.blob.core.windows.net/images/ContainerBlur.png);
    border-right-color: #5E0000;
    border-right-width: 2px;
    border-right-style: solid;
    top:0;
    left:0;
    width:100px;
    position:fixed;
    height:100%;
    background-image: url(//tf7publicwebsite.blob.core.windows.net/images/ContainerBlur.png);
}
.MissionStatement
{
    text-align: center;
    font-size: 1.6em;
    font-family: 'MyFonts';
    border-top-style: double;
    border-bottom-style: solid;
    border-top-width: thin;
    border-bottom-width: thin;
    border-top-color: #FF0000;
    border-bottom-color: #FF0000;
}
.MPTable
{
    width: 100%;
    text-align: center;
    background-color: #111;
    height: 45px;
    padding-top: 2px;
    margin-top: 82px;
    padding-bottom: 2px;
    margin-bottom: 5px;
}

.MPTable2
{
    width: 100%;
    text-align: center;
}
.MPTable2 td {
    width:18%;
}
.MPTableImage {
    width:70%;
}
.Aleft
{
    width: 100%;
    text-align: left;
    font-size:14px;
}
.MPTable img
{
    border:0;
}
.MPTableText
{
    background-color: #1b435b;
    text-align: center;
    color: #FFF;    
    font-family: 'MyFonts';
    font-size: 22px;
    font-variant: small-caps;
    font-style: italic;
}
.TableText
{   
    color:#000;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
}
.MPTableText td:hover, .td1:hover
{
    background-color: #0D202B;
}
.MPTableText a
{
    color: #FFF;
    font-size:19px;
}
.TitleText
{
    color:#1b435b;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
}
.BoldItalic
{
    font-weight: bold;
    font-style: italic;
}
.textcontainer {
    padding-left:20px;
    padding-right:20px;
}

.imagecenter {
	text-align:center;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	vertical-align:top;
}

.titlebar
{
    height: 40px;
    background-image: url(//tf7publicwebsite.blob.core.windows.net/images/titlebar.png);
    background-repeat: no-repeat;
    font-family: 'Eras Demi ITC';
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    text-indent: 10px;
    text-transform: uppercase;
    color: #000;
}
.mainheader
{
    font-size: 35px;
    color: #065179;
    font-weight: bold;
    font-variant: small-caps;
    text-align: center;
    font-family: 'MyFonts';
    border-bottom:1px dashed #888;
    padding-bottom:25px;
}
.mainheader .smalltext
{
    font-size: 17px;
    color: #000;
    font-weight: normal;
    font-variant:normal;
    text-align: center;
    font-family: 'Open Sans Semibold';
    padding-top:10px;
}
.pseudo {
    display: block;
    content: "";
    height: 75px;
    margin: -75px 0 0;
}
.smalllink {
    font-size: 10px;
}
.AppTable
{
    border-spacing: 25px;
}
.LinksUL
{
    list-style-type: upper-roman;
    color: #03273A;
}
.LinksUL ul, .LinksUL li
{
    list-style-type: disc;
    margin-top: 5px;
    margin-bottom: 5px;
}
.LinksUL a
{
    color: #0971A8;
}
.subbutton {
height:30px;
}
.subtext {
 vertical-align:top;
 height:25px;
}
.searchdiv {
    height:35px;
}
.TrainingTable {
    width:100%;
}
.TrainingTable td{
    vertical-align:top;
}
.TF7Admin {
    height:28px;
    position:absolute;
    bottom:0;
    right:105px;
}
.tangoLoginContainer {
    padding:30px;
    padding-top:30px;
    background-image:url(//tf7publicwebsite.blob.core.windows.net/images/247LogoBG.png);
    background-color:#EEE;
    height:100vh;
    min-width:1200px;
}
.tangoLoginFrame {
    float:left;
    margin:10px;
    margin-top:20px;
    margin-left:20px;
    max-width:280px;
    min-width:280px;
}
.customerLoginContainer {
    float:left;
    width:300px;
    text-align:center;
    align-content:center;
    box-shadow:10px 10px 25px rgba(0,0,0, .1);
    color:#FFF;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
}
.tangoServerContainer {
    float:left;
    max-width:280px;
    min-width:280px;
    padding:10px;
    margin-top:15px;
    background-color:#333;  
    color:#FFF;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    box-shadow:6px 6px 10px rgba(0,0,0, .2);
    azimuth: -moz-linear-gradient(top, #555 0%, #222 100%); /* FF3.6+ */
    azimuth: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#222)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #555 0%,#222 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #555 0%,#222 100%); /* IE10+ */
    background: linear-gradient(to bottom, #555 0%,#222 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555', endColorstr='#222',GradientType=0 ); /* IE6-9 */
    border:solid 2px #333;
}
.serverMessage
{
    padding:10px;
    background-color:white; 
    color:#000; 
    font-size:16px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
}
.tangoFacebookFrame {
    float: left;
    margin: 10px;
    margin-top: 20px;
    margin-left: 55px;
    padding: 25px;
    padding-top: 15px;
    width: 500px;
    height: 550px;
    min-width: 500px;
    min-height: 525px;
    background-color: #333;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    box-shadow: 6px 6px 10px rgba(0,0,0, .2);
    azimuth: -moz-linear-gradient(top, #555 0%, #222 100%); /* FF3.6+ */
    azimuth: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#222)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #555 0%,#222 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #555 0%,#222 100%); /* IE10+ */
    background: linear-gradient(to bottom, #555 0%,#222 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555', endColorstr='#222',GradientType=0 ); /* IE6-9 */
    border: solid 2px #333;
}
.tangoVideoFrame {
    float: left;
    margin: 10px;
    margin-top: 20px;
    margin-left: 55px;
    padding: 25px;
    padding-top: 15px;
    width: 500px;
    height: 550px;
    min-width: 500px;
    min-height: 525px;
    background-color: #333;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    box-shadow: 6px 6px 10px rgba(0,0,0, .2);
    border: solid 2px #333;
}
.tangoLoginFrames {
    float:left;
    padding:15px;
    margin:10px;
    margin-top:20px;
    width:500px;
    background-color:#fff; 
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    box-shadow:6px 6px 10px rgba(0,0,0, .2);
    border:solid 2px #BBB;
}
.tangoLoginTable {
    min-width:300px; 
    background-color:#333; 
    color:#FFF;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    azimuth: -moz-linear-gradient(top, #555 0%, #222 100%); /* FF3.6+ */
    azimuth: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#222)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #555 0%,#222 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #555 0%,#222 100%); /* IE10+ */
    background: linear-gradient(to bottom, #555 0%,#222 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555', endColorstr='#222',GradientType=0 ); /* IE6-9 */
    border:solid 2px #333;
}
.tangoLoginTextFields {
    width:170px; 
    height:40px;
    font-size:20px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.tangoLoginButton {
    width:80px; 
    height:50px; 
    padding-top:21px;
}

.loginleft {
    float:left;
    width:74%;
}
.loginright {
    float:right;
    width:25%;
    height:100vh;
    border-left:solid 2px #000;
    padding:0;
    padding-top:0;
    margin:0;
    font-size:20px;
}
.loginrightbody {
    padding-top:0;
    font-size:.8em;
}
.loginrightbody h2 {
    color:#861414;
}
.lrbtext {
    padding-left:10px;
    padding-right:10px;
}
.talkslinks {
    font-size:14px;
    color:#1b435b;
}
.bannercenter {
	width:100%;
	margin:0;
	padding:0;
	vertical-align:top;
}
.LoginGridPanel {
    padding-left:50px;
}
.LoginGridPanel h2 {
    color:#003366;
    font-family: 'Open Sans Semibold';
}
.signup {
    width:800px;
    border:1px double #000;
    margin:25px;
    background-image:url(//tf7publicwebsite.blob.core.windows.net/images/TrainingBG.png);
    background-repeat:no-repeat;
}
.signup div.header {
    font-family: 'MyFonts';
    font-size:25px;
    text-align:center;
    background-color:#024159;
    color:#FFF;
    height:45px;
    line-height:45px;
}
.ContactLeft{
    float:left;
    width:40%;

}
.ContactRight{
    float:right;
    width:50%;
    border-left:1px #000 solid;
    padding-left:20px;
}
.QRContactRight
{
    float:right;
    width:25%;
    height:130px;
    border-left:1px #000 solid;
    padding-left:20px;
    font-size:14px;
    text-align:left;
    line-height:2;
}
#FunctionTable {
    width:100%;
    border-collapse: collapse; 
}
#FunctionTable .FTTR1 td {
    text-align:center;
    color:#EEE;
    background-color:#1b435b;
    max-height:15px; 
    font-size:34px;
    font-family:'MyFonts';
}
#FunctionTable td.FTTR2  {
    width:25%;
    text-align:center;
    vertical-align:top;
    padding-top:20px;
}
#FunctionTable td.FTTR3  {
    text-align:left;
    vertical-align:top;
    padding-top:20px;
}
#FunctionTable tr.TRBorder {
    border-bottom:1px #000 solid;
}

.SubTitles {
    font-size:23px; 
    color:#5D70A3;
}
.FeatureText {
    color:#C55F5F;
}
.FeatureSubText {
    color:#6b77d0;
}
.QuickLinks {
    background-color:#ddd;
    position:fixed;
    top:70px;
    left:100px;
    padding-top:20px;
    padding-left:10px;
    height:100vh;
    width:250px;
    font-size:12px;
    border-right:solid 1px #000;
    overflow:auto;
}
.QLSpacer {
    padding-left:250px;
}