From 749f7767785a87d956d00103f3f19d37e3da4c59 Mon Sep 17 00:00:00 2001
From: Alan Grissett <alan.grissett@gmail.com>
Date: Sat, 28 Feb 2015 19:22:31 -0500
Subject: [PATCH 01/10] Login, register, add activity.

---
 __init__.py                                   |    0
 manage.py                                     |   55 +
 migrations/README                             |    1 +
 migrations/__pycache__/env.cpython-34.pyc     |  Bin 0 -> 1797 bytes
 migrations/alembic.ini                        |   45 +
 migrations/env.py                             |   73 +
 migrations/script.py.mako                     |   22 +
 migrations/versions/3cd6ed5ca09_.py           |   51 +
 .../__pycache__/3cd6ed5ca09_.cpython-34.pyc   |  Bin 0 -> 1454 bytes
 requirements.txt                              |   31 +
 runtime.txt                                   |    1 +
 stat_tracker/.DS_Store                        |  Bin 0 -> 8196 bytes
 stat_tracker/__init__.py                      |   36 +
 .../__pycache__/__init__.cpython-34.pyc       |  Bin 0 -> 1036 bytes
 .../__pycache__/extensions.cpython-34.pyc     |  Bin 0 -> 1015 bytes
 stat_tracker/__pycache__/forms.cpython-34.pyc |  Bin 0 -> 1379 bytes
 .../__pycache__/models.cpython-34.pyc         |  Bin 0 -> 2416 bytes
 stat_tracker/extensions.py                    |   22 +
 stat_tracker/forms.py                         |   23 +
 stat_tracker/models.py                        |   51 +
 stat_tracker/static/.DS_Store                 |  Bin 0 -> 6148 bytes
 stat_tracker/static/css/app.css               |    0
 stat_tracker/static/css/foundation.css        | 6201 +++++++++++++++++
 stat_tracker/static/css/normalize.css         |  427 ++
 stat_tracker/static/css/style.css             |   87 +
 stat_tracker/templates/.DS_Store              |  Bin 0 -> 6148 bytes
 stat_tracker/templates/add_activity.html      |   18 +
 stat_tracker/templates/index.html             |   28 +
 stat_tracker/templates/layout.html            |   49 +
 stat_tracker/templates/login.html             |   24 +
 stat_tracker/templates/register.html          |   36 +
 stat_tracker/views/.DS_Store                  |  Bin 0 -> 6148 bytes
 stat_tracker/views/__init__.py                |    0
 .../views/__pycache__/__init__.cpython-34.pyc |  Bin 0 -> 155 bytes
 .../views/__pycache__/stats.cpython-34.pyc    |  Bin 0 -> 2776 bytes
 .../views/__pycache__/users.cpython-34.pyc    |  Bin 0 -> 2095 bytes
 stat_tracker/views/stats.py                   |   72 +
 stat_tracker/views/users.py                   |   54 +
 38 files changed, 7407 insertions(+)
 create mode 100644 __init__.py
 create mode 100644 manage.py
 create mode 100755 migrations/README
 create mode 100644 migrations/__pycache__/env.cpython-34.pyc
 create mode 100644 migrations/alembic.ini
 create mode 100644 migrations/env.py
 create mode 100755 migrations/script.py.mako
 create mode 100644 migrations/versions/3cd6ed5ca09_.py
 create mode 100644 migrations/versions/__pycache__/3cd6ed5ca09_.cpython-34.pyc
 create mode 100644 requirements.txt
 create mode 100644 runtime.txt
 create mode 100644 stat_tracker/.DS_Store
 create mode 100644 stat_tracker/__init__.py
 create mode 100644 stat_tracker/__pycache__/__init__.cpython-34.pyc
 create mode 100644 stat_tracker/__pycache__/extensions.cpython-34.pyc
 create mode 100644 stat_tracker/__pycache__/forms.cpython-34.pyc
 create mode 100644 stat_tracker/__pycache__/models.cpython-34.pyc
 create mode 100644 stat_tracker/extensions.py
 create mode 100644 stat_tracker/forms.py
 create mode 100644 stat_tracker/models.py
 create mode 100644 stat_tracker/static/.DS_Store
 create mode 100644 stat_tracker/static/css/app.css
 create mode 100644 stat_tracker/static/css/foundation.css
 create mode 100644 stat_tracker/static/css/normalize.css
 create mode 100644 stat_tracker/static/css/style.css
 create mode 100644 stat_tracker/templates/.DS_Store
 create mode 100644 stat_tracker/templates/add_activity.html
 create mode 100644 stat_tracker/templates/index.html
 create mode 100644 stat_tracker/templates/layout.html
 create mode 100644 stat_tracker/templates/login.html
 create mode 100644 stat_tracker/templates/register.html
 create mode 100644 stat_tracker/views/.DS_Store
 create mode 100644 stat_tracker/views/__init__.py
 create mode 100644 stat_tracker/views/__pycache__/__init__.cpython-34.pyc
 create mode 100644 stat_tracker/views/__pycache__/stats.cpython-34.pyc
 create mode 100644 stat_tracker/views/__pycache__/users.cpython-34.pyc
 create mode 100644 stat_tracker/views/stats.py
 create mode 100644 stat_tracker/views/users.py

diff --git a/__init__.py b/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/manage.py b/manage.py
new file mode 100644
index 0000000..8e94e48
--- /dev/null
+++ b/manage.py
@@ -0,0 +1,55 @@
+import csv
+from datetime import datetime
+from random import randint
+
+from flask.ext.script import Manager, Shell, Server
+from flask.ext.migrate import MigrateCommand
+from flask.ext.script.commands import ShowUrls, Clean
+
+from stat_tracker import create_app, db, bcrypt, models
+
+
+app = create_app()
+
+manager = Manager(app)
+manager.add_command('server', Server())
+manager.add_command('db', MigrateCommand)
+manager.add_command('show-urls', ShowUrls())
+manager.add_command('clean', Clean())
+
+
+@manager.shell
+def make_shell_context():
+    return dict(app=app, db=db)
+
+
+@manager.command
+def seed_users():
+    users_added = 0
+    users_updated = 0
+
+    with open('users.csv') as csvfile:
+        csv_items = csv.DictReader(csvfile)
+        for row in csv_items:
+            user = models.User.query.filter_by(email=row['email']).first()
+            if user is None:
+                user = models.User()
+                users_added += 1
+            else:
+                users_updated += 1
+            for key, value in row.items():
+                if key == 'password':
+                    setattr(user, 'encrypted_password',
+                            bcrypt.generate_password_hash(value))
+                else:
+                    setattr(user, key, value)
+            db.session.add(user)
+        db.session.commit()
+    print("{} users added, {} users updated.".format(users_added,
+                                                     users_updated))
+
+
+
+
+if __name__ == '__main__':
+    manager.run()
diff --git a/migrations/README b/migrations/README
new file mode 100755
index 0000000..98e4f9c
--- /dev/null
+++ b/migrations/README
@@ -0,0 +1 @@
+Generic single-database configuration.
\ No newline at end of file
diff --git a/migrations/__pycache__/env.cpython-34.pyc b/migrations/__pycache__/env.cpython-34.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..320c56d98f219145950ac3524f08c048381f0f0e
GIT binary patch
literal 1797
zcmZuxOLN>r5blxoseO9=AiSz3C$m+s`~ixJ?U=$<#uYzO342k=((JAjX|&9Y{Ho++
zE}Zxs`~rRhcTT!;;=+L=C%Q-L*deHPdZ!=LJ>C6H|JChzzaIU4CR+f1z=N-b`zN^c
z??@v2F-QS222%!%cn4AkG8d+9#k-K!AgjZ)4p{@HjY?XBv<X=YrY&H?g`^GBHi#C8
zHY6V0u6)%Y?LgLrX&0?f(}So1qD$sUAEG81-a4p5(Ey?re3%R&S%c{aqBcYx{0J~z
zho}Ql*X}off^EVrfcg!@I&GM2g4nRTs0XLx{-2l`j9J;gjLpK=CNLrs(x9Xn=F*5O
zGj__6kn>myf2Q)xNAWD4m$hY{r)cKQ;#BNe8FHPlPzulc!E$-i*FU5|8ZJb3Jt<UL
zesFqxxO2Go?f!S)`%ibyc6N78_x<N52W2yh=L#c-bQ$^>E^G$u;nGi#7=VOP{jmsd
zkaZw&sr;`2b77458fEqK04!6tDZYqYIDU!bbX*I*L8m8$<W;OVmzu|tZ|AdFin(p`
zERV#*^EiHIi&*n2&q4{!%|Z}M)!<Yoo)p^ffImMuwDy6FxXe)^`M#~x=XfM9=8Jm?
zM~^`milqt8Q(;dngc3Z^{8FUpg!A2Nu3yE=Wi015VC9L2N(2UPYmZzC9_4b|aB(3d
zmqJ8%i>JFg&knfB`8m3~2;!6?tTNdP(iHEX-(7zqu0&WE@!6Q$@FI(ijW&<Tqc+Nh
z&q-z@>QKc?!}G!{3$t?iUSnPC?$NkWHdfde%!To@AeMf<q`NB@TUfT=R<v9@7YHcd
zs6gr<B$KkQ3hCeXX3Ug_hkgMy#J_*m?loTuc`;dDms{^1@K=re7|k_d2f70`bb3sU
za37L@J_lDH*B&m7=pkeo28m;-OZY;RA+iuPrUnTDi8+WkG))==sy7Tw6OtB0HF%Ad
zbuev|JM8AMRp5hO!4R!F#IP6mkdI#y#REy#%3dOOI&R+l^nZ|)?;-L)Vn+}{IutTc
zagLy=+E1+|gkbCM!1orCf!28#TOIXZ3R~$4!4Dw4>T20oDlv<%ZaNR1ZP})09;WE3
z^zMC>0~09QWMP6RFu~Edr)XNL4wAA%DqV#uM^)SXSjKlURVS;~QIV$4(7hcsbUTX^
z)gwP!M5s|}K(_TT&9%T$)Tl<0+9VZ0qatf$wE15|*gAfJD*XrvG+j1g4c2wKtd0Lo
z*JVAn;iykhcQoEAJ>Q=d24B4IE5b?H3{sJu$6<wE@4hZou9U^JpXPJK@_bUIsTwG(
zsxVw7P6N`HK_<%j3=8>6HOcotzxzf?7mHSUIAVm<G@VK(Ixkz<s=!r22+H=l<sjB~
xi1%r7J*b7PiY-X%D^wM!_?qUa{s_sC4cQhO*4njRW5_;X>&@<{`>4x2=U>?>-R}SZ

literal 0
HcmV?d00001

diff --git a/migrations/alembic.ini b/migrations/alembic.ini
new file mode 100644
index 0000000..f8ed480
--- /dev/null
+++ b/migrations/alembic.ini
@@ -0,0 +1,45 @@
+# A generic, single database configuration.
+
+[alembic]
+# template used to generate migration files
+# file_template = %%(rev)s_%%(slug)s
+
+# set to 'true' to run the environment during
+# the 'revision' command, regardless of autogenerate
+# revision_environment = false
+
+
+# Logging configuration
+[loggers]
+keys = root,sqlalchemy,alembic
+
+[handlers]
+keys = console
+
+[formatters]
+keys = generic
+
+[logger_root]
+level = WARN
+handlers = console
+qualname =
+
+[logger_sqlalchemy]
+level = WARN
+handlers =
+qualname = sqlalchemy.engine
+
+[logger_alembic]
+level = INFO
+handlers =
+qualname = alembic
+
+[handler_console]
+class = StreamHandler
+args = (sys.stderr,)
+level = NOTSET
+formatter = generic
+
+[formatter_generic]
+format = %(levelname)-5.5s [%(name)s] %(message)s
+datefmt = %H:%M:%S
diff --git a/migrations/env.py b/migrations/env.py
new file mode 100644
index 0000000..70961ce
--- /dev/null
+++ b/migrations/env.py
@@ -0,0 +1,73 @@
+from __future__ import with_statement
+from alembic import context
+from sqlalchemy import engine_from_config, pool
+from logging.config import fileConfig
+
+# this is the Alembic Config object, which provides
+# access to the values within the .ini file in use.
+config = context.config
+
+# Interpret the config file for Python logging.
+# This line sets up loggers basically.
+fileConfig(config.config_file_name)
+
+# add your model's MetaData object here
+# for 'autogenerate' support
+# from myapp import mymodel
+# target_metadata = mymodel.Base.metadata
+from flask import current_app
+config.set_main_option('sqlalchemy.url', current_app.config.get('SQLALCHEMY_DATABASE_URI'))
+target_metadata = current_app.extensions['migrate'].db.metadata
+
+# other values from the config, defined by the needs of env.py,
+# can be acquired:
+# my_important_option = config.get_main_option("my_important_option")
+# ... etc.
+
+def run_migrations_offline():
+    """Run migrations in 'offline' mode.
+
+    This configures the context with just a URL
+    and not an Engine, though an Engine is acceptable
+    here as well.  By skipping the Engine creation
+    we don't even need a DBAPI to be available.
+
+    Calls to context.execute() here emit the given string to the
+    script output.
+
+    """
+    url = config.get_main_option("sqlalchemy.url")
+    context.configure(url=url)
+
+    with context.begin_transaction():
+        context.run_migrations()
+
+def run_migrations_online():
+    """Run migrations in 'online' mode.
+
+    In this scenario we need to create an Engine
+    and associate a connection with the context.
+
+    """
+    engine = engine_from_config(
+                config.get_section(config.config_ini_section),
+                prefix='sqlalchemy.',
+                poolclass=pool.NullPool)
+
+    connection = engine.connect()
+    context.configure(
+                connection=connection,
+                target_metadata=target_metadata
+                )
+
+    try:
+        with context.begin_transaction():
+            context.run_migrations()
+    finally:
+        connection.close()
+
+if context.is_offline_mode():
+    run_migrations_offline()
+else:
+    run_migrations_online()
+
diff --git a/migrations/script.py.mako b/migrations/script.py.mako
new file mode 100755
index 0000000..9570201
--- /dev/null
+++ b/migrations/script.py.mako
@@ -0,0 +1,22 @@
+"""${message}
+
+Revision ID: ${up_revision}
+Revises: ${down_revision}
+Create Date: ${create_date}
+
+"""
+
+# revision identifiers, used by Alembic.
+revision = ${repr(up_revision)}
+down_revision = ${repr(down_revision)}
+
+from alembic import op
+import sqlalchemy as sa
+${imports if imports else ""}
+
+def upgrade():
+    ${upgrades if upgrades else "pass"}
+
+
+def downgrade():
+    ${downgrades if downgrades else "pass"}
diff --git a/migrations/versions/3cd6ed5ca09_.py b/migrations/versions/3cd6ed5ca09_.py
new file mode 100644
index 0000000..f40547f
--- /dev/null
+++ b/migrations/versions/3cd6ed5ca09_.py
@@ -0,0 +1,51 @@
+"""empty message
+
+Revision ID: 3cd6ed5ca09
+Revises: None
+Create Date: 2015-02-28 18:26:53.642736
+
+"""
+
+# revision identifiers, used by Alembic.
+revision = '3cd6ed5ca09'
+down_revision = None
+
+from alembic import op
+import sqlalchemy as sa
+
+
+def upgrade():
+    ### commands auto generated by Alembic - please adjust! ###
+    op.create_table('user',
+    sa.Column('id', sa.Integer(), nullable=False),
+    sa.Column('name', sa.String(length=255), nullable=False),
+    sa.Column('email', sa.String(length=255), nullable=False),
+    sa.Column('encrypted_password', sa.String(length=60), nullable=True),
+    sa.PrimaryKeyConstraint('id'),
+    sa.UniqueConstraint('email')
+    )
+    op.create_table('activity',
+    sa.Column('id', sa.Integer(), nullable=False),
+    sa.Column('title', sa.String(length=255), nullable=False),
+    sa.Column('owner', sa.Integer(), nullable=True),
+    sa.Column('date', sa.DateTime(), nullable=False),
+    sa.ForeignKeyConstraint(['owner'], ['user.id'], ),
+    sa.PrimaryKeyConstraint('id')
+    )
+    op.create_table('stat',
+    sa.Column('id', sa.Integer(), nullable=False),
+    sa.Column('activity', sa.Integer(), nullable=True),
+    sa.Column('value', sa.Float(), nullable=False),
+    sa.Column('date', sa.DateTime(), nullable=False),
+    sa.ForeignKeyConstraint(['activity'], ['activity.id'], ),
+    sa.PrimaryKeyConstraint('id')
+    )
+    ### end Alembic commands ###
+
+
+def downgrade():
+    ### commands auto generated by Alembic - please adjust! ###
+    op.drop_table('stat')
+    op.drop_table('activity')
+    op.drop_table('user')
+    ### end Alembic commands ###
diff --git a/migrations/versions/__pycache__/3cd6ed5ca09_.cpython-34.pyc b/migrations/versions/__pycache__/3cd6ed5ca09_.cpython-34.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..ef17dd305633ea2d984a940aa8a30c3250c898cb
GIT binary patch
literal 1454
zcma)6OK;Oa5FR^@<G2Z=P)?;N90O|8rnJzgLP)JD6-0z+x#VJPy{mMKAL;I<D7}V1
z!;j#P><w}1g#$+}FuQpWM0q&zXvXvUzVVK~RI1^}&e!7|AK)|0T`ua+@RrX}P=GE<
z2f7YW7rHLc0#FZ<0;C>vJ#dWeLQ;gT53~r>hxeFM0*e2@>VXM3YLqV{miE=Ko-!#(
zkA>lDcEKgjv-;tFyS^FIZAQ0Zvc5BRFxjqm@{EOhf)T~)`zYG=*80ZQ>UwLn^`yS>
zq}|$XZ*8t^KWaVR+z!L;!d#Kg6~c#xqusn88+CexsO;e_KREyj;0&2Lpj<e!OpM~e
z2uWL_BiEU@iZ;eFL~f%obBvq?1pf*s&jp0j3JcQ;I6fCfV<dKVsE<nEOdwYN17dZq
z!L<-?*nk<mS#P9z)4GD+n3sXxfF91MX5`4VVN<Mg_!h0>?;{*@xVHT*n{KA^+u;9#
ztYVSf{sS^Ryhn|tj`jwU3GH&KgKUr_<RoDS+RI4Fw4bo7r%tcF<AKmcmJ*)mTP%yk
zu&)@6`b5fixu93O=s(s0i50)#YN(5ftAy!d{w~AP9>ueHSu$<bu!|=ZQM!0Rk^#G1
znC76Tu^`NL=}K&mbfgRv?MkBky*wGDnJyh>iuJIhf20J@dV1-V;3*Nq7i_qfXHp5m
zGo@>9GJZZ_b58=Z9>*LhEgj^7@m}_8M)4rYiTVKIE&{OP+soz~1T32*Az4pwDVb7D
zF7j+h1Z^4)tJp4n%S1EfJwX(%s%&0hidE)zEn4djb!pJYAj%f8fqZ}h+_JOm+_%4q
zQ=3@J`0UQaGP<$EJ&gWkNzIt-l0HObwxqZb({-?`GBpZjZyfu&y^g41il`V-K+$l=
zGY_fA`{RlKoWWRI!7yE>_%1DhH8drD6_G&IsXC&LTBEE>QAG1NigX|*-z{A=Inm54
zk%XluJf1X^=Lt#TQ<e_JZ7g9)+G5xC4|da>4ifgXgt5}V_Y1z`yEUg$sI2?|&%8$Q

literal 0
HcmV?d00001

diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 0000000..e0acd32
--- /dev/null
+++ b/requirements.txt
@@ -0,0 +1,31 @@
+# Everything needed in production
+## Flask
+Flask==0.10.1
+MarkupSafe==0.23
+Werkzeug==0.10.1
+Jinja2==2.7.3
+itsdangerous==0.24
+## Database
+Flask-SQLAlchemy==2.0
+SQLAlchemy==0.9.8
+## Migrations
+Flask-Migrate==1.3.0
+## Forms
+Flask-WTF==0.11
+WTForms==2.0.2
+## Login and users
+Flask-Login==0.2.11
+Flask-Bcrypt==0.6.2
+## Management script
+Flask-Script==2.0.5
+## Config
+flask-appconfig==0.9.1
+## Heroku
+gunicorn==19.2.1
+psycopg2==2.6
+# Everything the developer needs in addition to the production requirements
+Flask-DebugToolbar==0.9.1
+## Testing
+pytest>=2.6.4
+webtest
+matplotlib
diff --git a/runtime.txt b/runtime.txt
new file mode 100644
index 0000000..bc42bd0
--- /dev/null
+++ b/runtime.txt
@@ -0,0 +1 @@
+python-3.4.2
diff --git a/stat_tracker/.DS_Store b/stat_tracker/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..21bf30b8f6f6b1ca30ed8219523a95a21f4c2363
GIT binary patch
literal 8196
zcmeI1&yUhT6vy8HyOt%I8Z{yD(xWECKsIi6Z-}dj2NNP@H^x<LX_ZO3EujS@goK-k
ze}QLz{~tzA{sH=@c*6H)2Eq<qubOqHnfVUW_w6vBLdz=vz#0R;22ch73oEHz!X~58
zeyVFFr$#QIGV}v*NTH3}4d|^!n*l?>5HJJ`0YktL_!kJ^J)4Sk%6(t%HLW3F2>h1>
z==$JbC9Nx+Nfnn4Y(xrxTEJmZu#b6w@Hk5AN@r4q6^|*i2d1n{r5H@walb?1sCA_?
zsnQNi+JUK=naWU@m>qqN2nSY|YFb0U5LhQbxqC_E>>Q#K`TO`@7<ard_Ar9JRClpn
zn~Q?Ig{uc+=zxp03jrNRbA8ub=P~LfJ|zfnwgl&kh0^l^Z9euub6W5mqx*1-zO48k
zT6_^BWAJgNFx!!PsyQ|>F2%K^_`W*YI%xH8u;%7-YynQhdZVPLNd5A9Ay3k3^(V{a
z3mco~tm0OQHv8h%lU6q#wNf`7Bn`L!SiItX;HiGoO}mT!!#EC?eb+nS!KiItz8y!Y
z%cG#bVm&(Kksps5@gVY(qn140A@|d6+rHB52Sc<r-6%NV3HNx&)3H^gt!<YllkM70
z#i?!YPAkr2uew`tc52n>)P7}ISFhi^b^lRs`ugp=_a8of`uydqST-<q{e?^N^|Jk@
zLm9UEQ5Z)raGX3vang_RM27-#0Evc}J}QKmDa08L0~&xpXQ0t=Z@>^g#Q}_T%;I}R
znDYwrN~FOn@vb1zup&2841u#jATO6uru_fT>CgYq#$wGX3;{zRlK?C1xAq&jYw_Do
zkD^@L!TJm<6^ffl6&7qnI*uyRan$7>hS+y7lst8%GpRU&<u5%5_~Y+bbN?5o#x!S`
Fz;DQ`d%*wz

literal 0
HcmV?d00001

diff --git a/stat_tracker/__init__.py b/stat_tracker/__init__.py
new file mode 100644
index 0000000..00e8941
--- /dev/null
+++ b/stat_tracker/__init__.py
@@ -0,0 +1,36 @@
+from flask import Flask
+from .extensions import (
+    db,
+    migrate,
+    debug_toolbar,
+    bcrypt,
+    login_manager,
+    config
+)
+
+from . import models
+from .views.users import users
+from .views.stats import stats
+#from .views.api import api
+
+SQLALCHEMY_DATABASE_URI = "postgres://localhost/stat_tracker"
+DEBUG = True
+SECRET_KEY = 'development key'
+DEBUG_TB_INTERCEPT_REDIRECTS = False
+
+def create_app():
+    app = Flask("stat_tracker")
+    app.config.from_object(__name__)
+    app.register_blueprint(users)
+    app.register_blueprint(stats)
+    #app.register_blueprint(api)
+
+    config.init_app(app)
+    db.init_app(app)
+    debug_toolbar.init_app(app)
+    migrate.init_app(app, db)
+    bcrypt.init_app(app)
+    login_manager.init_app(app)
+    login_manager.login_view = "users.login"
+
+    return app
diff --git a/stat_tracker/__pycache__/__init__.cpython-34.pyc b/stat_tracker/__pycache__/__init__.cpython-34.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..f2f9b1d9683ff84562088e5b5bf58f4692d1bae8
GIT binary patch
literal 1036
zcmY*XO>fgc5FOjGlQ?!7+9Eh`fD2L%BzJ@mN$NsHi6C(g__A{1t#Rv*Xm?Xc1*h^8
z5dVR{v{z2OAjFXqvzvm9?S0xeJF}j7Ge11v{W<*=KC}S7L+vqf{|p!Zijd%EKn_qC
z5E)=3CL|W*CKMJ#78DJL8c^5}*-$tTIZ!kqYC_S1sI~QOK;DMJg~;7<8}bem9z@=j
zJCOTObRp^@$KV}EFt`Uv8=_l~VBjt!9Y{R*3=r)>;={b(y~f<2Z%F$vkNNqvp_n7h
zWFebHma<q-=_hotPKl_hd=WG0ES7Au64KABG%HCFmvKtbysXO8EXAvwqDpAa)un4r
znci>_3x4@vRdJCr${!Dhd9{r5cgTn8j0hGl&nXKpcM^I*^J-PlQrthMo5Q8bP(3O)
z)EFkX_!k7BHN7(66TnA+GXu^{5Eh`tP`m-ct`kQSfo@IZuiQkdPTF<i-Vk)TGSRbB
zKlEw@TPZvszPfYXx2DpoS9ICYA`G-z{Vr2e!P*G2bIPiMREsmZ6tYD~85figxyxvp
zaX}eb<ZHTOSt(dY1$io{m6e$w@oL2y%H}Ar6*LvJ5F&Tmn2U_Q#~xVd`wiG0p8OsU
zPgFyOaUPc`%Q&Y(3^P`ho0uiK507s8@LyAggy_GL!D=JjC8IbMDuvs4C%=mThG+B)
z-|#J5`0BmUHktC6_V=ZIs-{cVE?xRT(2{3W$+tD=^mQTsYS;<{%*FVqqblJ8Eu&WA
zuSE})mL<9~e{(!Kp1cTNy(I^ua5Nsx19CDulJ-F`K6x(Pc`%s;A$b|RjqYg^3CHAU
z8V0jT@H!;3;NWN$Ov1TNS*ulpeN02Pp5R=sbNW=xA>T#l8H08Yi|tvCp<nY4p|<rB

literal 0
HcmV?d00001

diff --git a/stat_tracker/__pycache__/extensions.cpython-34.pyc b/stat_tracker/__pycache__/extensions.cpython-34.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..122af197db1901303699c563533a07e4acda6bb8
GIT binary patch
literal 1015
zcmYjPJ8u&~5T1McNgVP(LMbdk<03XRR0sh{B#I;gIS}bYbXxn?mvi>+oVkr+Cw2vY
zh9AH$;9qP@MMFVJ#q6DfvyajD&Fs$X&dl#dvo?78=j4Y8@DuJ0i|}jO`F9c_fKSqZ
z&;(&XVuEi%Vu5dgp|utW8xjY6r{p#W7ZMMAujCGh3M5tVt0i|q)F7#YUoW`_q5(-0
z{3aOOgfA5C0dS`PYrwq%w18I&unxRlfQP`F1=xVF0$~-x8hkat--NIZ{Z7NL9ZV%p
z^EgZMU-S*=n5x$QaQH?H&v`Oawf8KFQzpsYF_d={N5~{6xV6s*SJ6q9i2=j^KFHv{
z9pY>v2{jHgx_iV@7ID=49mnkAYA;JiaiqL!hH0EeLrQBg9FiXGJ=*yhiRmYp1B_`I
z`V0GK2k_a11uYAvFJNwwstXGnq^T1>wm{nY#+=e)!q|ba3v*lJIXN)FxO@Vqmn}G@
z67@UQ%})P3yKXZf+8i;%ygkA!X|why!=!sty?wT5@3wEBFOEB&a?2yii6u{R<%|T&
z&y}l>GO4_XOC}{MN3a1G%9ea8JC3roT~&sZvM9qDU5mL0u|}U$PT}zz;1;pJ`@N4j
z$Gpb`OCyZ)oJ-k@F-vC*!(L9_cO|mn1;>H}cZA|BtJj^(RHJxSP`-6t=dnTp%pId?
zR1JJY__(vBydVg(VG#J6`us(goOJU`!OEJWE(lsA)cVSvl$A%D^#1lrAL=%cWgDO_
zq2F2=2SqEOtJP~Owa|Tmy4L>2O3NmbVbL0>AFa%ApuA;N)hxmU%Q(s{9jj*HDM-o|
pQ||J<{%4WadtzJrth`LJ@JjGk2C@7x3D?**T6fc|QkIs}`UkNo4Eg{7

literal 0
HcmV?d00001

diff --git a/stat_tracker/__pycache__/forms.cpython-34.pyc b/stat_tracker/__pycache__/forms.cpython-34.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..3872f3b2cc7232ccc1a9aa443370a72495ffc59d
GIT binary patch
literal 1379
zcma)*zfaph6vyAicH%e=2^0`gs|t0h2Vm+}wW(BKK~Y6u@nW6gOR(_8aCd=*mHspB
z|ImNr)=phIbnMjk>==qft6ILV-jDP7-RIu@2)n`8!OxRR2jCn0@wjLYaOf{6DZUJH
z0LdU`z{qbv-T>)9?0|G3c0qa&dsWVXya}=eaSNmmv0p`9$lD+Thy#!vh&v!dh(nNF
zh`YcJQxDQ6e8Q!hAQ;@@(kpP7wjlM(s9#5W7;Qrul+mD$_95-SC<?!0y$~_$9u!JO
zj_r($%4XApOysHUe&AYP7b>mX_KEmtN;7KMU|;equM+<0@lh3bZTOxWek?BMnG&h>
z%2~Fxe>vy*NnxG2%E$D}`ti^h;Lrys0*DvliW?vtf{5IN3%8i^NT&_BWh}-W<34dh
zot+{8jQfzfxGB%JkBVtFqb=Pu_jjmJ8(i@`OSvhOwtl^@Vbr#MlFYaiNn(Q}kwrSs
z$qti*O0F`>!Qzxp(nhhKpe2<{wtul?^cmDT%^>;pcJEXRrT2KwXH%7FEsWXAR54p{
zmF{W7&5lugd@fY!B(*calJ)MzLWQ_W3x}qkgzPyhBM;C~Jp-DuK=}u{B^(b#^8qwu
zc#jm@1)IdZM=AoSS`1qX*)GX<%4t4Es28!XMp0n<$6}gk+=9u961sJVNK|#PuA0AE
zLC0>?u#zjGvPm{BKd~(-wB}QBvr!+6-j;K1wk0>?v)!BCvA7W2Y}eUg)KxuPPxVPw
zN$yU_x^!l$NkKX+wMIe|RY3BDWQ*kPv?^<ZVw)(0UQ@Xt+d}Yd*2K|cW$wWN(4qsH
z{1WAV4ggzr6yX(lH#XT-W){?-)~~&i*Dz}SeQTb{OfDWR{3(_|#p?!2$Q1d*Xf<w6
za<0#lYco-liCbt<k5#}*EOZ6q^<{i_LN{OUo*9|Hswh$$#%p!{{u<q1h>C0n=apSr
fk}4~BtW@j2u5Q^Ih9796-Dl6(CVSy*dYi#-v34b?

literal 0
HcmV?d00001

diff --git a/stat_tracker/__pycache__/models.cpython-34.pyc b/stat_tracker/__pycache__/models.cpython-34.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..4153db28a888d95ff01e5dab3c5c6443309e360e
GIT binary patch
literal 2416
zcmb`J&u`pR5XZ;AcD=vyqY)*AP+DjaMl_K)M^#W!5JJsm!^IctW&N^oVtcpG-nJXc
zDRAO1;lv4vzvW#y<-&m@7x>O|>};yEQV`a9_W8}c@$CD|%-cWvgYLt<zxIFki2k63
z3(vHJyZ99%#>b+RD6=TED6=WFDRU@v$ck->9ZFrwJPJL^S`@Y@b18Hyol9w(GM_@9
zEa}j3hhmT77X3(c25(*ZI&M?!^E0Hh=(tDHr!#oyLkIJ&(RD9$XL#)ZiXO#%qv$Uv
zmM9+3FjzXb5Ov^aJ3i2@gOQp~OFc*@<0OwVk&CfZ=P+OkHx{MToifQ}EYnhGpC|Y+
zuyp6ULaL|9%OoGML%#Ui#{C3$u>w&N9V2L)UYQ>>46HqN%PY0_Y$nxQJ7ZbGo1MhJ
zkXpi;zjwA+Uu=m~<YSc-g)GahL{0L!Q1Mn#it<sZ#OOpS^AOb!*#toro71`Oq!STG
zGk9rpBpediiUS()u)bOt?BFhbgOJ4Z02A~Wg=-{eVA2K+3*;{6LB(N2vCG6*3p~xL
zM%&`GwT&HiuG+NOL&X_%K@*rm0PZtZ*`qV0(tsM6p#c~#8M9@!83xO$i`aE<s*+5o
zd2}M@`{)1gl%LPiR2-yoSGQ()g3UhP#{9@^1_u1iw_$Y~gNoHF6A^Gl2%PW+CZ-(d
z_3g3Dr9uKkQ&AKzCMu4OL~*2V$=oE7j2lH@YqyZ;q4sN2gSHaO?5q!}jrkg8DoWPr
zD#PDg)b3r0nL{x#^P-EGk!46RL~dURcx`kfM<>l&Otk7<EDLP4jxTkG1?SvCU`tmQ
zv0WY7nhEWy{>{0M#5pETd{h7+4+DGew6o1F?tTBmW9(4taH29%YENb&Ndv2j>9uhD
zC{l8&qUimFKn5m|S`(~jSmh#<QKY+3ggTg|Jnl!)vzbUMjbhlk^<<LHvRt>n$xDe!
zR|7LUELD<^wacdJE~d;jsrOjvPt{~9RXMM=YlF2Pvbc=Yj2NrQ#y$q7`up~}b=P`e
zt=oNP8Mo1nplvP}qaEDE&k+A-1$w5^P;Xs2ZkaMeEuplU5=D(QrHdLvp|(w3p~if$
z>S+JVQJFkX@UvGD+rGL5sW|6$Z-#uZT|26<s}JBqdu39l=%Uv#H@o`@tm?d5tvzhk
z$oEkA_h6y!v-pSw<5eHCc))_Ws)sBB2;JSCD4C4&Z{@t|7~bRsidp+#p`Q2A&=ohs
zH*@_IT83V5yQ#R|2Uo@O*Ax8-nwt@=n6>$UyJWW5GP~S#fsNbkYb=|2u&hr|?w4(_
z^tC(0p>e_SKOpRE^ZG@6E}uegq4x!E6%!%rbij*mO71f(HJcmy;vx^Vw~J#9?c%ve
zadLjn7H^042qx^Pfd*vOx}$g=8Kf_g#$iufiOOeTeDb-emk(1>oNUUM<)-<2pgKI;
zo1uk8e8QrA@R_Q;r+o67yfQJH7hKmKw7*?7r^ozHq2NZbVQtte&O6@5+MV9NQt{V^

literal 0
HcmV?d00001

diff --git a/stat_tracker/extensions.py b/stat_tracker/extensions.py
new file mode 100644
index 0000000..c1af431
--- /dev/null
+++ b/stat_tracker/extensions.py
@@ -0,0 +1,22 @@
+"""Extensions"""
+from flask.ext.sqlalchemy import SQLAlchemy, Pagination
+from flask.ext.migrate import Migrate
+from flask.ext.debugtoolbar import DebugToolbarExtension
+from flask.ext.bcrypt import Bcrypt
+from flask.ext.login import LoginManager
+from flask.ext.appconfig import HerokuConfig
+
+db = SQLAlchemy()
+migrate = Migrate()
+debug_toolbar = DebugToolbarExtension()
+bcrypt = Bcrypt()
+login_manager = LoginManager()
+config = HerokuConfig()
+
+
+def flash_errors(form, category="warning"):
+    """Show all errors from a form."""
+    for field, errors in form.errors.items():
+        for error in errors:
+            flash("{0} - {1}".format(
+                getattr(form, field).label.text, error), category)
diff --git a/stat_tracker/forms.py b/stat_tracker/forms.py
new file mode 100644
index 0000000..239b5cd
--- /dev/null
+++ b/stat_tracker/forms.py
@@ -0,0 +1,23 @@
+from flask_wtf import Form
+from wtforms import StringField, PasswordField, TextField
+from wtforms.fields.html5 import EmailField, URLField
+from wtforms.validators import DataRequired, Email, EqualTo, url
+
+
+class LoginForm(Form):
+    email = StringField('E-mail', validators=[DataRequired(), Email()])
+    password = PasswordField('Password', validators=[DataRequired()])
+
+
+class RegistrationForm(Form):
+    name = StringField('Name', validators=[DataRequired()])
+    email = EmailField('E-mail', validators=[DataRequired(), Email()])
+    password = PasswordField('Password',
+        validators=[DataRequired(),
+                    EqualTo('password_verification',
+                            message="Passwords must match.")])
+    password_verification = PasswordField('Repeat Password')
+
+
+class ActivityForm(Form):
+    title = StringField('Activity', validators=[DataRequired()])
diff --git a/stat_tracker/models.py b/stat_tracker/models.py
new file mode 100644
index 0000000..e61c510
--- /dev/null
+++ b/stat_tracker/models.py
@@ -0,0 +1,51 @@
+from . import db, bcrypt, login_manager
+from datetime import date, timedelta, datetime
+# from sqlalchemy import func, and_
+from flask.ext.login import UserMixin
+
+
+@login_manager.user_loader
+def load_user(id):
+    return User.query.get(id)
+
+
+class User(db.Model, UserMixin):
+
+    id = db.Column(db.Integer, primary_key=True)
+    name = db.Column(db.String(255), nullable=False)
+    email = db.Column(db.String(255), unique=True, nullable=False)
+    encrypted_password = db.Column(db.String(60))
+
+    def set_password(self, password):
+        self.encrypted_password = bcrypt.generate_password_hash(password)
+
+    password = property(None, set_password)
+
+    def check_password(self, password):
+        return bcrypt.check_password_hash(self.encrypted_password, password)
+
+    def __repr__(self):
+        return "<User {}>".format(self.email)
+
+
+class Activity(db.Model):
+
+    id = db.Column(db.Integer, primary_key=True)
+    title = db.Column(db.String(255), nullable=False)
+    owner = db.Column(db.Integer, db.ForeignKey(User.id))
+    date = db.Column(db.DateTime, nullable=False)
+
+    def __repr__(self):
+        return "<Activity {}>".format(self.title)
+
+
+class Stat(db.Model):
+
+    id = db.Column(db.Integer, primary_key=True)
+    activity = db.Column(db.Integer, db.ForeignKey(Activity.id))
+    value = db.Column(db.Float, nullable=False)
+    date = db.Column(db.DateTime, nullable=False)
+
+
+    def __repr__(self):
+        return "<Stat {}>".format(self.stat)
diff --git a/stat_tracker/static/.DS_Store b/stat_tracker/static/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..16443ee03043024636aa6cbf9a032395cd312961
GIT binary patch
literal 6148
zcmeHKy9xq93{2EQu({H5OI!b75f!Zc0Z~iALhP^dyZkeqJP?l4MzE0yB(s~%+;LM}
zHX@>n>v1m9h{zajC^rjzvvc#F4KkxZcq8Y-{&e1B=a1{vze^Z*C<nR7WpnEA*EpFy
z+};tHqXJZb3Qz$mKn1>1z<MuiJPBl^0#twsycDqiLxCIC#5T}>9SA-G07po>VeOZH
zV6g<SCbogdz%;19plXg7nzMrj9p^Rc+rXfU`kV2be6!|+qB(kK@p91`$VdgKKv#ib
zY#ZzUEBJ@`zf0nd3Q&Q+Qb0$`?Q(%n%HG=hIP0|qzJpuM9d3rTQxLoz1HBz%W9@kA
cMNwC5jq{q=209&irvrHzFkNU=;MWQ~0bg7g`2YX_

literal 0
HcmV?d00001

diff --git a/stat_tracker/static/css/app.css b/stat_tracker/static/css/app.css
new file mode 100644
index 0000000..e69de29
diff --git a/stat_tracker/static/css/foundation.css b/stat_tracker/static/css/foundation.css
new file mode 100644
index 0000000..b4b11ff
--- /dev/null
+++ b/stat_tracker/static/css/foundation.css
@@ -0,0 +1,6201 @@
+meta.foundation-version {
+  font-family: "/5.5.1/"; }
+
+meta.foundation-mq-small {
+  font-family: "/only screen/";
+  width: 0; }
+
+meta.foundation-mq-small-only {
+  font-family: "/only screen and (max-width: 40em)/";
+  width: 0; }
+
+meta.foundation-mq-medium {
+  font-family: "/only screen and (min-width:40.063em)/";
+  width: 40.063em; }
+
+meta.foundation-mq-medium-only {
+  font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
+  width: 40.063em; }
+
+meta.foundation-mq-large {
+  font-family: "/only screen and (min-width:64.063em)/";
+  width: 64.063em; }
+
+meta.foundation-mq-large-only {
+  font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/";
+  width: 64.063em; }
+
+meta.foundation-mq-xlarge {
+  font-family: "/only screen and (min-width:90.063em)/";
+  width: 90.063em; }
+
+meta.foundation-mq-xlarge-only {
+  font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
+  width: 90.063em; }
+
+meta.foundation-mq-xxlarge {
+  font-family: "/only screen and (min-width:120.063em)/";
+  width: 120.063em; }
+
+meta.foundation-data-attribute-namespace {
+  font-family: false; }
+
+html, body {
+  height: 100%; }
+
+*,
+*:before,
+*:after {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+html,
+body {
+  font-size: 100%; }
+
+body {
+  background: #FFF;
+  color: #222;
+  padding: 0;
+  margin: 0;
+  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  font-weight: normal;
+  font-style: normal;
+  line-height: 1.5;
+  position: center;
+  cursor: auto; }
+
+a:hover {
+  cursor: pointer; }
+
+img {
+  max-width: 100%;
+  height: auto; }
+
+img {
+  -ms-interpolation-mode: bicubic; }
+
+#map_canvas img,
+#map_canvas embed,
+#map_canvas object,
+.map_canvas img,
+.map_canvas embed,
+.map_canvas object {
+  max-width: none !important; }
+
+.left {
+  float: left !important; }
+
+.right {
+  float: right !important; }
+
+.clearfix:before, .clearfix:after {
+  content: " ";
+  display: table; }
+.clearfix:after {
+  clear: both; }
+
+.hide {
+  display: none; }
+
+.invisible {
+  visibility: hidden; }
+
+.antialiased {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
+img {
+  display: inline-block;
+  vertical-align: middle; }
+
+textarea {
+  height: auto;
+  min-height: 50px; }
+
+select {
+  width: 100%; }
+
+.row {
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 0;
+  margin-bottom: 0;
+  max-width: 62.5rem; }
+  .row:before, .row:after {
+    content: " ";
+    display: table; }
+  .row:after {
+    clear: both; }
+  .row.collapse > .column,
+  .row.collapse > .columns {
+    padding-left: 0;
+    padding-right: 0; }
+  .row.collapse .row {
+    margin-left: 0;
+    margin-right: 0; }
+  .row .row {
+    width: auto;
+    margin-left: -0.9375rem;
+    margin-right: -0.9375rem;
+    margin-top: 0;
+    margin-bottom: 0;
+    max-width: none; }
+    .row .row:before, .row .row:after {
+      content: " ";
+      display: table; }
+    .row .row:after {
+      clear: both; }
+    .row .row.collapse {
+      width: auto;
+      margin: 0;
+      max-width: none; }
+      .row .row.collapse:before, .row .row.collapse:after {
+        content: " ";
+        display: table; }
+      .row .row.collapse:after {
+        clear: both; }
+
+.column,
+.columns {
+  padding-left: 0.9375rem;
+  padding-right: 0.9375rem;
+  width: 100%;
+  float: left; }
+
+[class*="column"] + [class*="column"]:last-child {
+  float: right; }
+
+[class*="column"] + [class*="column"].end {
+  float: left; }
+
+@media only screen {
+  .small-push-0 {
+    position: relative;
+    left: 0%;
+    right: auto; }
+
+  .small-pull-0 {
+    position: relative;
+    right: 0%;
+    left: auto; }
+
+  .small-push-1 {
+    position: relative;
+    left: 8.33333%;
+    right: auto; }
+
+  .small-pull-1 {
+    position: relative;
+    right: 8.33333%;
+    left: auto; }
+
+  .small-push-2 {
+    position: relative;
+    left: 16.66667%;
+    right: auto; }
+
+  .small-pull-2 {
+    position: relative;
+    right: 16.66667%;
+    left: auto; }
+
+  .small-push-3 {
+    position: relative;
+    left: 25%;
+    right: auto; }
+
+  .small-pull-3 {
+    position: relative;
+    right: 25%;
+    left: auto; }
+
+  .small-push-4 {
+    position: relative;
+    left: 33.33333%;
+    right: auto; }
+
+  .small-pull-4 {
+    position: relative;
+    right: 33.33333%;
+    left: auto; }
+
+  .small-push-5 {
+    position: relative;
+    left: 41.66667%;
+    right: auto; }
+
+  .small-pull-5 {
+    position: relative;
+    right: 41.66667%;
+    left: auto; }
+
+  .small-push-6 {
+    position: relative;
+    left: 50%;
+    right: auto; }
+
+  .small-pull-6 {
+    position: relative;
+    right: 50%;
+    left: auto; }
+
+  .small-push-7 {
+    position: relative;
+    left: 58.33333%;
+    right: auto; }
+
+  .small-pull-7 {
+    position: relative;
+    right: 58.33333%;
+    left: auto; }
+
+  .small-push-8 {
+    position: relative;
+    left: 66.66667%;
+    right: auto; }
+
+  .small-pull-8 {
+    position: relative;
+    right: 66.66667%;
+    left: auto; }
+
+  .small-push-9 {
+    position: relative;
+    left: 75%;
+    right: auto; }
+
+  .small-pull-9 {
+    position: relative;
+    right: 75%;
+    left: auto; }
+
+  .small-push-10 {
+    position: relative;
+    left: 83.33333%;
+    right: auto; }
+
+  .small-pull-10 {
+    position: relative;
+    right: 83.33333%;
+    left: auto; }
+
+  .small-push-11 {
+    position: relative;
+    left: 91.66667%;
+    right: auto; }
+
+  .small-pull-11 {
+    position: relative;
+    right: 91.66667%;
+    left: auto; }
+
+  .column,
+  .columns {
+    position: relative;
+    padding-left: 0.9375rem;
+    padding-right: 0.9375rem;
+    float: left; }
+
+  .small-1 {
+    width: 8.33333%; }
+
+  .small-2 {
+    width: 16.66667%; }
+
+  .small-3 {
+    width: 25%; }
+
+  .small-4 {
+    width: 33.33333%; }
+
+  .small-5 {
+    width: 41.66667%; }
+
+  .small-6 {
+    width: 50%; }
+
+  .small-7 {
+    width: 58.33333%; }
+
+  .small-8 {
+    width: 66.66667%; }
+
+  .small-9 {
+    width: 75%; }
+
+  .small-10 {
+    width: 83.33333%; }
+
+  .small-11 {
+    width: 91.66667%; }
+
+  .small-12 {
+    width: 100%; }
+
+  .small-offset-0 {
+    margin-left: 0% !important; }
+
+  .small-offset-1 {
+    margin-left: 8.33333% !important; }
+
+  .small-offset-2 {
+    margin-left: 16.66667% !important; }
+
+  .small-offset-3 {
+    margin-left: 25% !important; }
+
+  .small-offset-4 {
+    margin-left: 33.33333% !important; }
+
+  .small-offset-5 {
+    margin-left: 41.66667% !important; }
+
+  .small-offset-6 {
+    margin-left: 50% !important; }
+
+  .small-offset-7 {
+    margin-left: 58.33333% !important; }
+
+  .small-offset-8 {
+    margin-left: 66.66667% !important; }
+
+  .small-offset-9 {
+    margin-left: 75% !important; }
+
+  .small-offset-10 {
+    margin-left: 83.33333% !important; }
+
+  .small-offset-11 {
+    margin-left: 91.66667% !important; }
+
+  .small-reset-order {
+    margin-left: 0;
+    margin-right: 0;
+    left: auto;
+    right: auto;
+    float: left; }
+
+  .column.small-centered,
+  .columns.small-centered {
+    margin-left: auto;
+    margin-right: auto;
+    float: none; }
+
+  .column.small-uncentered,
+  .columns.small-uncentered {
+    margin-left: 0;
+    margin-right: 0;
+    float: left; }
+
+  .column.small-centered:last-child,
+  .columns.small-centered:last-child {
+    float: none; }
+
+  .column.small-uncentered:last-child,
+  .columns.small-uncentered:last-child {
+    float: left; }
+
+  .column.small-uncentered.opposite,
+  .columns.small-uncentered.opposite {
+    float: right; }
+
+  .row.small-collapse > .column,
+  .row.small-collapse > .columns {
+    padding-left: 0;
+    padding-right: 0; }
+  .row.small-collapse .row {
+    margin-left: 0;
+    margin-right: 0; }
+  .row.small-uncollapse > .column,
+  .row.small-uncollapse > .columns {
+    padding-left: 0.9375rem;
+    padding-right: 0.9375rem;
+    float: left; } }
+@media only screen and (min-width: 40.063em) {
+  .medium-push-0 {
+    position: relative;
+    left: 0%;
+    right: auto; }
+
+  .medium-pull-0 {
+    position: relative;
+    right: 0%;
+    left: auto; }
+
+  .medium-push-1 {
+    position: relative;
+    left: 8.33333%;
+    right: auto; }
+
+  .medium-pull-1 {
+    position: relative;
+    right: 8.33333%;
+    left: auto; }
+
+  .medium-push-2 {
+    position: relative;
+    left: 16.66667%;
+    right: auto; }
+
+  .medium-pull-2 {
+    position: relative;
+    right: 16.66667%;
+    left: auto; }
+
+  .medium-push-3 {
+    position: relative;
+    left: 25%;
+    right: auto; }
+
+  .medium-pull-3 {
+    position: relative;
+    right: 25%;
+    left: auto; }
+
+  .medium-push-4 {
+    position: relative;
+    left: 33.33333%;
+    right: auto; }
+
+  .medium-pull-4 {
+    position: relative;
+    right: 33.33333%;
+    left: auto; }
+
+  .medium-push-5 {
+    position: relative;
+    left: 41.66667%;
+    right: auto; }
+
+  .medium-pull-5 {
+    position: relative;
+    right: 41.66667%;
+    left: auto; }
+
+  .medium-push-6 {
+    position: relative;
+    left: 50%;
+    right: auto; }
+
+  .medium-pull-6 {
+    position: relative;
+    right: 50%;
+    left: auto; }
+
+  .medium-push-7 {
+    position: relative;
+    left: 58.33333%;
+    right: auto; }
+
+  .medium-pull-7 {
+    position: relative;
+    right: 58.33333%;
+    left: auto; }
+
+  .medium-push-8 {
+    position: relative;
+    left: 66.66667%;
+    right: auto; }
+
+  .medium-pull-8 {
+    position: relative;
+    right: 66.66667%;
+    left: auto; }
+
+  .medium-push-9 {
+    position: relative;
+    left: 75%;
+    right: auto; }
+
+  .medium-pull-9 {
+    position: relative;
+    right: 75%;
+    left: auto; }
+
+  .medium-push-10 {
+    position: relative;
+    left: 83.33333%;
+    right: auto; }
+
+  .medium-pull-10 {
+    position: relative;
+    right: 83.33333%;
+    left: auto; }
+
+  .medium-push-11 {
+    position: relative;
+    left: 91.66667%;
+    right: auto; }
+
+  .medium-pull-11 {
+    position: relative;
+    right: 91.66667%;
+    left: auto; }
+
+  .column,
+  .columns {
+    position: relative;
+    padding-left: 0.9375rem;
+    padding-right: 0.9375rem;
+    float: left; }
+
+  .medium-1 {
+    width: 8.33333%; }
+
+  .medium-2 {
+    width: 16.66667%; }
+
+  .medium-3 {
+    width: 25%; }
+
+  .medium-4 {
+    width: 33.33333%; }
+
+  .medium-5 {
+    width: 41.66667%; }
+
+  .medium-6 {
+    width: 50%; }
+
+  .medium-7 {
+    width: 58.33333%; }
+
+  .medium-8 {
+    width: 66.66667%; }
+
+  .medium-9 {
+    width: 75%; }
+
+  .medium-10 {
+    width: 83.33333%; }
+
+  .medium-11 {
+    width: 91.66667%; }
+
+  .medium-12 {
+    width: 100%; }
+
+  .medium-offset-0 {
+    margin-left: 0% !important; }
+
+  .medium-offset-1 {
+    margin-left: 8.33333% !important; }
+
+  .medium-offset-2 {
+    margin-left: 16.66667% !important; }
+
+  .medium-offset-3 {
+    margin-left: 25% !important; }
+
+  .medium-offset-4 {
+    margin-left: 33.33333% !important; }
+
+  .medium-offset-5 {
+    margin-left: 41.66667% !important; }
+
+  .medium-offset-6 {
+    margin-left: 50% !important; }
+
+  .medium-offset-7 {
+    margin-left: 58.33333% !important; }
+
+  .medium-offset-8 {
+    margin-left: 66.66667% !important; }
+
+  .medium-offset-9 {
+    margin-left: 75% !important; }
+
+  .medium-offset-10 {
+    margin-left: 83.33333% !important; }
+
+  .medium-offset-11 {
+    margin-left: 91.66667% !important; }
+
+  .medium-reset-order {
+    margin-left: 0;
+    margin-right: 0;
+    left: auto;
+    right: auto;
+    float: left; }
+
+  .column.medium-centered,
+  .columns.medium-centered {
+    margin-left: auto;
+    margin-right: auto;
+    float: none; }
+
+  .column.medium-uncentered,
+  .columns.medium-uncentered {
+    margin-left: 0;
+    margin-right: 0;
+    float: left; }
+
+  .column.medium-centered:last-child,
+  .columns.medium-centered:last-child {
+    float: none; }
+
+  .column.medium-uncentered:last-child,
+  .columns.medium-uncentered:last-child {
+    float: left; }
+
+  .column.medium-uncentered.opposite,
+  .columns.medium-uncentered.opposite {
+    float: right; }
+
+  .row.medium-collapse > .column,
+  .row.medium-collapse > .columns {
+    padding-left: 0;
+    padding-right: 0; }
+  .row.medium-collapse .row {
+    margin-left: 0;
+    margin-right: 0; }
+  .row.medium-uncollapse > .column,
+  .row.medium-uncollapse > .columns {
+    padding-left: 0.9375rem;
+    padding-right: 0.9375rem;
+    float: left; }
+
+  .push-0 {
+    position: relative;
+    left: 0%;
+    right: auto; }
+
+  .pull-0 {
+    position: relative;
+    right: 0%;
+    left: auto; }
+
+  .push-1 {
+    position: relative;
+    left: 8.33333%;
+    right: auto; }
+
+  .pull-1 {
+    position: relative;
+    right: 8.33333%;
+    left: auto; }
+
+  .push-2 {
+    position: relative;
+    left: 16.66667%;
+    right: auto; }
+
+  .pull-2 {
+    position: relative;
+    right: 16.66667%;
+    left: auto; }
+
+  .push-3 {
+    position: relative;
+    left: 25%;
+    right: auto; }
+
+  .pull-3 {
+    position: relative;
+    right: 25%;
+    left: auto; }
+
+  .push-4 {
+    position: relative;
+    left: 33.33333%;
+    right: auto; }
+
+  .pull-4 {
+    position: relative;
+    right: 33.33333%;
+    left: auto; }
+
+  .push-5 {
+    position: relative;
+    left: 41.66667%;
+    right: auto; }
+
+  .pull-5 {
+    position: relative;
+    right: 41.66667%;
+    left: auto; }
+
+  .push-6 {
+    position: relative;
+    left: 50%;
+    right: auto; }
+
+  .pull-6 {
+    position: relative;
+    right: 50%;
+    left: auto; }
+
+  .push-7 {
+    position: relative;
+    left: 58.33333%;
+    right: auto; }
+
+  .pull-7 {
+    position: relative;
+    right: 58.33333%;
+    left: auto; }
+
+  .push-8 {
+    position: relative;
+    left: 66.66667%;
+    right: auto; }
+
+  .pull-8 {
+    position: relative;
+    right: 66.66667%;
+    left: auto; }
+
+  .push-9 {
+    position: relative;
+    left: 75%;
+    right: auto; }
+
+  .pull-9 {
+    position: relative;
+    right: 75%;
+    left: auto; }
+
+  .push-10 {
+    position: relative;
+    left: 83.33333%;
+    right: auto; }
+
+  .pull-10 {
+    position: relative;
+    right: 83.33333%;
+    left: auto; }
+
+  .push-11 {
+    position: relative;
+    left: 91.66667%;
+    right: auto; }
+
+  .pull-11 {
+    position: relative;
+    right: 91.66667%;
+    left: auto; } }
+@media only screen and (min-width: 64.063em) {
+  .large-push-0 {
+    position: relative;
+    left: 0%;
+    right: auto; }
+
+  .large-pull-0 {
+    position: relative;
+    right: 0%;
+    left: auto; }
+
+  .large-push-1 {
+    position: relative;
+    left: 8.33333%;
+    right: auto; }
+
+  .large-pull-1 {
+    position: relative;
+    right: 8.33333%;
+    left: auto; }
+
+  .large-push-2 {
+    position: relative;
+    left: 16.66667%;
+    right: auto; }
+
+  .large-pull-2 {
+    position: relative;
+    right: 16.66667%;
+    left: auto; }
+
+  .large-push-3 {
+    position: relative;
+    left: 25%;
+    right: auto; }
+
+  .large-pull-3 {
+    position: relative;
+    right: 25%;
+    left: auto; }
+
+  .large-push-4 {
+    position: relative;
+    left: 33.33333%;
+    right: auto; }
+
+  .large-pull-4 {
+    position: relative;
+    right: 33.33333%;
+    left: auto; }
+
+  .large-push-5 {
+    position: relative;
+    left: 41.66667%;
+    right: auto; }
+
+  .large-pull-5 {
+    position: relative;
+    right: 41.66667%;
+    left: auto; }
+
+  .large-push-6 {
+    position: relative;
+    left: 50%;
+    right: auto; }
+
+  .large-pull-6 {
+    position: relative;
+    right: 50%;
+    left: auto; }
+
+  .large-push-7 {
+    position: relative;
+    left: 58.33333%;
+    right: auto; }
+
+  .large-pull-7 {
+    position: relative;
+    right: 58.33333%;
+    left: auto; }
+
+  .large-push-8 {
+    position: relative;
+    left: 66.66667%;
+    right: auto; }
+
+  .large-pull-8 {
+    position: relative;
+    right: 66.66667%;
+    left: auto; }
+
+  .large-push-9 {
+    position: relative;
+    left: 75%;
+    right: auto; }
+
+  .large-pull-9 {
+    position: relative;
+    right: 75%;
+    left: auto; }
+
+  .large-push-10 {
+    position: relative;
+    left: 83.33333%;
+    right: auto; }
+
+  .large-pull-10 {
+    position: relative;
+    right: 83.33333%;
+    left: auto; }
+
+  .large-push-11 {
+    position: relative;
+    left: 91.66667%;
+    right: auto; }
+
+  .large-pull-11 {
+    position: relative;
+    right: 91.66667%;
+    left: auto; }
+
+  .column,
+  .columns {
+    position: relative;
+    padding-left: 0.9375rem;
+    padding-right: 0.9375rem;
+    float: left; }
+
+  .large-1 {
+    width: 8.33333%; }
+
+  .large-2 {
+    width: 16.66667%; }
+
+  .large-3 {
+    width: 25%; }
+
+  .large-4 {
+    width: 33.33333%; }
+
+  .large-5 {
+    width: 41.66667%; }
+
+  .large-6 {
+    width: 50%; }
+
+  .large-7 {
+    width: 58.33333%; }
+
+  .large-8 {
+    width: 66.66667%; }
+
+  .large-9 {
+    width: 75%; }
+
+  .large-10 {
+    width: 83.33333%; }
+
+  .large-11 {
+    width: 91.66667%; }
+
+  .large-12 {
+    width: 100%; }
+
+  .large-offset-0 {
+    margin-left: 0% !important; }
+
+  .large-offset-1 {
+    margin-left: 8.33333% !important; }
+
+  .large-offset-2 {
+    margin-left: 16.66667% !important; }
+
+  .large-offset-3 {
+    margin-left: 25% !important; }
+
+  .large-offset-4 {
+    margin-left: 33.33333% !important; }
+
+  .large-offset-5 {
+    margin-left: 41.66667% !important; }
+
+  .large-offset-6 {
+    margin-left: 50% !important; }
+
+  .large-offset-7 {
+    margin-left: 58.33333% !important; }
+
+  .large-offset-8 {
+    margin-left: 66.66667% !important; }
+
+  .large-offset-9 {
+    margin-left: 75% !important; }
+
+  .large-offset-10 {
+    margin-left: 83.33333% !important; }
+
+  .large-offset-11 {
+    margin-left: 91.66667% !important; }
+
+  .large-reset-order {
+    margin-left: 0;
+    margin-right: 0;
+    left: auto;
+    right: auto;
+    float: left; }
+
+  .column.large-centered,
+  .columns.large-centered {
+    margin-left: auto;
+    margin-right: auto;
+    float: none; }
+
+  .column.large-uncentered,
+  .columns.large-uncentered {
+    margin-left: 0;
+    margin-right: 0;
+    float: left; }
+
+  .column.large-centered:last-child,
+  .columns.large-centered:last-child {
+    float: none; }
+
+  .column.large-uncentered:last-child,
+  .columns.large-uncentered:last-child {
+    float: left; }
+
+  .column.large-uncentered.opposite,
+  .columns.large-uncentered.opposite {
+    float: right; }
+
+  .row.large-collapse > .column,
+  .row.large-collapse > .columns {
+    padding-left: 0;
+    padding-right: 0; }
+  .row.large-collapse .row {
+    margin-left: 0;
+    margin-right: 0; }
+  .row.large-uncollapse > .column,
+  .row.large-uncollapse > .columns {
+    padding-left: 0.9375rem;
+    padding-right: 0.9375rem;
+    float: left; }
+
+  .push-0 {
+    position: relative;
+    left: 0%;
+    right: auto; }
+
+  .pull-0 {
+    position: relative;
+    right: 0%;
+    left: auto; }
+
+  .push-1 {
+    position: relative;
+    left: 8.33333%;
+    right: auto; }
+
+  .pull-1 {
+    position: relative;
+    right: 8.33333%;
+    left: auto; }
+
+  .push-2 {
+    position: relative;
+    left: 16.66667%;
+    right: auto; }
+
+  .pull-2 {
+    position: relative;
+    right: 16.66667%;
+    left: auto; }
+
+  .push-3 {
+    position: relative;
+    left: 25%;
+    right: auto; }
+
+  .pull-3 {
+    position: relative;
+    right: 25%;
+    left: auto; }
+
+  .push-4 {
+    position: relative;
+    left: 33.33333%;
+    right: auto; }
+
+  .pull-4 {
+    position: relative;
+    right: 33.33333%;
+    left: auto; }
+
+  .push-5 {
+    position: relative;
+    left: 41.66667%;
+    right: auto; }
+
+  .pull-5 {
+    position: relative;
+    right: 41.66667%;
+    left: auto; }
+
+  .push-6 {
+    position: relative;
+    left: 50%;
+    right: auto; }
+
+  .pull-6 {
+    position: relative;
+    right: 50%;
+    left: auto; }
+
+  .push-7 {
+    position: relative;
+    left: 58.33333%;
+    right: auto; }
+
+  .pull-7 {
+    position: relative;
+    right: 58.33333%;
+    left: auto; }
+
+  .push-8 {
+    position: relative;
+    left: 66.66667%;
+    right: auto; }
+
+  .pull-8 {
+    position: relative;
+    right: 66.66667%;
+    left: auto; }
+
+  .push-9 {
+    position: relative;
+    left: 75%;
+    right: auto; }
+
+  .pull-9 {
+    position: relative;
+    right: 75%;
+    left: auto; }
+
+  .push-10 {
+    position: relative;
+    left: 83.33333%;
+    right: auto; }
+
+  .pull-10 {
+    position: relative;
+    right: 83.33333%;
+    left: auto; }
+
+  .push-11 {
+    position: relative;
+    left: 91.66667%;
+    right: auto; }
+
+  .pull-11 {
+    position: relative;
+    right: 91.66667%;
+    left: auto; } }
+button, .button {
+  border-style: solid;
+  border-width: 0;
+  cursor: pointer;
+  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  font-weight: normal;
+  line-height: normal;
+  margin: 0 0 1.25rem;
+  position: relative;
+  text-decoration: none;
+  text-align: center;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  border-radius: 0;
+  display: inline-block;
+  padding-top: 1rem;
+  padding-right: 2rem;
+  padding-bottom: 1.0625rem;
+  padding-left: 2rem;
+  font-size: 1rem;
+  background-color: #008CBA;
+  border-color: #007095;
+  color: #FFFFFF;
+  transition: background-color 300ms ease-out; }
+  button:hover, button:focus, .button:hover, .button:focus {
+    background-color: #007095; }
+  button:hover, button:focus, .button:hover, .button:focus {
+    color: #FFFFFF; }
+  button.secondary, .button.secondary {
+    background-color: #e7e7e7;
+    border-color: #b9b9b9;
+    color: #333333; }
+    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
+      background-color: #b9b9b9; }
+    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
+      color: #333333; }
+  button.success, .button.success {
+    background-color: #43AC6A;
+    border-color: #368a55;
+    color: #FFFFFF; }
+    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
+      background-color: #368a55; }
+    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
+      color: #FFFFFF; }
+  button.alert, .button.alert {
+    background-color: #f04124;
+    border-color: #cf2a0e;
+    color: #FFFFFF; }
+    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
+      background-color: #cf2a0e; }
+    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
+      color: #FFFFFF; }
+  button.warning, .button.warning {
+    background-color: #f08a24;
+    border-color: #cf6e0e;
+    color: #FFFFFF; }
+    button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
+      background-color: #cf6e0e; }
+    button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
+      color: #FFFFFF; }
+  button.info, .button.info {
+    background-color: #a0d3e8;
+    border-color: #61b6d9;
+    color: #333333; }
+    button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
+      background-color: #61b6d9; }
+    button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
+      color: #FFFFFF; }
+  button.large, .button.large {
+    padding-top: 1.125rem;
+    padding-right: 2.25rem;
+    padding-bottom: 1.1875rem;
+    padding-left: 2.25rem;
+    font-size: 1.25rem; }
+  button.small, .button.small {
+    padding-top: 0.875rem;
+    padding-right: 1.75rem;
+    padding-bottom: 0.9375rem;
+    padding-left: 1.75rem;
+    font-size: 0.8125rem; }
+  button.tiny, .button.tiny {
+    padding-top: 0.625rem;
+    padding-right: 1.25rem;
+    padding-bottom: 0.6875rem;
+    padding-left: 1.25rem;
+    font-size: 0.6875rem; }
+  button.expand, .button.expand {
+    padding-right: 0;
+    padding-left: 0;
+    width: 100%; }
+  button.left-align, .button.left-align {
+    text-align: left;
+    text-indent: 0.75rem; }
+  button.right-align, .button.right-align {
+    text-align: right;
+    padding-right: 0.75rem; }
+  button.radius, .button.radius {
+    border-radius: 3px; }
+  button.round, .button.round {
+    border-radius: 1000px; }
+  button.disabled, button[disabled], .button.disabled, .button[disabled] {
+    background-color: #008CBA;
+    border-color: #007095;
+    color: #FFFFFF;
+    cursor: default;
+    opacity: 0.7;
+    box-shadow: none; }
+    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
+      background-color: #007095; }
+    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
+      color: #FFFFFF; }
+    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
+      background-color: #008CBA; }
+    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
+      background-color: #e7e7e7;
+      border-color: #b9b9b9;
+      color: #333333;
+      cursor: default;
+      opacity: 0.7;
+      box-shadow: none; }
+      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
+        background-color: #b9b9b9; }
+      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
+        color: #333333; }
+      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
+        background-color: #e7e7e7; }
+    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
+      background-color: #43AC6A;
+      border-color: #368a55;
+      color: #FFFFFF;
+      cursor: default;
+      opacity: 0.7;
+      box-shadow: none; }
+      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
+        background-color: #368a55; }
+      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
+        color: #FFFFFF; }
+      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
+        background-color: #43AC6A; }
+    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
+      background-color: #f04124;
+      border-color: #cf2a0e;
+      color: #FFFFFF;
+      cursor: default;
+      opacity: 0.7;
+      box-shadow: none; }
+      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
+        background-color: #cf2a0e; }
+      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
+        color: #FFFFFF; }
+      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
+        background-color: #f04124; }
+    button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
+      background-color: #f08a24;
+      border-color: #cf6e0e;
+      color: #FFFFFF;
+      cursor: default;
+      opacity: 0.7;
+      box-shadow: none; }
+      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
+        background-color: #cf6e0e; }
+      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
+        color: #FFFFFF; }
+      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
+        background-color: #f08a24; }
+    button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
+      background-color: #a0d3e8;
+      border-color: #61b6d9;
+      color: #333333;
+      cursor: default;
+      opacity: 0.7;
+      box-shadow: none; }
+      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
+        background-color: #61b6d9; }
+      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
+        color: #FFFFFF; }
+      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
+        background-color: #a0d3e8; }
+
+button::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+@media only screen and (min-width: 40.063em) {
+  button, .button {
+    display: inline-block; } }
+/* Standard Forms */
+form {
+  margin: 0 0 2rem; }
+
+/* Using forms within rows, we need to set some defaults */
+form .row .row {
+  margin: 0 -0.5rem; }
+  form .row .row .column,
+  form .row .row .columns {
+    padding: 0 0.5rem; }
+  form .row .row.collapse {
+    margin: 0; }
+    form .row .row.collapse .column,
+    form .row .row.collapse .columns {
+      padding: 0; }
+    form .row .row.collapse input {
+      -webkit-border-bottom-right-radius: 0;
+      -webkit-border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+      border-top-right-radius: 0; }
+form .row input.column,
+form .row input.columns,
+form .row textarea.column,
+form .row textarea.columns {
+  padding-left: 0.5rem; }
+
+/* Label Styles */
+label {
+  font-size: 0.875rem;
+  color: #4d4d4d;
+  cursor: pointer;
+  display: block;
+  font-weight: normal;
+  line-height: 1.5;
+  margin-bottom: 0;
+  /* Styles for required inputs */ }
+  label.right {
+    float: none !important;
+    text-align: right; }
+  label.inline {
+    margin: 0 0 1rem 0;
+    padding: 0.5625rem 0; }
+  label small {
+    text-transform: capitalize;
+    color: #676767; }
+
+/* Attach elements to the beginning or end of an input */
+.prefix,
+.postfix {
+  display: block;
+  position: relative;
+  z-index: 2;
+  text-align: center;
+  width: 100%;
+  padding-top: 0;
+  padding-bottom: 0;
+  border-style: solid;
+  border-width: 1px;
+  overflow: visible;
+  font-size: 0.875rem;
+  height: 2.3125rem;
+  line-height: 2.3125rem; }
+
+/* Adjust padding, alignment and radius if pre/post element is a button */
+.postfix.button {
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  text-align: center;
+  border: none; }
+
+.prefix.button {
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  text-align: center;
+  border: none; }
+
+.prefix.button.radius {
+  border-radius: 0;
+  -webkit-border-bottom-left-radius: 3px;
+  -webkit-border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px; }
+
+.postfix.button.radius {
+  border-radius: 0;
+  -webkit-border-bottom-right-radius: 3px;
+  -webkit-border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px; }
+
+.prefix.button.round {
+  border-radius: 0;
+  -webkit-border-bottom-left-radius: 1000px;
+  -webkit-border-top-left-radius: 1000px;
+  border-bottom-left-radius: 1000px;
+  border-top-left-radius: 1000px; }
+
+.postfix.button.round {
+  border-radius: 0;
+  -webkit-border-bottom-right-radius: 1000px;
+  -webkit-border-top-right-radius: 1000px;
+  border-bottom-right-radius: 1000px;
+  border-top-right-radius: 1000px; }
+
+/* Separate prefix and postfix styles when on span or label so buttons keep their own */
+span.prefix, label.prefix {
+  background: #f2f2f2;
+  border-right: none;
+  color: #333333;
+  border-color: #cccccc; }
+
+span.postfix, label.postfix {
+  background: #f2f2f2;
+  border-left: none;
+  color: #333333;
+  border-color: #cccccc; }
+
+/* We use this to get basic styling on all basic form elements */
+input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
+  -webkit-appearance: none;
+  border-radius: 0;
+  background-color: #FFFFFF;
+  font-family: inherit;
+  border-style: solid;
+  border-width: 1px;
+  border-color: #cccccc;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  color: rgba(0, 0, 0, 0.75);
+  display: block;
+  font-size: 0.875rem;
+  margin: 0 0 1rem 0;
+  padding: 0.5rem;
+  height: 2.3125rem;
+  width: 100%;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  transition: all 0.15s linear; }
+  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
+    background: #fafafa;
+    border-color: #999999;
+    outline: none; }
+  input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
+    background-color: #DDDDDD;
+    cursor: default; }
+  input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
+    background-color: #DDDDDD;
+    cursor: default; }
+  input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
+    border-radius: 3px; }
+
+form .row .prefix-radius.row.collapse input,
+form .row .prefix-radius.row.collapse textarea,
+form .row .prefix-radius.row.collapse select,
+form .row .prefix-radius.row.collapse button {
+  border-radius: 0;
+  -webkit-border-bottom-right-radius: 3px;
+  -webkit-border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px; }
+form .row .prefix-radius.row.collapse .prefix {
+  border-radius: 0;
+  -webkit-border-bottom-left-radius: 3px;
+  -webkit-border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px; }
+form .row .postfix-radius.row.collapse input,
+form .row .postfix-radius.row.collapse textarea,
+form .row .postfix-radius.row.collapse select,
+form .row .postfix-radius.row.collapse button {
+  border-radius: 0;
+  -webkit-border-bottom-left-radius: 3px;
+  -webkit-border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px; }
+form .row .postfix-radius.row.collapse .postfix {
+  border-radius: 0;
+  -webkit-border-bottom-right-radius: 3px;
+  -webkit-border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px; }
+form .row .prefix-round.row.collapse input,
+form .row .prefix-round.row.collapse textarea,
+form .row .prefix-round.row.collapse select,
+form .row .prefix-round.row.collapse button {
+  border-radius: 0;
+  -webkit-border-bottom-right-radius: 1000px;
+  -webkit-border-top-right-radius: 1000px;
+  border-bottom-right-radius: 1000px;
+  border-top-right-radius: 1000px; }
+form .row .prefix-round.row.collapse .prefix {
+  border-radius: 0;
+  -webkit-border-bottom-left-radius: 1000px;
+  -webkit-border-top-left-radius: 1000px;
+  border-bottom-left-radius: 1000px;
+  border-top-left-radius: 1000px; }
+form .row .postfix-round.row.collapse input,
+form .row .postfix-round.row.collapse textarea,
+form .row .postfix-round.row.collapse select,
+form .row .postfix-round.row.collapse button {
+  border-radius: 0;
+  -webkit-border-bottom-left-radius: 1000px;
+  -webkit-border-top-left-radius: 1000px;
+  border-bottom-left-radius: 1000px;
+  border-top-left-radius: 1000px; }
+form .row .postfix-round.row.collapse .postfix {
+  border-radius: 0;
+  -webkit-border-bottom-right-radius: 1000px;
+  -webkit-border-top-right-radius: 1000px;
+  border-bottom-right-radius: 1000px;
+  border-top-right-radius: 1000px; }
+
+input[type="submit"] {
+  -webkit-appearance: none;
+  border-radius: 0; }
+
+/* Respect enforced amount of rows for textarea */
+textarea[rows] {
+  height: auto; }
+
+/* Not allow resize out of parent */
+textarea {
+  max-width: 100%; }
+
+/* Add height value for select elements to match text input height */
+select {
+  -webkit-appearance: none !important;
+  border-radius: 0;
+  background-color: #FAFAFA;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
+  background-position: 100% center;
+  background-repeat: no-repeat;
+  border-style: solid;
+  border-width: 1px;
+  border-color: #cccccc;
+  padding: 0.5rem;
+  font-size: 0.875rem;
+  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  color: rgba(0, 0, 0, 0.75);
+  line-height: normal;
+  border-radius: 0;
+  height: 2.3125rem; }
+  select::-ms-expand {
+    display: none; }
+  select.radius {
+    border-radius: 3px; }
+  select:hover {
+    background-color: #f3f3f3;
+    border-color: #999999; }
+  select:disabled {
+    background-color: #DDDDDD;
+    cursor: default; }
+  select[multiple] {
+    height: auto; }
+
+/* Adjust margin for form elements below */
+input[type="file"],
+input[type="checkbox"],
+input[type="radio"],
+select {
+  margin: 0 0 1rem 0; }
+
+input[type="checkbox"] + label,
+input[type="radio"] + label {
+  display: inline-block;
+  margin-left: 0.5rem;
+  margin-right: 1rem;
+  margin-bottom: 0;
+  vertical-align: baseline; }
+
+/* Normalize file input width */
+input[type="file"] {
+  width: 100%; }
+
+/* HTML5 Number spinners settings */
+/* We add basic fieldset styling */
+fieldset {
+  border: 1px solid #DDDDDD;
+  padding: 1.25rem;
+  margin: 1.125rem 0; }
+  fieldset legend {
+    font-weight: bold;
+    background: #FFFFFF;
+    padding: 0 0.1875rem;
+    margin: 0;
+    margin-left: -0.1875rem; }
+
+/* Error Handling */
+[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
+  display: block;
+  padding: 0.375rem 0.5625rem 0.5625rem;
+  margin-top: -1px;
+  margin-bottom: 1rem;
+  font-size: 0.75rem;
+  font-weight: normal;
+  font-style: italic;
+  background: #f04124;
+  color: #FFFFFF; }
+[data-abide] span.error, [data-abide] small.error {
+  display: none; }
+
+span.error, small.error {
+  display: block;
+  padding: 0.375rem 0.5625rem 0.5625rem;
+  margin-top: -1px;
+  margin-bottom: 1rem;
+  font-size: 0.75rem;
+  font-weight: normal;
+  font-style: italic;
+  background: #f04124;
+  color: #FFFFFF; }
+
+.error input,
+.error textarea,
+.error select {
+  margin-bottom: 0; }
+.error input[type="checkbox"],
+.error input[type="radio"] {
+  margin-bottom: 1rem; }
+.error label,
+.error label.error {
+  color: #f04124; }
+.error small.error {
+  display: block;
+  padding: 0.375rem 0.5625rem 0.5625rem;
+  margin-top: -1px;
+  margin-bottom: 1rem;
+  font-size: 0.75rem;
+  font-weight: normal;
+  font-style: italic;
+  background: #f04124;
+  color: #FFFFFF; }
+.error > label > small {
+  color: #676767;
+  background: transparent;
+  padding: 0;
+  text-transform: capitalize;
+  font-style: normal;
+  font-size: 60%;
+  margin: 0;
+  display: inline; }
+.error span.error-message {
+  display: block; }
+
+input.error,
+textarea.error,
+select.error {
+  margin-bottom: 0; }
+
+label.error {
+  color: #f04124; }
+
+meta.foundation-mq-topbar {
+  font-family: "/only screen and (min-width:40.063em)/";
+  width: 40.063em; }
+
+/* Wrapped around .top-bar to contain to grid width */
+.contain-to-grid {
+  width: 100%;
+  background: #333333; }
+  .contain-to-grid .top-bar {
+    margin-bottom: 0; }
+
+.fixed {
+  width: 100%;
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 99; }
+  .fixed.expanded:not(.top-bar) {
+    overflow-y: auto;
+    height: auto;
+    width: 100%;
+    max-height: 100%; }
+    .fixed.expanded:not(.top-bar) .title-area {
+      position: fixed;
+      width: 100%;
+      z-index: 99; }
+    .fixed.expanded:not(.top-bar) .top-bar-section {
+      z-index: 98;
+      margin-top: 2.8125rem; }
+
+.top-bar {
+  overflow: hidden;
+  height: 2.8125rem;
+  line-height: 2.8125rem;
+  position: relative;
+  background: #333333;
+  margin-bottom: 0; }
+  .top-bar ul {
+    margin-bottom: 0;
+    list-style: none; }
+  .top-bar .row {
+    max-width: none; }
+  .top-bar form,
+  .top-bar input {
+    margin-bottom: 0; }
+  .top-bar input {
+    height: 1.75rem;
+    padding-top: .35rem;
+    padding-bottom: .35rem;
+    font-size: 0.75rem; }
+  .top-bar .button, .top-bar button {
+    padding-top: 0.4125rem;
+    padding-bottom: 0.4125rem;
+    margin-bottom: 0;
+    font-size: 0.75rem; }
+    @media only screen and (max-width: 40em) {
+      .top-bar .button, .top-bar button {
+        position: relative;
+        top: -1px; } }
+  .top-bar .title-area {
+    position: relative;
+    margin: 0; }
+  .top-bar .name {
+    height: 2.8125rem;
+    margin: 0;
+    font-size: 16px; }
+    .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
+      line-height: 2.8125rem;
+      font-size: 1.0625rem;
+      margin: 0; }
+      .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
+        font-weight: normal;
+        color: #FFFFFF;
+        width: 75%;
+        display: block;
+        padding: 0 0.9375rem; }
+  .top-bar .toggle-topbar {
+    position: absolute;
+    right: 0;
+    top: 0; }
+    .top-bar .toggle-topbar a {
+      color: #FFFFFF;
+      text-transform: uppercase;
+      font-size: 0.8125rem;
+      font-weight: bold;
+      position: relative;
+      display: block;
+      padding: 0 0.9375rem;
+      height: 2.8125rem;
+      line-height: 2.8125rem; }
+    .top-bar .toggle-topbar.menu-icon {
+      top: 50%;
+      margin-top: -16px; }
+      .top-bar .toggle-topbar.menu-icon a {
+        height: 34px;
+        line-height: 33px;
+        padding: 0 2.5rem 0 0.9375rem;
+        color: #FFFFFF;
+        position: relative; }
+        .top-bar .toggle-topbar.menu-icon a span::after {
+          content: "";
+          position: absolute;
+          display: block;
+          height: 0;
+          top: 50%;
+          margin-top: -8px;
+          right: 0.9375rem;
+          box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
+          width: 16px; }
+        .top-bar .toggle-topbar.menu-icon a span:hover:after {
+          box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
+  .top-bar.expanded {
+    height: auto;
+    background: transparent; }
+    .top-bar.expanded .title-area {
+      background: #333333; }
+    .top-bar.expanded .toggle-topbar a {
+      color: #888888; }
+      .top-bar.expanded .toggle-topbar a span::after {
+        box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }
+
+.top-bar-section {
+  left: 0;
+  position: relative;
+  width: auto;
+  transition: left 300ms ease-out; }
+  .top-bar-section ul {
+    padding: 0;
+    width: 100%;
+    height: auto;
+    display: block;
+    font-size: 16px;
+    margin: 0; }
+  .top-bar-section .divider,
+  .top-bar-section [role="separator"] {
+    border-top: solid 1px #1a1a1a;
+    clear: both;
+    height: 1px;
+    width: 100%; }
+  .top-bar-section ul li {
+    background: #333333; }
+    .top-bar-section ul li > a {
+      display: block;
+      width: 100%;
+      color: #FFFFFF;
+      padding: 12px 0 12px 0;
+      padding-left: 0.9375rem;
+      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+      font-size: 0.8125rem;
+      font-weight: normal;
+      text-transform: none; }
+      .top-bar-section ul li > a.button {
+        font-size: 0.8125rem;
+        padding-right: 0.9375rem;
+        padding-left: 0.9375rem;
+        background-color: #008CBA;
+        border-color: #007095;
+        color: #FFFFFF; }
+        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
+          background-color: #007095; }
+        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
+          color: #FFFFFF; }
+      .top-bar-section ul li > a.button.secondary {
+        background-color: #e7e7e7;
+        border-color: #b9b9b9;
+        color: #333333; }
+        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
+          background-color: #b9b9b9; }
+        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
+          color: #333333; }
+      .top-bar-section ul li > a.button.success {
+        background-color: #43AC6A;
+        border-color: #368a55;
+        color: #FFFFFF; }
+        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
+          background-color: #368a55; }
+        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
+          color: #FFFFFF; }
+      .top-bar-section ul li > a.button.alert {
+        background-color: #f04124;
+        border-color: #cf2a0e;
+        color: #FFFFFF; }
+        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
+          background-color: #cf2a0e; }
+        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
+          color: #FFFFFF; }
+      .top-bar-section ul li > a.button.warning {
+        background-color: #f08a24;
+        border-color: #cf6e0e;
+        color: #FFFFFF; }
+        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
+          background-color: #cf6e0e; }
+        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
+          color: #FFFFFF; }
+    .top-bar-section ul li > button {
+      font-size: 0.8125rem;
+      padding-right: 0.9375rem;
+      padding-left: 0.9375rem;
+      background-color: #008CBA;
+      border-color: #007095;
+      color: #FFFFFF; }
+      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
+        background-color: #007095; }
+      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
+        color: #FFFFFF; }
+      .top-bar-section ul li > button.secondary {
+        background-color: #e7e7e7;
+        border-color: #b9b9b9;
+        color: #333333; }
+        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
+          background-color: #b9b9b9; }
+        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
+          color: #333333; }
+      .top-bar-section ul li > button.success {
+        background-color: #43AC6A;
+        border-color: #368a55;
+        color: #FFFFFF; }
+        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
+          background-color: #368a55; }
+        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
+          color: #FFFFFF; }
+      .top-bar-section ul li > button.alert {
+        background-color: #f04124;
+        border-color: #cf2a0e;
+        color: #FFFFFF; }
+        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
+          background-color: #cf2a0e; }
+        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
+          color: #FFFFFF; }
+      .top-bar-section ul li > button.warning {
+        background-color: #f08a24;
+        border-color: #cf6e0e;
+        color: #FFFFFF; }
+        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
+          background-color: #cf6e0e; }
+        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
+          color: #FFFFFF; }
+    .top-bar-section ul li:hover:not(.has-form) > a {
+      background-color: #555555;
+      background: #333333;
+      color: #FFFFFF; }
+    .top-bar-section ul li.active > a {
+      background: #008CBA;
+      color: #FFFFFF; }
+      .top-bar-section ul li.active > a:hover {
+        background: #0078a0;
+        color: #FFFFFF; }
+  .top-bar-section .has-form {
+    padding: 0.9375rem; }
+  .top-bar-section .has-dropdown {
+    position: relative; }
+    .top-bar-section .has-dropdown > a:after {
+      content: "";
+      display: block;
+      width: 0;
+      height: 0;
+      border: inset 5px;
+      border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
+      border-left-style: solid;
+      margin-right: 0.9375rem;
+      margin-top: -4.5px;
+      position: absolute;
+      top: 50%;
+      right: 0; }
+    .top-bar-section .has-dropdown.moved {
+      position: static; }
+      .top-bar-section .has-dropdown.moved > .dropdown {
+        display: block;
+        position: static !important;
+        height: auto;
+        width: auto;
+        overflow: visible;
+        clip: auto;
+        position: absolute !important;
+        width: 100%; }
+      .top-bar-section .has-dropdown.moved > a:after {
+        display: none; }
+  .top-bar-section .dropdown {
+    padding: 0;
+    position: absolute;
+    left: 100%;
+    top: 0;
+    z-index: 99;
+    display: block;
+    position: absolute !important;
+    height: 1px;
+    width: 1px;
+    overflow: hidden;
+    clip: rect(1px, 1px, 1px, 1px); }
+    .top-bar-section .dropdown li {
+      width: 100%;
+      height: auto; }
+      .top-bar-section .dropdown li a {
+        font-weight: normal;
+        padding: 8px 0.9375rem; }
+        .top-bar-section .dropdown li a.parent-link {
+          font-weight: normal; }
+      .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
+        margin-bottom: 0;
+        margin-top: 0;
+        font-size: 1.125rem; }
+        .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
+          color: #FFFFFF;
+          display: block; }
+          .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
+            background: none; }
+      .top-bar-section .dropdown li.has-form {
+        padding: 8px 0.9375rem; }
+      .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
+        top: auto; }
+    .top-bar-section .dropdown label {
+      padding: 8px 0.9375rem 2px;
+      margin-bottom: 0;
+      text-transform: uppercase;
+      color: #777777;
+      font-weight: bold;
+      font-size: 0.625rem; }
+
+.js-generated {
+  display: block; }
+
+@media only screen and (min-width: 40.063em) {
+  .top-bar {
+    background: #333333;
+    overflow: visible; }
+    .top-bar:before, .top-bar:after {
+      content: " ";
+      display: table; }
+    .top-bar:after {
+      clear: both; }
+    .top-bar .toggle-topbar {
+      display: none; }
+    .top-bar .title-area {
+      float: left; }
+    .top-bar .name h1 a,
+    .top-bar .name h2 a,
+    .top-bar .name h3 a,
+    .top-bar .name h4 a,
+    .top-bar .name h5 a,
+    .top-bar .name h6 a {
+      width: auto; }
+    .top-bar input,
+    .top-bar .button,
+    .top-bar button {
+      font-size: 0.875rem;
+      position: relative;
+      height: 1.75rem;
+      top: 0.53125rem; }
+    .top-bar.expanded {
+      background: #333333; }
+
+  .contain-to-grid .top-bar {
+    max-width: 62.5rem;
+    margin: 0 auto;
+    margin-bottom: 0; }
+
+  .top-bar-section {
+    transition: none 0 0;
+    left: 0 !important; }
+    .top-bar-section ul {
+      width: auto;
+      height: auto !important;
+      display: inline; }
+      .top-bar-section ul li {
+        float: left; }
+        .top-bar-section ul li .js-generated {
+          display: none; }
+    .top-bar-section li.hover > a:not(.button) {
+      background-color: #555555;
+      background: #333333;
+      color: #FFFFFF; }
+    .top-bar-section li:not(.has-form) a:not(.button) {
+      padding: 0 0.9375rem;
+      line-height: 2.8125rem;
+      background: #333333; }
+      .top-bar-section li:not(.has-form) a:not(.button):hover {
+        background-color: #555555;
+        background: #333333; }
+    .top-bar-section li.active:not(.has-form) a:not(.button) {
+      padding: 0 0.9375rem;
+      line-height: 2.8125rem;
+      color: #FFFFFF;
+      background: #008CBA; }
+      .top-bar-section li.active:not(.has-form) a:not(.button):hover {
+        background: #0078a0;
+        color: #FFFFFF; }
+    .top-bar-section .has-dropdown > a {
+      padding-right: 2.1875rem !important; }
+      .top-bar-section .has-dropdown > a:after {
+        content: "";
+        display: block;
+        width: 0;
+        height: 0;
+        border: inset 5px;
+        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
+        border-top-style: solid;
+        margin-top: -2.5px;
+        top: 1.40625rem; }
+    .top-bar-section .has-dropdown.moved {
+      position: relative; }
+      .top-bar-section .has-dropdown.moved > .dropdown {
+        display: block;
+        position: absolute !important;
+        height: 1px;
+        width: 1px;
+        overflow: hidden;
+        clip: rect(1px, 1px, 1px, 1px); }
+    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
+      display: block;
+      position: static !important;
+      height: auto;
+      width: auto;
+      overflow: visible;
+      clip: auto;
+      position: absolute !important; }
+    .top-bar-section .has-dropdown > a:focus + .dropdown {
+      display: block;
+      position: static !important;
+      height: auto;
+      width: auto;
+      overflow: visible;
+      clip: auto;
+      position: absolute !important; }
+    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
+      border: none;
+      content: "\00bb";
+      top: 1rem;
+      margin-top: -1px;
+      right: 5px;
+      line-height: 1.2; }
+    .top-bar-section .dropdown {
+      left: 0;
+      top: auto;
+      background: transparent;
+      min-width: 100%; }
+      .top-bar-section .dropdown li a {
+        color: #FFFFFF;
+        line-height: 2.8125rem;
+        white-space: nowrap;
+        padding: 12px 0.9375rem;
+        background: #333333; }
+      .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
+        color: #FFFFFF;
+        background: #333333; }
+      .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
+        color: #FFFFFF;
+        background-color: #555555;
+        background: #333333; }
+      .top-bar-section .dropdown li label {
+        white-space: nowrap;
+        background: #333333; }
+      .top-bar-section .dropdown li .dropdown {
+        left: 100%;
+        top: 0; }
+    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
+      border-bottom: none;
+      border-top: none;
+      border-right: solid 1px #4e4e4e;
+      clear: none;
+      height: 2.8125rem;
+      width: 0; }
+    .top-bar-section .has-form {
+      background: #333333;
+      padding: 0 0.9375rem;
+      height: 2.8125rem; }
+    .top-bar-section .right li .dropdown {
+      left: auto;
+      right: 0; }
+      .top-bar-section .right li .dropdown li .dropdown {
+        right: 100%; }
+    .top-bar-section .left li .dropdown {
+      right: auto;
+      left: 0; }
+      .top-bar-section .left li .dropdown li .dropdown {
+        left: 100%; }
+
+  .no-js .top-bar-section ul li:hover > a {
+    background-color: #555555;
+    background: #333333;
+    color: #FFFFFF; }
+  .no-js .top-bar-section ul li:active > a {
+    background: #008CBA;
+    color: #FFFFFF; }
+  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
+    display: block;
+    position: static !important;
+    height: auto;
+    width: auto;
+    overflow: visible;
+    clip: auto;
+    position: absolute !important; }
+  .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
+    display: block;
+    position: static !important;
+    height: auto;
+    width: auto;
+    overflow: visible;
+    clip: auto;
+    position: absolute !important; } }
+.breadcrumbs {
+  display: block;
+  padding: 0.5625rem 0.875rem 0.5625rem;
+  overflow: hidden;
+  margin-left: 0;
+  list-style: none;
+  border-style: solid;
+  border-width: 1px;
+  background-color: #f4f4f4;
+  border-color: gainsboro;
+  border-radius: 3px; }
+  .breadcrumbs > * {
+    margin: 0;
+    float: left;
+    font-size: 0.6875rem;
+    line-height: 0.6875rem;
+    text-transform: uppercase;
+    color: #008CBA; }
+    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
+      text-decoration: underline; }
+    .breadcrumbs > * a {
+      color: #008CBA; }
+    .breadcrumbs > *.current {
+      cursor: default;
+      color: #333333; }
+      .breadcrumbs > *.current a {
+        cursor: default;
+        color: #333333; }
+      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
+        text-decoration: none; }
+    .breadcrumbs > *.unavailable {
+      color: #999999; }
+      .breadcrumbs > *.unavailable a {
+        color: #999999; }
+      .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
+      .breadcrumbs > *.unavailable a:focus {
+        text-decoration: none;
+        color: #999999;
+        cursor: not-allowed; }
+    .breadcrumbs > *:before {
+      content: "/";
+      color: #AAAAAA;
+      margin: 0 0.75rem;
+      position: relative;
+      top: 1px; }
+    .breadcrumbs > *:first-child:before {
+      content: " ";
+      margin: 0; }
+
+/* Accessibility - hides the forward slash */
+[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
+  content: "/"; }
+
+.alert-box {
+  border-style: solid;
+  border-width: 1px;
+  display: block;
+  font-weight: normal;
+  margin-bottom: 1.25rem;
+  position: relative;
+  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
+  font-size: 0.8125rem;
+  transition: opacity 300ms ease-out;
+  background-color: #008CBA;
+  border-color: #0078a0;
+  color: #FFFFFF; }
+  .alert-box .close {
+    font-size: 1.375rem;
+    padding: 0 6px 4px;
+    line-height: .9;
+    position: absolute;
+    top: 50%;
+    margin-top: -0.6875rem;
+    right: 0.25rem;
+    color: #333333;
+    opacity: 0.3;
+    background: inherit; }
+    .alert-box .close:hover, .alert-box .close:focus {
+      opacity: 0.5; }
+  .alert-box.radius {
+    border-radius: 3px; }
+  .alert-box.round {
+    border-radius: 1000px; }
+  .alert-box.success {
+    background-color: #43AC6A;
+    border-color: #3a945b;
+    color: #FFFFFF; }
+  .alert-box.alert {
+    background-color: #f04124;
+    border-color: #de2d0f;
+    color: #FFFFFF; }
+  .alert-box.secondary {
+    background-color: #e7e7e7;
+    border-color: #c7c7c7;
+    color: #4f4f4f; }
+  .alert-box.warning {
+    background-color: #f08a24;
+    border-color: #de770f;
+    color: #FFFFFF; }
+  .alert-box.info {
+    background-color: #a0d3e8;
+    border-color: #74bfdd;
+    color: #4f4f4f; }
+  .alert-box.alert-close {
+    opacity: 0; }
+
+.inline-list {
+  margin: 0 auto 1.0625rem auto;
+  margin-left: -1.375rem;
+  margin-right: 0;
+  padding: 0;
+  list-style: none;
+  overflow: hidden; }
+  .inline-list > li {
+    list-style: none;
+    float: left;
+    margin-left: 1.375rem;
+    display: block; }
+    .inline-list > li > * {
+      display: block; }
+
+.button-group {
+  list-style: none;
+  margin: 0;
+  left: 0; }
+  .button-group:before, .button-group:after {
+    content: " ";
+    display: table; }
+  .button-group:after {
+    clear: both; }
+  .button-group.even-2 li {
+    margin: 0 -2px;
+    display: inline-block;
+    width: 50%; }
+    .button-group.even-2 li > button, .button-group.even-2 li .button {
+      border-left: 1px solid;
+      border-color: rgba(255, 255, 255, 0.5); }
+    .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
+      border-left: 0; }
+    .button-group.even-2 li button, .button-group.even-2 li .button {
+      width: 100%; }
+  .button-group.even-3 li {
+    margin: 0 -2px;
+    display: inline-block;
+    width: 33.33333%; }
+    .button-group.even-3 li > button, .button-group.even-3 li .button {
+      border-left: 1px solid;
+      border-color: rgba(255, 255, 255, 0.5); }
+    .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
+      border-left: 0; }
+    .button-group.even-3 li button, .button-group.even-3 li .button {
+      width: 100%; }
+  .button-group.even-4 li {
+    margin: 0 -2px;
+    display: inline-block;
+    width: 25%; }
+    .button-group.even-4 li > button, .button-group.even-4 li .button {
+      border-left: 1px solid;
+      border-color: rgba(255, 255, 255, 0.5); }
+    .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
+      border-left: 0; }
+    .button-group.even-4 li button, .button-group.even-4 li .button {
+      width: 100%; }
+  .button-group.even-5 li {
+    margin: 0 -2px;
+    display: inline-block;
+    width: 20%; }
+    .button-group.even-5 li > button, .button-group.even-5 li .button {
+      border-left: 1px solid;
+      border-color: rgba(255, 255, 255, 0.5); }
+    .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
+      border-left: 0; }
+    .button-group.even-5 li button, .button-group.even-5 li .button {
+      width: 100%; }
+  .button-group.even-6 li {
+    margin: 0 -2px;
+    display: inline-block;
+    width: 16.66667%; }
+    .button-group.even-6 li > button, .button-group.even-6 li .button {
+      border-left: 1px solid;
+      border-color: rgba(255, 255, 255, 0.5); }
+    .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
+      border-left: 0; }
+    .button-group.even-6 li button, .button-group.even-6 li .button {
+      width: 100%; }
+  .button-group.even-7 li {
+    margin: 0 -2px;
+    display: inline-block;
+    width: 14.28571%; }
+    .button-group.even-7 li > button, .button-group.even-7 li .button {
+      border-left: 1px solid;
+      border-color: rgba(255, 255, 255, 0.5); }
+    .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
+      border-left: 0; }
+    .button-group.even-7 li button, .button-group.even-7 li .button {
+      width: 100%; }
+  .button-group.even-8 li {
+    margin: 0 -2px;
+    display: inline-block;
+    width: 12.5%; }
+    .button-group.even-8 li > button, .button-group.even-8 li .button {
+      border-left: 1px solid;
+      border-color: rgba(255, 255, 255, 0.5); }
+    .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
+      border-left: 0; }
+    .button-group.even-8 li button, .button-group.even-8 li .button {
+      width: 100%; }
+  .button-group > li {
+    margin: 0 -2px;
+    display: inline-block; }
+    .button-group > li > button, .button-group > li .button {
+      border-left: 1px solid;
+      border-color: rgba(255, 255, 255, 0.5); }
+    .button-group > li:first-child button, .button-group > li:first-child .button {
+      border-left: 0; }
+  .button-group.stack > li {
+    margin: 0 -2px;
+    display: inline-block;
+    display: block;
+    margin: 0;
+    float: none; }
+    .button-group.stack > li > button, .button-group.stack > li .button {
+      border-left: 1px solid;
+      border-color: rgba(255, 255, 255, 0.5); }
+    .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
+      border-left: 0; }
+    .button-group.stack > li > button, .button-group.stack > li .button {
+      border-top: 1px solid;
+      border-color: rgba(255, 255, 255, 0.5);
+      border-left-width: 0;
+      margin: 0;
+      display: block; }
+    .button-group.stack > li > button {
+      width: 100%; }
+    .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
+      border-top: 0; }
+  .button-group.stack-for-small > li {
+    margin: 0 -2px;
+    display: inline-block; }
+    .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
+      border-left: 1px solid;
+      border-color: rgba(255, 255, 255, 0.5); }
+    .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
+      border-left: 0; }
+    @media only screen and (max-width: 40em) {
+      .button-group.stack-for-small > li {
+        margin: 0 -2px;
+        display: inline-block;
+        display: block;
+        margin: 0; }
+        .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
+          border-left: 1px solid;
+          border-color: rgba(255, 255, 255, 0.5); }
+        .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
+          border-left: 0; }
+        .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
+          border-top: 1px solid;
+          border-color: rgba(255, 255, 255, 0.5);
+          border-left-width: 0;
+          margin: 0;
+          display: block; }
+        .button-group.stack-for-small > li > button {
+          width: 100%; }
+        .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
+          border-top: 0; } }
+  .button-group.radius > * {
+    margin: 0 -2px;
+    display: inline-block; }
+    .button-group.radius > * > button, .button-group.radius > * .button {
+      border-left: 1px solid;
+      border-color: rgba(255, 255, 255, 0.5); }
+    .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
+      border-left: 0; }
+    .button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button {
+      border-radius: 0; }
+    .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
+      -webkit-border-bottom-left-radius: 3px;
+      -webkit-border-top-left-radius: 3px;
+      border-bottom-left-radius: 3px;
+      border-top-left-radius: 3px; }
+    .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
+      -webkit-border-bottom-right-radius: 3px;
+      -webkit-border-top-right-radius: 3px;
+      border-bottom-right-radius: 3px;
+      border-top-right-radius: 3px; }
+  .button-group.radius.stack > * {
+    margin: 0 -2px;
+    display: inline-block;
+    display: block;
+    margin: 0; }
+    .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
+      border-left: 1px solid;
+      border-color: rgba(255, 255, 255, 0.5); }
+    .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
+      border-left: 0; }
+    .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
+      border-top: 1px solid;
+      border-color: rgba(255, 255, 255, 0.5);
+      border-left-width: 0;
+      margin: 0;
+      display: block; }
+    .button-group.radius.stack > * > button {
+      width: 100%; }
+    .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
+      border-top: 0; }
+    .button-group.radius.stack > *, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button, .button-group.radius.stack > * > .button {
+      border-radius: 0; }
+    .button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button {
+      -webkit-top-left-radius: 3px;
+      -webkit-top-right-radius: 3px;
+      border-top-left-radius: 3px;
+      border-top-right-radius: 3px; }
+    .button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button {
+      -webkit-bottom-left-radius: 3px;
+      -webkit-bottom-right-radius: 3px;
+      border-bottom-left-radius: 3px;
+      border-bottom-right-radius: 3px; }
+  @media only screen and (min-width: 40.063em) {
+    .button-group.radius.stack-for-small > * {
+      margin: 0 -2px;
+      display: inline-block; }
+      .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
+        border-left: 1px solid;
+        border-color: rgba(255, 255, 255, 0.5); }
+      .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
+        border-left: 0; }
+      .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button {
+        border-radius: 0; }
+      .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
+        -webkit-border-bottom-left-radius: 3px;
+        -webkit-border-top-left-radius: 3px;
+        border-bottom-left-radius: 3px;
+        border-top-left-radius: 3px; }
+      .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
+        -webkit-border-bottom-right-radius: 3px;
+        -webkit-border-top-right-radius: 3px;
+        border-bottom-right-radius: 3px;
+        border-top-right-radius: 3px; } }
+  @media only screen and (max-width: 40em) {
+    .button-group.radius.stack-for-small > * {
+      margin: 0 -2px;
+      display: inline-block;
+      display: block;
+      margin: 0; }
+      .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
+        border-left: 1px solid;
+        border-color: rgba(255, 255, 255, 0.5); }
+      .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
+        border-left: 0; }
+      .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
+        border-top: 1px solid;
+        border-color: rgba(255, 255, 255, 0.5);
+        border-left-width: 0;
+        margin: 0;
+        display: block; }
+      .button-group.radius.stack-for-small > * > button {
+        width: 100%; }
+      .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
+        border-top: 0; }
+      .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button {
+        border-radius: 0; }
+      .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
+        -webkit-top-left-radius: 3px;
+        -webkit-top-right-radius: 3px;
+        border-top-left-radius: 3px;
+        border-top-right-radius: 3px; }
+      .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
+        -webkit-bottom-left-radius: 3px;
+        -webkit-bottom-right-radius: 3px;
+        border-bottom-left-radius: 3px;
+        border-bottom-right-radius: 3px; } }
+  .button-group.round > * {
+    margin: 0 -2px;
+    display: inline-block; }
+    .button-group.round > * > button, .button-group.round > * .button {
+      border-left: 1px solid;
+      border-color: rgba(255, 255, 255, 0.5); }
+    .button-group.round > *:first-child button, .button-group.round > *:first-child .button {
+      border-left: 0; }
+    .button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button {
+      border-radius: 0; }
+    .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
+      -webkit-border-bottom-left-radius: 1000px;
+      -webkit-border-top-left-radius: 1000px;
+      border-bottom-left-radius: 1000px;
+      border-top-left-radius: 1000px; }
+    .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
+      -webkit-border-bottom-right-radius: 1000px;
+      -webkit-border-top-right-radius: 1000px;
+      border-bottom-right-radius: 1000px;
+      border-top-right-radius: 1000px; }
+  .button-group.round.stack > * {
+    margin: 0 -2px;
+    display: inline-block;
+    display: block;
+    margin: 0; }
+    .button-group.round.stack > * > button, .button-group.round.stack > * .button {
+      border-left: 1px solid;
+      border-color: rgba(255, 255, 255, 0.5); }
+    .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
+      border-left: 0; }
+    .button-group.round.stack > * > button, .button-group.round.stack > * .button {
+      border-top: 1px solid;
+      border-color: rgba(255, 255, 255, 0.5);
+      border-left-width: 0;
+      margin: 0;
+      display: block; }
+    .button-group.round.stack > * > button {
+      width: 100%; }
+    .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
+      border-top: 0; }
+    .button-group.round.stack > *, .button-group.round.stack > * > a, .button-group.round.stack > * > button, .button-group.round.stack > * > .button {
+      border-radius: 0; }
+    .button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button {
+      -webkit-top-left-radius: 1rem;
+      -webkit-top-right-radius: 1rem;
+      border-top-left-radius: 1rem;
+      border-top-right-radius: 1rem; }
+    .button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button {
+      -webkit-bottom-left-radius: 1rem;
+      -webkit-bottom-right-radius: 1rem;
+      border-bottom-left-radius: 1rem;
+      border-bottom-right-radius: 1rem; }
+  @media only screen and (min-width: 40.063em) {
+    .button-group.round.stack-for-small > * {
+      margin: 0 -2px;
+      display: inline-block; }
+      .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
+        border-left: 1px solid;
+        border-color: rgba(255, 255, 255, 0.5); }
+      .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
+        border-left: 0; }
+      .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button {
+        border-radius: 0; }
+      .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
+        -webkit-border-bottom-left-radius: 1000px;
+        -webkit-border-top-left-radius: 1000px;
+        border-bottom-left-radius: 1000px;
+        border-top-left-radius: 1000px; }
+      .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
+        -webkit-border-bottom-right-radius: 1000px;
+        -webkit-border-top-right-radius: 1000px;
+        border-bottom-right-radius: 1000px;
+        border-top-right-radius: 1000px; } }
+  @media only screen and (max-width: 40em) {
+    .button-group.round.stack-for-small > * {
+      margin: 0 -2px;
+      display: inline-block;
+      display: block;
+      margin: 0; }
+      .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
+        border-left: 1px solid;
+        border-color: rgba(255, 255, 255, 0.5); }
+      .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
+        border-left: 0; }
+      .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
+        border-top: 1px solid;
+        border-color: rgba(255, 255, 255, 0.5);
+        border-left-width: 0;
+        margin: 0;
+        display: block; }
+      .button-group.round.stack-for-small > * > button {
+        width: 100%; }
+      .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
+        border-top: 0; }
+      .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button {
+        border-radius: 0; }
+      .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
+        -webkit-top-left-radius: 1rem;
+        -webkit-top-right-radius: 1rem;
+        border-top-left-radius: 1rem;
+        border-top-right-radius: 1rem; }
+      .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
+        -webkit-bottom-left-radius: 1rem;
+        -webkit-bottom-right-radius: 1rem;
+        border-bottom-left-radius: 1rem;
+        border-bottom-right-radius: 1rem; } }
+
+.button-bar:before, .button-bar:after {
+  content: " ";
+  display: table; }
+.button-bar:after {
+  clear: both; }
+.button-bar .button-group {
+  float: left;
+  margin-right: 0.625rem; }
+  .button-bar .button-group div {
+    overflow: hidden; }
+
+/* Panels */
+.panel {
+  border-style: solid;
+  border-width: 1px;
+  border-color: #d8d8d8;
+  margin-bottom: 1.25rem;
+  padding: 1.25rem;
+  background: #f2f2f2;
+  color: #333333; }
+  .panel > :first-child {
+    margin-top: 0; }
+  .panel > :last-child {
+    margin-bottom: 0; }
+  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
+    color: #333333; }
+  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
+    line-height: 1;
+    margin-bottom: 0.625rem; }
+    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
+      line-height: 1.4; }
+  .panel.callout {
+    border-style: solid;
+    border-width: 1px;
+    border-color: #b6edff;
+    margin-bottom: 1.25rem;
+    padding: 1.25rem;
+    background: #ecfaff;
+    color: #333333; }
+    .panel.callout > :first-child {
+      margin-top: 0; }
+    .panel.callout > :last-child {
+      margin-bottom: 0; }
+    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
+      color: #333333; }
+    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
+      line-height: 1;
+      margin-bottom: 0.625rem; }
+      .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
+        line-height: 1.4; }
+    .panel.callout a:not(.button) {
+      color: #008CBA; }
+      .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus {
+        color: #0078a0; }
+  .panel.radius {
+    border-radius: 3px; }
+
+.dropdown.button, button.dropdown {
+  position: relative;
+  outline: none;
+  padding-right: 3.5625rem; }
+  .dropdown.button::after, button.dropdown::after {
+    position: absolute;
+    content: "";
+    width: 0;
+    height: 0;
+    display: block;
+    border-style: solid;
+    border-color: #FFFFFF transparent transparent transparent;
+    top: 50%; }
+  .dropdown.button::after, button.dropdown::after {
+    border-width: 0.375rem;
+    right: 1.40625rem;
+    margin-top: -0.15625rem; }
+  .dropdown.button::after, button.dropdown::after {
+    border-color: #FFFFFF transparent transparent transparent; }
+  .dropdown.button.tiny, button.dropdown.tiny {
+    padding-right: 2.625rem; }
+    .dropdown.button.tiny:after, button.dropdown.tiny:after {
+      border-width: 0.375rem;
+      right: 1.125rem;
+      margin-top: -0.125rem; }
+    .dropdown.button.tiny::after, button.dropdown.tiny::after {
+      border-color: #FFFFFF transparent transparent transparent; }
+  .dropdown.button.small, button.dropdown.small {
+    padding-right: 3.0625rem; }
+    .dropdown.button.small::after, button.dropdown.small::after {
+      border-width: 0.4375rem;
+      right: 1.3125rem;
+      margin-top: -0.15625rem; }
+    .dropdown.button.small::after, button.dropdown.small::after {
+      border-color: #FFFFFF transparent transparent transparent; }
+  .dropdown.button.large, button.dropdown.large {
+    padding-right: 3.625rem; }
+    .dropdown.button.large::after, button.dropdown.large::after {
+      border-width: 0.3125rem;
+      right: 1.71875rem;
+      margin-top: -0.15625rem; }
+    .dropdown.button.large::after, button.dropdown.large::after {
+      border-color: #FFFFFF transparent transparent transparent; }
+  .dropdown.button.secondary:after, button.dropdown.secondary:after {
+    border-color: #333333 transparent transparent transparent; }
+
+/* Image Thumbnails */
+.th {
+  line-height: 0;
+  display: inline-block;
+  border: solid 4px #FFFFFF;
+  max-width: 100%;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+  transition: all 200ms ease-out; }
+  .th:hover, .th:focus {
+    box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); }
+  .th.radius {
+    border-radius: 3px; }
+
+.toolbar {
+  background: #333333;
+  width: 100%;
+  font-size: 0;
+  display: inline-block; }
+  .toolbar.label-bottom .tab .tab-content i, .toolbar.label-bottom .tab .tab-content img {
+    margin-bottom: 10px; }
+  .toolbar.label-right .tab .tab-content i, .toolbar.label-right .tab .tab-content img {
+    margin-right: 10px;
+    display: inline-block; }
+  .toolbar.label-right .tab .tab-content label {
+    display: inline-block; }
+  .toolbar.vertical.label-right .tab .tab-content {
+    text-align: left; }
+  .toolbar.vertical {
+    height: 100%;
+    width: auto; }
+    .toolbar.vertical .tab {
+      width: auto;
+      margin: auto;
+      float: none; }
+  .toolbar .tab {
+    text-align: center;
+    width: 25%;
+    margin: 0 auto;
+    display: block;
+    padding: 20px;
+    float: left; }
+    .toolbar .tab:hover {
+      background: rgba(255, 255, 255, 0.1); }
+
+.toolbar .tab-content {
+  font-size: 16px;
+  text-align: center; }
+  .toolbar .tab-content label {
+    color: #CCCCCC; }
+  .toolbar .tab-content i {
+    font-size: 30px;
+    display: block;
+    margin: 0 auto;
+    color: #CCCCCC;
+    vertical-align: middle; }
+  .toolbar .tab-content img {
+    width: 30px;
+    height: 30px;
+    display: block;
+    margin: 0 auto; }
+
+/* Pricing Tables */
+.pricing-table {
+  border: solid 1px #DDDDDD;
+  margin-left: 0;
+  margin-bottom: 1.25rem; }
+  .pricing-table * {
+    list-style: none;
+    line-height: 1; }
+  .pricing-table .title {
+    background-color: #333333;
+    padding: 0.9375rem 1.25rem;
+    text-align: center;
+    color: #EEEEEE;
+    font-weight: normal;
+    font-size: 1rem;
+    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
+  .pricing-table .price {
+    background-color: #F6F6F6;
+    padding: 0.9375rem 1.25rem;
+    text-align: center;
+    color: #333333;
+    font-weight: normal;
+    font-size: 2rem;
+    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
+  .pricing-table .description {
+    background-color: #FFFFFF;
+    padding: 0.9375rem;
+    text-align: center;
+    color: #777777;
+    font-size: 0.75rem;
+    font-weight: normal;
+    line-height: 1.4;
+    border-bottom: dotted 1px #DDDDDD; }
+  .pricing-table .bullet-item {
+    background-color: #FFFFFF;
+    padding: 0.9375rem;
+    text-align: center;
+    color: #333333;
+    font-size: 0.875rem;
+    font-weight: normal;
+    border-bottom: dotted 1px #DDDDDD; }
+  .pricing-table .cta-button {
+    background-color: #FFFFFF;
+    text-align: center;
+    padding: 1.25rem 1.25rem 0; }
+
+@-webkit-keyframes rotate {
+  from {
+    -webkit-transform: rotate(0deg); }
+  to {
+    -webkit-transform: rotate(360deg); } }
+@-moz-keyframes rotate {
+  from {
+    -moz-transform: rotate(0deg); }
+  to {
+    -moz-transform: rotate(360deg); } }
+@-o-keyframes rotate {
+  from {
+    -o-transform: rotate(0deg); }
+  to {
+    -o-transform: rotate(360deg); } }
+@keyframes rotate {
+  from {
+    transform: rotate(0deg); }
+  to {
+    transform: rotate(360deg); } }
+/* Orbit Graceful Loading */
+.slideshow-wrapper {
+  position: relative; }
+  .slideshow-wrapper ul {
+    list-style-type: none;
+    margin: 0; }
+    .slideshow-wrapper ul li,
+    .slideshow-wrapper ul li .orbit-caption {
+      display: none; }
+    .slideshow-wrapper ul li:first-child {
+      display: block; }
+  .slideshow-wrapper .orbit-container {
+    background-color: transparent; }
+    .slideshow-wrapper .orbit-container li {
+      display: block; }
+      .slideshow-wrapper .orbit-container li .orbit-caption {
+        display: block; }
+    .slideshow-wrapper .orbit-container .orbit-bullets li {
+      display: inline-block; }
+  .slideshow-wrapper .preloader {
+    display: block;
+    width: 40px;
+    height: 40px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-top: -20px;
+    margin-left: -20px;
+    border: solid 3px;
+    border-color: #555555 #FFFFFF;
+    border-radius: 1000px;
+    animation-name: rotate;
+    animation-duration: 1.5s;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear; }
+
+.orbit-container {
+  overflow: hidden;
+  width: 100%;
+  position: relative;
+  background: none; }
+  .orbit-container .orbit-slides-container {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    position: relative;
+    -webkit-transform: translateZ(0); }
+    .orbit-container .orbit-slides-container img {
+      display: block;
+      max-width: 100%; }
+    .orbit-container .orbit-slides-container > * {
+      position: absolute;
+      top: 0;
+      width: 100%;
+      margin-left: 100%; }
+      .orbit-container .orbit-slides-container > *:first-child {
+        margin-left: 0; }
+      .orbit-container .orbit-slides-container > * .orbit-caption {
+        position: absolute;
+        bottom: 0;
+        background-color: rgba(51, 51, 51, 0.8);
+        color: #FFFFFF;
+        width: 100%;
+        padding: 0.625rem 0.875rem;
+        font-size: 0.875rem; }
+  .orbit-container .orbit-slide-number {
+    position: absolute;
+    top: 10px;
+    left: 10px;
+    font-size: 12px;
+    color: #FFFFFF;
+    background: transparent;
+    z-index: 10; }
+    .orbit-container .orbit-slide-number span {
+      font-weight: 700;
+      padding: 0.3125rem; }
+  .orbit-container .orbit-timer {
+    position: absolute;
+    top: 12px;
+    right: 10px;
+    height: 6px;
+    width: 100px;
+    z-index: 10; }
+    .orbit-container .orbit-timer .orbit-progress {
+      height: 3px;
+      background-color: rgba(255, 255, 255, 0.3);
+      display: block;
+      width: 0;
+      position: relative;
+      right: 20px;
+      top: 5px; }
+    .orbit-container .orbit-timer > span {
+      display: none;
+      position: absolute;
+      top: 0;
+      right: 0;
+      width: 11px;
+      height: 14px;
+      border: solid 4px #FFFFFF;
+      border-top: none;
+      border-bottom: none; }
+    .orbit-container .orbit-timer.paused > span {
+      right: -4px;
+      top: 0;
+      width: 11px;
+      height: 14px;
+      border: inset 8px;
+      border-left-style: solid;
+      border-color: transparent;
+      border-left-color: #FFFFFF; }
+      .orbit-container .orbit-timer.paused > span.dark {
+        border-left-color: #333333; }
+  .orbit-container:hover .orbit-timer > span {
+    display: block; }
+  .orbit-container .orbit-prev,
+  .orbit-container .orbit-next {
+    position: absolute;
+    top: 45%;
+    margin-top: -25px;
+    width: 36px;
+    height: 60px;
+    line-height: 50px;
+    color: white;
+    background-color: transparent;
+    text-indent: -9999px !important;
+    z-index: 10; }
+    .orbit-container .orbit-prev:hover,
+    .orbit-container .orbit-next:hover {
+      background-color: rgba(0, 0, 0, 0.3); }
+    .orbit-container .orbit-prev > span,
+    .orbit-container .orbit-next > span {
+      position: absolute;
+      top: 50%;
+      margin-top: -10px;
+      display: block;
+      width: 0;
+      height: 0;
+      border: inset 10px; }
+  .orbit-container .orbit-prev {
+    left: 0; }
+    .orbit-container .orbit-prev > span {
+      border-right-style: solid;
+      border-color: transparent;
+      border-right-color: #FFFFFF; }
+    .orbit-container .orbit-prev:hover > span {
+      border-right-color: #FFFFFF; }
+  .orbit-container .orbit-next {
+    right: 0; }
+    .orbit-container .orbit-next > span {
+      border-color: transparent;
+      border-left-style: solid;
+      border-left-color: #FFFFFF;
+      left: 50%;
+      margin-left: -4px; }
+    .orbit-container .orbit-next:hover > span {
+      border-left-color: #FFFFFF; }
+
+.orbit-bullets-container {
+  text-align: center; }
+
+.orbit-bullets {
+  margin: 0 auto 30px auto;
+  overflow: hidden;
+  position: relative;
+  top: 10px;
+  float: none;
+  text-align: center;
+  display: block; }
+  .orbit-bullets li {
+    cursor: pointer;
+    display: inline-block;
+    width: 0.5625rem;
+    height: 0.5625rem;
+    background: #CCCCCC;
+    float: none;
+    margin-right: 6px;
+    border-radius: 1000px; }
+    .orbit-bullets li.active {
+      background: #999999; }
+    .orbit-bullets li:last-child {
+      margin-right: 0; }
+
+.touch .orbit-container .orbit-prev,
+.touch .orbit-container .orbit-next {
+  display: none; }
+.touch .orbit-bullets {
+  display: none; }
+
+@media only screen and (min-width: 40.063em) {
+  .touch .orbit-container .orbit-prev,
+  .touch .orbit-container .orbit-next {
+    display: inherit; }
+  .touch .orbit-bullets {
+    display: block; } }
+@media only screen and (max-width: 40em) {
+  .orbit-stack-on-small .orbit-slides-container {
+    height: auto !important; }
+  .orbit-stack-on-small .orbit-slides-container > * {
+    position: relative;
+    margin: 0 !important;
+    opacity: 1 !important; }
+  .orbit-stack-on-small .orbit-slide-number {
+    display: none; }
+
+  .orbit-timer {
+    display: none; }
+
+  .orbit-next, .orbit-prev {
+    display: none; }
+
+  .orbit-bullets {
+    display: none; } }
+[data-magellan-expedition], [data-magellan-expedition-clone] {
+  background: #FFFFFF;
+  z-index: 50;
+  min-width: 100%;
+  padding: 10px; }
+  [data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav {
+    margin-bottom: 0; }
+    [data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd {
+      margin-bottom: 0; }
+    [data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
+      line-height: 1.8em; }
+
+.icon-bar {
+  width: 100%;
+  font-size: 0;
+  display: inline-block;
+  background: #333333; }
+  .icon-bar > * {
+    text-align: center;
+    font-size: 1rem;
+    width: 25%;
+    margin: 0 auto;
+    display: block;
+    padding: 1.25rem;
+    float: left; }
+    .icon-bar > * i, .icon-bar > * img {
+      display: block;
+      margin: 0 auto; }
+      .icon-bar > * i + label, .icon-bar > * img + label {
+        margin-top: .0625rem; }
+    .icon-bar > * i {
+      font-size: 1.875rem;
+      vertical-align: middle; }
+    .icon-bar > * img {
+      width: 1.875rem;
+      height: 1.875rem; }
+  .icon-bar.label-right > * i, .icon-bar.label-right > * img {
+    margin: 0 .0625rem 0 0;
+    display: inline-block; }
+    .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
+      margin-top: 0; }
+  .icon-bar.label-right > * label {
+    display: inline-block; }
+  .icon-bar.vertical.label-right > * {
+    text-align: left; }
+  .icon-bar.vertical, .icon-bar.small-vertical {
+    height: 100%;
+    width: auto; }
+    .icon-bar.vertical .item, .icon-bar.small-vertical .item {
+      width: auto;
+      margin: auto;
+      float: none; }
+  @media only screen and (min-width: 40.063em) {
+    .icon-bar.medium-vertical {
+      height: 100%;
+      width: auto; }
+      .icon-bar.medium-vertical .item {
+        width: auto;
+        margin: auto;
+        float: none; } }
+  @media only screen and (min-width: 64.063em) {
+    .icon-bar.large-vertical {
+      height: 100%;
+      width: auto; }
+      .icon-bar.large-vertical .item {
+        width: auto;
+        margin: auto;
+        float: none; } }
+  .icon-bar > * {
+    font-size: 1rem;
+    padding: 1.25rem; }
+    .icon-bar > * i + label, .icon-bar > * img + label {
+      margin-top: .0625rem; }
+    .icon-bar > * i {
+      font-size: 1.875rem; }
+    .icon-bar > * img {
+      width: 1.875rem;
+      height: 1.875rem; }
+  .icon-bar > * label {
+    color: #FFFFFF; }
+  .icon-bar > * i {
+    color: #FFFFFF; }
+  .icon-bar > a:hover {
+    background: #008CBA; }
+    .icon-bar > a:hover label {
+      color: #FFFFFF; }
+    .icon-bar > a:hover i {
+      color: #FFFFFF; }
+  .icon-bar > a.active {
+    background: #008CBA; }
+    .icon-bar > a.active label {
+      color: #FFFFFF; }
+    .icon-bar > a.active i {
+      color: #FFFFFF; }
+  .icon-bar .item.disabled {
+    opacity: 0.7;
+    cursor: not-allowed;
+    pointer-events: none; }
+    .icon-bar .item.disabled > * {
+      opacity: 0.7;
+      cursor: not-allowed; }
+
+.icon-bar.two-up .item {
+  width: 50%; }
+.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
+  width: auto; }
+@media only screen and (min-width: 40.063em) {
+  .icon-bar.two-up.medium-vertical .item {
+    width: auto; } }
+@media only screen and (min-width: 64.063em) {
+  .icon-bar.two-up.large-vertical .item {
+    width: auto; } }
+.icon-bar.three-up .item {
+  width: 33.3333%; }
+.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
+  width: auto; }
+@media only screen and (min-width: 40.063em) {
+  .icon-bar.three-up.medium-vertical .item {
+    width: auto; } }
+@media only screen and (min-width: 64.063em) {
+  .icon-bar.three-up.large-vertical .item {
+    width: auto; } }
+.icon-bar.four-up .item {
+  width: 25%; }
+.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
+  width: auto; }
+@media only screen and (min-width: 40.063em) {
+  .icon-bar.four-up.medium-vertical .item {
+    width: auto; } }
+@media only screen and (min-width: 64.063em) {
+  .icon-bar.four-up.large-vertical .item {
+    width: auto; } }
+.icon-bar.five-up .item {
+  width: 20%; }
+.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
+  width: auto; }
+@media only screen and (min-width: 40.063em) {
+  .icon-bar.five-up.medium-vertical .item {
+    width: auto; } }
+@media only screen and (min-width: 64.063em) {
+  .icon-bar.five-up.large-vertical .item {
+    width: auto; } }
+.icon-bar.six-up .item {
+  width: 16.66667%; }
+.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
+  width: auto; }
+@media only screen and (min-width: 40.063em) {
+  .icon-bar.six-up.medium-vertical .item {
+    width: auto; } }
+@media only screen and (min-width: 64.063em) {
+  .icon-bar.six-up.large-vertical .item {
+    width: auto; } }
+.icon-bar.seven-up .item {
+  width: 14.28571%; }
+.icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item {
+  width: auto; }
+@media only screen and (min-width: 40.063em) {
+  .icon-bar.seven-up.medium-vertical .item {
+    width: auto; } }
+@media only screen and (min-width: 64.063em) {
+  .icon-bar.seven-up.large-vertical .item {
+    width: auto; } }
+.icon-bar.eight-up .item {
+  width: 12.5%; }
+.icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item {
+  width: auto; }
+@media only screen and (min-width: 40.063em) {
+  .icon-bar.eight-up.medium-vertical .item {
+    width: auto; } }
+@media only screen and (min-width: 64.063em) {
+  .icon-bar.eight-up.large-vertical .item {
+    width: auto; } }
+
+.tabs {
+  margin-bottom: 0 !important;
+  margin-left: 0; }
+  .tabs:before, .tabs:after {
+    content: " ";
+    display: table; }
+  .tabs:after {
+    clear: both; }
+  .tabs dd, .tabs .tab-title {
+    position: relative;
+    margin-bottom: 0 !important;
+    list-style: none;
+    float: left; }
+    .tabs dd > a, .tabs .tab-title > a {
+      display: block;
+      background-color: #EFEFEF;
+      color: #222222;
+      padding: 1rem 2rem;
+      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+      font-size: 1rem; }
+      .tabs dd > a:hover, .tabs .tab-title > a:hover {
+        background-color: #e1e1e1; }
+      .tabs dd > a:focus, .tabs .tab-title > a:focus {
+        outline: none; }
+    .tabs dd.active a, .tabs .tab-title.active a {
+      background-color: #FFFFFF;
+      color: #222222; }
+  .tabs.radius dd:first-child a, .tabs.radius .tab:first-child a {
+    -webkit-border-bottom-left-radius: 3px;
+    -webkit-border-top-left-radius: 3px;
+    border-bottom-left-radius: 3px;
+    border-top-left-radius: 3px; }
+  .tabs.radius dd:last-child a, .tabs.radius .tab:last-child a {
+    -webkit-border-bottom-right-radius: 3px;
+    -webkit-border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+    border-top-right-radius: 3px; }
+  .tabs.vertical dd, .tabs.vertical .tab-title {
+    position: inherit;
+    float: none;
+    display: block;
+    top: auto; }
+
+.tabs-content {
+  margin-bottom: 1.5rem;
+  width: 100%; }
+  .tabs-content:before, .tabs-content:after {
+    content: " ";
+    display: table; }
+  .tabs-content:after {
+    clear: both; }
+  .tabs-content > .content {
+    display: none;
+    float: left;
+    padding: 0.9375rem 0;
+    width: 100%; }
+    .tabs-content > .content.active {
+      display: block;
+      float: none; }
+    .tabs-content > .content.contained {
+      padding: 0.9375rem; }
+  .tabs-content.vertical {
+    display: block; }
+    .tabs-content.vertical > .content {
+      padding: 0 0.9375rem; }
+
+@media only screen and (min-width: 40.063em) {
+  .tabs.vertical {
+    width: 20%;
+    max-width: 20%;
+    float: left;
+    margin: 0 0 1.25rem; }
+
+  .tabs-content.vertical {
+    width: 80%;
+    max-width: 80%;
+    float: left;
+    margin-left: -1px;
+    padding-left: 1rem; } }
+.no-js .tabs-content > .content {
+  display: block;
+  float: none; }
+
+ul.pagination {
+  display: block;
+  min-height: 1.5rem;
+  margin-left: -0.3125rem; }
+  ul.pagination li {
+    height: 1.5rem;
+    color: #222222;
+    font-size: 0.875rem;
+    margin-left: 0.3125rem; }
+    ul.pagination li a, ul.pagination li button {
+      display: block;
+      padding: 0.0625rem 0.625rem 0.0625rem;
+      color: #999999;
+      background: none;
+      border-radius: 3px;
+      font-weight: normal;
+      font-size: 1em;
+      line-height: inherit;
+      transition: background-color 300ms ease-out; }
+    ul.pagination li:hover a,
+    ul.pagination li a:focus, ul.pagination li:hover button,
+    ul.pagination li button:focus {
+      background: #e6e6e6; }
+    ul.pagination li.unavailable a, ul.pagination li.unavailable button {
+      cursor: default;
+      color: #999999; }
+    ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus {
+      background: transparent; }
+    ul.pagination li.current a, ul.pagination li.current button {
+      background: #008CBA;
+      color: #FFFFFF;
+      font-weight: bold;
+      cursor: default; }
+      ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
+        background: #008CBA; }
+  ul.pagination li {
+    float: left;
+    display: block; }
+
+/* Pagination centred wrapper */
+.pagination-centered {
+  text-align: center; }
+  .pagination-centered ul.pagination li {
+    float: none;
+    display: inline-block; }
+
+.side-nav {
+  display: block;
+  margin: 0;
+  padding: 0.875rem 0;
+  list-style-type: none;
+  list-style-position: outside;
+  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
+  .side-nav li {
+    margin: 0 0 0.4375rem 0;
+    font-size: 0.875rem;
+    font-weight: normal; }
+    .side-nav li a:not(.button) {
+      display: block;
+      color: #008CBA;
+      margin: 0;
+      padding: 0.4375rem 0.875rem; }
+      .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
+        background: rgba(0, 0, 0, 0.025);
+        color: #1cc7ff; }
+    .side-nav li.active > a:first-child:not(.button) {
+      color: #1cc7ff;
+      font-weight: normal;
+      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
+    .side-nav li.divider {
+      border-top: 1px solid;
+      height: 0;
+      padding: 0;
+      list-style: none;
+      border-top-color: white; }
+    .side-nav li.heading {
+      color: #008CBA;
+      font-size: 0.875rem;
+      font-weight: bold;
+      text-transform: uppercase; }
+
+.accordion {
+  margin-bottom: 0; }
+  .accordion:before, .accordion:after {
+    content: " ";
+    display: table; }
+  .accordion:after {
+    clear: both; }
+  .accordion .accordion-navigation, .accordion dd {
+    display: block;
+    margin-bottom: 0 !important; }
+    .accordion .accordion-navigation.active > a, .accordion dd.active > a {
+      background: #e8e8e8; }
+    .accordion .accordion-navigation > a, .accordion dd > a {
+      background: #EFEFEF;
+      color: #222222;
+      padding: 1rem;
+      display: block;
+      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+      font-size: 1rem; }
+      .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
+        background: #e3e3e3; }
+    .accordion .accordion-navigation > .content, .accordion dd > .content {
+      display: none;
+      padding: 0.9375rem; }
+      .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
+        display: block;
+        background: #FFFFFF; }
+
+.text-left {
+  text-align: left !important; }
+
+.text-right {
+  text-align: right !important; }
+
+.text-center {
+  text-align: center !important; }
+
+.text-justify {
+  text-align: justify !important; }
+
+@media only screen and (max-width: 40em) {
+  .small-only-text-left {
+    text-align: left !important; }
+
+  .small-only-text-right {
+    text-align: right !important; }
+
+  .small-only-text-center {
+    text-align: center !important; }
+
+  .small-only-text-justify {
+    text-align: justify !important; } }
+@media only screen {
+  .small-text-left {
+    text-align: left !important; }
+
+  .small-text-right {
+    text-align: right !important; }
+
+  .small-text-center {
+    text-align: center !important; }
+
+  .small-text-justify {
+    text-align: justify !important; } }
+@media only screen and (min-width: 40.063em) and (max-width: 64em) {
+  .medium-only-text-left {
+    text-align: left !important; }
+
+  .medium-only-text-right {
+    text-align: right !important; }
+
+  .medium-only-text-center {
+    text-align: center !important; }
+
+  .medium-only-text-justify {
+    text-align: justify !important; } }
+@media only screen and (min-width: 40.063em) {
+  .medium-text-left {
+    text-align: left !important; }
+
+  .medium-text-right {
+    text-align: right !important; }
+
+  .medium-text-center {
+    text-align: center !important; }
+
+  .medium-text-justify {
+    text-align: justify !important; } }
+@media only screen and (min-width: 64.063em) and (max-width: 90em) {
+  .large-only-text-left {
+    text-align: left !important; }
+
+  .large-only-text-right {
+    text-align: right !important; }
+
+  .large-only-text-center {
+    text-align: center !important; }
+
+  .large-only-text-justify {
+    text-align: justify !important; } }
+@media only screen and (min-width: 64.063em) {
+  .large-text-left {
+    text-align: left !important; }
+
+  .large-text-right {
+    text-align: right !important; }
+
+  .large-text-center {
+    text-align: center !important; }
+
+  .large-text-justify {
+    text-align: justify !important; } }
+@media only screen and (min-width: 90.063em) and (max-width: 120em) {
+  .xlarge-only-text-left {
+    text-align: left !important; }
+
+  .xlarge-only-text-right {
+    text-align: right !important; }
+
+  .xlarge-only-text-center {
+    text-align: center !important; }
+
+  .xlarge-only-text-justify {
+    text-align: justify !important; } }
+@media only screen and (min-width: 90.063em) {
+  .xlarge-text-left {
+    text-align: left !important; }
+
+  .xlarge-text-right {
+    text-align: right !important; }
+
+  .xlarge-text-center {
+    text-align: center !important; }
+
+  .xlarge-text-justify {
+    text-align: justify !important; } }
+@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
+  .xxlarge-only-text-left {
+    text-align: left !important; }
+
+  .xxlarge-only-text-right {
+    text-align: right !important; }
+
+  .xxlarge-only-text-center {
+    text-align: center !important; }
+
+  .xxlarge-only-text-justify {
+    text-align: justify !important; } }
+@media only screen and (min-width: 120.063em) {
+  .xxlarge-text-left {
+    text-align: left !important; }
+
+  .xxlarge-text-right {
+    text-align: right !important; }
+
+  .xxlarge-text-center {
+    text-align: center !important; }
+
+  .xxlarge-text-justify {
+    text-align: justify !important; } }
+/* Typography resets */
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+form,
+p,
+blockquote,
+th,
+td {
+  margin: 0;
+  padding: 0; }
+
+/* Default Link Styles */
+a {
+  color: #008CBA;
+  text-decoration: none;
+  line-height: inherit; }
+  a:hover, a:focus {
+    color: #0078a0; }
+  a img {
+    border: none; }
+
+/* Default paragraph styles */
+p {
+  font-family: inherit;
+  font-weight: normal;
+  font-size: 1rem;
+  line-height: 1.6;
+  margin-bottom: 1.25rem;
+  text-rendering: optimizeLegibility; }
+  p.lead {
+    font-size: 1.21875rem;
+    line-height: 1.6; }
+  p aside {
+    font-size: 0.875rem;
+    line-height: 1.35;
+    font-style: italic; }
+
+/* Default header styles */
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  font-weight: normal;
+  font-style: normal;
+  color: #222222;
+  text-rendering: optimizeLegibility;
+  margin-top: 0.2rem;
+  margin-bottom: 0.5rem;
+  line-height: 1.4; }
+  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
+    font-size: 60%;
+    color: #6f6f6f;
+    line-height: 0; }
+
+h1 {
+  font-size: 2.125rem; }
+
+h2 {
+  font-size: 1.6875rem; }
+
+h3 {
+  font-size: 1.375rem; }
+
+h4 {
+  font-size: 1.125rem; }
+
+h5 {
+  font-size: 1.125rem; }
+
+h6 {
+  font-size: 1rem; }
+
+.subheader {
+  line-height: 1.4;
+  color: #6f6f6f;
+  font-weight: normal;
+  margin-top: 0.2rem;
+  margin-bottom: 0.5rem; }
+
+hr {
+  border: solid #DDDDDD;
+  border-width: 1px 0 0;
+  clear: both;
+  margin: 1.25rem 0 1.1875rem;
+  height: 0; }
+
+/* Helpful Typography Defaults */
+em,
+i {
+  font-style: italic;
+  line-height: inherit; }
+
+strong,
+b {
+  font-weight: bold;
+  line-height: inherit; }
+
+small {
+  font-size: 60%;
+  line-height: inherit; }
+
+code {
+  font-family: Consolas, "Liberation Mono", Courier, monospace;
+  font-weight: normal;
+  color: #333333;
+  background-color: #f8f8f8;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #dfdfdf;
+  padding: 0.125rem 0.3125rem 0.0625rem; }
+
+/* Lists */
+ul,
+ol,
+dl {
+  font-size: 1rem;
+  line-height: 1.6;
+  margin-bottom: 1.25rem;
+  list-style-position: outside;
+  font-family: inherit; }
+
+ul {
+  margin-left: 1.1rem; }
+  ul.no-bullet {
+    margin-left: 0; }
+    ul.no-bullet li ul,
+    ul.no-bullet li ol {
+      margin-left: 1.25rem;
+      margin-bottom: 0;
+      list-style: none; }
+
+/* Unordered Lists */
+ul li ul,
+ul li ol {
+  margin-left: 1.25rem;
+  margin-bottom: 0; }
+ul.square li ul, ul.circle li ul, ul.disc li ul {
+  list-style: inherit; }
+ul.square {
+  list-style-type: square;
+  margin-left: 1.1rem; }
+ul.circle {
+  list-style-type: circle;
+  margin-left: 1.1rem; }
+ul.disc {
+  list-style-type: disc;
+  margin-left: 1.1rem; }
+ul.no-bullet {
+  list-style: none; }
+
+/* Ordered Lists */
+ol {
+  margin-left: 1.4rem; }
+  ol li ul,
+  ol li ol {
+    margin-left: 1.25rem;
+    margin-bottom: 0; }
+
+/* Definition Lists */
+dl dt {
+  margin-bottom: 0.3rem;
+  font-weight: bold; }
+dl dd {
+  margin-bottom: 0.75rem; }
+
+/* Abbreviations */
+abbr,
+acronym {
+  text-transform: uppercase;
+  font-size: 90%;
+  color: #222;
+  cursor: help; }
+
+abbr {
+  text-transform: none; }
+  abbr[title] {
+    border-bottom: 1px dotted #DDDDDD; }
+
+/* Blockquotes */
+blockquote {
+  margin: 0 0 1.25rem;
+  padding: 0.5625rem 1.25rem 0 1.1875rem;
+  border-left: 1px solid #DDDDDD; }
+  blockquote cite {
+    display: block;
+    font-size: 0.8125rem;
+    color: #555555; }
+    blockquote cite:before {
+      content: "\2014 \0020"; }
+    blockquote cite a,
+    blockquote cite a:visited {
+      color: #555555; }
+
+blockquote,
+blockquote p {
+  line-height: 1.6;
+  color: #6f6f6f; }
+
+/* Microformats */
+.vcard {
+  display: inline-block;
+  margin: 0 0 1.25rem 0;
+  border: 1px solid #DDDDDD;
+  padding: 0.625rem 0.75rem; }
+  .vcard li {
+    margin: 0;
+    display: block; }
+  .vcard .fn {
+    font-weight: bold;
+    font-size: 0.9375rem; }
+
+.vevent .summary {
+  font-weight: bold; }
+.vevent abbr {
+  cursor: default;
+  text-decoration: none;
+  font-weight: bold;
+  border: none;
+  padding: 0 0.0625rem; }
+
+@media only screen and (min-width: 40.063em) {
+  h1, h2, h3, h4, h5, h6 {
+    line-height: 1.4; }
+
+  h1 {
+    font-size: 2.75rem; }
+
+  h2 {
+    font-size: 2.3125rem; }
+
+  h3 {
+    font-size: 1.6875rem; }
+
+  h4 {
+    font-size: 1.4375rem; }
+
+  h5 {
+    font-size: 1.125rem; }
+
+  h6 {
+    font-size: 1rem; } }
+.split.button {
+  position: relative;
+  padding-right: 5.0625rem; }
+  .split.button span {
+    display: block;
+    height: 100%;
+    position: absolute;
+    right: 0;
+    top: 0;
+    border-left: solid 1px; }
+    .split.button span:after {
+      position: absolute;
+      content: "";
+      width: 0;
+      height: 0;
+      display: block;
+      border-style: inset;
+      top: 50%;
+      left: 50%; }
+    .split.button span:active {
+      background-color: rgba(0, 0, 0, 0.1); }
+  .split.button span {
+    border-left-color: rgba(255, 255, 255, 0.5); }
+  .split.button span {
+    width: 3.09375rem; }
+    .split.button span:after {
+      border-top-style: solid;
+      border-width: 0.375rem;
+      top: 48%;
+      margin-left: -0.375rem; }
+  .split.button span:after {
+    border-color: #FFFFFF transparent transparent transparent; }
+  .split.button.secondary span {
+    border-left-color: rgba(255, 255, 255, 0.5); }
+  .split.button.secondary span:after {
+    border-color: #FFFFFF transparent transparent transparent; }
+  .split.button.alert span {
+    border-left-color: rgba(255, 255, 255, 0.5); }
+  .split.button.success span {
+    border-left-color: rgba(255, 255, 255, 0.5); }
+  .split.button.tiny {
+    padding-right: 3.75rem; }
+    .split.button.tiny span {
+      width: 2.25rem; }
+      .split.button.tiny span:after {
+        border-top-style: solid;
+        border-width: 0.375rem;
+        top: 48%;
+        margin-left: -0.375rem; }
+  .split.button.small {
+    padding-right: 4.375rem; }
+    .split.button.small span {
+      width: 2.625rem; }
+      .split.button.small span:after {
+        border-top-style: solid;
+        border-width: 0.4375rem;
+        top: 48%;
+        margin-left: -0.375rem; }
+  .split.button.large {
+    padding-right: 5.5rem; }
+    .split.button.large span {
+      width: 3.4375rem; }
+      .split.button.large span:after {
+        border-top-style: solid;
+        border-width: 0.3125rem;
+        top: 48%;
+        margin-left: -0.375rem; }
+  .split.button.expand {
+    padding-left: 2rem; }
+  .split.button.secondary span:after {
+    border-color: #333333 transparent transparent transparent; }
+  .split.button.radius span {
+    -webkit-border-bottom-right-radius: 3px;
+    -webkit-border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+    border-top-right-radius: 3px; }
+  .split.button.round span {
+    -webkit-border-bottom-right-radius: 1000px;
+    -webkit-border-top-right-radius: 1000px;
+    border-bottom-right-radius: 1000px;
+    border-top-right-radius: 1000px; }
+  .split.button.no-pip span:before {
+    border-style: none; }
+  .split.button.no-pip span:after {
+    border-style: none; }
+  .split.button.no-pip span > i {
+    top: 50%;
+    display: block;
+    position: absolute;
+    left: 50%;
+    margin-left: -0.28889em;
+    margin-top: -0.48889em; }
+
+.reveal-modal-bg {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: #000000;
+  background: rgba(0, 0, 0, 0.45);
+  z-index: 1004;
+  display: none;
+  left: 0; }
+
+.reveal-modal {
+  visibility: hidden;
+  display: none;
+  position: absolute;
+  z-index: 1005;
+  width: 100%;
+  top: 0;
+  border-radius: 3px;
+  left: 0;
+  background-color: #FFFFFF;
+  padding: 1.875rem;
+  border: solid 1px #666666;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
+  @media only screen and (max-width: 40em) {
+    .reveal-modal {
+      min-height: 100vh; } }
+  .reveal-modal .column, .reveal-modal .columns {
+    min-width: 0; }
+  .reveal-modal > :first-child {
+    margin-top: 0; }
+  .reveal-modal > :last-child {
+    margin-bottom: 0; }
+  @media only screen and (min-width: 40.063em) {
+    .reveal-modal {
+      width: 80%;
+      max-width: 62.5rem;
+      left: 0;
+      right: 0;
+      margin: 0 auto; } }
+  @media only screen and (min-width: 40.063em) {
+    .reveal-modal {
+      top: 6.25rem; } }
+  .reveal-modal.radius {
+    border-radius: 3px; }
+  .reveal-modal.round {
+    border-radius: 1000px; }
+  .reveal-modal.collapse {
+    padding: 0; }
+  @media only screen and (min-width: 40.063em) {
+    .reveal-modal.tiny {
+      width: 30%;
+      max-width: 62.5rem;
+      left: 0;
+      right: 0;
+      margin: 0 auto; } }
+  @media only screen and (min-width: 40.063em) {
+    .reveal-modal.small {
+      width: 40%;
+      max-width: 62.5rem;
+      left: 0;
+      right: 0;
+      margin: 0 auto; } }
+  @media only screen and (min-width: 40.063em) {
+    .reveal-modal.medium {
+      width: 60%;
+      max-width: 62.5rem;
+      left: 0;
+      right: 0;
+      margin: 0 auto; } }
+  @media only screen and (min-width: 40.063em) {
+    .reveal-modal.large {
+      width: 70%;
+      max-width: 62.5rem;
+      left: 0;
+      right: 0;
+      margin: 0 auto; } }
+  @media only screen and (min-width: 40.063em) {
+    .reveal-modal.xlarge {
+      width: 95%;
+      max-width: 62.5rem;
+      left: 0;
+      right: 0;
+      margin: 0 auto; } }
+  .reveal-modal.full {
+    top: 0;
+    left: 0;
+    height: 100%;
+    height: 100vh;
+    min-height: 100vh;
+    max-width: none !important;
+    margin-left: 0 !important; }
+    @media only screen and (min-width: 40.063em) {
+      .reveal-modal.full {
+        width: 100%;
+        max-width: 62.5rem;
+        left: 0;
+        right: 0;
+        margin: 0 auto; } }
+  .reveal-modal.toback {
+    z-index: 1003; }
+  .reveal-modal .close-reveal-modal {
+    font-size: 2.5rem;
+    line-height: 1;
+    position: absolute;
+    top: 0.625rem;
+    right: 1.375rem;
+    color: #AAAAAA;
+    font-weight: bold;
+    cursor: pointer; }
+
+/* Tooltips */
+.has-tip {
+  border-bottom: dotted 1px #CCCCCC;
+  cursor: help;
+  font-weight: bold;
+  color: #333333; }
+  .has-tip:hover, .has-tip:focus {
+    border-bottom: dotted 1px #003f54;
+    color: #008CBA; }
+  .has-tip.tip-left, .has-tip.tip-right {
+    float: none !important; }
+
+.tooltip {
+  display: none;
+  position: absolute;
+  z-index: 1006;
+  font-weight: normal;
+  font-size: 0.875rem;
+  line-height: 1.3;
+  padding: 0.75rem;
+  max-width: 300px;
+  left: 50%;
+  width: 100%;
+  color: #FFFFFF;
+  background: #333333; }
+  .tooltip > .nub {
+    display: block;
+    left: 5px;
+    position: absolute;
+    width: 0;
+    height: 0;
+    border: solid 5px;
+    border-color: transparent transparent #333333 transparent;
+    top: -10px;
+    pointer-events: none; }
+    .tooltip > .nub.rtl {
+      left: auto;
+      right: 5px; }
+  .tooltip.radius {
+    border-radius: 3px; }
+  .tooltip.round {
+    border-radius: 1000px; }
+    .tooltip.round > .nub {
+      left: 2rem; }
+  .tooltip.opened {
+    color: #008CBA !important;
+    border-bottom: dotted 1px #003f54 !important; }
+
+.tap-to-close {
+  display: block;
+  font-size: 0.625rem;
+  color: #777777;
+  font-weight: normal; }
+
+@media only screen and (min-width: 40.063em) {
+  .tooltip > .nub {
+    border-color: transparent transparent #333333 transparent;
+    top: -10px; }
+  .tooltip.tip-top > .nub {
+    border-color: #333333 transparent transparent transparent;
+    top: auto;
+    bottom: -10px; }
+  .tooltip.tip-left, .tooltip.tip-right {
+    float: none !important; }
+  .tooltip.tip-left > .nub {
+    border-color: transparent transparent transparent #333333;
+    right: -10px;
+    left: auto;
+    top: 50%;
+    margin-top: -5px; }
+  .tooltip.tip-right > .nub {
+    border-color: transparent #333333 transparent transparent;
+    right: auto;
+    left: -10px;
+    top: 50%;
+    margin-top: -5px; } }
+/* Clearing Styles */
+.clearing-thumbs, [data-clearing] {
+  margin-bottom: 0;
+  margin-left: 0;
+  list-style: none; }
+  .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
+    content: " ";
+    display: table; }
+  .clearing-thumbs:after, [data-clearing]:after {
+    clear: both; }
+  .clearing-thumbs li, [data-clearing] li {
+    float: left;
+    margin-right: 10px; }
+  .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
+    margin-right: 0; }
+
+.clearing-blackout {
+  background: #333333;
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  z-index: 998; }
+  .clearing-blackout .clearing-close {
+    display: block; }
+
+.clearing-container {
+  position: relative;
+  z-index: 998;
+  height: 100%;
+  overflow: hidden;
+  margin: 0; }
+
+.clearing-touch-label {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  color: #AAAAAA;
+  font-size: 0.6em; }
+
+.visible-img {
+  height: 95%;
+  position: relative; }
+  .visible-img img {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translateY(-50%) translateX(-50%);
+    -webkit-transform: translateY(-50%) translateX(-50%);
+    -ms-transform: translateY(-50%) translateX(-50%);
+    max-height: 100%;
+    max-width: 100%; }
+
+.clearing-caption {
+  color: #CCCCCC;
+  font-size: 0.875em;
+  line-height: 1.3;
+  margin-bottom: 0;
+  text-align: center;
+  bottom: 0;
+  background: #333333;
+  width: 100%;
+  padding: 10px 30px 20px;
+  position: absolute;
+  left: 0; }
+
+.clearing-close {
+  z-index: 999;
+  padding-left: 20px;
+  padding-top: 10px;
+  font-size: 30px;
+  line-height: 1;
+  color: #CCCCCC;
+  display: none; }
+  .clearing-close:hover, .clearing-close:focus {
+    color: #CCCCCC; }
+
+.clearing-assembled .clearing-container {
+  height: 100%; }
+  .clearing-assembled .clearing-container .carousel > ul {
+    display: none; }
+
+.clearing-feature li {
+  display: none; }
+  .clearing-feature li.clearing-featured-img {
+    display: block; }
+
+@media only screen and (min-width: 40.063em) {
+  .clearing-main-prev,
+  .clearing-main-next {
+    position: absolute;
+    height: 100%;
+    width: 40px;
+    top: 0; }
+    .clearing-main-prev > span,
+    .clearing-main-next > span {
+      position: absolute;
+      top: 50%;
+      display: block;
+      width: 0;
+      height: 0;
+      border: solid 12px; }
+      .clearing-main-prev > span:hover,
+      .clearing-main-next > span:hover {
+        opacity: 0.8; }
+
+  .clearing-main-prev {
+    left: 0; }
+    .clearing-main-prev > span {
+      left: 5px;
+      border-color: transparent;
+      border-right-color: #CCCCCC; }
+
+  .clearing-main-next {
+    right: 0; }
+    .clearing-main-next > span {
+      border-color: transparent;
+      border-left-color: #CCCCCC; }
+
+  .clearing-main-prev.disabled,
+  .clearing-main-next.disabled {
+    opacity: 0.3; }
+
+  .clearing-assembled .clearing-container .carousel {
+    background: rgba(51, 51, 51, 0.8);
+    height: 120px;
+    margin-top: 10px;
+    text-align: center; }
+    .clearing-assembled .clearing-container .carousel > ul {
+      display: inline-block;
+      z-index: 999;
+      height: 100%;
+      position: relative;
+      float: none; }
+      .clearing-assembled .clearing-container .carousel > ul li {
+        display: block;
+        width: 120px;
+        min-height: inherit;
+        float: left;
+        overflow: hidden;
+        margin-right: 0;
+        padding: 0;
+        position: relative;
+        cursor: pointer;
+        opacity: 0.4;
+        clear: none; }
+        .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
+          height: 100%;
+          max-width: none; }
+        .clearing-assembled .clearing-container .carousel > ul li a.th {
+          border: none;
+          box-shadow: none;
+          display: block; }
+        .clearing-assembled .clearing-container .carousel > ul li img {
+          cursor: pointer !important;
+          width: 100% !important; }
+        .clearing-assembled .clearing-container .carousel > ul li.visible {
+          opacity: 1; }
+        .clearing-assembled .clearing-container .carousel > ul li:hover {
+          opacity: 0.8; }
+  .clearing-assembled .clearing-container .visible-img {
+    background: #333333;
+    overflow: hidden;
+    height: 85%; }
+
+  .clearing-close {
+    position: absolute;
+    top: 10px;
+    right: 20px;
+    padding-left: 0;
+    padding-top: 0; } }
+/* Progress Bar */
+.progress {
+  background-color: #F6F6F6;
+  height: 1.5625rem;
+  border: 1px solid white;
+  padding: 0.125rem;
+  margin-bottom: 0.625rem; }
+  .progress .meter {
+    background: #008CBA;
+    height: 100%;
+    display: block; }
+  .progress.secondary .meter {
+    background: #e7e7e7;
+    height: 100%;
+    display: block; }
+  .progress.success .meter {
+    background: #43AC6A;
+    height: 100%;
+    display: block; }
+  .progress.alert .meter {
+    background: #f04124;
+    height: 100%;
+    display: block; }
+  .progress.radius {
+    border-radius: 3px; }
+    .progress.radius .meter {
+      border-radius: 2px; }
+  .progress.round {
+    border-radius: 1000px; }
+    .progress.round .meter {
+      border-radius: 999px; }
+
+.sub-nav {
+  display: block;
+  width: auto;
+  overflow: hidden;
+  margin-bottom: -0.25rem 0 1.125rem;
+  padding-top: 0.25rem; }
+  .sub-nav dt {
+    text-transform: uppercase; }
+  .sub-nav dt,
+  .sub-nav dd,
+  .sub-nav li {
+    float: left;
+    margin-left: 1rem;
+    margin-bottom: 0;
+    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+    font-weight: normal;
+    font-size: 0.875rem;
+    color: #999999; }
+    .sub-nav dt a,
+    .sub-nav dd a,
+    .sub-nav li a {
+      text-decoration: none;
+      color: #999999;
+      padding: 0.1875rem 1rem; }
+      .sub-nav dt a:hover,
+      .sub-nav dd a:hover,
+      .sub-nav li a:hover {
+        color: #737373; }
+    .sub-nav dt.active a,
+    .sub-nav dd.active a,
+    .sub-nav li.active a {
+      border-radius: 3px;
+      font-weight: normal;
+      background: #008CBA;
+      padding: 0.1875rem 1rem;
+      cursor: default;
+      color: #FFFFFF; }
+      .sub-nav dt.active a:hover,
+      .sub-nav dd.active a:hover,
+      .sub-nav li.active a:hover {
+        background: #0078a0; }
+
+/* Foundation Joyride */
+.joyride-list {
+  display: none; }
+
+/* Default styles for the container */
+.joyride-tip-guide {
+  display: none;
+  position: absolute;
+  background: #333333;
+  color: #FFFFFF;
+  z-index: 101;
+  top: 0;
+  left: 2.5%;
+  font-family: inherit;
+  font-weight: normal;
+  width: 95%; }
+
+.lt-ie9 .joyride-tip-guide {
+  max-width: 800px;
+  left: 50%;
+  margin-left: -400px; }
+
+.joyride-content-wrapper {
+  width: 100%;
+  padding: 1.125rem 1.25rem 1.5rem; }
+  .joyride-content-wrapper .button {
+    margin-bottom: 0 !important; }
+  .joyride-content-wrapper .joyride-prev-tip {
+    margin-right: 10px; }
+
+/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
+.joyride-tip-guide .joyride-nub {
+  display: block;
+  position: absolute;
+  left: 22px;
+  width: 0;
+  height: 0;
+  border: 10px solid #333333; }
+  .joyride-tip-guide .joyride-nub.top {
+    border-top-style: solid;
+    border-color: #333333;
+    border-top-color: transparent !important;
+    border-left-color: transparent !important;
+    border-right-color: transparent !important;
+    top: -20px; }
+  .joyride-tip-guide .joyride-nub.bottom {
+    border-bottom-style: solid;
+    border-color: #333333 !important;
+    border-bottom-color: transparent !important;
+    border-left-color: transparent !important;
+    border-right-color: transparent !important;
+    bottom: -20px; }
+  .joyride-tip-guide .joyride-nub.right {
+    right: -20px; }
+  .joyride-tip-guide .joyride-nub.left {
+    left: -20px; }
+
+/* Typography */
+.joyride-tip-guide h1,
+.joyride-tip-guide h2,
+.joyride-tip-guide h3,
+.joyride-tip-guide h4,
+.joyride-tip-guide h5,
+.joyride-tip-guide h6 {
+  line-height: 1.25;
+  margin: 0;
+  font-weight: bold;
+  color: #FFFFFF; }
+
+.joyride-tip-guide p {
+  margin: 0 0 1.125rem 0;
+  font-size: 0.875rem;
+  line-height: 1.3; }
+
+.joyride-timer-indicator-wrap {
+  width: 50px;
+  height: 3px;
+  border: solid 1px #555555;
+  position: absolute;
+  right: 1.0625rem;
+  bottom: 1rem; }
+
+.joyride-timer-indicator {
+  display: block;
+  width: 0;
+  height: inherit;
+  background: #666666; }
+
+.joyride-close-tip {
+  position: absolute;
+  right: 12px;
+  top: 10px;
+  color: #777777 !important;
+  text-decoration: none;
+  font-size: 24px;
+  font-weight: normal;
+  line-height: .5 !important; }
+  .joyride-close-tip:hover, .joyride-close-tip:focus {
+    color: #EEEEEE !important; }
+
+.joyride-modal-bg {
+  position: fixed;
+  height: 100%;
+  width: 100%;
+  background: transparent;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 100;
+  display: none;
+  top: 0;
+  left: 0;
+  cursor: pointer; }
+
+.joyride-expose-wrapper {
+  background-color: #FFFFFF;
+  position: absolute;
+  border-radius: 3px;
+  z-index: 102;
+  box-shadow: 0 0 15px #FFFFFF; }
+
+.joyride-expose-cover {
+  background: transparent;
+  border-radius: 3px;
+  position: absolute;
+  z-index: 9999;
+  top: 0;
+  left: 0; }
+
+/* Styles for screens that are at least 768px; */
+@media only screen and (min-width: 40.063em) {
+  .joyride-tip-guide {
+    width: 300px;
+    left: inherit; }
+    .joyride-tip-guide .joyride-nub.bottom {
+      border-color: #333333 !important;
+      border-bottom-color: transparent !important;
+      border-left-color: transparent !important;
+      border-right-color: transparent !important;
+      bottom: -20px; }
+    .joyride-tip-guide .joyride-nub.right {
+      border-color: #333333 !important;
+      border-top-color: transparent !important;
+      border-right-color: transparent !important;
+      border-bottom-color: transparent !important;
+      top: 22px;
+      left: auto;
+      right: -20px; }
+    .joyride-tip-guide .joyride-nub.left {
+      border-color: #333333 !important;
+      border-top-color: transparent !important;
+      border-left-color: transparent !important;
+      border-bottom-color: transparent !important;
+      top: 22px;
+      left: -20px;
+      right: auto; } }
+.label {
+  font-weight: normal;
+  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+  text-align: center;
+  text-decoration: none;
+  line-height: 1;
+  white-space: nowrap;
+  display: inline-block;
+  position: relative;
+  margin-bottom: auto;
+  padding: 0.25rem 0.5rem 0.25rem;
+  font-size: 0.6875rem;
+  background-color: #008CBA;
+  color: #FFFFFF; }
+  .label.radius {
+    border-radius: 3px; }
+  .label.round {
+    border-radius: 1000px; }
+  .label.alert {
+    background-color: #f04124;
+    color: #FFFFFF; }
+  .label.warning {
+    background-color: #f08a24;
+    color: #FFFFFF; }
+  .label.success {
+    background-color: #43AC6A;
+    color: #FFFFFF; }
+  .label.secondary {
+    background-color: #e7e7e7;
+    color: #333333; }
+  .label.info {
+    background-color: #a0d3e8;
+    color: #333333; }
+
+.off-canvas-wrap {
+  -webkit-backface-visibility: hidden;
+  position: relative;
+  width: 100%;
+  overflow: hidden; }
+  .off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
+    min-height: 100%;
+    -webkit-overflow-scrolling: touch; }
+
+.inner-wrap {
+  position: relative;
+  width: 100%;
+  -webkit-transition: -webkit-transform 500ms ease;
+  -moz-transition: -moz-transform 500ms ease;
+  -ms-transition: -ms-transform 500ms ease;
+  -o-transition: -o-transform 500ms ease;
+  transition: transform 500ms ease; }
+  .inner-wrap:before, .inner-wrap:after {
+    content: " ";
+    display: table; }
+  .inner-wrap:after {
+    clear: both; }
+
+.tab-bar {
+  -webkit-backface-visibility: hidden;
+  background: #333333;
+  color: #FFFFFF;
+  height: 2.8125rem;
+  line-height: 2.8125rem;
+  position: relative; }
+  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
+    color: #FFFFFF;
+    font-weight: bold;
+    line-height: 2.8125rem;
+    margin: 0; }
+  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
+    font-size: 1.125rem; }
+
+.left-small {
+  width: 2.8125rem;
+  height: 2.8125rem;
+  position: absolute;
+  top: 0;
+  border-right: solid 1px #1a1a1a;
+  left: 0; }
+
+.right-small {
+  width: 2.8125rem;
+  height: 2.8125rem;
+  position: absolute;
+  top: 0;
+  border-left: solid 1px #1a1a1a;
+  right: 0; }
+
+.tab-bar-section {
+  padding: 0 0.625rem;
+  position: absolute;
+  text-align: center;
+  height: 2.8125rem;
+  top: 0; }
+  @media only screen and (min-width: 40.063em) {
+    .tab-bar-section.left {
+      text-align: left; }
+    .tab-bar-section.right {
+      text-align: right; } }
+  .tab-bar-section.left {
+    left: 0;
+    right: 2.8125rem; }
+  .tab-bar-section.right {
+    left: 2.8125rem;
+    right: 0; }
+  .tab-bar-section.middle {
+    left: 2.8125rem;
+    right: 2.8125rem; }
+
+.tab-bar .menu-icon {
+  text-indent: 2.1875rem;
+  width: 2.8125rem;
+  height: 2.8125rem;
+  display: block;
+  padding: 0;
+  color: #FFFFFF;
+  position: relative;
+  transform: translate3d(0, 0, 0); }
+  .tab-bar .menu-icon span::after {
+    content: "";
+    position: absolute;
+    display: block;
+    height: 0;
+    top: 50%;
+    margin-top: -0.5rem;
+    left: 0.90625rem;
+    box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
+    width: 1rem; }
+  .tab-bar .menu-icon span:hover:after {
+    box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }
+
+.left-off-canvas-menu {
+  -webkit-backface-visibility: hidden;
+  width: 15.625rem;
+  top: 0;
+  bottom: 0;
+  position: absolute;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background: #333333;
+  z-index: 1001;
+  box-sizing: content-box;
+  transition: transform 500ms ease 0s;
+  -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: -ms-autohiding-scrollbar;
+  -ms-transform: translate(-100%, 0);
+  -webkit-transform: translate3d(-100%, 0, 0);
+  -moz-transform: translate3d(-100%, 0, 0);
+  -ms-transform: translate3d(-100%, 0, 0);
+  -o-transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
+  left: 0; }
+  .left-off-canvas-menu * {
+    -webkit-backface-visibility: hidden; }
+
+.right-off-canvas-menu {
+  -webkit-backface-visibility: hidden;
+  width: 15.625rem;
+  top: 0;
+  bottom: 0;
+  position: absolute;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background: #333333;
+  z-index: 1001;
+  box-sizing: content-box;
+  transition: transform 500ms ease 0s;
+  -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: -ms-autohiding-scrollbar;
+  -ms-transform: translate(100%, 0);
+  -webkit-transform: translate3d(100%, 0, 0);
+  -moz-transform: translate3d(100%, 0, 0);
+  -ms-transform: translate3d(100%, 0, 0);
+  -o-transform: translate3d(100%, 0, 0);
+  transform: translate3d(100%, 0, 0);
+  right: 0; }
+  .right-off-canvas-menu * {
+    -webkit-backface-visibility: hidden; }
+
+ul.off-canvas-list {
+  list-style-type: none;
+  padding: 0;
+  margin: 0; }
+  ul.off-canvas-list li label {
+    display: block;
+    padding: 0.3rem 0.9375rem;
+    color: #999999;
+    text-transform: uppercase;
+    font-size: 0.75rem;
+    font-weight: bold;
+    background: #444444;
+    border-top: 1px solid #5e5e5e;
+    border-bottom: none;
+    margin: 0; }
+  ul.off-canvas-list li a {
+    display: block;
+    padding: 0.66667rem;
+    color: rgba(255, 255, 255, 0.7);
+    border-bottom: 1px solid #262626;
+    transition: background 300ms ease; }
+    ul.off-canvas-list li a:hover {
+      background: #242424; }
+
+.move-right > .inner-wrap {
+  -ms-transform: translate(15.625rem, 0);
+  -webkit-transform: translate3d(15.625rem, 0, 0);
+  -moz-transform: translate3d(15.625rem, 0, 0);
+  -ms-transform: translate3d(15.625rem, 0, 0);
+  -o-transform: translate3d(15.625rem, 0, 0);
+  transform: translate3d(15.625rem, 0, 0); }
+.move-right .exit-off-canvas {
+  -webkit-backface-visibility: hidden;
+  transition: background 300ms ease;
+  cursor: pointer;
+  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
+  display: block;
+  position: absolute;
+  background: rgba(255, 255, 255, 0.2);
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1002;
+  -webkit-tap-highlight-color: transparent; }
+  @media only screen and (min-width: 40.063em) {
+    .move-right .exit-off-canvas:hover {
+      background: rgba(255, 255, 255, 0.05); } }
+
+.move-left > .inner-wrap {
+  -ms-transform: translate(-15.625rem, 0);
+  -webkit-transform: translate3d(-15.625rem, 0, 0);
+  -moz-transform: translate3d(-15.625rem, 0, 0);
+  -ms-transform: translate3d(-15.625rem, 0, 0);
+  -o-transform: translate3d(-15.625rem, 0, 0);
+  transform: translate3d(-15.625rem, 0, 0); }
+.move-left .exit-off-canvas {
+  -webkit-backface-visibility: hidden;
+  transition: background 300ms ease;
+  cursor: pointer;
+  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
+  display: block;
+  position: absolute;
+  background: rgba(255, 255, 255, 0.2);
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1002;
+  -webkit-tap-highlight-color: transparent; }
+  @media only screen and (min-width: 40.063em) {
+    .move-left .exit-off-canvas:hover {
+      background: rgba(255, 255, 255, 0.05); } }
+
+.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
+  -ms-transform: none;
+  -webkit-transform: none;
+  -moz-transform: none;
+  -o-transform: none;
+  transform: none;
+  z-index: 1003; }
+.offcanvas-overlap .exit-off-canvas {
+  -webkit-backface-visibility: hidden;
+  transition: background 300ms ease;
+  cursor: pointer;
+  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
+  display: block;
+  position: absolute;
+  background: rgba(255, 255, 255, 0.2);
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1002;
+  -webkit-tap-highlight-color: transparent; }
+  @media only screen and (min-width: 40.063em) {
+    .offcanvas-overlap .exit-off-canvas:hover {
+      background: rgba(255, 255, 255, 0.05); } }
+
+.offcanvas-overlap-left .right-off-canvas-menu {
+  -ms-transform: none;
+  -webkit-transform: none;
+  -moz-transform: none;
+  -o-transform: none;
+  transform: none;
+  z-index: 1003; }
+.offcanvas-overlap-left .exit-off-canvas {
+  -webkit-backface-visibility: hidden;
+  transition: background 300ms ease;
+  cursor: pointer;
+  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
+  display: block;
+  position: absolute;
+  background: rgba(255, 255, 255, 0.2);
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1002;
+  -webkit-tap-highlight-color: transparent; }
+  @media only screen and (min-width: 40.063em) {
+    .offcanvas-overlap-left .exit-off-canvas:hover {
+      background: rgba(255, 255, 255, 0.05); } }
+
+.offcanvas-overlap-right .left-off-canvas-menu {
+  -ms-transform: none;
+  -webkit-transform: none;
+  -moz-transform: none;
+  -o-transform: none;
+  transform: none;
+  z-index: 1003; }
+.offcanvas-overlap-right .exit-off-canvas {
+  -webkit-backface-visibility: hidden;
+  transition: background 300ms ease;
+  cursor: pointer;
+  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
+  display: block;
+  position: absolute;
+  background: rgba(255, 255, 255, 0.2);
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1002;
+  -webkit-tap-highlight-color: transparent; }
+  @media only screen and (min-width: 40.063em) {
+    .offcanvas-overlap-right .exit-off-canvas:hover {
+      background: rgba(255, 255, 255, 0.05); } }
+
+.no-csstransforms .left-off-canvas-menu {
+  left: -15.625rem; }
+.no-csstransforms .right-off-canvas-menu {
+  right: -15.625rem; }
+.no-csstransforms .move-left > .inner-wrap {
+  right: 15.625rem; }
+.no-csstransforms .move-right > .inner-wrap {
+  left: 15.625rem; }
+
+.left-submenu {
+  -webkit-backface-visibility: hidden;
+  width: 15.625rem;
+  top: 0;
+  bottom: 0;
+  position: absolute;
+  margin: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background: #333333;
+  z-index: 1002;
+  box-sizing: content-box;
+  -webkit-overflow-scrolling: touch;
+  -ms-transform: translate(-100%, 0);
+  -webkit-transform: translate3d(-100%, 0, 0);
+  -moz-transform: translate3d(-100%, 0, 0);
+  -ms-transform: translate3d(-100%, 0, 0);
+  -o-transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
+  left: 0;
+  -webkit-transition: -webkit-transform 500ms ease;
+  -moz-transition: -moz-transform 500ms ease;
+  -ms-transition: -ms-transform 500ms ease;
+  -o-transition: -o-transform 500ms ease;
+  transition: transform 500ms ease; }
+  .left-submenu * {
+    -webkit-backface-visibility: hidden; }
+  .left-submenu .back > a {
+    padding: 0.3rem 0.9375rem;
+    color: #999999;
+    text-transform: uppercase;
+    font-weight: bold;
+    background: #444;
+    border-top: 1px solid #5e5e5e;
+    border-bottom: none;
+    margin: 0; }
+    .left-submenu .back > a:hover {
+      background: #303030;
+      border-top: 1px solid #5e5e5e;
+      border-bottom: none; }
+    .left-submenu .back > a:before {
+      content: "\AB";
+      margin-right: 0.5rem;
+      display: inline; }
+  .left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
+    -ms-transform: translate(0%, 0);
+    -webkit-transform: translate3d(0%, 0, 0);
+    -moz-transform: translate3d(0%, 0, 0);
+    -ms-transform: translate3d(0%, 0, 0);
+    -o-transform: translate3d(0%, 0, 0);
+    transform: translate3d(0%, 0, 0); }
+
+.right-submenu {
+  -webkit-backface-visibility: hidden;
+  width: 15.625rem;
+  top: 0;
+  bottom: 0;
+  position: absolute;
+  margin: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background: #333333;
+  z-index: 1002;
+  box-sizing: content-box;
+  -webkit-overflow-scrolling: touch;
+  -ms-transform: translate(100%, 0);
+  -webkit-transform: translate3d(100%, 0, 0);
+  -moz-transform: translate3d(100%, 0, 0);
+  -ms-transform: translate3d(100%, 0, 0);
+  -o-transform: translate3d(100%, 0, 0);
+  transform: translate3d(100%, 0, 0);
+  right: 0;
+  -webkit-transition: -webkit-transform 500ms ease;
+  -moz-transition: -moz-transform 500ms ease;
+  -ms-transition: -ms-transform 500ms ease;
+  -o-transition: -o-transform 500ms ease;
+  transition: transform 500ms ease; }
+  .right-submenu * {
+    -webkit-backface-visibility: hidden; }
+  .right-submenu .back > a {
+    padding: 0.3rem 0.9375rem;
+    color: #999999;
+    text-transform: uppercase;
+    font-weight: bold;
+    background: #444;
+    border-top: 1px solid #5e5e5e;
+    border-bottom: none;
+    margin: 0; }
+    .right-submenu .back > a:hover {
+      background: #303030;
+      border-top: 1px solid #5e5e5e;
+      border-bottom: none; }
+    .right-submenu .back > a:after {
+      content: "\BB";
+      margin-left: 0.5rem;
+      display: inline; }
+  .right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
+    -ms-transform: translate(0%, 0);
+    -webkit-transform: translate3d(0%, 0, 0);
+    -moz-transform: translate3d(0%, 0, 0);
+    -ms-transform: translate3d(0%, 0, 0);
+    -o-transform: translate3d(0%, 0, 0);
+    transform: translate3d(0%, 0, 0); }
+
+.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
+  content: "\BB";
+  margin-left: 0.5rem;
+  display: inline; }
+
+.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
+  content: "\AB";
+  margin-right: 0.5rem;
+  display: inline; }
+
+/* Foundation Dropdowns */
+.f-dropdown {
+  position: absolute;
+  left: -9999px;
+  list-style: none;
+  margin-left: 0;
+  outline: none;
+  width: 100%;
+  max-height: none;
+  height: auto;
+  background: #FFFFFF;
+  border: solid 1px #cccccc;
+  font-size: 0.875rem;
+  z-index: 89;
+  margin-top: 2px;
+  max-width: 200px; }
+  .f-dropdown > *:first-child {
+    margin-top: 0; }
+  .f-dropdown > *:last-child {
+    margin-bottom: 0; }
+  .f-dropdown:before {
+    content: "";
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 6px;
+    border-color: transparent transparent #FFFFFF transparent;
+    border-bottom-style: solid;
+    position: absolute;
+    top: -12px;
+    left: 10px;
+    z-index: 89; }
+  .f-dropdown:after {
+    content: "";
+    display: block;
+    width: 0;
+    height: 0;
+    border: inset 7px;
+    border-color: transparent transparent #cccccc transparent;
+    border-bottom-style: solid;
+    position: absolute;
+    top: -14px;
+    left: 9px;
+    z-index: 88; }
+  .f-dropdown.right:before {
+    left: auto;
+    right: 10px; }
+  .f-dropdown.right:after {
+    left: auto;
+    right: 9px; }
+  .f-dropdown.drop-right {
+    position: absolute;
+    left: -9999px;
+    list-style: none;
+    margin-left: 0;
+    outline: none;
+    width: 100%;
+    max-height: none;
+    height: auto;
+    background: #FFFFFF;
+    border: solid 1px #cccccc;
+    font-size: 0.875rem;
+    z-index: 89;
+    margin-top: 0;
+    margin-left: 2px;
+    max-width: 200px; }
+    .f-dropdown.drop-right > *:first-child {
+      margin-top: 0; }
+    .f-dropdown.drop-right > *:last-child {
+      margin-bottom: 0; }
+    .f-dropdown.drop-right:before {
+      content: "";
+      display: block;
+      width: 0;
+      height: 0;
+      border: inset 6px;
+      border-color: transparent #FFFFFF transparent transparent;
+      border-right-style: solid;
+      position: absolute;
+      top: 10px;
+      left: -12px;
+      z-index: 89; }
+    .f-dropdown.drop-right:after {
+      content: "";
+      display: block;
+      width: 0;
+      height: 0;
+      border: inset 7px;
+      border-color: transparent #cccccc transparent transparent;
+      border-right-style: solid;
+      position: absolute;
+      top: 9px;
+      left: -14px;
+      z-index: 88; }
+  .f-dropdown.drop-left {
+    position: absolute;
+    left: -9999px;
+    list-style: none;
+    margin-left: 0;
+    outline: none;
+    width: 100%;
+    max-height: none;
+    height: auto;
+    background: #FFFFFF;
+    border: solid 1px #cccccc;
+    font-size: 0.875rem;
+    z-index: 89;
+    margin-top: 0;
+    margin-left: -2px;
+    max-width: 200px; }
+    .f-dropdown.drop-left > *:first-child {
+      margin-top: 0; }
+    .f-dropdown.drop-left > *:last-child {
+      margin-bottom: 0; }
+    .f-dropdown.drop-left:before {
+      content: "";
+      display: block;
+      width: 0;
+      height: 0;
+      border: inset 6px;
+      border-color: transparent transparent transparent #FFFFFF;
+      border-left-style: solid;
+      position: absolute;
+      top: 10px;
+      right: -12px;
+      left: auto;
+      z-index: 89; }
+    .f-dropdown.drop-left:after {
+      content: "";
+      display: block;
+      width: 0;
+      height: 0;
+      border: inset 7px;
+      border-color: transparent transparent transparent #cccccc;
+      border-left-style: solid;
+      position: absolute;
+      top: 9px;
+      right: -14px;
+      left: auto;
+      z-index: 88; }
+  .f-dropdown.drop-top {
+    position: absolute;
+    left: -9999px;
+    list-style: none;
+    margin-left: 0;
+    outline: none;
+    width: 100%;
+    max-height: none;
+    height: auto;
+    background: #FFFFFF;
+    border: solid 1px #cccccc;
+    font-size: 0.875rem;
+    z-index: 89;
+    margin-top: -2px;
+    margin-left: 0;
+    max-width: 200px; }
+    .f-dropdown.drop-top > *:first-child {
+      margin-top: 0; }
+    .f-dropdown.drop-top > *:last-child {
+      margin-bottom: 0; }
+    .f-dropdown.drop-top:before {
+      content: "";
+      display: block;
+      width: 0;
+      height: 0;
+      border: inset 6px;
+      border-color: #FFFFFF transparent transparent transparent;
+      border-top-style: solid;
+      position: absolute;
+      top: auto;
+      bottom: -12px;
+      left: 10px;
+      right: auto;
+      z-index: 89; }
+    .f-dropdown.drop-top:after {
+      content: "";
+      display: block;
+      width: 0;
+      height: 0;
+      border: inset 7px;
+      border-color: #cccccc transparent transparent transparent;
+      border-top-style: solid;
+      position: absolute;
+      top: auto;
+      bottom: -14px;
+      left: 9px;
+      right: auto;
+      z-index: 88; }
+  .f-dropdown li {
+    font-size: 0.875rem;
+    cursor: pointer;
+    line-height: 1.125rem;
+    margin: 0; }
+    .f-dropdown li:hover, .f-dropdown li:focus {
+      background: #EEEEEE; }
+    .f-dropdown li.radius {
+      border-radius: 3px; }
+    .f-dropdown li a {
+      display: block;
+      padding: 0.5rem;
+      color: #555555; }
+  .f-dropdown.content {
+    position: absolute;
+    left: -9999px;
+    list-style: none;
+    margin-left: 0;
+    outline: none;
+    padding: 1.25rem;
+    width: 100%;
+    height: auto;
+    max-height: none;
+    background: #FFFFFF;
+    border: solid 1px #cccccc;
+    font-size: 0.875rem;
+    z-index: 89;
+    max-width: 200px; }
+    .f-dropdown.content > *:first-child {
+      margin-top: 0; }
+    .f-dropdown.content > *:last-child {
+      margin-bottom: 0; }
+  .f-dropdown.tiny {
+    max-width: 200px; }
+  .f-dropdown.small {
+    max-width: 300px; }
+  .f-dropdown.medium {
+    max-width: 500px; }
+  .f-dropdown.large {
+    max-width: 800px; }
+  .f-dropdown.mega {
+    width: 100% !important;
+    max-width: 100% !important; }
+    .f-dropdown.mega.open {
+      left: 0 !important; }
+
+table {
+  background: #FFFFFF;
+  margin-bottom: 1.25rem;
+  border: solid 1px #DDDDDD;
+  table-layout: auto; }
+  table caption {
+    background: transparent;
+    color: #222222;
+    font-size: 1rem;
+    font-weight: bold; }
+  table thead {
+    background: #F5F5F5; }
+    table thead tr th,
+    table thead tr td {
+      padding: 0.5rem 0.625rem 0.625rem;
+      font-size: 0.875rem;
+      font-weight: bold;
+      color: #222222; }
+  table tfoot {
+    background: #F5F5F5; }
+    table tfoot tr th,
+    table tfoot tr td {
+      padding: 0.5rem 0.625rem 0.625rem;
+      font-size: 0.875rem;
+      font-weight: bold;
+      color: #222222; }
+  table tr th,
+  table tr td {
+    padding: 0.5625rem 0.625rem;
+    font-size: 0.875rem;
+    color: #222222;
+    text-align: left; }
+  table tr.even, table tr.alt, table tr:nth-of-type(even) {
+    background: #F9F9F9; }
+  table thead tr th,
+  table tfoot tr th,
+  table tfoot tr td,
+  table tbody tr th,
+  table tbody tr td,
+  table tr td {
+    display: table-cell;
+    line-height: 1.125rem; }
+
+.range-slider {
+  position: relative;
+  border: 1px solid #DDDDDD;
+  margin: 1.25rem 0;
+  -ms-touch-action: none;
+  touch-action: none;
+  display: block;
+  width: 100%;
+  height: 1rem;
+  background: #FAFAFA; }
+  .range-slider.vertical-range {
+    position: relative;
+    border: 1px solid #DDDDDD;
+    margin: 1.25rem 0;
+    -ms-touch-action: none;
+    touch-action: none;
+    display: inline-block;
+    width: 1rem;
+    height: 12.5rem; }
+    .range-slider.vertical-range .range-slider-handle {
+      margin-top: 0;
+      margin-left: -0.5rem;
+      position: absolute;
+      bottom: -10.5rem; }
+    .range-slider.vertical-range .range-slider-active-segment {
+      width: 0.875rem;
+      height: auto;
+      bottom: 0; }
+  .range-slider.radius {
+    background: #FAFAFA;
+    border-radius: 3px; }
+    .range-slider.radius .range-slider-handle {
+      background: #008CBA;
+      border-radius: 3px; }
+      .range-slider.radius .range-slider-handle:hover {
+        background: #007ba4; }
+  .range-slider.round {
+    background: #FAFAFA;
+    border-radius: 1000px; }
+    .range-slider.round .range-slider-handle {
+      background: #008CBA;
+      border-radius: 1000px; }
+      .range-slider.round .range-slider-handle:hover {
+        background: #007ba4; }
+  .range-slider.disabled, .range-slider[disabled] {
+    background: #FAFAFA;
+    cursor: not-allowed;
+    opacity: 0.7; }
+    .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
+      background: #008CBA;
+      cursor: default;
+      opacity: 0.7; }
+      .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
+        background: #007ba4; }
+
+.range-slider-active-segment {
+  display: inline-block;
+  position: absolute;
+  height: 0.875rem;
+  background: #e5e5e5; }
+
+.range-slider-handle {
+  display: inline-block;
+  position: absolute;
+  z-index: 1;
+  top: -0.3125rem;
+  width: 2rem;
+  height: 1.375rem;
+  border: 1px solid none;
+  cursor: pointer;
+  -ms-touch-action: manipulation;
+  touch-action: manipulation;
+  background: #008CBA; }
+  .range-slider-handle:hover {
+    background: #007ba4; }
+
+[class*="block-grid-"] {
+  display: block;
+  padding: 0;
+  margin: 0 -0.625rem; }
+  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
+    content: " ";
+    display: table; }
+  [class*="block-grid-"]:after {
+    clear: both; }
+  [class*="block-grid-"] > li {
+    display: block;
+    height: auto;
+    float: left;
+    padding: 0 0.625rem 1.25rem; }
+
+@media only screen {
+  .small-block-grid-1 > li {
+    width: 100%;
+    list-style: none; }
+    .small-block-grid-1 > li:nth-of-type(1n) {
+      clear: none; }
+    .small-block-grid-1 > li:nth-of-type(1n+1) {
+      clear: both; }
+
+  .small-block-grid-2 > li {
+    width: 50%;
+    list-style: none; }
+    .small-block-grid-2 > li:nth-of-type(1n) {
+      clear: none; }
+    .small-block-grid-2 > li:nth-of-type(2n+1) {
+      clear: both; }
+
+  .small-block-grid-3 > li {
+    width: 33.33333%;
+    list-style: none; }
+    .small-block-grid-3 > li:nth-of-type(1n) {
+      clear: none; }
+    .small-block-grid-3 > li:nth-of-type(3n+1) {
+      clear: both; }
+
+  .small-block-grid-4 > li {
+    width: 25%;
+    list-style: none; }
+    .small-block-grid-4 > li:nth-of-type(1n) {
+      clear: none; }
+    .small-block-grid-4 > li:nth-of-type(4n+1) {
+      clear: both; }
+
+  .small-block-grid-5 > li {
+    width: 20%;
+    list-style: none; }
+    .small-block-grid-5 > li:nth-of-type(1n) {
+      clear: none; }
+    .small-block-grid-5 > li:nth-of-type(5n+1) {
+      clear: both; }
+
+  .small-block-grid-6 > li {
+    width: 16.66667%;
+    list-style: none; }
+    .small-block-grid-6 > li:nth-of-type(1n) {
+      clear: none; }
+    .small-block-grid-6 > li:nth-of-type(6n+1) {
+      clear: both; }
+
+  .small-block-grid-7 > li {
+    width: 14.28571%;
+    list-style: none; }
+    .small-block-grid-7 > li:nth-of-type(1n) {
+      clear: none; }
+    .small-block-grid-7 > li:nth-of-type(7n+1) {
+      clear: both; }
+
+  .small-block-grid-8 > li {
+    width: 12.5%;
+    list-style: none; }
+    .small-block-grid-8 > li:nth-of-type(1n) {
+      clear: none; }
+    .small-block-grid-8 > li:nth-of-type(8n+1) {
+      clear: both; }
+
+  .small-block-grid-9 > li {
+    width: 11.11111%;
+    list-style: none; }
+    .small-block-grid-9 > li:nth-of-type(1n) {
+      clear: none; }
+    .small-block-grid-9 > li:nth-of-type(9n+1) {
+      clear: both; }
+
+  .small-block-grid-10 > li {
+    width: 10%;
+    list-style: none; }
+    .small-block-grid-10 > li:nth-of-type(1n) {
+      clear: none; }
+    .small-block-grid-10 > li:nth-of-type(10n+1) {
+      clear: both; }
+
+  .small-block-grid-11 > li {
+    width: 9.09091%;
+    list-style: none; }
+    .small-block-grid-11 > li:nth-of-type(1n) {
+      clear: none; }
+    .small-block-grid-11 > li:nth-of-type(11n+1) {
+      clear: both; }
+
+  .small-block-grid-12 > li {
+    width: 8.33333%;
+    list-style: none; }
+    .small-block-grid-12 > li:nth-of-type(1n) {
+      clear: none; }
+    .small-block-grid-12 > li:nth-of-type(12n+1) {
+      clear: both; } }
+@media only screen and (min-width: 40.063em) {
+  .medium-block-grid-1 > li {
+    width: 100%;
+    list-style: none; }
+    .medium-block-grid-1 > li:nth-of-type(1n) {
+      clear: none; }
+    .medium-block-grid-1 > li:nth-of-type(1n+1) {
+      clear: both; }
+
+  .medium-block-grid-2 > li {
+    width: 50%;
+    list-style: none; }
+    .medium-block-grid-2 > li:nth-of-type(1n) {
+      clear: none; }
+    .medium-block-grid-2 > li:nth-of-type(2n+1) {
+      clear: both; }
+
+  .medium-block-grid-3 > li {
+    width: 33.33333%;
+    list-style: none; }
+    .medium-block-grid-3 > li:nth-of-type(1n) {
+      clear: none; }
+    .medium-block-grid-3 > li:nth-of-type(3n+1) {
+      clear: both; }
+
+  .medium-block-grid-4 > li {
+    width: 25%;
+    list-style: none; }
+    .medium-block-grid-4 > li:nth-of-type(1n) {
+      clear: none; }
+    .medium-block-grid-4 > li:nth-of-type(4n+1) {
+      clear: both; }
+
+  .medium-block-grid-5 > li {
+    width: 20%;
+    list-style: none; }
+    .medium-block-grid-5 > li:nth-of-type(1n) {
+      clear: none; }
+    .medium-block-grid-5 > li:nth-of-type(5n+1) {
+      clear: both; }
+
+  .medium-block-grid-6 > li {
+    width: 16.66667%;
+    list-style: none; }
+    .medium-block-grid-6 > li:nth-of-type(1n) {
+      clear: none; }
+    .medium-block-grid-6 > li:nth-of-type(6n+1) {
+      clear: both; }
+
+  .medium-block-grid-7 > li {
+    width: 14.28571%;
+    list-style: none; }
+    .medium-block-grid-7 > li:nth-of-type(1n) {
+      clear: none; }
+    .medium-block-grid-7 > li:nth-of-type(7n+1) {
+      clear: both; }
+
+  .medium-block-grid-8 > li {
+    width: 12.5%;
+    list-style: none; }
+    .medium-block-grid-8 > li:nth-of-type(1n) {
+      clear: none; }
+    .medium-block-grid-8 > li:nth-of-type(8n+1) {
+      clear: both; }
+
+  .medium-block-grid-9 > li {
+    width: 11.11111%;
+    list-style: none; }
+    .medium-block-grid-9 > li:nth-of-type(1n) {
+      clear: none; }
+    .medium-block-grid-9 > li:nth-of-type(9n+1) {
+      clear: both; }
+
+  .medium-block-grid-10 > li {
+    width: 10%;
+    list-style: none; }
+    .medium-block-grid-10 > li:nth-of-type(1n) {
+      clear: none; }
+    .medium-block-grid-10 > li:nth-of-type(10n+1) {
+      clear: both; }
+
+  .medium-block-grid-11 > li {
+    width: 9.09091%;
+    list-style: none; }
+    .medium-block-grid-11 > li:nth-of-type(1n) {
+      clear: none; }
+    .medium-block-grid-11 > li:nth-of-type(11n+1) {
+      clear: both; }
+
+  .medium-block-grid-12 > li {
+    width: 8.33333%;
+    list-style: none; }
+    .medium-block-grid-12 > li:nth-of-type(1n) {
+      clear: none; }
+    .medium-block-grid-12 > li:nth-of-type(12n+1) {
+      clear: both; } }
+@media only screen and (min-width: 64.063em) {
+  .large-block-grid-1 > li {
+    width: 100%;
+    list-style: none; }
+    .large-block-grid-1 > li:nth-of-type(1n) {
+      clear: none; }
+    .large-block-grid-1 > li:nth-of-type(1n+1) {
+      clear: both; }
+
+  .large-block-grid-2 > li {
+    width: 50%;
+    list-style: none; }
+    .large-block-grid-2 > li:nth-of-type(1n) {
+      clear: none; }
+    .large-block-grid-2 > li:nth-of-type(2n+1) {
+      clear: both; }
+
+  .large-block-grid-3 > li {
+    width: 33.33333%;
+    list-style: none; }
+    .large-block-grid-3 > li:nth-of-type(1n) {
+      clear: none; }
+    .large-block-grid-3 > li:nth-of-type(3n+1) {
+      clear: both; }
+
+  .large-block-grid-4 > li {
+    width: 25%;
+    list-style: none; }
+    .large-block-grid-4 > li:nth-of-type(1n) {
+      clear: none; }
+    .large-block-grid-4 > li:nth-of-type(4n+1) {
+      clear: both; }
+
+  .large-block-grid-5 > li {
+    width: 20%;
+    list-style: none; }
+    .large-block-grid-5 > li:nth-of-type(1n) {
+      clear: none; }
+    .large-block-grid-5 > li:nth-of-type(5n+1) {
+      clear: both; }
+
+  .large-block-grid-6 > li {
+    width: 16.66667%;
+    list-style: none; }
+    .large-block-grid-6 > li:nth-of-type(1n) {
+      clear: none; }
+    .large-block-grid-6 > li:nth-of-type(6n+1) {
+      clear: both; }
+
+  .large-block-grid-7 > li {
+    width: 14.28571%;
+    list-style: none; }
+    .large-block-grid-7 > li:nth-of-type(1n) {
+      clear: none; }
+    .large-block-grid-7 > li:nth-of-type(7n+1) {
+      clear: both; }
+
+  .large-block-grid-8 > li {
+    width: 12.5%;
+    list-style: none; }
+    .large-block-grid-8 > li:nth-of-type(1n) {
+      clear: none; }
+    .large-block-grid-8 > li:nth-of-type(8n+1) {
+      clear: both; }
+
+  .large-block-grid-9 > li {
+    width: 11.11111%;
+    list-style: none; }
+    .large-block-grid-9 > li:nth-of-type(1n) {
+      clear: none; }
+    .large-block-grid-9 > li:nth-of-type(9n+1) {
+      clear: both; }
+
+  .large-block-grid-10 > li {
+    width: 10%;
+    list-style: none; }
+    .large-block-grid-10 > li:nth-of-type(1n) {
+      clear: none; }
+    .large-block-grid-10 > li:nth-of-type(10n+1) {
+      clear: both; }
+
+  .large-block-grid-11 > li {
+    width: 9.09091%;
+    list-style: none; }
+    .large-block-grid-11 > li:nth-of-type(1n) {
+      clear: none; }
+    .large-block-grid-11 > li:nth-of-type(11n+1) {
+      clear: both; }
+
+  .large-block-grid-12 > li {
+    width: 8.33333%;
+    list-style: none; }
+    .large-block-grid-12 > li:nth-of-type(1n) {
+      clear: none; }
+    .large-block-grid-12 > li:nth-of-type(12n+1) {
+      clear: both; } }
+.flex-video {
+  position: relative;
+  padding-top: 1.5625rem;
+  padding-bottom: 67.5%;
+  height: 0;
+  margin-bottom: 1rem;
+  overflow: hidden; }
+  .flex-video.widescreen {
+    padding-bottom: 56.34%; }
+  .flex-video.vimeo {
+    padding-top: 0; }
+  .flex-video iframe,
+  .flex-video object,
+  .flex-video embed,
+  .flex-video video {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%; }
+
+.keystroke,
+kbd {
+  background-color: #ededed;
+  border-color: #dddddd;
+  color: #222222;
+  border-style: solid;
+  border-width: 1px;
+  margin: 0;
+  font-family: "Consolas", "Menlo", "Courier", monospace;
+  font-size: inherit;
+  padding: 0.125rem 0.25rem 0;
+  border-radius: 3px; }
+
+.switch {
+  padding: 0;
+  border: none;
+  position: relative;
+  outline: 0;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none; }
+  .switch label {
+    display: block;
+    margin-bottom: 1rem;
+    position: relative;
+    color: transparent;
+    background: #DDDDDD;
+    text-indent: 100%;
+    width: 4rem;
+    height: 2rem;
+    cursor: pointer;
+    transition: left 0.15s ease-out; }
+  .switch input {
+    opacity: 0;
+    position: absolute;
+    top: 9px;
+    left: 10px;
+    padding: 0; }
+    .switch input + label {
+      margin-left: 0;
+      margin-right: 0; }
+  .switch label:after {
+    content: "";
+    display: block;
+    background: #FFFFFF;
+    position: absolute;
+    top: .25rem;
+    left: .25rem;
+    width: 1.5rem;
+    height: 1.5rem;
+    -webkit-transition: left 0.15s ease-out;
+    -moz-transition: left 0.15s ease-out;
+    -o-transition: translate3d(0, 0, 0);
+    transition: left 0.15s ease-out;
+    -webkit-transform: translate3d(0, 0, 0);
+    -moz-transform: translate3d(0, 0, 0);
+    -o-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0); }
+  .switch input:checked + label {
+    background: #008CBA; }
+  .switch input:checked + label:after {
+    left: 2.25rem; }
+  .switch label {
+    width: 4rem;
+    height: 2rem; }
+  .switch label:after {
+    width: 1.5rem;
+    height: 1.5rem; }
+  .switch input:checked + label:after {
+    left: 2.25rem; }
+  .switch label {
+    color: transparent;
+    background: #DDDDDD; }
+  .switch label:after {
+    background: #FFFFFF; }
+  .switch input:checked + label {
+    background: #008CBA; }
+  .switch.large label {
+    width: 5rem;
+    height: 2.5rem; }
+  .switch.large label:after {
+    width: 2rem;
+    height: 2rem; }
+  .switch.large input:checked + label:after {
+    left: 2.75rem; }
+  .switch.small label {
+    width: 3.5rem;
+    height: 1.75rem; }
+  .switch.small label:after {
+    width: 1.25rem;
+    height: 1.25rem; }
+  .switch.small input:checked + label:after {
+    left: 2rem; }
+  .switch.tiny label {
+    width: 3rem;
+    height: 1.5rem; }
+  .switch.tiny label:after {
+    width: 1rem;
+    height: 1rem; }
+  .switch.tiny input:checked + label:after {
+    left: 1.75rem; }
+  .switch.radius label {
+    border-radius: 4px; }
+  .switch.radius label:after {
+    border-radius: 3px; }
+  .switch.round {
+    border-radius: 1000px; }
+    .switch.round label {
+      border-radius: 2rem; }
+    .switch.round label:after {
+      border-radius: 2rem; }
+
+/* small displays */
+@media only screen {
+  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
+    display: inherit !important; }
+
+  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
+    display: none !important; }
+
+  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
+    position: static !important;
+    height: auto;
+    width: auto;
+    overflow: visible;
+    clip: auto; }
+
+  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
+    position: absolute !important;
+    height: 1px;
+    width: 1px;
+    overflow: hidden;
+    clip: rect(1px, 1px, 1px, 1px); }
+
+  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
+    display: table !important; }
+
+  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
+    display: table-header-group !important; }
+
+  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
+    display: table-row-group !important; }
+
+  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
+    display: table-row; }
+
+  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
+    display: table-cell !important; } }
+/* medium displays */
+@media only screen and (min-width: 40.063em) {
+  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
+    display: inherit !important; }
+
+  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
+    display: none !important; }
+
+  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
+    position: static !important;
+    height: auto;
+    width: auto;
+    overflow: visible;
+    clip: auto; }
+
+  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
+    position: absolute !important;
+    height: 1px;
+    width: 1px;
+    overflow: hidden;
+    clip: rect(1px, 1px, 1px, 1px); }
+
+  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
+    display: table !important; }
+
+  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
+    display: table-header-group !important; }
+
+  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
+    display: table-row-group !important; }
+
+  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
+    display: table-row; }
+
+  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
+    display: table-cell !important; } }
+/* large displays */
+@media only screen and (min-width: 64.063em) {
+  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
+    display: inherit !important; }
+
+  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
+    display: none !important; }
+
+  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
+    position: static !important;
+    height: auto;
+    width: auto;
+    overflow: visible;
+    clip: auto; }
+
+  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
+    position: absolute !important;
+    height: 1px;
+    width: 1px;
+    overflow: hidden;
+    clip: rect(1px, 1px, 1px, 1px); }
+
+  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
+    display: table !important; }
+
+  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
+    display: table-header-group !important; }
+
+  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
+    display: table-row-group !important; }
+
+  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
+    display: table-row; }
+
+  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
+    display: table-cell !important; } }
+/* xlarge displays */
+@media only screen and (min-width: 90.063em) {
+  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
+    display: inherit !important; }
+
+  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
+    display: none !important; }
+
+  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
+    position: static !important;
+    height: auto;
+    width: auto;
+    overflow: visible;
+    clip: auto; }
+
+  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
+    position: absolute !important;
+    height: 1px;
+    width: 1px;
+    overflow: hidden;
+    clip: rect(1px, 1px, 1px, 1px); }
+
+  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
+    display: table !important; }
+
+  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
+    display: table-header-group !important; }
+
+  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
+    display: table-row-group !important; }
+
+  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
+    display: table-row; }
+
+  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
+    display: table-cell !important; } }
+/* xxlarge displays */
+@media only screen and (min-width: 120.063em) {
+  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
+    display: inherit !important; }
+
+  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
+    display: none !important; }
+
+  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
+    position: static !important;
+    height: auto;
+    width: auto;
+    overflow: visible;
+    clip: auto; }
+
+  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
+    position: absolute !important;
+    height: 1px;
+    width: 1px;
+    overflow: hidden;
+    clip: rect(1px, 1px, 1px, 1px); }
+
+  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
+    display: table !important; }
+
+  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
+    display: table-header-group !important; }
+
+  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
+    display: table-row-group !important; }
+
+  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
+    display: table-row; }
+
+  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
+    display: table-cell !important; } }
+/* Orientation targeting */
+.show-for-landscape,
+.hide-for-portrait {
+  display: inherit !important; }
+
+.hide-for-landscape,
+.show-for-portrait {
+  display: none !important; }
+
+/* Specific visibility for tables */
+table.hide-for-landscape, table.show-for-portrait {
+  display: table !important; }
+
+thead.hide-for-landscape, thead.show-for-portrait {
+  display: table-header-group !important; }
+
+tbody.hide-for-landscape, tbody.show-for-portrait {
+  display: table-row-group !important; }
+
+tr.hide-for-landscape, tr.show-for-portrait {
+  display: table-row !important; }
+
+td.hide-for-landscape, td.show-for-portrait,
+th.hide-for-landscape,
+th.show-for-portrait {
+  display: table-cell !important; }
+
+@media only screen and (orientation: landscape) {
+  .show-for-landscape,
+  .hide-for-portrait {
+    display: inherit !important; }
+
+  .hide-for-landscape,
+  .show-for-portrait {
+    display: none !important; }
+
+  /* Specific visibility for tables */
+  table.show-for-landscape, table.hide-for-portrait {
+    display: table !important; }
+
+  thead.show-for-landscape, thead.hide-for-portrait {
+    display: table-header-group !important; }
+
+  tbody.show-for-landscape, tbody.hide-for-portrait {
+    display: table-row-group !important; }
+
+  tr.show-for-landscape, tr.hide-for-portrait {
+    display: table-row !important; }
+
+  td.show-for-landscape, td.hide-for-portrait,
+  th.show-for-landscape,
+  th.hide-for-portrait {
+    display: table-cell !important; } }
+@media only screen and (orientation: portrait) {
+  .show-for-portrait,
+  .hide-for-landscape {
+    display: inherit !important; }
+
+  .hide-for-portrait,
+  .show-for-landscape {
+    display: none !important; }
+
+  /* Specific visibility for tables */
+  table.show-for-portrait, table.hide-for-landscape {
+    display: table !important; }
+
+  thead.show-for-portrait, thead.hide-for-landscape {
+    display: table-header-group !important; }
+
+  tbody.show-for-portrait, tbody.hide-for-landscape {
+    display: table-row-group !important; }
+
+  tr.show-for-portrait, tr.hide-for-landscape {
+    display: table-row !important; }
+
+  td.show-for-portrait, td.hide-for-landscape,
+  th.show-for-portrait,
+  th.hide-for-landscape {
+    display: table-cell !important; } }
+/* Touch-enabled device targeting */
+.show-for-touch {
+  display: none !important; }
+
+.hide-for-touch {
+  display: inherit !important; }
+
+.touch .show-for-touch {
+  display: inherit !important; }
+
+.touch .hide-for-touch {
+  display: none !important; }
+
+/* Specific visibility for tables */
+table.hide-for-touch {
+  display: table !important; }
+
+.touch table.show-for-touch {
+  display: table !important; }
+
+thead.hide-for-touch {
+  display: table-header-group !important; }
+
+.touch thead.show-for-touch {
+  display: table-header-group !important; }
+
+tbody.hide-for-touch {
+  display: table-row-group !important; }
+
+.touch tbody.show-for-touch {
+  display: table-row-group !important; }
+
+tr.hide-for-touch {
+  display: table-row !important; }
+
+.touch tr.show-for-touch {
+  display: table-row !important; }
+
+td.hide-for-touch {
+  display: table-cell !important; }
+
+.touch td.show-for-touch {
+  display: table-cell !important; }
+
+th.hide-for-touch {
+  display: table-cell !important; }
+
+.touch th.show-for-touch {
+  display: table-cell !important; }
+
+/*
+ * Print styles.
+ *
+ * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
+ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
+*/
+.print-only {
+  display: none !important; }
+
+@media print {
+  * {
+    background: transparent !important;
+    color: #000000 !important;
+    /* Black prints faster: h5bp.com/s */
+    box-shadow: none !important;
+    text-shadow: none !important; }
+
+  .show-for-print {
+    display: block; }
+
+  .hide-for-print {
+    display: none; }
+
+  table.show-for-print {
+    display: table !important; }
+
+  thead.show-for-print {
+    display: table-header-group !important; }
+
+  tbody.show-for-print {
+    display: table-row-group !important; }
+
+  tr.show-for-print {
+    display: table-row !important; }
+
+  td.show-for-print {
+    display: table-cell !important; }
+
+  th.show-for-print {
+    display: table-cell !important; }
+
+  a,
+  a:visited {
+    text-decoration: underline; }
+
+  a[href]:after {
+    content: " (" attr(href) ")"; }
+
+  abbr[title]:after {
+    content: " (" attr(title) ")"; }
+
+  .ir a:after,
+  a[href^="javascript:"]:after,
+  a[href^="#"]:after {
+    content: ""; }
+
+  pre,
+  blockquote {
+    border: 1px solid #999999;
+    page-break-inside: avoid; }
+
+  thead {
+    display: table-header-group;
+    /* h5bp.com/t */ }
+
+  tr,
+  img {
+    page-break-inside: avoid; }
+
+  img {
+    max-width: 100% !important; }
+
+  @page {
+    margin: 0.5cm; }
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3; }
+
+  h2,
+  h3 {
+    page-break-after: avoid; }
+
+  .hide-on-print {
+    display: none !important; }
+
+  .print-only {
+    display: block !important; }
+
+  .hide-for-print {
+    display: none !important; }
+
+  .show-for-print {
+    display: inherit !important; } }
+/* Print visibility */
+@media print {
+  .show-for-print {
+    display: block; }
+
+  .hide-for-print {
+    display: none; }
+
+  table.show-for-print {
+    display: table !important; }
+
+  thead.show-for-print {
+    display: table-header-group !important; }
+
+  tbody.show-for-print {
+    display: table-row-group !important; }
+
+  tr.show-for-print {
+    display: table-row !important; }
+
+  td.show-for-print {
+    display: table-cell !important; }
+
+  th.show-for-print {
+    display: table-cell !important; } }
diff --git a/stat_tracker/static/css/normalize.css b/stat_tracker/static/css/normalize.css
new file mode 100644
index 0000000..458eea1
--- /dev/null
+++ b/stat_tracker/static/css/normalize.css
@@ -0,0 +1,427 @@
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+  font-family: sans-serif; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+  margin: 0;
+}
+
+/* HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+  display: none;
+}
+
+/* Links
+   ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+  outline: 0;
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+  font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+  font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+  border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+  margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+  overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit; /* 1 */
+  font: inherit; /* 2 */
+  margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+  overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+  text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+  cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+  line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box; /* 2 */
+  box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+  border: 0; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+  font-weight: bold;
+}
+
+/* Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td,
+th {
+  padding: 0;
+}
diff --git a/stat_tracker/static/css/style.css b/stat_tracker/static/css/style.css
new file mode 100644
index 0000000..f85bbb9
--- /dev/null
+++ b/stat_tracker/static/css/style.css
@@ -0,0 +1,87 @@
+body            { font-family: sans-serif; background: #eee; text-align: center }
+a               { color: #377ba8; }
+h1, h2, li      { color: #000; }
+h1, h2, li      { font-family: 'Georgia', serif; margin: 0; }
+h2, li          { font-size: 1.2em; }
+
+.page           { margin: 2em auto; width: 50em; border: 5px solid #ccc;
+                  padding: 0.8em; background: white; }
+.entries        { list-style: none; margin: 0; padding: 0; }
+.entries li     { margin: 0.8em 1.2em; }
+.entries li h2  { margin-left: 1em; }
+.add-entry      { font-size: 0.9em; border-bottom: 1px solid #ccc; }
+.add-entry dl   { font-weight: bold; }
+.metanav        { text-align: left; font-size: 0.8em; padding: 0.3em;
+                  margin-bottom: 1em; background: #fafafa; }
+.align-right    { text-align: right; color: #000000}
+.flash          { background: #cee5F5; padding: 0.5em;
+                  border: 1px solid #aacbe2; }
+.error          { background: #f0d6d6; padding: 0.5em; }
+
+div.ui-btn, button, input[type="submit"] {
+    background:#09C;
+    color:#fff;
+    font-family: Tahoma, Geneva, sans-serif;
+    -webkit-border-radius: 15px;
+    -moz-border-radius: 15px;
+    border-radius: 15px;
+    border: 1p solid #999;
+    margin-top: 2px
+}
+div.ui-btn, button:hover, input[type="submit"]:hover{
+    background:#cccccc;
+    color:#09C;
+}
+div.ui-btn, input[class="edit"] {
+    background:#cccccc;
+    color:#09C;
+    font-family: Tahoma, Geneva, sans-serif;
+    -webkit-border-radius: 15px;
+    -moz-border-radius: 15px;
+    border-radius: 15px;
+    border: 1p solid #999;
+    margin-top: 2px
+}
+
+form {
+    background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
+    background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
+    margin: auto;
+    font-family: Tahoma, Geneva, sans-serif;
+    font-size: 14px;
+    font-style: italic;
+    line-height: 24px;
+    font-weight: bold;
+    color: #000;
+    text-decoration: none;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    padding:10px;
+    border: 1px solid #999;
+    border: inset 1px solid #333;
+    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
+    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
+    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
+}
+
+input    {
+    margin:5px;
+    bottom: 5em;
+    display:line;
+    border: 2px solid #999;
+    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
+    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
+    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
+}
+
+.left {
+    width: 30%;
+    float: left;
+    text-align: right;
+}
+.right {
+    width: 65%;
+    margin-left: 10px;
+    float:left;
+}
diff --git a/stat_tracker/templates/.DS_Store b/stat_tracker/templates/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..4178e5f0cea7c1302a24f1cebfa4c835e36f90dc
GIT binary patch
literal 6148
zcmeHKO-lnY5PhRPlop{!k2!i0{0B>^f>-?mT3b|DT~G^p+aKr;@Zad04~yMyuOc!7
z$(tnelFfrnG5}<{TATnA07Di<QK!eWyLV_Wf(JygIbLy$JG|flb<ae9u}i;wgnK+<
zfhB%?|9Rcq%<E>(aTVu`<>=Fl9x&z(uknTkEADr_>kjL^!y1v*;MUgL!I6&+=KxRq
zGUYsTr6pUtm=_%;n`x;)Dv%1K0;#~30=%=;hGWO9Q-M?<6<8~v=R;vptO8p{J33fd
z3P99nv>APUE-R-5R)MV}M`+?yqEjVO3~@U9OT<-yt)tT+k$gz3{GGgrt<L$2g+nUG
ztW$whU{is8Z%*|7Kjkmeo8)g&vXu&?0{=__8O$zcQ*J8m)~)U7U0YbLSkyGGRfk4@
l;}O7yo+F1g=;K9w##Mo>qt2rJMknS&zy!%E75D`Oz5wj@Mm+!k

literal 0
HcmV?d00001

diff --git a/stat_tracker/templates/add_activity.html b/stat_tracker/templates/add_activity.html
new file mode 100644
index 0000000..918d756
--- /dev/null
+++ b/stat_tracker/templates/add_activity.html
@@ -0,0 +1,18 @@
+{% extends "layout.html" %}
+{% block body %}
+    <div class="row">
+        <div class="large-7 large-centered columns"><h2>Please enter a new activity:</h2></div>
+    </div>
+    <form method=POST action="{{ url_for('stats.add') }}">
+        {{ form.hidden_tag() }}
+        <div class="row">
+            <div class="large-1 columns">{{ form.title.label }}</div>
+            <div class="large-11 columns">{{ form.title(size=10) }}</div>
+        </div>
+        <div class="row">
+            <div class="large-1 large-centered columns">
+                <input type=submit value=Submit>
+            </div>
+        </div
+    </form>
+{% endblock %}
diff --git a/stat_tracker/templates/index.html b/stat_tracker/templates/index.html
new file mode 100644
index 0000000..b6ec00e
--- /dev/null
+++ b/stat_tracker/templates/index.html
@@ -0,0 +1,28 @@
+{% extends "layout.html" %}
+{% block body %}
+<div class="row">
+    <div class="large-3 columns"></div>
+    <div class="large-6  large-centered columns">
+        <h2>Your current activities:</h2>
+    </div>
+    <div class="large-3 columns"></div>
+</div>
+{% for activity in activities.items %}
+    <div class="row">
+        <div class="large-2 large-centered columns"><a href="{{ url_for('stats.update_activity', activity_id=activity.id) }}">{{ activity.title }}</a></div>
+        <!--<div class="large-3 columns"><button class="tiny" onclick="location.href='{{ url_for('stats.edit_activity', activity_id=activity.id)}}'">Edit</button>-->
+        <!--<button class="tiny" onclick="location.href='{{ url_for('stats.delete_activity', activity_id=activity.id)}}'">Delete</button>-->
+        <!--<button class="tiny" onclick="location.href='{{ url_for('stats.activity_data', activity_id=activity.id)}}'">Data</button></div>-->
+    </div>
+{% endfor %}
+<div class="row">
+    <div class="large-5 large-centered columns">
+        {% if activities.prev_num > 0 %}
+            <button class="tiny" onclick="location.href='{{ url_for('stats.user_activities', page=activities.prev_num)}}'">Previous</button>
+        {% endif %}
+        {% if activities.next_num <= activities.pages %}
+            <button class="tiny" onclick="location.href='{{ url_for('stats.user_activities', page=activities.next_num)}}'">Next</button>
+        {% endif %}
+    </div>
+</div>
+{% endblock %}
diff --git a/stat_tracker/templates/layout.html b/stat_tracker/templates/layout.html
new file mode 100644
index 0000000..a0eade9
--- /dev/null
+++ b/stat_tracker/templates/layout.html
@@ -0,0 +1,49 @@
+<!doctype html>
+<head>
+    <title>Stat Tracker</title>
+    <link rel=stylesheet type=text/css href="{{ url_for('static', filename='css/normalize.css') }}">
+    <link rel=stylesheet type=text/css href="{{ url_for('static', filename='css/foundation.css') }}">
+</head>
+<div class="row">
+    <div class="large-14 columns">
+        <nav class="top-bar">
+            <ul class="title-area">
+                <li class="name">
+                    <h1><a href="{{ url_for('stats.index') }}">Stat Tracker</a></h1>
+                </li>
+            </ul>
+            <section class="top-bar-section">
+            {% if current_user.is_authenticated() %}
+                <ul class="right">
+                    <li class="divider"></li>
+                    <li class="active"><a href="{{ url_for('users.logout') }}">Log Out</a></li>
+                    <li class="divider"></li>
+                </ul>
+                <ul class="left">
+                    <li class="divider"></li>
+                    <li class="active"><a href="{{ url_for('stats.add') }}">Add New Activity</a></li>
+                </ul>
+
+            {% else %}
+                <ul class="right">
+                    <li class="divider"></li>
+                    <li class="active"><a href="{{ url_for('users.create_user') }}">Register</a></li>
+                    <li class="divider"></li>
+                    <li class="active"><a href="{{ url_for('users.login') }}">Log In</a></li>
+                    <li class="divider"></li>
+                </ul>
+            {% endif %}
+            </section>
+        </nav>
+    </div>
+</div>
+<div class="row">
+    <div class="large-9 columns"></div>
+    <div class="large-3 columns">
+        {% if current_user.is_authenticated() %}
+            Welcome Back, {{ current_user.name }}!
+        {% endif %}
+    </div>
+</div>
+{% block body %}
+{% endblock %}
diff --git a/stat_tracker/templates/login.html b/stat_tracker/templates/login.html
new file mode 100644
index 0000000..7487b82
--- /dev/null
+++ b/stat_tracker/templates/login.html
@@ -0,0 +1,24 @@
+{% extends "layout.html" %}
+{% block body %}
+    <div class="row">
+        <div class="large-2 large-centered columns"><h2>Login:</h2></div>
+    </div>
+    <form method=POST action="{{ url_for('users.login') }}">
+        {{ form.hidden_tag() }}
+        <div class="row">
+            <div class="large-1 large-offset-3 columns">{{ form.email.label }}</div>
+            <div class="large-6 columns">{{ form.email(size=15)}}</div>
+            <div class="large-2 columns"></div>
+        </div>
+        <div class="row">
+            <div class="large-1 large-offset-3 columns">{{ form.password.label }}</div>
+            <div class="large-6 columns">{{ form.password(size=15)}}</div>
+            <div class="large-2 columns"></div>
+        </div>
+        <div class="row">
+            <div class="large-1 large-centered columns">
+                <input type=submit value="Log In">
+            </div>
+        </div>
+    </form>
+{% endblock %}
diff --git a/stat_tracker/templates/register.html b/stat_tracker/templates/register.html
new file mode 100644
index 0000000..66915ec
--- /dev/null
+++ b/stat_tracker/templates/register.html
@@ -0,0 +1,36 @@
+{% extends "layout.html" %}
+{% block body %}
+    <div class="row">
+        <div class="large-5 large-centered columns">
+            <h2>Account Registration</h2>
+        </div>
+    </div>
+    <form method=POST action="{{ url_for('users.create_user') }}">
+        {{ form.hidden_tag() }}
+        <div class="row">
+            <div class="large-1 large-offset-3 columns">{{ form.name.label }}</div>
+            <div class="large-6 columns">{{ form.name(size=20) }}</div>
+            <div class="large-2 columns"></div>
+        </div>
+        <div class="row">
+            <div class="large-1 large-offset-3 columns">{{ form.email.label }}</div>
+            <div class="large-6 columns">{{ form.email(size=20)}}</div>
+            <div class="large-2 columns"></div>
+        </div>
+        <div class="row">
+            <div class="large-1 large-offset-3 columns">{{ form.password.label }}</div>
+            <div class="large-6 columns">{{ form.password(size=20)}}</div>
+            <div class="large-2 columns"></div>
+        </div>
+        <div class="row">
+            <div class="large-2 large-offset-2 columns">{{ form.password_verification.label }}</div>
+            <div class="large-6 columns">{{ form.password_verification(size=20) }}</div>
+            <div class="large-2 columns"></div>
+        </div>
+        <div class="row">
+            <div class="large-1 large-centered columns">
+                <input type=submit value=Register>
+            </div>
+        </div>
+    </form>
+{% endblock %}
diff --git a/stat_tracker/views/.DS_Store b/stat_tracker/views/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..f12cf2d3ad7f36d05822a32dcfccf8f1a16b5d98
GIT binary patch
literal 6148
zcmeHKOG*Pl5PhXt3}lm~%U-$?yulEn;8qWyNembWNib%S-5k&ZcpH87QJl%(QbekT
zs@I>Y{ydoOE&wv#KVAYO02NhHw9q5k+}m{$&I6*@7)!k1p5FzwJp=v4CSCi`*1W_T
z-`9V*S#9RC)n-Ny(j&LT^LG>5h(~R4z#LQR6Bas7I||pGs0urBG^Os0rS2?mNB(<y
zF7Vv%kJpaBEiFwlkPIXP$v`sj0|UIXRjQ$5+GHRZNCv(b(DR{C73;vp(T)xpO96=b
zj5c9ea|w+pfpuWx$R3J#DA7YDQVj8MwwLg$0~<#VheYxrG4p5gA~rk6FXj%Z9n&TQ
z$v~TdQ?HKn{=ecc)0^bCL$a0(Bm@790U1p0CSz_Y?$)F2>0Mi>4^$QPYqUUNx%CKO
iMbD8l>-7GjW%|{DjiZjD?G{eVhky~1CK>nz20j2tJ41v3

literal 0
HcmV?d00001

diff --git a/stat_tracker/views/__init__.py b/stat_tracker/views/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/stat_tracker/views/__pycache__/__init__.cpython-34.pyc b/stat_tracker/views/__pycache__/__init__.cpython-34.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..c4d8ef21c193b1608eab27f0a6e104338d4c876c
GIT binary patch
literal 155
zcmaFI!^`z@^ZO76Ab1QSV1N<GZ~)?B79f$rz!0p-=(m!g2qcUketGDJ7N-^!>nG+U
z=A{>978j?Ml;~#`<>yr<7NzJHmn4?xmJ}r>XQvi{Iq@(~S!QZ^v3`7fW?p7Ve7s&k
V<t+}I-29Z%oK!oI4aGpr002)`DtZ6_

literal 0
HcmV?d00001

diff --git a/stat_tracker/views/__pycache__/stats.cpython-34.pyc b/stat_tracker/views/__pycache__/stats.cpython-34.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..e2a18733552e1faf8f31e09afdd43725173dbb6e
GIT binary patch
literal 2776
zcmaJ@OK;mo5S}HeH*LwXt=O@XI0;&SC~BpE(MOsFZ5}OpaSA9!0Rja<i))(-DJr`w
zCsN~+`xA2NKj>fDYfriK&|^-W*)?q?EkcOPeaz0zeDlq${`QxeZurmB*L8ruVBx7?
z|66?J9}FPDAA<}aXAm;T9S9xBT?k#sJqSI>D-c#7uR>Ubyar(n@;ZcdV6@YLtO0ow
z!Y1S`2wQg6h0KTChtRiU53(i5mmyrX;|gSL7<C|Afussa4YDres}Qc@GLGwztwFvH
z;X33!2zz$60ofJEHz3@Ad=tV=V4OkH1b!9H(C97TTQJ&&qy=X<??bW#zXSEdYvs~1
z4S5riHYA<%RT8*f3ZOk*NLC?PgChrp840gL(pwO|Q3_uvwQWGMxgfAp3ZP;3xGhMw
z7X)sW0@q4`>yX@75V!?N1qQ*+8wy%b*Nq3+lutxDR=O?tIN>5vJfCE-;<|E}#qwC!
z1y54Jhf3E3e?H|BJ5!NGhlS8J$)!w-v2IA*937?^4;;Om6-VhfB5B;1Xn!~rs9Z%;
z$wk0)Jwf#<%{lgK4`zzXAD`^MamXU3{qKe<JxSH<`$FWXtX___H&C&{87Dc=zOgOh
zLKH&kio_N9mi33^R{0PaAL1)N$3_8+7@Pr!Tc8|JE^!k{mberQM00RH>k)D^MiLH!
z%Km)aDBmU9quAP(a;d#Ze8k@%&0*f6HMwiN4m{DqIo(NR6i?MLx}6Tu-9(T%qK3_%
zAU3H_&D+QQpJ{VH&f@WrNTuXT^;1!dXR%27bo8f6#KUJ?m_bwyPE!6tnkl(EndwT3
zv3uD@jk1ajI6mt+VheloR{tJ`_b!=xe@OPyLtvAj!RH(7SbRnZ2qSPt2m`QD1zwp{
zM3fSbsB^}gQxw2dGTHTtpkjldzOO6Ai!m3vK0%laG)>g18zw?gF;(Bso5sf7W0hyR
zd5L6D6CDz*Ah*O!H;_aMbsWqrkWQMQ(ijPaC<+%P14s1mBX+2{KvG=Ap>DqyrYksU
z5pg%zIujq^c<%M%B+<2;tK%Y(+Wq12Q|<lqWbkx|tL7niC{zZX*VsXL&Hzq<@Hpqu
z3GoQgq8S4ivPo57R3%9SOx0ji$G%H|HDJ_)Q40)Uz|O}$i88fB;3DOiS_Xv$gkYxM
zKy^sFSt;w888b^xLS3aQ<JzN)65D9#e7nq-9XTBiF+C5bSvK22k9l%)-m+vik(jUG
zWJ&3njf;m_od;b(Ow!$xI7>-$RE#4zJ;+mKLL~xPr88sUQ@1)*!*TJ#1Weq<8PTN%
zZwJsWVO<>-Iqmjn`XUj;Dh*w1Fr=U0Cv2KiOi6h!vZ9acH}I7ddvF`fXI*@K)?rJm
z$vRGx8JYQJKj9fy+|vG>XR|0xF4<3J(6JBkmA_%L$bLc?sgHF51CF8dDBv~|FcPN@
zyu40feDrG%PBF?=7@0u7qCx`f`5ydoIY*Tq!)j$3Hrh>4Evh`Yg1<rF?i<M72~FUO
z6*NoSq~;bj2xFGnJaLb>TEMqzy%l#z^a9$z)2#*9#Tx0TVihk$qCFzPd-&?M)pNlI
z(kGX(0e1_LUSewoY4HWlAjZ=P5#s|G6TTN1e};n#j4h=JT1*>+77L5XB3p0>b<8U&
zzRtd`mrev#OFcqFHxYuU5YgV9J&O}TB<PU96?@eGk{WXQKW<vXFWkI`GLrZJZkLI>
z_?_?c%R?ig_y>HXGC_ME;w#C9|Mk&cG-auD_vhVr^qa&p2IJj9mC#20E9wz|m>ZWa
zy;ts*-qG|3r7wN?n)cqdxA-$brW$n%IY<|Pxsgn!iUtmKn=aO8yZoiH_nDwFZWG(2
zx|0@S38%u9JXVveP+59_7ZCNr>iO55WD3v4N+N9`spbW;OIq)U*t&@a@G<>$ke16-
z3Uob+#&OQ0$nv!!@ZR9&7Bhw0<hLQ936vlY7vgKMF}Fbd9v(Q&_<g$W<j2_Db$UqO
a4r}AvV?DR+Zq<FZUc*bFgWneQefBT(w`CLn

literal 0
HcmV?d00001

diff --git a/stat_tracker/views/__pycache__/users.cpython-34.pyc b/stat_tracker/views/__pycache__/users.cpython-34.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..1738f64ce7f933fabe9205e281d983aee078fadb
GIT binary patch
literal 2095
zcma)7OOG2x5U!r_`2E`TW<wH)W|Kg$L~IFhj1VGP5E5Dt8xG9HnsxVj$2&c<sct7(
zi=2YQAK*`L;csx}+Bd{07Y-abQPs0fmXHHuPr0hQ`cYNiSN^lxYbX1EJ-pKZ_yaCI
z5$T`MYjy;Hq_2P+Knq9&=m3%cbO=cZx&}!NbOcERx(-PlbOVwG2woFF-UQu(qy@SS
zNgH$rk`CxDBwg|dLDnGef$l@n2R(pfP>n{A4?%B1vQ^o2$hSd{AQ^$)fn*1S5+EC(
zuE2A;%Py#0SY8F$1la=F2HAl{0MCVxU64Ka0Z51Bt&LlsO+{`4ki&~vcDS~2*!s^t
z+aO1qeXfJtfy42Y7o4tf!?ixmSLzJ2!ny&fLMohDrO)!zDi<B+sX1{?R5C*~x2}Qe
z(MlOoR+!I@OLPsRjLFJkTyyQbTx7*;WfZ!8rL#M&l&(W|xw6${cfLY8s<K`Le2>5d
z^2l}lc{7Drq8STU`<C{ixz?Aw^JgV$H~dB|GGj5dbf_PR_&~F+PyLaup_M%;rE%fs
z`ww01>#q(U&N)<m_^2Aa59l?&kg$|nfM)>T11tsW_!HOwmLV)_j2a$~U|FXrv21u}
z8Wey(vRpR3L(4n(LEGkWDu=KgMv&LKV0*Ca!;&f%^3d6HutSCq>GVBh-^lwGbf+!e
z)GwsE)fp+?7Kh{Jfs2$*vwS`Ju3W`W6snk_UMLx7#h$Ab>Zx6K@~k*DlZ;CFbbWjO
z9{b0slt_h&ON`G_W1f`AOCG0rCMWBvaFY|Ob62CH>hTD-C_8T3I}j3PWid0WBb`|s
z@<c=^z;o9+&T>nDIXcIyJY18hO$jv_5=8p*6E#1bZH{xzjfO4qMXm!fPqFTornsP*
zEtEwfGvI(lNMan|HSfS>{u%HN8Gr9j85w4p=4r9O%ot_uG{dquPf<>dP3=8`$oy2H
zH)b2-ai*S_sRzvD?A%2jGCkVS?2v$<CAwly+z@U0+zNUm@jV(}HyB)m-#L429=_cJ
zdJV^3AxT)l@FCz_RCXL3{Hq}25If{u1?~goczjTmc$Z99uTFcLbi;Xqup#g+{jR&y
zIVvs)$MEttjBDP^-{yBx-hk_0{~xZu084$S0`8;Vd@$iFkY8p5!I#<5uGkSiqsTk3
z?835li2`g>!vf;NU^C3bX@RBY7QuZ!jo8J688Y+<?H8#l+F-X|Qekw_A2(EJA9%>E
zZ@vcbG^hN?a{_lvDVh)`QmrtioVX_EjLr3jmzzj@xSG$28^^1BFOHd4C+TAqA1PJ5
zBG+WyVN`8s)kEKf6nfHlfR1-?n@+*&ESMyCg9X>n-xS|r?IsHk{r6dmS@c;nNw|<`
z>gw}SGtoRtJVD+_2)xb9UZKYWr*jD%Ja1wW8(7yxFW4r455!O~wD}zc1o02Z=U{xJ
zYWJteX!6v1jiVJY{Y3}ds81)<ZYG{W)n(hf(8Ie+nrqXvD)`UAR53EAU0s(_<;JHd
ziMZPs-)wyLTyr+#3e9FXV&@2nbjowk<KJKPQqVqpA9?dW?Yqj=$MlB}hAZ(=a4XoQ
PP<O*Ycz4hhSL*)&f6UvK

literal 0
HcmV?d00001

diff --git a/stat_tracker/views/stats.py b/stat_tracker/views/stats.py
new file mode 100644
index 0000000..73784e9
--- /dev/null
+++ b/stat_tracker/views/stats.py
@@ -0,0 +1,72 @@
+from flask import (Blueprint, render_template, flash, redirect, request,
+                   url_for, session, send_file)
+from flask.ext.login import login_required, current_user
+from datetime import datetime
+from io import BytesIO
+import matplotlib.pyplot as plt
+from ..forms import ActivityForm
+from ..models import Activity, Stat
+from ..extensions import db, flash_errors
+
+
+stats = Blueprint("stats", __name__)
+
+
+@stats.route("/")
+def index():
+    if current_user.is_authenticated():
+        return redirect(url_for("stats.user_activities", page=1))
+    else:
+        return redirect(url_for("users.login"))
+
+
+@stats.route("/<int:page>")
+@login_required
+def user_activities(page):
+    activities = Activity.query.filter_by(owner=current_user.id).paginate(
+        page, per_page=10, error_out=False)
+    return render_template("index.html", activities=activities)
+
+
+@stats.route("/add", methods=["GET", "POST"])
+@login_required
+def add():
+    form = ActivityForm()
+    if form.validate_on_submit():
+        submission = Activity(title=form.title.data,
+                              date=datetime.utcnow(),
+                              owner=current_user.id)
+        db.session.add(submission)
+        db.session.commit()
+        flash("Activity successfully added!")
+        return redirect(url_for("stats.index"))
+    else:
+        flash_errors(form)
+        return render_template("add_activity.html", form=form)
+
+
+@stats.route("/delete/<int:activity_id>")
+@login_required
+def delete_activity(activity_id):
+    stats = Stat.query.filter_by(id=activity_id).all()
+    record = Activity.query.get(activity_id)
+    for stat in stats:
+        db.session.delete(stat)
+    db.session.delete(record)
+    db.session.commit()
+    return redirect(url_for("stats.index"))
+
+
+@stats.route("/update/<int:activity_id>")
+@login_required
+def update_activity(activity_id):
+    activity = Activity.query.get_or_404(activity_id)
+    stats = Stat.query.filter_by(activity=activity_id).all()
+
+
+
+@stats.route("/activity_data/<int:activity_id>")
+@login_required
+def activity_data(activity_id):
+    activity = Activity.query.get_or_404(activity_id)
+    return render_template("activity_data.html", activity=activity)
diff --git a/stat_tracker/views/users.py b/stat_tracker/views/users.py
new file mode 100644
index 0000000..121fe82
--- /dev/null
+++ b/stat_tracker/views/users.py
@@ -0,0 +1,54 @@
+from flask import (Blueprint, render_template, flash, redirect, request,
+                   url_for, session)
+from flask.ext.login import (login_user, login_required, logout_user,
+                             current_user)
+from ..extensions import db, flash_errors
+from ..models import User
+from ..forms import LoginForm, RegistrationForm
+
+
+users = Blueprint("users", __name__)
+
+
+@users.route("/login", methods=["GET", "POST"])
+def login():
+    form = LoginForm()
+    if form.validate_on_submit():
+        user = User.query.filter_by(email=form.email.data).first()
+        if user and user.check_password(form.password.data):
+            login_user(user)
+            flash("You were logged in!")
+            return redirect(request.args.get("next") or url_for("links.index"))
+        else:
+            flash("E-mail address or password invalid.")
+    flash_errors(form)
+    return render_template("login.html", form=form)
+
+
+@users.route("/logout")
+@login_required
+def logout():
+    logout_user()
+    return redirect(url_for("links.index"))
+
+
+@users.route("/create_user", methods=["GET", "POST"])
+def create_user():
+    form = RegistrationForm()
+    if form.validate_on_submit():
+        user = User.query.filter_by(email=form.email.data).first()
+        if user:
+            flash("E-mail address already in use.")
+        else:
+            user = User(name=form.name.data,
+                        email=form.email.data,
+                        password=form.password.data)
+            db.session.add(user)
+            db.session.commit()
+            login_user(user)
+            session["username"] = user.name
+            flash("Registration Successful!  You have been logged in.")
+            return redirect(url_for("stats.index"))
+    else:
+        flash_errors(form)
+    return render_template("register.html", form=form)

From 75c4fb74a604a2c1fcba10341c66e46f5e869b87 Mon Sep 17 00:00:00 2001
From: Alan Grissett <alan.grissett@gmail.com>
Date: Sun, 1 Mar 2015 10:59:07 -0500
Subject: [PATCH 02/10] Normal type updates added

---
 stat_tracker/__pycache__/forms.cpython-34.pyc | Bin 1379 -> 1888 bytes
 .../__pycache__/models.cpython-34.pyc         | Bin 2416 -> 2463 bytes
 stat_tracker/forms.py                         |  16 ++++++--
 stat_tracker/models.py                        |   1 +
 stat_tracker/templates/add_activity.html      |   4 ++
 stat_tracker/templates/index.html             |   5 +--
 .../views/__pycache__/stats.cpython-34.pyc    | Bin 2776 -> 3551 bytes
 stat_tracker/views/stats.py                   |  37 ++++++++++++++++--
 8 files changed, 52 insertions(+), 11 deletions(-)

diff --git a/stat_tracker/__pycache__/forms.cpython-34.pyc b/stat_tracker/__pycache__/forms.cpython-34.pyc
index 3872f3b2cc7232ccc1a9aa443370a72495ffc59d..0ae8b5bc21005210a20e407e1ed3fa9f1f386a23 100644
GIT binary patch
literal 1888
zcmaJ>O>ZMb5UsK2%j0qEWRnmf0TB|c25lVefg6G#HrY!s$Vo198MQneXV__vx4WHP
z`x^cXe}`jVIpxBI+g_lm$CD5gVr44TRn=eby{<pwUKG6e>-?n$@CW?s=c0dvpZXn5
zj(-l60K$RP0f)vdC|e-fkhVd%kh&l|NIeifq&|oM(f~vVX;@dcq3nQ&AdNtDA??;t
z7s?n!57Hip4M;aY^daqo7(hAz=XLHu?!&LRnGf878{BLYUgrVip^b)3bPJ;$$Rit#
zn&>l(b|H^#G;X5XkoVv$*|^1fLE;$qq>>`>P4`U8Vm3V~c$u5t&rGRzmCWm5=bXRS
zwHu9DUR1Rozv7cZuyUQbW@V8xT}hR+Omr+*vCf1S<5OFcxF&wZG#m4`i$e0;c(%#}
z$8Q&`Jg-c9A<GFJtob1=H4P`|a3J&%{ImtUO_U%D+=UxVd1R+8xN#iBpCd+C&}63w
z9>zn+UA($yI;YjNn9;>o{_z1FRED^|37cz=l8y<pY{mr7G81K)sPaWgew<}=);c5G
zI7@cP#5CXIb}iSgHD5#c8^~R%AoJn7!wbcwI%FlAO=Y1J*ZQ!K)ojUReyB9l2U@bp
z8!qi2YX+BiRyCY2Wgl0evntvoc0P4%<N;=sKBAH(nkO(@qv8SgAE1Tc-D8OwLuI-5
zSn>#JU7`*V)HUQ?TNYvj(il*TXGvrRV?HeuUO^X?MccR|MATw^2mAmJX?7a0vTH7j
z%VJ`um_Tr)*p#n!8e-JGSSY<On4Vk>SN$=cbEfy3>?rBUO<YfIk$Fbujv?a`XR<><
zB1>+QArxhg%nq54$=tD3dmmA34-J*64K%T{hro9nAHTk1a}Njzu;z%0$7r4)07d&t
z4LxbNfieJ&LbXpn-+;Ui`2ePED_~@T-tMM}zn|#hy3k9~unC({t>U&|?{ELctyl3m
zX=(pQuCJ=x1e2?(m~dr+*#eO$CMFoI9k-fI_=o5xv<K`UXG<(D3zDG;eyE*M(pohW
zSItC>*{Sji+%9R!FY%vzPJZ;iMA$>7{wbeL^_B5-p-V1(oMU=yeXC3_=loF~KEXO7
zL`7&~M1RlnASwQU16uG1KQ%=21PAyCs8b*TP7B*N;(mtBFuIsyC*!t5^v){;<hk0%
z{<f&aoBH#TA(FQ(Tzr)H|Gg^-z_tbB)sr5R)K^&a8Gh@RyyHlUjFO$ScUdy^W{5p^
z_)cF++9VCoqaIKT+RE0$xCKty{pi`J+v~F7CG~MNywallx)wblmTooq`(}OLzv_oT
o3b#$g3fm%UPxcreCj6%EjNdvq%RY{QGi>cTpSO3t-Do%b2Ni6Xy8r+H

delta 626
zcmZ`#Jx}965S_K1jlEfi@D-4PD30RJMXtRDp-=!4MJRwPOo1#mNY;5Ty0rn_H5Bj%
z(EbJ*I_T->>0KdFAt4HC3T7OEu7H*1>CNuU?0a+9ycY{kG8EUn=dC|3z&-qTJmfu$
z{Nilkd!H!)<wC|m*CDQh_96D6y7eFnKnsWk=mx|M&=O(^I)pd`wx(*JIGkcThXI2V
z7vkpG<#cxp)>HsWR8QjVsRgP5n~{7VB@rvV)uGXmYXkPx{$y9O6o*Ncs-zg2+=k8%
z?qi(^?7B0@r-)A3%vqU~Nb49mxsYt08EJ2v%Vvn_Kfcn{Nt&6aJ#ja7#_-Ct2*wF;
z4Pa<!>HSXhz;Ma~f(ZheX9U3{!7Rb(-*+}mtc@UT*PH1O+rxN2G@^%*f3v&ZynS(k
zW8Ca!<dt%HuSgHm;xCyl{kP1J>VCw{r&4Q0T4aL{g><l&B;*c)WQOv7G#&^0S(5+S
zJu3E%W6ycV-trk<nXTJLKD#~ID;AI3Hi*$yD`(Y|kG?DYMLkpp*<gubZB7j>HpklR
Ji`%ZX#VZeyYs&xt

diff --git a/stat_tracker/__pycache__/models.cpython-34.pyc b/stat_tracker/__pycache__/models.cpython-34.pyc
index 4153db28a888d95ff01e5dab3c5c6443309e360e..2c51d229a09e6ae59ace8424b12adc144951e310 100644
GIT binary patch
delta 153
zcmew$G+&tW9S<)To7(4)ZyPz2SQ%GNwqrM(JeSpevNV&BDi1>{GeZ^&nB-+hVPQyN
zWoTw(jN)TRVPi;PXJ}zyh~l68m9?EweR3_EJfpzmxoobIQM`%CC7ETJC6)0dl?AD{
zI9w7-QbRIxQztLvke|%W&dJNez`(%6B*7@hsK_X{S)N^*k<oavHAg3-_T-}+s~C9z
D+}|b@

delta 107
zcmV-x0F?iq6YvrV?hFkIB~J2GxUmUh1p$kbZ3i)vodrJ`3;<*V0AvLKg8>0r4FF^Y
z0AvRMga80q4wDlGhXE#&n+6|~g$N~+-v%L*4+k;}3IG5A3<4Md9swb<P6rzS0Wy<n
N2#EnIlk^Cx0Sm{A8FK&t

diff --git a/stat_tracker/forms.py b/stat_tracker/forms.py
index 239b5cd..2855138 100644
--- a/stat_tracker/forms.py
+++ b/stat_tracker/forms.py
@@ -1,5 +1,6 @@
-from flask_wtf import Form
-from wtforms import StringField, PasswordField, TextField
+from flask.ext.wtf import Form
+from wtforms import (StringField, PasswordField, TextField,
+                     RadioField, DecimalField, validators)
 from wtforms.fields.html5 import EmailField, URLField
 from wtforms.validators import DataRequired, Email, EqualTo, url
 
@@ -20,4 +21,13 @@ class RegistrationForm(Form):
 
 
 class ActivityForm(Form):
-    title = StringField('Activity', validators=[DataRequired()])
+    title = StringField('Activity', validators=[DataRequired(),
+                                                validators.Length(max=255)])
+    activity_type = RadioField('Track Method', choices=[
+        ('numeric', 'Numeric'), ('once', 'Once-a-day'),
+        ('clicker', 'Clicker')])
+
+
+class UpdateForm(Form):
+    value = DecimalField("Today's value", validators=[DataRequired()],
+                                                      places=2)
diff --git a/stat_tracker/models.py b/stat_tracker/models.py
index e61c510..2db9321 100644
--- a/stat_tracker/models.py
+++ b/stat_tracker/models.py
@@ -33,6 +33,7 @@ class Activity(db.Model):
     id = db.Column(db.Integer, primary_key=True)
     title = db.Column(db.String(255), nullable=False)
     owner = db.Column(db.Integer, db.ForeignKey(User.id))
+    activity_type = db.Column(db.String(255), nullable=False)
     date = db.Column(db.DateTime, nullable=False)
 
     def __repr__(self):
diff --git a/stat_tracker/templates/add_activity.html b/stat_tracker/templates/add_activity.html
index 918d756..be414d7 100644
--- a/stat_tracker/templates/add_activity.html
+++ b/stat_tracker/templates/add_activity.html
@@ -9,6 +9,10 @@
             <div class="large-1 columns">{{ form.title.label }}</div>
             <div class="large-11 columns">{{ form.title(size=10) }}</div>
         </div>
+        <div class="row">
+            <div class="large-2 large-centered columns">{{ form.activity_type.label }}
+                                                        {{ form.activity_type }}
+            </div>
         <div class="row">
             <div class="large-1 large-centered columns">
                 <input type=submit value=Submit>
diff --git a/stat_tracker/templates/index.html b/stat_tracker/templates/index.html
index b6ec00e..7e6dbd1 100644
--- a/stat_tracker/templates/index.html
+++ b/stat_tracker/templates/index.html
@@ -9,10 +9,7 @@ <h2>Your current activities:</h2>
 </div>
 {% for activity in activities.items %}
     <div class="row">
-        <div class="large-2 large-centered columns"><a href="{{ url_for('stats.update_activity', activity_id=activity.id) }}">{{ activity.title }}</a></div>
-        <!--<div class="large-3 columns"><button class="tiny" onclick="location.href='{{ url_for('stats.edit_activity', activity_id=activity.id)}}'">Edit</button>-->
-        <!--<button class="tiny" onclick="location.href='{{ url_for('stats.delete_activity', activity_id=activity.id)}}'">Delete</button>-->
-        <!--<button class="tiny" onclick="location.href='{{ url_for('stats.activity_data', activity_id=activity.id)}}'">Data</button></div>-->
+        <div class="large-3 large-centered columns"><a href="{{ url_for('stats.update_activity', activity_id=activity.id) }}">{{ activity.title }}</a></div>
     </div>
 {% endfor %}
 <div class="row">
diff --git a/stat_tracker/views/__pycache__/stats.cpython-34.pyc b/stat_tracker/views/__pycache__/stats.cpython-34.pyc
index e2a18733552e1faf8f31e09afdd43725173dbb6e..bd748e4573151ef9195ae33c152f9c91892317c3 100644
GIT binary patch
delta 1885
zcmaJ>&2Jk;6n}4by<V@^wG-R<uv41ENsyb84;oc%DWOmSw@6jW#fVy)&QiR1<7#%(
zlE{%I(tn^@3Gs314I%yj4%|3#LE?y3NC<J_030|YcyHED+#Xnae)DGLy_xss{oedk
z{iWXc(<#`WU-|pa8wG&hVC>6~e3M%E!;{97y`TcE3ZO7SSkSFPFa@nC2&SPmozCW<
zI|IQiv}PfwL8}JnAqX41I-F?GngeeR{PQ64a6<DAhypwYmRm2ROK}Nn*$YE?6IZhH
zL-{V&wiZU_H4u{^${;FmUn6t$Y!G!2bHm+u!^NTDQ>--`Bg1(<i<K8ZERHEJfylsa
zvk`xXpH6Fu^ZLE0^RN>gzSWaKV!!i1xRDoo+RtW<?n2h$w{;ii;;-~CaU#BLY*eRt
zdO@w7LOuS(Si+U~TjQdgquE>3!l&_H#uR=Wo0;W-FrW|M=fF4M1dL;Z$Ob<Tz5{(^
zM{zhV&@v6qv6E`L2vG?r3pAkrZZyFgsTI1GEGI{eaaRCEmD@=&Q77tpiNSHm^W;cU
zaGha{?db4<7k`m?6U*_hncAfZj^HBeu(~T97Bf*#xQ8;&YfB857|L<OT;8p)s1r0b
z`4V+4J3QD6I$_x9?aTDSSfkFcNpOK$I70w>4jr7Nmct^Juz)s}G#lk+{F(U;F2%RA
z<?bZu$wh_+L880eu4ESz{k|8;GA~#>G=<moD7u$<hG{Fa1WhB!yQ4rmLROWk^zQYf
zNQ^LYqj3-8AG4KNb}>9h0D7IAD_}*rCa=Z+WM3?rG|%U$Y~IEAvb8>lC=&q3I`nn$
zvn<Q2*w;XQ4}?VjS>FQs(?UeqwpmDrA1bAY%n*D{Y3E5>mB%sBgBBd{3(z;9?Eo>r
zFM?lUd!(cbT_t@GQPvF*$h0Af@R=sto}j)<d#4MuDN*BeN8-q-FDIZMXGXi1p+98V
z^QYxbDfaAPgR|52DZ)y6G<o<xZZ(~q#2O_=G8v9$(lQhC58dv8H~)T5&MVTb9pw*H
z0j_-z1znXvMYANM6y@rGt!q2pqoJiMgeS)AfB%<0d4sf?RYe^|r^F`yw0p9>wXr1?
z$r_{~FEf-F))-b9xB}z`gQET`EUh!7?BnxO+8HeA3``=)h0!$S6_&3vF#FOHang`P
zn<?0`_Ps|+8Yd&^CdE{(J-Vq^X)@%}1AP+fR5lK-;^Hh-57!Q%R-~y>EpcyS73FrE
zScmVi3r*wf1|;t`D%>+CpRHJWC`RSOufe-y5^|XAfP9Vmqv>@|bfWkVt9}P*%<UF6
zr6u_N!5tM=6Vsb`et)(;4RDVwH3HD(O~U4K{B`c}KxHH`gB}%mm`1=UOKk6>$lK?K
zCQOsTSDsky_P!f<?RHx38QD9ahhdJE<O+jI&NY^{88`}c*x2nWC;7!ntQ$e^syOI+
n+Z<WQ594)hif*<<_dLZvy{OkM2dmi`tWHp$r~W+kri1?hLxF3k

delta 1233
zcmY*X&ubG=5T2LaY&V-t6JwG#O={D|sHtFDDE_D-YV}%>dXRuDYu+j;n?&Ajs+LNS
z7SGD_<hkJ4lYfaI55a>My?F4ZCucTY8%yWgH}k&Cd^7XDRz4T&KkbaAwSV1vYXW?O
ziN7SCZ=eP5-qhcW7&m~M;1{4*gmw{nC1{r*il)Gyf!-{%XQ5Yyb{Uw*fLq|r!F~eT
z74RysT?L+oeT>_{GjITOZqLV8)8u*<@GS7$(Jc{9#RPeUogOX3-b_rN1zw(@*J1)z
z9_On7uTBsaW5Rq)I0bxRg0KWU30uwD4;n<%RH<A3(0d}f{ZM6PDshlz%D&kNyF1<R
zxjamKG0MmjW%){TSw()=-m{#1t*;bI6s|>g|6opj(oeI7{G%^hQyASq3*O2L$r9U<
zcan|KK4>o(gelmzU^@+aj6|{{--dlaCj(p`ho>RLX(h?Q|E(|wd(l)`cmilyQ)8cP
zalnquO_dD0q3<c3yP+qlSbVn{w^9p+osQIvi!3j%8gu7zB)W+Zv0Y))(HMrE{@|%d
z(`B6?FJBssyC><WAv6=>Jbv0%FnrkS20?ew7vuR5V~(JOuz(iOfIv$zo8{4LmSY)a
zv0TDpq9uPDA6Z>~m^$g7K$ch}SVB;m>-&PlDebWriacH5yG3o>^F3^9g(CEF1x>iA
ztF(KxEvL&xA)*SeGZ0+qLFk5)`s9jPC{u!98UeHlO3Sc9Bu!kB56rV!>XK{&Em#F9
z&DJOyZ(>uKaiyjaNsMGG3w1gJ;jFE!iKrRsL#!e+HL*tL%LJrsQVY5&JA6W`a^k$#
zFc|0vpyioZ$M0^f<;q8Cai4ND_2aVQ3I^hx99Q{&87dQJcCe0n8-H?~{wigx%R~EM
zq>SDG#~X~(QxnSao`qhY795P1KyN^qj?;I0p5u%MofLy1uB3ujqCr5*7ncY~yr2>j
xJxAi`ktp*T799HCb%tKBd<JnnQNlgsSQf3sN?KN{m^Ld;&9Y(+ziB$#>@SHI?wJ4p

diff --git a/stat_tracker/views/stats.py b/stat_tracker/views/stats.py
index 73784e9..3222fd6 100644
--- a/stat_tracker/views/stats.py
+++ b/stat_tracker/views/stats.py
@@ -4,7 +4,7 @@
 from datetime import datetime
 from io import BytesIO
 import matplotlib.pyplot as plt
-from ..forms import ActivityForm
+from ..forms import ActivityForm, UpdateForm
 from ..models import Activity, Stat
 from ..extensions import db, flash_errors
 
@@ -34,8 +34,9 @@ def add():
     form = ActivityForm()
     if form.validate_on_submit():
         submission = Activity(title=form.title.data,
-                              date=datetime.utcnow(),
-                              owner=current_user.id)
+                              date=datetime.today(),
+                              owner=current_user.id,
+                              activity_type=form.activity_type.data)
         db.session.add(submission)
         db.session.commit()
         flash("Activity successfully added!")
@@ -57,11 +58,33 @@ def delete_activity(activity_id):
     return redirect(url_for("stats.index"))
 
 
-@stats.route("/update/<int:activity_id>")
+@stats.route("/update/<int:activity_id>", methods=["GET", "POST"])
 @login_required
 def update_activity(activity_id):
     activity = Activity.query.get_or_404(activity_id)
     stats = Stat.query.filter_by(activity=activity_id).all()
+    form = UpdateForm()
+    if form.validate_on_submit():
+        if stats and stats[-1].date.date() == datetime.today().date():
+            updated_stat = Stat.query.get_or_404(stats[-1].id)
+            updated_stat.value = form.value.data
+            db.session.commit()
+            flash("Updated value for today.")
+            return render_template("update.html", activity=activity,
+                                   stats=stats, form=form)
+        else:
+            new_stat = Stat(activity=activity.id,
+                            value=form.value.data,
+                            date=datetime.today())
+            db.session.add(new_stat)
+            db.session.commit()
+            flash("New value added for today.")
+            return render_template("update.html", activity=activity,
+                                   stats=stats, form=form)
+    flash_errors(form)
+    return render_template("update.html", activity=activity, stats=stats,
+                           form=form)
+
 
 
 
@@ -70,3 +93,9 @@ def update_activity(activity_id):
 def activity_data(activity_id):
     activity = Activity.query.get_or_404(activity_id)
     return render_template("activity_data.html", activity=activity)
+
+
+@stats.route("/edit/<int:activity_id>")
+@login_required
+def edit_activity(activity_id):
+    pass

From c1adc413f389d0618029fb2b29d893a9ab20442d Mon Sep 17 00:00:00 2001
From: Alan Grissett <alan.grissett@gmail.com>
Date: Sun, 1 Mar 2015 17:09:14 -0500
Subject: [PATCH 03/10] Started API

---
 stat_tracker/__init__.py                      |   4 +-
 .../__pycache__/__init__.cpython-34.pyc       | Bin 1036 -> 1097 bytes
 stat_tracker/__pycache__/forms.cpython-34.pyc | Bin 1888 -> 1883 bytes
 .../__pycache__/models.cpython-34.pyc         | Bin 2463 -> 2881 bytes
 stat_tracker/forms.py                         |   3 +-
 stat_tracker/models.py                        |  15 +-
 stat_tracker/templates/add_activity.html      |   2 +-
 stat_tracker/templates/edit_activity.html     |  28 ++++
 stat_tracker/templates/edit_stat.html         |  17 +++
 stat_tracker/templates/update.html            |  38 +++++
 stat_tracker/views/.DS_Store                  | Bin 6148 -> 6148 bytes
 .../views/__pycache__/stats.cpython-34.pyc    | Bin 3551 -> 4812 bytes
 stat_tracker/views/api.py                     | 131 ++++++++++++++++++
 stat_tracker/views/stats.py                   |  56 ++++++--
 14 files changed, 278 insertions(+), 16 deletions(-)
 create mode 100644 stat_tracker/templates/edit_activity.html
 create mode 100644 stat_tracker/templates/edit_stat.html
 create mode 100644 stat_tracker/templates/update.html
 create mode 100644 stat_tracker/views/api.py

diff --git a/stat_tracker/__init__.py b/stat_tracker/__init__.py
index 00e8941..fc135fa 100644
--- a/stat_tracker/__init__.py
+++ b/stat_tracker/__init__.py
@@ -11,7 +11,7 @@
 from . import models
 from .views.users import users
 from .views.stats import stats
-#from .views.api import api
+from .views.api import api
 
 SQLALCHEMY_DATABASE_URI = "postgres://localhost/stat_tracker"
 DEBUG = True
@@ -23,7 +23,7 @@ def create_app():
     app.config.from_object(__name__)
     app.register_blueprint(users)
     app.register_blueprint(stats)
-    #app.register_blueprint(api)
+    app.register_blueprint(api)
 
     config.init_app(app)
     db.init_app(app)
diff --git a/stat_tracker/__pycache__/__init__.cpython-34.pyc b/stat_tracker/__pycache__/__init__.cpython-34.pyc
index f2f9b1d9683ff84562088e5b5bf58f4692d1bae8..1fd1145105b5c4ae082a88756acb63282d2dc92e 100644
GIT binary patch
delta 372
zcmY+9F;2rk5Jmrt5%xNEY`{rD>j=pd?juEn1E4fepe;b44N@#eAls0J28EI)+7r;g
zE$F#IT6!7|0Bb9SnXeh`o4-5Sd2v3S_}lZ{-;1BKfdzb_6>QGOCd;=~Tnrh?Mjl`u
zLWUsaK<+>Z$XzHGau2El89{kaKAr*DgX-cm305DuozU94x|``kI-ys+pyACUkZqx|
zu_RDM$Q+nf1ELLX8#)`P1eR=`d2Q2gfnroXF1uRrfC8QJm<wNLJfcXy^ZCJky(W1S
zl3$CPx*@?u-?)>cuVd@l6A!cLqD;;2&4edwGOo=c`d@km*Uo5utM2pZ5g97$8zH44
LG-Hi;n;P*S=fXWG

delta 315
zcmY+8F-rqM5QX2&g4w(5#x)ngK0&xb`+yp4MXpc_-A0hLk%(|PJG)ql5LWVgY;DBa
z)?UP4;3QbAGrZw_%ww2W{iyq2#^&GE&*`QDK9LlQ-xp2hvwmH+;8zheyhF&~*AQ~}
zE<zi@-~sRjg2hSMnZ1qU0UgnEe4^obL%43?9+(oS(J5pp<bNQMDNC}QE=>Y~(HLCV
zxWxnN#A6=CIS;9b?|e4cSiDb$99gnTB)#;MalJ0Ps_ex|UB(x6xVzxG_&<7rAA0BJ
YHr$P`_DE>bmEmYRb8^Y46<Rj`0!th+t^fc4

diff --git a/stat_tracker/__pycache__/forms.cpython-34.pyc b/stat_tracker/__pycache__/forms.cpython-34.pyc
index 0ae8b5bc21005210a20e407e1ed3fa9f1f386a23..6286fc2931ded936997047e0c3c4fa4999ce5db2 100644
GIT binary patch
delta 39
vcmaFBcbkvv9S<+p5wFi7KUg+$NwTqW1(zh2Ox9+LWMyJtVBneD&2|+43l9tO

delta 44
zcmcc3_kfS<9S<)TyUynjL)ML4l58BjA^9nZmFmTlHP|BASr`}?co;<|x3OIX02V+C
AXaE2J

diff --git a/stat_tracker/__pycache__/models.cpython-34.pyc b/stat_tracker/__pycache__/models.cpython-34.pyc
index 2c51d229a09e6ae59ace8424b12adc144951e310..0fb03491673f24a5a728658d0713f183d8a3f450 100644
GIT binary patch
delta 616
zcmcJMze~eF6vy8sP144ssTJE|rCJ;`{%EmE5u8MHENUG@gczC*l}gLyEVPIf6rAOD
z-Q3-TPW~JD4_sUvTz!|epnre~@0*wR-uLeK-1F3XO8+!W{iXGFe4@STuEIaa0Us!5
zmKTG2fYStcI#lfmKBGSMYXpXm_{tc&7=8(*5rJ!f3jmKmS!4t}X_!gi$xvo;I1qt5
z>_nhkwUr7r(MfHTAi}!sdZ5*4-DP#pR(`cix5gTs2J1TUa7gwUr7D_uUriMQjkO%F
zQDe(k@uMg}Orqo4OYDq{h0#dGp5y~{Pob;AZE4e_z~{AmGLFB7lp#5i$H+*A%n!9J
zdE}ScgXKj-4i+Ggs;%>H?MP8NZu5%YsI&bowE7YXke*p(E-N?=t+%P;{0FNbI%YvP
za7(J@P{*(~MI|h+g*_A`lwK%cvW@W<ju9Sq1ctw<iz`LpS`s2w3Y7h3%Vom_*F{wz
lr*lFCwM<rAyJ+|ZiolmAnGhZ=@o4OvlyEA|Z(})<`~mL~c3l7f

delta 249
zcmX>oHeZ<Q9S<)To7(4)Z>$@+5?L8nPR?On%^a-BIa!Tu-egrS^~t-~75Srh6O&6a
z%Q8zU<4Y<FQYSxP7oGfzT~>gHfq{XCNrF+1Q4xqGm?mp-NHewqjWC>C#t{ZIhGX(=
zjv!W+;*!LY$${)*Y(?@w9mbRWIVG9>H2EiMaH+&;0Y!>5fJ77r%#vHIZaMjhCAV11
z5_3vZi*!IL*gynGcM%^d!4Kl<0tsy(F6IIfAQvezN-#<=7wJx3#g)JYk}cw!T*x9a
KS%q7Mkp}>q#yC{~

diff --git a/stat_tracker/forms.py b/stat_tracker/forms.py
index 2855138..1c44646 100644
--- a/stat_tracker/forms.py
+++ b/stat_tracker/forms.py
@@ -29,5 +29,4 @@ class ActivityForm(Form):
 
 
 class UpdateForm(Form):
-    value = DecimalField("Today's value", validators=[DataRequired()],
-                                                      places=2)
+    value = DecimalField("Stat value", validators=[DataRequired()], places=2)
diff --git a/stat_tracker/models.py b/stat_tracker/models.py
index 2db9321..524f691 100644
--- a/stat_tracker/models.py
+++ b/stat_tracker/models.py
@@ -39,6 +39,12 @@ class Activity(db.Model):
     def __repr__(self):
         return "<Activity {}>".format(self.title)
 
+    def to_dict(self):
+        return {"id": self.id,
+                "title": self.title,
+                "type": self.activity_type,
+                "created": str(self.date)}
+
 
 class Stat(db.Model):
 
@@ -47,6 +53,11 @@ class Stat(db.Model):
     value = db.Column(db.Float, nullable=False)
     date = db.Column(db.DateTime, nullable=False)
 
-
     def __repr__(self):
-        return "<Stat {}>".format(self.stat)
+        return "<Stat {}>".format(self.value)
+
+    def to_dict(self):
+        return {"id": self.id,
+                "activity": self.activity,
+                "value": self.value,
+                "date": str(self.date)}
diff --git a/stat_tracker/templates/add_activity.html b/stat_tracker/templates/add_activity.html
index be414d7..8c0099d 100644
--- a/stat_tracker/templates/add_activity.html
+++ b/stat_tracker/templates/add_activity.html
@@ -17,6 +17,6 @@
             <div class="large-1 large-centered columns">
                 <input type=submit value=Submit>
             </div>
-        </div
+        </div>
     </form>
 {% endblock %}
diff --git a/stat_tracker/templates/edit_activity.html b/stat_tracker/templates/edit_activity.html
new file mode 100644
index 0000000..369afe2
--- /dev/null
+++ b/stat_tracker/templates/edit_activity.html
@@ -0,0 +1,28 @@
+{% extends "layout.html" %}
+{% block body %}
+    <div class="row">
+        <div class="large-7 large-centered columns"><h2>Edit your activity:</h2></div>
+    </div>
+    <form method=POST action="{{ url_for('stats.edit_activity', activity_id=activity.id) }}">
+        {{ form.hidden_tag() }}
+        <div class="row">
+            <div class="large-1 columns">{{ form.title.label }}</div>
+            <div class="large-11 columns">{{ form.title }}</div>
+        </div>
+            <div class="large-1 large-centered columns">
+                <input type=submit value=Submit>
+            </div>
+        </div>
+    </form>
+    {% if stats %}
+        {% for stat in stats %}
+            <div class="row">
+                <div class="large-6 large-centered columns">
+                    {{ stat.date.strftime("%m-%d-%Y")}}: {{ stat.value }}
+                    <button class="tiny" onclick="location.href='{{ url_for('stats.edit_stat', stat_id=stat.id)}}'">Edit</button>
+                    <button class="tiny" onclick="location.href='{{ url_for('stats.delete_stat', stat_id=stat.id)}}'">Delete</button>
+                </div>
+            </div>
+        {% endfor %}
+    {% endif %}
+{% endblock %}
diff --git a/stat_tracker/templates/edit_stat.html b/stat_tracker/templates/edit_stat.html
new file mode 100644
index 0000000..bef6e96
--- /dev/null
+++ b/stat_tracker/templates/edit_stat.html
@@ -0,0 +1,17 @@
+{% extends "layout.html" %}
+{% block body %}
+    <div class="row">
+        <div class="large-7 large-centered columns"><h2>Edit your stat:</h2></div>
+    </div>
+    <form method=POST action="{{ url_for('stats.edit_stat', stat_id=stat.id) }}">
+        {{ form.hidden_tag() }}
+        <div class="row">
+            <div class="large-1 columns">{{ form.value.label }}</div>
+            <div class="large-11 columns">{{ form.value }}</div>
+        </div>
+            <div class="large-1 large-centered columns">
+                <input type=submit value=Submit>
+            </div>
+        </div>
+    </form>
+{% endblock %}
diff --git a/stat_tracker/templates/update.html b/stat_tracker/templates/update.html
new file mode 100644
index 0000000..ad9fff8
--- /dev/null
+++ b/stat_tracker/templates/update.html
@@ -0,0 +1,38 @@
+{% extends "layout.html" %}
+{% block body %}
+    <div class="row">
+        <div class="large-1 columns">
+            <button class="tiny" onclick="location.href='{{ url_for('stats.edit_activity', activity_id=activity.id)}}'">Edit</button>
+            <button class="tiny" onclick="location.href='{{ url_for('stats.activity_data', activity_id=activity.id)}}'">Data</button>
+            <button class="tiny" onclick="location.href='{{ url_for('stats.delete_activity', activity_id=activity.id)}}'">Delete</button>
+        </div>
+        <div class="large-11 columns">
+            <center><h2>{{ activity.title }}</h2></center>
+        </div>
+        <form method=POST action="{{ url_for('stats.update_activity', activity_id=activity.id) }}">
+                <div class="large-11 columns">
+                    {{ form.hidden_tag() }}
+                    <center>{{ form.value.label }}</center>
+                    {{ form.value }}
+                    <center><input type=submit value="Submit"></center>
+                </div>
+        </form>
+        {% if not stats %}
+            <!-- <div class="row">
+                <div class="large-4 large-centered columns">
+                    <h2>No stats recorded for this activity!</h2>
+                </div>
+            </div> -->
+        {% else %}
+            <ul>
+                {% for stat in stats %}
+                    <div class="row">
+                        <div class="large-11 columns">
+                            <center>{{ stat.date.strftime("%m-%d-%Y")}}: {{ stat.value }}</center>
+                        </div>
+                    </div>
+                {% endfor %}
+            </ul>
+        {% endif %}
+    </div>
+{% endblock %}
diff --git a/stat_tracker/views/.DS_Store b/stat_tracker/views/.DS_Store
index f12cf2d3ad7f36d05822a32dcfccf8f1a16b5d98..4178666162c10bcbce7cbd9a7517799de59749b3 100644
GIT binary patch
delta 42
ycmZoMXfc@J&&WD4U^gS{WFE$Rb~c7Yh60An$qI}jOiXc`a~Sj4HnVg5<p%)lrwY>m

delta 30
mcmZoMXfc@J&&V<{U^gSnWFE%+&C3}R*d{jUY-Z>9%MSpRstL&e

diff --git a/stat_tracker/views/__pycache__/stats.cpython-34.pyc b/stat_tracker/views/__pycache__/stats.cpython-34.pyc
index bd748e4573151ef9195ae33c152f9c91892317c3..a5d5baf96e22743fc81529b90c6ad499356a80a9 100644
GIT binary patch
delta 1979
zcmaJ>&2L*p5TAX|pU=;+V>_WCNol?u+=2sX#YYm-gf<eVUR()*h@y~vDt@?Wvfe^#
z5?LrcaOeSLkK7RA!T~}508U&g?nu6X)JuEe!nFr}v+pHwTENPi?9R^4&isBe^T+6K
zGt+<hdGFi%e_wxEB6>u9za-Wx_}a71Pty-XSC&YYNml5FLkB_x9?1!klXQ=;<-ZT7
zDHx-0oa7Y!i}5tcnLgv0BjYOHWpA@2U+y!gl1x&gR(rxR)iMvBiq~E7y{RXMyI+xZ
zNDA5`3S9~lBpuR83R83dO`4^2NoOd`l1x}LkIfD!u`fvHDD)}J)1D1m#QOohCUk+H
zMMOduNe_~QPixlDC3eIojxL*Dl3$35Sxmi=xPb7?PU>?}GLKVh;?UI7uXS~b_82A-
zch2%VSJ#JWA0eeFv{CK3_HcKZ-j8)&^!%|wbo=ySj<nCY#u3%rYrV|omTrF5)OS0%
zw%*k3dUIO_cdE6#0-vNNSxiCn+|5=?4cgU>K=+b6s=00cOgGQ49l4{TBs`H96?{c}
zYSFA`E{U!=%uKEe3V{iU2;hByZ81hd$O8!hIQ4-*!s=H}TY5AC<TWtQ@fp^TpW0)M
z3vlOHyBzG2rjl)pB}t~OGfRxj^j|jn+4=G48kh#_&xK=Fvt#CA_LZc%h+GamDc&)G
zS4~Z0r!JZM-ndvYKYI1lTdcTf9(ikTU&gXshak5k&Wfz?#f%sc1?29rbPCW6Su8x9
z7qIfMSC`F3?(P)7Q%hJpBaD}!P%dj76~D6US4_dr7e0cvoq*t%)QY*_&zN)RL@oo(
z6+ZicjLA%NpGylUgKVx+5~r~K(n6J`(Bsn$Kz&rwz**=4u70jP6f>$A9S|1`>Nzev
z6f?>^0uv?9q;)L;2f}SgLf>VsSulI<t&hXb;A&iD=Wg%FO&!SksdDR-0@>6XN2OT*
zMBi+wA*7~Wg{YOE#mScD6rV>7@v7jlWJ1(=a5Y}#`J>V-Dl9Cvi5Oc}ME=dLKXH8v
z`}QydSuUBmh{vMCT&j0*(s^NygXAWeTWW6W1zv45<?@!`i}>*iDSTJ(wZAss<VL$O
z_O@E>{2<k0u+R?Z1;##k($fcwJ?2>4xlyyab^w9eJV+4Wp#gf}A*P2(u#UL=S?e65
zze==4oqPjfo}fMyHF?CsG2j-J&VVI>4I%;-kViy7v2PgILM`%<#hUwK{QL>lT-bep
zyS;RblZxB{?{YVL{E}v@m>)*|1a}|(;|X;Y`p(Fl3|fH>*w23;@4${ju*koM1>D9{
z!cJTs+IG$ZcYxlt;6(~M@&!5t(;np<^$QQ22yBeV&i`Om^PWYfjMo)+rh1dbJd4xl
z)SR^9K-B_cQO!l!ZE$+`pl)*=6VTu(>I=1oU2WEU=l}lFB9@Bhj#^>CRcRrzHtI!o
kSI8{gyd`h9f@QAC_PqHyKUvP75kq4bMk)L+;w$*#AAr1V0{{R3

delta 812
zcmYjOOKTHR6h3DrnItol*VvTQ*htc(Fj|UeiA~iuKDx9nA`}!0(Hk^l5xu$A)+Q8u
ztX!Ujpom?%m2UhAE_A6vH!fVcapNE8xi<w3b3eXwzVptP`p;7BkDqqmH2z+{lm_?(
z|NY|3Tm1T8@ndZd%g+(IE{F<<D!c$-lfN4^5OHXSQ+wB}dAqpF@rpHoA;172;vfL|
zjNZqOtqB`c0-_{{n9))Y#aNCF5tIv&2ayj0Qxy;Gw9ZDA(LJ~ssw}7+2<NbQTjg~j
zqXcx^*~TOE)@jgpX9In@npnndqQt44&9bh0<<>Y1c?1U{GsVC*nUCgR^`FlgRU5^m
zM(tft9tfjwt9EFw$QtkY)a$E`>d*Ebi0)?S%Yc2ds$q&@-|noh%e-Os-7eir_Qo=7
zfnCA?(>R7XM%kp_$vJBcX*XBwp+1N}vlC#%JM$eaJ+US>@Webib2*O#3*={D6fR8g
zP5EO%@l9P#M&^AJq&SUBTPE7$Xpi2d+T*-a!j$wON`pv_lF4^Z(@VERPuv-IKiRpX
zdK*2pMIT&&=PB(?;~8ptla9WCJV&eEtkckRfnIsbXD=}A&oF=;U<p&`<4K&rEU)Tn
zw6g5Un$@+PV{ZZFBBlJT@&adtF>|uf8FevfYp*36bTMC~PkttQlO6pSgKi<0=$l`!
zAY1xf=4Uhk{6FD}Jj#v`Is0*@65Q6R#Q?T!F@|;8$^XbTnaV{COB!1AFqp;@^g5_|
NUJ(nEJ{BAw4*)t{j?Mr8

diff --git a/stat_tracker/views/api.py b/stat_tracker/views/api.py
new file mode 100644
index 0000000..a86cd2f
--- /dev/null
+++ b/stat_tracker/views/api.py
@@ -0,0 +1,131 @@
+import base64
+import json
+
+from datetime import datetime
+from flask import Blueprint, jsonify, request, abort, url_for
+from flask.ext.login import login_user, current_user
+from ..models import Activity, Stat, User
+from ..forms import ActivityForm
+from ..extensions import login_manager, db
+
+api = Blueprint("api", __name__)
+
+
+def json_response(code, data):
+    return (json.dumps(data), code, {"Content-Type": "application/json"})
+
+
+@api.app_errorhandler(401)
+def unauthorized(request):
+    return ("", 401, {"Content-Type": "application/json"})
+
+
+@login_manager.request_loader
+def authorize_user(request):
+    api_key = request.headers.get('Authorization')
+    if api_key:
+        api_key = api_key.replace('Basic ', '', 1)
+        api_key = base64.b64decode(api_key).decode("utf-8")
+        email, password = api_key.split(":")
+        user = User.query.filter_by(email=email).first()
+        if user.check_password(password):
+            return user
+    return None
+
+
+def require_authorization():
+    user = authorize_user(request)
+    if user:
+        login_user(user)
+    else:
+        abort(401)
+
+
+@api.route("/api/v1/activities", methods=["GET", "POST"])
+def user_activities():
+    require_authorization()
+    if request.method == "POST":
+        return add_activity(request)
+    else:
+        activities = Activity.query.filter_by(owner=current_user.id)
+        activities = [activity.to_dict() for activity in activities]
+        for activity in activities:
+            print(activity)
+            activity["location"] = url_for(".activity",
+                                           activity_id = activity["id"])
+        return jsonify({"activities": activities})
+
+
+
+def add_activity(request):
+    body = request.get_data(as_text=True)
+    data = json.loads(body)
+    form = ActivityForm(data=data, formdata=None, csrf_enabled=False)
+    if form.validate():
+        activity = Activity(**form.data)
+        activity.owner = current_user.id
+        activity.date = datetime.today().date()
+        db.session.add(activity)
+        db.session.commit()
+        activity = activity.to_dict()
+        activity["location"] = url_for(".activity",
+         activity_id=activity["id"])
+        return (json.dumps(activity), 201)
+    else:
+        return json_response(400, form.errors)
+
+
+@api.route("/api/v1/activities/<int:activity_id>", methods=["GET", "PUT",
+                                                            "DELETE"])
+def activity(activity_id):
+    require_authorization()
+    if request.method == "PUT":
+        return edit_activity(request, activity_id)
+    elif request.method == "DELETE":
+        return delete_activity(activity_id)
+    else:
+        activity = Activity.query.get_or_404(activity_id)
+        stats = Stat.query.filter_by(activity=activity.id).all()
+        activity = activity.to_dict()
+        activity["stats"] = [stat.to_dict() for stat in stats]
+        return jsonify(activity), 201
+
+
+def edit_activity(request, activity_id):
+    body = request.get_data(as_text=True)
+    data = json.loads(body)
+    activity = Activity.query.get_or_404(activity_id)
+    form = ActivityForm(data=data, formdata=None, csrf_enabled=False)
+    if form.validate():
+        activity.title = form.title.data
+        db.session.commit()
+        return(json.dumps(activity.to_dict()), 201)
+    else:
+        return json_response(400, form.errors)
+
+
+def delete_activity(activity_id):
+    activity = Activity.query.get_or_404(activity_id)
+    stats = Stat.query.filter_by(activity=activity_id)
+    for stat in stats:
+        db.session.delete(stat)
+    db.session.commit()
+    db.session.delete(activity)
+    db.session.commit()
+    return json_response(201, "Deleted Activity")
+
+
+@api.route("/api/v1/activities/<int:activity_id>/data", methods=["GET",
+                                                                 "POST",
+                                                                 "PUT",
+                                                                 "DELETE"])
+def modify_stat(activity_id):
+    require_authorization()
+    if request.method == "POST":
+        add_stat(request, activity_id)
+
+
+def add_stat(request, activity_id):
+    body = request.get_data(as_text=True)
+    data = json.loads(body)
+    
diff --git a/stat_tracker/views/stats.py b/stat_tracker/views/stats.py
index 3222fd6..96be6b0 100644
--- a/stat_tracker/views/stats.py
+++ b/stat_tracker/views/stats.py
@@ -34,7 +34,7 @@ def add():
     form = ActivityForm()
     if form.validate_on_submit():
         submission = Activity(title=form.title.data,
-                              date=datetime.today(),
+                              date=datetime.today().date(),
                               owner=current_user.id,
                               activity_type=form.activity_type.data)
         db.session.add(submission)
@@ -49,10 +49,12 @@ def add():
 @stats.route("/delete/<int:activity_id>")
 @login_required
 def delete_activity(activity_id):
-    stats = Stat.query.filter_by(id=activity_id).all()
+    stats = Stat.query.filter_by(activity=activity_id).all()
     record = Activity.query.get(activity_id)
+    print(record)
     for stat in stats:
         db.session.delete(stat)
+    db.session.commit()
     db.session.delete(record)
     db.session.commit()
     return redirect(url_for("stats.index"))
@@ -62,10 +64,10 @@ def delete_activity(activity_id):
 @login_required
 def update_activity(activity_id):
     activity = Activity.query.get_or_404(activity_id)
-    stats = Stat.query.filter_by(activity=activity_id).all()
+    stats = Stat.query.filter_by(activity=activity.id).all()
     form = UpdateForm()
     if form.validate_on_submit():
-        if stats and stats[-1].date.date() == datetime.today().date():
+        if stats and stats[-1].date == datetime.today().date():
             updated_stat = Stat.query.get_or_404(stats[-1].id)
             updated_stat.value = form.value.data
             db.session.commit()
@@ -75,10 +77,11 @@ def update_activity(activity_id):
         else:
             new_stat = Stat(activity=activity.id,
                             value=form.value.data,
-                            date=datetime.today())
+                            date=datetime.today().date())
             db.session.add(new_stat)
             db.session.commit()
             flash("New value added for today.")
+            stats = Stat.query.filter_by(activity=activity.id).all()
             return render_template("update.html", activity=activity,
                                    stats=stats, form=form)
     flash_errors(form)
@@ -86,8 +89,6 @@ def update_activity(activity_id):
                            form=form)
 
 
-
-
 @stats.route("/activity_data/<int:activity_id>")
 @login_required
 def activity_data(activity_id):
@@ -95,7 +96,44 @@ def activity_data(activity_id):
     return render_template("activity_data.html", activity=activity)
 
 
-@stats.route("/edit/<int:activity_id>")
+@stats.route("/edit/<int:activity_id>", methods=["GET", "POST"])
 @login_required
 def edit_activity(activity_id):
-    pass
+    activity = Activity.query.get_or_404(activity_id)
+    stats = Stat.query.filter_by(activity=activity.id).all()
+    form = ActivityForm(obj=activity)
+    if form.validate_on_submit():
+        activity.title = form.title.data
+        db.session.commit()
+        flash("Activity updated.")
+        return redirect(url_for("stats.index"))
+    else:
+        flash_errors(form)
+        return render_template("edit_activity.html", activity=activity,
+                               stats=stats, form=form)
+
+
+@stats.route("/editstat/<int:stat_id>", methods=["GET", "POST"])
+@login_required
+def edit_stat(stat_id):
+    stat = Stat.query.get_or_404(stat_id)
+    form = UpdateForm(obj=stat)
+    if form.validate_on_submit():
+        stat.value = form.value.data
+        db.session.commit()
+        flash("Stat updated.")
+        return redirect(url_for("stats.update_activity",
+                                activity_id=stat.activity))
+    else:
+        flash_errors(form)
+        return render_template("edit_stat.html", stat=stat, form=form)
+
+
+@stats.route("/deletestat/<int:stat_id>")
+@login_required
+def delete_stat(stat_id):
+    stat = Stat.query.get_or_404(stat_id)
+    db.session.delete(stat)
+    db.session.commit()
+    return redirect(url_for("stats.update_activity",
+                            activity_id=stat.activity))

From 29dfc092b788b37419e3da9c5d166c4ae141d8d7 Mon Sep 17 00:00:00 2001
From: Alan Grissett <alan.grissett@gmail.com>
Date: Sun, 1 Mar 2015 19:44:20 -0500
Subject: [PATCH 04/10] Updates to API

---
 .../__pycache__/models.cpython-34.pyc         | Bin 2881 -> 2877 bytes
 stat_tracker/models.py                        |   4 +-
 stat_tracker/templates/update.html            |   8 --
 stat_tracker/views/api.py                     |  82 ++++++++++++++++--
 4 files changed, 79 insertions(+), 15 deletions(-)

diff --git a/stat_tracker/__pycache__/models.cpython-34.pyc b/stat_tracker/__pycache__/models.cpython-34.pyc
index 0fb03491673f24a5a728658d0713f183d8a3f450..9424b086c7ca6bde4ea018e036ec49033c4fa106 100644
GIT binary patch
delta 33
pcmX>owpWbv9S<*8%976^0UJ4Qu(PtbB$lL3&gN3t%*SEO3;@Z`3a<bF

delta 37
tcmdlhc2JD-9S<+pvi#2>5gR#guyb;_B$lLxWag$$PUlkD%*A2M3;+Op3{wCA

diff --git a/stat_tracker/models.py b/stat_tracker/models.py
index 524f691..84ee066 100644
--- a/stat_tracker/models.py
+++ b/stat_tracker/models.py
@@ -34,7 +34,7 @@ class Activity(db.Model):
     title = db.Column(db.String(255), nullable=False)
     owner = db.Column(db.Integer, db.ForeignKey(User.id))
     activity_type = db.Column(db.String(255), nullable=False)
-    date = db.Column(db.DateTime, nullable=False)
+    date = db.Column(db.Date, nullable=False)
 
     def __repr__(self):
         return "<Activity {}>".format(self.title)
@@ -51,7 +51,7 @@ class Stat(db.Model):
     id = db.Column(db.Integer, primary_key=True)
     activity = db.Column(db.Integer, db.ForeignKey(Activity.id))
     value = db.Column(db.Float, nullable=False)
-    date = db.Column(db.DateTime, nullable=False)
+    date = db.Column(db.Date, nullable=False)
 
     def __repr__(self):
         return "<Stat {}>".format(self.value)
diff --git a/stat_tracker/templates/update.html b/stat_tracker/templates/update.html
index ad9fff8..d68b081 100644
--- a/stat_tracker/templates/update.html
+++ b/stat_tracker/templates/update.html
@@ -17,13 +17,6 @@
                     <center><input type=submit value="Submit"></center>
                 </div>
         </form>
-        {% if not stats %}
-            <!-- <div class="row">
-                <div class="large-4 large-centered columns">
-                    <h2>No stats recorded for this activity!</h2>
-                </div>
-            </div> -->
-        {% else %}
             <ul>
                 {% for stat in stats %}
                     <div class="row">
@@ -33,6 +26,5 @@ <h2>No stats recorded for this activity!</h2>
                     </div>
                 {% endfor %}
             </ul>
-        {% endif %}
     </div>
 {% endblock %}
diff --git a/stat_tracker/views/api.py b/stat_tracker/views/api.py
index a86cd2f..653ce40 100644
--- a/stat_tracker/views/api.py
+++ b/stat_tracker/views/api.py
@@ -115,17 +115,89 @@ def delete_activity(activity_id):
     return json_response(201, "Deleted Activity")
 
 
-@api.route("/api/v1/activities/<int:activity_id>/data", methods=["GET",
-                                                                 "POST",
+@api.route("/api/v1/activities/<int:activity_id>/data", methods=["POST",
                                                                  "PUT",
                                                                  "DELETE"])
 def modify_stat(activity_id):
     require_authorization()
     if request.method == "POST":
-        add_stat(request, activity_id)
-
+        return add_stat(request, activity_id)
+    elif request.method == "PUT":
+        return update_stat(request, activity_id)
+    elif request.method == "DELETE":
+        return delete_stat(request, activity_id)
 
 def add_stat(request, activity_id):
     body = request.get_data(as_text=True)
     data = json.loads(body)
-    
+    if "date" in data.keys():
+        try:
+            date = datetime.strptime(data["date"], "%Y-%m-%d")
+            stat = Stat.query.filter_by(activity=activity_id).filter_by(
+                date=date).first()
+            if stat:
+                stat.value = data["value"]
+                db.session.commit()
+            else:
+                stat = Stat(activity=activity_id,
+                            date=date,
+                            value=data["value"])
+                db.session.add(stat)
+                db.session.commit()
+            return json_response(201, stat.to_dict())
+        except ValueError:
+            return json_response(400, "Invalid date format.")
+    else:
+        stat = Stat.query.filter_by(activity=activity_id).filter_by(
+            date=datetime.today().date()).first()
+        if stat:
+            stat.value = data["value"]
+            db.session.commit()
+            return json_response(201, stat.to_dict())
+        else:
+            stat = Stat(activity=activity_id,
+                        date=datetime.today().date(),
+                        value=data["value"])
+            db.session.add(stat)
+            db.session.commit()
+            return json_response(201, stat.to_dict())
+
+
+def update_stat(request, activity_id):
+    body = request.get_data(as_text=True)
+    data = json.loads(body)
+    if not "date" in data.keys():
+        return json_response(400, "Date required.")
+    else:
+        try:
+            date = datetime.strptime(data["date"], "%Y-%m-%d")
+            stat = Stat.query.filter_by(activity=activity_id).filter_by(
+                date=date).first()
+            if not stat:
+                return json_response(400, "Stat not found.")
+            else:
+                stat.value = data["value"]
+                db.session.commit()
+                return json_response(201, stat.to_dict())
+        except ValueError:
+            return json_response(400, "Invalid date format.")
+
+
+def delete_stat(request, activity_id):
+    body = request.get_data(as_text=True)
+    data = json.loads(body)
+    if not "date" in data.keys():
+        return json_response(400, "Date required.")
+    else:
+        try:
+            date = datetime.strptime(data["date"], "%Y-%m-%d")
+            stat = Stat.query.filter_by(activity=activity_id).filter_by(
+                date=date).first()
+            if not stat:
+                return json_response(400, "Stat not found.")
+            else:
+                db.session.delete(stat)
+                db.session.commit()
+                return json_response(201, "Activity stat deleted.")
+        except ValueError:
+            return json_response(400, "Invalid date format.")

From d99e4632cc979764305d1e13ff248b8f1df48c5a Mon Sep 17 00:00:00 2001
From: Alan Grissett <alan.grissett@gmail.com>
Date: Sun, 1 Mar 2015 19:49:26 -0500
Subject: [PATCH 05/10] Fixed pep8 errors

---
 stat_tracker/__init__.py                      |   1 +
 .../__pycache__/__init__.cpython-34.pyc       | Bin 1097 -> 1097 bytes
 stat_tracker/__pycache__/forms.cpython-34.pyc | Bin 1883 -> 1883 bytes
 stat_tracker/forms.py                         |   6 +++---
 stat_tracker/views/api.py                     |  12 +++++-------
 5 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/stat_tracker/__init__.py b/stat_tracker/__init__.py
index fc135fa..49eb6f7 100644
--- a/stat_tracker/__init__.py
+++ b/stat_tracker/__init__.py
@@ -18,6 +18,7 @@
 SECRET_KEY = 'development key'
 DEBUG_TB_INTERCEPT_REDIRECTS = False
 
+
 def create_app():
     app = Flask("stat_tracker")
     app.config.from_object(__name__)
diff --git a/stat_tracker/__pycache__/__init__.cpython-34.pyc b/stat_tracker/__pycache__/__init__.cpython-34.pyc
index 1fd1145105b5c4ae082a88756acb63282d2dc92e..9c586b9932879373d94a2b1618ac994dce5413a6 100644
GIT binary patch
delta 27
jcmX@fagu}c9S<*8#OBW-sv9|_m>I=3t1zoDGBN`Ie0K*W

delta 27
jcmX@fagu}c9S<+p|G3W~DjPYam>ESkt1zoDGBN=Gf_VpY

diff --git a/stat_tracker/__pycache__/forms.cpython-34.pyc b/stat_tracker/__pycache__/forms.cpython-34.pyc
index 6286fc2931ded936997047e0c3c4fa4999ce5db2..c6fdceb2acb65fb38a38649684bf0dc30dd060c3 100644
GIT binary patch
delta 19
acmcc3cbkvv9S<*;=jP8L`m7td0@(pa!UlK%

delta 19
bcmcc3cbkvv9S<+p5wFi7KUg+$1+oJGO^^pt

diff --git a/stat_tracker/forms.py b/stat_tracker/forms.py
index 1c44646..a15ae6a 100644
--- a/stat_tracker/forms.py
+++ b/stat_tracker/forms.py
@@ -14,9 +14,9 @@ class RegistrationForm(Form):
     name = StringField('Name', validators=[DataRequired()])
     email = EmailField('E-mail', validators=[DataRequired(), Email()])
     password = PasswordField('Password',
-        validators=[DataRequired(),
-                    EqualTo('password_verification',
-                            message="Passwords must match.")])
+                             validators=[DataRequired(),
+                                         EqualTo('password_verification',
+                                         message="Passwords must match.")])
     password_verification = PasswordField('Repeat Password')
 
 
diff --git a/stat_tracker/views/api.py b/stat_tracker/views/api.py
index 653ce40..0b588f4 100644
--- a/stat_tracker/views/api.py
+++ b/stat_tracker/views/api.py
@@ -50,13 +50,11 @@ def user_activities():
         activities = Activity.query.filter_by(owner=current_user.id)
         activities = [activity.to_dict() for activity in activities]
         for activity in activities:
-            print(activity)
             activity["location"] = url_for(".activity",
-                                           activity_id = activity["id"])
+                                           activity_id=activity["id"])
         return jsonify({"activities": activities})
 
 
-
 def add_activity(request):
     body = request.get_data(as_text=True)
     data = json.loads(body)
@@ -68,8 +66,7 @@ def add_activity(request):
         db.session.add(activity)
         db.session.commit()
         activity = activity.to_dict()
-        activity["location"] = url_for(".activity",
-         activity_id=activity["id"])
+        activity["location"] = url_for(".activity", activity_id=activity["id"])
         return (json.dumps(activity), 201)
     else:
         return json_response(400, form.errors)
@@ -127,6 +124,7 @@ def modify_stat(activity_id):
     elif request.method == "DELETE":
         return delete_stat(request, activity_id)
 
+
 def add_stat(request, activity_id):
     body = request.get_data(as_text=True)
     data = json.loads(body)
@@ -166,7 +164,7 @@ def add_stat(request, activity_id):
 def update_stat(request, activity_id):
     body = request.get_data(as_text=True)
     data = json.loads(body)
-    if not "date" in data.keys():
+    if "date" not in data.keys():
         return json_response(400, "Date required.")
     else:
         try:
@@ -186,7 +184,7 @@ def update_stat(request, activity_id):
 def delete_stat(request, activity_id):
     body = request.get_data(as_text=True)
     data = json.loads(body)
-    if not "date" in data.keys():
+    if "date" not in data.keys():
         return json_response(400, "Date required.")
     else:
         try:

From 9d3af6256affe8c065581743e58d1f3341d803ae Mon Sep 17 00:00:00 2001
From: Alan Grissett <alan.grissett@gmail.com>
Date: Sun, 1 Mar 2015 19:50:11 -0500
Subject: [PATCH 06/10] Fixed pep8 errors

---
 manage.py | 2 --
 1 file changed, 2 deletions(-)

diff --git a/manage.py b/manage.py
index 8e94e48..7914cff 100644
--- a/manage.py
+++ b/manage.py
@@ -49,7 +49,5 @@ def seed_users():
                                                      users_updated))
 
 
-
-
 if __name__ == '__main__':
     manager.run()

From 2cec3fde41b94ca57a499317fb5f5be696b57370 Mon Sep 17 00:00:00 2001
From: Alan Grissett <alan.grissett@gmail.com>
Date: Sun, 1 Mar 2015 20:20:46 -0500
Subject: [PATCH 07/10] Added data visualization

---
 .../views/__pycache__/stats.cpython-34.pyc    | Bin 4812 -> 6232 bytes
 stat_tracker/views/stats.py                   |  46 +++++++++++++++---
 2 files changed, 39 insertions(+), 7 deletions(-)

diff --git a/stat_tracker/views/__pycache__/stats.cpython-34.pyc b/stat_tracker/views/__pycache__/stats.cpython-34.pyc
index a5d5baf96e22743fc81529b90c6ad499356a80a9..d65b21365deee74150de0e0ffb9d592685022b0d 100644
GIT binary patch
delta 1616
zcmb7E&2Jl35TCc}kF2wf9p^*zBM>!&vJFWp6-tGos3CzOTFN0kSw+#>Z{x1BYn!((
zk!>ZiM3A^4&>kwJBK`){1L~pNL7Wlnl~XTVI3V@JZ`MwLhznlN?3<4_^P73I@2ACI
zt}gs;7YkoJ`QzTBS)$+QAHOWtH$l<8Zx>=wk`<CuB&Vri(6JEl6LH%-78Fkz*ROdO
zsX0f|fq}dN$txt6=u=`5|LSFuuaR74P4!ihS=x419)D<jZ$19iek#QM_~FD$Vk7=;
z;zw~a{-pGS2;)2DIk6cx%Rh^^<BiFeXO0+10gTLwD2t-7h1!ZO`{|pXu_ZIIsCTgF
zFRZ$C?H~BMw<BHcuK6wf)~Uvq>nojBBVMs*2e;s@i4IewLIW+)ksxhQ)1<=`ykH^2
z1_4DgOLC;nv4b>7n%s_UCv#T`giFRkKlF63<Mk~+bQ|6(k~#UL5W0KbPW^$av?{Wn
z*$D=^nvdKAZ`W^B&3dq#WFpVoQx?pQp>E(+HDOcdu^O@qymRWb7Orj>^K%#?8;s0?
zu+X0ZNWBla&Zzj81LZ-Rpy(2`I)0d+8;r^vR)Q0PyoEzMLS-2)4l13cLq7DO!Q>Mh
z8cuvOq%$KI!7KDjkkC15=1JyQI6{alHOENi>0HwyIhMK{W(TR#`nQsr1@3rroVnnQ
zb}AQBnd457gv%&NiR3t^mo}%CMUoS6G*bX&HXH&ooXR9833GgG7^!U%UIP-6FpyJs
z)ipGxe$p)if(hE@Zk+>bq;v97i3bFAH;KM9=;Iu1rzhhGwFD=}NQ{-MNygV+c;?ui
z7uEtl()D)OS%1VqIfF%m{)>N4#>!gIuDe0Bj>U=ZDI!M0bDko41B(%&CAx1gD4ZB@
zp_o}fLD4`soYfYpH%`zxrkcRses-}ozbF$LI3gK~wA$4eTNrP{m<T_u=1c|Z1K7R>
z4WWxuWdFZcYlwmoN3sE_I}rXW)i<Z9=vf=<#MJH1yGd60jR(4KZ);aa^R?dmmfK52
zHxa$W+zs_}v0NQfZ5aJ_>)A5z%S3+P>*u@6QRoJNQ&APpc!}A<fcfjpu7f3(*V+#~
z<!Vp82N~bzeytO<bu|}t{FWD0$0JYg9Qcu63%sh;fY5cjKJ?nJ@9osuTDQZYzL)B)
zR3CV|T3z9Q7DwZ2$*bnNunqR2s;#-Aoxtt2_qCHtzkIdIaI)-(;QWHU<^@rbJ8*-2
zC=IuJwrhN!eFciRHWC+b3ryiQD1#U9l*BZivM3uxaS@M#ze$c04<@5*T5tU4q<?+`
od(|ehEoOYBrZ<VY6?ZDHh#T?4%H`=7#7r4fvc-%A%7F@h0Uv`<X#fBK

delta 228
zcmca%a7I=69S<+pqMpwoe}otq9y1^TRv_B}h>O)XDo<u)Zf0bde3a3fKShWkMVKK)
zgdv@Yp_!3!vM`ewTM8>fu%_nb8m4`mlkW@c<c|SqV*wHj%tDMs4x7z*4l*((PyWFx
z&*(H+g6|Zg<K)MDCmBm7ujQ9zbeVjb{~Dw7<V6B1QY|2jTu_YyjJ%9Ij76?MuBQ6r
z-(tnAQOpH7C6kNAGX)%gf<;as!UaUQPW~pY#%MHIRzjVRhf$PGf>Bfei1~RK0l|_o
AJ^%m!

diff --git a/stat_tracker/views/stats.py b/stat_tracker/views/stats.py
index 96be6b0..8f545d0 100644
--- a/stat_tracker/views/stats.py
+++ b/stat_tracker/views/stats.py
@@ -89,13 +89,6 @@ def update_activity(activity_id):
                            form=form)
 
 
-@stats.route("/activity_data/<int:activity_id>")
-@login_required
-def activity_data(activity_id):
-    activity = Activity.query.get_or_404(activity_id)
-    return render_template("activity_data.html", activity=activity)
-
-
 @stats.route("/edit/<int:activity_id>", methods=["GET", "POST"])
 @login_required
 def edit_activity(activity_id):
@@ -137,3 +130,42 @@ def delete_stat(stat_id):
     db.session.commit()
     return redirect(url_for("stats.update_activity",
                             activity_id=stat.activity))
+
+
+@stats.route("/activity_data/<int:activity_id>")
+@login_required
+def activity_data(activity_id):
+    activity = Activity.query.get_or_404(activity_id)
+    return render_template("activity_data.html", activity=activity)
+
+
+@stats.route("/activity_data<int:activity_id>.png")
+@login_required
+def activity_data_chart(activity_id):
+    make_chart(activity_id)
+    fig = BytesIO()
+    plt.savefig(fig)
+    plt.clf()
+    fig.seek(0)
+    return send_file(fig, mimetype="image/png")
+
+
+def make_chart(activity_id):
+    data = Stat.query.filter_by(activity=activity_id).all()
+    print(data)
+    dates = [item.date for item in data]
+    date_labels = [date.strftime("%b %d") if i % 2 else ""
+                   for i, date in enumerate(dates)]
+    values = [item.value for item in data]
+    print(dates)
+    print(values)
+    ax = plt.subplot(111)
+    ax.spines["top"].set_visible(False)
+    ax.spines["right"].set_visible(False)
+    ax.get_xaxis().tick_bottom()
+    ax.get_yaxis().tick_left()
+
+    plt.title("Stats by Day")
+    plt.plot_date(x=dates, y=values, fmt="-")
+    plt.xticks(dates, date_labels, rotation=45, size="x-small")
+    plt.tight_layout()

From adf7cd8e404c53aede54b76253dc48ad1b78784a Mon Sep 17 00:00:00 2001
From: Alan Grissett <alan.grissett@gmail.com>
Date: Sun, 1 Mar 2015 20:21:20 -0500
Subject: [PATCH 08/10] Added data template

---
 stat_tracker/templates/activity_data.html | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 stat_tracker/templates/activity_data.html

diff --git a/stat_tracker/templates/activity_data.html b/stat_tracker/templates/activity_data.html
new file mode 100644
index 0000000..c2bf961
--- /dev/null
+++ b/stat_tracker/templates/activity_data.html
@@ -0,0 +1,19 @@
+{% extends "layout.html" %}
+
+{% block body %}
+    <div class="row">
+        <div class="large-5 large-centered columns">
+            <h1>Activity Data:</h1>
+        </div>
+    </div>
+    <div class="row">
+        <div class="large-3 large-centered columns">
+            <h2>{{ activity.title }}</h2>
+        </div>
+    </div>
+    <div class="row">
+        <div class="large-8 large-centered columns">
+            <img src="{{ url_for('stats.activity_data_chart', activity_id=activity.id) }}" />
+        </div>
+    </div>
+{% endblock %}

From 9306f0290930bee57e086ceaa6d1abe589d4db79 Mon Sep 17 00:00:00 2001
From: Alan Grissett <alan.grissett@gmail.com>
Date: Sun, 1 Mar 2015 20:27:16 -0500
Subject: [PATCH 09/10] Removed print statements.

---
 .../views/__pycache__/stats.cpython-34.pyc    | Bin 6232 -> 6172 bytes
 stat_tracker/views/stats.py                   |   4 ----
 2 files changed, 4 deletions(-)

diff --git a/stat_tracker/views/__pycache__/stats.cpython-34.pyc b/stat_tracker/views/__pycache__/stats.cpython-34.pyc
index d65b21365deee74150de0e0ffb9d592685022b0d..62dc88add0c8fb58579d5e59278101cf4d6cf402 100644
GIT binary patch
delta 863
zcmZ9KO=uHQ5XWcowb|@$vfWM6XqpyMTd39&wKS%+wO_U-dhj6jAR^Tb)X+-%vSO7K
z!Geg;(?BU!&pnAq!IK9)33~D-_29v~7eNF;oQb7s-!i|Q_vZg*-_E>`g(n65t7*lY
zSKltqywG22_>f*}g$v8=&_I~Hl7^Ka_z|dSP>Vt%2&)LV)DJVeYdWj~;9o(YDfmAa
z1K*%Zv>Q!Yinh~wbS`ZJk6;!Zv@pqLv#G)DwB8xOQ#5Flafr?)a!!zC>X;zO=!vKz
zZ5tIFp<hN3N45vd65=o|T9>d$Z><7erXN-Zj#4K64o}mU_~D@<@4FkXdN=&5b${0H
zoAVduRY@`)m5jD>#Lo+c1#&XgCy*12VTnFi8AIPoFi+1CIUJ|=iOn&|-4olN!IjNX
z!GPenAS}=XCm1~eH70(Ew(O2ngWY<J0YRr(2ou!=eX<`}%>zjZctep?OLyXdXhXYN
zHA!17JN)POonBm{=T54v%%STjaUKyi`Q`*$J%sc|%aP{hFhpH${$3br5%40?uaz(~
zc&dS?!2xcw7j1TNcTL~F*6evL*6h4!4Do8_pPRsQ3p@_;J@I)G2hV^;06Y^KA@DdB
zXJHV-5=_u%HxpvVrl0O@d`$J^23E*SWy9zB(3{koI@2}89v7g(FLh3Ea1UAWMER7~
zQ#1LNe_GKgp?=1WUcGs1p{i#6s+y)`dYKEhmOgo8ienpW^)?1z7G2c2{4OT=Mkd*_
s0~WUNqo(M4`VLOhV(Ya-gRE5}f>FV^K<cX|1yX*Ix0d;?k7hEz0Z!$hwg3PC

delta 976
zcmZ8fNlz3}5ProhJ-tmgvoSD$1QdcXFd~r&AUk2xn~}sw2+|#$381`bBa$JQVB$@U
z<-rA_zre&`jCwG7<zzgWG4bX_6E7aUSk>Ty-KnqZRekl|>#A=v`!TD2H%#r$s~@K~
zpQ$etxQlO<>{%}?N)=)Q1gzAH5{QwRlvoQ0PZ5QPD5#<o@RQ4ZVtOy8i47s(FJZTO
ze^M8ofdi3dF!4g9K3oo6miZ;T5y_`xf}TJIVxWNu2{M~Z_G|~#rV2QLE&2rX;<DZb
zIeel|LO*`fyYzl4TCHk#oxF#Zn%N#V5&(TTW1b<}b2AI)@QZl>1~C-ffdPCUJ)FvM
zNt7#Qi{6~qcF|j0klkooNxP3y(q?F5;N$9W%hd3kRRi7l#!TaFOM^vxXw|_mzO){#
z^KPx0<lD<e27iw@dl7~%h7N`hgTio(ptV8{vER*5^9M5Im37Bma6Q+*-Wmmp8i5GJ
z{EiqPM`*R$&^|Zs<?(}k-Sm$PP>?pw;cR8Ib(0pwAOTm&QM^}KrhZ(C9qG8m8N<(L
zpi+mq+j5cu^T1Jh!eo5UVX|T);5(&3Apx)y@N29NLKulRt_Oe1!y_-~XGt;zML1zz
ztc64=#8Pn-QB87jB0gm=rv4xEwNuc21u@59uVC&finfgkhbVLdKEo1@Ud_il1|RL1
z!if?y;3sW-8czp_Rf#+CtFVbfiTf~xpAwnSDf*!;{FxX%)Jq;UYl=SdB*Xp*NM=4p
zH#yxB`)9OG%<N=1PEc0er7MfBoby~cj-Qh&)Zyt=?&uih9*`AT4gxaN;W%~LCe-M)
zNZSco*%c<#(ksXCb?O?7V`tU*gFRFsS<`ZmfhXWkTaL2FQ(}76M75cQWG$IZW*LxF
I$--pXFQ&1xTmS$7

diff --git a/stat_tracker/views/stats.py b/stat_tracker/views/stats.py
index 8f545d0..b59b433 100644
--- a/stat_tracker/views/stats.py
+++ b/stat_tracker/views/stats.py
@@ -51,7 +51,6 @@ def add():
 def delete_activity(activity_id):
     stats = Stat.query.filter_by(activity=activity_id).all()
     record = Activity.query.get(activity_id)
-    print(record)
     for stat in stats:
         db.session.delete(stat)
     db.session.commit()
@@ -152,13 +151,10 @@ def activity_data_chart(activity_id):
 
 def make_chart(activity_id):
     data = Stat.query.filter_by(activity=activity_id).all()
-    print(data)
     dates = [item.date for item in data]
     date_labels = [date.strftime("%b %d") if i % 2 else ""
                    for i, date in enumerate(dates)]
     values = [item.value for item in data]
-    print(dates)
-    print(values)
     ax = plt.subplot(111)
     ax.spines["top"].set_visible(False)
     ax.spines["right"].set_visible(False)

From 78528a6cbcebf5061b5abd96b15cedf6c84dc0c4 Mon Sep 17 00:00:00 2001
From: Alan Grissett <alan.grissett@gmail.com>
Date: Mon, 2 Mar 2015 08:50:57 -0500
Subject: [PATCH 10/10] Styling

---
 stat_tracker/templates/index.html  |  4 +++-
 stat_tracker/templates/update.html | 10 +++++-----
 stat_tracker/views/api.py          |  4 ++--
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/stat_tracker/templates/index.html b/stat_tracker/templates/index.html
index 7e6dbd1..3467cf0 100644
--- a/stat_tracker/templates/index.html
+++ b/stat_tracker/templates/index.html
@@ -7,11 +7,13 @@ <h2>Your current activities:</h2>
     </div>
     <div class="large-3 columns"></div>
 </div>
+<ul class="no-bullet">
 {% for activity in activities.items %}
     <div class="row">
-        <div class="large-3 large-centered columns"><a href="{{ url_for('stats.update_activity', activity_id=activity.id) }}">{{ activity.title }}</a></div>
+        <li><div class="large-3 large-centered columns"><a href="{{ url_for('stats.update_activity', activity_id=activity.id) }}">{{ activity.title }}</a></div></li>
     </div>
 {% endfor %}
+</ul>
 <div class="row">
     <div class="large-5 large-centered columns">
         {% if activities.prev_num > 0 %}
diff --git a/stat_tracker/templates/update.html b/stat_tracker/templates/update.html
index d68b081..c8663ce 100644
--- a/stat_tracker/templates/update.html
+++ b/stat_tracker/templates/update.html
@@ -6,22 +6,22 @@
             <button class="tiny" onclick="location.href='{{ url_for('stats.activity_data', activity_id=activity.id)}}'">Data</button>
             <button class="tiny" onclick="location.href='{{ url_for('stats.delete_activity', activity_id=activity.id)}}'">Delete</button>
         </div>
-        <div class="large-11 columns">
+        <div class="large-3 large-centered columns">
             <center><h2>{{ activity.title }}</h2></center>
         </div>
         <form method=POST action="{{ url_for('stats.update_activity', activity_id=activity.id) }}">
-                <div class="large-11 columns">
+                <div class="large-3 large-centered columns">
                     {{ form.hidden_tag() }}
                     <center>{{ form.value.label }}</center>
                     {{ form.value }}
                     <center><input type=submit value="Submit"></center>
                 </div>
         </form>
-            <ul>
+            <ul class="no-bullet">
                 {% for stat in stats %}
                     <div class="row">
-                        <div class="large-11 columns">
-                            <center>{{ stat.date.strftime("%m-%d-%Y")}}: {{ stat.value }}</center>
+                        <div class="large-3 large-centered columns">
+                            <center><li>{{ stat.date.strftime("%m-%d-%Y")}}: {{ stat.value }}</li></center>
                         </div>
                     </div>
                 {% endfor %}
diff --git a/stat_tracker/views/api.py b/stat_tracker/views/api.py
index 0b588f4..6ea7e81 100644
--- a/stat_tracker/views/api.py
+++ b/stat_tracker/views/api.py
@@ -50,8 +50,8 @@ def user_activities():
         activities = Activity.query.filter_by(owner=current_user.id)
         activities = [activity.to_dict() for activity in activities]
         for activity in activities:
-            activity["location"] = url_for(".activity",
-                                           activity_id=activity["id"])
+            activity["location"] = request.url_root + url_for(".activity",
+                                           activity_id=activity["id"])[1:]
         return jsonify({"activities": activities})