/* 
    Document   : contact
    Created on : 17-jun-2011, 15:59:26
    Author     : mamurillo
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* BEGIN CONTACT (TICKET) */
#tabs-contact {width: 588px; margin: 0 0 0 15px}
#contact-form{padding: 20px 20px 10px; background: url("/images/contact/background.gif") repeat-X scroll top transparent; border: 1px solid #ffe0f1; -moz-border-radius:5px 5px 5px; -webkit-border-radius: 5px 5px 5px;}

#contact-form .header { height: 32px; margin-top: 10px; margin-bottom: 5px; color: #535353; font-family: Arial,Helvetica,sans-serif; font-size: 7pt;position: relative;}
#contact-form .header img{float: left;margin: 0 0 0 0px;}
#contact-form .header h3{float: left; margin: 7px 0 2px 10px;width:350px;}
#contact-form p.separator {padding-bottom: 10px;margin: 10px 0px 16px; font-family: Arial,Helvetica,sans-serif;  font-size: 11px;float: none;background: url("/images/inter-box/separador.png") repeat-x scroll 0 bottom transparent;}
#contact-form .form-line {height: 35px; width: 340px; clear: both; margin: 0 0 0 65px; padding: 0;}
#contact-form .form-label {color: #fa2398; margin-bottom: 10px; font-weight: bold}
#contact-form .form-line-label{float: left; margin-right: 20px; margin-top: 5px; font-family: Arial,Helvetica,sans-serif; text-transform: uppercase; font-size: 9px; }
#contact-form .form-line-content{float: right;}
#contact-form .form-line-content img{ vertical-align: middle;}
#contact-form .form-line input, #tabs-contact .form-line select {height: 20px; width: 250px;}
#contact-form .form-line textarea {height: 70px; width: 250px;}
#contact-form .radio_list li {display: inline;}
#contact-form .radio_list label {vertical-align: super; margin-right: 37px;}
#contact-form .radio_list input {width: 35px;}
#contact-form .form-line-content .error_list{margin-bottom: 15px;}
#contact-button {margin: 20px 0 0 351px;}

#view-ticket-form{ padding: 20px 20px 10px; background: url("/images/contact/background.gif") repeat-X scroll top transparent; border: 1px solid #ffe0f1; -moz-border-radius:5px 5px 5px; -webkit-border-radius: 5px 5px 5px;}

#view-ticket-form .header { height: 32px; margin-top: 10px; margin-bottom: 5px; color: #535353; font-family: Arial,Helvetica,sans-serif; font-size: 8pt;position: relative;}
#view-ticket-form .header img{float: left;margin: 0 0 0 0px;}
#view-ticket-form .header h3{float: left; margin: 22px 0 2px 5px; width:350px;color: #FA2398; font-size: 11px;}
#view-ticket-form .header h3 span{color: #fa2398;}
#view-ticket-form .subtitle {margin: 18px 0 2px 0px;}
#view-ticket-form p.separator {padding-bottom: 10px; margin: 0px 0px 16px; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; float: none; background: url("/images/inter-box/separador.png") repeat-x scroll 0 bottom transparent;}
#view-ticket-form p.separator_lin { float: left; background:none repeat-x scroll 0 bottom #fec6e4; height: 1px; width: 99%;margin-left: 0.5%;}

#view-ticket-form input { width:185px; padding: 0.3em 0.4em 0.3em 0.4em; margin: 0 8px 0 0;border: 1px solid #b6b6b6;height: 15px !important; border-radius: 4px;-moz-border-radius:4px;}

#view-ticket-form p { font-family: Arial,Helvetica,sans-serif;  font-size: 12px;float: left; margin: 0 0 0 0px;position: relative;}
#view-ticket-form label {color: #fa2398;margin-bottom: 5px;display:block; font-family: Arial,Helvetica,sans-serif; text-transform: uppercase; font-size: 10px; }
#view-ticket-button {margin: 34px 0px 10px 0; font-family: Arial,Helvetica,sans-serif; text-transform: uppercase; font-size: 10px; display:block;}

#stk_ticket_Message_message{overflow-x: hidden}

#show-ticket-buttons {margin: 10px 46px 10px 78px;text-align: right;}

#view-ticket-form .ticket-details { margin-top: 10px; margin-bottom: 5px; color: #535353; font-family: Arial,Helvetica,sans-serif; font-size: 7pt;position: relative;}
#view-ticket-form .ticket-details div {font-size: 11px; }
#view-ticket-form .ticket-details div.left_tickett{float: left;}
#view-ticket-form .ticket-details div.right_tickett{float: right;}
#view-ticket-form .ticket-details div .content{background-color: #fff9fd;margin:2px;float: left;padding:5px 10px; width: 100px;font-family:Arial,sans-serif;color: #454545;}
#view-ticket-form .ticket-details div label{color: #0b6eb3;font-size: 11px;background-color: #fff9fd;margin: 2px;float: left;padding:5px 10px;width: 85px;}
#view-ticket-form .ticket-details div.border_line_tickett{border:solid 1px #fec6e4;float: left;width: 99%; margin-left: 0.50%;margin-bottom: 30px;}
#view-ticket-form .ticket-details div.border_line_tickett label{color: #fa2398;text-transform: uppercase;background: none;width: 55px;}
#view-ticket-form .ticket-details div.border_line_tickett .content{color: #333;text-transform: uppercase;background: none;}
#view-ticket-form .ticket-details div.left_tickett label{color: #0b6eb3;font-size: 11px;background-color: #fff9fd;margin: 2px;float: left;padding:5px 10px;width: 59px;}
#view-ticket-form .ticket-details div.left_tickett .content{background-color: #fff9fd;margin:2px;float: left;padding:5px 10px; width: 178px;font-family:Arial,sans-serif;color: #454545;}

#view-ticket-form .ticket-detail-row {width: 255px; display: inline; float: left;}

#view-ticket-form .list-messages {width: 250px; clear: both;  margin: 10px 0 10px 0}
#view-ticket-form .list-messages .foro-tickett-scroll{overflow-x: hidden ;overflow-y:auto;width: 517px; max-height: 230px;}

#view-ticket-form .list-messages .foro-tickett-scroll .user-tickett{float: left;margin: 10px 0;position: relative;}
#view-ticket-form .list-messages .foro-tickett-scroll .user-tickett table tr td{text-align: center; vertical-align: top;}
#view-ticket-form .list-messages .foro-tickett-scroll .user-tickett table tr td .box-tickett{text-align: left;padding: 20px 20px 0 12px;min-height: 40px;float: left;width: 362px;border-bottom: solid 1px #b0b0b0;border-top: solid 3px #b0b0b0;border-right: solid 1px #b0b0b0;border-left: solid 1px #b0b0b0; margin: 0 0 0 25px;}
#view-ticket-form .list-messages .foro-tickett-scroll .user-tickett table tr td .box-tickett p{text-align: left;font-family: Arial, Helvetica,sans-serif;font-size: 11px;color: #7c7c7c;}
#view-ticket-form .list-messages .foro-tickett-scroll .user-tickett table tr td div img {border: solid 1px #cecece; margin: 7px 0 0 0;}
#view-ticket-form .list-messages .foro-tickett-scroll .user-tickett table tr td div p {color: #777;font-size: 10px;float: none;margin: 3px 0 0;}
#view-ticket-form .list-messages .foro-tickett-scroll .user-tickett table tr td div span {color: #b0b0b0;}
#view-ticket-form .list-messages .foro-tickett-scroll .user-tickett table tr td div.dialog{float: left;padding: 0 0 0 10px; position: absolute; top: 5px;}
#view-ticket-form .list-messages .foro-tickett-scroll .user-tickett table tr td div.dialog img{border: none 0;}

#view-ticket-form .list-messages .foro-tickett-scroll .admin-tickett{float: left;margin: 10px 0; position: relative;}
#view-ticket-form .list-messages .foro-tickett-scroll .admin-tickett table tr td{text-align:center; vertical-align: top;}
#view-ticket-form .list-messages .foro-tickett-scroll .admin-tickett table tr td .box-tickett-pinck{text-align: left;padding: 20px 20px 0 12px;min-height: 40px;float: left;width: 362px;border-top: solid 3px #fda1d3;border-right: solid 1px #fda1d3;border-bottom: solid 1px #fda1d3; border-left: solid 1px #fda1d3; margin: 0 0 0 25px;}
#view-ticket-form .list-messages .foro-tickett-scroll .admin-tickett table tr td .box-tickett-pinck p{text-align: left;font-family: Arial, Helvetica,sans-serif;font-size: 11px;color: #7c7c7c;}
#view-ticket-form .list-messages .foro-tickett-scroll .admin-tickett table tr td div img {border: solid 1px #fec6e4; margin: 7px 0 0 0;}
#view-ticket-form .list-messages .foro-tickett-scroll .admin-tickett table tr td div p {color: #777;font-size: 10px;float: none;margin: 3px 0 0;}
#view-ticket-form .list-messages .foro-tickett-scroll .admin-tickett table tr td div span {color: #b0b0b0;}
#view-ticket-form .list-messages .foro-tickett-scroll .admin-tickett table tr td div.dialog{float: left;padding: 0 0 0 10px; position: absolute; top: 5px;}
#view-ticket-form .list-messages .foro-tickett-scroll .admin-tickett table tr td div.dialog img{border: none 0;}


#sf_admin_content_forms{margin: 20px 0 0;}
.form-line .form-line-content textarea{border: solid 1px #fd8dc9; border-radius:4px;width: 390px;height: 60px;margin: 5px 0 0;  }
.form-line .form-line-content {}

.detail-label {color: #FA2398;margin-bottom: 5px;display:inline; font-family: Arial,Helvetica,sans-serif; text-transform: uppercase; font-size: 10px; float: left; width: 90px;}

.form-line{width: 300px; padding: 0 0 0 79px;}
/* END CONTACT (TICKET) */