/*
 * Developed by Stanislav Lakhtin and Boris Okunskiy.
 * Copyright (C) 2007-2010 lete.whiteants.net
 */

/* Some commonly used features */

.printOnly {
  display: none
}

textarea {
  width: 100%;
  height: 150px;
}

.no-borders, .no-borders * tr, .no-borders * td {
  border: 0 !important;
}

.em {
  font-style: italic
}

.strong {
  font-weight: bold
}

.clearer, .clear {
  clear: both
}

.w5 {
  width: 5%
}

.w10 {
  width: 10%
}

.w47 {
  width: 47%
}

.w45 {
  width: 45%
}

.pad-small {
  height: 4px
}

.col-top-align {
  vertical-align: top
}

.col-middle-align {
  vertical-align: middle
}

.col-50p-mid {
  width: 50%;
  vertical-align: middle;
}

.col-33p-mid {
  width: 33%;
  vertical-align: middle;
}

.col-66p-mid {
  width: 66%;
  vertical-align: middle;
}

.col-25p-mid {
  width: 25%;
  vertical-align: middle;
}

.col-20p-mid {
  width: 20%;
  vertical-align: middle;
}

.col-50p-top {
  width: 50%;
  vertical-align: top;
}

.col-33p-top {
  width: 33%;
  vertical-align: top;
}

.col-66p-top {
  width: 66%;
  vertical-align: top;
}

.col-25p-top {
  width: 25%;
  vertical-align: top;
}

.col-20p-top {
  width: 20%;
  vertical-align: top;
}

.no-items {
  color: #777777 !important;
}

.highlight {
  color: #4C84BD !important;
}

.top-dash {
  border-top: 1px dashed #ccc;
  display: block;
  margin-top: 8px;
}

.bottom-dash {
  border-bottom: 1px dashed #ccc;
  display: block;
  margin-bottom: 8px;
}

/* Layout stuff */

.page-breadcrumb {
  list-style: none outside;
  margin: -8px -8px 8px;
  padding: 0;
  background: #eee;
  box-shadow: 0 1px 2px #aaa;
  -moz-box-shadow: 0 1px 2px #aaa;
  -webkit-box-shadow: 0 1px 2px #aaa;
  overflow: hidden;
  height: 24px;
}

.page-breadcrumb > li {
  float: left;
}

.page-breadcrumb > li > span, .page-breadcrumb > li > a {
  font-size: 13px;
  line-height: 24px;
  display: block;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  padding: 0 32px 0 12px;
  border-left: 1px solid #aaa;
  background: #ddd;
  background: -moz-linear-gradient(-90deg, #eee, #ccc);
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
  margin-left: -24px;
  text-shadow: 0 1px 1px #fff;
}

.page-breadcrumb > li:last-child > span, .page-breadcrumb > li:last-child > a {
  background: #eee;
  border-left: 1px solid #ccc;
}

.page-breadcrumb > li:first-child > span, .page-breadcrumb > li:first-child > a {
  background-image: url(/static/img/icons/16/home.png);
  background-position: 30px 4px;
  background-repeat: no-repeat;
  background: url(/static/img/icons/16/home.png) 30px 4px no-repeat, -moz-linear-gradient(-90deg, #eee, #ccc);
  background: url(/static/img/icons/16/home.png) 30px 4px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
  padding-left: 52px;
  border-right: 1px solid #ccc;
}

.page-breadcrumb > li.ellipsis > ul {
  display: none;
  list-style: none outside;
  position: absolute;
  padding: 0;
  margin: 0 0 0 -24px;
  border-bottom: 1px solid #aaa;
}

.page-breadcrumb > li.ellipsis > ul > li > span, .page-breadcrumb > li.ellipsis > ul > li > a {
  font-size: 13px;
  line-height: 24px;
  display: block;
  padding: 0 16px;
  border: 1px solid #aaa;
  border-width: 1px 1px 0;
  background: #ddd;
  background: -moz-linear-gradient(-90deg, #eee, #ccc);
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
  text-shadow: 0 1px 1px #fff;
}

.page-breadcrumb > li.ellipsis:hover > ul {
  display: block;
}

.details {
  color: #4C84BD !important;
  font-size: 7.5pt !important;
}

.input-search {
  background: transparent url("../img/soleil/misc/input-search.png") no-repeat !important;
}

.action-text {
  font-size: 12pt;
  font-weight: bold;
  display: block;
}

/* Font sizers */
.small, .small *, .small span, span.small, a.small, .small a, .small a * {
  font-size: 8pt;
}

.large, .large *, .large span, span.large {
  font-size: 12pt;
}

/* Page areas */

.page-title {
  font-size: 12pt;
  font-weight: bold;
}

.page-subtitle {
  font-size: 10pt;
  font-weight: bold;
}

.pad {
  padding: 4px
}

/* Miscellaneous */
a img {
  border: 0;
}

.ajawActions .iceOutTxt {
  padding: 4px;
}

.table-summary {
  float: right;
}

.table-summary * {
  font-size: 8pt;
}

/* Registration  */
div.STATUS_BLANK {
  background: transparent url(../img/icons/16/help.png) no-repeat scroll left top !important;
  margin: -2px 0 0 -2px !important;
  padding: 2px 0 0 2px !important;
}

div.STATUS_INVALID {
  background: transparent url(../img/icons/16/warning.png) no-repeat scroll left top !important;
  margin: -2px 0 0 -2px !important;
  padding: 2px 0 0 2px !important;
}

div.STATUS_ACCEPTED {
  background: transparent url(../img/icons/16/accept.png) no-repeat scroll left top !important;
  margin: -2px 0 0 -2px !important;
  padding: 2px 0 0 2px !important;
}

/* Attributes in users profile */

.attributes-column div span.iceOutTxt {
  display: inline !important;
}

.attributes-select-menu * {
  display: block !important;
}

.attributes-view-value {
  display: inline;
  color: #000000;
}

.attributes-request-present {
  font-style: italic;
}

.attributes-request {
  display: block !important;
  border: 1px solid #dddddd;
  background: white;
  padding: 8px;
}

dl.dataList dd {
  margin: 0;
}

dl.dataList dt {
  margin: 0 0 0 16px;
}

dl.dataList dt * {
  color: #4C84BD;
}

/* Style to be used in data tables with generated columns */
.entries-tbl tr td {
  width: auto !important;
}

.fragment, .action-pane,
.icePnlClpsbl, .icePnlClpsblColpsd,
.icePnlClpsblHdr, .icePnlClpsblColpsdHdr {
  overflow: hidden;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  box-shadow: 1px 1px 3px #777;
  -webkit-box-shadow: 1px 1px 3px #777;
  -moz-box-shadow: 1px 1px 3px #777;
  -o-box-shadow: 1px 1px 3px #777;
  background: #fffeee;
}

.fragment {
  padding: 8px;
  margin: 0 8px 8px;
}

/* Action pane */

.action-pane {
  height: 32px;
  margin: 8px;
  background: url(../img/soleil/css/action-pane-c.png) 0 -8px repeat-x;
}

.action-pane a {
  display: block;
  width: 32px;
  height: 32px;
  float: left;
  margin: 0 4px;
  vertical-align: middle;
}

.action-pane .iceSelOneMnu {
  display: block;
  float: left;
  margin: 8px 0 0 0;
  width: auto;
}

.iceSelOneRb {
  border: 0;
  padding: 0;
  font-size: 9pt;
  color: #555555;
}

/* Action button */

.cmd {
  background: #cecaba url("../img/soleil/css/gr-white.png") repeat-x;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border: 1px solid #ccc;
  overflow: hidden;
  margin: 4px;
  box-shadow: 0 1px 1px #fff;
  -webkit-box-shadow: 0 1px 1px #fff;
  -moz-box-shadow: 0 1px 1px #fff;
  -o-box-shadow: 0 1px 1px #fff;
}

.cmd:active {
  background: #ddd8ce;
}

.cmd .icon {
  float: left;
}

.cmd .lbl {
  font-size: 14px;
  white-space: nowrap;
}

a:hover .cmd .lbl {
  color: #333;
}

.cmd .desc {
  font-size: 10px
}

/* Command columns */
.commandColumn a {
  -moz-opacity: .85;
  -khtml-opacity: .85;
  opacity: .85;
}

.commandColumn a:hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

/* Buttons */

.button-16 {
  display: block;
  width: 16px;
  height: 16px;
}

.button-24 {
  display: block;
  width: 24px;
  height: 24px;
}

.button-32 {
  display: block;
  width: 32px;
  height: 32px;
}

.button-b-cancel {
  background: url(../img/soleil/buttons/b-cancel.png) no-repeat;
}

.button-b-refresh {
  background: url(../img/icons/32/refresh.png) no-repeat;
}

.button-b-back {
  background: url(../img/soleil/buttons/b-back.png) no-repeat;
}

.button-b-next {
  background: url(../img/soleil/buttons/b-next.png) no-repeat;
}

.button-bs-down {
  background: url(../img/soleil/buttons/b16-down.png) no-repeat;
}

.button-bs-up {
  background: url(../img/soleil/buttons/b16-up.png) no-repeat;
}

.button-r-delete {
  background: url(../img/soleil/buttons/r-delete.png) no-repeat;
}

.button-r-delete:hover {
  background: url(../img/soleil/buttons/r-delete-h.png) no-repeat;
}

.button-r-add {
  background: url(../img/soleil/buttons/r-add.png) no-repeat;
}

.button-r-add:hover {
  background: url(../img/soleil/buttons/r-add-h.png) no-repeat;
}

.button-r-edit {
  background: url(../img/soleil/buttons/r-edit.png) no-repeat;
}

.button-r-edit:hover {
  background: url(../img/soleil/buttons/r-edit-h.png) no-repeat;
}

.button-r-commit {
  background: url(../img/soleil/buttons/r-commit.png) no-repeat;
}

.button-r-commit:hover {
  background: url(../img/soleil/buttons/r-commit-h.png) no-repeat;
}

.button-r-warn {
  background: url(../img/soleil/buttons/r-warn.png) no-repeat;
}

.button-r-warn:hover {
  background: url(../img/soleil/buttons/r-warn-h.png) no-repeat;
}

.button-r-accept {
  background: url(../img/soleil/buttons/r-accept.png) no-repeat;
}

.button-r-accept:hover {
  background: url(../img/soleil/buttons/r-accept-h.png) no-repeat;
}

.button-r-revert {
  background: url(../img/soleil/buttons/r-revert.png) no-repeat;
}

.button-r-revert:hover {
  background: url(../img/soleil/buttons/r-revert-h.png) no-repeat;
}

.button-r-tags {
  background: url(../img/soleil/buttons/r-tags.png) no-repeat;
}

.button-r-tags:hover {
  background: url(../img/soleil/buttons/r-tags-h.png) no-repeat;
}

.button-r-entries {
  background: url(../img/soleil/buttons/r-entries.png) no-repeat;
}

.button-r-entries:hover {
  background: url(../img/soleil/buttons/r-entries-h.png) no-repeat;
}

.button-r-attr-boolean {
  background: url(../img/soleil/buttons/r-attr-boolean.png) no-repeat;
}

.button-r-attr-boolean:hover {
  background: url(../img/soleil/buttons/r-attr-boolean-h.png) no-repeat;
}

.button-r-attr-string {
  background: url(../img/soleil/buttons/r-attr-string.png) no-repeat;
}

.button-r-attr-string:hover {
  background: url(../img/soleil/buttons/r-attr-string-h.png) no-repeat;
}

.button-r-attr-date {
  background: url(../img/soleil/buttons/r-attr-date.png) no-repeat;
}

.button-r-attr-date:hover {
  background: url(../img/soleil/buttons/r-attr-date-h.png) no-repeat;
}

.button-r-attr-select {
  background: url(../img/soleil/buttons/r-attr-select.png) no-repeat;
}

.button-r-attr-select:hover {
  background: url(../img/soleil/buttons/r-attr-select-h.png) no-repeat;
}

.button-r-users {
  background: url(../img/soleil/buttons/r-users.png) no-repeat;
}

.button-r-users:hover {
  background: url(../img/soleil/buttons/r-users-h.png) no-repeat;
}

.button-r-forms {
  background: url(../img/soleil/buttons/r-forms.png) no-repeat;
}

.button-r-forms:hover {
  background: url(../img/soleil/buttons/r-forms-h.png) no-repeat;
}

.button-r-packages {
  background: url(../img/soleil/buttons/r-packages.png) no-repeat;
}

.button-r-packages:hover {
  background: url(../img/soleil/buttons/r-packages-h.png) no-repeat;
}

.button-r-file {
  background: url(../img/soleil/buttons/r-file.png) no-repeat;
}

.button-r-file:hover {
  background: url(../img/soleil/buttons/r-file-h.png) no-repeat;
}

.button-r-files {
  background: url(../img/soleil/buttons/r-files.png) no-repeat;
}

.button-r-files:hover {
  background: url(../img/soleil/buttons/r-files-h.png) no-repeat;
}

.button-r-rate {
  background: url(../img/soleil/buttons/r-rate.png) no-repeat;
}

.button-r-rate:hover {
  background: url(../img/soleil/buttons/r-rate-h.png) no-repeat;
}

/* Data table */

.iceDatTbl thead tr th {
  border-bottom: 1px dashed #999999;
}

.iceDatTbl tr:hover {
  background: #F6EFC3;
}

.iceDatTblColHdr, .iceDatTblColHdr1, .iceDatTblColHdr2, .iceDatTblColGrpHdrCol, .iceDatTblFtr {
  background: transparent;
  border: 0;
  color: #333333;
  font: normal bold 11px;
  padding: 2px;
}

.iceDatTblFtr {
  text-align: right;
}

.iceDatTblColHdr, .iceDatTblColHdr1, .iceDatTblColHdr2, .iceDatTblColGrpHdrCol, .leftFooterFtr {
  text-align: left;
}

.iceCmdSrtHdr {
  color: #333333;
  display: block;
  height: 100%;
  padding: 0;
  text-decoration: none;
}

.iceCmdSrtHdrAsc {
  background: url(../img/soleil/css/sort-asc.png) center center no-repeat;
  height: 8px;
  width: 16px;
}

.iceCmdSrtHdrDesc {
  background: url(../img/soleil/css/sort-desc.png) center center no-repeat;
  height: 8px;
  width: 16px;
}

.iceDatTblCol, .iceDatTblCol1, .iceDatTblCol2 {
  border-bottom: 1px dashed #dddddd;
  border-right: 0;
  text-align: left;
}

.iceDatTbl {
  border-collapse: collapse;
  border: 0;
}

.iceDatTblColHdr1 .iceOutTxt, .iceDatTblColHdr2 .iceOutTxt, .iceDatTblColHdr3 .iceOutTxt, .iceDatTblColHdr4 .iceOutTxt {
  padding: 0;
}

.iceDatTblFtr .iceOutTxt {
  font-size: 8pt;
}

.iceCmdSrtHdr td {
  font-size: 9pt;
  font-weight: bold;
  color: #333333;
}

.iceRowSelSelected .iceOutTxt {
  color: #4C84BD; /*color:#4C84BD;*/
}

.iceRowSelSelected, .iceRowSelSelected td {
  background: #FFFDD1;
}

.iceRowSelMouseOver {
  background: #f6efc3;
}

.iceRowSelMouseOver .iceOutTxt {
  color: #000000;
}

.iceRowSelSelectedMouseOver {
  background: #fffdaf;
}

.iceRowSelSelectedMouseOver .iceOutTxt {
  color: #000000;
}

.iceDatTbl td {
  padding: 4px;
}

/* Outputs and inputs */

.iceOutTxt, .iceOutLbl, .iceOutFrmt {
  color: #555555;
  font-size: 9pt;
}

.iceCmdLnk, .iceOutLnk, .iceCmdLnk > span, .iceCmdLnk > .iceOutTxt {
  color: #4C84BD;
  font-size: 9pt;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
}

.iceInpTxt, .iceSelOneMnu, .iceInpSecrt, .iceInpTxt-dis {
  border: 1px solid #dddddd;
  background: #fffffa;
}

.iceSelOneMnu {
  width: 200px;
}

/* Panel popup */

.icePnlPop {
  background: #d9d9d9 !important;
  border: 16px solid #eeeeee !important;
}

/* Data paginator */

.iceDatPgrScrCol a, .iceDatPgrCol a {
  display: block;
  padding: 3px 5px;
  text-decoration: none;
  border: 0;
  font-size: 9pt;
  font-weight: bold;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.iceDatPgrScrCol a {
  padding: 3px 5px;
  background-color: #b8a789;
  border: 0;
  color: #FFFFFF;
}

.iceDatPgrScrCol a:hover {
  padding: 3px 5px;
  border: 0;
  color: #000000;
  text-decoration: none;
}

.iceDatPgrCol a {
  color: #807258;
  border: 0;
  padding: 3px 5px;
  text-decoration: none;
}

.iceDatPgrCol a:hover {
  color: #000000;
  border: 0;
  padding: 3px 5px;
  text-decoration: none;
}

/* Panel grid */

.icePnlGrd tr td {
  vertical-align: top;
}

/* Panel Collapsible */

.icePnlClpsbl, .icePnlClpsblColpsd {
  border: 0;
  margin: 4px;
  background: #d1c7a1;
}

.icePnlClpsblHdr, .icePnlClpsblColpsdHdr {
  cursor: pointer;
  margin-bottom: 1px;
}

.icePnlClpsblHdr span, .icePnlClpsblColpsdHdr span {
  display: block;
  line-height: 16px;
}

.icePnlClpsblHdr span {
  background: transparent url(../img/soleil/buttons/b16-up.png) right no-repeat;
}

.icePnlClpsblColpsdHdr span {
  background: transparent url(../img/soleil/buttons/b16-down.png) right no-repeat;
}

.icePnlClpsblHdr .iceOutTxt, .icePnlClpsblColpsdHdr .iceOutTxt {
  color: #333333 !important;
  font-weight: bold;
  text-shadow: 0 1px 1px #ccccc0;
  text-indent: 8px;
}

.icePnlClpsblHdr {
  background: url(../img/soleil/css/collapsible-header-active-c.png) repeat-x 0 -8px;
  height: 16px;
  padding: 4px;
}

.icePnlClpsblColpsdHdr {
  background: url(../img/soleil/css/collapsible-header-inactive-c.png) repeat-x 0 -8px;
  height: 16px;
  padding: 4px;
}

.icePnlClpsblCnt {
  background: #d1c7a1;
  padding: 8px;
}

/* Output rich */

.outputRich {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  overflow: hidden;
}

/* Messages */

.iceMsgsInfo, .iceMsgsError, .iceMsgsWarn {
  display: block;
  padding: 8px;
  margin: 0 6px 8px 8px;
  font-size: 9pt;
  color: #333333;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.iceMsgsInfo {
/*background-color:#cfdcf0;*/
/*border:#5587bb 1px solid;*/
  background-color: #cff0aa;
  border: #4C84BD 1px solid;
}

.iceMsgsWarn {
  background-color: #ffffee;
  border: #dddd55 1px solid;
}

.iceMsgsError {
  background-color: #ffcccc;
  border: #ff5555 1px solid;
}

/* Select many check box */

.iceSelMnyCb {
  font-size: 9pt;
  border: 0;
  color: #555;
}

/* Calendar */
.iceSelInpDate {
  background-color: #FFFFFF;
  border-right: none;
  border-bottom: none;
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  margin-top: 10px;
}

.iceSelInpDateIFrameFix, .iceIEIFrameFix {
  z-index: -1;
  position: absolute;
  display: block;
}

.iceSelInpDatePopup {
  display: inline;
  min-width: 172px;
}

.iceSelInpDateInput {
  width: 150px;
  margin: 2px;
  border: 1px solid #ddd;
}

input.iceSelInpDateOpenPopup {
  display: inline;
  text-decoration: none;
  background: transparent url(../img/soleil/css/sort-asc.png) no-repeat;
  text-align: center;
  border: none;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  vertical-align: middle;
}

input.iceSelInpDateClosePopup {
  display: inline;
  text-decoration: none;
  background: transparent url(../img/soleil/css/sort-desc.png) no-repeat;
  text-align: center;
  border: none;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  vertical-align: middle;
}

.iceSelInpDateMonthYear {
  background: #F5F5F5;
  font-weight: bold;
  text-align: center;
  color: #666;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 4px;
  padding-bottom: 4px;

}

.iceSelInpDateMoYrDropdown {
  background: #F5F5F5;
  font-weight: bold;
  color: #666;
}

.iceSelInpDateMonthYear img {
  border: none;
  margin-left: 3px;
  padding: 3px;
}

.iceSelInpDateMovePrev {
  text-decoration: none;
  display: inline;
  background: transparent url(../img/soleil/css/paging-previous.png) no-repeat;
  text-align: center;
  border: none;
  width: 24px;
  height: 24px;
}

.iceSelInpDateMoveNext {
  text-decoration: none;
  display: inline;
  background: transparent url(../img/soleil/css/paging-next.png) no-repeat;
  text-align: center;
  border: none;
  width: 24px;
  height: 24px;
}

.iceSelInpDateWeek {
  font-weight: normal;
  color: #666;
  text-align: center;
  padding: 3px;
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  width: 22px;
}

.iceSelInpDateDay {
  text-align: center;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  padding: 3px;
}

.iceSelInpDateCur {
  background: #faa620;
  text-align: center;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

.iceSelInpDateCur .iceCmdLnk {
  background: none;
  border: none;
}

.iceSelInpDateCur .iceOutTxt {
  color: #FFFFFF;
}

.weekend {
  background: #e9e9e9;
}

.weekend .iceOutTxt {
  color: #666;
}

.weekend .iceCmdLnk {
  background: none;
  border: none;
}

.iceSelInpDateDay a {
  text-decoration: none;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #000000;
  width: 100%;
  height: 100%;
  padding: 0;
  display: block;
}

.iceSelInpDateCur a {
  text-decoration: none; /*background-color: #2A6CC2;*/
/*border: 1px solid #2A6CC2;*/
  background-color: #4C84BD;
  border: 1px solid #4C84BD;
  color: #FFFFFF;
  width: 100%;
  height: 100%;
  padding: 0;
  display: block;
}

.iceSelInpDateDay a:hover {
  text-decoration: none;
  color: #666;
}

/* Progress bars */

.grade {
  border: 1px solid #dddddd;
  background: #eee;
}

.grade, .grade-progress {
  overflow: hidden;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
}

.grade .overlay {
  position: relative;
  z-index: 10000;
  background: url(../img/soleil/css/white-overlay.png) repeat-x;
  width: 100%;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
}

/*             styles for the star rater                */
.star-rating {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 100px;
  height: 20px;
  position: relative;
  background: url(../img/soleil/misc/star_rating.gif) top left repeat-x;
}

.star-rating li {
  padding: 0px;
  margin: 0px;
  float: left;
}

.star-rating li a {
  display: block;
  width: 20px;
  height: 20px;
  text-decoration: none;
  text-indent: -9000px;
  z-index: 20;
  position: absolute;
  padding: 0px;
}

.star-rating li a:hover {
  background: url(../img/soleil/misc/star_rating.gif) left bottom;
  z-index: 1;
  left: 0px;
}

.star-rating a.one-star {
  left: 0px;
}

.star-rating a.one-star:hover {
  width: 20px;
}

.star-rating a.two-stars {
  left: 20px;
}

.star-rating a.two-stars:hover {
  width: 40px;
}

.star-rating a.three-stars:hover {
  width: 60px;
}

.star-rating a.three-stars {
  left: 40px;
}

.star-rating a.four-stars {
  left: 60px;
}

.star-rating a.four-stars:hover {
  width: 80px;
}

.star-rating a.five-stars {
  left: 80px;
}

.star-rating a.five-stars:hover {
  width: 100px;
}

.fileAttributes a span {
  font-style: italic;
  font-size: 0.9em;
}

/* Tree-like tables */

.tree .treePad {
  float: left;
  height: 24px;
  background: url(../img/soleil/css/treedepth-bkg.png) top right no-repeat;
}

.tree td {
  padding: 0 !important;
}

/* Event logging templates */

.event * {
  font-family: tahoma, sans-serif;
  font-size: 12px;
  color: #555;
}

.event h1, .event h2 {
  margin: 1em 0 .3em;
}

.event h1 {
  font-size: 1.2em;
}

.event .eventData {
  margin-top: 1em;
  border-top: 1px dashed #aaa;
}

.event .eventData * {
  font-size: 0.85em;
}

.event .timestamp {
  color: #aa00aa;
}

.event .user {
  color: #00aa00;
}

.event .goal {
  color: #3377ff;
}

.event .impersonation *, .event dd {
  font-style: italic;
}

.event dt {
  text-decoration: underline;
}

/* Search results */
.srLeft {
  width: 38%;
  vertical-align: top;
}

.srRight {
  width: 62%;
  vertical-align: top;
}

.currency-link {
  padding-left: 16px;
}

.currency-link:hover {
  background: url(../img/icons/16/dollar_currency_sign.png) no-repeat;
}

.label {
  padding: 8px 4px 4px;
  border: 1px solid #ccc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  margin: 4px;
  overflow: hidden;
}

.label img {
  display: block;
  float: left;
}

.label-title {
  font-weight: bold;
}

.label-dates, .label-dates span, .label-dates .iceOutTxt {
  font-size: 10px;
}

.section {
  background: #f5f5f0;
  border: 1px solid #dddddd;
  margin: 4px;
  padding: 4px 8px 4px 4px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  overflow: hidden;
}

.inactive-user, .inactive-user span {
  color: #555 !important;
}

.honours {
  color: #900;
  font-style: italic;
  font-size: 1em;
  font-family: Georgia, Times New Roman, Times, serif;
}

.bill-valid, .bill-valid * {
  color: #00aa00 !important
}

.bill-invalid, .bill-invalid * {
  color: #333333 !important
}

.bill-blocked, .bill-blocked * {
  color: #aa0000 !important
}

/* Panes and tiles */

.panes, .tiles {
  list-style: none outside;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.panes {
  margin: -8px -4px 0 -12px;
}

.panes h2, .iceFrm h2 {
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  margin: 0 0 8px;
}

.panes > li {
  padding: 8px 8px 8px 20px;
}

.panes > li:nth-child(even) {
  background: #f7f7ee;
}

.tiles {
  min-height: 72px;
}

.tiles > li {
  width: 112px;
  text-align: center;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
}

.tiles > li p {
  margin: 4px 0 0
}

.tiles > li p span {
  margin: 4px 0 0;
}

.tiles > li a {
  display: block;
  padding: 4px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.tiles > li a.link:hover {
  background: #eee;
}

.tiles .thumb {
  width: 64px;
  height: 64px;
}

.tiles .thumb_mask {
  width: 48px;
  height: 48px;
  margin-top: -48px;
  opacity: .75;
}

.tiles .thumb_overlay {
  margin: -28px 0 0 48px;
  padding: 4px;
  overflow: hidden;
  height: 24px;
}

.tiles span.thumb {
  font-size: 48px;
}

.tiles .thumb_colv {
  width: 20px;
  height: 20px;
  margin-top: -18px;
  opacity: .95;
  display: block;
  font-size: 12px;
  margin-left: 65px;
  background-color: red;
  border-radius: 16px;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  line-height: 18px;
  border: 2px solid #fff;
  box-shadow: 2px 2px 2px #ccc, inset 0 0 10px #ddd;
  -webkit-box-shadow: 2px 2px 2px #ccc, inset 0 0 10px #ddd;
  -moz-box-shadow: 2px 2px 2px #ccc, inset 0 0 10px #ddd;

}

.uploadReview .thumb {
  min-width: 300px;
  height: 200px;
  cursor: pointer;
}

#subcontent {
  width: 98%;
  float: left;
  padding: 8px;
  z-index: 5;
  position: relative;
}

.help {
  overflow: hidden;
  width: 350px;
  padding: 10px 30px;
  box-shadow: 0 1px 2px #AAAAAA;
  -moz-box-shadow: 0 1px 2px #AAAAAA;
  -webkit-box-shadow: 0 1px 2px #AAAAAA;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  z-index: 10;
  background: none repeat scroll 0 0 #EEEEEE;
  border: 1px solid #DDDDDD;
  position: absolute;
  left: 0;
  top: 0;
}

#helpActions {
  width: 32px;
  box-shadow: 0 1px 2px #AAAAAA;
  -moz-box-shadow: 0 1px 2px #AAAAAA;
  -webkit-box-shadow: 0 1px 2px #AAAAAA;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #DDDDDD;
  background: none repeat scroll 0 0 #EEEEEE;
  position: absolute;
  right: -8px;
  top: 3px;
  z-index: 20;
  cursor: pointer;
}

#helpWrapper {
  position: absolute;
  top: 0;
  left: 940px;
}

.metadata {
  display: none;
}

.cmd-button {
  display: inline-block;
  font-size: 20px;
  line-height: 1em;
  padding: 12px 16px;
  border: 0;
  border-radius: 4px 4px 6px 4px;
  -moz-border-radius: 4px 4px 6px 4px;
  -webkit-border-radius: 4px 4px 6px 4px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75);
  cursor: pointer;
  color: #5D84BA;
  text-shadow: 0 1px 1px white;
  text-decoration: none;
  background: #F0F0F0;
}

#payment-types ul {
  margin: 0 auto;
  list-style-type: none;
  width: 600px;
  list-style: none;
}

#payment-types li {
  float: left;
  width: 350px;
  margin-right: 0;
  margin-top: 10px;
}

.cards li {
  width:100px!important;
}

.clear-after::after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

.visa, .mc, .visaElectron, .amEx, .dC {
  width: 64px;
}

.rsb, .sber {
  width: 310px;
}

#payment-types .logo {
  height: 64px;
  float: left;
  margin-left: 4px;
}

#payment-types li input {
  float: left;
  margin: 25px 0 0 8px;
}

.cards li input{
  margin: 18px 0 0 8px!important;
}

#payment-types .visa {
  background: url(../img/payments/visa.png) no-repeat;
}

#payment-types .mc {
  background: url(../img/payments/mastercard.png) no-repeat;
}

#payment-types .visaElectron {
  background: url(../img/payments/visaelectron.png) no-repeat;
}

#payment-types .rsb {
 background: url(../img/payments/rsb.png) no-repeat;
}

#payment-types .sber {
 background: url(../img/payments/sber1.png) no-repeat;
}

#payment-types li{
  position: relative;
}

#payment-types .amEx {
  background: url(../img/payments/amEx.png) no-repeat;
}

#payment-types .dC {
  background: url(../img/payments/dc.png) no-repeat;
}

#payment-types label {
  position:absolute;
  top:0;
  left:0;
  width:300px;
  height:64px;
}

table.summary {
  width:300px
}

table.summary tr td, table.templates tr td {
  vertical-align:middle;
}

table.summary tr td.val {
  text-align:center;
}