/*------ Button: classic---------*/
/* adjustments: remove width, set padding-left, padding-right 10 10px */
.basicButton16 {position:relative;display:inline-block;overflow:hidden;padding:0px;
	margin:0px;
	padding-left: 10px;
	padding-right : 10px;
	border:0px;font-size:16.25671px;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;box-sizing:padding-box;-webkit-box-sizing:padding-box;   -moz-box-sizing:padding-box;    -ms-box-sizing:padding-box;     -o-box-sizing:padding-box;user-select:none;-webkit-user-select:none;   -moz-user-select:none;    -ms-user-select:none;     -o-user-select:none;-moz-user-select:-moz-none;cursor:inherit;left:0px;top:0px;height:31px;border-radius:4.910235px;-webkit-border-radius:4.910235px;   -moz-border-radius:4.910235px;    -ms-border-radius:4.910235px;     -o-border-radius:4.910235px;background : #d6d6d6;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPiAgPGxpbmVhckdyYWRpZW50IGlkPSJqYmVlYi1ncmFkLWpiZWViXzEwNDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzJjMmMyIiBzdG9wLW9wYWNpdHk9IjEiLz4gIDwvbGluZWFyR3JhZGllbnQ+ICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2piZWViLWdyYWQtamJlZWJfMTA0NCkiIC8+PC9zdmc+");background-image:linear-gradient(to bottom, #eaeaea 0%,#c2c2c2 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaea),color-stop(100%, #c2c2c2));background-image:-webkit-linear-gradient(top, #eaeaea 0%,#c2c2c2 100%);background-image:-moz-linear-gradient(top, #eaeaea 0%,#c2c2c2 100%);background-image:-ms-linear-gradient(top, #eaeaea 0%,#c2c2c2 100%);background-image:-o-linear-gradient(top, #eaeaea 0%,#c2c2c2 100%);border-style:solid;border-width:1px;border-color:#a8a8a8;margin-left:-1px;margin-top:-1px;box-shadow:inset -0.08px -1.52px 2.1012px #b3b4b5,inset 0.08px 1.52px 0px #eeeff0,-0.5px 1.75px 1.22549px rgba(0,0,0,0.11948);-webkit-box-shadow:inset -0.08px -1.52px 2.1012px #b3b4b5,inset 0.08px 1.52px 0px #eeeff0,-0.5px 1.75px 1.22549px rgba(0,0,0,0.11948);   -moz-box-shadow:inset -0.08px -1.52px 2.1012px #b3b4b5,inset 0.08px 1.52px 0px #eeeff0,-0.5px 1.75px 1.22549px rgba(0,0,0,0.11948);    -ms-box-shadow:inset -0.08px -1.52px 2.1012px #b3b4b5,inset 0.08px 1.52px 0px #eeeff0,-0.5px 1.75px 1.22549px rgba(0,0,0,0.11948);     -o-box-shadow:inset -0.08px -1.52px 2.1012px #b3b4b5,inset 0.08px 1.52px 0px #eeeff0,-0.5px 1.75px 1.22549px rgba(0,0,0,0.11948);white-space:nowrap;line-height:1.9069049026525045em;color:#000;font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;text-align:center;font-weight:normal;text-shadow:0.16px 1.44px 0px rgba(255,255,255,0.66963);-webkit-text-shadow:0.16px 1.44px 0px rgba(255,255,255,0.66963);   -moz-text-shadow:0.16px 1.44px 0px rgba(255,255,255,0.66963);    -ms-text-shadow:0.16px 1.44px 0px rgba(255,255,255,0.66963);     -o-text-shadow:0.16px 1.44px 0px rgba(255,255,255,0.66963);font-smooth:always;-webkit-font-smoothing:antialiased;text-decoration:none;zoom:1;size:31;background-clip:padding-box;-webkit-background-clip:padding-box;   -moz-background-clip:padding-box;    -ms-background-clip:padding-box;     -o-background-clip:padding-box;}
.basicButton16:active {background : #cfd0d1;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPiAgPGxpbmVhckdyYWRpZW50IGlkPSJqYmVlYi1ncmFkLWpiZWViXzEwNDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzYTNhMyIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmJmZGZmIiBzdG9wLW9wYWNpdHk9IjEiLz4gIDwvbGluZWFyR3JhZGllbnQ+ICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2piZWViLWdyYWQtamJlZWJfMTA0NCkiIC8+PC9zdmc+");background-image:linear-gradient(to bottom, #a3a3a3 0%,#fbfdff 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #a3a3a3),color-stop(100%, #fbfdff));background-image:-webkit-linear-gradient(top, #a3a3a3 0%,#fbfdff 100%);background-image:-moz-linear-gradient(top, #a3a3a3 0%,#fbfdff 100%);background-image:-ms-linear-gradient(top, #a3a3a3 0%,#fbfdff 100%);background-image:-o-linear-gradient(top, #a3a3a3 0%,#fbfdff 100%);border-color:#656565;box-shadow:inset 0.5px -0.5px 19.983px rgba(0,0,0,0.49771);-webkit-box-shadow:inset 0.5px -0.5px 19.983px rgba(0,0,0,0.49771);   -moz-box-shadow:inset 0.5px -0.5px 19.983px rgba(0,0,0,0.49771);    -ms-box-shadow:inset 0.5px -0.5px 19.983px rgba(0,0,0,0.49771);     -o-box-shadow:inset 0.5px -0.5px 19.983px rgba(0,0,0,0.49771);text-shadow:none;-webkit-text-shadow:none;   -moz-text-shadow:none;    -ms-text-shadow:none;     -o-text-shadow:none;}
.basicButton16.play:after {
	content : "p";
}
.basicButton16.pause:after {
	content : "q";
}

/*------ Button: circleNumbers---------*/

.circleNumbers {
	position:relative;
	display:inline-block;
	overflow:hidden;
	padding:0px;
	margin:0px 10px 0px 0px;
	border:0px;
	font-size:22.6359px;
	vertical-align:text-bottom;
	background:transparent;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	box-sizing:padding-box;
	-webkit-box-sizing:padding-box;
	-moz-box-sizing:padding-box;
	-ms-box-sizing:padding-box;
	-o-box-sizing:padding-box;
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	-moz-user-select:-moz-none;
	cursor:inherit;
	left:0px;
	top:0px;
	height:30px;
	width:30px;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	-o-border-radius:15px;
	background-color:#468cd3;
	background-image:none;
	box-shadow:0px 0.84px 5.07px rgba(0,0,0,0.26848);
	-webkit-box-shadow:0px 0.84px 5.07px rgba(0,0,0,0.26848);
	-moz-box-shadow:0px 0.84px 5.07px rgba(0,0,0,0.26848);
	-ms-box-shadow:0px 0.84px 5.07px rgba(0,0,0,0.26848);
	-o-box-shadow:0px 0.84px 5.07px rgba(0,0,0,0.26848);
	white-space:nowrap;
	line-height:1.32533em;
	color:#f8f8f8;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	text-shadow:none;
	-webkit-text-shadow:none;
	-moz-text-shadow:none;
	-ms-text-shadow:none;
	-o-text-shadow:none;
	font-smooth:always;
	-webkit-font-smoothing:antialiased;
	text-decoration:none;
	zoom:1;
	size:30;
	background-clip:padding-box;
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	-ms-background-clip:padding-box;
	-o-background-clip:padding-box;
}
/*------ adjustments: top : 10px to center on text line---------

.circleNumbers {position:relative;display:inline-block;overflow:hidden;padding:0px;margin:0px;border:0px;font-size:22.6359px;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;box-sizing:padding-box;-webkit-box-sizing:padding-box;   -moz-box-sizing:padding-box;    -ms-box-sizing:padding-box;     -o-box-sizing:padding-box;user-select:none;-webkit-user-select:none;   -moz-user-select:none;    -ms-user-select:none;     -o-user-select:none;-moz-user-select:-moz-none;cursor:inherit;left:0px;top:10px;height:30px;width:30px;border-radius:19px;-webkit-border-radius:19px;   -moz-border-radius:19px;    -ms-border-radius:19px;     -o-border-radius:19px;background-image:none;border-style:solid;border-width:4px;border-color:#337fcc;margin-left:-4px;margin-top:-4px;box-shadow:0px 0.84px 5.07px rgba(0,0,0,0.26848);-webkit-box-shadow:0px 0.84px 5.07px rgba(0,0,0,0.26848);   -moz-box-shadow:0px 0.84px 5.07px rgba(0,0,0,0.26848);    -ms-box-shadow:0px 0.84px 5.07px rgba(0,0,0,0.26848);     -o-box-shadow:0px 0.84px 5.07px rgba(0,0,0,0.26848);white-space:nowrap;line-height:1.325328350098737em;color:#337fcc;font-family:Arial, Helvetica, sans-serif;text-align:center;font-weight:bold;text-shadow:none;-webkit-text-shadow:none;   -moz-text-shadow:none;    -ms-text-shadow:none;     -o-text-shadow:none;font-smooth:always;-webkit-font-smoothing:antialiased;text-decoration:none;zoom:1;size:30;background-clip:padding-box;-webkit-background-clip:padding-box;   -moz-background-clip:padding-box;    -ms-background-clip:padding-box;     -o-background-clip:padding-box;}
.circleNumbers.play:after {
	content : "p";
}
.circleNumbers.pause:after {
	content : "q";
}
*/

.close {
  padding: 4px 6px;
  line-height: 1;
  font-size: 18px;
  cursor: pointer;
  color: #000000;
  text-decoration: none;
  opacity: 0.4;
}
.close:before {
  content: '\00D7';
}
.close:hover {
  color: #000000;
  opacity: 1;
}

/*------ Basic Buttons w/ colors ---------*/
.btn {
	text-decoration: none;
	color: #000;
	border-radius: 2px;
	font-family: 'PT Sans', Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-weight: 500;
	font-size: 1.0em;
	line-height: 2;
	border: 2px solid #cccccc;
	border-bottom-color: #b3b3b3;
	background-color: #f1f1f1;
	background-image: -moz-linear-gradient(top, #fcfcfc, #e0e0e0);
	background-image: -ms-linear-gradient(top, #fcfcfc, #e0e0e0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#e0e0e0));
	background-image: -webkit-linear-gradient(top, #fcfcfc, #e0e0e0);
	background-image: -o-linear-gradient(top, #fcfcfc, #e0e0e0);
	background-image: linear-gradient(top, #fcfcfc, #e0e0e0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#e0e0e0', GradientType=0);
	text-shadow: 0 1px 0 #ffffff;
	box-shadow: none;
	padding-top: 0.3em;
	padding-right: 1.1em;
	padding-bottom: 0.2em;
	padding-left: 1.1em;
}
.btn:active,
.btn:visited {
  color: #000;
}
.btn:hover {
  color: #000;
  background: #e0e0e0;
}
.btn-black {
  border-color: #000;
  background-color: #2e2e2e;
  background-image: -moz-linear-gradient(top, #4d4d4d, #000000);
  background-image: -ms-linear-gradient(top, #4d4d4d, #000000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d4d4d), to(#000000));
  background-image: -webkit-linear-gradient(top, #4d4d4d, #000000);
  background-image: -o-linear-gradient(top, #4d4d4d, #000000);
  background-image: linear-gradient(top, #4d4d4d, #000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#000000', GradientType=0);
}
.btn-red {
  border-color: #c01415;
  border-bottom-color: #910f10;
  background-color: #e54546;
  background-image: -moz-linear-gradient(top, #ef6465, #d71618);
  background-image: -ms-linear-gradient(top, #ef6465, #d71618);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef6465), to(#d71618));
  background-image: -webkit-linear-gradient(top, #ef6465, #d71618);
  background-image: -o-linear-gradient(top, #ef6465, #d71618);
  background-image: linear-gradient(top, #ef6465, #d71618);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef6465', endColorstr='#d71618', GradientType=0);
}
.btn-orange {
  border-color: #cd640b;
  border-bottom-color: #9c4c08;
  background-color: #ee7f22;
  background-image: -moz-linear-gradient(top, #f48a30, #e5700c);
  background-image: -ms-linear-gradient(top, #f48a30, #e5700c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f48a30), to(#e5700c));
  background-image: -webkit-linear-gradient(top, #f48a30, #e5700c);
  background-image: -o-linear-gradient(top, #f48a30, #e5700c);
  background-image: linear-gradient(top, #f48a30, #e5700c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f48a30', endColorstr='#e5700c', GradientType=0);
}


.btn-green {
  border-color: #5a6d2b;
  border-bottom-color: #3c491d;
  background-color: #587249;
  background-image: -moz-linear-gradient(top, #769a62, #587249);
  background-image: -ms-linear-gradient(top, #769a62, #587249);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#769a62), to(#587249));
  background-image: -webkit-linear-gradient(top, #769a62, #587249);
  background-image: -o-linear-gradient(top, #769a62, #587249);
  background-image: linear-gradient(top, #769a62, #587249);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#769a62', endColorstr='#587249', GradientType=0);
}
.btn-green:hover {
  background: #587249;
}

/*
.btn-green {
  border-color: #5a6d2b;
  border-bottom-color: #3c491d;
  background-color: #7e993c;
  background-image: -moz-linear-gradient(top, #90af45, #63782f);
  background-image: -ms-linear-gradient(top, #90af45, #63782f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#90af45), to(#63782f));
  background-image: -webkit-linear-gradient(top, #90af45, #63782f);
  background-image: -o-linear-gradient(top, #90af45, #63782f);
  background-image: linear-gradient(top, #90af45, #63782f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90af45', endColorstr='#63782f', GradientType=0);
}
*/

.btn-blue {
  border-color: #104769;
  border-bottom-color: #09293d;
  background-color: #196ea2;
  background-image: -moz-linear-gradient(top, #1c7ab4, #155c88);
  background-image: -ms-linear-gradient(top, #1c7ab4, #155c88);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1c7ab4), to(#155c88));
  background-image: -webkit-linear-gradient(top, #1c7ab4, #155c88);
  background-image: -o-linear-gradient(top, #1c7ab4, #155c88);
  background-image: linear-gradient(top, #1c7ab4, #155c88);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c7ab4', endColorstr='#155c88', GradientType=0);
}
.btn-yellow {
  border-color: #b7900b;
  border-bottom-color: #876a08;
  background-color: #e5b925;
  background-image: -moz-linear-gradient(top, #f3c835, #cfa30c);
  background-image: -ms-linear-gradient(top, #f3c835, #cfa30c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c835), to(#cfa30c));
  background-image: -webkit-linear-gradient(top, #f3c835, #cfa30c);
  background-image: -o-linear-gradient(top, #f3c835, #cfa30c);
  background-image: linear-gradient(top, #f3c835, #cfa30c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c835', endColorstr='#cfa30c', GradientType=0);
}
.btn-black {
  text-shadow: 0 -1px 0 #000000;
}
.btn-red,
.btn-orange,
.btn-green,
.btn-blue,
.btn-yellow {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.24);
}
.btn-black,
.btn-red,
.btn-orange,
.btn-green,
.btn-blue,
.btn-yellow,

.btn-black:active,
.btn-red:active,
.btn-orange:active,
.btn-green:active,
.btn-blue:active,
.btn-yellow:active,

.btn-black:visited,
.btn-red:visited,
.btn-orange:visited,
.btn-green:visited,
.btn-blue:visited,
.btn-yellow:visited {
  color: #fff;
}
.btn-black:hover,
.btn-red:hover,
.btn-orange:hover,
.btn-green:hover,
.btn-blue:hover,
.btn-yellow:hover {
  color: rgba(255, 255, 255, 1);
  text-decoration:none;
border-width:1px;
}
.btn-black:hover {
  background: #000;
}
.btn-red:hover {
  background: #d71618;
}
.btn-orange:hover {
  background: #e5700c;
}
.btn-blue:hover {
  background: #155c88;
}
.btn-yellow:hover {
  background: #cfa30c;
}
.btn-small {
  font-size: .7em;
}
.btn-big {
  font-size: 1.3em;
  line-height: 1.65em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.btn-round {
  border-radius: 2em;
}
.btn-active,
.btn-active:hover,
.btn.disabled,
.btn[disabled],
.btn-disabled,
.btn-disabled:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  background: #d1d1d1;
  border: 1px solid #b3b3b3;
  text-shadow: 0 1px 1px #fff;
}
.btn-active,
.btn-active:hover {
  color: #666;
}
.btn.disabled,
.btn[disabled],
.btn-disabled,
.btn-disabled:hover {
  color: #999;
}
.btn:focus .halflings,
.btn:hover .halflings {
  color: #555555;
}
.btn-black:hover .halflings,
.btn-red:hover .halflings,
.btn-orange:hover .halflings,
.btn-green:hover .halflings,
.btn-blue:hover .halflings,
.btn-yellow:hover .halflings {
  color: rgba(255, 255, 255, 0.8);
}
.btn-disabled:hover .halflings {
  color: #999;
}
.btn-active .halflings {
  color: #555;
}
/* Group  */
.btn-single,
.btn-group {
  display: inline-block;
  margin-right: 2px;
  vertical-align: bottom;
}
.btn-single:after,
.btn-group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.btn-single > .btn,
.btn-single > input,
.btn-group > .btn,
.btn-group > input {
  float: left;
  border-radius: 0;
  margin-left: -1px;
}
.btn-single > .btn {
  border-radius: 4px;
}
.btn-group > .btn:first-child {
  border-radius: 4px 0 0 4px;
}
.btn-group > .btn:last-child {
  border-radius: 0 4px 4px 0;
}
.btn-group > .btn.btn-round:first-child,
.btn-group > .input-search:first-child {
  border-radius: 15px 0 0 15px;
}
.btn-group > .btn.btn-round:last-child,
.btn-group > .input-search:last-child {
  border-radius: 0 15px 15px 0;
}
.btn-append,
.btn-group .btn {
  padding: 7px 1.1em 6px 1.1em;
}
/* Append  */
.btn-append {
  position: relative;
  top: -1px;
  margin-left: -2px;
  border-radius: 0 4px 4px 0;
}
/* FF fix */
@-moz-document url-prefix("http://") {
  input[type=submit].btn::-moz-focus-inner,
  button.btn::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
}

/* =Images
-----------------------------------------------------------------------------*/
.image-left {
  float: left;
  margin: 0 1em 1em 0;
}
.image-right {
  float: right;
  margin: 0 0 1em 1em;
}
.image-left img,
.image-right img {
  position: relative;
  top: .4em;
}
.image-centered {
  text-align: center;
}
.image-container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.image-content {
  overflow: hidden;
}
/* Centering -------------------------------------------------------*/
.centered {
	text-align: center;
  float: none !important;
  margin: 0 auto !important;
}
.showCacheInfoDiv {
	clear: both;
	padding: 28px;
}
.showCacheInfoIcon {
	margin: 14px;
	margin-bottom: 0px;
	padding: 14px;
	float:left;
	text-align: center;
	white-space: nowrap;
}


/* Code ------------------------------------------------*/
pre {
  font-size: 90%;
  color: #444;
  background: #f5f5f5;
  padding: .85em;
  overflow: auto;
}
code {
  padding: 2px 3px;
  display: inline-block;
  line-height: 1;
  background: #f5f5f5;
  border: 1px solid #ddd;
}


/* Colors -----------------------------------------------------------------------------*/
.color-black {
  color: #000000;
}
.color-gray-dark {
  color: #555555;
}
.color-gray {
  color: #777777;
}
.color-gray-light {
  color: #999999;
}
.color-white {
  color: #ffffff;
}
.color-red,
.error {
  color: #ef6465;
}
.color-green,
.success {
  color: #90af45;
}
.color-orange {
  color: #f48a30;
}
.color-green {
  color: #90af45;
}
.color-blue {
  color: #1c7ab4;
}
.color-yellow {
  color: #f3c835;
}

.color-bkgd-white {
  background: #ffffff;
}
.color-bkgd-orange {
  background: #fce7e1;
}
.color-bkgd-yellow {
  background: #fefce4;
}
.color-bkgd-blue {
  background: #deebf5;
}
.color-bkgd-green {
  background: #dbefe4;
}
.color-bkgd-light-green {
  background: #eef6e4;
}
.color-bkgd-purple {
  background: #e8e0ee;
}

.color-bkgd-orange2 {
  background: #fcded4;
}
.color-bkgd-yellow2 {
  background: #fefcd6;
}
.color-bkgd-blue2 {
  background: #d1e3f1;
}
.color-bkgd-green2 {
  background: #cde9da;
}
.color-bkgd-light-green2 {
  background: #e9f3da;
}
.color-bkgd-purple2 {
  background: #e1d5e9;
}


/* Text Coloring ------------------------------- */

.color-code-pink {
	color : #FF00FF;
}
.color-code-red {
	color : #CC0000;
}
.color-code-green {
	color : #009900;
}
.color-code-blue {
	color : #0000FF;
}
.color-code-background {
	background-color : #f0f0f0;
}
.codebox {
	background-color : #f0f0f0;
	color : #0000FF;
}


/* Shadows ------------------------------------------------------- */

/* box-shadow: offsetX offsetY blur spread color inset; */
.shadow_float8 {
	        box-shadow: 1px 6px 8px rgba(0, 0, 0, 0.20);
       -moz-box-shadow: 1px 6px 8px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 1px 6px 8px rgba(0, 0, 0, 0.20);
}

.shadow_float16 {
	        box-shadow: 1px 6px 16px rgba(0, 0, 0, 0.20);
       -moz-box-shadow: 1px 6px 16px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 1px 6px 16px rgba(0, 0, 0, 0.20);
}

.shadow_spread2 {
	        box-shadow: 0 0 1px 3px rgba(0, 0, 0, 0.10);
	   -moz-box-shadow: 0 0 1px 3px rgba(0, 0, 0, 0.10);
	-webkit-box-shadow: 0 0 1px 3px rgba(0, 0, 0, 0.10);
}

.shadow_spread1 {
	        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
}

.shadow1 {
	box-shadow:0px 3.1px 8.1px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 3.1px 8.1px rgba(0,0,0,0.2);
	   -moz-box-shadow:0px 3.1px 8.1px rgba(0,0,0,0.2);
	    -ms-box-shadow:0px 3.1px 8.1px rgba(0,0,0,0.2);
	     -o-box-shadow:0px 3.1px 8.1px rgba(0,0,0,0.2);
	-webkit-background-clip:padding-box;
	   -moz-background-clip:padding-box;
	    -ms-background-clip:padding-box;
	     -o-background-clip:padding-box;

}
.shadow2 {
	box-shadow:1.3px 7.1px 21.3px rgba(0,0,0,0.2);
	-webkit-box-shadow:1.3px 7.1px 21.3px rgba(0,0,0,0.2);
	   -moz-box-shadow:1.3px 7.1px 21.3px rgba(0,0,0,0.2);
	    -ms-box-shadow:1.3px 7.1px 21.3px rgba(0,0,0,0.2);
	     -o-box-shadow:1.3px 7.1px 21.3px rgba(0,0,0,0.2);
	-webkit-background-clip:padding-box;
	   -moz-background-clip:padding-box;
	    -ms-background-clip:padding-box;
	     -o-background-clip:padding-box;

}
/* Rounded ------------------------------------------------------- */
.rounded2 {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}

.rounded4 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.rounded6 {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}

.rounded8 {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

.rounded10 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

/* Image floaters ------------------------------------------------------- */


.imageFloatRight, .inlineFloatRight{
	float : right;
	display : inline-block;
	margin-left : 20px;
	margin-bottom : 20px;
}
.imageFloatLeft, .inlineFloatLeft{
	float : left;
	display : inline-block;
	margin-right : 20px;
	margin-bottom : 20px;
}
.imageInlineText {
	vertical-align: middle;
	display: inline;
}

/* Spacers -------------------------------------------------------------*/
.marginRight40 {
	margin-right : 40px;
}
.z1 {
	z-index: 1;
}

.z2 {
	z-index: 2;
}

.z3 {
	z-index: 3;
}

/* Table -------------------------------------------------------------*/
.chart tr td, .colored-chart tr td  {
	padding: 5px;
}


.chart tbody tr:nth-child(odd) td{
	background-color: #FFFFFF;
}
.chart tbody tr:nth-child(even) td{
	background-color: #f1f4f7;
}
.chart thead tr, .colored-chart thead tr {
	background-color: #666;
	color: #FFF;
	white-space: nowrap;
}

table.centerH td {
	text-align : center;
}

table.centerV td {
	vertical-align : middle;
}


/* Fonts -------------------------------------------------------------*/

.code-font {
	font-family: "Courier New", Courier, monospace;	
}