/* Select UI Language menu. Left Side Column elements. */
.uilTbl, .lscTbl, .lscDiv {
  background-color: #ffebcd;
  border: solid 1px #996600;
  border-collapse: collapse;
  margin-bottom: 5pt;
  width: 150px;
}
.uilTitle, .lscTitle {
  background-color: #dbb381;
  background-position: right bottom;
  background-image: url(images/topmenu_bg.gif);
  background-repeat: repeat-x;
  border: 1px #996633 solid;
  color: #000;
  font-size: 10px;
  font-weight: bolder;
  height: 15px;
  padding: 3pt;
}

.uilA:active, .uilA:link, .uilA:visited
{
  background-image: url(/cafe/images/smArrow.gif);
  background-repeat: no-repeat;
  padding-right: 8px;
  display: block;
  color: #000;
  text-decoration: none;
}
.uilA:hover
{
  color: #d2691e;
  text-decoration: underline;
}
.uilL a {background-position: right center;}
.uilLr a {background-position: left center; margin-right: 17pt;}
.uilL {font-size: 10px; padding: 3pt 1pt; direction: ltr;}
.uilLr {font-size: 10px; padding: 3pt 1pt; direction: rtl; text-align: right;}
.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;}
.uilTd p {font-size: 10px;}
#uilSelector {
  background-color: #fff;
  border: solid 1px #999;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  padding: 5pt;
  z-index: 1010;
  width: 550px;
}
#uilSelector table {width: 100%;}
#uilSelector td.uilTd {font-size: 10px; margin-top: 5pt; width: auto !important;}

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

/* Login form */
.lgnFrm {margin: 0;}
.lgnTd, .lscTd {font-size: 10px; padding:3pt 5pt;}
.lgnFld {font-size: 10px; width: 130px;}
.lgnReg {font-size: 10px; margin-top: 5pt;}
div.lgnBtnDiv {margin: 5pt 0 0 0; padding: 0;}
input.lgnBtn {font-size: 10px; font-weight: bold; width: 130px; margin: 0;}

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

/* Left side info */
.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;}

/* Right and left side insets */
.rsi, .lsi {background-color: #ffebcd;
  background-image: url(images/rsibg.gif);
  background-position: right bottom;
  background-repeat: repeat-x;
  border: solid 1px #996600;
  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;
  background-position: right bottom;
  background-image: url(images/topmenu_bg.gif);
  background-repeat: repeat-x;
  border-bottom: 1px #996633 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 {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 #996633; 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;}
table.rsiTCTS {width: 100%;}

/* Link to help article. */
b.tcHelp {color: #8b4513; cursor: help; font-weight: normal;}
b.tcHelp:hover {color: #d2691e; text-decoration: underline;}

/* System Messages */
.pErrBox, .pWarnBox, .pOkBox {
  color: #000;
  font-size: 11px;
  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; 
}

/* Inbox panel */
#userInboxData {
  border-top: solid 1px #cba;
  border-bottom: solid 1px #cba;
  font-size: 10px;
  font-weight: bold;
  margin: 5pt 0;
  padding: 3pt 0;
}

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

/* Specialization tree selector. */
div.tcSpecTreeSelectorPopup {background: #ffebcd; border: 2px solid #963; padding: 3pt;
    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 .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: bottom; 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;}