/**
*	For outlined divs
**/

.rounded-outline{
	position:relative;
}

.rounded-outline .corner{
	display:block;
	width:8px;
	height:8px;
	position:absolute;
	background:transparent url(../images/bg/rouned_outline_8.png) no-repeat;
}

.rounded-outline .top,
.rounded-outline .bottom,
.rounded-outline .center{
	background:#f9f7f8;
	display:block;
}

.rounded-outline .top,
.rounded-outline .bottom{
	height:8px;
	position:absolute;
}

.rounded-outline .top{
	border-top:1px solid #DDDDDD;
	top:0;
	left:8px;
	right:8px;
}

.rounded-outline .bottom{
	border-bottom:1px solid #DDDDDD;
	bottom:0;
	left:8px;
	right:8px;
}

.rounded-outline .corner,
.rounded-outline .top,
.rounded-outline .bottom{
	font-size:1px;
}

.rounded-outline .center{
	position:absolute;
	top:8px;
	left:0;
	right:0;
	bottom:8px;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	padding:0 8px;
}

.rounded-outline-active .corner,
.rounded-outline-active .top,
.rounded-outline-active .bottom,
.rounded-outline-active .center{
	background:transparent url(../images/bg/rounded_gradient_outline_8.png) no-repeat;
}

.rounded-outline .lt{
	background-position: 0 0;
	top:0;
	left:0;
}

.rounded-outline .rt{
	background-position: 0 -16px;
	top:0;
	right:0;
}

.rounded-outline .lb{
	background-position: 0 -8px;
	bottom:0;
	left:0;
}

.rounded-outline .rb{
	background-position: 0 -24px;
	bottom:0;
	right:0;
}

.rounded-outline-active .top{
	border:none;
	background-repeat:repeat-x;
	background-position: 0 -32px;
}

.rounded-outline-active .bottom{
	border:none;
	background-repeat:repeat-x;
	background-position: 0 -63px;
}

.rounded-outline-active .center{
	background-repeat:repeat-x;
	background-position: 0 -40px;
}

/*For blue gradient bg*/

.rounded-filled{
	position:relative;
}

.rounded-filled .lc{
	position:absolute;
	left:0;
	top:0;
	right:8px;
}

.rounded-filled .rc{
	position:absolute;
	top:0;
	right:0;
	width:8px;
	right:-8px;
}


.blue-grad-bg-tiny .lc, .blue-grad-bg-tiny .rc{
	height:48px;
	background:transparent url(../images/bg/gradient_bg_H48.png) no-repeat;
}

.blue-grad-bg-medium .lc, .blue-grad-bg-medium .rc{
	height:175px;
	background:transparent url(../images/bg/gradient_bg_H175.png) no-repeat;
}

.blue-grad-bg-small .lc, .blue-grad-bg-small .rc{
	height:159px;
	background:transparent url(../images/bg/gradient_bg_H159.png) no-repeat;
}

.blue-grad-bg-large .lc, .blue-grad-bg-large .rc{
	height:333px;
	background:transparent url(../images/bg/gradient_bg_H333.png) no-repeat;
}

.blue-grad-bg-tiny .rc, .blue-grad-bg-medium .rc, .blue-grad-bg-small .rc, .blue-grad-bg-large .rc{
	background-position:100% 0;
}

.rounded-filled .lc .content{
	margin:8px 0 8px 3px;
    position: relative;
}

/******************/