*{
    margin: 0px;
    padding: 0px;
}
#container{
   	height: 520px;
    overflow: auto;
    border:  #ffffff00 1px solid;
}

#top{
	color:white;
    padding: 10px;
    text-align: center;
	background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f5deb3,endColorstr=#33f5deb3);
 zoom: 1;
	background:rgba(20,32,123,0.7);	

}

#shouts{
    height: 410px;
    border: #333 1px solid;
    margin: 10px;
    padding: 10px;
    font-size: 16px;
    font-family:arial;
    overflow: hidden;
	color:navy;
word-wrap: break-word;
}

#shouts li{
    list-style: none;
    line-height: 1.7em;
}

#bottom{
    padding: 10px;
    text-align: center;
		background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f5deb3,endColorstr=#33f5deb3);
 zoom: 1;
	background:rgba(20,32,123,0.7);	
}

input#name, input#shout{
    padding: 3px;
    height: 15px;
}

input#name{
    width: 130px;
    margin-right: 20px;
}

input#shout{
    width: 270px;
}

input#submit{
    padding: 5px 10px;
    border: 0;
    background: #666;
    color: #fff;
    cursor: pointer;
}
label
{
color:white;
}