/* ========================================================================================
	white container
   ======================================================================================== */

.white_container_top_row {
	width: 100%;
	height: 13px;
}

.white_container_top_left {
	background: url(http://camberoakland.com/website/resources/popup/white_container/container_top_left.png) no-repeat;
	width: 13px;
	height: 13px;
}

.white_container_top_middle {
	background: url(http://camberoakland.com/website/resources/popup/white_container/container_top_middle.png) repeat-x;
	width: 100%;
	height: 13px;
}

.white_container_top_right {
	background: url(http://camberoakland.com/website/resources/popup/white_container/container_top_right.png) no-repeat;
	width: 13px;
	height: 13px;
}

.white_container_middle_row {
	width: 100%;
	height: 100%;
}

.white_container_middle_left {
	background: url(http://camberoakland.com/website/resources/popup/white_container/container_middle_left.png) repeat-y;
	width: 13px;
	height: 100%;
}

.white_container_middle_middle {
	width: 100%;
	height: 100%;
	background-color: white;
}

.white_container_middle_right {
	background: url(http://camberoakland.com/website/resources/popup/white_container/container_middle_right.png) repeat-y;
	width: 13px;
	height: 100%;
}


.white_container_bottom_row {
	width: 100%;
	height: 12px;
}

.white_container_bottom_left {
	background: url(http://camberoakland.com/website/resources/popup/white_container/container_bottom_left.png) no-repeat;
	width: 13px;
	height: 12px;
}

.white_container_bottom_middle {
	background: url(http://camberoakland.com/website/resources/popup/white_container/container_bottom_middle.png) repeat-x;
	width: 100%;
	height: 12px;
}

.white_container_bottom_right {
	background: url(http://camberoakland.com/website/resources/popup/white_container/container_bottom_right.png) no-repeat;
	width: 13px;
	height: 12px;
}

/* ========================================================================================
	gray container
   ======================================================================================== */
   
.gray_container_top_row {
	width: 100%;
	height: 13px;
}

.gray_container_top_left {
	background: url(http://camberoakland.com/website/resources/popup/gray_container/container_top_left.png) no-repeat;
	width: 13px;
	height: 13px;
}

.gray_container_top_middle {
	background: url(http://camberoakland.com/website/resources/popup/gray_container/container_top_middle.png) repeat-x;
	width: 100%;
	height: 13px;
}

.gray_container_top_right {
	background: url(http://camberoakland.com/website/resources/popup/gray_container/container_top_right.png) no-repeat;
	width: 13px;
	height: 13px;
}

.gray_container_middle_row {
	width: 100%;
	height: 100%;
	
}

.gray_container_middle_left {
	background: url(http://camberoakland.com/website/resources/popup/gray_container/container_middle_left.png) repeat-y;
	width: 13px;
	height: 100%;
}

.gray_container_middle_middle {
	width: 100%;
	height: 100%;
	background-color: #f7f7f8;
}

.gray_container_middle_right {
	background: url(http://camberoakland.com/website/resources/popup/gray_container/container_middle_right.png) repeat-y;
	width: 13px;
	height: 100%;
}


.gray_container_bottom_row {
	width: 100%;
	height: 12px;
}

.gray_container_bottom_left {
	background: url(http://camberoakland.com/website/resources/popup/gray_container/container_bottom_left.png) no-repeat;
	width: 13px;
	height: 12px;
}

.gray_container_bottom_middle {
	background: url(http://camberoakland.com/website/resources/popup/gray_container/container_bottom_middle.png) repeat-x;
	width: 100%;
	height: 12px;
}

.gray_container_bottom_right {
	background: url(http://camberoakland.com/website/resources/popup/gray_container/container_bottom_right.png) no-repeat;
	width: 13px;
	height: 12px;
}

/* ========================================================================================
	control panel container
   ======================================================================================== */

 .control_panel_top_row {
	width: 100%;
	height: 37px;
}

.control_panel_top_left {
	background: url(http://camberoakland.com/website/resources/popup/control_panel/container_top_left.png) no-repeat;
	width: 8px;
	height: 37px;
}

.control_panel_top_middle {
	background: url(http://camberoakland.com/website/resources/popup/control_panel/container_top_middle.png) repeat-x;
	width: 100%;
	height: 37px;
}

.control_panel_top_right {
	background: url(http://camberoakland.com/website/resources/popup/control_panel/container_top_right.png) no-repeat;
	width: 8px;
	height: 37px;
}

.control_panel_middle_row {
	width: 100%;
	height: 100%;
	
}

.control_panel_middle_left {
	background: url(http://camberoakland.com/website/resources/popup/control_panel/container_middle_left.png) repeat-y;
	width: 8px;
	height: 100%;
}

.control_panel_middle_middle {
	width: 100%;
	height: 100%;
	background-color: #f8f8f8;
}

.control_panel_middle_right {
	background: url(http://camberoakland.com/website/resources/popup/control_panel/container_middle_right.png) repeat-y;
	width: 8px;
	height: 100%;
}


.control_panel_bottom_row {
	width: 100%;
	height: 7px;
}

.control_panel_bottom_left {
	background: url(http://camberoakland.com/website/resources/popup/control_panel/container_bottom_left.png) no-repeat;
	width: 8px;
	height: 7px;
}

.control_panel_bottom_middle {
	background: url(http://camberoakland.com/website/resources/popup/control_panel/container_bottom_middle.png) repeat-x;
	width: 100%;
	height: 7px;
}

.control_panel_bottom_right {
	background: url(http://camberoakland.com/website/resources/popup/control_panel/container_bottom_right.png) no-repeat;
	width: 8px;
	height: 7px;
}

/* ========================================================================================
	widget container
   ======================================================================================== */

.widget_container_top_row {
	width: 100%;
	height: 13px;
}

.widget_container_top_left {
	background: url(http://camberoakland.com/website/resources/popup/widget_container/container_top_left.png) no-repeat;
	width: 13px;
	height: 13px;
}

.widget_container_top_middle {
	background: url(http://camberoakland.com/website/resources/popup/widget_container/container_top_middle.png) repeat-x;
	width: 100%;
	height: 13px;
}

.widget_container_top_right {
	background: url(http://camberoakland.com/website/resources/popup/widget_container/container_top_right.png) no-repeat;
	width: 13px;
	height: 13px;
}

.widget_container_middle_row {
	width: 100%;
	height: 100%;
	
}

.widget_container_middle_left {
	background: url(http://camberoakland.com/website/resources/popup/widget_container/container_middle_left.png) repeat-y;
	width: 13px;
	height: 100%;
}

.widget_container_middle_middle {
	width: 100%;
	height: 100%;
	background-color: transparent;
}

.widget_container_middle_right {
	background: url(http://camberoakland.com/website/resources/popup/widget_container/container_middle_right.png) repeat-y;
	width: 13px;
	height: 100%;
}


.widget_container_bottom_row {
	width: 100%;
	height: 13px;
}

.widget_container_bottom_left {
	background: url(http://camberoakland.com/website/resources/popup/widget_container/container_bottom_left.png) no-repeat;
	width: 13px;
	height: 13px;
}

.widget_container_bottom_middle {
	background: url(http://camberoakland.com/website/resources/popup/widget_container/container_bottom_middle.png) repeat-x;
	width: 100%;
	height: 13px;
}

.widget_container_bottom_right {
	background: url(http://camberoakland.com/website/resources/popup/widget_container/container_bottom_right.png) no-repeat;
	width: 13px;
	height: 13px;
}

/* ========================================================================================
	popup container
   ======================================================================================== */

.popup_container_top_row {
	width: 100%;
	height: 10px;
}

.popup_container_top_left {
	background: url(http://camberoakland.com/website/resources/popup/popup_container/container_top_left.gif) no-repeat;
	width: 10px;
	height: 10px;
}

.popup_container_top_middle {
	background: url(http://camberoakland.com/website/resources/popup/popup_container/container_top_middle.gif) repeat-x;
	width: 100%;
	height: 10px;
}

.popup_container_top_right {
	background: url(http://camberoakland.com/website/resources/popup/popup_container/container_top_right.gif) no-repeat;
	width: 10px;
	height: 10px;
}

.popup_container_middle_row {
	width: 100%;
	height: 100%;
	
}

.popup_container_middle_left {
	background: url(http://camberoakland.com/website/resources/popup/popup_container/container_middle_left.gif) repeat-y;
	width: 10px;
	height: 100%;
}

.popup_container_middle_middle {
	width: 100%;
	height: 100%;
	background-color: white;
}

.popup_container_middle_right {
	background: url(http://camberoakland.com/website/resources/popup/popup_container/container_middle_right.gif) repeat-y;
	width: 10px;
	height: 100%;
}


.popup_container_bottom_row {
	width: 100%;
	height: 10px;
}

.popup_container_bottom_left {
	background: url(http://camberoakland.com/website/resources/popup/popup_container/container_bottom_left.gif) no-repeat;
	width: 10px;
	height: 10px;
}

.popup_container_bottom_middle {
	background: url(http://camberoakland.com/website/resources/popup/popup_container/container_bottom_middle.gif) repeat-x;
	width: 100%;
	height: 10px;
}

.popup_container_bottom_right {
	background: url(http://camberoakland.com/website/resources/popup/popup_container/container_bottom_right.gif) no-repeat;
	width: 10px;
	height: 10px;
}

/* ========================================================================================
	tab panel container
   ======================================================================================== */

.tab_panel_top_row {
	width: 100%;
	height: 7px;
}

.tab_panel_top_left {
	background: url(http://camberoakland.com/website/resources/popup/tab_panel/container_top_left.png) no-repeat;
	width: 13px;
	height: 7px;
}

.tab_panel_top_middle {
	background: url(http://camberoakland.com/website/resources/popup/tab_panel/container_top_middle.png) repeat-x;
	width: 100%;
	height: 7px;
}

.tab_panel_top_right {
	background: url(http://camberoakland.com/website/resources/popup/tab_panel/container_top_right.png) no-repeat;
	width: 13px;
	height: 7px;
}

.tab_panel_middle_row {
	width: 100%;
	height: 100%;
	
}

.tab_panel_middle_left {
	background: url(http://camberoakland.com/website/resources/popup/tab_panel/container_middle_left.png) repeat-y;
	width: 13px;
	height: 100%;
}

.tab_panel_middle_middle {
	width: 100%;
	height: 100%;
	background-color: white;
}

.tab_panel_middle_right {
	background: url(http://camberoakland.com/website/resources/popup/tab_panel/container_middle_right.png) repeat-y;
	width: 13px;
	height: 100%;
}


.tab_panel_bottom_row {
	width: 100%;
	height: 12px;
}

.tab_panel_bottom_left {
	background: url(http://camberoakland.com/website/resources/popup/tab_panel/container_bottom_left.png) no-repeat;
	width: 13px;
	height: 12px;
}

.tab_panel_bottom_middle {
	background: url(http://camberoakland.com/website/resources/popup/tab_panel/container_bottom_middle.png) repeat-x;
	width: 100%;
	height: 12px;
}

.tab_panel_bottom_right {
	background: url(http://camberoakland.com/website/resources/popup/tab_panel/container_bottom_right.png) no-repeat;
	width: 13px;
	height: 12px;
}

/* ========================================================================================
	blue container
   ======================================================================================== */

.blue_container_top_row {
	width: 100%;
	height: 7px;
}

.blue_container_top_left {
	background: url(http://camberoakland.com/website/resources/popup/blue_container/container_top_left.png) no-repeat;
	width: 7px;
	height: 7px;
}

.blue_container_top_middle {
	background: url(http://camberoakland.com/website/resources/popup/blue_container/container_top_middle.png) repeat-x;
	width: 100%;
	height: 7px;
}

.blue_container_top_right {
	background: url(http://camberoakland.com/website/resources/popup/blue_container/container_top_right.png) no-repeat;
	width: 7px;
	height: 7px;
}

.blue_container_middle_row {
	width: 100%;
	height: 100%;
	
}

.blue_container_middle_left {
	background: url(http://camberoakland.com/website/resources/popup/blue_container/container_middle_left.png) repeat-y;
	width: 7px;
	height: 100%;
}

.blue_container_middle_middle {
	width: 100%;
	height: 100%;
	background-color: #d6eaf9;
}

.blue_container_middle_right {
	background: url(http://camberoakland.com/website/resources/popup/blue_container/container_middle_right.png) repeat-y;
	width: 7px;
	height: 100%;
}


.blue_container_bottom_row {
	width: 100%;
	height: 7px;
}

.blue_container_bottom_left {
	background: url(http://camberoakland.com/website/resources/popup/blue_container/container_bottom_left.png) no-repeat;
	width: 7px;
	height: 7px;
}

.blue_container_bottom_middle {
	background: url(http://camberoakland.com/website/resources/popup/blue_container/container_bottom_middle.png) repeat-x;
	width: 100%;
	height: 7px;
}

.blue_container_bottom_right {
	background: url(http://camberoakland.com/website/resources/popup/blue_container/container_bottom_right.png) no-repeat;
	width: 7px;
	height: 7px;
}

/* ========================================================================================
	positive message container
   ======================================================================================== */

.positive_message_top_row {
	width: 100%;
	height: 10px;
}

.positive_message_top_left {
	background: url(http://camberoakland.com/website/resources/popup/positive_message_container/container_top_left.png) no-repeat;
	width: 31px;
	height: 10px;
}

.positive_message_top_middle {
	background: url(http://camberoakland.com/website/resources/popup/positive_message_container/container_top_middle.png) repeat-x;
	width: 100%;
	height: 10px;
}

.positive_message_top_right {
	background: url(http://camberoakland.com/website/resources/popup/positive_message_container/container_top_right.png) no-repeat;
	width: 31px;
	height: 10px;
}

.positive_message_middle_row {
	width: 100%;
	height: 100%;
	
}

.positive_message_middle_left {
	background: url(http://camberoakland.com/website/resources/popup/positive_message_container/container_middle_left.png) repeat-y;
	width: 31px;
	height: 100%;
}

.positive_message_middle_middle {
	width: 100%;
	height: 100%;
	background-color: #e6e7e7;
}

.positive_message_middle_right {
	background: url(http://camberoakland.com/website/resources/popup/positive_message_container/container_middle_right.png) repeat-y;
	width: 31px;
	height: 100%;
}


.positive_message_bottom_row {
	width: 100%;
	height: 84px;
}

.positive_message_bottom_left {
	background: url(http://camberoakland.com/website/resources/popup/positive_message_container/container_bottom_left.png) no-repeat;
	width: 31px;
	height: 84px;
}

.positive_message_bottom_middle {
	background: url(http://camberoakland.com/website/resources/popup/positive_message_container/container_bottom_middle.png) repeat-x;
	width: 100%;
	height: 84px;
}

.positive_message_bottom_right {
	background: url(http://camberoakland.com/website/resources/popup/positive_message_container/container_bottom_right.png) no-repeat;
	width: 31px;
	height: 84px;
}


/* ========================================================================================
	negative message container
   ======================================================================================== */

.negative_message_top_row {
	width: 100%;
	height: 10px;
}

.negative_message_top_left {
	background: url(http://camberoakland.com/website/resources/popup/negative_message_container/container_top_left.png) no-repeat;
	width: 31px;
	height: 10px;
}

.negative_message_top_middle {
	background: url(http://camberoakland.com/website/resources/popup/negative_message_container/container_top_middle.png) repeat-x;
	width: 100%;
	height: 10px;
}

.negative_message_top_right {
	background: url(http://camberoakland.com/website/resources/popup/negative_message_container/container_top_right.png) no-repeat;
	width: 31px;
	height: 10px;
}

.negative_message_middle_row {
	width: 100%;
	height: 100%;
	
}

.negative_message_middle_left {
	background: url(http://camberoakland.com/website/resources/popup/negative_message_container/container_middle_left.png) repeat-y;
	width: 31px;
	height: 100%;
}

.negative_message_middle_middle {
	width: 100%;
	height: 100%;
	background-color: #e6e7e7;
}

.negative_message_middle_right {
	background: url(http://camberoakland.com/website/resources/popup/negative_message_container/container_middle_right.png) repeat-y;
	width: 31px;
	height: 100%;
}


.negative_message_bottom_row {
	width: 100%;
	height: 84px;
}

.negative_message_bottom_left {
	background: url(http://camberoakland.com/website/resources/popup/negative_message_container/container_bottom_left.png) no-repeat;
	width: 31px;
	height: 84px;
}

.negative_message_bottom_middle {
	background: url(http://camberoakland.com/website/resources/popup/negative_message_container/container_bottom_middle.png) repeat-x;
	width: 100%;
	height: 84px;
}

.negative_message_bottom_right {
	background: url(http://camberoakland.com/website/resources/popup/negative_message_container/container_bottom_right.png) no-repeat;
	width: 31px;
	height: 84px;
}

/* ========================================================================================
	greyish container
   ======================================================================================== */

.greyish_container_top_row {
	width: 100%;
	height: 5px;
}

.greyish_container_top_left {
	background: url(http://camberoakland.com/website/resources/popup/greyish_container/container_top_left.png) no-repeat;
	width: 5px;
	height: 5px;
}

.greyish_container_top_middle {
	background: url(http://camberoakland.com/website/resources/popup/greyish_container/container_top_middle.png) repeat-x;
	width: 100%;
	height: 5px;
}

.greyish_container_top_right {
	background: url(http://camberoakland.com/website/resources/popup/greyish_container/container_top_right.png) no-repeat;
	width: 5px;
	height: 5px;
}

.greyish_container_middle_row {
	width: 100%;
	height: 100%;
	
}

.greyish_container_middle_left {
	background: url(http://camberoakland.com/website/resources/popup/greyish_container/container_middle_left.png) repeat-y;
	width: 5px;
	height: 100%;
}

.greyish_container_middle_middle {
	width: 100%;
	height: 100%;
	background-color: #f9f9fa;
}

.greyish_container_middle_right {
	background: url(http://camberoakland.com/website/resources/popup/greyish_container/container_middle_right.png) repeat-y;
	width: 5px;
	height: 100%;
}


.greyish_container_bottom_row {
	width: 100%;
	height: 5px;
}

.greyish_container_bottom_left {
	background: url(http://camberoakland.com/website/resources/popup/greyish_container/container_bottom_left.png) no-repeat;
	width: 5px;
	height: 5px;
}

.greyish_container_bottom_middle {
	background: url(http://camberoakland.com/website/resources/popup/greyish_container/container_bottom_middle.png) repeat-x;
	width: 100%;
	height: 5px;
}

.greyish_container_bottom_right {
	background: url(http://camberoakland.com/website/resources/popup/greyish_container/container_bottom_right.png) no-repeat;
	width: 5px;
	height: 5px;
}

/* ========================================================================================
	whiteish container
   ======================================================================================== */

.whiteish_container_top_row {
	width: 100%;
	height: 5px;
}

.whiteish_container_top_left {
	background: url(http://camberoakland.com/website/resources/popup/whiteish_container/container_top_left.png) no-repeat;
	width: 5px;
	height: 5px;
}

.whiteish_container_top_middle {
	background: url(http://camberoakland.com/website/resources/popup/whiteish_container/container_top_middle.png) repeat-x;
	width: 100%;
	height: 5px;
}

.whiteish_container_top_right {
	background: url(http://camberoakland.com/website/resources/popup/whiteish_container/container_top_right.png) no-repeat;
	width: 5px;
	height: 5px;
}

.whiteish_container_middle_row {
	width: 100%;
	height: 100%;
	
}

.whiteish_container_middle_left {
	background: url(http://camberoakland.com/website/resources/popup/whiteish_container/container_middle_left.png) repeat-y;
	width: 5px;
	height: 100%;
}

.whiteish_container_middle_middle {
	width: 100%;
	height: 100%;
	background-color: white;
}

.whiteish_container_middle_right {
	background: url(http://camberoakland.com/website/resources/popup/whiteish_container/container_middle_right.png) repeat-y;
	width: 5px;
	height: 100%;
}


.whiteish_container_bottom_row {
	width: 100%;
	height: 5px;
}

.whiteish_container_bottom_left {
	background: url(http://camberoakland.com/website/resources/popup/whiteish_container/container_bottom_left.png) no-repeat;
	width: 5px;
	height: 5px;
}

.whiteish_container_bottom_middle {
	background: url(http://camberoakland.com/website/resources/popup/whiteish_container/container_bottom_middle.png) repeat-x;
	width: 100%;
	height: 5px;
}

.whiteish_container_bottom_right {
	background: url(http://camberoakland.com/website/resources/popup/whiteish_container/container_bottom_right.png) no-repeat;
	width: 5px;
	height: 5px;
}

/* ========================================================================================
	gray_transparent container
   ======================================================================================== */

.gray_transparent_container_top_row {
	width: 100%;
	height: 9px;
}

.gray_transparent_container_top_left {
	background: url(gray_transparent_container/top_left.png) no-repeat;
	width: 8px;
	height: 9px;
}

.gray_transparent_container_top_middle {
	background: url(gray_transparent_container/top.png) repeat-x;
	height: 9px;
	width: 100%;
}

.gray_transparent_container_top_right {
	background: url(gray_transparent_container/top_right.png) no-repeat;
	width: 9px;
	height: 9px;
}

.gray_transparent_container_middle_row {
	width: 100%;
	height: 100%;
}

.gray_transparent_container_middle_left {
	background: url(gray_transparent_container/left.png) repeat-y;
	width: 8px;
	height: 100%;
}

.gray_transparent_container_middle_middle {
	width: 100%;
	height: 100%;
	background-color: white;
}

.gray_transparent_container_middle_right {
	background: url(gray_transparent_container/right.png) repeat-y;
	width: 9px;
	height: 100%;
}

.gray_transparent_container_bottom_row {
	width: 100%;
	height: 8px;
}

.gray_transparent_container_bottom_left {
	background: url(gray_transparent_container/bottom_left.png) no-repeat;
	width: 8px;
	height: 8px;
}

.gray_transparent_container_bottom_middle {
	background: url(gray_transparent_container/bottom.png) repeat-x;
	height: 8px;
	width: 100%;
}

.gray_transparent_container_bottom_right {
	background: url(gray_transparent_container/bottom_right.png) no-repeat;
	width: 9px;
	height: 8px;
}