/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

/*--------------------------------------------------------------------------------------------------*/


.bordered {
    border: 1px solid;
}

.padded {
    padding: 1em;
}

.rounded {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.rounded5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.textcenter {
    text-align: center !important;
}

.textright {
    text-align: right !important;
}

.textleft {
    text-align: left !important;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

img.floatleft {
    margin-right: 1em;
    margin-bottom: 1em;
} 

img.floatright {
    margin-left: 1em;
    margin-bottom: 1em;
} 

.relative {
    position: relative;
}

.nomargin {
    margin: 0 !important;
}
.noborder {
    border: none !important;
}

.nomargintop {
    margin-top: 0 !important;
}

.nomarginbottom {
    margin-bottom: 0 !important;
}

.margintop {
    margin-top: 1em !important;
}

.margintop-half {
    margin-top: .5em !important;
}

.margintop-double {
    margin-top: 2em !important;
}

.marginbottom {
    margin-bottom: 1em !important;
}

.marginbottom-double {
    margin-bottom: 2em !important;
}

.marginbottom-half {
    margin-bottom: .5em !important;
}

.paddingtop {
    padding-top: 1em !important;
}

.paddingtop-double {
    padding-top: 2em !important;
}

.paddingbottom {
    padding-bottom: 1em !important;
}

.paddingbottom-double {
    padding-bottom: 2em !important;
}

.center {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
    float: none;
}

.bold {
    font-weight: bold;
}