@charset "utf-8";

/********************************************************************************
 *
 * Hier werden die Farben der ganzen Website eingestellt
 *
 ********************************************************************************/

:root {

	/**
	 * Header-Banner
	 */
	--header-banner---height: 150px;

	/**
	 * Schrift
	 */
	--big-screen---font-family: Helvetica, Arial, Lucida, sans-serif;
	--big-screen---font-size: 16px;

	--small-screen---font-family: Helvetica, Arial, Lucida, sans-serif;
	--small-screen---font-size: 18px;


	/**
	 *	Menus
	 */
	/* Menu Farbe und Hintergrund */
	--menu-level-1---background-color: #dd0000;
	--menu-level-1---color: #ffffff;
	--menu-level-1---font-family: inherit;
	--menu-level-1---font-weight: normal;

	--menu-level-2---background-color: #dd1100;
	--menu-level-2---color: #ffffff;
	--menu-level-2---font-family: inherit;
	--menu-level-2---font-weight: normal;

	--menu-level-3---background-color: #dd2200;
	--menu-level-3---color: #ffffff;
	--menu-level-3---font-family: inherit;
	--menu-level-3---font-weight: normal;


	/* Menu Farbe und Hintergrund hover, active und focus */
	--menu-active-level-1---background-color: #ff0000;
	--menu-active-level-1---color: #ffffff;

	--menu-active-level-2---background-color: #ff1100;
	--menu-active-level-2---color: #ffffff;

	--menu-active-level-3---background-color: #ff2200;
	--menu-active-level-3---color: #ffffff;


	/* Menu logged in Farbe und Hintergrund */
	--menu-logged-in-level-1---background-color: #ff7700;
	--menu-logged-in-level-1---color: #ffffff;

	--menu-logged-in-level-2---background-color: #ff7711;
	--menu-logged-in-level-2---color: #ffffff;

	--menu-logged-in-level-3---background-color: #ff7722;
	--menu-logged-in-level-3---color: #ffffff;


	/* Menu logged in Farbe und Hintergrund hover, active und focus */
	--menu-logged-in-active-level-1---background-color: #ee7700;
	--menu-logged-in-active-level-1---color: #ffffff;

	--menu-logged-in-active-level-2---background-color: #ee7711;
	--menu-logged-in-active-level-2---color: #ffffff;

	--menu-logged-in-active-level-3---background-color: #ee7722;
	--menu-logged-in-active-level-3---color: #ffffff;


	/* Menu und Menu logged in Grösse und Schriftgrössen nach Level */
	--menu-big-screen-level-1---height: 60px;
	--menu-big-screen-level-1---font-size: 18px;

	--menu-big-screen-level-2---height: 50px;
	--menu-big-screen-level-2---font-size: 18px;

	--menu-big-screen-level-3---height: 40px;
	--menu-big-screen-level-3---font-size: 18px;

	--menu-small-screen-level-1---height: 80px;
	--menu-small-screen-level-1---font-size: 24px;
	--menu-small-screen-level-1-divider---width: 1px;
	--menu-small-screen-level-1-divider---color: #cccccc;

	--menu-small-screen-level-2---height: 60px;
	--menu-small-screen-level-2---font-size: 20px;
	--menu-small-screen-level-2-divider---width: 0px;
	--menu-small-screen-level-2-divider---color: #cccccc;

	--menu-small-screen-level-3---height: 50px;
	--menu-small-screen-level-3---font-size: 18px;
	--menu-small-screen-level-3-divider---width: 0px;
	--menu-small-screen-level-3-divider---color: #cccccc;

	/**
	 *	Buttons
	 */
	--button---background-color: #dd0000;
	--button---color: #ffffff;

	--button-active---background-color: #bb0000;
	--button-active---color: #ffffff;

	--button-disabled---background-color: #cccccc;
	--button-disabled---color: #ffffff;

	/* Ein disabled button sollte nicht auf hover reagieren! */
	--button-disabled-active---background-color: #cccccc;
	--button-disabled-active---color: #ffffff;


	/**
	 * Headings
	 */
	--header---letter-spacing: 0.05em;

	--mso-title---font-size: 36px; /* Haupttitel */
	--h1---font-size: 28px;
	--h2---font-size: 24px;
	--h3---font-size: 20px;
	--h4---font-size: 18px;

	--mso-title---font-family: inherit;
	--h1---font-family: inherit;
	--h2---font-family: inherit;
	--h3---font-family: inherit;
	--h4---font-family: inherit;

	--mso-title---font-weight: bold;
	--h1---font-weight: normal;
	--h2---font-weight: normal;
	--h3---font-weight: normal;
	--h4---font-weight: normal;

	--mso-title---font-style: normal;
	--h1---font-style: normal;
	--h2---font-style: normal;
	--h3---font-style: normal;
	--h4---font-style: normal;

	--mso-title---text-decoration: none;
	--h1---text-decoration: none;
	--h2---text-decoration: none;
	--h3---text-decoration: none;
	--h4---text-decoration: none;

	--mso-title---color: #11509c;
	--h1---color: #255b9c;
	--h2---color: #30619c;
	--h3---color: #30619c;
	--h4---color: #30619c;

	/**
	 * Input fields
	 */
	--input-field-big-screen---height: 30px;
	--input-field-big-screen---font-size: 16px;

	--input-field-small-screen---height: 40px;
	--input-field-small-screen---font-size: 18px;


	/**
	 * Accordions
	 */
	--accordion---color: #000000;
	--accordion---background-color: #eeeeee;
	--accordion---border: 0;

	--accordion-h1---font-family: inherit;
	--accordion-h2---font-family: inherit;
	--accordion-h3---font-family: inherit;
	--accordion-h4---font-family: inherit;

	--accordion-h1---font-weight: normal;
	--accordion-h2---font-weight: normal;
	--accordion-h3---font-weight: normal;
	--accordion-h4---font-weight: normal;

	--accordion-h1---font-style: normal;
	--accordion-h2---font-style: normal;
	--accordion-h3---font-style: normal;
	--accordion-h4---font-style: normal;

	/* Accordion big screen */
	--accordion-big-screen-h1---size: 60px;
	--accordion-big-screen-h2---size: 50px;
	--accordion-big-screen-h3---size: 40px;
	--accordion-big-screen-h4---size: 30px;

	--accordion-big-screen-h1---font-size: 20px;
	--accordion-big-screen-h2---font-size: 18px;
	--accordion-big-screen-h3---font-size: 16px;
	--accordion-big-screen-h4---font-size: 16px;

	/* Accordion small screen */
	--accordion-small-screen-h1---size: 80px;
	--accordion-small-screen-h2---size: 60px;
	--accordion-small-screen-h3---size: 50px;
	--accordion-small-screen-h4---size: 40px;


	--accordion-small-screen-h1---font-size: 24px;
	--accordion-small-screen-h2---font-size: 20px;
	--accordion-small-screen-h3---font-size: 18px;
	--accordion-small-screen-h4---font-size: 16px;


	--accordion-active---color: #000000;
	--accordion-active---background-color: #dddddd;

	--accordion-inactive---color: #000000;
	--accordion-inactive---background-color: #dddddd;


	/**
	 * Shadows
	 */
	--box-shadow: 10px 10px 10px #000000, 10px 10px 10px #000000;

}

/*body { color: #000; background-color: #a00; border: 0; } */
body {
	color: #000;
	border: 0;
	background-color: #ffffff;
	background-repeat: no-repeat;
}

h1 {
	color: #444444;
}

h2 {
	color: #333333;
}

h3 {
	color: #222222;
}

h4 {
	color: #111111;
}

h5 {
	color: #000000;
}


a {
	color: #000;
}

/*** Tables ***/
.even {
	background-color: #fafafa;
}

.odd {
	background-color: #ffffff;
}

.hpl-th, th {
	background-color: #f3f3f3;
	padding-top: 10px;
	padding-bottom: 10px;
}

.hpl-tr, .hpl-th, .hpl-td, tr, th, td {
/*	border: none; */
}

/*** End Tables *****/


a:link,
a:visited,
.pseudoLink,
.pseudoLink:visited {
	color: #cc0000;
	text-decoration: none;
}

a:focus:hover,
a:hover,
.pseudoLink:hover {
	color: #cc0000;
	text-decoration: underline;
	cursor: pointer;
}

a:focus,
.pseudoLink:focus {
	color: #cc0000;
	text-decoration: none;
}

a:active,
.pseudoLink:active {
	color: #cc0000;
	text-decoration: none;
}

/* Erster Titel jeder Seite */
.csc-firstHeader {
}

/* Logo-Bereich */
.header-banner {
	/*
	background-image: url("../../Images/HeaderBanner/Longku-Header-Banner-with-Logos-ohne-Bild.png");
	background-repeat: no-repeat;
	background-size: contain;
	*/
}

.header-banner .header-banner-image {
}

.header-banner .header-banner-mandala {
	background-color: #2d4b6c;
}

.header-banner .header-banner-mandala.logo-longku {
	/*
	background-color: #2e4c6b;
	background-image: url("../../Images/HeaderBanner/Logo-Left.png");
	background-repeat: no-repeat;
	*/
}

.header-banner .header-banner-mandala.logo-fpmt,
.header-banner .header-banner-mandala.logo-fpmt a {
	/*
	background-color: #142137;
	background-image: url("../../Images/HeaderBanner/Logo-Right.png");
	background-repeat: no-repeat;
	*/
}


/* Buttons */
input[type="submit"],
input[type="button"],
input[type="reset"],
.hpl-button,
a.hpl-button,
button {
	display: inline-block;
	font: inherit;
	color: var(--button---color);
	background-color: var(--button---background-color);
	background-image: none;
	height: 40px;
	line-height: 40px;
/*  min-width: 150px; */
	width: auto;
	padding: 0 15px;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
	vertical-align: middle;
	text-decoration: none;
	text-align: center;
}

input[type="reset"][disabled="disabled"],
input[type="button"][disabled="disabled"],
input[type="submit"][disabled="disabled"] {
	border: none;
	text-decoration: none;
	outline: none;
	color: var(--button-disabled---color);
	background-color: var(--button-disabled---background-color);
	background-image: none;
	cursor: pointer;
}

input[type="reset"][disabled="disabled"]:hover,
input[type="button"][disabled="disabled"]:hover,
input[type="submit"][disabled="disabled"]:hover {
	border: none;
	text-decoration: none;
	outline: none;
	color: var(--button-disabled-active---color);
	background-color: var(--button-disabled-active---background-color);
	background-image: none;
	cursor: pointer;
}

input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"][disabled="disabled"]:hover,
input[type="button"][disabled="disabled"]:hover,
.hpl-button:hover,
a.hpl-button:hover,
button:hover {
	border: none;
	text-decoration: none;
	outline: none;
	color: var(--button-active---color);
	background-color: var(--button-active---background-color);
	background-image: none;
	cursor: pointer;
}

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
button:active,
a.hpl-button:active,
button:active {
	border: none;
	text-decoration: none;
	outline: none;
	color: var(--button-active---color);
	background-color: var(--button-active---background-color);
	background-image: none;
	cursor: pointer;
}

.hpl-input[type="submit"]:focus,
.hpl-input[type="reset"]:focus,
.hpl-input[type="button"]:focus,
.hpl-button:focus,
a.hpl-button:focus,
button:focus {
	border: none;
	text-decoration: none;
	outline: none;
	color: var(--button-active---color);
	background-color: var(--button-active---background-color);
	background-image: none;
	cursor: pointer;
}

/*
input:required,
select:required {
	border: 3px solid green;
}
*/

.login-name p {
	color: #ffcc00;
}

.logout-link a {
	color: #ffcc00;
}

.login-field input {
	color: #ffcc00;
}

.username .logout-link input {
	color: #ffcc00;
}

/* Meta-Menu */
.nav1 {
	border: 0;
}

.nav1 .menu-top-left li a {
	color: #ffcc00;
	border-left: 1px solid #ffcc00 !important;
}

.nav1 .menu-top-left li a:hover {
	color: red;
}

.nav1 .menu-top-left li a.selected {
	color: red;
}

.nav1 .header-bar-1-right li a {
	color: #ffcc00;
	border-left: 1px solid #ffcc00 !important;
}

.nav1 .header-bar-1-right li a:hover {
	color: red;
}

.nav1 .header-bar-1-right li a.selected {
	color: red;
}

/* Suche im Meta Menu */
.suche input {
	background-color: #ffcc00;
	border: 1px solid #dcdcdc;
}

/* Hintergrundfarbe im Suchfeld */
.searchField-top-input .hpl-input[type="text"] {
	background-color: #ffcc00;
}

/*** Highlighting of found words ***/
SPAN.csc-sword {
	color: #ffcc00;
	background-color: #000;
	font-weight: bold;
}

/*** Alle drei Spalten ***/
/*
.container-fluid {
	background-color: #ffffff;
}
*/

/*** Minikalender in der rechten Spalte ***/
/* Rahmen um den ganzen Minikalender */
.right-column #minical {
	border: 0px solid #eeeccc;
}

.right-column .hpl-table.month-small {
	border: 1px solid #eeeccc;
}

.right-column .hpl-table.month-small .hpl-th {
	background-color: #eeeccc;
	border: 0px solid #eeeccc;
}

.right-column .hpl-table.month-small .hpl-td {
	background-color: #fffeee;
	border: 0px solid #fffeee;
}

/* Titelbalken */
.right-column .tx-cal-controller .sideback {
	background-color: #ced6bd;
}

/* Tabelle */
.right-column .monthsmallbasic {
	background-color: #fffeee;
}

/* Wochentage und Wochen Balken */
.right-column .hpl-table.month-small {
	background-color: #fffeee;
}

/*** <td> Samstag und Sonntag (Sa and So) ***/
.right-column .month-small .monthWeekend {
	background-color: #fffeee;
	color: red;
}

/*** <td> Tage ausseralb des Monats ***/
.right-column .month-small .monthoff {
	color: #fffeee;
	background-color: #fffeee;
}

/* Tage mit Veranstaltungen */
.right-column .month-small .eventday {
	background-color: #ffcc00;
}

/*** Zahlen bei Tagen mit Veranstaltungen ***/
.right-column .month-small .bold {
	color: #ee5500;
	font-weight: normal;
}

/*** Heute ***/
.right-column .monthToday {
	background-color: #fffeee !important;
	border: 3px solid red !important;
}

/* Overall definitions for one event */
.right-column .calendar-mini-event-list-definition-list .calendar-event-list-entry {
	background-color: #ffffff;
}

/* Titel Balken */
.right-column .calendar-mini-event-list-definition-list .calendar-list-title-bar {
	background-color: #ffffff;
}

.checkboxes {
/* border: 1px solid #eeeccc; */
}

/**
 * Kalender
 */

/*** Monatskalender ***/
.navback {
	background-color: #eeeccc;
}

.month-header {
	background-color: #eeeccc;
	border: 1px solid #eeeccc;
}

.month-large {
	background-color: transparent;
}

.month-large .hpl-th {
	color: #000;
	background-color: #eeeccc;
	border: 1px solid #eeeccc;
}

.month-large .hpl-td {
	color: #000;
	background-color: #fffeee;
	border: 1px solid #eeeccc !important;
}

.month-large .day {
	color: #000;
	background-color: transparent;
	border: 1px solid transparent;
}

.month-large .weekday {
	background-color: #eeeccc !important;
	border: 1px solid transparent;
}

/*** <td> Samstag und Sonntag (Sa and So) ***/
.month-large .monthWeekend {
	color: red;
	background-color: transparent;
}

/*** <td> Tage ausseralb des Monats ***/
.month-large .monthoff {
	color: #fffeee;
	background-color: transparent;
	border: 0;
}

/* Tage mit Veranstaltungen */
.month-large .eventday {
	background-color: #ffcc00;
}

/* Heute */
.month-large .monthToday {
	background-color: #fffeee !important;
	border: 5px solid red !important;
}

/*** Zahlen bei Tagen mit Veranstaltungen ***/
.month-large .bold {
	color: #ee5500;
	font-weight: normal;
}

/*** Jahreskalender ***/
/* Die ganze Tabelle */
.yearview {
}

/* Manövrierkopf der Tabellen */
.yearview-header .hpl-td {
	background-color: #eeeccc;
}

/*** Die Monats-Tabellen ***/
.yearview-table .month {
	border: 1px solid #eeeccc;
}

.yearview-table .month .hpl-td {
}

/*** Die Tabellenköpfe der Monatstabellen mit der Beschriftung des Monats ***/
.yearview-table .month .medtitle {
	background-color: #dddccc;
}

/*** Der Hintergrund der Montastabellen ***/
.yearview-table .yearmonth {
	border: 1px solid #eeeccc;
}

/*** Die Tabellenköpfe der Monatstabellen mit den Wochentagen ***/
.yearview-table .yearmonth .hpl-th {
	background-color: #eeeccc;
	border: 1px solid #eeeccc;
}

/*** Die einzelnen Tage der Monatstabellen ***/
.yearview-table .monthMediumBasic {
	background-color: #fffeee;
	border: 0px solid #eeeccc;
}

/*** Die Tabellen-Header der Montastabellen ***/
.yearview-table .yearweek {
	background-color: #eeeccc;
	border: 0;
}

/*** <td> Samstag und Sonntag (Sa and So) ***/
.yearview-table .monthWeekend {
	color: red;
	background-color: #fffeee;
}

/* Tage mit Veranstaltungen */
.yearview-table .eventDay {
	color: #000;
	background-color: transparent;
}

/*** <td> Tage ausseralb des Monats ***/
.yearview-table .monthoff {
	color: #ffffcc !important;
	background-color: transparent !important;
	border: none;
}

/************************************************************
 *	Kalender Kategorien-Farben
 ************************************************************/

/********** Alle **********/
.all-header_text {
	color:            #000000 !important;
	background-color: #d9d9d9 !important;
	width: 100% !important;
	margin-bottom: 3px !important;
}

/********** Diskussion **********/
.discussion-header_text,
.discussion-header_text a {
	color:            #333333 !important;
	background-color: #ee8a76 !important;
}

/***** Einweihung *****/
.empowerment-header_text,
.empowerment-header_text a {
	color:            #333333 !important;
	background-color: #ff6831 !important;
}

/********** Feiertag **********/
.holiday-header_text,
.holiday-header_text a {
	color:            #333333 !important;
	background-color: #e7c10e !important;
}

/********** Ferien **********/
.ferien-header_text,
.ferien-header_text a {
	color:            #333333 !important;
	background-color: #ffcc00 !important;
}

/********** Film **********/
.film-header_text .ui-button,
.film-header_text .ui-button a {
	color: #fff !important;
	background-color: #5959b8 !important;
}

/********** Kurs **********/
.course-header_text,
.course-header_text a {
	color:            #ffffff !important;
	background-color: #d98d95 !important;
}

/********** Meditation **********/
.meditation-header_text,
.meditation-header_text a {
	color:            #333333 !important;
	background-color: #c2d69a !important;
}

/*** Mitgliederversammlung ***/
.membersmeeting-header_text,
.membersmeeting-header_text a {
	color:            #333333 !important;
	background-color: #7fcc7f !important;
}

/********** Praxis **********/
.praxis-header_text,
.praxis-header_text a {
	color:            #ffffff !important;
	background-color: #d790d1 !important;
}

/********** Puja **********/
.puja-header_text,
.puja-header_text a {
	color:            #ffffff !important;
	background-color: #a387c7 !important;
}

/********** Retreat **********/
.retreat-header_text,
.retreat-header_text a {
	color:            #ffffff !important;
	background-color: #8db4e3 !important;
}

/********** Tagung **********/
.congress-header_text,
.congress-header_text a {
	color:            #333333 !important;
	background-color: #83e0da !important;
}

/********** Teaching **********/
.teaching-header_text,
.teaching-header_text a {
	color:            #333333 !important;
	background-color: #faa764 !important;
}

/********** Vortrag **********/
.talk-header_text,
.talk-header_text a {
	color:            #333333 !important;
	background-color: #b8edc2 !important;
}

/***** Zeremonie *****/
.ritual-header_text,
.ritual-header_text a {
	color:            #ffffff !important;
	background-color: #9999ff !important;
}

/***** Workshop *****/
.workshop-header_text,
.workshop-header_text a {
	color:            #333333 !important;
	background-color: #ff99ff !important;
}


/*** Adressliste ***/
/*** Ganze Adressliste ***/
.tx-newloginbox-pi3-listrow {
}

.tx-newloginbox-pi3-listrow .hpl-tr.tx-newloginbox-pi3-listrow-header {
	background-color: red;
}

.tx-newloginbox-pi3-listrow .hpl-tr.tx-newloginbox-pi3-listrow-header .hpl-td {
	background-color: #eeeccc;
	border: 3px solid red;
}

/*** Header ***/
.tx-newloginbox-pi3-listrow .hpl-th {
	background-color: #eeeccc;
	border: 1px solid #eeeccc;
}

/*** Zellen ***/
.tx-newloginbox-pi3-listrow .hpl-td {
	background-color: transparent;
	border: 1px solid #eeeccc;
}

/*** ***/

/*** ***/
.tx-newloginbox-pi3-listrow .hpl-table .hpl-tr .hpl-td {
	background-color: transparent;
}

/*** Detailansicht einer Adresse ***/
.tx-newloginbox-pi3-singleView .hpl-table .hpl-th,
.tx-newloginbox-pi3-singleView .hpl-table .hpl-td {
	background-color: #fffeee;
	border: 1px solid #eeeccc;
}

/*** Kontaktformular ***/
.mailform {
	border: 1px solid #ccc;
}

.mailform-input {
	border: 1px solid #ccc;
}

.mailform-text {
	border: 1px solid #ccc;
}

/**
 *
 * Spezielle Seiteninhalte
 *
 */
/*** Sitemap ***/
.csc-sitemap {
	color: #000;
}

.csc-sitemap a {
	color: #000;
}

.csc-sitemap a:link {
	color: #000;
}

.csc-sitemap a:visited {
	color: #000;
}

.csc-sitemap a:hover {
	color: #a9a9a9;
}

.csc-sitemap a:active {
	color: #000;
}

.csc-sitemap a:focus {
	color: #000;
}

/*** Mailer ***/
.tx_hplmailer_pi1-mailRequestContentFields fieldset {
	background-color: transparent;
}

.tx_hplmailer_pi1-mailRequestRecipients fieldset {
	background-color: transparent;
}

.tx_hplmailer_pi1-mailRequestAttachments fieldset {
	background-color: transparent;
}

.tx_hplmailer_pi1-mailConfirmationRecipients {
	background-color: transparent;
}

.tx_hplmailer_pi1-mailConfirmationAttachments {
	background-color: transparent;
}

.tx_hplmailer_pi1-mailConfirmationSubject {
	background-color: transparent;
}

.tx_hplmailer_pi1-table-mailResultsRecipients {
	background-color: transparent;
}

.hpl-table.typo3-editPanel {
	border: none;
	background-color: #ffffff;
	width: auto;
}

.hpl-table.typo3-editPanel TD.typo3-editPanel-controls {
	border: 1px solid #ccc;
	background-color: #ffffff;
}

/*** Error messages ***/
.error {
	color: red;
	font-weight: normal;
}

.wichtig h2 {
	padding: 0;
	margin: 0;
}

.wichtig {
	float: left;
	width: auto;
	height: auto;
	padding: 5px;
	padding-left: 0;
	color: #dd0000;
	background-color: transparent;
	font-family: times !important;
}

/*** Mailversand, Wichtige Mitteilung ***/
#page-478 p.csc-frame-frame2 {
	border: 3px solid red;
	background-color: #ffeeee;
	color: #ff0000;
	padding: 10px;
	font-weight: bold;
}

.red {
	color: #ff0000;
	background-color: #cccccc;
}

.green {
	color: #00ff00;
	background-color: #cccccc;
}

.blue {
	color: #0000ff;
	background-color: #cccccc;
}

.yellow {
	color: #ffff00;
	background-color: #cccccc;
}

.white {
	color: #ffffff;
	background-color: #cccccc;
}

/**
 * Menu and Footer color
 */
.no-user-logged-in {
	color: #ffffff;
	background-color: #ff0000;
	border: 0;
}

.user-logged-in {
	color: #ffffff;
/*	background-color: rgba(255, 153, 0, 1.0); */
	border: 0;
}

@media all and (max-width: 767px) {
	.user-logged-in {
		background-color: rgba(255, 153, 0, 1.0);
	}
}

/* Login Popup */
#hpl_felogin_container {
	color: #000000;
	background-color: #eee;
}

/* Login-Error Popup */
#hpl_felogin_error {
	background-color: #ffc1c1;
}

#hpl_felogin_error .error-message {
	color: #000000;
/*  font-size: 1.2em; */
}

/**
 * Accordions
 */
.ui-accordion {
	clear: both;
	float: left;
	width: 100%;
}

.ui-accordion .ui-accordion-header {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 1.5em;
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
}

.ui-accordion .ui-accordion-content {
	clear: left;
	float: left;
	width: 100%;
	margin: 0;
	padding: 5px;
	margin-bottom: 0px;
	border-color: #dddddd;
	font-size: 16px;
}

.ui-accordion .accordion-h1-box,
.ui-accordion .accordion-h2-box {
	float: left;
	width: 100%;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin: 0;
	overflow: auto;
	background-image: none;
}

.ui-accordion .accordion-h3-box {
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0;
	overflow: auto;
	background-image: none;
}

.accordion-h1-box {
	margin-bottom: 5px;
}

.ui-dialog .ui-dialog-content {
	background-color: #ffffff;
	border: 0;
}

.dummy {
	background-color: lightgreen;
}

.gaga {
	border: 3px solid magenta;
}

.gugus {
	border: 3px solid cyan;
}

.required label {
	font-weight: bold;
}