.cp-wrap {
   border: 1px solid #D9D9D6;
   border-radius: 3px;
   padding: 10px;
   background-color: #f3f3f3;
   position: relative;
   margin-bottom: 15px;
   overflow: hidden;
   box-shadow: 1px 1px 1px #ccc,-1px -1px 1px #f3f3f3;
}

.cp-topmargin {
   margin-top: 10px;
}

.cp-title {
   color: #a41e5d;
   font-weight: 500;
}

.cp-small-text {
   font-size: 0.85em;
}

.cp-disc-text {
   color: #0393be;
   font-weight: 500;
   font-size: 1.7em;
}

.cp-code-wrap {
   display: none;
}

.cp-code-cover {
   display: block;
}

.cp-code-text {
   background-color: #ecf5f7;
   display: inline-block;
   border-radius: 6px;
   border: 2px dashed #127AAD;
   padding: 10px 20px 0;
   font-size: 20px;
   font-weight: 700;
   text-align: center;
   cursor: pointer;
}

.centered {
   text-align: center;
}

.hidden {
   diplay: none;
}

.blue {
   color: #0393be;
}

.green {
   color: #7BB12F;
}

.cp-desc {
   font-size: 1em;
}