BODY {
  margin:0;
  background-color:black;
}
DIV#body {
  background-color:#D2E3E0;
  position:relative;
}
IMG {
  border:0;
}
P, LI {
  font-family:Arial;
  font-size:11pt;
  line-height:15pt;
  margin:0 0 0.8em 0;  
}
LI {
  padding:0;
  margin:0;
}
P.i2 {
  font-size:10pt;
  line-height:13pt;
}
LI P {
  font-size:10pt;
  line-height:13pt;
}
LI B {
  font-family:'Lucida Grande','Trebuchet MS';
  color:#008C7B;
}
LI P B {
  font-family:Arial;
  color:black;
}
H1 {
  font-family:'Lucida Grande','Trebuchet MS';
  font-size:20pt;
  font-weight:bold;
  letter-spacing:-1px;
  color:#008C7B;
  margin:1em 0 0.3em 0;
}
H2 {
  font-family:'Lucida Grande','Trebuchet MS';
  font-size:16pt;
  font-weight:bold;
  letter-spacing:-1px;
  color:#008C7B;
  margin:0.5em 0 0.3em 0;
}
H3 {
  font-family:'Lucida Grande','Trebuchet MS';
  font-size:13pt;
  font-weight:bold;
  letter-spacing:-1px;
  color:#008C7B;
  margin:0.5em 0 0.3em 0;
}
DIV.content {
  width:800px;
  margin:0 auto;
  padding:0 10px;
}
DIV.center {
  text-align:center;
  background-color:white;
  border:1px solid white;
}
DIV.wm {
  margin:0 auto;
  padding:0 10px 2em 100px;
  width:700px;
  background:url(../img/watermark.png) no-repeat;
}
div#alertpop{
    position:fixed;
    background:#F7AE5F;
    width:100%;
    height:25px;
    top:0px;
    z-index:3;
}
/*Header*/
td#TDLogin {
    position:relative;
}
div.loginpop:target{
    opacity:1;
    pointer-events:auto;
    transition:ease-in-out 400ms;
    -ms-transform: translate(0px,245px); /* IE 9 */
   	-webkit-transform: translate(0px,245px); /* Safari */
    transform: translate(0px,245px);

}
div.loginpop {
    width:250px;
    height:175px;
    background-color:#FFFFFF;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    position:absolute;
	z-index: 9999;
	opacity:0;
    transition:ease-in-out 400ms;
	pointer-events: none;
    color:#000000;
    right:inherit;
    top:-217px;
    left:-130px;
    right:60px;
}
div.forgotpop:target{
    opacity:1;
    pointer-events:auto;
    transition:ease-in-out 0ms;
    -ms-transform: translate(0px,245px); /* IE 9 */
   	-webkit-transform: translate(0px,245px); /* Safari */
    transform: translate(0px,245px);

}
div.forgotpop {
    width:210px;
    height:130px;
    background-color:#FFFFFF;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    position:absolute;
	z-index: 9998;
	opacity:0;
    transition:ease-in-out 400ms;
	pointer-events: none;
    color:#000000;
    right:inherit;
    top:-217px;
    left:-130px;
    right:60px;
}
table#logTable {
    margin:0px 10px;
    width:10%;
}
img.logTop {
    position:absolute;
    top:-10px;
    left:160px;
}

button.iLogin {
  height:30px;
  display:block;
  width:180px;
  text-align:center;
  border:1px solid #BCC88E;
  background:#F7AE5F;
  padding:5px 10px;
  font-family:'Lucida Grande','Trebuchet MS';
  font-weight:bold;
  color:black;
  text-decoration:none;
  transition:ease-in-out 0.4s;
}
button.iLogin:hover {
  color:#f42941;
  border:1px solid #f42941; 
  transition:ease-in-out 0.4s;
}
a.iForgot {
  margin-top:5px;
  height:12px;
  display:block;
  width:158px;
  text-align:center;
  border:1px solid #BCC88E;
  background:#DCE3C3;
  padding:5px 10px;
  font-family:'Lucida Grande','Trebuchet MS';
  font-weight:bold;
  font-size:12px!important;
  color:#000000!important;
  text-decoration:none;
  transition:ease-in-out 0.4s;
}
a.iForgot:hover {
  color:#f42941;
  border:1px solid #f42941; 
  transition:ease-in-out 0.4s;
}
div#login input {
    width:220px;
}
DIV#head {
  position:fixed;
  background-color:#000000;
  color:white;
  width:100%;
  padding:10px 0 10px 0;
  z-index:3;
  top:0px;
}
DIV#nav TABLE {
  width:100%;
}
DIV#nav A.login {
  color:#8BFFF0;
  transition:ease-in-out 0.2s;
}
DIV#nav A.login:hover {
  color:#FFFFFF;
  transition:ease-in-out 0.2s;
}
DIV#nav #sign-in {
  color:inherit;
}
DIV#nav A {
  color:white;
  font-family:'Lucida Grande','Trebuchet MS';
  font-size:11pt;
  text-decoration:none;
  margin-right:15px;
}
DIV#nav A:hover {
  transition:ease-in-out 0.2s;
  color:#8BFFF0;
  text-decoration:none;
}
DIV#nav label {
}

/*Belt*/
DIV#belt {
	width: 100%;
	position: fixed;
	background: #D2E3E0;
	padding:0px;
	z-index: 1;
}
TD#belt-left {
  vertical-align:top;
  width:330px;
  padding:10px 0 0 0;
}
TD#belt-right {
  width:500px;
  text-align:right;
  vertical-align:bottom;
  padding:0 0 0 10px;
}
DIV#logo {
  height:100px;
  background:url(../img/tn-logo.png) no-repeat;
  padding-left:41px;
}
DIV#logo SPAN {
  display:inline-block;
  margin-top:42px;
  width:250px;
  height:50px;
  background:url(../img/clicktate2.png) no-repeat;
}
DIV#tag {
  font-family:'Lucida Grande','Trebuchet MS';
  font-weight:bold;
  font-size:21pt;
  line-height:22pt;
  color:black;
  padding:0 0 10px 0;
}
DIV#tag2 {
  padding:7px 30px 8px 0;
}
DIV#tag2 P {
  margin:0;
}
A.tour {
  display:inline-block;
  width:200px;
  text-align:center;
  border:1px solid #BCC88E;
  background:url(../img/tour-background.png) repeat-x;
  padding:5px 10px;
  font-family:'Lucida Grande','Trebuchet MS';
  font-weight:bold;
  font-size:14pt;
  color:black;
  text-decoration:none;
}
A.tour:hover {
  color:#f42941;
  border:1px solid #f42941; 
  
}
A.itour {
  height:25px;
  display:block;
  width:120px;
  text-align:center;
  border:1px solid #BCC88E;
  background:#DCE3C3;
  padding:5px 10px;
  font-family:'Lucida Grande','Trebuchet MS';
  font-weight:bold;
  font-size:14pt;
  color:black;
  text-decoration:none;
  transition:ease-in-out 0.4s;
}
A.itour:hover {
  color:#008C7B;
  border:1px solid #008C7B; 
  transition:ease-in-out 0.4s;
}

A.trial {
  display:block;
  width:120px;
  text-align:center;
  border:1px solid #BCC88E;
  background:#F7AE5F;
  padding:5px 10px;
  font-family:'Lucida Grande','Trebuchet MS';
  font-weight:bold;
  font-size:14pt;
  color:black;
  text-decoration:none;
  height:25px;
  transition:ease-in-out 0.5s;
}
A.trial:hover {
  color:#f42941;
  border:1px solid red;
  transition:ease-in-out 0.5s;
}
A.video {
  width:auto;
  font-size:12pt; 
  font-family:Arial;
  height:25px;
  line-height:25px;
  padding:5px 10px;
}
button.itour {
  height:37px;
  display:block;
  width:120px;
  text-align:center;
  border:1px solid #BCC88E;
  background:#DCE3C3;
  padding:5px 10px;
  font-family:'Lucida Grande','Trebuchet MS';
  font-weight:bold;
  font-size:14pt;
  color:black;
  text-decoration:none;
  transition:ease-in-out 0.4s;
}
button.itour:hover {
  color:#f42941;
  border:1px solid #f42941; 
  transition:ease-in-out 0.4s;
}
DIV#flash {
  width:450px;
  height:288px;
  padding:5px;
  border:1px solid white;
  background:url(../img/big-logo.png) white center center no-repeat;
  background:url(../img/screen-shot.png) white center center no-repeat;
}
IMG#flash {
  padding:5px;
  border:1px solid white;
}
/*LEG*/
DIV#leg {
	padding: 0 0 10px 0;
	background-color: white;
	z-index: 2;
	position:relative;
}
TABLE#tablebox {
	width:130px;
	height:130px;
}
DIV#boxbtns {
	height:175px;
}
DIV#boxbtn {
	border-style:solid;
	border-width:0px;
	border-color:#FFFFFF;
	width:150px; 
	height:150px; 
	background-color:#D2E3E0; 
	border-radius:15px;
	transition:ease-in-out 0.25s;
	display:table-cell;
	vertical-align:middle;
}
DIV#boxbtn:hover {
	width:130px;
	height:130px;
	border-width:10px;
	border-style:solid;
	border-color:#D2E3E0;
	border-radius:0px;
	background-color:#FFFFFF;
	transition:ease-in-out 0.25s;
}
DIV#boxlink {
	width:130px;
	height:130px;
	display:table-cell;
	vertical-align:bottom;
}
DIV#boxlink p {
	font-size:20px;
	transition:ease-in-out 0.25s;
	margin:0px;
}
div#boxlink > table {
    width:75%!important;
    position:absolute; 
    top:7px; 
    left:25px;
}
TD#facesheet {
	background:url(../img/fcsh2small.png) no-repeat center;
	transition:ease-in-out 0.25s;
}
DIV#boxbtn:hover TD#facesheet {
	background:url(../img/fcsh1small.png) no-repeat center;
	transition:ease-in-out 0.25s;
}
TD#docconsole {
	background:url(../img/docconsole1small.png) no-repeat center;
	transition:ease-in-out 0.25s;
}
DIV#boxbtn:hover TD#docconsole {
	background:url(../img/docconsole2small.png) no-repeat center;
	transition:ease-in-out 0.25s;
}
td#sched {
    background:url(../img/sched1small.png) no-repeat center;
    transition:ease-in-out 0.25s;
}
div#boxbtn:hover td#sched {
    background:url(../img/sched2small.png) no-repeat center;
    transition:ease-in-out 0.25s;
}
DIV.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 6 ;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
DIV.modalDialog:target {
	opacity:1;
	pointer-events: auto;
	z-index:5;
}
DIV.modalDialog > div {
	width: auto;
	max-width:780px;
	position: relative;
	margin-top: 5%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10%;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #FFFFFF;
}

A.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	transition:ease-in-out 0.25s;
}

A.close:hover { 
	background: #008C7B; 
	transition:ease-in-out 0.25s;
}
A.question {
	background: #606061;
	color: #FFFFFF;
	position:absolute;
	left: 160px;
	text-align: center;
	top: -5px;
	width: 20px;
    height:20px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	transition:ease-in-out 0.25s;
}
A.question:hover {
	color: #D2E3E0;
	transition:ease-in-out 0.25s;
}
A.question:hover > div {
	z-index:99;
	background-color:rgba(96,96,97,1);
	color:rgba(255,255,255,1.00);
	transition:ease-in-out 0.25s;
}
A.question > div {
	border-radius:5px;
	pointer-events:none;
	top:0px;
	left:0px;
	position:absolute;
	z-index:0;
	background-color:transparent;
	transition:ease-in-out 0.25s;
	width:300px;
	height:auto;
	color:rgba(0,0,0,0.00);
}
a.question > label {
    height:20px;
    width:20px;
    display:table-cell;
    vertical-align:middle;
    padding:0px;
}
A.question {
	background: #606061;
	color: #FFFFFF;
	position:absolute;
	left: 160px;
	text-align: center;
	top: -5px;
	width: 20px;
    height:20px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	transition:ease-in-out 0.25s;
}
A.question:hover {
	color: #D2E3E0;
	transition:ease-in-out 0.25s;
}
A.question:hover > div {
	z-index:99;
	background-color:rgba(96,96,97,1);
	color:rgba(255,255,255,1.00);
	transition:ease-in-out 0.25s;
}
A.question > div {
	border-radius:5px;
	pointer-events:none;
	top:0px;
	left:0px;
	position:absolute;
	z-index:0;
	background-color:transparent;
	transition:ease-in-out 0.25s;
	width:300px;
	height:auto;
	color:rgba(0,0,0,0.00);
}
a.question > label {
    height:20px;
    width:20px;
    display:table-cell;
    vertical-align:middle;
    padding:0px;
}
DIV#leg TABLE {
  width:100%;
}
TD#col1 {
  width:50%;
  padding-right:15px;
  vertical-align:top;
  border-right:1px solid #D2E3E0;
}
TD#col2 {
  width:50%;
  padding-left:15px;
  vertical-align:top;
}
.drop {
  margin-top:1em;
}
.mt {
  margin-top:5px;
}
DIV#foot {
  background-color:black;
  padding:10px 0 20px 0;
  text-align:center;
  font-family:'Lucida Grande','Trebuchet MS';
  font-weight:bold;
  font-size:8pt;
  color:#a0a0a0;
  position:relative;
  z-index:2;
}
DIV.foot-text {
  padding-bottom:1em;
}
DIV#foot A {
  color:white;
  text-decoration:none;
}
DIV#foot A:hover {
  color:#f42941;
  text-decoration:underline;
}
DIV#verisign {
  padding:15px 0;
  text-align:center;
}
DIV.ss {
  padding:30px 0 35px 0;
  border-bottom:1px solid #c0c0c0;
}
DIV.ss IMG {
  margin:0.5em 0;
}
DIV.sp {
  padding:10px 120px; 
  text-align:left;
  font-size:11pt;
}
A.h {
  font-family:Arial,'Lucida Grande','Trebuchet MS';
  font-size:12pt;
  font-weight:bold;
  color:blue;
}
DIV#pplans {
  padding:0;
  margin-top:1em;
}
DIV#pplans TABLE {
  width:80%;
}
DIV#pplans TABLE TH {
  font-family:'Lucida Grande','Trebuchet MS';
  font-size:15pt;
  color:#008C7B;
  font-weight:bold;
  border-bottom:3px solid #BAD0CD;
}
DIV#pplans TABLE TH.b {
  width:130px;
}
DIV#pplans TABLE TD {
  padding:3px 5px 0 5px;
  border-bottom:1px solid #BAD0CD;
  font-family:Arial;
  font-size:10pt;
  font-weight:bold;
}
DIV#pplans TABLE TH DIV {
  font-family:'Lucida Grande','Trebuchet MS';
  font-size:12pt;
  color:#008C7B;
  color:black;
  font-weight:bold;
}
DIV#pplans TABLE TD.d {
  text-align:left;
  font-family:Arial;
  font-size:11pt;
  font-weight:bold;
  padding-left:20px;
}
DIV#pplans TABLE TR.n TD {
  padding-bottom:5px;
  border-bottom:3px solid #BAD0CD;
}
DIV#trial {
  padding:15px 0 30px 0;
  font-family:Arial;
  font-size:10pt;
}
DIV#trial-pop {
  position:absolute;
  z-index:255;
  top:100px;
  left:100px;
  border:2px solid #c0c0c0;
  display:none;
}
DIV#trial-pop-c {
  border:15px solid #008E7F;
  background-color:#F8F8F8;
  padding:20px;
}
DIV#trial-pop-h {
  text-align:center;
  font-family:'Lucida Grande','Trebuchet MS';
  font-size:16pt;
  color:#008C7B;
  font-weight:bold;
}
DIV#curtain {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:254;
  background-color:#999999;
  opacity:0.75;
  filter:alpha(opacity=75);
  display:none;
}
LABEL {
  font-family:Arial;
  font-size:12pt;
  line-height:12pt;
  font-weight:bold;
  display:block;
  padding-bottom:2px;
  margin-top:10px;
}
SPAN.ok {
  border-top:4px solid #F8F8F8;
  border-bottom:4px solid #F8F8F8;
}
SPAN.ok INPUT {
  border:1px solid black;
}
SPAN.err {
  border:4px solid red;
  background:red;
}
SPAN.err INPUT {
  border:1px solid red;
}
DIV#warn {
  margin:20px 0 10px 0; 
  background:url(../img/excl.gif) no-repeat center left;
  padding:0 40px;
  color:red;
  font-family:Arial;
  font-size:11pt;
  line-height:12pt;
  font-weight:bold;
  visibility:hidden;
}
DIV#working-float {
  position:absolute;
  top:0;
  left:0;
  width:250px;
  height:70px;
  background:url(../img/working5.gif) #dddddd no-repeat center center;
  border:10px solid #008E80;
  z-index:2000;
  visibility:hidden;
}
TABLE.c {
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}
TH.b, TD.b {
  text-align:center;
}
DIV#fadebar {
  height:10px;
  background:url(../img/fadebar.png) repeat-x;
}
UL.homelist {
  font-weight:bold;
  margin-top:0;
}
UL.homelist LI {
  padding-left:expression('2px');
}
DIV#fixedspace{
  height: 339px;
}
.ic {
  color:#008C7B;
  transition:ease-in-out 0.3s;
}
#boxbtn:hover .ic {
  color:#D2E3E0;
  transition:ease-in-out 0.3s;
}
#boxbtn p {
  color:#008C7B;
  transition:ease-in-out 0.3s;
}
#boxbtn:hover p {
  color:#D2E3E0;
  transition:ease-in-out 0.3s;
}
#legbtn {
  padding: 20px 0 10px 0;
  background-color: white;
  z-index: 2;
  position:relative;
}
#legbtn2 {
  padding: 20px 0 10px 0;
  background-color: white;
  z-index: 2;
  position:fixed;
  width:100%;
  top:45px;
}
#cms {
  border-collapse: collapse;
  margin-left: 40px;
}
#cms th{
  text-align:center;
  border-right: 1px solid black;
  border-left: 1px solid;
  border-bottom: 1px solid;
  border-collapse: collapse;
}
#cms td{
  text-align:center;
  border-right: 1px solid black;
  border-left: 1px solid;
  border-collapse: collapse;
}
.ytbutton:hover {
  color:#E62117 !important;
}
.twbutton:hover {
  color:#1da1f2 !important;
}
.ytimg{
  color:#E62117 !important;
}
.twimg {
  color:#1da1f2 !important;
}