﻿/* Accordion control in homepage content */

.ui-accordion
{
	width: 550px;
	margin: 0;
	padding: 0;
	background-image: url(../media/content-main-column-horizontal-separator-grey.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.ui-accordion .ui-accordion-header
{
    display: block;
    position: relative;
	width: 550px;
	height: 32px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	/* border-bottom: solid 1px #ccc; */
}

.ui-accordion .ui-state-default
{
   background-image: url(../media/normal-accordion-header-background.png);
   background-position: top left;
   background-repeat: no-repeat;
}

.ui-accordion .ui-state-active
{
   background-image: url(../media/selected-accordion-header-background.png);
   background-position: top left;
   background-repeat: no-repeat;
}

/* first item in accordion control should have a different border color */
.ui-accordion .firstheader.ui-state-default
{
   background-image: url(../media/normal-accordion-header-background-2.png);
   background-position: top left;
   background-repeat: no-repeat;
}

.ui-accordion .firstheader.ui-state-active
{
   background-image: url(../media/selected-accordion-header-background-2.png);
   background-position: top left;
   background-repeat: no-repeat;
}

.ui-accordion .ui-accordion-header h2
{
    position: absolute;
    display: block;
    top: 0;
    left: 20px;
    margin: 0;
    padding: 0;
}

.ui-accordion .ui-accordion-content
{
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden !important;
}

.ui-accordion .ui-accordion-content ul
{
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.ui-accordion .ui-accordion-content ul li
{
	display: block;
	padding: 0;
	margin: 6px 0 6px 0px !important;
	min-height: 45px;
}

.ui-accordion .ui-accordion-content ul li a strong img
{
	float: left;
	margin: 0 12px 8px 0;
	padding: 0;
}

.ui-accordion .ui-accordion-content ul li a strong
{
    display: block;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #005a2c;
}

.ui-accordion .ui-accordion-content ul li a span
{
	display: block;
	margin: 0 18px 6px 0;
	padding: 0;
}

.ui-accordion .ui-accordion-content ul li a:hover strong
{
	color: #0060c3;
}




