/**
 * Newsletter spécifique à l'outil de Emailing/Newsletter
 **/


/* GEstion du + - */
a.upClass:link,
a.upClass:visited {
  background:         url(images/_plus.gif) no-repeat left center;
  padding-left:       15px;
  text-decoration:    none;
  color:              #000;
}

a.downClass:link,
a.downClass:visited {
  background:         url(images/_moins.gif) no-repeat left center;
  padding-left:       15px;
  text-decoration:    none;
  color:              #000;
}

a.upClass:hover,
a.downClass:hover {
  text-decoration:    underline;
}

fieldset.emailing {
  margin-left:        10px;
  border:             1px solid #123577;
}

legend.emailing {
  padding:            0 10px 0 10px;
}

h3 {
  margin-left:        50px;
}


p.msgCrt {
  margin-top:         10px;
  padding:            5px 20px 5px 20px;
  color:              #000;
  font-weight:        bold;
  background:         #FDF56E;
  text-align:         center;       
}

#table_result {
  float:                    left;
  width:                    760px;
}

#table_result_title {
  float:              left;
  background:         #123577;
  color:              #000000;
  font-size:          12px;
  padding:            5px;
  font-weight:        bold;
  height:             20px;
}

#table_result_field {
  float:              left;
  background:         #ffffff;
  color:              #000000;
  font-size:          12px;
  padding:            5px;
  font-weight:        normal;
}

#table_result_title span{
  color:         #ffffff;
}

a.up_sort {
  float:              left;
  background:         #123577 url(images/up_sort.gif) no-repeat left center;
  width:              10px;
  height:             10px;
  text-decoration:    none;
}

a.down_sort {
  float:              left;
  background:         #123577 url(images/down_sort.gif) no-repeat left center;
  width:              10px;
  height:             10px;
  text-decoration:    none;
  padding-top:        5px;
}

#messageBox {
  margin-top:         10px;
  padding:            5px 20px 5px 20px;
  color:              #000;
  font-weight:        bold;
  background:         #FDF56E;
  text-align:         center; 
}

#tool-box {
  padding:            10px;
  border:             1px solid #123577;
  margin-bottom:      10px;
}

/** popupWindow ***************************************************************/

#popupWindow {
    position:               absolute;
    top:                    0;
    left:                   0;
    width:                  100%;
    height:                 100%;
    margin:                 0 auto;
    padding:                0;
    background:             url(images/loadingPanel.png) !important;
    background:             url(images/loadingPanel.gif);
}

#popupWindow #window {
    width:                  800px;
    margin:                 10px auto 0;
    padding:                5px;
    background:             #f5f5f5;
    border:                 2px solid #ccc;
}

#popupWindow iframe {
    width:                  798px;
    height:                 500px;
    margin:                 0;
    padding:                0;
    background:             #fff;
    border-width:           1px;
}

#popupWindow div.buttons {
    margin:                 5px 0 0;
    text-align:             right;
}

div.buttons button.next {
    float:                  right;
    padding:                4px 22px 4px 4px;
    font-weight:            bold;
    background:             #f7f7f7 url(images/action_forward.gif) no-repeat right 6px;
    border:                 none;
    border-left:            2px solid #123577;
    border-bottom:          2px solid #123577;
}
div.buttons button.prev {
    float:                  left;
    padding:                4px 4px 4px 22px;
    font-weight:            bold;
    background:             #f7f7f7 url(images/action_forward.gif) no-repeat left 6px;
    border:                 none;
    border-right:           2px solid #123577;
    border-bottom:          2px solid #123577;
}

table.list {
    float:                  left;
    margin-top:             20px;
}

table.list th {
    background:             #123577;
    color:                  #fff;
    vertical-align:         center;
}

table.list tr:hover {
    background:             #CFDDE0;
    color:                  #000;
}

table tr.odd {
    height:                 25px;
}

.lang-fr {
    padding-left:           20px;
    background:             url(images/flags/fr.gif) no-repeat left center;
}

.lang-en {
    padding-left:           20px;
    background:             url(images/flags/gb.gif) no-repeat left center;
}

#toolbar-menu-gestion-one-cmp {
  float:                    left;
  background:               #ffffff;
  width:                    150px;
  text-align:               center;
  padding-right:            20px;
}

#gestion-one-cmp {
  float:                    left;
  width:                    760px;
  padding:                  10px;
  border:                   1px solid #123577;
}


button.save-btn {
  float:                    left;
  margin-left:              280px;
  border:                   none;
  background:               #EEEEEE;
  cursor:                   pointer;
}


label.block {
  font-weight:              bold;
  color:                    #000000;
  border-left:              4px solid #123577;
  padding-left:             5px;
}

input.block {
  width:                    500px;
}

p {
  padding-left:             10px;
}

div.msg {
  background:               #EEFDCE;
  padding:                  5px;
}

/** tabs **********************************************************************/

#content ul.tabs {
    overflow:               hidden;
    margin:                 20px 0;
    padding:                0 10px;
    list-style:             none;
    border-bottom:          2px solid #ccc;
}

ul.tabs a {
    display:                block;
    float:                  left;
    margin:                 0 4px;
    padding:                4px 10px;
    background:             #fafafa;
    border:                 1px solid #ddd;
    border-bottom:          0;
    color:                  #777;
    text-decoration:        none;
}

ul.tabs a:hover {
    color:                  #000;
}

ul.tabs a.selected {
    background:             #e5e5e5;
    border-color:           #bbb;
    color:                  #000;
    font-weight:            normal;
}

#foreach-emailing_contact_unsubscribe-notice {
    border:                 1px solid #C03333;
    padding:                10px;
    background:             #F6CBAC;
    margin-bottom:          20px;
}