/* Icons
----------------------------------*/
h1, h2, h3, h4{outline:none;}

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: 0.8% 2%;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
/*.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}*/
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	right:0.5%;
	top: 35%;
	margin-top: -10px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}



/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 35px;
	height: 34px;
}
.ui-state-default .ui-icon {
	background-image:url("../images/menu_icon.png") !important;background-repeat:no-repeat !important;
}
/*.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image:url("../images/menu_icon.png") !important;background-repeat:no-repeat !important;
}
.ui-state-active .ui-icon {
	background-image:url("../images/menu_icon.png") !important;background-repeat:no-repeat !important;
}*/

/* positioning */

.ui-icon-triangle-1-e { background-position: 10px -28px; }

.ui-icon-triangle-1-s { background-position: 10px 3px; }

@media only screen and (max-width : 680px) {
.ui-accordion .ui-accordion-icons{padding: 1.4% 2%;}
}

@media only screen and (max-width : 580px) {
	.ui-accordion .ui-accordion-icons {padding: 2% 8% 2% 4%;}
}
@media only screen and (max-width : 481px) {
#accordion h3{font-size: 16px;}
}
@media only screen and (max-width : 431px) {
.ui-state-default .ui-icon {background-image:url("../images/menu_icon-sm.png") !important;background-repeat:no-repeat !important;}
.ui-icon { height: 22px; width: 20px;}
.ui-icon-triangle-1-s { background-position: 0 3px;}
.ui-icon-triangle-1-e {  background-position: 0 -22px;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {  margin-top: -6px;}
.ui-accordion .ui-accordion-icons {padding: 3% 10% 3% 4%;}
#accordion h3{font-size:14px}
}
@media only screen and (max-width : 330px) {
.ui-accordion .ui-accordion-icons {padding: 3% 12% 3% 4%;}
	
}