/* 

  -----------------------------------

  Accordion Panel Magic

  by Project Seven Development

  www.projectseven.com

  Style Theme: 18 - Pastel Beauty

  -----------------------------------

*/



.p7AP3-18 {

	padding: 3px;

	margin: 0 auto;

	width: auto;

	border-radius: 6px;

	background-color: #FFF;

	border: 1px solid;

	border-color: #BDBDBD;

}

.p7AP3:after {

	content: "\0020";

	font-size: 0px;

	display: inline;

	overflow: hidden;

	line-height: 1;

}

.p7AP3trig.p7ap3-theme-18 {

	margin: 0;

}

.p7AP3trig.p7ap3-theme-18 h3, .p7AP3trig.p7ap3-theme-18 h4 {

	margin: 0;

	padding: 0;

	letter-spacing: normal;

	font-size: 1em;

}

.p7AP3trig.p7ap3-theme-18 a {

	display: block;

	text-decoration: none;

	padding: 10px 20px;

	background-color: #00889E;

	color: #000;

	background-image: url(img/p7ap3_east_white.gif);

	background-repeat: no-repeat;

	background-position: left center;

	font-weight: normal;

	box-shadow: inset 0px 60px 10px rgba(255,255,255,.1);

	-webkit-transition: all ease-in-out 0.65s 0.1s;

	transition: all ease-in-out 0.65s 0.1s;

	border-bottom: 2px solid #FFF;

}

.p7AP3trig.p7ap3-theme-18 .p7AP3_ext, .p7AP3trig.p7ap3-theme-18 .p7AP3_ext.p7AP3trig_down {

	background-image: url(img/p7AP3_page_black.gif);

	background-color: #C7C7C7;

	letter-spacing: normal;

}

.p7AP3trig.p7ap3-theme-18 .p7AP3_ext:hover {

	background-image: url(img/p7AP3_page_black.gif);

	background-color: #A2A2A2;

	border-color: #FFF;

	color: #000000;

	box-shadow: inset 0px 40px 40px rgba(255,255,255,.25);

}

.p7AP3trig.p7ap3-theme-18 a:hover {

	background-color: #00C4E6;

	background-image: url(img/p7ap3_south_white.gif);

}

.p7AP3trig.p7ap3-theme-18 a:focus {}

.p7AP3trig.p7ap3-theme-18 .p7AP3trig_down {

	background-image: url(img/p7ap3_south_white.gif);

	background-repeat: no-repeat;

	color: #000000;

	background-color: #E02C5E;

}

.p7AP3trig.p7ap3-theme-18 .p7AP3trig_down:hover {

	background-color: #B41B45;

	color: #000;

}

.p7AP3cwrapper.p7ap3-theme-18 {

	position: relative;

}

.p7ap3-theme-18 a.ap3first {

	border-radius: 5px 5px 0px 0px;

}

.p7ap3-theme-18 a.ap3last {

	border-radius: 0px 0px 5px 5px;

	border-bottom: none;

}

.p7ap3-theme-18 a.ap3first.ap3last {

	border-radius: 5px 5px 5px 5px;

}

.p7ap3-theme-18 a.ap3last.p7AP3trig_down {

	border-radius: 0px 0px 0px 0px;

}

.p7ap3-theme-18 a.ap3first.ap3last.p7AP3trig_down {

	border-radius: 5px 5px 0px 0px;

}

.p7AP3panelcontent.p7ap3-theme-18 {

	line-height: 1.5em;

	color: #000000;

	background-color: #FFF;

	margin: 0px;

}

.p7AP3panelcontent.p7ap3-theme-18 h1,

.p7AP3panelcontent.p7ap3-theme-18 h2,

.p7AP3panelcontent.p7ap3-theme-18 h3,

.p7AP3panelcontent.p7ap3-theme-18 h4 {

	margin: 0px;

}

.p7AP3content.p7ap3-theme-18 p {

	margin: 6px 0;

}

.p7AP3trig.p7ap3-theme-18 a.current_mark {

	font-weight: bold;

}

.p7AP3trig.p7ap3-theme-18 .p7AP3_ext.current_mark, 

.p7AP3trig.p7ap3-theme-18 .p7AP3_ext.current_mark:hover {

	background-image: url(img/p7AP3_page_black.gif) !important;

	background-color: #C6C6C6 !important;

	color: #000 !important;

}

.p7AP3panelcontent.p7ap3-theme-18 .current_mark {

	font-weight: bold;

}



.responsive .ap3-toolbar {display: none;}



@media only screen and (min-width: 0px) and (max-width: 700px) {

.p7AP3-18.responsive .ap3-toolbar {

	display: block;

	padding: 0px 10px;

	text-align: right;

	cursor: pointer;

}

.p7AP3-18.responsive .ap3-toolbar a {

	font-size: 2em;

	font-weight: bold;

	color: #999;

	text-decoration: none;

	display: block;

}

.p7AP3-18.responsive .ap3-toolbar a:hover {

	color: #000;

}

.responsive .toggle-text a:before {

	position: relative;

	top: -.25em;

}

.p7AP3-18.responsive .toggle-text.closed a:before {

	content: "Show Menu \0020";

	font-size: .5em;

}

.p7AP3-18.responsive .toggle-text.opened a:before {

	content: "Hide Menu \0020";

	font-size: .5em;

}

.p7AP3root-wrapper.closed {

	height: 0px;

	overflow:hidden;	

}

.p7AP3root-wrapper.opened {

	height: auto;

	overflow: hidden;	

}



}