@CHARSET "ISO-8859-1";
/* Alternate stack initial positioning. */
.ui-pnotify.stack-topleft {
	top: 25px;
	left: 25px;
	right: auto;
}
.ui-pnotify.stack-bottomleft {
	bottom: 25px;
	left: 25px;
	top: auto;
	right: auto;
}
/* This one is done through code, to show how it is done. Look down
	at the stack_bottomright variable in the JavaScript below. */
.ui-pnotify.stack-bottomright {
	/* These are just CSS default values to reset the pnotify CSS. */
	right: auto;
	top: auto;
}
.ui-pnotify.stack-custom {
	/* Custom values have to be in pixels, because the code parses them. */
	top: 200px;
	left: 200px;
	right: auto;
}
.ui-pnotify.stack-custom2 {
	top: auto;
	left: auto;
	bottom: 200px;
	right: 200px;
}
/* This one is totally different. It stacks at the top and looks
	like a Microsoft-esque browser notice bar. */
.ui-pnotify.stack-bar-top {
	right: 0;
	top: 0;
}
.ui-pnotify.stack-bar-bottom {
	margin-left: 15%;
	right: 0;
	bottom: 0;
	top: auto;
	left: auto;
}
.ui-pnotify.stack-topright{
	top: 10px;
	left: auto;
	bottom: auto;
	right: 10px;
}
#slideout {
	height: 100%;
	width: 275px;
	right: 0px;
	position: fixed;
	opacity: 0.95;
	border-top-left-radius: 10px;
	z-index: 999;
	bottom:0px;
	display:none;
}
#clickme {
	position: absolute;
	bottom: 10px;
	cursor: pointer;
	height: 10px;
	width: 100%;
	border-top-left-radius: 10px;
	font-size:18px; 
	font-weight:bold;
	width: 100%;
}
.new_number {
	background: none repeat scroll 0 0 #CC0000;
	color: #FFF;
}
.old_number {
	background: none repeat scroll 0 0 #CCC;
	color: #000;
}