.view-toggle {
height: 31px;
}
.view-toggle, .view-toggle>li, .tools-toggle, .tools-toggle>li {
float: left;
}
.view-toggle>li:first-child>.button {
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.view-toggle .button.active {
cursor: default;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: alpha(opacity=100);
}
.view-toggle .button.active {
cursor: default;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: alpha(opacity=100);
}
cables-docksmedia="screen, print"
.search-toolbar .button.active, .touch .search-toolbar .button.active:hover, .no-touch .search-toolbar .view-toggle .button.active:hover {
background: #ccc;
background: -moz-linear-gradient(top,rgba(189,189,189,1) 0,rgba(217,217,217,1) 12%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,rgba(189,189,189,1) 0,rgba(217,217,217,1) 12%,rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(189,189,189,1)),color-stop(12%,rgba(217,217,217,1)),color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,rgba(189,189,189,1) 0,rgba(217,217,217,1) 12%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,rgba(189,189,189,1) 0,rgba(217,217,217,1) 12%,rgba(255,255,255,1) 100%);
-webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 3px 6px rgba(0,0,0,0.2);
box-shadow: inset 0 3px 6px rgba(0,0,0,0.2);
filter: none;
}
cables-docksmedia="screen, print"
.search-toolbar .view-toggle .button {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 31px;
margin-right: -1px;
position: relative;
width: 28px;
}
.ns .button.product, .ns .button.secondary, .button.rect.secondary {
background: #ebebeb;
background: -webkit-linear-gradient(#fff,#ebebeb);
background: -moz-linear-gradient(#fff,#ebebeb);
background: linear-gradient(#fff,#ebebeb);
border: 1px solid #b5b5b5;
}
.ns .button:active, .ns .button.active, .button.rect:active, .button.rect.active {
-webkit-box-shadow: 0 1px 0 #fff,inset 0 0 9px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 0 #fff,inset 0 0 9px rgba(0,0,0,0.5);
box-shadow: 0 1px 0 #fff,inset 0 0 9px rgba(0,0,0,0.5);
}
.button.rect.disabled, .button.rect[disabled] {
opacity: .5;
filter: alpha(opacity=50);
-ms-filter: alpha(opacity=50);
background: #4c88bc;
}
.button.merchandising.small, .button.transactional.small, .button.secondary.small, .button.skip.small {
padding: 5px 10px 6px;
}
.button.rect.secondary>span {
color: #000!important;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: alpha(opacity=100);
font-size: 12px;
}