@import url(http://fonts.googleapis.com/css?family=Oswald);


/* ======================================================= */
/*                         Back End                        */
/* ======================================================= */

.cow-boxer-options .submit {
    float: right;    
}

.checkbox_option_set input[type="checkbox"], 
.radio_option_set input[type="radio"] {
    margin: 3px;
}

input[type="checkbox"], 
input[type="radio"] {
    vertical-align: middle;
}

.option_header {
    font-weight: bold;
    text-align: right;
    float: left;
    font-size: 12px;
    line-height: 20px;
    width: 150px;
    padding: 10px;
    }
.option_set {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    clear: both;
    display: block;
    padding: 5px 0;
    margin-bottom: 4px;
    background-color: white;
    border: 1px solid #F7F7F7;
    border-bottom: 1px solid #F2F2F2;
    position: relative;
    }
.radio_option_set {
   
   }
    .radio_option_set img {
        vertical-align: middle;
    }
.option {
    float: left;
    overflow: visible;
    margin: 10px 0;
    position: relative;
    /*width: 450px;*/
    }
.option_help {
    font-size: 12px;
    height: 16px;
    top: 15px;
    right: -8px;
    position: absolute;
    width: 16px;
    }
.help_tooltip {
    display: none;
    min-height: 20px;
    width: 240px;
    font-size: 11px;
    line-height: 15px;
    padding: 10px;
    padding-right: 15px;
    color: whiteSmoke;
    background-color: #252525;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    }

    
/* ======================================================= */
/*                         Front                           */
/* ======================================================= */

.custom-formatting, 
.substitute_widget_class {
    padding: 10px 0 !important;
    }

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    }

a.small-light-button {
    background: transparent url(../images/small-light-button-l.png) no-repeat scroll left top;
    text-shadow: 0 1px white;
    }
a.small-dark-button {
    background: transparent url(../images/small-dark-button-l.png) no-repeat scroll left top;
    }
a.small-dark-button, 
a.small-light-button {
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 12px;
    display: inline-block;
    border: 0 none;
    height: 31px;
    margin: 1em 0 0 0 !important;
    overflow: visible;
    padding: 0 0 0 8px !important;
    position: relative;
    }
    a.small-dark-button:hover, 
    a.small-light-button:hover {
        background-position: left bottom;
        color: #666;
        text-decoration: none;
        cursor: pointer;
        }
        a.small-dark-button:hover span, 
        a.small-light-button:hover span {
            background-position: right bottom;
            text-decoration: none;
            cursor: pointer;
            line-height: 11px;
            }
    a.small-dark-button span, 
    a.small-light-button span {
        display: block;
        float: left;
        position: relative;
        padding: 10px 18px 10px 10px;
        line-height: 11px;
        }
    a.small-light-button span {
        background: transparent url(../images/small-light-button-r.png) no-repeat scroll right top;
        color: #666;
        }
    a.small-dark-button span {
        background: transparent url(../images/small-dark-button-r.png) no-repeat scroll right top;
        color: white;
        }

.align-btn-left {
    float: left;
    display: inline-block;
    }
.align-btn-right {
    float: right;
    display: inline-block;
    }
        
.cow-label {
    padding: 1px 3px 2px;
    background-color: #bfbfbf;
    font-size: 9.75px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }
    .cow-label.important {
        background-color: #c43c35;
        }
    .cow-label.warning {
        background-color: #f89406;
        }
    .cow-label.success {
        background-color: #46a546;
        }
    .cow-label.notice {
        background-color: #62cffc;
        }

/* ======================================================= */
/*                         Boxes                           */
/* ======================================================= */

.box-wrapper {
    clear: both;
    display: block;
    position: relative;
    margin: 1.5em 0;
    }
 
.box-item {
    position: relative;
    overflow: hidden;
    display: block;
    }
    .box-item img {
        margin: 0 auto;
        border: none;
        display: block;
        }
        .box-item a img:hover {
            opacity:0.8;
            }
   
.box-1 {

    }
    .box-1 .box-title {
        padding: 0 5px;
        font-family: 'Oswald', Arial;
        font-size: 20px;
        margin: 0 0 .5em 0;
        }
    .box-1 .box-image {
        text-align: center;
        margin: 0 auto;
        }
    .box-1 .box-content {
        float: left;
        padding: 1em 5px 0;        
        }

.box-2 {

    }
    .box-2 .box-image {
        margin: 0 0 .8em 0;
        }
    .box-2 .box-title { 
        font-family: 'Oswald', Arial;
        font-size: 20px;
        margin: 0 0 .5em 0;
        padding: 0 5px;
        }
    .box-2 .box-content {
        float: left;
        padding: 0 5px;        
        }

.box-3 {
    /*position: relative; */
    }
    .box-3 .box-image { 
        float: left;
        margin: 0 0 1em 0;       
        }    
    .box-3 .box-title {
        float: left;
        font-family: 'Oswald', Arial;
        font-size: 20px;
        line-height: 24px;
        margin: .3em 0 .3em 1em;
        }
    .box-3 .box-content { 
        float: left;
        padding: 0 5px;               
        }

.box-4 {
    /*position: relative;*/
    }
    .box-4 .box-title { 
        float: left;
        font-family: 'Oswald', Arial;
        font-size: 20px;
        line-height: 24px;
        margin: 0 1em 0 0;
        }
    .box-4 .box-image { 
        float: right;
        margin: 0 0 .7em 0;     
        }    
    .box-4 .box-content { 
        float: left;
        padding: 0 5px;               
        }

.box-5 {

    }
    .box-5 .box-image {
        float: left;
        height: 250px;
        width: 90px; 
        margin-right: 1em;
        }
    .box-5 .box-title {
        font-family: 'Oswald', Arial;
        font-size: 20px;
        line-height: 24px;
        margin: .3em 0 .7em 0; 
        }
    .box-5 .box-content {
        
        }

.box-6 {

    }
    .box-6 .box-title {
        font-family: 'Oswald', Arial;
        font-size: 20px;
        line-height: 24px;
        margin: .3em .5em .7em 0;
        }
    .box-6 .box-content {
        margin: 0 1em 0 0;        
        }
    .box-6 .box-image {
        float: right;
        height: 250px;
        width: 90px;
        margin-left: 1em; 
        }
        
.box-7 {

    }
    .box-7 .box-title { 
        font-family: 'Oswald', Arial;
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 .7em 0;
        }
    .box-7 .box-content {               
        }
    .box-7 .box-image { 
        display: inline;
        float: left;
        margin: 0 1em .3em 0;     
        } 

.box-8 {

    }
    .box-8 .box-title { 
        font-family: 'Oswald', Arial;
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 1em 0;
        }
    .box-8 .box-content {
                
        }
    .box-8 .box-image { 
        display: inline;
        float: right;
        margin: 0 0 .3em 1em;     
        }    
        
.box-9 {

    }
    .box-9 .box-item {
        padding: 1em;
    }                   
    .box-9 .box-title { 
        font-family: 'Oswald', Arial;
        font-size: 20px;
        margin: 0 0 .5em 0;
        padding: 0 5px;
        }
    .box-9 .box-content {
        float: left;
        padding: 0 5px;        
        }
    .box-9 .box-image {
        clear: both;
        margin: 0 0 .8em 0;
        }
        
.grey-white {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: rgb(229,229,229); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    
/*    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25), 0 3px 4px rgba(0, 0, 0, 0.3);*/
    }
    .grey-white:hover {
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.35);
        }  
         
        
/* ======================================================= */
/*                         Frames                          */
/* ======================================================= */
 
.wpboxer_image_frame { 
    background: none; 
    border: 1px solid #EEEEEE;
    display: block;
    }
    .wpboxer_image_frame img {      
        margin: 0 auto;                   
        }         
  

/* ======================================================= */
/*                         Columns                         */
/* ======================================================= */

/* Basic columns
---------------------------------------------------------- */
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    position: relative;
    margin-right: 4%;
    float: left;
    min-height: 1px;
    height: auto !important;
    height: 1px;
    overflow: hidden;
}
.one_half {
    width: 48%;
}
.one_third {
    width: 30.6666%;
}
.two_third {
    width: 65.3332%;
}
.one_fourth {
    width: 22%;
}
.two_fourth {
    width: 48%;
}
.three_fourth {
    width: 74%;
}
.one_fifth {
    width: 16.8%;
}
.two_fifth {
    width: 37.6%;
}
.three_fifth {
    width: 58.4%;
}
.four_fifth {
    width: 79.2%;
}
.one_sixth {
    width: 13.3333%;
}
.two_sixth {
    width: 30.6666%;
}
.three_sixth {
    width: 47.9998%;
}
.four_sixth {
    width: 65.3332%;
}
.five_sixth {
    width: 82.6665%;
}
.last {
    margin-right: 0 !important;
    clear: right;
}
/* Two level columns
---------------------------------------------------------- */
.one_half .one_half {
    margin-right: 8.3333%;
    width: 45.8333%;
}
.one_half .one_third {
    margin-right: 8.3333%;
    width: 27.7778%;
}
.one_half .two_third {
    margin-right: 8.3333%;
    width: 63.8889%;
}
.two_third .one_third {
    margin-right: 6.1224%;
    width: 29.2517%;
}
.two_third .two_third {
    margin-right: 6.1224%;
    width: 64.6258%;
}
.two_third .one_fourth {
    margin-right: 6.1224%;
    width: 20.4082%;
}