/* :: KEY ::

TL - Top Left
TR - Top Right
BL - Bottom Left
BR - Bottom Right

CC - Content Container
CRNR - Corner

*/

/* Dynamic Button - Green on Purple */

.btn-greenonpurple-l {
	background: url(../assets/elements/btn-greenonpurple-l.gif) no-repeat left;
}
.btn-greenonpurple-r {
	padding: 15px;
	background: url(../assets/elements/btn-greenonpurple-r.gif) no-repeat right;
	font-size: 15px;
}

/* Fade Box */
/* DESCRIPTION: Faded box with tan background */

.fadebox {

	background-image: url(../assets/gradient-grey.gif);
	background-repeat: repeat-x;
	background-position: bottom;

}

.fadebox-cc {

	padding-right: 11px;
	padding-left: 11px;

}

.fadebox-top {

	height: 11px;

}

.fadebox-btm {

	height: 11px;

}

/* White Box */
/* DESCRIPTION: White box usually seen inside Faded Boxes */

.whitebox {

	background-color: none;

}

.whitebox-cc {
	
	background-color: #fff;
	color: #000;
	padding-right: 11px;
	padding-left: 11px;

}

.whitebox-top {
	
}

.whitebox-btm {
	
}

.whitebox-filler {
	height: 11px;
	padding: 0;
	margin: 0 11px -5px 11px;
	background-color: #fff;
}

/* Purple Box */
/* DESCRIPTION: White box usually seen inside Faded Boxes */

.purplebox {
	color: #fff;
	background-color: #510b5e;
}

.purplebox-cc {
	color: #fff;
	padding-right: 11px;
	padding-left: 11px;
}

.purplebox-top {
	height: 11px;
}

.purplebox-btm {
	height: 11px;
}

/* Light Purple Box */
/* DESCRIPTION: White box usually seen inside Faded Boxes */

.lightpurplebox {
	color: #fff;
	background-color: #70237e;
}

.lightpurplebox-cc {
	color: #fff;
	padding-right: 11px;
	padding-left: 11px;
}

.lightpurplebox-top {
	height: 11px;
}

.lightpurplebox-btm {
	height: 11px;
}

/* Mute Box */
/* DESCRIPTION: White box usually seen inside Faded Boxes */

.mutebox {
	background: #ededed;
	background-image: url(../asset/fademutebox-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.mutebox-cc {
	padding-right: 11px;
	padding-left: 11px;
}
.mutebox-top {
	height: 11px;
}
.mutebox-btm {
	height: 11px;
}

/* Faded Mute Box */
/* DESCRIPTION: White box usually seen inside Faded Boxes */

.fademutebox {
	background: #f7f7f7;
}
.fademutebox-cc {
	padding-right: 11px;
	padding-left: 11px;
}
.fademutebox-top {
	height: 11px;
}
.fademutebox-btm {
	height: 11px;
}

/* Soft Box */
/* DESCRIPTION: White box usually seen inside Faded Boxes */

.softbox {
	background: #f8d99f;
}
.softbox-cc {
	padding-right: 11px;
	padding-left: 11px;
}
.softbox-top {
	height: 11px;
}
.softbox-btm {
	height: 11px;
}

/* 
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background: #9BD1FA;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px} */

/* White Corners - NO OUTLINE */

.crnr-white-tl {

	background-repeat: no-repeat;
	background-image: url(../asset/elements/crnr-tl.gif);
	background-position: left 0;
	
}

.crnr-white-tr {

	background-repeat: no-repeat;
	background-image: url(../asset/elements/crnr-tr.gif);
	background-position: right 0;
	
}

.crnr-white-bl {

	background-repeat: no-repeat;
	background-image: url(../asset/elements/crnr-bl.gif);
	background-position: left bottom;
	
}

.crnr-white-br {

	background-repeat: no-repeat;
	background-image: url(../asset/elements/crnr-br.gif);
	background-position: right bottom;
	
}

.crnr-white-tl, .crnr-white-tr, .crnr-white-bl, .crnr-white-br { height: 100%; margin: 0; padding: 0; }

/* White Corners - OUTLINED */

.crnr-white-o-tl {

	background-repeat: no-repeat;
	background-image: url(../asset/elements/crnr-white-o-tl.gif);
	background-position: left 0;
	
}

.crnr-white-o-tr {

	background-repeat: no-repeat;
	background-image: url(../asset/elements/crnr-white-o-tr.gif);
	background-position: right 0;
	
}

.crnr-white-o-bl {

	background-repeat: no-repeat;
	background-image: url(../asset/elements/crnr-white-o-bl.gif);
	background-position: left bottom;
	
}

.crnr-white-o-br {

	background-repeat: no-repeat;
	background-image: url(../asset/elements/crnr-white-o-br.gif);
	background-position: right bottom;
	
}

.crnr-white-o-tl, .crnr-white-o-tr, .crnr-white-o-bl, .crnr-white-o-br { height: 11px; margin: 0; padding: 0; }


/* Dark Tan Corners - NO OUTLINE */

.crnr-drktan-tl {

	background-repeat: no-repeat;
	background-image: url(../asset/elements/crnr-drktan-tl.gif);
	background-position: left 0;
	
}

.crnr-drktan-tr {

	background-repeat: no-repeat;
	background-image: url(../asset/elements/crnr-drktan-tr.gif);
	background-position: right 0;
	
}

.crnr-drktan-bl {

	background-repeat: no-repeat;
	background-image: url(../asset/elements/crnr-drktan-bl.gif);
	background-position: left bottom;
	
}

.crnr-drktan-br {

	background-repeat: no-repeat;
	background-image: url(../asset/elements/crnr-drktan-br.gif);
	background-position: right bottom;
	
}

.crnr-drktan-tl, .crnr-drktan-tr, .crnr-drktan-bl, .crnr-drktan-br { height: 11px; margin: 0; padding: 0; }

/* INNER White Corner - NO OUTLINE */

.crnr-i-white-tl {

	background-repeat: no-repeat;
	background-image: url(../asset/elements/crnr-i-white-tl.gif);
	background-position: left 0;
	
}

.crnr-i-white-tr {

	background-repeat: no-repeat;
	background-image: url(../asset/elements/crnr-i-white-tr.gif);
	background-position: right 0;
	
}

.crnr-i-white-bl {

	background-repeat: no-repeat;
	background-image: url(../asset/elements/crnr-i-white-bl.gif);
	background-position: left bottom;
	
}

.crnr-i-white-br {

	background-repeat: no-repeat;
	background-image: url(../asset/elements/crnr-i-white-br.gif);
	background-position: right bottom;
	
}

.crnr-i-white-tl, .crnr-i-white-tr, .crnr-i-white-bl, .crnr-i-white-br { height: 11px; margin: 0; padding: 0; }