div.messageContainer {
  position: fixed;
  top: 30px;
  right: 1%;
  width: auto;
  border-radius: 8px;
  z-index:20;
}

* html div.messageContainer {
  position: absolute;
  top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px');
}

div.messageContainer div.message {
  background: transparent url(../img/message-background.png) repeat left top;
  background: #333;
  position: relative;
  margin: 0 0 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: #333 2px 2px 3px;
  -webkit-box-shadow: #333 2px 2px 3px;
  box-shadow: #333 2px 2px 3px;
}

div.messageContainer div.message-active {
  background: #333;
}

div.messageContainer div.message div.message-wrapper {
  padding: 10px 15px;
}

div.messageContainer div.message div.message-wrapper div {
/*  min-height: 50px;*/
}

* html div.messageContainer div.message div.message-wrapper div {
  height: 50px;
}

div.messageContainer div.message div.message-wrapper div.warning {
  padding: 0 0 0 60px;
  background: transparent url(../img/Alerta_PopUp.png) no-repeat left top;
}

div.messageContainer div.message div.message-wrapper div.information {
  padding: 0 0 0 60px;
  background: transparent url(../img/Info_PopUp.png) no-repeat left top;
}

div.messageContainer div.message div.message-wrapper div.error {
  padding: 0 0 0 60px;
  background: transparent url(../img/Error_PopUp.png) no-repeat left top;
}

div.messageContainer div.message div.message-wrapper div.new{
  padding: 0 0 0 60px;
  background: transparent url(../img/Nuevo_PopUp.png) no-repeat left top;
}

div.messageContainer div.message div.message-wrapper div.accept {
  padding: 0 0 0 60px;
  background: transparent url(../img/Aceptar_PopUp.png) no-repeat left top;
}

div.messageContainer div.message div.message-wrapper div.users {
  padding: 0 0 0 60px;
  background: transparent url(../img/Usuario_PopUp.png) no-repeat left top;
}

div.messageContainer div.message div.message-wrapper div.clock {
  padding: 0 0 0 60px;
  background: transparent url(../img/Reloj_PopUp.png) no-repeat left top;
}

div.messageContainer div.message div.message-wrapper div.photo {
  padding: 0 0 0 60px;
  background: transparent url(../img/Fotografia_PopUp.png) no-repeat left top;
}

div.messageContainer div.message div.message-wrapper div.video {
  padding: 0 0 0 60px;
  background: transparent url(../img/Video_PopUp.png) no-repeat left top;
}

/*div.messageContainer div.message div.message-wrapper div.youtube{
  padding: 0 0 0 60px;
  background: transparent url(../img/Youtube_PopUp.png) no-repeat left top;
}*/

div.messageContainer div.message div.message-wrapper div.url{
  padding: 0 0 0 60px;
  background: transparent url(../img/URL_PopUp.png) no-repeat left top;
}

div.messageContainer div.message div.message-wrapper h1.message-title {
  margin: 0;
  padding: 5px 0;
  color: #FFF;
  -moz-text-shadow: #333 1px 1px 2px;
  -webkit-text-shadow: #333 1px 1px 2px;
  text-shadow: #333 1px 1px 2px;
  cursor: default;
  font-size:14px;
   width:300px;
   overflow: hidden; 
}

div.messageContainer div.message div.message-wrapper p.message-text {
  overflow:hidden;
  margin: 0;
  padding: 5px 0;
  color: #eee;
  -moz-text-shadow: #333 1px 1px 2px;
  -webkit-text-shadow: #333 1px 1px 2px;
  text-shadow: #333 1px 1px 2px;
  cursor: default;
}



.ocultos{
	display: none;
}

#dere{
	width: 200px;
	height: 110px;
	top:50%;
	margin-top:-55px;
	right:-180px;
	position: fixed;
	z-index:7;
	color:white;
}

/*.tabsteps{
	text-align:left;
	width: 170px;
	height: 50px;
	background: #6165ff;
	border-radius: 8px;
	position:fixed;
	padding-left:8px;
}*/

.tabsteps img,.tabhelpus img{
	float:left;
}

/*.tabhelpus{
	vertical-align:top;
	text-align:left;
	width: 170px;
	height: 52px;
	background: #00C419;
	border-radius: 8px;
	position:fixed;
	margin-top: 52px;
	padding-top:0px;
	padding-left:2px;
	
}*/

.tabsteps:hover{
	right:-30px;
	cursor: pointer;
}
.tabhelpus:hover{
	right:-30px;
	cursor: pointer;
}


