SuiteCRM SuiteP Theme Readability Solutions

Facebooktwittergoogle_pluspinterestby feather

  font-size: 14px; }

.yui-toolbar-container .yui-push-button .first-child, .yui-toolbar-container .yui-color-button .first-child, .yui-toolbar-container .yui-menu-button .first-child {

  border-color: #808080;

  border-style: solid;

  border-width: 0 1px;

  margin: 0 -1px;

  display: block;

  position: relative; }

.yui-toolbar-container .yui-push-button-disabled .first-child, .yui-toolbar-container .yui-color-button-disabled .first-child, .yui-toolbar-container .yui-menu-button-disabled .first-child {

  border-color: #ccc; }

.yui-toolbar-container .yui-push-button-disabled a, .yui-toolbar-container .yui-color-button-disabled a, .yui-toolbar-container .yui-menu-button-disabled a {

  color: #A6A6A6;

  cursor: default; }

.yui-toolbar-container .yui-push-button-disabled, .yui-toolbar-container .yui-color-button-disabled, .yui-toolbar-container .yui-menu-button-disabled {

  border-color: #ccc; }

.yui-toolbar-container .yui-button .first-child {

  left: 0; }

.yui-toolbar-container .yui-toolbar-fontname {

  width: 135px; }

.yui-toolbar-container .yui-toolbar-heading {

  width: 92px; }

.yui-toolbar-container .yui-button-hover {

  border-color: #808080; }

.yui-toolbar-container .yui-button-selected {

  border-color: #808080; }

.yui-toolbar-container .yui-toolbar-nogrouplabels h3 {

  display: none; }

.yui-toolbar-container .yui-toolbar-nogrouplabels .yui-toolbar-group {

  margin-top: .75em; }

.yui-toolbar-container .yui-push-button span.yui-toolbar-icon, .yui-toolbar-container .yui-color-button span.yui-toolbar-icon, .yui-toolbar-container .yui-menu-button span.yui-toolbar-icon {

  display: block;

  position: absolute;

  top: 2px;

  height: 18px;

  width: 18px;

  overflow: hidden;

  background: url(editor-sprite.gif) no-repeat 30px 30px; }

.yui-toolbar-container .yui-button-selected span.yui-toolbar-icon, .yui-toolbar-container .yui-button-hover span.yui-toolbar-icon {

  background-image: url(editor-sprite-active.gif); }

.yui-toolbar-container .visible .yuimenuitemlabel {

  position: relative;

  color: #000;

  cursor: pointer; }

.yui-toolbar-container .yui-button-menu {

  background-color: #fff; }

.yui-toolbar-container .yui-button-menu .yui-menu-body-scrolled {

  position: relative; }

div.yuimenu li.selected {

  background-color: #B3D4FF; }

div.yuimenu li.selected a.selected {

  color: #000; }

.yui-toolbar-container .yui-toolbar-bold span.yui-toolbar-icon {

  background-position: 0 0;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-strikethrough span.yui-toolbar-icon {

  background-position: 0 -108px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-italic span.yui-toolbar-icon {

  background-position: 0 -36px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-undo span.yui-toolbar-icon {

  background-position: 0 -1326px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-redo span.yui-toolbar-icon {

  background-position: 0 -1355px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-underline span.yui-toolbar-icon {

  background-position: 0 -72px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-subscript span.yui-toolbar-icon {

  background-position: 0 -180px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-superscript span.yui-toolbar-icon {

  background-position: 0 -144px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-forecolor span.yui-toolbar-icon {

  background-position: 0 -216px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-backcolor span.yui-toolbar-icon {

  background-position: 0 -288px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-justifyleft span.yui-toolbar-icon {

  background-position: 0 -324px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-justifycenter span.yui-toolbar-icon {

  background-position: 0 -360px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-justifyright span.yui-toolbar-icon {

  background-position: 0 -396px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-justifyfull span.yui-toolbar-icon {

  background-position: 0 -432px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-indent span.yui-toolbar-icon {

  background-position: 0 -720px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-outdent span.yui-toolbar-icon {

  background-position: 0 -684px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-createlink span.yui-toolbar-icon {

  background-position: 0 -792px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-insertimage span.yui-toolbar-icon {

  background-position: 1px -756px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-left span.yui-toolbar-icon {

  background-position: 0 -972px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-right span.yui-toolbar-icon {

  background-position: 0 -936px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-inline span.yui-toolbar-icon {

  background-position: 0 -900px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-block span.yui-toolbar-icon {

  background-position: 0 -864px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-bordercolor span.yui-toolbar-icon {

  background-position: 0 -252px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-removeformat span.yui-toolbar-icon {

  background-position: 0 -1080px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-hiddenelements span.yui-toolbar-icon {

  background-position: 0 -1044px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-insertunorderedlist span.yui-toolbar-icon {

  background-position: 0 -468px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-insertorderedlist span.yui-toolbar-icon {

  background-position: 0 -504px;

  left: 5px; }

.yui-toolbar-container .yui-toolbar-spinbutton, .yui-toolbar-container .yui-toolbar-spinbutton .first-child {

  width: 35px; }

.yui-toolbar-container .yui-toolbar-spinbutton .first-child a {

  padding-left: 2px;

  text-align: left; }

.yui-toolbar-container .yui-toolbar-spinbutton span.yui-toolbar-icon {

  display: none; }

.yui-toolbar-container .yui-toolbar-spinbutton a.up, .yui-toolbar-container .yui-toolbar-spinbutton a.down {

  right: 2px;

  background: url(editor-sprite.gif) no-repeat 0 -1222px;

  overflow: hidden;

  height: 6px;

  width: 7px;

  min-height: 0;

  padding: 0; }

.yui-toolbar-container .yui-toolbar-spinbutton a.up {

  top: 2px;

  background-position: 0 -1222px; }

.yui-toolbar-container .yui-toolbar-spinbutton a.down {

  bottom: 2px;

  background-position: 0 -1187px; }

.yui-toolbar-container select {

  border: 1px solid #808080;

  height: 22px; }

.yui-toolbar-container .yui-toolbar-select .first-child a {

  padding-left: 5px;

  text-align: left; }

.yui-toolbar-container .yui-toolbar-select span.yui-toolbar-icon {

  background: url(editor-sprite.gif) no-repeat 0 -1144px;

  overflow: hidden;

  right: -2px;

  top: 0;

  height: 20px; }

.yui-editor-panel .yui-color-button-menu .bd {

  background-color: transparent;

  border: none;

  width: 135px; }

.yui-color-button-menu .yui-toolbar-colors {

  border: 1px solid #808080; }

.yui-editor-panel {

  position: absolute;

  background-color: transparent;

  padding: 0;

  margin: 0;

  border: none;

  overflow: visible; }

.yui-editor-panel .hd {

  padding: 0;

  margin: 10px 0 0;

  border: none; }

.yui-editor-panel .hd h3 {

  position: relative;

  font-size: 93%;

  color: #000;

  padding: 3px 0 0 0;

  margin: 0;

  border: 1px solid #808080;

  width: 99%;

  height: 20px;

  text-indent: 5px; }

.yui-editor-panel .bd {

  background-color: #F2F2F2;

  padding: 0;

  margin: 0;

  border-left: 1px solid #808080;

  border-right: 1px solid #808080;

  overflow: visible;

  width: 99%; }

.yui-editor-panel ul {

  padding: 0;

  margin: 0;

  list-style-type: none; }

.yui-editor-panel ul li {

  padding: 0;

  margin: 0; }

.yui-editor-panel .yui-toolbar-container .yui-toolbar-subcont {

  padding: 0;

  border: none;

  margin-top: 0.35em; }

.yui-editor-panel .yui-toolbar-bordersize, .yui-editor-panel .yui-toolbar-bordertype {

  width: 50px; }

.yui-editor-panel label {

  display: block;

  padding: 4px 0;

  margin-bottom: 7px;

  float: none; }

.yui-editor-panel label strong {

  font-size: 93%;

  font-weight: normal;

  padding-top: 2px;

  text-align: right; }

.yui-editor-panel label input {

  width: 75%; }

.yui-editor-panel .createlink_target, .yui-editor-panel .insertimage_target {

  width: auto;

  margin-right: 5px; }

.yui-editor-panel .removeLink {

  width: 98%; }

.yui-editor-panel label input.warning {

  background-color: #FFEE69; }

.yui-editor-panel .yui-toolbar-group h3 {

  font-size: 93%;

  font-weight: normal;

  color: #000;

  padding: 0 3px 0 0;

  margin: 5px 0 0 0;

  float: left;

  text-align: right; }

.yui-editor-panel .height-width h3 {

  margin: 3px 0 0 10px; }

.yui-editor-panel .height-width {

  margin: 3px 0 0 35px;

  margin-left: 14px;

  width: 42%;

  width: 44%; }

.yui-editor-panel .yui-toolbar-group-border {

  width: 190px; }

.yui-editor-panel .no-button .yui-toolbar-group-border {

  width: 210px; }

.yui-editor-panel .yui-toolbar-group-padding {

  width: 203px;

  width: 198px; }

.yui-editor-panel .no-button .yui-toolbar-group-padding {

  width: 172px; }

.yui-editor-panel .yui-toolbar-group-padding h3 {

  margin-left: 25px;

  margin-left: 12px; }

.yui-editor-panel .yui-toolbar-group-textflow {

  width: 182px; }

.yui-editor-panel .hd {

  background: none; }

.yui-editor-panel .ft {

  background-color: #F2F2F2;

  padding: 0;

  margin: 0 0 2px 0;

  border: 1px solid #808080;

  border-top: none; }

.yui-editor-panel .hd span.close {

  display: block;

  position: absolute;

  top: 2px;

  right: 5px;

  cursor: pointer;

  overflow: hidden;

  width: 26px;

  height: 16px;

  text-indent: 500px; }

.yui-editor-panel .ft span.tip {

  font-size: 85%;

  background-color: #F2F2F2;

  border-top: 1px solid #808080; }

.yui-editor-panel .ft span.tip strong {

  display: block;

  margin: 0 2px 8px 0;

  float: left; }

.yui-editor-panel .ft span.tip span.icon {

  display: block;

  position: absolute;

  top: 8px;

  left: 2px;

  background: url(editor-sprite.gif) no-repeat 0 -1260px;

  width: 20px;

  height: 20px; }

.yui-editor-panel .ft span.tip span.icon-info {

  background-position: 2px -1260px; }

.yui-editor-panel .ft span.tip span.icon-warn {

  background-position: 2px -1296px; }

.yui-editor-panel .hd span.knob {

  position: absolute;

  top: -10px;

  left: 25px;

  background: url(editor-knob.gif) no-repeat 0 0;

  overflow: hidden;

  width: 28px;

  height: 10px;

  text-indent: 9999px; }

.yui-editor-panel .yui-toolbar-container {

  background-image: none;

  border: none;

  float: left;

  width: 100%; }

.yui-editor-panel .yui-toolbar-container .bd {

  background-color: #ffffff; }

.yui-editor-blankimage {

  background-image: url(blankimage.png); }

.yui-editor-container .yui-resize-handle-br {

  background-color: transparent;

  background-position: -20px -60px;

  width: 11px;

  height: 11px; }

.yui-crop {

  position: relative; }

.yui-crop .yui-crop-mask {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%; }

.yui-crop .yui-resize {

  position: absolute;

  top: 10px;

  left: 10px;

  border: 0; }

.yui-crop .yui-crop-resize-mask {

  position: absolute;

  top: 0;

  left: 0;

  background-position: -10px -10px;

  overflow: hidden;

  width: 100%;

  height: 100%; }

.yui-crop .yui-crop-mask {

  background-color: #000;

  filter: alpha(opacity=50);

  opacity: .5; }

.yui-crop .yui-resize {

  border: 1px dashed #fff; }

.yui-layout-loading {

  visibility: hidden; }

body.yui-layout {

  position: relative;

  padding: 0;

  margin: 0;

  overflow: hidden; }

.yui-layout-doc {

  position: relative;

  box-shadow: #999 0 5px 10px;

  padding: 0;

  margin: 0;

  overflow: visible;

  -moz-box-shadow: #999 0 5px 10px;

  -webkit-box-shadow: #999 0 5px 10px;

  height: 100%; }

.yui-layout-unit {

  padding: 0;

  margin: 0;

  float: none;

  width: 50px;

  height: 50px;

  z-index: 0; }

.yui-layout-unit-top {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%; }

.yui-layout-unit-left {

  position: absolute;

  top: 0;

  left: 0; }

.yui-layout-unit-right {

  position: absolute;

  top: 0;

  right: 0; }

.yui-layout-unit-right.yui-resize .yui-layout-wrap {

  margin-left: 5px; }

.yui-layout-unit-bottom {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%; }

.yui-layout-unit-center {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%; }

.yui-layout div.yui-layout-hd {

  position: absolute;

  top: 0;

  left: 0;

  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);

  /* W3C */

  background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);

  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);

  /* IE10+ */

  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);

  /* FF3.6+ */

  background: #ffffff;

  /* Old browsers */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));

  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);

  /* Chrome10+,Safari5.1+ */

  width: 100%;

  zoom: 1; }

div.yui-layout-hd h2 {

  padding: 10px 0 10px 0; }

.yui-layout-unit {

  height: 50px; }

.yui-layout div.yui-layout-bd {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  zoom: 1; }

.yui-layout .yui-layout-noscroll div.yui-layout-bd {

  overflow: hidden; }

.yui-layout .yui-layout-scroll div.yui-layout-bd {

  overflow: auto; }

.yui-layout div.yui-layout-ft {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  zoom: 1; }

.yui-layout .yui-layout-unit div.yui-layout-hd h2 {

  font-size: 14px;

  text-align: left; }

.yui-layout .yui-layout-unit div.yui-layout-hd .collapse {

  position: absolute;

  top: 5px;

  font-size: 0;

  cursor: pointer;

  width: 11px;

  height: 11px; }

.yui-layout .yui-layout-unit div.yui-layout-hd .close {

  position: absolute;

  top: 2px;

  right: 2px;

  font-size: 0;

  cursor: pointer;

  width: 17px;

  height: 13px; }

.yui-layout .yui-layout-unit div.yui-layout-hd .collapse-close {

  right: 25px; }

.yui-layout .yui-layout-clip {

  display: none;

  position: absolute;

  background-color: #c0c0c0;

  height: 20px; }

.yui-layout .yui-layout-clip .collapse {

  position: absolute;

  top: 5px;

  right: 6px;

  font-size: 0;

  cursor: pointer;

  width: 11px;

  height: 11px; }

.yui-layout .yui-layout-wrap {

  position: absolute;

  left: 0;

  width: 100%;

  height: 100%; }

.yui-layout .yui-resize-proxy {

  font-size: 0;

  padding: 0;

  margin: 0;

  border: none; }

.yui-layout .yui-resize-resizing .yui-resize-handle {

  visibility: hidden; }

.yui-layout .yui-resize-proxy div {

  position: absolute;

  background-color: #F2F2F2;

  border: 1px solid #808080; }

.yui-layout .yui-resize-proxy .yui-layout-handle-l {

  top: 0;

  left: 0;

  width: 5px;

  height: 100%; }

.yui-layout .yui-resize-proxy .yui-layout-handle-r {

  position: absolute;

  top: 0;

  right: 0;

  width: 5px;

  height: 100%;

  zoom: 1; }

.yui-layout .yui-resize-proxy .yui-layout-handle-b {

  bottom: 0;

  left: 0;

  width: 100%;

  height: 5px; }

.yui-layout .yui-resize-proxy .yui-layout-handle-t {

  top: 0;

  left: 0;

  width: 100%;

  height: 5px; }

.yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse {

  background: transparent url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") no-repeat 0 -110px;

  right: 10px; }

.yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse:hover {

  top: 4px;

  right: 9px;

  border: 1px solid #666; }

.yui-layout .yui-layout-clip-left .collapse {

  background: transparent url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") no-repeat 0 -90px; }

.yui-layout .yui-layout-clip-left .collapse:hover, .yui-layout .yui-layout-clip-right .collapse {

  top: 4px;

  right: 5px;

  border: 1px solid #666; }

.yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse {

  left: 5px;

  background: transparent url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") no-repeat 0 -90px; }

.yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse:hover {

  top: 4px;

  left: 4px;

  border: 1px solid #666; }

.yui-layout .yui-layout-clip-right .collapse {

  background: transparent url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") no-repeat 0 -110px; }

.yui-layout .yui-layout-unit-top div.yui-layout-hd .collapse {

  background: transparent url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") no-repeat -20px -220px;

  border: 1px solid #808080; }

.yui-layout .yui-layout-clip-top .collapse {

  background: transparent url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") no-repeat -20px -240px;

  border: 1px solid #808080; }

.yui-layout .yui-layout-unit-bottom div.yui-layout-hd .collapse {

  background: transparent url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") no-repeat 0 -90px;

  right: 5px; }

.yui-layout .yui-layout-clip-bottom .collapse {

  background: transparent url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") no-repeat -20px -180px;

  border: 1px solid #808080; }

.yui-layout .yui-layout-hd {

  background: #ffffff;

  /* Old browsers */

  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);

  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));

  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);

  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);

  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);

  /* IE10+ */

  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);

  /* W3C */

  border: 1px solid #ccc;

  border-width: 0; }

.yui-layout {

  background-color: #F2F2F2; }

.yui-layout .yui-layout-unit div.yui-layout-hd h2 {

  font-weight: bold;

  color: #444;

  padding: 3px; }

.yui-layout .yui-layout-unit-right div.yui-layout-hd h2 {

  text-align: right;

  margin-right: 5px; }

.yui-layout .yui-layout-unit div.yui-layout-bd {

  background-color: #FFFFFF;

  border: 1px solid #808080;

  border-top: none;

  border-top-width: 0;

  border-bottom: none;

  border-bottom-width: 0;

  text-align: left; }

.yui-layout .yui-layout-unit div.yui-layout-bd-noft {

  /* border-bottom: 1px solid #808080;*/ }

.yui-layout .yui-layout-unit div.yui-layout-bd-nohd {

  border-top: 1px solid #808080; }

.yui-layout .yui-layout-clip {

  display: none;

  position: absolute;

  background-color: #F2F2F2;

  border: 1px solid #808080;

  height: 20px; }

.yui-layout div.yui-layout-ft {

  background-color: #f2f2f2;

  border: 1px solid #808080;

  border-top: none;

  border-top-width: 0; }

.yui-layout-unit .yui-resize-handle {

  background-color: transparent; }

.yui-layout-unit .yui-resize-handle-r {

  top: 0;

  right: 0;

  background-image: none; }

.yui-layout-unit .yui-resize-handle-l {

  top: 0;

  left: 0;

  background-image: none; }

.yui-layout-unit .yui-resize-handle-b {

  bottom: 0;

  right: 0;

  background-image: none; }

.yui-layout-unit .yui-resize-handle-t {

  top: 0;

  right: 0;

  background-image: none; }

.yui-layout-unit .yui-resize-handle-r .yui-layout-resize-knob, .yui-layout-unit .yui-resize-handle-l .yui-layout-resize-knob {

  position: absolute;

  height: 16px;

  width: 6px;

  top: 45%;

  left: 0;

  background: transparent url(../../../../index.php?entryPoint=getImage&imageName=layout_sprite.png) no-repeat 0 -5px; }

.yui-layout-unit .yui-resize-handle-t .yui-layout-resize-knob, .yui-layout-unit .yui-resize-handle-b .yui-layout-resize-knob {

  position: absolute;

  height: 6px;

  width: 16px;

  left: 45%;

  background: transparent url(../../../../index.php?entryPoint=getImage&imageName=layout_sprite.png) no-repeat -20px 0; }

.yui-log {

  font-family: monospace;

  font-size: 77%;

  background-color: #AAA;

  color: #000;

  padding: 1em;

  border: 1px solid black;

  text-align: left;

  width: 31em;

  z-index: 9000; }

.yui-log-container {

  position: absolute;

  top: 1em;

  right: 1em; }

.yui-log input {

  font-family: arial;

  font-size: 100%;

  font-weight: normal;

  padding: 0;

  margin: 0; }

.yui-log .yui-log-btns {

  position: relative;

  bottom: .25em;

  float: right; }

Comments

comments

Call and receive expert consulting or click below for quote
Button linked to quote page for commercial insurance quote