/* CSS to create rounded content divs */


div.rounded {
    clear:both;
    max-width:1400px;
    margin-left: auto;
	margin-right: auto;
    width:100%;
}

div.rounded div.top {
    background:url(../images/corners/tl.png) no-repeat bottom left;
    padding:0px;
    width:100%;
}

div.rounded div.top div.right {
    background:url(../images/corners/tr.png) no-repeat bottom right;
    height:12px;
    margin-left:12px;
}

div.rounded div.top div.right-result {
    background:url(../images/corners/tr.png) no-repeat bottom right;
    height:12px;
    margin-left:12px;
}

div.rounded div.middle {
    background:url(../images/corners/l.png) repeat-y left;
    clear:both;
    width:100%;
}

div.rounded div.middle-result {
    background:url(../images/corners/l.png) repeat-y left;
    clear:both;
    width:100%;
}

div.rounded div.middle div.right {
    background:url(../images/corners/r.png) repeat-y right;
    margin-left:5px;
}

div.rounded div.middle-result div.right-result {
    background:url(../images/corners/r.png) repeat-y right;
    margin-left:5px;
}

div.rounded div.middle div.right div.content {
    background: url(../images/corners/bg.gif) repeat top left;
    margin-right:12px;
    padding:0px 7px 20px 7px;
	min-height:350px; 
	height:auto !important;
    overflow: hidden;
    height:350px;
}/*IE change to hidden from auto*/


div.rounded div.middle-result div.right-result div.content-result {
    background: url(../images/corners/bg.gif) repeat top left;
    margin-right:12px;
    padding:0px 7px 20px 7px;
	min-height:10px; 
}

div.rounded div.bottom {
    background:url(../images/corners/bl.png) no-repeat top left;
    clear:both;
    padding:0px;
    width:100%;
}

div.rounded div.bottom div.right {
    background:url(../images/corners/br.png) no-repeat top right;
    height:16px;
    margin-left:12px;
}