﻿.promopanel-expander, .promopanel-expander-hover, .promopanel-expander-open, .promopanel-expander-open-hover
{
	width:7em;
	margin-top:0.3em;
	margin-bottom:0.3em;	
}
.promopanel-expander .promopanel-expander-t,  .promopanel-expander-open-hover .promopanel-expander-open-t { background: none 0 0 repeat-x #003399; }
.promopanel-expander .promopanel-expander-b,  .promopanel-expander-open-hover .promopanel-expander-open-b { background: none 0 100% repeat-x; }
.promopanel-expander .promopanel-expander-l,  .promopanel-expander-open-hover .promopanel-expander-open-l { background: none 0 0 repeat-y; }
.promopanel-expander .promopanel-expander-r,  .promopanel-expander-open-hover .promopanel-expander-open-r { background: none 100% 0 repeat-y; }
.promopanel-expander .promopanel-expander-bl, .promopanel-expander-open-hover .promopanel-expander-open-bl { background: url(images/bl.gif) 0 100% no-repeat; }
.promopanel-expander .promopanel-expander-br, .promopanel-expander-open-hover .promopanel-expander-open-br { background: url(images/br.gif) 100% 100% no-repeat; }
.promopanel-expander .promopanel-expander-tl, .promopanel-expander-open-hover .promopanel-expander-open-tl { background: url(images/tl.gif) 0 0 no-repeat; }
.promopanel-expander .promopanel-expander-tr, .promopanel-expander-open-hover .promopanel-expander-open-tr
{
	background: url(images/tr.gif) 100% 0 no-repeat; 
	padding: 4px 10px 2px 5px;
	text-align:center;	
} 

.promopanel-expander input, .promopanel-expander a
{
	white-space: nowrap;
	color: white; 
	text-decoration: none;
	border: 0em;
	padding: 0 5px 0 0; /*top right bottom left*/
	margin: 0em;
	cursor: hand;
	font-family: Arial;
	font-size: 75%;
	background: url(images/plus.gif) center right no-repeat transparent;
	width:100%;
	display : block;
}

.promopanel-expander-hover .promopanel-expander-t, .promopanel-expander-open .promopanel-expander-open-t { background: url(images/thover.gif) 0 0 repeat-x white; }
.promopanel-expander-hover .promopanel-expander-b, .promopanel-expander-open .promopanel-expander-open-b { background: url(images/bhover.gif) 0 100% repeat-x; }
.promopanel-expander-hover .promopanel-expander-l, .promopanel-expander-open .promopanel-expander-open-l { background: url(images/lhover.gif) 0 0 repeat-y; }
.promopanel-expander-hover .promopanel-expander-r, .promopanel-expander-open .promopanel-expander-open-r { background: url(images/rhover.gif) 100% 0 repeat-y; }
.promopanel-expander-hover .promopanel-expander-bl, .promopanel-expander-open .promopanel-expander-open-bl { background: url(images/blhover.gif) 0 100% no-repeat; }
.promopanel-expander-hover .promopanel-expander-br, .promopanel-expander-open .promopanel-expander-open-br { background: url(images/brhover.gif) 100% 100% no-repeat; }
.promopanel-expander-hover .promopanel-expander-tl, .promopanel-expander-open .promopanel-expander-open-tl { background: url(images/tlhover.gif) 0 0 no-repeat; }
.promopanel-expander-hover .promopanel-expander-tr, .promopanel-expander-open .promopanel-expander-open-tr 
{
	background: url(images/trhover.gif) 100% 0 no-repeat; 
	padding: 4px 10px 2px 5px;
	text-align:center;	
} 

.promopanel-expander-hover input, .promopanel-expander-hover a
{
	white-space: nowrap;
	color: #003399; 
	text-decoration: none;
	border: 0em;
	padding: 0 5px 0 0; /*top right bottom left*/
	margin: 0em;
	cursor: hand;
	font-family: Arial;
	font-size: 75%;
	background: url(images/plushover.gif) center right no-repeat transparent;
	width:100%;
	display : block;
	/*height: 1.5em;*/

}

.promopanel-expander-open input, .promopanel-expander-open a
{
	white-space: nowrap;
	color: #003399; 
	text-decoration: none;
	border: 0em;
	padding: 0 5px 0 0; /*top right bottom left*/
	margin: 0em;
	cursor: hand;
	font-family: Arial;
	font-size: 75%;
	background: url(images/minus.gif) center right no-repeat transparent;
	width:100%;
	display : block;
	/*height: 1.5em;*/

}

.promopanel-expander-open-hover input, .promopanel-expander-open-hover a
{
	white-space: nowrap;
	color: #003399; 
	text-decoration: none;
	border: 0em;
	padding: 0 5px 0 0; /*top right bottom left*/
	margin: 0em;
	cursor: hand;
	font-family: Arial;
	font-size: 75%;
	background: url(images/minushover.gif) center right no-repeat transparent;
	width:100%;
	display : block;
}

.promopanel-expander-open-hover input, .promopanel-expander-open-hover a
{
	white-space: nowrap;
	color: white; 
	text-decoration: none;
	border: 0em;
	padding: 0 5px 0 0; /*top right bottom left*/
	margin: 0em;
	cursor: hand;
	font-family: Arial;
	font-size: 75%;
	background: url(images/minushover.gif) center right no-repeat transparent;
	width:100%;
	display : block;
}



/*----------Tabbed Table--------------------------------------------------------*/


.promopanel-expanderTabbed, .promopanel-expanderTabbed-hover, .promopanel-expanderTabbed-open, .promopanel-expanderTabbed-open-hover , .tabbedExpandedCell

{
   /*width:112px;*/
   width:93px;
   height:40px;
   background-color:#dcdcdc;
   border-style:none;
}

.promopanel-expanderTabbed input, .promopanel-expanderTabbed a/*, .tabbedExpandedCell*/
{
	white-space: nowrap;
	color: white; 
	text-decoration: none;
	border: 0em;
	padding: 0 5px 0 0; /*top right bottom left*/
	margin: 0em;
	cursor: hand;
	font-size: 75%;
	background: url(images/plus.gif) center right no-repeat transparent;
	width:100%;

}
/* hover or expand background table images were here*/


.table-expand
{
    
}

.promopanel-expanderTabbed-hover input, .promopanel-expanderTabbed-hover a/*, .tabbedExpandedCell*/
{
	white-space: nowrap;
	color: #003399; 
	text-decoration: none;
	border: 0em;
	padding: 0 5px 0 0; /*top right bottom left*/
	margin: 0em;
	cursor: hand;
	font-size: 75%;
	background: url(images/plushover.gif) center right no-repeat transparent;
	width:100%;
	
}

.promopanel-expanderTabbed-open input, .promopanel-expanderTabbed-open a/*, .tabbedExpandedCell*/
{
	white-space: nowrap;
	color: #003399; 
	text-decoration: none;
	border: 0em;
	padding: 0 5px 0 0; /*top right bottom left*/
	margin: 0em;
	cursor: hand;
	font-size: 75%;
	background: url(images/minus.gif) center right no-repeat transparent;
	width:100%;

	
}

.promopanel-expanderTabbed-open-hover input, .promopanel-expanderTabbed-open-hover a /*, .tabbedExpandedCell*/
{
	white-space: nowrap;
	color: #003399; 
	text-decoration: none;
	border: 0em;
	padding: 0 5px 0 0; /*top right bottom left*/
	margin: 0em;
	cursor: hand;
	font-size: 75%;
	background: url(images/minushover.gif) center right no-repeat transparent;
	width:100%;

	
}

.promopanel-expanderTabbed-open-hover input, .promopanel-expanderTabbed-open-hover a/*, .tabbedExpandedCell*/
{
	white-space: nowrap;
	color: white; 
	text-decoration: none;
	border: 0em;
	padding: 0 5px 0 0; /*top right bottom left*/
	margin: 0em;
	cursor: hand;
	font-size: 75%;
	background: url(images/minushover.gif) center right no-repeat transparent;
	width:100%;

	 
}


