/*===================================
=====================================
version 0.1 
=====================================
===================================*/

@import "/business/css/business.css";
@import "/business/css/patch.css";

/*----------------------
- Email a colleague (form and overlay styles)
------------------------*/
div.email-a-colleague-container {padding:0 10px}
  .email-a-colleague-container .ui-widget-header {border:none}
    .email-a-colleague-container .ui-dialog-titlebar {padding:0}
    .email-a-colleague-container .ui-dialog-titlebar-close {top:22px}
    .email-a-colleague-container .ui-dialog-titlebar-close, .email-a-colleague-container .ui-dialog-titlebar a.ui-state-hover {font-size:11px;width:auto;padding:0;font-weight:normal}
    .email-a-colleague-container .ui-dialog-titlebar-close, .email-a-colleague-container .ui-dialog-titlebar-close:link , .email-a-colleague-container .ui-dialog-titlebar-close:visited, .email-a-colleague-container .ui-dialog-titlebar-close:active, .email-a-colleague-container .ui-dialog-titlebar a.ui-state-hover, .email-a-colleague-container .ui-dialog-titlebar a.ui-state-hover:active, .email-a-colleague-container .ui-dialog-titlebar a.ui-state-hover:hover, .email-a-colleague-container .ui-dialog-titlebar a.ui-state-hover:focus {text-decoration:none}
    .email-a-colleague-container .ui-dialog-titlebar a.ui-state-hover {background:transparentcolor:#008698;outline:none;border:none}
      .email-a-colleague-container .ui-dialog-titlebar-close span {text-indent:0;width:auto;background:transparent url('/business/images/global/buttons/grey_close.gif') 100% 0 no-repeat;padding-right:20px}
      .email-a-colleague-container .ui-dialog-titlebar a.ui-state-hover span {background:transparent url('/business/images/global/buttons/grey_close.gif') 100% -100px no-repeat}
  .email-a-colleague-container .ui-dialog-content {color:#333}
    .email-a-colleague-container p {font-size:13px;line-height:18px}
      #email-a-colleague-form fieldset {padding-bottom:24px}
        #email-a-colleague-form #error-messages {background-color:#f8b140;padding:10px;display:none}
          #email-a-colleague-form #error-messages p {margin:0}
          #email-a-colleague-form #error-messages ul {list-style: disc inside}
            #email-a-colleague-form #error-messages li, #email-a-colleague-form #error-messages label {float:none}
            #email-a-colleague-form #error-messages label {cursor:pointer}
            #email-a-colleague-form #error-messages label:hover {text-decoration:underline}
          #email-a-colleague-form fieldset li {float:left;clear:left;position:relative;padding-right:20px}
          #email-a-colleague-form fieldset li.last {padding-bottom:0}
          #email-a-colleague-form fieldset li.error {background:url('/business/images/global/warning_icon.gif') top right no-repeat}
            #email-a-colleague-form .guidance, #email-a-colleague-form label, #email-a-colleague-form fieldset li p.formCopy {font-size:11px;line-height:13px}
            #email-a-colleague-form label, #email-a-colleague-form input, #email-a-colleague-form select, #email-a-colleague-form label li.radios p, #email-a-colleague-form label li.radios div {float:left}
            #email-a-colleague-form fieldset li.error .formCopy {font-weight:bold}
            #email-a-colleague-form li.radios div {display:inline}
              #email-a-colleague-form li.radios div label {padding-top:2px}
            #email-a-colleague-form input#required_number_of_connections {width:3em}
            #email-a-colleague-form textarea {height:100px}
            #email-a-colleague-form .error input, #email-a-colleague-form .error select, #email-a-colleague-form .error textarea {background-color:#f8b140}
          #email-a-colleague-form div.show-optional ul.optional {position:relative;top:auto;left:auto}
          #email-a-colleague-form div.hide-optional ul.optional {position:absolute;top:-99999em}
        a.toggle-optional {text-align:left;display:block;border:1px solid #ccc;padding:4px 0 0 30px;height:18px;font-size:11px;line-height:13px;margin-top:0}
        a.toggle-optional:link, a.toggle-optional:visited {text-decoration:none;background-position:7px 3px;background-repeat:no-repeat}
        a.toggle-optional:active, a.toggle-optional:hover, a.toggle-optional:focus {color:#333;background-position:7px -98px}
        .hide-optional a:link, .hide-optional a:visited {background-color:#bad4da;background-image:url('/business/images/global/buttons/petrol-plus-onlightpetrol.png')}
        .hide-optional a:active, .hide-optional a:hover, .hide-optional a:focus {background-color:#7fb0bb}
        .show-optional a:link, .show-optional a:visited {background-color:#fff;background-image:url('/business/images/global/buttons/petrol-minus-onlightpetrol.png');border-color:#ddd}
        .show-optional a:active, .show-optional a:hover, .show-optional a:focus {background-color:#bad4da}
          #email-a-colleague-form img.loading {display:block;margin:45px 0 45px 251px}
            #email-a-colleague-form span {font-weight:normal}
        #email-a-colleague-form button {border:0;padding:0;position:absolute;bottom:10px;right:23px;cursor:pointer;display:block;width:53px;height:23px;background:url('/business/images/global/submit-button-red.png') 0 0 no-repeat;text-indent:-999em}
        #email-a-colleague-form button:active, #email-a-colleague-form button:hover, #email-a-colleague-form button:focus {background-position:0 -23px}
    .email-a-colleague-container .ui-dialog-buttonpane {border:none}
span.required {color:red}