.foo{}


.rounded-container .c-tl, .rounded-container .c-tr,
.rounded-container .c-bl, .rounded-container .c-br,
.shadow .c-tl, .shadow .c-tr, 
.shadow .c-bl, .shadow .c-br {
	background-image: url(../images/container_sprite.png);
	background-repeat: no-repeat;
}

.c-info .c-tl {
	height: 21px;
	background-position: left top;
}

.c-info .c-tr {
	margin-left: 10px;
	height: 21px;
	background-position: right -21px;
}

.c-note .c-tl {
	height: 10px;
	background-position: left -182px;
}

.c-note .c-tr {
	margin-left: 10px;
	height: 10px;
	background-position: right -192px;
}

.c-info .c-bl, .c-note .c-bl {
	height: 10px;
	background-position: left -42px;
}

.c-info .c-br, .c-note .c-br {
	margin-left: 10px;
	height: 10px;
	background-position: right -52px;
}

.c-info .client-o, .c-note .client-o {
	border-left: 3px solid #9e9e9e;
	border-right: 3px solid #9e9e9e;
	background: #fdfcf5;
}

.c-info .client-o div.client {
	padding: 10px;
}

.c-note .client-o div.client {
	padding: 0 10px;
}

.c-info div.client {
	padding: 30px 10px 10px 10px;
}

.shadow {
	position: absolute;
	z-index: 1;
}

.shadow .c-tl {
	height: 30px;
	background-position: left -62px;
}

.shadow .c-tr {
	height: 30px;
	margin-left: 30px;
	background-position: right -92px;
}

.shadow .c-bl {
	height: 30px;
	background-position: left -122px;
}

.shadow .c-br {
	height: 30px;
	margin-left: 30px;
	background-position: right -152px;
}

.shadow .mid {
	position: relative; 
	height: 100%;
}

.shadow .mid .left-edge, 
.shadow .mid .right-edge {
	position: absolute;
	width: 30px;
	top:0;
	height: 100%;
	background-image: url(../images/shadow_edge_sprite.png);
	background-repeat: repeat-y;
}

.shadow .mid .left-edge {
	left:0;
	background-position: left top;
}

.shadow .mid .right-edge {
	right:0;
	background-position: -30px top;
}

.simple-shadow {
	position: absolute;
	z-index: 1;
	top: 3px;
	left: 3px;
	background: #000;
	width: 100%;
	height: 100%;
	opacity: 0.25;
	filter: alpha(opacity=25);
}

.simple-client-o {
	position: relative;
	z-index: 2;
	border: 1px solid #aaa;
	background: #fff;
}

.simple-client-o div.title-border {
	position: absolute;
	z-index: 100;
	height: 1px;
	border-top: 1px solid #ccc;
	top: 20px;
	left: 1px;
}




.dialog h3.title { 
	visibility: hidden;
	text-align: center;
	position: absolute;
	line-height: 21px;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	top: 2px;
	left: 30px;
	right: 30px;
}

.dialog span.icon { 
	display: block;
	visibility: hidden;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 3px;
	left: 10px;
	background-image:url(../images/icon_sprite.png);
	background-repeat: no-repeat;
}

.dialog a.close-button,
.dialog a.close-button:hover {
	display: block;
	visibility: hidden;
	cursor: pointer;
	width: 14px;
	height: 14px;
	position:absolute;
	top: 5px;
	right: 6px;
	background: transparent url(../images/close_button_sprite.gif) no-repeat -14px top;
}

.dialog a.close-button:hover {
	background-position: left top;
}

/*  ICONS */
.info-icon { background-position: left top;}
.error-icon { background-position: -16px top;}