/* 
    Document   : confirm
    Created on : Dec 25, 2010, 7:38:41 PM
    Author     : haqqi
    Description:
        Purpose of the stylesheet follows.
*/

/* membuat font face sendiri */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: normal;
  src: local('Cuprum'), url('Cuprum.ttf') format('truetype');
}

#confirmMask{ width:100%; height:100%; position:fixed; top:0; left:0;
              background: -moz-linear-gradient(rgba(11,11,11,0.3),
                rgba(11,11,11,0.8)) repeat-x rgba(11,11,11,0.8);
              background:-webkit-gradient(linear, 0% 0%, 0% 100%,
                from(rgba(11,11,11,0.3)), to(rgba(11,11,11,0.8)))
                repeat-x rgba(11,11,11,0.8); z-index:100000; }

  #confirmBox{ background:url('body_bg.jpg') repeat-x left bottom #e5e5e5;
               width:460px; position:relative; border: 1px solid rgba(33, 33, 33, 0.6);
               -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
               -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
               box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; }
    #confirmBox h1,
    #confirmBox p { font:26px/1 'Cuprum','Lucida Sans Unicode', sans-serif;
                    background:url('header_bg.jpg') repeat-x left bottom #f5f5f5;
                    padding: 18px 25px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
                    color:#666; margin: 0; }
    #confirmBox h1 { letter-spacing:0.3px; color:#EDEDED; text-align: center;
                     text-shadow: 1px 1px 0 rgba(50, 50, 50, 0.6); }
    #confirmBox p { background:none; font-size:16px; line-height:1.4;
                    padding-top: 35px; }

    #confirmButtons { padding:15px 0 25px; text-align:center; }
    #confirmBox .button{ display:inline-block; background:url('buttons.png') no-repeat;
                         color:white; position:relative; height: 33px;
                         font:17px/33px 'Cuprum', 'Lucida Grande', sans-serif;
                         margin-right: 15px; padding: 0 35px 0 40px;
                         text-decoration:none; border:none; }

    #confirmBox .button:last-child { margin-right:0; }
    #confirmBox .button span { position:absolute; top:0; right:-5px;
                               background:url('buttons.png') no-repeat;
                               width:5px; height:33px }

    /* mengambil background dari sprite button.png */
    #confirmBox .green {	background-position:left top;text-shadow:1px 1px 0 #5889a2;}
    #confirmBox .green span { background-position:-195px 0;}
    #confirmBox .green:hover { background-position:left bottom;}
    #confirmBox .green:hover span { background-position:-195px bottom;}

    /* mengambil background dari sprite button.png */
    #confirmBox .gray {	background-position:-200px top;text-shadow:1px 1px 0 #707070;}
    #confirmBox .gray span { background-position:-395px 0;}
    #confirmBox .gray:hover { background-position:-200px bottom;}
    #confirmBox .gray:hover span { background-position:-395px bottom;}