/*
 456 Berea Street - Rounded corners - Transparent custom corners and borders, version 2
 http://www.456bereastreet.com/archive/200609/transparent_custom_corners_and_borders_version_2/
 http://www.456bereastreet.com/lab/transparent-custom-corners-borders-v2/
 http://www.456bereastreet.com/archive/200506/customising_custom_corners_and_borders/
*/

/* Basic styling, used when JavaScript is unsupported */
.cbb {}
.cbb h1 {}
/* Normal styling */
.cb {}
/* Top corners and border */
.bt {}
.bt div {font-size:0; line-height:0; position:relative; }
/* Bottom corners and border */
.bb {}
.bb div { font-size:0; line-height:0; position:relative; }
.i1 {} /* Left border */
.i2 {} /* Right border */
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 { display:block; margin:0; }
/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {	clear:both; content:"."; display:block; height:0; visibility:hidden; }
.i3 { display:inline-block; }
.i3 { display:block; }

/* Standard box */
.standard .bt { background:url(../images/corners/standard/box-standard.png) no-repeat 100% 0; margin:0 0 0 8px; height:8px; }
.standard .bt div { background:url(../images/corners/standard/box-standard.png) no-repeat 0 0; height:8px; left:-8px; width:8px; }
.standard .bb { background:url(../images/corners/standard/box-standard.png) no-repeat 100% 100%; height:8px; margin:0 0 0 8px; }
.standard .bb div { background:url(../images/corners/standard/box-standard.png) no-repeat 0 100%; height:8px; left:-8px; width:8px; }
.standard .i1 { background:url(../images/corners/standard/borders-standard.png) repeat-y 0 0; padding:0 0 0 1px; }
.standard .i2 { background:url(../images/corners/standard/borders-standard.png) repeat-y 100% 0; padding:0 1px 0 0; }
.standard .i3 { background:#fff; padding:0 10px; }

/* Menu lozenges */
#main ul.menu .bt { background-repeat:no-repeat; background-position:100% 0; margin:0 0 0 12px; height:12px; }
#main ul.menu .bt div { background-repeat:no-repeat; background-position:0 0; height:12px; left:-12px; width:12px; }
#main ul.menu .bb { background-repeat:no-repeat; background-position:100% 100%; height:12px; margin:0 0 0 12px; }
#main ul.menu .bb div { background-repeat:no-repeat; background-position:0 100%; height:12px; left:-12px; width:12px; }
#main ul.menu .i1 { background-repeat:repeat-y; background-position:0 0; padding:0 0 0 1px; }
#main ul.menu .i2 { background-repeat:repeat-y; background-position:100% 0; padding:0 1px 0 0; }
#main ul.menu .i3 { padding:0 10px; }

.level_0_item_0 .bt, .level_0_item_0 .bt div, .level_0_item_0 .bb, .level_0_item_0 .bb div { background-image:url(../images/corners/box-fill_0.png); }
.level_0_item_0 .i1, .level_0_item_0 .i2 { background-image:url(../images/corners/borders-fill_0.png); }
.level_0_item_0 .i3 { background-color:#cd1166; }

.level_0_item_1 .bt, .level_0_item_1 .bt div, .level_0_item_1 .bb, .level_0_item_1 .bb div { background-image:url(../images/corners/box-fill_1.png); }
.level_0_item_1 .i1, .level_0_item_1 .i2 { background-image:url(../images/corners/borders-fill_1.png); }
.level_0_item_1 .i3 { background-color:#63ade3; }

.level_0_item_2 .bt, .level_0_item_2 .bt div, .level_0_item_2 .bb, .level_0_item_2 .bb div { background-image:url(../images/corners/box-fill_2.png); }
.level_0_item_2 .i1, .level_0_item_2 .i2 { background-image:url(../images/corners/borders-fill_2.png); }
.level_0_item_2 .i3 { background-color:#593c17; }

.level_0_item_3 .bt, .level_0_item_3 .bt div, .level_0_item_3 .bb, .level_0_item_3 .bb div { background-image:url(../images/corners/box-fill_3.png); }
.level_0_item_3 .i1, .level_0_item_3 .i2 { background-image:url(../images/corners/borders-fill_3.png); }
.level_0_item_3 .i3 { background-color:#68c52f; }

.level_0_item_4 .bt, .level_0_item_4 .bt div, .level_0_item_4 .bb, .level_0_item_4 .bb div { background-image:url(../images/corners/box-fill_4.png); }
.level_0_item_4 .i1, .level_0_item_4 .i2 { background-image:url(../images/corners/borders-fill_4.png); }
.level_0_item_4 .i3 { background-color:#f8a04d; }

.level_0_item_5 .bt, .level_0_item_5 .bt div, .level_0_item_5 .bb, .level_0_item_5 .bb div { background-image:url(../images/corners/box-fill_5.png); }
.level_0_item_5 .i1, .level_0_item_5 .i2 { background-image:url(../images/corners/borders-fill_5.png); }
.level_0_item_5 .i3 { background-color:#cb96cf; }

/* fill 6 box */
.fill_6 .bt { background:url(../images/corners/box-fill_6.png) no-repeat 100% 0; margin:0 0 0 8px; height:8px; }
.fill_6 .bt div { background:url(../images/corners/box-fill_6.png) no-repeat 0 0; height:8px; left:-8px; width:8px; }
.fill_6 .bb { background:url(../images/corners/box-fill_6.png) no-repeat 100% 100%; height:8px; margin:0 0 0 8px; }
.fill_6 .bb div { background:url(../images/corners/box-fill_6.png) no-repeat 0 100%; height:8px; left:-8px; width:8px; }
.fill_6 .i1 { background:url(../images/corners/borders-fill_6.png) repeat-y 0 0; padding:0 0 0 1px; }
.fill_6 .i2 { background:url(../images/corners/borders-fill_6.png) repeat-y 100% 0; padding:0 1px 0 0; }
.fill_6 .i3 { background:#20378a; }

/* fill 7 box */
.fill_7 .bt { background:url(../images/corners/box-fill_7.png) no-repeat 100% 0; margin:0 0 0 8px; height:8px; }
.fill_7 .bt div { background:url(../images/corners/box-fill_7.png) no-repeat 0 0; height:8px; left:-8px; width:8px; }
.fill_7 .bb { background:url(../images/corners/box-fill_7.png) no-repeat 100% 100%; height:8px; margin:0 0 0 8px; }
.fill_7 .bb div { background:url(../images/corners/box-fill_7.png) no-repeat 0 100%; height:8px; left:-8px; width:8px; }
.fill_7 .i1 { background:url(../images/corners/borders-fill_7.png) repeat-y 0 0; padding:0 0 0 1px; }
.fill_7 .i2 { background:url(../images/corners/borders-fill_7.png) repeat-y 100% 0; padding:0 1px 0 0; }
.fill_7 .i3 { background:#D1DCEC; padding:0 10px; }