.body 
{
	font-size: 14px;
}	
.wide-content {
 	width:100%; background: #ffffff; padding:0px 0px 0px 0px;
}
.textarea-height-70 {
	max-height: 70px;
	overflow-y: auto !important;
}
.greenCollHeader {
    background-color: #7FAF1B !important;
    text-shadow: #aaa 0 1px 0 !important;
}

.intro-image {
    border: 1px solid black;
    background-image:url('../images/OldBowser.jpg');
    background-repeat:no-repeat;
    background-size: cover;
}
.index-image {
	border: 1px solid black; 
	background-image:url('../images/StormScene.jpg');
	background-repeat:no-repeat;
	background-size: cover;
}
.main-image {
	border: 1px solid black; 
	background-image:url('../images/OutbackScene.jpg');
	background-repeat:no-repeat;
	background-size: cover;
}
.capture-image {
/*	width: 320px; 
	height: 500px;  */
	border: 1px solid black; 
	background-image:url('../images/DustScene.jpg');
	background-repeat:no-repeat;
	background-size: cover;
}
.measure-image {
	border: 1px solid black; 
	background-image:url('../images/WQArt.jpg');
	background-repeat:no-repeat;
	background-size: cover;
}
.find-image {
	border: 1px solid black; 
	background-image:url('../images/DustScene.jpg');
	background-repeat:no-repeat;
	background-size: cover;
}
.settings-image {
	border: 1px solid black; 
	background-image:url('../images/DustScene.jpg');
	background-repeat:no-repeat;
	background-size: cover;
}
.finish-image {
	border: 1px solid black; 
	background-image:url('../images/TrackScene.jpg');
	background-repeat:no-repeat;
    background-size: cover;
}
.checklist-image {
	border: 1px solid black; 
	background-image:url('../images/CheckBoxes.jpg');
	background-repeat:no-repeat;
	background-size: cover;
}
.site-image {
	border: 1px solid black; 
	background-image:url('../images/TakeSampleScene1.jpg');
	background-repeat:no-repeat;
	background-size: cover;
}
.site2-image {
	border: 1px solid black; 
	background-image:url('../images/OldBowser2.jpg');
	background-repeat:no-repeat;
	background-size: cover;
}
.hazard-image {
    border: 1px solid black;
    background-image:url('../images/StormScene.jpg');
    background-repeat:no-repeat;
    background-size: cover;
}
.white-image {
    border: 1px solid black;
    background-image:url('../images/Intro.jpg');
    background-repeat:no-repeat;
    background-size: cover;
}

.HeadingRed{
	color: red; font-size:30px; 
	font-weight: bold; 
	text-align: center;
}

.MiniPicture{
	width:50%; 
	height:120px; 
	vertical-align:bottom; 
	text-align:center; 
	
	background-position:50% 20%;
}

.Debug{
	font-size: 10px;
	color: black;
	background-color:White;
	text-decoration: none;
    margin-left:0px;
    margin-right:0px;
    padding-left:0px;
    padding-right:0px;
}

.IOSTopBufferOn
{
    margin-top:20px;
}

.IOSBufferOff
{
    height:0px;
}

.HideMe { display:none; }
.ShowMe { display:inline; }

.FrameHeader
{
	border-bottom-style:solid !important;
	border-top-style:solid !important;
	border-color:black !important;
    border-width:1px !important;
    border-bottom-width:3px !important;
}

.FrameFooter
{
	border-bottom-style:none; 
	border-left-style:none; 
	border-right-style:none; 
	border-top-style:solid; 
	border-color:black; 
	border-width:2px;
}
.versionText
{
	font-size: 14px;
	font-weight: bold;
	color: black;
}
.versionValue
{
	font-size: 14px;
	font-weight: bold;
	color: blue;
}

.Text10{
	font-size: 10px;
}
.Text12{
	font-size: 12px;
}
.Text14{
	font-size: 14px;
}
.Text16{
	font-size: 16px;
}

.Text10White{
	font-size: 10px;
	color: white;
}
.Text10Red{
	font-size: 10px;
	color: red;
}
.Text10Black{
	font-size: 10px;
	color: black;
}
.Text10Blue{
	font-size: 10px;
	color: blue;
}
.Text10Yellow{
	font-size: 10px;
	color: yellow;
}
.Text10Green{
	font-size: 10px;
	color: lime;
}

.Text12Blue{
	font-size: 12px;
	color: blue;
}
.Text12Black{
	font-size: 12px;
	color: black;
}
.Text12Red{
	font-size: 12px;
	color: red;
}
.Text12Green{
	font-size: 12px;
	color: lime;
}
.Text12White{
	font-size: 12px;
	color: white;
}
.Text12Yellow{
	font-size: 12px;
	color: yellow;
}

.Text14Blue{
	font-size: 14px;
	font-weight: normal;
	color: blue;
}
.Text14Black{
	font-size: 14px;
	font-weight: normal;
	color: black;
}
.Text14Red{
	font-size: 14px;
	font-weight: normal;
	color: red;
}
.Text14Green{
	font-size: 14px;
	font-weight: normal;
	color: lime;
}
.Text14White{
	font-size: 14px;
	font-weight: normal;
	color: white;
}
.Text14Yellow{
	font-size: 14px;
	font-weight: normal;
	color: yellow;
}

.Text16Red{
	font-size: 16px;
	color: red;
}
.Text16Black{
	font-size: 16px;
	color: black;
}
.Text16Green{
	font-size: 16px;
	color: lime;
}
.Text16Blue{
	font-size: 16px;
	color: blue;
}
.Text16Yellow{
	font-size: 16px;
	color: yellow;
}
.Text16White{
	font-size: 16px;
	color: white;
}

.Text20Black{
	font-size: 20px;
	color: black;
}
.Text20White{
	font-size: 20px;
	color: white;
}
.Text20Yellow{
	font-size: 20px;
	color: yellow;
}
.Text20Green{
	font-size: 20px;
	color: lime;
}
.Text20Blue{
	font-size: 20px;
	color: blue;
}
.Text20Red{
	font-size: 20px;
	color: red;
}

.Text24Red{
	font-size: 24px;
	color: Red;
}

.Text30Blue{
	font-size: 30px;
	color: Blue;
}
.Text30Black{
	font-size: 30px;
	color: black;
}
.Text30Yellow{
	font-size: 30px;
	color: yellow;
}

.headingCaps{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-align:center;
}
.maxwidth .ui-collapsible-content {
	padding: 0px;
}


/* Used on Comments popup */
.CommentsBlock
{
	z-index: 50;
	opacity: 1.0;
	background-color: Black;
	top: 80;
	left: 20;
	position: absolute;
	display: block;
}

/* Used for menu slide overlay popup */ 

#MAIN_popupPanel-popup {
    right: 0 !important;
    left: auto !important;
}
#FIND_popupPanel-popup {
    right: 0 !important;
    left: auto !important;
}
#SITE_popupPanel-popup {
    right: 0 !important;
    left: auto !important;
}
#MEA_popupPanel-popup {
    right: 0 !important;
    left: auto !important;
}
.PopupPanelClass {
    width: 150px;
    border: 1px solid #000;
    border-right: none;
    background: rgba(255,255,255,.9); 
    margin: -1px 0;
}
.PopupPanelClass .ui-btn {
    margin: 2em 15px;
}  

.blink {
     color: #FFF !important;
     background: #FC79CE !important;
}

.YellowBack { background-color: yellow; }

tr.border_bottom td {
    border-bottom:1pt solid black;
}
tr.border_all td {
    border:1pt solid silver;
}

.inactiveColor {
	background-color:red !important;
	/* color:red !important; */
}