/* Select UI Language menu. Left Side Column elements. */
.uilTbl, .lscTbl, .lscDiv {background-color: #ffebcd;
  border: solid 1px #960; border-collapse: collapse;
  margin-bottom: 5pt; width: 160px;
}
.uilTitle, .lscTitle {background-color: #dbb381; 
  border: 1px #963 solid; color: #000; font-size: 10px;
  font-weight: bolder; height: 15px; padding: 3pt;
}

.uilL, .uilLr {padding: 3pt 1pt;}
.uilL {direction: ltr;}
.uilLr {direction: rtl; text-align: right;}
.uilL.top a, .uilLr a {background-image: url(img/seldd.gif); background-repeat: no-repeat;}
.uilL.top a {background-position: right center; padding-right: 12px;}
.uilLr a {background-position: 0 center; padding-left: 15px;}
.uilL.top a:hover, .uilLr.top a:hover {background-image: url(img/seldh.gif);}
.uilC, .uilCT {font-size: 8px; color: #fff; padding: 1px 2px; margin: 0 2pt;}
.uilL .uilC {float: left; width: 10pt; height: 8pt; position: relative; top: 0; left: 0;}
.uilLr .uilC {float: right; width: 10pt; height: 8pt; position: relative; top: 0;}
.uilC {background: #05a;}
.uilCT {background: #c20; white-space: nowrap;}
.uilI {margin-left: 2pt;}
.uilIr {margin-right: 2pt;}
.uilTd {width: 50%; vertical-align: top;}
.uilL, .uilLr, .uilL p, .uilLr p, .uilTd p {font-size: 10px;}
.uilBtn {margin-top: 8pt; text-align: center;}
.uilL a, .uilLr a {text-decoration: underline; white-space:normal;}

#uilHelp {border-top: solid 1px #ccc; font-size: 10px;
  margin-top: 7pt; padding-top: 3pt; width:auto;}

.uilBtm {color: #987; font-size: 10px; margin-top: 1pt;}
.uilBtm a {margin: 1pt; white-space: nowrap;}

td.tdNoSript {color: #f00; font-size: 11px; padding: 3pt;}

/* Left side info */
.lscTd, .lscTd p, .lscTd div {font-size: 10px;}
.lscTd {padding: 3pt 5pt;}
.lscTd h4 {margin: 0 0 8pt 0;}
.lscTd h4.top-space {margin-top: 16pt;}
.lscDiv {padding: 3px; width: 160px;}
.lscDiv h5, .lscDiv h6 {font-size: 10px; font-family: Verdana, sans-serif; color: #000;}
.lscTxt {font-size: 10px; border-top: solid 2px #c19270; padding-top: 2pt;}
.lscTd .mbox {margin: 4pt 0; line-height: 130%;}
.lscTd .mbox .value {background-color: #ebd2ad; color: #830; margin: 0 3pt; padding: 0 2pt;}

/* Right and left side insets */
.rsi, .lsi {background-color: #ffebcd;
  border: solid 1px #960; border-collapse: collapse;
  padding: 0 0 5pt 0; margin: 0 0 5pt 0;
}
.rsi {width: 160px;}
.lsi {width: 148px;}

.rsi table {border-collapse: collapse;}
.rsiHdr {background-color: #dbb381;
  border-bottom: 1px #963 solid; border-collapse: collapse;
  color: #000; margin: 0 0 5pt 0; padding: 0; width: 100%;}

img.rsii {width: 22px; height: 22px; border: none;}
.rsiRss {width: 36px; height: 14px; border: none; margin: 0 3pt; vertical-align: bottom;}
.rsiHdr h5, .rsiHdr td {color: #000;
  font-size: 10px; font-family: Verdana, sans-serif; font-weight: bold;
  margin: 0; padding: 3pt; vertical-align: middle;}
td.rsii {vertical-align: top; width:25px;}
.rsi h6 {font-size: 10px; font-family: Verdana, sans-serif; color: #000; margin: 3pt;}
.rsiTxt, .rsiTxtB, .rsiHTA, .rsiHTT, .rsiC {font-size: 10px;}
.rsiTxt-small {margin: 3pt;}
.rsiTxt-small, .rsiTxt-small p {font-size: 10px;}
.rsiTxt {border-top: solid 2px #c19270; margin: 3pt; padding-top: 2pt;}
.rsiTxtB {border-bottom: solid 2px #c19270; margin: 3pt; padding-bottom: 2pt;}
.rsiHTA {border-top: solid 1px #c19270; font-style: oblique; margin: 1px 3pt 3pt 3pt; padding-top: 2pt;}
.rsiHTT {border-bottom: solid 1px #c19270; font-weight: bold; margin: 3pt 3pt 1px 3pt; padding-bottom: 2pt;}
.rsiC {text-align: center; margin: 3pt;}
img.rsiAg, img.rsiTr {border: solid 1px #963; display: block;
            margin-left: auto; margin-right: auto;}
img.rsiAg {width: 150px;}
img.rsiTr {width: 100px;}
img.rsiWp {border: none; display: block; margin-left: auto; margin-right: auto; width: 156px;}
.rsiTCTS, .rsiSites {width: 100%;}
.rsiSites td.sites {font-size: 8pt; padding: 3pt;}
.rsiSites td.ag {background-image:url(img/brown.gif); background-repeat: no-repeat;
  background-position: 3px 6px; padding-left: 9pt;}
.rsiSites .legend {border-top: solid 1px #cba; border-bottom: solid 1px #cba; font-size: 7pt;}
.rsi hr, .lsi hr {border: none; background: #c97; padding: 0; margin: 3pt 0; height: 2px;}

/* System Messages */
.pErrBox, .pWarnBox, .pOkBox {
  color: #000; font-size: 8pt; margin: 3pt 0; padding: 3pt;
}
.pErrBox {background: #fdbdb3; border: solid 1px #e68e7f;}
.pWarnBox {background: #fde8b3; border: solid 1px #e6ca7f;}
.pOkBox {background: #cde7b0; border: solid 1px #b9d599;}

/* Send private message links. */
.sendPMlink {margin-top: 3pt;}
.sendPMimg {border: none;}

/* Specialization tree selector. */
div.tcSpecTreeSelectorPopup {background: #ffebcd; border: 2px solid #963; padding: 3pt;
  box-shadow: 0 0 0 1px #777, 0 0 5px 3px rgba(0,0,0,0.2);
  display: none; position: absolute; width: 500px; z-index: 1000;}
div.tcSpecTreeSelectorPopup h3 {font-size: 8pt; margin: 0 0 5pt 0;}
div.tcSpecTreeSelectorPopup h3 img {float: right; cursor: pointer; width: 16px; height: 16px;}
div.tcSpecTreeSelectorPopup[lang="rtl"] h3 img {float: left;}
div.tcSpecTreeSelectorPopup ol, div.tcSpecTreeSelectorPopup ul {color: #777;
    margin: 0; padding: 0;}
div.tcSpecTreeSelectorPopup ul {list-style-type: none;}
div.tcSpecTreeSelectorPopup li {color: #000; font-size: 8pt;
    margin-top: 3pt; margin-bottom: 3pt; padding: 0;}
div.tcSpecTreeSelectorPopup ol li {margin-left: 18pt;}
div.tcSpecTreeSelectorPopup[lang="rtl"] ol li {margin-right: 18pt; margin-left: 0;}
div.tcSpecTreeSelectorPopup ul li {margin-left: 0;}
div.tcSpecTreeSelectorPopup li div {margin: 5pt 0; font-size: 8pt;}
div.tcSpecTreeSelectorPopup .listContainer {background: #fff; border: 1px solid #aaa; clear: both;
    overflow-y: auto; padding: 2pt; height: 390px;}
div.tcSpecTreeSelectorPopup .listContainer li i {font-style: normal; cursor: pointer; color: #8b4513;}
div.tcSpecTreeSelectorPopup .listContainer li i.hover {color: #d2691e; text-decoration:underline;}
div.tcSpecTreeSelectorPopup .btnBlock {margin-top: 5pt; margin-bottom: 3pt;}
div.tcSpecTreeSelectorPopup .btnOk {width: 50pt;}
div.tcSpecTreeSelectorPopup .btnCancel {margin: auto 3pt;}
div.tcSpecTreeSelectorPopup .btnClear {background: transparent; border: none; color: #8b4513;
    text-decoration: underline;}

div.tcSpecTreeSelector select {width: 350px; height: 20px;}
div.tcSpecTreeSelector img {width: 23px; height: 20px; cursor: pointer; z-index: 100;
    vertical-align: middle; margin: 0 3pt;}
div.tcSpecTreeSelector .tcSpecTextList {margin-bottom: 3pt;}
div.tcSpecTreeSelector .tcSpecTextList em {font-style: normal; color: #c00;}
div.tcSpecTreeSelector .tcSpecChoose b, div.tcSpecTreeSelector .tcSpecChooseR b {
    background:#c96; border: solid 1px #963; color: #fff;
    font-size: 7pt; font-weight: bold; padding: 0 2px; cursor: pointer;}
div.tcSpecTreeSelector .tcSpecChooseR b {float:right; margin-left:5pt;}
/* Text box autocomplete helper. */
div.uiBoxAcListCnt {padding: 0; margin: 0;
    background: #fff; border: 1px solid #ccc;
    position: absolute; display: none;}
div.uiBoxAcListCnt ul {list-style-type: none; padding: 3pt 5px; margin: 0;}
div.uiBoxAcListCnt li {margin: 0; border: 1px solid #fff; padding: 3pt; font-size: 8pt; cursor: pointer;}
div.uiBoxAcListCnt li.em {background: #e5effe; border: 1px solid #c1d0e7;}

/* Text box clearable */
.clearableBox {background: #fff; border: solid 1px #876; padding: 2px 15px 2px 2px; position:relative;
  display:inline-block;}
.clearableBox input {background: #fff; border-width: 0; padding: 0; margin: 0; font-size: 9pt;
  outline: none;}
.clearableBox input::-ms-clear {display: none;}
.clearableBox.focus {box-shadow: 0 0 5px 3px rgba(220,180,0,0.3);}
.clearableBox b {width: 12px; height: 12px; padding: 0; margin: 0; top: 0; right: 3px; position: absolute;
  font-size: 9pt; font-family: Verdana;
  display:none;}
.clearableBox b.clear {cursor:pointer; color: #876;}
.clearableBox b.clear:hover {color: #930;}

/* User search */
.tcusCtrl {display: none;}
.tcusCtrl .tcusFn {font-size: 8pt; color: #876; font-weight: normal; margin-right: 3pt;}
.tcusCtrl .tcusBtns {text-align: right; padding: 8pt 3pt 3pt 3pt;}
.tcusCtrl .tcusBtns b {background: #841; border: solid 1px #510; color: #fec; cursor: default; font-size: 9pt;
  padding: 3pt 7pt;}
.tcusCtrl .tcusBtns b:hover {background: #a52; border-color: #730; color: #fff;}
.tcusCtrl .tcusWait {background-image: none;
  margin: 0 5pt; position: absolute; width: 20px; height: 20px;}
.tcusCtrl .tcusWaita {background-image: url(img/preloada.gif); background-repeat: no-repeat;
  background-position: center center;}
.tcusStatus {color: #876; font-size: 8pt; font-style:normal; float: left; text-align: left; width: 410px;}
.tcusList {border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; height: 260px; margin: 3pt 0;
  overflow: auto; overflow-x: hidden;}
.tcusList .msg {color: #765; font-size: 11pt; margin-top: 75px; text-align: center;}
.tcusList ul {list-style-type: none; margin: 0; padding: 0;}
.tcusList li {float: left; overflow: hidden; width: 170px; height: 45px; cursor: default;
  margin: 1pt; padding: 3px 0 3pt 15px; position: relative;
  background-image: url(img/check0.gif); background-position: left 3px; background-repeat: no-repeat;}
.tcusList li.sel {background-image: url(img/check1.gif);}
.tcusList.sn li {background-image: none;}
.tcusList.sn li.sel {background-image: url(img/radio1.png);}
.tcusList li i {display: block; margin-top: 1pt; font-size: 8pt; font-style: normal; color: #987; cursor: pointer;
  position: absolute; left: 46px; text-decoration: underline;} /*!!!*/
.tcusList li:hover {background-color: #ece7df;}
.tcusList li:hover i {text-decoration: underline; color: #841;}
.tcusList li img {border: solid 1px #987; display: block; float: left; margin-right: 3pt; width: 25px;}
.tcusList li div {width: 120px; overflow: hidden; font-size: 8pt; white-space: nowrap;
  text-overflow: ellipsis; }
.tcusList li div.info {font-style: normal; font-size: 7pt; color: #987;}
.tcusList li b {color: #841;}

/* Selected removable elements. */
.selectedElement {font-size: 8pt; font-weight: normal; background-color: #ece7df; border: solid 1px #ddc;
  padding: 1px 0 1px 3px; margin-right: 3px; white-space: nowrap;}
.selectedElement b {color: #987; cursor: pointer; margin-left: 2px; padding: 1px 3px; position: relative;}
.selectedElement b:hover {color: #fff; background-color: #841;}

.forumsNotifications {background: #fde8b3; border: solid 1px #ec7; margin: 3pt 0; padding: 5pt;}
.forumsNotifications h3 {color: #d00; font-weight: normal; font-size: 10pt; margin: 0 0 5pt 0;}
.forumsNotifications p {font-size: 8pt; margin: 0;}
.forumsNotifications .em {background: #e00; color: #fff; padding: 1pt 3pt;}

.tcUcVideoPromo {text-align: center;}
.tcUcVideoPromo h3 {border-top: solid 2px #db8; font-weight: normal; font-size: 90%; padding: 3pt 0;}
.tcUcVideoPromo div, .tcUcVideoPromo iframe {
  border: solid 1px #a98; box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
  margin: 3pt 0;}
/* placeholders */
.tc-youtube-ph {background-color: #ece7df;
  background-position: center; background-repeat: no-repeat;
  position: relative; display: inline-block;
  overflow: hidden;
  transition: all 200ms ease-out;
  cursor: pointer;}
.tc-youtube-ph .play {
  background: url('img/ytplay.png') no-repeat center center; background-size: 64px 64px;
  border: none;
  position: absolute; height: 100%; width: 100%;
  opacity: .7; filter: alpha(opacity=70);
  transition: all 0.2s ease-out;}
.tc-youtubeph .play:hover {
  opacity: 1;
  filter: alpha(opacity=100);}