/*
Document   : tm
Created on : 06-Oct-2011, 11:12:33
*/
/*
Document   : _common
Created on : 06-Oct-2011, 10:48:08
*/
ol, ul, li {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

::selection,
::-moz-selection {
  background: #3397DD;
  color: white;
  text-shadow: none;
}

em {
  font-weight: bold;
  font-style: normal;
}

h1 {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -9999px;
  width: 200px;
}

a.btn {
  text-decoration: none;
}

.print-only {
  display: none;
}

body {
  font-family: "Lato", arial, helvetica, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  margin: 0;
}

h2, h3 {
  font-family: "Lato", arial, helvetica, sans-serif;
  font-weight: 300;
  font-size: 1.8em;
  margin-bottom: 10px;
}

hr {
  clear: both;
  border: 1px solid #ccc;
  border-width: 1px 0;
  width: 960px;
  margin: 20px auto;
  height: 3px;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

.user_info {
  border: 1px solid #cecece;
  padding: 5px;
  background-color: #efefef;
  margin: 0 5px 20px;
}

.user_notice {
  border: 1px solid #FF9600;
  background-color: #FFEACB;
  padding: 5px;
  margin: 0 5px 10px;
}
.user_notice hr {
  border-top: none;
  width: 100%;
}

.user_ok {
  font-weight: bold;
  color: #04B900;
  background-color: #CCFFCB;
  border: 1px solid #04B900;
  padding: 5px;
  margin: 0 5px 10px;
}

.user_error {
  background-color: #FFEBE8;
  border: 1px solid #C00;
  padding: 5px;
  margin: 0 5px 10px;
}

#acontent {
  background-color: #fff;
  min-height: 500px;
  clear: both;
  z-index: 100;
}

div.r {
  height: 1px;
  background-color: #fff;
}

.note {
  color: #999;
  font-size: 90%;
}

.smlcap {
  font-variant: small-caps;
  font-size: 85%;
}

/* MENU */
#menu {
  background: #ECECED url(/intro_src/assets/tm_100.png) 2px 7px no-repeat;
  /*background-size: 292px 60px;*/
  position: relative;
  border-top: 2px solid #fff;
  color: #777;
  padding: 2px 0 0;
  z-index: 90;
  margin-top: 0;
  border-top: 0;
  height: 100px;
  white-space: nowrap;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #menu {
    background-size: 292px 60px;
  }
}
#menu p {
  margin: 0;
}

#intro #menu {
  background-position: 164px -97px;
}

#pwremind {
  position: absolute;
  top: 50px;
  right: 40px;
  color: #fbfbfb;
  font-size: 0.9em;
}
#pwremind a, #pwremind a:visited, #pwremind a:active, #pwremind a:link {
  color: #fbfbfb;
}

/* FOOTER */
#footer {
  text-align: center;
  padding: 20px;
  background-color: #ebebec;
  position: relative;
  clear: both;
  z-index: 90;
  margin: 10px;
  border-radius: 10px;
}
#footer p {
  font-size: 0.9em;
  line-height: 1.5em;
}
#footer .contact {
  margin-bottom: 10px;
  letter-spacing: 1px;
}
#footer #services img {
  margin: 0 15px 20px;
}
#footer #serverinfo {
  padding: 50px 0 30px;
}
#footer p {
  color: #333;
}
#footer a, #footer a:link, #footer a:hover, #footer a:visited {
  color: #777;
  -webkit-transition: color 0.1s ease-in;
  -moz-transition: color 0.1s ease-in;
  -o-transition: color 0.1s ease-in;
  transition: color 0.1s ease-in;
}
#footer a:hover, #footer a:active {
  color: #333;
}
#footer hr {
  background-color: transparent;
  border: 1px solid #e1e1e1;
  border-width: 0 0 1px 0;
  width: 100%;
}
#footer .foot-help {
  clear: both;
  position: relative;
  margin: 0 20px 10px 0;
}
#footer .foot-help p {
  font-size: 1em;
  line-height: 1.5em;
  margin: 0;
}
#footer .foot-help p.f-needhelp,
#footer .foot-help p.f-more {
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 10px;
}
#footer .foot-help p.f-more {
  margin-top: 20px;
}
#footer .foot-products {
  height: 65px;
  margin: 0 auto;
  width: 620px;
  z-index: 999;
}
#footer .foot-products div {
  float: left;
  width: 155px;
}

.foot-links {
  text-align: left;
  float: right;
  width: 200px;
  height: 16em;
  position: relative;
  font-size: 0.9em;
  background-color: #3b4352;
  padding: 10px;
  z-index: 100;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.foot-links ul {
  list-style-type: none;
  color: #fff;
}
.foot-links li {
  line-height: 1.7em;
}
.foot-links a {
  text-decoration: none;
  display: block;
}
.foot-links a:hover {
  text-decoration: underline;
}
.foot-links h4 {
  color: #fff;
  margin-bottom: 10px;
  border-bottom: 1px solid #8b97ab;
  padding-bottom: 5px;
}

#foot-content {
  width: 960px;
  margin: 0 auto;
}

#h5bg {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

#foot-intro-help {
  float: left;
  text-align: left;
  width: 350px;
}

#foot-tm-links {
  margin: 0 20px 20px 70px;
}

#foot-rt-links {
  margin-right: 20px;
}

.foot-tc {
  line-height: 1.2em;
  padding-top: 0;
  text-align: left;
  width: 960px;
  margin: 0 auto 20px;
}

p.flsid {
  color: #b3bac8 !important;
  margin: 5px 0 0;
}

#existingusers {
  color: #fff;
  font-weight: bold;
  position: relative;
}

.bodytxt {
  font-size: 1.5em;
}

.contenttxt {
  width: 560px;
  margin: 10px auto;
  text-align: left;
}

/* DOWNLOAD BUTTON */
.download-button {
  display: block;
  background: transparent url(/intro_src/assets/download-button-orange.png) top left no-repeat;
  width: 150px;
  height: 34px;
  text-indent: -9999px;
  margin: 0 auto;
}

.download-button:hover {
  background-position: 0 -50px;
}

.download-button:active {
  background-position: 0 -100px;
}

.download-button-blue {
  background-image: url(/intro_src/assets/download-button.png);
}

/* SIGNUP BUTTON */
.signup-button {
  display: block;
  background: transparent url(/intro_src/assets/signup-button-green.png) top left no-repeat;
  width: 150px;
  height: 34px;
  text-indent: -9999px;
  margin: 0 auto;
}

.signup-button:hover {
  background-position: 0 -50px;
}

.signup-button:active {
  background-position: 0 -100px;
}

.signup-button-blue {
  background-image: url(/intro_src/assets/signup-button.png);
}

#container {
  padding: 10px 0;
}

.bgbox {
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid #f1f1f1;
  padding: 10px;
}

.bgbox:after {
  content: " ";
  display: block;
  width: 100px;
  height: 12px;
  float: right;
  position: relative;
  top: 5px;
  left: 5px;
  background: transparent none;
}

/* button basics */
.ancbutton a {
  display: inline-block;
  height: 23px;
  padding: 0 0 0 3px;
  font-weight: bold;
  color: #333;
  text-shadow: 1px 1px 0 #fff;
  background: url(/images/button_bg.png) 0 0 no-repeat;
  white-space: nowrap;
  border: none;
  overflow: visible;
  cursor: pointer;
  text-decoration: none;
}
.ancbutton a span {
  display: block;
  height: 23px;
  padding: 0 10px 0 8px;
  line-height: 23px;
  background: url(/images/button_bg.png) 100% 0 no-repeat;
}
.ancbutton a:hover {
  color: #fff;
  text-decoration: none;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  background-position: 0 -30px;
}
.ancbutton a:hover span {
  background-position: 100% -30px;
}
.ancbutton a img {
  vertical-align: text-top;
}

.ab-blue a {
  background-position: 0 -30px;
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}

.ab-blue a > span {
  background-position: 100% -30px;
}

/* DISPLAY TABLES */
.edit-table,
.full-table,
.report-table {
  width: 85%;
  margin: 10px auto;
  border: 1px solid #E0E0E0;
  border-collapse: collapse;
}

.report-table {
  border: 0;
  font-size: 0.9em;
  margin: 10px;
}
.report-table td,
.report-table th {
  border: 1px solid #777;
}
.report-table td {
  padding: 0 15px;
}
.report-table td.emp {
  font-weight: bold;
}

.edit-table {
  width: auto;
}
.edit-table td,
.edit-table th {
  padding: 5px 15px;
}
.edit-table td {
  border-bottom: 1px solid #E0E0E0;
}
.edit-table tr.buttons td {
  text-align: center;
  border-top: 1px solid #E0E0E0;
  padding: 10px;
}
.edit-table tr.buttons input {
  margin-right: 8px;
}

.edit-table th,
.full-table th {
  text-align: left;
  background-color: #F6F6F6;
  padding: 4px;
}

.full-table td {
  padding: 2px;
}

/*
table table {
	border: 1px solid #DDDDDD;
	background-color: #fff;
}
*/
th.header {
  background: transparent url(/intro_src/assets/analytics/th_bg.gif) center right no-repeat;
  padding-right: 21px;
  cursor: pointer;
}

th.headerSortUp {
  background-image: url(/intro_src/assets/analytics/th_asc.gif);
}

th.headerSortDown {
  background-image: url(/intro_src/assets/analytics/th_desc.gif);
}

.scheduled-maintenance {
  position: absolute;
  top: 0;
  right: 400px;
  border: 3px solid #f39814;
  background-color: #ffeacb;
  padding: 1px 5px;
  margin: 0 10px 0 0;
  font-size: 11px;
  z-index: 999;
  color: #000;
}

#menu .scheduled-maintenance ul,
.scheduled-maintenance li {
  list-style: none;
  padding: 0;
  height: auto;
  background-color: transparent;
  line-height: 10px;
}

.db-conn-err {
  position: absolute;
  top: 4px;
  right: 10px;
  width: 500px;
  margin: 0 auto 20px;
  border: 1px solid #FF9600;
  background-color: #FFEACB;
  padding: 2px 5px;
  color: #000;
  font-size: 12px;
}

h4.db-conn-err {
  white-space: normal;
}

#login-frame {
  position: absolute;
  top: 5px;
  right: 0;
}

#login-https {
  padding: 5px 10px;
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 90%;
}
#login-https input[type=submit] {
  height: 30px;
}

table .blue {
  color: #049cdb;
  border-bottom-color: #049cdb;
}

table .headerSortUp.blue, table .headerSortDown.blue {
  background-color: #ade6fe;
}

table .green {
  color: #46a546;
  border-bottom-color: #46a546;
}

table .headerSortUp.green, table .headerSortDown.green {
  background-color: #cdeacd;
}

table .red {
  color: #9d261d;
  border-bottom-color: #9d261d;
}

table .headerSortUp.red, table .headerSortDown.red {
  background-color: #f4c8c5;
}

table .yellow {
  color: #ffc40d;
  border-bottom-color: #ffc40d;
}

table .headerSortUp.yellow, table .headerSortDown.yellow {
  background-color: #fff6d9;
}

table .orange {
  color: #f89406;
  border-bottom-color: #f89406;
}

table .headerSortUp.orange, table .headerSortDown.orange {
  background-color: #fee9cc;
}

table .purple {
  color: #7a43b6;
  border-bottom-color: #7a43b6;
}

table .headerSortUp.purple, table .headerSortDown.purple {
  background-color: #e2d5f0;
}

#social {
  clear: both;
  float: right;
  margin-right: 20px;
}

#firstsite {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 90%;
}

/* Breadcrumbs */
ul#crumbs, ul#crumbs li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul#crumbs {
  border: 1px solid #dedede;
  border-radius: 5px;
  height: 31px;
  font-size: 0.9em;
  background-color: #fff;
  margin: 5px 10px 0;
}

ul#crumbs li {
  float: left;
  line-height: 2.3em;
  padding-left: 0.75em;
  color: #777;
}

#crumbs li a {
  display: block;
  padding: 0 15px 0 0;
  background: url(/images/crumbs.gif) no-repeat right center;
}

#crumbs li a:link, #crumbs li a:visited {
  text-decoration: none;
  color: #777;
}

#crumbs li a:hover, #crumbs li a:focus {
  color: #dd2c0d;
}

#side-menu {
  display: none !important;
}
/*
Document   : _common
Created on : 06-Oct-2011, 10:48:08
*/
#acontent {
  background: white url(/intro_src/assets/bg_new_flip.png) 0 0 repeat-x; }

#container {
  font-size: 0.9em;
  width: 960px;
  margin: 0 auto; }
  #container p {
    line-height: 2em; }

#download-content a.download-link {
  clear: both;
  float: left;
  display: block;
  padding: 0 10px 0 0;
  margin-bottom: 30px;
  margin-left: 0;
  text-decoration: none;
  color: #000;
  width: 278px;
  height: 93px; }
#download-content a.download-item {
  background: url("/intro_src/assets/download/link.png?v=1") 0 0 no-repeat; }
#download-content a.download-link p {
  display: block;
  text-align: center;
  padding: 25px 10px 0 102px;
  min-height: 43px;
  color: #000;
  font-size: 14px;
  line-height: 1.3em; }
#download-content a.download-link span.freedownload {
  font-weight: bold;
  font-size: 1.2em;
  color: #000; }
#download-content a.download-link strong {
  font: 140% sans-serif;
  font-weight: bold;
  letter-spacing: -0.02em;
  text-decoration: underline; }
#download-content a.download-link em {
  font-style: normal;
  letter-spacing: 0;
  display: block;
  padding-top: 3px;
  font-size: 85%; }
#download-content a.download-link:hover {
  cursor: pointer;
  /* need for IE6 */
  background-position: 0 100%; }
  #download-content a.download-link:hover span, #download-content a.download-link:hover strong {
    cursor: pointer;
    /* need for IE6 */
    background-position: 0 100%; }
  #download-content a.download-link:hover span {
    background-position: 100% 0; }
#download-content a.download-link i {
  display: block;
  width: 285px;
  font-size: 0.9em; }
#download-content div.desc {
  float: left;
  padding-left: 5px; }
#download-content div.inst {
  padding: 0 0 0 30px;
  width: 530px;
  margin-bottom: 25px; }
  #download-content div.inst p.step {
    font-weight: bold;
    margin-top: 20px;
    margin-left: -20px; }

h3 {
  font-size: 2.3em;
  margin: 0 auto 10px;
  text-align: center;
  font-weight: normal; }

#subheading {
  text-align: center;
  font-size: 1.7em;
  margin-bottom: 15px;
  font-family: "Myriad PRO", "Myriad TM", arial, helvetica, sans-serif;
  font-weight: normal; }

#minreq li {
  line-height: 1.9em; }

.install-note {
  border: 1px solid red;
  background-color: #ffe;
  padding: 5px;
  width: 550px;
  margin: 25px 0; }

.install p, .install ul {
  margin-bottom: 15px; }
.install p, .install li {
  line-height: 1.7em; }
.install ul {
  margin-left: 30px; }

#driver-downloads h4 {
  margin: 10px 0 0 0;
  font-size: 1.3em; }

#thankyou {
  color: #333 !important;
  margin-bottom: 10px; }
  #thankyou p, #thankyou a, #thankyou li {
    color: #333 !important; }
  #thankyou h2 {
    font-size: 2.4em;
    margin-bottom: 10px; }
  #thankyou a {
    text-decoration: underline; }

#install-steps {
  list-style: none;
  padding-left: 0;
  margin-top: 20px; }
  #install-steps li {
    color: #3F3F3F !important;
    min-height: 40px;
    margin-left: 20px;
    padding-top: 3px;
    padding-left: 55px;
    background-position: top left;
    background-repeat: no-repeat;
    font-size: 1.2em; }

.s1 {
  background-image: url(/intro_src/n1/step1.gif); }

.s2 {
  background-image: url(/intro_src/n1/step2.gif); }

.s3 {
  background-image: url(/intro_src/n1/step3.gif); }

.s4 {
  background-image: url(/intro_src/n1/step4.gif); }

.training-link img {
  border: 1px solid #ccc;
  padding: 2px; }

#videos {
  font-size: 1.7em;
  margin-bottom: 10px; }

#md-download {
  clear: both;
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
  width: 400px; }

#md-icon {
  width: 64px;
  vertical-align: top;
  float: left;
  margin-right: 10px; }

#md-dl-link {
  clear: both;
  display: block; }

#md-title {
  display: block;
  font-weight: bold; }