diff --git a/.gitignore b/.gitignore
index bca129da..540959f5 100755
--- a/.gitignore
+++ b/.gitignore
@@ -21,6 +21,7 @@ app/tests/coverage/
 config/sslcerts/*.pem
 access.log
 public/dist/
+uploads/
 
 # Sublime editor
 # ==============
diff --git a/app/controllers/forms.server.controller.js b/app/controllers/forms.server.controller.js
index e9e6568d..a3d2c4ff 100644
--- a/app/controllers/forms.server.controller.js
+++ b/app/controllers/forms.server.controller.js
@@ -8,29 +8,27 @@ var mongoose = require('mongoose'),
 	Form = mongoose.model('Form'),
 	FormSubmission = mongoose.model('FormSubmission'),
 	pdfFiller = require( 'pdffiller' ),
-	PDFParser = require('pdf2json/pdfparser'),
 	config = require('../../config/config'),
 	fs = require('fs-extra'),
 	async = require('async'),
+	path = require('path'),
 	_ = require('lodash');
 
 /**
- * Create a new form manually
+ * Create a new form
  */
 exports.create = function(req, res) {
 	var form = new Form(req.body);
 	form.admin = req.user;
 
 	form.save(function(err) {
-
 		if (err) {
 			console.log(err);
-			return res.status(400).send({
+			res.status(400).send({
 				message: errorHandler.getErrorMessage(err)
 			});
 		} else {
-
-			return res.json(form);
+			res.json(form);
 		}
 	});
 };
@@ -38,23 +36,29 @@ exports.create = function(req, res) {
 /**
  * Upload PDF 
  */
-exports.uploadPDF = function(req, res) {
-	var parser = new PDFParser(),
-		pdfFile = req.files.file;
+exports.uploadPDF = function(files, user, cb) {
+	var _user = JSON.parse(''+user);
+	console.log(_user.username);
+	console.log(config.tmpUploadPath);
 
+<<<<<<< HEAD
 	// console.log(pdfFile);
 
 	var form = Form.findById(req.body.form._id);
 	// console.log(req.files);
+=======
+	if(files) { 
+
+		console.log('inside uploadPDF');
+		console.log(files.file[0]);
+		var pdfFile = files.file[0];
+>>>>>>> dev_working
 
-	if (req.files) { 
-		
 		if (pdfFile.size === 0) {
-			return res.status(400).send({
-				message: 'Hey, first would you select a file?'
-			});
+			throw new Error('Files uploaded are EMPTY');
 		}
 		fs.exists(pdfFile.path, function(exists) { 
+<<<<<<< HEAD
 			console.log(pdfFile.path);
 
 			fs.open(pdfFile.path,'r',function(err,fd){
@@ -65,12 +69,40 @@ exports.uploadPDF = function(req, res) {
 			    }
 			    return res.status(200); 
 			});
-		}); 
-	} 
+=======
+			//If file exists move to user's tmp directory
+			if(exists) { 
+
+				var newDestination = path.join(config.tmpUploadPath, _user.username);
+			    var stat = null;
+			    try {
+			        stat = fs.statSync(newDestination);
+			    } catch (err) {
+			        fs.mkdirSync(newDestination);
+			    }
+			    if (stat && !stat.isDirectory()) {
+			    	console.log('Directory cannot be created');
+			        throw new Error('Directory cannot be created because an inode of a different type exists at "' + newDestination + '"');
+			    }
+			    
+			    fs.move(pdfFile.path, path.join(newDestination, pdfFile.name), function (err) {
+					if (err) {
+						throw new Error(err.message);
+					}
+					pdfFile.path = path.join(newDestination, pdfFile.name);
+
+					return cb(pdfFile);
+				});				
+
+			} else { 
+				throw new Error('Did NOT get your file!');
+			} 
+>>>>>>> dev_working
+		}); 
+	}else {
+		throw new Error('File NOT uploaded');
+	}
 
-	return res.status(400).send({
-		message: 'FILE NOT UPLOADED'
-	});
 };
 
 /**
@@ -95,9 +127,9 @@ exports.createSubmission = function(req, res) {
 	submission.form_fields = req.body.form_fields;
 	submission.title = req.body.title;
 	submission.timeElapsed = req.body.timeElapsed;
+	console.log(req.body);
 	// submission.ipAddr = req.headers['x-forwarded-for'] || req.connection.remoteAddress;
 
-
 	if (form.isGenerated){
 		fdfTemplate = form.convertToFDF();
 	} else {
@@ -108,28 +140,22 @@ exports.createSubmission = function(req, res) {
 		}
 	}
 
-	fdfData = pdfFiller.fillFdfTemplate(fdfTemplate, submission.form_fields, null);
-
-	submission.fdfData = fdfData;
-
-	//Create new file
-	// pdfFiller.fillForm( form.pdf.path, config.pdfUploadPath+form.title+'/'+form.title+'_'+Date.now()+'_submission.pdf', fdfData, function() { 
-		// console.log('\n\n\n fdfData');
-		// console.log(fdfData);
-		// console.log('\n\n\n :\n');
-		// console.log(req.body);
+	if(form.autofillPDFs){
+		fdfData = pdfFiller.fillFdfTemplate(fdfTemplate, submission.form_fields, null);
+		submission.fdfData = fdfData;
+	}
 
 	submission.save(function(err){
 		if (err) {
 			console.error(err);
-			return res.status(400).send({
+			res.status(400).send({
 				message: errorHandler.getErrorMessage(err)
 			});
 		} else {
-			return res.status(200);
+			console.log('Form Submission CREATED');
+			res.status(200).send('Form submission successfully saved');
 		}            
 	});	
-	// });
 };
 
 
@@ -139,13 +165,15 @@ exports.createSubmission = function(req, res) {
 exports.listSubmissions = function(req, res) {
 	var _form = req.form;
 
-	FormSubmission.find({ form: req.form }).exec(function(err, submissions) {
+	FormSubmission.find({ form: req.form }).populate('admin', 'form').exec(function(err, submissions) {
 		if (err) {
-			return res.status(400).send({
+			console.log(err);
+			res.status(500).send({
 				message: errorHandler.getErrorMessage(err)
 			});
 		} else {
-			return res.json(submissions);
+			console.log('hello');
+			res.json(submissions);
 		}
 	});
 };
@@ -163,12 +191,12 @@ exports.update = function(req, res) {
 	form.save(function(err) {
 		if (err) {
 			console.log(err);
-			return res.status(400).send({
+			res.status(400).send({
 				message: errorHandler.getErrorMessage(err)
 			});
 		} else {
 			console.log('updated form');
-			return res.json(form);
+			res.json(form);
 		}
 	});
 };
@@ -178,31 +206,41 @@ exports.update = function(req, res) {
  */
 exports.delete = function(req, res) {
 	var form = req.form;
-
-	form.remove(function(err) {
+	console.log('deleting form');
+	Form.remove({_id: form._id}, function(err) {
 		if (err) {
-			return res.status(400).send({
-				message: errorHandler.getErrorMessage(err)
+			res.status(500).send({
+				message: err.message
 			});
 		} else {
-			return res.status(200);
-			// res.json(form);
+			console.log('Form successfully deleted');
+			res.status(200).send('Form successfully deleted');
 		}
 	});
 };
 
 /**
+<<<<<<< HEAD
  * Get List of Forms
  */
 exports.list = function(req, res) {
 	Form.find().sort('-created').populate('admin').exec(function(err, forms) {
+=======
+ * Get All of Users' Forms
+ */
+exports.list = function(req, res) {
+	//Allow 'admin' user to view all forms
+	var searchObj = {admin: req.user};
+	if(req.user.isAdmin()) searchObj = {};
+
+	Form.find({}).sort('-created').populate('admin').exec(function(err, forms) {
+>>>>>>> dev_working
 		if (err) {
-			return res.status(400).send({
+			res.status(400).send({
 				message: errorHandler.getErrorMessage(err)
 			});
 		} else {
-			console.log(forms);
-			return res.json(forms);
+			res.json(forms);
 		}
 	});
 };
@@ -214,26 +252,48 @@ exports.list = function(req, res) {
 exports.formByID = function(req, res, next, id) {
 
 	if (!mongoose.Types.ObjectId.isValid(id)) {
-		return res.status(400).send({
+		res.status(400).send({
 			message: 'Form is invalid'
 		});
 	}
 
 	Form.findById(id).populate('admin').exec(function(err, form) {
-		if (err) return next(err);
-		if (!form) {
-			return res.status(404).send({
+		if (err) {
+			return next(err);
+		} else if (!form || form === null) {
+			res.status(404).send({
 				message: 'Form not found'
 			});
 		}
+		else {
+			if(!form.admin){
+				form.admin = req.user;
+				form.save(function(err) {
+					if (err) {
+						console.log(err);
+						res.status(400).send({
+							message: errorHandler.getErrorMessage(err)
+						});
+					} else {
+						//Remove sensitive information from User object
+						form.admin.password = null;
+						form.admin.created = null;
+						form.admin.salt = null;
 
-		//Remove sensitive information from User object
-		form.admin.password = null;
-		form.admin.created = null;
-		form.admin.salt = null;
+						req.form = form;
+						next();
+					}
+				});
+			}
 
-		req.form = form;
-		next();
+			//Remove sensitive information from User object
+			form.admin.password = null;
+			form.admin.created = null;
+			form.admin.salt = null;
+
+			req.form = form;
+			next();
+		}
 	});
 };
 
@@ -243,14 +303,9 @@ exports.formByID = function(req, res, next, id) {
 exports.hasAuthorization = function(req, res, next) {
 
 	var form = req.form;
-
-	// console.log('\n\n\nreq.form:\n');
-	// console.log(form);
-	// console.log('req.user.id: '+req.user.id);
-
-	if (req.form.admin.id !== req.user.id) {
-		return res.status(403).send({
-			message: 'User is not authorized'
+	if (req.form.admin.id !== req.user.id && req.user.roles.indexOf('admin') === -1) {
+		res.status(403).send({
+			message: 'User '+req.user.username+' is not authorized'
 		});
 	}
 	next();
diff --git a/app/controllers/users/users.authorization.server.controller.js b/app/controllers/users/users.authorization.server.controller.js
index 1fc88a21..56aa35bc 100755
--- a/app/controllers/users/users.authorization.server.controller.js
+++ b/app/controllers/users/users.authorization.server.controller.js
@@ -23,7 +23,6 @@ exports.userByID = function(req, res, next, id) {
  * Require login routing middleware
  */
 exports.requiresLogin = function(req, res, next) {
-
 	if (!req.isAuthenticated()) {
 		return res.status(401).send({
 			message: 'User is not logged in'
diff --git a/app/models/article.server.model.js b/app/models/article.server.model.js
deleted file mode 100755
index f2b89db8..00000000
--- a/app/models/article.server.model.js
+++ /dev/null
@@ -1,34 +0,0 @@
-'use strict';
-
-/**
- * Module dependencies.
- */
-var mongoose = require('mongoose'),
-	Schema = mongoose.Schema;
-
-/**
- * Article Schema
- */
-var ArticleSchema = new Schema({
-	created: {
-		type: Date,
-		default: Date.now
-	},
-	title: {
-		type: String,
-		default: '',
-		trim: true,
-		required: 'Title cannot be blank'
-	},
-	content: {
-		type: String,
-		default: '',
-		trim: true
-	},
-	user: {
-		type: Schema.ObjectId,
-		ref: 'User'
-	}
-});
-
-mongoose.model('Article', ArticleSchema);
diff --git a/app/models/form.server.model.js b/app/models/form.server.model.js
index bb271e85..3099f7af 100644
--- a/app/models/form.server.model.js
+++ b/app/models/form.server.model.js
@@ -10,9 +10,8 @@ var mongoose = require('mongoose'),
 	_ = require('lodash'),
 	config = require('../../config/config'),
 	path = require('path'),
-	fs = require('fs-extra');
-
-var Field = mongoose.model('Field', FieldSchema);
+	fs = require('fs-extra'),
+	Field = mongoose.model('Field', FieldSchema);
 
 
 /**
@@ -23,11 +22,10 @@ var FormSchema = new Schema({
 		type: Date,
 		default: Date.now
 	},
-	// type: {
-	// 	type: String,
-	// 	default: 'template',
-	// 	enum: ['submission', 'template']
-	// },
+	lastModified: {
+		type: Date,
+		default: Date.now
+	},
 	title: {
 		type: String,
 		default: '',
@@ -39,7 +37,7 @@ var FormSchema = new Schema({
 		type: String,
 		default: '',
 	},
-	form_fields: [Schema.Types.Mixed],
+	form_fields: [{type: Schema.Types.Mixed}],
 
 	submissions: [{
 		type: Schema.Types.ObjectId,
@@ -57,20 +55,36 @@ var FormSchema = new Schema({
 	pdfFieldMap: {
 		type: Schema.Types.Mixed
 	},
+	hideFooter: {
+		type: Boolean,
+		default: true,
+	},
 	isGenerated: {
 		type: Boolean,
 		default: false,
 	},
+	isLive: {
+		type: Boolean,
+		default: true,
+	},
 	autofillPDFs: {
 		type: Boolean,
 		default: false,
 	},
 });
 
+<<<<<<< HEAD
 //Move PDF to permanent location after new PDF is uploaded
+=======
+//Update lastModified everytime we save
+FormSchema.pre('save', function (next) {
+	this.lastModified = Date.now();
+	next();
+});
+
+//Move PDF to permanent location after new template is uploaded
+>>>>>>> dev_working
 FormSchema.pre('save', function (next) {
-	// console.log(this.pdf);
-	// debugger;
 
 	if(this.pdf && this.isModified('pdf')){
 		console.log('Relocating PDF');
@@ -111,15 +125,31 @@ FormSchema.pre('save', function (next) {
 	}
 });
 
+//Delete template PDF of current Form
+FormSchema.pre('remove', function (next) {
+	if(this.pdf){
+		//Delete template form
+		fs.unlink(this.pdf.path, function(err){
+			if (err) throw err;
+		  	console.log('successfully deleted', this.pdf.path);
+		});
+	}
+});
+
 //Autogenerate FORM from PDF if 'isGenerated' flag is 'true'
 FormSchema.pre('save', function (next) {
-	var field; 
+	var field, _form_fields; 
 	
 	if(this.isGenerated && this.pdf){
 
 		var _typeConvMap = {
+			'Multiline': 'textarea',
 			'Text': 'textfield',
-			'Button': 'checkbox'
+			'Button': 'checkbox',
+			'Choice': 'radio',
+			'Password': 'password',
+			'FileSelect': 'filefield',
+			'Radio': 'radio'
 		};
 
 		var that = this;
@@ -137,14 +167,27 @@ FormSchema.pre('save', function (next) {
 						field.fieldType = _typeConvMap[ field.fieldType+'' ];
 					}
 
+<<<<<<< HEAD
 					//Set field defaults
 					field.created = Date.now();
+=======
+>>>>>>> dev_working
 					field.fieldValue = '';
+					field.created = Date.now();
 					field.required = true;
-        			field.disabled  = false;
+    				field.disabled  = false;
 
 					// field = new Field(field);
-					// field.save()
+					// field.save(function(err) {
+					// 	if (err) {
+					// 		console.error(err.message);
+					// 		throw new Error(err.message);
+					// 		});
+					// 	} else {
+					// 		_form_fields[i] = this;
+					// 	}
+					// });
+					_form_fields[i] = field;
 				}
 
 				console.log('NEW FORM_FIELDS: ');
@@ -183,5 +226,4 @@ FormSchema.methods.convertToFDF = function (cb) {
 	return jsonObj;
 };
 
-
 mongoose.model('Form', FormSchema);
diff --git a/app/models/form_field.server.model.js b/app/models/form_field.server.model.js
index d3725aa6..0487a49d 100644
--- a/app/models/form_field.server.model.js
+++ b/app/models/form_field.server.model.js
@@ -11,17 +11,22 @@ function validateFormFieldType(value) {
   if (!value || typeof myVar !== 'string' ) { return false; }
 
   var validTypes = [
-        'textfield',
-        'email',
-        'url',
-        'textarea',
-        'checkbox',
-        'date',
-        'dropdown',
-        'hidden',
-        'password',
-        'radio'
-    ];
+    'textfield',
+    'textarea',
+    'statement',
+    'email',
+    'legal',
+    'url',
+    'number',
+    'filefield',
+    'radio',
+    'checkbox',
+    'date',
+    'dropdown',
+    'hidden',
+    'password'
+  ];
+
   if (validTypes.indexOf(value) > -1) { 
     return true;
   }
@@ -49,7 +54,7 @@ var FormFieldSchema = new Schema({
 	},
 	required: {
 		type: Boolean,
-		default: false,
+		default: true,
 	},
 	disabled: {
 		type: Boolean,
diff --git a/app/models/form_submission.server.model.js b/app/models/form_submission.server.model.js
index 5457d043..0419da52 100644
--- a/app/models/form_submission.server.model.js
+++ b/app/models/form_submission.server.model.js
@@ -11,6 +11,8 @@ var mongoose = require('mongoose'),
 	config = require('../../config/config'),
 	path = require('path'),
 	Form = mongoose.model('Form'),
+	FieldSchema = require('./form_field.server.model.js'),
+	Field = mongoose.model('Field', FieldSchema),
 	fs = require('fs-extra');
 
 /** 
@@ -30,7 +32,7 @@ var FormSubmissionSchema = new Schema({
 		type: Schema.Types.ObjectId,
 		ref: 'User',
 	},
-	form_fields: [Schema.Types.Mixed],
+	form_fields: [{type: Schema.Types.Mixed}],
 	form: {
 		type: Schema.Types.ObjectId,
 		ref: 'Form',
@@ -83,10 +85,10 @@ FormSubmissionSchema.pre('save', function (next) {
 	Form.findById(that.form, function(err, _form){
 		if(err) next( new Error(err.mesasge) );
 		
-		// that.title = _form.title;
+		that.title = _form.title;
 		// console.log(_form);
 
-		if(true){ //_form.autofillPDFs){
+		if(_form.autofillPDFs){
 
 			dest_filename = _form.title.trim()+'_submission_'+Date.now()+'.pdf';
 			dest_path = path.join(config.pdfUploadPath, dest_filename);
@@ -95,7 +97,6 @@ FormSubmissionSchema.pre('save', function (next) {
 
 			// console.log('autofillPDFs check');
 
-
 			pdfFiller.fillForm(_form.pdf.path, dest_path, this.fdfData, function(err){
 				console.log('fdfData: \n');
 				console.log(that.fdfData);
@@ -111,13 +112,11 @@ FormSubmissionSchema.pre('save', function (next) {
 				next();
 			});
 		} else {
-		
 			next();
 		}
 
 	});
 
-
 });
 
 mongoose.model('FormSubmission', FormSubmissionSchema);
\ No newline at end of file
diff --git a/app/models/user.server.model.js b/app/models/user.server.model.js
index c59c9da8..b815c6b9 100755
--- a/app/models/user.server.model.js
+++ b/app/models/user.server.model.js
@@ -144,4 +144,16 @@ UserSchema.statics.findUniqueUsername = function(username, suffix, callback) {
 	});
 };
 
+/**
+ * Function to check if user has Admin priviledges
+ */
+UserSchema.methods.isAdmin = function() {
+
+	if(this.roles.indexOf('admin') !== -1){
+		return true;
+	}
+	return false;
+};
+
+
 mongoose.model('User', UserSchema);
diff --git a/app/routes/forms.server.routes.js b/app/routes/forms.server.routes.js
index 3c1327e9..e0e0d2e5 100644
--- a/app/routes/forms.server.routes.js
+++ b/app/routes/forms.server.routes.js
@@ -12,14 +12,21 @@ module.exports = function(app) {
 		.post(users.requiresLogin, forms.uploadPDF);
 
 	app.route('/forms')
-		.get(forms.list)
+		.get(users.requiresLogin, forms.list)
 		.post(users.requiresLogin, forms.create);
 
+	app.route('/forms/:formId/submissions')
+		.get(forms.listSubmissions);
+
 	app.route('/forms/:formId')
 		.get(forms.read)
 		.post(forms.createSubmission)
 		.put(users.requiresLogin, forms.hasAuthorization, forms.update)
+<<<<<<< HEAD
 		.delete(users.requiresLogin, forms.hasAuthorization,forms.delete);
+=======
+		.delete(users.requiresLogin, forms.hasAuthorization, forms.delete);
+>>>>>>> dev_working
 
 	// Finish by binding the form middleware
 	app.param('formId', forms.formByID);
diff --git a/app/routes/users.server.routes.js b/app/routes/users.server.routes.js
index 02d966a6..90f47a7a 100755
--- a/app/routes/users.server.routes.js
+++ b/app/routes/users.server.routes.js
@@ -10,9 +10,15 @@ module.exports = function(app) {
 	var users = require('../../app/controllers/users.server.controller');
 
 	// Setting up the users profile api
+<<<<<<< HEAD
 	app.route('/users/me').get(users.me);
 	app.route('/users').put(users.requiresLogin, users.update);
 	app.route('/users/accounts').delete(users.removeOAuthProvider);
+=======
+	app.route('/users/me').get(users.requiresLogin, users.me);
+	app.route('/users').put(users.requiresLogin, users.update);
+	app.route('/users/accounts').delete(users.requiresLogin, users.removeOAuthProvider);
+>>>>>>> dev_working
 
 	// Setting up the users password api
 	app.route('/users/password').post(users.requiresLogin, users.changePassword);
diff --git a/app/views/index.server.view.html b/app/views/index.server.view.html
index 7e60893b..515f440a 100755
--- a/app/views/index.server.view.html
+++ b/app/views/index.server.view.html
@@ -1,5 +1,5 @@
 {% extends 'layout.server.view.html' %}
 
 {% block content %}
-	<section data-ui-view></section>
+	<section ui-view></section>
 {% endblock %}
diff --git a/app/views/layout.server.view.html b/app/views/layout.server.view.html
index 487bff01..ced993bd 100755
--- a/app/views/layout.server.view.html
+++ b/app/views/layout.server.view.html
@@ -38,6 +38,8 @@
 	{% for cssFile in cssFiles %}
 		<link rel="stylesheet" href="{{cssFile}}">
 	{% endfor %}
+	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
+
 
 	<!-- HTML5 Shim -->
 	<!--[if lt IE 9]>
@@ -45,12 +47,12 @@
 	<![endif]-->
 </head>
 
-<body class="ng-cloak" >
+<body ng-cloak>
 	<header data-ng-include="'/modules/core/views/header.client.view.html'"></header>
 	<section class="content">
-		<section class="container">
+		<!-- <section class="container"> -->
 			{% block content %}{% endblock %}
-		</section>
+		<!-- </section> -->
 	</section>
 
 	<!--Embedding The User Object-->
diff --git a/bower.json b/bower.json
index f5c986ee..22af2af4 100755
--- a/bower.json
+++ b/bower.json
@@ -11,7 +11,8 @@
     "angular-bootstrap": "~0.12.0",
     "angular-ui-utils": "~0.1.1",
     "angular-ui-router": "~0.2.11",
-    "angular-strap": "~2.2.1"
+    "angular-strap": "~2.2.1",
+    "angular-permission": "~0.3.0"
   },
   "resolutions": {
     "angular": "^1.2.21",
diff --git a/config/env/all.js b/config/env/all.js
index c8386400..c4a5d4cf 100755
--- a/config/env/all.js
+++ b/config/env/all.js
@@ -59,12 +59,14 @@ module.exports = {
 			],
 			js: [
 				'public/lib/angular/angular.js',
+				'public/lib/angular-permission/dist/angular-permission.js',
 				'public/lib/angular-resource/angular-resource.js',
 				'public/lib/angular-animate/angular-animate.js',
 				'public/lib/angular-ui-router/release/angular-ui-router.js',
 				'public/lib/angular-ui-utils/ui-utils.js',
 				'public/lib/angular-bootstrap/ui-bootstrap-tpls.js',
-				'public/lib/ng-file-upload/ng-file-upload-all.js'
+				'public/lib/ng-file-upload/ng-file-upload-all.js',
+				'public/lib/angular-cookies/angular-cookies.js',
 			]
 		},
 		css: [
diff --git a/config/express.js b/config/express.js
index 6dc3f55f..4d6fe4c7 100755
--- a/config/express.js
+++ b/config/express.js
@@ -96,34 +96,35 @@ module.exports = function(db) {
 	// Setting the app router and static folder
 	app.use(express.static(path.resolve('./public')));
 
+	var formCtrl = require('../app/controllers/forms.server.controller');
 	// Setting the pdf upload route and folder
 	app.use(multer({ dest: config.tmpUploadPath,
 		rename: function (fieldname, filename) {
 		    return Date.now();
 		},
-		// changeDest: function(dest, req, res) {
-		// 	console.log(req.body.form);
-
-		//     var newDestination = dest + req.body.form.title;
-		//     var stat = null;
-		//     try {
-		//         stat = fs.statSync(newDestination);
-		//     } catch (err) {
-		//         fs.mkdirSync(newDestination);
-		//     }
-		//     if (stat && !stat.isDirectory()) {
-		//     	console.log('Directory cannot be created');
-		//         throw new Error('Directory cannot be created because an inode of a different type exists at "' + dest + '"');
-		//     }
-		//     return newDestination;
-		// },
 		onFileUploadStart: function (file) {
 			//Check to make sure we can only upload images and pdfs
 		  	console.log(file.originalname + ' is starting ...');
 		},
+<<<<<<< HEAD
 		onFileUploadComplete: function (file) {
 		  	console.log(file.fieldname + ' has been uploaded to: ' + file.path);
 		  	// done=true;
+=======
+		onFileUploadComplete: function (file, req, res) {
+			// console.log('\n\nheadersSent in onFileUploadComplete: ', res.headersSent);
+			console.log(req.body.user);
+			try{
+				formCtrl.uploadPDF(req.files, req.body.user, function(_file){
+					console.log(_file.filename + ' uploaded to  ' + _file.path);
+					res.status(200).send(_file);
+				});
+			}catch(err) {
+				res.status(500).send({
+					message: err.message
+				});
+			}
+>>>>>>> dev_working
 		}
 	}));
 
diff --git a/package.json b/package.json
index 3250e0e3..e8d6c8d6 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,8 @@
     "passport-local": "~1.0.0",
     "passport-twitter": "~1.0.2",
     "satelize": "^0.1.1",
-    "swig": "~1.4.1"
+    "swig": "~1.4.1",
+    "then-fs": "^2.0.0"
   },
   "devDependencies": {
     "supertest": "~0.14.0",
diff --git a/public/application.js b/public/application.js
index 4b242797..f31ecd63 100755
--- a/public/application.js
+++ b/public/application.js
@@ -9,16 +9,24 @@ angular.module(ApplicationConfiguration.applicationModuleName).config(['$locatio
 		$locationProvider.hashPrefix('!');
 	}
 ]);
-angular.module(ApplicationConfiguration.applicationModuleName).run(['$rootScope', 'Authorization', 'Principal',
-    function($rootScope, Authorization, Principal) {
-		$rootScope.$on('$stateChangeStart', function(event, toState, toStateParams) {
-			// track the state the user wants to go to; authorization service needs this
-			$rootScope.toState = toState;
-			$rootScope.toStateParams = toStateParams;
-			// if the principal is resolved, do an authorization check immediately. otherwise,
-			// it'll be done when the state it resolved.
-			if (Principal.isIdentityResolved()) Authorization.authorize();
-		});
+angular.module(ApplicationConfiguration.applicationModuleName).run(['$rootScope', '$state', '$stateParams',
+    function($rootScope, $state, $stateParams) {
+		// $rootScope.$on('$stateChangeStart', function(event, toState, toStateParams) {
+		// 	// track the state the user wants to go to; authorization service needs this
+		// 	$rootScope.toState = toState;
+		// 	$rootScope.toStateParams = toStateParams;
+		// 	// if the principal is resolved, do an authorization check immediately. otherwise,
+		// 	// it'll be done when the state it resolved.
+		// });
+
+	    $rootScope.$state = $state;
+	    $rootScope.$stateParams = $stateParams;
+
+	    // add previous state property
+	    $rootScope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState) {
+	        $state.previous = fromState;
+	    });
+
     }
 ]);
 
diff --git a/public/modules/core/config/core.client.routes.js b/public/modules/core/config/core.client.routes.js
index f7691d38..29c295f0 100755
--- a/public/modules/core/config/core.client.routes.js
+++ b/public/modules/core/config/core.client.routes.js
@@ -12,6 +12,7 @@ angular.module('core').config(['$stateProvider', '$urlRouterProvider',
 			url: '/',
 			templateUrl: 'modules/core/views/home.client.view.html'
 		});
+<<<<<<< HEAD
 		// state('restricted', {
 		//   	'abstract': true,
 		// 	resolve: {
@@ -22,5 +23,13 @@ angular.module('core').config(['$stateProvider', '$urlRouterProvider',
 		// 		]
 		// 	}
 		// });
+=======
+
+		$urlRouterProvider.otherwise( function($injector) {
+		  var $state = $injector.get('$state');
+		  $state.go('home');
+		});
+
+>>>>>>> dev_working
 	}
 ]);
\ No newline at end of file
diff --git a/public/modules/core/controllers/header.client.controller.js b/public/modules/core/controllers/header.client.controller.js
index cfc8820e..0d584c2e 100755
--- a/public/modules/core/controllers/header.client.controller.js
+++ b/public/modules/core/controllers/header.client.controller.js
@@ -1,40 +1,73 @@
 'use strict';
 
-angular.module('core').controller('HeaderController', ['$scope', 'Principal', 'Menus', '$state',
-	function($scope, Principal, Menus, $state) {
-		$scope.authentication = Principal;
+angular.module('core').controller('HeaderController', ['$rootScope','$scope','Menus', '$state', 'Auth', 'User',
+	function ($rootScope, $scope, Menus, $state, Auth, User) {
+		$scope.user = $rootScope.user = Auth.ensureHasCurrentUser(User);
+	    $scope.authentication = $rootScope.authentication = Auth;
+		
+	    console.log('isAuthenticated(): '+$scope.authentication.isAuthenticated());
+
 		$scope.isCollapsed = false;
 		$scope.hideNav = false;
 		$scope.menu = Menus.getMenu('topbar');
 
-		Principal.identity().then(function(user){
-			$scope.authentication.user = user;
-		}).then(function(){
-			$scope.signout = function() {
-				var response_obj = Principal.signout();
-				if( angular.isDefined(response_obj.error) ){
-					$scope.error = response_obj.error;
-				} else{
-					$state.go('home');
-				}
-			};
 
-			$scope.toggleCollapsibleMenu = function() {
-				$scope.isCollapsed = !$scope.isCollapsed;
-			};
+	    $scope.signout = function() {
+	      User.logout(function() {
+	        Auth.logout();
+	        $rootScope.user = null;
+	        $state.go('home');
+	      });
+	    };
 
-			// Collapsing the menu after navigation
-			$scope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams) {
-				$scope.isCollapsed = false;
-				$scope.hideNav = false;
-				if ( angular.isDefined( toState.data ) ) {
+		$scope.toggleCollapsibleMenu = function() {
+			$scope.isCollapsed = !$scope.isCollapsed;
+		};
 
-					if ( angular.isDefined( toState.data.hideNav ) ) {
-			        	$scope.hideNav = toState.data.hideNav;
-			        }
-			    }
-			});
+		// Collapsing the menu after navigation
+		$scope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams) {
+			$scope.isCollapsed = false;
+			$scope.hideNav = false;
+			if ( angular.isDefined( toState.data ) ) {
+
+				if ( angular.isDefined( toState.data.hideNav ) ) {
+		        	$scope.hideNav = toState.data.hideNav;
+		        }
+		    }
 		});
 
+		// Principal.identity().then(function(user){
+		// 	$rootScope.user = user;
+		// 	console.log('topbar')
+		// 	console.log($scope.user);
+		// },
+		// function(error){
+		// 	console.log(error);
+		// }).then(function(){
+			// $scope.signout = function() {
+			// 	$http.get('/auth/signout').success(function(response) {
+		 //          $state.go('home');
+		 //        }).error(function(error) {
+		 //          $scope.error = (error.message || error);
+		 //        });
+        		
+   			//  			Principal.signout().then(
+			// 		function(result){
+			// 			$state.go('home');
+			// 		},
+			// 		function(error){
+			// 			$scope.error = (error.message || error);
+			// 		}
+			// 	);
+			 	// if( angular.isDefined(response_obj.error) ){
+				// 	$scope.error = response_obj.error;
+				// } else{
+				// 	$state.go('home');
+				// }
+
+			// };
+
+		// });
+
 	}
 ]);
\ No newline at end of file
diff --git a/public/modules/core/controllers/home.client.controller.js b/public/modules/core/controllers/home.client.controller.js
index f0bdce33..0f37d3cd 100755
--- a/public/modules/core/controllers/home.client.controller.js
+++ b/public/modules/core/controllers/home.client.controller.js
@@ -1,15 +1,17 @@
 'use strict';
 
 
-angular.module('core').controller('HomeController', ['$scope', 'Principal',
-	function($scope, Principal) {
-		// This provides Principal context.
-		$scope.authentication = Principal;
-		$scope.authentication.user = undefined;
-		Principal.identity().then(function(user){
-			$scope.authentication.user = user;
-		});
-		// console.log("user.displayName: "+Principal.user()._id);
+angular.module('core').controller('HomeController', ['$rootScope', '$scope', 'User', 'Auth', '$state',
+	function($rootScope, $scope, User, Auth, $state) {
+		$scope = $rootScope;
+
+		console.log($rootScope.user);
+		$scope.user = Auth.ensureHasCurrentUser(User);
+	    $scope.authentication = Auth;
+
+	    if($scope.authentication.isAuthenticated()){
+	    	$state.go('listForms');
+	    }
 
 	}
 ]);
\ No newline at end of file
diff --git a/public/modules/core/controllers/index.client.controller.js b/public/modules/core/controllers/index.client.controller.js
new file mode 100644
index 00000000..487db31b
--- /dev/null
+++ b/public/modules/core/controllers/index.client.controller.js
@@ -0,0 +1,25 @@
+// 'use strict';
+
+// /**
+//  * @ngdoc function
+//  * @name medform.controller:IndexCtrl
+//  * @description
+//  * # IndexCtrl
+//  * Controller of core
+//  */
+// angular.module('medform').controller('IndexCtrl', function ($scope, $rootScope, $location, User, Auth, $state) {
+//     $rootScope.user = Auth.ensureHasCurrentUser(User);
+//     // $rootScope.user = Auth.getUserState(User).user;
+//     $rootScope.authentication = Auth;
+
+//     $scope.signout = function() {
+//       User.logout(function() {
+//         Auth.logout();
+//         $rootScope.user = null;
+//         $state.go('home');
+//         // $scope.$apply();
+//       });
+//     };
+
+
+//   });
diff --git a/public/modules/core/css/core.css b/public/modules/core/css/core.css
index f20a04c9..bd008122 100755
--- a/public/modules/core/css/core.css
+++ b/public/modules/core/css/core.css
@@ -1,5 +1,18 @@
+/*Navbar Custom CSS*/
+.navbar .navbar-brand {
+	font-size: 1.6em;
+	font-weight: 900;
+	color: #FA787E;
+}
+.navbar .navbar-brand span {
+	text-decoration: underline;
+}
+.nav.navbar-nav.navbar-right li {
+	padding-right: 20px;
+}
+
 .content {
-	margin-top: 50px;
+	margin-top: 70px;
 }
 .undecorated-link:hover {
 	text-decoration: none;
@@ -18,3 +31,24 @@ body.ng-cloak
 {
 	display: block;
 }
+
+/*Hero Section CSS (for /home)*/
+section.hero-section {
+	/*padding-top:30px;*/
+	width: 100%;
+}
+section.hero-section > .jumbotron {
+	background-image: url(http://yourplaceandmine.ie/wp-content/uploads/2014/09/Daingean-meeting-048_13-1080x675.jpg);
+	background-repeat: no-repeat;
+	background-position: 0 50%;
+	/*background-position-top: 0px;*/
+	background-size: cover;
+}
+
+	section > .jumbotron > .opacity-background {
+		background-color: rgba(71,61,61,0.5);
+		color: white;
+		padding: inherit;
+		height: inherit;
+		width: inherit;
+	}
\ No newline at end of file
diff --git a/public/modules/core/views/header.client.view.html b/public/modules/core/views/header.client.view.html
index 719e5e09..fde993f1 100755
--- a/public/modules/core/views/header.client.view.html
+++ b/public/modules/core/views/header.client.view.html
@@ -7,10 +7,13 @@
 			<span class="icon-bar"></span>
 			<span class="icon-bar"></span>
 		</button>
-		<a href="/#!/" class="navbar-brand">MedForm</a>
+		<a href="/#!/" class="navbar-brand">
+			<!-- <i class="fa fa-5 fa-heartbeat"></i> -->
+			Med<span>Form</span>
+		</a>
 	</div>
 	<nav class="collapse navbar-collapse" collapse="!isCollapsed" role="navigation">
-		<ul class="nav navbar-nav" data-ng-if="menu.shouldRender(authentication.user);">
+		<ul class="nav navbar-nav" data-ng-if="authentication.isAuthenticated();">
 			<li data-ng-repeat="item in menu.items | orderBy: 'position'" data-ng-if="item.shouldRender(authentication.isAuthenticated());" ng-switch="item.menuItemType" ui-route="{{item.uiRoute}}" class="{{item.menuItemClass}}" ng-class="{active: ($uiRoute)}" dropdown="item.menuItemType === 'dropdown'">
 				<a ng-switch-when="dropdown" class="dropdown-toggle" dropdown-toggle>
 					<span data-ng-bind="item.title"></span>
@@ -36,7 +39,7 @@
 		<ul class="nav navbar-nav navbar-right" data-ng-show="authentication.isAuthenticated()">
 			<li class="dropdown" dropdown>
 				<a href="#" class="dropdown-toggle" data-toggle="dropdown" dropdown-toggle>
-					<span data-ng-bind="authentication.user.displayName"></span> <b class="caret"></b>
+					<span data-ng-bind="user.displayName"></span> <b class="caret"></b>
 				</a>
 				<ul class="dropdown-menu">
 					<li>
diff --git a/public/modules/core/views/home.client.view.html b/public/modules/core/views/home.client.view.html
index 68169379..c8a0a753 100755
--- a/public/modules/core/views/home.client.view.html
+++ b/public/modules/core/views/home.client.view.html
@@ -1,105 +1,26 @@
-<section data-ng-controller="HomeController">
+<section data-ng-controller="HomeController" class="hero-section">
+
 	<div class="jumbotron text-center">
-		<div class="row">
-			<div class="col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3 col-xs-12">
-				<!-- <img alt="MEAN.JS" class="img-responsive text-center" src="modules/core/img/brand/logo.png" /> -->
+		<div class="opacity-background">
+			<div class="row">
+				<div class="col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3 col-xs-12">
+					<!-- <img alt="MEAN.JS" class="img-responsive text-center" src="modules/core/img/brand/logo.png" /> -->
+				</div>
+			</div>
+			<br>
+			<div class="row" data-ng-if="!authentication.isAuthenticated()">
+				<p class="lead">
+					Make beautiful forms in a snap.
+				</p>
+				<br><br> <br><br>
+				<a class="btn btn-info" href="/#!/signup">
+					Signup now
+				</a>
+
 			</div>
 		</div>
-		<br>
-		<div class="row" data-ng-if="!authentication.isAuthenticated()">
-			<p class="lead">
-				Make beautiful forms in a snap.
-			</p>
-			<br><br> <br><br>
-			<a class="btn btn-info">
-				Signup now
-			</a>
-
-		</div>
-		<div class="row" data-ng-if="authentication.isAuthenticated()">
-			<p class="lead">
-				Hi there {{authentication.user.displayName}}
-			</p>
-		</div>
-		<div class="row" data-ng-if="authentication.isAuthenticated()">
-			<p>
-				<a class="btn btn-primary btn-lg" href="http://meanjs.org" target="_blank">Learn more</a>
-			</p>
-		</div>
 	</div>
 
-<!-- 	<div>
-		<h2>Congrats! You've configured and ran the sample application successfully.</h2>
-		<p>MEAN.JS is a web application boilerplate, which means you should start changing everything :-)</p>
-		<p>This sample application tracks users and articles.</p>
-		<ul>
-			<li>
-				Click
-				<em>Signup</em>
-				to get started.
-			</li>
-			<li>
-				Configure your app to work with your social accounts, by editing the
-				<em>/config/env/*.js</em>
-				files.
-			</li>
-			<li>
-				Edit your users module.
-			</li>
-			<li>
-				Add new CRUD modules.
-			</li>
-			<li>
-				Have fun...
-			</li>
-		</ul>
-	</div>
-	<div class="row">
-		<div class="col-md-3">
-			<h2>
-				<strong>M</strong>ongoDB
-			</h2>
-			<p><a target="_blank" href="http://mongodb.org/">MongoDB</a> is a database. MongoDB's <a target="_blank" href="http://docs.mongodb.org/manual/">great manual</a> is the place to get started with NoSQL and MongoDB.</p>
-		</div>
-		<div class="col-md-3">
-			<h2>
-				<strong>E</strong>xpress
-			</h2>
-			<p><a target="_blank" href="http://expressjs.com/"> Express</a> is an app server. Check out <a target="_blank" href="http://expressjs.com/4x/api.html">The ExpressJS API reference for more information</a> or <a target="_blank" href="http://stackoverflow.com/questions/8144214/learning-express-for-node-js">StackOverflow</a> for more info.</p>
-		</div>
-		<div class="col-md-3">
-			<h2>
-				<strong>A</strong>ngularJS
-			</h2>
-			<p>AngularJS is web app framework. <a target="_blank" href="http://angularjs.org/">Angular's website</a> offers a lot. The <a target="_blank" href="http://www.thinkster.io/">Thinkster Popular Guide</a> and <a target="_blank" href="https://egghead.io/">Egghead Videos</a> are great resources.</p>
-		</div>
-		<div class="col-md-3">
-			<h2>
-				<strong>N</strong>ode.js
-			</h2>
-			<p><a target="_blank" href="http://nodejs.org/">Node.js</a> is a web server. Node's website and this <a target="_blank" href="http://stackoverflow.com/questions/2353818/how-do-i-get-started-with-node-js">stackOverflow thread</a> offer excellent starting points to get to grasps with node.</p>
-		</div>
-	</div>
-	<div class="well">
-		<h2>MEAN.JS Documentation</h2>
-		<p>
-			Once you're familiar with the foundation technology, check out the MEAN.JS Documentation:
-			<ul>
-				<li><a target="_blank" href="http://meanjs.org/docs.html">MEAN.JS Documentation</a>
-				</li>
-				<li><a target="_blank" href="http://meanjs.org/generator.html">Yeoman Generator</a>
-				</li>
-				<li><a target="_blank" href="http://meanjs.org/modules.html">Modules</a>
-				</li>
-				<li><a target="_blank" href="http://meanjs.org/changelog.html">Changelog</a>
-				</li>
-				<li><a target="_blank" href="http://meanjs.org/community.html">Community</a>
-				</li>
-				<li><a target="_blank" href="http://blog.meanjs.org">Blog</a>
-				</li>
-			</ul>
-		</p>
-	</div> -->
 	<br>Enjoy &amp; Keep Us Updated,
 	<br>The MedForms Team.
 </section>
diff --git a/public/modules/forms/controllers/create-form.client.controller.js b/public/modules/forms/controllers/create-form.client.controller.js
index 383836d6..89c860e3 100644
--- a/public/modules/forms/controllers/create-form.client.controller.js
+++ b/public/modules/forms/controllers/create-form.client.controller.js
@@ -1,32 +1,80 @@
 'use strict';
 
-angular.module('forms').controller('EditFormController', ['$scope', '$state', 'Upload', '$stateParams', 'Principal', 'FormFields', 'Forms', 'CurrentForm', '$modal', '$location',
-    function ($scope, $state, Upload, $stateParams, Principal, FormFields, Forms,  CurrentForm, $modal, $location) {
-        // Principal.identity().then(function(user){
-        //     $scope.authentication.user = user;
-        // }).then(function(){
-            // console.log('aeouaoeuaoeuaou');
-            // console.log('isAuthenticated(): '+Principal.isAuthenticated());\
-            
-            $scope.isNewForm = false;
-            $scope.log = '';
+angular.module('forms').controller('EditFormController', ['$scope', '$state', '$rootScope', 'Upload', '$stateParams', 'FormFields', 'Forms', 'CurrentForm', '$modal', '$location',
+    function ($scope, $state, $rootScope, Upload, $stateParams, FormFields, Forms, CurrentForm, $modal, $location) {
 
-            // Get current form if it exists, or create new one
-            if($stateParams.formId){
-                $scope.form = {};
-                var _form = Forms.get({ formId: $stateParams.formId}, function(form){
-                    _form.pdf = form.pdf;
-                    _form.$save();
+        $scope.isNewForm = false;
+        $scope.pdfLoading = false;
+        var _current_upload = null;
+        $scope.log = '';
 
-                    $scope.form = angular.fromJson(angular.toJson(_form));
-                    console.log(JSON.stringify($scope.form.pdf));
+        // Get current form if it exists, or create new one
+        if($stateParams.formId){
+            $scope.form = {};
+            var _form = Forms.get({ formId: $stateParams.formId}, function(form){
+                _form.pdf = form.pdf;
+                _form.$save();
+
+                $scope.form = angular.fromJson(angular.toJson(_form));
+                console.log(JSON.stringify($scope.form.pdf));
+            });
+        } else {
+            $scope.form = {};
+            $scope.form.form_fields = [];
+            $scope.isNewForm = true;
+        }
+
+        //PDF Functions
+        $scope.cancelUpload = function(){
+            _current_upload.abort();
+            $scope.pdfLoading = false;
+        };
+
+        $scope.removePDF = function(){
+            $scope.form.pdf = null;
+            $scope.isGenerated = false;
+            $scope.autofillPDFs = false;
+
+            console.log('form.pdf: '+$scope.form.pdf+' REMOVED');
+        };
+
+        $scope.uploadPDF = function(files) {
+
+            if (files && files.length) {
+                // for (var i = 0; i < files.length; i++) {
+                var file = files[0];
+                _current_upload = Upload.upload({
+                    url: '/upload/pdf',
+                    fields: {
+                        'user': $scope.user,
+                        'form': $scope.form
+                    },
+                    file: file
+                }).progress(function (evt) {
+                    var progressPercentage = parseInt(100.0 * evt.loaded / evt.total);
+                    $scope.log = 'progress: ' + progressPercentage + '% ' +
+                                evt.config.file.name + '\n' + $scope.log;
+                    $scope.pdfLoading = true;
+                }).success(function (data, status, headers, config) {
+                    $scope.log = 'file ' + data.originalname + 'uploaded as '+ data.name +'. JSON: ' + JSON.stringify(data) + '\n' + $scope.log;
+                    $scope.form.pdf = data;
+                    $scope.pdfLoading = false;
+
+                    console.log($scope.log);
+                    console.log('$scope.pdf: '+$scope.form.pdf.name);
+                    if(!$scope.$$phase) {
+                        $scope.$apply();
+                    }
+                }).error(function(err){
+                    $scope.pdfLoading = false;
+                    console.log('Error occured during upload.\n');
+                    console.log(err);
                 });
-            } else {
-                $scope.form = {};
-                $scope.form.form_fields = [];
-                $scope.isNewForm = true;
+                // }
             }
+        };
 
+<<<<<<< HEAD
             //PDF Functions
 
             $scope.cancelUpload = function(){
@@ -76,158 +124,169 @@ angular.module('forms').controller('EditFormController', ['$scope', '$state', 'U
 
             // Create new Form
             $scope.createOrUpdate = function() {
+=======
+        $scope.goToWithId = function(route, id) {
+            $state.go(route, {'formId': id}, {reload: true});
+        };
+>>>>>>> dev_working
 
-                if($scope.isNewForm){
-                    // Create new Form object
-                    var form = new Forms($scope.form);
+        // Create new Form
+        $scope.createOrUpdate = function() {
 
+            if($scope.isNewForm){
+                // Create new Form object
+                var form = new Forms($scope.form);
 
+<<<<<<< HEAD
                     form.$save(function(response) {
 
                         console.log('create form');
                         // console.log(response.pdf);
+=======
+                form.$save(function(response) {
+>>>>>>> dev_working
 
-                        // Clear form fields
-                        $scope.form = {};
-
-                        // Redirect after save 
-                        $location.path('forms/' + response._id + '/admin');
-
-                    }, function(errorResponse) {
-                        console.log(errorResponse.data.message);
-                        $scope.error = errorResponse.data.message;
-                    });
-                } else{
-                    console.log('update form');
-                    $scope.update();
-                }
-            };
-
-            // Update existing Form
-            $scope.update = function() {
-                var form = new Forms($scope.form);
-                form.$update(function(response) {
-                    console.log('form updated');
+                    console.log('form created');
                     // console.log(response.pdf);
-                    $location.path('forms/' + response._id + '/admin');
+
+                    // Clear form fields
+                    $scope.form = {};
+
+                    // Redirect after save 
+                    $scope.goToWithId('viewForm', response._id);
+
                 }, function(errorResponse) {
                     console.log(errorResponse.data.message);
                     $scope.error = errorResponse.data.message;
                 });
+            } else{
+                console.log('update form');
+                $scope.update();
+            }
+        };
+
+        // Update existing Form
+        $scope.update = function() {
+            var form = new Forms($scope.form);
+            form.$update(function(response) {
+                console.log('form updated');
+                $scope.goToWithId('viewForm', response._id);
+                // $location.path('forms/' + response._id + '/admin');
+            }, function(errorResponse) {
+                console.log(errorResponse.data.message);
+                $scope.error = errorResponse.data.message;
+            });
+        };
+
+        //Populate AddField with all available form field types
+        $scope.addField = {};
+        $scope.addField.types = FormFields.fields;
+        $scope.addField.new = $scope.addField.types[0].name;
+        $scope.addField.lastAddedID = 0;
+
+        // preview form mode
+        $scope.previewMode = false;
+
+        // previewForm - for preview purposes, form will be copied into this
+        // otherwise, actual form might get manipulated in preview mode
+        $scope.previewForm = {};
+
+
+        // accordion settings
+        $scope.accordion = {};
+        $scope.accordion.oneAtATime = true;
+
+        // create new field button click
+        $scope.addNewField = function(){
+
+            // incr field_id counter
+            $scope.addField.lastAddedID++;
+
+            var newField = {
+                'title' : 'New field - ' + ($scope.addField.lastAddedID),
+                'fieldType' : $scope.addField.new,
+                'fieldValue' : '',
+                'required' : true,
+    			'disabled' : false
             };
 
-            //Populate AddField with all available form field types
-            $scope.addField = {};
-            $scope.addField.types = FormFields.fields;
-            $scope.addField.new = $scope.addField.types[0].name;
-            $scope.addField.lastAddedID = 0;
+            // put newField into fields array
+            $scope.form.form_fields.push(newField);
+            // console.log($scope.form.form_fields);
+        };
 
-
-            // preview form mode
-            $scope.previewMode = false;
-
-            // previewForm - for preview purposes, form will be copied into this
-            // otherwise, actual form might get manipulated in preview mode
-            $scope.previewForm = {};
-
-
-            // accordion settings
-            $scope.accordion = {};
-            $scope.accordion.oneAtATime = true;
-
-            // create new field button click
-            $scope.addNewField = function(){
-
-                // incr field_id counter
-                $scope.addField.lastAddedID++;
-
-                var newField = {
-                    'title' : 'New field - ' + ($scope.addField.lastAddedID),
-                    'fieldType' : $scope.addField.new,
-                    'fieldValue' : '',
-                    'required' : true,
-        			'disabled' : false
-                };
-
-                // put newField into fields array
-                $scope.form.form_fields.push(newField);
-                // console.log($scope.form.form_fields);
-            };
-
-            // deletes particular field on button click
-            $scope.deleteField = function (field_id){
-                for(var i = 0; i < $scope.form.form_fields.length; i++){
-                    if($scope.form.form_fields[i].field_id === field_id){
-                        $scope.form.form_fields.splice(i, 1);
-                        break;
-                    }
+        // deletes particular field on button click
+        $scope.deleteField = function (field_id){
+            for(var i = 0; i < $scope.form.form_fields.length; i++){
+                if($scope.form.form_fields[i].field_id === field_id){
+                    $scope.form.form_fields.splice(i, 1);
+                    break;
                 }
+            }
+        };
+
+        // add new option to the field
+        $scope.addOption = function (field){
+            if(!field.field_options)
+                field.field_options = [];
+
+            var lastOptionID = 0;
+
+            if(field.field_options[field.field_options.length-1])
+                lastOptionID = field.field_options[field.field_options.length-1].option_id;
+
+            // new option's id
+            var option_id = lastOptionID + 1;
+
+            var newOption = {
+                'option_id' : option_id,
+                'option_title' : 'Option ' + option_id,
+                'option_value' : option_id
             };
 
-            // add new option to the field
-            $scope.addOption = function (field){
-                if(!field.field_options)
-                    field.field_options = [];
+            // put new option into field_options array
+            field.field_options.push(newOption);
+        };
 
-                var lastOptionID = 0;
-
-                if(field.field_options[field.field_options.length-1])
-                    lastOptionID = field.field_options[field.field_options.length-1].option_id;
-
-                // new option's id
-                var option_id = lastOptionID + 1;
-
-                var newOption = {
-                    'option_id' : option_id,
-                    'option_title' : 'Option ' + option_id,
-                    'option_value' : option_id
-                };
-
-                // put new option into field_options array
-                field.field_options.push(newOption);
-            };
-
-            // delete particular option
-            $scope.deleteOption = function (field, option){
-                for(var i = 0; i < field.field_options.length; i++){
-                    if(field.field_options[i].option_id === option.option_id){
-                        field.field_options.splice(i, 1);
-                        break;
-                    }
+        // delete particular option
+        $scope.deleteOption = function (field, option){
+            for(var i = 0; i < field.field_options.length; i++){
+                if(field.field_options[i].option_id === option.option_id){
+                    field.field_options.splice(i, 1);
+                    break;
                 }
-            };
+            }
+        };
 
 
-            // preview form
-            $scope.previewOn = function(){
-                if($scope.form.form_fields === null || $scope.form.form_fields.length === 0) {
-                    var title = 'Error';
-                    var msg = 'No fields added yet, please add fields to the form before preview.';
-                    var btns = [{result:'ok', label: 'OK', cssClass: 'btn-primary'}];
+        // preview form
+        $scope.previewOn = function(){
+            if($scope.form.form_fields === null || $scope.form.form_fields.length === 0) {
+                var title = 'Error';
+                var msg = 'No fields added yet, please add fields to the form before preview.';
+                var btns = [{result:'ok', label: 'OK', cssClass: 'btn-primary'}];
 
-                    // $dialog.messageBox(title, msg, btns).open();
-                }
-                else {
-                    $scope.previewMode = !$scope.previewMode;
-                    $scope.form.submitted = false;
-                    angular.copy($scope.form, $scope.previewForm);
-                }
-            };
-
-            // hide preview form, go back to create mode
-            $scope.previewOff = function(){
+                // $dialog.messageBox(title, msg, btns).open();
+            }
+            else {
                 $scope.previewMode = !$scope.previewMode;
                 $scope.form.submitted = false;
-            };
+                angular.copy($scope.form, $scope.previewForm);
+            }
+        };
 
-            // decides whether field options block will be shown (true for dropdown and radio fields)
-            $scope.showAddOptions = function (field){
-                if(field.field_type === 'radio' || field.field_type === 'dropdown')
-                    return true;
-                else
-                    return false;
-            };
+        // hide preview form, go back to create mode
+        $scope.previewOff = function(){
+            $scope.previewMode = !$scope.previewMode;
+            $scope.form.submitted = false;
+        };
 
-        // });
+        // decides whether field options block will be shown (true for dropdown and radio fields)
+        $scope.showAddOptions = function (field){
+            if(field.field_type === 'radio' || field.field_type === 'dropdown')
+                return true;
+            else
+                return false;
+        };
     }
 ]);
\ No newline at end of file
diff --git a/public/modules/forms/controllers/submit-form.client.controller.js b/public/modules/forms/controllers/submit-form.client.controller.js
index 699016fe..307410f4 100644
--- a/public/modules/forms/controllers/submit-form.client.controller.js
+++ b/public/modules/forms/controllers/submit-form.client.controller.js
@@ -1,22 +1,12 @@
 'use strict';
 
 // Forms controller
-angular.module('forms').controller('SubmitFormController', ['$scope', '$stateParams', '$state', 'Principal', 'Forms', 'CurrentForm','$http',
-	function($scope, $stateParams, $state, Principal, Forms, CurrentForm, $http) {
-
-		// Principal.identity().then(function(user){
-  //           $scope.authentication.user = user;
-  //       }).then(function(){
+angular.module('forms').controller('SubmitFormController', ['$scope', '$stateParams', '$state', 'Forms', 'CurrentForm',
+	function($scope, $stateParams, $state, Forms, CurrentForm) {
 		
-			$scope.form = Forms.get({
-				formId: $stateParams.formId
-			});
-			CurrentForm.setForm($scope.form);
-          
-
-  			// console.log($scope.form);
-
-            
-		// });
+		$scope.form = Forms.get({
+			formId: $stateParams.formId
+		});
+		CurrentForm.setForm($scope.form);
 	}
 ]);
\ No newline at end of file
diff --git a/public/modules/forms/controllers/view-form-submission.client.controller.js b/public/modules/forms/controllers/view-form-submission.client.controller.js
new file mode 100644
index 00000000..c87a0ff2
--- /dev/null
+++ b/public/modules/forms/controllers/view-form-submission.client.controller.js
@@ -0,0 +1,56 @@
+'use strict';
+
+// submissions controller
+angular.module('forms').controller('ViewSubmissionController', ['$scope', '$stateParams', '$state', 'Submissions','$http',
+	function($scope, $stateParams, $state, Submissions, $http) {
+		$scope.submissionId = undefined;
+
+		// Principal.identity().then(function(user){
+  //           $scope.authentication.user = user;
+  //       }).then(function(){
+		
+
+			// Return all form's submissions
+			$scope.findAll = function() {
+				$scope.submissions = Submissions.query({
+					formId: $stateParams.formId
+				});
+			};
+
+			// Find a specific submission
+			$scope.findOne = function() {
+				$scope.submission = Submissions.get({
+					submissionId: $scope.submissionId,
+					formId: $stateParams.formId
+				});
+			};
+
+            
+            // Remove existing submission
+            $scope.remove = function(submission) {
+                if (submission) {
+                    submission.$remove();
+
+                    $http.delete('/forms/'+$stateParams.formId+'submissions/'+$scope.submission._id).
+                    	success(function(data, status, headers){
+	                        console.log('submission deleted successfully');
+	                        alert('submission deleted..');
+	                    });
+
+                } else {
+                    $scope.submission.$remove(function() {
+                    	console.log('remove');
+                        $state.path('submissions');
+	                    $http.delete('/forms/'+$stateParams.formId+'/submissions/'+$scope.submission._id).
+	                    	success(function(data, status, headers){
+		                        console.log('submission deleted successfully');
+		                        alert('submission deleted..');
+		                    });
+                    });
+                }
+            };
+
+            
+		// });
+	}
+]);
\ No newline at end of file
diff --git a/public/modules/forms/controllers/view-form.client.controller.js b/public/modules/forms/controllers/view-form.client.controller.js
index ca9ba58c..f2d5878c 100644
--- a/public/modules/forms/controllers/view-form.client.controller.js
+++ b/public/modules/forms/controllers/view-form.client.controller.js
@@ -1,55 +1,76 @@
 'use strict';
 
 // Forms controller
-angular.module('forms').controller('ViewFormController', ['$scope', '$stateParams', '$state', 'Principal', 'Forms', 'CurrentForm','$http',
-	function($scope, $stateParams, $state, Principal, Forms, CurrentForm, $http) {
+angular.module('forms').controller('ViewFormController', ['$scope', '$stateParams', '$state', 'Forms', 'CurrentForm','$http',
+	function($scope, $stateParams, $state, Forms, CurrentForm, $http) {
 
-		// Principal.identity().then(function(user){
-  //           $scope.authentication.user = user;
-  //       }).then(function(){
-		
-
-			// Return all user's Forms
-			$scope.find = function() {
-				$scope.forms = Forms.query();
-			};
-
-			// Find a specific Form
-			$scope.findOne = function() {
-				$scope.form = Forms.get({
-					formId: $stateParams.formId
-				});
-				CurrentForm.setForm($scope.form);
-			};
+        // view form submissions
+        $scope.form = CurrentForm.getForm();
+        $scope.submissions = undefined;
+        $scope.viewSubmissions = false;
 
 
-            // Remove existing Form
-            $scope.remove = function(form) {
-                if (form) {
-                    form.$remove();
-
-                    $http.delete('/forms/'+$scope.form._id).
-                    	success(function(data, status, headers){
-                        console.log('form deleted successfully');
-                        alert('Form deleted..');
-                        $state.go('listForms');
+        //show submissions of Form
+        $scope.showSubmissions = function(){
+        	$scope.viewSubmissions = true;
+            if(!$scope.submissions){
+                $http.get('/forms/'+$scope.form._id+'/submissions')
+                    .success(function(data, status, headers){
+                        console.log(data);
+                        $scope.submissions = data;
+                        console.log('form submissions successfully fetched');
+                    })
+                    .error(function(err){
+                        console.log('Could not fetch form submissions.\nError: '+err);
+                    });            
+            } else if(!$scope.submissions.length){
+                $http.get('/forms/'+$scope.form._id+'/submissions')
+                    .success(function(data, status, headers){
+                        $scope.submissions = data;
+                        console.log('form submissions successfully fetched');
+                    })
+                    .error(function(err){
+                        console.log('Could not fetch form submissions.\nError: '+err);
                     });
+            }
+            console.log($scope.submissions);
+        }
 
-                } else {
-                    $scope.form.$remove(function() {
-                    	console.log('remove');
-                        $state.path('forms');
-	                    $http.delete('/forms/'+$scope.form._id).
-	                    	success(function(data, status, headers){
-	                        console.log('form deleted successfully');
-	                        alert('Form deleted..');
-	                        $state.go('listForms');
-	                    });
-                    });
-                }
-            };
+        //hide submissions of Form
+        $scope.hideSubmissions = function(){
+        	$scope.viewSubmissions = false;
+        }
 
-            
-		// });
+		// Return all user's Forms
+		$scope.findAll = function() {
+			$scope.forms = Forms.query();
+		};
+
+		// Find a specific Form
+		$scope.findOne = function() {
+			$scope.form = Forms.get({
+				formId: $stateParams.formId
+			});
+			CurrentForm.setForm($scope.form);
+		};
+
+        // Remove existing Form
+        $scope.remove = function() {
+            console.log('hello');
+            var form = CurrentForm.getForm()
+            if(!form){
+                form = $scope.form
+            }
+            $http.delete('/forms/'+$scope.form._id)
+                .success(function(data, status, headers){
+                    console.log('form deleted successfully');
+                    alert('Form deleted..');
+                    $state.go('listForms');
+                }).error(function(error){
+                    console.log('ERROR: Form could not be deleted.');
+                    console.error(error);
+                });
+
+        };
 	}
 ]);
\ No newline at end of file
diff --git a/public/modules/forms/css/form.css b/public/modules/forms/css/form.css
index 790eb681..ecfb28fb 100644
--- a/public/modules/forms/css/form.css
+++ b/public/modules/forms/css/form.css
@@ -1,6865 +1,82 @@
-/*.ellipsis {
-    display:block;
-    white-space:nowrap;
-    overflow:hidden;
-    text-overflow:ellipsis;
-    -o-text-overflow:ellipsis;
-    -ms-text-overflow:ellipsis
+/* Styles for form admin view (/forms/:formID/admin) */
+.admin-form > .page-header {
+    padding-bottom: 0px;
+    margin-bottom: 40px;
 }
-
-.clear {
-    clear:both
-}
-
-.style-transparent-choice {
-    position:relative
-}
-
-.style-transparent-choice .aux {
-    border-color:#3f4237
-}
-
-.style-transparent-choice .aux,.style-transparent-choice .aux div {
-    position:absolute;
-    top:0;
-    bottom:0;
-    left:0;
-    right:0;
-    border-radius:2px;
-    -webkit-border-radius:2px;
-    -moz-border-radius:2px
-}
-
-.style-transparent-choice .aux img {
-    width:100%;
-    height:100%
-}
-
-.style-transparent-choice .dark {
-    display:none
-}
-
-.style-transparent-choice.step5 .dark {
-    display:block
-}
-
-.style-transparent-choice.step5 .light {
-    display:none
-}
-
-.style-transparent-choice.step0 .aux img {
-    -khtml-opacity:.3;
-    -moz-opacity:.3;
-    opacity:.3;
-    -ms-filter:alpha(Opacity=30)
-}
-
-.style-transparent-choice.step1 .aux img {
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.style-transparent-choice.step2 .aux img {
-    -khtml-opacity:.5;
-    -moz-opacity:.5;
-    opacity:.5;
-    -ms-filter:alpha(Opacity=50)
-}
-
-.style-transparent-choice.step3 .aux img {
-    -khtml-opacity:.6;
-    -moz-opacity:.6;
-    opacity:.6;
-    -ms-filter:alpha(Opacity=60)
-}
-
-.style-transparent-choice.step4 .aux img {
-    -khtml-opacity:.6;
-    -moz-opacity:.6;
-    opacity:.6;
-    -ms-filter:alpha(Opacity=60)
-}
-
-.style-transparent-choice.step5 .aux img {
-    -khtml-opacity:.6;
-    -moz-opacity:.6;
-    opacity:.6;
-    -ms-filter:alpha(Opacity=60)
-}
-
-.style-transparent-choice .bg {
-    z-index:2;
-    -webkit-box-shadow:0 1px 1px #000;
-    -moz-box-shadow:0 1px 1px #000;
-    box-shadow:0 1px 1px #000
-}
-
-.style-transparent-choice.step0 .bg {
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5)
-}
-
-.style-transparent-choice.step1 .bg {
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5)
-}
-
-.style-transparent-choice.step2 .bg {
-    -khtml-opacity:.1;
-    -moz-opacity:.1;
-    opacity:.1;
-    -ms-filter:alpha(Opacity=10)
-}
-
-.style-transparent-choice.step3 .bg {
-    -khtml-opacity:.1;
-    -moz-opacity:.1;
-    opacity:.1;
-    -ms-filter:alpha(Opacity=10)
-}
-
-.style-transparent-choice.step4 .bg {
-    -khtml-opacity:.1;
-    -moz-opacity:.1;
-    opacity:.1;
-    -ms-filter:alpha(Opacity=10)
-}
-
-.style-transparent-choice.step5 .bg {
-    -khtml-opacity:.1;
-    -moz-opacity:.1;
-    opacity:.1;
-    -ms-filter:alpha(Opacity=10)
-}
-
-.style-transparent-choice .inset {
-    z-index:3;
-    -webkit-box-shadow:inset 0 2px 0 #fff;
-    -moz-box-shadow:inset 0 2px 0 #fff;
-    box-shadow:inset 0 2px 0 #fff
-}
-
-.style-transparent-choice.step0 .inset {
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.style-transparent-choice.step1 .inset {
-    -khtml-opacity:.3;
-    -moz-opacity:.3;
-    opacity:.3;
-    -ms-filter:alpha(Opacity=30)
-}
-
-.style-transparent-choice.step2 .inset {
-    -khtml-opacity:.25;
-    -moz-opacity:.25;
-    opacity:.25;
-    -ms-filter:alpha(Opacity=25)
-}
-
-.style-transparent-choice.step3 .inset {
-    -khtml-opacity:.2;
-    -moz-opacity:.2;
-    opacity:.2;
-    -ms-filter:alpha(Opacity=20)
-}
-
-.style-transparent-choice.step4 .inset {
-    -khtml-opacity:.15;
-    -moz-opacity:.15;
-    opacity:.15;
-    -ms-filter:alpha(Opacity=15)
-}
-
-.style-transparent-choice.step5 .inset {
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5)
-}
-
-.style-transparent-choice .bd {
-    z-index:4;
-    border:1px solid #000
-}
-
-.style-transparent-choice.without-padding .inset {
-    border-radius:0;
-    -webkit-border-radius:0;
-    -moz-border-radius:0
-}
-
-.style-transparent-choice.without-padding .bd {
-    border-left:0;
-    border-radius:0;
-    -webkit-border-radius:0;
-    -moz-border-radius:0
-}
-
-.style-transparent-choice.without-padding.first .bd {
-    border-left-style:solid;
-    border-left-width:1px
-}
-
-.style-transparent-choice.without-padding.first .bd,.style-transparent-choice.without-padding.first .background,.style-transparent-choice.without-padding.first .inset {
-    border-radius:2px 0 0 2px;
-    -webkit-border-radius:2px 0 0 2px;
-    -moz-border-radius:2px 0 0 2px
-}
-
-.style-transparent-choice.without-padding.last .bd,.style-transparent-choice.without-padding.last .background,.style-transparent-choice.without-padding.last .inset {
-    border-radius:0 2px 2px 0;
-    -webkit-border-radius:0 2px 2px 0;
-    -moz-border-radius:0 2px 2px 0
-}
-
-.style-transparent-choice.step0 .bd {
-    -khtml-opacity:.15;
-    -moz-opacity:.15;
-    opacity:.15;
-    -ms-filter:alpha(Opacity=15)
-}
-
-.style-transparent-choice.step1 .bd {
-    -khtml-opacity:.2;
-    -moz-opacity:.2;
-    opacity:.2;
-    -ms-filter:alpha(Opacity=20)
-}
-
-.style-transparent-choice.step2 .bd {
-    -khtml-opacity:.3;
-    -moz-opacity:.3;
-    opacity:.3;
-    -ms-filter:alpha(Opacity=30)
-}
-
-.style-transparent-choice.step3 .bd {
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.style-transparent-choice.step4 .bd {
-    -khtml-opacity:.5;
-    -moz-opacity:.5;
-    opacity:.5;
-    -ms-filter:alpha(Opacity=50)
-}
-
-.style-transparent-choice.step5 .bd {
-    -khtml-opacity:.15;
-    -moz-opacity:.15;
-    opacity:.15;
-    -ms-filter:alpha(Opacity=15);
-    border-color:#fff
-}
-
-.style-transparent-choice .tick {
-    display:none;
-    position:absolute;
-    right:7px;
-    top:50%;
-    margin-top:-15px;
-    font-size:21px;
-    -khtml-opacity:.7;
-    -moz-opacity:.7;
-    opacity:.7;
-    -ms-filter:alpha(Opacity=70)
-}
-
-.style-transparent-choice .tick:before {
-    font-family:typeIconFont;
-    content:"H"
-}
-
-.style-transparent-choice.selected .tick {
-    display:block
-}
-
-.style-transparent-choice.selected.step0 .overlay {
-    -khtml-opacity:.03;
-    -moz-opacity:.03;
-    opacity:.03;
-    -ms-filter:alpha(Opacity=3);
-    display:block;
-    background-color:#000
-}
-
-.style-transparent-choice.selected.step1 .overlay {
-    -khtml-opacity:.1;
-    -moz-opacity:.1;
-    opacity:.1;
-    -ms-filter:alpha(Opacity=10);
-    display:block;
-    background-color:#fff
-}
-
-.style-transparent-choice.selected.step2 .overlay {
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5);
-    display:block;
-    background-color:#fff
-}
-
-.style-transparent-choice.selected.step3 .overlay {
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5);
-    display:block;
-    background-color:#fff
-}
-
-.style-transparent-choice.selected.step4 .overlay {
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5);
-    display:block;
-    background-color:#fff
-}
-
-.style-transparent-choice.selected.step5 .overlay {
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5);
-    display:block;
-    background-color:#fff
-}
-
-.style-transparent-choice .overlay {
-    background-color:#000;
-    background-color:rgba(0,0,0,0);
-    z-index:1
-}
-
-.style-transparent-choice.step0 .overlay {
-    background-color:#000;
-    background-color:rgba(0,0,0,0)
-}
-
-.style-transparent-choice.step1 .overlay,.style-transparent-choice.step2 .overlay,.style-transparent-choice.step3 .overlay,.style-transparent-choice.step4 .overlay,.style-transparent-choice.step5 .overlay {
-    background-color:#fff;
-    background-color:rgba(255,255,255,0)
-}
-
-.style-transparent-choice.pre-selected.step0 .overlay,.style-transparent-choice.active.step0 .overlay {
-    background-color:#000;
-    background-color:rgba(0,0,0,.05)
-}
-
-.style-transparent-choice.pre-selected.step0 .bd,.style-transparent-choice.active.step0 .bd {
-    -khtml-opacity:.3;
-    -moz-opacity:.3;
-    opacity:.3;
-    -ms-filter:alpha(Opacity=30)
-}
-
-.style-transparent-choice.pre-selected.step1 .overlay,.style-transparent-choice.active.step1 .overlay {
-    background-color:#fff;
-    background-color:rgba(255,255,255,.2)
-}
-
-.style-transparent-choice.pre-selected.step1 .bd,.style-transparent-choice.active.step1 .bd {
-    -khtml-opacity:.35;
-    -moz-opacity:.35;
-    opacity:.35;
-    -ms-filter:alpha(Opacity=35)
-}
-
-.style-transparent-choice.pre-selected.step2 .overlay,.style-transparent-choice.active.step2 .overlay {
-    background-color:#fff;
-    background-color:rgba(255,255,255,.1)
-}
-
-.style-transparent-choice.pre-selected.step2 .bd,.style-transparent-choice.active.step2 .bd {
-    -khtml-opacity:.45;
-    -moz-opacity:.45;
-    opacity:.45;
-    -ms-filter:alpha(Opacity=45)
-}
-
-.style-transparent-choice.pre-selected.step3 .overlay,.style-transparent-choice.active.step3 .overlay {
-    background-color:#fff;
-    background-color:rgba(255,255,255,.1)
-}
-
-.style-transparent-choice.pre-selected.step3 .bd,.style-transparent-choice.active.step3 .bd {
-    -khtml-opacity:.55;
-    -moz-opacity:.55;
-    opacity:.55;
-    -ms-filter:alpha(Opacity=55)
-}
-
-.style-transparent-choice.pre-selected.step4 .overlay,.style-transparent-choice.active.step4 .overlay {
-    background-color:#fff;
-    background-color:rgba(255,255,255,.1)
-}
-
-.style-transparent-choice.pre-selected.step4 .bd,.style-transparent-choice.active.step4 .bd {
-    -khtml-opacity:.65;
-    -moz-opacity:.65;
-    opacity:.65;
-    -ms-filter:alpha(Opacity=65)
-}
-
-.style-transparent-choice.pre-selected.step5 .overlay,.style-transparent-choice.active.step5 .overlay {
-    background-color:#fff;
-    background-color:rgba(255,255,255,.1)
-}
-
-.style-transparent-choice.pre-selected.step5 .bd,.style-transparent-choice.active.step5 .bd {
-    -khtml-opacity:.25;
-    -moz-opacity:.25;
-    opacity:.25;
-    -ms-filter:alpha(Opacity=25)
-}
-
-.style-transparent-choice:hover .no-hover .overlay {
-    display:none
-}
-
-.style-transparent-choice .line {
-    position:absolute;
-    height:10px;
-    bottom:-10px;
-    width:1px;
-    border-left:1px solid #000;
-    left:50%
-}
-
-.style-transparent-choice.step0 .line {
-    -khtml-opacity:.15;
-    -moz-opacity:.15;
-    opacity:.15;
-    -ms-filter:alpha(Opacity=15)
-}
-
-.style-transparent-choice.step1 .line {
-    -khtml-opacity:.2;
-    -moz-opacity:.2;
-    opacity:.2;
-    -ms-filter:alpha(Opacity=20)
-}
-
-.style-transparent-choice.step2 .line {
-    -khtml-opacity:.3;
-    -moz-opacity:.3;
-    opacity:.3;
-    -ms-filter:alpha(Opacity=30)
-}
-
-.style-transparent-choice.step3 .line {
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.style-transparent-choice.step4 .line {
-    -khtml-opacity:.5;
-    -moz-opacity:.5;
-    opacity:.5;
-    -ms-filter:alpha(Opacity=50)
-}
-
-.style-transparent-choice.step5 .line {
-    -khtml-opacity:.15;
-    -moz-opacity:.15;
-    opacity:.15;
-    -ms-filter:alpha(Opacity=15);
-    border-left:1px solid #fff
-}
-
-.color-primary {
-    color:#6d8524
-}
-
-.color-secondary {
-    color:#3f4237
-}
-
-.layout-columns {
-    display:table;
-    width:100%;
-    padding:0;
-    margin:0;
-    table-layout:fixed
-}
-
-.layout-columns>li {
-    display:table-cell;
-    width:2%;
-    word-break:break-word
-}
-
-.layout-float {
-    padding:0;
-    margin:0
-}
-
-.layout-float>li {
-    list-style:none!important;
-    display:block;
-    float:left;
-    text-align:center;
-    margin-right:15px
-}
-
-.layout-thee-columns>li {
-    padding-top:17px;
-    padding-bottom:17px;
-    word-break:break-word
-}
-
-.layout-thee-columns>li.first {
-    padding-right:10px
-}
-
-.layout-thee-columns>li.third {
-    padding-left:10px
-}
-
-.layout-float-left {
-    float:left;
-    margin-right:10px
-}
-
-.layout-float-right {
-    float:right;
-    margin-left:10px
-}
-
-.layout-fixed-width-200 {
-    width:200px
-}
-
-.text-align-left {
-    text-align:left
-}
-
-.text-align-center {
-    text-align:center
-}
-
-.text-align-right {
-    text-align:right
-}
-
-.text-antialiased {
-    -webkit-font-smoothing:antialiased
-}
-
-.text-subpixel-antialiased {
-    -webkit-font-smoothing:subpixel-antialiased
-}
-
-.text-size-s {
-    font-size:12px
-}
-
-@media only screen and (min-width:800px) {
-.text-size-s {
-    font-size:14px
-}
-}
-
-.text-size-m {
-    font-size:13px
-}
-
-@media only screen and (min-width:800px) {
-.text-size-m {
-    font-size:15px
-}
-}
-
-.text-size-xl {
-    font-size:15px
-}
-
-@media only screen and (min-width:800px) {
-.text-size-xl {
-    font-size:22px
-}
-}
-
-.file-upload-box {
-    width:249px;
-    height:250px
-}
-
-.default .connected .file-upload-box {
-    margin-bottom:10px
-}
-
-.file-upload-box>.box {
-    position:relative;
-    padding:1px 0;
-    height:100%
-}
-
-.file-upload-box svg {
-    padding-top:15px;
-    margin:0 auto
-}
-
-.file-upload-box svg.icon-cloud path {
-    fill:#3f4237
-}
-
-.file-upload-box svg.icon-file path {
-    stroke:#3f4237
-}
-
-.file-upload-box .box-cancel {
-    z-index:6;
-    cursor:pointer;
-    display:block;
-    position:absolute;
-    top:-1px;
-    right:1px;
-    width:48px;
-    height:50px;
-    background-image:url(https://s3-eu-west-1.amazonaws.com/typeform-media-static/tickbg.png)
-}
-
-.file-upload-box .box-cancel svg {
-    top:10px;
-    right:5px;
-    padding:0;
-    position:absolute;
-    -khtml-opacity:.65;
-    -moz-opacity:.65;
-    opacity:.65;
-    -ms-filter:alpha(Opacity=65)
-}
-
-.file-upload-box .box-cancel svg path {
-    stroke:#3f4237
-}
-
-.file-upload-box .box-cancel:hover span {
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100)
-}
-
-.file-upload-box input {
-    position:absolute;
-    top:0;
-    right:0;
-    bottom:0;
-    left:0;
-    z-index:5;
-    -khtml-opacity:0;
-    -moz-opacity:0;
-    opacity:0;
-    -ms-filter:alpha(Opacity=0);
-    cursor:pointer;
-    width:100%;
-    height:100%
-}
-
-.file-upload-box .box-content-wrapper {
-    padding:0 1px;
-    width:247px;
-    height:250px;
-    display:table
-}
-
-.file-upload-box .box-content-wrapper .box-content {
-    display:table-cell;
-    text-align:center;
-    vertical-align:middle
-}
-
-.file-upload-box .box-content-wrapper .box-content img,.file-upload-box .box-content-wrapper .box-content svg {
-    max-width:247px;
-    max-height:200px
-}
-
-.file-upload-box.status-uploading .overlay,.file-upload-box.status-error .overlay,.file-upload-box.status-success .overlay {
-    display:none!important
-}
-
-.file-upload-box.status-uploading .box-text p,.file-upload-box.status-success .box-text p {
-    display:block;
-    white-space:nowrap;
-    overflow:hidden;
-    text-overflow:ellipsis;
-    -o-text-overflow:ellipsis;
-    -ms-text-overflow:ellipsis;
-    width:215px
-}
-
-.file-upload-box .box-text {
-    padding:15px;
-    color:#3f4237;
-    text-align:center;
-    line-height:20px;
-    font-size:14px
-}
-
-.file-upload-box-simple input {
-    color:#3f4237
-}
-
-.file-upload-box-simple .box-text {
-    font-size:11px;
-    padding:10px 0;
-    color:#3f4237
-}
-
-.default .file-upload:not(.focus) input {
-    display:none!important
-}
-
-.progress-bar {
-    position:relative;
-    display:block;
-    background-color:rgba(63,66,55,.2);
-    width:175px;
-    height:8px;
-    margin:15px auto 0;
-    border-radius:5px;
-    -webkit-border-radius:5px;
-    -moz-border-radius:5px
-}
-
-.progress-bar .bar {
-    position:absolute;
-    display:block;
-    top:0;
-    bottom:0;
-    left:0;
-    background-color:#3f4237;
-    border-radius:5px;
-    -webkit-border-radius:5px;
-    -moz-border-radius:5px
-}
-
-.choice-square {
-    text-align:center;
-    cursor:pointer
-}
-
-.choice-square .choice-wrapper {
-    position:relative;
-    display:block;
-    padding:20px 0 19px
-}
-
-.choice-square .label {
-    position:relative;
-    z-index:1;
-    color:#3f4237
-}
-
-.report .choice-square .label {
-    color:#fff
-}
-
-.choice-square.preselected {
-    background-color:rgba(63,66,55,.15)
-}
-
-.choice-square.checked {
-    -webkit-animation:select-effect 250ms 2;
-    -moz-animation:select-effect 250ms 2;
-    -ms-animation:select-effect 250ms 2
-}
-
-@-webkit-keyframes select-effect {
-0%,100% {
-    opacity:1
-}
-
-50% {
-    opacity:0
-}
-}
-
-@-moz-keyframes select-effect {
-0%,100% {
-    opacity:1
-}
-
-50% {
-    opacity:0
-}
-}
-
-@-ms-keyframes select-effect {
-0%,100% {
-    opacity:1
-}
-
-50% {
-    opacity:0
-}
-}
-
-.choice-square.checked .label {
-    color:rgba(255,255,255,.7)
-}
-
-.choice-square.checked .background {
-    position:absolute;
-    z-index:0;
-    font-weight:700;
-    background-color:#3f4237;
-    top:1px;
-    bottom:1px;
-    left:0;
-    right:1px
-}
-
-.choice-square.checked.step0 .background,.choice-square.checked.step1 .background {
-    top:0;
-    bottom:0;
-    left:-1px;
-    right:0
-}
-
-.choice-square .line {
-    display:none
-}
-
-.choice-square.showLineConnector .line {
-    display:block
-}
-
-.choice-square .level {
-    position:absolute;
-    background-color:rgba(255,255,255,.4);
-    bottom:0;
-    left:0;
-    right:0
-}
-
-.stripe-logo {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    border:1px solid #6d8524!important;
-    color:#6d8524!important;
-    text-decoration:none;
-    padding:4px 6px;
-    font-size:12px;
-    margin-top:20px;
-    line-height:19px;
-    opacity:.65;
-    border-radius:5px;
-    -webkit-border-radius:5px;
-    -moz-border-radius:5px;
-    height:17px
-}
-
-.stripe-logo:hover {
-    background:rgba(109,133,36,.1)
-}
-
-.stripe-logo svg {
-    width:40px;
-    height:17px
-}
-
-.stripe-logo svg path,.stripe-logo svg rect {
-    fill:#6d8524
-}
-
-.stripe-logo>span {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    position:relative;
-    font-family:Helvetica,Arial;
-    margin-left:3px
-}
-
-.container {
-    position:relative
-}
-
-.container .aux {
-    border-color:#3f4237
-}
-
-.container .aux,.container .aux div {
-    position:absolute;
-    top:0;
-    bottom:0;
-    left:0;
-    right:0;
-    border-radius:2px;
-    -webkit-border-radius:2px;
-    -moz-border-radius:2px
-}
-
-.container .aux img {
-    width:100%;
-    height:100%
-}
-
-.container .dark {
-    display:none
-}
-
-.container.step5 .dark {
-    display:block
-}
-
-.container.step5 .light {
-    display:none
-}
-
-.container.step0 .aux img {
-    -khtml-opacity:.3;
-    -moz-opacity:.3;
-    opacity:.3;
-    -ms-filter:alpha(Opacity=30)
-}
-
-.container.step1 .aux img {
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.container.step2 .aux img {
-    -khtml-opacity:.5;
-    -moz-opacity:.5;
-    opacity:.5;
-    -ms-filter:alpha(Opacity=50)
-}
-
-.container.step3 .aux img {
-    -khtml-opacity:.6;
-    -moz-opacity:.6;
-    opacity:.6;
-    -ms-filter:alpha(Opacity=60)
-}
-
-.container.step4 .aux img {
-    -khtml-opacity:.6;
-    -moz-opacity:.6;
-    opacity:.6;
-    -ms-filter:alpha(Opacity=60)
-}
-
-.container.step5 .aux img {
-    -khtml-opacity:.6;
-    -moz-opacity:.6;
-    opacity:.6;
-    -ms-filter:alpha(Opacity=60)
-}
-
-.container .bg {
-    z-index:2;
-    -webkit-box-shadow:0 1px 1px #000;
-    -moz-box-shadow:0 1px 1px #000;
-    box-shadow:0 1px 1px #000
-}
-
-.container.step0 .bg {
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5)
-}
-
-.container.step1 .bg {
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5)
-}
-
-.container.step2 .bg {
-    -khtml-opacity:.1;
-    -moz-opacity:.1;
-    opacity:.1;
-    -ms-filter:alpha(Opacity=10)
-}
-
-.container.step3 .bg {
-    -khtml-opacity:.1;
-    -moz-opacity:.1;
-    opacity:.1;
-    -ms-filter:alpha(Opacity=10)
-}
-
-.container.step4 .bg {
-    -khtml-opacity:.1;
-    -moz-opacity:.1;
-    opacity:.1;
-    -ms-filter:alpha(Opacity=10)
-}
-
-.container.step5 .bg {
-    -khtml-opacity:.1;
-    -moz-opacity:.1;
-    opacity:.1;
-    -ms-filter:alpha(Opacity=10)
-}
-
-.container .inset {
-    z-index:3;
-    -webkit-box-shadow:inset 0 2px 0 #fff;
-    -moz-box-shadow:inset 0 2px 0 #fff;
-    box-shadow:inset 0 2px 0 #fff
-}
-
-.container.step0 .inset {
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.container.step1 .inset {
-    -khtml-opacity:.3;
-    -moz-opacity:.3;
-    opacity:.3;
-    -ms-filter:alpha(Opacity=30)
-}
-
-.container.step2 .inset {
-    -khtml-opacity:.25;
-    -moz-opacity:.25;
-    opacity:.25;
-    -ms-filter:alpha(Opacity=25)
-}
-
-.container.step3 .inset {
-    -khtml-opacity:.2;
-    -moz-opacity:.2;
-    opacity:.2;
-    -ms-filter:alpha(Opacity=20)
-}
-
-.container.step4 .inset {
-    -khtml-opacity:.15;
-    -moz-opacity:.15;
-    opacity:.15;
-    -ms-filter:alpha(Opacity=15)
-}
-
-.container.step5 .inset {
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5)
-}
-
-.container .bd {
-    z-index:4;
-    border:1px solid #000
-}
-
-.container.without-padding .inset {
-    border-radius:0;
-    -webkit-border-radius:0;
-    -moz-border-radius:0
-}
-
-.container.without-padding .bd {
-    border-left:0;
-    border-radius:0;
-    -webkit-border-radius:0;
-    -moz-border-radius:0
-}
-
-.container.without-padding.first .bd {
-    border-left-style:solid;
-    border-left-width:1px
-}
-
-.container.without-padding.first .bd,.container.without-padding.first .background,.container.without-padding.first .inset {
-    border-radius:2px 0 0 2px;
-    -webkit-border-radius:2px 0 0 2px;
-    -moz-border-radius:2px 0 0 2px
-}
-
-.container.without-padding.last .bd,.container.without-padding.last .background,.container.without-padding.last .inset {
-    border-radius:0 2px 2px 0;
-    -webkit-border-radius:0 2px 2px 0;
-    -moz-border-radius:0 2px 2px 0
-}
-
-.container.step0 .bd {
-    -khtml-opacity:.15;
-    -moz-opacity:.15;
-    opacity:.15;
-    -ms-filter:alpha(Opacity=15)
-}
-
-.container.step1 .bd {
-    -khtml-opacity:.2;
-    -moz-opacity:.2;
-    opacity:.2;
-    -ms-filter:alpha(Opacity=20)
-}
-
-.container.step2 .bd {
-    -khtml-opacity:.3;
-    -moz-opacity:.3;
-    opacity:.3;
-    -ms-filter:alpha(Opacity=30)
-}
-
-.container.step3 .bd {
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.container.step4 .bd {
-    -khtml-opacity:.5;
-    -moz-opacity:.5;
-    opacity:.5;
-    -ms-filter:alpha(Opacity=50)
-}
-
-.container.step5 .bd {
-    -khtml-opacity:.15;
-    -moz-opacity:.15;
-    opacity:.15;
-    -ms-filter:alpha(Opacity=15);
-    border-color:#fff
-}
-
-.container .tick {
-    display:none;
-    position:absolute;
-    right:7px;
-    top:50%;
-    margin-top:-15px;
-    font-size:21px;
-    -khtml-opacity:.7;
-    -moz-opacity:.7;
-    opacity:.7;
-    -ms-filter:alpha(Opacity=70)
-}
-
-.container .tick:before {
-    font-family:typeIconFont;
-    content:"H"
-}
-
-.container.selected .tick {
-    display:block
-}
-
-.container.selected.step0 .overlay {
-    -khtml-opacity:.03;
-    -moz-opacity:.03;
-    opacity:.03;
-    -ms-filter:alpha(Opacity=3);
-    display:block;
-    background-color:#000
-}
-
-.container.selected.step1 .overlay {
-    -khtml-opacity:.1;
-    -moz-opacity:.1;
-    opacity:.1;
-    -ms-filter:alpha(Opacity=10);
-    display:block;
-    background-color:#fff
-}
-
-.container.selected.step2 .overlay {
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5);
-    display:block;
-    background-color:#fff
-}
-
-.container.selected.step3 .overlay {
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5);
-    display:block;
-    background-color:#fff
-}
-
-.container.selected.step4 .overlay {
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5);
-    display:block;
-    background-color:#fff
-}
-
-.container.selected.step5 .overlay {
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5);
-    display:block;
-    background-color:#fff
-}
-
-.container .overlay {
-    background-color:#000;
-    background-color:rgba(0,0,0,0);
-    z-index:1
-}
-
-.container.step0 .overlay {
-    background-color:#000;
-    background-color:rgba(0,0,0,0)
-}
-
-.container.step1 .overlay,.container.step2 .overlay,.container.step3 .overlay,.container.step4 .overlay,.container.step5 .overlay {
-    background-color:#fff;
-    background-color:rgba(255,255,255,0)
-}
-
-.container.pre-selected.step0 .overlay,.container.active.step0 .overlay {
-    background-color:#000;
-    background-color:rgba(0,0,0,.05)
-}
-
-.container.pre-selected.step0 .bd,.container.active.step0 .bd {
-    -khtml-opacity:.3;
-    -moz-opacity:.3;
-    opacity:.3;
-    -ms-filter:alpha(Opacity=30)
-}
-
-.container.pre-selected.step1 .overlay,.container.active.step1 .overlay {
-    background-color:#fff;
-    background-color:rgba(255,255,255,.2)
-}
-
-.container.pre-selected.step1 .bd,.container.active.step1 .bd {
-    -khtml-opacity:.35;
-    -moz-opacity:.35;
-    opacity:.35;
-    -ms-filter:alpha(Opacity=35)
-}
-
-.container.pre-selected.step2 .overlay,.container.active.step2 .overlay {
-    background-color:#fff;
-    background-color:rgba(255,255,255,.1)
-}
-
-.container.pre-selected.step2 .bd,.container.active.step2 .bd {
-    -khtml-opacity:.45;
-    -moz-opacity:.45;
-    opacity:.45;
-    -ms-filter:alpha(Opacity=45)
-}
-
-.container.pre-selected.step3 .overlay,.container.active.step3 .overlay {
-    background-color:#fff;
-    background-color:rgba(255,255,255,.1)
-}
-
-.container.pre-selected.step3 .bd,.container.active.step3 .bd {
-    -khtml-opacity:.55;
-    -moz-opacity:.55;
-    opacity:.55;
-    -ms-filter:alpha(Opacity=55)
-}
-
-.container.pre-selected.step4 .overlay,.container.active.step4 .overlay {
-    background-color:#fff;
-    background-color:rgba(255,255,255,.1)
-}
-
-.container.pre-selected.step4 .bd,.container.active.step4 .bd {
-    -khtml-opacity:.65;
-    -moz-opacity:.65;
-    opacity:.65;
-    -ms-filter:alpha(Opacity=65)
-}
-
-.container.pre-selected.step5 .overlay,.container.active.step5 .overlay {
-    background-color:#fff;
-    background-color:rgba(255,255,255,.1)
-}
-
-.container.pre-selected.step5 .bd,.container.active.step5 .bd {
-    -khtml-opacity:.25;
-    -moz-opacity:.25;
-    opacity:.25;
-    -ms-filter:alpha(Opacity=25)
-}
-
-.container:hover .no-hover .overlay {
-    display:none
-}
-
-.container .line {
-    position:absolute;
-    height:10px;
-    bottom:-10px;
-    width:1px;
-    border-left:1px solid #000;
-    left:50%
-}
-
-.container.step0 .line {
-    -khtml-opacity:.15;
-    -moz-opacity:.15;
-    opacity:.15;
-    -ms-filter:alpha(Opacity=15)
-}
-
-.container.step1 .line {
-    -khtml-opacity:.2;
-    -moz-opacity:.2;
-    opacity:.2;
-    -ms-filter:alpha(Opacity=20)
-}
-
-.container.step2 .line {
-    -khtml-opacity:.3;
-    -moz-opacity:.3;
-    opacity:.3;
-    -ms-filter:alpha(Opacity=30)
-}
-
-.container.step3 .line {
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.container.step4 .line {
-    -khtml-opacity:.5;
-    -moz-opacity:.5;
-    opacity:.5;
-    -ms-filter:alpha(Opacity=50)
-}
-
-.container.step5 .line {
-    -khtml-opacity:.15;
-    -moz-opacity:.15;
-    opacity:.15;
-    -ms-filter:alpha(Opacity=15);
-    border-left:1px solid #fff
-}
-
-.preventHover .container:hover .overlay {
-    display:none!important
-}
-
-.preventHover .container.pre-selected .overlay {
-    display:block!important
-}
-
-.freezeframe-container {
-    margin:0
-}
-
-.ios-picture-choice-gif-layer {
-    opacity:0;
-    top:0;
-    left:0;
-    width:1px;
-    height:1px;
-    position:absolute;
-    z-index:4
-}
-
-html,body,div,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td {
-    margin:0;
-    padding:0;
-    border:0;
-    outline:0;
-    font-weight:inherit;
-    font-style:inherit;
-    font-size:100%;
-    font-family:inherit;
-    vertical-align:baseline
-}
-
-body {
-    line-height:1;
-    color:#000;
-    background:#fff
-}
-
-:focus {
-    outline:0
-}
-
-table {
-    border-collapse:collapse;
-    border-spacing:0
-}
-
-caption,th,td {
-    text-align:left;
-    font-weight:400
-}
-
-fieldset,img {
-    border:0
-}
-
-address,caption,cite,code,dfn,th,var {
-    font-style:normal;
-    font-weight:400
-}
-
-ol,ul {
-    list-style:none
-}
-
-h1,h2,h3,h4,h5,h6 {
-    font-size:100%;
-    font-weight:400
-}
-
-blockquote:before,blockquote:after,q:before,q:after {
-    content:""
-}
-
-blockquote,q {
-    quotes:"" ""
-}
-
-abbr,acronym {
-    border:0
-}
-
-.buttonColor {
-    color:#285F90
-}
-
-.backgroundColor {
-    background-color:gray;
-}
-
-.primaryColor {
-    color:#3f4237
-}
-
-.secondaryColor {
-    color:#3f4237
-}
-
-.overlayOpacity {
-    -khtml-opacity:.54;
-    -moz-opacity:.54;
-    opacity:.54;
-    -ms-filter:alpha(Opacity=54)
-}
-
-.overlayColor {
-    background-color:#fff
-}
-
-a:not(.button) {
-    color:#6d8524;
-    text-decoration:none;
-    border-bottom:1px dotted #6d8524
-}
-
-body {
-    background-color:white;
-    overflow:hidden;
-    overflow-x:hidden
-}
-
-body.scroll-disable {
-    overflow:hidden
-}
-
-body.form-ready {
-    overflow:auto
-}
-
-#loader {
-    background-color:#c1ef41
-}
-
-.questions,.screen .content,.footer .content,.footer-confirm .wrapper,.screen .footer .content,.footer-message .content {
-    display:block;
-    margin:0 auto;
-    max-width:800px
-}
-
-.focus-current  .questions>li {
-    -khtml-opacity:.08;
-    -moz-opacity:.08;
-    opacity:.08;
-    -ms-filter:alpha(Opacity=8)
-}
-
-.resizing  .form,.resizing  .form .questions>li,.resizing  .form .questions>li .content {
-    display:block!important
-}
-
-.resizing  .screen {
-    position:fixed;
-    display:block!important
-}
-
-.resizing.resizing-scroll  .form .questions>li {
-    display:none!important
-}
-
-.resizing.resizing-scroll  .form .questions>li.active {
-    display:block!important
-}
-
-body.field .footer,body.field .footer-message {
-    display:none
-}
-
-body.field  .form .questions {
-    padding-bottom:300px
-}
-
- {
-    position:relative;
-    font-family:Arvo,Georgia,serif;
-    z-index:3
-}
-
- .form {
-    position:relative;
-    z-index:5
-}
-
- .form .questions {
-    position:relative;
-    font-family:Arvo,Georgia,serif;
-    padding:0 20px
-}
-
-@media only screen and (min-width:800px) {
- .form .questions {
-    padding:0
-}
-}
-
- .form .questions>li {
-    position:relative;
-    -webkit-tap-highlight-color:rgba(0,0,0,0);
-    -khtml-opacity:.2;
-    -moz-opacity:.2;
-    opacity:.2;
-    -ms-filter:alpha(Opacity=20);
-    display:none
-}
-
- .form .questions>li .wrapper {
-    padding:30px 20px 30px 0
-}
-
- .form .questions>li.active {
-    display:block
-}
-
- .form .questions>li.visible .content {
-    display:block
-}
-
- .form .questions>li.focus {
-    cursor:default;
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100)
-}
-
- .form .questions>li.focus div.item .arrow {
-    display:block
-}
-
- .form .questions>li.fadeout {
-    -khtml-opacity:0;
-    -moz-opacity:0;
-    opacity:0;
-    -ms-filter:alpha(Opacity=0)
-}
-
- .form .questions>li .content {
-    display:none;
-    position:relative;
-    padding:37px 27px 0 50px
-}
-
- .form .questions>li .content .description, .form .questions>li .content .stripe-description {
-    margin-top:-16px;
-    margin-bottom:33px;
-    font-size:16px;
-    -webkit-font-smoothing:antialiased;
-    line-height:160%;
-    text-align:left;
-    color:#6d8524;
-    -khtml-opacity:.8;
-    -moz-opacity:.8;
-    opacity:.8;
-    -ms-filter:alpha(Opacity=80)
-}
-
- .form .questions>li .content .description .placeholder, .form .questions>li .content .stripe-description .placeholder {
-    -khtml-opacity:.3;
-    -moz-opacity:.3;
-    opacity:.3;
-    -ms-filter:alpha(Opacity=30)
-}
-
-.question {
-    color:#6d8524;
-    font-family:Arvo,Georgia,serif;
-    position:relative;
-    padding:0;
-    cursor:pointer;
-    padding-left:50px;
-    line-height:140%;
-    text-align:left;
-    font-size:24px;
-    -webkit-touch-callout:text;
-    -webkit-user-select:text;
-    -khtml-user-select:text;
-    -moz-user-select:text;
-    -ms-user-select:text;
-    user-select:text
-}
-
-@media (max-width:800px) {
-.question {
-    font-size:22px
-}
-}
-
-@media (max-width:550px),(max-height:450px) {
-.question {
-    font-size:20px
-}
-}
-
-var.tag {
-    border-radius:3px;
-    -webkit-border-radius:3px;
-    -moz-border-radius:3px;
-    background-color:rgba(109,133,36,.3);
-    border:1px solid;
-    font-size:12px;
-    -webkit-font-smoothing:subpixel-antialiased;
-    padding:0 6px 0 7px;
-    vertical-align:middle;
-    display:block;
-    white-space:nowrap;
-    overflow:hidden;
-    text-overflow:ellipsis;
-    -o-text-overflow:ellipsis;
-    -ms-text-overflow:ellipsis;
-    display:inline-block;
-    max-width:200px;
-    height:30px
-}
-
-.item {
-    color:#3f4237;
-    font-family:Arvo,Georgia,serif;
-    -webkit-font-smoothing:antialiased;
-    position:absolute;
-    padding:0;
-    text-align:right;
-    width:20px;
-    line-height:35px;
-    margin-right:30px;
-    font-size:16px
-}
-
-@media (max-width:800px) {
-.item {
-    font-size:16px;
-    line-height:31px
-}
-}
-
-@media (max-width:550px),(max-height:450px) {
-.item {
-    line-height:28px;
-    font-size:15px
-}
-}
-
-.sub-question .item,.header.sub .item {
-    width:40px;
-    font-size:20px
-}
-
-.sub-question .item .arrow,.header.sub .item .arrow {
-    display:none!important
-}
-
-.item .arrow {
-    position:absolute;
-    left:25px;
-    top:16px;
-    height:4px;
-    width:7px;
-    background-color:#3f4237
-}
-
-@media (max-width:800px) {
-.item .arrow {
-    top:14px
-}
-}
-
-@media (max-width:550px),(max-height:450px) {
-.item .arrow {
-    top:12px
-}
-}
-
-.item .arrow .arrow-right {
-    width:0;
-    height:0;
-    border-top:5px solid transparent;
-    border-bottom:5px solid transparent;
-    border-left:5px solid;
-    margin-left:7px;
-    margin-top:-3px
-}
-
-.item .required {
-    display:none
-}
-
-.focus .message {
-    visibility:visible
-}
-
-.preview.safari #background,.preview.safari .footer,.preview.safari #progress,.preview.safari .confirm.container,.preview.safari .questions>li {
-    -webkit-transform:translate3d(0,0,0);
-    -moz-transform:translate3d(0,0,0);
-    transform:translate3d(0,0,0)
-}
-
-.mozilla .letter {
-    box-shadow:none
-}
-
-.mozilla .container .bg,.mozilla .container .inset {
-    display:none
-}
-
-.ie9 .question {
-    margin-top:0
-}
-
-.ie9 input {
-    width:100%
-}
-
-.screen #watermark {
-    z-index:12
-}
-
-#watermark {
-    position:fixed;
-    top:0;
-    right:0;
-    padding:15px;
-    z-index:4;
-    font-family:Helvetica,Arial
-}
-
-#watermark a {
-    font-size:13px;
-    text-decoration:none;
-    color:#fff;
-    color:rgba(255,255,255,.3)
-}
-
-#watermark a:hover {
-    color:#fff
-}
-
-.dark #watermark a {
-    color:#000;
-    color:rgba(0,0,0,.3)
-}
-
-.dark #watermark a:hover {
-    color:#000
-}
-
-.asterisk {
-    font-family:'Courier New',monospace;
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    margin-top:-5px
-}
-
-.credits {
-    color:#6d8524;
-    height:14px;
-    font-family:Helvetica,Arial;
-    opacity:.8;
-    font-size:12px
-}
-
-.credits a {
-    color:#6d8524;
-    text-decoration:none;
-    font-weight:700;
-    border-bottom:1px solid #6d8524
-}
-
-.credits a:hover {
-    border-bottom:2px solid #6d8524
-}
-
-#errors,#texts {
-    display:none
-}
-
-#load {
-    -khtml-opacity:.01;
-    -moz-opacity:.01;
-    opacity:.01;
-    -ms-filter:alpha(Opacity=1);
-    height:1px;
-    width:1px
-}
-
-#load:before {
-    font-family:typeIconFont;
-    content:"H"
-}
-
-.fullscreen #background {
-    background-size:cover
-}
-
-.repeat #background {
-    background-repeat:repeat
-}
-
-.no-repeat #background {
-    background-repeat:no-repeat
-}
-
-.persistent.overlayColor {
-    position:absolute;
-    height:100%;
-    width:100%;
-    top:0;
-    left:0;
-    z-index:1
-}
-
-.persistent.background {
-    position:absolute;
-    bottom:0;
-    left:0;
-    right:0
-}
-
-#background {
-    position:fixed;
-    background-color:#c1ef41;
-    background-image:url(https://d4z6dx8qrln4r.cloudfront.net/background-5406f83068c19-default.jpeg);
-    width:100%;
-    height:100%;
-    z-index:1;
-    top:0
-}
-
-#background div {
-    position:absolute;
-    height:100%;
-    width:100%;
-    top:0;
-    background-color:#fff;
-    -khtml-opacity:.54;
-    -moz-opacity:.54;
-    opacity:.54;
-    -ms-filter:alpha(Opacity=54)
-}
-
-#private {
-    position:fixed;
-    top:0;
-    display:block;
-    background-color:#000;
-    font-family:Helvetica,Arial;
-    text-align:center;
-    height:32px;
-    z-index:12;
-    line-height:20px;
-    width:100%;
-    margin:0 auto;
-    border-radius:4px;
-    -webkit-border-radius:4px;
-    -moz-border-radius:4px;
-    margin-top:-4px;
-    padding-top:15px;
-    color:#fff;
-    font-size:16px
-}
-
-#private.old-plans {
-    color:#faffcf;
-    font-size:12px;
-    padding-top:4px;
-    height:20px
-}
-
-#private.old-plans img {
-    right:8px;
-    top:8px
-}
-
-#private img {
-    width:10px;
-    height:10px;
-    position:absolute;
-    right:15px;
-    top:19px;
-    cursor:pointer
-}
-
-#private span {
-    display:none
-}
-
-#private.top span.top {
-    display:block
-}
-
-#private.embed span.embed {
-    display:block
-}
-
-.empty-form {
-    position:fixed;
-    top:50%;
-    z-index:3;
-    width:100%;
-    padding:10px;
-    font-size:18px;
-    line-height:20px;
-    text-align:center;
-    margin-top:-10px
-}
-
-.header {
-    position:fixed;
-    width:100%;
-    z-index:6;
-    border-bottom-style:solid;
-    border-bottom-width:1px;
-    overflow:hidden;
-    -moz-transition:top ease-out 150ms 0;
-    -webkit-transition:top ease-out 150ms 0;
-    -o-transition:top ease-out 150ms 0;
-    transition:top ease-out 150ms 0
-}
-
-.header.step0 {
-    border-color:rgba(0,0,0,.2);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.15);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.15);
-    box-shadow:0 0 3px rgba(0,0,0,.15)
-}
-
-.header.step0 .overlay {
-    background-color:#000;
-    -khtml-opacity:.02;
-    -moz-opacity:.02;
-    opacity:.02;
-    -ms-filter:alpha(Opacity=2)
-}
-
-.header.step1 {
-    border-color:rgba(0,0,0,.25);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.2);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.2);
-    box-shadow:0 0 3px rgba(0,0,0,.2)
-}
-
-.header.step1 .overlay {
-    background-color:#000;
-    -khtml-opacity:.04;
-    -moz-opacity:.04;
-    opacity:.04;
-    -ms-filter:alpha(Opacity=4)
-}
-
-.header.step2 {
-    border-color:rgba(0,0,0,.25);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.25);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.25);
-    box-shadow:0 0 3px rgba(0,0,0,.25)
-}
-
-.header.step2 .overlay {
-    background-color:#000;
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5)
-}
-
-.header.step3 {
-    border-color:rgba(0,0,0,.25);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.3);
-    box-shadow:0 0 3px rgba(0,0,0,.3)
-}
-
-.header.step3 .overlay {
-    background-color:#000;
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5)
-}
-
-.header.step4 {
-    border-color:rgba(0,0,0,.4);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.45);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.45);
-    box-shadow:0 0 3px rgba(0,0,0,.45)
-}
-
-.header.step4 .overlay {
-    background-color:#000;
-    -khtml-opacity:.08;
-    -moz-opacity:.08;
-    opacity:.08;
-    -ms-filter:alpha(Opacity=8)
-}
-
-.header.step5 {
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.45);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.45);
-    box-shadow:0 0 3px rgba(0,0,0,.45);
-    border-top:1px solid rgba(255,255,255,.15)
-}
-
-.header.step5 .overlay {
-    background-color:#fff;
-    -khtml-opacity:.06;
-    -moz-opacity:.06;
-    opacity:.06;
-    -ms-filter:alpha(Opacity=6)
-}
-
-.header.sub {
-    z-index:5;
-    top:98px;
-    -khtml-opacity:0;
-    -moz-opacity:0;
-    opacity:0;
-    -ms-filter:alpha(Opacity=0);
-    visibility:hidden;
-    -moz-transition:opacity ease-out 150ms 0;
-    -webkit-transition:opacity ease-out 150ms 0;
-    -o-transition:opacity ease-out 150ms 0;
-    transition:opacity ease-out 150ms 0
-}
-
-.header.sub.show {
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100);
-    visibility:visible;
-    -moz-transition:none ease-out 0 0;
-    -webkit-transition:none ease-out 0 0;
-    -o-transition:none ease-out 0 0;
-    transition:none ease-out 0 0
-}
-
-.header .arrow {
-    display:block
-}
-
-.header .description {
-    display:none;
-    visibility:hidden
-}
-
-.header .question-wrap {
-    position:relative
-}
-
-.header .question-wrap .item {
-    top:0
-}
-
-.header .question .attachment {
-    float:right;
-    padding-left:20px
-}
-
-.header .question .attachment img {
-    max-height:78px
-}
-
-.header .question .stripe-logo {
-    margin-top:0;
-    float:right;
-    margin-left:10px
-}
-
-.header .attachment {
-    display:none
-}
-
-.header .close {
-    display:none;
-    position:fixed;
-    top:10px;
-    right:30px;
-    width:30px;
-    height:30px;
-    font-size:55px;
-    color:rgba(109,133,36,.8);
-    font-family:HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
-    font-weight:200;
-    cursor:pointer
-}
-
-.header .close:hover {
-    color:#6d8524
-}
-
-.header.type-default .question {
-    display:block;
-    white-space:nowrap;
-    overflow:hidden;
-    text-overflow:ellipsis;
-    -o-text-overflow:ellipsis;
-    -ms-text-overflow:ellipsis
-}
-
-.header.type-default:hover {
-    height:auto!important
-}
-
-.header.type-default:hover .question {
-    display:block;
-    white-space:normal;
-    overflow:auto;
-    text-overflow:clip;
-    -o-text-overflow:clip;
-    -ms-text-overflow:clip
-}
-
-.header.type-group {
-    -moz-transition:all ease-out 150ms 0;
-    -webkit-transition:all ease-out 150ms 0;
-    -o-transition:all ease-out 150ms 0;
-    transition:all ease-out 150ms 0;
-    height:100px
-}
-
-.header.type-group.openable:hover {
-    padding-bottom:7px
-}
-
-.header.type-group .question-wrap {
-    padding:0 50px 0 0
-}
-
-.header.type-group .question-wrap .question {
-    display:block;
-    width:100%;
-    font-size:20px;
-    line-height:128%;
-    float:left
-}
-
-.header.type-group .question-wrap .item {
-    top:-5px
-}
-
-.header.type-group .full-content {
-    padding:0 50px
-}
-
-.header.type-group .full-content .description {
-    visibility:hidden;
-    display:none;
-    padding:15px 0;
-    font-size:19px;
-    line-height:160%;
-    text-align:left;
-    color:#6d8524;
-    -khtml-opacity:.8;
-    -moz-opacity:.8;
-    opacity:.8;
-    -ms-filter:alpha(Opacity=80)
-}
-
-@media (max-width:800px) {
-.header.type-group .full-content .description {
-    font-size:17px
-}
-}
-
-@media (max-width:550px),(max-height:450px) {
-.header.type-group .full-content .description {
-    font-size:16px
-}
-}
-
-.header.type-group.one-lines .question-wrap {
-    top:25px
-}
-
-.header.type-group.one-lines .question .attachment {
-    margin-top:-25px
-}
-
-.header.type-group.two-lines .question-wrap {
-    top:12px
-}
-
-.header.type-group.two-lines .question .attachment {
-    margin-top:-10px
-}
-
-.header.type-group.three-lines .question-wrap {
-    top:0
-}
-
-.header.type-group.three-lines .question .attachment {
-    margin-top:0
-}
-
-.header.type-group.n-lines .question-wrap {
-    top:0
-}
-
-.header.type-group.n-lines .smooth-break {
-    display:block
-}
-
-.header.type-group .smooth-break {
-    position:absolute;
-    display:none;
-    left:0;
-    bottom:0;
-    right:0;
-    height:10px;
-    z-index:5;
-    background-repeat:repeat-x;
-    background-image:-khtml-gradient(linear,left top,left bottom,from(rgba(187,237,46,0)),to(#bbed2e));
-    background-image:-moz-linear-gradient(rgba(187,237,46,0),#bbed2e);
-    background-image:-ms-linear-gradient(rgba(187,237,46,0),#bbed2e);
-    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(187,237,46,0)),color-stop(100%,#bbed2e));
-    background-image:-webkit-linear-gradient(rgba(187,237,46,0),#bbed2e);
-    background-image:-o-linear-gradient(rgba(187,237,46,0),#bbed2e);
-    background-image:linear-gradient(rgba(187,237,46,0),#bbed2e)
-}
-
-.header.thumbnail-show .question .attachment {
-    display:block
-}
-
-.header.state-full .question-wrap {
-    top:0!important
-}
-
-.header.state-full .question .attachment {
-    display:none
-}
-
-.header.state-full .content {
-    overflow:scroll
-}
-
-.header.state-full .content .content-wrapper {
-    margin-bottom:30px
-}
-
-.header.state-full .full-content .attachment {
-    padding:15px 0;
-    display:block
-}
-
-.header.state-full .full-content .description {
-    visibility:visible
-}
-
-.header.state-full .close {
-    display:block
-}
-
-.header .background {
-    position:absolute;
-    background:#c1ef41;
-    top:0;
-    left:0;
-    right:0;
-    bottom:0;
-    z-index:1
-}
-
-.header .overlay {
-    position:absolute;
-    top:0;
-    left:0;
-    right:0;
-    bottom:0;
-    z-index:3;
-    background-color:#fff;
-    -khtml-opacity:.54;
-    -moz-opacity:.54;
-    opacity:.54;
-    -ms-filter:alpha(Opacity=54)
-}
-
-.header .content {
-    z-index:5;
-    padding:11px 20px;
-    position:relative;
-    height:100%
-}
-
-.header .content .question {
-    max-width:715px;
-    margin:0
-}
-
-.header .content .content-wrapper {
-    display:block;
-    margin:0 auto;
-    max-width:800px
-}
-
-.setHeaderGradient {
-    background-repeat:repeat-x;
-    background-image:-khtml-gradient(linear,left top,left bottom,from(rgba(187,237,46,0)),to(#bbed2e));
-    background-image:-moz-linear-gradient(rgba(187,237,46,0),#bbed2e);
-    background-image:-ms-linear-gradient(rgba(187,237,46,0),#bbed2e);
-    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(187,237,46,0)),color-stop(100%,#bbed2e));
-    background-image:-webkit-linear-gradient(rgba(187,237,46,0),#bbed2e);
-    background-image:-o-linear-gradient(rgba(187,237,46,0),#bbed2e);
-    background-image:linear-gradient(rgba(187,237,46,0),#bbed2e)
-}
-
-.footer-error.confirm-nav .footer-message {
-    display:none
-}
-
-#fixed-footer {
-    z-index:11;
-    position:fixed;
-    bottom:0;
-    width:100%;
-    border-top-style:solid;
-    border-top-width:1px;
-    height:60px;
-    -webkit-touch-callout:none;
-    -webkit-user-select:none;
-    -khtml-user-select:none;
-    -moz-user-select:-moz-none;
-    -ms-user-select:none;
-    user-select:none
-}
-
-#fixed-footer.step0 {
-    border-color:rgba(0,0,0,.2);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.15);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.15);
-    box-shadow:0 0 3px rgba(0,0,0,.15)
-}
-
-#fixed-footer.step0 .overlay {
-    background-color:#000;
-    -khtml-opacity:.02;
-    -moz-opacity:.02;
-    opacity:.02;
-    -ms-filter:alpha(Opacity=2)
-}
-
-#fixed-footer.step1 {
-    border-color:rgba(0,0,0,.25);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.2);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.2);
-    box-shadow:0 0 3px rgba(0,0,0,.2)
-}
-
-#fixed-footer.step1 .overlay {
-    background-color:#000;
-    -khtml-opacity:.04;
-    -moz-opacity:.04;
-    opacity:.04;
-    -ms-filter:alpha(Opacity=4)
-}
-
-#fixed-footer.step2 {
-    border-color:rgba(0,0,0,.25);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.25);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.25);
-    box-shadow:0 0 3px rgba(0,0,0,.25)
-}
-
-#fixed-footer.step2 .overlay {
-    background-color:#000;
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5)
-}
-
-#fixed-footer.step3 {
-    border-color:rgba(0,0,0,.25);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.3);
-    box-shadow:0 0 3px rgba(0,0,0,.3)
-}
-
-#fixed-footer.step3 .overlay {
-    background-color:#000;
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5)
-}
-
-#fixed-footer.step4 {
-    border-color:rgba(0,0,0,.4);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.45);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.45);
-    box-shadow:0 0 3px rgba(0,0,0,.45)
-}
-
-#fixed-footer.step4 .overlay {
-    background-color:#000;
-    -khtml-opacity:.08;
-    -moz-opacity:.08;
-    opacity:.08;
-    -ms-filter:alpha(Opacity=8)
-}
-
-#fixed-footer.step5 {
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.45);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.45);
-    box-shadow:0 0 3px rgba(0,0,0,.45);
-    border-top:1px solid rgba(255,255,255,.15)
-}
-
-#fixed-footer.step5 .overlay {
-    background-color:#fff;
-    -khtml-opacity:.06;
-    -moz-opacity:.06;
-    opacity:.06;
-    -ms-filter:alpha(Opacity=6)
-}
-
-.field #fixed-footer {
-    display:none
-}
-
-#fixed-footer>.background {
-    background-color:#c1ef41;
-    top:0;
-    z-index:2
-}
-
-#fixed-footer .footer-message {
-    position:absolute;
-    width:100%;
-    top:0;
-    z-index:1;
-    -moz-transition:top ease-out 100ms 0;
-    -webkit-transition:top ease-out 100ms 0;
-    -o-transition:top ease-out 100ms 0;
-    transition:top ease-out 100ms 0
-}
-
-.footer-error #fixed-footer .footer-message {
-    -moz-transition:top ease-out 100ms 0;
-    -webkit-transition:top ease-out 100ms 0;
-    -o-transition:top ease-out 100ms 0;
-    transition:top ease-out 100ms 0;
-    top:-23px
-}
-
-#fixed-footer .footer-message .content {
-    padding:5px
-}
-
-#fixed-footer .footer-message .content span {
-    font-family:Helvetica,Arial;
-    position:relative;
-    color:#fff;
-    font-size:13px;
-    z-index:2;
-    line-height:13px;
-    left:10px
-}
-
-@media only screen and (min-width:800px) {
-#fixed-footer .footer-message .content span {
-    left:54px
-}
-}
-
-#fixed-footer .footer-message .background {
-    position:absolute;
-    left:0;
-    top:0;
-    right:0;
-    bottom:0;
-    background-color:#900;
-    z-index:1
-}
-
-#fixed-footer .by {
-    position:absolute;
-    right:115px;
-    top:17px;
-    z-index:5;
-    display:none
-}
-
-@media only screen and (min-width:500px) {
-#fixed-footer .by {
-    display:block
-}
-}
-
-#fixed-footer .by .button {
-    text-decoration:none;
-    font-family:Helvetica,Arial;
-    font-size:11px;
-    padding:3px 6px;
-    height:16px;
-    line-height:17px;
-    font-weight:400;
-    cursor:pointer
-}
-
-#fixed-footer .by .button:active {
-    line-height:18px!important
-}
-
-#fixed-footer.review .content .button-wrapper.review {
-    display:block
-}
-
-#fixed-footer.review .content .button-wrapper.submit {
-    display:none
-}
-
-#fixed-footer .overlay {
-    position:absolute;
-    top:0;
-    left:0;
-    right:0;
-    bottom:0;
-    z-index:3;
-    -khtml-opacity:.54;
-    -moz-opacity:.54;
-    opacity:.54;
-    -ms-filter:alpha(Opacity=54);
-    background-color:#fff
-}
-
-#fixed-footer .button-text {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-family:Helvetica,Arial;
-    font-size:11px;
-    margin:16px 8px 0;
-    color:#3f4237;
-    top:6px;
-    position:absolute;
-    left:100%;
-    width:150px;
-    text-align:left
-}
-
-#fixed-footer .nav-buttons {
-    position:absolute;
-    z-index:99;
-    right:8px;
-    top:8px
-}
-
-#fixed-footer .nav-buttons .button-wrapper {
-    float:left;
-    margin-left:6px
-}
-
-#fixed-footer .content {
-    position:relative;
-    z-index:4;
-    margin:0 auto;
-    max-width:800px
-}
-
-#fixed-footer .content .text {
-    color:#3f4237
-}
-
-#fixed-footer .content .button-wrapper {
-    position:absolute
-}
-
-#fixed-footer .content .button-wrapper.confirm {
-    top:8px;
-    left:0
-}
-
-#fixed-footer .content .button-wrapper.submit,#fixed-footer .content .button-wrapper.review {
-    top:20px;
-    left:20px
-}
-
-@media only screen and (min-width:800px) {
-#fixed-footer .content .button-wrapper.submit,#fixed-footer .content .button-wrapper.review {
-    top:20px;
-    left:45px
-}
-}
-
-#fixed-footer .content .button-wrapper.review {
-    display:none
-}
-
-#fixed-footer .content .phishing-notice {
-    top:73px;
-    left:10px;
-    position:absolute;
-    opacity:.8;
-    font-size:13px
-}
-
-@media only screen and (min-width:800px) {
-#fixed-footer .content .phishing-notice {
-    top:89px;
-    left:45px
-}
-}
-
-@media (max-width:800px) {
-#fixed-footer .content .phishing-notice {
-    left:20px;
-    top:83px
-}
-}
-
-@media (max-width:550px),(max-height:450px) {
-#fixed-footer .content .phishing-notice {
-    left:20px;
-    top:83px
-}
-}
-
-#fixed-footer .content .phishing-notice a {
-    color:#3f4237;
-    text-decoration:underline;
-    border-bottom:0
-}
-
-#fixed-footer .content #progress {
-    top:0;
-    margin-top:14px;
-    position:absolute;
-    width:324px;
-    left:10px;
-    visibility:hidden;
-    -khtml-opacity:0;
-    -moz-opacity:0;
-    opacity:0;
-    -ms-filter:alpha(Opacity=0);
-    -moz-transition:opacity ease-out 300ms 0;
-    -webkit-transition:opacity ease-out 300ms 0;
-    -o-transition:opacity ease-out 300ms 0;
-    transition:opacity ease-out 300ms 0
-}
-
-.proportion #fixed-footer .content #progress,.percent #fixed-footer .content #progress {
-    visibility:visible;
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100)
-}
-
-@media only screen and (min-width:800px) {
-#fixed-footer .content #progress {
-    left:55px
-}
-}
-
-#fixed-footer .content #progress.show {
-    visibility:visible;
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100);
-    -moz-transition:opacity ease-out 300ms 0;
-    -webkit-transition:opacity ease-out 300ms 0;
-    -o-transition:opacity ease-out 300ms 0;
-    transition:opacity ease-out 300ms 0
-}
-
-#fixed-footer .content #progress .label {
-    font-size:13px;
-    font-family:Helvetica,Arial;
-    color:#3f4237
-}
-
-#fixed-footer .content #progress .bar {
-    position:relative;
-    margin:8px 0;
-    width:225px;
-    height:6px;
-    display:block
-}
-
-#fixed-footer .content #progress .bar div {
-    position:absolute;
-    left:0;
-    top:0;
-    bottom:0
-}
-
-#fixed-footer .content #progress .bar div.wrapper {
-    right:0;
-    z-index:1;
-    -khtml-opacity:.35;
-    -moz-opacity:.35;
-    opacity:.35;
-    -ms-filter:alpha(Opacity=35);
-    border-radius:10px;
-    -webkit-border-radius:10px;
-    -moz-border-radius:10px;
-    background-color:#3f4237
-}
-
-#fixed-footer .content #progress .bar div.progress {
-    display:block;
-    width:0;
-    z-index:2;
-    height:100%;
-    -moz-transition:width ease-out 200ms 0;
-    -webkit-transition:width ease-out 200ms 0;
-    -o-transition:width ease-out 200ms 0;
-    transition:width ease-out 200ms 0;
-    background-color:#3f4237;
-    -webkit-border-top-left-radius:10px;
-    -webkit-border-top-right-radius:0;
-    -webkit-border-bottom-right-radius:0;
-    -webkit-border-bottom-left-radius:10px;
-    -moz-border-radius-topleft:10px;
-    -moz-border-radius-topright:0;
-    -moz-border-radius-bottomright:0;
-    -moz-border-radius-bottomleft:10px;
-    border-top-left-radius:10px;
-    border-top-right-radius:0;
-    border-bottom-right-radius:0;
-    border-bottom-left-radius:10px
-}
-
-#fixed-footer .content #progress .bar div.progress.rounded {
-    -webkit-border-top-left-radius:10px;
-    -webkit-border-top-right-radius:10px;
-    -webkit-border-bottom-right-radius:10px;
-    -webkit-border-bottom-left-radius:10px;
-    -moz-border-radius-topleft:10px;
-    -moz-border-radius-topright:10px;
-    -moz-border-radius-bottomright:10px;
-    -moz-border-radius-bottomleft:10px;
-    border-top-left-radius:10px;
-    border-top-right-radius:10px;
-    border-bottom-right-radius:10px;
-    border-bottom-left-radius:10px
-}
-
-#unfixed-footer {
-    z-index:10;
-    position:fixed;
-    bottom:0;
-    width:100%;
-    border-top-style:solid;
-    border-top-width:1px;
-    height:60px;
-    -webkit-touch-callout:none;
-    -webkit-user-select:none;
-    -khtml-user-select:none;
-    -moz-user-select:-moz-none;
-    -ms-user-select:none;
-    user-select:none;
-    -webkit-box-shadow:none!important;
-    -moz-box-shadow:none!important;
-    box-shadow:none!important
-}
-
-#unfixed-footer.step0 {
-    border-color:rgba(0,0,0,.2);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.15);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.15);
-    box-shadow:0 0 3px rgba(0,0,0,.15)
-}
-
-#unfixed-footer.step0 .overlay {
-    background-color:#000;
-    -khtml-opacity:.02;
-    -moz-opacity:.02;
-    opacity:.02;
-    -ms-filter:alpha(Opacity=2)
-}
-
-#unfixed-footer.step1 {
-    border-color:rgba(0,0,0,.25);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.2);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.2);
-    box-shadow:0 0 3px rgba(0,0,0,.2)
-}
-
-#unfixed-footer.step1 .overlay {
-    background-color:#000;
-    -khtml-opacity:.04;
-    -moz-opacity:.04;
-    opacity:.04;
-    -ms-filter:alpha(Opacity=4)
-}
-
-#unfixed-footer.step2 {
-    border-color:rgba(0,0,0,.25);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.25);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.25);
-    box-shadow:0 0 3px rgba(0,0,0,.25)
-}
-
-#unfixed-footer.step2 .overlay {
-    background-color:#000;
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5)
-}
-
-#unfixed-footer.step3 {
-    border-color:rgba(0,0,0,.25);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.3);
-    box-shadow:0 0 3px rgba(0,0,0,.3)
-}
-
-#unfixed-footer.step3 .overlay {
-    background-color:#000;
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5)
-}
-
-#unfixed-footer.step4 {
-    border-color:rgba(0,0,0,.4);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.45);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.45);
-    box-shadow:0 0 3px rgba(0,0,0,.45)
-}
-
-#unfixed-footer.step4 .overlay {
-    background-color:#000;
-    -khtml-opacity:.08;
-    -moz-opacity:.08;
-    opacity:.08;
-    -ms-filter:alpha(Opacity=8)
-}
-
-#unfixed-footer.step5 {
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.45);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.45);
-    box-shadow:0 0 3px rgba(0,0,0,.45);
-    border-top:1px solid rgba(255,255,255,.15)
-}
-
-#unfixed-footer.step5 .overlay {
-    background-color:#fff;
-    -khtml-opacity:.06;
-    -moz-opacity:.06;
-    opacity:.06;
-    -ms-filter:alpha(Opacity=6)
-}
-
-.field #unfixed-footer {
-    display:none
-}
-
-#unfixed-footer>.background {
-    background-color:#c1ef41;
-    top:0;
-    z-index:2
-}
-
-#unfixed-footer .footer-message {
-    position:absolute;
-    width:100%;
-    top:0;
-    z-index:1;
-    -moz-transition:top ease-out 100ms 0;
-    -webkit-transition:top ease-out 100ms 0;
-    -o-transition:top ease-out 100ms 0;
-    transition:top ease-out 100ms 0
-}
-
-.footer-error #unfixed-footer .footer-message {
-    -moz-transition:top ease-out 100ms 0;
-    -webkit-transition:top ease-out 100ms 0;
-    -o-transition:top ease-out 100ms 0;
-    transition:top ease-out 100ms 0;
-    top:-23px
-}
-
-#unfixed-footer .footer-message .content {
-    padding:5px
-}
-
-#unfixed-footer .footer-message .content span {
-    font-family:Helvetica,Arial;
-    position:relative;
-    color:#fff;
-    font-size:13px;
-    z-index:2;
-    line-height:13px;
-    left:10px
-}
-
-@media only screen and (min-width:800px) {
-#unfixed-footer .footer-message .content span {
-    left:54px
-}
-}
-
-#unfixed-footer .footer-message .background {
-    position:absolute;
-    left:0;
-    top:0;
-    right:0;
-    bottom:0;
-    background-color:#900;
-    z-index:1
-}
-
-#unfixed-footer .by {
-    position:absolute;
-    right:115px;
-    top:17px;
-    z-index:5;
-    display:none
-}
-
-@media only screen and (min-width:500px) {
-#unfixed-footer .by {
-    display:block
-}
-}
-
-#unfixed-footer .by .button {
-    text-decoration:none;
-    font-family:Helvetica,Arial;
-    font-size:11px;
-    padding:3px 6px;
-    height:16px;
-    line-height:17px;
-    font-weight:400;
-    cursor:pointer
-}
-
-#unfixed-footer .by .button:active {
-    line-height:18px!important
-}
-
-#unfixed-footer.review .content .button-wrapper.review {
-    display:block
-}
-
-#unfixed-footer.review .content .button-wrapper.submit {
-    display:none
-}
-
-#unfixed-footer .overlay {
-    position:absolute;
-    top:0;
-    left:0;
-    right:0;
-    bottom:0;
-    z-index:3;
-    -khtml-opacity:.54;
-    -moz-opacity:.54;
-    opacity:.54;
-    -ms-filter:alpha(Opacity=54);
-    background-color:#fff
-}
-
-#unfixed-footer .button-text {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-family:Helvetica,Arial;
-    font-size:11px;
-    margin:16px 8px 0;
-    color:#3f4237;
-    top:6px;
-    position:absolute;
-    left:100%;
-    width:150px;
-    text-align:left
-}
-
-#unfixed-footer .nav-buttons {
-    position:absolute;
-    z-index:99;
-    right:8px;
-    top:8px
-}
-
-#unfixed-footer .nav-buttons .button-wrapper {
-    float:left;
-    margin-left:6px
-}
-
-#unfixed-footer .content {
-    position:relative;
-    z-index:4;
-    margin:0 auto;
-    max-width:800px
-}
-
-#unfixed-footer .content .text {
-    color:#3f4237
-}
-
-#unfixed-footer .content .button-wrapper {
-    position:absolute
-}
-
-#unfixed-footer .content .button-wrapper.confirm {
-    top:8px;
-    left:0
-}
-
-#unfixed-footer .content .button-wrapper.submit,#unfixed-footer .content .button-wrapper.review {
-    top:20px;
-    left:20px
-}
-
-@media only screen and (min-width:800px) {
-#unfixed-footer .content .button-wrapper.submit,#unfixed-footer .content .button-wrapper.review {
-    top:20px;
-    left:45px
-}
-}
-
-#unfixed-footer .content .button-wrapper.review {
-    display:none
-}
-
-#unfixed-footer .content .phishing-notice {
-    top:73px;
-    left:10px;
-    position:absolute;
-    opacity:.8;
-    font-size:13px
-}
-
-@media only screen and (min-width:800px) {
-#unfixed-footer .content .phishing-notice {
-    top:89px;
-    left:45px
-}
-}
-
-@media (max-width:800px) {
-#unfixed-footer .content .phishing-notice {
-    left:20px;
-    top:83px
-}
-}
-
-@media (max-width:550px),(max-height:450px) {
-#unfixed-footer .content .phishing-notice {
-    left:20px;
-    top:83px
-}
-}
-
-#unfixed-footer .content .phishing-notice a {
-    color:#3f4237;
-    text-decoration:underline;
-    border-bottom:0
-}
-
-#unfixed-footer .content #progress {
-    top:0;
-    margin-top:14px;
-    position:absolute;
-    width:324px;
-    left:10px;
-    visibility:hidden;
-    -khtml-opacity:0;
-    -moz-opacity:0;
-    opacity:0;
-    -ms-filter:alpha(Opacity=0);
-    -moz-transition:opacity ease-out 300ms 0;
-    -webkit-transition:opacity ease-out 300ms 0;
-    -o-transition:opacity ease-out 300ms 0;
-    transition:opacity ease-out 300ms 0
-}
-
-.proportion #unfixed-footer .content #progress,.percent #unfixed-footer .content #progress {
-    visibility:visible;
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100)
-}
-
-@media only screen and (min-width:800px) {
-#unfixed-footer .content #progress {
-    left:55px
-}
-}
-
-#unfixed-footer .content #progress.show {
-    visibility:visible;
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100);
-    -moz-transition:opacity ease-out 300ms 0;
-    -webkit-transition:opacity ease-out 300ms 0;
-    -o-transition:opacity ease-out 300ms 0;
-    transition:opacity ease-out 300ms 0
-}
-
-#unfixed-footer .content #progress .label {
-    font-size:13px;
-    font-family:Helvetica,Arial;
-    color:#3f4237
-}
-
-#unfixed-footer .content #progress .bar {
-    position:relative;
-    margin:8px 0;
-    width:225px;
-    height:6px;
-    display:block
-}
-
-#unfixed-footer .content #progress .bar div {
-    position:absolute;
-    left:0;
-    top:0;
-    bottom:0
-}
-
-#unfixed-footer .content #progress .bar div.wrapper {
-    right:0;
-    z-index:1;
-    -khtml-opacity:.35;
-    -moz-opacity:.35;
-    opacity:.35;
-    -ms-filter:alpha(Opacity=35);
-    border-radius:10px;
-    -webkit-border-radius:10px;
-    -moz-border-radius:10px;
-    background-color:#3f4237
-}
-
-#unfixed-footer .content #progress .bar div.progress {
-    display:block;
-    width:0;
-    z-index:2;
-    height:100%;
-    -moz-transition:width ease-out 200ms 0;
-    -webkit-transition:width ease-out 200ms 0;
-    -o-transition:width ease-out 200ms 0;
-    transition:width ease-out 200ms 0;
-    background-color:#3f4237;
-    -webkit-border-top-left-radius:10px;
-    -webkit-border-top-right-radius:0;
-    -webkit-border-bottom-right-radius:0;
-    -webkit-border-bottom-left-radius:10px;
-    -moz-border-radius-topleft:10px;
-    -moz-border-radius-topright:0;
-    -moz-border-radius-bottomright:0;
-    -moz-border-radius-bottomleft:10px;
-    border-top-left-radius:10px;
-    border-top-right-radius:0;
-    border-bottom-right-radius:0;
-    border-bottom-left-radius:10px
-}
-
-#unfixed-footer .content #progress .bar div.progress.rounded {
-    -webkit-border-top-left-radius:10px;
-    -webkit-border-top-right-radius:10px;
-    -webkit-border-bottom-right-radius:10px;
-    -webkit-border-bottom-left-radius:10px;
-    -moz-border-radius-topleft:10px;
-    -moz-border-radius-topright:10px;
-    -moz-border-radius-bottomright:10px;
-    -moz-border-radius-bottomleft:10px;
-    border-top-left-radius:10px;
-    border-top-right-radius:10px;
-    border-bottom-right-radius:10px;
-    border-bottom-left-radius:10px
-}
-
-.scroll-overlay {
-    position:fixed;
-    top:0;
-    bottom:0;
-    left:0;
-    right:0;
-    background:#8dba10;
-    display:none;
-    z-index:4
-}
-
-#banner {
-    position:fixed;
-    bottom:-60px;
-    width:100%;
-    height:60px;
-    z-index:5;
-    overflow:hidden;
-    border-top-style:solid;
-    border-top-width:1px;
-    -webkit-touch-callout:none;
-    -webkit-user-select:none;
-    -khtml-user-select:none;
-    -moz-user-select:-moz-none;
-    -ms-user-select:none;
-    user-select:none;
-    -khtml-opacity:0;
-    -moz-opacity:0;
-    opacity:0;
-    -ms-filter:alpha(Opacity=0);
-    -moz-transition:all ease-out 300ms 0;
-    -webkit-transition:all ease-out 300ms 0;
-    -o-transition:all ease-out 300ms 0;
-    transition:all ease-out 300ms 0
-}
-
-#banner.step0 {
-    border-color:rgba(0,0,0,.2);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.15);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.15);
-    box-shadow:0 0 3px rgba(0,0,0,.15)
-}
-
-#banner.step0 .overlay {
-    background-color:#000;
-    -khtml-opacity:.02;
-    -moz-opacity:.02;
-    opacity:.02;
-    -ms-filter:alpha(Opacity=2)
-}
-
-#banner.step1 {
-    border-color:rgba(0,0,0,.25);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.2);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.2);
-    box-shadow:0 0 3px rgba(0,0,0,.2)
-}
-
-#banner.step1 .overlay {
-    background-color:#000;
-    -khtml-opacity:.04;
-    -moz-opacity:.04;
-    opacity:.04;
-    -ms-filter:alpha(Opacity=4)
-}
-
-#banner.step2 {
-    border-color:rgba(0,0,0,.25);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.25);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.25);
-    box-shadow:0 0 3px rgba(0,0,0,.25)
-}
-
-#banner.step2 .overlay {
-    background-color:#000;
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5)
-}
-
-#banner.step3 {
-    border-color:rgba(0,0,0,.25);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.3);
-    box-shadow:0 0 3px rgba(0,0,0,.3)
-}
-
-#banner.step3 .overlay {
-    background-color:#000;
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5)
-}
-
-#banner.step4 {
-    border-color:rgba(0,0,0,.4);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.45);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.45);
-    box-shadow:0 0 3px rgba(0,0,0,.45)
-}
-
-#banner.step4 .overlay {
-    background-color:#000;
-    -khtml-opacity:.08;
-    -moz-opacity:.08;
-    opacity:.08;
-    -ms-filter:alpha(Opacity=8)
-}
-
-#banner.step5 {
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.45);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.45);
-    box-shadow:0 0 3px rgba(0,0,0,.45);
-    border-top:1px solid rgba(255,255,255,.15)
-}
-
-#banner.step5 .overlay {
-    background-color:#fff;
-    -khtml-opacity:.06;
-    -moz-opacity:.06;
-    opacity:.06;
-    -ms-filter:alpha(Opacity=6)
-}
-
-.field #banner {
-    -moz-transition:none ease-out 0 0;
-    -webkit-transition:none ease-out 0 0;
-    -o-transition:none ease-out 0 0;
-    transition:none ease-out 0 0
-}
-
-.resizing #banner {
-    display:none
-}
-
-.banner-top #banner {
-    box-shadow:none;
-    border-bottom-style:solid;
-    border-bottom-width:1px;
-    top:0;
-    height:40px
-}
-
-.banner-top #banner .by {
-    top:8px;
-    right:12px
-}
-
-#banner.risen {
-    bottom:0;
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100)
-}
-
-#banner.risen .content .by span,#banner.risen .content .by .button {
-    bottom:0
-}
-
-#banner .background {
-    z-index:1;
-    height:100%;
-    background-color:#c1ef41
-}
-
-#banner .by {
-    position:absolute;
-    right:20px;
-    top:17px;
-    z-index:2;
-    display:block
-}
-
-#banner .by span {
-    display:block;
-    float:left;
-    line-height:25px;
-    margin-right:10px;
-    font-family:Arial,sans-serif;
-    font-size:14px;
-    color:#3f4237;
-    position:relative;
-    bottom:-70px;
-    -moz-transition:all ease-out 300ms 0;
-    -webkit-transition:all ease-out 300ms 0;
-    -o-transition:all ease-out 300ms 0;
-    transition:all ease-out 300ms 0
-}
-
-#banner .by .button {
-    text-decoration:none;
-    font-family:Helvetica,Arial;
-    font-size:13px;
-    padding:3px 6px;
-    height:17px;
-    line-height:17px;
-    font-weight:400;
-    position:relative;
-    bottom:-80px;
-    -moz-transition:all ease-out 350ms 0;
-    -webkit-transition:all ease-out 350ms 0;
-    -o-transition:all ease-out 350ms 0;
-    transition:all ease-out 350ms 0
-}
-
-#banner .by .button:active {
-    line-height:18px!important
-}
-
-#banner .overlay {
-    position:absolute;
-    top:0;
-    left:0;
-    right:0;
-    bottom:0;
-    z-index:2;
-    -khtml-opacity:.54;
-    -moz-opacity:.54;
-    opacity:.54;
-    -ms-filter:alpha(Opacity=54);
-    background-color:#fff
-}
-
-::-webkit-input-placeholder {
-    color:rgba(63,66,55,.4)
-}
-
-:-moz-placeholder {
-    color:rgba(63,66,55,.4)
-}
-
-::-moz-placeholder {
-    color:rgba(63,66,55,.4)
-}
-
-:-ms-input-placeholder {
-    color:rgba(63,66,55,.4)
-}
-
-.content-wrapper>.text,.button-wrap>.text {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-family:Helvetica,Arial;
-    font-size:11px;
-    margin:16px 8px 0;
-    color:#3f4237
-}
-
-textarea.placeholder,input.placeholder {
-    -khtml-opacity:.3;
-    -moz-opacity:.3;
-    opacity:.3;
-    -ms-filter:alpha(Opacity=30)
-}
-
-.confirm-nav.confirm-footer .footer-confirm {
-    visibility:visible;
-    height:115px
-}
-
-.footer-confirm {
-    position:fixed;
-    left:0;
-    right:0;
-    bottom:0;
-    -moz-transition:all ease-out 200ms 0;
-    -webkit-transition:all ease-out 200ms 0;
-    -o-transition:all ease-out 200ms 0;
-    transition:all ease-out 200ms 0;
-    z-index:4;
-    height:60px;
-    width:100%;
-    overflow:hidden;
-    border-top-style:solid;
-    border-top-width:1px;
-    -webkit-box-shadow:none!important;
-    -moz-box-shadow:none!important;
-    box-shadow:none!important;
-    -webkit-touch-callout:none;
-    -webkit-user-select:none;
-    -khtml-user-select:none;
-    -moz-user-select:-moz-none;
-    -ms-user-select:none;
-    user-select:none;
-    visibility:hidden
-}
-
-.footer-confirm.step0 {
-    border-color:rgba(0,0,0,.2);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.15);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.15);
-    box-shadow:0 0 3px rgba(0,0,0,.15)
-}
-
-.footer-confirm.step0 .overlay {
-    background-color:#000;
-    -khtml-opacity:.02;
-    -moz-opacity:.02;
-    opacity:.02;
-    -ms-filter:alpha(Opacity=2)
-}
-
-.footer-confirm.step1 {
-    border-color:rgba(0,0,0,.25);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.2);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.2);
-    box-shadow:0 0 3px rgba(0,0,0,.2)
-}
-
-.footer-confirm.step1 .overlay {
-    background-color:#000;
-    -khtml-opacity:.04;
-    -moz-opacity:.04;
-    opacity:.04;
-    -ms-filter:alpha(Opacity=4)
-}
-
-.footer-confirm.step2 {
-    border-color:rgba(0,0,0,.25);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.25);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.25);
-    box-shadow:0 0 3px rgba(0,0,0,.25)
-}
-
-.footer-confirm.step2 .overlay {
-    background-color:#000;
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5)
-}
-
-.footer-confirm.step3 {
-    border-color:rgba(0,0,0,.25);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.3);
-    box-shadow:0 0 3px rgba(0,0,0,.3)
-}
-
-.footer-confirm.step3 .overlay {
-    background-color:#000;
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5)
-}
-
-.footer-confirm.step4 {
-    border-color:rgba(0,0,0,.4);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.45);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.45);
-    box-shadow:0 0 3px rgba(0,0,0,.45)
-}
-
-.footer-confirm.step4 .overlay {
-    background-color:#000;
-    -khtml-opacity:.08;
-    -moz-opacity:.08;
-    opacity:.08;
-    -ms-filter:alpha(Opacity=8)
-}
-
-.footer-confirm.step5 {
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.45);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.45);
-    box-shadow:0 0 3px rgba(0,0,0,.45);
-    border-top:1px solid rgba(255,255,255,.15)
-}
-
-.footer-confirm.step5 .overlay {
-    background-color:#fff;
-    -khtml-opacity:.06;
-    -moz-opacity:.06;
-    opacity:.06;
-    -ms-filter:alpha(Opacity=6)
-}
-
-.footer-confirm .content {
-    position:relative;
-    z-index:2;
-    padding:0 55px
-}
-
-.footer-confirm .content .button-wrapper {
-    position:relative;
-    left:0
-}
-
-.footer-confirm .content .text {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-family:Helvetica,Arial;
-    font-size:11px;
-    margin:16px 8px 0;
-    color:#3f4237;
-    padding-top:6px;
-    font-size:12px
-}
-
-.footer-confirm.show {
-    visibility:visible
-}
-
-.footer-confirm .button-wrapper.confirm {
-    z-index:3;
-    top:6px
-}
-
-.footer-confirm .background {
-    z-index:1;
-    top:0;
-    background-color:#c1ef41
-}
-
-.footer-confirm .overlay {
-    position:absolute;
-    top:0;
-    left:0;
-    right:0;
-    bottom:0;
-    z-index:2;
-    -khtml-opacity:.54;
-    -moz-opacity:.54;
-    opacity:.54;
-    -ms-filter:alpha(Opacity=54);
-    background-color:#fff
-}
-
-.footer-confirm .content .text .default {
-    display:block
-}
-
-.footer-confirm .content .text .multiple {
-    display:none
-}
-
-.footer-confirm .content .text .textarea {
-    display:none
-}
-
-.confirm-text-default .footer-confirm .content .text .default {
-    display:block
-}
-
-.confirm-text-default .footer-confirm .content .text .multiple {
-    display:none
-}
-
-.confirm-text-default .footer-confirm .content .text .textarea {
-    display:none
-}
-
-.confirm-text-textarea .footer-confirm .content .text .textarea {
-    display:block
-}
-
-.confirm-text-textarea .footer-confirm .content .text .default {
-    display:none
-}
-
-.confirm-text-textarea .footer-confirm .content .text .multiple {
-    display:none
-}
-
-.confirm-text-multiple .footer-confirm .content .text .multiple {
-    display:block
-}
-
-.confirm-text-multiple .footer-confirm .content .text .default {
-    display:none
-}
-
-.confirm-text-multiple .footer-confirm .content .text .textarea {
-    display:none
-}
-
-.button-wrapper {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline
-}
-
-.button-wrapper.loading #spin {
-    left:50%;
-    text-align:center;
-    position:absolute;
-    top:50%;
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.button-wrapper.loading .button>span {
-    visibility:hidden
-}
-
-.button.nav {
-    display:inline-block;
-    cursor:default;
-    background-color:#c5f044;
-    width:auto;
-    height:35px;
-    line-height:30px;
-    padding:5px 12px 0;
-    font-size:19px;
-    border-radius:3px;
-    -webkit-border-radius:3px;
-    -moz-border-radius:3px;
-    text-align:center;
-    font-weight:700;
-    font-family:Arvo,Georgia,serif;
-    max-width:610px;
-    overflow:hidden;
-    -moz-transition:background-color ease-out 100ms 0;
-    -webkit-transition:background-color ease-out 100ms 0;
-    -o-transition:background-color ease-out 100ms 0;
-    transition:background-color ease-out 100ms 0;
-    color:#5c780a;
-    border-top:1px solid #b6ec15;
-    border-left:1px solid #8cb50f;
-    border-right:1px solid #8cb50f;
-    border-bottom:1px solid #607d0a;
-    box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
-    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
-    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
-    box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-    text-shadow:rgba(255,255,255,.4) 0 1px 1px
-}
-
-.button.nav.enabled {
-    cursor:pointer
-}
-
-.button.nav.hover-effect:hover.enabled,.default .focus .button.nav:hover.enabled,.default .footer-confirm .button.nav:hover.enabled,.screen .focus .button.nav:hover.enabled,.default #banner .button.nav:hover.enabled {
-    -moz-transition:background-color ease-out 100ms 0;
-    -webkit-transition:background-color ease-out 100ms 0;
-    -o-transition:background-color ease-out 100ms 0;
-    transition:background-color ease-out 100ms 0;
-    background-color:#d4f473;
-    cursor:pointer
-}
-
-.default .focus .button.nav:active.enabled,.default .footer .button.nav:active.enabled,.button.nav.selected,.button.nav.active.enabled,.default #banner .button.nav:active.enabled {
-    -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.8);
-    -moz-box-shadow:inset 0 2px 2px rgba(0,0,0,.8);
-    box-shadow:inset 0 2px 2px rgba(0,0,0,.8);
-    line-height:32px;
-    background-color:#d4f473;
-    border:0;
-    border-bottom:1px solid #93bf0f;
-    margin:1px;
-    margin-bottom:0
-}
-
-.default .focus .button.nav:active.enabled span,.default .footer .button.nav:active.enabled span,.button.nav.selected span,.button.nav.active.enabled span,.default #banner .button.nav:active.enabled span {
-    margin-top:1px
-}
-
-.button.nav.disabled {
-    -khtml-opacity:.5;
-    -moz-opacity:.5;
-    opacity:.5;
-    -ms-filter:alpha(Opacity=50);
-    -moz-transition:all ease-out 0 0;
-    -webkit-transition:all ease-out 0 0;
-    -o-transition:all ease-out 0 0;
-    transition:all ease-out 0 0
-}
-
-.button.nav .reload {
-    background:url(https://s3-eu-west-1.amazonaws.com/typeform-media-static/reload-black.png) no-repeat;
-    width:24px;
-    margin-top:7px;
-    height:30px;
-    position:relative;
-    display:block;
-    float:left;
-    margin-right:17px;
-    top:1px;
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.button.nav .tick {
-    background:url(https://s3-eu-west-1.amazonaws.com/typeform-media-static/tick-black.png) no-repeat;
-    position:relative;
-    display:block;
-    float:right;
-    width:32px;
-    height:30px;
-    margin:9px 25px 0;
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.button.nav .next {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-size:27px;
-    width:20px;
-    line-height:31px;
-    margin-left:2px
-}
-
-.button.nav .next:before {
-    font-family:typeIconFont;
-    content:"I"
-}
-
-.button.nav .confirm {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-size:20px;
-    width:16px;
-    line-height:28px;
-    margin-left:9px
-}
-
-.button.nav .confirm:before {
-    font-family:typeIconFont;
-    content:"H"
-}
-
-.button.nav .up {
-    display:block;
-    font-size:27px;
-    width:21px;
-    line-height:30px;
-    margin-left:-4px;
-    margin-right:2px;
-    text-align:left;
-    font-weight:400
-}
-
-.button.nav .up:before {
-    font-family:typeIconFont;
-    content:"K"
-}
-
-.button.nav .down {
-    display:block;
-    font-size:27px;
-    width:21px;
-    line-height:30px;
-    margin-left:-4px;
-    margin-right:2px;
-    text-align:left;
-    font-weight:400
-}
-
-.button.nav .down:before {
-    font-family:typeIconFont;
-    content:"L"
-}
-
-.button.nav.red {
-    display:inline-block;
-    cursor:default;
-    background-color:#900;
-    width:auto;
-    height:35px;
-    line-height:30px;
-    padding:5px 12px 0;
-    font-size:19px;
-    border-radius:3px;
-    -webkit-border-radius:3px;
-    -moz-border-radius:3px;
-    text-align:center;
-    font-weight:700;
-    font-family:Arvo,Georgia,serif;
-    max-width:610px;
-    overflow:hidden;
-    -moz-transition:background-color ease-out 100ms 0;
-    -webkit-transition:background-color ease-out 100ms 0;
-    -o-transition:background-color ease-out 100ms 0;
-    transition:background-color ease-out 100ms 0;
-    color:#ff8080;
-    border-top:1px solid #900;
-    border-left:1px solid #4d0000;
-    border-right:1px solid #4d0000;
-    border-bottom:1px solid #000;
-    box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
-    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
-    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
-    box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-    text-shadow:rgba(0,0,0,.4) 0 -1px 1px
-}
-
-.button.nav.red.enabled {
-    cursor:pointer
-}
-
-.button.nav.red.hover-effect:hover.enabled,.default .focus .button.nav.red:hover.enabled,.default .footer-confirm .button.nav.red:hover.enabled,.screen .focus .button.nav.red:hover.enabled,.default #banner .button.nav.red:hover.enabled {
-    -moz-transition:background-color ease-out 100ms 0;
-    -webkit-transition:background-color ease-out 100ms 0;
-    -o-transition:background-color ease-out 100ms 0;
-    transition:background-color ease-out 100ms 0;
-    background-color:#c00;
-    cursor:pointer
-}
-
-.default .focus .button.nav.red:active.enabled,.default .footer .button.nav.red:active.enabled,.button.nav.red.selected,.button.nav.red.active.enabled,.default #banner .button.nav.red:active.enabled {
-    -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.8);
-    -moz-box-shadow:inset 0 2px 2px rgba(0,0,0,.8);
-    box-shadow:inset 0 2px 2px rgba(0,0,0,.8);
-    line-height:32px;
-    background-color:#c00;
-    border:0;
-    border-bottom:1px solid #300;
-    margin:1px;
-    margin-bottom:0
-}
-
-.default .focus .button.nav.red:active.enabled span,.default .footer .button.nav.red:active.enabled span,.button.nav.red.selected span,.button.nav.red.active.enabled span,.default #banner .button.nav.red:active.enabled span {
-    margin-top:1px
-}
-
-.button.nav.red.disabled {
-    -khtml-opacity:.5;
-    -moz-opacity:.5;
-    opacity:.5;
-    -ms-filter:alpha(Opacity=50);
-    -moz-transition:all ease-out 0 0;
-    -webkit-transition:all ease-out 0 0;
-    -o-transition:all ease-out 0 0;
-    transition:all ease-out 0 0
-}
-
-.button.nav.red .reload {
-    background:url(https://s3-eu-west-1.amazonaws.com/typeform-media-static/reload-black.png) no-repeat;
-    width:24px;
-    margin-top:7px;
-    height:30px;
-    position:relative;
-    display:block;
-    float:left;
-    margin-right:17px;
-    top:1px;
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.button.nav.red .tick {
-    background:url(https://s3-eu-west-1.amazonaws.com/typeform-media-static/tick-black.png) no-repeat;
-    position:relative;
-    display:block;
-    float:right;
-    width:32px;
-    height:30px;
-    margin:9px 25px 0;
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.button.nav.red .next {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-size:27px;
-    width:20px;
-    line-height:31px;
-    margin-left:2px
-}
-
-.button.nav.red .next:before {
-    font-family:typeIconFont;
-    content:"I"
-}
-
-.button.nav.red .confirm {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-size:20px;
-    width:16px;
-    line-height:28px;
-    margin-left:9px
-}
-
-.button.nav.red .confirm:before {
-    font-family:typeIconFont;
-    content:"H"
-}
-
-.button.nav.red .up {
-    display:block;
-    font-size:27px;
-    width:21px;
-    line-height:30px;
-    margin-left:-4px;
-    margin-right:2px;
-    text-align:left;
-    font-weight:400
-}
-
-.button.nav.red .up:before {
-    font-family:typeIconFont;
-    content:"K"
-}
-
-.button.nav.red .down {
-    display:block;
-    font-size:27px;
-    width:21px;
-    line-height:30px;
-    margin-left:-4px;
-    margin-right:2px;
-    text-align:left;
-    font-weight:400
-}
-
-.button.nav.red .down:before {
-    font-family:typeIconFont;
-    content:"L"
-}
-
-.button.key {
-    display:inline-block;
-    cursor:default;
-    background-color:#c5f044;
-    width:15px;
-    height:25px;
-    line-height:19px;
-    padding:5px 7px 0;
-    font-size:18px;
-    border-radius:3px;
-    -webkit-border-radius:3px;
-    -moz-border-radius:3px;
-    text-align:center;
-    font-weight:700;
-    font-family:Arvo,Georgia,serif;
-    max-width:610px;
-    overflow:hidden;
-    -moz-transition:background-color ease-out 100ms 0;
-    -webkit-transition:background-color ease-out 100ms 0;
-    -o-transition:background-color ease-out 100ms 0;
-    transition:background-color ease-out 100ms 0;
-    color:#5c780a;
-    border-top:1px solid #b6ec15;
-    border-left:1px solid #8cb50f;
-    border-right:1px solid #8cb50f;
-    border-bottom:1px solid #607d0a;
-    box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
-    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
-    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
-    box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-    text-shadow:rgba(255,255,255,.4) 0 1px 1px
-}
-
-.button.key.enabled {
-    cursor:pointer
-}
-
-.button.key.hover-effect:hover.enabled,.default .focus .button.key:hover.enabled,.default .footer-confirm .button.key:hover.enabled,.screen .focus .button.key:hover.enabled,.default #banner .button.key:hover.enabled {
-    -moz-transition:background-color ease-out 100ms 0;
-    -webkit-transition:background-color ease-out 100ms 0;
-    -o-transition:background-color ease-out 100ms 0;
-    transition:background-color ease-out 100ms 0;
-    background-color:#d4f473;
-    cursor:pointer
-}
-
-.default .focus .button.key:active.enabled,.default .footer .button.key:active.enabled,.button.key.selected,.button.key.active.enabled,.default #banner .button.key:active.enabled {
-    -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.8);
-    -moz-box-shadow:inset 0 2px 2px rgba(0,0,0,.8);
-    box-shadow:inset 0 2px 2px rgba(0,0,0,.8);
-    line-height:21px;
-    background-color:#d4f473;
-    border:0;
-    border-bottom:1px solid #93bf0f;
-    margin:1px;
-    margin-bottom:0
-}
-
-.default .focus .button.key:active.enabled span,.default .footer .button.key:active.enabled span,.button.key.selected span,.button.key.active.enabled span,.default #banner .button.key:active.enabled span {
-    margin-top:1px
-}
-
-.button.key.disabled {
-    -khtml-opacity:.5;
-    -moz-opacity:.5;
-    opacity:.5;
-    -ms-filter:alpha(Opacity=50);
-    -moz-transition:all ease-out 0 0;
-    -webkit-transition:all ease-out 0 0;
-    -o-transition:all ease-out 0 0;
-    transition:all ease-out 0 0
-}
-
-.button.key .reload {
-    background:url(https://s3-eu-west-1.amazonaws.com/typeform-media-static/reload-black.png) no-repeat;
-    width:24px;
-    margin-top:7px;
-    height:20px;
-    position:relative;
-    display:block;
-    float:left;
-    margin-right:17px;
-    top:1px;
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.button.key .tick {
-    background:url(https://s3-eu-west-1.amazonaws.com/typeform-media-static/tick-black.png) no-repeat;
-    position:relative;
-    display:block;
-    float:right;
-    width:32px;
-    height:30px;
-    margin:9px 25px 0;
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.button.key .next {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-size:27px;
-    width:20px;
-    line-height:31px;
-    margin-left:2px
-}
-
-.button.key .next:before {
-    font-family:typeIconFont;
-    content:"I"
-}
-
-.button.key .confirm {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-size:20px;
-    width:16px;
-    line-height:28px;
-    margin-left:9px
-}
-
-.button.key .confirm:before {
-    font-family:typeIconFont;
-    content:"H"
-}
-
-.button.key .up {
-    display:block;
-    font-size:27px;
-    width:21px;
-    line-height:30px;
-    margin-left:-4px;
-    margin-right:2px;
-    text-align:left;
-    font-weight:400
-}
-
-.button.key .up:before {
-    font-family:typeIconFont;
-    content:"K"
-}
-
-.button.key .down {
-    display:block;
-    font-size:27px;
-    width:21px;
-    line-height:30px;
-    margin-left:-4px;
-    margin-right:2px;
-    text-align:left;
-    font-weight:400
-}
-
-.button.key .down:before {
-    font-family:typeIconFont;
-    content:"L"
-}
-
-.button.key-great {
-    display:inline-block;
-    cursor:default;
-    background-color:#c5f044;
-    width:26px;
-    height:35px;
-    line-height:30px;
-    padding:5px 7px 0;
-    font-size:25px;
-    border-radius:3px;
-    -webkit-border-radius:3px;
-    -moz-border-radius:3px;
-    text-align:center;
-    font-weight:700;
-    font-family:Arvo,Georgia,serif;
-    max-width:610px;
-    overflow:hidden;
-    -moz-transition:background-color ease-out 100ms 0;
-    -webkit-transition:background-color ease-out 100ms 0;
-    -o-transition:background-color ease-out 100ms 0;
-    transition:background-color ease-out 100ms 0;
-    color:#5c780a;
-    border-top:1px solid #b6ec15;
-    border-left:1px solid #8cb50f;
-    border-right:1px solid #8cb50f;
-    border-bottom:1px solid #607d0a;
-    box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
-    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
-    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
-    box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-    text-shadow:rgba(255,255,255,.4) 0 1px 1px
-}
-
-.button.key-great.enabled {
-    cursor:pointer
-}
-
-.button.key-great.hover-effect:hover.enabled,.default .focus .button.key-great:hover.enabled,.default .footer-confirm .button.key-great:hover.enabled,.screen .focus .button.key-great:hover.enabled,.default #banner .button.key-great:hover.enabled {
-    -moz-transition:background-color ease-out 100ms 0;
-    -webkit-transition:background-color ease-out 100ms 0;
-    -o-transition:background-color ease-out 100ms 0;
-    transition:background-color ease-out 100ms 0;
-    background-color:#d4f473;
-    cursor:pointer
-}
-
-.default .focus .button.key-great:active.enabled,.default .footer .button.key-great:active.enabled,.button.key-great.selected,.button.key-great.active.enabled,.default #banner .button.key-great:active.enabled {
-    -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.8);
-    -moz-box-shadow:inset 0 2px 2px rgba(0,0,0,.8);
-    box-shadow:inset 0 2px 2px rgba(0,0,0,.8);
-    line-height:32px;
-    background-color:#d4f473;
-    border:0;
-    border-bottom:1px solid #93bf0f;
-    margin:1px;
-    margin-bottom:0
-}
-
-.default .focus .button.key-great:active.enabled span,.default .footer .button.key-great:active.enabled span,.button.key-great.selected span,.button.key-great.active.enabled span,.default #banner .button.key-great:active.enabled span {
-    margin-top:1px
-}
-
-.button.key-great.disabled {
-    -khtml-opacity:.5;
-    -moz-opacity:.5;
-    opacity:.5;
-    -ms-filter:alpha(Opacity=50);
-    -moz-transition:all ease-out 0 0;
-    -webkit-transition:all ease-out 0 0;
-    -o-transition:all ease-out 0 0;
-    transition:all ease-out 0 0
-}
-
-.button.key-great .reload {
-    background:url(https://s3-eu-west-1.amazonaws.com/typeform-media-static/reload-black.png) no-repeat;
-    width:24px;
-    margin-top:7px;
-    height:30px;
-    position:relative;
-    display:block;
-    float:left;
-    margin-right:17px;
-    top:1px;
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.button.key-great .tick {
-    background:url(https://s3-eu-west-1.amazonaws.com/typeform-media-static/tick-black.png) no-repeat;
-    position:relative;
-    display:block;
-    float:right;
-    width:32px;
-    height:30px;
-    margin:9px 25px 0;
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.button.key-great .next {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-size:27px;
-    width:20px;
-    line-height:31px;
-    margin-left:2px
-}
-
-.button.key-great .next:before {
-    font-family:typeIconFont;
-    content:"I"
-}
-
-.button.key-great .confirm {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-size:20px;
-    width:16px;
-    line-height:28px;
-    margin-left:9px
-}
-
-.button.key-great .confirm:before {
-    font-family:typeIconFont;
-    content:"H"
-}
-
-.button.key-great .up {
-    display:block;
-    font-size:27px;
-    width:21px;
-    line-height:30px;
-    margin-left:-4px;
-    margin-right:2px;
-    text-align:left;
-    font-weight:400
-}
-
-.button.key-great .up:before {
-    font-family:typeIconFont;
-    content:"K"
-}
-
-.button.key-great .down {
-    display:block;
-    font-size:27px;
-    width:21px;
-    line-height:30px;
-    margin-left:-4px;
-    margin-right:2px;
-    text-align:left;
-    font-weight:400
-}
-
-.button.key-great .down:before {
-    font-family:typeIconFont;
-    content:"L"
-}
-
-.button.general {
-    display:inline-block;
-    cursor:default;
-    background-color:#c5f044;
-    width:auto;
-    height:45px;
-    line-height:38px;
-    padding:5px 20px 0;
-    font-size:25px;
-    border-radius:3px;
-    -webkit-border-radius:3px;
-    -moz-border-radius:3px;
-    text-align:center;
-    font-weight:700;
-    font-family:Arvo,Georgia,serif;
-    max-width:610px;
-    overflow:hidden;
-    -moz-transition:background-color ease-out 100ms 0;
-    -webkit-transition:background-color ease-out 100ms 0;
-    -o-transition:background-color ease-out 100ms 0;
-    transition:background-color ease-out 100ms 0;
-    color:#5c780a;
-    border-top:1px solid #b6ec15;
-    border-left:1px solid #8cb50f;
-    border-right:1px solid #8cb50f;
-    border-bottom:1px solid #607d0a;
-    box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
-    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
-    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
-    box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-    text-shadow:rgba(255,255,255,.4) 0 1px 1px
-}
-
-.button.general.enabled {
-    cursor:pointer
-}
-
-.button.general.hover-effect:hover.enabled,.default .focus .button.general:hover.enabled,.default .footer-confirm .button.general:hover.enabled,.screen .focus .button.general:hover.enabled,.default #banner .button.general:hover.enabled {
-    -moz-transition:background-color ease-out 100ms 0;
-    -webkit-transition:background-color ease-out 100ms 0;
-    -o-transition:background-color ease-out 100ms 0;
-    transition:background-color ease-out 100ms 0;
-    background-color:#d4f473;
-    cursor:pointer
-}
-
-.default .focus .button.general:active.enabled,.default .footer .button.general:active.enabled,.button.general.selected,.button.general.active.enabled,.default #banner .button.general:active.enabled {
-    -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.8);
-    -moz-box-shadow:inset 0 2px 2px rgba(0,0,0,.8);
-    box-shadow:inset 0 2px 2px rgba(0,0,0,.8);
-    line-height:40px;
-    background-color:#d4f473;
-    border:0;
-    border-bottom:1px solid #93bf0f;
-    margin:1px;
-    margin-bottom:0
-}
-
-.default .focus .button.general:active.enabled span,.default .footer .button.general:active.enabled span,.button.general.selected span,.button.general.active.enabled span,.default #banner .button.general:active.enabled span {
-    margin-top:1px
-}
-
-.button.general.disabled {
-    -khtml-opacity:.5;
-    -moz-opacity:.5;
-    opacity:.5;
-    -ms-filter:alpha(Opacity=50);
-    -moz-transition:all ease-out 0 0;
-    -webkit-transition:all ease-out 0 0;
-    -o-transition:all ease-out 0 0;
-    transition:all ease-out 0 0
-}
-
-.button.general .reload {
-    background:url(https://s3-eu-west-1.amazonaws.com/typeform-media-static/reload-black.png) no-repeat;
-    width:24px;
-    margin-top:7px;
-    height:40px;
-    position:relative;
-    display:block;
-    float:left;
-    margin-right:17px;
-    top:1px;
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.button.general .tick {
-    background:url(https://s3-eu-west-1.amazonaws.com/typeform-media-static/tick-black.png) no-repeat;
-    position:relative;
-    display:block;
-    float:right;
-    width:32px;
-    height:30px;
-    margin:9px 25px 0;
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.button.general .next {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-size:27px;
-    width:20px;
-    line-height:31px;
-    margin-left:2px
-}
-
-.button.general .next:before {
-    font-family:typeIconFont;
-    content:"I"
-}
-
-.button.general .confirm {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-size:20px;
-    width:16px;
-    line-height:28px;
-    margin-left:9px
-}
-
-.button.general .confirm:before {
-    font-family:typeIconFont;
-    content:"H"
-}
-
-.button.general .up {
-    display:block;
-    font-size:27px;
-    width:21px;
-    line-height:30px;
-    margin-left:-4px;
-    margin-right:2px;
-    text-align:left;
-    font-weight:400
-}
-
-.button.general .up:before {
-    font-family:typeIconFont;
-    content:"K"
-}
-
-.button.general .down {
-    display:block;
-    font-size:27px;
-    width:21px;
-    line-height:30px;
-    margin-left:-4px;
-    margin-right:2px;
-    text-align:left;
-    font-weight:400
-}
-
-.button.general .down:before {
-    font-family:typeIconFont;
-    content:"L"
-}
-
-.button.general.red {
-    display:inline-block;
-    cursor:default;
-    background-color:#900;
-    width:auto;
-    height:45px;
-    line-height:38px;
-    padding:5px 20px 0;
-    font-size:25px;
-    border-radius:3px;
-    -webkit-border-radius:3px;
-    -moz-border-radius:3px;
-    text-align:center;
-    font-weight:700;
-    font-family:Arvo,Georgia,serif;
-    max-width:610px;
-    overflow:hidden;
-    -moz-transition:background-color ease-out 100ms 0;
-    -webkit-transition:background-color ease-out 100ms 0;
-    -o-transition:background-color ease-out 100ms 0;
-    transition:background-color ease-out 100ms 0;
-    color:#ff8080;
-    border-top:1px solid #900;
-    border-left:1px solid #4d0000;
-    border-right:1px solid #4d0000;
-    border-bottom:1px solid #000;
-    box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
-    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
-    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
-    box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 2px rgba(0,0,0,.05),transparent 0 0 0,transparent 0 0 0,transparent 0 0 0;
-    text-shadow:rgba(0,0,0,.4) 0 -1px 1px
-}
-
-.button.general.red.enabled {
-    cursor:pointer
-}
-
-.button.general.red.hover-effect:hover.enabled,.default .focus .button.general.red:hover.enabled,.default .footer-confirm .button.general.red:hover.enabled,.screen .focus .button.general.red:hover.enabled,.default #banner .button.general.red:hover.enabled {
-    -moz-transition:background-color ease-out 100ms 0;
-    -webkit-transition:background-color ease-out 100ms 0;
-    -o-transition:background-color ease-out 100ms 0;
-    transition:background-color ease-out 100ms 0;
-    background-color:#c00;
-    cursor:pointer
-}
-
-.default .focus .button.general.red:active.enabled,.default .footer .button.general.red:active.enabled,.button.general.red.selected,.button.general.red.active.enabled,.default #banner .button.general.red:active.enabled {
-    -webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,.8);
-    -moz-box-shadow:inset 0 2px 2px rgba(0,0,0,.8);
-    box-shadow:inset 0 2px 2px rgba(0,0,0,.8);
-    line-height:40px;
-    background-color:#c00;
-    border:0;
-    border-bottom:1px solid #300;
-    margin:1px;
-    margin-bottom:0
-}
-
-.default .focus .button.general.red:active.enabled span,.default .footer .button.general.red:active.enabled span,.button.general.red.selected span,.button.general.red.active.enabled span,.default #banner .button.general.red:active.enabled span {
-    margin-top:1px
-}
-
-.button.general.red.disabled {
-    -khtml-opacity:.5;
-    -moz-opacity:.5;
-    opacity:.5;
-    -ms-filter:alpha(Opacity=50);
-    -moz-transition:all ease-out 0 0;
-    -webkit-transition:all ease-out 0 0;
-    -o-transition:all ease-out 0 0;
-    transition:all ease-out 0 0
-}
-
-.button.general.red .reload {
-    background:url(https://s3-eu-west-1.amazonaws.com/typeform-media-static/reload-black.png) no-repeat;
-    width:24px;
-    margin-top:7px;
-    height:40px;
-    position:relative;
-    display:block;
-    float:left;
-    margin-right:17px;
-    top:1px;
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.button.general.red .tick {
-    background:url(https://s3-eu-west-1.amazonaws.com/typeform-media-static/tick-black.png) no-repeat;
-    position:relative;
-    display:block;
-    float:right;
-    width:32px;
-    height:30px;
-    margin:9px 25px 0;
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.button.general.red .next {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-size:27px;
-    width:20px;
-    line-height:31px;
-    margin-left:2px
-}
-
-.button.general.red .next:before {
-    font-family:typeIconFont;
-    content:"I"
-}
-
-.button.general.red .confirm {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-size:20px;
-    width:16px;
-    line-height:28px;
-    margin-left:9px
-}
-
-.button.general.red .confirm:before {
-    font-family:typeIconFont;
-    content:"H"
-}
-
-.button.general.red .up {
-    display:block;
-    font-size:27px;
-    width:21px;
-    line-height:30px;
-    margin-left:-4px;
-    margin-right:2px;
-    text-align:left;
-    font-weight:400
-}
-
-.button.general.red .up:before {
-    font-family:typeIconFont;
-    content:"K"
-}
-
-.button.general.red .down {
-    display:block;
-    font-size:27px;
-    width:21px;
-    line-height:30px;
-    margin-left:-4px;
-    margin-right:2px;
-    text-align:left;
-    font-weight:400
-}
-
-.button.general.red .down:before {
-    font-family:typeIconFont;
-    content:"L"
-}
-
-.confirm-skip .confirm .button {
-    -khtml-opacity:.5;
-    -moz-opacity:.5;
-    opacity:.5;
-    -ms-filter:alpha(Opacity=50)
-}
-
-.confirm-skip .confirm .button:hover {
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100)
-}
-
-.container.confirm {
-    position:absolute;
-    bottom:-60px;
-    -khtml-opacity:0;
-    -moz-opacity:0;
-    opacity:0;
-    -ms-filter:alpha(Opacity=0);
-    visibility:hidden;
-    padding:5px
-}
-
-.container.confirm .text {
-    color:#3f4237;
-    font-family:Helvetica,Arial;
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-size:11px;
-    margin:16px 8px 0
-}
-
-.container.confirm .button-wrapper {
-    position:relative;
-    z-index:5
-}
-
-.confirm-nav.confirm-inline #quickyform .questions>li:not(.focus) {
-    -khtml-opacity:.07;
-    -moz-opacity:.07;
-    opacity:.07;
-    -ms-filter:alpha(Opacity=7);
-    -moz-transition:bottom 300ms,opacity 300ms;
-    -webkit-transition:bottom 300ms,opacity 300ms;
-    -o-transition:bottom 300ms,opacity 300ms;
-    transition:bottom 300ms,opacity 300ms
-}
-
-.confirm-nav.confirm-inline #quickyform .questions>li:not(.focus) .item {
-    -khtml-opacity:.2;
-    -moz-opacity:.2;
-    opacity:.2;
-    -ms-filter:alpha(Opacity=20)
-}
-
-.confirm-nav.confirm-inline .focus .container.confirm {
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100);
-    visibility:visible;
-    bottom:-65px;
-    -moz-transition:bottom 150ms,opacity 150ms;
-    -webkit-transition:bottom 150ms,opacity 150ms;
-    -o-transition:bottom 150ms,opacity 150ms;
-    transition:bottom 150ms,opacity 150ms
-}
-
-.confirm-nav.confirm-inline .focus.error .control .container.confirm {
-    bottom:-105px
-}
-
-input,textarea {
-    display:block;
-    color:#3f4237;
-    resize:none;
-    background:0 0;
-    outline:0;
-    font-family:Arvo,Georgia,serif;
-    -webkit-font-smoothing:antialiased;
-    -webkit-box-sizing:border-box;
-    -moz-box-sizing:border-box;
-    box-sizing:border-box;
-    font-size:30px;
-    line-height:40px;
-    padding:3px;
-    border:0;
-    margin:2px
-}
-
-@media (max-width:800px) {
-input,textarea {
-    font-size:28px;
-    line-height:35px
-}
-}
-
-@media (max-width:550px),(max-height:450px) {
-input,textarea {
-    font-size:24px;
-    line-height:30px
-}
-}
-
-input.blur,textarea.blur {
-    border:2px dashed #3f4237;
-    border:2px dashed rgba(63,66,55,.4);
-    margin:0
-}
-
-textarea {
-    border-left:2px dashed #3f4237!important;
-    border-left:2px dashed rgba(63,66,55,.4)!important;
-    border-radius:0;
-    -webkit-border-radius:0;
-    -moz-border-radius:0
-}
-
-.ready input,.ready textarea {
-    border-radius:5px;
-    -webkit-border-radius:5px;
-    -moz-border-radius:5px;
-    border:2px dashed #3f4237;
-    border:2px dashed rgba(63,66,55,.4);
-    -moz-transition:border 0 linear 600ms,border-radius 0 linear 600ms;
-    -webkit-transition:border 0 linear 600ms,border-radius 0 linear 600ms;
-    -o-transition:border 0 linear 600ms,border-radius 0 linear 600ms;
-    transition:border 0 linear 600ms,border-radius 0 linear 600ms
-}
-
-.ready input:focus,.ready textarea:focus {
-    border-radius:0;
-    -webkit-border-radius:0;
-    -moz-border-radius:0;
-    border:0
-}
-
-.attachment .content-wrapper .attachment-wrapper .attachment {
-    display:block;
-    margin-bottom:20px
-}
-
-.attachment .content-wrapper .attachment-wrapper .attachment img {
-    display:none
-}
-
-.message {
-    position:relative;
-    display:inline-block;
-    display:none;
-    z-index:3;
-    padding:5px 8px;
-    border-radius:2px;
-    -webkit-border-radius:2px;
-    -moz-border-radius:2px;
-    background-color:#900;
-    margin-top:20px
-}
-
-.message span {
-    font-family:Helvetica,Arial;
-    color:#fff;
-    font-size:13px
-}
-
-.message div {
-    width:0;
-    height:0;
-    border-left:5px solid transparent;
-    border-right:5px solid transparent;
-    border-bottom:5px solid #900;
-    position:absolute;
-    top:-5px;
-    left:10px
-}
-
-.message.left div {
-    width:0;
-    height:0;
-    border-top:5px solid transparent;
-    border-bottom:5px solid transparent;
-    border-right:5px solid #900;
-    position:absolute;
-    top:7px;
-    left:-10px
-}
-
-.message.right div {
-    width:0;
-    height:0;
-    border-top:5px solid transparent;
-    border-bottom:5px solid transparent;
-    border-left:5px solid #900;
-    position:absolute;
-    top:7px;
-    right:-10px;
-    left:auto
-}
-
-.letter {
-    position:relative;
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    width:16px;
-    padding:0;
-    height:17px;
-    font-size:12px;
-    line-height:20px;
-    border:1px solid #000;
-    border:1px solid rgba(0,0,0,.3);
-    margin-right:7px;
-    border-radius:3px;
-    -webkit-border-radius:3px;
-    -moz-border-radius:3px;
-    text-align:center;
-    -webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,.3);
-    -moz-box-shadow:inset 0 1px 1px rgba(255,255,255,.3);
-    box-shadow:inset 0 1px 1px rgba(255,255,255,.3);
-    font-weight:700
-}
-
-.letter.dark-shadow {
-    text-shadow:0 1px 1px #fff
-}
-
-.letter.light-shadow {
-    text-shadow:0 -1px 1px #000
-}
-
-.letter img {
-    position:absolute;
-    right:0;
-    top:-10px;
-    -khtml-opacity:0;
-    -moz-opacity:0;
-    opacity:0;
-    -ms-filter:alpha(Opacity=0);
-    -webkit-animation:hand-effect 1000ms 0;
-    -moz-animation:hand-effect 1000ms 0;
-    -ms-animation:hand-effect 1000ms 0;
-    z-index:10
-}
-
-@-webkit-keyframes hand-effect {
-10%,87% {
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100)
-}
-
-0%,28%,56%,84% {
-    margin-top:-3px
-}
-
-14%,42%,70%,100% {
-    margin-top:0
-}
-}
-
-@-moz-keyframes hand-effect {
-10%,87% {
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100)
-}
-
-0%,28%,56%,84% {
-    margin-top:-3px
-}
-
-14%,42%,70%,100% {
-    margin-top:0
-}
-}
-
-@-ms-keyframes hand-effect {
-10%,87% {
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100)
-}
-
-0%,28%,56%,84% {
-    margin-top:-3px
-}
-
-14%,42%,70%,100% {
-    margin-top:0
-}
-}
-
-.letter span {
-    font-family:Helvetica,Arial;
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.letter .tooltip-key {
-    position:absolute;
-    right:-3px;
-    top:-3px;
-    bottom:-3px;
-    padding:0 4px;
-    border:1px solid rgba(0,0,0,.4);
-    border-radius:3px;
-    -webkit-border-radius:3px;
-    -moz-border-radius:3px;
-    line-height:20px;
-    z-index:5
-}
-
-.letter .tooltip-key span {
-    letter-spacing:0;
-    display:block;
-    font-weight:400
-}
-
-.letter .tooltip-key span.t {
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40);
-    padding-right:11px
-}
-
-.letter .tooltip-key span.k {
-    position:absolute;
-    top:0;
-    right:4px;
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100)
-}
-
-.tab-key {
-    font-size:10px;
-    width:34px;
-    height:14px;
-    padding:2px;
-    border-width:1px;
-    border-style:solid;
-    line-height:12px;
-    border-radius:3px;
-    -webkit-border-radius:3px;
-    -moz-border-radius:3px;
-    margin-top:10px;
-    font-weight:700
-}
-
-.screen {
-    position:absolute;
-    left:0;
-    top:0;
-    bottom:0;
-    right:0;
-    width:100%;
-    z-index:11;
-    text-align:center
-}
-
-.screen .button-text {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-family:Helvetica,Arial;
-    font-size:11px;
-    margin:16px 8px 0;
-    color:#3f4237;
-    top:11px;
-    position:absolute;
-    left:100%;
-    width:150px;
-    text-align:left
-}
-
-.screen .attachment {
-    margin:0 auto
-}
-
-.screen .attachment .image,.screen .attachment .video {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline
-}
-
-.screen .attachment .image iframe,.screen .attachment .video iframe {
-    height:99.5%!important
-}
-
-.screen .attachment img {
-    display:none
-}
-
-.screen.layout-float .content-wrapper .content .media {
-    display:inline;
-    float:left
-}
-
-.screen.no-footer .footer {
-    visibility:hidden
-}
-
-.screen.outro.default .content-wrapper .content .text {
-    font-size:20px;
-    line-height:20px;
-    height:30px
-}
-
-.screen.outro.default .content-wrapper .content .credits {
-    margin-top:10px;
-    line-height:16px
-}
-
-.screen .content-wrapper {
-    position:relative;
-    height:100%;
-    width:100%
-}
-
-.screen .content-wrapper .content {
-    padding-left:55px;
-    padding-right:55px;
-    max-width:800px;
-    line-height:40%;
-    overflow:hidden;
-    margin:0 auto
-}
-
-.screen .content-wrapper .content.scrollable {
-    padding-bottom:90px
-}
-
-.screen .content-wrapper .content.scrollable .button-text {
-    display:none
-}
-
-.screen .content-wrapper .content .media {
-    display:block
-}
-
-.screen .content-wrapper .content .text {
-    color:#6d8524;
-    font-family:Arvo,Georgia,serif;
-    font-size:24px;
-    line-height:36px
-}
-
-@media (max-width:800px) {
-.screen .content-wrapper .content .text {
-    font-size:22px;
-    line-height:33px
-}
-}
-
-@media (max-width:550px),(max-height:450px) {
-.screen .content-wrapper .content .text {
-    font-size:20px;
-    line-height:30px
-}
-}
-
-.screen .content-wrapper .content .description {
-    margin:20px 0 10px;
-    color:#6d8524;
-    font-family:Arvo,Georgia,serif;
-    font-size:19px;
-    line-height:145%;
-    opacity:.8;
-    -webkit-font-smoothing:antialiased
-}
-
-@media (max-width:800px) {
-.screen .content-wrapper .content .description {
-    font-size:17px;
-    margin-top:29px
-}
-}
-
-@media (max-width:550px),(max-height:450px) {
-.screen .content-wrapper .content .description {
-    font-size:16px;
-    margin-top:28px
-}
-}
-
-.screen .content-wrapper .content .button-wrapper {
-    position:relative;
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    clear:both
-}
-
-.screen .content-wrapper .content .button-wrapper .button {
-    margin:4px;
-    text-decoration:none
-}
-
-.screen .content-wrapper .content .button-wrapper .button a {
-    font-family:Arvo,Georgia,serif;
-    color:inherit
-}
-
-.screen .content-wrapper .content .button-wrapper .label {
-    text-align:left;
-    padding-left:2px;
-    padding-top:2px;
-    margin-bottom:4px
-}
-
-.screen .content-wrapper .content .button-wrapper .tooltip.show {
-    position:absolute;
-    margin-top:5px;
-    top:0;
-    display:block;
-    width:165px;
-    left:100%
-}
-
-.screen .content-wrapper .content .placeholder {
-    position:relative;
-    border-radius:4px;
-    -webkit-border-radius:4px;
-    -moz-border-radius:4px;
-    background:#ccc;
-    opacity:.5;
-    margin-bottom:40px
-}
-
-.screen .content-wrapper .content .placeholder .wrapper {
-    position:absolute;
-    top:50%;
-    margin-top:-86px;
-    width:100%;
-    height:100%;
-    text-align:center;
-    font-family:Helvetica,Arial
-}
-
-.screen .content-wrapper .content .placeholder .wrapper h2 {
-    color:#333;
-    font-size:20px;
-    font-weight:400;
-    line-height:150%;
-    margin-top:10px
-}
-
-.screen .content-wrapper .content .placeholder .wrapper h3 {
-    color:#666;
-    font-size:12px;
-    font-weight:400;
-    line-height:140%
-}
-
-.screen .content-wrapper .content .social {
-    display:none
-}
-
-.screen .content-wrapper .content .social a {
-    border:0
-}
-
-.screen .content-wrapper .content .social a img {
-    border:0
-}
-
-.screen .content-wrapper .content .social.show {
-    display:block
-}
-
-.screen .content-wrapper .content .social,.screen .content-wrapper .content .credits {
-    margin-top:30px
-}
-
-.screen .footer {
-    position:fixed;
-    bottom:0;
-    display:none;
-    z-index:2;
-    left:0;
-    right:0;
-    overflow:hidden;
-    height:70px;
-    border-top-style:solid;
-    border-top-width:1px
-}
-
-.screen .footer.step0 {
-    border-color:rgba(0,0,0,.2);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.15);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.15);
-    box-shadow:0 0 3px rgba(0,0,0,.15)
-}
-
-.screen .footer.step0 .overlay {
-    background-color:#000;
-    -khtml-opacity:.02;
-    -moz-opacity:.02;
-    opacity:.02;
-    -ms-filter:alpha(Opacity=2)
-}
-
-.screen .footer.step1 {
-    border-color:rgba(0,0,0,.25);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.2);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.2);
-    box-shadow:0 0 3px rgba(0,0,0,.2)
-}
-
-.screen .footer.step1 .overlay {
-    background-color:#000;
-    -khtml-opacity:.04;
-    -moz-opacity:.04;
-    opacity:.04;
-    -ms-filter:alpha(Opacity=4)
-}
-
-.screen .footer.step2 {
-    border-color:rgba(0,0,0,.25);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.25);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.25);
-    box-shadow:0 0 3px rgba(0,0,0,.25)
-}
-
-.screen .footer.step2 .overlay {
-    background-color:#000;
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5)
-}
-
-.screen .footer.step3 {
-    border-color:rgba(0,0,0,.25);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.3);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.3);
-    box-shadow:0 0 3px rgba(0,0,0,.3)
-}
-
-.screen .footer.step3 .overlay {
-    background-color:#000;
-    -khtml-opacity:.05;
-    -moz-opacity:.05;
-    opacity:.05;
-    -ms-filter:alpha(Opacity=5)
-}
-
-.screen .footer.step4 {
-    border-color:rgba(0,0,0,.4);
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.45);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.45);
-    box-shadow:0 0 3px rgba(0,0,0,.45)
-}
-
-.screen .footer.step4 .overlay {
-    background-color:#000;
-    -khtml-opacity:.08;
-    -moz-opacity:.08;
-    opacity:.08;
-    -ms-filter:alpha(Opacity=8)
-}
-
-.screen .footer.step5 {
-    -webkit-box-shadow:0 0 3px rgba(0,0,0,.45);
-    -moz-box-shadow:0 0 3px rgba(0,0,0,.45);
-    box-shadow:0 0 3px rgba(0,0,0,.45);
-    border-top:1px solid rgba(255,255,255,.15)
-}
-
-.screen .footer.step5 .overlay {
-    background-color:#fff;
-    -khtml-opacity:.06;
-    -moz-opacity:.06;
-    opacity:.06;
-    -ms-filter:alpha(Opacity=6)
-}
-
-.screen .footer .content {
-    position:relative;
-    z-index:6;
-    margin:0 auto
-}
-
-.screen .footer .button-text {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    font-family:Helvetica,Arial;
-    font-size:11px;
-    margin:16px 8px 0;
-    color:#3f4237;
-    top:4px;
-    position:absolute;
-    left:100%;
-    width:150px;
-    text-align:left
-}
-
-.screen .footer .overlay {
-    position:absolute;
-    top:0;
-    left:0;
-    right:0;
-    bottom:0;
-    z-index:2
-}
-
-.screen .footer .persistent-wrapper,.screen .footer .background,.screen .footer .overlayColor {
-    position:absolute;
-    top:0;
-    bottom:0;
-    left:0;
-    right:0
-}
-
-.screen .footer .background {
-    background-color:#c1ef41;
-    top:0;
-    z-index:2
-}
-
-.screen .footer .overlayColor {
-    z-index:3
-}
-
-.screen .footer .button-wrapper {
-    position:relative;
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    margin-top:8px
-}
-
-.screen .footer .button-wrapper .button {
-    font-family:Arvo,Georgia,serif
-}
-
-.screen .footer .button-wrapper .label {
-    text-align:left;
-    line-height:54px
-}
-
-.screen .footer .button-wrapper .tooltip {
-    margin-top:5px
-}
-
-.screen .footer .button-wrapper .tooltip.show {
-    position:absolute;
-    margin-top:5px;
-    top:0;
-    display:block;
-    width:165px;
-    left:100%
-}
-
-.statement div.question span {
-    line-height:145%;
-    min-height:28px
-}
-
-.statement div.content {
-    margin-top:0
-}
-
-.statement div.item {
-    width:40px;
-    font-size:56px;
-    top:20px;
-    line-height:normal
-}
-
-.statement.sub-question.connected .item {
-    top:-10px
-}
-
-.textfield div.input,.email div.input,.website div.input,.number div.input {
-    position:relative;
-    margin-left:-5px;
-    height:55px
-}
-
-.textfield div.input input,.email div.input input,.website div.input input,.number div.input input {
-    position:absolute;
-    width:100%
-}
-
- .questions .textarea.focus .wrapper {
-    height:auto!important
-}
-
- .questions .textarea .textarea-wrapper {
-    margin-left:-5px;
-    padding-right:0;
-    position:relative
-}
-
- .questions .textarea .textarea-wrapper textarea {
-    position:relative;
-    height:36px;
-    overflow:hidden;
-    width:100%;
-    margin-bottom:3px
-}
-
- .questions .textarea .keyboard-tip {
-    display:none;
-    position:relative;
-    font-size:11px;
-    padding:20px 0
-}
-
- .questions .textarea .keyboard-tip .aux-border {
-    position:absolute;
-    height:1px;
-    left:0;
-    top:0;
-    right:0;
-    border-top:1px;
-    border-style:solid;
-    -khtml-opacity:.2;
-    -moz-opacity:.2;
-    opacity:.2;
-    -ms-filter:alpha(Opacity=20)
-}
-
- .questions .textarea .keyboard-tip.show {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline
-}
-
- .questions .textarea .keyboard-tip .tab-key {
-    margin-top:-2px
-}
-
- .questions .textarea .keyboard-tip .key {
-    position:relative;
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    margin-left:7px
-}
-
- .questions .textarea .keyboard-tip span {
-    -khtml-opacity:.6;
-    -moz-opacity:.6;
-    opacity:.6;
-    -ms-filter:alpha(Opacity=60)
-}
-
- .questions .textarea .keyboard-tip span b {
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100)
-}
-
- .questions .textarea .keyboard-tip .hand1 {
-    position:absolute;
-    top:-12px;
-    left:-5px;
-    -khtml-opacity:0;
-    -moz-opacity:0;
-    opacity:0;
-    -ms-filter:alpha(Opacity=0);
-    -webkit-animation:hand-effect 1000ms 0;
-    -moz-animation:hand-effect 1000ms 0;
-    -ms-animation:hand-effect 1000ms 0
-}
-
-@-webkit-keyframes hand-effect {
-10%,87% {
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100)
-}
-
-0%,28%,56%,84% {
-    margin-top:-3px
-}
-
-14%,42%,70%,100% {
-    margin-top:0
-}
-}
-
-@-moz-keyframes hand-effect {
-10%,87% {
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100)
-}
-
-0%,28%,56%,84% {
-    margin-top:-3px
-}
-
-14%,42%,70%,100% {
-    margin-top:0
-}
-}
-
-@-ms-keyframes hand-effect {
-10%,87% {
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100)
-}
-
-0%,28%,56%,84% {
-    margin-top:-3px
-}
-
-14%,42%,70%,100% {
-    margin-top:0
-}
-}
-
- .questions .textarea .keyboard-tip .hand2 {
-    position:absolute;
-    top:-10px;
-    right:0;
-    -khtml-opacity:0;
-    -moz-opacity:0;
-    opacity:0;
-    -ms-filter:alpha(Opacity=0);
-    -webkit-animation:hand-effect 1000ms 0;
-    -moz-animation:hand-effect 1000ms 0;
-    -ms-animation:hand-effect 1000ms 0
-}
-
-@-webkit-keyframes hand-effect {
-10%,87% {
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100)
-}
-
-0%,28%,56%,84% {
-    margin-top:-3px
-}
-
-14%,42%,70%,100% {
-    margin-top:0
-}
-}
-
-@-moz-keyframes hand-effect {
-10%,87% {
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100)
-}
-
-0%,28%,56%,84% {
-    margin-top:-3px
-}
-
-14%,42%,70%,100% {
-    margin-top:0
-}
-}
-
-@-ms-keyframes hand-effect {
-10%,87% {
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100)
-}
-
-0%,28%,56%,84% {
-    margin-top:-3px
-}
-
-14%,42%,70%,100% {
-    margin-top:0
-}
-}
-
- .questions .list .multiple {
-    margin:10px 0;
-    font-size:16px;
-    display:none;
-    color:#6d8524
-}
-
- .questions .list.multiple .multiple {
-    display:block;
-    -khtml-opacity:.7;
-    -moz-opacity:.7;
-    opacity:.7;
-    -ms-filter:alpha(Opacity=70)
-}
-
- .questions .list.multiple .control {
-    padding-left:10px;
-    border-left-width:1px;
-    border-left-style:dashed;
-    border-color:#3f4237
-}
-
- .questions .list .button-wrapper.confirm .button.visible {
-    visibility:visible;
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100);
-    -moz-transition:opacity ease-out 200ms 0;
-    -webkit-transition:opacity ease-out 200ms 0;
-    -o-transition:opacity ease-out 200ms 0;
-    transition:opacity ease-out 200ms 0
-}
-
- .questions .list.vertical ul li {
-    margin:4px 3px 8px;
-    display:block
-}
-
-.resize-precalculate  .questions .list.vertical ul li {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline
-}
-
- .questions .list ul {
-    margin:0;
-    margin-left:-3px;
-    display:block;
-    outline:0;
-    text-align:left;
-    margin-bottom:25px
-}
-
- .questions .list ul li {
-    position:relative;
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    cursor:pointer;
-    margin:4px 3px;
-    list-style:none;
-    color:#fff;
-    padding:8px 37px
-}
-
- .questions .list ul li .tick {
-    color:#3f4237;
-    top:50%;
-    margin-top:-12px
-}
-
- .questions .list ul li .label {
-    color:#3f4237;
-    font-size:21px
-}
-
-@media (max-width:800px) {
- .questions .list ul li .label {
-    font-size:20px
-}
-}
-
-@media (max-width:550px),(max-height:450px) {
- .questions .list ul li .label {
-    font-size:19px
-}
-}
-
- .questions .list ul li .letter {
-    color:#3f4237;
-    position:absolute;
-    left:10px;
-    top:10px
-}
-
-@media (max-width:800px) {
- .questions .list ul li .letter {
-    left:9px;
-    top:9px
-}
-}
-
-@media (max-width:550px),(max-height:450px) {
- .questions .list ul li .letter {
-    left:8px;
-    top:8px
-}
-}
-
- .questions .list ul li.custom {
-    float:none;
-    clear:both;
-    position:relative;
-    -moz-transition:width ease-out 100ms 0;
-    -webkit-transition:width ease-out 100ms 0;
-    -o-transition:width ease-out 100ms 0;
-    transition:width ease-out 100ms 0
-}
-
- .questions .list ul li.custom input {
-    display:none;
-    position:relative;
-    width:100%;
-    padding:0;
-    background:0 0;
-    border:0;
-    font-size:21px;
-    z-index:10;
-    height:31px;
-    line-height:0
-}
-
- .questions .list ul li.custom .label {
-    display:block
-}
-
- .questions .list ul li.custom .ok-confirm {
-    position:absolute;
-    top:2px;
-    right:2px;
-    display:none;
-    z-index:7
-}
-
- .questions .list ul li.custom .ok-confirm .button {
-    position:relative;
-    margin:0;
-    width:13px;
-    height:27px;
-    right:0;
-    padding:2px 12px 4px
-}
-
- .questions .list ul li.custom.open {
-    -moz-transition:width ease-out 100ms 0;
-    -webkit-transition:width ease-out 100ms 0;
-    -o-transition:width ease-out 100ms 0;
-    transition:width ease-out 100ms 0;
-    padding:2px 50px 2px 37px
-}
-
- .questions .list ul li.custom.open .ok-confirm {
-    display:block
-}
-
- .questions .list ul li.custom.open .label {
-    display:none
-}
-
- .questions .list ul li.custom.open input {
-    display:block
-}
-
-.list-image div.content .content-wrapper>.button-wrapper {
-    margin-top:20px
-}
-
-.list-image div.message {
-    margin-top:20px;
-    margin-bottom:0
-}
-
-.list-image .multiple {
-    margin-bottom:10px;
-    font-size:16px;
-    display:none;
-    color:#6d8524
-}
-
-.list-image.multiple .multiple {
-    display:block
-}
-
-.list-image.multiple .content-wrapper {
-    padding-left:10px;
-    border-left-width:1px;
-    border-left-style:dashed
-}
-
-.list-image ul {
-    padding:0
-}
-
-.list-image li {
-    cursor:pointer;
-    word-wrap:break-word;
-    padding:5px;
-    float:left;
-    padding-bottom:53px;
-    list-style:none;
-    margin:2px 12px 12px 2px
-}
-
-.list-image li .image-wrapper {
-    position:relative;
-    overflow:hidden
-}
-
-.list-image li .image-wrapper img {
-    display:none;
-    position:absolute;
-    left:50%;
-    top:50%
-}
-
-.list-image li .tick-wrapper {
-    display:none
-}
-
-.list-image li.selected .tick-wrapper {
-    z-index:3;
-    display:block;
-    position:absolute;
-    top:-1px;
-    right:1px;
-    width:48px;
-    height:50px;
-    background-image:url(https://s3-eu-west-1.amazonaws.com/typeform-media-static/tickbg.png)
-}
-
-.list-image li.selected .tick {
-    display:block;
-    z-index:4;
-    color:#000;
-    position:absolute;
-    top:2px;
-    right:2px;
-    -khtml-opacity:.7;
-    -moz-opacity:.7;
-    opacity:.7;
-    -ms-filter:alpha(Opacity=70);
-    margin:0
-}
-
-.list-image li.selected .tick:before {
-    font-family:typeIconFont;
-    content:"H"
-}
-
-.list-image li .text {
-    position:absolute;
-    text-align:center;
-    left:0;
-    right:0;
-    bottom:6px;
-    height:46px
-}
-
-.list-image li .text .label {
-    color:#3f4237;
-    position:relative;
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline;
-    text-align:left;
-    height:31px;
-    line-height:15px;
-    font-size:13px;
-    padding-top:17px;
-    padding-left:30px;
-    vertical-align:middle;
-    padding-right:5px;
-    -webkit-font-smoothing:subpixel-antialiased
-}
-
-.list-image li .text .label .caption {
-    word-break:break-word;
-    overflow:hidden;
-    height:100%
-}
-
-.list-image li .text .letter {
-    color:#3f4237;
-    position:absolute;
-    margin-top:-2px;
-    left:6px
+    .admin-form > .page-header h1 {
+        margin-bottom: 0px
+    }
+    .admin-form > .page-header > .col-xs-3 {
+        padding-top: 1.4em;
+    }
+.admin-form .form-controls .row {
+    padding: 5px;
 }
 
-.list-image li span.val {
-    position:absolute;
-    top:50%;
-    margin-top:-16px;
-    text-align:center;
-    width:100%;
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.list-image li.custom input {
-    position:absolute;
-    left:10px;
-    right:10px;
-    top:50%;
-    display:none;
-    margin:0;
-    margin-top:-25px;
-    padding:0;
-    background:0 0;
-    border:0;
-    font-size:16px;
-    z-index:10
-}
-
-.list-image li.custom .button-wrapper {
-    position:absolute;
-    top:50%;
-    left:50%;
-    margin-left:-16px;
-    margin-top:20px;
-    display:none;
-    z-index:10
-}
-
-.list-image li.custom .button-wrapper .tick {
-    margin-top:0;
-    -khtml-opacity:1;
-    -moz-opacity:1;
-    opacity:1;
-    -ms-filter:alpha(Opacity=100);
-    position:relative;
-    display:block;
-    width:17px
-}
-
-.list-image li.custom.open span.val {
-    display:none
-}
-
-.list-image li.custom.open img {
-    -khtml-opacity:.4;
-    -moz-opacity:.4;
-    opacity:.4;
-    -ms-filter:alpha(Opacity=40)
-}
-
-.list-image li.custom.open input,.list-image li.custom.open .ok-confirm {
-    display:block
-}
-
-.yes-no .scroll-area,.terms .scroll-area {
-    color:#3f4237;
-    -webkit-touch-callout:text;
-    -webkit-user-select:text;
-    -khtml-user-select:text;
-    -moz-user-select:text;
-    -ms-user-select:text;
-    user-select:text;
-    line-height:140%;
-    margin-bottom:30px;
-    font-size:13px;
-    -webkit-font-smoothing:antialiased
-}
-
-.yes-no ul,.terms ul {
-    margin-bottom:10px;
-    color:#3f4237
-}
-
-.yes-no ul li,.terms ul li {
-    margin:9px 0;
-    padding:5px 35px 5px 5px;
-    font-size:21px;
-    line-height:27px;
-    cursor:pointer
-}
-
-.resize-precalculate .yes-no ul li,.resize-precalculate .terms ul li {
-    display:-moz-inline-stack;
-    display:inline-block;
-    vertical-align:top;
-    zoom:1;
-    *display:inline
-}
-
-@media (max-width:800px) {
-.yes-no ul li,.terms ul li {
-    font-size:20px
-}
-}
-
-@media (max-width:550px),(max-height:450px) {
-.yes-no ul li,.terms ul li {
-    font-size:19px
-}
-}
-
-.yes-no ul li .letter,.terms ul li .letter {
-    margin:4px
-}
-
-.terms .description {
-    display:none
-}
-
-.rating .icons {
-    color:#3f4237
-}
-
-.rating .icons li {
-    float:left;
-    cursor:pointer;
-    margin-right:7px
-}
-
-.rating .icons li .icon {
-    padding-top:1px;
-    font-weight:400;
-    font-style:normal;
-    display:inline-block;
-    text-decoration:inherit
-}
-
-.rating .icons li .icon.back {
-    position:absolute;
-    top:0;
-    left:0;
-    right:0;
-    -khtml-opacity:0;
-    -moz-opacity:0;
-    opacity:0;
-    -ms-filter:alpha(Opacity=0);
-    -moz-transition:opacity ease-out 100ms 0;
-    -webkit-transition:opacity ease-out 100ms 0;
-    -o-transition:opacity ease-out 100ms 0;
-    transition:opacity ease-out 100ms 0
-}
-
-.rating .icons li.hover .back,.rating .icons li.pre-selected .back {
-    -khtml-opacity:.2;
-    -moz-opacity:.2;
-    opacity:.2;
-    -ms-filter:alpha(Opacity=20);
-    -moz-transition:opacity ease-out 100ms 0;
-    -webkit-transition:opacity ease-out 100ms 0;
-    -o-transition:opacity ease-out 100ms 0;
-    transition:opacity ease-out 100ms 0
-}
-
-.rating .icons li.selected .icon {
-    padding-top:0;
-    padding-bottom:1px
-}
-
-.rating .icons li .center-wrapper {
-    display:table
-}
-
-.rating .icons li .center {
-    position:relative
-}
-
-.rating .icons li .label {
-    font-size:12px;
-    display:block;
-    text-align:center;
-    margin-top:10px
-}
-
-.rating .icons li .letter {
-    margin:0
-}
-
-.rating.icon-star .icons .icon:before {
-    font-family:typeIconFont;
-    content:"a"
-}
-
-.rating.icon-star .icons .selected .icon,.rating.icon-star .icons .back {
-    text-transform:uppercase
-}
-
-.rating.icon-star .icons .selected .icon:before,.rating.icon-star .icons .back:before {
-    font-family:typeIconFont;
-    content:"A"
-}
-
-.rating.icon-heart .icons .icon:before {
-    font-family:typeIconFont;
-    content:"b"
-}
-
-.rating.icon-heart .icons .selected .icon,.rating.icon-heart .icons .back {
-    text-transform:uppercase
-}
-
-.rating.icon-heart .icons .selected .icon:before,.rating.icon-heart .icons .back:before {
-    font-family:typeIconFont;
-    content:"B"
-}
-
-.rating.icon-user .icons .icon:before {
-    font-family:typeIconFont;
-    content:"c"
-}
-
-.rating.icon-user .icons .selected .icon,.rating.icon-user .icons .back {
-    text-transform:uppercase
-}
-
-.rating.icon-user .icons .selected .icon:before,.rating.icon-user .icons .back:before {
-    font-family:typeIconFont;
-    content:"C"
-}
-
-.rating.icon-up .icons .icon:before {
-    font-family:typeIconFont;
-    content:"d"
-}
-
-.rating.icon-up .icons .selected .icon,.rating.icon-up .icons .back {
-    text-transform:uppercase
-}
-
-.rating.icon-up .icons .selected .icon:before,.rating.icon-up .icons .back:before {
-    font-family:typeIconFont;
-    content:"D"
-}
-
-.rating.icon-crown .icons .icon:before {
-    font-family:typeIconFont;
-    content:"e"
-}
-
-.rating.icon-crown .icons .selected .icon,.rating.icon-crown .icons .back {
-    text-transform:uppercase
-}
-
-.rating.icon-crown .icons .selected .icon:before,.rating.icon-crown .icons .back:before {
-    font-family:typeIconFont;
-    content:"E"
-}
-
-.rating.icon-cat .icons .icon:before {
-    font-family:typeIconFont;
-    content:"f"
-}
-
-.rating.icon-cat .icons .selected .icon,.rating.icon-cat .icons .back {
-    text-transform:uppercase
-}
-
-.rating.icon-cat .icons .selected .icon:before,.rating.icon-cat .icons .back:before {
-    font-family:typeIconFont;
-    content:"F"
-}
-
-.rating.icon-dog .icons .icon:before {
-    font-family:typeIconFont;
-    content:"n"
-}
-
-.rating.icon-dog .icons .selected .icon,.rating.icon-dog .icons .back {
-    text-transform:uppercase
-}
-
-.rating.icon-dog .icons .selected .icon:before,.rating.icon-dog .icons .back:before {
-    font-family:typeIconFont;
-    content:"N"
-}
-
-.rating.icon-circle .icons .icon:before {
-    font-family:typeIconFont;
-    content:"o"
-}
-
-.rating.icon-circle .icons .selected .icon,.rating.icon-circle .icons .back {
-    text-transform:uppercase
-}
-
-.rating.icon-circle .icons .selected .icon:before,.rating.icon-circle .icons .back:before {
-    font-family:typeIconFont;
-    content:"O"
-}
-
-.rating.icon-flag .icons .icon:before {
-    font-family:typeIconFont;
-    content:"p"
-}
-
-.rating.icon-flag .icons .selected .icon,.rating.icon-flag .icons .back {
-    text-transform:uppercase
-}
-
-.rating.icon-flag .icons .selected .icon:before,.rating.icon-flag .icons .back:before {
-    font-family:typeIconFont;
-    content:"P"
-}
-
-.rating.icon-droplet .icons .icon:before {
-    font-family:typeIconFont;
-    content:"q"
-}
-
-.rating.icon-droplet .icons .selected .icon,.rating.icon-droplet .icons .back {
-    text-transform:uppercase
-}
-
-.rating.icon-droplet .icons .selected .icon:before,.rating.icon-droplet .icons .back:before {
-    font-family:typeIconFont;
-    content:"Q"
-}
-
-.rating.icon-tick .icons .icon:before {
-    font-family:typeIconFont;
-    content:"r"
-}
-
-.rating.icon-tick .icons .selected .icon,.rating.icon-tick .icons .back {
-    text-transform:uppercase
-}
-
-.rating.icon-tick .icons .selected .icon:before,.rating.icon-tick .icons .back:before {
-    font-family:typeIconFont;
-    content:"R"
-}
-
-.rating.icon-lightbulb .icons .icon:before {
-    font-family:typeIconFont;
-    content:"s"
-}
-
-.rating.icon-lightbulb .icons .selected .icon,.rating.icon-lightbulb .icons .back {
-    text-transform:uppercase
-}
-
-.rating.icon-lightbulb .icons .selected .icon:before,.rating.icon-lightbulb .icons .back:before {
-    font-family:typeIconFont;
-    content:"S"
-}
-
-.rating.icon-trophy .icons .icon:before {
-    font-family:typeIconFont;
-    content:"t"
-}
-
-.rating.icon-trophy .icons .selected .icon,.rating.icon-trophy .icons .back {
-    text-transform:uppercase
-}
-
-.rating.icon-trophy .icons .selected .icon:before,.rating.icon-trophy .icons .back:before {
-    font-family:typeIconFont;
-    content:"T"
-}
-
-.rating.icon-cloud .icons .icon:before {
-    font-family:typeIconFont;
-    content:"u"
-}
-
-.rating.icon-cloud .icons .selected .icon,.rating.icon-cloud .icons .back {
-    text-transform:uppercase
-}
-
-.rating.icon-cloud .icons .selected .icon:before,.rating.icon-cloud .icons .back:before {
-    font-family:typeIconFont;
-    content:"U"
-}
-
-.rating.icon-thunderbolt .icons .icon:before {
-    font-family:typeIconFont;
-    content:"v"
-}
-
-.rating.icon-thunderbolt .icons .selected .icon,.rating.icon-thunderbolt .icons .back {
-    text-transform:uppercase
-}
-
-.rating.icon-thunderbolt .icons .selected .icon:before,.rating.icon-thunderbolt .icons .back:before {
-    font-family:typeIconFont;
-    content:"V"
-}
-
-.rating.icon-pencil .icons .icon:before {
-    font-family:typeIconFont;
-    content:"w"
-}
-
-.rating.icon-pencil .icons .selected .icon,.rating.icon-pencil .icons .back {
-    text-transform:uppercase
-}
-
-.rating.icon-pencil .icons .selected .icon:before,.rating.icon-pencil .icons .back:before {
-    font-family:typeIconFont;
-    content:"W"
-}
-
-.rating.icon-skull .icons .icon:before {
-    font-family:typeIconFont;
-    content:"x"
-}
-
-.rating.icon-skull .icons .selected .icon,.rating.icon-skull .icons .back {
-    text-transform:uppercase
-}
-
-.rating.icon-skull .icons .selected .icon:before,.rating.icon-skull .icons .back:before {
-    font-family:typeIconFont;
-    content:"X"
-}
-
-.group #placeholder {
-    margin-left:30px
-}
-
-.group #placeholder span {
-    display:block;
-    -webkit-font-smoothing:antialiased;
-    font-size:20px;
-    line-height:30px;
-    color:rgba(109,133,36,.4)
-}
-
-.group #placeholder span:first-child {
-    color:rgba(109,133,36,.6)
-}
-
-.group #placeholder span:nth-child(2) {
-    color:rgba(109,133,36,.5)
-}
-
- .form .questions>li.group.connected .wrapper {
-    padding-bottom:25px;
-    padding-top:30px
-}
-
- .form .questions>li.connected .wrapper {
-    padding-top:0
-}
-
- .form .questions>li.connected .message {
-    margin-top:0
-}
-
-.dropdown .message {
-    margin-top:10px
-}
-
-.dropdown .not-found {
-    position:relative;
-    visibility:hidden;
-    top:0;
-    padding:2px;
-    display:block
-}
-
-.dropdown.not-found .not-found {
-    font-size:14px;
-    visibility:visible;
-    top:5px;
-    -moz-transition:top ease-out 100ms 0;
-    -webkit-transition:top ease-out 100ms 0;
-    -o-transition:top ease-out 100ms 0;
-    transition:top ease-out 100ms 0
-}
-
-.dropdown.not-found .input-wrapper .triangle {
-    display:none
-}
-
-.dropdown.not-found .input-wrapper .cross {
-    display:block
-}
-
-.dropdown .input-wrapper {
-    position:relative
-}
-
-.dropdown .input-wrapper input {
-    border:0;
-    border-bottom:1px solid rgba(63,66,55,.4);
-    display:block;
-    width:100%
-}
-
-.dropdown .input-wrapper .triangle {
-    padding:10px 0;
-    position:absolute;
-    z-index:10;
-    right:0;
-    top:8px;
-    border:0
-}
-
-.dropdown .input-wrapper .triangle span {
-    position:relative;
-    top:17px;
-    width:0;
-    height:0;
-    border-left:7px solid transparent;
-    border-right:7px solid transparent;
-    border-top:8px solid rgba(63,66,55,.4)
-}
-
-@media (max-width:800px) {
-.dropdown .input-wrapper .triangle span {
-    top:14px
-}
-}
-
-@media (max-width:550px),(max-height:450px) {
-.dropdown .input-wrapper .triangle span {
-    top:10px
-}
-}
-
-.dropdown .input-wrapper .triangle:hover span {
-    border-top:8px solid rgba(63,66,55,.6)
-}
-
-.dropdown .input-wrapper .cross {
-    display:none;
-    padding:10px;
-    position:absolute;
-    z-index:10;
-    right:-10px;
-    top:4px;
-    text-decoration:none;
-    -webkit-font-smoothing:antialiased;
-    font-size:19px;
-    border:0
-}
-
-.dropdown .input-wrapper .cross:hover span {
-    color:#5a5e4e
-}
-
-.dropdown.focus .dropdown-menu {
-    visibility:visible
-}
-
-.dropdown .dropdown-menu {
-    position:relative;
-    z-index:10;
-    overflow:auto;
-    margin-top:7px;
-    visibility:hidden
-}
-
-.dropdown .dropdown-menu li .tick {
-    position:absolute;
-    right:5px;
-    top:24px
-}
-
-.dropdown .dropdown-menu li a {
-    padding:10px;
-    margin:5px;
-    display:block;
-    font-size:20px;
-    text-decoration:none;
-    cursor:pointer;
-    z-index:10;
-    position:relative;
-    -webkit-font-smoothing:antialiased;
-    border:0
-}
-
-.dropdown .dropdown-menu li .aux .overlay {
-    display:none
-}
-
-.dropdown .dropdown-menu li.active .aux .overlay {
-    display:block
-}
-
-.keyboard-icon {
-    font-family:keyboard;
-    color:rgba(63,66,55,.4);
-    position:absolute
-}
-
-.keyboard-icon.hidden {
-    display:none
-}
-
-.nano {
-    position:absolute;
-    width:100%;
-    height:100%;
-    overflow:hidden
-}
-
-.nano .nano-content {
-    overflow:hidden;
-    position:absolute;
-    top:0;
-    right:13px!important;
-    bottom:0;
-    left:0
-}
-
-.nano .nano-content:focus {
-    outline:thin dotted
-}
-
-.nano .nano-content::-webkit-scrollbar {
-    visibility:hidden
-}
-
-.nano>.pane {
-    background-color:rgba(63,66,55,.25);
-    position:absolute;
-    width:7px;
-    right:0;
-    top:7px;
-    bottom:0;
-    visibility:hidden\9;
-    -moz-border-radius:5px;
-    -webkit-border-radius:5px;
-    border-radius:5px
-}
-
-.nano>.pane>.slider {
-    background-color:rgba(63,66,55,.5);
-    position:relative;
-    margin:0 1px;
-    -moz-border-radius:3px;
-    -webkit-border-radius:3px;
-    border-radius:3px
-}
-
-.nano>.pane {
-    width:10px
-}
-
-.nano>.pane>.slider:hover {
-    cursor:grabbing
-}
-
-.nano:hover>.pane,.pane.active,.pane.flashed {
-    visibility:visible\9;
-    opacity:.99
-}
-
-.has-scrollbar .content::-webkit-scrollbar {
-    visibility:visible
-}
-
-.padlock-icon {
-    width:14px;
-    height:19px;
-    float:left;
-    padding:7px 7px 7px 0;
-    fill:#6d8524
-}
-
-@media (max-width:800px) {
-.padlock-icon {
-    width:13px;
-    height:18px;
-    padding:5px 8px 5px 0
-}
-}
-
-@media (max-width:550px),(max-height:450px) {
-.padlock-icon {
-    width:12px;
-    height:16px;
-    padding:5px 8px 5px 0
-}
-}
-
-.container .label,.text,.question span,.header .question,.description,.item span,.button.general,.button.nav {
-    -webkit-font-smoothing:antialiased
-}
-
-.font-family-bangers .container .label,.font-family-bangers .text,.font-family-bangers .question span,.font-family-bangers .header .question,.font-family-bangers .description,.font-family-bangers .item span,.font-family-bangers .button.general,.font-family-bangers .button.nav {
-    letter-spacing:.7px
-}
-
-.font-family-lato .container .label,.font-family-lato .text,.font-family-lato .question span,.font-family-lato .header .question,.font-family-lato .description,.font-family-lato .item span,.font-family-lato .button.general,.font-family-lato .button.nav {
-    -webkit-font-smoothing:subpixel-antialiased!important
-}
-
-.font-family-lekton .container .label,.font-family-lekton .text,.font-family-lekton .question span,.font-family-lekton .header .question,.font-family-lekton .description,.font-family-lekton .item span,.font-family-lekton .button.general,.font-family-lekton .button.nav {
-    -webkit-font-smoothing:subpixel-antialiased!important
-}
-
-.font-family-quicksand .container .label,.font-family-quicksand .text,.font-family-quicksand .question span,.font-family-quicksand .header .question,.font-family-quicksand .description,.font-family-quicksand .item span,.font-family-quicksand .button.general,.font-family-quicksand .button.nav {
-    -webkit-font-smoothing:subpixel-antialiased!important;
-    letter-spacing:-.5px
-}
 
-.font-family-raleway .container .label,.font-family-raleway .text,.font-family-raleway .question span,.font-family-raleway .header .question,.font-family-raleway .description,.font-family-raleway .item span,.font-family-raleway .button.general,.font-family-raleway .button.nav {
-    -webkit-font-smoothing:subpixel-antialiased!important
+.status-light {
+    padding-left:0.6em;
 }
-
-.font-family-nixie-one .container .label,.font-family-nixie-one .text,.font-family-nixie-one .question span,.font-family-nixie-one .header .question,.font-family-nixie-one .description,.font-family-nixie-one .item span,.font-family-nixie-one .button.general,.font-family-nixie-one .button.nav {
-    -webkit-font-smoothing:subpixel-antialiased!important
+.status-light.status-light-off {
+    color: red;
 }
-
-.font-family-bangers .button.general.full,.font-family-bangers .submit>.button.general {
-    letter-spacing:1.5px;
-    line-height:42px
+.status-light.status-light-on {
+    color: green;
 }
 
-.font-family-handlee .button.general.full,.font-family-handlee .submit>.button.general {
-    line-height:42px
+/* Styles for form list view (/forms) */
+section > section.ng-scope {
+    padding: 0 60px 20px 60px;
 }
-
-.font-family-karla .button.general.full,.font-family-karla .submit>.button.general {
-    letter-spacing:-1px
+.form-item.row {
+    text-align: center;
+    border-bottom: 6px inset #ccc;
+    background-color: #eee;
+    width: 180px;
+    height: 215px;
+    margin-bottom: 45px;
 }
 
-.font-family-lato .button.general.full,.font-family-lato .submit>.button.general {
-    line-height:36px
+.form-item.row.create-new {
+    background-color: rgb(131,131,131);
+    color: white;
 }
 
-.font-family-lekton .button.general.full,.font-family-lekton .submit>.button.general {
-    line-height:42px
+.form-item.row:hover, .form-item.row.create-new:hover {
+    border-bottom: 8px inset #ccc;
+    background-color: #d9d9d9;
 }
 
-.font-family-quicksand .button.general.full,.font-family-quicksand .submit>.button.general {
-    letter-spacing:-.5px
+.form-item.row.create-new:hover {
+    /*color: #eee;*/
+    background-color: rgb(81,81,81);
 }
 
-.font-family-exo-2 .button.general.full,.font-family-exo-2 .submit>.button.general {
-    line-height:35px
+.form-item.row > .title-row{
+    position: relative;
+    top: 15px;
+    padding-top:3em;
+    padding-bottom:3.65em; 
 }
+    .form-item.row > .title-row h4 {
+        font-size: 1.3em;
+    }
 
-.font-family-raleway  .questions .list ul li {
-    padding:5px 37px;
-    line-height:30px;
-    height:28px
-}
+.form-item.row.create-new > .title-row{
+    padding: 0;
+    /*margin-top:1em; */
 
-.font-family-raleway  .questions .list ul li.custom.open {
-    padding:2px 50px 9px 37px
 }
+    .form-item.row.create-new > .title-row h4 {
+        font-size: 7em;
+    }
 
-.font-family-raleway  .questions .list ul li .tick {
-    margin-top:-15px
+.form-item.row > .details-row{
+    margin-top: 3.2em;
 }
-
-.font-family-nixie-one .list-image li .text .label .caption {
-    -webkit-font-smoothing:antialiased!important;
-    font-weight:700
-}*/
\ No newline at end of file
+    .form-item.row > .details-row small {
+        font-size: 0.65em;
+    }
+    .form-item.row.create-new > .details-row small {
+        font-size: 0.95em;
+    }
\ No newline at end of file
diff --git a/public/modules/forms/directives/form.client.directive.js b/public/modules/forms/directives/form.client.directive.js
index 4a8fc965..509e79cc 100644
--- a/public/modules/forms/directives/form.client.directive.js
+++ b/public/modules/forms/directives/form.client.directive.js
@@ -1,25 +1,27 @@
 'use strict';
 
-angular.module('forms').directive('formDirective', ['$http', '$timeout', 'timeCounter',
-    function ($http, $timeout, timeCounter) {
+angular.module('forms').directive('formDirective', ['$http', '$timeout', 'timeCounter', 'Auth',
+    function ($http, $timeout, timeCounter, Auth) {
         return {
             controller: function($scope){
                 timeCounter.startClock();
 
-
                 $scope.submit = function(){
                     var _timeElapsed = timeCounter.stopClock();
                     $scope.form.timeElapsed = _timeElapsed;
 
-                    console.log($scope.form.timeElapsed);
-
-                    // console.log($scope.form.form_fields[7]);
+                    // console.log($scope.form.timeElapsed);
+                    $scope.authentication = Auth;
+                    console.log($scope.authentication.isAuthenticated());
 
                     $http.post('/forms/'+$scope.form._id,$scope.form).
                     success(function(data, status, headers){
                         console.log('form submitted successfully');
                         alert('Form submitted..');
                         $scope.form.submitted = true;
+                    })
+                    .error(function(error){
+                        console.log(error);
                     });
                 };
 
diff --git a/public/modules/forms/forms.client.module.js b/public/modules/forms/forms.client.module.js
index 8c77200e..1a783aa9 100644
--- a/public/modules/forms/forms.client.module.js
+++ b/public/modules/forms/forms.client.module.js
@@ -1,4 +1,4 @@
 'use strict';
 
 // Use Application configuration module to register a new module
-ApplicationConfiguration.registerModule('forms', ['ngFileUpload']);
\ No newline at end of file
+ApplicationConfiguration.registerModule('forms', ['ngFileUpload', 'users']);
\ No newline at end of file
diff --git a/public/modules/forms/services/forms.client.service.js b/public/modules/forms/services/forms.client.service.js
index d757be5a..2666a105 100644
--- a/public/modules/forms/services/forms.client.service.js
+++ b/public/modules/forms/services/forms.client.service.js
@@ -8,14 +8,7 @@ angular.module('forms').factory('Forms', ['$resource',
 		}, {
 			'query' : {
 				method: 'GET', 
-				isArray: false,
-				// "transformResponse": function (data) {
-			 //        var _data = JSON.parse(data);
-			 //        var _pdf = JSON.parse(data).pdf;
-
-			 //        _data.pdf = _pdf;
-			 //        return _data;
-			 //    }
+				isArray: true,
 			},
 			'update': {
 				method: 'PUT'
diff --git a/public/modules/forms/services/submissions.client.service.js b/public/modules/forms/services/submissions.client.service.js
new file mode 100644
index 00000000..c7b3043c
--- /dev/null
+++ b/public/modules/forms/services/submissions.client.service.js
@@ -0,0 +1,22 @@
+'use strict';
+
+//Submissions service used for communicating with the forms REST endpoints
+angular.module('forms').factory('Submissions', ['$resource',
+	function($resource) {
+		return $resource('forms/:formID/submissions/:submissionId', {
+			submissionId: '@_id',
+			formId: '@_id'
+		}, {
+			'query' : {
+				method: 'GET', 
+				isArray: true,
+			},
+			'update': {
+				method: 'PUT'
+			},
+			'save': {
+				method: 'POST'
+			}
+		});
+	}
+]);
\ No newline at end of file
diff --git a/public/modules/forms/services/time-counter.client.service.js b/public/modules/forms/services/time-counter.client.service.js
index a6ba2ff4..fdd2e894 100644
--- a/public/modules/forms/services/time-counter.client.service.js
+++ b/public/modules/forms/services/time-counter.client.service.js
@@ -8,13 +8,13 @@ angular.module('forms').service('timeCounter', [
 
 		this.startClock = function(){
 			_startTime = Date.now();
-			console.log('Clock Started');
+			// console.log('Clock Started');
 		};
 
 		this.stopClock = function(){
 			_endTime = Date.now();
 			that.timeSpent = Math.abs(_endTime.valueOf() - _startTime.valueOf())/1000;
-			console.log('Clock Ended');
+			// console.log('Clock Ended');
 			return that.timeSpent;
 		};
 
diff --git a/public/modules/forms/views/create-form.client.view.html b/public/modules/forms/views/create-form.client.view.html
index 7eb80bf9..dff80944 100644
--- a/public/modules/forms/views/create-form.client.view.html
+++ b/public/modules/forms/views/create-form.client.view.html
@@ -1,3 +1,5 @@
+<link rel="stylesheet" href="./modules/forms/css/form.css">
+
 <section data-ng-controller="EditFormController">
 	<div ng-if="isNewForm">
 		<h1>Create your form</h1> <br>
@@ -133,7 +135,7 @@
 								Delete
 							</button>
 
-							<button type="button" ng-if="form.pdfLoading" title="Abort ongoing upload" class="btn btn-default" ng-click="cancelUpload()">
+							<button type="button" ng-if="pdfLoading" title="Abort ongoing upload" class="btn btn-default" ng-click="cancelUpload()">
 								<i class="glyphicon glyphicon-ban-circle"></i> 
 								Cancel
 							</button>
@@ -190,12 +192,14 @@
 
 	        <br><br>
 	        <div class="row">
-	        	<div class="col-sm-offset-4 col-sm-2">
+	        	<div class="col-sm-offset-3 col-sm-2">
 		        	<button class="btn btn-primary btn-large" type="button" ng-click="createOrUpdate()"><i class="icon-arrow-left icon-white"></i> Save Changes</button>
 		        </div>
-		        <div class="col-sm-2">
-		            <button class="btn btn-primary" type="button" ng-click="previewOn()"><i class="icon-eye-open icon-white"></i> Preview Form</button>
-					<!-- <button class="btn btn-danger right" type="button" ng-click="reset()"><i class="icon-refresh icon-white"></i> Reset</button> -->
+		        <div class="col-sm-1">
+		            <button class="btn btn-primary" type="button" ng-data-href="#!/forms/{{form._id}}/admin"><i class="icon-eye-open icon-white"></i> Cancel</button>
+				</div>
+		        <div class="col-sm-1  col-sm-offset-1">
+		            <button class="btn btn-secondary" type="button" ng-click="previewOn()"><i class="icon-eye-open icon-white"></i> Preview Form</button>
 				</div>
 	        </div>
 
diff --git a/public/modules/forms/views/directiveViews/form/form.html b/public/modules/forms/views/directiveViews/form/form.html
index 0133a1b8..50dd96d2 100755
--- a/public/modules/forms/views/directiveViews/form/form.html
+++ b/public/modules/forms/views/directiveViews/form/form.html
@@ -1,9 +1,7 @@
-<h2>{{ form.form_name }}</h2>
-
-<div ng-show="!form.submitted">
+<div ng-hide="form.submitted">
 
     <div class="field row">
-        <div class="col-sm-11 col-sm-offset-1"><h1>{{ form.title }}</h1>
+        <div class="col-sm-10 col-sm-offset-1"><h1>{{ form.title }}</h1>
                 <hr>
         </div>
     </div>
@@ -11,31 +9,46 @@
     <br>
     <br>
 
-
-    <form class="field row" name="form" ng-model="form" ng-repeat="field in form.form_fields" >
-        <!-- <ul class=" col-sm-11 col-sm-offset-1" style="margin-top: 50px; margin-bottom: 50px;" ng-repeat="field in form.form_fields" > -->
-            <field-directive field="field" >
-            </field-directive>
-        <!-- </ul> -->
-    </form>
+    <div class="row">
+        <form class="field col-sm-offset-1 col-sm-10" name="form" ng-model="form" ng-repeat="field in form.form_fields" >
+            <!-- <ul class=" col-sm-11 col-sm-offset-1" style="margin-top: 50px; margin-bottom: 50px;" ng-repeat="field in form.form_fields" > -->
+                <field-directive field="field" >
+                </field-directive>
+            <!-- </ul> -->
+        </form>
+    </div>
 
 
     <div class="row form-actions">
-        <p class="text-left col-sm-2 col-sm-offset-5">
-            <button class="btn btn-success right" type="button" ng-disabled="myForm.$valid" ng-click="submit()">
-                <i class="icon-edit icon-white"></i> Submit Form 
+            <button class="btn btn-success col-sm-2 col-sm-offset-5" type="button" ng-disabled="myForm.$valid" ng-click="submit()" style="font-size: 1.6em;">
+                <i class="icon-edit icon-white"></i> submit 
             </button>
-        </p>
     </div>
 </div>
 
 <div ng-show="form.submitted">
-    <h3>Form Successfully submitted</h3>
-    <br><br><br>
+
+    <div class="field row">
+        <div class="col-sm-11 col-sm-offset-1"><h1>{{ form.title }}</h1>
+        <hr>
+        </div>
+    </div>
+
+    <br>
+    <br>
+    <div class="field row text-center">
+    <h4 class="col-xs-6 col-xs-offset-1 text-left">Form entry successfully submitted!<br> What would you like to do next?</h4>
+    </div>
+    <br><br><br><br><br>
     <div class="row form-actions">
-        <p class="text-left col-sm-2">
-            <button class="btn btn-primary left" type="button">
-                <a href="/form/{{form.id}}" style="color:white;"> Submit again?</a>
+        <p class="text-center col-xs-3 col-xs-offset-4">
+            <button class="btn btn-success left" type="button">
+                <a href="/#!/forms/{{form._id}}" style="color:white;"> Submit again?</a>
+            </button>
+        </p>
+        <p class="text-center col-xs-2" ng-if="authentication.isAuthenticated()">
+            <button class="btn btn-caution left" type="button">
+                <a href="/#!/forms/{{form._id}}/admin" style="color:white;">Edit Form</a>
             </button>
         </p>
     </div>
diff --git a/public/modules/forms/views/list-forms.client.view.html b/public/modules/forms/views/list-forms.client.view.html
index ef7d24a3..41eb7193 100644
--- a/public/modules/forms/views/list-forms.client.view.html
+++ b/public/modules/forms/views/list-forms.client.view.html
@@ -1,20 +1,41 @@
-<section data-ng-controller="ViewFormController" data-ng-init="find()">
-	<div class="page-header">
-		<h1>Forms</h1>
+<section data-ng-controller="ViewFormController" data-ng-init="findAll()" class="container">
+	<div class="row">
+		<div class="page-header col-xs-10 col-xs-offset-1">
+			<h1>My MedForms</h1>
+		</div>
 	</div>
-	<div class="list-group">
-		<a data-ng-repeat="form in forms" data-ng-href="#!/forms/{{form._id}}/admin" class="list-group-item">
-			<small class="list-group-item-text">
-				Created on
-				<span data-ng-bind="form.created | date:'mediumDate'"></span>
-				by
-				<span data-ng-bind="form.user.displayName"></span>
-			</small>
-			<h4 class="list-group-item-heading" data-ng-bind="form.title"></h4>
+	<div class="row">
+		<a data-ng-href="#!/forms/create" class="col-xs-2 col-xs-offset-1 form-item row create-new">
+			<div class="title-row col-xs-12">
+				<h4 class=" fa fa-plus fa-6"></h4>
+			</div>
+			<div class="col-xs-12 details-row">
+				
+				<small class="list-group-item-text">
+					Create a new form
+				</small>
+
+			</div>
+			
+		</a>
+		<a data-ng-repeat="form in forms" data-ng-href="#!/forms/{{form._id}}/admin" class="col-xs-2 col-xs-offset-1 form-item row">
+			<div class="title-row col-xs-12">
+				<h4 class="list-group-item-heading" data-ng-bind="form.title"></h4>
+			</div>
+			<div class="col-xs-12 details-row">
+				
+				<small class="list-group-item-text">
+					Created on
+					<span data-ng-bind="form.created | date:'mediumDate'"></span>
+					by
+					<span data-ng-bind="form.admin.username"></span>
+				</small>
+
+			</div>
 			
 		</a>
 	</div>
-	<div class="alert alert-warning text-center" data-ng-if="forms.$resolved && !forms.length">
+<!-- 	<div class="alert alert-warning text-center" data-ng-if="forms.$resolved && !forms.length">
 		No forms yet, why don't you <a href="/#!/forms/create">create one</a>?
-	</div>
+	</div> -->
 </section>
\ No newline at end of file
diff --git a/public/modules/forms/views/view-form-submissions.view.html b/public/modules/forms/views/view-form-submissions.view.html
index 7f8fb04c..21e88299 100644
--- a/public/modules/forms/views/view-form-submissions.view.html
+++ b/public/modules/forms/views/view-form-submissions.view.html
@@ -1,31 +1,47 @@
-<section data-ng-controller="ViewFormController" data-ng-init="findOne()">
-	<div class="page-header">
-		<h1 data-ng-bind="form.title"> Form Submissions</h1>
-	</div>
-	<div class="pull-right" data-ng-show="authentication.user._id == form.user._id">
-		<a class="btn btn-primary" href="/#!/forms/{{form._id}}/edit">
-			<i class="glyphicon glyphicon-edit"></i>
-		</a>
-		<a class="btn btn-primary" data-ng-click="remove();">
-			<i class="glyphicon glyphicon-trash"></i>
-		</a>
-		<a class="btn btn-primary" href="/#!/forms/{{form._id}}">
-			View Public Form
-		</a>
-		<a class="btn btn-primary" href="/#!/forms/{{form._id}}/submissions">
-			View Form Submissions
-		</a>
+<section data-ng-controller="ViewSubmissionController" data-ng-init="findAll()">
+	<div class="page-header row" style="padding-bottom: 0px;">
+		<div class="col-xs-9">
+			<h1 data-ng-bind="form.title" style="margin-bottom: 0px;"></h1> <small>Submissions </small>
+		</div>
+		<div class="col-xs-3">
+			<small class=" pull-right">			
+				<a class="btn btn-default" href="/#!/forms/{{form._id}}" disabled="form.isLive">
+					View Live Form 
+					<i class="status-light status-light-on fa fa-dot-circle-o fa-3" ng-show="form.isLive"></i>
+					<i class="status-light status-light-off fa fa-circle-o fa-3" ng-hide="form.isLive"></i>
+				</a>
+			</small>
+		</div>
 	</div>
 	<div class="row">
-		<span class="col-md-5" data-ng-bind="form"></span>
+
+		<table class="table table-striped col-xs-7">
+			<thead>
+				<tr>
+					<th>#</th>
+					<th data-ng-repeat="(key, val) in submissions[0].form_fields">
+						{{key}}
+					</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr data-ng-repeat="submission in submissions">
+					<td>{{$index+1}}</td>
+					<td data-ng-repeat="(key, val) in submission.form_fields">
+						{{value}}
+					</td>
+				</tr>
+			</tbody>
+		</table>
+		<a data-ng-repeat="submission in submissions" data-ng-href="#!/forms/{{form._id}}/admin" class="list-group-item">
+			<small class="list-group-item-text">
+				Created on
+				<span data-ng-bind="submission.created | date:'mediumDate'"></span>
+				by
+				<span data-ng-bind="form.user.displayName"></span>
+			</small>
+			<h4 class="list-group-item-heading" data-ng-bind="submission.title"></h4>
+			
+		</a>
 	</div>
-	<small>
-		<em class="text-muted">
-			Created on 
-			<span data-ng-bind="form.created | date:'mediumDate'"></span>
-			by
-			<span data-ng-bind="form.admin.displayName"></span>
-		</em>
-	</small>
-	<!-- <p class="lead" data-ng-bind="form.content"></p> -->
 </section>
\ No newline at end of file
diff --git a/public/modules/forms/views/view-form.client.view.html b/public/modules/forms/views/view-form.client.view.html
index 8199befb..6a74f502 100644
--- a/public/modules/forms/views/view-form.client.view.html
+++ b/public/modules/forms/views/view-form.client.view.html
@@ -1,31 +1,93 @@
-<section data-ng-controller="ViewFormController" data-ng-init="findOne()">
-	<div class="page-header">
-		<h1 data-ng-bind="form.title"></h1>
+<section data-ng-controller="ViewFormController" data-ng-init="findOne()" class="container admin-form">
+	<div class="page-header row" style="padding-bottom: 0px;">
+		<div class="col-xs-9">
+			<h1 data-ng-bind="form.title" style="margin-bottom: 0px;"></h1>
+		</div>
+		<div class="col-xs-3">
+			<small class=" pull-right">			
+				<a class="btn btn-default" href="/#!/forms/{{form._id}}">
+					View <span ng-show="form.isLive">Live</span> <span ng-hide="form.isLive">Preview</span> Form
+					<i class="status-light status-light-on fa fa-dot-circle-o" ng-show="form.isLive"></i>
+					<i class="status-light status-light-off fa fa-circle-o" ng-hide="form.isLive"></i>
+					<!-- <i class="fa fa-sign-out"></i> -->
+				</a>
+			</small>
+		</div>
 	</div>
-	<div class="pull-right" data-ng-show="authentication.user._id == form.user._id">
-		<a class="btn btn-primary" href="/#!/forms/{{form._id}}/edit">
-			<i class="glyphicon glyphicon-edit"></i>
-		</a>
-		<a class="btn btn-primary" data-ng-click="remove();">
-			<i class="glyphicon glyphicon-trash"></i>
-		</a>
-		<a class="btn btn-primary" href="/#!/forms/{{form._id}}">
-			View Public Form
-		</a>
-		<a class="btn btn-primary" href="/#!/forms/{{form._id}}/submissions">
-			View Form Submissions
-		</a>
+
+	<div class="row">
+		<div class="col-xs-8" ng-if="!viewSubmissions">
+			<p ng-show="form.form_fields.length == 0">No fields added yet.</p>
+		        <accordion class="col-xs-10" close-others="accordion.oneAtATime">
+		            <accordion-group heading="{{field.title}} (is a {{field.fieldType}})" ng-repeat="field in form.form_fields">
+		            </accordion-group>
+		         </accordion>
+			</p>
+		</div>
+		<div class="submissions-table col-xs-8" ng-if="viewSubmissions">
+			<table class="table table-striped table-hover table-condensed">
+				<thead>
+					<tr>
+						<th>#</th>
+						<th data-ng-repeat="(key, value) in submissions[0].form_fields">
+							{{value.title}}
+						</th>
+						<th>
+							Time Elapsed
+						</th>
+						<th>
+							Date Submitted (UTC)
+						</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr data-ng-repeat="submission in submissions">
+						<th class="scope">{{$index+1}}</th>
+						<td data-ng-repeat="(key, value) in submission.form_fields">
+							{{value.fieldValue}}
+						</td>
+						<td>
+							{{submission.timeElapsed}}
+						</th>
+						<td>
+							{{submission.created | date:'yyyy-MM-dd HH:mm:ss'}}
+						</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+
+
+		<div class="col-xs-3 col-xs-offset-1 container text-right form-controls" data-ng-show="authentication.user._id == form.user._id">
+			<div class="row">
+				<a class="col-xs-12 btn btn-default" href="/#!/forms/{{form._id}}/edit">
+					<i class="glyphicon glyphicon-edit"></i> Edit Form
+				</a>
+			</div>
+			<div class="row">
+				<a class="col-xs-12 btn btn-danger" data-ng-click="remove();">
+					<i class="glyphicon glyphicon-trash"></i> Delete Form
+				</a>
+			</div>
+			<div class="row">
+				<a class="col-xs-12 btn btn-default" data-ng-click="showSubmissions();" ng-hide="viewSubmissions">
+					View Form Submissions
+				</a>
+				<a class="col-xs-12 btn btn-primary" data-ng-click="hideSubmissions();" ng-show="viewSubmissions">
+					Back to Main View
+				</a>
+			</div>
+		</div>
 	</div>
 	<div class="row">
-		<span class="col-md-5" data-ng-bind="form"></span>
+		<small class="col-xs-12">
+			<em class="text-muted">
+				Created on 
+				<span data-ng-bind="form.created | date:'mediumDate'"></span>
+				by
+				<span data-ng-bind="form.admin.displayName"></span>
+			</em>
+		</small>
 	</div>
-	<small>
-		<em class="text-muted">
-			Created on 
-			<span data-ng-bind="form.created | date:'mediumDate'"></span>
-			by
-			<span data-ng-bind="form.admin.displayName"></span>
-		</em>
-	</small>
 	<!-- <p class="lead" data-ng-bind="form.content"></p> -->
 </section>
\ No newline at end of file
diff --git a/public/modules/forms/views/view-public-form.client.view.html b/public/modules/forms/views/view-public-form.client.view.html
index c48dbe50..e73399f5 100644
--- a/public/modules/forms/views/view-public-form.client.view.html
+++ b/public/modules/forms/views/view-public-form.client.view.html
@@ -1,33 +1,32 @@
 <link rel="stylesheet" href="./modules/forms/css/form.css">
 
 <section data-ng-controller="SubmitFormController">
-	<form-directive form="form"></form-directive><hr>
+	<form-directive form="form"></form-directive>
 
-
-	<section class="navbar navbar-fixed-bottom" style="background-color:rgba(242,242,242,0.5); padding-top:15px;">
-    <div class="container" >
-        <nav role="navigation">
-            <ul class="nav navbar-nav navbar-left" >
-                <li class="">
-                    <!-- <p class="lead">{{form | formValidity}}   out of {{form.form_fields.length}} answered</p> -->
-                </li>
-            </ul>
-            <ul class="nav navbar-nav navbar-right">
-                <li style="padding-right:20px" >
-                    <a href="/forms/create" class="btn btn-default" ng-hide="authentication.user">create a Medform</a>
-                </li>
-                <li style="padding-right:20px" ng-show="authentication.user">
-                    <a href="/forms/{{form._id}}/edit" class="btn btn-default">edit this Medform</a>
-                </li>
-                <li style="padding-left:5px">
-                    <div class="btn btn-info" id="focusDownButton">\/</div>
-                </li>
-                <li style="padding-left:5px">
-                    <div class="btn btn-info" id="focusUpButton">/\</div>
-                </li>
-            </ul>
-        </nav>
-    </div>
-</section>
+	<section ng-if="!form.hideFooter" class="navbar navbar-fixed-bottom" style="background-color:rgba(242,242,242,0.5); padding-top:15px;">
+        <div class="container" >
+            <nav role="navigation">
+                <ul class="nav navbar-nav navbar-left" >
+                    <li class="">
+                        <!-- <p class="lead">{{form | formValidity}}   out of {{form.form_fields.length}} answered</p> -->
+                    </li>
+                </ul>
+                <ul class="nav navbar-nav navbar-right">
+                    <li style="padding-right:20px" >
+                        <a href="/forms/create" class="btn btn-default" ng-hide="authentication.user">create a Medform</a>
+                    </li>
+                    <li style="padding-right:20px" ng-show="authentication.user">
+                        <a href="/forms/{{form._id}}/edit" class="btn btn-default">edit this Medform</a>
+                    </li>
+                    <li style="padding-left:5px">
+                        <div class="btn btn-info" id="focusDownButton">\/</div>
+                    </li>
+                    <li style="padding-left:5px">
+                        <div class="btn btn-info" id="focusUpButton">/\</div>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </section>
 </section>
 
diff --git a/public/modules/users/config/users.client.config.js b/public/modules/users/config/users.client.config.js
index 5a43c7bb..d10af237 100755
--- a/public/modules/users/config/users.client.config.js
+++ b/public/modules/users/config/users.client.config.js
@@ -1,6 +1,7 @@
 'use strict';
 
 // Config HTTP Error Handling
+<<<<<<< HEAD
 angular.module('users').config(['$httpProvider', '$state', 'Principal', '$q',
 	function($httpProvider, $state, Principal, $q) {
 		// Set the httpProvider "not authorized" interceptor
@@ -20,6 +21,61 @@ angular.module('users').config(['$httpProvider', '$state', 'Principal', '$q',
 								// Add unauthorized behaviour 
 								break;
 						}
+=======
+angular.module('users').config(['$httpProvider',
+	function($httpProvider) {
+    $httpProvider.interceptors.push(function($q, $location) {
+      return {
+        responseError: function(response) {
+          if( $location.path() !== '/users/me' ){
+
+            console.log('intercepted rejection of ', response.config.url, response.status);
+            if (response.status === 401) {
+              // save the current location so that login can redirect back
+              $location.nextAfterLogin = $location.path();
+              $location.path('/signin');
+            }else if(response.status === 403){
+              $location.path('/access_denied');
+            }
+
+          }
+          return $q.reject(response);
+        }
+      };
+    });
+}]);
+
+
+// Config HTTP Error Handling
+// angular.module('users').config(['$httpProvider',
+// 	function($httpProvider) {
+// 		// Set the httpProvider "not authorized" interceptor
+// 		$httpProvider.interceptors.push(['$q', '$location', 'Principal',
+// 			function($q, $state, Principal) {
+// 				return {
+// 					responseSuccess: function(response) {
+// 						Principal.identity().then(function(user){
+// 							console.log(user);
+// 							// $rootScope.user = user;
+// 						}, function(error){
+// 							console.log("Coudn't get current user. \n ERROR: "+error);
+// 						});
+						
+// 					},
+// 					responseError: function(rejection) {
+// 						switch (rejection.status) {
+// 							case 401:
+// 								// Deauthenticate the global user
+// 								Principal.authenticate(null);
+
+// 								// Redirect to signin page
+// 								$location.path('/signin');
+// 								break;
+// 							case 403:
+// 								// Add unauthorized behaviour 
+// 								break;
+// 						}
+>>>>>>> dev_working
 
 						return $q.reject(rejection);
 					}
diff --git a/public/modules/users/config/users.client.routes.js b/public/modules/users/config/users.client.routes.js
index cc8b34e6..a6274851 100755
--- a/public/modules/users/config/users.client.routes.js
+++ b/public/modules/users/config/users.client.routes.js
@@ -4,13 +4,45 @@
 angular.module('users').config(['$stateProvider',
 	function($stateProvider) {
 
+<<<<<<< HEAD
 		// Users state routing
 		$stateProvider.
+=======
+
+	var checkLoggedin = function($q, $timeout, $location, User, Auth) {
+      var deferred = $q.defer();
+
+      console.log(Auth.getUserState);
+
+      if (Auth.currentUser && Auth.currentUser.email) {
+        $timeout(deferred.resolve);
+      }
+      else {
+        Auth.currentUser = User.getCurrent(function() {
+          Auth.login();
+          $timeout(deferred.resolve);
+        },
+        function() {
+          Auth.logout();
+          $timeout(deferred.reject);
+          $location.path('/login');
+        });
+      }
+
+      return deferred.promise;
+    };
+
+	// Users state routing
+	$stateProvider.
+>>>>>>> dev_working
 		state('profile', {
 			// parent: 'restricted',
 			// data: {
 			// 	roles: ['user', 'admin'],
 			// },
+			resolve: {
+          		loggedin: checkLoggedin
+        	},
 			url: '/settings/profile',
 			templateUrl: 'modules/users/views/settings/edit-profile.client.view.html'
 		}).
@@ -22,6 +54,9 @@ angular.module('users').config(['$stateProvider',
 			// data: {
 			// 	roles: ['user', 'admin'],
 			// },
+			resolve: {
+	          	loggedin: checkLoggedin
+	        },
 			url: '/settings/password',
 			templateUrl: 'modules/users/views/settings/change-password.client.view.html'
 		}).
@@ -30,6 +65,9 @@ angular.module('users').config(['$stateProvider',
 			// data: {
 			// 	roles: ['user', 'admin'],
 			// },
+			resolve: {
+	          	loggedin: checkLoggedin
+	        },
 			url: '/settings/accounts',
 			templateUrl: 'modules/users/views/settings/social-accounts.client.view.html'
 		}).
@@ -38,6 +76,10 @@ angular.module('users').config(['$stateProvider',
 			url: '/signup',
 			templateUrl: 'modules/users/views/authentication/signup.client.view.html'
 		}).
+		state('signup-success', {
+			url: '/signup-success',
+			templateUrl: 'modules/users/views/authentication/signup.client.view.html'
+		}).
 		state('signin', {
 			url: '/signin',
 			templateUrl: 'modules/users/views/authentication/signin.client.view.html'
diff --git a/public/modules/users/controllers/authentication.client.controller.js b/public/modules/users/controllers/authentication.client.controller.js
index 8c596053..04de32af 100755
--- a/public/modules/users/controllers/authentication.client.controller.js
+++ b/public/modules/users/controllers/authentication.client.controller.js
@@ -1,51 +1,111 @@
 'use strict';
 
-angular.module('users').controller('AuthenticationController', ['$scope', '$http', '$location', 'Principal', '$state',
-	function($scope, $http, $location, Principal, $state) {
+angular.module('users').controller('AuthenticationController', ['$scope', '$location', '$state', '$rootScope', 'User', 'Auth',
+	function($scope, $location, $state, $rootScope, User, Auth) {
 
-		$scope.authentication = Principal;
-		// $scope.authentication.user = Principal.getUser();
+	$scope = $rootScope;
+	$scope.credentials = {};
 
-		// If user is signed in then redirect back home
-		if ($scope.authentication.isAuthenticated()) $state.go('home');
+	// $scope.authentication = Principal;
 
-		$scope.signup = function() {
-			var response_obj = Principal.signup($scope.credentials);
-			
-			if( angular.isDefined(response_obj.error) ){
-				$scope.error = response_obj.error;
-			} else{
-				$state.go('home');
+	// If user is signed in then redirect back home
+	if ($scope.authentication.isAuthenticated()) $state.go('home');
+
+    $scope.signin = function() {
+    	// console.log("signin");
+    	// console.log($scope.credentials);
+		Auth.currentUser = User.login($scope.credentials).then(
+			function(response) {
+				Auth.login();
+				$rootScope.user = Auth.ensureHasCurrentUser(User);
+				$scope = $rootScope;
+				console.log('$state.previous: \n');
+				console.log($state.previous);
+
+				if($state.previous !== 'home'){
+					$state.go($state.previous.name);
+				}else{
+					$state.go('home');
+				}
+				
+			},
+			function(error) {
+				$rootScope.user = Auth.ensureHasCurrentUser(User);
+				$scope = $rootScope;
+
+				$scope.error = error;
+				console.log('loginError: '+error);
 			}
-			// $http.post('/auth/signup', $scope.credentials).success(function(response) {
-			// 	// If successful we assign the response to the global user model
-			// 	$scope.authentication.user = response;
+		);
+    };
 
-			// 	// And redirect to the index page
-			// 	$location.path('/');
-			// }).error(function(response) {
-			// 	$scope.error = response.message;
-			// });
-		};
+    $scope.signup = function() {
+      $scope.user = User.save($scope.registration,
+        function() {
+        	$state.go('signup-success');
+        },
+        function(error) {
+          if(error) {
+            $scope.error = error;
+          }else {
+            console.log('No response received');
+          }
+        }
+      );
+    };
 
-		$scope.signin = function() {
-			console.log('signin');
-			var response_obj = Principal.signin($scope.credentials);
-			if( angular.isDefined(response_obj.error) ){
-				$scope.error = response_obj.error;
-				$location.path('/signin');
-			} else{
-				$location.path('/');
-			}
-			// $http.post('/auth/signin', $scope.credentials).success(function(response) {
-			// 	// If successful we assign the response to the global user model
-			// 	$scope.authentication.user = response;
 
-			// 	// And redirect to the index page
-			// 	$location.path('/');
-			// }).error(function(response) {
-			// 	$scope.error = response.message;
-			// });
-		};
-	}
+	// 	$scope.signup = function() {
+	// 		Principal.signup($scope.credentials).then(
+	// 			function(result){
+	// 				$state.go('home');
+	// 			},
+	// 			function(rejection_reason){
+	// 				$scope.error = rejection_reason;
+	// 			}
+	// 		);
+	// 		// $http.post('/auth/signup', $scope.credentials).success(function(response) {
+	// 		// 	// If successful we assign the response to the global user model
+	// 		// 	$scope.authentication.user = response;
+	// 		// 	Principal.authenticate(response);
+
+	// 		// 	// And redirect to the index page
+	// 		// 	$location.path('/');
+	// 		// }).error(function(response) {
+	// 		// 	$scope.error = response.message;
+	// 		// });
+	// 	};
+
+	// 	$scope.signin = function() {
+	// 		console.log('signin');
+
+	// 		Principal.signin($scope.credentials).then(
+	// 			function(result){
+	// 				$state.go('home');
+	// 			},
+	// 			function(rejection_reason){
+	// 				$scope.error = rejection_reason;
+	// 			}
+	// 		);
+	// 		// var response_obj = Principal.signin($scope.credentials);
+	// 		// if( angular.isDefined(response_obj.error) ){
+	// 		// 	$scope.error = response_obj.error;
+	// 		// 	$location.path('/signin');
+	// 		// } else{
+	// 		// 	$location.path('/');
+	// 		// }
+	// 		// $http.post('/auth/signin', $scope.credentials).success(function(response) {
+	// 		// 	// If successful we assign the response to the global user model
+	// 		// 	$scope.authentication.user = response;
+	// 		// 	Principal.authenticate(response);
+
+	// 		// 	// And redirect to the index page
+	// 		// 	$location.path('/');
+	// 		// }).error(function(response) {
+	// 		// 	Principal.authenticate(null);
+	// 		// 	$scope.error = response.message;
+	// 		// });
+	// 	};
+	// }
+ 	}
 ]);
\ No newline at end of file
diff --git a/public/modules/users/controllers/password.client.controller.js b/public/modules/users/controllers/password.client.controller.js
index 3581b2a5..99f5deac 100755
--- a/public/modules/users/controllers/password.client.controller.js
+++ b/public/modules/users/controllers/password.client.controller.js
@@ -1,45 +1,61 @@
 'use strict';
 
-angular.module('users').controller('PasswordController', ['$scope', '$stateParams', '$http', '$state', 'Principal',
-	function($scope, $stateParams, $http, $state, Principal) {
-		$scope.authentication = Principal;
-		$scope.authentication.user = Principal.user();
+angular.module('users').controller('PasswordController', ['$scope', '$stateParams', '$state', 'User',
+	function($scope, $stateParams, $state, User) {
+		// $scope.authentication = Principal;
 
 		//If user is signed in then redirect back home
-		if ($scope.authentication.user) $state.go('home');
+		if ($scope.authentication.isAuthenticated()) $state.go('home');
 
-		// Submit forgotten password account id
-		$scope.askForPasswordReset = function() {
-			$scope.success = $scope.error = null;
+		// Principal.identity().then(function(response){
+			// $scope.authentication.user = response;
 
-			$http.post('/auth/forgot', $scope.credentials).success(function(response) {
-				// Show user success message and clear form
-				$scope.credentials = null;
-				$scope.success = response.message;
+			// Submit forgotten password account id
+			$scope.askForPasswordReset = function() {
+				User.askForPasswordReset($scope.credentials).then(
+					function(response){
+						$scope.success = response.message;
+						$scope.credentials = null;
+					},
+					function(error){
+						$scope.error = error;
+						$scope.credentials = null;
+					}
+				);
+			};
 
-			}).error(function(response) {
-				// Show user error message and clear form
-				$scope.credentials = null;
-				$scope.error = response.message;
-			});
-		};
+			// Change user password
+			$scope.resetUserPassword = function() {
+				$scope.success = $scope.error = null;
+				User.resetPassword($scope.passwordDetails, $stateParams.token).then(
+					function(response){
+						// If successful show success message and clear form
+						$scope.success = response.message;
+						$scope.passwordDetails = null;
 
-		// Change user password
-		$scope.resetUserPassword = function() {
-			$scope.success = $scope.error = null;
+						// And redirect to the index page
+						$state.go('reset-success');
+					},
+					function(error){
+						$scope.error = error.message || error;
+						$scope.passwordDetails = null;
+					}
+				);
+				// $scope.success = $scope.error = null;
 
-			$http.post('/auth/reset/' + $stateParams.token, $scope.passwordDetails).success(function(response) {
-				// If successful show success message and clear form
-				$scope.passwordDetails = null;
+				// $http.post('/auth/reset/' + $stateParams.token, $scope.passwordDetails).success(function(response) {
+				// 	// If successful show success message and clear form
+				// 	$scope.passwordDetails = null;
 
-				// Attach user profile
-				// Principal.user() = response;
+				// 	// Attach user profile
+				// 	// Principal.user() = response;
 
-				// And redirect to the index page
-				$state.go('reset-success');
-			}).error(function(response) {
-				$scope.error = response.message;
-			});
-		};
+				// 	// And redirect to the index page
+				// 	$state.go('reset-success');
+				// }).error(function(response) {
+				// 	$scope.error = response.message;
+				// });
+			};
+		// });
 	}
 ]);
\ No newline at end of file
diff --git a/public/modules/users/controllers/settings.client.controller.js b/public/modules/users/controllers/settings.client.controller.js
index 8e463254..6683fcee 100755
--- a/public/modules/users/controllers/settings.client.controller.js
+++ b/public/modules/users/controllers/settings.client.controller.js
@@ -1,11 +1,12 @@
 'use strict';
 
-angular.module('users').controller('SettingsController', ['$scope', '$http', '$state', 'Users', 'Principal',
-	function($scope, $http, $state, Users, Principal) {
+angular.module('users').controller('SettingsController', ['$scope', '$http', '$state', 'Users',
+	function($scope, $http, $state, Users) {
 
-		Principal.identity().then(function(user){
-            $scope.user = user;
-        }).then(function(){
+		// Principal.identity().then(function(user){
+  //           $scope.user = user;
+  //       }).then(function(){
+  	// $scope.user = Principal.identity();
 		
 			// If user is not signed in then redirect back home
 			if (!$scope.user) $state.go('home');
@@ -71,6 +72,6 @@ angular.module('users').controller('SettingsController', ['$scope', '$http', '$s
 				});
 			};
 
-		});
+		// });
 	}
 ]);
\ No newline at end of file
diff --git a/public/modules/users/css/users.css b/public/modules/users/css/users.css
index de67bf94..49a358c8 100755
--- a/public/modules/users/css/users.css
+++ b/public/modules/users/css/users.css
@@ -11,4 +11,22 @@
 	top: 10px;
 	right: 10px;
 	position: absolute;
-}
\ No newline at end of file
+}
+
+section.auth {
+	margin-top: 5em;
+}
+	section.auth > h3{
+		font-size: 3em;
+		font-weight: 500;
+		color: #777;
+	}
+
+	section.auth.signup-view > h3 {
+		font-size: 4.4em;
+		padding-bottom: 0.5em;
+	}
+
+	section.auth.signup-view.success > h3 {
+		padding-bottom: 1.2em;
+	}
\ No newline at end of file
diff --git a/public/modules/users/services/auth.js b/public/modules/users/services/auth.js
new file mode 100644
index 00000000..3ed98c5e
--- /dev/null
+++ b/public/modules/users/services/auth.js
@@ -0,0 +1,67 @@
+'use strict';
+
+angular.module('users')
+  .factory('Auth',  function($window) {
+    var userState =
+    {
+      isLoggedIn: false
+    };
+
+    var service = {
+      currentUser: null,
+
+      // Note: we can't make the User a dependency of Auth
+      // because that would create a circular dependency
+      // Auth <- $http <- $resource <- LoopBackResource <- User <- Auth
+      ensureHasCurrentUser: function(User) {
+        if (service.currentUser && service.currentUser.displayName) {
+          console.log('Using local current user.');
+          console.log(service.currentUser);
+          return service.currentUser;
+        } 
+        else if ($window.user){
+          console.log('Using cached current user.');
+          console.log($window.user);
+          service.currentUser = $window.user;
+          return service.currentUser;
+        }
+        else{
+          console.log('Fetching current user from the server.');
+          User.getCurrent().then(function(user) {
+            // success
+            service.currentUser = user;
+            userState.isLoggedIn = true; 
+            $window.user = service.currentUser;
+            return service.currentUser;         
+          },
+          function(response) {
+            userState.isLoggedIn = false;
+            service.currentUser = null;
+            $window.user = null;
+            console.log('User.getCurrent() err', response);
+            return null;
+          });
+        }
+      },
+
+      isAuthenticated: function() {
+        return !!service.currentUser;
+      },
+
+      getUserState: function() {
+        return userState;
+      },
+
+      login: function() {
+        userState.isLoggedIn = true;
+      },
+
+      logout: function() {
+        $window.user = null;
+        userState.isLoggedIn = false;
+        service.currentUser = null;
+        service.ensureHasCurrentUser(null);   
+      },
+    };
+    return service;
+  });
diff --git a/public/modules/users/services/user.js b/public/modules/users/services/user.js
new file mode 100644
index 00000000..95c83b0c
--- /dev/null
+++ b/public/modules/users/services/user.js
@@ -0,0 +1,91 @@
+'use strict';
+
+angular.module('users').factory('User', ['$window', '$q', '$timeout', '$http', '$state',
+  function($window, $q, $timeout, $http, $state) {
+
+
+    var userService = {
+      getCurrent: function() {
+      	var deferred = $q.defer();
+
+      	$http.get('/users/me')
+    		  .success(function(response) {
+    		    deferred.resolve(response);
+    		  })
+    		  .error(function() {
+    		    deferred.reject('User\'s session has expired');
+    		  });
+
+        return deferred.promise;
+      },
+      login: function(credentials) {
+
+        var deferred = $q.defer();
+        $http.post('/auth/signin', credentials).success(function(response) {
+            // console.log(response);
+            deferred.resolve(response);
+          }).error(function(error) {
+
+            deferred.reject(error.message || error);
+          });
+          return deferred.promise;
+      },
+      logout: function() { 
+        var deferred = $q.defer();
+        $http.get('/auth/signout').success(function(response) {
+          deferred.resolve(null);
+        }).error(function(error) {
+          deferred.reject(error.message || error);
+        });
+
+        return deferred.promise;
+      },
+      signup: function(credentials) { 
+
+        var deferred = $q.defer();
+
+        $http.post('/auth/signup', credentials).success(function(response) {
+          // If successful we assign the response to the global user model
+          deferred.resolve(response);
+        }).error(function(error) {
+
+          deferred.reject(error.message || error);
+        });
+
+        return deferred.promise;
+      },
+
+      resetPassword: function(passwordDetails, token) { 
+        var deferred = $q.defer();
+        $http.get('/auth/password/'+token, passwordDetails).success(function(response) {
+
+          deferred.resolve();
+        }).error(function(error) {
+          deferred.reject(error.message || error);
+        });
+
+        return deferred.promise;
+      },
+
+      // Submit forgotten password account id
+      askForPasswordReset: function(credentials) {
+        var deferred = $q.defer();
+        $http.post('/auth/forgot', credentials).success(function(response) {
+          // Show user success message and clear form
+
+          deferred.resolve(response);
+
+        }).error(function(error) {
+          // Show user error message
+          deferred.reject(error.message || error);
+        });
+
+        return deferred.promise;
+      },
+
+    };
+
+    return userService;
+   
+  }
+]);
diff --git a/public/modules/users/views/authentication/access-denied.client.view.html b/public/modules/users/views/authentication/access-denied.client.view.html
index 09317657..35b782aa 100644
--- a/public/modules/users/views/authentication/access-denied.client.view.html
+++ b/public/modules/users/views/authentication/access-denied.client.view.html
@@ -1,4 +1,4 @@
-<section class="row text-center">
+<section class="row text-center auth">
 	<h3 class="col-md-12">You need to be logged in to access this page</h3>
 	<a href="/#!/sigin" class="col-md-12">Login</a>
 </section>
\ No newline at end of file
diff --git a/public/modules/users/views/authentication/signin.client.view.html b/public/modules/users/views/authentication/signin.client.view.html
index e56e87de..4a7a6fc1 100755
--- a/public/modules/users/views/authentication/signin.client.view.html
+++ b/public/modules/users/views/authentication/signin.client.view.html
@@ -1,4 +1,4 @@
-<section class="row" data-ng-controller="AuthenticationController">
+<section class="row auth" data-ng-controller="AuthenticationController">
 	<h3 class="col-md-12 text-center">Sign in with your account</h3>
 <!-- 	<div class="col-md-12 text-center">
 		<a href="/auth/facebook" class="undecorated-link">
@@ -18,9 +18,12 @@
 		</a>
 	</div> -->
 	<!-- <h3 class="col-md-12 text-center">Or with your account</h3> -->
-	<div class="col-xs-offset-2 col-xs-8 col-md-offset-5 col-md-2">
-		<form class="signin form-horizontal" ng-submit="signin()" autocomplete="off">
+	<div class="col-xs-offset-2 col-xs-8 col-md-offset-3 col-md-6">
+		<form class="signin form-horizontal" autocomplete="off" action="">
 			<fieldset>
+				<div data-ng-show="error" class="text-center text-danger">
+					Error: <strong data-ng-bind="error"></strong>
+				</div>
 				<div class="form-group">
 					<label for="username">Username</label>
 					<input type="text" id="username" name="username" class="form-control" data-ng-model="credentials.username" placeholder="Username">
@@ -29,16 +32,15 @@
 					<label for="password">Password</label>
 					<input type="password" id="password" name="password" class="form-control" data-ng-model="credentials.password" placeholder="Password">
 				</div>
+				<div class="forgot-password">
+					<a href="/#!/password/forgot">Forgot your password?</a>
+				</div>
 				<div class="text-center form-group">
 					<button type="submit" class="btn btn-primary" ng-click="signin()">Sign in</button>&nbsp; or&nbsp;
 					<a href="/#!/signup">Sign up</a>
 				</div>
-				<div class="forgot-password">
-					<a href="/#!/password/forgot">Forgot your password?</a>
-				</div>
-				<div data-ng-show="error" class="text-center text-danger">
-					<strong data-ng-bind="error"></strong>
-				</div>
+
+
 			</fieldset>
 		</form>
 	</div>
diff --git a/public/modules/users/views/authentication/signup-success.client.view.html b/public/modules/users/views/authentication/signup-success.client.view.html
new file mode 100755
index 00000000..e4fd64c3
--- /dev/null
+++ b/public/modules/users/views/authentication/signup-success.client.view.html
@@ -0,0 +1,33 @@
+<section class="row auth signup-view success" data-ng-controller="AuthenticationController">
+<!-- 	<h3 class="col-md-12 text-center">Sign up using your social accounts</h3>
+	<div class="col-md-12 text-center">
+		<a href="/auth/facebook" class="undecorated-link">
+			<img src="/modules/users/img/buttons/facebook.png">
+		</a>
+		<a href="/auth/twitter" class="undecorated-link">
+			<img src="/modules/users/img/buttons/twitter.png">
+		</a>
+		<a href="/auth/google" class="undecorated-link">
+			<img src="/modules/users/img/buttons/google.png">
+		</a>
+		<a href="/auth/linkedin" class="undecorated-link">
+			<img src="/modules/users/img/buttons/linkedin.png">
+		</a>
+		<a href="/auth/github" class="undecorated-link">
+			<img src="/modules/users/img/buttons/github.png">
+		</a>
+	</div> -->
+	<h3 class="col-xs-offset-2 col-xs-8 col-md-offset-3 col-md-6 text-center">Signup with your email</h3>
+	<div class="col-xs-offset-2 col-xs-8 col-md-offset-3 col-md-6">
+		<h2>Congrats! You've successfully registered an account at MedForms. </h2>
+		<p>Before you continue, make sure to check your email for our verification email. If you don't receive it within 24h drop us a line</p>
+		<ul>
+			<li>
+				Click
+				<em href="#!/">Here</em>
+				to continue
+			</li>
+		</ul>
+	</div>
+	</div>
+</section>
\ No newline at end of file
diff --git a/public/modules/users/views/authentication/signup.client.view.html b/public/modules/users/views/authentication/signup.client.view.html
old mode 100755
new mode 100644
index e2051760..f2a732c1
--- a/public/modules/users/views/authentication/signup.client.view.html
+++ b/public/modules/users/views/authentication/signup.client.view.html
@@ -1,5 +1,5 @@
-<section class="row" data-ng-controller="AuthenticationController">
-	<h3 class="col-md-12 text-center">Sign up using your social accounts</h3>
+<section class="row auth signup-view" data-ng-controller="AuthenticationController">
+<!-- 	<h3 class="col-md-12 text-center">Sign up using your social accounts</h3>
 	<div class="col-md-12 text-center">
 		<a href="/auth/facebook" class="undecorated-link">
 			<img src="/modules/users/img/buttons/facebook.png">
@@ -16,11 +16,15 @@
 		<a href="/auth/github" class="undecorated-link">
 			<img src="/modules/users/img/buttons/github.png">
 		</a>
-	</div>
-	<h3 class="col-md-12 text-center">Or with your email</h3>
-	<div class="col-xs-offset-2 col-xs-8 col-md-offset-5 col-md-2">
+	</div> -->
+	<h3 class="col-md-12 text-center">Signup with your email</h3>
+	<div class="col-xs-offset-2 col-xs-8 col-md-offset-3 col-md-6">
 		<form name="userForm" data-ng-submit="signup()" class="signin form-horizontal" novalidate autocomplete="off">
 			<fieldset>
+				<div data-ng-show="error" id="signup_errors" class="text-center text-danger">
+					Couldn't submit form due to errors: <br>
+					<strong data-ng-bind="error"></strong>
+				</div>
 				<div class="form-group">
 					<label for="firstName">First Name</label>
 					<input type="text" required id="firstName" name="firstName" class="form-control" data-ng-model="credentials.firstName" placeholder="First Name">
@@ -45,9 +49,7 @@
 					<button type="submit" class="btn btn-large btn-primary">Sign up</button>&nbsp; or&nbsp;
 					<a href="/#!/signin" class="show-signup">Sign in</a>
 				</div>
-				<div data-ng-show="error" class="text-center text-danger">
-					<strong data-ng-bind="error"></strong>
-				</div>
+				
 			</fieldset>
 		</form>
 	</div>
diff --git a/public/modules/users/views/password/forgot-password.client.view.html b/public/modules/users/views/password/forgot-password.client.view.html
index e6275f94..89157468 100755
--- a/public/modules/users/views/password/forgot-password.client.view.html
+++ b/public/modules/users/views/password/forgot-password.client.view.html
@@ -1,7 +1,7 @@
-<section class="row" data-ng-controller="PasswordController">
+<section class="auth row" data-ng-controller="PasswordController">
 	<h3 class="col-md-12 text-center">Restore your password</h3>
 	<p class="small text-center">Enter your account username.</p>
-	<div class="col-xs-offset-2 col-xs-8 col-md-offset-5 col-md-2">
+	<div class="col-xs-offset-2 col-xs-8 col-md-offset-3 col-md-6">
 		<form data-ng-submit="askForPasswordReset()" class="signin form-horizontal" autocomplete="off">
 			<fieldset>
 				<div class="form-group">
diff --git a/public/modules/users/views/password/reset-password.client.view.html b/public/modules/users/views/password/reset-password.client.view.html
index dc8b2ea0..19d762ec 100755
--- a/public/modules/users/views/password/reset-password.client.view.html
+++ b/public/modules/users/views/password/reset-password.client.view.html
@@ -1,6 +1,6 @@
-<section class="row" data-ng-controller="PasswordController">
+<section class="row auth" data-ng-controller="PasswordController">
 	<h3 class="col-md-12 text-center">Reset your password</h3>
-	<div class="col-xs-offset-2 col-xs-8 col-md-offset-5 col-md-2">
+	<div class="col-xs-offset-2 col-xs-8 col-md-offset-3 col-md-6">
 		<form data-ng-submit="resetUserPassword()" class="signin form-horizontal" autocomplete="off">
 			<fieldset>
 				<div class="form-group">
diff --git a/public/modules/users/views/settings/change-password.client.view.html b/public/modules/users/views/settings/change-password.client.view.html
index 26d59e94..9fa6b8e2 100755
--- a/public/modules/users/views/settings/change-password.client.view.html
+++ b/public/modules/users/views/settings/change-password.client.view.html
@@ -1,4 +1,4 @@
-<section class="row" data-ng-controller="SettingsController">
+<section class="row auth" data-ng-controller="SettingsController">
 	<h3 class="col-md-12 text-center">Change your password</h3>
 	<div class="col-xs-offset-2 col-xs-8 col-md-offset-3 col-md-6">
 		<form data-ng-submit="changeUserPassword()" class="signin form-horizontal" autocomplete="off">
@@ -7,6 +7,7 @@
 					<label for="currentPassword">Current Password</label>
 					<input type="password" id="currentPassword" name="currentPassword" class="form-control" data-ng-model="passwordDetails.currentPassword" placeholder="Current Password">
 				</div>
+				<hr>
 				<div class="form-group">
 					<label for="newPassword">New Password</label>
 					<input type="password" id="newPassword" name="newPassword" class="form-control" data-ng-model="passwordDetails.newPassword" placeholder="New Password">
diff --git a/public/modules/users/views/settings/edit-profile.client.view.html b/public/modules/users/views/settings/edit-profile.client.view.html
index 9820af9e..555f7ccc 100755
--- a/public/modules/users/views/settings/edit-profile.client.view.html
+++ b/public/modules/users/views/settings/edit-profile.client.view.html
@@ -1,8 +1,15 @@
-<section class="row" data-ng-controller="SettingsController">
+<section class="row auth" data-ng-controller="SettingsController">
 	<h3 class="col-md-12 text-center">Edit your profile</h3>
 	<div class="col-xs-offset-2 col-xs-8 col-md-offset-3 col-md-6">
 		<form name="userForm" data-ng-submit="updateUserProfile(userForm.$valid)" class="signin form-horizontal" autocomplete="off">
 			<fieldset>
+				<div data-ng-show="success" class="text-center text-success">
+					<strong>Profile Saved Successfully</strong>
+				</div>
+				<div data-ng-show="error" class="text-center text-danger">
+					Couldn't Save your Profile.<br>
+					Error: <strong data-ng-bind="error"></strong>
+				</div>
 				<div class="form-group">
 					<label for="firstName">First Name</label>
 					<input type="text" id="firstName" name="firstName" class="form-control" data-ng-model="user.firstName" placeholder="First Name">
@@ -15,19 +22,10 @@
 					<label for="email">Email</label>
 					<input type="email" id="email" name="email" class="form-control" data-ng-model="user.email" placeholder="Email">
 				</div>
-				<div class="form-group">
-					<label for="username">Username</label>
-					<input type="text" id="username" name="username" class="form-control" data-ng-model="user.username" placeholder="Username">
-				</div>
 				<div class="text-center form-group">
 					<button type="submit" class="btn btn-large btn-primary">Save Profile</button>
 				</div>
-				<div data-ng-show="success" class="text-center text-success">
-					<strong>Profile Saved Successfully</strong>
-				</div>
-				<div data-ng-show="error" class="text-center text-danger">
-					<strong data-ng-bind="error"></strong>
-				</div>
+
 			</fieldset>
 		</form>
 	</div>
diff --git a/public/modules/users/views/settings/social-accounts.client.view.html b/public/modules/users/views/settings/social-accounts.client.view.html
index 4712ee09..1006b43e 100755
--- a/public/modules/users/views/settings/social-accounts.client.view.html
+++ b/public/modules/users/views/settings/social-accounts.client.view.html
@@ -1,4 +1,4 @@
-<section class="row" data-ng-controller="SettingsController">
+<section class="row auth" data-ng-controller="SettingsController">
 	<h3 class="col-md-12 text-center" data-ng-show="hasConnectedAdditionalSocialAccounts()">Connected social accounts:</h3>
 	<div class="col-md-12 text-center">
 		<div data-ng-repeat="(providerName, providerData) in user.additionalProvidersData" class="remove-account-container">
diff --git a/uploads/pdfs/snthsnthsnth_1435613023097_submission.pdf b/uploads/pdfs/snthsnthsnth_1435613023097_submission.pdf
deleted file mode 100644
index 8103a95b..00000000
Binary files a/uploads/pdfs/snthsnthsnth_1435613023097_submission.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435626867783.pdf b/uploads/pdfs/snthsnthsnth_submission_1435626867783.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435626867783.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435626906006.pdf b/uploads/pdfs/snthsnthsnth_submission_1435626906006.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435626906006.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435627024811.pdf b/uploads/pdfs/snthsnthsnth_submission_1435627024811.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435627024811.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435627149925.pdf b/uploads/pdfs/snthsnthsnth_submission_1435627149925.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435627149925.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435627259301.pdf b/uploads/pdfs/snthsnthsnth_submission_1435627259301.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435627259301.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435627563300.pdf b/uploads/pdfs/snthsnthsnth_submission_1435627563300.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435627563300.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435627608467.pdf b/uploads/pdfs/snthsnthsnth_submission_1435627608467.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435627608467.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435627689598.pdf b/uploads/pdfs/snthsnthsnth_submission_1435627689598.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435627689598.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435627728743.pdf b/uploads/pdfs/snthsnthsnth_submission_1435627728743.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435627728743.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435627853923.pdf b/uploads/pdfs/snthsnthsnth_submission_1435627853923.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435627853923.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435627904065.pdf b/uploads/pdfs/snthsnthsnth_submission_1435627904065.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435627904065.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435627932463.pdf b/uploads/pdfs/snthsnthsnth_submission_1435627932463.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435627932463.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435628052453.pdf b/uploads/pdfs/snthsnthsnth_submission_1435628052453.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435628052453.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435630188095.pdf b/uploads/pdfs/snthsnthsnth_submission_1435630188095.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435630188095.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435630300812.pdf b/uploads/pdfs/snthsnthsnth_submission_1435630300812.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435630300812.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435630420602.pdf b/uploads/pdfs/snthsnthsnth_submission_1435630420602.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435630420602.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435630540895.pdf b/uploads/pdfs/snthsnthsnth_submission_1435630540895.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435630540895.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435631451599.pdf b/uploads/pdfs/snthsnthsnth_submission_1435631451599.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435631451599.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435631701333.pdf b/uploads/pdfs/snthsnthsnth_submission_1435631701333.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435631701333.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435632021223.pdf b/uploads/pdfs/snthsnthsnth_submission_1435632021223.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435632021223.pdf and /dev/null differ
diff --git a/uploads/pdfs/snthsnthsnth_submission_1435632187529.pdf b/uploads/pdfs/snthsnthsnth_submission_1435632187529.pdf
deleted file mode 100644
index 23460f8e..00000000
Binary files a/uploads/pdfs/snthsnthsnth_submission_1435632187529.pdf and /dev/null differ