@charset "UTF-8"; /* CSS Document */ .o-hidden { overflow:hidden; } #overlay { background: url(images-age/overlay.png) repeat; position: fixed; z-index:100; height: 100%; width:100%; top:0; left:0; } #modal-container { padding: 5px; position: fixed; z-index: 102; width: 30%; top:30%; left:35%; background: url(images-age/modal.png) repeat; margin:0; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #111; color: #000; } div#modal-inner { background:#fff; border:1px solid #fff; padding: 15px 15px 15px 15px; } div#modal-inner h1 { margin-bottom: 5px; line-height:11px; color: #000; } div#modal-inner img#badge { float:left; height: 32px; width:32px; display:inline-block; margin-top: 8px; margin-right: 8px; margin-bottom: 25px; padding: 5px; border:1px solid #bbb; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius: 3px; } div#modal-inner form div.field { float:left; width: 32%; } div#modal-inner form { padding-top: 5px; background:#fff; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius: 3px; border:1px solid #ccc; } div#modal-inner form label { display:block; margin: 5px 0 5px 0; } div#modal-inner form select { padding: 5px; border:1px solid #bbb; display: inline-block; width: 90%; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius: 3px; } div#modal-inner form input[type=submit]{ padding: 4px; text-align:center; font-size:inherit; margin-top: 15px; display:block; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius: 3px; color: #000; } div#modal-inner form div.spacer { height: 60px; margin: 5px 0 5px 0; cursor:pointer; } .grey { background-image: -webkit-linear-gradient(top, #eee, #ccc); background-image: -moz-linear-gradient(top, #eee, #ccc); background-image: -ms-linear-gradient(top, #eee, #ccc); background-image: -o-linear-gradient(top, #eee, #ccc); border:1px solid #aaa; text-shadow:#fff 0px 1px 1px; cursor:pointer; } .grey:hover { -moz-box-shadow: #aaa 0px 0px 3px; -webkit-box-shadow: #aaa 0px 0px 3px; }