/************ Common rounded box styles **************/
div.rounded-box img {
 border-width: 0px;
}
div.rounded-box div.top-left {
    background-color:#fff;
    background-attachment: scroll;
    background-position: top left;
    background-repeat: no-repeat;
    height: 11px;
    padding: 0px;
}
div.rounded-box div.top-right {
    background-color:#fff;
    background-attachment: scroll;
    background-position: top right;
    background-repeat: no-repeat;
    padding: 0px;
    margin-left:11px;
    height: 11px;
}
div.rounded-box div.bottom-left {
    background-color:#fff;
    background-attachment: scroll;
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 11px;
}
div.rounded-box div.bottom-right {
    background-color:#fff;
    background-attachment: scroll;
    background-position: bottom right;
    background-repeat: no-repeat;
    margin-left:11px;
    height: 11px;
}
div.rounded-box div.top-center {
    height: 11px;
    margin-right: 11px;
    background-attachment: scroll;
    background-repeat: repeat-x;
    background-position: top;
}
div.rounded-box div.bottom-center {
    height: 11px;
    margin-right: 11px; 
    background-attachment: scroll;
    background-repeat: repeat-x;
    background-position: top;
}
div.rounded-box div.left-center {
    background-position: left;
    background-repeat: repeat-y;
    background-attachment: scroll;
}
div.rounded-box div.right-center {
    background-position: right;
    background-repeat: repeat-y;
    background-attachment: scroll;
    margin-left: 11px;
}
div.rounded-box div.box-content {
    margin-right: 11px;
}
div.rounded-box div.box-content>*{
    margin: 0px;
}
div.rounded-box div.box-content h1, div.rounded-box div.box-content h2, div.rounded-box div.box-content h3, div.rounded-box div.box-content p{
	margin: 0px;
}
div.rounded-box div.box-content div.separator {
    border: 0px;
    border-top: 1px dashed #888;
    margin: 0px;
    height: 15px;
    margin-top: 15px;
    margin-left: -20px;
    margin-right: -20px;
}
/************ Blue rounded box **************/
div.blue-box {
    background-color: white;
}
div.blue-box div.top-left {
    background-image: url('boxes/blue/top-left.gif');
}
div.blue-box div.bottom-left {
    background-image: url('boxes/blue/bottom-left.gif');
}
div.blue-box div.top-right {
    background-image: url('boxes/blue/top-right.gif');
}
div.blue-box div.bottom-right {
    background-image: url('boxes/blue/bottom-right.gif');
}
div.blue-box div.left-center {
    background-color: #00a6eb;
}
div.blue-box div.right-center {
    background-color: #00a6eb;
}
div.blue-box div.top-center {
    background-color: #00a6eb;
}
div.blue-box div.bottom-center {
    background-color: #00a6eb;
}
div.blue-box div.box-content {
    background-color: #00a6eb;
}
div.blue-box div.box-content a{
    color: white;
}
/************ Gray-bordered rounded box **************/
div.gray-box {
    background-color: white;
}
div.gray-box div.top-left {
    background-image: url('boxes/gray-white/top-left.gif');
}
div.gray-box div.bottom-left {
    background-image: url('boxes/gray-white/bottom-left.gif');
}
div.gray-box div.top-right {
    background-image: url('boxes/gray-white/top-right.gif');
}
div.gray-box div.bottom-right {
    background-image: url('boxes/gray-white/bottom-right.gif');
}
div.gray-box div.top-center {
    background-image: url('boxes/gray-white/top-center.gif');
}
div.gray-box div.bottom-center {
    background-image: url('boxes/gray-white/bottom-center.gif');
}
div.gray-box div.right-center {
    background-image: url('boxes/gray-white/right-center.gif');
}
div.gray-box div.left-center {
    background-image: url('boxes/gray-white/left-center.gif');
}
div.gray-box div.box-content {
    padding-left: 10px;
    padding-right: 10px;
}
div.gray-box div.box-content h3 {
    color: #a2a3a7;
}
/************ Magenta-bordered rounded box **************/
div.magenta-box {
    bckground-color: white;
}
div.magenta-box div.top-left {
    background-image: url('boxes/magenta-white/top-left.gif')  
}
div.magenta-box div.bottom-left {
    background-image: url('boxes/magenta-white/bottom-left.gif')  
}
div.magenta-box div.top-right {
    background-image: url('boxes/magenta-white/top-right.gif')  
}
div.magenta-box div.bottom-right {
    background-image: url('boxes/magenta-white/bottom-right.gif')  
}
div.magenta-box div.top-center {
    background-image: url('boxes/magenta-white/top-center.gif');
}
div.magenta-box div.bottom-center {
    background-image: url('boxes/magenta-white/bottom-center.gif');
}
div.magenta-box div.right-center {
    background-image: url('boxes/magenta-white/right-center.gif');
}
div.magenta-box div.left-center {
    background-image: url('boxes/magenta-white/left-center.gif');
}
div.magenta-box div.box-content {
    padding-left: 10px;
    padding-right: 10px;
}
div.magenta-box div.box-content h3 {
    color: black;
}
/************ Gray rounded box **************/
div.grayf-box {
    background-color: white;
}
div.grayf-box div.top-left {
    background-image: url('boxes/gray/top-left.gif');
}
div.grayf-box div.bottom-left {
    background-image: url('boxes/gray/bottom-left.gif');
}
div.grayf-box div.top-right {
    background-image: url('boxes/gray/top-right.gif');
}
div.grayf-box div.bottom-right {
    background-image: url('boxes/gray/bottom-right.gif');
}
div.grayf-box div.left-center {
    background-color: #a2a3a7;
}
div.grayf-box div.right-center {
    background-color: #a2a3a7;
}
div.grayf-box div.top-center {
    background-color: #a2a3a7;
}
div.grayf-box div.bottom-center {
    background-color: #a2a3a7;
}
div.grayf-box div.box-content {
    background-color: #a2a3a7;
}
/************ White pseudo-rounded box **************/
div.whitep-box {
    background-color: transparent;
}
div.whitep-box div.top-left {
    background-image: none;
}
div.whitep-box div.bottom-left {
    background-image: none;
}
div.whitep-box div.top-right {
    background-image: none;
}
div.whitep-box div.bottom-right {
    background-image: none;
}
div.whitep-box div.left-center {
    background-color: transparent;
}
div.whitep-box div.right-center {
    background-color: transparent;
}
div.whitep-box div.top-center {
    background-color: transparent;
}
div.whitep-box div.bottom-center {
    background-color: transparent;
}
div.whitep-box div.box-content {
    background-color: transparent;
    padding-left: 10px;
    padding-right: 10px;
}
