/*#region Positioning */

.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;}
.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;}
.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;}
.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;}

/*#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;}

/*#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;}