﻿/*Basic Styles*/
#accordion {
	width: 270px;
	margin: 0px auto;
}
#accordion .ui-accordion-header {
	background-color: #ccc;
	margin: 0px;
}
#accordion .ui-accordion-header a {
	color: #fff;
	line-height: 42px;
	display: block;
	font-size: 12pt;
	width: 100%;
	text-indent: 10px;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	border-right: 1px solid rgba(0, 0, 0, .2);
	border-left: 1px solid rgba(0, 0, 0, .2);
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	border-top: 1px solid rgba(250, 250, 250, .2);
}
#accordion .ui-accordion-content {
	width: 100%;
	background-color: #f3f3f3;
	color: #777;
	font-size: 10pt;
	line-height: 16pt;
	box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2),
				inset 0px -1px 0px 0px rgba(0, 0, 0, .4);
}
#accordion .ui-accordion-content > * {
	margin: 0;
	padding: 20px;
}
#accordion .ui-accordion-content a {
	color: #777;
}
#accordion .ui-accordion-header:first-of-type {
	background-color: #6699cc;
	background-image: linear-gradient(to bottom,  #6699cc 0%,#6699cc 100%);
	}
#accordion .ui-accordion-header:nth-of-type(2) {
	background-color: #6699ff;
	background-image: -moz-linear-gradient(top,  #6699ff 0%, #6699ff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6699ff), color-stop(100%,#6699ff));
	background-image: -webkit-linear-gradient(top,  #e8e8e8 0%,#e8e8e8 100%);
	background-image: -o-linear-gradient(top,  #6699ff 0%,#6699ff 100%);
	background-image: -ms-linear-gradient(top,  #6699ff 0%,#6699ff 100%);
	background-image: linear-gradient(to bottom,  #6699ff 0%,#6699ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6699ff', endColorstr='#6699ff',GradientType=0 );
}
#accordion .ui-accordion-header:nth-of-type(3) {
	background-color: #9999ff;
	background-image: -moz-linear-gradient(top, #9999ff 0%, #e8e8e8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9999ff ), color-stop(100%,#9999ff ));
	background-image: -webkit-linear-gradient(top, #9999ff 0%,#9999ff 100%);
	background-image: -o-linear-gradient(top, #9999ff 0%,#9999ff 100%);
	background-image: -ms-linear-gradient(top,  #9999ff 0%,#9999ff 100%);
	background-image: linear-gradient(to bottom,  #9999ff 0%,#9999ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9999ff', endColorstr='#9999ff',GradientType=0 );
}
#accordion .ui-accordion-header:nth-of-type(4) {
	background-color: #9999cc ;
	background-image: -moz-linear-gradient(top,  #9999cc 0%, #9999cc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#9999cc ));
	background-image: -webkit-linear-gradient(top,  #9999cc 0%,#9999cc 100%); 
	background-image: -o-linear-gradient(top,  #9999cc 0%,#9999cc 100%);
	background-image: -ms-linear-gradient(top,  #9999cc 0%,#9999cc 100%);
	background-image: linear-gradient(to bottom,  #9999cc 0%,#9999cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9999cc', endColorstr='#9999cc',GradientType=0 );
}
#accordion .ui-accordion-header:last-of-type {
	background-color: #b3bec4;
	background-image: linear-gradient(to bottom,  #b3bec4 0%,#95a0a4 100%);
	}
#accordion .ui-accordion-header:first-of-type a {
	box-shadow: 0px -1px 0px 0px #b85c0f;
}
#accordion .ui-accordion-content:last-of-type {
	box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2),
				inset 0px 0 0px 0px rgba(0, 0, 0, .5);
}
