﻿/*** Container Definition ***/

/* Basic Definition */
.container .container-header,
.container .container-body,
.container .container-footer
{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.container .container-left,
.container .container-center,
.container .container-right
{
	padding: 0px;
}

/* Header definition */
.container .container-header
{
	height: 9px;
}

.container .container-header .container-left,
.container .container-header .container-right
{
	width: 8px;
}

.container .container-header .container-left
{
	background-image: url(../Images/container_top_left.png);
	background-repeat: no-repeat;
}

.container .container-header .container-right
{
	background-image: url(../Images/container_top_right.png);
	background-repeat: no-repeat;
}

.container .container-header .container-center
{
	background-image: url(../Images/container_top_middle.png);
	background-repeat: repeat-x;
}

/* Body definition */
.container .container-body
{
	height: auto;
}

.container .container-body .container-left,
.container .container-body .container-right
{
	width: 8px;
}

.container .container-body .container-left
{
	background-image: url(../Images/container_middle_left.png);
	background-repeat: repeat-y;
}

.container .container-body .container-right
{
	background-image: url(../Images/container_middle_right.png);
	background-repeat: repeat-y;
}

.container .container-body .container-center
{
	background-image: url(../Images/container_background.png);
}

/* Footer definition */
.container .container-footer
{
	height: 9px;
}

.container .container-footer .container-left,
.container .container-footer .container-right
{
	width: 8px;
}

.container .container-footer .container-left
{
	background-image: url(../Images/container_bottom_left.png);
	background-repeat: no-repeat;
}

.container .container-footer .container-right
{
	background-image: url(../Images/container_bottom_right.png);
	background-repeat: no-repeat;
}

.container .container-footer .container-center
{
	background-image: url(../Images/container_bottom_middle.png);
	background-repeat: repeat-x;
}


/* Headered Container */

/* Header definition */
.container-headered .container-header
{
	height: 22px;
	min-height: 22px;
	max-height: 22px;
	background-image: url(../Images/header_background_color.png);
}

.container-headered .container-header .container-content
{
	font-weight: bold;
	font-size: 11px;
}

.container-headered .container-header-0
{
	background-position: left bottom;
	background-repeat: repeat-x;
}

.container-headered .container-header .container-center
{
	vertical-align: top;
}

.container-headered .container-header .container-left,
.container-headered .container-header .container-right
{
	width: 8px;
}

.container-headered .container-header .container-left
{
	background-image: url(../Images/container_left.png);
	background-repeat: no-repeat;
}

.container-headered .container-header .container-right
{
	background-image: url(../Images/container_right.png);
	background-repeat: no-repeat;
}

.container-headered .container-header .container-center
{
	background-image: url(../Images/container_middle.png);
	background-repeat: repeat-x;
}

/****************************************/
/****** Marketing Page Containers *******/
/****************************************/

/*** Page Frame Container Definition ***/
.container-headered-page
{
	width: 800px; 
}

.container-headered-page .container-header
{
	height: 9px !important;
}

.container-headered-page .container-header .container-left, 
.container-headered-page .container-header .container-right
{
	width: 8px;
}

.container-headered-page .container-header .container-left
{
	background-image: url(../Images/pageFrame_upper_left.gif) !important;
	background-repeat: no-repeat;
}

.container-headered-page .container-header .container-right
{
	background-image: url(../Images/pageFrame_upper_right.gif) !important;
	background-repeat: no-repeat;
}

.container-headered-page .container-header .container-center
{
	background-image: url(../Images/pageFrame_upper_middle.gif) !important;
	background-repeat: repeat-x;
}

/* Body definition */
.container-headered-page .container-body
{
	height: 460px;
}

.container-headered-page .container-body .container-left, 
.container-headered-page .container-body .container-right
{
	width: 8px;
}

.container-headered-page .container-body .container-left
{
	background-image: url(../Images/pageFrame_left.gif) !important;
	background-repeat: repeat-y;
}

.container-headered-page .container-body .container-right
{
	background-image: url(../Images/pageFrame_right.gif) !important;
	background-repeat: repeat-y;
}

.container-headered-page .container-body .container-center
{
	/*background-image: none !important;*/
	background-image:url('../Images/background_tile.png') !important;
	background-repeat:repeat;
}

/* Footer definition */
.container-headered-page .container-footer
{
	height: 8px !important;
}

.container-headered-page .container-footer .container-left, 
.container-headered-page .container-footer .container-right
{
	width: 8px;
}

.container-headered-page .container-footer .container-left
{
	background-image: url(../Images/pageFrame_lower_left.gif) !important;
	background-repeat: no-repeat;
}

.container-headered-page .container-footer .container-right
{
	background-image: url(../Images/pageFrame_lower_right.gif) !important;
	background-repeat: no-repeat;
}

.container-headered-page .container-footer .container-center
{
	background-image: url(../Images/pageFrame_lower_middle.gif) !important;
	background-repeat: repeat-x;
}
/***********************************************************************************/

/*** Image Frame Container Definition ***/
.container-headered-image
{
	width: 313px;
	height: 182px; 
}

.container-headered-image .container-header
{
	height: 7px !important;
}

.container-headered-image .container-header .container-left, 
.container-headered-image .container-header .container-right
{
	width: 7px;
}

.container-headered-image .container-header .container-left
{
	background-image: url(../Images/imageFrame_upper_left.gif) !important;
	background-repeat: no-repeat;
}

.container-headered-image .container-header .container-right
{
	background-image: url(../Images/imageFrame_upper_right.gif) !important;
	background-repeat: no-repeat;
}

.container-headered-image .container-header .container-center
{
	background-image: url(../Images/imageFrame_upper_middle.gif) !important;
	background-repeat: repeat-x;
}

/* Body definition */
.container-headered-image .container-body
{
	height: 168px;
}

.container-headered-image .container-body .container-left, 
.container-headered-image .container-body .container-right
{
	width: 7px;
}

.container-headered-image .container-body .container-left
{
	background-image: url(../Images/imageFrame_left.gif) !important;
	background-repeat: repeat-y;
}

.container-headered-image .container-body .container-right
{
	background-image: url(../Images/imageFrame_right.gif) !important;
	background-repeat: repeat-y;
}

.container-headered-image .container-body .container-center
{
	background-image: none !important;
}

/* Footer definition */
.container-headered-image .container-footer
{
	height: 7px !important;
}

.container-headered-image .container-footer .container-left, 
.container-headered-image .container-footer .container-right
{
	width: 7px;
}

.container-headered-image .container-footer .container-left
{
	background-image: url(../Images/imageFrame_lower_left.gif) !important;
	background-repeat: no-repeat;
}

.container-headered-image .container-footer .container-right
{
	background-image: url(../Images/imageFrame_lower_right.gif) !important;
	background-repeat: no-repeat;
}

.container-headered-image .container-footer .container-center
{
	background-image: url(../Images/imageFrame_lower_middle.gif) !important;
	background-repeat: repeat-x;
}
/***********************************************************************************/

