.ui-tooltip, .tooltipArrow:after {
		background: black;
		border: 1px solid white;
	}
	.tooltipArrow {
		width: 70px;
		height: 16px;
		overflow: hidden;
		position: absolute;
		left: 50%;
		margin-left: -35px;
		bottom: -16px;
	}
	.tooltipArrow.top {
		top: -16px;
		bottom: auto;
	}
	.tooltipArrow.left {
		left: 20%;
	}
	.tooltipArrow:after {
		content: "";
		position: absolute;
		left: 20px;
		top: -20px;
		width: 25px;
		height: 25px;
		box-shadow: 6px 5px 9px -9px black;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		tranform: rotate(45deg);
	}
	.tooltipArrow.top:after {
		bottom: -20px;
		top: auto;
	}
.ui-tooltip 
{    color: white;
		border-radius: 8px;
	padding: 6px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 7px #000;
	box-shadow: 0 0 7px #000;
	font-family: Verdana;
	font-size: 11px;
	background-color:Black;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width: 1px; }
.ErrorMsgBox
{  border-style:Solid;
  border-width:1px;
   background-color:#FFE1E1;
   color:Red;
    border-color:Red;
 vertical-align:middle;
 text-align:center;
 height:30px;  
 font-size:12px; 
 font-family:Verdana;
 display:none; 
    }
div#page {
			max-width: 900px;
			margin-left: auto;
			margin-right: auto;
			padding: 20px;
		}
.back-to-top {
			position: fixed;
			bottom: 2em;
			right: 0px;
			text-decoration: none;
			color: #000000;
			font-size: 12px;
			padding: 5px;
			display:none;
		}
.back-to-top:hover {				
		}