/* green box*/

.box{
width:100%;
height:auto;
position:relative;
clear:both;
margin:0 0 15px 0;
background:url(images/box/internal-grad.jpg) #BCD581 repeat-y top left;
}

.box-buffer{
width:100%;
}

.box .top{
width:100%;
height:43px;
background:#26370B;
}

.box .top .left{
background:url(images/box/left-top.jpg) left top;
height:43px;
width:75px;
position:absolute;
top:0px;
left:0px;
}

.box .top .right{
background:url(images/box/right-top.jpg) right top;
height:43px;
width:41px;
position:absolute;
top:0px;
right:0px;
}

.box .wrapper{
width:100%;
float:left;
margin-bottom:42px;
border-left:5px solid #D2D3D5;
}

.box .wrapper-buffer{
margin:15px 20px 8px 15px;
}

.box .bottom{
height:6px;
width:100%;
position:absolute;
bottom:0px;
left:0px;
background:url(images/box/bottom.jpg) repeat-x bottom left;
}

.box .bottom .left{
background:url(images/box/left-bottom.jpg) bottom left;
height:42px;
width:188px;
position:absolute;
bottom:0px;
left:0px;
}

.box .bottom .right{
background:url(images/box/right-bottom.jpg) right bottom;
height:42px;
width:206px;
position:absolute;
bottom:0px;
right:0px;
}

.box h1.heading,
.box h3.heading{
color:#fff;
position:absolute;
z-index:997;
left:52px;
top:14px;
font-size:11px;
text-transform:uppercase;
font-weight:normal;
font-family:Lucida Sans Unicode, arial, sans-serif;
}

.box h1.heading span,
.box h3.heading span{
font-size:12px;
font-weight:bold;
margin:0 2px 0 0;
}

/* white box*/

.white-box{
width:100%;
height:auto;
position:relative;
clear:both;
margin:0 0 15px 0;
background:#fff repeat-y top left;
}

.white-box-buffer{
width:100%;
}

.white-box div.top{
width:100%;
height:43px;
background:#27360b;
}

.white-box div.top .left{
background:url(images/box/white-left-top.jpg) left top;
height:43px;
width:75px;
position:absolute;
top:0px;
left:0px;
}

.white-box div.top .right{
background:url(images/box/right-top.jpg) right top;
height:43px;
width:41px;
position:absolute;
top:0px;
right:0px;
}

.white-box .wrapper{
width:100%;
float:left;
margin-bottom:42px;
border-left:5px solid #638644;
}

.white-box .wrapper-buffer{
margin:15px 20px 8px 15px;
}

.white-box .bottom{
height:6px;
width:100%;
position:absolute;
bottom:0px;
left:0px;
background:url(images/box/white-bottom.jpg) repeat-x bottom left;
}

.white-box .bottom .left{
background:url(images/box/white-left-bottom.jpg) bottom left;
height:42px;
width:188px;
position:absolute;
bottom:0px;
left:0px;
}

.white-box .bottom .right{
background:url(images/box/white-right-bottom.jpg) right bottom;
height:42px;
width:206px;
position:absolute;
bottom:0px;
right:0px;
}

.white-box h1.heading,
.white-box h3.heading{
color:#fff;
position:absolute;
z-index:997;
left:52px;
top:14px;
font-size:11px;
text-transform:uppercase;
font-weight:normal;
font-family:Lucida Sans Unicode, arial, sans-serif;
}

.white-box h1.heading span,
.white-box h3.heading span{
font-size:12px;
font-weight:bold;
margin:0 2px 0 0;
}

/*small-box*/

.small-box{
width:100%;
height:auto;
position:relative;
clear:both;
margin:0 0 15px 0;
background:#BCD581;
}

.small-box-buffer{
width:100%;
}

.small-box .top{
width:100%;
height:43px;
background:#26370B;
}

.small-box .top .left{
background:url(images/box/small-box-sprite.jpg) left -16px;
height:42px;
width:45px;
position:absolute;
top:0px;
left:0px;
}

.small-box .top .right{
background:url(images/box/small-box-sprite.jpg) -64px -16px;
height:20px;
width:20px;
position:absolute;
top:0px;
right:0px;
}

.small-box .wrapper{
width:100%;
float:left;
margin-bottom:20px;
position:relative;
}

.small-box .wrapper-buffer{
padding:15px 18px 14px 15px;
border-left:5px solid #26370B;
border-right:5px solid #26370B;
}

.small-box .bottom{
width:100%;
height:20px;
position:absolute;
bottom:0px;
left:0px;
background:#26370B;
}

.small-box .bottom .left{
background:url(images/box/small-box-sprite.jpg) -84px bottom;
height:20px;
width:30px;
position:absolute;
bottom:0px;
left:0px;
}

.small-box .bottom .right{
background:url(images/box/small-box-sprite.jpg) -118px bottom;
height:20px;
width:30px;
position:absolute;
bottom:0px;
right:0px;
}

.small-box .inner-left{
position:absolute;
top:0px;
left:5px;
width:15px;
height:15px;
background:url(images/box/small-box-sprite.jpg) left top;
}

.small-box .inner-right{
position:absolute;
top:0px;
right:5px;
width:15px;
height:15px;
background:url(images/box/small-box-sprite.jpg) -19px top;
}

.small-box .inner-btm-left{
position:absolute;
bottom:0px;
left:5px;
width:15px;
height:16px;
background:url(images/box/small-box-sprite.jpg) -34px top;
}

.small-box .inner-btm-right{
position:absolute;
bottom:0px;
right:5px;
width:15px;
height:16px;
background:url(images/box/small-box-sprite.jpg) -53px top;
}

.small-box h1.heading,
.small-box h3.heading{
color:#fff;
position:absolute;
z-index:997;
left:52px;
top:14px;
font-size:11px;
text-transform:uppercase;
font-weight:normal;
font-family:Lucida Sans Unicode, arial, sans-serif;
}

.small-box h1.heading span,
.small-box h3.heading span{
font-size:12px;
font-weight:bold;
margin:0 2px 0 0;
}


/*gray-box*/

.gray-box{
width:100%;
height:auto;
position:relative;
clear:both;
margin:0 0 15px 0;
background:url(images/contests-box-sprite.jpg) #CFD4CE repeat-x left -139px;
}

.gray-box-buffer{
width:100%;
}

.gray-box .top{
width:100%;
height:14px;
background:#A2A2A4;
}

.gray-box .top .left{
background:url(images/contests-box-sprite.jpg) left top;
height:14px;
width:14px;
position:absolute;
top:0px;
left:0px;
}

.gray-box .top .right{
background:url(images/contests-box-sprite.jpg) -19px top;
height:14px;
width:14px;
position:absolute;
top:0px;
right:0px;
}

.gray-box .wrapper{
width:100%;
float:left;
margin-bottom:14px;
border-left:5px solid #D2D3D5;
}

.gray-box .wrapper-buffer{
margin:8px 18px 8px 15px;
}

.gray-box .bottom{
height:14px;
width:100%;
position:absolute;
bottom:0px;
left:0px;
background:url(images/contests-box-sprite.jpg) repeat-x bottom left;
}

.gray-box .bottom .left{
background:url(images/contests-box-sprite.jpg) -33px top;
height:14px;
width:14px;
position:absolute;
bottom:0px;
left:0px;
}

.gray-box .bottom .right{
background:url(images/contests-box-sprite.jpg) right top;
height:14px;
width:14px;
position:absolute;
bottom:0px;
right:0px;
}

.gray-box h1.heading,
.gray-box h3.heading{
color:#fff;
position:absolute;
z-index:997;
left:52px;
top:14px;
font-size:11px;
text-transform:uppercase;
font-weight:normal;
font-family:Lucida Sans Unicode, arial, sans-serif;
}

.gray-box h1.heading span,
.gray-box h3.heading span{
font-size:12px;
font-weight:bold;
margin:0 2px 0 0;
}

/* green square*/

.box-square{
width:100%;
height:auto;
position:relative;
clear:both;
margin:0 0 15px 0;
background:url(images/box/internal-grad.jpg) #BCD581 repeat-y top left;
}

..box-square-buffer{
width:100%;
}

.box-square .top{
width:100%;
height:43px;
background:#27360b;
}

.box-square .top .left{
background:url(images/box/left-top.jpg) left top;
height:43px;
width:75px;
position:absolute;
top:0px;
left:0px;
}

.box-square .top .right{
background:url(images/box/right-top.jpg) right top;
height:43px;
width:41px;
position:absolute;
top:0px;
right:0px;
}

.box-square .wrapper{
width:100%;
float:left;
border-left:5px solid #D2D3D5;
}

.box-square .bottom{
height:6px;
width:100%;
position:absolute;
bottom:0px;
left:0px;
background:url(images/box/bottom.jpg) repeat-x bottom left;
}

.box-square h1.heading,
.box-square h3.heading{
color:#fff;
position:absolute;
z-index:997;
left:52px;
top:14px;
font-size:11px;
text-transform:uppercase;
font-weight:normal;
font-family:Lucida Sans Unicode, arial, sans-serif;
}

.box-square h1.heading span,
.box-square h3.heading span{
font-size:12px;
font-weight:bold;
margin:0 2px 0 0;
}

/*white box no header*/

.white-box-no-header{
width:100%;
height:auto;
position:relative;
clear:both;
background:url(images/white-box-brd.jpg) #fff repeat-y top left;
margin:0 0 15px 0;
}

.white-box-no-header-buffer{
width:100%;
background:url(images/white-box-brd.jpg) repeat-y top right;
}

.white-box-no-header .top{
width:100%;
height:25px;
background:url(images/white-box-no-header-sprite.jpg) repeat-x left -53px;
}

.white-box-no-header .top .left{
background:url(images/white-box-no-header-sprite.jpg) left top;
height:30px;
width:20px;
position:absolute;
top:0px;
left:0px;
z-index:996;
}

.white-box-no-header .top .right{
background:url(images/white-box-no-header-sprite.jpg) right top;
height:30px;
width:20px;
position:absolute;
top:0px;
right:0px;
}

.white-box-no-header .wrapper{
float:left;
width:100%;
}

.white-box-no-header .wrapper-buffer{
margin:0px 15px 25px 15px;
}

.white-box-no-header .bottom{
height:25px;
width:100%;
position:absolute;
bottom:0px;
left:0px;
background:url(images/white-box-brd.jpg) repeat-x bottom left;
}

.white-box-no-header .bottom .left{
background:url(images/white-box-no-header-sprite.jpg) left -28px;
height:25px;
width:30px;
position:absolute;
bottom:0px;
left:0px;
}

.white-box-no-header .bottom .right{
background:url(images/white-box-no-header-sprite.jpg) right -28px;
height:25px;
width:30px;
position:absolute;
bottom:0px;
right:0px;
}