/* reset  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }


/* common  */
html { height: 100%; }
body { font-size: .75em; font-family: "Segoe UI" , "Helvetica Neue" , Arial, Sans-Serif; }
a, a:active, a:focus { outline: none; text-decoration: none; }
p { padding: 0 0 1em 0; }
strong { font-weight: bold; }

a.btn { color: #6e6e6e; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; padding: 7px 12px; position: relative; display: inline-block; text-shadow: 0 1px 0 #fff; -webkit-transition: border-color .218s; -moz-transition: border .218s; -o-transition: border-color .218s; transition: border-color .218s; background: #f3f3f3; background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); border: solid 1px #dcdcdc; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
a.btn:hover { color: #333; border-color: #999; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
a.btn:active { color: #000; border-color: #444; top: 1px; }

a.big { font-size: 16px; padding: 10px 15px; }
a.supersize { font-size: 20px; padding: 15px 20px; }

.btns { overflow: auto; padding: 20px 0 10px 0; }
.btns a.btn { float: left; display: inline; margin: 0 10px 0 0; }
.btns a.btn.secondary { background: #FFF; }

a.btn.green { text-shadow: 0 1px 1px rgba(0,0,0,.3); color: #e8f0de; border: solid 1px #538312; background: #64991e; background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e'); }
a.btn.green:hover { background: #538018; background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)); background: -moz-linear-gradient(top,  #6b9d28,  #436b0c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); }
a.btn.green:active { color: #a9c08c; }

.dialog { display: none; font-size: 1.1em; text-align: left; padding: 12px; background: url("/media/img/bg-dark.png") repeat; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.dialog .m { position: relative; padding: 20px 24px; background: #FFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.dialog h1 { font-weight: bold; font-size: 1.1em; padding: 0 0 1.6em 0; }
.ui-dialog-titlebar { display: none; }
.ui-widget-overlay { position: fixed; }