/* View profile, desktop & mobile versions. */
.SampleTable {background-color: #ececec;
  border: solid 1px #aaa; border-spacing: 0; border-collapse: collapse; width: 100%;}
.SampleTable td {font-weight: bolder; font-size: 10px; height: 15px; border: solid 1px #aaa;
  background-color: #eee; background: linear-gradient(#f5f5f5,#eee, #eee, #ccc);
  padding: 3pt; text-align: center;}
.userInfo {margin: 8pt 0; width: 100%;}
.userInfo td {vertical-align: top;}
.userInfo td.userName {padding: 0 8pt;}
.userInfo h1 {margin-top: 0;}
.userInfo .timeZone {color: #777;}
.userInfo .timeZone i {color: #000; font-style: normal;}
.userInfo .timeZone img {vertical-align: bottom;}
.profileData {margin: 8pt 0 16pt 0;}
.profileData .sec{color: #876; margin-top: 16pt;}
.profileData .gray{color: #876;}
.slogan {margin: 8pt 0; font-style: italic;}
.Boxed {background-color: #d8e4ec; border: solid 1px #630;
  font-size: 11px; padding: 4px 4px; margin-right: 0; margin-left: 0;}
#tiv {color: #390; font-size: 10px; font-weight: bold; margin-top: -5pt; margin-bottom: 10pt;}
b.profScvRate {color: #841; cursor: pointer; font-weight: normal;}
b.profScvRate:hover {color: #d61; text-decoration: underline;}
#profileRatesCnt {display: none;}
#profileRatesCnt h3 {margin: 0; font-weight: bold;}
#profileRatesCnt table {border-collapse: collapse; border-spacing: 0; margin: 8pt 0; width: 100%;}
#profileRatesCnt table th {background-color: #f7f5f3; font-size: 90%;
  border-top: solid 1px #cbb; border-bottom: solid 1px #cbb; font-weight: normal; text-align: left;}
html[dir=rtl] #profileRatesCnt table th, body[dir=rtl] #profileRatesCnt table th {text-align: right;}
#profileRatesCnt table th, #profileRatesCnt table td {padding: 3pt;}
#profileRatesCnt th.rt, #profileRatesCnt td.rt {text-align: right;}
html[dir=rtl] #profileRatesCnt th.rt, body[dir=rtl] #profileRatesCnt th.rt, 
html[dir=rtl] #profileRatesCnt td.rt, body[dir=rtl] #profileRatesCnt td.rt {text-align: left;}
#profileRatesCnt table td {border-bottom: solid 1px #cbb; padding: 3pt;}
#profileRatesCnt .jpNote {display: none; font-size: 90%; margin: 8pt 0;}
#profileRatesCnt .btns {text-align: center;}
#profileRatesCnt .btns input {background: #8b4513; border: solid 1px #5b2b0c; border-radius: 2px;
  color: #fff; font-weight: bold; padding: 3pt 7pt;}
.profileSocSvc {line-height: 2.5;}
.profMsgId {font-weight: normal;}
.profileTable {border-spacing: 0; margin-bottom: 5pt; width: 100%;}
.profileTable th, .profileTable td {padding: 5pt; vertical-align: top;}
#ControlPanelTable h2 {margin: 3pt; font-size: 10pt; text-align: center;}
#ControlPanelTable .pmTbl {margin: 0 auto; width: auto;}
#ControlPanelTable .pmText {text-align: center; margin: 3pt 0 8pt 0;}
.emBox {border-color: #e00; border-width: 2pt; font-size:10pt; margin:8pt 0; padding: 5pt;}
.profSites {font-size: 10px; font-weight: bold; line-height: 1.5; padding-left: 32px; min-height: 24px;
  background-image:url(../img/globe24.gif); background-position: left top; background-repeat: no-repeat;}
html[dir=rtl] .profSites, body[dir=rtl] .profSites  {padding-left: 0; padding-right: 32px; background-position: right top;}
.profile-payment-options {border-spacing: 1pt; width:100%;}
.profile-payment-options td {background: #d8e4ec; border: solid 1px #abc; box-sizing: border-box;
  padding: 1pt; text-align:center; vertical-align: middle; width:25%;}
.profile-payment-options div {margin: 4pt 0;}
.profile-payment-options input[type=text] {color:#c00;text-align:right;}
.profile-top-ruler {border-top:solid 1px #aaa; margin-top:3pt; padding-top:3pt;}