@import url(http://fonts.googleapis.com/css?family=Noto+Sans|Oswald:400,300);

.pageContainer {
    width: 960px;
    border: solid 1px #ACACAC;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
}

.inline-block {
    display: inline-block;
}

#topMenu {
    background-color: #56a2d7;
}

.linkGroup {
    width: 90%;
    text-align: center;
    margin: 20px auto;
}

    .linkGroup a {
        margin: 8px;
        display: inline-block;
    }



/********** 960 - 12 Col **********/
._940, ._860, ._780, ._700, ._620, ._540, ._460, ._380, ._300, ._220, ._140, ._60,
._940b, ._860b, ._780b, ._700b, ._620b, ._540b, ._460b, ._380b, ._300b, ._220b, ._140b, ._60b {
    /*padding: 0 10px;*/
}

._940,
._940b {
    width: 940px;
}

._860 {
    width: 860px;
}

._860b {
    width: 858px;
}

._780 {
    width: 780px;
}

._780b {
    width: 778px;
}

._700 {
    width: 700px;
}

._700b {
    width: 698px;
}

._620 {
    width: 620px;
}

._620b {
    width: 618px;
}

._540 {
    width: 540px;
}

._540b {
    width: 538px;
}

._460 {
    width: 460px;
}

._460b {
    width: 458px;
}

._380 {
    width: 380px;
}

._380b {
    width: 378px;
}

._300 {
    width: 300px;
}

._300b {
    width: 298px;
}

._220 {
    width: 220px;
}

._220b {
    width: 218px;
}

._140 {
    width: 140px;
}

._140b {
    width: 138px;
}

._60 {
    width: 60px;
}

._60b {
    width: 58px;
}
/**********************************/

/******** .:[ FLEX BOX ]:. ********/
.flexContainer {
    display: flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: -o-flex;
}

.flex1 {
    flex: 1;
    -ms-flex: 1;
    -moz-flex: 1;
    -webkit-flex: 1;
}

.flex2 {
    flex: 2;
    -ms-flex: 2;
    -moz-flex: 2;
    -webkit-flex: 2;
}

.flex3 {
    flex: 3;
    -ms-flex: 3;
    -moz-flex: 3;
    -webkit-flex: 3;
}
/**********************************/

/********.:[ COMMON ]:. ***********/
.hidden {
    display: none;
}

.resetMargin {
    overflow: hidden;
}

.marginTopXSmall {
    margin-top: 2px;
}

.marginTopSmall {
    margin-top: 5px;
}

.marginTopMedium {
    margin-top: 10px;
}

.marginTopLarge {
    margin-top: 15px;
}

.marginTopXLarge {
    margin-top: 30px;
}

.marginBottomSmall {
    margin-bottom: 5px;
}

.marginBottomMedium {
    margin-bottom: 10px;
}

.marginBottomLarge {
    margin-bottom: 15px;
}

.marginBottomXLarge {
    margin-bottom: 30px;
}

.marginLeftSmall {
    margin-left: 5px;
}

.marginLeftMedium {
    margin-left: 10px;
}

.paddingSmall {
    padding: 3px;
}

.paddingMedium {
    padding: 5px;
}

.paddingLarge {
    padding: 10px;
}

.paddingRow {
    padding: 5px 10px;
}

.borderBlack {
    border: solid 1px #000000;
}

.borderGray {
    border: solid 1px #acacac;
    overflow: hidden;
}

.alignRight {
    text-align: right;
}

.valignCenter {
    vertical-align: middle;
}

.valignBottom {
    bottom: 0;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.textCenter {
    text-align: center;
}

.error {
    color: #FF0000;
}

.noBreakText {
    white-space: nowrap;
}

.busy {
    position: relative;
    min-height: 50px;
}

.busy-body {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background-color: white;
}

    .busy-body img {
        height: 100%;
    }
/**********************************/

.field-validation-error, .validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

    .validation-summary-errors ul {
        list-style: none;
    }

.subject {
    /*font-weight: bold;*/
    font-size: 15px;
    background-color: #006699;
    color: #FFFFFF;
    padding: 5px;
}

.subject2 {
    font-weight: bold;
    background-color: #006699;
    color: #ffffff;
    font-size: 11px;
    padding: 3px 5px;
}

.fullWidthTextbox {
    width: 100%;
}

/* Place holders for color formatting, just for syntax reasons */
table.headerRow {
}

table.footerRow {
}

.blackOverlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: none;
    z-index: 9000;
}

.dialog {
    border: solid 1px #000000;
    background-color: #F5F5F5;
}


/******MEDIA*****/
.pageItem {
    display: inline-block;
    width: 47%;
    margin-left: 1%;
}

.imgWrapper {
    position: relative;
}

.delete, .undelete {
    color: white;
    background-color: #aa1818;
    border-radius: 3px;
    font-size: 14px;
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 1000;
    padding: 3px;
    display: none;
    cursor: pointer;
}

.undelete {
    background-color: #089744;
}

.inactive {
    position: fixed;
    top: 20px;
    right: 20px;
    overflow-y: scroll;
    height: 100%;
}

    .inactive .imgWrapper {
        display: block;
    }

.mainImageCheck {
    color: white;
    background-color: #d3d3d3;
    border-radius: 3px;
    font-size: 14px;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 1000;
    padding: 3px;
    cursor: pointer;
    border-radius: 50px;
}

.isMain.mainImageCheck {
    background-color: #145c1c;
}

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