/* JoomISP Frontend component styles */

.joomisp dt {
    width: 24em; float: left;
}

.joomisp-details .readmore, .joomisp-category  .readmore {
    text-align: center;
    margin-top: 10px;
}

.joomisp-details .back {
    margin-top: 18px;
    text-align: center;
}

.joomisp-category  .price {
    text-align: center;
    font-size: 1.4em;
}

.joomisp-category .setupfee {
    text-align: center;
    margin-top: 4px;
}

.joomisp .taxnote {
    margin-top: 20px;
    font-size: 0.95em;
}

.joomisp-domains fieldset.search {
    border: solid 1px #CCC;
    /*width: 300px;*/
    text-align: center;
    padding: 15px;
}

.joomisp-domains fieldset.search .check {
    margin-top: 10px;
}

.joomisp ul.pagenav {
    text-align: center;
    margin-top: 15px !important;
    list-style-type: none;
}

.joomisp li {
    display: inline-block;
}

.joomisp ul.pagenav li input {
    margin-left: 4px;
}

.joomisp-summary .error {
    color: red;
    font-weight: bold;
}

.joomisp-summary .checkbox {
    margin-top: 10px;
}
.joomisp-summary .checkbox input {
    float: left;
}
.joomisp-summary .checkbox .checkbox-text {
    margin-left: 25px;
}
.joomisp-summary .checkbox span.missing {
    color: red;
    font-weight: bold;
}
.joomisp-summary .for {
    font-style: italic;
}

.joomisp-summary #voucher {
    width: 200px;
}
.joomisp-orders .upgrade {
    text-align: right;
}

.joomisp .domain_free {
    color: green;
}

.joomisp .domain_taken {
    color: red;
}

.joomisp-editdata fieldset {
    border: solid 1px #CCC;
    padding: 10px;
}

.joomisp .short-order-summary {
    padding: 15px;
    font-size: 0.9em;
}

.joomisp.joomisp-domains .search select {
    max-width: 80px;
}

.joomisp .category.summary-list, .joomisp .category.features, .joomisp-domains .category {
    width: 100%;
}

.joomisp .cols-2 .item {
    width: 47%;
    padding:8px;
    float: left;
}

.joomisp .cols-3 .item {
    width: 30%;
    padding:8px;
    float: left;
}

.joomisp .cols-4 .item {
    width: 22%;
    padding:5px;
    float: left;
}

.joomisp .cols-5 .item {
    width: 18%;
    padding:3px;
    float: left;
}

.joomisp .row-separator {
    display: block;
    clear: both;
}

.joomisp .pagenav li {
    display: inline;
}

.joomisp input.valid {
    border: 1px solid #34ad16;
}

.joomisp input.required:after {
    margin-left: 15px;
    content: " *";
    color: red;
}