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


.OEButton { width: 25px !important; }				/* 1/8 width button (for +/-) */
.OQButton { width: 49px !important; }				/* 1/4 width button */
.OTButton { width: 65px !important; }				/* 1/3 width button */
.OHButton { width: 99px !important; }				/* 1/2 width button */
.TTButton { width: 133px !important; }				/* 2/3 width button */
.TQButton { width: 149px !important; }				/* 3/4 width button */
.OFButton { width: 200px !important; }				/* One Full width button */
.OQCombobox, .OQListbox { width: 49px !important; }		/* 1/4 width combobox */
.OTCombobox, .OTListbox { width: 65px !important; }		/* 1/3 width combobox */
.OHCombobox, .OHListbox { width: 99px !important; }		/* 1/2 width combobox; 2px in border */
.TTCombobox, .TTListbox { width: 133px !important; }		/* 2/3 width combobox */
.TQCombobox, .TQListbox { width: 149px !important; }		/* 3/4 width combobox */
.OFCombobox, .OFListbox { width: 200px !important; }		/* One Full width combobox */
.OQTextbox { width: 41px !important; }				/* 1/4 width textbox */
.OTTextbox { width: 57px !important; }				/* 1/3 width textbox */
.OHTextbox { width: 91px !important; }				/* 1/2 width textbox; 2px in border, 6px in left/right padding */
.TTTextbox { width: 125px !important; }				/* 2/3 width textbox */
.TQTextbox { width: 141px !important; }				/* 3/4 width textbox */
.OFTextbox { width: 192px !important; }				/* One Full textbox */


#divLoading { margin: 145px auto; width: 200px; text-align: center; }
.imgPopupLoading { display: block;  }
.lblPopupLoading {
  position: absolute;
  left: 50%;
  margin-top: 70px;
  color: #eee;
  text-shadow: 0 2px 3px #555;
  font-family: 'shit_happens_cursive';
  font-size: 50px;
  font-weight: bold;
  font-style: italic;
}


.ulNav {
/*
position: relative;
top: 0;
bottom: 0;
left: 21px;
*/
	float: left;
	margin-left: 21px;
	padding: 0 10px;
	width: 140px;
	height: 100%;
	background-color: rgba(0,0,0,0.1);
	border-left: 0px solid #6FCEF4;
	border-right: 0px solid #6FCEF4;
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 0 4px rgba(255,255,255,1);
	overflow: auto;
}
.ulNav li { padding-bottom: 5px; }
.ulNav li a { font-weight: normal; }
.ulNav li a:hover { text-decoration: underline; }
.ulNav .liBlank { padding-bottom: 0; }
.ulNav2 .liHeader { padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.5); border-bottom: 1px solid rgba(0,0,0,0.1); }	/* this is a good looking adjustments too */
.ulNav .liHeader { padding-top: 10px; border-bottom: 1px solid rgba(0,0,0,0.1); }
.ulNav li:nth-child(3),
.ulNav li:nth-child(6),
.ulNav li:nth-child(15),
.ulNav li:nth-child(17),
.ulNav li:nth-child(23),
.ulNav li:nth-child(27) { border-top: 1px solid rgba(255,255,255,0.5); }




.header #imgLogo { float: left; margin: 30px 0 0 21px; width: 75px; height: 85px; }
.header #divName { float: left; padding-top: 35px; width: 450px; font-size: 52px; color: #fff; font-variant: small-caps; text-shadow: 0 2px 3px #555; opacity: 0.8; }
.header #spanSlogan { display: inline-block; width: 50%; padding-left: 30px; font-size: 20px; color: #3FA9D3; text-shadow: 0 2px 3px #fff; }

.header #divTopBanner {
	position: relative;
	float: left;
	margin-left: 21px;
	padding: 0 5px;
	width: 150px;
	height: 100%;
	background-color: rgba(0,0,0,0.1);
	border-left: 0px solid #6FCEF4;
	border-right: 0px solid #6FCEF4;
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 0 4px rgba(255,255,255,1);
}
.header #divTopBanner #ulTopBanner li,
.header #divTopBanner #ulTopBanner li a { display: inline-block; width: 150px; height: 120px; color: #fff; text-align: center; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; }
.header #divTopBanner #ulTopBanner li { padding: 5px 0; }
.header #divTopBanner #ulTopBanner li a { display: table-cell; vertical-align: middle; }
.header #divTopBanner #ulTopBanner li a img { float: right; width: 100%; height: 100%; z-index: 0; }
.header #divTopBanner #ulTopBanner li a span { float: left; display: inline-block; margin: -120px 0 0 0; width: 100%; height: 100%; z-index: 10; }

.header #divTopBanner #btnTopLeft {
	position: absolute;
/*
	bottom: 2px;
	left: 2px;
*/
	bottom: 1px;
	left: 0;
	font-size: 18px;
	font-weight: bold;
	background-color: #333;
	color: #fff;
	cursor: pointer;
	opacity: 0.6;
	border-top: 1px solid #fff;
	border-bottom-width: 0;
	border-right: 1px solid #fff;
	border-left-width: 0;
	border-top-right-radius: 0.3em;
/*	border-bottom-left-radius: 0.3em; */
 }
.header #divTopBanner #btnTopLeft:hover { opacity: 1; }

.header #divTopBanner #btnTopRight {
	position: absolute;
/*
	bottom: 2px;
	right: 2px;
*/
	bottom: 1px;
	right: 0;
	font-size: 18px;
	font-weight: bold;
	background-color: #333;
	color: #fff;
	cursor: pointer;
	opacity: 0.6;
	border-top: 1px solid #fff;
	border-bottom-width: 0;
	border-right-width: 0;
	border-left: 1px solid #fff;
	border-top-left-radius: 0.3em;
/*	border-bottom-right-radius: 0.3em; */
 }
.header #divTopBanner #btnTopRight:hover { opacity: 1; }




.container .ulNav li { text-align: center; }
.container .ulNav li a { color: rgba(0,0,0,0.4); }
.container .ulNav li.liHeader { padding-left: 0; font-size: 16px; font-weight: bold; color: #fff; text-shadow: 0 2px 3px #777; }




.footer #divCopy { margin: 25px 0 0 22px; text-align: center; }

.footer #divBtmBanner {
	position: relative;
	float: left;
	margin-left: 21px;
	padding: 0 5px;
	width: 150px;
	height: 100%;
	background-color: rgba(0,0,0,0.1);
	border-left: 0px solid #6FCEF4;
	border-right: 0px solid #6FCEF4;
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 0 4px rgba(255,255,255,1);
}
.footer #divBtmBanner #ulBtmBanner li,
.footer #divBtmBanner #ulBtmBanner li a { display: inline-block; width: 150px; height: 90px; color: rgba(0,0,0,0.6); text-shadow: 0 0 3px #fff; text-align: center; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; }
/*.footer #divBtmBanner #ulBtmBanner li a { display: inline-block; width: 150px; height: 90px; color: #3FA9D3; text-shadow: 0 2px 3px #fff; text-align: center; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; } */
/*.footer #divBtmBanner #ulBtmBanner li a { display: inline-block; width: 150px; height: 90px; color: #808080; text-shadow: 0 1px 1px #fff; text-align: center; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; }*/
.footer #divBtmBanner #ulBtmBanner li { padding: 5px 0; }
.footer #divBtmBanner #ulBtmBanner li a { display: table-cell; vertical-align: middle; }
.footer #divBtmBanner #ulBtmBanner li a img { float: right; width: 100%; height: 100%; z-index: 0; }
.footer #divBtmBanner #ulBtmBanner li a span { float: left; display: inline-block; margin: -90px 0 0 0; width: 100%; height: 100%; z-index: 10; }

.footer #divBtmBanner #btnBtmLeft {
	position: absolute;
/*
	bottom: 2px;
	left: 2px;
*/
	bottom: 1px;
	left: 0;
	font-size: 18px;
	font-weight: bold;
	background-color: #333;
	color: #fff;
	cursor: pointer;
	opacity: 0.6;
	border-top: 1px solid #fff;
	border-bottom-width: 0;
	border-right: 1px solid #fff;
	border-left-width: 0;
	border-top-right-radius: 0.3em;
/*	border-bottom-left-radius: 0.3em; */
 }
.footer #divBtmBanner #btnBtmLeft:hover { opacity: 1; }

.footer #divBtmBanner #btnBtmRight {
	position: absolute;
/*
	bottom: 2px;
	right: 2px;
*/
	bottom: 1px;
	right: 0;
	font-size: 18px;
	font-weight: bold;
	background-color: #333;
	color: #fff;
	cursor: pointer;
	opacity: 0.6;
	border-top: 1px solid #fff;
	border-bottom-width: 0;
	border-right-width: 0;
	border-left: 1px solid #fff;
	border-top-left-radius: 0.3em;
/*	border-bottom-right-radius: 0.3em; */
 }
.footer #divBtmBanner #btnBtmRight:hover { opacity: 1; }