﻿.rounded{
  background-color: #000000;
  -moz-border-radius: 10px;border: 4px solid #d3d3d3;
}

/*HEADER OF ROUNDED PANEL*/
.t {background: url(../images/rounded_panels/Header_Top.gif) 0 0 repeat-x; width: 100%; background-color:#000000;}
.b {background: url(../images/rounded_panels/Btm.gif) 0 100% repeat-x}
.l {background: url(../images/rounded_panels/Left.gif) 0 0 repeat-y}
.r {background: url(../images/rounded_panels/Right.gif) 100% 0 repeat-y}
.bl {background: url(../images/rounded_panels/btm_left.gif) 0 100% no-repeat}
.br {background: url(../images/rounded_panels/btm_right.gif) 100% 100% no-repeat}
.tl {background: url(../images/rounded_panels/header_top_left.gif) 0 0 no-repeat}
.tr {background: url(../images/rounded_panels/header_top_right.gif) 100% 0 no-repeat; padding:3px 10px 0 10px} 

.header2{
 padding: 0 0 0 10px;
 background-color:#7F6A00;
 height:30px;
 text-align:left;
}

h1{
 padding: 6px;
 color:White;
}

/*CONTENT OF ROUNDED PANEL*/
.b2 {background: url(../images/rounded_panels/Btm.gif) 0 100% repeat-x; width: 100%; background-color:#000000;}
.l2 {background: url(../images/rounded_panels/Left.gif) 0 0 repeat-y}
.r2 {background: url(../images/rounded_panels/Right.gif) 100% 0 repeat-y}
.bl2 {background: url(../images/rounded_panels/btm_left.gif) 0 100% no-repeat}
.br2 {background: url(../images/rounded_panels/btm_right.gif) 100% 100% no-repeat}

.content{
 padding: 10px 20px 20px 20px;
 text-align:left;
}