
/*demo page css*/
	body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
	body { font-family:	"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif} 
	.demoHeaders { margin-top: 2em; }
	.dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
	.dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
	ul#icons {margin: 0; padding: 0;}
	ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
	ul#icons span.ui-icon {float: left; margin: 0 4px;}

	ul#icons {padding-bottom:1px;}
	ul#icons li {
		cursor:pointer;
		float:right;
	}
	.pt4{padding: 4px 0;}
	.ui-draggable input.ui-dialog-titlebar , .ui-draggable textarea.ui-dialog-titlebar {cursor:text;}
	.info {display:none;}
	body{
		margin-top:15px;
	}
	.inp{
		background:#E7EEF3 url(css/images/ui-bg_highlight-soft_100_e7eef3_1x100.png) repeat-x scroll 50%;
		border:1px solid #B2C7D7;
		color:#222222;
		padding:0.5em 0.3em 0.3em 0.5em;
	}
	.ui-widget {
		font-family:Arial;
		font-size:1.1em;
	}


.center  {font-size:1.3em;}
.pt4 .center .block {padding:5px 0; text-align:center;}
.pt4 .center h2{ text-align:center;}

.pt4 .block p {margin:0px;padding:0px; text-align:center;}
.pt4 .block input {font-size:18px;}
td {vertical-align:top;}

.howtouse {font-size:1.3em;}
.howtouse h2 {color:#0B5B98; margin-bottom:0px;}

.howtouse h3 {margin:0px;padding:10px 0 0 0;}
.showpass_table td{}
.showpass_table .showpass{color:#0b5b98;padding-bottom:10px;}
.showpass{font-size:18px;}

.inform {font-size:1.3em;text-align:justify;}
.inform h2 {text-align:right;}
h2 {font-size:1.5em;}
h3 {font-size:1.2em;}
.mpTop0{margin-top:0;padding-top:0;}



div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}