SuiteCRM SuiteP Theme Readability Solutions

Facebooktwittergoogle_pluspinterestby feather

.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-h-slider, .yui-v-slider {

  position: relative; }

.yui-h-slider .yui-slider-thumb, .yui-v-slider .yui-slider-thumb {

  position: absolute;

  cursor: default; }

.yui-h-slider {

  background: url(../../bg-h.gif) no-repeat 5px 0;

  width: 228px;

  height: 28px; }

.yui-h-slider .yui-slider-thumb {

  top: 4px; }

.yui-v-slider {

  background: url(../../bg-v.gif) no-repeat 12px 0;

  width: 48px;

  height: 228px; }

.yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li, .yui-navset .yui-navset-bottom .yui-nav li {

  margin: 0 0.5em 0 0; }

.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {

  margin: 0 0 0.5em; }

.yui-hidden, .yui-navset .yui-content .yui-hidden {

  display: none; }

.yui-navset .yui-navset-left .yui-nav, .yui-navset .yui-navset-right .yui-nav, .yui-navset-left .yui-nav, .yui-navset-right .yui-nav {

  width: 6em; }

.yui-navset-top .yui-nav, .yui-navset-bottom .yui-nav {

  padding-top: 4px;

  width: auto; }

.yui-navset .yui-navset-left, .yui-navset-left {

  padding: 0 0 0 6em; }

.yui-navset-right {

  padding: 0 6em 0 0; }

.yui-navset-top, .yui-navset-bottom {

  padding: auto; }

.yui-nav, .yui-nav li, .yui-navset .yui-nav li {

  padding: 0;

  margin: 0;

  padding-top: 0;

  list-style: none; }

.yui-navset li em {

  font-size: 11px;

  font-style: normal;

  font-weight: bold;

  color: #666; }

.yui-navset {

  position: relative;

  overflow-y: visible;

  height: 100%;

  zoom: 1; }

.yui-navset .yui-content {

  background: #FFFFFF;

  color: #000;

  zoom: 1; }

.yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li, .yui-navset .yui-navset-bottom .yui-nav li {

  display: inline-block;

  display: -moz-inline-stack;

  display: inline;

  vertical-align: bottom;

  cursor: pointer;

  zoom: 1; }

.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {

  display: block; }

.yui-navset .yui-nav a {

  position: relative; }

.yui-navset .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a {

  display: inline;

  display: inline-block;

  display: -moz-inline-stack;

  vertical-align: bottom;

  zoom: 1; }

.yui-navset-left .yui-nav li a, .yui-navset-right .yui-nav li a {

  display: block; }

.yui-navset-bottom .yui-nav li a {

  vertical-align: text-top; }

.yui-navset .yui-nav li a em, .yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em {

  display: block; }

.yui-navset .yui-navset-left .yui-nav, .yui-navset .yui-navset-right .yui-nav, .yui-navset-left .yui-nav, .yui-navset-right .yui-nav {

  position: absolute;

  z-index: 1; }

.yui-navset-top .yui-nav, .yui-navset-bottom .yui-nav {

  position: static; }

.yui-navset .yui-navset-left .yui-nav, .yui-navset-left .yui-nav {

  left: 0;

  right: auto; }

.yui-navset .yui-navset-right .yui-nav, .yui-navset-right .yui-nav {

  left: auto;

  right: 0; }

.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {

  zoom: 1;

  white-space: nowrap;

  overflow-x: hidden;

  white-space: nowrap; }

.yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li {

  margin: 0 1px 0 0;

  overflow: hidden;

  height: 18px;

  zoom: 1; }

.yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected {

  /*  margin: 0 0.16em -1px 0;*/ }

.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {

  background: #eeeeee;

  border: solid #a3a3a3;

  border-width: 0 1px;

  color: #000;

  position: relative;

  text-decoration: none;

  height: 30px; }

.yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {

  background: #eeeeee;

  border: solid #a3a3a3;

  border-width: 1px 0 0;

  cursor: hand;

  padding: 1px 10px 1px;

  left: 0;

  right: 0;

  bottom: 0;

  top: -1px;

  position: relative; }

.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {

  color: #000; }

.yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus {

  outline: 0; }

.yui-navset .selected a em {

  background: #ffffff;

  color: #333;

  padding: 8px; }

.yui-navset .yui-nav li a em {

  padding: 8px; }

.yui-navset {

  padding: 5px; }

.yui-nav a em {

  padding: 5px; }

div.bodywrapper {

  padding: 10px; }

.yui-navset .yui-nav {

  margin-left: 10px; }

.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {

  border-top-width: 0;

  padding: 0.2em 0.5em; }

.yui-layout-unit-center .yui-navset .yui-content, .yui-layout .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {

  border-style: none; }

.yui-navset-left .yui-nav, .yui-navset .yui-navset-left .yui-nav, .yui-navset .yui-navset-right .yui-nav, .yui-navset-right .yui-nav {

  border-width: 0 5px 0 0;

  Xposition: absolute;

  top: 0;

  bottom: 0; }

.yui-navset .yui-navset-right .yui-nav, .yui-navset-right .yui-nav {

  border-width: 0 0 0 5px; }

.yui-navset-left .yui-nav li, .yui-navset .yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {

  margin: 0 0 0.16em;

  padding: 0 0 0 1px; }

.yui-navset-right .yui-nav li {

  padding: 0 1px 0 0; }

.yui-navset-left .yui-nav .selected, .yui-navset .yui-navset-left .yui-nav .selected {

  margin: 0 -1px 0.16em 0; }

.yui-navset-right .yui-nav .selected {

  margin: 0 0 0.16em -1px; }

.yui-navset-left .yui-nav a, .yui-navset-right .yui-nav a {

  border-width: 1px 0; }

.yui-navset-left .yui-nav a em, .yui-navset .yui-navset-left .yui-nav a em, .yui-navset-right .yui-nav a em {

  border-width: 0 0 0 1px;

  padding: 0.2em .75em;

  top: auto;

  left: -1px;

  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 */ }

.yui-navset-right .yui-nav a em {

  left: auto;

  right: -1px;

  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-width: 0 1px 0 0; }

.yui-navset-left .yui-nav a, .yui-navset-left .yui-nav .selected a, .yui-navset-left .yui-nav a:hover, .yui-navset-right .yui-nav a, .yui-navset-right .yui-nav .selected a, .yui-navset-right .yui-nav a:hover, .yui-navset-bottom .yui-nav a, .yui-navset-bottom .yui-nav .selected a, .yui-navset-bottom .yui-nav a:hover {

  background-image: none; }

.yui-navset-left .yui-content {

  border: 1px solid #808080;

  border-left-color: #243356; }

.yui-navset-bottom .yui-nav, .yui-navset .yui-navset-bottom .yui-nav {

  border-width: 5px 0 0; }

.yui-navset .yui-navset-bottom .yui-nav .selected, .yui-navset-bottom .yui-nav .selected {

  margin: -1px 0.16em 0 0; }

.yui-navset .yui-navset-bottom .yui-nav li, .yui-navset-bottom .yui-nav li {

  padding: 0 0 1px 0;

  vertical-align: top; }

.yui-navset .yui-navset-bottom .yui-nav a em, .yui-navset-bottom .yui-nav a em {

  border-width: 0 0 1px;

  top: auto;

  bottom: -1px;

  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 */ }

.yui-navset-bottom .yui-content, .yui-navset .yui-navset-bottom .yui-content {

  border: 1px solid #808080;

  border-bottom-color: #243356; }

.ygtvitem table {

  margin-bottom: 0;

  border: none; }

.ygtvrow td {

  padding: 0;

  border: none; }

.ygtvrow td a {

  text-decoration: none; }

.ygtvtn {

  width: 18px;

  height: 22px; }

.ygtvtm {

  cursor: pointer;

  width: 18px;

  height: 22px; }

.ygtvtmh, .ygtvtmhh {

  cursor: pointer;

  width: 18px;

  height: 22px; }

.ygtvtp {

  cursor: pointer;

  width: 18px;

  height: 22px; }

.ygtvtph, .ygtvtphh {

  cursor: pointer;

  width: 18px;

  height: 22px; }

.ygtvln {

  width: 18px;

  height: 22px; }

.ygtvlm {

  cursor: pointer;

  width: 18px;

  height: 22px; }

.ygtvlmh, .ygtvlmhh {

  cursor: pointer;

  width: 18px;

  height: 22px; }

.ygtvlp {

  cursor: pointer;

  width: 18px;

  height: 22px; }

.ygtvlph, .ygtvlphh {

  cursor: pointer;

  width: 18px;

  height: 22px; }

.ygtvloading {

  background: url(treeview-loading.gif) 0 0 no-repeat;

  width: 18px;

  height: 22px; }

.ygtvdepthcell {

  width: 18px;

  height: 22px; }

.ygtvblankdepthcell {

  width: 18px;

  height: 22px; }

* html .ygtvchildren {

  height: 2%; }

.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {

  background-color: white;

  cursor: pointer;

  margin-left: 2px;

  text-decoration: none; }

.ygtvcontent, .ygtvcontent a:link, .ygtvcontent a:visited {

  color: #444444; }

.ygtvspacer {

  width: 12px;

  height: 22px; }

/*

.ygtvfocus {

    background-color: #c0e0e0;

    border: none;

}

.ygtvfocus .ygtvlabel,.ygtvfocus .ygtvlabel:link,.ygtvfocus .ygtvlabel:visited,.ygtvfocus .ygtvlabel:hover

    {

    background-color: #c0e0e0;

}

.ygtvfocus a,.ygtvrow td a {

    outline-style: none;

}*/

.ygtv-highlight1 {

  background-color: #EEE; }

.ygtv-highlight1 .ygtvcontent {

  border: thin dashed lightgrey; }

.ygtvok {

  width: 18px;

  height: 22px; }

.ygtvcancel {

  width: 18px;

  height: 22px; }

.ygtv-label-editor {

  display: none;

  position: absolute;

  background-color: #f2f2f2;

  margin: auto;

  border: 1px solid silver;

  overflow: hidden;

  z-index: 9000; }

.ygtv-edit-TextNode {

  width: 190px; }

.ygtv-edit-TextNode .ygtvcancel, .ygtv-edit-TextNode .ygtvok {

  border: none; }

.ygtv-edit-TextNode .ygtv-button-container {

  float: right; }

.ygtv-edit-TextNode .ygtv-input input {

  width: 140px; }

.ygtv-edit-DateNode .ygtvcancel {

  border: none; }

.ygtv-edit-DateNode .ygtvok {

  display: none; }

.ygtv-edit-DateNode .ygtv-button-container {

  margin: auto;

  text-align: right; }

.ydlg-bd {

  background-color: #F2F2F2;

  padding: 5px; }

.sugar-progress-wrap {

  background-color: #FFF;

  border: 1px solid #666;

  height: 16px;

  width: 100%; }

.sugar-progress-bar {

  background: #DDD url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") repeat-x scroll 0 -50px;

  height: 16px;

  width: 0; }

/* Sugar YUI widget styles */

a.sugar-tab-close, .yui-navset .yui-nav a.sugar-tab-close, .yui-navset .yui-nav .selected a.sugar-tab-close {

  height: 9px;

  left: 6px;

  position: relative;

  top: -3px;

  width: 9px;

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

.sugar-message-prompt {

  margin-left: 5px; }

.sugar-subpanel-header-row {

  background-color: #EEEEEE;

  border-bottom: 1px solid #C0C0C0;

  height: 21px; }

/* KBDocuments tree*/

#tagstree {

  width: auto;

  margin-top: 0;

  margin-bottom: 0; }

.ygtvlabel, .ygtvlp, .ygtvlm {

  background-color: transparent; }

/*

    //Custom SugarCRM theme

.yui-layout-wrap .yui-navset .yui-content {

    background:#FFF none repeat scroll 0 0;

    height : 100%;

}

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

    background:#FFF none repeat scroll 0 0;

}

.yui-navset-top ul{

    border-style:solid;

    border-width:0 0 5px;

}

.yui-navset-top ul li.selected a, .yui-navset-top ul li.selected a:focus, .yui-navset-top ul li.selected a:hover {

}

.yui-navset  {

    height : 100%;

}*/

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

  padding: 10px 0 10px 0; }

.yui-layout-unit-left.yui-resize .yui-layout-wrap .yui-layout-hd {

  padding: 10px 0 10px 0; }

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

  margin: 10px 0 10px 0; }

.bodywrapper div {

  padding: 0 10px 0 10px; }

.yui-layout .yui-layout-clip {

  padding: 10px 0 0 0; }

/**** Cases ***/

#caseStyleUser {

  background: #BBE6A5;

  color: #534D64;

  padding: 10px;

  margin: 10px;

  border: 1px solid transparent;

  border-radius: 4px; }

#caseStyleContact {

  background: #E6D5A5;

  color: #534D64;

  padding: 10px;

  margin: 10px;

  border: 1px solid transparent;

  border-radius: 4px; }

#caseStyleInternal {

  background: #a5e6e6;

  color: #534D64;

  padding: 10px;

  margin: 10px 60px 10px 10px;

  border: 1px solid transparent;

  border-radius: 4px; }

.caseUpdateImage {

  margin: 0 5px 0 0; }

/** Style expanded/collapse like buttons**/

#aop_case_updates_threaded_span > a:first-of-type {

  margin-left: 10px; }

#aop_case_updates_threaded_span > a {

  display: inline-block;

  font-size: 16px;

  font-size: 16px;

  font-weight: 500;

  background-color: #ff0000;

  color: #F5F5F5;

  cursor: pointer;

  cursor: pointer;

  padding: 0 20px 0 20px;

  margin-bottom: 4px;

  margin-right: 4px;

  border: 1px solid transparent;

  border-radius: 4px;

  letter-spacing: 1px;

  line-height: 40px;

  height: 40px;

  text-transform: uppercase; }

#case_updates label {

  margin-left: 10px; }

#case_updates textarea {

  margin-left: 10px; }

#case_updates input[type=button] {

  margin-top: 10px;

  margin-left: 10px; }

.caseUpdate {

  margin: 5px 0 0 15px; }

#extramargin {

  margin: 0 50px 0 50px; }

#lessmargin {

  margin: 0 50px 0 0; }

/**** Calendar ***/

.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {

  background-color: inherit;

  border: none; }

button#goto_date_trigger_div_nav_cancel {

  font-size: 16px;

  font-weight: 500;

  background-color: #ff0000;

  color: #fff;

  cursor: pointer;

  padding: 0 10px 0 10px;

  margin: 0 0 0 0;

  border: 1px solid transparent;

  border-radius: 4px;

  letter-spacing: 1px;

  line-height: 40px;

  height: 40px;

  text-transform: uppercase; }

button#goto_date_trigger_div_nav_submit {

  font-size: 16px;

  font-weight: 500;

  background-color: #ff0000;

  color: #fff;

  cursor: pointer;

  padding: 0 10px 0 10px;

  margin: 0 0 0 0;

  border: 1px solid transparent;

  border-radius: 4px;

  letter-spacing: 1px;

  line-height: 40px;

  height: 40px;

  text-shadow: none;

  text-transform: uppercase; }

table#goto_date_trigger_div_t thead {

  background: #BFCAD3; }

.yui-calendar .calweekdaycell {

  font-weight: normal; }

.yui-calendar .calhead {

  background: #66727D;

  border-top-left-radius: 4px;

  border-top-right-radius: 4px; }

.yui-calendar a.calnav {

  font-weight: normal;

  background-color: #66727D;

  color: #F5F5F5;

  padding: 8px;

  border: 1px solid #66727D;

  border-radius: 4px;

  width: auto;

  height: auto;

  text-transform: uppercase; }

.yui-calendar a.calnavleft {

  color: #F5F5F5;

  background-color: #E5E1EF;

  border: 1px solid #AA9DCC;

  padding: 0;

  border-radius: 4px;

  text-transform: uppercase;

  font-weight: normal;

  height: 32px;

  width: 32px;

  display: inline-block;

  margin-top: 10px;

  background-origin: padding-box;

  background-position: 0 0; }

.yui-calendar a.calnavright {

  display: inline-block;

  font-weight: normal;

  background-color: #E5E1EF;

  background-origin: padding-box;

  background-position: 0 0;

  color: #F5F5F5;

  padding: 0;

  margin-top: 10px;

  border: 1px solid #AA9DCC;

  border-radius: 4px;

  width: 32px;

  height: 32px;

  text-transform: uppercase; }

.yui-calendar .calheader {

  padding: 4px;

  line-height: 48px;

  height: 48px; }

.yui-calendar .calnavleft {

  left: 0;

  background-image: url("../../../../themes/SuiteP/images/p_left.svg"); }

.yui-calendar .calnavright {

  right: 0;

  background-image: url("../../../../themes/SuiteP/images/p_right.svg"); }

.yui-module .hd {

  border-top-left-radius: 4px;

  border-top-right-radius: 4px; }

.yui-module .ft {

  border-bottom-left-radius: 4px;

  border-bottom-right-radius: 4px; }

.yui-module.yui-overlay.yui-panel.cal_panel {

  border-radius: 4px; }

.yui-panel .bd {

  display: block;

  padding: 0 10px 0 10px; }

.yui-calendar .calbody td {

  background: #FFFFFF; }

.yui-calendar td.calcell a {

  background: #FFFFFF;

  color: #ff0000;

  line-height: 32px;

  width: 32px;

  height: 32px; }

.yui-calendar td.calcell.selected {

  background: #D66C60;

  color: #F5F5F5; }

.yui-calendar td.calcell.selected a {

  background: #D66C60;

  color: #F5F5F5; }

.yui-calendar td.calcell a:hover {

  background: #D66C60;

  color: #F5F5F5; }

.yui-calendar td.calcell.calcellhover {

  background: #D66C60;

  color: #F5F5F5; }

.yui-calendar td.calcell.calcellhover a {

  background: #D66C60;

  color: #F5F5F5; }

.yui-calendar .calweekdaycell {

  color: #ff0000; }

.yui-calendar a.calnav {

  background-color: #ff0000;

  border: 1px solid transparent;

  border-radius: 4px; }

.yui-calendar a.calnav:hover {

Comments

comments

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