﻿/* Add */
.mailalert_add_form
{
    width: 70%;
}

.mailalert_add_form > div
{
    /*line-height: 40px;*/
}

.mailalert_add_form > div {
  line-height: auto;
  height: 60px;
}

.mailalert_add_form > div > input
{
    float: right;
    width: 290px;
}

.mailalert_add_form > div > input[type="submit"]
{
    float: right;
    width: 50%;
}

.mailalert_add_form > div > span
{
    clear: both;
    float: left;
    margin-bottom: 15px;
}

.mailalert_add_vorname
{
    display:none;
    visibility: hidden;
}
/* Add END */

/* Request */
.mailalert_request_form
{
    width: 70%;
}

.mailalert_request_form > div {
  line-height: auto;
  height: 60px;
}

.mailalert_request_form > div > input
{
    float: right;
    width: 290px;
}

.mailalert_request_form > div > input[type="submit"]
{
    float: right;
    width: 50%;
}

.mailalert_request_form > div > span
{
    clear: both;
    float: left;
    margin-bottom: 15px;
}

.frm_mailalert_request_submitbutton
{
    margin-top: 13px;
    float: left;
    width: 100%;
}
/* Request END */

.chosen-container, .chosen-container-multi
{
    float: right;
    margin-bottom: 30px;
}

.frm_mailalert_add_submitbutton
{
    margin-top: 13px;
    float: left;
    width: 100%;
}

.chosen-container chosen-container-multi
{
    border-radius: 3px;
    box-shadow: 2px 2px 9px #c9c9c9 inset;
    width: 250px;
}

.chosen-container-multi .chosen-choices
{
    background-color: #fff;
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    border: 1px solid #aaa;
    border-radius: 3px;
    box-shadow: 2px 2px 9px #c9c9c9 inset;
    cursor: text;
    height: auto !important;
    margin: 0;
    overflow: hidden;
    padding: 0 5px;
    position: relative;
    width: 100%;
}

.chosen-container-multi .chosen-choices li.search-choice
{
    background-clip: padding-box;
    background-color: #eeeeee;
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-repeat: repeat-x;
    background-size: 100% 19px;
    border: 1px solid #aaa;
    border-radius: 3px;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    cursor: default;
    line-height: 13px;
    margin: 3px 5px 3px 0;
    max-width: 100%;
    padding: 8px 20px 8px 10px;
    position: relative;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close
{
    background: rgba(0, 0, 0, 0) url("chosen-sprite.png") no-repeat scroll -42px 1px;
    display: block;
    font-size: 1px;
    height: 12px;
    position: absolute;
    right: 4px;
    top: 10px;
    width: 12px;
}

/* Liste */
.mailalert_list_etries
{
    width: 620px;
    padding-left: 0;
}

.mailalert_list_etries > li
{
    list-style-type: none; 
    float: left;   
}

.mailalert_list_header
{
    width: 600px;
}

.mailalert_list_header > span
{
    float: left;
    width: 170px;
}

.mailalert_list_item
{
    overflow: hidden;
    padding: 10px;
    background-color: #95999a;
    border: 1px solid #fff;
    color: #fff;
    font-size: 15px;
    width: 600px;
}

.mailalert_list_item > span
{
    float: left;
    width: 170px;
}

.mailalert_list_item > a
{
    float: right;
    margin-right: 20px;
}

.mailalert_list_item > a.tooltip {
    position: relative;
    text-decoration: none;
  }

.mailalert_list_item > a.tooltip:after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 130%;
    left: 20%;
    background: #54382D;
    padding: 5px 15px;
    color: white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

.mailalert_list_item > a.tooltip:before
{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 20px solid #ffcb66;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    -webkit-transition: all 0.4s ease;
    -moz-transition   : all 0.4s ease;
    transition   : all 0.4s ease;
    opacity: 0;
    left: 30%;
    bottom: 90%;
  }

.mailalert_list_item > a.tooltip:hover:after 
{
    bottom: 100%;
}
  
.mailalert_list_item > a.tooltip:hover:before 
{
    bottom: 70%;
}

.mailalert_list_item > a.tooltip:hover:after, a:hover:before 
{
    opacity: 1;
}

.mailalert_add_dd_regions
{
    height: 16px;
}
/* END Liste*/

/* Message */
.frm_mailalert_message_submitbutton
{
    margin-top: 35px;
}

.mailalert_message_btn
{
    float: left;
}
/* END Message*/

/* Validation */
.mailalert_validation_textbox
{
    color: Red;
    margin-bottom: 22px;
    float: left;
    clear: both;
    width: 100%;
}
/* END Validation */