﻿.rounded{
  background-color: #ffffff;
  -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:#f9f9f9;}
.b {background: url(../images/rounded_panels/Btm.gif) 0 100% repeat-x}
.b1 { border-bottom: dotted 1px;}
.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:10px} 

.header{
 padding: 5px 20px 0 20px;
 background-color:#f9f9f9;
 border-bottom: 1px dotted #797979;
}

.header2{
 padding: 0 0 0 10px;
 background-color:#f9f9f9;
}
/*CONTENT OF ROUNDED PANEL*/
.b2 {background: url(../images/rounded_panels/Btm.gif) 0 100% repeat-x; width: 100%; background-color:#ffffff;}
.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;
}