/* CSS                                     */
/* style_crm123_contacts_extra.css         */
/* Author:   Steven Verhorst               */
/* Purpose:  Styling Extra's in Contacts   */
/*           like Follow-up, Todo, Uploads */


a.button_expand /* Knop om een verborgen DIV uit te klappen */
{
   cursor: pointer;
   float:right;
   padding: 2px 5px 2px 5px;
   border: #bbb 1px solid;
   background-color: #eee;
}
a.button_expand:hover
{
   text-decoration: none;
   border: #fbb 1px solid;
   background-color: #fff7f7;
}
div.show /* Verborgen DIV */
{
/*  background-color: #fafafa;
  border-bottom: #ececec 1px solid;   
  border-top: #ececec 1px solid;*/
  /* SV: Iets donkerder maken voor minder goede beeldschermen: */
  background-color: #f4f4f6;
  border-bottom: #e0e0e0 1px solid;
  border-top: #e9e9e9 1px solid;
  padding-bottom: 12px;
  margin-top: -3px;
}

h3 
{
  color: #a97024;
  font-size: 14px;
  margin: 14px 0 3px 0;  
}

div.followUpOptions
{
  width: 120px;
  margin-top: 0px !important;
}


table.followUp
{
  width: 655px;
}
td.followUp150P   /* Width 150 plus pixels */
{
  width: 150px;
  height: 25px;
}
td.followUp140P   /* Width 140 plus pixels */
{
  width: 133px;
  height: 25px;
}
td.followUp120P   /* Width 120 plus pixels */
{
  width: 120px;
  height: 25px;
}
td.followUp200P   /* Width 120 plus pixels */
{
  width: 390px;
  height: 25px;
/*  background-color: #Fea;*/
}
td.dotBottom
{
  border: #555 dashed 1px;
}
td.dotBottom
{
  border: #555 dashed 1px;
}

div.followUpGrayBar   /* The table (mostly one line) inside a gray bar */
{
  width: 655px;
  background-color: #f3f3f3;
  border: #ccc 1px solid;
  padding: 3px;
  margin-left: -3px;
  margin-top: 7px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;  
      -moz-box-shadow: 0px 2px 7px 0px #eee;
      -webkit-box-shadow: 0px 2px 7px 0px #eee;
      box-shadow: 0px 2px 7px 0px #eee;  
}


input.fieldCheckbox
{
  height: 13px;
}
div.chkBox
{
  padding-top: 6px;
  margin-left: -4px;
}

.followUpLabel
{
  font-size: 16px;
  margin-top: 0px !important;
  text-align: left !important;
  padding-right: 0px !important;
  width: 119px !important;
}
.followUpLabel2  /* voor de tekst "op te volgen door" */
{
  font-size: 16px;
  text-align: left !important;
  padding-right: 0px !important;
  width: 119px !important;
}
.fULSmall
{
  font-size: 11px !important;
  margin-left: -4px;
}
.followUpArrowLeft
{
  background-image: url('../../assets/images/theyContactUs.png');
  background-repeat: no-repeat;
  width: 10px;
  margin-left: 5px;
  padding: 0 5px 0 5px;
}
.followUpArrowRight
{
  background-image: url('../../assets/images/weContactThem.png');
  background-repeat: no-repeat;
  /* Nico Jongejan
	  - Dit is niet meer nodig
  width: 10px;
  margin-left: 5px;
  */
  padding: 0 5px 0 5px;
}
.followUpLabelLeft
{
  text-align: left !important;
}
.followUpSelect
{
  width: 140px;
  margin-top: -10px;
}
.followUpSelectbox
{
  width: 120px !important;
  font-size: 11px !important;
}
.followUpSelectboxLong
{
  width: 170px !important;
}

p.mailto
{
  border: 1px solid #ccc;
  background-color: #F3E5CD;
  color: #888;
  background-image: url('../images/icons/32x32/mail_open_next.png');
  background-repeat: no-repeat;
  background-position-x: 6px; 
  background-position-y: 3px;
  width: 445px;
  height: 28px;
  padding: 12px 3px 3px 50px;
}
p.mailto2  /* voor wanneer er 2 linkjes in dit vak staan */
{
  height: 45px;
  padding: 5px 3px 3px 50px;  
  background-position-y: 7px;
}
a.contact_mail, a.contact_mail:link, a.contact_mail:active, a.contact_mail:visited
{
  font-size: 16px;
  color: #888;
  text-decoration: none;  
}
a.contact_mail:hover
{
  font-size: 16px;
  color: #79b;
  text-decoration: underline;  
}

/* SV: Kruimelpad bij Bestandenmodule 
   Voorbeeld pad:
   contracten/test/nog_een_map/
*/
div.kruimelpad
{
   color: #888;
   font-size: 14px;
   width: 660px;
   height: 30px;
   background-color: #fafafa;
   padding: 3px 3px 3px 30px;
   background-image: url('../images/icons/24x24/home.png');
   background-position-x: 5px;
   background-position-y: 2px;
   background-repeat: no-repeat;
}
div.kruimelpad a, div.kruimelpad a:active, div.kruimelpad a:link, div.kruimelpad a:visited
{
   color: #700;
   text-decoration: none;
}
div.kruimelpad a:hover
{
   color: #a33;
   text-decoration: underline;
}