.cfy-wrap {
     background-color: #F2F2F2;
     border-right: 1px solid #DFDFDF;
     left: -261px;
     position: absolute;
     top: 0;
     transition: left 0.35s ease 0s;
     width: 260px;
     z-index: 9;
     min-height: 100%;
     box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.15);
}

.cfy-wrap.cfy-wrap-loading {
     background: url("../img/cfy-ajax-loader.gif") no-repeat scroll right 1px #F2F2F2;
}

.cfy-section {
     border-bottom: 1px solid #DFDFDF;
     overflow: hidden;
     padding: 13px 0 13px 20px;
     background: #f2f2f2;
}

.cfy-title h3 {
     color: #767676;
     display: inline-block;
     font: 700 13px/18px 'Open Sans',sans-serif;
     margin: 0 0 13px;
}

button.cfy-item {
     background: none repeat scroll 0 0 transparent;
     border: medium none;
     color: #767676;
     cursor: pointer;
     float: left;
     font: 400 11px/20px 'Open Sans',sans-serif;
     margin: 0 15px 8px 0;
     overflow: hidden;
     padding: 0 5px;
     text-align: left;
     width: 102px;
}

button.cfy-item:hover {
     opacity: 0.7;
}

button.cfy-active {
     background: none repeat scroll 00 0 #3288C4;
     color: #FFFFFF;
     cursor: default;
     opacity: 1 ! important;
}

button.cfy-on {
     background-color: #F57B7B;
}

.cfy-clearButton {
     background: none repeat scroll 0 0 #515151;
     border: medium none;
     color: #FFFFFF;
     cursor: pointer;
     display: block;
     font: 11px 'Open Sans',sans-serif;
     margin: 20px auto 50px;
     padding: 4px 0;
     text-align: center;
     text-decoration: none;
     width: 110px;
}

.cfy-clearButton:hover {
     opacity: 0.8;
}

.cfy-toggle {
     background: url("../img/cfy-toggle.png") no-repeat scroll 0 0 transparent;
     cursor: pointer;
     height: 100%;
     position: absolute;
     right: -22px;
     text-indent: 9999px;
     top: 0;
     width: 22px;
}

.cfy-toggle.cfy-toggle-close {
     background-position: -22px 0;
}

.cfy-section-textfield {
     clear: both;
     margin-bottom: 8px;
     overflow: hidden;
}

.cfy-section label {
     color: #767676;
     float: left;
     font: 400 11px 'Open Sans',sans-serif;
     margin-top: 3px;
}

input.cfy-item {
     border: 1px solid #CDD3D6;
     color: #767676;
     float: right;
     font: 11px 'Open Sans',sans-serif;
     height: 20px;
     margin-right: 25px;
     padding: 0;
     text-align: center;
     width: 40px;
}

.cfy-item-checkbox {
     color: #767676;
     cursor: pointer;
     float: left;
     font: 400 12px/20px 'Open Sans',sans-serif;
     margin-bottom: 8px;
     margin-top: 3px;
     overflow: hidden;
     position: relative;
     width: 100%;
}

.cfy-item-checkbox:before {
     background: none repeat scroll 0 0 #949494;
     color: #FFFFFF;
     content: "OFF";
     cursor: pointer;
     font: 9px/20px sans-serif;
     height: 20px;
     position: absolute;
     right: 25px;
     text-align: center;
     top: 0;
     width: 40px;
}

.cfy-item-checkbox.cfy-on:before {
     background: none repeat scroll 0 0 #3288C4;
     content: "ON";
}

.cfy-h2 {
     font: bold 13px Open Sans, sans-serif;
     color: #5E5B5B;
     text-align: center;
     padding: 10px 0 9px 0;
     border-bottom: 1px solid #dfdfdf;
     margin-bottom: 15px;
}