/* @group #PO_PopBin ["PO_" = "Pop Over"] n ( this has two states -WithTabs and -SansTabs) */

#PO_PopBin-WithTabs, #PO_PopBin-SansTabs, .PO_PopBin-WithTabs, .PO_PopBin-SansTabs   {
/* PO_PopBin has two states. -WithTabs and -SansTabs. If you DO want tabs, use the PO_PopBin-WithTabs class here. If you DO NOT want tabs, use the PO_PopBin-SansTabs.*/
/*	position: absolute;*/
/*	z-index: 20;*/
/*	left: 50px;*/ /*this is just for testing... in the final pop over, we won't need this.*/
/*	top: 100px;*/ /*this is just for testing... in the final pop over, we won't need this.*/
	text-align: left;
	width: 75%; /*PO_PopBin sets the width for the pop over, but when you are using a javascript do the pop over you will probably need to change this.*/
	margin-bottom: 20px;
}


/* @group .PO_PopBin_Row1Bin */

.PO_PopBin_Row1Bin {
	width: 100%;
	position: relative;
	height: 10px;
}

.PO_Row1Bin_r1c2Bin {
	position: absolute;
	height: 10px;
	top: 0px;
	left: 10px;
	right: 10px;
	z-index: 5;

}



/* @end */

/* @group .PO_PopBin_Row2Bin */

.PO_PopBin_Row2Bin {
	position: relative;
	width: 100%;
/*	height: 200px;*/ /* 142px is min height. PO_PopBin sets the width. */
	text-align: left;
	overflow: visible;
} 

.PO_PopBin_Row2BinTable {
	height: 100%;
}

.PO_Row2Bin_LeftVertLineBin {
	position: absolute;
	z-index: 9;
	top: -8px;
	left: 8px;
	width: 4px;
	height: 108%;
	background: url(lib/vickerey/pop-over-assets/pop-over-vert-line.png) repeat-y;
}

.PO_Row2Bin_RightVertLineBin {
	position: absolute;
	z-index: 9;
	top: -9px;
	right: 8px;
	width: 4px;
	height: 108%;
	background: url(lib/vickerey/pop-over-assets/pop-over-vert-line.png) repeat-y;
}

.PO_Row2Bin_r2c1Bin {
	position: absolute;
	width: 20px;
/*	top: -35px;
	bottom: -60px; */
	left: -18px;
	height: 100%;
	z-index: 5;
}

/* @group .PO_Row2Bin_r2c2BinContentArea */

.PO_Row2Bin_r2c2ContentBin {
/*all content goes in this bin*/
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	height: 100%;
/*	overflow: hidden;*/
/*	z-index: 1;*/
	background-color: white;
	background-image: url(lib/vickerey/pop-over-assets/pop-over-content-area-bottom-grad.png);
	background-position: left bottom;
	background-repeat: repeat-x;
/*	overflow-y: scroll;
	overflow-x: hidden;*/
}

/* @group .PO_r2c2ContentBin_TopHeaderBin  */

.PO_r2c2ContentBin_TopHeaderBin {
	position: relative;
/*	background-color: #77bae9;*/ /*blueish*/
/*	background-color: #989ee8;*/ /*periwinkle*/
/*	background-color: white;*/
/*	background-color: #ab4500;*/ /*rust color */
	background-color: #aa907f; /*brownish color */
/*	background-color: #993e00;*/ /*orig red color */
	background-image: url(lib/vickerey/pop-over-assets/pop-over-top-header-bg-grad.png);
	background-position: left top;
	background-repeat: repeat-x;
}


#PO_PopBin-WithTabs .PO_TopHeaderBin_HeaderTextBin, .PO_PopBin-WithTabs .PO_TopHeaderBin_HeaderTextBin {
/*this sets the proper height for the -WithTabs state*/
	position: relative;
	padding-top: 8px;
	padding-bottom: 30px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 1.2em;
}

#PO_PopBin-SansTabs .PO_TopHeaderBin_HeaderTextBin, .PO_PopBin-SansTabs .PO_TopHeaderBin_HeaderTextBin {
/*this sets the proper height for the -SansTabs state*/
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 1.2em;
}


.PO_HeaderTextBin_HeaderText {
	color: white;
/*	font-family: Georgia, "Times New Roman", Times, serif;*/
/*	font-size: 15px;*/
	letter-spacing: .1em;
	text-transform: uppercase;
	float: left;
}

.PO_HeaderTextBin_ControlBin {
	color: whitesmoke;
	font-family: Verdana, Geneva, Tahoma, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: lowercase;
	float: right;
	height: 1.5em;
}

.PO_HeaderTextBin_ControlBin a, .PO_HeaderTextBin_ControlBin a:visited {
	color: whitesmoke;
	text-decoration: none;
	margin-bottom: 1px;
	border-bottom: 1px dotted whitesmoke;
}

.PO_HeaderTextBin_ControlBin a:hover {
	color: whitesmoke;
	text-decoration: none;
	border-bottom: 1px solid whitesmoke;
}

/* @end */

/* @group .PO_r2c2ContentBin_BttmContentBin */

.PO_r2c2ContentBin_BttmContentBin {
	position: relative;
}

#PO_PopBin-WithTabs .PO_BttmContentBin_SansTabsHorzLineBin, .PO_PopBin-WithTabs .PO_BttmContentBin_SansTabsHorzLineBin {
/* NOT displayed in PO_PopBin-WithTabs state */
	display: none;
	position: absolute;
	width: 100%;
	top:  -2px;
	height: 4px;
	background: url(lib/vickerey/pop-over-assets/pop-over-horz-line.png) repeat-x;
}

#PO_PopBin-SansTabs .PO_BttmContentBin_SansTabsHorzLineBin, .PO_PopBin-SansTabs .PO_BttmContentBin_SansTabsHorzLineBin {
/*  displayed in PO_PopBin-SansTabs state */
	position: absolute;
	width: 100%;
	top:  -2px;
	height: 4px;
	background: url(lib/vickerey/pop-over-assets/pop-over-horz-line.png) repeat-x;
}

/* @group .PO_BttmContentBin_ContentChildBin */

.PO_BttmContentBin_ContentChildBin {
	position: relative;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}

#PO_TabContent1 {
	display: block;
	/*this is the default content area. it is on by default*/
}

#PO_TabContent2, #PO_TabContent3, #PO_TabContent4, #PO_TabContent5 {
	display: none;
	/*these are used for naming the content so when a tab is clicked, the content can be swtiched on and off. */
	/* they are turned off by default*/
}

.PO_ContentChildBin_BrandsLinkBin {
/*	position: relative;*/
/*	width: 100%;*/
	padding-left: 15px;
}

.PO_BrandsLinkBin_BrandsLinkBinTable {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	text-align: left;
/*	width: 99%;*/
}

.PO_BrandTable_DingbatCell {
	color: #3c3c97;
	width: 1%;
	padding-bottom: 5px;
	padding-right: .25em;
	letter-spacing: normal;
/*	line-height: 1.5em;*/
}

.PO_BrandTable_DingbatCell a, .PO_BrandTable_DingbatCell a:visited {
	color: #3c3c97;
	text-decoration: none;
}

.PO_BrandTable_TextLinkCell {
	color: #3c3c97;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 32%;
	letter-spacing: normal;
/*	line-height: 1.5em;*/
}

.PO_BrandTable_TextLinkCell a, .PO_BrandTable_TextLinkCell a:visited {
	color: #3c3c97;
	text-decoration: underline;
/*	border-bottom: 1px dotted #3c3c97;*/
}

.PO_BrandTable_TextLinkCell a:hover {
	color: #3c3c97;
	text-decoration: none;
/*	border-bottom: 1px solid #3c3c97;*/
}




/* @end */




/* @end */



/* @end */

.PO_Row2Bin_r2c3Bin {
	position: absolute;
	width: 20px;
/*	top: -35px;
	bottom: -60px;*/
	right: -18px;
	height: 100%; 
	z-index: 5;
}

.PO_Row2Bin_TopHorzLineBin {
	position: absolute;
	z-index: 10;
	top: -2px;
	left: 0px;
	width: 100%;
	height: 4px;
	background: url(lib/vickerey/pop-over-assets/pop-over-horz-line.png) repeat-x;
}

.PO_Row2Bin_BottomHorzLineBin {
	position: absolute;
	z-index: 10;
	bottom: -2px;
	width: 100%;
	left: 0px;
	height: 4px;
	background: url(lib/vickerey/pop-over-assets/pop-over-horz-line.png) repeat-x;
}



/* @end */

/* @group .PO_PopBin_Row3Bin */

.PO_PopBin_Row3Bin {
	width: 100%;
	position: relative;
	height: 10px;	
}

.PO_Row3Bin_r3c2Bin {
	position: absolute;
	height: 10px;
	left: 10px;
	right: 10px;
	top: 0px;
}


/* @end */

/* @group .PO_r1c2Bin_HorzGradTable, .PO_r3c2Bin_HorzGradTable */

.PO_r1c2Bin_HorzGradTable, .PO_r3c2Bin_HorzGradTable {
	width: 100%;
}

.PO_HorzGradTable_LeftCell, .PO_HorzGradTable_RightCell {
	width: 71px;
	height: 10px;
}

.PO_HorzGradTable_TopMidCell {
	height: 10px;
	background-image: url(lib/vickerey/pop-over-assets/pop-over-shad-horz-top-middle.png);
	background-repeat: repeat-x;
}

.PO_HorzGradTable_BottomMidCell {
	height: 10px;
	background-image: url(lib/vickerey/pop-over-assets/pop-over-shad-horz-bottom-middle.png);
	background-repeat: repeat-x;
}



/* @end */

/* @group .PO_r2c1Bin_VertGradTable, .PO_r2c3Bin_VertGradTable */

.PO_r2c1Bin_VertGradTable, .PO_r2c3Bin_VertGradTable {
	height: 100%;
}

.PO_VertGradTable_TopCell, .PO_VertGradTable_BottomCell {
	width: 20px;
	height: 71px;
}

.PO_VertGradTable_RightMidCell {
	width: 20px;
	background-image: url(assets/pop-over-assets/pop-over-shad-vert-right-middle.png);
	background-repeat: repeat-y;
}

.PO_VertGradTable_LeftMidCell {
	width: 20px;
	background-image: url(assets/pop-over-assets/pop-over-shad-vert-left-middle.png);
	background-repeat: repeat-y;
}




/* @end */


/* @end */