/*demo page css*/

body{ 
	font: 62.5% "Trebuchet MS", sans-serif; 
	background: url("topo.png") no-repeat top center;
}

#content {
	/*position: absolute; width: 944px; left: 50%; margin-left: -472px; */
}

.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;}

.side {
	width: 50%; float: left;
}

.button {
	margin: 15px 0 0 150px;
}

.button .ui-button-text {
	padding: 7px 30px; 
}

h2 {
	font-weight: bold; font-size: 16px; color: #007DA5; font-family: "Arial";
}

#topo {
	width: 584px; height: 170px; border: 1px solid #76BBD1; padding: 10px 20px; margin: 120px auto 0;
}

#accordion {
	padding: 0 10px; width: auto !important;
}

#rodape {
	/*width: 924px; height: 20px; background: url("rodape.png") no-repeat center center; margin: 0 auto;*/
}


.ui-widget label {
	width: 150px; display: block; padding: 5px 0 0 0; font-weight: bold; font-size: 14px; color: #007DA5; font-family: "Arial";
}

.ui-widget input,.ui-widget select  {
	width: 250px;
}


.fix-float {
	width: 100%; display: block; clear: both; height: 1px;
}