.clsControl {
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    padding: 5px;
    overflow: hidden;
    border-width: 0;
    outline: none;
    border-radius: 5px;
    background: #e5e5e5;
    color: #595959;
    transition: background-color .3s;
}

    .clsControl:hover {
        background-color: #53a3d3;
        color: white;
    }

.clsX {
    margin-left: -30px;
    width: 14px;
    height: 14px;
}

    .clsX:hover {
    }


html, body, Form {
    margin: 0;
    padding: 0;
}

html, body, form {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    background-color: #f5f5f5;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
    zoom: 1;
    font-size: medium;
    color: #595959;
}

a {
    color: #56af31;
}

    a:hover {
        color: #ff8400;
    }

#header {
	height: 100px;
	width: 100%;
	z-index: 1000;
}

#content {
	position: relative;
}

.clsLogo {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 999;
}

.clsLogo2 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 999;
}

.clsHighlightedRow {
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #CCCCCC;
}

.clsSimple {
    border: 1px solid #bcbcbc; 
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    background-color: white;
}

.clsHighlightTableHeader {
    background-color: #b6dafd;
    font-weight: normal;
    text-align: center;
}

.clsTableHeaderCell {
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    font-size: medium;
    font-weight: normal;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
}

.clsInnerTableHeading {
    font-weight: bold;
}

.clsFatRow {
	min-height: 20px;
    white-space: nowrap;
}

.clsSectionPager {
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}

.clsFormElement {
	border: 4px solid #56af31;
	width: 100%;
	vertical-align: top;
	background-color: white;
}

.clsChecklistHeading {
	font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
	font-size: 18pt;
	text-align: left;
}

.clsMatrixTable {
	border: 4px solid #dddddd;
	width: 600px;
}

.clsRiskMatrixHighCell {
	width: 75px;
	height: 50px;
	background-color: #ff8102;
	color: white;
	vertical-align: middle;
	text-align: center;
	font-family: "Segoe UI", "WeblySleekUISemilight", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
	zoom: 1;
	font-size: medium;
}

.clsRiskMatrixExtremeCell {
	width: 75px;
	height: 50px;
	background-color: #fe0000;
	color: white;
	vertical-align: middle;
	text-align: center;
	font-family: "Segoe UI", "WeblySleekUISemilight", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
	zoom: 1;
	font-size: medium;
}

.clsRiskMatrixLowCell {
	width: 75px;
	height: 50px;
	background-color: #84ce3b;
	color: white;
	vertical-align: middle;
	text-align: center;
	font-family: "Segoe UI", "WeblySleekUISemilight", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
	zoom: 1;
	font-size: medium;
}

.clsRiskMatrixModerateCell {
	width: 75px;
	height: 50px;
	background-color: #84ce3b;
	color: white;
	vertical-align: middle;
	text-align: center;
	font-family: "Segoe UI", "WeblySleekUISemilight", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
	zoom: 1;
	font-size: medium;
}

.clsBorderTable {
    width: 100%;
    vertical-align: top;
    border: 1px solid #bcbcbc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    background-color: #f8f8f8;
}

.clsOrangeButton {
    border: 1px solid #bcbcbc; 
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    background-color: #e5e5e5;
    width: 130px;
    height: 35px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    color: #595959;
}

    .clsOrangeButton:hover {
        background-color: #e51300;
        color: White;
    }

a {
    color: #56af31;
}

p {
	line-height: 12pt;
	margin-top: 6px;
}

.clsFooterMessage {
    font-size: large;
    text-align: left;
    white-space: nowrap;
    color: #ff8400;
    margin: 10px;
    font-weight: normal;
}

.clsGridHeading {
    text-align: left;
    /*color: #53a3d3;*/
    font-weight: normal;
}

.clsMediumHeading {
    text-align: left;
    white-space: nowrap;
    color: #53a3d3;
    /*font-weight: bold;*/
    font-size: medium;
}

.clsRightCell {
    min-height: 21px;
    white-space: nowrap;
    font-size: medium;
    color: #26619c;
    font-weight: normal;
    text-align: right;
}

.clsPage1Tab {
    background-color: #26619c;
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    width: 120px;
    height: 35px;
    background-image: url('../Images/System/ButtonPage1.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

.clsPage2Tab {
    background-color: #ff8400;
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    width: 120px;
    height: 35px;
    background-image: url('../Images/System/ButtonPage2.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

.clsPage2TabLong {
    background-color: #ff8400;
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    width: 165px;
    height: 35px;
    background-image: url('../Images/System/ButtonPage2.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

.clsPage3Tab {
    background-color: #a6a6a6;
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    width: 120px;
    height: 35px;
    background-image: url('../Images/System/ButtonPage3.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

.clsPage4Tab {
    background-color: #c0c0c0;
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    width: 120px;
    height: 35px;
    background-image: url('../Images/System/ButtonPage4.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

.clsNewRow {
	border: 1px solid #bcbcbc;
	font-size: medium;
	font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
	background-color: #eaf7de;
	color: #595959;
}

.clsButtonEmail1 {
	border-style: none;
	border-width: 0px;
	font-size: medium;
	font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
	color: transparent;
	width: 21px;
	height: 20px;
	background-image: url('../Images/System/ButtonEmail1.png');
	-webkit-border-radius: 0;
	border-radius: 0;
}

	.clsButtonEmail1:hover {
		background-image: url('../Images/System/ButtonEmail1Hover.png');
	}

	.clsButtonEmail1:active {
		background-image: url('../Images/System/ButtonEmail1.png');
	}

.clsTitle {
    font-size: medium;
    text-align: left;
    white-space: nowrap;
    color: #53a3d3;
}

.clsMediumHeading {
    font-size: large;
    text-align: left;
    white-space: nowrap;
    color: #ff8400;
}

.clsCellUnderline {
    border-bottom-width: 4px;
    border-bottom-color: #56af31;
    border-bottom-style: solid;
}

.clsCard {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.clsRadius2 {
    border-radius: 200px;
    -moz-border-radius: 200px;
}

.clsRadius {
    border-radius: 1px;
    -moz-border-radius: 1px;
}

.clsChart {
	font-size: medium;
	font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
	color: #595959;
}

.clsButtonPrint1 {
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    width: 26px;
    height: 30px;
    background-image: url('../Images/System/ButtonPrint1.png');
    border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: transparent;
}

    .clsButtonPrint1:hover {
        background-image: url('../Images/System/ButtonPrint2.png');
    }

    .clsButtonPrint1:active {
        background-image: url('../Images/System/ButtonPrint1.png');
    }

.clsMapTab {
    background-color: #56af31;
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    width: 120px;
    height: 35px;
    float: right;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/*.clsButtonPrint21 {
	border-style: none;
	border-width: 0px;
	font-size: medium;
	font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
	color: #595959;
	width: 20px;
	height: 20px;
	background-image: url('../Images/System/ButtonPrint1.png');
	-webkit-border-radius: 0;
	border-radius: 0;
}

	.clsButtonPrint21:hover {
		background-image: url('../Images/System/ButtonPrint2.png');
	}

	.clsButtonPrint21:active {
		background-image: url('../Images/System/ButtonPrint1.png');
	}*/

.clsPadChart {
    padding-left: 0px;
    padding-right: 0px;
}

.clsLeftDiagonal {
    width: 31px;
    height: 31px;
    background: -webkit-linear-gradient(45deg, white 50%, #727270 50%);
    background: linear-gradient(45deg, white 50%, #727270 50%);
}

.clsRightDiagonal {
    width: 31px;
    height: 31px;
    background: -webkit-linear-gradient(-45deg, white 50%, #727270 50%);
    background: linear-gradient(-45deg, white 50%, #727270 50%);
}

.clsLabelMessage {
    font-weight: bold;
}

.clsBigMessage {
	font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: x-large;
    color: #56af31;
}
.clsBigLeftMessage {
    padding: 21px 0px 0px 0px;
	font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: x-large;
    color: #56af31;
}
.clsPlainMessage {
	font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: x-large;
}

.clsWideButton {
    border: 1px solid #bcbcbc; 
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    background-color: #e7e9e9;
    width: 230px;
    height: 35px;
}

    .clsWideButton:hover {
        background-color: #53a3d3;
        color: White;
    }

.clsMultilineControl
{
    border: 1px solid #bcbcbc; 
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    background-color: #f2f2f2;
    color: #595959;
    vertical-align: middle;
}

.clsButtonNewline {
    border-style: none;
    border-width: 0px;
    color: white;
    width: 20px;
    height: 20px;
    background-image: url('../Images/System/Newline.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .clsButtonNewline:hover {
        background-image: url('../Images/System/NewlineHover.png');
    }

    .clsButtonNewline:active {
        background-image: url('../Images/System/Newline.png');
    }

.clsButtonDelline {
    border-style: none;
    border-width: 0px;
    color: white;
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url('../Images/System/Delline.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .clsButtonDelline:hover {
        background-image: url('../Images/System/DellineHover.png');
    }

    .clsButtonDelline:active {
        background-image: url('../Images/System/Delline.png');
    }

.clsButtonUp {
    border-style: none;
    border-width: 0px;
    color: white;
    width: 20px;
    height: 20px;
    background-image: url('../Images/System/UpLine.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .clsButtonUp:hover {
        background-image: url('../Images/System/UpLineHover.png');
    }

    .clsButtonUp:active {
        background-image: url('../Images/System/UpLine.png');
    }

.clsButtonDown {
    border-style: none;
    border-width: 0px;
    color: white;
    width: 20px;
    height: 20px;
    background-image: url('../Images/System/DownLine.png');
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .clsButtonDown:hover {
        background-image: url('../Images/System/DownLineHover.png');
    }

    .clsButtonDown:active {
        background-image: url('../Images/System/DownLine.png');
    }

e {
    height: 21px;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    white-space: nowrap;
}

.clsButtonBar {
    background-color: #e9e9e9;
    border: 1px solid #bcbcbc; 
    border-collapse: separate;
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.clsButtonBar {
    background-color: #efefef;
    border: 1px solid #bcbcbc; 
    border-collapse: separate;
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.clsChat {
    border: 2px solid #cccccc;
    border-collapse: separate;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

.clsPermitTable {
    border: 1px solid #bcbcbc;
    border-collapse: separate;
    border-radius: 4px;
    -moz-border-radius: 4px;
    float: right;
    margin-top: 5px;
}

.clsSearchBar {
    border: 1px solid #bcbcbc;
    border-collapse: separate;
    background: #f6f6f6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    float: right;
    margin-top: 5px;
}

.clsLeftSearchBar {
    border: 1px solid #bcbcbc;
    border-collapse: separate;
    background: #f6f6f6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 5px;
}

.clsSearchCell {
    /*background-color: #e9e9e9;*/
}

.clsSettingBar {
    border: 4px solid #cccccc;
}

.clsSettingCell {
    background-color: #e5e5e5;
}

/*.clsTableHeaderCell {
    text-decoration: none;
    font-size: medium;
    color: #53a3d3;
    font-weight: normal;
    vertical-align: bottom;
    border-bottom-width: 1px;
    border-bottom-color: #595959;
    border-bottom-style: solid;
}*/

.clLinkButton {
    text-decoration: none;
    font-size: medium;
    color: #53a3d3;
    font-weight: bold;
    vertical-align: bottom;
}

.clsMainTableHeaderCell {
    color: #595959;
    text-decoration: none;
    font-size: medium;
    font-weight: normal;
    vertical-align: bottom;
}

.clsReportTopHeaderCell {
    color: #595959;
    text-decoration: none;
    font-size: medium;
    font-weight: normal;
    vertical-align: bottom;
    text-align: left;
}

.clsReportHeaderCell {
    color: #595959;
    font-size: medium;
    font-weight: normal;
    vertical-align: bottom;
}

.clsReportCell {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #cccccc;
    min-height: 22px;
    font-size: medium;
    text-align: left;
    vertical-align: top;
}

.clsQEM {
    /*padding-left: 20px;*/
}

.clsPlainSortButton {
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    text-decoration: none;
    white-space: nowrap;
    color: #56af31;
}

.clsPlainSortButtonCentered {
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    text-decoration: none;
    white-space: nowrap;
    color: #56af31;
    text-align: center;
}

.clsSearchBlue {
}

.clsInlineTable {
    background-color: White;
    border: 4px solid #cccccc;
}

/*.clsDropdown {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    vertical-align: middle;
*/}

.clsButtonTick {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	color: white;
	width: 60px;
	height: 60px;
	background-image: url('../Images/System/FATick.png');
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #e7e9e9;
	background-repeat: no-repeat;
	background-position: center;
}

	.clsButtonTick:hover {
		background-color: #78bcff;
		background-image: url('../Images/System/FATickHover.png');
		color: white;
	}

	.clsButtonTick:active {
		background-image: url('../Images/System/FATick.png');
	}

.clsButtonTickSelected {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	color: white;
	width: 60px;
	height: 60px;
	background-image: url('../Images/System/FATickSelected.png');
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #56af31;
	background-repeat: no-repeat;
	background-position: center;
}

.clsButtonCross {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	color: white;
	width: 60px;
	height: 60px;
	background-image: url('../Images/System/FACross.png');
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #e7e9e9;
	background-repeat: no-repeat;
	background-position: center;
}

	.clsButtonCross:hover {
		background-color: #78bcff;
		background-image: url('../Images/System/FACrossHover.png');
		color: white;
	}

	.clsButtonCross:active {
		background-image: url('../Images/System/FACross.png');
	}

.clsButtonCrossSelected {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	color: white;
	width: 60px;
	height: 60px;
	background-image: url('../Images/System/FACrossSelected.png');
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #d43b2d;
	background-repeat: no-repeat;
	background-position: center;
}

.clsButtonO {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	color: white;
	width: 60px;
	height: 60px;
	background-image: url('../Images/System/FAO.png');
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #e7e9e9;
	background-repeat: no-repeat;
	background-position: center;
}

	.clsButtonO:hover {
		background-color: #78bcff;
		background-image: url('../Images/System/FAOHover.png');
		color: white;
	}

	.clsButtonO:active {
		background-image: url('../Images/System/FAO.png');
	}

.clsButtonOSelected {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	color: white;
	width: 60px;
	height: 60px;
	background-image: url('../Images/System/FAOSelected.png');
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #ff8400;
	background-repeat: no-repeat;
	background-position: center;
}

.clsButtonNA {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	color: white;
	width: 60px;
	height: 60px;
	background-image: url('../Images/System/FANA.png');
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #e7e9e9;
	background-repeat: no-repeat;
	background-position: center;
}

	.clsButtonNA:hover {
		background-color: #78bcff;
		background-image: url('../Images/System/FANAHover.png');
		color: white;
	}

	.clsButtonNA:active {
		background-image: url('../Images/System/FANA.png');
	}

.clsButtonNASelected {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	color: white;
	width: 60px;
	height: 60px;
	background-image: url('../Images/System/FANASelected.png');
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #e5e5e5;
	background-repeat: no-repeat;
	background-position: center;
}

.clsButtonStaticTick {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	color: white;
	width: 60px;
	height: 60px;
	background-image: url('../Images/System/FATick.png');
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #e7e9e9;
	background-repeat: no-repeat;
	background-position: center;
}

.clsButtonStaticTickSelected {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	color: white;
	width: 60px;
	height: 60px;
	background-image: url('../Images/System/FATickSelected.png');
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #56af31;
	background-repeat: no-repeat;
	background-position: center;
}

.clsButtonStaticCross {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	color: white;
	width: 60px;
	height: 60px;
	background-image: url('../Images/System/FACross.png');
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #e7e9e9;
	background-repeat: no-repeat;
	background-position: center;
}

.clsButtonStaticCrossSelected {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	color: white;
	width: 60px;
	height: 60px;
	background-image: url('../Images/System/FACrossSelected.png');
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #d43b2d;
	background-repeat: no-repeat;
	background-position: center;
}

.clsButtonStaticO {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	color: white;
	width: 60px;
	height: 60px;
	background-image: url('../Images/System/FAO.png');
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #e7e9e9;
	background-repeat: no-repeat;
	background-position: center;
}

.clsButtonStaticOSelected {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	color: white;
	width: 60px;
	height: 60px;
	background-image: url('../Images/System/FAOSelected.png');
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #ff8400;
	background-repeat: no-repeat;
	background-position: center;
}

.clsButtonStaticNA {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	color: white;
	width: 60px;
	height: 60px;
	background-image: url('../Images/System/FANA.png');
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #e7e9e9;
	background-repeat: no-repeat;
	background-position: center;
}

.clsButtonStaticNASelected {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    color: white;
    width: 60px;
    height: 60px;
    background-image: url('../Images/System/FANASelected.png');
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #595959;
    background-repeat: no-repeat;
    background-position: center;
}

.clsGreenButton {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    background-color: #56af31;
    width: 130px;
    height: 35px;
    /*margin-left: 5px;*/
    border-radius: 1px;
    -moz-border-radius: 1px;
}

    .clsGreenButton:hover {
        background-color: #53a3d3;
    }

    .clsGreenButton:active {
        background-color: #53a3d3;
    }

.clsGreenButton {
    border: 1px solid #bcbcbc; 
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    background-color: #56af31;
    width: 130px;
    height: 35px;
    border-radius: 1px;
    -moz-border-radius: 1px;
}

    .clsGreenButton:hover {
        background-color: #53a3d3;
    }

    .clsGreenButton:active {
        background-color: #53a3d3;
    }

.clsButton {
    border: 1px solid #bcbcbc; 
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    background-color: #288ef1;
    width: 130px;
    height: 35px;
    /*margin-left: 5px;*/
    border-radius: 1px;
    -moz-border-radius: 1px;
}

    .clsButton:hover {
        background-color: #53a3d3;
    }

    .clsButton:active {
        background-color: #53a3d3;
    }

.clsButtonDeleteRow {
    border: 1px solid #bcbcbc; 
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: white;
    background-color: #d43b2d;
    width: 130px;
    height: 35px;
    margin-left: 5px;
}

    .clsButtonDeleteRow:hover {
        background-color: #53a3d3;
        color: White;
    }

.clsDottyBottom {
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
}

.clsGreyBottom {
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    min-height: 22px;
}

.clsGreyBox {
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #cccccc;
    min-height: 22px;
}

.clsGreyFill {
    background-color: #e5e5e5;
}

.clsNiceMessage {
	font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: x-large;
    color: #366fa7;
    text-align: left;
    white-space: nowrap;
}

.c

.clsNowrap {
    white-space: nowrap;
    text-align: right;
    font-weight: 700;
}

595959;
    text-align: left;
}

.clsSimple {
    border: 1px solid #bcbcbc; 
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    height: 28px;
    background-color: white;
}

.clsNowrapUnderline {
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    vertical-align: middle;
    white-space: nowrap;
}

.clsNowrap {
    white-space: nowrap;
}

.clsUnderline {
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    vertical-align: middle;
}

.clsLeftHeader {
    /*height: 21px;*/
    white-space: nowrap;
    text-align: right;
    /*border-right-width: 1px;
    border-right-color: #bcbcbc;
    border-right-style: solid;*/
    /*font-weight: bold;*/
}

.clsLeftUnderline {
    white-space: nowrap;
    text-align: right;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
}

.clsTick {
    font-size: medium;
    font-weight: bold;
    color: #56af31;
}

.clsCross {
    font-size: x-large;
    color: #ff8800;
}

.clsBlink {
    animation: blinker 1s linear infinite;
}

.clsAppContentTable {
    padding: 5px;
    min-width: 950px;
    text-align: left;
}

.clsTabContent {
    border: 1px solid #bcbcbc; 
    border-collapse:separate;
    border-radius:2px;
    /*border: 4px solid #cccccc;
    width: 100%;
    vertical-align: top;*/
    color: #595959;
    min-width: 800px;
}

.clsInactiveTab {
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #727270;
    width: 150px;
    height: 35px;
    background-color: #e7e9e9;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .clsInactiveTab:hover {
        background-color: #53a3d3;
        color: White;
    }

.clsInactiveTab2 {
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 0;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    background-color: #f6f6f6;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 35px;
}

    .clsInactiveTab2:hover {
        background-color: #e9e9e9;
    }

    .clsInactiveTab2:active {
        background-color: #e9e9e9;
    }

.clsInactiveTab3 {
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 0;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    background-color: #e5e5e5;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 35px;
}

    .clsInactiveTab3:hover {
        background-color: #ff8400;
    }

    .clsInactiveTab2:active {
        background-color: #e9e9e9;
    }

.clsActiveTab {
    border-style: none;
    border-width: 0px;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    width: 150px;
    height: 35px;
    background-color: #cccccc;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.clsActiveTab2 {
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 0;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    background-color: #53a3d3;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 35px;
    /*margin-top: 5px;
    margin-left: 5px;*/
}

.clsMarginTop {
    margin-top: 10px;
}

.clsPadLeft {
    padding-right: 10px;
}

.clsPad {
    padding: 10px;
}

.clsPadLeft5 {
    padding-left: 5px;
}

.clsPadRight {
    padding-left: 10px;
}

.clsPadRight5 {
    padding-left: 5px;
}

.clsSandfireATWHeader {
    color: white;
    background-color: #2093fc;
   /*font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;*/
    font-size: 18pt;
    text-align: left;
}

.clsMessageBar {     z-index: 999;
    position: fixed;
    bottom: 0;
    width: 100%;
    /*font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;*/
    font-size: large;
    color: white;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border-width: 10px 10px 10px 10px;
    border-color: transparent;
    border-style: solid;
}

.clsSandfireATWSubHeader {
    color: white;
    background-color: #4ba9ff;
    text-align: left;
}

.clsisoPlanHeading {
    font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: xx-large;
    color: #26619c;
    text-align: left;
    white-space: nowrap;
    font-weight: lighter;
}

.clsWhiteHeading {
   /*font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;*/
    font-size: x-large;
    color: white;
    text-align: left;
    white-space: nowrap;
    font-weight: lighter;
}

.clsHighlightedHeading {
    font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: xx-large;
    color: #26619c;
    text-align: left;
    white-space: nowrap;
    font-weight: lighter;
}

.clsPostActivityTable {
	border: 4px solid #cccccc;
	width: 100%;
}

.clsPostActivityTable {
	border: 4px solid #cccccc;
	width: 100%;
}

.clsPostActivityHeader {
	color: white;
	background-color: #595959;
	font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
	font-size: 18pt;
	text-align: left;
}

.clsActivityHeader {
	color: white;
	background-color: #56af31;
	font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
	font-size: 18pt;
	text-align: left;
}

.clsATWTable {
	border: 4px solid #cccccc;
	width: 100%;
}

.clsDisabledHeader {
	color: white;
	background-color: #e5e5e5;
	font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
	font-size: 18pt;
	text-align: left;
}

.clsPaddedTilestyleHeading {
	font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
	font-size: 18pt;
	text-align: left;
	padding-top: 20px;
}

.clsBuilderHeader {
	color: white;
	background-color: #0089d6;
	font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
	font-size: 18pt;
	text-align: left;
}

.clsCommenceWorkHeader {
	color: white;
	background-color: #ff8400;
	font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
	font-size: 18pt;
	text-align: left;
}

.clsHighlightedSubHeading {
    font-size: large;
    color: #53a3d3;
}

.clsMediumBlue {
    font-size: medium;
    color: #53a3d3;
}

.clsMediumBlueRight {
    text-align: right;
    font-size: medium;
    color: #53a3d3;
}

.clsMediumHighlightedHeading {
    font-size: medium;
    color: #26619c;
    text-align: left;
    white-space: nowrap;
}

.clsOrangeControl {
    color: #ff8400;
}

.clsSectionEnd {
	text-align: right;
	padding-top: 10px;
}

.clsRight {
    float: right;
    white-space: nowrap;
}

.clsLinkButton {
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    text-decoration: none;
    color: #595959;
}

.clsNewRow {
	border: 1px solid #bcbcbc;
	font-size: medium;
	font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
	background-color: #eaf7de;
	color: #595959;
	vertical-align: middle;
}

.clsGridHeader {
    font-size: medium;
    color: #26619c;
    vertical-align: bottom;
    font-weight: normal;
}

.clsHighlightedSubHeading {
	font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
    font-size: x-large;
    color: #56af31;
    text-align: left;
    white-space: nowrap;
}

.clsGrayHeading {
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', Helvetica, Arial, Tahoma;
    /*font-size: x-large;*/
    color: #595959;
    text-align: left;
    white-space: nowrap;
}

.clsOrangeHeading {
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', Helvetica, Arial, Tahoma;
    font-size: large;
    color: #ff8400;
    text-align: left;
    white-space: nowrap;
}

.clsConfirmHeading {
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', Helvetica, Arial, Tahoma;
    font-size: x-large;
    color: #56af31;
}

.clsWideGreenButton {
    border: 1px solid #bcbcbc; 
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: White;
    background-color: #56af31;
    width: 180px;
    height: 35px;
    border-radius: 1px;
    -moz-border-radius: 1px;
}

    .clsWideGreenButton:hover {
        background-color: #53a3d3;
    }

    .clsWideGreenButton:active {
        background-color: #53a3d3;
    }

.clsUnboundedButton {
    border: 1px solid #bcbcbc; 
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    background-color: #e7e9e9;
    height: 35px;
    border-radius: 1px;
    -moz-border-radius: 1px;
}

    .clsUnboundedButton:hover {
        background-color: #53a3d3;
        color: White;
    }

.clsDropdown {
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    height: 28px;
    padding: 0;
    overflow: hidden;
    border-width: 0;
    outline: none;
    border-radius: 5px;
    background: #e5e5e5;
    color: #595959;
    transition: background-color .3s;
}

    .clsDropdown:hover {
        background-color: #428086;
        color: White;
    }

.clsButton {
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    width: 120px;
    height: 28px;
    padding: 0;
    overflow: hidden;
    border-width: 0;
    outline: none;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
    background-color: #53a3d3;
    color: white;
    transition: background-color .3s;
}

    .clsButton:hover {
        background-color: #428086;
    }

.clsPadBottom {
    margin-bottom: 10px;
}

.clsButton2 {
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    width: 120px;
    height: 28px;
    padding: 0;
    overflow: hidden;
    border-width: 0;
    outline: none;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
    background-color: #53a3d3;
    color: white;
    transition: background-color .3s;
}

    .clsButton2:hover, .clsButton2:focus {
        background-color: #428086;
    }

.clsHighlightButton {
    border: 1px solid #bcbcbc; 
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    background-color: #ff8000;
    color: White;
    width: 130px;
    height: 35px;
    border-radius: 1px;
    -moz-border-radius: 1px;
}

    .clsHighlightButton:hover {
        background-color: #428086;
        color: White;
    }

.clsUpload {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    height: 35px;
    background-color: White;
}

/*.clsUpload {
    border: 1px solid #bcbcbc;
    font-size: medium;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    color: #595959;
    height: 35px;
    background-color: White;
}*/

.clsOrangeButton {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	font-size: medium;
	font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
	color: white;
	background-color: #ff8400;
    width: 130px;
    height: 35px;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.clsMenuBar {
    margin-left: auto;
    margin-right: auto;
    background-color: #e9e9e9;
    color: white;
}

.clsWhiteControl {
	color: white;
}

.clsNextButton {
	float: right;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	font-size: medium;
	font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
	color: White;
	background-color: #56af31;
	width: 120px;
	height: 21px;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-top: 10px;
}

	.clsNextButton:hover {
		background-color: #ff8400;
		color: white;
	}

.clsBackButton {
	float: right;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	font-size: medium;
	font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
	color: #595959;
	background-color: #e7e9e9;
	width: 120px;
	height: 21px;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-top: 10px;
}

	.clsBackButton:hover {
		background-color: #ff8400;
		color: white;
	}

.clsBuilderButton {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	font-size: medium;
	font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
	color: White;
	background-color: #0089d6;
    width: 130px;
    height: 35px;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-left: 5px;
}

	.clsBuilderButton:hover {
		background-color: #ff8400;
		color: white;
	}

.clsBuilderTableButton {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc; 
	font-size: medium;
	font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
	color: White;
	background-color: #0089d6;
    width: 130px;
    height: 35px;
	-webkit-border-radius: 0;
	border-radius: 0;
}

	.clsBuilderTableButton:hover {
		color: white;
		background-color: #ff8400;
	}

.clsWhiteHeading {
	font-family: 'Agency FB', agency_fbregular, Eurostile, Futura;
	font-size: 18pt;
	color: white;
	white-space: nowrap;
}

.clsBorderLeft {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #cccccc;
    background-color: #727270;
    color: white;
}

.clsBorderRight {
    background-color: #727270;
    color: white;
    border-right-style: solid;
    border-right-width: 4px;
    border-right-color: #bcbcbc;
}

.clsOrange {
    background-color: #ff8400;
}

.clsOrangeToolbarButton {
    border-style: none;
    border-width: 0px;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    font-size: medium;
    color: white;
    background-color: #ff8400;
    height: 35px;
}

    .clsToolbarButton:hover {
        background-color: #53a3d3;
        color: White;
    }

.clsToolbarButton {
    border-style: none;
    border-width: 0px;
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, Tahoma;
    font-size: medium;
    color: white;
    background-color: #727270;
    height: 35px;
}

    .clsToolbarButton:hover {
        background-color: #53a3d3;
        color: White;
    }

.clsMenuCell {
    background-color: #727270;
    color: white;
}

.fontpro, .fontpro-21647 {
	font-family: 'agency_fbregular',sans-serif;
}

@font-face {
	font-family: 'agency_fbregular';
	src: url('~/Fonts/4822485673-webfont.eot');
	src: url('~/Fonts/4822485673-webfont.eot?#iefix') format('embedded-opentype'), url('~/Fonts/4822485673-webfont.woff') format('woff'), url('~/Fonts/4822485673-webfont.ttf') format('truetype'), url('~/Fonts/4822485673-webfont.svg#agency_fbregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

input, textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}

input[type="checkbox"] {
	-webkit-appearance:none;
	height:1.1em;
	width:1.1em;
	cursor:pointer;
	position:relative;
	-webkit-transition: .15s;
	border-radius:1.1em;
	background-color:white;
	border         : 0.0625em solid rgb(192,192,192);
	border-radius  : 0.25em;
	background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
	background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
	background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
	background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
	background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
}

input[type="checkbox"]:checked {
	background-color:white;
}

input[type="checkbox"]:before, input[type="checkbox"]:checked:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	line-height:1.1em;
	text-align:center;
	color:#fff;
	content: '';
}

    input[type="checkbox"]:checked:before {
        content: '✓';
        color: #000;
        font-size: medium;
        font-weight: bold;
        color: #56af31;
    }