﻿#container {
position: relative;
width: 306px;
margin: auto;
margin-top: 0;

}

ul, li, h4 {
margin: 0; padding: 0;
list-style: none;
}

small {
color: gray;
font-weight: normal;
font-size: 10px;
display: block;
}

#widget {
overflow: hidden;
/*background: #e3e3e3; by nasr */
padding: 0;
border: none;
height: 120px; /* You should adjust this height for your project. */
position: relative;
float: left;
min-width: 300px;
/*-moz-border-radius-bottomright: 10px; by nasr */
}

#widget img {
float: left;
border: none;
padding: 0 0 0 0;
background: #d3d3d3;
margin-right: 0;
width: 90px;
height: 10px;
}

#widget li {
clear: left;
overflow: hidden;
position: relative;
top: 0;
padding-bottom: .4em;
height: 16px; /* Change this to fit your needs. The plugin will access this value if you don't pass a parameter in when you call it. */
}

#widget2 {
overflow: hidden;
/*background: #e3e3e3; by nasr */
padding: 0;
border: none;
height: 120px; /* You should adjust this height for your project. */
position: relative;
float: left;
min-width: 300px;
/*-moz-border-radius-bottomright: 10px; by nasr */
}

#widget2 img {
float: left;
border: none;
padding: 0 0 0 0;
background: #d3d3d3;
margin-right: 0;
width: 90px;
height: 10px;
}

#widget2 li {
clear: left;
overflow: hidden;
position: relative;
top: 0;
padding-bottom: .4em;
height: 16px; /* Change this to fit your needs. The plugin will access this value if you don't pass a parameter in when you call it. */
}

h4 {
padding-top: .5em;
font-size: 14px;
}

li p {
color: #474747;
margin-top: .4em;
}
