/* FRONTEND CSS
*********************************************/
html {
  overflow-y: scroll;
}
body {
  background-color: #FFFFFF;
}

/* LAYOUT
*********************************************/
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}
/* Landscape phones and down */
@media (max-width: 480px) {
  
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  
}
/* Large desktop */
@media (min-width: 1200px) {
  
}

.clearfix {
    clear: both;
    width: 100%;
}

.style2 {
color: #FF5F06;
}

div#contentframe {
    width: 1024px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
}

div.searchresult {
    padding: 0 20px;
    margin: 20px auto 80px auto;
    overflow: hidden;
}

div.btn-toolbar {
    padding: 20px;
    margin: 0 0 20px 0;
    border: 1px solid #ccc;
}

div.btn-toolbar .inputbox {
    width: 805px;
    padding: 10px;
    border: 1px solid #ccc;
    height: 18px;
    font-size: 1.1em;
}

.custombtn {
    float: right !important;
    width: 100px !important;
    padding: 11px 10px !important;
    display: inline !important;
    font-size: 1.1em;
}

.searchintro {
    margin: 0 0 20px 0;
    text-align: left;
}

.searchintro p {
    text-align: left;
}

.phrases {
    padding: 20px;
    margin: 0 0 20px 0;
    border: 1px solid #ccc;
    width: 49%;
    display: inline;
    float: left;
    min-height: 120px;
}

.phrases h2 {
    font-size: 1.4em;
}

.only h2 {
    font-size: 1.4em;
    margin: 0 0 20px 0;
}

.phrases-box {
    padding: 0 20px 20px 20px;
}

.controls .radio {
    margin: 0 20px 0 0;
}

.controls input {
    margin:0 4px 0 0;
}

.only {
    padding: 20px;
    margin: 0 0 20px 0;
    border: 1px solid #ccc;
    width: 49%;
    display: inline;
    float: right;
    min-height: 120px;
}

.only .checkbox {
    margin: 0 20px 0 0;
}

.form-limit {
    clear: both;
    padding: 0 0 0 0;
}

.search-results {
 
}

.result-title {
        border-top: 1px solid #ccc;
    padding: 20px 20px 10px 20px;
    margin: 30px 0 0 0;
    font-size: 1.1em;
    font-weight: bold;
}

.customdiv {
    font-size: 1.1em;
    padding: 20px 40px;
    clear: both;
}

.phrases legend, .only legend {
	margin-bottom: 0 !important;
}

.only .checkbox {
	margin: 0 20px 3px 20px;
}