/*--------------------------------------------------
  Plain HTML elements
  --------------------------------------------------*/
body {
    font-family: Tahoma, Verdana, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
    font-size: 80%;
    margin:0;
    padding:0;
    background-color:#fff;
    color:#000;
}
h1 { font-size: 1.5em; }
h2 { margin:0; font-size:1.4em; }
h3 { margin: .5em 0; font-size: 1.2em; }
h4 { margin: .5em 0; font-size: 1em; }
h5 { margin: .5em 0; font-size: 1em; }
h6 { margin: .5em 0; font-size:1em; }
table, input, select {
    font-size:1em;
}
form {
    margin:0;
    padding:0;
}
a:link {
    color:#00f;
    text-decoration:underline;
}
a:visited {
    color:#00f;
}
a.showvisited:visited {
    color:#a0a;
}
.disabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
}
a:hover {
    text-decoration:none;
}
a:active {
    color:#f00;
}
a img {
    border:0;
}
abbr {
}
.nowrap {
    white-space:nowrap;
}
.hint {
    margin:0;
    color:#666;
}
.hidden {
    display:none;
}
.breadcrumb {
    font-size:90%;
    color:#888;
    margin:0 0 1em 0;
    display: none;
}
.breadcrumb a {
    color:#888;
}
.breadcrumb span {
    color:#666;
}
/*--------------------------------------------------
  TNT chrome used by all pages
  --------------------------------------------------*/
#tntPage {
    width:100%;
    min-width: 900px;
}
#tntNoscript {
    margin:1em 0;
    padding:1em;
    background:#f00;
    border:4px solid #a00;
    border-left:0;
    border-right:0;
    color:#fff;
}
#tntHeader {
    background: #8faecd url(cssimg/tntHeader-bg.gif) bottom left repeat-y;
    font-size: 90%;
}
#tntHeader2 {
    /* Gold stripe at bottom of header */
    background: #ffffff url(cssimg/tntHeader2-bg.gif) bottom left repeat-x;
    padding-bottom:4px;
}
#tntBranding {
    float:left;
}
#tntBranding h1 {
    margin:0;
    padding:0;
}
#tntBranding img {
    margin:0;
    padding-left:2pt;
    vertical-align:top;
}
#tntHeader2 #message {
    /*  border: 1px solid; */
    bottom: 0;
    left: 0;
    margin: auto;
    position: relative;
    right: 200px;
    text-align: center;
    top: 10px;
    width: 50%;
    /*   z-index: 2; */
}
#tntAppTools {
    bottom: 5px;
    color: #FFFFFF;
    float: right;
    font-weight: bold;
    margin-right: 1em;
    line-height: 2;  
}
#tntAppTools #tntAppToolsHeading {
    display:none;
}
#tntAppTools a {
    color:#00008b;
}
#tntAppTools a:hover {
}
#tntAppTools form {
    float: left;
}
#tntAppTools form label.conceal {
    display: none;
}
#tntAppTools #appSwitchForm select, #tntAppTools #appSwitchForm input {
    display: none;
}
#tntAppTools #appSwitchForm #appsListDiv {
    zoom: 1;
    *float:left;
}
#tntAppTools #appsListDiv a.activate-inactive {
    background: url(cssimg/triangle-16x16-down.gif) no-repeat right top;
    padding: 0 18px 0 0;
}
#tntAppTools #appsListDiv a.activate-active {
    background: url(cssimg/triangle-16x16-up.gif) no-repeat right top;
    padding: 0 18px 0 0;
}
#tntAppTools #appSwitchForm #appsList {
    background: #fff; 
    border: 2px solid #000; 
    box-shadow: 3px 3px 3px #333;  
    display: none; 
    position: absolute;
    z-index: 5;
    zoom:1;
    *left: 710px;
    *top: 28px;
}

#tntAppTools #helpSwitchForm select, #tntAppTools #helpSwitchForm input {
    display: none;
}
#tntAppTools #helpSwitchForm #helpListDiv {
    zoom: 1;
    *float:left;
}
#tntAppTools #helpListDiv a.activate-inactive {
    background: url(cssimg/triangle-16x16-down.gif) no-repeat right top;
    padding: 0 18px 0 0;
}
#tntAppTools #helpListDiv a.activate-active {
    background: url(cssimg/triangle-16x16-up.gif) no-repeat right top;
    padding: 0 18px 0 0;
}
#tntAppTools #helpSwitchForm #helpList {
    background: #fff; 
    border: 2px solid #000; 
    box-shadow: 3px 3px 3px #333;  
    display: none; 
    position: absolute;
    z-index: 5;
    zoom:1;
    *left: 710px;
    *top: 28px;
}


#tntAppTools ul {
    float: left;
    margin:0;
    padding:0;
}
#tntAppTools li {
    border-right:1px solid #ccc;
    display:inline;
    margin:0;
    padding:0 .5em 0 .5em;
}
#tntAppTools li.liLast {
    border-right:0;
    padding-right:0;
}
#tntApptools #appSwitchForm #appsList li { 
    zoom: 1;
    display:block !important;	
}

#tntApptools #helpSwitchForm #helpList li { 
    zoom: 1;
    display:block !important;	
}
#tntWelcome {
    clear:right;
    color:#000;
    float:right;
    margin: 4px 1em 0 0;
}
#tntWelcomeHeading {
    display:none;
}
#tntWelcome p {
    margin:0;
    font-weight:bold;
    text-align:right;
}
#tntHeaderEnd {
    /*clear:both;*/
}
#tntNav {
    clear:both;
    position:relative;
    color:#000;
    height:4.25em;
    font-size:90%;
    font-weight:bold;
}
#tntNav2 {
}
#tntNav #tntNavHeading {
    display:none;
}
#tntNav ul {
    float:left;
    width:100%;
    background:#538ad1 url(cssimg/tntNav-bg.gif) bottom left repeat-x;
    list-style-type:none;
    margin:0;
    padding:0;
    white-space:nowrap;
}
#tntNav ul li {
    float:left;
    margin:0;
    white-space:nowrap;
    line-height:1.5;
    margin:0 .5em;
}
#tntNav a,
#tntNav span  {
    color:#fff;
    float:left;
    font-weight:bold;
    margin:0;
    padding:.25em 1em;
    text-decoration:none;
}
#tntNav a:hover {
    text-decoration:none;
}

#tntNav li.active {
    background:#cbcbcb url(cssimg/tntNav-active.gif) top left no-repeat;
    padding-left:1em;
}
#tntNav li.active span,
#tntNav li.active a {
    background:#cbcbcb url(cssimg/tntNav-active.gif) top right no-repeat;
    padding-left:0;
    font-weight:bold;
    color:#000;
}
#tntNav li.active ul span,
#tntNav li.active ul a {
    padding-left:1em;
    font-weight:normal;
}

/*
#tntNav li:hover,
#tntNav li:hover {
 background:#85b0dd  top left no-repeat;
 padding-left:1em;
}
#tntNav li:hover a {
 background:#85b0dd  top right no-repeat;
 padding-left:0;
 text-decoration:none;
 color:#000;
}
*/
#tntNav a:hover {
    background-color:#85b0dd;
    text-decoration:none;
    color:#000;
}



#tntNav ul ul {
    display:none;
}
#tntNav li.active ul {
    display:block;
}
#tntNav ul ul {
    position:absolute;
    top:2em;
    left:0;
    background:#cbcbcb url(cssimg/tntSubNav-bg.gif) bottom left repeat-x;
    color:#000;
    /*padding-top:.25em;*/
}
#tntNav ul li.active ul a,
#tntNav ul li.active ul span {
    background:none;
}
#tntNav ul ul a,
#tntNav ul ul span  {
    color:#000;
    font-weight:normal;
    padding:.5em 1em .5em;
    text-decoration:none;
}
#tntNav ul ul li {
    line-height:1;
    margin:0 .5em;
}
#tntNav ul li ul li.active {
    background:#cbcbcb url(cssimg/tntSubNav-active.gif) top left no-repeat;
    padding-left:1em;
}
#tntNav ul ul li.active span,
#tntNav ul ul li.active a {
    background:#cbcbcb url(cssimg/tntSubNav-active.gif) top right no-repeat;
    padding-left:0;
    font-weight:normal;
}
/*
#tntNav ul ul li:hover,
#tntNav ul ul li:hover {
 background:#b7b7b7 url(cssimg/tntSubNav-hover.gif) top left no-repeat;
 padding-left:1em;
}
#tntNav ul ul li:hover a {
 background:#b7b7b7 url(cssimg/tntSubNav-hover.gif) top right no-repeat;
 padding-left:0;
 text-decoration:none;
}
*/
#tntNav ul li.active ul a:hover {
    background-color:#aaa;
    text-decoration:none;
}

#tntNavEnd {
    /*clear:both;*/
}
#tntContent {
    clear:both;
    padding: 5px;
}
#tntContent2 {
}
#tntContent .tntContentSeparator {
    display:none;
}
#tntContentEnd {
    /*clear:both;*/
}
#tntFooter {
    background:#538ad1 url(cssimg/tntNav-bg.gif) bottom left repeat-x;
    clear:both;
    color:#fff;
}
#tntFooter2 {
    padding-right:1em;
}
#tntFooter a {
    color:#fff;
}
#tntFooter a:hover {
}

#tntCopyright {
    font-size:90%;
    height: 2em; /* required for FF. padding messes up IE */
    vertical-align: middle;
}

#tntCopyright p#logincopy {
    margin:0;
    padding: .5em 0pt;
    text-align:right;
}

div#version {
    margin-left: 0.5em;
    margin-top: 0.3em;
}

div#copy {
    text-align: right;
    margin-top: 0.3em;
}

div#owner {
    text-align: center;
    margin-top: 0.3em;
}

#tntCopyrightHeading {
    display:none;
}
#tntFooterEnd {
    /*clear:both;*/
}
/*--------------------------------------------------
  Grids
  --------------------------------------------------*/
.grid2 .gridCol {
    width:49%;
    float:left;
}
.grid3 .gridCol {
    width:33%;
    float:left;
}
.grid4 .gridCol {
    width:25%;
    float:left;
}
.gridEnd {
    /*clear:both;*/
}
/*--------------------------------------------------
  Page message - errors, notes, and messages at the top of the page

IE  6.0 has trouble overriding styles with #id .class {..} styles 
  --------------------------------------------------*/
.pageMsgHide {
    display:none;
    padding:1em;
}

#pageMsg dl {
    margin-left:2em;
}
#pageMsg dt {
    font-weight:bold;
}

.pageMsgError {
    display:block;
    border:2px solid #f00;
    background-color:#faa;
    border-radius: 5px;
}
.pageMsgOk {
    display:block;
    border:2px solid #aaa;
    background-color:#eee;
    border-radius: 5px;
}
.pageMsgWarning {
    display:block;
    border:2px solid #aa0;
    background-color:#85b0dd;
    border-radius: 5px;
    bord}
/*--------------------------------------------------
  fieldset - grouping a heading and some input fields
  --------------------------------------------------*/
.fieldset {
    margin:1em 0;
    border:1px solid #aaa;
    /*background:#e7e4cc url(cssimg/fieldset-bg.gif) repeat-x top left;*/
    background-color:#eee;
    line-height:1.2; /* Fix an IE bug */
}
.fieldsetError {
    margin:1em 0;
    border:1px solid #f00;
    /*background:#e7e4cc url(cssimg/fieldset-bg.gif) repeat-x top left;*/
    background-color:#faa;
    line-height:1.2; /* Fix an IE bug */
}
.fieldset h2 {
    background:#85b0dd  bottom left repeat-x;
    color:#000;
    font-size:120%;
    font-weight:bold;
    margin:0;
    padding:.25em .5em;
}
.fieldsetContent {
    margin:.25em .25em .25em .5em;
    font-size:90%;
}
.fieldsetEnd {
    /*clear:both;*/
}
/*--------------------------------------------------
  formEl - grouping label, form input, and error messages
  --------------------------------------------------*/
.formEl {
    margin:.5em 1px;
}
.formElLabel {
    clear:both;
    float:left;
    margin-top:.3em;
    padding:0;
    text-align:right;
    width:40%;
}
.formElLabel.noadjust {
    margin-top:0;
}
.formElLabel input {
    margin-top:.1em;
}
.formElContent {
    float:left;
    width:55%;
    margin-left:.5em;
}
.checkbox .formElLabel {
    margin-top:0;
    width:5%;
}
.checkbox .formElContent {
    width:90%;
}
.formElMsg {
    display:none;
    clear:both;
    padding:.5em;
}
.formEl.error {
    background-color:#faa;
    padding-top:.5em;
    padding-bottom:.5em;
}
.formEl.error .formElMsg {
    display:block;
}
.formElEnd {
    /*clear:both;*/
}
/*--------------------------------------------------
 Tabber
  --------------------------------------------------*/
.tabbertab {
    clear:both;
    padding:1em;
    border:1px solid #ccc;
    border-top:0;
}
.tabberlive .tabbertabhide {
    display:none;
}
.tabberlive h4 {
    display:none;
}
.tabberlive ul.tabbernav {
    float:left;
    width:100%;
    background:#cbcbcb url(cssimg/tntSubNav-bg.gif) bottom left repeat-x;
    list-style-type:none;
    margin:0;
    padding:0;
    white-space:nowrap;
    font-size:90%;
}
.tabberlive ul.tabbernav li {
    float:left;
    margin:0;
    white-space:nowrap;
    line-height:1.5;
    margin:0 .5em;
}
.tabberlive ul.tabbernav a,
.tabberlive ul.tabbernav span  {
    color:#000;
    float:left;
    font-weight:normal;
    margin:0;
    padding:.25em 1em;
    text-decoration:none;
}
.tabberlive ul.tabbernav a:hover {
    text-decoration:none;
}
.tabberlive ul.tabbernav li.tabberactive {
    background:#cbcbcb url(cssimg/tntSubNav-active.gif) top left no-repeat;
    padding-left:1em;
}
.tabberlive li.tabberactive span,
.tabberlive li.tabberactive a {
    background:#cbcbcb url(cssimg/tntSubNav-active.gif) top right no-repeat;
    padding-left:0;
    font-weight:normal;
    color:#000;
}
.tabberlive li.tabberactive ul.tabbernav span,
.tabberlive li.tabberactive ul.tabbernav a {
    padding-left:1em;
}
.tabberlive ul.tabbernav a:hover {
    background-color:#b7b7b7;
    text-decoration:none;
    color:#000;
}
/*--------------------------------------------------
  TntToggle
  --------------------------------------------------*/
.dojo-TntToggle {
    cursor:pointer;
}
.dojo-TntToggle .TntToggleIcon {
    padding-left:16px;
}
.TntToggleClosed .TntToggleIcon {
    background: url(cssimg/triangle-16x16-right.gif) no-repeat;
}
.TntToggleOpen .TntToggleIcon {
    background: url(cssimg/triangle-16x16-down.gif) no-repeat;
}

/*--------------------------------------------------
  Clicker
  --------------------------------------------------*/
.clicker {
    cursor:pointer;
}
.clickericon {
    padding-left:16px;
    margin-right:.5em;
}
.clickericonclosed {
    background:transparent url(cssimg/triangle-16x16-right.gif) no-repeat;
}
.clickericonopen {
    background:transparent url(cssimg/triangle-16x16-down.gif) no-repeat;
}

.secondRadio { margin-left:2em; }

#tntLoadingIndicator {
    position:absolute;
    top:0;
    right:0;
    padding:.2em 1em;
    background:#d00;
    color:#fff;
    line-height:1.5;
    font-weight:normal;
}
/*--------------------------------------------------
  Clear floats
  --------------------------------------------------*/
#tntHeader,
#tntHeader2,
#tntNav,
.grid2,
.grid3,
.formEl,
.fieldset,
.clearfix {
    overflow:hidden;
    zoom:1; /* trigger hasLayout to clear the float in IE6 and IE7 (does not work in IE5) */
}


/*--------------------------------------------------
  Begin upgrade modal
  --------------------------------------------------*/
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 35px;
  border: 1px solid #888;
  width: 20%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.closeUpgradeModal {
  color: #aaa;
  float: right;
  font-size: 14px;
  font-weight: bold;
}

.closeUpgradeModal:hover,
.closeUpgradeModal:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
/*--------------------------------------------------
  End upgrade modal
  --------------------------------------------------*/