/*#region Positioning */

.noPadding {
    padding: 0px !important;
}

.noLeftRightMargin {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.floatClear {
    clear: both;
    display: block;
}

.fillSpace {
    display: block;
}

.tdAlignRight {
    text-align: right;
}

.centerInsideParent {
    margin: 0 auto;
}

.inline {
    display: inline;
}

/* To-Do - The next two are exactly the
same CSS class. I need to consolidate all
aligns instead of having one for tables
and one for text. */
.tdAlignCenter {
    text-align: center;
}

.tdAlignTop {
    vertical-align: top;
}

.alignCenter {
    text-align: center;
}

.alignRight {
    text-align: right;
}

.alignLeft {
    text-align: left;
}

.alignJustify {
    text-align: justify;
}

.alignTop {
    vertical-align: top;
}

.alignBottom {
    vertical-align: bottom;
}

.alignMiddle {
    vertical-align: middle;
}

.rFloat {
    float: right;
}

.lFloat {
    float: left;
}

.relative {
    position: relative;
}

/*#endregion*/

/*#region Aesthetics */

.shadow {
    box-shadow: 10px 10px 5px #888;
}

.smallShadow {
    box-shadow: 4px 4px 4px #888;
}

.roundedDiv {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.roundedDivSmall {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.roundedDivTop {
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
}

.roundedDivBottom {
    border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
}

div.smallShadow {
    background-color: #fff;
}

.textShadow {
    text-shadow: 4px 4px 3px #cccccc;
}

/*#endregion*/

/*#region Background Colors */

.gray {
    background-color: #f7f7f7;
}

.darkGray {
    background-color: #e5e5e5;
}

.lightBrown {
    background-color: #f9f0d3;
}

.white {
    background-color: #fff;
}

.lightGray {
    background-color: #fafafa;
}

.bgBlack {
    background-color: #000;
}

/*#endregion*/

/*#region Text Colors */

.headerTextBrown {
    color: #522f15;
}

.headerTextBlue {
    color: #002277;
}

.headerTextBrightBlue {
    color: #2323ff;
}

.headerTextRed {
    color: #880000;
}

.headerTextBrightRed {
    color: #e30e0e;
}

.headerTextGreen {
    color: #006600;
}

.headerTextBrightGreen {
    color: #00a300;
}

.headerTextOrange {
    color: #eb7700;
}

.tabTextDeploy {
    color: #9f3084;
}

.tabTextObsolete {
    color: #bb5e03;
}

.tabTextDispose {
    color: #6c6b02;
}

.tabTextRepair {
    color: #eb7700;
}

/*#endregion*/

/*#region Text Stuff */

.sectionHeader1 {
    font-size: 2em;
}

.sectionHeader2 {
    font-size: 1.8em;
}

.sectionHeader3 {
    font-size: 1.6em;
}

.sectionHeader4 {
    font-size: 1.4em;
}

.sectionHeader5 {
    font-size: 1.2em;
}

.sectionHeader6 {
    font-size: 1.1em;
}

.smallText2 {
    font-size: 12px;
}

.smallText {
    font-size: 10px;
}

.superSmallText {
    font-size: 9px;
}

.boldText {
    font-weight: bold;
}

.textJustify {
    text-align: justify;
}

.justify-all-lines {
    /* This element will need layout for the text-justify
     * to take effect in IE7 (and possibly previous versions);
     * this will force it, for more info Google "hasLayout in IE"
     */
    overflow: hidden;
    text-align: justify;
    /* For IE6 to IE7 since they don't support :after */
    -ms-text-justify: distribute-all-lines; /* IE8+ */
    text-justify: distribute-all-lines; /* IE5+ */
}

    .justify-all-lines:after {
        /*
     * We don't need IE6 and IE7 inline-block hack support here
     * since they don't support :after anyways (the text-justify
     * properties for them are above)... IE8 and above have native
     * inline-block support so for IE8+, both the text-justify and
     * :after will take effect but it doesn't have any negative
     * effects since this element is invisible
     */
        display: inline-block;
        width: 100%;
        content: '.';
        font-size: 0;
        height: 0;
        line-height: 0;
        visibility: hidden;
    }

/*#endregion*/

/*#region Padding */

/*#region All Sides */

.Pad1 {
    padding: 1px;
}

.pad2 {
    padding: 2px;
}

.pad3 {
    padding: 3px;
}

.pad4 {
    padding: 4px;
}

.pad5 {
    padding: 5px;
}

.pad6 {
    padding: 6px;
}

.pad7 {
    padding: 7px;
}

.pad8 {
    padding: 8px;
}

.pad9 {
    padding: 9px;
}

.pad10 {
    padding: 10px;
}

.pad15 {
    padding: 15px;
}

.pad20 {
    padding: 20px;
}

.pad25 {
    padding: 25px;
}

.pad30 {
    padding: 30px;
}

.pad35 {
    padding: 35px;
}

.pad40 {
    padding: 40px;
}

.pad45 {
    padding: 45px;
}

/*#endregion*/

/*#region Top */

.topPad1 {
    padding-top: 1px;
}

.topPad2 {
    padding-top: 2px;
}

.topPad3 {
    padding-top: 3px;
}

.topPad4 {
    padding-top: 4px;
}

.topPad5 {
    padding-top: 5px;
}

.topPad6 {
    padding-top: 6px;
}

.topPad7 {
    padding-top: 7px;
}

.topPad8 {
    padding-top: 8px;
}

.topPad9 {
    padding-top: 9px;
}

.topPad10 {
    padding-top: 10px;
}

.topPad14 {
    padding-top: 14px;
}

.topPad15 {
    padding-top: 15px;
}

.topPad20 {
    padding-top: 20px;
}

.topPad25 {
    padding-top: 25px;
}

.topPad30 {
    padding-top: 30px;
}

.topPad35 {
    padding-top: 35px;
}

.topPad40 {
    padding-top: 40px;
}

.topPad45 {
    padding-top: 45px;
}

/*#endregion*/

/*#region Bottom */

.bottomPad1 {
    padding-bottom: 1px;
}

.bottomPad2 {
    padding-bottom: 2px;
}

.bottomPad3 {
    padding-bottom: 3px;
}

.bottomPad4 {
    padding-bottom: 4px;
}

.bottomPad5 {
    padding-bottom: 5px;
}

.bottomPad6 {
    padding-bottom: 6px;
}

.bottomPad7 {
    padding-bottom: 7px;
}

.bottomPad8 {
    padding-bottom: 8px;
}

.bottomPad9 {
    padding-bottom: 9px;
}

.bottomPad10 {
    padding-bottom: 10px;
}

.bottomPad15 {
    padding-bottom: 15px;
}

.bottomPad20 {
    padding-bottom: 20px;
}

.bottomPad25 {
    padding-bottom: 25px;
}

.bottomPad30 {
    padding-bottom: 30px;
}

.bottomPad35 {
    padding-bottom: 35px;
}

.bottomPad40 {
    padding-bottom: 40px;
}

.bottomPad45 {
    padding-bottom: 45px;
}

/*#endregion*/

/*#region Left */

.leftPad1 {
    padding-left: 1px;
}

.leftPad2 {
    padding-left: 2px;
}

.leftPad3 {
    padding-left: 3px;
}

.leftPad4 {
    padding-left: 4px;
}

.leftPad5 {
    padding-left: 5px;
}

.leftPad6 {
    padding-left: 6px;
}

.leftPad7 {
    padding-left: 7px;
}

.leftPad8 {
    padding-left: 8px;
}

.leftPad9 {
    padding-left: 9px;
}

.leftPad10 {
    padding-left: 10px;
}

.leftPad15 {
    padding-left: 15px;
}

.leftPad20 {
    padding-left: 20px;
}

.leftPad25 {
    padding-left: 25px;
}

.leftPad30 {
    padding-left: 30px;
}

.leftPad35 {
    padding-left: 35px;
}

.leftPad40 {
    padding-left: 40px;
}

.leftPad45 {
    padding-left: 45px;
}

/*#endregion*/

/*#region Right */

.rightPad1 {
    padding-right: 1px;
}

.rightPad2 {
    padding-right: 2px;
}

.rightPad3 {
    padding-right: 3px;
}

.rightPad4 {
    padding-right: 4px;
}

.rightPad5 {
    padding-right: 5px;
}

.rightPad6 {
    padding-right: 6px;
}

.rightPad7 {
    padding-right: 7px;
}

.rightPad8 {
    padding-right: 8px;
}

.rightPad9 {
    padding-right: 9px;
}

.rightPad10 {
    padding-right: 10px;
}

.rightPad15 {
    padding-right: 15px;
}

.rightPad20 {
    padding-right: 20px;
}

.rightPad21 {
    padding-right: 21px;
}

.rightPad22 {
    padding-right: 22px;
}

.rightPad23 {
    padding-right: 23px;
}

.rightPad24 {
    padding-right: 24px;
}

.rightPad25 {
    padding-right: 25px;
}

.rightPad30 {
    padding-right: 30px;
}

.rightPad35 {
    padding-right: 35px;
}

.rightPad40 {
    padding-right: 40px;
}

.rightPad45 {
    padding-right: 45px;
}

/*#endregion*/

/*#endregion*/

/*#region Margins */

/*#region All Sides */

.margin1 {
    margin: 1px;
}

.margin2 {
    margin: 2px;
}

.margin3 {
    margin: 3px;
}

.margin4 {
    margin: 4px;
}

.margin5 {
    margin: 5px;
}

.margin6 {
    margin: 6px;
}

.margin7 {
    margin: 7px;
}

.margin8 {
    margin: 8px;
}

.margin9 {
    margin: 9px;
}

.margin10 {
    margin: 10px;
}

.margin15 {
    margin: 15px;
}

.margin20 {
    margin: 20px;
}

.margin25 {
    margin: 25px;
}

.margin30 {
    margin: 30px;
}

.margin35 {
    margin: 35px;
}

.margin40 {
    margin: 40px;
}

.margin45 {
    margin: 45px;
}

/*#endregion*/

/*#region Top */

.topMargin1 {
    margin-top: 1px;
}

.topMargin2 {
    margin-top: 2px;
}

.topMargin3 {
    margin-top: 3px;
}

.topMargin4 {
    margin-top: 4px;
}

.topMargin5 {
    margin-top: 5px;
}

.topMargin6 {
    margin-top: 6px;
}

.topMargin7 {
    margin-top: 7px;
}

.topMargin8 {
    margin-top: 8px;
}

.topMargin9 {
    margin-top: 9px;
}

.topMargin10 {
    margin-top: 10px;
}

.topMargin15 {
    margin-top: 15px;
}

.topMargin20 {
    margin-top: 20px;
}

.topMargin25 {
    margin-top: 25px;
}

.topMargin30 {
    margin-top: 30px;
}

.topMargin35 {
    margin-top: 35px;
}

.topMargin40 {
    margin-top: 40px;
}

.topMargin45 {
    margin-top: 45px;
}

.topMargin50 {
    margin-top: 50px;
}

/*#endregion*/

/*#region Bottom */

.bottomMargin1 {
    margin-bottom: 1px;
}

.bottomMargin2 {
    margin-bottom: 2px;
}

.bottomMargin3 {
    margin-bottom: 3px;
}

.bottomMargin4 {
    margin-bottom: 4px;
}

.bottomMargin5 {
    margin-bottom: 5px;
}

.bottomMargin6 {
    margin-bottom: 6px;
}

.bottomMargin7 {
    margin-bottom: 7px;
}

.bottomMargin8 {
    margin-bottom: 8px;
}

.bottomMargin9 {
    margin-bottom: 9px;
}

.bottomMargin10 {
    margin-bottom: 10px;
}

.bottomMargin15 {
    margin-bottom: 15px;
}

.bottomMargin20 {
    margin-bottom: 20px;
}

.bottomMargin25 {
    margin-bottom: 25px;
}

.bottomMargin30 {
    margin-bottom: 30px;
}

.bottomMargin35 {
    margin-bottom: 35px;
}

.bottomMargin40 {
    margin-bottom: 40px;
}

.bottomMargin45 {
    margin-bottom: 45px;
}

/*#endregion*/

/*#region Left */

.leftMargin1 {
    margin-left: 1px;
}

.leftMargin2 {
    margin-left: 2px;
}

.leftMargin3 {
    margin-left: 3px;
}

.leftMargin4 {
    margin-left: 4px;
}

.leftMargin5 {
    margin-left: 5px;
}

.leftMargin6 {
    margin-left: 6px;
}

.leftMargin7 {
    margin-left: 7px;
}

.leftMargin8 {
    margin-left: 8px;
}

.leftMargin9 {
    margin-left: 9px;
}

.leftMargin10 {
    margin-left: 10px;
}

.leftMargin15 {
    margin-left: 15px;
}

.leftMargin20 {
    margin-left: 20px;
}

.leftMargin25 {
    margin-left: 25px;
}

.leftMargin30 {
    margin-left: 30px;
}

.leftMargin35 {
    margin-left: 35px;
}

.leftMargin40 {
    margin-left: 40px;
}

.leftMargin45 {
    margin-left: 45px;
}

.leftMargin50 {
    margin-left: 50px;
}

.leftMargin60 {
    margin-left: 60px;
}

/*#endregion*/

/*#region Right */

.rightMargin1 {
    margin-right: 1px;
}

.rightMargin2 {
    margin-right: 2px;
}

.rightMargin3 {
    margin-right: 3px;
}

.rightMargin4 {
    margin-right: 4px;
}

.rightMargin5 {
    margin-right: 5px;
}

.rightMargin6 {
    margin-right: 6px;
}

.rightMargin7 {
    margin-right: 7px;
}

.rightMargin8 {
    margin-right: 8px;
}

.rightMargin9 {
    margin-right: 9px;
}

.rightMargin10 {
    margin-right: 10px;
}

.rightMargin15 {
    margin-right: 15px;
}

.rightMargin20 {
    margin-right: 20px;
}

.rightMargin25 {
    margin-right: 25px;
}

.rightMargin30 {
    margin-right: 30px;
}

.rightMargin35 {
    margin-right: 35px;
}

.rightMargin40 {
    margin-right: 40px;
}

.rightMargin45 {
    margin-right: 45px;
}

/*#endregion*/

/*#endregion*/

.fullWidth {
    width: 100%;
}

.tableCollapse {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
}

.spacerRow5 {
    height: 5px;
}

.spacerRow10 {
    height: 10px;
}

.spacerRow15 {
    height: 15px;
}

.spacerRow20 {
    height: 20px;
}

.checkbox, .radio {
    width: 19px;
    height: 25px;
    padding: 0;
    background: url(../images/icons/checkboxSprite.png) no-repeat;
}

.checkbox-off {
    background-position: 0 0px;
}

.checkbox-off-active {
    background-position: 0 -25px;
}

.checkbox-on {
    background-position: 0 -50px;
}

.checkbox-on-active {
    background-position: 0 -75px;
}

.loadingIndicator {
    display: none;
}

.divTable {
    display: table;
}

.divTR {
    display: table-row;
}

.divTC {
    display: table-cell;
}

.bgRed {
    background-color: Red;
}

.bgNewItem {
    background-color: #6695c4;
}

.dashedBorderOrange {
    border: 1px dashed #eb7700;
}

.topDashedBorderBlack {
    border-top: 1px dashed #888;
}