think_feel_do_engine 3.10.6

data/app/views/think_feel_do_engine/moods/new_past_mood.html.erb

@@ -0,0 +1,28 @@
+<p class="lead">Over the past 24 hours, what emotions did you experience?</p>
+
+<%= form_for mood, url: create_path, method: "post", html: { role: "form" } do |f| %>
+  <div class="form-group">
+    <%= f.label :rating, "Did you feel bad, good, or neither yesterday?" %>
+  </div>
+  <div class="form-group">
+    <div class="radio-inline">
+      <label>
+        <%= f.radio_button :rating, 0 %> Bad
+      </label>
+    </div>
+    <div class="radio-inline">
+      <label>
+        <%= f.radio_button :rating, 10 %> Good
+      </label>
+    </div>
+    <div class="radio-inline">
+      <label>
+        <%= f.radio_button :rating, 5 %> Neither
+      </label>
+    </div>
+  </div>
+
+  <div class="form-group">
+    <%= f.submit t(:next), class: "btn btn-default" %>
+  </div>
+<% end %>

data/app/views/think_feel_do_engine/navigator/_before_content.html.erb

@@ -0,0 +1,5 @@
+<% if current_provider_skippable?(@navigator) %>
+  <div class="btn-toolbar">
+    <%= link_to "Skip", navigator_next_provider_path, class: "btn btn-default next-button" %>
+  </div>
+<% end %>

data/app/views/think_feel_do_engine/navigator/show_content.html.erb

@@ -0,0 +1,14 @@
+<%= render "before_content" rescue nil %>
+
+<%= @navigator.render_current_content(self) %>
+
+<% if @navigator.show_nav_link? %>
+  <div class='btn-toolbar'>
+  	<%= content_tag(:a, t(:back), href: navigator_previous_content_path, type: "submit", class: "btn btn-default pull-left") if @navigator.previous_content? %>
+    <% if @navigator.current_module.is_a?(ContentModules::LessonModule) && !@navigator.current_content_provider.exists?(@navigator.content_position + 1) %>
+      <%= content_tag(:a, t(:finish), href: navigator_next_content_path, type: "submit", class: "btn btn-primary pull-right") %>
+    <% else %>
+      <%= content_tag(:a, t(:next), href: navigator_next_content_path, type: "submit", class: "btn btn-primary pull-right") %>
+    <% end %>
+  </div>
+<% end %>

data/app/views/think_feel_do_engine/participant_data/create.js.erb

@@ -0,0 +1 @@
+$('#alerts').html("<%= escape_javascript(render partial: 'think_feel_do_engine/shared/alerts', locals: { alert: alert, notice: notice }) %>");

data/app/views/think_feel_do_engine/participant_data/update.js.erb

@@ -0,0 +1 @@
+$('#alerts').append("<%= escape_javascript(render partial: 'think_feel_do_engine/shared/alerts', locals: { alert: alert, notice: notice }) %>");

data/app/views/think_feel_do_engine/participants/activities/create.js.erb

@@ -0,0 +1,5 @@
+$("#activity-<%= @activity.id %>")
+  .replaceWith("<%= escape_javascript(render partial: 'think_feel_do_engine/activities/mutable_activity', object: @activity) %>");
+$("#activity-<%= @activity.id %>")
+  .addClass("success");
+setTimeout(function() { $("#activity-<%= @activity.id %>").removeClass("success"); }, 150);

data/app/views/think_feel_do_engine/participants/assessments/new_phq_assessment.html.erb

@@ -0,0 +1,77 @@
+<h1>PHQ-9</h1>
+
+<p>Over the last week, how many days have you been bothered by any of the following problems? Read each item carefully, and select your response.</p>
+
+<%= form_for [:participants, @assessment], as: :assessment, url: participants_assessments_path, html: { class: "phq9-form" } do |f| %>
+  <ol>
+    <li class="radio-question-group">
+      <strong>Little interest or pleasure in doing things</strong><br>
+      <%= f.radio_button :q1, 0 %> 0 - 1 days<br>
+      <%= f.radio_button :q1, 1 %> 2 - 3 days<br>
+      <%= f.radio_button :q1, 2 %> 4 - 5 days<br>
+      <%= f.radio_button :q1, 3 %> 6 - 7 days
+    </li>
+    <li class="radio-question-group">
+      <strong>Feeling down, depressed, or hopeless</strong><br>
+      <%= f.radio_button :q2, 0 %> 0 - 1 days<br>
+      <%= f.radio_button :q2, 1 %> 2 - 3 days<br>
+      <%= f.radio_button :q2, 2 %> 4 - 5 days<br>
+      <%= f.radio_button :q2, 3 %> 6 - 7 days
+    </li>
+    <li class="radio-question-group">
+      <strong>Trouble falling or staying asleep, or sleeping too much</strong><br>
+      <%= f.radio_button :q3, 0 %> 0 - 1 days<br>
+      <%= f.radio_button :q3, 1 %> 2 - 3 days<br>
+      <%= f.radio_button :q3, 2 %> 4 - 5 days<br>
+      <%= f.radio_button :q3, 3 %> 6 - 7 days
+    </li>
+    <li class="radio-question-group">
+      <strong>Feeling tired or having little energy</strong><br>
+      <%= f.radio_button :q4, 0 %> 0 - 1 days<br>
+      <%= f.radio_button :q4, 1 %> 2 - 3 days<br>
+      <%= f.radio_button :q4, 2 %> 4 - 5 days<br>
+      <%= f.radio_button :q4, 3 %> 6 - 7 days
+    </li>
+    <li class="radio-question-group">
+      <strong>Poor appetite or overeating</strong><br>
+      <%= f.radio_button :q5, 0 %> 0 - 1 days<br>
+      <%= f.radio_button :q5, 1 %> 2 - 3 days<br>
+      <%= f.radio_button :q5, 2 %> 4 - 5 days<br>
+      <%= f.radio_button :q5, 3 %> 6 - 7 days
+    </li>
+    <li class="radio-question-group">
+      <strong>Feeling bad about yourself, feeling that you are a failure, or feeling that you have let yourself or your family down</strong><br>
+      <%= f.radio_button :q6, 0 %> 0 - 1 days<br>
+      <%= f.radio_button :q6, 1 %> 2 - 3 days<br>
+      <%= f.radio_button :q6, 2 %> 4 - 5 days<br>
+      <%= f.radio_button :q6, 3 %> 6 - 7 days
+    </li>
+    <li class="radio-question-group">
+      <strong>Trouble concentrating on things such as reading the newspaper or watching television</strong><br>
+      <%= f.radio_button :q7, 0 %> 0 - 1 days<br>
+      <%= f.radio_button :q7, 1 %> 2 - 3 days<br>
+      <%= f.radio_button :q7, 2 %> 4 - 5 days<br>
+      <%= f.radio_button :q7, 3 %> 6 - 7 days
+    </li>
+    <li class="radio-question-group">
+      <strong>Moving or speaking so slowly that other people could have noticed. Or being so fidgety or restless that you have been moving around a lot more than usual</strong><br>
+      <%= f.radio_button :q8, 0 %> 0 - 1 days<br>
+      <%= f.radio_button :q8, 1 %> 2 - 3 days<br>
+      <%= f.radio_button :q8, 2 %> 4 - 5 days<br>
+      <%= f.radio_button :q8, 3 %> 6 - 7 days
+    </li>
+    <li class="radio-question-group">
+      <strong>Thinking that you would be better off dead or that you want to hurt yourself in some way</strong><br>
+      <%= f.radio_button :q9, 0 %> 0 - 1 days<br>
+      <%= f.radio_button :q9, 1 %> 2 - 3 days<br>
+      <%= f.radio_button :q9, 2 %> 4 - 5 days<br>
+      <%= f.radio_button :q9, 3 %> 6 - 7 days
+    </li>
+  </ol>
+  <input name="assessment[token]" type="hidden" value="<%= @token %>" />
+  <%= f.submit "submit", class: "btn btn-default" %>
+<% end %>
+<script type="text/javascript">
+  $("body").addClass("phq_body");
+  attach_assessment_event();
+</script>

data/app/views/think_feel_do_engine/participants/assessments/new_wai_assessment.html.erb

@@ -0,0 +1,51 @@
+<h1>Working Alliance Inventory</h1>
+
+<p>Below is a list of statements and questions about experiences people might have with their coach or therapist. Some
+  items refer directly to your coach or therapist with an underlined space - as you read the sentences, mentally insert
+  the name of your coach or therapist in place of ______ in the text. Think about your experience in treatment, and
+  decide which category best describes your own experience.</p>
+
+<p><strong>Your answers to these questions are for research only and will NOT be seen by your coach or
+  therapist.</strong></p>
+
+<p>Please take your time to consider each question carefully.</p>
+
+<%= form_for [:participants, @assessment], as: :assessment, url: participants_assessments_path do |f| %>
+  <ol>
+    <% [{ text: "As a result of these sessions I am clearer as to how I might be able to change.", reversed: false },
+        { text: "What I am doing in therapy gives me new ways of looking at my problem.", reversed: true },
+        { text: "I believe___likes me.", reversed: false },
+        { text: "___and I collaborate on setting goals for my therapy.", reversed: false },
+        { text: "___and I respect each other.", reversed: true },
+        { text: "___and I are working towards mutually agreed upon goals.", reversed: true },
+        { text: "I feel that___appreciates me.", reversed: false },
+        { text: "_____ and I agree on what is important for me to work on.", reversed: true },
+        { text: "I feel _____ cares about me even when I do things that he/she does not approve of.", reversed: false },
+        { text: "I feel that the things I do in therapy will help me to accomplish the changes that I want.", reversed: true },
+        { text: "_____ and I have established a good understanding of the kind of changes that would be good for me.", reversed: true },
+        { text: "I believe the way we are working with my problem is correct.", reversed: false }].each_with_index do |question, i| %>
+      <li class="radio-question-group">
+        <strong><%= question[:text] %></strong><br>
+        <% q = "q#{ i + 1 }" %>
+        <% if question[:reversed] %>
+          <%= f.radio_button q, 5 %> Always<br>
+          <%= f.radio_button q, 4 %> Very Often<br>
+          <%= f.radio_button q, 3 %> Fairly Often<br>
+          <%= f.radio_button q, 2 %> Sometimes<br>
+          <%= f.radio_button q, 1 %> Seldom
+        <% else %>
+          <%= f.radio_button q, 1 %> Seldom<br>
+          <%= f.radio_button q, 2 %> Sometimes<br>
+          <%= f.radio_button q, 3 %> Fairly Often<br>
+          <%= f.radio_button q, 4 %> Very Often<br>
+          <%= f.radio_button q, 5 %> Always
+        <% end %>
+      </li>
+    <% end %>
+  </ol>
+
+  <input name="assessment[token]" type="hidden" value="<%= @token %>"/>
+
+  <%= f.submit "submit", class: "btn btn-default" %>
+<% end %>
+<script type="text/javascript">attach_assessment_event();</script>

data/app/views/think_feel_do_engine/participants/assessments/success.html

@@ -0,0 +1 @@
+<p class="lead">Thank you for completing the questions</p>

data/app/views/think_feel_do_engine/participants/content_modules/index.html.erb

@@ -0,0 +1,36 @@
+<% if (description = content_modules.first.try(:bit_core_tool).try(:description)) %>
+  <% content_for(:tool_description) { sanitize(description).gsub(/\n/, "<br><br>").html_safe } %>
+<% end %>
+
+<% content_for :left do %>
+  <div class="list-group left">
+    <% didactic_modules.each do |m| %>
+      <%= task_status_link(available_module: m, icon: fa_icon("book"), membership: membership) %>
+    <% end %>
+  </div>
+<% end %>
+
+<% content_for :right do %>
+  <div class="list-group right">
+    <% non_didactic_modules.each do |m| %>
+      <%= task_status_link(available_module: m, icon: fa_icon("pencil"), membership: membership) %>
+    <% end %>
+  </div>
+<% end %>
+
+<% content_modules.is_viz.each do |available_module| %>
+  <br>
+  <%= available_module
+      .content_providers
+      .order(:position)
+      .first
+      .render_current(
+        Struct.new(:view_context, :app_context, :position, :participant)
+        .new(self, nil, nil, current_participant),
+        navigator_location_path(
+          module_id: available_module.id
+        )
+      )
+      .html_safe
+  %>
+<% end %>

data/app/views/think_feel_do_engine/participants/lessons/_printable.html.erb

@@ -0,0 +1,15 @@
+<% slide = slide || @slide %>
+<div class="tool-content">
+  <% if slide.is_title_visible %>
+    <div class="slide">
+      <h1><%= slide.title %></h1>
+    </div>
+  <% end %>
+
+  <% case slide.class.to_s %>
+  <% when 'BitCore::VideoSlide' || 'BitCore::AudioSlide' %>
+    <%= slide.options['url'].to_s %>
+    [ Not shown - multimedia file] <br><br>
+  <% end %>
+  <%= slide.render_body %>
+</div>

data/app/views/think_feel_do_engine/participants/lessons/show.html.erb

@@ -0,0 +1 @@
+<%= render partial: "think_feel_do_engine/lessons/lesson", locals: { lesson: @lesson } %>

data/app/views/think_feel_do_engine/participants/messages/_inbox_header.html.erb

@@ -0,0 +1 @@
+<h2 id="inbox-header">Inbox (<%= received_messages.unread.count %>)</h2>

data/app/views/think_feel_do_engine/participants/public_slides/show.html.erb

@@ -0,0 +1,8 @@
+<%= render "think_feel_do_engine/slides/slide", slide: @slide %>
+
+<% next_slide = @slideshow.slides.find_by_position(@slide.position + 1) %>
+<% if next_slide %>
+  <%= link_to t(:next), think_feel_do_engine.participants_public_slideshow_slide_path(slideshow_id: @slideshow.id, id: next_slide.id), class: "btn btn-primary" %>
+<% else %>
+  <%= link_to "Done", main_app.root_path, class: "btn btn-primary pull-right" %>
+<% end %>

data/app/views/think_feel_do_engine/participants/received_messages/_received_message.html.erb

@@ -0,0 +1 @@
+<li><%= link_to received_message.subject, coach_group_received_message_path(@group, received_message), class: (received_message.is_read ? 'text-muted' : '') %></li>

data/app/views/think_feel_do_engine/participants/thoughts/create.js.erb

@@ -0,0 +1,24 @@
+$("#thought-<%= @thought.id %>")
+  .replaceWith("<%= escape_javascript(render partial: 'think_feel_do_engine/thoughts/mutable_thought', object: @thought) %>");
+$("#thought-<%= @thought.id %>")
+  .addClass("success");
+setTimeout(
+	function() { 
+		var tableVars, editedRow;
+		
+		$("#thought-<%= @thought.id %>").removeClass("success");
+		tableVars = $("#thought-<%= @thought.id %>").parents("table");
+		editedRow = $("#thought-<%= @thought.id %>").parents("tr");
+
+		$("#thought-<%= @thought.id %>").parents("table").ngResponsiveTables({
+			smallPaddingCharNo: parseInt(tableVars.attr("data-sPCN")),
+			mediumPaddingCharNo: parseInt(tableVars.attr("data-mPCN")),
+			largePaddingCharNo: parseInt(tableVars.attr("data-lPCN")),
+			shiftedIndex: parseInt(tableVars.attr("data-sI")),
+			headerAdjust: (tableVars.attr("data-hA") == "true"),
+			headers: tableVars.attr("data-headers").split()
+		});
+		
+		editedRow.removeClass("form-table");
+	}, 
+150);

data/app/views/think_feel_do_engine/phq_assessments/_phq_assessment.html.erb

@@ -0,0 +1,15 @@
+<tr class="<%= 'danger' if phq_assessment.suicidal? %>">
+  <td>Released <%= phq_assessment.release_date.to_s(:user_date) %></td>
+  <td>Created <%= phq_assessment.created_at.to_s(:user_date) %></td>
+  <td><%= phq_assessment.score %></td>
+  <td><%= "*" unless phq_assessment.completed? %></td>
+  <td><%= phq_assessment.q1 %></td>
+  <td><%= phq_assessment.q2 %></td>
+  <td><%= phq_assessment.q3 %></td>
+  <td><%= phq_assessment.q4 %></td>
+  <td><%= phq_assessment.q5 %></td>
+  <td><%= phq_assessment.q6 %></td>
+  <td><%= phq_assessment.q7 %></td>
+  <td><%= phq_assessment.q8 %></td>
+  <td><%= phq_warning(phq_assessment.q9) %></td>
+</tr>

data/app/views/think_feel_do_engine/privacy_policies/show.html.erb

@@ -0,0 +1,17 @@
+<div id="PrivacyPolicyDiv">
+<h1>Privacy Policy</h1>
+
+<p>We are committed to respect your privacy and to keep your personal information confidential.</p>
+
+<p>When choosing to take part in this study, you are giving us the permission to use your personal health information that includes health information in your medical records and information that can identify you. For example, personal health information may include your name, address, phone number or social security number. Disclosure of identity may be inherent to participating in an online social network. Every effort will be made to keep your identity private, unless you chose to reveal it to the network.<p>
+
+<p>Your health information we may collect will include all information in medical records that you actively consent to our usage.</p>
+
+<p>You are also giving permission to the following groups of people to give information about you (described above) to the researchers for this study: All current and previous health care providers, including but not limited to Northwestern Medical Faculty Foundation (NMFF), Northwestern Memorial Hospital (NMH).</p>
+
+<p>Once we have the health information listed above, we may share some of this information with the following people. Please note that any research information shared with people outside of Northwestern University will not contain your name, address, telephone or social security number or any other direct personal identifier unless disclosure of the direct identifier is required by law[except that such information may be viewed by the Study sponsor and its partners or contractors at the Principal Investigator's office.</p>
+
+<p>Authorized members of the Northwestern University workforce, who may need to see your information, such as administrative staff members from the Office of Research, and members of the Institutional Review Board (a committee which is responsible for the ethical oversight of the study), other University research centers and University contractors who are also working on the study, study monitors and auditors who make sure that the study is being done properly, government agencies and public health authorities, such as the Food and Drug Administration (FDA) and the Department of Health and Human Services (DHHS).</p>
+
+<p>Those persons who get your health information may not be required by Federal privacy laws (such as the Privacy Rule) to protect it. Some of those persons may be able to share your information with others without your separate permission. The results of this study may also be used for research, publications, or presentations at scientific meetings. If your individual results are discussed, your identity will be protected.</p>
+</div>

data/app/views/think_feel_do_engine/shared/_alerts.html.erb

@@ -0,0 +1,17 @@
+<% if alert %>
+  <div class="alert alert-danger alert-dismissible" role="alert">
+    <button type="button" class="close" data-dismiss="alert">
+      <span aria-hidden="true">&times;</span>
+      <span class="sr-only">Close</span>
+    </button>
+    <%= alert %>
+  </div>
+<% elsif notice %>
+  <div class="alert alert-success alert-dismissible" role="alert">
+    <button type="button" class="close" data-dismiss="alert">
+      <span aria-hidden="true">&times;</span>
+      <span class="sr-only">Close</span>
+    </button>
+    <%= notice %>
+  </div>
+<% end %>

data/app/views/think_feel_do_engine/shared/_authentication.html.erb

@@ -0,0 +1,5 @@
+<div id="auth_nav">
+	<% if current_participant %>
+	  <%= link_to fa_icon("sign-out", text: "Sign Out"), destroy_participant_session_path, method: :delete %>
+	<% end %>
+</div>

data/app/views/think_feel_do_engine/shared/_email_head.html.erb

@@ -0,0 +1,771 @@
+<title>SteppedCareReboot - Notification</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="viewport" content="width=device-width"/>
+<style>
+/**********************************************
+* Ink v1.0.5 - Copyright 2013 ZURB Inc        *
+**********************************************/
+
+/* Client-specific Styles & Reset */
+
+#outlook a { 
+  padding:0; 
+} 
+
+body{ 
+  width:100% !important; 
+  min-width: 100%;
+  -webkit-text-size-adjust:100%; 
+  -ms-text-size-adjust:100%; 
+  margin:0; 
+  padding:0;
+}
+
+.ExternalClass { 
+  width:100%;
+} 
+
+.ExternalClass, 
+.ExternalClass p, 
+.ExternalClass span, 
+.ExternalClass font, 
+.ExternalClass td, 
+.ExternalClass div { 
+  line-height: 100%; 
+} 
+
+#backgroundTable { 
+  margin:0; 
+  padding:0; 
+  width:100% !important; 
+  line-height: 100% !important; 
+}
+
+img { 
+  outline:none; 
+  text-decoration:none; 
+  -ms-interpolation-mode: bicubic;
+  width: auto;
+  max-width: 100%; 
+  float: left; 
+  clear: both; 
+  display: block;
+}
+
+center {
+  width: 100%;
+  min-width: 580px;
+}
+
+a img { 
+  border: none;
+}
+
+p {
+  margin: 0 0 0 10px;
+}
+
+table {
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+td { 
+  word-break: break-word;
+  -webkit-hyphens: auto;
+  -moz-hyphens: auto;
+  hyphens: auto;
+  border-collapse: collapse !important; 
+}
+
+table, tr, td {
+  padding: 0;
+  vertical-align: top;
+  text-align: left;
+}
+
+hr {
+  color: #d9d9d9; 
+  background-color: #d9d9d9; 
+  height: 1px; 
+  border: none;
+}
+
+/* Responsive Grid */
+
+table.body {
+  height: 100%;
+  width: 100%;
+}
+
+table.container {
+  width: 580px;
+  margin: 0 auto;
+  text-align: inherit;
+}
+
+table.row { 
+  padding: 0px; 
+  width: 100%;
+  position: relative;
+}
+
+table.container table.row {
+  display: block;
+}
+
+td.wrapper {
+  padding: 10px 20px 0px 0px;
+  position: relative;
+}
+
+table.columns,
+table.column {
+  margin: 0 auto;
+}
+
+table.columns td,
+table.column td {
+  padding: 0px 0px 10px; 
+}
+
+table.columns td.sub-columns,
+table.column td.sub-columns,
+table.columns td.sub-column,
+table.column td.sub-column {
+  padding-right: 10px;
+}
+
+td.sub-column, td.sub-columns {
+  min-width: 0px;
+}
+
+table.row td.last,
+table.container td.last {
+  padding-right: 0px;
+}
+
+table.one { width: 30px; }
+table.two { width: 80px; }
+table.three { width: 130px; }
+table.four { width: 180px; }
+table.five { width: 230px; }
+table.six { width: 280px; }
+table.seven { width: 330px; }
+table.eight { width: 380px; }
+table.nine { width: 430px; }
+table.ten { width: 480px; }
+table.eleven { width: 530px; }
+table.twelve { width: 580px; }
+
+table.one center { min-width: 30px; }
+table.two center { min-width: 80px; }
+table.three center { min-width: 130px; }
+table.four center { min-width: 180px; }
+table.five center { min-width: 230px; }
+table.six center { min-width: 280px; }
+table.seven center { min-width: 330px; }
+table.eight center { min-width: 380px; }
+table.nine center { min-width: 430px; }
+table.ten center { min-width: 480px; }
+table.eleven center { min-width: 530px; }
+table.twelve center { min-width: 580px; }
+
+table.one .panel center { min-width: 10px; }
+table.two .panel center { min-width: 60px; }
+table.three .panel center { min-width: 110px; }
+table.four .panel center { min-width: 160px; }
+table.five .panel center { min-width: 210px; }
+table.six .panel center { min-width: 260px; }
+table.seven .panel center { min-width: 310px; }
+table.eight .panel center { min-width: 360px; }
+table.nine .panel center { min-width: 410px; }
+table.ten .panel center { min-width: 460px; }
+table.eleven .panel center { min-width: 510px; }
+table.twelve .panel center { min-width: 560px; }
+
+.body .columns td.one,
+.body .column td.one { width: 8.333333%; }
+.body .columns td.two,
+.body .column td.two { width: 16.666666%; }
+.body .columns td.three,
+.body .column td.three { width: 25%; }
+.body .columns td.four,
+.body .column td.four { width: 33.333333%; }
+.body .columns td.five,
+.body .column td.five { width: 41.666666%; }
+.body .columns td.six,
+.body .column td.six { width: 50%; }
+.body .columns td.seven,
+.body .column td.seven { width: 58.333333%; }
+.body .columns td.eight,
+.body .column td.eight { width: 66.666666%; }
+.body .columns td.nine,
+.body .column td.nine { width: 75%; }
+.body .columns td.ten,
+.body .column td.ten { width: 83.333333%; }
+.body .columns td.eleven,
+.body .column td.eleven { width: 91.666666%; }
+.body .columns td.twelve,
+.body .column td.twelve { width: 100%; }
+
+td.offset-by-one { padding-left: 50px; }
+td.offset-by-two { padding-left: 100px; }
+td.offset-by-three { padding-left: 150px; }
+td.offset-by-four { padding-left: 200px; }
+td.offset-by-five { padding-left: 250px; }
+td.offset-by-six { padding-left: 300px; }
+td.offset-by-seven { padding-left: 350px; }
+td.offset-by-eight { padding-left: 400px; }
+td.offset-by-nine { padding-left: 450px; }
+td.offset-by-ten { padding-left: 500px; }
+td.offset-by-eleven { padding-left: 550px; }
+
+td.expander {
+  visibility: hidden;
+  width: 0px;
+  padding: 0 !important;
+}
+
+table.columns .text-pad,
+table.column .text-pad {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+table.columns .left-text-pad,
+table.columns .text-pad-left,
+table.column .left-text-pad,
+table.column .text-pad-left {
+  padding-left: 10px;
+}
+
+table.columns .right-text-pad,
+table.columns .text-pad-right,
+table.column .right-text-pad,
+table.column .text-pad-right {
+  padding-right: 10px;
+}
+
+/* Block Grid */
+
+.block-grid {
+  width: 100%;
+  max-width: 580px;
+}
+
+.block-grid td {
+  display: inline-block;
+  padding:10px;
+}
+
+.two-up td {
+  width:270px;
+}
+
+.three-up td {
+  width:173px;
+}
+
+.four-up td {
+  width:125px;
+}
+
+.five-up td {
+  width:96px;
+}
+
+.six-up td {
+  width:76px;
+}
+
+.seven-up td {
+  width:62px;
+}
+
+.eight-up td {
+  width:52px;
+}
+
+/* Alignment & Visibility Classes */
+
+table.center, td.center {
+  text-align: center;
+}
+
+h1.center,
+h2.center,
+h3.center,
+h4.center,
+h5.center,
+h6.center {
+  text-align: center;
+}
+
+span.center {
+  display: block;
+  width: 100%;
+  text-align: center;
+}
+
+img.center {
+  margin: 0 auto;
+  float: none;
+}
+
+.show-for-small,
+.hide-for-desktop {
+  display: none;
+}
+
+/* Typography */
+
+body, table.body, h1, h2, h3, h4, h5, h6, p, td { 
+  color: #222222;
+  font-family: "Helvetica", "Arial", sans-serif; 
+  font-weight: normal; 
+  padding:0; 
+  margin: 0;
+  text-align: left; 
+  line-height: 1.3;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  word-break: normal;
+}
+
+h1 {font-size: 40px;}
+h2 {font-size: 36px;}
+h3 {font-size: 32px;}
+h4 {font-size: 28px;}
+h5 {font-size: 24px;}
+h6 {font-size: 20px;}
+body, table.body, p, td {font-size: 14px;line-height:19px;}
+
+p.lead, p.lede, p.leed {
+  font-size: 18px;
+  line-height:21px;
+}
+
+p { 
+  margin-bottom: 10px;
+}
+
+small {
+  font-size: 10px;
+}
+
+a {
+  color: #2ba6cb; 
+  text-decoration: none;
+}
+
+a:hover { 
+  color: #2795b6 !important;
+}
+
+a:active { 
+  color: #2795b6 !important;
+}
+
+a:visited { 
+  color: #2ba6cb !important;
+}
+
+h1 a, 
+h2 a, 
+h3 a, 
+h4 a, 
+h5 a, 
+h6 a {
+  color: #2ba6cb;
+}
+
+h1 a:active, 
+h2 a:active,  
+h3 a:active, 
+h4 a:active, 
+h5 a:active, 
+h6 a:active { 
+  color: #2ba6cb !important; 
+} 
+
+h1 a:visited, 
+h2 a:visited,  
+h3 a:visited, 
+h4 a:visited, 
+h5 a:visited, 
+h6 a:visited { 
+  color: #2ba6cb !important; 
+} 
+
+/* Panels */
+
+.panel {
+  background: #f2f2f2;
+  border: 1px solid #d9d9d9;
+  padding: 10px !important;
+}
+
+.sub-grid table {
+  width: 100%;
+}
+
+.sub-grid td.sub-columns {
+  padding-bottom: 0;
+}
+
+/* Buttons */
+
+table.button,
+table.tiny-button,
+table.small-button,
+table.medium-button,
+table.large-button {
+  width: 100%;
+  overflow: hidden;
+}
+
+table.button td,
+table.tiny-button td,
+table.small-button td,
+table.medium-button td,
+table.large-button td {
+  display: block;
+  width: auto !important;
+  text-align: center;
+  background: #2ba6cb;
+  border: 1px solid #2284a1;
+  color: #ffffff;
+  padding: 8px 0;
+}
+
+table.tiny-button td {
+  padding: 5px 0 4px;
+}
+
+table.small-button td {
+  padding: 8px 0 7px;
+}
+
+table.medium-button td {
+  padding: 12px 0 10px;
+}
+
+table.large-button td {
+  padding: 21px 0 18px;
+}
+
+table.button td a,
+table.tiny-button td a,
+table.small-button td a,
+table.medium-button td a,
+table.large-button td a {
+  font-weight: bold;
+  text-decoration: none;
+  font-family: Helvetica, Arial, sans-serif;
+  color: #ffffff;
+  font-size: 16px;
+}
+
+table.tiny-button td a {
+  font-size: 12px;
+  font-weight: normal;
+}
+
+table.small-button td a {
+  font-size: 16px;
+}
+
+table.medium-button td a {
+  font-size: 20px;
+}
+
+table.large-button td a {
+  font-size: 24px;
+}
+
+table.button:hover td,
+table.button:visited td,
+table.button:active td {
+  background: #2795b6 !important;
+}
+
+table.button:hover td a,
+table.button:visited td a,
+table.button:active td a {
+  color: #fff !important;
+}
+
+table.button:hover td,
+table.tiny-button:hover td,
+table.small-button:hover td,
+table.medium-button:hover td,
+table.large-button:hover td {
+  background: #2795b6 !important;
+}
+
+table.button:hover td a,
+table.button:active td a,
+table.button td a:visited,
+table.tiny-button:hover td a,
+table.tiny-button:active td a,
+table.tiny-button td a:visited,
+table.small-button:hover td a,
+table.small-button:active td a,
+table.small-button td a:visited,
+table.medium-button:hover td a,
+table.medium-button:active td a,
+table.medium-button td a:visited,
+table.large-button:hover td a,
+table.large-button:active td a,
+table.large-button td a:visited {
+  color: #ffffff !important; 
+}
+
+table.secondary td {
+  background: #e9e9e9;
+  border-color: #d0d0d0;
+  color: #555;
+}
+
+table.secondary td a {
+  color: #555;
+}
+
+table.secondary:hover td {
+  background: #d0d0d0 !important;
+  color: #555;
+}
+
+table.secondary:hover td a,
+table.secondary td a:visited,
+table.secondary:active td a {
+  color: #555 !important;
+}
+
+table.success td {
+  background: #5da423;
+  border-color: #457a1a;
+}
+
+table.success:hover td {
+  background: #457a1a !important;
+}
+
+table.alert td {
+  background: #c60f13;
+  border-color: #970b0e;
+}
+
+table.alert:hover td {
+  background: #970b0e !important;
+}
+
+table.radius td {
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+
+table.round td {
+  -webkit-border-radius: 500px;
+  -moz-border-radius: 500px;
+  border-radius: 500px;
+}
+
+/* Outlook First */
+
+body.outlook p {
+  display: inline !important;
+}
+
+/*  Media Queries */
+
+@media only screen and (max-width: 600px) {
+
+  table[class="body"] img {
+    width: auto !important;
+    height: auto !important;
+  }
+
+  table[class="body"] center {
+    min-width: 0 !important;
+  }
+
+  table[class="body"] .container {
+    width: 95% !important;
+  }
+
+  table[class="body"] .row {
+    width: 100% !important;
+    display: block !important;
+  }
+
+  table[class="body"] .wrapper {
+    display: block !important;
+    padding-right: 0 !important;
+  }
+
+  table[class="body"] .columns,
+  table[class="body"] .column {
+    table-layout: fixed !important;
+    float: none !important;
+    width: 100% !important;
+    padding-right: 0px !important;
+    padding-left: 0px !important;
+    display: block !important;
+  }
+
+  table[class="body"] .wrapper.first .columns,
+  table[class="body"] .wrapper.first .column {
+    display: table !important;
+  }
+
+  table[class="body"] table.columns td,
+  table[class="body"] table.column td {
+    width: 100% !important;
+  }
+
+  table[class="body"] .columns td.one,
+  table[class="body"] .column td.one { width: 8.333333% !important; }
+  table[class="body"] .columns td.two,
+  table[class="body"] .column td.two { width: 16.666666% !important; }
+  table[class="body"] .columns td.three,
+  table[class="body"] .column td.three { width: 25% !important; }
+  table[class="body"] .columns td.four,
+  table[class="body"] .column td.four { width: 33.333333% !important; }
+  table[class="body"] .columns td.five,
+  table[class="body"] .column td.five { width: 41.666666% !important; }
+  table[class="body"] .columns td.six,
+  table[class="body"] .column td.six { width: 50% !important; }
+  table[class="body"] .columns td.seven,
+  table[class="body"] .column td.seven { width: 58.333333% !important; }
+  table[class="body"] .columns td.eight,
+  table[class="body"] .column td.eight { width: 66.666666% !important; }
+  table[class="body"] .columns td.nine,
+  table[class="body"] .column td.nine { width: 75% !important; }
+  table[class="body"] .columns td.ten,
+  table[class="body"] .column td.ten { width: 83.333333% !important; }
+  table[class="body"] .columns td.eleven,
+  table[class="body"] .column td.eleven { width: 91.666666% !important; }
+  table[class="body"] .columns td.twelve,
+  table[class="body"] .column td.twelve { width: 100% !important; }
+
+  table[class="body"] td.offset-by-one,
+  table[class="body"] td.offset-by-two,
+  table[class="body"] td.offset-by-three,
+  table[class="body"] td.offset-by-four,
+  table[class="body"] td.offset-by-five,
+  table[class="body"] td.offset-by-six,
+  table[class="body"] td.offset-by-seven,
+  table[class="body"] td.offset-by-eight,
+  table[class="body"] td.offset-by-nine,
+  table[class="body"] td.offset-by-ten,
+  table[class="body"] td.offset-by-eleven {
+    padding-left: 0 !important;
+  }
+
+  table[class="body"] table.columns td.expander {
+    width: 1px !important;
+  }
+
+  table[class="body"] .right-text-pad,
+  table[class="body"] .text-pad-right {
+    padding-left: 10px !important;
+  }
+
+  table[class="body"] .left-text-pad,
+  table[class="body"] .text-pad-left {
+    padding-right: 10px !important;
+  }
+
+  table[class="body"] .hide-for-small,
+  table[class="body"] .show-for-desktop {
+    display: none !important;
+  }
+
+  table[class="body"] .show-for-small,
+  table[class="body"] .hide-for-desktop {
+    display: inherit !important;
+  }
+}
+
+  </style>
+  <style>
+
+    table.facebook td {
+      background: #3b5998;
+      border-color: #2d4473;
+    }
+
+    table.facebook:hover td {
+      background: #2d4473 !important;
+    }
+
+    table.twitter td {
+      background: #00acee;
+      border-color: #0087bb;
+    }
+
+    table.twitter:hover td {
+      background: #0087bb !important;
+    }
+
+    table.google-plus td {
+      background-color: #DB4A39;
+      border-color: #CC0000;
+    }
+
+    table.google-plus:hover td {
+      background: #CC0000 !important;
+    }
+
+    .template-label {
+      color: #ffffff;
+      font-weight: bold;
+      font-size: 11px;
+    }
+
+    .callout .panel {
+      background: #ECF8FF;
+      border-color: #b9e5ff;
+    }
+
+    .header {
+      background: #999999;
+    }
+
+    .footer .wrapper {
+      background: #ebebeb;
+    }
+
+    .footer h5 {
+      padding-bottom: 10px;
+    }
+
+    table.columns .text-pad {
+      padding-left: 10px;
+      padding-right: 10px;
+    }
+
+    table.columns .left-text-pad {
+      padding-left: 10px;
+    }
+
+    table.columns .right-text-pad {
+      padding-right: 10px;
+    }
+
+    @media only screen and (max-width: 600px) {
+
+      table[class="body"] .right-text-pad {
+        padding-left: 10px !important;
+      }
+
+      table[class="body"] .left-text-pad {
+        padding-right: 10px !important;
+      }
+    }
+
+</style>