@charset "UTF-8";
/*  
Theme Name: KlassApp Portal
Description: Theme for KlassApp
Author: Tipsy & Tumbler Ltd
Author URI: http://tipsyandtumbler.co.uk/
Version: 2.0 
Tags:         
License: Commercial  
*/
/*
Theme Name: KlassApp Portal
Description: Theme for KlassApp
Author: Tipsy & Tumbler Ltd
Author URI: http://tipsyandtumbler.co.uk/
Version: 1.0
Tags: 
License: Commercial
*/
@import url(/home/essence/vagrant/vagrant-klassapp/laravel/public/themes/default/assets/css/vendor/_nanoscroller.css);
.green {
  color: #36BC4F;
}

.grey {
  color: #B2B2B2;
}

.red {
  color: #FA5D4A;
}

::-moz-selection {
  background-color: #FA5D4A;
  color: #FFFFFF;
}

::selection {
  background-color: #FA5D4A;
  color: #FFFFFF;
}

body {
  font-family: Arial, Verdana, sans-serif;
  line-height: 1.6;
  /* Unitless for proper inheritance */
  color: #3E3E3E;
}

/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 
   
   You have to add an extra calculation here because of IE, so that 
   all users may resize text manually in their browsers.
   
   The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size). */
body {
  font-family: 'Open Sans', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  font-weight: 100;
}

/* IE */
html > body {
  font-size: 14px;
  font-weight: 100;
}

/* Other browsers */
input, textarea, select, a {
  outline: none;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.required {
  color: #3E3E3E;
}

.pin {
  cursor: pointer;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #DCDCDC inset;
}

input:focus {
  background: #DCDCDC !important;
  border: none;
}

.loading {
  display: block;
  clear: both;
  width: 800px !important;
  margin: 20px 0;
  text-align: center;
}

body {
  margin: 0;
  padding: 0;
  background: url("../images/bg.png") top left repeat;
  color: #3E3E3E;
}

body #container {
  width: 1000px;
  margin: auto;
  padding-top: 60px;
  overflow: auto;
  clear: both;
}

body #container #content_container {
  width: 1000px;
  margin: auto;
  padding-top: 20px;
  overflow: auto;
}

body #container #content_container #sidenav {
  width: 160px;
  float: left;
  padding: 0px;
  margin: 0px;
}

body #container #content_container #content {
  width: 840px;
  float: left;
  padding: 0 0 20px 0;
  margin: 0px;
  background-color: #FFFFFF;
  position: relative;
  -webkit-border-radius: 3px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 3px;
  -moz-border-radius-topleft: 0;
  border-radius: 3px;
  border-top-left-radius: 0;
  min-height: 800px;
}

body #container #content_container #content .innerpad {
  padding: 0px 20px 20px 20px;
  position: relative;
}

.superadmin #container {
  padding-top: 60px;
}

#content_100 {
  width: 1000px;
  float: left;
  padding: 0px;
  margin: 0px;
  background-color: #FFFFFF;
  min-height: 200px;
}

.sticky {
  width: 100%;
  padding: 0px;
  top: 50px;
  position: static;
  z-index: 101;
  clear: both;
  background: url("../images/bg.png") top left repeat;
}

#totop {
  position: fixed;
  bottom: 0;
  left: 20px;
}

.slidingDiv {
  margin-top: 10px;
}

.show_hide_subnav {
  display: none;
}

#header {
  width: 1000px;
  float: left;
}

#header #logo {
  float: left;
  width: 270px;
  margin: 10px 40px 10px 0px;
  padding-left: 0px;
}

#header #logo img {
  max-width: 140px;
}

#header #header_content {
  width: 400px;
  float: right;
}

#welcome {
  width: 400px;
  text-align: right;
}

#welcome p {
  font-family: 'Sue Ellen Francisco', 'Josefin Sans', 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  margin-bottom: 10px;
}

#top_alerts {
  width: 700px;
  text-align: right;
  float: right;
  margin-top: 10px;
}

#top_alerts a {
  padding: 8px 10px;
  margin-left: 5px;
  background-color: #B5D4C7;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 0.9em;
  float: right;
  border-radius: 20px;
  min-height: 18px;
}

#top_alerts a img {
  padding: 0px 2px 0px 2px;
}

#top_alerts a#help {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 600;
  padding-left: 14px;
  padding-right: 12px;
  font-size: 1.2em;
}

#top_alerts a#help:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* For IE8 and earlier */
}

#top_alerts a.video {
  background-color: #3E3E3E;
}

#top_alerts a.video:hover {
  background-color: #B5D4C7;
  color: #FFFFFF;
}

#top_alerts a.video.on {
  background: url("../images/icon_on.png") no-repeat center right #3E3E3E;
  padding-right: 30px;
}

#top_alerts a.video.on img {
  padding-right: 10px;
}

#top_alerts a#msgbutton.unread {
  background-color: #FA5D4A;
}

#top_alerts a#nounread {
  background-color: #DCDCDC;
}

.help_summary {
  width: 79px;
  height: 70px;
  float: right;
  background: url("../images/button_help.png") no-repeat top right;
  position: relative;
  cursor: pointer;
}

.message_summary {
  width: 79px;
  height: 70px;
  float: right;
  background: url("../images/button_messages.png") no-repeat top right;
  position: relative;
}

.message_bubble {
  width: 26px;
  height: 31px;
  background: url("../images/alert_messages.png") no-repeat top right;
  position: absolute;
  top: 0;
  right: 0;
  color: #FFFFFF;
  text-shadow: 1px 1px 0 #DE4C3C;
  padding: 6px 4px 0px 0px;
  text-align: center;
}

.logout {
  width: 76px;
  height: 70px;
  float: right;
  margin-left: 10px;
}

.item.parent-category {
  border-top: 1px dashed #E3E3E3;
  margin-top: 10px;
}

#breadcrumbs {
  width: 800px;
  float: left;
  margin-bottom: 10px;
  background-color: #B5D4C7;
}

#breadcrumbs .crumb {
  display: inline-block;
  margin-right: 0px;
  padding-right: 0px;
  background-color: #3E3E3E;
  background-image: url("../images/breadcrumbs_point.png");
  background-position: center left;
  background-repeat: no-repeat;
  float: left;
}

#breadcrumbs .crumb a {
  display: inherit;
  padding: 10px 5px 10px 20px;
  color: #FFFFFF;
}

#breadcrumbs .crumb a:hover {
  color: #FA5D4A;
}

#breadcrumbs .crumb:first-of-type {
  background-image: none;
  padding-left: 0px;
}

#breadcrumbs .crumb:first-of-type a {
  padding-left: 10px;
}

#breadcrumbs .crumb.active {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  background-color: #B5D4C7;
  color: #FFFFFF;
  background-image: url("../images/breadcrumbs_point_active.png");
}

#breadcrumbs.parent .crumb:first-of-type {
  padding-left: 10px;
}

.paging_row {
  width: 800px;
  float: left;
  margin-bottom: 10px;
}

.paging {
  float: right;
  width: 320px;
  text-align: right;
  position: relative;
}

.paging a img {
  opacity: 0.9;
  filter: alpha(opacity=90);
  /* For IE8 and earlier */
  border-radius: 2px;
}

.paging a img:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */
}

.update {
  float: left;
  width: 276px;
}

.update p {
  line-height: 1.4em;
}

.pagesummary {
  line-height: 25px;
  display: inline;
  position: absolute;
  top: 7px;
  right: 175px;
  margin-bottom: 0px;
}

img.disable {
  opacity: 0.5;
  filter: alpha(opacity=50);
  /* For IE8 and earlier */
}

/* Filter "SHOW" DROP DOWN BOX TTOP RIGHT ************/
.filter {
  float: right;
  width: 380px;
  position: absolute;
  top: 15px;
  right: 20px;
  height: 37px;
}

/* Select all in page tick box ************/
.select_box {
  float: left;
  width: 440px;
}

.select_box_calendar {
  float: left;
  width: 480px;
}

.status_update {
  margin-bottom: 20px;
  margin-top: 10px;
  overflow: auto;
}

.status_date {
  width: 79px;
  height: 83px;
  padding: 13px 5px 0px 5px;
  text-align: center;
  text-transform: uppercase;
  background: url("../images/bubble_update.png") top left no-repeat;
  float: left;
  margin-right: 15px;
}

.date_sm {
  font-size: 1.0em;
  clear: both;
  margin-bottom: 0px;
  line-height: 1.0em;
}

.date {
  font-size: 2.6em;
  clear: both;
  line-height: 0.9em;
  margin-bottom: 0px;
}

#studentChart {
  margin-bottom: 20px;
}

#dashboardPhoto img {
  width: 320px !important;
  height: 200px !important;
}

.page-intro {
  width: 800px;
  float: left;
  margin-bottom: 10px;
}

.page-intro .statusicon {
  margin-right: 20px;
  width: 56px;
  float: left;
  padding: 10px 0px;
}

.page-intro .description {
  width: 724px;
  float: left;
}

form .page-intro {
  width: 760px;
  float: left;
  border-bottom: 1px solid #DCDCDC;
  border-top: 1px solid #DCDCDC;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 10px;
}

.instructions {
  width: 780px;
  float: left;
  border-bottom: 1px solid #DCDCDC;
  border-top: none;
  margin-top: 0px;
  padding: 0px 10px 10px 10px;
  margin-bottom: 5px;
}

.parent_block {
  width: 149px;
  min-height: 225px;
  float: left;
  padding: 15px;
  text-align: center;
  background-color: #F8F8F8;
  border: 3px solid #F8F8F8;
  margin-right: 20px;
  margin-top: 10px;
}

.parent_block:hover {
  background-color: #FFFFFF;
  cursor: pointer;
}

.parent_block img {
  width: 149px;
}

.parent_block_last {
  width: 149px;
  min-height: 225px;
  float: left;
  padding: 15px;
  text-align: center;
  background-color: #F8F8F8;
  border: 3px solid #F8F8F8;
  margin-right: 0px;
  margin-top: 10px;
}

.parent_block_last:hover {
  background-color: #FFFFFF;
  cursor: pointer;
}

.parent_block_last img {
  width: 149px;
}

.verticallist a.add-screen {
  display: block;
  padding: 20px 0px 20px 60px;
  color: #3E3E3E;
  text-decoration: none;
  text-align: left;
  margin: 0px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 20px;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-shadow: 1px 1px 0 #FFFFFF;
  background: url("../images/button_add_screen.png") center left no-repeat;
}

.section_details {
  float: left;
  margin: 5px 16px 10px 0px;
  width: 214px;
  border: 1px solid #DCDCDC;
  height: 230px;
  padding: 0px 20px 20px 20px;
  position: relative;
}

.section_details:nth-child(3n+0) {
  margin-right: 0px;
}

.section_details p {
  height: 120px;
  overflow: hidden;
}

.section_details a {
  position: absolute;
  bottom: 15px;
}

.section_details a img {
  margin: auto;
}

#content table {
  background-color: #F8F8F8;
  width: 800px;
  border: none;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  float: left;
  /* this line fixes all the float issues on FF for the table list views so that if a specific class applied to the div around the table isn't included in the line of classes - further below - then this will work too **/
}

#content table tr {
  border-bottom: 1px solid #F0F0F0;
}

#content table tr:hover {
  background-color: #FFFFFF;
  cursor: pointer;
}

#content table tr:hover th {
  background-color: #F8F8F8;
  cursor: default;
}

#content table tr td, #content table tr th {
  border: none;
  position: relative;
}

#content table tr td.column1,
#content table tr td.column2,
#content table tr td.column3,
#content table tr td.column4,
#content table tr td.column5,
#content table tr td.column6,
#content table tr td.column7,
#content table tr td.column8 {
  border-right: 1px solid #FFFFFF;
  vertical-align: top;
  padding: 10px;
}

#content table tr th.column1,
#content table tr th.column2,
#content table tr th.column3,
#content table tr th.column4,
#content table tr th.column5,
#content table tr th.column6,
#content table tr th.column7,
#content table tr th.column8 {
  border-right: 1px solid #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
  vertical-align: middle;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.5px;
  font-size: 1.0em;
  padding: 10px 30px 10px 10px;
  line-height: 1.2em;
}

#content table tr td.tickbox,
#content table tr th.tickbox {
  width: 17px;
  border-right: 1px solid #FFFFFF;
  vertical-align: top;
  padding: 10px;
}

#content table tr th.tickbox {
  border-bottom: 3px solid #FFFFFF;
}

#content table tr.calendar-row th.column1,
#content table tr.calendar-row th.column2,
#content table tr.calendar-row th.column3,
#content table tr.calendar-row th.column4,
#content table tr.calendar-row th.column5,
#content table tr.calendar-row th.column6,
#content table tr.calendar-row th.column7,
#content table tr.calendar-row th.column8 {
  padding: 10px 0px 10px 10px !important;
}

#content table tr.new {
  background-color: #F0F0F0;
}

#content table tr.new h4 {
  font-weight: 500;
}

#content table h4 {
  font-size: 1.0em;
  padding-top: 0px;
  margin-bottom: 2px;
}

#content table h5 {
  font-size: 1.1em;
  padding-top: 0px;
  margin-bottom: 2px;
  letter-spacing: 0px;
  text-transform: none;
}

#content table p {
  margin-bottom: 5px;
  font-size: 1em;
}

#content .inbox table {
  background-color: #FFFFFF;
}

#content .inbox table tr h4 {
  background: url("../images/icon_message_read.png") left center no-repeat;
}

#content .inbox table tr.new h4 {
  background: url("../images/icon_message_unread.png") left center no-repeat;
}

#content .inbox table p {
  color: #3E3E3E;
}

#content .inbox table h4 {
  font-size: 1.2em;
  padding-left: 25px;
}

#content .inbox table h5 {
  color: #3E3E3E;
}

#content .students-groups table tr:hover td {
  background-color: #F8F8F8;
  cursor: default;
}

#content .table.noclick tr:hover td {
  background-color: #F8F8F8;
  cursor: default;
}

#content .jobs_seekers table tr:hover,
#content .jobs_placed table tr:hover {
  cursor: pointer;
}

#content .jobs_seekers table tr:hover th, #content .jobs_seekers table tr:hover th:hover,
#content .jobs_placed table tr:hover th,
#content .jobs_placed table tr:hover th:hover {
  cursor: pointer;
}

.sorting {
  /* default - not shown until... */
  display: none;
  position: absolute;
  top: 12px;
  right: 12px;
}

th.sort {
  /* ...column header has underlined text **/
  text-decoration: underline;
}

th.sort:hover {
  /* ...hover over the table header, show pointer **/
  cursor: pointer !important;
}

th.sort .sorting .sort-down {
  /* but by default only the up arrow shows first so hide the down arrow */
  display: none;
}

th.sort:hover .sorting,
th.sort.sort-active-up .sorting,
th.sort.sort-active-down .sorting {
  /* ...hover over the table header to show the sorting div */
  display: block;
}

th.sort.sort-active-up:hover .sort-up {
  /* when sort is already up, hover over cell hides the up arrow and... */
  display: none;
}

th.sort.sort-active-up:hover .sort-down {
  /* ...replaces it with the down arrow to allow sorting down */
  display: block;
}

/** then for sorting down position */
th.sort.sort-active-down:hover .sort-up {
  /* when sort is already down, hover over cell shows the up arrow... */
  display: block;
}

th.sort.sort-active-down:hover .sort-down {
  /* ...and hides the down arrow */
  display: none;
}

th.sort.sort-active-down .sorting .sort-up {
  /* when sort is set to down, sort up arrow is hidden... */
  display: none;
}

th.sort.sort-active-down .sorting .sort-down {
  /* when sort is set to down, sort down arrow is visible... */
  display: block;
}

.confirmation {
  background-color: #36BC4F;
  width: 780px;
  border: none;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1.0em;
  padding: 10px;
  float: left;
  margin: 0px 0px 10px 0px;
}

.uploading {
  background-color: #DCDCDC;
  width: 780px;
  border: none;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1.0em;
  padding: 10px;
  float: left;
  margin: 0px 0px 10px 0px;
}

.error_message {
  background-color: #FA5D4A;
  width: 780px;
  border: none;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 1.0em;
  padding: 10px;
  float: left;
  margin: 10px 0px 10px 0px;
  color: #FFFFFF;
}

.warning_message {
  background-color: #FA5D4A;
  width: 100%;
  border: none;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 1.0em;
  padding: 10px 0 10px 15px;
  float: left;
  margin: 0px 0px 10px 0px;
  color: #FFFFFF;
}

.errorMsg {
  background-color: #F0F0F0;
  width: 780px;
  border: none;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1.0em;
  padding: 10px;
  float: left;
  margin: 0px 0px 10px 0px;
  color: #3E3E3E;
  border-radius: 2px;
}

.errorMsg ul {
  margin: 0;
}

.errorMsg ul li {
  padding-left: 10px;
}

.errorMsg ul li:before {
  content: '- ';
}

.errorMsg p {
  color: #3E3E3E;
  margin-bottom: 0;
}

.file-del-error .errorElem {
  background-color: #FB7576;
  border: none;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1.0em;
  padding: 10px;
  margin: 10px 0px;
  color: #FFFFFF;
}

.blockMsg, .blockElement {
  border: none !important;
  background-color: transparent !important;
}

.blockUI h1,
.blockMsg h1,
.blockElement h1 {
  color: #FFFFFF !important;
}

.percent {
  color: #FFFFFF !important;
}

.get_started {
  background: url("../images/getstarted.png") top right no-repeat;
  width: 730px;
  border: none;
  padding: 0;
  float: left;
  margin: 0px 0px 10px 0px;
  height: 150px;
}

.get_started p {
  font-size: 3.0em;
  font-family: 'Sue Ellen Francisco', Helvetica, Arial, sans-serif;
  font-weight: 100;
  padding: 10px 0 0 80px;
  margin-bottom: 0;
}

.get_started_landing {
  background: url("../images/getstarted-left.png") top left no-repeat;
  width: 100%;
  border: none;
  padding: 0;
  float: left;
  margin: 0px 0px 10px 0px;
}

.get_started_landing p {
  font-size: 2.5em;
  font-family: 'Sue Ellen Francisco', Helvetica, Arial, sans-serif;
  font-weight: 100;
  padding: 10px 0 0 115px;
  margin-bottom: 0;
}

.permission_note {
  font-style: italic;
}

.inbox {
  float: left;
}

#content table tr td.summary {
  width: 630px;
  vertical-align: top;
  padding: 10px;
  letter-spacing: 0em;
}

#content table p.folder {
  margin-bottom: 0px;
  font-style: italic;
  font-size: 0.9em;
}

.new .summary h4 {
  font-weight: 500;
}

.data {
  width: 112px;
  padding: 10px;
  text-align: right;
  vertical-align: top;
}

.data img {
  clear: both;
}

.time {
  margin-bottom: 5px;
  float: right;
  width: 100%;
}

.podcasts, .news, .jobs, .maps, .documents, .assignments, .carpools, .survey,
.galleries, .classifieds, .students, .students-groups, .calendar,
.staff-employers, .employer-employer-surveys {
  float: left;
}

.calendar td {
  height: 145px;
  width: 80px;
}

.calendar .select2-choice {
  height: 26px !important;
}

.select2-container.calendar {
  margin-right: 15px !important;
  margin-bottom: 0px !important;
}

.calendar_date {
  width: 100%;
  border-bottom: 1px solid #E3E3E3;
  margin-bottom: 10px;
}

.active .calendar_date {
  border-bottom: 1px solid #FFFFFF;
}

#content .calendar table tr td:hover {
  background-color: #F8F8F8;
  cursor: default;
}

#content .calendar table tr td:hover .calendar_add {
  display: block;
}

#content .calendar table tr td.active {
  background-color: #CCE6DB;
}

#content .calendar table tr td.active:hover .calendar_add {
  display: block;
}

#content .calendar table tr td.no_date:hover .calendar_add {
  display: none;
}

#content .calendar table tr:hover {
  background-color: #F8F8F8;
  cursor: pointer;
}

/* adding an event on a day that doesn't have any yet ***/
.calendar_add {
  background: transparent url("../images/button_add_calendar.png") top left;
  display: none;
  height: 36px;
  left: 30px;
  position: relative;
  top: 80px;
  width: 36px;
}

/* adding an event on a day that has an event already ***/
.active .calendar_add {
  background: transparent url("../images/button_add_calendar_active.png") top left;
  display: none;
  height: 36px;
  left: 30px;
  position: relative;
  top: 80px;
  width: 36px;
}

a.event {
  color: #FFFFFF;
  font-weight: 500;
  line-height: 1.2em;
  overflow: auto;
  float: left;
  overflow-x: hidden;
  overflow-y: hidden;
}

a.event:hover {
  color: #3E3E3E;
}

a.more_events {
  clear: both;
  float: left;
  line-height: 1.2em;
  font-weight: 500;
  color: #FFFFFF;
  margin-top: 5px;
  border-top: 1px solid #FFFFFF;
  width: 100%;
  padding-top: 5px;
  color: #3E3E3E;
}

/* cells with no date ****/
.no_date .calendar_date {
  display: none;
}

/* change moth paging *****/
.paging_calendar {
  float: right;
  width: 280px;
  text-align: right;
  position: relative;
}

.paging_calendar .prev {
  background: #DCDCDC url("../images/button_prev.png") center left no-repeat;
  padding: 10px 15px 10px 35px;
  line-height: 37px;
  width: 120px;
  color: #FFFFFF;
}

.paging_calendar .next {
  background: #DCDCDC url("../images/button_next.png") center right no-repeat;
  padding: 10px 35px 10px 15px;
  line-height: 37px;
  width: 120px !important;
  color: #FFFFFF;
}

.paging_calendar a img:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */
}

#students-form {
  clear: both;
}

body .tip-yellowsimple {
  border: 1px solid #B5D4C7;
  padding: 10px 10px;
  color: #3E3E3E;
  background-color: #FFFFFF;
}

body .tip-yellowsimple label {
  color: #3E3E3E;
  text-decoration: none;
  margin: 0px 0px 10px 0px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 25px;
  font-size: 1em;
}

body .tip-yellowsimple input {
  height: 20px;
  margin-top: 5px;
  padding: 5px !important;
  border: 4px solid #F0F0F0;
  width: 250px !important;
}

body .tip-yellowsimple input:focus {
  padding: 5px;
  background: #F8F8F8 !important;
  border: 4px solid #F0F0F0;
}

body .tip-yellowsimple button {
  cursor: pointer;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  clear: none;
  padding: 10px;
  background-color: #B5D4C7;
  background-image: none;
  border: none;
  font-size: 1.0em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: white;
  border-radius: 2px;
}

body .tip-yellowsimple button:hover {
  background: #3E3E3E;
  color: white;
}

body .tip-yellowsimple .editable-buttons {
  margin-top: 10px;
}

body .tip-yellowsimple .editable-buttons button:first-child {
  margin-left: 0;
  margin-right: 10px;
}

body .tip-yellowsimple .editable-submit {
  margin-left: 5px;
}

body .tip-yellowsimple .editable-cancel {
  background-color: #FA5D4A;
}

body .tip-yellowsimple .editable-clear-x {
  margin-top: -11px;
}

.survey .column1 a:hover {
  text-decoration: underline;
}

.change_order {
  float: left;
  margin-bottom: 5px;
  margin-top: 10px;
}

.change_order a {
  float: left;
}

.change_order img {
  margin-right: 5px;
}

.gallery_contents {
  width: 800px;
  float: left;
  padding: 0px;
  border-top: 1px dashed #DCDCDC;
  padding-top: 20px;
}

.gallery_image {
  float: left;
  margin: 5px 16px 10px 0px;
  width: 254px;
  border: 1px solid #DCDCDC;
}

.gallery_image:nth-child(3n+0) {
  margin-right: 0;
}

.gallery_image img {
  float: left;
  margin: 2px;
}

.gallery_image_info {
  float: left;
  margin: 0px;
  width: 250px;
  background-color: #DCDCDC;
  padding: 3px 2px 2px 2px;
}

.edit .gallery_image {
  border-bottom: 1px solid #E3E3E3;
  margin-bottom: 10px;
  position: relative;
}

.edit_image {
  position: absolute;
  bottom: 5px;
  right: 0px;
}

.gallery_image_large {
  width: 760px;
  margin-bottom: 20px;
}

.gallery_image_edit {
  position: absolute;
  top: 0;
  left: 0;
  width: 240px;
  padding: 4px 7px;
  z-index: 101;
  background: url("../images/bg_b_op50.png") top left repeat;
}

.gallery_image_edit .delete_image {
  float: right;
  padding: 5px 0px 0px 0px;
}

.surveys_dash {
  float: left;
  margin-bottom: 10px;
}

.surveys_alerts {
  float: left;
  margin-bottom: 10px;
}

#content .jobs_placed, #content .jobs_seekers {
  float: left;
  margin-bottom: 10px;
}

#content .jobs_placed table, #content .jobs_seekers table {
  margin-bottom: 0;
}

#dashboard_jobs {
  width: 800px;
}

.dasboard_jobs_block {
  background-color: #DCDCDC;
  width: 226px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 5px 15px 15px 15px;
  float: left;
  height: 135px;
}

.dasboard_jobs_block h3 {
  color: #FFFFFF;
  font-weight: 700;
}

.dasboard_jobs_block p {
  font-size: 1.1em;
  font-style: italic;
  font-family: 'Open Sans Italic', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
}

.dasboard_jobs_block_last {
  margin-right: 0px;
}

p.number,
.number {
  font-family: 'Josefin Sans', 'Open Sans', 'Museo Sans', Helvetica, Arial, sans-serif;
  font-size: 3.0em;
  margin-bottom: 10px;
  line-height: 1.0em;
  font-weight: 700;
  font-style: normal;
}

p.number_red {
  color: #FA5D4A;
}

#dashboard_events {
  width: 800px;
}

.dasboard_events_block {
  background-color: #DCDCDC;
  width: 226px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 15px 15px 15px 15px;
  float: left;
  height: 115px;
}

.dasboard_events_block:last-of-type {
  margin-right: 0;
}

.dasboard_events_block h3 {
  color: #FFFFFF;
  font-weight: 700;
  padding-top: 0px;
  font-size: 1.1em;
  margin-bottom: 5px;
}

.dasboard_events_block p {
  font-size: 1.0em;
  font-family: 'Open Sans Italic', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
}

.dasboard_events_block p.date {
  font-style: italic;
  margin-bottom: 5px;
}

.dasboard_events_block p.number {
  font-family: 'Josefin Sans', 'Open Sans', 'Museo Sans', Helvetica, Arial, sans-serif;
  font-size: 2.4em;
  margin-bottom: 0px;
  line-height: 1.0em;
  font-weight: 700;
  font-style: normal;
}

.dasboard_events_block.mandatory p.number {
  color: #FA5D4A;
}

.dasboard_events_block5 {
  background-color: #DCDCDC;
  width: 118px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 15px 15px 15px 15px;
  float: left;
  height: 175px;
}

.dasboard_events_block5:last-of-type {
  margin-right: 0px;
}

.dasboard_events_block5 h3 {
  color: #FFFFFF;
  font-weight: 700;
  padding-top: 0px;
  font-size: 1.0em;
  margin-bottom: 15px;
}

.dasboard_events_block5 p {
  font-size: 1.0em;
  font-family: 'Open Sans Italic', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
}

.dasboard_events_block5 p.date {
  font-style: italic;
  margin-bottom: 15px;
}

.dasboard_events_block5 p.number {
  font-family: 'Josefin Sans', 'Open Sans', 'Museo Sans', Helvetica, Arial, sans-serif;
  font-size: 1.8em;
  margin-bottom: 0px;
  line-height: 1.0em;
  font-weight: 700;
  font-style: normal;
}

.dasboard_events_block5.mandatory p.number {
  color: #FA5D4A;
}

.mandatory a {
  color: #FA5D4A;
}

#attending {
  width: 770px;
  background-color: #E3E3E3;
  padding: 15px;
  float: left;
  margin: 0px 0px 10px 0px;
}

#attending p {
  font-size: 1.2em;
  text-transform: uppercase;
  margin-bottom: 0px;
  letter-spacing: 0.1em;
  float: left;
  line-height: 40px;
}

#attending a.tick, #attending a.cross {
  background-position: bottom center;
  background-position: no-repeat;
  height: 40px;
  width: 40px;
  float: right;
  margin-left: 10px;
  padding: 0px;
}

#attending a.tick {
  background-image: url("../images/icon_tick.png");
}

#attending a.cross {
  background-image: url("../images/icon_cross.png");
}

#attending a.tick.active, #attending a.cross.active, #attending a.tick:hover, #attending a.cross:hover {
  background-position: top center;
}

.status_approved {
  color: #36BC4F;
  font-weight: 500;
}

.status_inactive {
  color: #B2B2B2;
  font-weight: 500;
}

.status_pending, .warning {
  color: #FA5D4A;
  font-weight: 500;
}

.status_updated {
  color: #FA5D4A;
  font-weight: 500;
  background: url("../images/icon_ministar.png") center right no-repeat;
  padding-right: 18px;
}

.document_management {
  float: left;
  margin-bottom: 10px;
}

.Rewards {
  float: left;
  margin-bottom: 10px;
}

.document_management_categorylevel {
  float: left;
  margin-bottom: 10px;
}

.compliancecategories {
  width: 800px;
}

.categoryblock {
  width: 240px;
  float: left;
  background-color: #3E3E3E;
  color: #FFFFFF;
  font-size: 1.1em;
  padding: 10px;
  margin: 0px 10px 10px 0px;
}

.categoryblock:hover {
  background-color: #FA5D4A;
}

.categoryblock:nth-of-type(3n+0) {
  margin-right: 0px;
}

.categoryblock:nth-of-type(3n+1) {
  clear: left;
}

#pin_wrapper {
  width: 800px;
  float: left;
  margin-bottom: 20px;
}

#pin_wrapper #pin_columns {
  -webkit-column-count: 3;
  -webkit-column-gap: 10px;
  -webkit-column-fill: auto;
  -moz-column-count: 3;
  -moz-column-gap: 10px;
  -moz-column-fill: auto;
  column-count: 3;
  -webkit-column-gap: 15px;
          column-gap: 15px;
  column-fill: auto;
}

#pin_wrapper #pin_columns .pin {
  display: inline-block;
  margin: 0 0px 10px;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  background-color: #DCDCDC;
  color: #3E3E3E;
  padding: 10px 15px;
  width: 230px;
  opacity: 1;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

#pin_wrapper #pin_columns .pin img {
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 5px;
}

#pin_wrapper #pin_columns .pin p {
  color: #FFFFFF;
  margin: 0;
  font-size: 1.1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 230px;
}

#pin_wrapper #pin_columns .pin:hover {
  background-color: #FA5D4A;
}

.compliancedocs .compliance_header {
  padding: 10px;
  background-color: #777777;
  color: #FFFFFF;
  float: left;
  width: 780px;
  position: relative;
  margin-bottom: 10px;
}

.compliancedocs .compliance_header h3 {
  color: #FFFFFF;
  padding: 0px;
  margin: 0px;
}

.compliancedocs .compliance_header .button_row {
  width: 100px;
  text-align: right;
  display: table;
  margin: 0px 0px 10px 0px;
  float: right;
  position: absolute;
  top: 10px;
  right: 10px;
}

.compliancedocs .page-intro {
  position: relative;
}

.compliancedocs .page-intro .button_row {
  width: 100px;
  text-align: right;
  display: table;
  margin: 0px 0px 10px 0px;
  float: right;
  position: absolute;
  top: 0;
  right: 0;
}

#content .document_management_categories {
  float: left;
  margin-bottom: 10px;
}

#content .document_management_categories table tr {
  background-color: #F0F0F0;
}

#content .document_management_categories table tr th {
  background-color: #F8F8F8;
}

#content .document_management_categories table tr.category-child {
  background-color: #F8F8F8;
}

.category-child .column1 {
  font-style: italic;
}

.checklistitem {
  width: 770px;
  background-color: #F8F8F8;
  padding: 15px;
  float: left;
  margin: 0px 0px 10px 0px;
  position: relative;
}

.checklistitem .checklist_details {
  float: left;
}

.checklistitem .checklist_tickboxes {
  float: right;
}

.checklistitem p {
  font-size: 1.1em;
  margin-bottom: 8px;
  letter-spacing: 0.1em;
  float: left;
  line-height: 18px;
  width: 600px;
  margin-top: 0;
}

.checklistitem p a {
  font-size: 0.9em;
}

.checklistitem a.tick,
.checklistitem a.cross,
.checklistitem .tick,
.checklistitem .cross {
  background-image: url("../images/icon_tick_mini.png");
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  float: right;
  margin-left: 10px;
  cursor: default;
  padding: 0 0 0 10px;
  margin: 2px 0;
}

.checklistitem a.tick, .checklistitem .tick {
  background-position: top center;
}

.checklistitem a.cross, .checklistitem .cross {
  background-position: bottom center;
}

.checklistitem .tick.active, .checklistitem .cross.active {
  cursor: default;
}

.checklistitem.editable a.tick.active,
.checklistitem.editable a.cross.active,
.checklistitem.editable a.tick:hover,
.checklistitem.editable a.cross:hover {
  cursor: pointer;
}

.asset .checklistitem_new input[type="submit"].go,
#content .checklistitem_new input[type="submit"].go {
  border: none;
  padding-right: 50px;
  line-height: 18px;
  color: #FFFFFF;
  margin: 0px 0px 0px 0px;
  font-size: 1.0em;
  text-transform: uppercase;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0.2em;
  clear: none;
  background: #FA5D4A;
}

.asset .item.checkbox {
  border-top: 1px dashed #E3E3E3;
  margin-top: 10px;
}

.asset .item.checkbox label {
  padding-top: 0 !important;
}

.asset .item.checkbox .field_description {
  margin-bottom: 0;
}

.asset .checklistitem_new {
  width: 800px;
  float: left;
}

.asset .checklistitem_new .add-new-checklist-item {
  border: 10px solid #F0F0F0;
  float: left !important;
  width: 760px !important;
  padding: 10px !important;
}

.asset .checklistitem_new .add-new-checklist-item #new_checklist_item {
  border: 2px solid #E3E3E3;
  height: 34px;
  border-radius: 2px;
  padding-left: 5px !important;
}

.asset .checklistitem_new .add-new-checklist-item input {
  width: 650px;
  margin-bottom: 0 !important;
  font-size: 0.9em !important;
  float: left !important;
}

.asset .checklistitem_new .add-new-checklist-item input:focus {
  background: white !important;
}

.asset .checklistitem_new .add-new-checklist-item input[type="submit"].save {
  margin-bottom: 0 !important;
  clear: none !important;
  float: right !important;
  margin: 0 !important;
}

.asset .checklistitem_new label {
  clear: both;
  width: 780px;
  float: left;
  line-height: 16px;
  font-size: 1em;
  color: #3E3E3E;
  background-color: #F0F0F0;
  padding: 8px 10px 0 10px;
}

#compliancedate {
  width: 770px;
  background-color: #E3E3E3;
  padding: 10px 15px;
  float: left;
  margin: 0px 0px 10px 0px;
  position: relative;
}

#compliancedate p {
  font-size: 1.1em;
  margin-bottom: 4px;
  letter-spacing: 0.1em;
  float: left;
  line-height: 24px;
  width: 600px;
  margin-top: 4px;
}

#compliancedate.past {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.question-wrapper {
  margin-bottom: 20px;
  float: left;
}

.question-number {
  width: 800px;
  border-top: 1px solid #E3E3E3;
  float: left;
  clear: both;
  padding: 15px 0px;
  position: relative;
  min-height: 26px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0px;
  font-size: 1.3em;
  color: #3E3E3E;
  font-family: 'Open Sans', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  letter-spacing: 0.1em;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
  background-color: #E3E3E3;
}

.question-nav {
  width: 800px;
  border-bottom: 1px solid #E3E3E3;
  text-transform: none;
  border-top: 1px solid #E3E3E3;
  float: left;
  clear: both;
  padding: 15px 0px;
  position: relative;
  background-color: #E3E3E3;
}

.question-nav a {
  width: 26px;
  height: 26px;
}

.question-nav a img.inactivebutton {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.question-nav a.questionback {
  position: absolute;
  top: 15px;
  left: 10px;
}

.question-nav a.questionnext {
  position: absolute;
  top: 15px;
  right: 10px;
}

.question-nav .bottom-prompt {
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 0px;
  margin-bottom: 0px;
  font-size: 1.3em;
  color: #3E3E3E;
  clear: both;
  letter-spacing: 0.1em;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
}

.question-nav .bottom-prompt {
  text-transform: none;
}

.employer-employer-surveys-question {
  float: left;
  width: 800px;
  padding: 20px 0px 40px 0px;
  border-top: 1px solid #DCDCDC;
}

.employer-employer-surveys-question h4 {
  margin-bottom: 25px;
}

.employer-employer-surveys-question label {
  text-transform: uppercase;
  clear: both;
  width: 182px;
  float: left;
  line-height: 38px;
}

.employer-employer-surveys-question input {
  width: 790px;
  height: 36px;
  padding: 0px 5px;
  border: 1px solid #DCDCDC;
}

.employer-employer-surveys-question input[type='checkbox'] {
  width: 20px;
  height: 36px;
  padding: 0px 5px;
  border: none;
  clear: both;
  float: left;
}

.employer-employer-surveys-question label.labelcheckbox {
  text-transform: uppercase;
  clear: none;
  width: 770px;
  float: left;
  line-height: 38px;
  padding-left: 10px;
  text-transform: none;
}

.slider {
  width: 760px;
  padding: 15px 20px 45px 20px;
  margin: 0px;
  float: left;
  position: relative;
}

.slider-bar {
  width: 760px;
  height: 4px;
  background: url("../images/slider-bg.png") center center no-repeat;
  padding: 8px 0px;
  position: relative;
}

.slider-dot {
  background-color: #FA5D4A;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 20px;
  border-radius: 10px;
}

.limit-low {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 1.8em;
  color: #3E3E3E;
  font-family: 'Open Sans', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
}

.limit-high {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1.8em;
  color: #3E3E3E;
  font-family: 'Open Sans', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
}

#question-summary .question-wrapper {
  margin-bottom: 15px;
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 15px;
}

#question-summary .question-number {
  border-top: none;
  background-color: transparent;
  padding: 0px;
  clear: none;
  text-align: left;
}

#question-summary .employer-employer-surveys-question {
  border-top: none;
  padding-top: 0px;
  padding-bottom: 10px;
}

#question-summary .employer-employer-surveys-question h4 {
  margin-bottom: 5px;
  font-size: 1.2em;
  letter-spacing: 0px;
}

#question-summary .employer-employer-surveys-question label {
  width: 142px;
}

#question-summary .employer-employer-surveys-question label.info {
  width: 640px;
  text-transform: none;
  line-height: 24px;
  padding-top: 7px;
}

a.editresponse {
  padding-top: 6px;
  float: left;
  clear: both;
}

.input_description, .field_description {
  width: 554px;
  margin: 10px 0 10px 0;
  float: right;
  clear: none;
  padding: 10px;
  background-color: #F8F8F8;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.input_description ul, .field_description ul {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 0;
}

.input_description ul li, .field_description ul li {
  line-height: 18px;
  font-size: 12px;
  list-style-type: none;
}

.input_description ul li:before, .field_description ul li:before {
  content: '-';
  color: #FA5D4A;
  font-size: 17px;
  padding-right: 5px;
}

.input_description p, .field_description p {
  margin-bottom: 0;
  font-style: italic;
  font-size: 12px;
  line-height: 16px;
}

.galleries_requirements.input_description {
  float: left;
  width: 780px;
}

.matchingresults .column2 input {
  width: 260px;
}

.matchingresults .compose_buttons {
  float: left;
  clear: both;
  margin-bottom: 20px;
}

.content_stat {
  width: 226px;
  margin-right: 15px;
  margin-bottom: 10px;
  margin-top: 5px;
  padding: 15px;
  float: left;
  height: 205px;
  background-color: #DCDCDC;
  text-align: center;
}

.content_stat:nth-child(3n+0) {
  margin-right: 0px;
}

.content_stat img {
  padding-bottom: 5px;
}

.content_stat .number {
  line-height: 40px;
  font-size: 5.0em;
  margin-bottom: 0px;
  font-family: 'Josefin Sans', 'Open Sans', 'Museo Sans', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.content_stat .data_type {
  margin-right: 10px;
  font-size: 1.6em;
  margin-bottom: 0px;
  font-weight: 700;
  font-style: normal;
}

.content_stat p {
  clear: both;
  line-height: 20px;
  margin-bottom: 15px;
}

.content_stat p, .content_stat a {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: italic;
}

.content_stat h3 {
  padding: 0px 0px 15px 0px;
}

#content .reports table {
  margin-bottom: 35px;
}

#content .reports table tr:hover td {
  cursor: default;
}

#content .reports table tr.table_total {
  border-top: 4px solid #FFFFFF;
}

#content .survey-students a {
  padding: 5px 12px;
  margin-left: 5px;
  background-color: #B5D4C7;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.0em;
  border-radius: 2px;
}

#content .survey-students a:hover {
  color: #FFFFFF;
  background-color: #3E3E3E;
}

#content .survey-students .disabled {
  background-color: #E3E3E3;
  cursor: default;
}

#content .survey-students .disabled:hover {
  background-color: #E3E3E3;
  cursor: default;
}

table.text_response {
  margin-bottom: 10px;
}

.reports .paging_row h6 {
  float: left;
}

.reports .paging_row .select_box {
  float: right;
  width: 200px;
}

.college_active {
  color: #36BC4F;
  font-weight: 500;
}

.college_new {
  color: #B2B2B2;
  font-weight: 500;
}

.college_development {
  color: #FA5D4A;
  font-weight: 500;
}

.asset .step-tick label.info {
  width: 586px;
}

.asset .step-tick label.info a.checklist_clicker {
  color: #3E3E3E;
  background-image: url("../images/tick.png");
  background-position: center left;
  background-repeat: no-repeat;
  padding: 10px 10px 10px 30px;
}

.asset .step-pending label.info {
  width: 586px;
}

.asset .step-pending label.info a.checklist_clicker {
  color: #3E3E3E;
  background-image: url("../images/pending.png");
  background-position: center left;
  background-repeat: no-repeat;
  padding: 10px 10px 10px 30px;
}

.step-date {
  color: #777777;
  float: right;
}

.step-edit {
  float: right;
}

#admin_banner {
  width: 100%;
  background-color: #3E3E3E;
  padding: 5px 0px;
  position: fixed;
  z-index: 101;
}

.container_full {
  width: 1000px;
  margin: 0 auto;
  overflow: auto;
}

.container_full img {
  float: left;
  margin-right: 10px;
}

.container_full p {
  color: #FFFFFF;
  margin-bottom: 0px;
  float: left;
  line-height: 40px;
}

.systemupdates .column1 {
  width: 523px;
}

.systemupdates .column2 {
  width: 120px;
}

#content .systemupdates table tr:hover td {
  cursor: default;
}

table#links-table tr:hover {
  background-color: #F8F8F8;
}

table#links-table tr:hover td {
  background-color: #F8F8F8;
  cursor: default;
}

#content .systemupdates table tr:hover td {
  cursor: default;
}

.coupons .column1 img {
  width: 180px;
}

/* JQUERY IMAGE SWAP ***/
#imageWrap {
  width: 800px;
  height: 620px;
  background: url("../images/loader.gif") center center no-repeat;
  float: left;
}

.public-campusinfo {
  float: left;
}

.public-media table tr {
  cursor: auto !important;
}

.public-media table tr:hover {
  background-color: #F8F8F8 !important;
}

.button {
  font-family: 'Open Sans', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  padding: 7px 10px 5px 35px;
  font-size: 1.4em;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  border-radius: 2px;
  font-weight: normal;
  display: inline-block;
  line-height: 30px;
  height: 35px;
}

.button_green {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 10px 0px 10px 0px;
  border: none;
  padding: 12px 15px 8px 15px;
  line-height: 18px;
  color: #3E3E3E;
  font-size: 1.0em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  clear: both;
  float: left;
  background: #36BC4F;
  width: auto;
  height: 20px;
}

#content .button_row.absolute_right .cancel.delete {
  float: right;
  margin-right: 0 !important;
  margin-left: 10px !important;
}

#content .button_row {
  width: 800px;
  text-align: right;
  margin: 0px 0px 10px 0px;
  clear: both;
  float: left;
}

#content .button_row a {
  padding: 5px 12px;
  margin-left: 5px;
  background-color: #B5D4C7;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.0em;
  float: right;
  border-radius: 2px;
}

#content .button_row a:hover {
  color: #FFFFFF;
  background-color: #3E3E3E;
}

#content .button_row a img {
  display: table-cell;
  vertical-align: top;
  float: right;
  margin: 0px 0px 0px 5px;
}

#content .button_row a img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* For IE8 and earlier */
}

#content .button_row a img.button_close {
  float: left;
}

#content .button_row a img.button_left {
  float: left;
  margin-left: 0;
  margin-right: 5px;
}

#content .button_row input[type="submit"].surveys-create-question-btn {
  float: right;
  padding: 0 13px;
  margin: 0;
  background-image: none;
  background-color: #B5D4C7;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.0em;
  clear: none;
  height: 40px;
}

#content .button_row .disabled {
  background-color: #E3E3E3;
  cursor: default;
}

#content .button_row .disabled:hover {
  background-color: #E3E3E3;
  cursor: default;
}

#content .button_row .cancel {
  background-color: #FA5D4A;
  float: left;
  margin-left: 0px;
  margin-right: 5px;
}

#content .button_row .back {
  background-color: #3E3E3E;
  color: #FFFFFF;
  float: left;
  margin-left: 0px;
  margin-right: 5px;
}

#content .button_row .back:hover {
  background-color: #F0F0F0;
  color: #3E3E3E;
}

#content .settings-save .submitB {
  float: right;
}

.item + .button_row {
  margin: 20px 0px 10px 0px;
}

.item + .button_row a {
  float: left;
  margin-left: 0px;
  margin-right: 5px;
}

.resume-link a {
  padding-right: 10px;
}

.button_row h4 {
  margin-bottom: 0 !important;
}

#footer {
  width: 840px;
  margin-left: 160px;
  float: left;
  padding-top: 20px;
}

#footer_fourofour {
  width: 1000px;
  margin-left: 0px;
  float: left;
  padding-top: 20px;
}

.twocol-container {
  float: left;
  width: 800px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #DCDCDC;
}

.twocol-container:first-of-type {
  border-top: 1px dashed #DCDCDC;
  padding-top: 10px;
}

.twocol-container .half {
  float: left;
  width: 390px;
  margin-right: 20px;
}

.twocol-container .half .input_description {
  font-size: 12px;
}

.twocol-container .half:last-child {
  margin-right: 0;
}

.twocol_left {
  width: 380px;
  margin: 0px 20px 0px 0px;
  float: left;
}

.twocol_right {
  width: 380px;
  margin: 0px 0px 0px 20px;
  float: left;
}

.left {
  float: left;
}

.right {
  float: right;
}

.absolute_right {
  position: absolute;
  top: 10px;
  right: 0px;
  width: auto !important;
}

.absolute_right img {
  margin-left: 5px;
}

.right_help_arrow {
  position: relative;
  left: 740px;
  top: -26px;
}

.right_help_arrow_inactive {
  opacity: 0.75;
}

.helpItem {
  margin-top: 15px;
  border: 5px solid #F0F0F0;
  padding: 5px 10px 0px 10px;
  clear: both;
  float: left;
  width: 770px;
}

.helpHeader {
  margin-bottom: 0px;
  font-size: 1.2em;
  line-height: 40px;
}

.submitB.clickMe.questions {
  margin-top: 10px;
}

.bg_dark {
  background-color: #3E3E3E;
  color: #FFFFFF;
}

.bg_dark a {
  color: #FFFFFF;
}

.bg_light {
  background-color: #F0F0F0;
}

.bg_red {
  background-color: #FA5D4A;
  color: #FFFFFF;
}

.bg_red a {
  color: #FFFFFF;
}

.table {
  display: table;
  width: 100%;
}

.table.multi .table-cell {
  padding: 10px 10px 0 0;
}

.table.multi .table-cell:last-of-type {
  padding-right: 0;
}

#content .table-cell {
  display: table-cell;
  padding: 10px 10px 10px 10px;
}

#content .table-cell .innerpad {
  padding: 10px;
}

.block {
  display: block;
  text-transform: uppercase;
}

.block p {
  font-size: 1.2em;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  margin-bottom: 0px;
}

.block.left {
  float: left;
}

.block.right {
  float: right;
}

.blockwrapper {
  width: 100%;
  clear: both;
  float: left;
}

.block250w {
  width: 250px;
}

.block530w {
  width: 530px;
}

.blockhalf {
  width: 390px;
  margin-right: 20px;
  float: left;
}

.blockhalf:nth-of-type(2n+0) {
  margin-right: 0px;
}

.blockfull {
  width: 100%;
}

.blockthird {
  width: 30%;
  margin-right: 5%;
}

.blockthird:last-of-type {
  margin-right: 0%;
}

.block60h {
  height: 60px;
}

.block200h {
  height: 200px;
}

.blockmarginright {
  margin-right: 20px;
}

.blockmarginbottom {
  margin-bottom: 10px;
}

#content .block .innerpad {
  padding: 10px;
}

a.block,
.table-cell .table_button {
  background: #FA5D4A url("../images/link_arrow.png") center right no-repeat;
  text-transform: uppercase;
  font-size: 1.2em;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  margin-bottom: 10px;
}

.blockwrapper a.block:last-of-type {
  margin-bottom: 0px;
}

a.block530w {
  padding-left: 10px;
  padding-right: 40px;
  width: 480px;
}

a.block60h {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 40px;
  line-height: 40px;
}

.block p.chunky {
  font-family: 'Pathway Gothic One', 'Open Sans', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  font-weight: 100;
  line-height: 1.0em;
  margin-bottom: 0px;
  padding-bottom: 0px;
  letter-spacing: 0px;
  font-size: 8.0em;
}

.tablecellbutton {
  font-size: 0.8em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: #3E3E3E url("../images/table-cell.png") bottom center no-repeat;
  color: #3E3E3E;
  padding: 10px 10px 30px 10px;
  text-align: center;
  height: 30px;
}

.tablecellbutton a {
  color: #3E3E3E;
}

.tablecellbutton:hover {
  background: #3E3E3E url("../images/table-cell-active.png") bottom center no-repeat;
  color: #FFFFFF;
}

.tablecellbutton:hover a {
  color: #FFFFFF;
}

.tablecellbutton.push {
  background-color: #36BC4F;
}

.tablecellbutton.push:hover {
  background: #FA5D4A url("../images/table-cell.png") bottom center no-repeat;
  color: #FFFFFF;
}

.tablecellbutton.active {
  background: #3E3E3E url("../images/table-cell-active.png") bottom center no-repeat;
  color: #FFFFFF;
}

.tablecellbutton.active a {
  color: #FFFFFF;
}

h4.blockstyle {
  background-color: #3E3E3E;
  color: #FFFFFF;
  padding: 5px 10px;
}

.center {
  text-align: center;
}

.cleaner {
  clear: both;
  height: 0px;
  font-size: 0px;
}

.clear_none {
  clear: none;
}

.allcaps {
  text-transform: uppercase;
}

#content img {
  max-width: 800px;
}

#content blockquote img {
  max-width: 770px;
  margin-bottom: 20px;
}

#content blockquote img.right {
  max-width: 330px;
  margin-bottom: 10px;
  margin-left: 20px;
}

.img_right {
  float: right;
  padding: 6px;
  border: 1px solid #F0F0F0;
  margin-left: 20px;
  margin-bottom: 20px;
}

.img_left {
  float: left;
  padding: 6px;
  border: 1px solid #F0F0F0;
  margin-right: 20px;
  margin-bottom: 20px;
}

.image_title {
  height: 50px;
  float: left;
  margin-right: 5px;
  margin-left: 2px;
  padding: 8px;
  background-color: #FFFFFF;
}

.image_title h6 {
  padding-top: 0;
  margin-bottom: 0;
}

label .label_icon {
  padding-top: 5px;
  padding-left: 10px;
}

#content table.modules td.column1,
#content table.modules td.column2,
#content table.modules td.column3,
#content table.modules td.column4 {
  padding: 15px;
}

#content table.modules tr:hover {
  background-color: transparent;
  cursor: default;
}

#content table.modules tr td.column1 {
  vertical-align: middle;
}

#content table.attendance td.column1 {
  min-width: 200px;
}

.modules .onoff a.tick, .modules .onoff a.cross {
  margin-left: 0;
}

.onoff a.tick,
.onoff a.cross {
  background-position: top center;
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  float: left;
  margin-left: 10px;
  padding: 0px;
  cursor: default;
}

.onoff a.tick {
  background-image: url("../images/icon_tick_sm.png");
}

.onoff a.cross {
  background-image: url("../images/icon_cross_sm.png");
}

.onoff_edit a.tick,
.onoff_edit a.cross {
  background-position: bottom center;
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  float: left;
  margin-left: 10px;
  padding: 0px;
}

.onoff_edit a.tick {
  background-image: url("../images/icon_tick_sm.png");
}

.onoff_edit a.cross {
  background-image: url("../images/icon_cross_sm.png");
}

.onoff_edit a.tick.active,
.onoff_edit a.cross.active,
.onoff_edit a.tick:hover,
.onoff_edit a.cross:hover {
  background-position: top center;
}

.modules .onoff_edit a.tick,
.modules .onoff_edit a.cross {
  margin-left: 0;
  margin-right: 10px;
}

.quickstat_container {
  display: table;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 10px;
}

.quickstat_container .quickstat {
  display: table-cell;
  padding: 10px 15px;
  border-collapse: separate;
  border-right: 5px solid #FFFFFF;
  border-left: 5px solid #FFFFFF;
  background-color: #DCDCDC;
  vertical-align: top;
}

.quickstat_container .quickstat:last-of-type {
  border-left: 5px solid #FFFFFF;
  border-right: none;
}

.quickstat_container .quickstat h4 {
  padding-top: 0px;
  margin-bottom: 10px;
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #FFFFFF;
  font-weight: 700;
  float: left;
  line-height: 1.1em;
}

.quickstat_container .quickstat .stat {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 5.4em;
  line-height: 1.0em;
  float: left;
  clear: both;
  font-style: normal;
  margin-bottom: 5px;
}

.quickstat_container .quickstat p {
  font-style: italic;
  clear: left;
  float: left;
  margin-bottom: 5px;
}

.quickstat_container.mini .quickstat .stat {
  font-size: 3.4em;
}

.popup {
  background-color: #FFFFFF;
  padding: 30px;
  position: absolute;
  width: 482px;
  left: 50%;
  top: 50%;
  margin-top: -200px;
  margin-left: -240px;
  z-index: 101;
  border-radius: 3px;
  color: #FFFFFF;
}

.classes {
  position: relative;
  float: left;
  width: 100%;
}

.classes .button_row {
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 5px;
}

.classes .button_row a {
  padding: 11px 16px !important;
}

.item.half .half-wrapper {
  float: left;
  width: 50%;
}

#classes_filter {
  float: left;
}

#classes_filter.asset.details .item {
  clear: both;
  overflow: auto;
  border-bottom: none;
  padding: 0px 0px 5px 0px;
}

#classes_filter.asset.details .item.third {
  width: 254px;
  margin-right: 19px;
  clear: none;
  float: left;
}

#classes_filter.asset.details .item.third:last-of-type {
  margin-right: 0px;
}

#classes_filter.asset.details .item.third label {
  width: 60px;
}

#classes_filter.asset.details .item.third input {
  width: 144px;
}

#classes_filter.asset .item:first-of-type {
  border-top: none;
}

#classes_filter.asset label {
  width: 60px;
}

#classes_filter.asset input {
  width: 690px;
}

.request-more-info .page-intro {
  margin-bottom: 0 !important;
}

.request-more-info .button_row {
  margin-bottom: 0 !important;
}

.request-more-info .basicform.asset {
  border-top: 1px dashed #DCDCDC;
}

.asset .ui-sortable .item.drag label {
  width: 743px !important;
}

.asset .item.drag {
  border: 1px solid #E3E3E3;
  margin-bottom: 10px;
  background-color: #f6f6f6;
}

.asset .item.drag label {
  width: 743px;
  float: left;
  clear: none;
  line-height: 24px;
  min-height: 20px;
  padding: 0px 0px 0px 15px !important;
  background-color: transparent;
  font-size: 1.2em;
}

.asset .item.drag:first-of-type {
  border-top: 1px solid #E3E3E3;
}

.asset .item.drag.uneditable .sort .fa {
  display: none;
}

.asset label.info.onoff {
  float: right;
  width: 50px !important;
}

.app_icon_selector {
  float: right;
  width: 574px;
}

.asset.roles_drag .item.drag {
  cursor: pointer;
}

.asset.roles_drag .item.drag label {
  cursor: pointer;
  width: 695px !important;
}

.asset.edit {
  float: left;
}

.asset.edit .item.drag .sort {
  display: block;
  float: left;
  width: 30px;
  font-size: 1.2em;
  color: #3E3E3E;
  line-height: 32px;
  text-align: center;
  padding: 5px 5px 0 5px;
}

.asset.edit .item.drag input[type="checkbox"] {
  display: none;
  float: right !important;
}

.asset.edit .item.drag input[type="checkbox"]:checked + .label-text:before {
  content: "\f058";
  color: #56a33b;
}

.asset.edit .item.drag input[type="checkbox"] + .label-text:before {
  font-family: "FontAwesome";
  content: "\f058";
  color: #e1e1e1;
  background-repeat: no-repeat;
  float: right !important;
  cursor: pointer;
  padding: 0 10px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
}

.edit .item.drag label {
  width: 785px;
}

.edit .item.drag.uneditable .tick:hover {
  background-position: bottom center;
}

.edit .asset .item.drag label {
  padding: 0 !important;
}

.item.drag .tick {
  background-image: url("../images/icon_tick_double.png");
  background-position: top center;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  float: right;
  cursor: default;
  padding: 0 10px;
}

.item.drag .untick {
  background-image: url("../images/icon_tick_double.png");
  background-position: 10px;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  float: right;
  cursor: default;
  padding: 0 10px;
}

.tick {
  background-image: url("../images/icon_tick_double.png");
  background-position: top center;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  float: right;
  margin-left: 10px;
  cursor: default;
  padding: 0 10px;
  margin: 2px 0;
}

.semi-tick {
  background-image: url("../images/icon_tick_double.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  float: right;
  margin-left: 10px;
  cursor: default;
  padding: 0 10px;
  margin: 2px 0;
}

.untick {
  background-image: url("../images/icon_tick_double.png");
  background-position: 10px -20px;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  float: right;
  margin-left: 10px;
  cursor: default;
  padding: 0 10px;
  margin: 2px 0;
}

#content table tr td {
  border-right: 1px solid white;
  vertical-align: top;
  padding: 10px;
}

.item.permissionsHolder {
  border-top: 1px dashed #DCDCDC;
  margin-top: 10px;
}

#content table.permissions.read_view tr td {
  vertical-align: top !important;
}

table.permissions {
  margin-top: 10px;
}

table.permissions tr td {
  padding: 10px !important;
  vertical-align: inherit !important;
}

table.permissions tr td.sub {
  padding-left: 30px !important;
  font-style: italic;
}

table.permissions tr td.sub_sub {
  padding-left: 60px !important;
  font-style: italic;
}

table.permissions tr .untick, table.permissions tr .tick, table.permissions tr .semi-tick {
  margin: 0 auto;
  float: none;
}

table.permissions tr:hover {
  cursor: default !important;
  background-color: #F8F8F8 !important;
}

table.permissions tr.headingrow {
  border-top: 3px solid #eaeaea;
  font-weight: 700;
}

table.permissions tr.headingrow input[type="checkbox"]:checked + .label-text {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

table.permissions tr.headingrow:first-child {
  border-top: 3px solid white;
}

table.permissions .permissions_th {
  font-size: 14px;
}

table.permissions .permissions_th th {
  padding: 10px;
  font-weight: normal;
}

table.permissions input[type="checkbox"] {
  display: none;
  width: 37px !important;
  height: 32px !important;
}

table.permissions input[type="checkbox"]:checked + .label-text:before {
  content: "\f058";
  color: #56a33b;
}

table.permissions input[type="checkbox"] + .label-text:before {
  font-family: "FontAwesome";
  content: "\f058";
  color: #e1e1e1;
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 0 10px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
}

.graph {
  width: 100%;
  float: left;
}

.charcoal_bg {
  background-color: #3e3e3e;
  color: #ffffff;
}

.mint_bg {
  background-color: #b5d4c7;
}

.coral_bg {
  background-color: #fa5d4a;
}

.ltgrey_bg {
  background-color: #e3e3e3;
}

.charcoal {
  color: #3e3e3e;
}

.mint {
  color: #b5d4c7;
}

.coral {
  color: #fa5d4a;
}

.ltgrey {
  color: #e3e3e3;
}

.asset .graph h4 {
  background-color: transparent;
  color: #ffffff;
  padding: 10px 15px;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.block-row {
  display: table;
  width: 100%;
  margin: 10px 0px;
  clear: both;
  float: left;
}

.block {
  display: table-cell;
  padding: 15px;
  border-left: 10px solid #ffffff;
  border-right: 10px solid #ffffff;
}

.dividers .block {
  border-right: 1px solid #e3e3e3;
  border-left: none;
}

.block-row .block:first-of-type {
  border-left: 10px solid #3e3e3e;
}

.block-row .block:last-of-type {
  border-right: 10px solid #3e3e3e;
}

.block-row.dividers .block:first-of-type {
  border-left: none;
}

.block-row.dividers .block:last-of-type {
  border-right: none;
}

.block .stat {
  font-family: 'Pathway Gothic One', 'Open Sans', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  font-size: 4.0em;
  font-weight: 400;
  line-height: 1.2em;
}

.block .stat sup {
  font-size: 0.6em;
}

.block .description {
  font-weight: 100;
}

.table_pointshistory tr td:nth-child(3) {
  width: 70px;
}

.table_pointshistory tr td:nth-child(4) {
  width: 40px;
}

td.numeric {
  text-align: right;
}

.table_pointshistory tr td:nth-child(3), .table_pointshistory tr th:nth-child(3), .table_pointshistory tr td:nth-child(4), .table_pointshistory tr th:nth-child(4) {
  text-align: right;
}

.bold {
  font-weight: 700;
}

#content table tr td {
  border-right: 1px solid #ffffff;
  vertical-align: top;
  padding: 10px;
}

#content table tr th {
  border-right: 1px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  vertical-align: middle;
  font-weight: 500;
  line-height: 32px;
  font-family: 'Open Sans', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  letter-spacing: 0.5px;
  font-size: 1.0em;
  padding: 10px;
  line-height: 12px;
}

#content table tr th.sort {
  padding: 10px 30px 10px 10px;
}

.button {
  padding: 5px 12px;
  margin-left: 5px;
  background-color: #b5d4c7;
  font-weight: 400;
  color: #ffffff;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.0em;
  float: right;
  border-radius: 2px;
}

.button:hover {
  background-color: #fa5d4a;
  color: #ffffff;
}

.button.loadmore {
  width: 96%;
  padding: 13px 2% 10px 2%;
  text-align: center;
  text-shadow: none;
  background-color: #b5d4c7;
  color: #ffffff;
}

.loadmore {
  width: 96%;
  padding: 13px 2% 10px 2%;
  text-align: center;
  text-shadow: none;
  background-color: #b5d4c7;
  color: #ffffff;
}

#content h4 + table.table_expanded {
  margin-top: -10px;
}

#content table.table_expanded {
  background-color: #ffffff;
}

#content table.table_expanded tr td {
  border-right: none;
  line-height: 40px;
}

#content table.table_expanded tr {
  border-bottom: 1px dashed #eaeaea;
}

#content table.nohover tr:hover, #content table.table_expanded tr:hover {
  cursor: default;
  background-color: transparent;
}

.fixed {
  table-layout: fixed;
}

#content table td.active {
  background-color: #CCE6DB;
  vertical-align: top;
}

.smallprint {
  font-size: 0.8em;
}

.new_item .block_area h4, .asset .block_area h4, .new_item h4.charcoal_bg, .asset h4.charcoal_bg {
  background-color: #3e3e3e;
  color: #ffffff;
  margin-bottom: 0px;
}

.title_w_buttons {
  background-color: #f8f8f8;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.item + .title_w_buttons, .item + table {
  margin-top: 10px;
}

.title_w_buttons h4 {
  clear: none;
  line-height: 36px;
  float: left;
  margin-bottom: 0px;
}

.title_w_buttons a {
  padding: 5px 12px;
  margin-left: 5px;
  background-color: #b5d4c7;
  font-weight: 400;
  color: #ffffff;
  line-height: 36px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.0em;
  float: right;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.title_w_buttons a.back {
  background-color: #3e3e3e;
  color: #ffffff;
  float: left;
  margin-left: 0px;
  margin-right: 5px;
  padding: 5px 12px;
  font-weight: 400;
  line-height: 36px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.0em;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.asset.details.compressed .item {
  padding: 3px 0px;
}

.breadcrumbs {
  padding: 5px 10px;
  width: 780px;
  background-color: #e3e3e3;
  margin-bottom: 10px;
  font-weight: 500;
  color: #717171;
  float: left;
}

.tab-content .breadcrumbs {
  width: 750px;
}

a.breadcrumb {
  padding: 5px 4px 5px 0px;
  margin-left: 0px;
  background-color: transparent;
  font-weight: 400;
  color: #3e3e3e;
  text-transform: none;
  letter-spacing: 0px;
  float: none;
}

.loadmore + h4 {
  margin-top: 10px;
  float: left;
  width: 750px;
}

#content table.notes {
  background-color: #ffffff;
}

#content table.notes td.column1 {
  width: 120px;
}

#content table.notes tr:hover {
  cursor: default;
  background-color: transparent;
}

/** STAFF EVENTS CALENDAR **/
#content table .active {
  background-color: #CCE6DB;
  padding: 5px;
  margin-bottom: 5px;
}

#content table.newcalendar tr {
  border-bottom: none;
}

.label_description {
  color: #b2b2b2;
  font-style: italic;
  font-weight: 300;
  font-size: 0.9em;
  line-height: 1.6em;
}

.input_options {
  width: 540px;
  height: 36px;
  padding: 10px 0px 0px 0px;
  clear: none;
  float: right;
}

#fudge {
  position: absolute;
  z-index: 105;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(25, 25, 25, 0.5);
}

#fudgebox {
  background-color: #ffffff;
  padding: 20px;
  max-width: 600px;
  margin: 0 auto;
  margin-top: 100px;
  position: relative;
}

.fa.fudgebox_close {
  font-size: 1.4em;
  position: absolute;
  top: 10px;
  right: 10px;
}

.fa.remove {
  padding-left: 5px;
}

#fudgebox h2 {
  font-size: 1.4em;
}

.category_container {
  width: 100%;
  float: left;
}

.category {
  position: relative;
  border: 2px solid #e3e3e3;
  float: left;
  padding: 1.5% 1%;
  text-align: center;
  width: 21%;
  margin-right: 2%;
  margin-bottom: 2%;
}

.category:nth-of-type(4n+0) {
  margin-right: 0%;
}

.category:nth-of-type(4n+1) {
  clear: both;
}

.category_count {
  color: #e3e3e3;
  text-align: center;
  position: absolute;
  z-index: 101;
  top: 33px;
  left: 0;
  right: 0;
  font-size: 1.4em;
  font-weight: 500;
}

.category .fa-folder-o {
  font-size: 5.0em;
  line-height: 1.0em;
  color: #e3e3e3;
  padding: 0px 20px 0px 20px;
}

.category h5 {
  font-size: 0.9em;
  color: #3e3e3e;
  margin-bottom: 0px;
  font-weight: 500;
  padding-top: 5px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.category:hover {
  background-color: #e3e3e3;
}

.category:hover .category_count {
  color: #fff;
}

.category:hover .fa-folder-o {
  color: #fff;
}

.heading_functions {
  float: right;
  width: 380px;
  position: absolute;
  top: 15px;
  right: 20px;
  height: 37px;
  text-align: right;
}

.heading_functions .fa {
  line-height: 37px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #e3e3e3;
  margin-left: 5px;
  color: #fff;
  font-size: 1.2em;
  height: 37px;
}

.heading_functions .fa.active {
  background-color: #b5d4c7;
}

/**** emma - this is already in forms2015 but i've stuck important on here to show you the new changes 888*/
.asset label.info.between {
  width: 100px !important;
}

.asset input + label.info.between {
  width: 50px !important;
  padding-left: 20px !important;
}

.asset label.info.position + input {
  width: 422px !important;
}

.asset label.info.position {
  width: 100px !important;
}

/**** emma - this is already in forms2015 but i've stuck important on here to show you the new changes 888*/
.asset .input_help {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 1px;
  left: 216px !important;
  text-align: right;
  font-size: 1.6em;
  padding-top: 20px;
}

.note_delete {
  clear: both;
  padding-top: 10px;
  float: left;
}

.asset.details.add_note label {
  width: 100px !important;
  padding-right: 20px !important;
}

.asset.add_note textarea {
  width: 590px;
  margin-right: 30px;
  margin-bottom: 10px;
}

.button_row.tab-content-buttons a.cancel {
  background-color: #fa5d4a;
  float: right;
  margin-left: 0px;
  margin-right: 5px;
}

/** roles *****/
.count {
  line-height: 32px;
  padding-right: 10px;
  font-weight: 700;
  float: right;
}

.missingchildren {
  opacity: 0.5;
  filter: alpha(opacity=50);
  /* For IE8 and earlier */
}

/** tabs - forms ***/
.tab-content.asset input {
  width: 490px;
}

.tab-content.asset textarea {
  width: 480px;
}

/** general style ***/
#banner_notification {
  width: 96%;
  padding: 1.5% 2%;
  background-color: #f0f0f0;
  float: left;
  margin-bottom: 10px;
}

#banner_notification.alert {
  border-left: 4px solid #fa5d4a;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

/* student task - details - type=survey **/
.survey_individual {
  margin: 0px 0px 20px 0px;
  float: left;
  width: 100%;
}

.survey_individual .option {
  background-color: #f8f8f8;
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 5px 0px;
  float: left;
  width: 100%;
}

.survey_individual .option label {
  padding: 0px 80px 0px 10px;
  min-height: inherit;
}

.survey_individual.rating .option .response {
  float: right;
  padding: 0px 10px;
  font-weight: 700;
}

.survey_individual.short .option .response {
  float: left;
  margin-right: 0px;
  padding: 10px;
  font-style: italic;
}

.survey_individual.multi .option.selected {
  background-image: url("../images/icon_tick_mini.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
}

.pure-button {
  margin-left: 25px;
  border: none;
  line-height: 18px;
  color: #FA5D4A;
  font-size: 1.0em;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  clear: both;
  background: transparent;
  width: auto;
  border-radius: 2px;
  cursor: pointer;
}

#blocknew_wrap {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 10px;
}

.blocknew {
  display: table-cell;
  border: 1px solid #e3e3e3;
  padding: 10px;
  text-align: center;
}

.blocknew_spacer {
  display: table-cell;
  width: 20px;
}

.blocknew h3 {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1.1em;
  border-bottom: 1px solid #dcdcdc;
  padding-top: 0px;
  padding-bottom: 5px;
}

.blocknew p {
  margin-bottom: 7px;
}

.percentage {
  width: 100%;
  height: 10px;
  background-color: #e3e3e3;
  margin-bottom: 20px;
}

.percentage_value {
  height: 10px;
}

.risk_high .percentage_value {
  background-color: #ed5565;
}

.risk_low .percentage_value {
  background-color: #1ab394;
}

.percentage_text {
  width: 100%;
  text-align: left;
  padding-bottom: 2px;
  color: #3a4443;
}

p.number, .number {
  font-family: 'Josefin Sans', 'Open Sans', 'Museo Sans', Helvetica, Arial, sans-serif;
  font-size: 3.0em;
  margin-bottom: 10px;
  line-height: 1.0em;
  font-weight: 700;
  font-style: normal;
}

p.number_red {
  color: #fa5d4a;
}

.fa.fa-circle.risk {
  line-height: 2.0em;
}

.risk_low {
  color: #1ab394;
}

.risk_medium {
  color: #f8ac59;
}

.risk_high {
  color: #ed5565;
}

p.small {
  font-size: 0.9em !important;
  font-style: italic;
  line-height: 1.2em;
}

.pdfbuilder #admin_banner .container_full {
  width: 96%;
  padding: 5px 2%;
}

.pdfbuilder #admin_banner .button_row {
  margin-bottom: 0px;
  width: auto;
}

.pdfbuilder #admin_banner .button_row a {
  margin-right: 10px;
}

.pdfbuilder #container {
  width: 100%;
  display: table;
}

.pdfbuilder #leftcol {
  display: table-cell;
  vertical-align: top;
  background-color: #f9f9f9;
  position: fixed;
  width: 360px;
  height: 94%;
  overflow: auto;
  border-right: 1px solid #ffffff;
}

.pdfbuilder #leftcol .innerpad {
  padding: 15px;
  border-right: 1px solid #e3e3e3;
  height: inherit;
}

.pdfbuilder #leftcol p.intro {
  font-style: italic;
  line-height: 1.6em;
  clear: both;
}

.pdfbuilder #rightcol {
  padding: 30px 30px 30px 390px;
  min-width: 1275px;
  display: table-cell;
  vertical-align: top;
}

.pdfbuilder .button_row {
  width: 100%;
  text-align: left;
}

.pdfbuilder .button_row h2 {
  width: auto;
  float: left;
}

.pdfbuilder #footer {
  width: 100%;
  margin-left: 0;
  float: left;
  padding-top: 20px;
}

.pdfbuilder #fields_add {
  width: 100% !important;
}

.pageselector {
  margin-bottom: 20px;
}

.none {
  display: none;
}

#fields_add {
  margin-bottom: 10px;
  float: left;
}

.fieldtype {
  padding: 5px 12px;
  background-color: #b5d4c7;
  font-weight: 400;
  color: #ffffff;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.9em;
  border-radius: 2px;
  /* display: table-cell; */
  text-align: center;
  width: 75px;
  margin-right: 5px;
  float: left;
}

a.fieldtype:hover {
  background-color: #3e3e3e;
  color: #ffffff;
}

.fieldtype .fa {
  font-size: 1.6em;
  padding-top: 10px;
  padding-bottom: 5px;
}

#fields_add .fieldtype:last-of-type {
  margin-right: 0px;
}

#fields_edit .item:last-of-type {
  margin-bottom: 10px;
}

#fields_edit h3 {
  float: left;
}

#fields_edit .editbuttons {
  float: right;
  padding-top: 12px;
}

#fields_edit .editbuttons .button {
  background-color: #fa5d4a;
}

#fields_edit label {
  text-transform: none;
  font-weight: bold;
  width: auto;
  float: left;
}

#fields_edit label.inline {
  font-weight: normal;
  line-height: 26px;
}

#fields_edit input {
  border: solid 1px #e9ebea;
  padding: 12px 3% 12px 3%;
  color: #3a4443;
  margin-bottom: 0px;
  font-weight: 100;
  font-family: 'Open Sans', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif !important;
  clear: both;
  font-size: 1em;
  width: 290px;
}

#fields_edit .checkboxoptions {
  margin-bottom: 5px;
  clear: both;
  position: relative;
}

#fields_edit .checkboxoptions input {
  width: 230px;
  margin-left: 30px;
}

#fields_edit .checkboxoptions .fa {
  float: right;
  line-height: 40px;
  font-size: 1.2em;
}

#fields_edit .checkboxoptions .checkboxnumber {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  line-height: 40px;
}

#fields_edit .item .button {
  font-size: 0.9em;
  line-height: 20px;
  margin-top: 10px;
  float: left;
  margin-left: 0px;
}

#fields_edit .radios {
  float: left;
  width: 290px;
}

#fields_edit .radios input {
  float: left;
  width: 20px;
  margin-right: 10px;
}

#fields_edit .inputcontainer input[type="checkbox"] {
  float: left;
  width: 20px;
  margin: 12px 10px 0px 0px;
}

#fields_edit .inputcontainer {
  width: 290px;
  float: left;
}

#fields_edit hr {
  border-bottom: 1px solid #ffffff;
  border-left: none;
  margin: 7px 0 14px;
}

i.cursor {
  cursor: pointer;
}

i.margin {
  margin: 5px;
}

div.dropped {
  cursor: all-scroll;
}

.sub_label {
  float: left;
  clear: both;
  margin-right: 10px;
  font-weight: bold;
}

.sub_data {
  float: left;
}

.pdfbuilder .item {
  clear: both;
  position: relative;
  padding-bottom: 10px;
  width: 100%;
  padding-top: 10px;
  margin-bottom: 0px;
  display: inline-block;
}

.pdfbuilder .fieldtype {
  padding: 5px 1%;
  background-color: #b5d4c7;
  font-weight: 400;
  color: #ffffff;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.78em;
  border-radius: 2px;
  text-align: center;
  width: 20%;
  margin-right: 2%;
  float: left;
}

.pdfbuilder .pageselector {
  margin-bottom: 20px;
  float: left;
  background-color: #ffffff;
  height: 36px;
  min-width: 120px;
}

#fields_edit .item .button {
  font-size: 0.9em;
  line-height: 20px;
  margin-top: 10px;
  float: left;
  margin-left: 0px;
  width: 91%;
}

.pdfbuilder #admin_banner .button_row a {
  margin-right: 10px;
  background-color: #fa5d4a;
  float: left;
  margin-left: 0px;
  padding: 5px 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.0em;
  border-radius: 2px;
}

.pdfbuilder .field-item {
  border: 3px solid #5ea285;
  position: relative;
  opacity: 0.6;
  background-color: #b5d4c7;
  z-index: 1;
}

.pdfbuilder .field-item:hover {
  opacity: 1;
}

.pdfbuilder .button {
  height: inherit;
}

.pdfbuilder #save.button {
  margin-bottom: 50px;
}

div.mini-form .clonedInput:not(:first-child) {
  float: right;
  border-bottom: 1px dashed #ccc;
  padding: 10px 0 !important;
}

div.mini-form .radios .radiocontainer {
  width: 45% !important;
}

a.icon {
  margin-left: 10px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  clear: both;
  letter-spacing: 0px;
  margin: 0px 0px 10px 0px;
  padding: 10px 0px 0px 0px;
}

h1 {
  font-size: 1.8em;
  color: #3E3E3E;
  padding: 3px 15px 10px 0px;
}

h2 {
  font-size: 2.0em;
  color: #3E3E3E;
  padding: 3px 15px 10px 0px;
}

h3 {
  font-size: 1.4em;
  color: #3E3E3E;
  margin-bottom: 10px;
}

h4 {
  font-size: 1.3em;
  color: #3E3E3E;
  margin-bottom: 10px;
}

h5 {
  font-size: 1.2em;
  color: #3E3E3E;
  margin-bottom: 10px;
  font-weight: 500;
}

h6 {
  font-size: 1.1em;
  color: #3E3E3E;
  margin-bottom: 10px;
  font-weight: 500;
}

#logo h1 {
  display: none;
}

#content h2 {
  line-height: 40px;
  border-bottom: 1px solid #DCDCDC;
  padding: 15px 0px 10px 0px;
}

.new_item h1, .new_item h2, .new_item h3, .new_item h4, .new_item h5, .new_item h6 {
  padding-top: 0px;
}

.new_item h3:first-child {
  padding-top: 10px;
  border-top: none;
}

.new_item .tab-content-buttons h4 {
  background-color: transparent;
  padding: 5px 0px;
  float: left;
  width: auto;
}

.asset h3, .new_item h3 {
  background-color: #F0F0F0;
  padding: 10px 0 10px 10px;
  margin-top: 10px;
  clear: both;
  float: left;
  width: 790px;
}

.asset h4, .new_item h4 {
  background-color: #F0F0F0;
  padding: 5px 10px;
  margin-top: 10px;
  margin-bottom: 0;
  float: left;
  width: 780px;
  margin-bottom: 10px;
}

.asset .quickstat_container .quickstat h4 {
  padding: 10px 0px 0px 0px;
  background-color: transparent;
}

.section_details h5 {
  margin-top: 4px;
  line-height: 1.3em;
}

.reports h4 {
  margin-bottom: 15px;
}

.content_stat h3 {
  font-size: 1.2em;
}

p {
  margin: 0 0 1.4em 0;
  color: #3E3E3E;
  line-height: 1.8em;
  font-size: 1.0em;
}

p.right {
  text-align: right;
}

p.last {
  margin-bottom: 0;
}

.sue_ellen {
  font-family: 'Sue Ellen Francisco', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  font-size: 3.0em;
  font-weight: 300;
  margin-bottom: 10px;
}

.span4 p {
  margin-bottom: 2px;
}

.page-intro p,
.instructions p {
  margin: 0 0 10px 0;
  font-style: italic;
  font-size: 0.95em;
  color: #777777;
}

.confirmation p {
  margin-bottom: 0px;
  font-size: 1.1em;
}

.red {
  color: #FA5D4A;
}

.green {
  color: #36BC4F;
}

.clear {
  clear: both;
}

.greytext {
  color: #949494;
}

.allcaps {
  text-transform: uppercase;
}

.lowercase {
  text-transform: none;
}

.weight500 {
  font-weight: 500;
}

.italic {
  font-style: italic;
}

.asset form .item p.filehistorylist {
  margin-bottom: 15px;
  clear: both;
  line-height: 20px;
}

ul, ol {
  margin: 5px 0px 20px 0px;
  list-style-type: none;
  color: #3E3E3E;
}

ol {
  list-style-type: decimal;
  padding-left: 30px;
}

ul.list {
  list-style-type: disc;
  padding-left: 5%;
  margin: 0;
}

ul {
  list-style-type: disc;
  padding-left: 5%;
  margin: 5px 0px 20px 0px;
}

ul li {
  list-style-type: disc;
  padding-top: 3px;
  padding-bottom: 3px;
  margin: 0;
}

#content ol {
  padding-left: 5%;
  margin: 5px 0px 15px 0px;
}

#content ol li {
  padding-top: 3px;
  padding-bottom: 3px;
  margin: 0;
}

.new_item ul {
  margin-left: 0px;
  padding-left: 0px;
  clear: both;
}

.new_item ul li {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
}

.new_item label.info ul li {
  padding-left: 15px;
}

.columnlist {
  padding-left: 0px;
  float: left;
  width: 30%;
  padding-right: 3%;
}

.columnlist ul {
  padding-left: 0px;
}

.columnlist li {
  list-style: none;
}

dl {
  margin: 1.5em 0;
}

dl dt {
  font-weight: bold;
}

a {
  color: #FA5D4A;
  text-decoration: none;
  outline: none;
}

a:hover {
  color: #DE4C3C;
}

p a {
  font-weight: 500;
}

h4.from a {
  color: black;
}

th a {
  color: #3E3E3E;
  text-decoration: underline;
}

.exportlink {
  float: right;
  line-height: 44px;
}

.button_row .exportlink {
  line-height: 24px;
}

img {
  margin: 0;
  padding: 0;
  border: none;
}

blockquote {
  margin: 0em 0 1.2em 0em;
  color: #3E3E3E;
  font-style: normal;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1.6em;
  line-height: 1.4em;
  padding: 15px;
  border-radius: 2px;
  background-color: #F0F0F0;
  float: left;
  text-shadow: 1px 1px 0 #FFFFFF;
}

strong {
  font-weight: bold;
}

em {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: italic;
}

pre {
  margin-bottom: 15px;
  padding: 0 10px;
  overflow: auto;
}

code {
  font: 11px Monaco, monospace;
  margin: 0;
  padding: 1px 3px;
  background: #f9f9d4;
}

abbr {
  border-bottom: 1px dotted #E3E3E3;
  cursor: help;
}

.info em {
  font-size: 0.9em;
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #DCDCDC;
  color: #DCDCDC;
  clear: both;
  float: left;
  width: 100%;
  height: 0.1em;
  margin: 20px 0 20px 0;
  border: none;
}

.new_item hr {
  margin: 10px 0 10px 0;
}

* html hr {
  margin: 0 0 1.2em 0;
}

/* IE6 fix */
table {
  margin-bottom: 1.4em;
  border-top: 0.1em solid #F0F0F0;
  border-left: 0.1em solid #F0F0F0;
}

table th, table td {
  height: 1em;
  padding: 0.2em 0.4em;
  border-bottom: 0.1em solid #F0F0F0;
  border-right: 0.1em solid #F0F0F0;
}

table th {
  font-weight: bold;
}

.new_item label.info h1 {
  margin-top: 10px !important;
}

.new_item label.info h2 {
  padding-top: 0px !important;
  border-bottom: none !important;
  margin-bottom: 0px !important;
}

.new_item label.info h3 {
  background-color: transparent !important;
  padding-top: 0px !important;
  padding-left: 0px !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

.new_item label.info h3, .new_item label.info h4 {
  padding: 0px !important;
  background-color: transparent !important;
}

.new_item label.info blockquote {
  width: 535px !important;
}

.new_item label.info blockquote p {
  margin-bottom: 0px !important;
}

#nav {
  width: 1000px;
  margin: 0 auto;
  padding: 0px;
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  float: left;
  height: 72px;
}

#subnav {
  width: 1000px;
  margin: -1px 0 0 auto;
  padding: 0px 0px;
  float: left;
  height: 66px;
  border-bottom: 1px solid #DCDCDC;
}

#subnav .navlist a:link, #subnav .navlist a:visited {
  font-size: 0.95em;
  height: 50px;
  text-shadow: none;
  letter-spacing: 1px;
}

#subnav .nav_break {
  font-size: 0.9em;
}

.navlist {
  margin: 0;
  padding-bottom: 0px;
  padding-left: 0px;
}

.navlist ul, .navlist li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.navlist a:link, .navlist a:visited {
  float: left;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.2em;
  text-transform: none;
  letter-spacing: 0.1em;
  text-decoration: none;
  color: #3E3E3E;
  height: 56px;
  text-shadow: 1px 1px 0 #FFFFFF;
}

.navlist .active a {
  color: #3E3E3E;
  border-bottom: 4px solid #3E3E3E;
}

.navlist a:hover {
  color: #3E3E3E;
  text-shadow: 1px 1px 0 #FFFFFF;
  border-bottom: 4px solid #3E3E3E;
}

.navlist #active a:link#current, .navlist #active a:visited#current {
  color: #3E3E3E;
  text-shadow: 1px 1px 0 #FFFFFF;
  border-bottom: 4px solid #3E3E3E;
}

#nav .navlist a:link, .navlist a:visited, #subnav .navlist a:link {
  margin: 12px 45px 0px 0px;
  padding: 0px;
}

.nav_break {
  clear: both;
  text-transform: none;
  letter-spacing: 0.5px;
  font-style: italic;
  font-size: 0.75em;
  font-weight: 400;
}

.nav_expander {
  display: none;
}

.footer_nav {
  padding-bottom: 10px;
  padding-top: 20px;
}

.footer_nav .navlist {
  height: 55px;
  float: left;
  margin-left: 0px;
  margin-right: 20px;
}

.footer_nav .navlist a:link, .footer_nav .navlist a:visited {
  padding-top: 0px;
  line-height: 50px;
  margin-right: 20px;
  border-bottom: none;
  font-size: 1.3em;
  margin-left: 0px;
  padding-left: 0px;
  margin-right: 30px;
  color: #FFFFFF;
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* For IE8 and earlier */
}

.footer_nav .navlist a:link#current, .footer_nav .navlist a:visited#current, .footer_nav .navlist a:hover {
  color: #DCDCDC;
  text-shadow: none;
  margin-left: 0px;
  padding-left: 0px;
  opacity: 1.0;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */
}

/* CSS Main Vertical List Menu */
.verticallist {
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

.verticallist ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.verticallist li {
  padding: 0px;
  overflow: hidden;
  margin: 0px 0px 3px 0px;
}

.verticallist a {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  display: block;
  padding: 10px 10px 10px 15px;
  color: #3E3E3E;
  text-decoration: none;
  margin: 0px;
  line-height: 22px;
  font-size: 1.0em;
  letter-spacing: 0.5px;
  text-shadow: 1px 1px 0 #FFFFFF;
}

.verticallist .active a,
.verticallist #active a:link#current,
.verticallist #active a:visited#current,
.verticallist a:hover {
  background-color: #FFFFFF;
  color: #3E3E3E;
  text-shadow: none;
  border-left: 3px solid #FA5D4A;
  /* #cce6db**/
  padding-left: 12px;
}

.hide_680 {
  display: block;
}

/*For super narrow windows and phones - image arrangement and nav arrangement changes here ********/
/*For super narrow windows and phones - image arrangement and nav arrangement changes here ********/
@media screen and (max-width: 680px) {
  .footer_nav {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .footer_nav .contentholder .navlist {
    height: auto;
    width: 96.2%;
    margin-right: 1.9%;
    margin-left: 1.9%;
    margin-bottom: 20px;
  }
  .footer_nav .right {
    width: 96.2%;
    margin-right: 1.9%;
    margin-left: 1.9%;
    float: left;
    text-align: left;
  }
}

table.notes {
  margin: 10px 0;
}

table.notes tr:last-child {
  border-bottom: none !important;
}

table.notes tr td.column1 {
  min-width: 100px;
}

legend {
  margin-left: -10px;
  font-weight: 100;
  color: #5da6db;
  font-family: 'Josefin Sans', 'Open Sans', Helvetica, Arial, sans-serif;
  letter-spacing: 2px;
  font-size: 1.4em;
}

legend span {
  font-weight: 100;
}

textarea {
  font-size: 1.0em;
}

select {
  border: solid 1px #F0F0F0;
  color: #3E3E3E;
  margin-bottom: 10px;
  font-weight: 100;
  font-family: 'Open Sans', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  font-size: 1.0em;
  clear: both;
}

input {
  color: #3E3E3E;
  font-family: 'Open Sans', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif, 1.3em;
  clear: both;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.0em;
}

.subscribeB {
  text-align: right;
  margin-bottom: 0px;
}

.subscribeB input {
  border: none;
  padding: 0px;
  width: 50%;
  margin-top: 5px;
  margin-bottom: 0px;
}

.field_error {
  margin-bottom: 20px;
  font-style: italic;
  color: #FA5D4A;
}

.upload_numerous_files.asset_right .field_prompt {
  margin-left: 0 !important;
}

.upload_numerous_files.asset_right .new-upload .field_prompt {
  margin-left: 0 !important;
}

#login {
  width: 463px;
  margin: auto;
  padding-top: 100px;
}

#login form {
  width: 276px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 20px;
}

#login input {
  width: 248px;
  border: none;
  padding: 16px;
  color: #3E3E3E;
  margin-bottom: 10px;
  font-size: 1.3em;
  clear: both;
  background-color: #DCDCDC;
}

#login input:focus {
  background: #F0F0F0;
  border: none;
}

#login input.button_login {
  width: 58px;
  padding: 0px;
  background-color: transparent;
  float: right;
}

.forget-padding {
  width: 276px;
  margin: auto;
}

h3 + .item {
  border-top: 1px dashed #DCDCDC;
}

h4 + .item {
  border-top: 1px dashed #DCDCDC;
}

.field_description + .item {
  border-top: 1px dashed #DCDCDC;
}

.item_description + .item {
  border-top: 1px dashed #DCDCDC;
}

.asset.compose .item label.info {
  width: 574px;
}

.asset.new_item .item label.info {
  width: 574px;
}

.asset.details label {
  background-color: transparent;
  border-top: none;
  border-bottom: none;
}

.asset.details label.info {
  border-right: none;
  margin-bottom: 0;
}

.asset.details .item {
  clear: both;
  border-bottom: 1px dashed #DCDCDC;
  padding: 10px 0px;
}

.asset.details .item.third label {
  width: 80px;
  padding-right: 5px;
  clear: none;
}

.asset.details .item.third input {
  width: 140px;
  clear: none;
  float: left;
  margin-right: 10px;
}

.asset.details .item.third input:last-of-type {
  margin-right: 0;
  float: right;
}

.asset.details .item.half label {
  width: 120px;
  padding-right: 5px;
  clear: none;
}

.asset.details .item.half input {
  width: 235px;
  clear: none;
  float: left;
  margin-right: 20px;
}

.asset.details .item.half input:last-of-type {
  margin-right: 0px;
  float: right;
}

.item_profile {
  clear: both;
}

.basicform label.noteditable {
  clear: none;
  float: left;
  width: 506px;
  line-height: 32px;
  text-transform: none;
  padding: 5px 0px;
  text-align: left;
}

.asset.profile h3 {
  width: 785px;
}

.asset.profile .item {
  width: 800px;
}

.asset.profile-edit h3 {
  width: 785px;
}

.asset.profile-edit .item {
  width: 790px;
}

.select_box .checkbox_container {
  width: 37px;
  height: 37px;
  text-align: center;
  float: left;
  background-color: #DCDCDC;
  margin: 0px 5px 0px 0px;
  border-radius: 2px;
}

.select_box input[type='checkbox'] {
  margin: 12px;
  width: 13px;
}

.select_box select {
  color: white !important;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  background-color: #DCDCDC;
  padding: 5px 5px 5px 8px;
  float: left;
  width: 280px;
  clear: none;
  height: 37px;
  text-transform: uppercase;
  border: none;
  border-radius: 0px;
  line-height: 17px;
}

.expand_all {
  line-height: 27px;
  background-color: transparent;
  padding: 5px 0px 5px 0px;
  float: right;
  margin: 0px 0px 0px 0px;
}

.reports .select_box .checkbox_container {
  margin: 0px 0px 0px 0px;
  background-color: transparent;
  width: 200px;
  text-align: right;
}

.asset .item .uploadFile .field_prompt, .asset .item .uploadImage .field_prompt {
  margin-left: 0;
}

#message-form-forward {
  margin-bottom: 10px;
  border-top: dashed 1px #DCDCDC;
}

#message-form-forward .field {
  width: 800px;
}

.compose .item .input_description p {
  line-height: 23px !important;
}

.compose textarea {
  padding: 10px;
  width: 740px;
}

.compose label {
  clear: both;
  width: 82px;
  float: left;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.compose .field {
  float: left;
  width: 790px;
  padding: 10px 0 0 0;
}

.compose .field label {
  float: left;
  font-weight: 400;
  background-color: #FFFFFF;
  padding: 0 10px 0 0;
  border-top: none;
  border-bottom: none;
  margin-bottom: 0px;
  width: auto;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 20px;
  width: 110px;
}

.compose .field label p {
  clear: both;
}

.compose .field label.label_data {
  text-transform: none;
  float: left;
  line-height: 38px;
  width: auto !important;
  max-width: 640px;
  padding-left: 10px !important;
  line-height: 20px !important;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  clear: none;
}

.compose .field label.label_data.nano {
  height: 100px;
  margin-left: 10px;
  width: 100% !important;
}

.compose .field p {
  margin-bottom: 0px;
  overflow: auto;
  clear: none;
  float: left;
  line-height: 30px;
}

.compose .field .input_description, .compose .field .field_description {
  width: 554px;
  margin-bottom: 10px;
  float: right;
  clear: none;
  padding: 10px;
  background-color: #F8F8F8;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.compose .field .input_description ul, .compose .field .field_description ul {
  margin-top: 0;
  margin-bottom: 0;
}

.compose .field .input_description ul li, .compose .field .field_description ul li {
  line-height: 18px;
  font-size: 12px;
}

.compose .field .input_description ul li:before, .compose .field .field_description ul li:before {
  content: '-';
  color: #FA5D4A;
  font-size: 17px;
  padding-right: 5px;
}

.compose .field .input_description p, .compose .field .field_description p {
  font-style: italic;
  font-size: 12px;
}

.compose .field .action {
  margin: 5px 0 0 226px;
  display: inline-block;
  float: left;
}

.compose .field .action ul {
  margin: 0;
}

.compose .field .action ul li {
  display: inline-block;
  padding: 3px 3px 3px 0;
  line-height: 16px;
  float: left;
  clear: both;
}

.compose .field .asset_right {
  width: 502px;
  padding: 0px;
  float: left;
  margin-bottom: 10px;
}

.compose .field input[type="checkbox"].inline_checkbox {
  height: 30px;
  padding: 0px 5px;
  float: left;
  clear: none;
  margin-bottom: 10px;
  margin-top: 5px;
}

.compose .field input[type="radio"],
.compose .field input[type="checkbox"] {
  height: 30px;
  padding: 0px 5px;
  margin-bottom: 0px;
}

.compose .field .field_error, .compose .field .field_prompt {
  clear: both;
  margin-left: 216px;
  margin-bottom: 10px;
  font-style: italic;
}

.compose .field .radiocontainer {
  width: 556px;
  float: left;
  height: 26px;
}

.compose .field .radiocontainer .radioimage {
  width: 84px;
  float: left;
  margin: 0px 20px 0px 0px;
}

.compose .field .radiocontainer .radioimage input[type="radio"] {
  width: 10px;
  border: solid 1px #F0F0F0;
  padding: 15px 10px;
  color: #3E3E3E;
  margin: 15px 37px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 100;
  clear: none;
  text-align: center;
}

.compose .field .radiocontainer .field_prompt {
  margin-left: 0;
  margin-bottom: 20px;
}

.compose .field .radiocontainer .showupload {
  margin-bottom: 20px;
}

.compose .field img.preview {
  border: 4px solid #E3E3E3;
  border-radius: 90px;
  margin-top: 0px;
  width: 140px;
  height: 140px;
}

.compose .reply-subject {
  height: 60px;
  line-height: 36px;
}

.compose form p {
  margin-bottom: 0px;
}

.compose input {
  width: 666px;
  height: 36px;
  padding: 0px 5px;
  border: 1px solid #DCDCDC;
}

.compose textarea {
  width: 760px;
  border: 1px solid #DCDCDC;
  height: 200px;
  margin-bottom: 10px;
}

.compose .message_body {
  clear: both;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 0;
  border-top: 1px dashed #E3E3E3;
  float: left;
  margin: 10px 0 0 0;
}

.compose .messagebody {
  margin-top: 10px;
}

.compose .field_error, .compose .field_prompt {
  clear: both;
  margin-left: 277px;
  margin-bottom: 5px;
  font-style: italic;
}

.compose .input_description, .compose .field_description {
  width: 554px;
  float: right;
  clear: none;
  font-style: italic;
  line-height: 43px;
  margin-top: 15px;
}

.compose input.agree {
  border: none;
  padding-right: 50px;
  line-height: 18px;
  color: #3E3E3E;
  margin: 10px 0px 10px 240px;
  font-size: 1.0em;
  text-transform: uppercase;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.2em;
  clear: both;
  float: left;
  background: url("../images/button_arrow.png") top right no-repeat #B5D4C7;
}

.compose input[type="submit"] {
  border: none;
  padding-right: 50px;
  line-height: 18px;
  color: white;
  margin: 10px 0px 10px 240px;
  font-size: 1.0em;
  text-transform: uppercase;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.2em;
  clear: both;
  float: left;
  background: url("../images/button_arrow.png") top right no-repeat #B5D4C7;
}

.compose img.preview {
  border: 4px solid #CCE6DB;
  float: left;
}

.dashboard-images-container {
  width: 768px;
}

.dashboard-images-container .single-dashboard-image-container {
  border-bottom: 1px dashed #DCDCDC;
  padding-bottom: 10px;
}

.dashboard-images-container .dashboard-image {
  float: left;
}

.dashboard-images-container .dashboard-image img {
  width: 768px;
}

.compose_buttons {
  width: 800px;
}

.compose_buttons .select2-container.event {
  width: 573px !important;
}

.compose_buttons a#send-pod {
  float: left;
}

.compose_buttons .invite-attach {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}

.message_info_first {
  border-top: 1px solid #E3E3E3;
  margin-top: 0px;
  float: left;
}

.message_info {
  border-top: 1px solid #E3E3E3;
  margin-top: 10px;
  float: left;
}

.message_info_last {
  border-top: 1px solid #E3E3E3;
  margin-top: 0px;
  padding-top: 20px;
  float: left;
}

ul.message_list {
  margin: 0px;
}

#message-form-reply .field {
  float: left;
}

#content .asset form .compose-subbtns {
  margin-top: 10px;
}

.asset.details .item_profile {
  clear: both;
  overflow: auto;
  border-bottom: none;
  position: absolute;
  top: 73px;
  right: 0;
  background-color: #FFFFFF;
  padding: 10px 10px 0px 10px;
  width: 149px;
  z-index: 1;
}

.asset.details .item_profile label {
  display: none;
}

.asset.details .item_profile img {
  width: 146px;
}

.asset.details .item_profile img.preview {
  border: 4px solid #E3E3E3;
  border-radius: 90px;
  margin-top: 0px;
  width: 140px;
  height: 140px;
}

.button_row .save-all-changes {
  clear: none !important;
  margin: 0 !important;
}

.button_row #demo.left {
  margin-bottom: 0 !important;
}

.button_row .dateField {
  width: 97px;
  height: 30px;
  padding: 0px 0px 0px 10px;
  border: 4px solid #F0F0F0;
  clear: none;
  float: left;
  margin: 0 10px 0 0;
}

.button_row .submitB {
  margin: 0 !important;
}

input[type="submit"].save-all-changes {
  font-weight: 400 !important;
  color: white !important;
}

.basicform .input_description {
  float: left;
}

.asset .number_bin, .basicform .number_bin {
  float: right;
  padding-right: 15px;
}

.asset .number_bin p, .basicform .number_bin p {
  line-height: 24px !important;
}

.asset .number_bin .delete, .basicform .number_bin .delete {
  padding-left: 10px;
  font-size: 16px;
  line-height: 22px;
  cursor: pointer;
}

.asset .number_bin .delete:hover, .basicform .number_bin .delete:hover {
  color: #B5D4C7;
  font-weight: bold;
}

.asset .item.wikitude-url-file input, .basicform .item.wikitude-url-file input {
  margin-bottom: 10px;
}

.asset .item.wikitude-url-file .input_description, .asset .item.wikitude-url-file .field_description, .basicform .item.wikitude-url-file .input_description, .basicform .item.wikitude-url-file .field_description {
  margin-bottom: 0;
}

.asset .item:first-child,
.asset .item:first-of-type, .basicform .item:first-child,
.basicform .item:first-of-type {
  border-top: 1px dashed #DCDCDC;
}

.asset input, .basicform input {
  width: 556px;
  height: 36px;
  padding: 0px 0px 0px 10px;
  border: 4px solid #F0F0F0;
  clear: none;
  float: right;
  margin: 0;
}

.asset .item, .basicform .item {
  border-bottom: 1px dashed #DCDCDC;
  float: left;
  width: 800px;
  padding: 10px 0 10px 0;
}

.asset .item .dropdown, .basicform .item .dropdown {
  margin: 0;
  position: relative;
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  width: 574px !important;
  float: right;
  clear: none;
  height: 40px;
}

.asset .item .add-maps-center-location, .basicform .item .add-maps-center-location {
  width: 556px;
  margin-bottom: 10px;
  float: right;
}

.asset .item .picker--time, .basicform .item .picker--time {
  right: 0px;
  top: 120px;
}

.asset .item label, .basicform .item label {
  clear: both;
  float: left;
  line-height: 24px;
  font-weight: 400;
  background-color: #FFFFFF;
  padding: 8px 30px 0px 10px;
  border-top: none;
  border-bottom: none;
  min-height: 32px;
  margin-bottom: 0px;
  width: 170px;
}

.asset .item label p, .basicform .item label p {
  clear: both;
}

.asset .item label.info, .basicform .item label.info {
  clear: none;
  float: right;
  width: 557px;
  line-height: 28px;
  text-transform: none;
  padding: 5px 0px;
  margin-bottom: 0px;
  font-weight: 300;
  min-height: 28px;
}

.asset .item label.info p a, .basicform .item label.info p a {
  float: none;
}

.asset .item label.info a, .basicform .item label.info a {
  float: left;
}

.asset .item label.info .field_prompt, .basicform .item label.info .field_prompt {
  margin-left: 0;
}

.asset .item label.info input[type="checkbox"], .basicform .item label.info input[type="checkbox"] {
  margin-left: 0;
}

.asset .item label.info.checkbox, .basicform .item label.info.checkbox {
  width: 574px;
}

.asset .item label.label_radio, .basicform .item label.label_radio {
  width: 285px;
  float: right;
  clear: none;
  padding-left: 0;
  padding-right: 0;
  line-height: 36px;
  text-transform: none;
}

.asset .item p, .basicform .item p {
  margin-bottom: 0px;
  overflow: auto;
  clear: none;
  float: left;
  line-height: 30px;
}

.asset .item .label_radio input[type="radio"], .basicform .item .label_radio input[type="radio"] {
  float: left;
  height: 37px;
  margin-right: 5px;
  width: 20px;
}

.asset .item .app_logo_title, .basicform .item .app_logo_title {
  min-height: 16px;
  line-height: 16px;
  width: 340px;
}

.asset .item .layout-images-dropdown, .basicform .item .layout-images-dropdown {
  width: 390px !important;
}

.asset .item .image_info_container, .basicform .item .image_info_container {
  float: left;
  width: 390px;
  margin-right: 20px;
}

.asset .item .logo_image_container, .basicform .item .logo_image_container {
  float: left;
  width: 390px;
}

.asset .item .logo_image_container .submitB, .basicform .item .logo_image_container .submitB {
  padding: 10px 43px 10px 10px;
}

.asset .item .logo_image_container .uploadImage, .basicform .item .logo_image_container .uploadImage {
  width: 549px;
  float: left;
}

.asset .item .logo_image_container input[type="file"].nicefile, .basicform .item .logo_image_container input[type="file"].nicefile {
  width: 549px;
}

.asset .item .image-logoupload,
.asset .item .image-transparent, .basicform .item .image-logoupload,
.basicform .item .image-transparent {
  display: inline-block;
  clear: both;
  float: left;
  margin-bottom: 10px;
}

.asset .item .label_description.grey_label, .basicform .item .label_description.grey_label {
  background-color: #F8F8F8;
  width: 280px;
  padding: 10px;
}

.asset .item .label_description, .basicform .item .label_description {
  clear: both;
  float: left;
  line-height: 18px;
  font-weight: 400;
  background-color: #fff;
  padding: 0 30px 0px 10px;
  border-top: none;
  border-bottom: none;
  min-height: 32px;
  margin-bottom: 0px;
  font-size: 12px;
  margin-top: 10px;
}

.asset .item .label_description p, .basicform .item .label_description p {
  line-height: 18px;
  font-style: italic;
}

.asset .item .label_description ul, .basicform .item .label_description ul {
  margin-top: 0;
  font-style: italic;
}

.asset .item .label_description ul li, .basicform .item .label_description ul li {
  padding-top: 0;
}

.asset .item .input_description, .asset .item .field_description, .basicform .item .input_description, .basicform .item .field_description {
  width: 554px;
  margin: 10px 0 0 0;
  float: right;
  clear: none;
  padding: 10px;
  background-color: #F8F8F8;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.asset .item .input_description ul, .asset .item .field_description ul, .basicform .item .input_description ul, .basicform .item .field_description ul {
  margin-top: 0;
  margin-bottom: 0;
}

.asset .item .input_description ul li, .asset .item .field_description ul li, .basicform .item .input_description ul li, .basicform .item .field_description ul li {
  line-height: 18px;
  font-size: 12px;
}

.asset .item .input_description ul li:before, .asset .item .field_description ul li:before, .basicform .item .input_description ul li:before, .basicform .item .field_description ul li:before {
  content: '-';
  color: #FA5D4A;
  font-size: 17px;
  padding-right: 5px;
}

.asset .item .input_description p, .asset .item .field_description p, .basicform .item .input_description p, .basicform .item .field_description p {
  font-style: italic;
  font-size: 12px;
  line-height: 16px;
}

.asset .item .action, .basicform .item .action {
  margin: 5px 0 0 226px;
  display: inline-block;
  float: left;
}

.asset .item .action ul, .basicform .item .action ul {
  margin: 0;
}

.asset .item .action ul li, .basicform .item .action ul li {
  display: inline-block;
  padding: 3px 3px 3px 0;
  line-height: 16px;
  float: left;
  clear: both;
}

.asset .item .asset_right, .basicform .item .asset_right {
  width: 574px;
  padding: 0px;
  float: right;
}

.asset .item input[type="checkbox"].inline_checkbox, .basicform .item input[type="checkbox"].inline_checkbox {
  height: 30px;
  padding: 0px 5px;
  float: left;
  clear: none;
  margin-bottom: 10px;
  margin-top: 5px;
}

.asset .item input[type="radio"],
.asset .item input[type="checkbox"], .basicform .item input[type="radio"],
.basicform .item input[type="checkbox"] {
  height: 30px;
  padding: 0px 5px;
  margin-bottom: 0px;
  float: right;
  width: 576px;
}

.asset .item input[type="checkbox"], .basicform .item input[type="checkbox"] {
  width: 20px;
  float: left;
  margin-left: 16px;
}

.asset .item .field_error, .asset .item .field_prompt, .basicform .item .field_error, .basicform .item .field_prompt {
  clear: both;
  margin-left: 226px;
  font-style: italic;
}

.asset .item .field_error, .basicform .item .field_error {
  margin-bottom: 10px;
}

.asset .item .field_prompt, .basicform .item .field_prompt {
  margin-bottom: 0;
}

.asset .item .radios .radiocontainer .inline input[type="checkbox"], .basicform .item .radios .radiocontainer .inline input[type="checkbox"] {
  width: 20px;
}

.asset .item .radiocontainer.layout_images_radio, .basicform .item .radiocontainer.layout_images_radio {
  width: 389px;
  float: left;
}

.asset .item .radiocontainer.layout_images_radio .inline input[type="radio"], .basicform .item .radiocontainer.layout_images_radio .inline input[type="radio"] {
  width: 20px;
}

.asset .item .radiocontainer.layout_images_radio .radioimage:nth-child(3n), .basicform .item .radiocontainer.layout_images_radio .radioimage:nth-child(3n) {
  margin-right: 0;
}

.asset .item .radiocontainer.layout_images_radio .radioimage, .basicform .item .radiocontainer.layout_images_radio .radioimage {
  width: 116px;
  float: left;
  margin: 0px 20px 0px 0px;
}

.asset .item .radiocontainer.layout_images_radio .radioimage .icon-preview, .basicform .item .radiocontainer.layout_images_radio .radioimage .icon-preview {
  width: 116px;
  height: auto;
}

.asset .item .radiocontainer.layout_images_radio .radioimage input[type="radio"]#splash_screen, .basicform .item .radiocontainer.layout_images_radio .radioimage input[type="radio"]#splash_screen {
  margin: 15px 52px;
}

.asset .item .radiocontainer.layout_images_radio .radioimage input[type="radio"], .basicform .item .radiocontainer.layout_images_radio .radioimage input[type="radio"] {
  width: 10px;
  border: solid 1px #F0F0F0;
  padding: 15px 10px;
  color: #3E3E3E;
  margin: 15px 37px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 100;
  clear: none;
  text-align: center;
}

.asset .item .radiocontainer.layout_images_radio .field_prompt, .basicform .item .radiocontainer.layout_images_radio .field_prompt {
  margin-left: 0;
  margin-bottom: 20px;
}

.asset .item .radiocontainer.layout_images_radio .showupload, .basicform .item .radiocontainer.layout_images_radio .showupload {
  margin-bottom: 20px;
}

.asset .item img.preview, .basicform .item img.preview {
  border: 4px solid #E3E3E3;
  margin-top: 0px;
  width: 140px;
  height: 140px;
}

.asset form p, .basicform form p {
  margin-bottom: 0px;
  overflow: auto;
  clear: both;
}

.asset form input, .basicform form input {
  width: 556px;
  height: 36px;
  padding: 0px 0px 0px 10px;
  border: 4px solid #F0F0F0;
  clear: none;
  float: right;
  margin: 0;
}

.asset form input#share, .basicform form input#share {
  margin-left: 16px;
  padding: 0;
  height: 40px;
  float: left;
  width: 20px;
}

.asset form input[type="radio"], .asset form .asset input[type="checkbox"], .basicform form input[type="radio"], .basicform form .asset input[type="checkbox"] {
  width: 20px;
  height: 36px;
  padding: 0px 5px;
  border: 1px solid #DCDCDC;
}

.asset form .date_time_pickers, .basicform form .date_time_pickers {
  width: 264px;
  margin-left: 16px;
  margin-right: 10px;
  float: left;
}

.asset form .date_time_pickers:last-of-type, .basicform form .date_time_pickers:last-of-type {
  margin-right: 0;
  margin-left: 0;
}

.asset form .input_help, .basicform form .input_help {
  background: url("../images/input-help.png") no-repeat top right;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 1px;
  right: 2px;
}

.asset form textarea, .basicform form textarea {
  width: 546px;
  border: 4px solid #F0F0F0;
  height: 200px;
  margin-bottom: 0;
  font-weight: 100;
  font-family: 'Open Sans', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  font-size: 1.0em;
  padding: 10px;
  float: right;
}

.asset form input[type="file"], .basicform form input[type="file"] {
  width: 574px;
  height: 20px;
  padding: 11px 0 5px 0;
  border: none;
}

.asset form img.preview, .basicform form img.preview {
  border: 4px solid #CCE6DB;
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
}

.asset .submitB_right, .basicform .submitB_right {
  margin: 10px 0px 10px 0px;
  border: none;
  padding: 12px 55px 8px 15px;
  line-height: 18px;
  color: #3E3E3E;
  font-size: 1.0em;
  text-transform: uppercase;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  clear: both;
  float: right;
  background: url("../images/button_arrow.png") top right no-repeat #CCE6DB;
  width: auto;
  height: 38px;
}

.asset .split_input input, .basicform .split_input input {
  width: 265px;
}

.asset #reset .item, .basicform #reset .item {
  border-top: 0;
}

.checkbox_description {
  width: 466px;
  line-height: 38px;
}

.inline_checkbox_description {
  line-height: 38px;
  float: left;
  margin-right: 25px;
}

.edit .checkbox_description {
  width: 100px;
  line-height: 26px;
  font-size: 0.9em;
}

.asset label.info.position {
  width: 100px;
}

.asset label.info.position + input {
  width: 422px;
}

.asset label.info.between {
  width: 100px;
}

.asset label.info.between + input {
  width: 160px;
  float: left;
}

.asset input + label.info.between {
  width: 50px;
  padding-left: 20px;
}

.asset input + label.info.between + input {
  float: right;
}

.asset input[type="submit"], #content input[type="submit"] {
  margin: 10px 0px 10px 0px;
  border: none;
  padding-right: 50px;
  line-height: 18px;
  color: #FFFFFF;
  font-size: 1.0em;
  text-transform: uppercase;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  clear: both;
  float: left;
  background: url("../images/button_arrow.png") top right no-repeat #B5D4C7;
  width: auto;
  height: 38px;
  border-radius: 2px;
}

.new_item {
  padding: 0;
  overflow: auto;
  position: relative;
  float: left;
  width: 800px;
}

.new_item .new_item {
  width: 770px;
}

.new_item form {
  width: 100%;
  float: left;
  overflow: hidden;
}

.new_item .page-intro {
  width: 760px;
}

.asset_details {
  border: 5px solid #36BC4F;
  padding: 15px;
  margin-bottom: 20px;
  overflow: auto;
}

#tabbed-tabs {
  width: 100%;
  display: table;
  float: left;
}

#tabbed-tabs .paging_row {
  width: 770px;
}

#tabbed-tabs .select_box {
  width: 500px;
}

.tabbed-tab {
  display: table-cell;
  text-align: center;
  padding: 5px 5px 20px 5px;
}

.tabbed-tab:first-of-type {
  padding-left: 0;
}

.tabbed-tab:last-of-type {
  padding-right: 0;
}

.tabbed-tab a {
  padding: 10px;
  display: block;
  background-color: #FFFFFF;
  border: 3px solid #E3E3E3;
  color: #3E3E3E;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.85em;
  font-weight: 500;
}

.tabbed-tab:hover {
  background-image: url("../images/arrow-tab.png");
  background-repeat: no-repeat;
  background-position: bottom center;
}

.tabbed-tab:hover a {
  background-color: #E3E3E3;
  color: black;
}

.activetab {
  background-image: url("../images/arrow-tab.png");
  background-repeat: no-repeat;
  background-position: bottom center;
}

.activetab a {
  background-color: #E3E3E3;
  color: black;
}

.images-form-container form .item input[type="file"] {
  width: 390px !important;
}

.page-intro.add-general-student-fields-intro {
  border-bottom: 0;
}

#content .asset.tab-content {
  border: 5px solid #E3E3E3;
  padding: 10px;
  width: 770px;
}

#content .asset.tab-content .errorMsg {
  width: 750px;
  margin-top: 10px;
}

#content .asset.tab-content table {
  width: 770px;
}

#content .asset.tab-content .page-intro {
  width: 770px;
  margin-bottom: 10px;
}

#content .asset.tab-content .button_row {
  width: 770px;
  border-bottom: 1px dashed #DCDCDC;
  padding-bottom: 10px;
  margin-bottom: 0;
}

#content .asset.tab-content form h3 {
  width: 755px;
}

#content .asset.tab-content .item:first-of-type {
  border-top: 0;
}

#content .asset.tab-content .item {
  width: 770px;
}

#content .asset.tab-content .item textarea {
  width: 516px;
}

#content .asset.tab-content .item input[type="radio"] {
  width: 544px;
}

#content .asset.tab-content .item input {
  width: 526px;
}

#content .asset.tab-content .item input.nicefile {
  width: 544px;
}

#content .asset.tab-content .item input[type="checkbox"] {
  width: 20px;
}

#content .asset.tab-content .item .select2-container.pool,
#content .asset.tab-content .item .select2-container.event,
#content .asset.tab-content .item .select2-container.classified {
  width: 544px !important;
}

#content .asset.tab-content .item label.info {
  width: 544px;
}

#content .asset.tab-content .item .input_description, #content .asset.tab-content .item .field_description {
  width: 524px;
}

#content .asset.tab-content .item .asset_right {
  width: 544px;
}

#content .asset.tab-content h4 {
  width: 748px;
}

#content .asset.tab-content .tab-content-buttons {
  border-bottom: 1px solid #E3E3E3;
}

#content .asset.tab-content .tab-content-buttons h4 {
  width: auto;
  margin-top: 0;
}

#content .asset.tab-content .tab-content-buttons a img {
  width: 40px;
  margin-bottom: 10px;
}

.filter .dd-option .dd-option-value {
  display: none;
}

#content .filter input[type="submit"] {
  margin: 0px 0px 10px 0px;
  float: right;
}

#content .reports input[type="submit"] {
  margin: 10px 0px 35px 0px;
}

#content .reports input[type="submit"].expand {
  background: url("../images/button_arrow_expand.png") top right no-repeat #B5D4C7;
}

#content .asset input[type="submit"].submitB_right {
  clear: both;
  padding: 7px 13px;
  margin-left: 5px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1.0em;
  float: right;
  border-radius: 2px;
  background-image: none;
}

#content .asset a.submit.submitB_right {
  clear: none;
  padding: 10px 55px 10px 12px;
  background-color: #FA5D4A;
  color: #FFFFFF;
  height: auto !important;
  margin: 0;
}

#content .filterblock a.submit.submitB_right {
  height: auto !important;
  clear: none !important;
  float: right !important;
}

#content input[type="submit"].submitB_right {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  clear: both;
  padding: 7px 13px;
  margin-left: 5px;
  color: #FFFFFF;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1.0em;
  float: right;
  border-radius: 2px;
  background-image: none;
}

#content a.greenbuttonSM {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 10px 10px 10px 0px;
  border: none;
  padding: 12px 15px 12px 15px;
  line-height: 18px;
  color: #3E3E3E;
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  float: left;
  background: #CCE6DB;
  width: auto;
}

#content .select_box input[type="submit"] {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 0px 0px 10px 10px;
  border: none;
  padding: 8px 55px 8px 15px;
  line-height: 18px;
  color: #3E3E3E;
  font-size: 1.0em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  clear: none;
  float: left;
  background: url("../images/button_arrow.png") top right no-repeat #B5D4C7;
  width: auto;
  height: 37px;
}

#content p input[type="submit"] {
  margin: 10px 0px 10px 182px;
}

.asset_right {
  width: 391px;
  padding: 0px;
  float: left;
}

.tagging {
  min-height: 42px;
  width: 576px;
}

.split_input input.first {
  margin-right: 10px;
}

.split_input input.first_large {
  margin-right: 10px;
  width: 482px;
  height: 33px;
  padding: 0px 0px 0px 10px;
  border: 4px solid #F0F0F0;
  clear: none;
  float: left;
  margin: 0;
}

.asset.permissions .sub-permission.parent-no {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* For IE8 and earlier */
}

.filterblock {
  background-color: #E3E3E3;
  width: 760px;
  float: left;
  padding: 10px 20px;
  position: relative;
  border-radius: 2px;
  margin-top: 10px;
}

.filterblock h6 {
  font-size: 1.2em;
  margin-bottom: 10px;
}

.asset .filterblock {
  width: 760px;
}

.asset .filtercondition {
  width: 760px;
  margin-bottom: 15px;
  position: relative;
}

.asset .filtercondition label {
  width: 65px;
  background: none !important;
  padding: 0;
}

.asset .filtercondition input {
  width: 180px;
  margin-right: 0;
  float: left;
  clear: none;
  border: none !important;
}

.asset .filtercondition:last-of-type {
  margin-bottom: 20px;
}

.filtercondition {
  width: 760px;
  float: left;
}

.filtercondition .condition-value {
  width: 230px !important;
  margin-right: 10px;
  float: left;
  clear: none;
}

.filtercondition .condition-value:focus {
  background: #FFFFFF !important;
}

.filtercondition label {
  width: 75px;
  clear: both;
  float: left;
  line-height: 38px;
  text-transform: none;
  font-weight: 400;
}

.filtercondition .filter-cancel {
  width: 30px;
  height: 30px;
  float: left;
  padding: 4px;
}

.filtercondition input {
  width: 190px;
  margin-right: 10px;
  float: left;
  clear: none;
  height: 36px;
  padding: 0px 5px 0px 6px;
  border: 1px solid #DCDCDC;
}

.filterblock input[type="submit"] {
  padding: 10px 15px 15px 12px;
  line-height: 18px;
  background: #FFFFFF;
}

.asset .filterblock input[type="submit"], #content .filterblock input[type="submit"] {
  padding: 10px 15px 15px 12px;
  line-height: 18px;
  background-color: #FFFFFF;
}

#content input[type="submit"].submitB_right {
  clear: none;
  padding: 10px 13px;
  background-color: #FA5D4A;
  color: #FFFFFF;
}

#content .asset input[type="submit"].submitB_right {
  clear: none;
  background-color: #FA5D4A;
  color: #FFFFFF;
  background-color: #FA5D4A;
  color: #FFFFFF;
  float: left;
  line-height: 26px;
}

#content .asset .filterresult input[type="submit"].submitB_right {
  color: #3E3E3E;
  background: url("../images/button_arrow.png") top right no-repeat #CCE6DB;
  margin-top: 0px;
  margin-bottom: 0px;
}

#content .filterresult input[type="submit"].submitB_right {
  color: #3E3E3E;
  background: url("../images/button_arrow.png") top right no-repeat #CCE6DB;
  margin-top: 0px;
  margin-bottom: 0px;
}

.filterresult {
  border: 5px solid #FA5D4A;
  width: 760px;
  float: left;
  padding: 15px;
  margin: 10px 0;
}

.filterresult p {
  line-height: 38px;
}

.filter-dates {
  width: 28px;
  position: absolute;
  top: 7px;
  right: 56px;
  height: 28px;
}

td input[type="text"] {
  width: 510px;
  height: 26px;
  padding: 0px 5px;
  border: solid 1px #CCE6DB;
  padding: 8px 3% 8px 3%;
  color: #3E3E3E;
  margin-bottom: 0px;
  clear: both;
  float: left;
}

#content td input[type="submit"] {
  margin: 0px 0px 0px 0px;
  clear: none;
  padding: 13px 15px 13px 15px;
  background-color: #CCE6DB;
  background-image: none;
  height: 44px;
}

.gallery_image .asset input[type="radio"] {
  height: 26px;
  margin-bottom: 3px;
  float: left;
  margin-right: 5px;
  margin-left: 2px;
}

.gallery_image_info input[type="checkbox"] {
  height: 26px;
  margin-bottom: 3px;
  float: left;
  margin-right: 5px;
  margin-left: 2px;
}

.gallery_image_info input[type="text"] {
  width: 238px;
  height: 36px;
  padding: 0px 5px;
  border: 1px solid #DCDCDC;
  margin-bottom: 0px;
}

.gallery_image_info input[type="radio"] {
  width: 20px;
  height: 36px;
  padding: 0px 5px;
  border: 1px solid #DCDCDC;
  clear: both;
}

.gallery_image_info .checkbox_description {
  width: 100px;
  line-height: 26px;
  font-size: 0.9em;
  float: left;
}

.gallery_image_info label {
  clear: both;
  width: 182px;
  float: left;
  line-height: 38px;
}

.gallery_image_edit .checkbox_description {
  width: 100px;
  line-height: 38px;
  padding: 0px 0px 0px 5px;
  color: #FFFFFF;
}

.asset #online-map .map_add {
  width: 574px;
}

.asset .map_add {
  width: 556px;
  height: 500px;
  float: right;
}

.asset .map_add input {
  margin: 0px;
  width: 285px;
}

.asset .map_add .leaflet-map-pane .leaflet-objects-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper {
  height: 80px;
}

.asset .map_add .leaflet-map-pane .leaflet-objects-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
  float: left;
  padding: 10px;
}

.asset .map_add .leaflet-map-pane .leaflet-objects-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content div {
  float: left;
}

.asset .map_add .leaflet-map-pane .leaflet-objects-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content div p {
  float: left;
  clear: both;
}

.asset .map_add .leaflet-map-pane .leaflet-objects-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content div p a {
  clear: both;
}

.asset .map_add .field-description {
  margin-left: 0;
}

.asset .map_add .field-description input {
  float: left;
  width: 340px;
  margin-left: 182px;
}

.asset .map_add .field-description input[type="submit"] {
  margin: 0px 0px 0px 15px;
  clear: none;
  height: 38px;
  width: 210px;
}

.asset .map_add textarea {
  margin-left: 182px;
  height: 500px;
}

.asset label.not-editable {
  clear: none;
  float: right;
  width: 571px;
  line-height: 28px;
  text-transform: none;
  padding: 5px 0px;
  font-style: italic;
  color: #949494;
}

form .radios {
  float: right;
  width: 573px;
  margin-top: 8px;
}

form .radios .radiocontainer {
  width: 100%;
  float: left;
  margin-right: 20px;
  cursor: pointer;
}

form .radios .radiocontainer label {
  width: auto;
  line-height: 26px;
  padding: 0;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
}

form .radios .radiocontainer input[type="radio"] {
  margin-bottom: 0px;
  height: 26px;
  float: left;
  margin-right: 5px;
  width: 20px;
}

form .radios.app_icon_selector .radiocontainer {
  margin-right: 0px;
}

form .radios.app_icon_selector .radiocontainer .radioimage {
  width: 100px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

form .radios.app_icon_selector .radiocontainer .radioimage .checkbox {
  width: 100px;
  margin: 0 auto;
  text-align: center;
}

form .radios.app_icon_selector .radiocontainer .radioimage .checkbox input {
  float: none;
  margin-top: 10px;
}

form .radios.app_icon_selector .radiocontainer .app_icon_upload_new {
  margin-left: 0;
  margin-top: 10px;
}

form .radios.app_icon_selector .radiocontainer .app_icon_uploaded {
  margin-left: 0;
  margin-top: 10px;
  float: left;
}

form .radios.app_icon_selector .radiocontainer .app_icon_uploaded p {
  clear: both;
  float: none;
}

form .radios.app_icon_selector .radiocontainer .app_icon_uploaded img {
  margin-bottom: 0;
}

.uploadResumeDocumentsFile {
  float: right;
  width: 545px;
}

.basicform .item:first-of-type {
  border-top: 1px dashed #DCDCDC;
}

.half .basicform {
  width: 380px;
}

.half .basicform label {
  width: 380px;
  margin-right: 0px;
  text-align: left;
  line-height: 23px;
}

.half .basicform input[type="text"] {
  width: 358px;
  float: left;
  clear: both;
}

.half .basicform textarea {
  width: 358px;
  float: left;
  clear: both;
}

.half .basicform .radiocontainer {
  margin-left: 0px;
  float: left;
}

.half .basicform .radioimage {
  width: 84px;
  float: left;
  margin: 0px 30px 20px 0px;
}

.half .basicform .radioimage input[type="radio"] {
  width: 10px;
  border: solid 1px #F0F0F0;
  padding: 15px 10px;
  color: #3E3E3E;
  margin: 15px 37px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 100;
  clear: none;
  text-align: center;
}

.half .basicform .field_error, .half .basicform .field_prompt {
  clear: both;
  margin-left: 0px;
}

.half .basicform .input_description, .half .basicform .field_description {
  width: 380px;
  line-height: 20px;
  margin-bottom: 20px;
  font-style: italic;
}

.half .basicform input.agree {
  border: none;
  padding: 12px 55px 8px 15px;
  line-height: 18px;
  color: #3E3E3E;
  margin: 10px 0px 10px 0px;
  font-size: 1.0em;
  text-transform: uppercase;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.2em;
  clear: both;
  float: left;
  background: url("../images/button_arrow.png") top right no-repeat #CCE6DB;
}

.half .basicform input[type="submit"] {
  margin: 10px 0px 10px 0px;
  clear: both;
}

.half .basicform .fileinput-button .submitB {
  margin-top: 10px;
}

#content .filter .dd-select {
  background-color: #B5D4C7 !important;
  text-transform: uppercase;
}

#content .filter .dd-select a {
  color: #FFFFFF;
}

#content .filter label.dd-option-text {
  text-transform: uppercase;
  color: #3E3E3E;
  letter-spacing: 0.1em;
}

#content .filter .dd-container {
  float: right;
}

#content .filter ul li {
  padding: 0px;
}

#content .filter .dd-selected {
  font-weight: normal !important;
}

#content .filter .dd-options {
  border: none !important;
}

#content .filter .dd-option {
  padding: 10px !important;
  font-size: 0.9em;
}

.dd-container {
  float: left;
}

ul.dd-options li {
  padding: 0px;
}

.dd-selected {
  line-height: 17px;
  color: white !important;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

#content .dd-select {
  background-color: #DCDCDC;
  text-transform: uppercase;
  color: white !important;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  border-radius: 2px;
}

#content .dd-select a {
  color: white !important;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

#content label.dd-option-text {
  text-transform: uppercase;
  color: #3E3E3E;
  letter-spacing: 0.1em;
}

#content .select_box input[type="submit"].apply {
  border: none;
  padding: 10px;
  line-height: 18px;
  color: #FFFFFF;
  margin: 0px 0px 0px 5px;
  font-size: 1.0em;
  text-transform: uppercase;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  clear: none;
  float: left;
  background: #FA5D4A;
  border-radius: 2px;
}

#content .select_box input[type="submit"].go {
  border: none;
  padding: 10px;
  line-height: 18px;
  color: #FFFFFF;
  margin: 0px 0px 0px 5px;
  font-size: 1.0em;
  text-transform: uppercase;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  clear: none;
  float: none;
  background: #FA5D4A;
}

#content .select_box input[type="submit"].go_calendar {
  border: none;
  padding: 10px;
  line-height: 18px;
  color: #FFFFFF;
  margin: 0px 0px 0px 5px;
  font-size: 1.0em;
  text-transform: uppercase;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  clear: none;
  float: none;
  background: #FA5D4A;
  display: table-cell;
  vertical-align: top;
}

#content .select_box_calendar form input[type="submit"].go_calendar {
  border: none;
  padding: 10px;
  line-height: 18px;
  color: #FFFFFF;
  margin: 0px 0px 0px 5px;
  font-size: 1.0em;
  text-transform: uppercase;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  clear: none;
  float: none;
  background: #FA5D4A;
  display: table-cell;
  vertical-align: top;
}

input[type="file"], input[type="image"] {
  border: none;
}

input[type="image"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
}

.pagination {
  float: right;
}

.pagination ul li {
  display: inline-block;
  margin: 3px;
}

.pagination ul li a {
  display: block;
}

.apply, .dateField, a.pointer {
  cursor: pointer;
}

.sb-search {
  position: relative;
  width: 0%;
  min-width: 40px;
  height: 40px;
  float: right;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  -webkit-backface-visibility: hidden;
  background: #B5D4C7;
  border-radius: 2px;
}

.sb-search .fa-search {
  line-height: 40px;
  font-size: 1.3em;
}

.sb-search-input {
  width: 390px;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  outline: none;
  background: #B5D4C7;
  height: 40px;
  margin: 0;
  z-index: 10;
  padding: 10px;
  font-family: inherit;
  font-size: 20px;
  color: white;
  font-weight: 400;
  color: #fff;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.0em;
  margin: 0;
  padding: 0;
  border-radius: 2px;
}

.sb-search-input:focus {
  background: #B5D4C7 !important;
  color: white !important;
}

.sb-search-input::-webkit-input-placeholder {
  color: white;
}

.sb-search-input:-moz-placeholder {
  color: white;
}

.sb-search-input::-moz-placeholder {
  color: white;
}

.sb-search-input:-ms-input-placeholder {
  color: white;
}

.sb-icon-search,
.sb-search-submit {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

.sb-search-submit {
  background: #fff;
  /* IE needs this */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 8 */
  filter: alpha(opacity=0);
  /* IE 5-7 */
  opacity: 0;
  color: transparent;
  border: none;
  outline: none;
  z-index: -1;
}

.sb-icon-search {
  color: #fff;
  z-index: 90;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
  width: 50%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
  background: #B5D4C7;
  color: #fff;
  z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
  z-index: 90;
}

div.submitB,
a.submitB,
.submitB_right {
  border: none !important;
  padding: 10px 50px 10px 10px !important;
  line-height: 18px !important;
  color: #FFFFFF !important;
  font-size: 1.0em !important;
  text-transform: uppercase !important;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em !important;
  clear: both !important;
  float: left !important;
  background: url("../images/button_arrow.png") top right no-repeat #B5D4C7 !important;
  width: auto !important;
  cursor: pointer !important;
}

button.submitB_right {
  float: right !important;
}

div.submitB:hover,
a.submitB:hover {
  color: #fff !important;
  background-color: #3E3E3E !important;
}

.item a.submitB {
  margin: 0 !important;
}

.message_summary {
  cursor: pointer;
}

input[name=publishDate], .submitB_right {
  cursor: pointer;
}

.cke_chrome {
  float: right;
  width: 570px !important;
}

.ajax-load {
  min-height: 20px !important;
  width: 165px;
  height: 20px;
  background: transparent url("../images/ajax-loader.gif") no-repeat left;
}

.progress-ajax {
  min-height: 16px !important;
  height: 16px;
  width: 16px;
  position: absolute;
  float: right;
  bottom: 44px;
  left: 360px;
  right: 0;
}

#survey-form .filtercondition .select2-container.calendar.calendar-selection,
form .filtercondition .select2-container.calendar.calendar-selection,
#survey-form .filtercondition .select2-container.tagging-calendar,
form .filtercondition .select2-container.tagging-calendar {
  width: 193px !important;
  margin: 0;
  float: left;
}

#survey-form .filtercondition .select2-container.select2-container-multi.tagging-calendar,
form .filtercondition .select2-container.select2-container-multi.tagging-calendar {
  height: 25px !important;
}

.qtip-green {
  background-color: #CCE6DB;
  border-color: white;
  color: white;
}

.qtip-green .qtip-titlebar {
  background-color: #CCE6DB;
  color: black;
  border-bottom: 1px solid #E3E3E3;
  font-size: 14px;
  line-height: 1.2em;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.qtip-green .qtip-close .qtip-icon {
  background-position: -42px 0;
}

.qtip-content div.item {
  margin: 10px auto;
  border-bottom: 1px solid #E3E3E3;
}

.qtip-content div.item a {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 1.2em;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 500;
  display: block;
}

.qtip-content div.item a:hover {
  color: black;
}

.split_input input.first {
  margin-right: 6px;
}

a.submit {
  margin: 10px 0px 10px 0px;
  border: none;
  padding: 12px 55px 8px 15px;
  line-height: 18px;
  color: #3E3E3E;
  font-size: 1.0em;
  text-transform: uppercase;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.2em;
  clear: both;
  float: left;
  background: url("../images/button_arrow.png") top right no-repeat #CCE6DB;
  width: auto;
  max-height: 38px !important;
}

.logoupload {
  width: 120px;
  height: 120px;
}

.dashboard {
  width: 281px;
  height: 120px;
}

body.nobackground {
  background: none;
}

body.nobackground #header #logo {
  width: auto;
}

body.nobackground #content_container {
  padding-top: 0px;
}

pre {
  background: none;
}

.upload-file-container {
  display: inline-block;
  margin: 0;
  width: 573px;
  float: right;
}

.upload-file-container input[type="file"].filesUpload {
  width: auto;
  float: left;
}

.attached-events-container label {
  width: 80px;
}

#attachementsFiles {
  float: left;
}

span.close {
  cursor: pointer;
  background: transparent url("../images/button_close16.png") no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 12px 15px 0 0;
  float: left;
}

label.inline {
  width: auto;
}

.filter .dd-options {
  max-height: 350px !important;
}

.links table td:hover {
  cursor: auto;
}

#news-form .select2-container,
#survey-form .select2-container,
#jobs-form .select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  width: 574px !important;
  float: right;
}

#podcast-form .select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  width: 574px !important;
  float: right;
}

.required-elem:after {
  content: '*';
  padding: 1px;
  color: red;
  vertical-align: top;
}

#podcast-form .select2-container.length.lengthItem {
  width: 80px !important;
  margin-right: 4px !important;
  float: left;
}

#podcast-form .asset_right .select2-focusser.select2-offscreen {
  width: 80px;
}

div.gallery_contents div.gallery_image.wiki {
  position: relative;
}

table.podcast-result, table.podcast-result tr, table.podcast-result td {
  border: 0;
}

div.podcast-title {
  font-weight: bold;
}

div.podcast-description {
  max-height: 120px !important;
}

.w250x250 {
  width: 250px;
  height: 250px;
}

.asset_right2 {
  width: 574px;
  padding: 0 0 0 0;
  float: right;
}

#progress,
#progress.podcast {
  display: block;
  margin-right: 0;
  padding: 0;
  width: 800px;
  font-size: 100%;
  font-weight: normal;
}

#progress.podcast {
  width: 526px;
}

#progress.uploading,
#progress.podcast.uploading {
  padding: 0;
  background: #F0F0F0;
}

#ajax-content {
  background-color: #FFFFFF;
  color: black;
  width: 600px;
}

div#content.public-app {
  min-height: 1012px;
}

.asset .field_prompt_2 {
  clear: both;
}

.inline-confirmation,
.tab-confirmation {
  background-color: #CCE6DB;
  width: 760px;
  border: none;
  font-family: 'Muli', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  font-size: 1.0em;
  padding: 10px;
  float: left;
  margin: 0px 0px 10px 0px;
  font-style: italic;
}

.tab-confirmation {
  max-width: 750px;
}

.toBlock {
  overflow: hidden;
  float: left;
}

.item.item-result {
  margin: 10px 0px;
  padding: 5px 0px;
}

.fileinput-button {
  float: right;
}

.chat_summary {
  width: 79px;
  height: 70px;
  float: right;
  position: relative;
  cursor: pointer;
}

.chat_summary .chat_icon.on,
.chat_summary .chat_icon.off,
.chat_summary .chat_icon.loading {
  width: 79px;
  height: 70px;
}

.chat_summary .chat_icon.on {
  background: url("../images/button_videochat_on.png") no-repeat top right;
}

.chat_summary .chat_icon.off {
  background: url("../images/button_videochat_off.png") no-repeat top right;
}

.chat_summary .chat_icon.loading {
  background: url("../images/button_videochat_loading.gif") no-repeat top right;
}

.blockMsg, .blockElement {
  width: 100% !important;
  left: 0px !important;
}

.fileinput-button.layoutbutton {
  float: none;
  width: 254px;
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 35px;
  color: #FFFFFF;
  text-align: center;
  background-color: #CCE6DB;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  transition: width .6s ease;
}

.photos.preview img {
  width: 250px;
  height: 250px;
}

.leaflet-popup-content-wrapper {
  height: 100px;
}

div.filter-cancel {
  cursor: pointer;
}

.asset input[type="submit"],
#content input[type="submit"] {
  cursor: pointer;
}

.asset .filterblock a.submit,
#content .filterblock a.submit {
  padding: 10px 15px 15px 12px;
  line-height: 18px;
  background-color: white;
  margin: 0 !important;
}

div.notes {
  display: inline-block;
  color: #FA5D4A;
}

.chart {
  width: 800px;
  height: 275px;
}

.dashboard-to-hide, .progress-to-hide {
  margin: 10px;
  position: absolute;
  right: 10px;
}

th.wide-70 {
  width: 70px !important;
}

.auto {
  width: auto !important;
}

.margin-left-zero {
  margin-left: 0 !important;
}

.icon-preview {
  width: 100px;
  height: 100px;
  margin-right: 10px;
}

.black {
  color: black;
  margin: 0 5px;
}

.editForm .item input[type="checkbox"] {
  max-width: 400px !important;
  width: 400px !important;
}

form#studentsForm div.item_profile input[type="file"] {
  width: 512px !important;
}

div.innerpad.messages {
  min-height: 400px;
}

div.innerpad.messages input:focus {
  background: #FFFFFF !important;
}

div.innerpad.messages input.sb-search-input:focus {
  background: #B5D4C7 !important;
  border: none;
}

div.item#item-filter {
  overflow: hidden;
}

.nano {
  background: #E3E3E3;
  width: 500px;
  height: 210px;
}

.nano .nano-content {
  padding: 0 10px;
  overflow-x: hidden;
}

.nano .nano-pane {
  background: #949494;
}

.nano .nano-slider {
  background: #3E3E3E;
}

.form-buttons {
  float: left;
  padding-bottom: 20px;
}

/*
Version: 3.4.0 Timestamp: Tue May 14 08:27:33 PDT 2013
*/
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
      Force border-box so that % widths fit the parent
      container without overlap because of margin/padding.

      More Info : http://www.quirksmode.org/css/box.html
    */
  -webkit-box-sizing: border-box;
  /* webkit */
  -khtml-box-sizing: border-box;
  /* konqueror */
  /* firefox */
  -ms-box-sizing: border-box;
  /* ie */
  box-sizing: border-box;
  /* css3 */
}

.select2-container-multi.tagging .select2-choices {
  height: auto;
}

.select2-container-multi .select2-choices .select2-search-choice {
  line-height: 22px !important;
}

.select2-container.pool,
.select2-container.event,
.select2-container.classified {
  margin: 0;
  position: relative;
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  width: 574px !important;
  float: right;
}

.select2-container.calendar {
  width: 160px !important;
  margin: auto 5px;
}

.select2-container.match {
  width: 300px !important;
}

.select2-container.event {
  width: 678px !important;
}

.select2-container.pool.half {
  width: 265px !important;
}

.select2-container.keywords {
  width: 572px !important;
  float: right;
}

.select2-container.keywords input.select2-input {
  height: 40px;
}

.select2-container .select2-choice {
  display: block;
  height: 28px;
  padding: 5px 0 5px 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #B2B2B2;
  white-space: nowrap;
  line-height: 26px;
  color: #3E3E3E;
  text-decoration: none;
  border-radius: 0px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #FFFFFF;
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F0F0F0 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F0F0F0', GradientType = 0);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(50%, #F0F0F0));
  background-image: linear-gradient(top, #FFFFFF 0%, #F0F0F0 50%);
}

.select2-container .select2-choice span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url("../images/select2.png") right top no-repeat;
  cursor: pointer;
  outline: 0;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-container .select2-choice div {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #B2B2B2;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -ms-linear-gradient(top, #E3E3E3 0%, #F0F0F0 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#F0F0F0', endColorstr = '#F0F0F0', GradientType = 0);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), color-stop(60%, #F0F0F0));
  background-image: linear-gradient(top, #F0F0F0 0%, #F0F0F0 60%);
}

.select2-container .select2-choice div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/select2.png") no-repeat 0 1px;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #949494;
  border-radius: 0 0 4px 4px;
  background-image: -ms-linear-gradient(top, #F0F0F0 0%, #FFFFFF 90%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F0F0F0',GradientType=0 );
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), color-stop(90%, #FFFFFF));
  background-image: linear-gradient(top, #F0F0F0 0%, #FFFFFF 90%);
}

.select2-container.select2-allowclear .select2-choice span {
  margin-right: 42px;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-drop-mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9998;
}

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #FFFFFF;
  color: black;
  border: 1px solid #B2B2B2;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop-auto-width {
  border-top: 1px solid #B2B2B2;
  width: auto;
}

.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #B2B2B2;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #B2B2B2;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #FFFFFF url("../images/select2.png") no-repeat 100% -22px;
  background: url("../images/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left top, left bottom, color-stop(85%, #FFFFFF), color-stop(99%, #F0F0F0));
  background: url("../images/select2.png") no-repeat 100% -22px, linear-gradient(top, #FFFFFF 85%, #F0F0F0 99%);
}

.select2-search input.select2-active {
  background: #FFFFFF url("../images/select2-spinner.gif") no-repeat 100%;
  background: url("../images/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left top, left bottom, color-stop(85%, #FFFFFF), color-stop(99%, #F0F0F0));
  background: url("../images/select2-spinner.gif") no-repeat 100%, linear-gradient(top, #FFFFFF 85%, #F0F0F0 99%);
}

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #FFFFFF inset;
  box-shadow: 0 1px 0 #FFFFFF inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #F8F8F8;
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F0F0F0 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#ffffff',GradientType=0 );
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(50%, #F0F0F0));
  background-image: linear-gradient(top, #FFFFFF 0%, #F0F0F0 50%);
}

.select2-dropdown-open .select2-choice div {
  background: transparent;
  border-left: none;
  -webkit-filter: none;
          filter: none;
}

.select2-dropdown-open .select2-choice div b {
  background-position: -18px 1px;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border-top-color: transparent;
  background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#ffffff',GradientType=0 );
  background-image: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), color-stop(50%, #F0F0F0));
  background-image: linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 50%);
}

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results .select2-disabled {
  background: #F0F0F0;
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled.select2-highlighted {
  color: #3E3E3E;
  background: #F0F0F0;
  display: list-item;
  cursor: default;
}

.select2-results .select2-highlighted {
  background: #3875d7;
  color: #FFFFFF;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: white;
  color: black;
}

.select2-results .select2-selected {
  display: none;
}

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #F0F0F0;
  display: list-item;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results li em {
  background: #F0F0F0;
  font-style: normal;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results ul.select2-result-sub li .select2-result-label {
  padding-left: 20px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub li .select2-result-label {
  padding-left: 40px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub li .select2-result-label {
  padding-left: 60px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub li .select2-result-label {
  padding-left: 80px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub li .select2-result-label {
  padding-left: 100px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub li .select2-result-label {
  padding-left: 110px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub li .select2-result-label {
  padding-left: 120px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-more-results.select2-active {
  background: #F0F0F0 url("../images/select2-spinner.gif") no-repeat 100%;
}

.select2-more-results {
  background: #F0F0F0;
  display: list-item;
}

.select2-container.select2-container-disabled .select2-choice {
  background-color: #F0F0F0;
  background-image: none;
  border: 1px solid #F0F0F0;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice div {
  background-color: #F0F0F0;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  min-height: 26px;
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #B2B2B2;
  cursor: text;
  overflow: hidden;
  background-color: #FFFFFF;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F0F0F0), color-stop(15%, #FFFFFF));
  background-image: linear-gradient(top, #F0F0F0 1%, #FFFFFF 15%);
}

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #3E3E3E;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
  height: 28px;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #FFFFFF url("../images/select2-spinner.gif") no-repeat 100% !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #3E3E3E;
  cursor: default;
  border: 1px solid #B2B2B2;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #E3E3E3;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#F0F0F0', GradientType=0 );
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #F0F0F0), color-stop(50%, #F0F0F0), color-stop(52%, #F0F0F0), to(#F0F0F0));
  background-image: linear-gradient(top, #F0F0F0 20%, #F0F0F0 50%, #F0F0F0 52%, #F0F0F0 100%);
}

.select2-container-multi .select2-choices .select2-search-choice span {
  cursor: default;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #DCDCDC;
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi.select2-container-active .select2-choices {
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-default {
  color: #B2B2B2 !important;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url("../images/select2.png") right top no-repeat;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #F0F0F0;
  background-image: none;
  border: 1px solid #F0F0F0;
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #F0F0F0;
  background-image: none;
  background-color: #F0F0F0;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-selectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: absolute;
  outline: 0;
  left: 0px;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

.close-icon {
  margin-bottom: 0px;
  position: absolute;
  top: 30px;
  left: 97%;
  z-index: 1;
  color: #FA5D4A;
  cursor: pointer;
}

.button_row.excel-export {
  margin: 0px !important;
  width: auto !important;
  float: none !important;
}

.select_box.excel-search-space {
  width: 417px !important;
}

.showarchived {
  height: 30px;
  text-align: center;
  float: left;
  margin: 0px 7px 0px 0px;
  font-style: italic;
  background-color: #f0f0f0;
  padding: 8px 13px 0px 10px;
}

.showarchived label {
  cursor: pointer;
}

form#fieldsForm .select2-container.text-type {
  width: 100% !important;
  margin: 0;
  float: left;
}

/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
    background-image: url("../images/select2x2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
  .select2-search input {
    background-position: 100% -21px !important;
  }
}

.asset .item .item:first-of-type {
  border-top: none;
}

.asset form .item .item {
  border-bottom: none;
  width: 97%;
  padding: 2% 2% 2% 1%;
  background-color: #f1f1f1;
  margin-bottom: 10px;
}

.inputcontainer {
  width: 573px;
  float: right;
}

.order-tab {
  display: table-cell;
  border-right: 1px solid #ffffff;
  vertical-align: top;
}

.order-content {
  display: table-cell;
  vertical-align: top;
}

.item .item .sort {
  display: block;
  float: left;
  width: 30px;
  font-size: 1.2em;
  color: #3E3E3E;
  line-height: 32px;
  text-align: center;
  padding: 0px 8px 0 5px;
  cursor: move;
}

.asset form .item .order .item p {
  padding-left: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ffffff;
  width: 100%;
  margin-bottom: 10px;
}

.inputcontainer .item {
  width: 540px !important;
}

.item .item .order-content .order_input {
  width: 336px !important;
  margin: 0;
  position: relative;
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  float: right;
}

.item .item .order-content input {
  width: 326px !important;
}

.asset .order .item label {
  padding: 8px 20px 0px 10px !important;
}

.asset form .item .item label {
  background-color: transparent;
  border-top: none;
  border-bottom: none;
}

.item .label_description {
  color: #b2b2b2;
  font-style: italic;
  font-weight: 300;
  font-size: 0.9em;
  line-height: 1.6em;
}

.staff_select {
  margin-right: 4px !important;
  margin-top: 5px !important;
  padding-bottom: 10px !important;
}

.order-content {
  padding-left: 12px;
}

.signature_holder {
  padding-left: 4px;
}

.drag {
  width: 99%;
}

.ui-sortable-handle {
  padding-left: 12px;
}

.asset .item.drag label {
  padding: 8px 0px 0px 15px !important;
}

.asset .inputcontainer label {
  width: 110px !important;
}

.inputwrapper {
  /** this wraps around multiple inputs that belong to the same label, with text above each.**/
  width: 540px;
  float: right;
}

.inputcontainer {
  /** this contains multiple inputs that belong to the same label, where each child input has it's own label.**/
  width: 560px;
  float: right;
}

.asset .inputcontainer label {
  width: 110px !important;
}

.asset .inputcontainer label.info {
  width: 340px !important;
}

.asset .inputcontainer input {
  width: 370px;
}

.field_header {
  font-style: italic;
  font-weight: bold;
}

.asset.details .inputcontainer .item:last-of-type {
  border-bottom: none;
}

.inputcontainer input[type="checkbox"] {
  float: left;
  margin-top: 3px;
  margin-right: 6px;
}

.asset.details .item .item {
  border-bottom: none;
  width: 97%;
  padding: 2% 2% 2% 1%;
  background-color: #f1f1f1;
  margin-bottom: 10px;
}

.item .item input {
  width: 340px;
}

.asset .item .item:first-of-type {
  border-top: none;
}

.item .item h6 {
  padding-left: 10px;
  padding-top: 0px;
}

.item .item .sort {
  display: block;
  float: left;
  width: 30px;
  font-size: 1.2em;
  color: #3E3E3E;
  line-height: 32px;
  text-align: center;
  padding: 0px 8px 0 5px;
}

.order .item {
  display: table;
}

.order-tab {
  display: table-cell;
  border-right: 1px solid #ffffff;
  vertical-align: top;
}

.order-content {
  display: table-cell;
  vertical-align: top;
}

.order-content input {
  width: 300px;
}

.asset .order .item label {
  padding: 8px 20px 0px 10px !important;
  background-color: #f1f1f1;
}

.item .order .item input {
  width: 320px;
}

.asset .item .order .item p {
  padding-left: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ffffff;
  width: 100%;
  margin-bottom: 10px;
}

/*.select2-container.pool.staff_select {
    width: 336px !important;
}
*/
.select2-container.pool.staff_select.wide {
  width: 570px !important;
}

.select2-container.pool.staff_select_multi {
  width: 572px !important;
}

.studentportal .navlist a:link, .navlist a:visited {
  font-size: 1.0em;
}

#subnav {
  width: 1000px;
}

.studentportal #content {
  width: 1000px;
}

.studentportal #content h2 {
  border-bottom: none;
  background-color: #3E3E3E;
  /* this is the dark charcoal based background colour color of the color scheme ********/
  width: 980px;
  padding-top: 15px;
  padding-left: 20px;
  color: #FFFFFF;
  margin-bottom: 0px;
}

.studentportal #content_container {
  position: relative;
  overflow: hidden;
}

.studentportal #footer {
  width: 1000px;
  margin-left: 0px;
}

.studentportal .profile_button {
  cursor: pointer;
  width: 79px;
  height: 70px;
  float: right;
  position: relative;
}

.studentportal .button_row {
  width: 500px;
  margin: 13px 12px 12px 0px;
  float: right;
  position: absolute;
  top: 0;
  right: 0;
}

.studentportal .button_row a img {
  margin: 0px 0px 0px 10px;
}

.studentportal .nomarginbottom {
  margin-bottom: 0px;
}

.studentportal #contentcolumn_right .nomarginbottom:last-of-type {
  margin-bottom: 5px;
}

.studentportal .table {
  display: table;
  width: 100%;
}

.studentportal .table-cell {
  display: table-cell;
  vertical-align: top;
}

.studentportal .page_notes {
  width: 960px;
  padding: 15px 20px 15px 20px;
  float: left;
  border-bottom: 1px solid #DCDCDC;
}

.studentportal .page_notes p {
  margin-bottom: 0px;
}

.studentportal #twocolumn_wrapper {
  display: table;
  width: 1000px;
  padding: 0px 0px 0px 0px;
}

.studentportal #contentcolumn_full {
  width: 1000px;
  clear: both;
  margin-bottom: 20px;
}

.studentportal #contentcolumn_left {
  display: table-cell;
  width: 339px;
  border-right: 1px solid #E3E3E3;
  margin-bottom: 20px;
  vertical-align: top;
}

.studentportal #contentcolumn_left .innerpad {
  padding: 0px 30px 0px 0px;
}

.studentportal #contentcolumn_right {
  display: table-cell;
  width: 660px;
  vertical-align: top;
  height: 905px;
  overflow: hidden;
  position: relative;
}

.studentportal #contentcolumn_right .innerpad {
  padding: 20px 30px 0px 30px;
}

.actionbutton {
  margin: 10px 0px 10px 0px;
  border: none;
  padding: 11px 55px 10px 15px;
  line-height: 18px;
  font-size: 1.0em;
  text-transform: uppercase;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.2em;
  clear: both;
  float: left;
  background: url("../images/button_arrow.png") top right no-repeat;
  width: auto;
}

.actionbutton.lowlight {
  background-color: #CCE6DB;
  /* this is the light pastel highlight color of the color scheme ********/
  color: #3E3E3E;
}

.actionbutton.highlight {
  background-color: #FA5D4A;
  /* main highlight color of the color scheme **/
  color: #FFFFFF;
}

.studentportal .bg_A {
  background-color: #FA5D4A;
}

.studentportal .bg_A p {
  color: #FFFFFF;
}

.studentportal .bg_B {
  background-color: #CCE6DB;
}

.studentportal .bg_B p {
  color: #3E3E3E;
}

.studentportal .bg_C {
  background-color: #3E3E3E;
}

.studentportal .bg_C p {
  color: #FFFFFF;
}

.studentportal .bg_D {
  background-color: #DCDCDC;
}

.studentportal .bg_D p {
  color: #3E3E3E;
}

.studentportal .nomin_container #content {
  min-height: inherit;
}

.studentportal .nomin_container #content #contentcolumn_full {
  margin-bottom: 0px;
}

.studentportal #dashboard_image {
  width: 1000px;
  height: 335px;
  margin: 0px 0px 10px 0px;
  position: relative;
}

.studentportal img {
  width: 1000px;
  max-width: 1000px;
}

.studentportal #dashboard_stats {
  height: 335px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  background: url("../images/dashboard_stats_bg.png") transparent repeat top left;
  overflow: hidden;
}

.studentportal #dashboard_stats .innerpad {
  overflow: hidden;
}

.studentportal #dashboard_col_holder {
  width: 1000px;
  display: table;
}

.studentportal .stat {
  clear: both;
  font-family: 'Pathway Gothic One', 'Muli', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  font-size: 2.2em;
  color: #FFFFFF;
  letter-spacing: 0.05em;
  font-weight: 100;
}

.studentportal .stat .figure {
  font-size: 3.6em;
  line-height: 0.8em;
  padding-right: 10px;
}

.studentportal .stat.clear_none {
  clear: none;
}

.studentportal .green {
  color: #36BC4F;
}

.studentportal .orange {
  color: #EF7600;
}

.studentportal .red {
  color: #E40A0A;
}

.studentportal #dashboard_col1,
.studentportal #dashboard_col2,
.studentportal #dashboard_col3 {
  display: table-cell;
  vertical-align: top;
}

.studentportal #dashboard_col1 {
  width: 250px;
}

.studentportal #dashboard_col2 {
  width: 400px;
  background-color: #3E3E3E;
  /* this is the dark charcoal based background colour color of the color scheme ********/
}

.studentportal #dashboard_col3 {
  width: 330px;
  background-color: #FA5D4A;
}

.studentportal #dashboard_col_spacer {
  width: 10px;
}

.studentportal .onclick:hover {
  /* hover over onlick divs with a pointer finger **/
  cursor: pointer;
}

.studentportal #dashboard_col_holder h2 {
  border-bottom: none;
  background-color: transparent;
  width: inherit;
  padding-top: 0px;
  padding-left: 0px;
  color: #FFFFFF;
  font-size: 5.2em;
  margin-bottom: 0px;
  font-family: 'Pathway Gothic One', 'Muli', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  line-height: 1.0em;
  letter-spacing: 0px;
  background-image: url("../images/dashboard_arrow_right.png");
  background-repeat: no-repeat;
  background-position: center right;
  text-transform: none;
}

.studentportal #dashboard_col_holder h3 {
  margin-bottom: 0px;
  font-size: 1.3em;
}

.studentportal #dashboard_col_holder h4 {
  text-transform: none;
  font-style: italic;
  padding-top: 0px;
  font-size: 1.2em;
}

.studentportal #dashboard_col_holder p {
  font-size: 1.1em;
  margin-bottom: 0px;
}

.studentportal #dashboard_col_holder h3, .studentportal #dashboard_col_holder h4, .studentportal #dashboard_col_holder p {
  color: #FFFFFF;
}

.studentportal #dashboard_col_holder #dashboard_messages {
  width: 210px;
  background-color: #3E3E3E;
  /* this is the dark charcoal based background colour color of the color scheme ********/
  padding: 20px;
  margin-bottom: 10px;
}

.studentportal #dashboard_col_holder #dashboard_messages p.unread {
  color: #FA5D4A;
  font-size: 11.6em;
  margin-bottom: 5px;
  font-family: 'Pathway Gothic One', 'Muli', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  line-height: 1.0em;
}

.studentportal #dashboard_col_holder #dashboard_messages p {
  color: #FFFFFF;
  font-size: 1.6em;
  margin-bottom: 5px;
}

.studentportal #dashboard_news {
  width: 360px;
  padding: 20px;
  height: 100%;
  background-color: #3E3E3E;
  /* this is the dark charcoal based background colour color of the color scheme ********/
}

.studentportal #dashboard_col_holder #dashboard_news h2 {
  color: #CCE6DB;
}

.studentportal #dashboard_event {
  width: 290px;
  height: 100%;
  padding: 20px;
}

.studentportal #profile_menu {
  width: 340px;
  float: left;
  margin-right: 10px;
}

.studentportal #profile_menu ul {
  width: 340px;
  margin: 0px;
  padding: 10px 0px 0px 0px;
}

.studentportal #profile_menu ul li {
  width: 320px;
  clear: both;
  float: left;
  padding: 10px;
  margin-bottom: 10px;
  background: #3E3E3E url("../images/studentportal_myklass_arrow.png") no-repeat center right;
  /* this is the dark charcoal based background colour color of the color scheme ********/
  list-style-type: none;
  font-family: 'Pathway Gothic One', 'Muli', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  font-size: 2.0em;
}

.studentportal #profile_menu ul li:hover {
  background-color: #FA5D4A;
}

.studentportal #profile_menu ul li a {
  color: #FFFFFF;
  font-weight: 100;
  height: 40px;
  line-height: 40px;
  padding: 4px 20px 4px 50px;
  text-transform: uppercase;
  display: block;
}

.studentportal #profile_menu ul li a.myklass_overview {
  background: url("../images/studentportal_myklass_icon_overview.png") no-repeat center left;
}

.studentportal #profile_menu ul li a.myklass_finance {
  background: url("../images/studentportal_myklass_icon_finance.png") no-repeat center left;
}

.studentportal #profile_menu ul li a.myklass_profile {
  background: url("../images/studentportal_myklass_icon_profile.png") no-repeat center left;
}

.studentportal #profile_menu ul li a.myklass_academic {
  background: url("../images/studentportal_myklass_icon_academic.png") no-repeat center left;
}

.studentportal #profile_menu ul li a.myklass_documents {
  background: url("../images/studentportal_myklass_icon_documents.png") no-repeat center left;
}

.studentportal #profile_menu ul li a.myklass_carpools {
  background: url("../images/studentportal_myklass_icon_carpools.png") no-repeat center left;
}

.studentportal #profile_menu ul li a.myklass_classifieds {
  background: url("../images/studentportal_myklass_icon_classifieds.png") no-repeat center left;
}

.studentportal #profile_menu ul li.active {
  background-color: #FA5D4A;
  /* main highlight color of the color scheme **/
}

.studentportal #feedback_message {
  width: 630px;
  float: right;
  padding: 10px;
  margin-top: 10px;
}

.studentportal #feedback_message p {
  margin-bottom: 0px;
  color: #FFFFFF;
  font-size: 1.2em;
  padding: 0px 0px 0px 50px;
  min-height: 40px;
  line-height: 40px;
}

.studentportal #feedback_message.feedback_success {
  background-color: #CCE6DB;
  /* this is the light pastel highlight color of the color scheme ********/
}

.studentportal #feedback_message.feedback_success p {
  background: url("../images/studentportal_icon_tick.png");
  background-repeat: no-repeat;
  background-position: center left;
}

.studentportal #feedback_message.feedback_error {
  background-color: #FA5D4A;
  /* main highlight color of the color scheme **/
}

.studentportal #feedback_message.feedback_error p {
  background-image: url("../images/studentportal_icon_error.png");
  background-repeat: no-repeat;
  background-position: center left;
}

.studentportal #profile_contentarea {
  width: 650px;
  float: right;
  padding-top: 10px;
}

.studentportal #profile_contentarea .table {
  padding-bottom: 10px;
}

.studentportal #profile_contentarea .table:last-of-type {
  padding-bottom: 0;
}

.studentportal #profile_contentarea .table .table-cell {
  padding-right: 10px;
}

.studentportal #profile_contentarea .table .table-cell:last-of-type {
  padding-right: 0px;
}

.studentportal #contentcolumn_full .box .innerpad {
  padding: 20px 20px 20px 20px;
  height: 100%;
}

.studentportal .box p {
  color: #FFFFFF;
}

.studentportal .box h3 {
  color: #FFFFFF;
  text-transform: none;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.studentportal .academic .box h3 {
  padding-top: 10px;
}

.studentportal .academic .box h3.nopadding {
  padding: 0px;
}

.studentportal .box p.green {
  color: #3f961c;
}

/* attendance over ??% **/
.studentportal .box p.orange {
  color: #eb8500;
}

/* attendance over ??% **/
.studentportal .box p.red {
  color: #eb3200;
}

/* attendance over ??% **/
.studentportal .box p.stat_lge {
  font-family: 'Pathway Gothic One', 'Muli', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  font-weight: 100;
  line-height: 1.2em;
  margin-bottom: 0px;
  padding-bottom: 0px;
  letter-spacing: 0px;
  font-size: 10.0em;
}

.studentportal .box p.stat_med {
  font-family: 'Pathway Gothic One', 'Muli', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  font-weight: 100;
  line-height: 1.2em;
  margin-bottom: 0px;
  padding-bottom: 0px;
  letter-spacing: 0px;
  font-size: 8.0em;
}

.studentportal .box p.stat_sml {
  font-family: 'Pathway Gothic One', 'Muli', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  font-weight: 100;
  line-height: 1.2em;
  margin-bottom: 0px;
  padding-bottom: 0px;
  letter-spacing: 0px;
  font-size: 4.0em;
}

.studentportal .darkbox .innerpad {
  background-color: #3E3E3E;
  color: #FFFFFF;
}

.studentportal .greybox .innerpad {
  background-color: #E3E3E3;
  color: #3E3E3E;
  vertical-align: middle;
}

.studentportal .greenbox .innerpad {
  background-color: #3f961c;
  color: #FFFFFF;
}

/* attendance over ??% **/
.studentportal .orangebox .innerpad {
  background-color: #eb8500;
  color: #FFFFFF;
}

/* attendance over ??% **/
.studentportal .redbox .innerpad {
  background-color: #eb3200;
  color: #FFFFFF;
}

/* attendance over ??% **/
.studentportal .coralbox .innerpad {
  background-color: #FA5D4A;
  color: #FFFFFF;
}

.studentportal #content .academic h2 {
  font-family: 'Pathway Gothic One', 'Muli', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  line-height: 1.0em;
  margin-bottom: 0px;
  padding: 10px;
  letter-spacing: 0px;
  background-color: #E3E3E3;
  color: #3E3E3E;
  font-size: 2.0em;
  text-transform: uppercase;
  margin-bottom: 10px;
  width: 630px;
}

.studentportal #accordion h3 {
  background-color: #3E3E3E;
  /* this is the dark charcoal based background colour color of the color scheme ********/
  color: #FFFFFF;
  padding: 15px;
  background-image: url("../images/studentportal_button_down.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
}

.studentportal #accordion h3.ui-state-active {
  margin-bottom: 0px;
  background-image: url("../images/studentportal_button_up.png");
  border-bottom: dashed 1px #DCDCDC;
}

.studentportal #accordion .accordion_answer {
  background-color: #3E3E3E;
  /* this is the dark charcoal based background colour color of the color scheme ********/
  color: #FFFFFF;
  padding: 20px;
  margin-bottom: 10px;
  float: left;
  width: 610px;
  position: relative;
}

.studentportal #accordion .accordion_answer .button_row {
  width: 400px;
  margin: 13px 12px 12px 0px;
  float: right;
  position: absolute;
  top: -65px;
  right: 50px;
}

.studentportal #accordion .accordion_answer p {
  color: #FFFFFF;
  clear: both;
}

.studentportal #accordion .accordion_answer .item {
  float: left;
  width: 100%;
  padding-bottom: 10px;
}

.studentportal #accordion .accordion_answer label {
  width: 180px;
  margin-right: 20px;
}

.studentportal #accordion .accordion_answer label.info {
  text-transform: none;
  width: 410px;
  margin-right: 0px;
}

.studentportal #accordion .accordion_answer .item input[type='text'] {
  width: 380px;
}

.studentportal #accordion .accordion_answer .item textarea {
  width: 380px;
  padding: 10px;
  height: 100px;
  margin-bottom: 10px;
  border: 1px solid #DCDCDC;
  /* this is the light background color of the color scheme ********/
}

.studentportal #accordion .accordion_answer .thumbnail, .studentportal .classifieds .thumbnail {
  width: 100px;
  margin-right: 10px;
}

.studentportal .classifieds .imageupload_img {
  float: left;
  width: 100px;
  margin-bottom: 5px;
  margin-right: 20px;
}

.studentportal .classifieds a.uploadimage_button {
  clear: both;
  float: left;
  width: 90px;
  margin-bottom: 5px;
  margin-right: 20px;
  height: 61px;
  line-height: 20px;
  text-align: center;
  background-color: #FFFFFF;
  border: 5px solid #E3E3E3;
  font-size: 1.1em;
  padding-top: 30px;
}

.studentportal #profile_contentarea .radios {
  float: left;
  width: 380px;
  margin-bottom: 10px;
}

.studentportal #profile_contentarea .radios input[type="radio"] {
  margin-right: 10px;
}

.studentportal #profile_contentarea .imageupload_img {
  float: left;
  width: 100px;
  margin-bottom: 5px;
  margin-right: 20px;
}

.studentportal #accordion .accordion_answer a.uploadimage_button {
  clear: both;
  float: left;
  width: 90px;
  margin-bottom: 5px;
  margin-right: 20px;
  height: 70px;
  line-height: 20px;
  text-align: center;
  background-color: #FFFFFF;
  border: 5px solid #E3E3E3;
  font-size: 1.0em;
  padding-top: 20px;
}

.studentportal #profile_contentarea .item label {
  width: 180px;
  float: left;
  line-height: 36px;
}

.studentportal #profile_contentarea label.info {
  text-transform: none;
  width: 410px;
  margin-right: 0px;
}

.studentportal #profile_contentarea .item input[type='text'] {
  width: 380px;
  padding: 8px 10px;
}

.studentportal #profile_contentarea .item textarea {
  width: 380px;
  padding: 10px;
  height: 100px;
  margin-bottom: 10px;
  border: 1px solid #DCDCDC;
  /* this is the light background color of the color scheme ********/
}

.studentportal #profile_contentarea .profile_image {
  float: left;
  width: 100px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.studentportal #contentcolumn_left h4 {
  padding: 10px 10px 8px 10px;
  margin-bottom: 0px;
  font-size: 1.0em;
  background-color: #3E3E3E;
  /* this is the dark charcoal based background colour color of the color scheme ********/
  color: #FFFFFF;
}

.studentportal ul.asset_list {
  list-style-type: none;
  padding-left: 0px;
  float: left;
  margin: 0px 0px 0px 0px;
}

.studentportal ul.asset_list li {
  list-style-type: none;
  border-top: 1px solid #E3E3E3;
  padding: 10px 0px 10px 10px;
  float: left;
  width: 329px;
  position: relative;
}

.studentportal ul.asset_list li:hover, .studentportal ul.asset_list li.active {
  background-color: #E3E3E3;
}

.studentportal ul.asset_list li img.thumbnail {
  float: left;
  margin-right: 15px;
  width: 70px;
}

.studentportal ul.asset_list li .summary {
  float: left;
  width: 230px;
  letter-spacing: 0px;
}

.studentportal ul.asset_list li .summary h5 {
  padding: 0px;
  margin-bottom: 0px;
  font-size: 1.0em;
}

.studentportal ul.asset_list li .summary p {
  padding: 0px;
  line-height: 1.4em;
  margin: 0px;
}

.breadcrumbs {
  width: 309px;
  padding: 10px;
}

.studentportal #contentcolumn_left .leftcol_back {
  float: left;
}

.studentportal #contentcolumn_left .leftcol_next {
  float: right;
}

.studentportal #contentcolumn_left .search {
  float: left;
  width: 319px;
  padding: 10px;
  background-color: #CCE6DB;
  /* this is the light pastel highlight color of the color scheme ********/
}

.studentportal #contentcolumn_left .search input {
  width: 250px;
  border-radius: 26px;
  border: none;
  height: 26px;
  margin-right: 10px;
  padding: 6px 10px 6px 10px;
  margin-bottom: 0px;
  float: left;
}

.studentportal #contentcolumn_left .search a {
  width: 30px;
  height: 30px;
  float: right;
  padding: 4px 5px 3px 0px;
}

.studentportal #contentcolumn_left .paging {
  float: left;
  width: 319px;
  padding: 10px;
  position: relative;
  border-top: 1px solid #E3E3E3;
}

.studentportal #contentcolumn_left .paging .pagingnumber {
  float: left;
  width: 319px;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  text-align: center;
}

/** list with no images ********/
.studentportal ul.asset_list.list_no_image li .summary {
  width: 320px;
  padding-right: 10px;
}

.studentportal ul.asset_list.list_no_image li .summary h5 {
  margin-bottom: 0px;
}

/** list with a date ********/
.studentportal p.list_date, .studentportal ul.asset_list li .summary p.list_date {
  font-style: italic;
  margin-bottom: 5px;
}

.rightcol_hint {
  font-size: 1.8em;
  font-style: italic;
  background: url("../images/leftcol-back.png") left center no-repeat;
  padding-left: 30px;
  margin-top: 90px;
}

.assetdetails img {
  max-width: 600px;
  margin-bottom: 20px;
  float: left;
  clear: both;
  width: 100%;
}

.studentportal #conversation {
  height: 1010px;
  width: 660px;
  float: left;
  overflow: hidden;
  margin-bottom: 0px;
}

.studentportal .message_block {
  background-color: #E3E3E3;
  margin: 10px 0px 5px 0px;
  padding: 20px;
  border-radius: 3px;
  clear: both;
  width: 480px;
}

.studentportal .message_block:first-of-type {
  margin-top: 30px;
}

.studentportal .message_block p:last-of-type {
  margin-bottom: 0px;
}

.studentportal .sent {
  float: right;
  margin-right: 30px;
}

.studentportal .received {
  float: left;
  margin-left: 30px;
}

.studentportal .message_date {
  font-style: italic;
  margin-bottom: 5px;
}

.studentportal .sent .message_date {
  text-align: right;
}

.studentportal .message_event {
  background: url("../images/studentportal_icon_message_event.png") left center no-repeat;
  padding-left: 30px;
  margin-bottom: 8px;
}

.studentportal .message_attachment {
  background: url("../images/studentportal_icon_message_attachment.png") left center no-repeat;
  padding-left: 30px;
  margin-bottom: 8px;
}

.studentportal #reply {
  height: 300px;
  background-color: #3E3E3E;
  /* this is the dark charcoal based background colour color of the color scheme ********/
  padding: 30px;
  position: absolute;
  top: 60px;
  left: 60px;
  right: 60px;
  z-index: 101;
  border-radius: 3px;
  color: #FFFFFF;
}

.studentportal #reply p, .studentportal #reply h4 {
  color: #FFFFFF;
  padding-top: 0px;
}

.studentportal #reply h4 {
  margin-bottom: 20px;
}

.studentportal #reply label {
  width: 102px;
}

.studentportal #reply .item {
  width: 480px;
  float: left;
}

.studentportal #reply input, .studentportal #reply textarea {
  border: none;
  padding: 8px 3% 8px 3%;
  color: #3E3E3E;
  margin-bottom: 10px;
  font-weight: 100;
  font-family: 'Muli', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  clear: none;
  font-size: 1.0em;
  width: 348px;
  float: left;
}

.studentportal #reply textarea {
  height: 140px;
}

.studentportal #reply input.submit {
  height: 40px;
  width: 40px;
  float: right;
  margin-right: 0px;
  padding-right: 0px;
}

.studentportal label {
  width: 160px;
  float: left;
}

.studentportal .jobfield {
  width: 160px;
  float: left;
}

.studentportal h4.jobfields {
  border-bottom: 1px dashed #E3E3E3;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.studentportal p.field {
  margin-bottom: 10px;
  border-bottom: 1px dashed #E3E3E3;
  padding-bottom: 10px;
  width: 100%;
  float: left;
}

.studentportal ul.asset_list.coupons li {
  padding: 0px;
  width: 339px;
  border-top: none;
  border-bottom: 3px solid #FFFFFF;
}

.studentportal ul.asset_list.coupons li img.thumbnail {
  margin-right: 0px;
  width: 339px;
}

.studentportal ul.asset_list.coupons li .coupondetails {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../images/coupondetailsbg.png") repeat top left;
  padding: 10px;
  width: 319px;
}

.assetdetails.classifieds img {
  margin-bottom: 20px;
  float: left;
  clear: none;
  width: 30%;
  margin-right: 5%;
}

.assetdetails.classifieds img:last-of-type {
  margin-right: 0px;
}

.studentportal .item label {
  width: 240px;
  float: left;
  line-height: 36px;
}

.studentportal .item input[type='text'] {
  width: 690px;
  padding: 8px 10px;
}

.studentportal .imageupload {
  float: left;
  width: 420px;
}

.studentportal .imageupload .imageupload_img:last-of-type {
  margin-right: 0px;
}

.studentportal .imageupload_img {
  float: left;
  width: 200px;
  margin-bottom: 5px;
  margin-right: 20px;
}

.studentportal a.uploadimage_button {
  clear: both;
  float: left;
  width: 190px;
  margin-bottom: 5px;
  margin-right: 20px;
  height: 190px;
  line-height: 190px;
  text-align: center;
  background-color: #FFFFFF;
  border: 5px solid #E3E3E3;
  font-size: 1.4em;
}

.studentportal .surveys h4 {
  text-transform: none;
  margin-bottom: 45px;
}

.studentportal .surveys input[type='radio'], .studentportal .surveys input[type='checkbox'] {
  clear: both;
  font-size: 1.0em;
  float: left;
  height: 20px;
  margin: 10px 10px 10px 0px;
}

.studentportal .surveys .item {
  float: left;
  line-height: 40px;
}

.studentportal .surveys .item:last-of-type {
  margin-bottom: 30px;
}

.studentportal .surveys .item .label_radio {
  font-size: 1.1em;
}

.studentportal .surveys .item input[type='text'] {
  clear: both;
  width: 920px;
  padding: 10px;
  margin: 10px 0px;
}

.studentportal .surveys .item textarea {
  clear: both;
  float: left;
  width: 920px;
  padding: 10px;
  height: 200px;
}

.studentportal .surveys .slider {
  margin: auto;
  float: none;
  margin-bottom: 40px;
}

.question_next {
  margin: 10px 0px 10px 0px;
  border: none;
  padding: 11px 55px 10px 15px;
  line-height: 18px;
  font-size: 1.0em;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 0.2em;
  font-family: 'Muli', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  float: right;
  background: url("../images/button_arrow.png") top right no-repeat;
  width: auto;
}

.question_back {
  margin: 10px 0px 10px 0px;
  border: none;
  padding: 11px 15px 10px 55px;
  line-height: 18px;
  font-size: 1.0em;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 0.2em;
  font-family: 'Muli', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  float: left;
  background: url("../images/button_arrow_back.png") top left no-repeat;
  width: auto;
}

.question_back.lowlight, .question_next.lowlight {
  background-color: #CCE6DB;
  /* this is the light pastel highlight color of the color scheme ********/
  color: #3E3E3E;
}

.question_back.highlight, .question_next.highlight {
  background-color: #FA5D4A;
  /* main highlight color of the color scheme **/
  color: #FFFFFF;
}

.studentportal .surveys .tickoption {
  padding: 15px;
  background-color: #E3E3E3;
  width: 930px;
  margin-bottom: 20px;
  font-size: 1.2em;
  height: 40px;
  line-height: 40px;
}

.studentportal .surveys a.tick {
  background-image: url("../images/icon_tick.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
  float: right;
  margin-left: 10px;
  padding: 0px;
}

.studentportal .surveys a.tick.active, .studentportal .surveys a.tick:hover {
  background-position: top center;
}

div.students-list-scroll {
  overflow: overlay;
  height: 200px !important;
  width: 90% !important;
  margin: 10px;
  padding-left: 20px;
  text-align: left;
}

.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

input.cmn-toggle-round-flat + label {
  padding: 2px;
  width: 60px;
  height: 30px;
  background-color: #dddddd;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}

input.cmn-toggle-round-flat + label:before,
input.cmn-toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}

input.cmn-toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}

input.cmn-toggle-round-flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 30px;
  background-color: #dddddd;
  border-radius: 52px;
  -webkit-transition: margin 0.4s, background 0.4s;
  transition: margin 0.4s, background 0.4s;
}

input.cmn-toggle-round-flat:checked + label {
  background-color: #B5D4C7;
}

input.cmn-toggle-round-flat:checked + label:after {
  margin-left: 25px;
  background-color: #B5D4C7;
}

/*
  This is the code which we add as a developers
*/
.button_navigate a.prev {
  padding: 5px 12px;
  margin-left: 5px;
  background-color: #B5D4C7;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 29px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.0em;
  float: left;
  border-radius: 2px;
}

.button_navigate a#next {
  padding: 5px 12px;
  margin-left: 5px;
  background-color: #B5D4C7;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.0em;
  float: right;
  border-radius: 2px;
}

.button_navigate {
  margin-top: 20px;
}

.item.noborder {
  border: 0;
}

.alert {
  width: 100%;
  float: none;
  margin: 0;
  padding: 38px 0 0 0;
}

.alert, .alert a {
  color: white !important;
}

.alert .alert-close-button {
  border: 2px solid #F8E71C;
  padding: 5px;
  text-align: center;
  border-radius: 10px;
  width: 12%;
  float: right;
}

.alert .ka-close-button {
  color: #F8E71C;
  font-size: 15pt;
}

.alert table#alert {
  border: none;
  width: 100%;
}

.alert table#alert td {
  border: none;
}

.alert .error_message {
  float: right;
  width: 900px;
  text-align: justify;
  font-size: 12pt !important;
  font-weight: 100;
  padding: 0;
  margin: 0;
}

.alert .error_message .body {
  padding: 10px;
  display: inline-block;
  margin: 0 10px 0 0;
}

.alert h1.title {
  font-size: 24pt;
  color: #ffffff;
}

.alert .alert-icon-container {
  width: 40pt;
  float: left;
  padding-top: 26px;
}

.alert .ka-alert-icon {
  color: #F8E71C;
  font-size: 40pt;
}

.alert .yellow {
  color: #F8E71C !important;
}

.alert .meta-container {
  width: 100%;
  margin-bottom: 5px;
  padding: 5px 0;
}

.alert .meta-container .meta-data-campus {
  width: 82%;
}

.alert .meta-container .meta-data-campus .item {
  display: block;
  margin: 5px 0;
  color: white;
}

.alert .meta-container .meta-data-campus .item {
  background-color: transparent;
  border-bottom: none;
}

#pin_wrapper .column-3 {
  width: 29%;
  display: block;
  float: left;
  margin: 10px;
  background-color: #DCDCDC;
  padding: 10px 0px 10px 10px;
  text-align: left;
}

#pin_wrapper .column-3.green {
  background-color: #B5D4C7;
}

#pin_wrapper .column-3 p {
  color: #FFFFFF;
  margin: 0;
  font-size: 1.1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90%;
  position: relative;
}

.dropdown {
  position: relative;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.open > .dropdown-menu {
  display: block;
}

p.item_title {
  display: inline-block;
}

.dropdown {
  position: relative;
  display: block;
  left: -10px;
  float: right;
  top: 5px;
}

.dropdown a.toggle_tag {
  cursor: pointer;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu > li {
  list-style: none;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.dropdown-menu > li > a.btn-delete > i {
  color: #FA5D4A;
}

.dropdown-menu > li > a.btn-disabled > i {
  color: #FA5D4A;
  opacity: 0.4;
}

#pin_wrapper .column-3 p a {
  color: #3E3E3E;
}

.column-3 a.btn-disabled {
  opacity: 0.4;
}

.box-gray {
  padding: 10px;
  background-color: #777777;
  color: #FFFFFF;
  float: left;
  width: 780px;
  position: relative;
  margin-bottom: 10px;
}

.box-gray h3 {
  color: #FFFFFF;
  padding: 0px;
  margin: 0px;
}

.label-about-us {
  background: #FFF !important;
  margin-bottom: -16px !important;
  min-height: 34px !important;
  width: 185px !important;
}

/**
 * Twitter Bootstrap Look and Feel
 * Based on http://twitter.github.com/bootstrap/
 */
.alertify,
.alertify-log {
  font-family: sans-serif;
}

.alertify {
  background: #FFF;
  border: 1px solid #8E8E8E;
  /* browsers that don't support rgba */
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  /* Safari 4? Chrome 6? */
  /* Firefox 3.6 */
  background-clip: padding-box;
  /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

.alertify-dialog {
  padding: 0;
}

.alertify-inner {
  text-align: left;
}

.alertify-message {
  padding: 15px;
  margin: 0;
}

.alertify-text-wrapper {
  padding: 0 15px;
}

.alertify-text {
  color: #555;
  border-radius: 4px;
  padding: 8px;
  background-color: #FFF;
  border: 1px solid #CCC;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.alertify-text:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.alertify-buttons {
  padding: 14px 15px 15px;
  background: #F5F5F5;
  border-top: 1px solid #DDD;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #FFF;
          box-shadow: inset 0 1px 0 #FFF;
  text-align: right;
}

.alertify-button,
.alertify-button:hover,
.alertify-button:focus,
.alertify-button:active {
  margin-left: 10px;
  border-radius: 4px;
  font-weight: normal;
  padding: 4px 12px;
  text-decoration: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
}

.alertify-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 5px #2B72D5;
          box-shadow: 0 0 5px #2B72D5;
}

.alertify-button:active {
  position: relative;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.alertify-button-cancel,
.alertify-button-cancel:hover,
.alertify-button-cancel:focus,
.alertify-button-cancel:active {
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.75);
  background-color: #E6E6E6;
  border: 1px solid #BBB;
  color: #333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
  background-image: linear-gradient(top, #FFF, #E6E6E6);
}

.alertify-button-cancel:hover,
.alertify-button-cancel:focus,
.alertify-button-cancel:active {
  background: #E6E6E6;
}

.alertify-button-ok,
.alertify-button-ok:hover,
.alertify-button-ok:focus,
.alertify-button-ok:active {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #04C;
  border: 1px solid #04C;
  border-color: #04C #04C #002A80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #FFF;
}

.alertify-button-ok:hover,
.alertify-button-ok:focus,
.alertify-button-ok:active {
  background: #04C;
}

.alertify-log {
  background: #D9EDF7;
  padding: 8px 14px;
  border-radius: 4px;
  color: #3A8ABF;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border: 1px solid #BCE8F1;
}

.alertify-log-error {
  color: #B94A48;
  background: #F2DEDE;
  border: 1px solid #EED3D7;
}

.alertify-log-success {
  color: #468847;
  background: #DFF0D8;
  border: 1px solid #D6E9C6;
}

.alertify,
.alertify-show,
.alertify-log {
  -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
}

.alertify-hide {
  -webkit-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  /* easeInBack */
}

.alertify-log-hide {
  -webkit-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  /* easeInBack */
}

.alertify-cover {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  filter: alpha(opacity=0);
  opacity: 0;
}

.alertify-cover-hidden {
  display: none;
}

.alertify {
  position: fixed;
  z-index: 99999;
  top: 50px;
  left: 50%;
  width: 550px;
  margin-left: -275px;
  opacity: 1;
}

.alertify-hidden {
  -webkit-transform: translate(0, -150px);
  transform: translate(0, -150px);
  opacity: 0;
  display: none;
}

/* overwrite display: none; for everything except IE6-8 */
:root * > .alertify-hidden {
  display: block;
  visibility: hidden;
}

.alertify-logs {
  position: fixed;
  z-index: 5000;
  bottom: 10px;
  right: 10px;
  width: 300px;
}

.alertify-logs-hidden {
  display: none;
}

.alertify-log {
  display: block;
  margin-top: 10px;
  position: relative;
  right: -300px;
  opacity: 0;
}

.alertify-log-show {
  right: 0;
  opacity: 1;
}

.alertify-log-hide {
  -webkit-transform: translate(300px, 0);
  transform: translate(300px, 0);
  opacity: 0;
}

.alertify-dialog {
  padding: 25px;
}

.alertify-resetFocus {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.alertify-inner {
  text-align: center;
}

.alertify-text {
  margin-bottom: 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
}

.alertify-button,
.alertify-button:hover,
.alertify-button:active,
.alertify-button:visited {
  background: none;
  text-decoration: none;
  border: none;
  /* line-height and font-size for input button */
  line-height: 1.5;
  font-size: 100%;
  display: inline-block;
  cursor: pointer;
  margin-left: 5px;
}

@media only screen and (max-width: 680px) {
  .alertify,
  .alertify-logs {
    width: 90%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .alertify {
    left: 5%;
    margin: 0;
  }
}

/**
 * Default Look and Feel
 */
.alertify,
.alertify-log {
  font-family: sans-serif;
}

.alertify {
  background: #FFF;
  border: 10px solid #333;
  /* browsers that don't support rgba */
  border: 10px solid rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  /* Safari 4? Chrome 6? */
  /* Firefox 3.6 */
  background-clip: padding-box;
  /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

.alertify-text {
  border: 1px solid #CCC;
  padding: 10px;
  border-radius: 4px;
}

.alertify-button {
  border-radius: 4px;
  color: #FFF;
  font-weight: bold;
  padding: 6px 15px;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
          box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
}

.alertify-button:hover,
.alertify-button:focus {
  outline: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}

.alertify-button:focus {
  -webkit-box-shadow: 0 0 15px #2B72D5;
          box-shadow: 0 0 15px #2B72D5;
}

.alertify-button:active {
  position: relative;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.alertify-button-cancel,
.alertify-button-cancel:hover,
.alertify-button-cancel:focus {
  background-color: #FE1A00;
  border: 1px solid #D83526;
}

.alertify-button-ok,
.alertify-button-ok:hover,
.alertify-button-ok:focus {
  background-color: #5CB811;
  border: 1px solid #3B7808;
}

.alertify-log {
  background: #1F1F1F;
  background: rgba(0, 0, 0, 0.9);
  padding: 15px;
  border-radius: 4px;
  color: #FFF;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}

.alertify-log-error {
  background: #FE1A00;
  background: rgba(254, 26, 0, 0.9);
}

.alertify-log-success {
  background: #5CB811;
  background: rgba(92, 184, 17, 0.9);
}

.container_pdf {
  /* the main page container */
  width: 595px;
  /* A4 is 8.3 x 11.7in at 72ppi **/
  position: relative;
  float: left;
  font-family: 'Muli', 'Museo Sans', Helvetica, 'Josefin Sans', Arial, sans-serif;
  /* should set all things to this font */
}

.container_pdf .innderpad {
  /* put this inside the container_pdf to create padding on the page */
  padding: 30px;
  position: relative;
}

.container_pdf #logo {
  /* klass app logo */
  margin-bottom: 20px;
  width: 230px;
}

.container_pdf #logo img {
  /* restrict image size */
  width: 230px;
}

.container_pdf h1 {
  /* main PDF heading in top right */
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}

.container_pdf h1.collegename {
  /* this class wraps around the colelge name with a span */
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.container_pdf h1.subtitle {
  /* this class wraps around the smaller sub title of the main title */
  font-size: 12px;
  text-transform: none;
  letter-spacing: 1px;
  clear: both;
}

.container_pdf h2 {
  /* this is the grey background title - the specific survey title */
  font-size: 14px;
  text-transform: none;
  letter-spacing: 1px;
  padding: 15px;
  background-color: #dedede;
}

.container_pdf h2.uppercase {
  /* this is the class for a span tag to wrap around the words 'Survey Results:'. The rest of the heading is in normal case. */
  text-transform: uppercase;
  letter-spacing: 2px;
}

.container_pdf h4 {
  /* This is the question title */
  font-size: 12px;
}

.container_pdf h4.uppercase {
  /* span class around the 'question1:' text */
  text-transform: uppercase;
  letter-spacing: 1px;
}

.container_pdf table {
  /*  */
  width: 520px;
  /* should force the table to be almost the full width of the innerpad area - i've left some space to allow for a bit of error. The cells should automatically spread. */
}

.fileWrapper {
  position: relative;
  padding: 6px 0;
  margin: 5px 0;
  overflow: hidden;
  height: 38px !important;
}

input[type="text"].fileInputText {
  float: left;
  border: 1px solid #ddd;
  padding: 0 5px;
  margin: 0;
}

input[type="button"].fileInputButton {
  float: right;
  border: solid 1px #ccc;
  background: #ddd;
  margin: 0 5px;
  position: absolute;
  padding: 0;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* line 7, ../sass/lightbox.sass */
body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
  display: block;
  height: auto;
  border-radius: 3px;
}

/* line 32, ../sass/lightbox.sass */
.lightbox a img {
  border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
}

/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 44, ../sass/lightbox.sass */
.lb-container {
  padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  /* Trick IE into showing hover */
  display: block;
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 90, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 93, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 103, ../sass/lightbox.sass */
.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}

/* line 106, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

/* line 111, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}

.pika-single:after {
  clear: both;
}

.pika-single {
  *zoom: 1;
}

.pika-single.is-hidden {
  display: none;
}

.pika-single.is-bound {
  position: absolute;
  -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}

.pika-title {
  position: relative;
  text-align: center;
}

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2;
}

.pika-select {
  display: inline-block;
  *display: inline;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0;
}

.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

.pika-button {
  cursor: pointer;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}

.pika-week {
  font-size: 11px;
  color: #999;
}

.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}

.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  -webkit-box-shadow: inset 0 1px 3px #178fe5;
          box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3;
}

.pika-button:hover {
  color: #fff !important;
  background: #ff8000 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 3px !important;
}

/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}

/* qTip2 v2.2.1 | Plugins: tips modal viewport svg imagemap ie6 | Styles: core basic css3 | qtip2.com | Licensed MIT | Sat Sep 06 2014 23:12:07 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}

.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: 700;
}

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}

.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11;
  cursor: pointer;
  outline: 0;
  border: 1px solid transparent;
}

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
  top: 16px;
}

.qtip-icon .ui-icon, .qtip-titlebar .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

.qtip-icon, .qtip-icon .ui-icon {
  border-radius: 3px;
  text-decoration: none;
}

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: 400 bold 10px/13px Tahoma,sans-serif;
  color: inherit;
  background: -100em -100em no-repeat;
}

.qtip-default {
  border: 1px solid #F1D031;
  background-color: #FFFFA3;
  color: #555;
}

.qtip-default .qtip-titlebar {
  background-color: #FFEF93;
}

.qtip-default .qtip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #AAA;
  color: #111;
}

.qtip-light {
  background-color: #fff;
  border-color: #E2E2E2;
  color: #454545;
}

.qtip-light .qtip-titlebar {
  background-color: #f1f1f1;
}

.qtip-dark {
  background-color: #505050;
  border-color: #303030;
  color: #f3f3f3;
}

.qtip-dark .qtip-titlebar {
  background-color: #404040;
}

.qtip-dark .qtip-icon {
  border-color: #444;
}

.qtip-dark .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

.qtip-cream {
  background-color: #FBF7AA;
  border-color: #F9E98E;
  color: #A27D35;
}

.qtip-cream .qtip-titlebar {
  background-color: #F0DE7D;
}

.qtip-cream .qtip-close .qtip-icon {
  background-position: -82px 0;
}

.qtip-red {
  background-color: #F78B83;
  border-color: #D95252;
  color: #912323;
}

.qtip-red .qtip-titlebar {
  background-color: #F06D65;
}

.qtip-red .qtip-close .qtip-icon {
  background-position: -102px 0;
}

.qtip-red .qtip-icon, .qtip-red .qtip-titlebar .ui-state-hover {
  border-color: #D95252;
}

.qtip-green {
  background-color: #CAED9E;
  border-color: #90D93F;
  color: #3F6219;
}

.qtip-green .qtip-titlebar {
  background-color: #B0DE78;
}

.qtip-green .qtip-close .qtip-icon {
  background-position: -42px 0;
}

.qtip-blue {
  background-color: #E5F6FE;
  border-color: #ADD9ED;
  color: #5E99BD;
}

.qtip-blue .qtip-titlebar {
  background-color: #D0E9F5;
}

.qtip-blue .qtip-close .qtip-icon {
  background-position: -2px 0;
}

.qtip-shadow {
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.qtip-bootstrap, .qtip-rounded, .qtip-tipsy {
  border-radius: 5px;
}

.qtip-rounded .qtip-titlebar {
  border-radius: 4px 4px 0 0;
}

.qtip-youtube {
  border-radius: 2px;
  -webkit-box-shadow: 0 0 3px #333;
  box-shadow: 0 0 3px #333;
  color: #fff;
  border: 0 solid transparent;
  background: #4A4A4A;
  background-image: -o-linear-gradient(top, #4A4A4A 0, #000 100%);
}

.qtip-youtube .qtip-titlebar {
  background-color: transparent;
}

.qtip-youtube .qtip-content {
  padding: .75em;
  font: 12px arial,sans-serif;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
}

.qtip-youtube .qtip-icon {
  border-color: #222;
}

.qtip-youtube .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

.qtip-jtools {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
  background-image: -o-linear-gradient(top, #717171, #232323);
  border: 2px solid #ddd;
  border: 2px solid #f1f1f1;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 12px #333;
  box-shadow: 0 0 12px #333;
}

.qtip-jtools .qtip-titlebar {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}

.qtip-jtools .qtip-content {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}

.qtip-jtools .qtip-content, .qtip-jtools .qtip-titlebar {
  background: 0 0;
  color: #fff;
  border: 0 dashed transparent;
}

.qtip-jtools .qtip-icon {
  border-color: #555;
}

.qtip-jtools .qtip-titlebar .ui-state-hover {
  border-color: #333;
}

.qtip-cluetip {
  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  background-color: #D9D9C2;
  color: #111;
  border: 0 dashed transparent;
}

.qtip-cluetip .qtip-titlebar {
  background-color: #87876A;
  color: #fff;
  border: 0 dashed transparent;
}

.qtip-cluetip .qtip-icon {
  border-color: #808064;
}

.qtip-cluetip .qtip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952;
}

.qtip-tipsy {
  background: #000;
  background: rgba(0, 0, 0, 0.87);
  color: #fff;
  border: 0 solid transparent;
  font-size: 11px;
  font-family: 'Lucida Grande',sans-serif;
  font-weight: 700;
  line-height: 16px;
  text-shadow: 0 1px #000;
}

.qtip-tipsy .qtip-titlebar {
  padding: 6px 35px 0 10px;
  background-color: transparent;
}

.qtip-tipsy .qtip-content {
  padding: 6px 10px;
}

.qtip-tipsy .qtip-icon {
  border-color: #222;
  text-shadow: none;
}

.qtip-tipsy .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

.qtip-tipped {
  border: 3px solid #959FA9;
  border-radius: 3px;
  background-color: #F9F9F9;
  color: #454545;
  font-weight: 400;
  font-family: serif;
}

.qtip-tipped .qtip-titlebar {
  border-bottom-width: 0;
  color: #fff;
  background: #3A79B8;
  background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
}

.qtip-tipped .qtip-icon {
  border: 2px solid #285589;
  background: #285589;
}

.qtip-tipped .qtip-icon .ui-icon {
  background-color: #FBFBFB;
  color: #555;
}

.qtip-bootstrap {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  padding: 1px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.qtip-bootstrap .qtip-titlebar {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.qtip-bootstrap .qtip-titlebar .qtip-close {
  right: 11px;
  top: 45%;
  border-style: none;
}

.qtip-bootstrap .qtip-content {
  padding: 9px 14px;
}

.qtip-bootstrap .qtip-icon {
  background: 0 0;
}

.qtip-bootstrap .qtip-icon .ui-icon {
  width: auto;
  height: auto;
  float: right;
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20);
}

.qtip-bootstrap .qtip-icon .ui-icon:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .4;
  filter: alpha(opacity=40);
}

.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar {
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}

.qtip .qtip-tip, x:-o-prefocus {
  visibility: hidden;
}

.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: 0 0;
  border: 0 dashed transparent;
}

.qtip .qtip-tip canvas {
  top: 0;
  left: 0;
}

.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible;
}

#qtip-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#qtip-overlay.blurs {
  cursor: pointer;
}

#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(Opacity=70)";
}

.qtipmodal-ie6fix {
  position: absolute !important;
}

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("vendor/font-awesome/fonts//fontawesome-webfont.eot?v=4.3.0");
  src: url("vendor/font-awesome/fonts//fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("vendor/font-awesome/fonts//fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("vendor/font-awesome/fonts//fontawesome-webfont.woff?v=4.3.0") format("woff"), url("vendor/font-awesome/fonts//fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("vendor/font-awesome/fonts//fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-gear:before,
.fa-cog:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-arrow-circle-o-down:before {
  content: "";
}

.fa-arrow-circle-o-up:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-play-circle-o:before {
  content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-video-camera:before {
  content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-times-circle-o:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-gears:before,
.fa-cogs:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-rss:before {
  content: "";
}

.fa-hdd-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-hand-o-right:before {
  content: "";
}

.fa-hand-o-left:before {
  content: "";
}

.fa-hand-o-up:before {
  content: "";
}

.fa-hand-o-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-group:before,
.fa-users:before {
  content: "";
}

.fa-chain:before,
.fa-link:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-cut:before,
.fa-scissors:before {
  content: "";
}

.fa-copy:before,
.fa-files-o:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-money:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "";
}

.fa-legal:before,
.fa-gavel:before {
  content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-flash:before,
.fa-bolt:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

.fa-hospital-o:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-folder-o:before {
  content: "";
}

.fa-folder-open-o:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-meh-o:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-code-fork:before {
  content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "";
}

.fa-euro:before,
.fa-eur:before {
  content: "";
}

.fa-gbp:before {
  content: "";
}

.fa-dollar:before,
.fa-usd:before {
  content: "";
}

.fa-rupee:before,
.fa-inr:before {
  content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "";
}

.fa-won:before,
.fa-krw:before {
  content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-text:before {
  content: "";
}

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "";
}

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-arrow-circle-o-right:before {
  content: "";
}

.fa-arrow-circle-o-left:before {
  content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "";
}

.fa-dot-circle-o:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-automobile:before,
.fa-car:before {
  content: "";
}

.fa-cab:before,
.fa-taxi:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-file-pdf-o:before {
  content: "";
}

.fa-file-word-o:before {
  content: "";
}

.fa-file-excel-o:before {
  content: "";
}

.fa-file-powerpoint-o:before {
  content: "";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "";
}

.fa-file-code-o:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "";
}

.fa-circle-o-notch:before {
  content: "";
}

.fa-ra:before,
.fa-rebel:before {
  content: "";
}

.fa-ge:before,
.fa-empire:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-hacker-news:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-genderless:before,
.fa-circle-thin:before {
  content: "";
}

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bell-slash-o:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-eyedropper:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-area-chart:before {
  content: "";
}

.fa-pie-chart:before {
  content: "";
}

.fa-line-chart:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-cc:before {
  content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "";
}

.fa-meanpath:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-diamond:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-facebook-official:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-hotel:before,
.fa-bed:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

/**
  * PWS Tabs jQuery Plugin
  * Author: Alex Chizhov
  * Author Website: http://alexchizhov.com/pwstabs
  * GitHub: https://github.com/alexchizhovcom/pwstabs
  * Version: 1.2.1
  * Version from: 23.01.2015
  * Licensed under the MIT license
  */
@media only screen and (max-width: 60em) {
  .pws_tabs_container.pws_tabs_responsive {
    width: 100% !important;
  }
  .pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll {
    width: 100%;
  }
  .pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll li {
    vertical-align: top;
    text-align: center;
  }
  .pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll li a {
    margin: 0;
    font-size: 1em;
    line-height: 1.125em;
    overflow: hidden;
  }
  .pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll li a i {
    display: block;
    margin: 0 0 5px 0;
  }
  .pws_tabs_container.pws_tabs_responsive.pws_tabs_vertical {
    display: block;
    position: relative;
  }
  .pws_tabs_container.pws_tabs_responsive.pws_tabs_vertical:after {
    display: block;
    content: '';
    clear: both;
  }
  .pws_tabs_container.pws_tabs_responsive.pws_tabs_vertical ul.pws_tabs_controll {
    width: 100%;
    position: relative;
    float: none;
  }
  .pws_tabs_container.pws_tabs_responsive.pws_tabs_vertical ul.pws_tabs_controll li {
    display: inline-block;
  }
  .pws_tabs_container.pws_tabs_responsive.pws_tabs_vertical ul.pws_tabs_controll li a {
    margin: 0;
  }
  .pws_tabs_container.pws_tabs_responsive.pws_tabs_vertical .pws_tabs_list {
    position: relative;
    float: none;
  }
}

@media only screen and (max-width: 37.5em) {
  .pws_tabs_container.pws_tabs_responsive {
    width: 100% !important;
    position: relative;
  }
  .pws_tabs_container.pws_tabs_responsive .pws_responsive_small_menu {
    width: 100%;
    height: 40px;
    background-color: #9bd7d5;
    display: block;
  }
  .pws_tabs_container.pws_tabs_responsive .pws_responsive_small_menu a {
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    color: #fff;
    font-size: 32px;
    font-size: 2em;
    text-align: center;
    padding: 3px 0 0 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .pws_tabs_container.pws_tabs_responsive .pws_responsive_small_menu a:hover {
    background-color: #70c5c2;
  }
  .pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll.pws_tabs_menu_popup {
    display: block;
    position: absolute;
    overflow: hidden;
    top: 40px;
    left: 0;
    z-index: 99;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll.pws_tabs_menu_popup li {
    display: block;
    float: none;
  }
  .pws_tabs_container.pws_tabs_responsive ul.pws_tabs_controll.pws_tabs_menu_popup li a i {
    display: inline-block;
    margin: 0 3px 0 0;
    margin: 0 0.1875em 0 0;
  }
  .pws_tabs_container.pws_tabs_responsive.pws_tabs_rtl ul.pws_tabs_controll.pws_tabs_menu_popup li a i {
    display: inline-block;
    margin: 0 0 0 3px;
    margin: 0 0 0 0.1875em;
  }
}

.pws_tabs_container {
  width: 100%;
  float: left;
}

.pws_tabs_container ul.pws_tabs_controll {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  padding-right: 90px;
}

.pws_tabs_container ul.pws_tabs_controll li {
  display: inline-block;
  padding: 0px;
}

.pws_tabs_container ul.pws_tabs_controll li a {
  display: block;
  background-color: #CCE6DB;
  padding: 15px 20px;
  text-decoration: none;
  color: #fff;
  margin-right: 3px;
  font-weight: 500;
}

.pws_tabs_container ul.pws_tabs_controll li a:hover {
  background-color: #b5d4c7;
}

.pws_tabs_container ul.pws_tabs_controll li a i {
  margin-right: 8px;
}

.pws_tabs_container ul.pws_tabs_controll li a.pws_tab_noname i {
  margin-right: 0;
  margin-left: 0;
}

.pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
  background-color: #eaeaea;
  color: #505050;
  padding-bottom: 18px;
}

#content .pws_tabs_container table tr th, #content .pws_tabs_container table tr td {
  padding: 8px;
  border-right: 1px solid #ddd;
  cursor: default;
}

#content .pws_tabs_container table tr:hover {
  background-color: #f8f8f8;
}

#content .pws_tabs_container table th {
  border-bottom: 3px solid #ddd;
  white-space: nowrap;
}

#content .pws_tabs_container table td.timeslot {
  border-right: 3px solid #ddd;
  white-space: nowrap;
}

#content .pws_tabs_container table th.timeslot {
  border-right: 3px solid #ddd;
}

#content .pws_tabs_container table td.active {
  background-color: #CCE6DB;
  vertical-align: top;
  cursor: pointer;
}

#content .pws_tabs_container table td.unavailable {
  background-color: #e3e3e3;
  vertical-align: top;
  color: #cacaca;
  background: repeating-linear-gradient(-45deg, #f8f8f8, #f8f8f8 10px, #f2f2f2 10px, #f2f2f2 20px);
}

#content .pws_tabs_container table .active {
  background-color: #CCE6DB;
  padding: 5px;
  margin-bottom: 5px;
  z-index: 10000;
  position: absolute;
  left: 0;
  top: 0;
  width: 95.5%;
  vertical-align: top;
  cursor: pointer;
}

#content .pws_tabs_container table .unavailable {
  background-color: #e3e3e3;
  vertical-align: top;
  color: #cacaca;
  background: repeating-linear-gradient(-45deg, #f8f8f8, #f8f8f8 10px, #f2f2f2 10px, #f2f2f2 20px);
  z-index: 10000;
  position: absolute;
  left: 0;
  top: 0;
  width: 99%;
}

.classes .button_row {
  width: auto !important;
}

.pws_tabs_list {
  display: block;
  background-color: #eaeaea;
  height: auto;
  padding: 20px;
  padding: 1.25em 0px 1.25em 1.25em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-transition: all .3s ease-in-out .3s;
  transition: all .3s ease-in-out .3s;
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
  margin-bottom: 0px;
}

.pws_tab_single {
  position: absolute;
  top: 20px;
  padding-right: 20px;
  padding-right: 1.25em;
  -webkit-transition: all .3s ease-in-out .0;
  transition: all .3s ease-in-out .0;
}

/**
  * ######################################################
  * Right To Left Styles
  * ######################################################
  */
.pws_tabs_container.pws_tabs_rtl {
  text-align: right;
  direction: rtl;
}

.pws_tabs_container.pws_tabs_rtl ul.pws_tabs_controll li a {
  margin-right: 0;
  margin-left: 3px;
}

.pws_tabs_container.pws_tabs_rtl ul.pws_tabs_controll li a i {
  margin-left: 8px;
  margin-right: 0;
}

.pws_tabs_container.pws_tabs_rtl .pws_tab_single {
  padding-right: 0;
  padding-left: 20px;
  padding-left: 1.25em;
}

/**
  * ######################################################
  * Vertical Position
  * ######################################################
  */
.pws_tabs_container.pws_tabs_vertical {
  display: block;
  position: relative;
}

.pws_tabs_container.pws_tabs_vertical:after {
  display: block;
  content: '';
  clear: both;
}

.pws_tabs_container.pws_tabs_vertical ul.pws_tabs_controll {
  width: auto;
  position: relative;
  float: left;
}

.pws_tabs_container.pws_tabs_vertical ul.pws_tabs_controll li {
  display: block;
}

.pws_tabs_container.pws_tabs_vertical ul.pws_tabs_controll li a {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 3px;
}

.pws_tabs_container.pws_tabs_vertical .pws_tabs_list {
  position: relative;
  float: left;
}

/**
  * ######################################################
  * Colors - Themes @1.2.0
  * ######################################################
  */
/**
* ###########################
* violet
* ###########################
*/
.pws_tabs_container.pws_tabs_responsive.pws_theme_violet .pws_responsive_small_menu {
  background-color: #c72c66;
}

.pws_tabs_container.pws_tabs_responsive.pws_theme_violet .pws_responsive_small_menu a:hover {
  background-color: #a6164c;
}

.pws_tabs_container.pws_theme_violet ul.pws_tabs_controll li a {
  background-color: #c72c66;
}

.pws_tabs_container.pws_theme_violet ul.pws_tabs_controll li a:hover {
  background-color: #a6164c;
}

.pws_tabs_container.pws_theme_violet ul.pws_tabs_controll li a.pws_tab_active {
  background-color: #fff;
}

/**
* ###########################
* green
* ###########################
*/
.pws_tabs_container.pws_tabs_responsive.pws_theme_green .pws_responsive_small_menu {
  background-color: #86c447;
}

.pws_tabs_container.pws_tabs_responsive.pws_theme_green .pws_responsive_small_menu a:hover {
  background-color: #539312;
}

.pws_tabs_container.pws_theme_green ul.pws_tabs_controll li a {
  background-color: #86c447;
}

.pws_tabs_container.pws_theme_green ul.pws_tabs_controll li a:hover {
  background-color: #539312;
}

.pws_tabs_container.pws_theme_green ul.pws_tabs_controll li a.pws_tab_active {
  background-color: #fff;
}

/**
* ###########################
* yellow
* ###########################
*/
.pws_tabs_container.pws_tabs_responsive.pws_theme_yellow .pws_responsive_small_menu {
  background-color: #fdb813;
}

.pws_tabs_container.pws_tabs_responsive.pws_theme_yellow .pws_responsive_small_menu a:hover {
  background-color: #ffa500;
}

.pws_tabs_container.pws_theme_yellow ul.pws_tabs_controll li a {
  background-color: #fdb813;
}

.pws_tabs_container.pws_theme_yellow ul.pws_tabs_controll li a:hover {
  background-color: #ffa500;
}

.pws_tabs_container.pws_theme_yellow ul.pws_tabs_controll li a.pws_tab_active {
  background-color: #fff;
}

/**
* ###########################
* gold
* ###########################
*/
.pws_tabs_container.pws_tabs_responsive.pws_theme_gold .pws_responsive_small_menu {
  background-color: #f89827;
}

.pws_tabs_container.pws_tabs_responsive.pws_theme_gold .pws_responsive_small_menu a:hover {
  background-color: #fa7b00;
}

.pws_tabs_container.pws_theme_gold ul.pws_tabs_controll li a {
  background-color: #f89827;
}

.pws_tabs_container.pws_theme_gold ul.pws_tabs_controll li a:hover {
  background-color: #fa7b00;
}

.pws_tabs_container.pws_theme_gold ul.pws_tabs_controll li a.pws_tab_active {
  background-color: #fff;
}

/**
* ###########################
* orange
* ###########################
*/
.pws_tabs_container.pws_tabs_responsive.pws_theme_orange .pws_responsive_small_menu {
  background-color: #f15b42;
}

.pws_tabs_container.pws_tabs_responsive.pws_theme_orange .pws_responsive_small_menu a:hover {
  background-color: #fd2e0b;
}

.pws_tabs_container.pws_theme_orange ul.pws_tabs_controll li a {
  background-color: #f15b42;
}

.pws_tabs_container.pws_theme_orange ul.pws_tabs_controll li a:hover {
  background-color: #fd2e0b;
}

.pws_tabs_container.pws_theme_orange ul.pws_tabs_controll li a.pws_tab_active {
  background-color: #fff;
}

/**
* ###########################
* red
* ###########################
*/
.pws_tabs_container.pws_tabs_responsive.pws_theme_red .pws_responsive_small_menu {
  background-color: #e41937;
}

.pws_tabs_container.pws_tabs_responsive.pws_theme_red .pws_responsive_small_menu a:hover {
  background-color: #d70726;
}

.pws_tabs_container.pws_theme_red ul.pws_tabs_controll li a {
  background-color: #e41937;
}

.pws_tabs_container.pws_theme_red ul.pws_tabs_controll li a:hover {
  background-color: #d70726;
}

.pws_tabs_container.pws_theme_red ul.pws_tabs_controll li a.pws_tab_active {
  background-color: #fff;
}

/**
* ###########################
* purple
* ###########################
*/
.pws_tabs_container.pws_tabs_responsive.pws_theme_purple .pws_responsive_small_menu {
  background-color: #672e8d;
}

.pws_tabs_container.pws_tabs_responsive.pws_theme_purple .pws_responsive_small_menu a:hover {
  background-color: #470871;
}

.pws_tabs_container.pws_theme_purple ul.pws_tabs_controll li a {
  background-color: #672e8d;
}

.pws_tabs_container.pws_theme_purple ul.pws_tabs_controll li a:hover {
  background-color: #470871;
}

.pws_tabs_container.pws_theme_purple ul.pws_tabs_controll li a.pws_tab_active {
  background-color: #fff;
}

/**
* ###########################
* grey
* ###########################
*/
.pws_tabs_container.pws_tabs_responsive.pws_theme_grey .pws_responsive_small_menu {
  background-color: #4d4d4f;
}

.pws_tabs_container.pws_tabs_responsive.pws_theme_grey .pws_responsive_small_menu a:hover {
  background-color: #000000;
}

.pws_tabs_container.pws_theme_grey ul.pws_tabs_controll li a {
  background-color: #4d4d4f;
}

.pws_tabs_container.pws_theme_grey ul.pws_tabs_controll li a:hover {
  background-color: #000000;
}

.pws_tabs_container.pws_theme_grey ul.pws_tabs_controll li a.pws_tab_active {
  background-color: #fff;
}

/**
  * ######################################################
  * Effect: none
  * ######################################################
  */
.pws_tabs_noeffect .pws_tabs_list {
  -webkit-transition: all .1s ease-in-out 0;
  transition: all .1s ease-in-out 0;
}

.pws_tabs_noeffect .pws_tab_single {
  -webkit-transition: none;
  transition: none;
}

.pws_tabs_none_hide {
  display: none;
}

.pws_tabs_none_show {
  display: block;
}

/**
  * ######################################################
  * Effect: scale
  * ######################################################
  */
.pws_tabs_scale_hide {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.pws_tabs_scale_show {
  z-index: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

/**
  * ######################################################
  * Effect: slideleft
  * ######################################################
  */
.pws_tabs_slide_left_hide {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}

.pws_tabs_slide_left_show {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

/**
  * ######################################################
  * Effect: slideright
  * ######################################################
  */
.pws_tabs_slide_right_hide {
  -webkit-transform: translateX(200%);
  transform: translateX(200%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}

.pws_tabs_slide_right_show {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

/**
  * ######################################################
  * Effect: slidetop
  * ######################################################
  */
.pws_tabs_slide_top_hide {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}

.pws_tabs_slide_top_show {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

/**
  * ######################################################
  * Effect: slidedown
  * ######################################################
  */
.pws_tabs_slide_down_hide {
  -webkit-transform: translateY(200%);
  transform: translateY(200%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}

.pws_tabs_slide_down_show {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
     * Remove all paddings around the image on small screen
     */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

#modal_agreement label {
  font-weight: bold;
  float: left;
  width: 100%;
}
#agreement {
 -ms-transform: scale(2);
 -moz-transform: scale(2);
 -webkit-transform: scale(2);
 -o-transform: scale(2);
 margin-right: 10px;
 float: left;
 width: 40px;
 background: #fff;
 margin-top: 5px;
 }
/*# sourceMappingURL=stylesheet.css.map */