*,*:before,*:after{box-sizing:border-box}
body{background:#f1f1f1;text-align:center;margin:0;padding:0;font-family:"Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;font-size:18px;font-weight:300}
div{padding:0;margin:0}
h1,h2,h3,h4{margin:0}
a{color:#000}
select{-webkit-appearance:none;-moz-appearance:none;background:#fafafa url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='5'><polygon fill='%23555' points='10,0 5,5 0,0'/></svg>") 100% center no-repeat;border:1px solid #ccc;color:rgba(0,0,0,.75);font-family:inherit;line-height:normal;border-radius:0;padding:.5rem 25px .5rem .5rem}
select:hover{background-color:#f3f3f3;border-color:#999}
input[type="text"],input[type="password"],textarea{-webkit-appearance:none;border-radius:0;background:#fff;border:1px solid #ccc;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);color:rgba(0,0,0,.75);display:block;font-family:inherit;font-size:.875rem;height:2.3125rem;margin:0;padding:.5rem;width:100%;transition:border-color .15s linear,background .15s linear}
input:focus,textarea:focus{background:#fafafa;border-color:#999;outline:none}
label{text-align:left;display:block;font-size:.8rem;line-height:1.5em;font-weight:normal;color:#4d4d4d}
label span.caption{display:block;font-size:.8rem;font-style:italic;font-weight:normal;margin-top:-1px;padding:.333rem .5rem .5rem;background:#F9D15F;color:#000}
label span.error{display:block;font-size:.8rem;font-style:italic;font-weight:normal;margin-bottom:.4em;margin-top:-1px;padding:.333rem .5rem .5rem;background:#f04124;color:#fff}
.section{clear:both;padding:0;margin:0 0 .8em}
.col{display:block;float:left;margin:0 0 0 1.6%}
.col:first-child{margin-left:0}
.group:before,.group:after{content:"";display:table}
.group:after{clear:both}
.group{zoom:1}
.span_6_of_6{width:100%}
.span_3_of_6{width:49.2%}
.span_2_of_6{width:32.26%}
.span_1_of_6{width:15.33%}
.button{background:#f0f0f0;border-radius:5px;border:1px solid #aaa;color:#333;font-size:1rem;font-weight:normal;text-decoration:none;padding:.5em;margin:0;line-height:2rem;text-align:center}
.primary_button{background:#960000;border-radius:5px;border:1px solid #960000;color:#fff;font-size:1rem;font-weight:bold;text-decoration:none;padding:.5em;margin:0;line-height:2rem;text-align:center;cursor:pointer}
.help_button{float:right;border:1px solid #aaa;border-radius:5px;color:#333;background:#f0f0f0;text-decoration:none;padding:0 .5em;margin:0;text-align:center;cursor:pointer}
.small_button{background:#f0f0f0;border-radius:5px;border:1px solid #aaa;color:#333;text-decoration:none;padding:.5em;margin:0;text-align:center;font-size:.8rem;font-weight:normal;line-height:1.6rem}
.col .primary_button,.col .small_button,.col .button{display:block;width:100%;text-align:center}
.help_block{font-size:.85rem;margin:.5rem 0;padding:.5rem;background:#eee}
.warning_block{font-size:.85rem;margin:.5rem 0;padding:.5rem;background:#F9D15F;font-weight:bold;text-align:center}
.error_block{font-size:.85rem;font-style:italic;font-weight:normal;margin:.5rem 0 1rem;padding:.5rem;background:#f04124;color:#fff;text-align:center}
.danger{background:#F9D15F}
.hidden{display:none!important}
.right{float:right}
#header_bg{background:#960000;color:#fff;border-bottom:14px solid #f1f1f1}
#header{text-align:left;margin:0 auto;padding:8px 0;width:740px;height:74px}
#header a{color:#fff;text-decoration:none}
#header h1{font-size:1rem;margin:0;float:left;width:230px}
#header h1 a span{left:-1000px;position:absolute}
#header h1 img{border:0;height:55px}
#header h1 img:hover{border-bottom:4px solid #ddd}
#header h2{font-weight:300;font-size:.78rem;color:#ddd;margin:0;float:left;width:220px;padding-top:14px}
#content{background:#fff;padding:5px 0 1.8em}
#content>div{text-align:left;margin:0 auto;padding:0 10px;width:760px}
#content h1{font-size:1.5rem;margin-bottom:.5rem}
#content input[type="text"]{width:100%;font-size:1rem}
#content textarea{background:#ffface url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Crect width='30' height='30' fill='%23fff'/%3E%3Cpath d='M0 0L30 0L0 30z' fill='%23d8d898'/%3E%3C/svg%3E") no-repeat bottom right;width:100%;max-width:100%;font-size:.9rem;font-family:"Lucida Console",Monaco,monospace;height:250px;margin-bottom:1em;border:none;box-shadow:none}
#note_link_input{background:#ffa;font-weight:bold}
#note_contents{background:#ffface;width:100%;max-width:100%;font-size:.9rem;font-family:"Lucida Console",Monaco,monospace;height:200px;margin-bottom:1em}
#footer{background:#f1f1f1;color:#888;font-size:.8rem;padding:1em 0 0}
#footer a{color:#888}
#footer>div{margin:0 auto;width:760px}
#footer .col{line-height:1.5rem}
#footnote{font-size:.7rem;padding:1em}
@media only screen and (max-width:760px){
.col{margin:0 0 .8em}
.span_1_of_6,.span_2_of_6,.span_3_of_6,.span_6_of_6{width:100%}
#header{width:auto;height:auto;padding:5px 10px}
#header_bg{border-bottom:0}
#header h1{float:none;width:auto}
#header h1 img{height:40px}
#header h2{display:none}
#content>div{width:auto}
#content textarea{height:150px}
#footer>div{width:auto}
}
