#dialog {position: fixed;left: 50%;top: 50px;max-width: 600px;min-width: 250px;border: 1px solid #eee;background: white;z-index: 1000;}#dialog .content {padding: 15px 20px;}#dialog h1 {margin: 0 0 5px 0;font-size: 16px;font-weight: normal;}#dialog p {margin: 0;padding: 0;font-size: .9em;}#dialog.modal {box-shadow: 0 1px 8px 0 black;}/* close */#dialog .close {position: absolute;top: 3px;right: 10px;text-decoration: none;color: #888;font-size: 16px;font-weight: bold;display: none;}#dialog.closable .close {display: block;}#dialog .close:hover {color: black;}#dialog .close:active {margin-top: 1px;}/* slide */#dialog.slide {-webkit-transition: opacity 300ms, top 300ms;-moz-transition: opacity 300ms, top 300ms;}#dialog.slide.hide {opacity: 0;top: -500px;}/* fade */#dialog.fade {-webkit-transition: opacity 300ms;-moz-transition: opacity 300ms;}#dialog.fade.hide {opacity: 0;}/* scale */#dialog.scale {-webkit-transition: -webkit-transform 300ms;-moz-transition: -moz-transform 300ms;-webkit-transform: scale(1);-moz-transform: scale(1);}#dialog.scale.hide {-webkit-transform: scale(0);-moz-transform: scale(0);}#overlay {position: fixed;top: 0;left: 0;opacity: 1;width: 100%;height: 100%;background: rgba(0,0,0,.75);transition: opacity 300ms;z-index: 500;}#overlay.hide {pointer-events: none;opacity: 0;}.confirmation .actions {border-top: 1px solid #eee;padding: 5px;text-align: right;background: #fafafa;box-shadow: inset 0 1px 0 white;}.color-picker canvas {border: 1px solid #888;}.color-picker canvas:active {cursor: none;}#notifications {position: fixed;top: 100px;right: 20px;/*font-family:Verdana;*/}#notifications li {margin-bottom: 5px;list-style: none;}.notification {position: relative;max-width: 250px;min-width: 250px;border: 1px solid #eee;background: #e9e9e9;border:2px solid #ccc;border-radius:4px;z-index: 100;}.notification .content {padding: 15px 20px;}.notification h1 {margin: 0 0 15px 0;/*font-size: 14px;color:#555;text-decoration:underline;font-weight: bold;text-align: left;**/}.notification p {/*margin: 0;padding: 0;font-size: 12px;color:#777;*/}.notification .close {position: absolute;top: 5px;right: 10px;text-decoration: none;color: #888;display: none;}.notification.closable .close {display: block;}.notification .close:hover {color: black;}.notification .close:active {margin-top: 1px;}/* close */.notification .close {position: absolute;top: 3px;right: 10px;text-decoration: none;color: #888;display: none;font:bold 13px Arial;}/* slide */.notification.slide {-webkit-transition: opacity 300ms, top 300ms;-moz-transition: opacity 300ms, top 300ms;}.notification.slide.hide {opacity: 0;top: -500px;}/* fade */.notification.fade {-webkit-transition: opacity 300ms;-moz-transition: opacity 300ms;}.notification.fade.hide {opacity: 0;}/* scale */.notification.scale {-webkit-transition: -webkit-transform 300ms;-moz-transition: -moz-transform 300ms;-webkit-transform: scale(1);-moz-transform: scale(1);}.notification.scale.hide {-webkit-transform: scale(0);-moz-transform: scale(0);}.split-button {display: inline-block;border: 1px solid #eee;}.split-button a {display: inline-block;float: left;height: 20px;line-height: 20px;padding: 5px 10px;text-decoration: none;-webkit-user-select: none;-moz-user-select: none;}.split-button .toggle {border-left: 1px solid #eee;}.split-button .toggle span {display: block;margin-top: 8px;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #888;}.menu {position: absolute;top: 0;left: 0;z-index: 100;margin: 0;padding: 0;background: white;border: 1px solid rgba(0,0,0,0.2);}.menu li {list-style: none;}.menu li a {display: block;padding: 5px 30px 5px 12px;text-decoration: none;border-top: 1px solid #eee;color: #2e2e2e;}.menu li:first-child a {border-top: none;}.menu li a:hover {background: #f1faff;}/* from: http://desandro.github.com/3dtransforms */.card {width: 200px;height: 260px;position: relative;perspective: 800;}.card .wrapper {width: 100%;height: 100%;position: absolute;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-webkit-transition: -webkit-transform 500ms ease-in-out;-moz-transition: -moz-transform 500ms ease-in-out;border: 1px solid #eee;border-bottom-color: #cacaca;border-radius: 3px;-webkit-box-shadow: inset 0 -1px 0 0 white, 0 1px 4px 0 #ddd;-moz-box-shadow: inset 0 -1px 0 0 white, 0 1px 4px 0 #ddd;}.card .face {display: block;position: absolute;width: 100%;height: 100%;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;}.card .back {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);}.card.flipped .wrapper {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);}/* sideflip effect */.card.sideflip .wrapper {-webkit-transform-origin: right center;-moz-transform-origin: right center;}.card.sideflip.flipped .wrapper {-webkit-transform: translateX(-100%) rotateY(180deg);-moz-transform: translateX(-100%) rotateY(180deg);}