/* Accordions v1.0
=======================================================*/


/* accordion content structures */

.accordionContentContainer
{
 height: 0px;
 overflow: hidden;
}


.accordionWideContentContainer
{
	width:623px;
    height:0px;
	overflow:hidden;
}

.accordionContent {
	background-color:#ffffff;
	color:#0f3f81;
	font-size:1.1em;
	padding:0 10px 0 10px;
	overflow:hidden;
}

.accordionContent div {
	padding:10px 0 10px 0;
}

.accordionContent li {
	background:url(/images/listArrowBlue.gif) no-repeat;
	background-position:1px 7px;
	display:block;
	padding:3px 0 3px 10px;
}

td.widthVenueTD {
	width:140px;
}

#accordionDarkBlue,
#accordionMedBlue,
#accordionLightBlue,
#accordionYellow {
 width: 300px;
}
 
#accordionMedBlue .accordionContent,
#accordionLightBlue .accordionContent,
#accordionDarkBlue .accordionContent,
#accordionYellow .accordionContent {
 width:278px; /* + 10px padding + 1px border makes it 300px wide */
}


#accordionGold,
#accordionBlueSmall {
 width:271px; /* + 10px padding makes it 271px wide */
 text-align:left;
 margin:0 auto;
}

#accordionGold .accordionContent,
#accordionBlueSmall .accordionContent {
 width:251px;
 background-color:#FFFFFF;
 border-top:1px solid #ffffff;
 border-bottom:1px solid #ffffff;
}
 
#accordionBlueSmall .accordionContent
{
 width:251px;
 font-size: 1em;
}

#accordionBlueWide,
#accordioBlueWide .accordionContent {
	width:623px;
}

/* accordion content styling */
#accordionMedBlue .accordionContent,
#accordionDarkBlue .accordionContent,
#accordionLightBlue .accordionContent,
#accordionYellow .accordionContent,
#accordionBlueSmall .accordionContent {
 background:#dcefff url(/images/accorContent_BG_small.jpg) bottom right no-repeat;
 color:#0f3f81 !important;
}

.accordionContent h4 {
	font-size:1.1em;
}


#accordionBlueWide .accordionContent {
	background:#f2f8ff url(/images/accorContent_BG_large.jpg) bottom right repeat-y;
	padding:0 !important
}

#accordionMedBlue .accordionContent {
	border-left:1px solid #2A6CA9;
	border-right:1px solid #2A6CA9;
	border-bottom:1px solid #2A6CA9;
}

#accordionDarkBlue .accordionContent {
	border-left:1px solid #2A6CA9;
	border-right:1px solid #2A6CA9;
}

#accordionLightBlue .accordionContent {
	border-left:1px solid #7ab8f1;
	border-right:1px solid #7ab8f1;
	border-bottom:1px solid #7ab8f1;
}

#accordionYellow .accordionContent {
	border-left:1px solid #2A6CA9;
	border-right:1px solid #2A6CA9;
}

.accordionContent a { color:#0f3f81 !important; }

/* Accordion Bars (All colors) */

/* standard bar */
.accordionBar {
	width:263px;
	height:19px;
	padding: 6px 0px 0px 35px; /* extra 35px makes total width 300px */
	margin:0;
	font-size:1.1em;
	font-weight:bold;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
	overflow:hidden;
}

/* wide bar */
#accordionBlueWide .accordionBar {
	width:588px;
	padding: 6px 0px 0px 35px; /* extra 35px makes total width 275px */
	color:#ffffff;
}

/* short bar */
#accordionGold .accordionBar {
	width:246px;
	padding: 6px 0px 0px 25px; /* extra 25px makes total width 271px */
	color:#0f3f81;
}

#accordionMedBlue .accordionBar {
	color:#ffffff;
	border-left:1px solid #2A6CA9;
	border-right:1px solid #2A6CA9;
	border-top:1px solid #2A6CA9;
}

#accordionLightBlue .accordionBar {
	border-left:1px solid #7ab8f1;
	border-right:1px solid #7ab8f1;
	border-top:1px solid #7ab8f1;
}

#accordionYellow .accordionBar {
	color:#0f3f81;
	border-left:1px solid #2A6CA9;
	border-right:1px solid #2A6CA9;
	border-top:1px solid #2A6CA9;
	border-bottom:1px solid #2A6CA9;
}

#accordionDarkBlue .accordionBar {
	color:#ffd41f;
	border-left:1px solid #2A6CA9;
	border-right:1px solid #2A6CA9;
	border-top:1px solid #2A6CA9;
}

#accordionBlueSmall .accordionBar
{
 width:236px;
 padding: 6px 0px 0px 35px; /* extra 25px makes total width 271px */
 color:#ffffff;
}

#accordionBlueWide .accordionBar span {
	font-weight:normal !important;
	color:#A9E1FA !important;
}


.accordionBar .status {
	position:absolute;
	top:5px;
	right:5px;
	font-weight:normal;	
}

.accordionBar .status span {
	color:red;
	font-weight:bold;
}

#accordionGold .closedBar { background-image:url(/images/accorBarGold.jpg);background-position:bottom; }
#accordionGold .openedBar { background-image:url(/images/accorBarGold.jpg);background-position:top; }

#accordionLightBlue .closedBar { background-image:url(/images/accorBarLight.jpg);background-position:bottom; }
#accordionLightBlue .openedBar { background-image:url(/images/accorBarLight.jpg); background-position:top;}

#accordionMedBlue .closedBar { background-image:url(/images/accorBarMedium.jpg) ;background-position:top;}
#accordionMedBlue .openedBar { background-image:url(/images/accorBarMedium.jpg);background-position:bottom; }
/*#accordionMedBlue .closedBar { }
#accordionMedBlue .openedBar {  }*/


#accordionDarkBlue .closedBar { background-image:url(/images/accorBarDark.jpg);background-position:bottom; }
#accordionDarkBlue .openedBar { background-image:url(/images/accorBarDark.jpg);background-position:top; }

#accordionBlueWide .closedBar { background-image:url(/images/accorBlueWide.jpg);background-position:bottom; }
#accordionBlueWide .openedBar { background-image:url(/images/accorBlueWide.jpg); background-position:top;}

#accordionYellow .closedBar { background-image:url(/images/accorBarYellow.jpg); background-position:bottom;}
#accordionYellow .openedBar { background-image:url(/images/accorBarYellow.jpg);background-position:top; }

#accordionBlueSmall .closedBar  { background-image:url(/images/accorBarMedium.jpg);background-position:top left; }
#accordionBlueSmall .openedBar { background-image:url(/images/accorBarMedium.jpg); background-position:bottom left;}



/* Accordion Content Tables */

.accordionContent table {
	margin:10px 0 10px 0;
	width:auto;

}

.accordionContent table.tableCentered {
	margin:5px auto 10px auto;
	width:auto;
}

.accordionContent div.showPhotosContainer {
	margin:2px auto 0 auto;
	width:236px;
}

.accordionContent div.showPhotosContainer div {
	margin:0 0 2px 0;
	padding:0;
}

.accordionContent div.showPhotosContainer a {
	margin:0 5px;
	padding:0;
}

.accordionContent td {
	padding:5px;
	vertical-align:top;
}

.accordionContent td h3 {
	font-weight:bold;
	font-size:1.1em;
	margin:4px 0 0 0;
	padding:0;
}

.accordionContent table.pricingTable {
	width:100%;
	text-align:left;
}

table.pricingTable td.TDpriceType {
	width:70%;
}

table.pricingTable td.TDprice {
	width:30%;
	text-align:right;
}

/*support info */

div.additionalBlock img {
	float:left;
	margin:0 10px 0px 0;
}

/*.questions a{font-weight:bold;padding-left:10px;}
.questions p{padding:10px 25px 0 25px;margin:0;}*/


/* Help page sub content */

/* just to add a shadow at the bottom of every wide accordion module */
.accorWideShadowBottom {
	background:url(/images/accorWideShadowBottom.jpg) bottom left repeat-x; 
	padding:0 10px 0 10px !important;
}

.questions a
{
	font-weight:bold;padding-left:10px;
	background:url(/images/listArrowBlue.gif) no-repeat;
	background-position:1px 7px;
	display:block;
	padding:3px 0 3px 10px;
}

#first div.questions  
{
	padding:4px 0px 4px 0px;		
}

#first div.accordionSubContent {
	padding:0px;
	background:url(/images/50whiteBg.jpg) top right repeat-y;
}

#first div.accordionSubContent div.accordionSubContent {
	padding:10px 10px 10px 30px;	
}

.accordionContent #first div
{
	padding-left:20px;
}


/*my list */
table.myListTable {
	width:100%;
	border-bottom:1px solid #0f3f81;
	margin:0;
	padding:0;
}

.noBorderBottom { border-bottom:0 !important; }
table.myListTable td {	
	vertical-align:middle;
}

table.myListTable td.buyNowCell {
	background-color:#e3f0fb;
	text-align:center;
	padding:5px;
}

.relWrap {
	padding:0;
	margin:0;
}

/*
    A Titled box with the same styling as an accordion
*/

#accordionLightBlue.titledBox
{
    margin-top: 1em;
}


#accordionLightBlue.titledBox .accordionBar
{
    cursor: default; 
    padding-left: 10px; 
    width: 288px; 
    background-image:url(/images/headingBarLight.jpg);
    color: #fff;
}
