/* udialog estilo mobile-me */

/* box que envolve o conteudo */
.udialog_me .udialog_box {
	position: fixed;
	min-height: 110px;
	height: auto;
	min-width: 340px;

	/* background */
	background-color: #F4F4F4;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.05, #c8c8c8),
		color-stop(0.61, #F4F4F4)
	);
	background-image: -moz-linear-gradient(
		center bottom,
		#c8c8c8 5%,
		#F4F4F4 61%
	);

	/* sombra */
	-moz-box-shadow: 0 0 5px 5px rgba(40,40,40,0.4);
	-webkit-box-shadow: 0 0 5px 5px rgba(40,40,40,0.4);
	box-shadow: 0 0 5px 5px rgba(40,40,40,0.4);

	/* borda */
	border: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	display: block;
	
	left: 50%;
	top: 50%;
	padding: 10px;

	z-index: 7111001;
}


/* div interna, envolve mensagem, botoes, icone */
.udialog_me #udialog_frame {
	left: 0px;
	right: 0px;
	top: 0px;
	margin: 0px;
	padding: 10px 10px 4px 10px;
	position: relative;

	z-index: 7111002;
}

/* div dentro do conteudo que faz espacamento */
.udialog_me #udialog_inside {
	left: 0px;
	right: 460px;
	top: 0px;
	/*height: auto;*/
	line-height: 1.2;
	min-height: 65px;
	padding: 1px 0px 44px 81px;
	position: relative;
	min-height: 90px;
	box-sizing: content-box;
	z-index: 7111003;
}
/* parte interna sem icone */
.udialog_me #udialog_inside.noicon {
	padding: 1px 0px 44px 0px;
}

/* icone lateral */
.udialog_me #udialog_icon {
	background-repeat:no-repeat;
	position: absolute;
	left: 0px;
	top: 1px;
	border: none;
	height: 67px;
	width: 67px;
}


/* titulo */
.udialog_me #udialog_title {
	font-family: Helvetica, Arial, sans-serif;
	text-shadow: rgba(255, 255, 255, 0.949219) 0px 1px 0px;
	word-wrap: break-word;
	font-weight: normal;
	text-align: left;
	color: #313131;
	font-size: 21px;
	line-height: 1.2;

	position: relative;
	height: auto;
	left: 0px;
	right: 0px;
	top: 0px;

	margin: 2px 0px 2px 0px;
}
/* titulos personalizados */
.udialog_me .udialog_info #udialog_title {color: #369;}
.udialog_me .udialog_banner #udialog_title {color: #044;}
.udialog_me .udialog_confirm #udialog_title {color: #396;}
.udialog_me .udialog_error #udialog_title {color: #933;}
.udialog_me .udialog_fatal #udialog_title {color: #A00;}


/* texto de aviso/mensagem/alerta */
.udialog_me #udialog_text {
	font-weight: normal;
	left: 0px;
	right: 0px;
	text-align: left;
	top: 0px;		

	margin: 8px 0px 4px 0px;
	color: #313131;
	font-size: 13px;
	line-height: 17px;

	font-family: Helvetica, Arial, sans-serif;
	position: relative;
	padding: 0px;

	cursor: default;
}

/* conteudo dinamico do udialog para ser preenchido com uajax, etc... */
.udialog_me #udialog_content {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	background-color: #F0F0F0;
	
	padding: 6px;
	margin: 0px 0px 10px 0px;

	width: auto;
	height: auto;

	position: relative;
	display: block;

	left: 0px;
	right: 0px;
	top: 0px;		

	text-align: left;

}

/* separador entre conteudo da janela e botoes de controle */
.udialog_me #udialog_separator {
	height: 0px;
	border-top: 1px solid #A2A4A8;
	border-bottom: 1px solid #F2F4F8;
	left: 10px;
	right: 10px;
	bottom: 46px;
	position: absolute;
}


/* botoes de acao */
.udialog_me #udialog_controls {
	bottom: 6px;
	height: auto;
	left: 5px;
	right: 5px;
	text-align: right;

	margin: 0px;
	overflow: hidden;
	position: absolute;

	z-index: 7111004;
}
.udialog_me #udialog_controls div#udialog_controls_menu {
	float: right;
}
.udialog_me #udialog_controls div#udialog_controls_extra {
	float: left;
}


