body,table,td,th,p,li,ul,div,input,h1,h2,h3,h4,h5,h6 {
 font-family: Verdana, sans-serif; font-size: 12px;
}
body {margin: 0;background-color:#fff;}
h1 {color: #753; font-size: 14pt; font-weight: normal;/*color: #8b4513; font-size: 16px; */ margin-top: 16px; margin-bottom: 8px;}
h2 {font-size: 14px; margin-top: 14px; margin-bottom: 7px;}
h3 {font-size: 12px; margin-top: 12px; margin-bottom: 6px;}
h4 {font-size: 10px; margin-top: 10px; margin-bottom: 5px;}
h5 {font-size: 9px; margin-top: 10px; margin-bottom: 5px;}
h6 {font-size: 8px; margin-top: 10px; margin-bottom: 5px;}
p {font-size: 12px; margin: 5px 0 10px 0;}
a:active,a:link,a:visited {color: #8b4513;text-decoration: none;}
a:hover {color: #d2691e;text-decoration: underline;}
ul, li {margin-top: 0; margin-bottom: 0;}
ul {margin-left: 2em; padding-left: 0;}
li {margin-left: 0; padding-left: 0;}
form {margin: 0;}
input, select {font-size: 11px;}
dt {font-weight: bolder;}
dd {margin-bottom: 0.5ex;}
img {border: none;}

/* Header */
.tcHdr {margin-bottom:8pt; width: 100%;}
.tcHdr, .tcHdr table {border: none; border-spacing: 0; border-collapse: collapse;}
.tc-page-hdr-box {padding:12px;}
.tcHdr-logo {width:272px; height:33px;border:0;margin-left:8px;}
.tcHdr-usr {font-size:8pt; text-align:right;}
.tcHdr-usr-logon:link, .tcHdr-usr-logon:visited {background: #b98c6f; color:#fff; margin:0 4pt; padding:1pt 4pt;}
.tcHdr-usr-logon:hover, .tcHdr-usr-logon:active {background: #3c0;}
.tcHdr-user-info {border-bottom: solid 2px #fff; display: inline-block; font-size: 8pt; font-weight: normal; color: #841; cursor: pointer;
  padding: 2pt;}
.tcHdr-user-info:hover {border-bottom-color: #841;}
.tcHdr-user-info.alert img {border-left: solid 3px #e00;}
.tcHdr-user-info i {display: inline-block; font-style: normal; max-width: 250px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.tcHdr-user-info img {border: solid 1px #975; width: 24px; height: 24px; margin-left: 4pt; vertical-align: middle;}

td.siteHeaderInfo {
  background-image: url(img/TransRight2.jpg);
  background-position: right top; background-repeat: no-repeat;
  border: none; font-size: 10px; line-height: normal;
  padding: 0 10px 0 0; text-align: right; vertical-align: middle;
  min-width: 288px;}
.tcSmallHeader {background:#673b15; border-bottom: solid 1pt #430;
  box-shadow: 0 0 0 1px #777, 0 0 5px 3px rgba(0,0,0,0.2); margin: 0 0 16pt 0;}
.tcSmallHeaderLogo {height:50px;width:250px;vertical-align: bottom;}
.tcSmallHeaderClose {float:right; padding: 8pt;}
.tcSmallHeaderClose a:link, .tcSmallHeaderClose .aPgNav:visited {
  color: #ec9; font-size:90%;
}

.topCafeR {
  background: url(img/TransRight2.jpg) right top no-repeat;
  text-align: right;}
.topCafeR img {width: 288px; height: 1px;}
.topShade {
  background-image: linear-gradient(#ccc, #fff 75%); border-top: solid 1px #765; height:15px;}
.topPopupR {
  background-image: url(img/TransRightHelp.jpg);
  background-position: right top; background-repeat: no-repeat;
  text-align: right; vertical-align: top;}

.fit {border-collapse: collapse; border-spacing: 0;}
table.smallPad th, table.smallPad td {padding: 2pt;}

/* Colors */
.red {color: #f00;}
.orange {color: #f60;}
.green {color: #008000;}
.darkgreen {color: #060;}
.amber {color: #ffac00;}
.maroon {color: #800000;}
.gray {color: #808080;}
.c630 {color: #630;}
.c633 {color: #633;}
.c555 {color: #555;}
.black {color: #000;}

p.center, div.center {text-align: center;} /* Centered */
.nospace {margin-top: 0; margin-bottom: 0;}
.hidden {display: none;}

table .stripped tbody tr:nth-child(odd) {background-color: #f2eedc;}

.Small, .small, .SmallText {font-size: 10px !important;}
.Smaller {font-size: 9px;}
.Error {font-size: 12px;color: #f00;}

.SmallError, .SmallRed {
  font-size: 10px; color: #f00;}
.SmallGreen {font-size: 10px;color: #006400;}
.Admin {font-size: 10px; color: #696969;}
.AdminLarger {font-size: 11px; color: #696969;}
.Larger {font-size: 11px;}

.tcMastersMark:before {content: "TC Masters Only"; background: #09e; color: #fff;
  font-size: 7pt; font-weight: normal; padding: 1pt 5pt; float: right; margin: 2pt 0 5pt 5pt;}
html[dir=rtl] .tcMastersMark:before, body[dir=rtl] .tcMastersMark:before {
  float: left; margin: 2pt 5pt 5pt 0;}

ul.bb, ul li.bb {
  margin: 0; padding: 0; list-style: none;}
ul li.bb {
  background-image: url(img/bullet.gif);background-position: left 3pt;background-repeat: no-repeat;
  padding-top: 2px;padding-left: 12px;font-size: 10px;
}

div.GraphText {color: #000; font-size: 9px;}

p.GrayBoxed {
  background-color: #eee; border: solid 1px #ccc; color: #555; font-size: 11px;
  padding: 5px; margin-left: 10px; margin-right: 10px;
}

/* Main menu */
td.title, th.title {
  background-color: #dbb381; background:linear-gradient(#dbb381 70%, #cd9161);
  background-position: right bottom; background-repeat: repeat-x;
  border: solid 1px #963;
  font-weight: bolder; font-size: 10px; height: 15px;
}
a.MenuTitle:link, a.MenuTitle:visited {
  color: #fff; text-decoration: none
}
a.MenuTitle:hover {
  color: #000; text-decoration: none
}

table.thinborder {border-collapse: collapse; border-spacing: 0;}
table.thinborder, td.thinborder, th.thinborder {
  background-color: #ffebcd; border: solid 1px #960;
}
th.thinborder {font-size: 10px;}

table.thinborderlightgrey {border-collapse: collapse; border-spacing: 0;}
table.thinborderlightgrey, td.thinborderlightgrey, th.thinborderlightgrey {
  background-color: #ececec; border: 1px #696969 solid; font-size: 11px;
}

.tcBarGraph {border: 1px #630 solid;border-spacing:0;border-collapse:collapse;}
.tcBarGraph td {padding: 0 !important; text-align: left; white-space: nowrap;}

table.thinborderbw, td.thinborderbw, th.thinborderbw {
  background-color: #fff; border: solid 1px #000;
}
table.thinborderbw {border-collapse: collapse;}
td.thinborderbw, th.thinborderbw {padding: 5px;}

td.pdl, div.pdl {font-size: 10px;}
td.pdl {padding-left:7px;}
div.pdl {padding-left:4px;}

td.SmallLtGrey {font-size: 10px;
  background-color: #ddd; border: solid 1px #ddd;
}

input.SmallBlackBtn, input.SmallGreenBtn, input.SmallBrownBtn {
  border: outset 1px #fff;  color: #fff;
  font-size: 10px; font-weight: bold;
  height: 20px; text-align: center;
}
input.SmallBlackBtn {background-color: #c96;}
input.SmallGreenBtn {background-color: #060;}
input.SmallBrownBtn {background-color: #c00;}

input.SmallBrown {font-size: 10px; color: #a52a2a;}
input.Bold {font-size: 12px; font-weight: bold	;}

label.SmallBlack {font-size: 10px; text-decoration: none;
  border-style: inset; border-width: 2px;
}
textarea.SmallBlack, select.SmallBlack, input.SmallBlack, p.SmallBlack {
  font-size: 10px;
}

hr.ThinBlack, hr.ThinBrown {border: 0; height: 1pt; margin: 2pt;}
hr.ThinBlack {background: #000;}
hr.ThinBrown {background: #960;}

img.Boxed {border: solid 1px #ccc;}
img.square8 {width:8px; height:8px;}
img.square12 {width:12px; height:12px;}

/*Main Menu Classes*/
.menu {
/*filter: alpha(opacity=100, finishopacity=100, style=1, startx=0, starty=0, finishx=200, finishy=500);*/
  width: 150px;
  height: 52px;
  position: absolute;
  z-index: 1;
  visibility: hidden;
}
.MenuBox {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
.MenuBoxB {border: 1px solid #000;}
a.MnuHdr {
  color: #000; font-size: 10px; font-weight: bold; text-decoration: none;
}
a.MnuHdr:link {
  color: #000; text-decoration: none; font-weight: bold;
}
a.MnuHdr:visited {
color: #000; text-decoration: none; font-weight: bold;
}
a.MnuHdr:hover {
color: #fff; text-decoration: none; font-weight: bold;
}

a.MenuItem {
  color: #000; font-size: 10px; font-weight: bold; text-decoration: none;
}
a.MenuItem:link, a.MenuItem:visited {
  color: #000; text-decoration: none; font-weight: bold;
}
a.MenuItem:hover {
  color: #fff; text-decoration: none; font-weight: bold;
}
a.MnuItD {
  color: #666666; font-size: 10px; text-decoration: none; font-weight: bold;
}

/*HTML Editor Classes*/
.main {
  padding-left: 1ex;
  padding-right: 1ex;
  padding-bottom: 0.5ex;
  padding-top: 0.2ex;
}
.box {
  font-size: 10pt;
  padding: 0.5ex;
  margin-left: 1ex; margin-right: 1ex;
  width: inherit;
}
.hghead {
  font-weight: bold;
  padding: 0.1ex 0.2ex;
  border: 1px solid #630;
}
.charlist {
  border: 1px solid #630;
  text-align: left;
  margin-left: 1ex;
}
.submenu {
  text-align: center;
  color: #300;
  background-color: transparent;
  font-size: 10pt; font-variant: small-caps;
}

/* Page navigation */
.rec-total {color: #555; margin: 16pt 0;}
.page-nav, .page-nav-fit {margin: 8pt 0; text-align: center;}
.page-nav a, .page-nav b {margin: 0 2pt;}
.page-nav a:link, .page-nav a:visited {padding: 4pt 6pt;}
.page-nav b, .page-nav a:hover, .page-nav a:active {padding: 3pt 5pt;}
.page-nav-fit a, .page-nav-fit b, .page-nav-fit a:hover, .page-nav-fit a:active {margin: 0 1pt;}
.page-nav-fit a:link, .page-nav-fit a:visited {padding: 2pt 4pt;}
.page-nav-fit b {padding: 1pt 3pt;}
.page-nav b, .page-nav-fit b {background: #a7d7fb; border: solid 1pt #6db0e3;}
.page-nav a:hover, .page-nav-fit a:hover,
.page-nav a:active, .page-nav-fit a:active {background: #fff; border: solid 1pt #ccc;}

td.tdPgNav {font-size: 8pt; padding: 2pt 0; vertical-align: top;}
.pgNav {background: #a7d7fb; border: solid 1pt #6db0e3; font-weight: bold; padding: 0 3pt; margin: 0 1pt;}
.aPgNav:link, .aPgNav:active, .aPgNav:visited,
.pgMore:link, .pgMore:active, .pgMore:visited {font-weight: bold; padding: 1pt 4pt; margin: 0 1pt;}
.aPgNav:hover, .pgMore:hover {color: red; background-color: #ccc;}
.pgMore {font-size: 110%;}

/* top warnings */
.tc-top-note {background: #fde8b3; border: solid 1px #e6ca7f; margin: 8pt;}
.tc-top-note-content {margin: 8pt;}

/* tcTermsStat */
tr.trEven td, tr.trOdd td, .statTd, .statTdC, .statTdR {font-size: 10px;}
tr.trEven {background: #f4dabf;}
.statTd, .statTdC, .statTdR {padding: 2px; vertical-align: top;}
.statTdC {padding: 3pt 2px; text-align: center;}
.statTdR {text-align: right;}

/* Link to the top of the page */
a.aToTop:active,a.aToTop:link,a.aToTop:visited {color: #777; font-size:8px; font-weight: bold; text-decoration: none;}
a.aToTop:hover {color: #eee; text-decoration: underline;}

/* Cafe top menu item cell */
div.tmi {color: #95724c; font-size: 10px; white-space: nowrap;}

table.tblLeft {background-color: #ffebcd; border: solid 1px #960;
  border-collapse: collapse; margin-bottom: 5pt; width: 150px;}
table.tblLeft td {padding: 3px;}

/* Content */
.tcCnt {border-width: 0; border-spacing: 0; width:100%;}
.tcCnt .cntl, .tcCnt .cntm, .tcCnt .cntr {vertical-align: top; padding-top: 5pt; padding-bottom: 5pt;}
.tcCnt .cntm {padding-left: 7pt; padding-right: 7pt;}
.tcCnt .cntl {width: 150px; padding-left: 2pt;}
.tcCnt .cntr {width: 170px; padding-right: 2pt;}
html[dir=rtl] .tcCnt .cntl {width: 150px; padding-left: 0; padding-right: 2pt;}
html[dir=rtl] .tcCnt .cntr {width: 170px; padding-left: 2pt; padding-right: 0;}

/* Page bottom */
table.btmTbl {
  border-spacing: 0; border-collapse: collapse; border-top: solid 3pt #c95;
  background: #fcf2e5; padding-bottom: 12pt; width: 100%;
}
td.btmSite, td.btmTxt {padding: 12pt 5pt 12pt 5pt; vertical-align: top;}
td.btmSite {color: #987; font-size: 9pt; font-weight: bold; width: 150px;}
td.btmTxt {font-size: 10px;}
.btnPTr {color: #876; font-size: 8pt; margin: 8pt 0;
  border-top: dotted 1px #ccc; border-bottom: dotted 1px #ccc; padding: 3pt 0;}

/* Side menu */
p.mbox {font-size: 10px;border-bottom: #cba 1px solid;margin: 0;padding: 2pt; line-height:130%;}
p.embox {font-size: 10px;margin: 0;padding: 2pt;}
.mbox .value {background-color: #ebd2ad; color: #830; margin: 0 3pt; padding: 0 2pt;}

/* Social bookmarks */
.sbCnt {color: #876; font-size: 8pt; margin-top: 5pt; margin-bottom: 5pt;}
.sbCnt b {margin: 0 3pt;}
.sbCnt.block a {display: block; margin: 3pt 0;}
.sbCnt a.icon {padding-left: 16px; margin-right: 7pt;
  background-position: left center; background-repeat: no-repeat;}
.sbCnt a.twitter {background-image: url(img/twitter.gif);}
.sbCnt a.fb {background-image: url(img/fb.gif);}
.sbCnt a.google {background-image: url(img/gplus.gif);}
.sbCnt a.vk {background-image: url(img/vk.gif);}
html[dir=rtl] .sbCnt a.icon, body[dir=rtl] .sbCnt a.icon {
  padding-left: 0; padding-right: 16px; margin-right: 0; margin-left: 7pt; background-position: right center;}
div.rsi .sbCnt {margin: 0; padding: 5pt 5pt 0 5pt;}
div.rsi .sbCnt b {display: block; margin: 3pt 0 0 0; padding: 0;}

/* External profiles */
.imSkype {border: none; width: 114px; height: 20px; position: relative; top: 5px;}
.extpIco {padding-left: 16px; margin-right: 7pt;
  background-position: left center; background-repeat: no-repeat;}
.extpIco.skype {background-image: url(img/skype.gif);}
.extpIco.facebook {background-image: url(img/fb.gif);}
.extpIco.twitter {background-image: url(img/twitter.gif);}
.extpIco.linkedin {background-image: url(img/linkedin.gif);}
.extpIco.gplus {background-image: url(img/gplus.gif);}
.extpIco.instagram {background-image: url(img/instagram.gif);}
.extpIco.flickr {background-image: url(img/flickr.gif);}
.extpIco.vimeo {background-image: url(img/vimeo.gif);}
.extpIco.vk {background-image: url(img/vk.gif);}
.extpIco.youtube {background-image: url(img/youtube.gif); padding-left: 18px;}

/* YouTube frame (object and embed) */
.tcYouTube {width: 400px; height: 300px; margin: 10pt 0;}

/* Diacritics */
.diaRow {font-family: Lucida Console, Courier New, Monospace; font-size: 12pt;
  margin-top: 3pt; margin-bottom: 3pt;}
.diaSym {border: solid 1px #fff; color: #8b4513; cursor: pointer;
  font-weight: normal; margin-left: 1pt; margin-right: 1pt;
  padding-left: 2pt; padding-right: 2pt;}
.diaSym:hover {background: #f5f5f5; border: solid 1px #999; color: #000;}

/* Quick Look */
.quickTbl {
  border-top: solid 1px #f1d8b8;
  border-left: solid 1px #95724c; border-right: solid 1px #95724c; border-bottom: solid 1px #95724c;
  border-collapse: collapse; border-spacing: 0; width: 100%; empty-cells: show;
  margin-bottom: 15pt;}
.quickTbl th, .quickTbl td {font-size: 8pt;}
.quickTr {background-color: #eee;}
.quickHdr {background-color: #dbb381; background:linear-gradient(#dbb381 70%, #cd9161);
  border-left: solid 1px #963; border-right: solid 1px #963; border-bottom: solid 1px #963;
  padding: 2pt 3pt; vertical-align: top;}
.quickTd, .quickTdNoWrap, .quickTdNum {padding: 2pt 3pt;
  vertical-align: top;}
.quickTdNoWrap {white-space: nowrap;}
.quickTdNum {text-align: right; width: 1%; white-space: nowrap;}
.quickTdText {padding: 5pt 3pt; vertical-align: top;}
.quickTdEmDiv {border-top: 2px solid #5a0; height: 1px; padding:0;}
.quickPanel {background: #ffebcd; border: solid 1px #95724c;
  padding: 2pt 3pt; text-align: center;}
.quickMenu {color: #95724c;
  font-size: 8pt; font-weight: bold; line-height: 1.5; margin: 5pt 0;}
table.quickPad {width: 100%;
  background-color: #eee; background: linear-gradient(#f5f5f5,#eee, #eee, #ccc);
  border-top: solid 1px #aaa; border-bottom: solid 1px #aaa; border-right: solid 1px #aaa;
  border-spacing: 0; border-collapse: collapse;}
table.quickPad th {
  border-left: solid 1px #999;
  font-size: 10px; padding: 3pt 2pt; white-space: nowrap;}
.quickPadn {background: #fff; margin: 5pt 0;}
.quickPadn table {border:none; border-spacing: 0; margin: 0 auto;}
.quickPadn th {font-size: 9pt; font-weight: normal; border-right: solid 1px #dcb; padding: 3pt 5pt;}
.quickPadn th:last-child {border-right: none;}

/* Link like a grey button */
a.greyBtn:link, a.greyBtn:visited {
  background: #ccc; border: solid 1px #777; color: #777;
  font-size: 10px; font-weight: bold;
  margin: 0; padding: 2px 5px;
  text-decoration: none;
  white-space: nowrap;
}
a.greyBtn:hover {
  background: #eee; color: #555;
}

/* Pop up content */
td.popUpMainContainer {
	font-size: 8pt;
	padding: 2pt 3pt;
	vertical-align: top;
}

/* Master benefits */
div.masterBenefits {margin-top: 16pt; margin-bottom: 16pt;}
div.masterBenefits ul {margin: 8pt 12pt; padding: 0;}
div.masterBenefits li {list-style-type: disc;}
div.masterBenefits li ul {margin: 8pt 24pt;}
div.masterBenefits li li {list-style-type: disc;}

div.ctlcopy {position: absolute; top: -9000px; left: -9000px; white-space: pre-wrap;}

/* Upload files */
.tcUpload {display: none;}
.tcUpload h2 {margin: 0 0 18pt 0; text-align: center;}
.tcUpload .msg p {background: #fde8b3; border: solid 1px #e6ca7f; font-size: 8pt; margin: 8pt 0; padding: 5pt;}
.tcUpload .msg .btns {text-align: center; margin-top: 8pt;}
.tcUpload .msg .btns input {background: #841; border: solid 1px #530; color: #fff; padding: 2pt 8pt; margin: 0 3pt;}

/* Section title with button and scroll to the top of a page. */
.sectionTitle {background: #ece7df; border: solid 1px #dfd7ca; border-bottom: solid 2pt #cba;
  font-weight: normal; margin: 16pt 0 5pt 0; padding: 5pt 0 2pt 5pt; vertical-align: bottom;}
.sectionTitle.dim {color: #876;}
.sectionTitle .ctl {float:right; font-style: normal;}
.sectionTitle[dir="rtl"] .ctl {float:left;}
.sectionTitle .ctl a {border: solid 1px #ece7df; font-size: 8pt; margin: 0; padding: 1pt 5pt 2pt 5pt;
  position:relative; bottom: 1pt;}
.sectionTitle .ctl a:hover {border: solid 1px #dfd7ca; background: #fff;}
.sectionTitle .ctl img {width: 7px; height: 9px; border: none; padding: 2pt 1pt; margin: 0;
  vertical-align: middle;}

.timeZoneInfo {margin: 8pt 0; font-size: 8pt; color: #876; padding-top: 2pt; padding-bottom: 2pt;
  background-image: url(img/checkOutOff.gif); background-repeat: no-repeat;
  background-position: left center; padding-left: 15pt;}
.timeZoneInfo[dir="rtl"] {background-position: right center; padding-left: 0; padding-right: 15pt;}

.tcHelp img {border:none;height:11px;width:11px;margin:0;padding:0;}
.tcHelp sup, .tcHelp.qmark {background:#dbb381;color:#fff;border-radius:1pt;padding:1px 3pt;margin:0 2pt;
  cursor:pointer;}
.tcHelp sup:hover, .tcHelp.qmark:hover {background:#d80;}
.tcHelp sup {font-size:85%;font-weight:bold;
  line-height:0;position:relative;vertical-align:baseline;top:-0.3em;}