title: Customize the alert box with two buttons
body: <p>I need to customize my alert box with two button and both the button need to have different skins on them. </p>
  
  <p>I was able to do it for one skin. But i am unable to figure out about the two skins. </p>
  
  <p>My code that i have right now is below:</p>
  
  <pre><code>public function Messages():void
  {   
              Alert.buttonWidth = 100;                            
              Alert.yesLabel = "Accept";
              Alert.noLabel = "Reject";                           
              var alert:Alert = Alert.show("Accept video chat request from "+far_alias+"?", "Incoming Video Chat Request", Alert.YES | Alert.NO | Alert.NONMODAL, Sprite(Application.application), handleIncomingCallResponse, null, Alert.YES);                                                  
              alert.data = cm;
              alert.name = alert_name;
              alert.styleName = "requestVideoAlert"
              _alertDic[alert_name] = alert;
  
              Alert.yesLabel = "Yes";
              Alert.noLabel = "No";                           
  }
  </code></pre>
  
  <p>And the Css code is below:</p>
  
  <pre><code>&lt;mx:Style&gt;
  .requestVideoAlert
  {       
      background-color: #000000;
      back-color: #000000;
      area-fill:#000000;
      border-color:#000000;       
      dropShadowEnabled: false;
      button-style-name: cancelbtn;
  }
  .cancelbtn
  {
      skin: Embed(source='assets/images/videoChat-cancel-button.png');
  }
  </code></pre>
  
  <p></p>
  
  <p>This give the same skin on both the buttons "Accept" and "Reject" </p>
  
  <p>Can some one help me with this. </p>
  
  <p>Thank you 
  Zee</p>