/*
 * SimpleModal OSX Style Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#osx-modal-content, #osx-modal-data {display:none;  }

/* Overlay */
#osx-overlay {background-color:#000;}

/* Container */
#osx-container {display:block;background:#FFF;color:#000;padding-bottom:4px; width:720px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-radius:0 0 0px 0px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 0 10px rgba(0,0,0,0.3); border-radius:20px;}
#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;text-align:left;font-size:16px; border-radius:10px 10px 0 0 }
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;font-size:16px;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {font-size:12px; padding:30px 20px;}
.osx-modal-login{display:block;float:left;width:350px;text-align:left;border-right:solid 1px #DFDFDF;}
.osx-modal-login-title{font-size:18px;}
.osx-modal-login form ul li{margin-top:16px;position:relative;width:312px;height:41px;}
.osx-modal-login form ul li span{position:absolute;padding-left:15px;height:41px;line-height:41px;top:0;left:0;z-index:99;color:#A9A9A9;font-size:14px;}
.osx-modal-login form ul li input{position:absolute;top:0;left:0;z-index:9;padding:0 15px;width:280px;height:41px;line-height:41px;border:solid 1px #DEDEDE;background:#F5F5F5;color:#A9A9A9;font-size:14px; 
-khtml-border-radius:3px; /* Konqueror */
-rim-border-radius:3px; /* RIM */
-ms-border-radius:3px; /* Microsoft */
-o-border-radius:3px; /* Opera */
-moz-border-radius:3px; /* Mozilla(如 Firefox) */
-webkit-border-radius:3px; /* Webkit（如 Safari 和 Chrome） */
border-radius:10px; /* W3C */}

.osx-modal-login form div input{margin-top:16px;width:312px;height:41px;line-height:41px;background:#8DC22A;color:#FFF;font-size:16px;font-weight:bold;cursor:pointer;border:none;
-khtml-border-radius:10px; /* Konqueror */
-rim-border-radius:10px; /* RIM */
-ms-border-radius:10px; /* Microsoft */
-o-border-radius:10px; /* Opera */
-moz-border-radius:10px; /* Mozilla(如 Firefox) */
-webkit-border-radius:10px; /* Webkit（如 Safari 和 Chrome） */
border-radius:10px; /* W3C */}
.osx-modal-login form div input:hover{background:#F39810;}
.osx-modal-autologin-forgetpass{margin-top:16px;width:312px;}
.osx-modal-autologin-forgetpass a{float:right;color:#000;}
.osx-modal-autologin-forgetpass a:hover{color:#448CCB;}

.osx-modal-reg{display:block;padding-left:20px;width:260px;float:right;text-align:left;}
.osx-modal-reg p{font-size:16px;}
.osx-modal-reg div{margin-top:10px;padding-left:190px;height:34px;background:url(../img/reg_logo.png) -25px top no-repeat;}
.osx-modal-reg div a{float:left;width:60px;height;30px;line-height:30px;text-align:center;font-weight:bold;background:#F39810;-khtml-border-radius:3px; color:#FFF;/* Konqueror */
-rim-border-radius:3px; /* RIM */
-ms-border-radius:3px; /* Microsoft */
-o-border-radius:3px; /* Opera */
-moz-border-radius:3px; /* Mozilla(如 Firefox) */
-webkit-border-radius:3px; /* Webkit（如 Safari 和 Chrome） */
border-radius:10px; /* W3C */}
.osx-modal-reg div a:hover{color:#FFF;background:#8DC22A;text-decoration:none;}
.osx-modal-login form input.focus {background:#FDF2F2;border:solid  1px  #E26269;}
.validation{display:none;margin-top:16px;width:290px;padding:5px 10px;background:#FFEBEC;border:solid 1px #FFBDBF;color:#E6393D;
-khtml-border-radius:3px; /* Konqueror */
-rim-border-radius:3px; /* RIM */
-ms-border-radius:3px; /* Microsoft */
-o-border-radius:3px; /* Opera */
-moz-border-radius:3px; /* Mozilla(如 Firefox) */
-webkit-border-radius:3px; /* Webkit（如 Safari 和 Chrome） */
border-radius:3px; /* W3C */
}