.example {

text-align: center;

}

.example .lists {

margin: 10px auto; /*center in viewport*/

}

.example .list {

-moz-padding-start: 0;

-webkit-padding-start: 0;

width: 300px;

margin: 0;

}

.example #tooltip .yui3-widget-bd{

text-align: left;

max-width: 15em;

*width: 10em;

background-color: #FFF6D5;

border: solid 1px #aa8;

padding: 0.2em 0.5em 0.3em;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);

-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);

}

.example .list li{

list-style: none;

margin: 0 0 20px;

border: 1px solid #C9C9C9;

width: 300px;

}

.example .list img{

vertical-align: bottom;

}

.example .list .select{

padding: 1.5em 0 0.5em;

text-indent: 0.5em;

background-color: #F7DBB2;

}