/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/

.top-left, .top-right, .bottom-left, .bottom-right {background-image:url(../img/corners1280x18.gif);font-size:2px;height:9px;}
.top-left, .bottom-left {margin-right:9px;}
.top-right, .bottom-right {margin-left:9px;margin-top:-9px;}
.top-right {background-position:100% 0;}
.bottom-left {background-position:0 -9px;}
.bottom-right {background-position:100% -9px;}
.inside {background:url(../img/CORNERS1X1.GIF);padding:0 8px 0 8px;margin:-3px 0 -3px 0;}
.notopgap {margin-top:0;}
.nobottomgap {margin-bottom:0;}
.insideleft, .insideright {background-image:url(../img/corners18x1.gif)};
.insideright {background-position:100% 0;}

.destaque .top-left, .destaque .top-right, .destaque .bottom-left, .destaque .bottom-right {background-image:url(../img/corners1280x18-2.gif);font-size:2px;height:9px;}
.destaque .top-left, .destaque .bottom-left {margin-right:9px;}
.destaque .top-right, .destaque .bottom-right {margin-left:9px;margin-top:-9px;}
.destaque .top-right {background-position:100% 0;}
.destaque .bottom-left {background-position:0 -9px;}
.destaque .bottom-right {background-position:100% -9px;}
.destaque .inside {background:url(../img/CORNERS1X1-2.GIF);padding:0 8px 0 8px;margin:-3px 0 -3px 0;}
.destaque .notopgap {margin-top:0;}
.destaque .nobottomgap {margin-bottom:0;}
.destaque .insideleft, .destaque .insideright {background-image:url(../img/corners18x1.gif)};
.destaque .insideright {background-position:100% 0}

.painel-1 .sd {font-size:1px;width:5px;}
.painel-1 .sc {font-size:1px;height:5px}
.painel-1 .id {font-size:1px;width:5px}
.painel-1 .ic {font-size:1px;height:5px}
.painel-1 .se {font-size:1px;background:url(../img/corners1.gif) 0 -12px repeat-x;width:50%;height:5px;margin-left:50%}
.painel-1 .sd div{background:url(../img/corners1.gif) 0 0;width:5px;height:5px}
.painel-1 .sc div{background:url(../img/corners1.gif) 0 -12px repeat-x;width:100%;height:5px}
.painel-1 .id div{background:url(../img/corners1.gif) 0 -6px;width:5px;height:5px}
.painel-1 .ic div{background:url(../img/corners1.gif) 0 -12px repeat-x;width:100%;height:5px}
.painel-1 .cont{background:url(../img/corners1a.gif)}

/*
<div style="position:absolute;top:120px;left:50px;width:300px;">
	<div class="top-left"></div>
	<div class="top-right"></div>
	<div class="insideleft">
		<div class="insideright">
			<div class="inside">
				<p class="notopgap">Liquid round corners:</p>
				<p class="nobottomgap">easy making!</p>												
			</div>
		</div>
	</div>
	<div class="bottom-left"></div>
	<div class="bottom-right"></div>
</div>
*/