/* CSS Document */

.panel
{
	text-align: left;
	letter-spacing: .1em;
	height:80px;
	border:1px none #CCCCCC;
	cursor:pointer;
	width: 250px;
	margin: 0px;
}

.panel a
{

	text-decoration:none;

	color:#000000;

}

 .panel-up
 {
	background-attachment: scroll;
	background-image: url(images/arrow_up.png);
	background-repeat: no-repeat;
	background-position: 11px 44px;
	float: left;
	height: 80px;
	width: 250px;
 }

.panel-down
{

	background-attachment: scroll;
	background-repeat: no-repeat;
	background-image: url(images/arrow_down.png);		
	background-position: 11px 44px;
	float: left;
	height: 80px;
	width: 250px;

}

.panel-target
{

}

.panel-closed
{

	display:none;

}



/* Caution! Ensure accessibility in print and other media types... */

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */

    .ui-tabs-hide {

        display: none;

    }

}



/* Hide useless elements in print layouts... */

@media print {

    .ui-tabs-nav {

        display: none;

    }

}



/* Skin */