/*-- Hey Papa, aca te dejo todo el css code explicadito para cuando necesites modificar algo ---*/

#organizer {
width:730px; height:30px;
margin:auto; z-index:1px;
padding-right:40px;
position:relative;
background-image:url(../images/bg_organize.jpg);
}

#properties {
width:690px; height:30px;
margin:auto; z-index:1px;
padding-right:80px;
position:relative;
margin-top:20px;
background-image:url(../images/bg_properties.jpg);
}

/* --------------------------------- Menu Tad ---*/
#wrapper {
	margin-right:20px;
}

* html .aerobuttonmenu{ /* Habilitado para IE6*/
width:770px;
}

.aerobuttonmenu a.aero{ /* aca el boton*/
background: transparent url('../images/left.png') no-repeat top left;
display: block;
float: right;
font: bold 12px Verdana, Trebuchet MS;
line-height: 10px;
height: 20px;
padding-left: 10px; /* Ancho del lado izquierdo */
text-decoration: none;
margin-right: 10px; margin-top:5px;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white;
}

.aerobuttonmenu a.aero span{
background: transparent url('../images/right.png') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /* aca el relleno del lado derecho del boton*/
}

/*-------------------------------------------------------------------------*/
.aerobuttonmenu a.aero:hover { /* aca el boton*/
	background: transparent url('../images/left_hover.png') no-repeat top left;
	line-height: 10px;
	height: 20px;
	padding-left: 10px; /* Ancho del lado izquierdo */
	margin-right: 10px;
	margin-top:5px;
}
.aerobuttonmenu a.aero:hover span{
background: transparent url('../images/right_hover.png') no-repeat top right;
display: block;
padding: px 10px 6px 0; /* aca el relleno del lado derecho del boton*/
}
/*-------------------------------------------------------------------------*/


.aerobuttonmenu a.aero:hover span{
color: #FFF;
}

.aerobuttonmenu a.aero:active span{
color: #FFF;
}
