/*
 * SimpleModal Contact Form
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

/* Overlay */
#contact-overlay {background-color:#000;}

/* Container */
textarea{overflow:hidden;}
button{outline: none;}
#contact-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left;width:450px;}
#contact-container .contact-content {border:1px solid #fff;background:url(../gambar/sp.png); color:#ddd; height:40px;}
#contact-container h1 {color:#ffcc00; font-size:20px; line-height:20px; margin:0; padding:6px 0 6px 12px; text-align:left;}
#contact-container textarea {height:114px;}
#contact-container .contact-loading {background:url(../img/contact/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {background:url(../gambar/sp.png); border:1px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:95%;color:#fff;}
#contact-container br {clear:both;}
#contact-container form {margin:0; padding:0;}
#contact-container label {clear:left; display:block; float:left; font-weight:bold; padding-right:4px; text-align:right; width:100px;}
#contact-container .contact-input {color:#fff;background-color:transparent;border-radius:5px; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:300px;}

#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}
#contact-container .contact-top {border:1px solid #fff;background:url(../gambar/sp.png); height:18px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#contact-container .contact-bottom {border:1px solid #fff;background:url(../gambar/sp.png); font-size:12px; height:18px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {font: normal 14px/normal "Play", Helvetica, sans-serif;color:#0ff; position:relative; top:0px; text-decoration:none;}
#contact-container .contact-bottom a:hover {color:#ff0;font: normal 14px/normal "Play", Helvetica, sans-serif;}
#contact-container .contact-button {border:1px solid #fff;background-color:transparent; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#contact-container .contact-button:hover {background:#f49000;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {color:#ff0; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#contact-container a.modal-close:hover {color:#0ff;}

#saran-overlay {background-color:#000;}

/* Container */
#saran-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:500px;}
#saran-container .saran-content {border:1px solid #fff;background:url(../gambar/sp.png); color:#ddd; height:40px;}
#saran-container h1 {color:#ffcc00; font-size:20px; line-height:20px; margin:0; padding:6px 0 6px 12px; text-align:left;}
#saran-container textarea {height:114px;}
#saran-container .saran-loading {background:url(../img/contact/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#saran-container .saran-message {text-align:center;}
#saran-container .saran-error {background:url(../gambar/sp.png); border:1px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:95%;color:#fff;text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff;}
#saran-container br {clear:both;}
#saran-container form {margin:0; padding:0;}
#saran-container label {clear:left; display:block; float:left; font-weight:bold; padding-left:15px; text-align:left; width:160px;}
#saran-container .saran-input {color:#fff;background-color:transparent;border-radius:5px; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding-right:0px; margin:2px; width:300px;}

#saran-container .saran-cc {cursor:default; font-size:14px; vertical-align:top;}
#saran-container .saran-top {border:1px solid #fff;background:url(../gambar/sp.png); font-size:12px;height:22px; line-height:12px;padding-top:4px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#saran-container .saran-bottom {border:1px solid #fff;background:url(../gambar/sp.png); font-size:12px; height:22px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;padding-top:4px;}
#saran-container .saran-bottom a,
#saran-container .saran-bottom a:link,
#saran-container .saran-bottom a:active,
#saran-container .saran-bottom a:visited {font: normal 14px/normal "Play", Helvetica, sans-serif;color:#0ff; position:relative; top:0px; text-decoration:none;}
#saran-container .saran-bottom a:hover {color:#ff0;font: normal 14px/normal "Play", Helvetica, sans-serif;}
#saran-container .saran-button {border:1px solid #fff;background-color:transparent; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#saran-container .saran-button:hover {background:#f49000;}
#saran-container a.modal-close,
#saran-container a.modal-close:link,
#saran-container a.modal-close:active,
#saran-container a.modal-close:visited {color:#ff0; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#saran-container a.modal-close:hover {color:#0ff;}