/* ================================================ */
/*             CONTAINER 1 - PURPLE                 */
/* ================================================ */

/* Container Main Header  */

.Container1HeadLeft {
	background: url(container1HeaderLeft.gif) bottom left no-repeat;
	width: 16px;
    height: 30px;
	padding: 0;
	font-size: 1px;
	vertical-align: middle;
}

.Container1HeadActions {
	background: url(container1Header.gif) repeat-x bottom;
	vertical-align: middle;
	padding: 0 0 10px 0;
	width: 1px;
}

.Container1HeadTitle {
	background: url(container1Header.gif) repeat-x bottom;
	vertical-align: middle;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
}

.Container1HeadRight {
	background: url(container1HeaderRight.gif) bottom left no-repeat;
	width: 16px;
	height: 30px;
	padding: 0;
	font-size: 1px;
	vertical-align: middle;
}


.Container1HeadBtns {
	background: url(container1Header.gif) repeat-x bottom;
	padding: 0;
	text-align: right;
	vertical-align: middle;
	background-position: center;
}

/*  Container Main Top Row  */

.Container1ContentTopLeft {
    background: url(container1MainTopLeft.gif) bottom left no-repeat;
    height: 14px;
    width: 15px;
    font-size: 1px;
    background-position: right;
}

.Container1ContentTop {
    background: url(container1MainTop.gif) bottom centre repeat-x;
    height: 14px;
    font-size: 1px;
    background-position: center;
}

.Container1ContentTopRight {
    background: url(container1MainTopRight.gif) bottom right no-repeat;
    height: 14px;
    width: 15px;
    font-size: 1px;
    background-position: left;
}

/*  Container Main Content Row  */

.Container1ContentLeft {
    background: url(container1MainLeft.gif) bottom left repeat-y;
    width: 16px;
    font-size: 1px;
    background-position: right;
}

.Container1Content {
	padding: 6px 18px 35px 18px;
	background-color: #F1EAF2;
}

.Container1ContentRight {
    background: url(container1MainRight.gif) bottom right repeat-y;
    width: 16px;
    font-size: 1px;
    background-position; left;
}

/*  Container Main Bottom Row  */

.Container1BottomLeft {
    background: url(container1MainBottomLeft.gif) bottom left no-repeat;
    height: 15px;
    width: 15px;
    font-size: 1px;
    background-position: right;
}

.Container1BottomCenter {
    background: url(container1MainBottom.gif) bottom centre repeat-x;
    height: 15px;
    font-size: 1px;
    background-position: center;
}

.Container1BottomRight {
    background: url(container1MainBottomRight.gif) bottom right no-repeat;
    height: 15px;
    width: 15px;
    font-size: 1px;
    background-position: left;
}


/* ================================================ */
/*             CONTAINER 2 - PINK                   */
/* ================================================ */

/* Container Main Header  */

.Container2HeadLeft {
	background: url(container2HeaderLeft.gif) bottom left no-repeat;
	width: 16px;
    height: 30px;
	padding: 0;
	font-size: 1px;
	vertical-align: middle;
}

.Container2HeadActions {
	background: url(container2Header.gif) repeat-x bottom;
	vertical-align: middle;
	padding: 0 0 10px 0;
	width: 1px;
}

.Container2HeadTitle {
	background: url(container2Header.gif) repeat-x bottom;
	vertical-align: middle;
}

.Container2HeadRight {
	background: url(container2HeaderRight.gif) bottom left no-repeat;
	width: 16px;
	height: 30px;
	padding: 0;
	font-size: 1px;
	vertical-align: middle;
}

.container2HeadBtns {
	background: url(container2Header.gif) repeat-x bottom;
	padding: 0;
	text-align: right;
	vertical-align: middle;
}

/*  Container Main Top Row  */

.container2ContentTopLeft {
    background: url(container2MainTopLeft.gif) bottom left no-repeat;
    height: 14px;
    width: 15px;
    font-size: 1px;
}

.container2ContentTop {
    background: url(container2MainTop.gif) bottom centre repeat-x;
    height: 14px;
    font-size: 1px;
}

.container2ContentTopRight {
    background: url(container2MainTopRight.gif) bottom right no-repeat;
    height: 14px;
    width: 15px;
    font-size: 1px;
}

/*  Container Main Content Row  */

.container2ContentLeft {
    background: url(container2MainLeft.gif) bottom left repeat-y;
    width: 16px;
    font-size: 1px;
}

.container2Content {
	padding: 6px 18px 35px 18px;
	background-color: #FFECEC;
}

.container2ContentRight {
    background: url(container2MainRight.gif) bottom right repeat-y;
    width: 16px;
    font-size: 1px;
}

/*  Container Main Bottom Row  */

.container2BottomLeft {
    background: url(container2MainBttmLeft.gif) bottom left no-repeat;
    height: 14px;
    width: 15px;
    font-size: 1px;
}

.container2BottomCenter {
    background: url(container2MainBttm.gif) bottom centre repeat-x;
    height: 14px;
    font-size: 1px;
}

.container2BottomRight {
    background: url(container2MainBttmRight.gif) bottom right no-repeat;
    height: 14px;
    width: 15px;
    font-size: 1px;
}


/* ================================================ */
/*             CONTAINER 3 - GRAY                   */
/* ================================================ */

/* Container Main Header  */

.container3HeadLeft {
	background: url(container3HeaderLeft.gif) bottom left no-repeat;
	width: 23px;
    height: 30px;
	padding: 0;
	font-size: 1px;
	vertical-align: middle;
}

.container3HeadActions {
	background: url(container3Header.gif) repeat-x bottom;
	vertical-align: middle;
	padding: 0 0 10px 0;
	width: 1px;
	height: 30px;
}

.container3HeadTitle {
	background: url(container3Header.gif) repeat-x bottom;
	vertical-align: middle;
	height: 30px;
}

.container3aHeadActions {
	background-color: #EBEBEB;
	vertical-align: middle;
	padding: 0 0 10px 0;
	width: 1px;
	height: 30px;
}

.container3aHeadTitle {
	background-color: #EBEBEB;
	vertical-align: middle;
	height: 30px;
}

.container3HeadRight {
	background: url(container3HeaderRight.gif) bottom left no-repeat;
	width: 23px;
	height: 30px;
	padding: 0;
	font-size: 1px;
	vertical-align: middle;
}

.container3HeadBtns {
	background: url(container3Header.gif) repeat-x bottom;
	padding: 0;
	text-align: right;
	vertical-align: middle;
	height: 30px;
}

/*  Container Main Content Row  */

.container3ContentLeft {
    background: url(container3MainLeft.gif) bottom left repeat-y;
    width: 23px;
    font-size: 1px;
}

.container3Content {
	background-color: #EBEBEB;
	vertical-align: middle;
}

.container3ContentRight {
    background: url(container3MainRight.gif) bottom right repeat-y;
    width: 23px;
    font-size: 1px;
}

/*  Container Main Bottom Row  */

.container3BottomLeft {
    background: url(container3MainBttmLeft.gif) bottom left no-repeat;
    height: 23px;
    width: 23px;
    font-size: 1px;
}

.container3BottomCenter {
    background: url(container3MainBttm.gif) bottom centre repeat-x;
    height: 23px;
    font-size: 1px;
}

.container3BottomRight {
    background: url(container3MainBttmRight.gif) bottom right no-repeat;
    height: 23px;
    width: 23px;
    font-size: 1px;
}