@charset "utf-8";
/* CSS Document */

/********************************************************************************************************/

@font-face {font-family: 'GillSansStd';src: url('/fonts/GillSansStd.otf');src: local('GillSansStd'),local('GillSansStd'),url('GillSansStd.otf') format('opentype');}  
@font-face {font-family: 'ACaslonPro';src: url('/fonts/ACaslonPro-Regular.otf');src: local('ACaslonPro'),local('ACaslonPro'),url('/fonts/ACaslonPro-Regular.otf') format('opentype');} 
@font-face {font-family: 'GillSansStdLight';src: url('/fonts/GillSansStd-Light.otf');src: local('GillSansStd-Light'),local('GillSansStd-Light'),url('/fonts/GillSansStd-Light.otf') format('opentype');} 

/********************************************************************************************************/

html {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}

html[xmlns] {
	display: block;
}

body,td,th,div,p {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	line-height:1.5em;
	behavior: url(/css/resources/PIE.php);
}
body {
	background-color: #5e9fdb;
	height:100%;  /*give the body height:100% so that its child elements can have percentage heights*/
	padding:0px;
	margin:0px;
}
/*body { behavior:url(../html5.htc); behavior: url(/css/resources/PIE.php); } /* ie678-only */
body:last-child	{ /* modern CSS3 web browsers: non-ie and ie 9+, same result as body:nth-of-type(1n) */
	
}

a:link {
	color: #666666;
	text-decoration:none;
}
a:visited {
	color: #666666;
	text-decoration:none;
}
a:active {
	color: #0a559a;
	text-decoration:none;
}
a:hover {
	color: #0a559a;
	text-decoration:none;
	cursor:pointer; cursor:hand;
}
	
.title_color_1 { color: #0a559a; }

.title_color_2 { color: #ec7b1b; }

/********************************************************************************************************/

img { border:solid; border-width: 0px; }

h1, h2, h3 { text-rendering: optimizeLegibility; line-height:1.25em; font-weight:bold; }

h1 { font-size:32px; }

h2 { font-size:24px; }

h3 { font-size:20px; }

hr {   
	background-color: #0a559a;
	color: #0a559a;
  width: 100%; 
	height: 3px;
	border: 0;
}

.hr_thin {   
	background-color: #0a559a;
	color: #0a559a;
  width: 100%; 
	height: 2px;
	border: 0;
}

iframe {
	height:400px;
	width:876px;
	margin:0px;
	padding:4px;
	border:2px;
	background:#cccccc;
}

@media print
{
	.pb { page-break-after:always; }
	
	.do_not_print { display:none; visibility:hidden; }
}

/********************************************************************************************************/

#backdrop{
	background-color:#0a559a; 
	border-color:#222222;
	width:960px; 
	min-width:800px; 
	height:120%;
	overflow:visible;
	behavior: url(/css/resources/PIE.php);
}

#header_bar {
	font-family: GillSansStdLight, sans-serif;
	height:163px;
	color:#000000;
	background-color:#ffffff;
	border-color:#cccccc;
	/*background-image:url(https://failurefreeonline.com/img/topbanner.png);*/
	background-image:url(/img/topbanner.png);
	padding:10px; _padding:4px;
}

#footer_bar {
	width:936px; /* only needed for older browsers (tested in firefox 3.6) */
	font-family: GillSansStdLight, sans-serif;
	color:#000000;
	background-color:#ffffff;
	border-color:#cccccc;
	/*background-image:url(https://failurefreeonline.com/img/basebanner.png);*/
	background-image:url(/img/basebanner.png);
}

#base_background {
	background: #88bff2;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#88bff2), to(#5e9fdb));
	background: -webkit-linear-gradient(#88bff2, #5e9fdb);
	background: -moz-linear-gradient(#88bff2, #5e9fdb);
	background: -ms-linear-gradient(#88bff2, #5e9fdb);
	background: -o-linear-gradient(#88bff2, #5e9fdb);
	background: linear-gradient(#88bff2, #5e9fdb);
	-pie-background: linear-gradient(#88bff2, #5e9fdb);
	behavior: url(/css/resources/PIE.php);
}

#page_logo {
	float:left;
}

#nav_bar { 
	width:960px;
	height:38px; 
	padding:0px; 
	margin:0px; 
	text-align:center; 
	overflow:hidden;
}

.nav_bar a:link { /*color:#FFFFFF;*/ }
.nav_bar a:visited { /*color:#FFFFFF;*/ }
.nav_bar a:hover { /*color:#FFFF66;*/ }
.nav_bar a:active { /*color:#FFFF66;*/ }

.top_nav_button {
	color:#000000;
	background-color:#cbebfd;
	margin:0px; 
	cursor:pointer; cursor:hand;
}

.top_nav_button_enhanced {
	height:26px;
	line-height:26px;
	padding:0px;
	padding-left:14px;
	padding-right:14px;
	font-weight:bold;
	cursor:pointer; cursor:hand;
}

.top_nav_button_enhanced_container_static {
	font-size:12px; *font-size:11px;
	margin:6px;
	margin-left:2px;
	margin-right:2px;
	*margin:6px;
	padding:0px;
	text-align:center;
	vertical-align:text-bottom;
	display:inline-block; *display:inline; *zoom:1;
	*width:100px;
}

.top_nav_button_enhanced_container_static a:hover {
	text-decoration:none;
}

#right_bar { /* background-color:#cccccc; /* */
	width:300px; 
	border-color:#444444; 
	overflow:visible;
	padding:0px; 
	margin-top:10px;
	margin-left:5px; 
	margin-right:14px; _margin-right:10px;
	float:right; 
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}

#left_bar {
	width:200px; 
	border-color:#444444; 
	overflow:visible;
	padding:0px; 
	margin:14px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
}

.sidebar_panel {
	cursor:pointer; cursor:hand;
}

.sidebar_panel_header {
	height:26px;
	color:#0a559a;
	font-size:14pt;
	font-weight:bold;
	overflow:hidden;
}

.sidebar_panel_body {
	padding:9px;
	/*font-size:11pt; *font-size:10pt;*/
	font-size:9pt; 
	font-weight:bold;
	overflow:visible;
}

.sidebar_panel_link a:hover {
	text-decoration:none;
}

#main {
	color:#FFFFFF;
	background-color:#ffffff;
	border-color:#cccccc;
	font-family: Arial, Helvetica, sans-serif;
	padding:0px;
	min-height:300px;
}

#main_doc {
	width:560px;
	min-height:300px;
	background-color:#ffffff;
}

#icon_toolbar {
	background-color:#eeeeee;
	width:40px;
	height:179px;
	margin-top:-10px;
	margin-right:-10px;
	margin-left:5px;
	padding:2px;
	text-align:center;
	float:right;
}

.mini_sidebar_icon {
	margin:0;
	margin-top:4px; 
	*margin-top:8px;
	_margin-right:8px;
	padding:0; 
}

#login {
	float:right;
	text-align:right;
}

/********************************************************************************************************/

.code { font-family: courier, monospace, sans-serif; font-size: 12px; font-weight: normal; margin:0px; padding:10px; display: block; border: 1px dashed #cacece; background:#FFFFCC; }

.blockquote { font-size: 10px; font-weight: bold; background-color:#FFFFCC; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.align_left {text-align: left;}
.align_right {text-align: right;}
.center { text-align: center; }

.display_none { display: none; }
.display_block { display: block; }
.absolute { position: absolute; }

.absolute_topleft { position: absolute; top: 0; left: 0; z-index:100; }
.absolute_topright { position: absolute; top: 0; right: 0; z-index:100; } 
.absolute_btmleft { position: absolute; bottom: 0; left: 0; z-index:100; }
.absolute_btmright { position: absolute; bottom: 0; right: 0; z-index:100; }

.fullscreen { position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:0px; padding:0px; }
.centered { margin-left:auto; 	margin-right:auto; }

.relative { position: relative; }
.strikethru { text-decoration: line-through; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.italic { font-style: italic; }

.scrolling { overflow-y:scroll; }
.side-scrolling { overflow-x:scroll; }

.inline-block { display:inline-block; *display:inline; *zoom:1; }

.spacer_div { width:10px; height:10px; overflow:hidden; }
.spacer_padding { padding:10px; }
.spacer_margin { margin:5px; }

/********************************************************************************************************/

input {
	font-family: Verdana, Geneva, Sans-Serif;
	vertical-align:middle;
	cursor:text;
}

input[type="submit"], input[type="button"] { 
		cursor:pointer; cursor:hand;
}

/********************************************************************************************************/

.small_input {
	font-size:12px; 
	height:20px; 
	line-height:15px; 
	padding-left:4px;
	padding-right:4px; 
	vertical-align:middle;
}

.medium_input {
	font-size:18px;
	height:30px; 
 	line-height:26px; 
	padding-left:6px; 
	padding-right:6px; 
	vertical-align:middle;
}

.large_input {
	font-size:24px;
	height:40px; 
 	line-height:32px;
	padding-left:6px; 
	padding-right:6px; 
	vertical-align:middle;
}

/********************************************************************************************************/

.rounded_corners_0 { /* clear all rounded corners to radius of 1 -- 1px allows css3pie to activate background layers for ie6-8, 0px does not */
	-webkit-border-radius:1px; /* chrome and safari browsers */
	-moz-border-radius:1px; /* mozilla firefox */
	-khtml-border-radius: 1px; /* some linux browsers */
	border-radius:1px; /* w3c standard */
	behavior: url(/css/resources/PIE.php); /* internet explorer 6-8 */
}

.rounded_corners_1 {
	-webkit-border-radius:2px; /* chrome and safari browsers */
	-moz-border-radius:2px; /* mozilla firefox */
	-khtml-border-radius: 2px; /* some linux browsers */
	border-radius:2px; /* w3c standard */
	behavior: url(/css/resources/PIE.php); /* internet explorer 6-8 */
}

.rounded_corners_2 {
	-webkit-border-radius:3px; /* chrome and safari browsers */
	-moz-border-radius:3px; /* mozilla firefox */
	-khtml-border-radius: 3px; /* some linux browsers */
	border-radius:3px; /* w3c standard */
	behavior: url(/css/resources/PIE.php); /* internet explorer 6-8 */
}

.rounded_corners_3 {
	-webkit-border-radius:4px; /* chrome and safari browsers */
	-moz-border-radius:4px; /* mozilla firefox */
	-khtml-border-radius: 4px; /* some linux browsers */
	border-radius:4px; /* w3c standard */
	behavior: url(/css/resources/PIE.php); /* internet explorer 6-8 */
}

.rounded_corners_4 {
	-webkit-border-radius:6px; /* chrome and safari browsers */
	-moz-border-radius:6px; /* mozilla firefox */
	-khtml-border-radius: 6px; /* some linux browsers */
	border-radius:6px; /* w3c standard */
	behavior: url(/css/resources/PIE.php); /* internet explorer 6-8 */
}

.rounded_corners_5 {
	-webkit-border-radius:8px; /* chrome and safari browsers */
	-moz-border-radius:8px; /* mozilla firefox */
	-khtml-border-radius: 8px; /* some linux browsers */
	border-radius:8px; /* w3c standard */
	behavior: url(/css/resources/PIE.php); /* internet explorer 6-8 */
}

.rounded_corners_6 {
	-webkit-border-radius:10px; /* chrome and safari browsers */
	-moz-border-radius:10px; /* mozilla firefox */
	-khtml-border-radius: 10px; /* some linux browsers */
	border-radius:10px; /* w3c standard */
	behavior: url(/css/resources/PIE.php); /* internet explorer 6-8 */
}

.rounded_corners_7 {
	-webkit-border-radius:12px; /* chrome and safari browsers */
	-moz-border-radius:12px; /* mozilla firefox */
	-khtml-border-radius: 12px; /* some linux browsers */
	border-radius:12px; /* w3c standard */
	behavior: url(/css/resources/PIE.php); /* internet explorer 6-8 */
}

.rounded_corners_8 {
	-webkit-border-radius:16px; /* chrome and safari browsers */
	-moz-border-radius:16px; /* mozilla firefox */
	-khtml-border-radius: 16px; /* some linux browsers */
	border-radius:16px; /* w3c standard */
	behavior: url(/css/resources/PIE.php); /* internet explorer 6-8 */
}

.rounded_corners_9 {
	-webkit-border-radius:20px; /* chrome and safari browsers */
	-moz-border-radius:20px; /* mozilla firefox */
	-khtml-border-radius: 20px; /* some linux browsers */
	border-radius:20px; /* w3c standard */
	behavior: url(/css/resources/PIE.php); /* internet explorer 6-8 */
}

/********************************************************************************************************/

.box_shadow_0 { /* clear box shadow and attempt to engage css3pie for ie6-8 */
	-webkit-box-shadow: #666666 0px 2px 10px;
	-moz-box-shadow: #666666 0px 2px 10px;
	box-shadow: #666666 0px 2px 10px;
	behavior: url(/css/resources/PIE.php);
}

.box_shadow_1 {
	-webkit-box-shadow: #666666 0px 2px 10px;
	-moz-box-shadow: #666666 0px 2px 10px;
	box-shadow: #666666 0px 2px 10px;
	behavior: url(/css/resources/PIE.php);
}

.box_shadow_2 {
	-webkit-box-shadow: #666666 8px 8px 10px;
	-moz-box-shadow: #666666 8px 8px 10px;
	box-shadow: #666666 8px 8px 10px;
	behavior: url(/css/resources/PIE.php);
}

.box_shadow_3 {
	-webkit-box-shadow: #666666 0px 0px 20px;
	-moz-box-shadow: #666666 0px 0px 20px;
	box-shadow: #666666 0px 0px 20px;
	behavior: url(/css/resources/PIE.php);
}

.box_shadow_4 {
	-webkit-box-shadow: #222222 0px 0px 30px;
	-moz-box-shadow: #222222 0px 0px 30px;
	box-shadow: #222222 0px 0px 30px;
	behavior: url(/css/resources/PIE.php);
}

.box_shadow_5 {
	-webkit-box-shadow: #222222 0px 0px 10px;
	-moz-box-shadow: #222222 0px 0px 10px;
	box-shadow: #222222 0px 0px 10px;
	behavior: url(/css/resources/PIE.php);
}

/********************************************************************************************************/

.box_with_shadow_1 {
	box-shadow: inset 0px 0px 50px 0px #ABABAB,5px 5px 5px 1px #6B6B6B;
	-webkit-box-shadow: inset 0px 0px 50px 0px #ABABAB,5px 5px 5px 1px #6B6B6B;
	-moz-box-shadow: inset 0px 0px 50px 0px #ABABAB,5px 5px 5px 1px #6B6B6B;
	-o-box-shadow: inset 0px 0px 50px 0px #ABABAB,5px 5px 5px 1px #6B6B6B;
	behavior: url(/css/resources/PIE.php);
}

/********************************************************************************************************/

.border_0 {
	border-style: hidden;
	border-width: 0px;
}

.border_1 {
	border-style: solid;
	border-width: 1px;
}

.border_2 {
	border-style: solid;
	border-width: 2px;
}

.border_3 {
	border-style: solid;
	border-width: 3px;
}

.border_4 {
	border-style: solid;
	border-width: 4px;
}

/********************************************************************************************************/

.transparent_1 {
	filter: alpha(opacity: 85);
	KHTMLOpacity: 0.85;
	MozOpacity: 0.85;
	opacity: 0.85;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 85);
	behavior: url(/css/resources/PIE.php);
}

.transparent_2 {
	filter: alpha(opacity: 75);
	KHTMLOpacity: 0.75;
	MozOpacity: 0.75;
	opacity: 0.75;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 75);
	behavior: url(/css/resources/PIE.php);
}

.transparent_3 {
	filter: alpha(opacity: 65);
	KHTMLOpacity: 0.65;
	MozOpacity: 0.65;
	opacity: 0.65;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 65);
	behavior: url(/css/resources/PIE.php);
}

/********************************************************************************************************/

label {
    display: inline;
}
 
/********************************************************************************************************/

/* light green, sample colors drawn from css3pie example */

/* general usage */

.gradient_0 {
	b	ackground: #EEFF99;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
	background: -webkit-linear-gradient(#EEFF99, #66EE33);
	background: -moz-linear-gradient(#EEFF99, #66EE33);
	background: -ms-linear-gradient(#EEFF99, #66EE33);
	background: -o-linear-gradient(#EEFF99, #66EE33);
	background: linear-gradient(#EEFF99, #66EE33);
	-pie-background: linear-gradient(#EEFF99, #66EE33);
	behavior: url(/css/resources/PIE.php);
}

.gradient_0:hover {
	b	ackground: #66EE33;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#66EE33), to(#EEFF99));
	background: -webkit-linear-gradient(#66EE33, #EEFF99);
	background: -moz-linear-gradient(#66EE33, #EEFF99);
	background: -ms-linear-gradient(#66EE33, #EEFF99);
	background: -o-linear-gradient(#66EE33, #EEFF99);
	background: linear-gradient(#66EE33, #EEFF99);
	-pie-background: linear-gradient(#66EE33, #EEFF99);
	behavior: url(/css/resources/PIE.php);
}

/* more specific for text fields */

.gradient_0-text {
	b	ackground: #EEFF99;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
	background: -webkit-linear-gradient(#EEFF99, #66EE33);
	background: -moz-linear-gradient(#EEFF99, #66EE33);
	background: -ms-linear-gradient(#EEFF99, #66EE33);
	background: -o-linear-gradient(#EEFF99, #66EE33);
	background: linear-gradient(#EEFF99, #66EE33);
	-pie-background: linear-gradient(#EEFF99, #66EE33);
	behavior: url(/css/resources/PIE.php);
}

.gradient_0-text:hover {
	b	ackground: #66EE33;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#66EE33), to(#EEFF99));
	background: -webkit-linear-gradient(#66EE33, #EEFF99);
	background: -moz-linear-gradient(#66EE33, #EEFF99);
	background: -ms-linear-gradient(#66EE33, #EEFF99);
	background: -o-linear-gradient(#66EE33, #EEFF99);
	background: linear-gradient(#66EE33, #EEFF99);
	-pie-background: linear-gradient(#66EE33, #EEFF99);
	behavior: url(/css/resources/PIE.php);
}

/* more specific for buttons */

.gradient_0-button {
	b	ackground: #EEFF99;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
	background: -webkit-linear-gradient(#EEFF99, #66EE33);
	background: -moz-linear-gradient(#EEFF99, #66EE33);
	background: -ms-linear-gradient(#EEFF99, #66EE33);
	background: -o-linear-gradient(#EEFF99, #66EE33);
	background: linear-gradient(#EEFF99, #66EE33);
	-pie-background: linear-gradient(#EEFF99, #66EE33);
	behavior: url(/css/resources/PIE.php);
}

.gradient_0-button:hover {
	b	ackground: #66EE33;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#66EE33), to(#EEFF99));
	background: -webkit-linear-gradient(#66EE33, #EEFF99);
	background: -moz-linear-gradient(#66EE33, #EEFF99);
	background: -ms-linear-gradient(#66EE33, #EEFF99);
	background: -o-linear-gradient(#66EE33, #EEFF99);
	background: linear-gradient(#66EE33, #EEFF99);
	-pie-background: linear-gradient(#66EE33, #EEFF99);
	behavior: url(/css/resources/PIE.php);
}

/********************************************************************************************************/

/* general steel colored, can work for many web sites */

/* general usage */

.gradient_1 {
	background: #D1D1E5;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D1D1E5), to(#E3E7F8)); 
	background: -webkit-linear-gradient(#D1D1E5, #E3E7F8);
	background: -moz-linear-gradient(#D1D1E5, #E3E7F8);
	background: -ms-linear-gradient(#D1D1E5, #E3E7F8);
	background: -o-linear-gradient(#D1D1E5, #E3E7F8);
	background: linear-gradient(#D1D1E5, #E3E7F8);
	-pie-background: linear-gradient(#D1D1E5, #E3E7F8);
	behavior: url(/css/resources/PIE.php);
}

.gradient_1:hover {
	background: #E3E7F8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E3E7F8), to(#D1D1E5)); 
	background: -webkit-linear-gradient(#E3E7F8, #D1D1E5);
	background: -moz-linear-gradient(#E3E7F8, #D1D1E5);
	background: -ms-linear-gradient(#E3E7F8, #D1D1E5);
	background: -o-linear-gradient(#E3E7F8, #D1D1E5);
	background: linear-gradient(#E3E7F8, #D1D1E5);
	-pie-background: linear-gradient(#E3E7F8, #D1D1E5);
	behavior: url(/css/resources/PIE.php);
}

/* more specific for text fields */

.gradient_1-text {
	background: #D1D1E5;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D1D1E5), to(#E3E7F8)); 
	background: -webkit-linear-gradient(#D1D1E5, #E3E7F8);
	background: -moz-linear-gradient(#D1D1E5, #E3E7F8);
	background: -ms-linear-gradient(#D1D1E5, #E3E7F8);
	background: -o-linear-gradient(#D1D1E5, #E3E7F8);
	background: linear-gradient(#D1D1E5, #E3E7F8);
	-pie-background: linear-gradient(#D1D1E5, #E3E7F8);
	behavior: url(/css/resources/PIE.php);
}

.gradient_1-text:hover {
	background: #E3E7F8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E3E7F8), to(#D1D1E5)); 
	background: -webkit-linear-gradient(#E3E7F8, #D1D1E5);
	background: -moz-linear-gradient(#E3E7F8, #D1D1E5);
	background: -ms-linear-gradient(#E3E7F8, #D1D1E5);
	background: -o-linear-gradient(#E3E7F8, #D1D1E5);
	background: linear-gradient(#E3E7F8, #D1D1E5);
	-pie-background: linear-gradient(#E3E7F8, #D1D1E5);
	behavior: url(/css/resources/PIE.php);
}

/* more specific for buttons */

.gradient_1-button {
	background: #D1D1E5;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D1D1E5), to(#E3E7F8)); 
	background: -webkit-linear-gradient(#D1D1E5, #E3E7F8);
	background: -moz-linear-gradient(#D1D1E5, #E3E7F8);
	background: -ms-linear-gradient(#D1D1E5, #E3E7F8);
	background: -o-linear-gradient(#D1D1E5, #E3E7F8);
	background: linear-gradient(#D1D1E5, #E3E7F8);
	-pie-background: linear-gradient(#D1D1E5, #E3E7F8);
	behavior: url(/css/resources/PIE.php);
}

.gradient_1-button:hover {
	background: #E3E7F8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E3E7F8), to(#D1D1E5)); 
	background: -webkit-linear-gradient(#E3E7F8, #D1D1E5);
	background: -moz-linear-gradient(#E3E7F8, #D1D1E5);
	background: -ms-linear-gradient(#E3E7F8, #D1D1E5);
	background: -o-linear-gradient(#E3E7F8, #D1D1E5);
	background: linear-gradient(#E3E7F8, #D1D1E5);
	-pie-background: linear-gradient(#E3E7F8, #D1D1E5);
	behavior: url(/css/resources/PIE.php);
}

/********************************************************************************************************/

/* same as above, but opposite direction fade (starts lighter on top) */

.gradient_1_reverse {
	background: #E3E7F8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E3E7F8), to(#D1D1E5)); 
	background: -webkit-linear-gradient(#E3E7F8, #D1D1E5);
	background: -moz-linear-gradient(#E3E7F8, #D1D1E5);
	background: -ms-linear-gradient(#E3E7F8, #D1D1E5);
	background: -o-linear-gradient(#E3E7F8, #D1D1E5);
	background: linear-gradient(#E3E7F8, #D1D1E5);
	-pie-background: linear-gradient(#E3E7F8, #D1D1E5);
	behavior: url(/css/resources/PIE.php);
}

.gradient_1_reverse:hover {
	background: #D1D1E5;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D1D1E5), to(#E3E7F8)); 
	background: -webkit-linear-gradient(#D1D1E5, #E3E7F8);
	background: -moz-linear-gradient(#D1D1E5, #E3E7F8);
	background: -ms-linear-gradient(#D1D1E5, #E3E7F8);
	background: -o-linear-gradient(#D1D1E5, #E3E7F8);
	background: linear-gradient(#D1D1E5, #E3E7F8);
	-pie-background: linear-gradient(#D1D1E5, #E3E7F8);
	behavior: url(/css/resources/PIE.php);
}

/********************************************************************************************************/

/* burgundy / cinnamon */

/* general usage */

.gradient_2 {
	background: #fbe5e5;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbe5e5), to(#d54343)); 
	background: -webkit-linear-gradient(#fbe5e5, #d54343);
	background: -moz-linear-gradient(#fbe5e5, #d54343);
	background: -ms-linear-gradient(#fbe5e5, #d54343);
	background: -o-linear-gradient(#fbe5e5, #d54343);
	background: linear-gradient(#fbe5e5, #d54343);
	-pie-background: linear-gradient(#fbe5e5, #d54343);
	behavior: url(/css/resources/PIE.php);
}

.gradient_2:hover {
	background: #d54343;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d54343), to(#fbe5e5)); 
	background: -webkit-linear-gradient(#d54343, #fbe5e5);
	background: -moz-linear-gradient(#d54343, #fbe5e5);
	background: -ms-linear-gradient(#d54343, #fbe5e5);
	background: -o-linear-gradient(#d54343, #fbe5e5);
	background: linear-gradient(#d54343, #fbe5e5);
	-pie-background: linear-gradient(#d54343, #fbe5e5); 
	behavior: url(/css/resources/PIE.php);
}

/* more specific for text fields */

.gradient_2-text {
	background: #fbe5e5;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbe5e5), to(#d54343)); 
	background: -webkit-linear-gradient(#fbe5e5, #d54343);
	background: -moz-linear-gradient(#fbe5e5, #d54343);
	background: -ms-linear-gradient(#fbe5e5, #d54343);
	background: -o-linear-gradient(#fbe5e5, #d54343);
	background: linear-gradient(#fbe5e5, #d54343);
	-pie-background: linear-gradient(#fbe5e5, #d54343);
	behavior: url(/css/resources/PIE.php);
}

.gradient_2-text:hover {
	background: #d54343;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d54343), to(#fbe5e5)); 
	background: -webkit-linear-gradient(#d54343, #fbe5e5);
	background: -moz-linear-gradient(#d54343, #fbe5e5);
	background: -ms-linear-gradient(#d54343, #fbe5e5);
	background: -o-linear-gradient(#d54343, #fbe5e5);
	background: linear-gradient(#d54343, #fbe5e5);
	-pie-background: linear-gradient(#d54343, #fbe5e5); 
	behavior: url(/css/resources/PIE.php);
}

/* more specific for buttons */

.gradient_2-button {
	background: #fbe5e5;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbe5e5), to(#d54343)); 
	background: -webkit-linear-gradient(#fbe5e5, #d54343);
	background: -moz-linear-gradient(#fbe5e5, #d54343);
	background: -ms-linear-gradient(#fbe5e5, #d54343);
	background: -o-linear-gradient(#fbe5e5, #d54343);
	background: linear-gradient(#fbe5e5, #d54343);
	-pie-background: linear-gradient(#fbe5e5, #d54343);
	behavior: url(/css/resources/PIE.php);
}

.gradient_2-button:hover {
	background: #d54343;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d54343), to(#fbe5e5)); 
	background: -webkit-linear-gradient(#d54343, #fbe5e5);
	background: -moz-linear-gradient(#d54343, #fbe5e5);
	background: -ms-linear-gradient(#d54343, #fbe5e5);
	background: -o-linear-gradient(#d54343, #fbe5e5);
	background: linear-gradient(#d54343, #fbe5e5);
	-pie-background: linear-gradient(#d54343, #fbe5e5); 
	behavior: url(/css/resources/PIE.php);
}

/********************************************************************************************************/

.gradient_3 {
	background: #88bff2;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#88bff2), to(#5e9fdb));
	background: -webkit-linear-gradient(#88bff2, #5e9fdb);
	background: -moz-linear-gradient(#88bff2, #5e9fdb);
	background: -ms-linear-gradient(#88bff2, #5e9fdb);
	background: -o-linear-gradient(#88bff2, #5e9fdb);
	background: linear-gradient(#88bff2, #5e9fdb);
	-pie-background: linear-gradient(#88bff2, #5e9fdb);
	behavior: url(/css/resources/PIE.php);
}

/********************************************************************************************************/

.animated_button
{
	color: #cccccc;
	
	background-color: #555555;	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#888888), to(#555555));
	background: -webkit-linear-gradient(#888888, #555555);
	background: -moz-linear-gradient(#888888, #555555);
	background: -ms-linear-gradient(#888888, #555555);
	background: -o-linear-gradient(#888888, #555555);
	background: linear-gradient(#888888, #555555);
	-pie-background: linear-gradient(#888888, #555555);
	behavior: url(/css/resources/PIE.php);
	
	text-shadow: 0 -1px 0 #000000;
	box-shadow: 0 1px 0 #666666, 0 5px 0 #444444, 0 6px 6px rgba(0,0,0,0.6);
	
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 15px;
	/*margin: 20px auto;	*/
	border: 0 none;
	border-radius: 3px;	
	cursor: pointer; cursor:hand;
	-webkit-transition: all 150ms ease;
	transition: all 150ms ease;
}

.animated_button:active
{
	color: #ffffff;
	text-shadow: 0 -1px 0 #444444, 0 0 5px #ffffdd, 0 0 8px #ffffff;
	box-shadow: 0 1px 0 #666666, 0 2px 0 #444444, 0 2px 2px rgba(0,0,0,0.9);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-animation: none;
	animation: none;
}

.animated_button:hover, .animated_button:focus
{
	-webkit-animation: pulsate 1.2s linear infinite;
	animation: pulsate 1.2s linear infinite;
}
@-webkit-keyframes pulsate
{
	0%   { color: #dddddd; text-shadow: 0 -1px 0 #000000; }
	50%  { color: #ffffff; text-shadow: 0 -1px 0 #444444, 0 0 5px #ffffdd, 0 0 8px #ffffff; }
	100% { color: #dddddd; text-shadow: 0 -1px 0 #000000; }
}	
@keyframes pulsate
{
	0%   { color: #dddddd; text-shadow: 0 -1px 0 #000000; }
	50%  { color: #ffffff; text-shadow: 0 -1px 0 #444444, 0 0 5px #ffffdd, 0 0 8px #ffffff; }
	100% { color: #dddddd; text-shadow: 0 -1px 0 #000000; }
}

/********************************************************************************************************/

  div.centertrack_full_height{
		background:#0066aa; /* default color */
    display:block;
    position:absolute; /*set the div in the top  of the screen*/
    top:0;
    left:50%; /* set left border of div to middle of the screen */
		/*height:100%;	/*set the height to 100% of the screen - scroll bars do not show*/
		height:120%;	/*set the height to over 100% of the screen so some scrolling will not remove color stripe*/
		
		/* for 1280 width screens */
   /* width:1200px; /* width if the 'center track' div */
		/*margin-left:-600px; /* move div to the left in half of it's width */
		
		/* between 1024-1280 width screens */
    width:1080px; /* width if the 'center track' div */
		margin-left:-540px; /* move div to the left in half of it's width */
		
		/* for 1024 width screens */
    /*width:960px; /* width if the 'center track' div */
		/*margin-left:-480px; /* move div to the left in half of it's width */
		
		/* between 800-1024 width screens */
    /*width:800px; /* width if the 'center track' div */
		/*margin-left:-400px; /* move div to the left in half of it's width */
		
		/* for 800 width screens */
    width:720px; /* width if the 'center track' div */
		margin-left:-360px; /* move div to the left in half of it's width */
  }

/********************************************************************************************************/

.corkboard { 
	padding:20px;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px;
	vertical-align:text-bottom;
	display:inline-block; *display:inline; *zoom:1;
	background-image:url(../img/cork_1.jpg);
}

.whiteboard { 
	border-style: solid;
	border-width: 1px;
	border-color:#CCCCCC;
	padding:20px;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px;
	vertical-align:text-bottom;
	display:inline-block; *display:inline; *zoom:1;
	background-color:#FFFFFF;
}

.blackboard { 
	color:ffffff;
	padding:20px;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px;
	vertical-align:text-bottom;
	display:inline-block; *display:inline; *zoom:1;
	background-color:#000000;
}

.plainboard { 
	padding:20px;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px;
	vertical-align:text-bottom;
	display:inline-block; *display:inline; *zoom:1;
}

/********************************************************************************************************/

.icon_container {
	font-size:12px;
	margin:6px;
	padding:0px;
	text-align:center;
	vertical-align:text-bottom;
	display:inline-block; *display:inline; *zoom:1;
	*width:120px;
}

.icon_container a:hover {
	margin-left:2px; /* left padding or margin causes motion in chrome, ie6,8,10, ff */
	text-decoration:none;
}

/********************************************************************************************************/

.icon_container_static {
	font-size:12px;
	margin:6px;
	padding:0px;
	text-align:center;
	vertical-align:text-bottom;
	display:inline-block; *display:inline; *zoom:1;
	*width:100px;
}

.icon_container_static a:hover {
	text-decoration:none;
}

/********************************************************************************************************/

.text_balloon {
	color:#666666;
	background-color:#ffffff; 
	padding:4px; 
	margin-top:8px; 
	border-style: solid; 
	border-color:#CCCCCC; 
	border-width: 1px;
	line-height:1.25em;
	font-weight:normal;
}

.text_balloon a:hover {
	/*margin-left:2px; /* left padding or margin causes motion in chrome, ie6,8,10, ff */
	text-decoration:none;
}

/********************************************************************************************************/

.text_balloon_bold {
	padding:4px; 
	margin-top:8px; 
	line-height:1.25em;
	font-weight:bold;
}

.text_balloon_bold a:hover {
	/*margin-left:2px; /* left padding or margin causes motion in chrome, ie6,8,10, ff */
	text-decoration:none;
}

/********************************************************************************************************/

.text_balloon_static {
	color:#666666;
	background-color:#ffffff; 
	padding:4px; 
	margin-top:8px; 
	border-style: solid; 
	border-color:#CCCCCC; 
	border-width: 1px;
	line-height:1.25em;
	font-weight:normal;
}

.text_balloon_static a:hover {
	text-decoration:none;
}

/********************************************************************************************************/

.text_balloon_clear {
	color:#666666;
	padding:4px; 
	margin-top:8px; 
	line-height:1.25em;
	font-weight:bold;
}

.text_balloon_clear a:hover {
	/*margin-left:2px; /* left padding or margin causes motion in chrome, ie6,8,10, ff */
	text-decoration:none;
}

/********************************************************************************************************/

.text_balloon_clear_static {
	color:#666666;
	padding:4px; 
	margin-top:8px; 
	line-height:1.25em;
	font-weight:bold;
}

.text_balloon_clear_static a:hover {
	text-decoration:none;
}

/********************************************************************************************************/

.icon_style_1 {
	color:#000000;
	background-color:#ffffff; 
}

.theater_display {
	color:#000000;
	background-color:#0a559a;
	padding:16px;
	text-align:center;
}

.multi-theater_display {
	color:#ffffff;
	background-color:#0000E0;
	border-color:#444444;
	padding:16px;
	text-align:center;
}

.theater_icon_display {
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	border-color:#000000;
	background-color:#000000;
	padding:8px;
	margin:10px;
	text-align:center;
	display:inline-block; *inline;
}

.theater_icon_display:hover {
	color:yellow;
	text-align:center;
	/*text-decoration:underline;*/
	cursor:pointer; cursor:hand;
}

.testimonial_icon_display {
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	border-color:#0a559a;
	background-color:#0a559a;
	padding:8px;
	margin:10px;
	text-align:center;
	display:inline-block; *inline;
}

.testimonial_icon_display:hover {
	color:yellow;
	text-align:center;
	/*text-decoration:underline;*/
	cursor:pointer; cursor:hand;
}

.reptool_icon_display_1 {
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	border-color:#0a559a;
	background-color:#0a559a;
	padding:8px;
	margin:10px;
	text-align:center;
	display:inline-block; *inline;
}

.reptool_icon_display_1:hover {
	color:yellow;
	text-align:center;
	/*text-decoration:underline;*/
	cursor:pointer; cursor:hand;
}

.product_icon_display {
	font-size:12px;
	font-weight:bold;
	color:#000000;
	border-color:#ffffff;
	background-color:#ffffff;
	padding:18px;
	margin:10px;
	text-align:center;
	display:inline-block; *inline;
}

.product_icon_display:hover {
	color:#0a559a;
	/*text-decoration:underline;*/
	border-color:#0a559a;
	background-color:#ffffff;
	cursor:pointer; cursor:hand;
}

.standard_icon_display {
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	border-color:#0a559a;
	background-color:#0a559a;
	padding:8px;
	margin:10px;
	text-align:center;
	display:inline-block; *inline;
}

.standard_icon_display:hover {
	color:#0a559a;
	/*text-decoration:underline;*/
	border-color:#0a559a;
	background-color:#0a559a;
	cursor:pointer; cursor:hand;
}

.theater_icon {
	border-color:#ffffff;
	background-color:#888888;
	padding:0px;
	margin:0px;
}

.subtitle_header_bar {
	/*background-image:url(https://failurefreeonline.com/img/topbanner.png);*/
	background-image:url(/img/topbanner.png);
	color:#0a559a;
	border-color:#444444;
	padding:4px;
	font-size:20pt;
	font-weight:bold;
	overflow:hidden;
}

.scrolling_cart {
	color:#000000;
	background-color:#0000E0;
	overflow:scroll-y;
	padding:40px;
	text-align:center;
}

/********************************************************************************************************/

.overlay { /* base coding - additionally needs top and margin-left settings for the overlays to work */ 
	position:absolute;
	left:50%;
	z-index:100;
}

.image_overlay_1 /* divs, etc... */
{
	top:60px;
	margin-left:-400px;
}

/********************************************************************************************************/

.test-quote {
	font-size:12px;
	font-weight:normal;
	font-style:normal;
}

.quoter {
	font-size:11px;
	font-weight:bold;
	font-style:italic;
}

.credits {
	font-size:11px;
	font-weight:bold;
	font-style:italic;
}

/********************************************************************************************************/

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }