.switchbutton {
text-decoration: none;
display: inline-block;
overflow: hidden;
vertical-align: middle;
margin: 0;
padding: 0;
cursor: pointer;
background: #bbb;
border: 1px solid #bbb;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.switchbutton-inner {
display: inline-block;
overflow: hidden;
position: relative;
top: -1px;
left: -1px;
}
.switchbutton-on,
.switchbutton-off,
.switchbutton-handle {
display: inline-block;
text-align: center;
height: 100%;
float: left;
font-size: 14px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.switchbutton-on {
background: #ffe48d;
color: #000000;
}
.switchbutton-off {
background-color: #ffffff;
color: #000000;
}
.switchbutton-on,
.switchbutton-reversed .switchbutton-off {
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}
.switchbutton-off,
.switchbutton-reversed .switchbutton-on {
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
.switchbutton-handle {
position: absolute;
top: 0;
left: 50%;
background-color: #ffffff;
color: #000000;
border: 1px solid #bbb;
-moz-box-shadow: 0 0 3px 0 #bbb;
-webkit-box-shadow: 0 0 3px 0 #bbb;
box-shadow: 0 0 3px 0 #bbb;
}
.switchbutton-value {
position: absolute;
top: 0;
left: -5000px;
}
.switchbutton-disabled {
opacity: 0.5;
filter: alpha(opacity=50);
}
.switchbutton-disabled,
.switchbutton-readonly {
cursor: default;
}
.s-btn:hover .m-btn-line,
.s-btn-active .m-btn-line,
.s-btn-plain-active .m-btn-line {
display: inline-block;
}
.l-btn:hover .s-btn-downarrow,
.s-btn-active .s-btn-downarrow,
.s-btn-plain-active .s-btn-downarrow {
border-style: solid;
border-color: #aac5e7;
border-width: 0 0 0 1px;
}
.spinner-arrow {
display: inline-block;
overflow: hidden;
vertical-align: top;
margin: 0;
padding: 0;
opacity: 1.0;
filter: alpha(opacity=100);
width: 18px;
}
.spinner-arrow.spinner-button-top,
.spinner-arrow.spinner-button-bottom,
.spinner-arrow.spinner-button-left,
.spinner-arrow.spinner-button-right {
background-color: #E0ECFF;
}
.spinner-arrow-up,
.spinner-arrow-down {
opacity: 0.6;
filter: alpha(opacity=60);
display: block;
font-size: 1px;
width: 18px;
height: 10px;
width: 100%;
height: 50%;
color: #444;
outline-style: none;
background-color: #E0ECFF;
}
.spinner-button-updown {
opacity: 1.0;
}
.spinner-button-updown .spinner-button-top,
.spinner-button-updown .spinner-button-bottom {
position: relative;
display: block;
width: 100%;
height: 50%;
}
.spinner-button-updown .spinner-arrow-up,
.spinner-button-updown .spinner-arrow-down {
opacity: 1.0;
filter: alpha(opacity=100);
cursor: pointer;
width: 16px;
height: 16px;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
position: absolute;
}
.spinner-button-updown .spinner-button-top,
.spinner-button-updown .spinner-button-bottom {
cursor: pointer;
opacity: 0.6;
filter: alpha(opacity=60);
}
.spinner-button-updown .spinner-button-top:hover,
.spinner-button-updown .spinner-button-bottom:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}
.spinner-button-updown .spinner-arrow-up,
.spinner-button-updown .spinner-arrow-down,
.spinner-button-updown .spinner-arrow-up:hover,
.spinner-button-updown .spinner-arrow-down:hover {
background-color: transparent;
}
.spinner-arrow-hover {
background-color: #eaf2ff;
opacity: 1.0;
filter: alpha(opacity=100);
}
.spinner-button-top:hover,
.spinner-button-bottom:hover,
.spinner-button-left:hover,
.spinner-button-right:hover,
.spinner-arrow-up:hover,
.spinner-arrow-down:hover {
opacity: 1.0;
filter: alpha(opacity=100);
background-color: #eaf2ff;
}
.textbox-disabled .spinner-button-top:hover,
.textbox-disabled .spinner-button-bottom:hover,
.textbox-disabled .spinner-button-left:hover,
.textbox-disabled .spinner-button-right:hover,
.textbox-icon-disabled .spinner-arrow-up:hover,
.textbox-icon-disabled .spinner-arrow-down:hover {
opacity: 0.6;
filter: alpha(opacity=60);
background-color: #E0ECFF;
cursor: default;
}
.spinner .textbox-icon-disabled {
opacity: 0.6;
filter: alpha(opacity=60);
}
.spinner-arrow-up {
background: url('images/spinner_arrows.png') no-repeat 1px center;
background-color: #E0ECFF;
}
.spinner-arrow-down {
background: url('images/spinner_arrows.png') no-repeat -15px center;
background-color: #E0ECFF;
}
.spinner-button-up {
background: url('images/spinner_arrows.png') no-repeat -32px center;
}
.spinner-button-down {
background: url('images/spinner_arrows.png') no-repeat -48px center;
}
.slider-disabled {
opacity: 0.5;
filter: alpha(opacity=50);
}
.slider-h {
height: 22px;
}
.slider-v {
width: 22px;
}
.slider-inner {
position: relative;
height: 6px;
top: 7px;
border-width: 1px;
border-style: solid;
border-radius: 5px;
}
.slider-handle {
position: absolute;
display: block;
outline: none;
width: 20px;
height: 20px;
top: 50%;
margin-top: -10px;
margin-left: -10px;
}
.slider-tip {
position: absolute;
display: inline-block;
line-height: 12px;
font-size: 14px;
white-space: nowrap;
top: -22px;
}
.slider-rule {
position: relative;
top: 15px;
}
.slider-rule span {
position: absolute;
display: inline-block;
font-size: 0;
height: 5px;
border-width: 0 0 0 1px;
border-style: solid;
}
.slider-rulelabel {
position: relative;
top: 20px;
}
.slider-rulelabel span {
position: absolute;
display: inline-block;
font-size: 14px;
}
.slider-v .slider-inner {
width: 6px;
left: 7px;
top: 0;
float: left;
}
.slider-v .slider-handle {
left: 50%;
margin-top: -10px;
}
.slider-v .slider-tip {
left: -10px;
margin-top: -6px;
}
.slider-v .slider-rule {
float: left;
top: 0;
left: 16px;
}
.slider-v .slider-rule span {
width: 5px;
height: 'auto';
border-left: 0;
border-width: 1px 0 0 0;
border-style: solid;
}
.slider-v .slider-rulelabel {
float: left;
top: 0;
left: 23px;
}
.slider-handle {
background: url('images/slider_handle.png') no-repeat;
}
.slider-inner {
border-color: #95B8E7;
background: #E0ECFF;
}
.slider-rule span {
border-color: #95B8E7;
}
.slider-rulelabel span {
color: #000000;
}
.sidemenu .tree-hit {
background-image: none;
}
.sidemenu-default-icon {
background-image: none;
width: 0;
}
.sidemenu .accordion .accordion-header,
.sidemenu .accordion .accordion-body {
border-bottom-color: transparent;
background: transparent;
}
.sidemenu .accordion .accordion-header {
color: #0E2D5F;
}
.sidemenu .accordion-header .panel-title {
height: 30px;
line-height: 30px;
color: #0E2D5F;
}
.sidemenu .accordion-header:hover {
background: #eaf2ff;
color: #0E2D5F;
}
.sidemenu .tree-node-hover {
background: #eaf2ff;
color: #0E2D5F;
}
.sidemenu .tree-node-selected {
border-right: 2px solid #ffab3f;
color: #000000;
background: #ffe48d;
}
.sidemenu .tree-node {
height: 40px;
}
.sidemenu .tree-title {
margin: 11px 0;
}
.sidemenu .tree-node-nonleaf {
position: relative;
}
.sidemenu .tree-node-nonleaf::after {
display: inline-block;
content: '';
position: absolute;
top: 50%;
margin-top: -8px;
background: url('images/accordion_arrows.png') no-repeat 0 0;
width: 16px;
height: 16px;
right: 5px;
}
.sidemenu .tree-node-nonleaf-collapsed::after {
background: url('images/accordion_arrows.png') no-repeat -16px 0;
}
.sidemenu-collapsed .panel-icon {
left: 50%;
margin-left: -8px;
}
.sidemenu-tooltip {
padding: 0;
margin: 0 -12px;
border: 0;
}
.sidemenu-tooltip .tooltip-arrow-outer,
.sidemenu-tooltip .tooltip-arrow {
display: none;
}
.searchbox-button {
width: 18px;
height: 20px;
overflow: hidden;
display: inline-block;
vertical-align: top;
cursor: pointer;
opacity: 0.6;
filter: alpha(opacity=60);
}
.searchbox-button-hover {
opacity: 1.0;
filter: alpha(opacity=100);
}
.searchbox .l-btn-plain {
border: 0;
padding: 0;
vertical-align: top;
opacity: 0.6;
filter: alpha(opacity=60);
-moz-border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
}
.searchbox .l-btn-plain:hover {
border: 0;
padding: 0;
opacity: 1.0;
filter: alpha(opacity=100);
-moz-border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
}
.searchbox a.m-btn-plain-active {
-moz-border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
}
.searchbox .m-btn-active {
border-width: 0 1px 0 0;
-moz-border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
}
.searchbox .textbox-button-right {
border-width: 0 0 0 1px;
}
.searchbox .textbox-button-left {
border-width: 0 1px 0 0;
}
.searchbox-button {
background: url('images/searchbox_button.png') no-repeat center center;
}
.searchbox .l-btn-plain {
background: #E0ECFF;
}
.searchbox .l-btn-plain-disabled,
.searchbox .l-btn-plain-disabled:hover {
opacity: 0.5;
filter: alpha(opacity=50);
}
.radiobutton {
position: relative;
border: 2px solid #ffab3f;
border-radius: 50%;
}
.radiobutton-inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #ffab3f;
border-radius: 50%;
transform: scale(.6);
}
.radiobutton-disabled {
opacity: 0.6;
}
.radiobutton-value {
position: absolute;
overflow: hidden;
width: 1px;
height: 1px;
left: -999px;
}
.propertygrid .datagrid-view1 .datagrid-body td {
padding-bottom: 1px;
border-width: 0 1px 0 0;
}
.propertygrid .datagrid-group {
overflow: hidden;
border-width: 0 0 1px 0;
border-style: solid;
}
.propertygrid .datagrid-group span {
font-weight: bold;
}
.propertygrid .datagrid-view1 .datagrid-body td {
border-color: #dddddd;
}
.propertygrid .datagrid-view1 .datagrid-group {
border-color: #E0ECFF;
}
.propertygrid .datagrid-view2 .datagrid-group {
border-color: #dddddd;
}
.propertygrid .datagrid-group,
.propertygrid .datagrid-view1 .datagrid-body,
.propertygrid .datagrid-view1 .datagrid-row-over,
.propertygrid .datagrid-view1 .datagrid-row-selected {
background: #E0ECFF;
}
.progressbar {
border-width: 1px;
border-style: solid;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
overflow: hidden;
position: relative;
}
.progressbar-text {
text-align: center;
position: absolute;
}
.progressbar-value {
position: relative;
overflow: hidden;
width: 0;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}
.progressbar {
border-color: #95B8E7;
}
.progressbar-text {
color: #000000;
font-size: 14px;
}
.progressbar-value,
.progressbar-value .progressbar-text {
background-color: #ffe48d;
color: #000000;
}
.passwordbox-open {
background: url('images/passwordbox_open.png') no-repeat center center;
}
.passwordbox-close {
background: url('images/passwordbox_close.png') no-repeat center center;
}