/* 
    Document   : style_crm123_ticket.css
    Created on : 12-feb-2014, 14:48:19
    Author     : verhorst
    Description: styling the ticket_module
*/

div.ticket_line
{
   border: 1px #ccc solid;
   margin-left: 152px; 
   margin-top: 25px;
   height: auto;
   width: 498px;
}
p.ticket_content
{
   padding: 10px;
}

table.ticket
{
   width :498px;
   margin-top: -5px;
   background-color: #efefef;
   border-bottom: 1px #ccc solid;
}
td.ticket_left
{
   text-align: left;
   padding: 7px 10px;
   font-weight: bold;
   color: #1280C5;
   font-size: 14px;
}
td.ticket_right
{
   text-align: right;
   padding: 7px 10px;
   color: #E48B3F;
   font-size: 14px;
   /* SV: in broncode kom ticket_date.png voor datum, en ticket_time.png voor tijd. */
}

.ticketLabel
{
   float: left;
   width: 140px;
   text-align: right;
   color: #333;
   font-family: arial, helvetica, sanserif;
   font-size: 16px;
   line-height: 24px;
   padding-right: 12px;   
/*   text-align: right;
      margin-top: 0px;
      font-size: 18px;
      width: 100px;*/
   margin-bottom: 7px;
   margin-top: 3px;
}
div.ticketText
{
   float: left;
   width: 488px;
   border: 1px #ccc solid;
   background-color: #efefef;
   color: #777;
   padding: 5px;
   font-size: 14px;
/*   color: #333;*/
   font-family: arial, helvetica, sanserif;
/*   font-size: 18px;
   height: 20px;*/
   margin-bottom: 7px;   
   
/*   margin: 7px 0 0 152px;
   border: 1px #ccc solid;
   background-color: #efefef;
   color: #777;
   padding: 5px;
   font-size: 14px;*/
}
p.ticketTextInMail
{
   border: 1px #caa solid;
   background-color: #efefef;
   color: #533;
   padding: 10px;
   margin-bottom: 15px;
   font-size: 14px;

}

/* SV: Rechts in de ticket-text (waar nummer en datum/tijd staat, de gekleurde lamp */
div.status_red
{
   background-image: url('../images/icons/16x16/dot_light_red.png');
   background-position: 99% 50%;
   background-repeat: no-repeat;
}
div.status_yellow
{
   background-image: url('../images/icons/16x16/dot_light_yellow.png');
   background-position: 99% 50%;
   background-repeat: no-repeat;
}
div.status_green
{
   background-image: url('../images/icons/16x16/dot_light_green.png');
   background-position: 99% 50%;
   background-repeat: no-repeat;
}

/* SV: De positionering van Ticket Status en tekst */
div.status_img
{
   float: left;
   width: 20px;
   margin-top: 4px;
}
div.status_text
{
   float: right;
   width: 120px;
   margin-top: 7px;
}

div.ticketFieldText  /* SV: voor de radio buttons */
{
   margin-top: 11px;
   float: left;
   color: #333;
   font-family: arial, helvetica, sanserif;
   font-size: 18px;
   height: 20px;
}
span.ticketRadioText
{
   margin-right: 21px;
}
span.ticketRadioButton
{
/*   margin-top: -3px;  werkt niet */
   margin-right: 0px;
}