:root {
  --hilited_color_on_black: #ffb600;
  --hilited_color_on_white: #ffb600;
  --___hilited_color_on_black: #80ff80;
  --___hilited_color_on_white: #117711;
  --hilited_color_on_white___: #ffb600;
  
  --link_color_on_black: #dddddd; 
  --link_color_on_black_hilited: var(--hilited_color_on_white); 
  --link_color_weight: 700;

}

/* START ++++++++++++++++++++++++++++++++*/
.powermail_countryselect {
  /* this makes the combo shrinkable for responsive layout */
  width:100%;
}
.marlo_mail_fieldset_hide_title legend {
  display: none;
  visibility: hidden;
}
/* hide checkbox of date fields */
.jscalendar_cb {
  display: none;
  visibility: hidden;
}
/* hide date selector of date fields */
.date2cal_img_cal {
  display: none;
  visibility: hidden;
}
.tx-srfreecap-pi2-image {
  margin-left: 0px;
}
input.powermail_captcha {
  margin-bottom: 0.5em;
}
/* END ++++++++++++++++++++++++++++++++*/

.landland {
  display:inline;
  }
.testselect {
  display:inline;
  width:700px;
  }
.testinput {
  display:inline;
  width:100px;
  background-color:black;
  color:red;
  }
.powermail_check_inner_inline {
	overflow:   hidden;
	position:   static;
	float:      none;
	display:    inline-block;
  }

.powermail_dividertext {
  color: red;
  font-weight: bold;
  }
/* Powermail */
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: red;*/
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 200px;
}
fieldset.tx-powermail-pi1_fieldset {
  border-style:solid;
  border-color:#aaa;
  border-top-width:0px;
  border-left-width:0px;
  border-right-width:0px;
  border-bottom-width:0px;
  background-color: #ccc;
  padding: 10px; /* 10px*/
  border-style:solid;
  border-color:#aaa;
  border-top-width:0px;
  border-left-width:0px;
  border-right-width:0px;
  border-bottom-width:0px;
  background-color: #ccc;
  padding-left: 10px; /*10px*/
  padding-right: -10px; /* 10px*/
  padding-top: 0px;
  margin-top:0px;
  margin-bottom:0px;
  padding-bottom: -1px;
}
fieldset.tx-powermail-pi1_fieldset legend {
  _______background-color:#aca;
  background: black !important;
  color: var(--hilited_color_on_black); /* black*/
  margin-left:-10px;
  margin-right:-30px; /* 0 */
  padding-left:10px;
  padding-right:10px;
  padding-bottom:5px;
  padding-top:5px;
  margin-top:0px;
  margin-bottom:5px;
  width:120%;
}
fieldset.tx-powermail-pi1_fieldset label {
  display: block;
  width: 12.5em;
  float: left;
  clear: both;
  font-weight: bold;
}

fieldset.tx-powermail-pi1_fieldset select.powermail_select_test {
  width: 190px;
  font-size: 1.0em;
  }
fieldset.tx-powermail-pi1_fieldset input.powermail_text_test {
  width: 130px;
  font-size: 1.0em;
  }

/* textarea on large screens: label at the left, textarea at the right side */
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
  /* Input and textarea */
  width: 75%;
  font-size: 1.0em;
  -webkit-box-sizing: border-box; /* Safari/WebKit */ 
  -moz-box-sizing: border-box; /* Firefox */
  -ms-box-sizing: border-box; /* IE8 */
  box-sizing: border-box; /* W3C Property */
}

/* textarea on md and smaller screens: label at the top textarea below at 100% */
@media (max-width: 992px) {
  fieldset.tx-powermail-pi1_fieldset input.powermail_text,
  fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
  fieldset.tx-powermail-pi1_fieldset select.powermail_select {
    width: 100%;
    font-size: 1.0em;
    -webkit-box-sizing: border-box; /* Safari/WebKit */ 
    -moz-box-sizing: border-box; /* Firefox */
    -ms-box-sizing: border-box; /* IE8 */
    box-sizing: border-box; /* W3C Property */
  }
}


fieldset.tx-powermail-pi1_fieldset select.powermail_select {
  width:auto;
  mmmmmmmmmmmmmmargin-left:0em;
  mmmmmmmmmmmmmmmmmmmmargin-right:auto;
  }
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
width:100%;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 20px 0 10px 200px;
	font-weight: bold;
	/* +++++ align right */
	float: right;
}

/* START ++++++++++++++++++++++ */
/* START bar above send button */
.powermail_submit::before {
  content: "«";
  color: blue;
  margin-top: 100px;
}
/* END bar above send button */
/* START reset button float right */
.powermail_reset {
  float: left;
}
/* END reset button float right */

.tx_powermail_pi1_fieldwrap_html_submit {
  display_: block;
}
.tx_powermail_pi1_fieldwrap_html_reset {
  border-top: 1px solid grey;
  padding-top: 1.5em;
}
/* +++++ force next element to new line*/
.tx_powermail_pi1_fieldwrap_html_reset________________:after {
  content: " ";
  clear: right;
  display: block;
}
/* END ++++++++++++++++++++++ */
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.countryzone {
	margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a,
div.tx_powermail_pi1_fieldwrap_html p a {
	/* Description */
	cursor: help;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn,
div.tx_powermail_pi1_fieldwrap_html p a dfn {
	/* Description */
	display: none;
	visibility: hidden;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 80%;
	min-width: 230px;
	max-width: 600px;
	padding: 5px;
	background-color: #ffffdd;
	border: 1px solid #888888;
	color: black;
	mtext-decoration: none;
	font-size: 0.8em;
	mtext-decoration: none;
font-style:normal;
font-weight:normal;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}
fieldset.tx-powermail-pi1_fieldset div.even {
	background-color: #ccc;
}


	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}




.ie fieldset.tx-powermail-pi1_fieldset legend {
  background-color: yellow;
}
.ie7 fieldset.tx-powermail-pi1_fieldset legend {
  background-color: orange;
  margin-left:-17px;
}
.opera fieldset.tx-powermail-pi1_fieldset legend {
  background-color: green
}
.chrome fieldset.tx-powermail-pi1_fieldset legend {
  background-color: cyan
}
.gecko fieldset.tx-powermail-pi1_fieldset legend {
  background-color: gray
}
.win.gecko fieldset.tx-powermail-pi1_fieldset legend {
  background-color: transparent;
  float: left;
  white-space: normal;
}
.win.gecko fieldset.tx-powermail-pi1_fieldset legend span {
  width:84%;
  position:absolute;
  background-color: #CCFFCC;
  display: inline;
  margin-left:-10px;
  mmmmmmmmmmmmmmpadding-top:-5px;
  padding-top:5px;
  padding-bottom:5px;
  margin-bottom:10px;
  padding-left:10px;
  padding-right:-10px;
  margin-right:50px;  
  mmmmmmmmmmmmmmmmmmmmmargin-top:0px;
  margin-top:3px;
}
.win.gecko fieldset.tx-powermail-pi1_fieldset {
	padding-top:20px;
	margin-top:-10px;
}
.linux.gecko fieldset.tx-powermail-pi1_fieldset legend {
  background-color: pink
}
.konqueror fieldset.tx-powermail-pi1_fieldset legend {
  background-color: blue
}
.webkit fieldset.tx-powermail-pi1_fieldset {
  margin-bottom:-10px;
  display:block;
  float:none;
}
.webkit fieldset.tx-powermail-pi1_fieldset legend {
  background-color: magenta;
  margin-bottom:5px;
  margin-top:0px;
  display:block;
  float:left;
}
___________________________________________________fieldset.tx-powermail-pi1_fieldset legend {
  }
.no_js { display: block }
.has_js { display: none }
.js .no_js { display: none }
.js .has_js { display: block }