/*	Date: 10/7/2009
	Janna Marks
	Default MatrixMaxx Stylesheet */

/* calendar */

#personal-cal { position:relative; }

.add-cal a {
/*
 *  MAXX-680.
 *
    background: url(/themes/images/calendar_add.png) 0 50% no-repeat;
    padding-left: 20px;
*/
    line-height:19px;
}

.cal-options { list-style:none !important; margin-left:0 !important; width:120px; border:1px solid #999; border-top:none; background-color:#fff; padding:10px; }

.cal-options li { margin-bottom:0.3em; list-style-type: none !important; margin-left:0 !important; }

.cal-options #cal-outlook { background:url(/themes/images/calendar_outlook.gif) 0 50% no-repeat; padding-left:20px !important; }

.cal-options #cal-ical { background:url(/themes/images/calendar_ical.png) 0 50% no-repeat; padding-left:20px !important; }

.cal-options #cal-google { background:url(/themes/images/calendar_google.png) 0 50% no-repeat; padding-left:20px !important; }

.cal-options #cal-yahoo { background:url(/themes/images/calendar_yahoo.png) 0 50% no-repeat; padding-left:20px !important; }

.invite { display:none;}

div.toolbarGray {
  overflow: hidden;
  background: #f6f6f6;
  border-bottom: 1px solid #cccccc;
  padding: 5px 10px;
  margin-top: 10px;

/*
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
*/
}

div.toolbarGray span.toolbarItem {
    float: left;
    width: 20%;
}

.eventBlock {
    margin-top: 30px;
}


.toolbarItem {
    padding-right: 10px;
}

/* Roster Styles */

#sortable1, #sortable2 { list-style: none; margin: 0; padding: 0; width: 95%; overflow: auto}
#sortable1 li { margin: 2px 2px 2px 0px; padding: 0; height: 54px; background-color: #efefef; border: 1px solid #666666;}
#sortable2 li { margin: 2px 2px 2px 0px; padding: 0; height: 54px; background-color: #aaaaaa; border: 1px solid #666666;}
#sortable1 li span.staffName, #sortable2 li span.staffName { position: absolute; margin-left: 0px; width: 540px;}
#sortable1 li span.staffPhone, #sortable2 li span.staffPhone { position: absolute; margin-left: 325px; width: 75px;}
#sortable1 li span.staffEmail, #sortable2 li span.staffEmail { position: absolute; margin-left: 400px; width: 250px;}
#sortable1 li span.staffRemove, #sortable2 li span.staffRemove { position: absolute; margin-left: 500px; width: 75px;}


/* Styles for Group Registration */

.clearing {
  clear: both;
}

.button-add-remove-clause {
  float: left;
  margin: 0 1px;
  vertical-align:top;
  width: 16px;  // seeing if this helps IE
}

.button-add-remove-clause input {
  border-size: 0px;
  border-style: none;
  display: inline;
}

ul.objList li {
  list-style: none;
}

div.spinnerDiv {
    display: block;
    position: fixed;
    height: 100%;
    top: 50%;
    left: 50%;
}

div.stepByStepNav {
    float: left;
    width: 14%;
    padding: 0 20px 0 0;
}

div.stepByStepNav ul {
    margin: 0;
    padding: 0;
}

div.stepByStepNav ul li {
    border-bottom: 1px dashed #373737;
    list-style: none;
    padding: 0 0 1px 4px;
    margin: 2px 0 0 0;
}

div.stepByStepNav ul li a, div.stepByStepNav ul li a:visited  {
    color: #000;
    text-decoration: none;
    font-size: 12px;
    line-height: 19px;
}

div.stepByStepNav ul li.futureStep {
    color: #999;
    text-decoration: none;
    font-size: 12px;
    line-height: 19px;
}

div.stepByStepNav ul li.on {
    background: url("/themes/images/rightArrowBackDarkGray.gif") no-repeat right center;
    border: none;
    margin-right: -20px;
    padding-right: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: bold;
    color: #fff;
}

div.stepByStepNav ul li.on a, div.stepByStepNav ul li.on a:visited, div.stepByStepNav ul li.on a:hover, #PublicWrapper div.stepByStepNav ul li.on a:hover, #maxxMicrositeContainer div.stepByStepNav ul li.on a, #maxxMicrositeContainer div.stepByStepNav ul li.on a:visited, #maxxMicrositeContainer div.stepByStepNav ul li.on a:hover {
    color: #fff;
    text-decoration: none;
}

div.stepByStepContent {
    float: left;
    border: 1px solid #ccc;
    max-width: 80%;
    padding: 4px;
}

div.regIndivButtons {
    margin: 5px 0px 5px 0px;
    float: right;
}

div.registrationBlock {
    padding: 4px;
    margin: 4px 0 0 0;
    border: 1px solid #ccc;
}

div.groupRegSection {
	padding: 4px;
	border: 1px solid #ccc;
	margin-top: 10px;
}

div.stepByStepContent div.groupRegSection .sectionHeader {
    background: url("/themes/images/dkGrayHeaderBack.gif") repeat-x top left;
    padding: 3px 4px 6px 4px;
    margin: -4px -4px 0px -4px;
    float: left;
    width: 100%;
}
div.stepByStepContent div.groupRegSection h4, #maxxMicrositeContainer div.stepByStepContent div.groupRegSection h4, #main div.stepByStepContent div.groupRegSection h4 {
    background: url("/themes/images/dkGrayHeaderBack.gif") repeat-x top left;
    color: #ffffff;
    font-weight: bold;
    xwidth: 350px;
	padding: 0;
	margin: 0;
}

div.stepByStepContent div.groupRegSection .sectionHeader a, #maxxMicrositeContainer div.stepByStepContent div.groupRegSection .sectionHeader a, div.stepByStepContent div.groupRegSection .sectionHeader, .maxxMicrositeContainer div.stepByStepContent div.groupRegSection .sectionHeader {
    color: #ffffff;
}


div.eventQuestion {
    margin-left: 25px;
}

body.maxx table.regPaymentDetails tr td, body.maxx table.regPaymentDetails tr th {
    padding: 2px 10px 0 0 !important;
}

body.maxx table.regPaymentDetails {
    width: 100%;
}

tr.couponrow td, div.couponrow {
    color: #2AAD2E;
}

div.stepByStepContent img, #content div.stepByStepContent img {
	padding: 0;
	border: 0;
}

/* Classes for Bio Rosters and Staff dialogs */
#member_bio_dialog {
    background: white;
    opacity: 1.0;
    display: none;
    border: 1px solid black;
}
#member_bio_content {
    padding: 5px;
}

#remove_staff_dialog
{
    background: white;
    opacity: 1.0;
    display: none;
    border: 1px solid black;
	    line-height: 1em;
}
#remove_staff_content
{
    padding: 5px;
}

.button_group {
    padding: 4px;
}


/* --- password strength meter ---
  NOTE: this is copied in intranet maxx.css.
  If you update this, change it there too!
*/
div#scorebarBorder {
   /*background-color: #333;*/
   border: 1px black solid;
   height: 16px;
   margin-bottom: 2px;
   width: 100px;
}

div#score {
   color: black;
   font-size: 85%;
   position: absolute;
   text-align: center;
   width: 100px;
   z-index: 10;
   font-weight: bold;
}
div#scorebar {
   height: 16px;
   display: block;
}
.strength0 {
        width:100px;
        background:#ffffff;
}
.strength1 {
        width:20px;
        background:#ff0000;
}
.strength2 {
        width:40px;
        background:orange;
}
.strength3 {
        width:60px;
        background:yellow;
}
.strength4 {
        background:#4dcd00;
        width:80px;
}
.strength5 {
        background:#399800;
        width:100px;
}


/* Styling for Organization Participation Report */

.profileIcon {float: left; margin: 0 10px;}
.profileBlock {margin: 15px 0 0 0px; padding: 1px 0; clear:both; overflow: hidden;}
.profileContentBlock {margin: 0 0 0 60px; padding: 0 0;}
#profileInfoBlock {padding: 1px 0;}
#multiple-contacts {padding: 1px 0;}
.specialMark {color: #090; font-weight:bolder;}

/* Group Registration add attendee styling*/

ul.objList li {
    padding-bottom: 2px;
}

.control-group.half {
    float: left;
    width: 50%;
}

.control-group {
  margin-bottom: 1em;
}

span.field_label, span.fieldlabel {
    font-weight: bold;
}


/* Styling for new www pledge form */

.maxxFormBlock {
    border: 1px solid #ccc;
    padding: 4px;
    width: 98%;
}

.formtwocolumnleft {
    float: left;
    width: auto;
    padding: 0 10px 0 0;
}

.formtwocolumnright {
    float: right;
    padding: 0 10px 0 0;
}

ol.forms li ul li label, ol.forms li.grouping ul li label {
    float: left;
    font-weight: normal;
    width: 30em;
}

ol.forms li.grouping label {
    display: block;
    float: none;
    font-weight: bold;
    padding: 0 0.5em 0 0;
    width: 100%;
}

ol.forms li.sidebysideLeft {
 padding-left: 0;
}

ol.forms li ul.groupingsidebyside ul.stacked {
 display: block;
}

/* -----Forms----- */
ol.forms { list-style: none; margin: 0; overflow: hidden; width: 100%; }
ol.forms li { clear: both; float: left; margin-bottom: 12px; width: 100%; }
ol.forms li.buttons input {
	background: #730996;
	border: none;
	color: #fff;
	overflow: hidden;
	vertical-align: middle;
	width: auto;
}

ol.forms li.sidebysideLeft {
	clear: left;
	float: left;
	padding: .5em 0 .5em .5em ;
	width: 45%;
}

ol.forms li.sidebyside {
	clear: none;
	float: left;
	padding: .5em 0 .5em .5em;
	width: auto;
}


ol.forms li.leftLabel label {
	display: block;
	float: left;
	font-weight: bold;
	color: #61106A;
	padding: 0 .5em 0 0 ;
	width: 9em;
}

ol.forms li label.inline {
	display: inline;
	float: none;
	padding: 0;
	width: auto;
}

ol.forms li label {
	float: none;
	display: block;
	font-weight: bold;
	xcolor: #61106A;
	padding: 0 .5em 0 0 ;
	width: 100%;
}

ol.forms li.longLabel label {
	float: left;
	display: inline;
	font-weight: bold;
	color: #61106A;
	padding: 0 .5em 0 0;
	width: auto;
}

ol.forms li.longLabel {
	width: 100%;
}

ol.forms li ul {
	float: left;
	list-style: none;
	margin: 1em 0 1em 2em;
	padding: 0;
	xborder: 1px solid red;
}

ol.forms li ul li {
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

ol.forms li ul li input {
	display: block;
	float: left;
	width: auto;
}

ol.forms li ul li label, ol.forms li.grouping ul li label {
	float: left;
	font-weight: normal;
	width: 30em;
}

ol.forms li ul li label, ol.forms li.groupingleftlabel ul li label {
	float: left;
	font-weight: normal;
	width: 30em;
}
ol.forms li.grouping label {
	float: none;
	display: block;
	font-weight: bold;
	padding: 0 .5em 0 0;
	width: 100%;
}

ol.forms li.buttons input {
	margin-left: 10em;
	width: auto;
}

.error {
	color: #990000;
	font-weight: bold;
}

ol.forms li span.error {
	color: #FF4646;
	display: block;
	margin-left: 10em;
	width: 16.6em;
}

ol.forms li ol.questionBox {
	border: 1px solid #ccc;
}

ol.forms li ul.groupingsidebyside ul.stacked li {
 clear: left;
}

ol.forms li ul.groupingsidebyside {
 float: left;
 list-style: none outside none;
 display: inline;
 margin: 1em 0 1em 2em;
 padding: 0;
 width: 90%;
}

ol.forms li ul.groupingsidebyside li {
 float: left;
 display: inline;
 clear: none;
 width: auto;
}

ol.forms li ul.groupingsidebyside li label {
 width: auto;
}


div.inlineRosterDiv {
    display:table-cell;
    vertical-align: top;
}

/* Fix for jira MAXX-65  --zbmott 2012-08-03 10:45 */
div.rosterImageDiv {
    height: 300px;
    vertical-align: bottom;
    display: table-cell;
}

a.helpIcon {
    cursor: pointer;
    margin-left: 5px;
}

/* Classes for jQuery dialogs */
/* modal window/ dialog box */
/* These styles overwrite the inline styles in jquery.ui.all.js / dropDirectPhoneDialog.js */
.ui-dialog {
        opacity: 1.0;
	width: 500px !important;
        height: auto !important;
	margin:0 !important;
	padding:0 !important;
	background: #fff !important;
        display: none;
        border: 1px solid black;
    z-index: 150;
	}
.ui-widget-overlay {  /* Turn the overlay gray */
	background-color: #000;
	opacity: 0.55;
	-moz-opacity: 0.55;
    position: fixed;
	top:0px;
	left:0px;
    z-index: 100;
}
.ui-dialog div {
	xmargin:0 !important;
	xpadding:0 !important;
	}
.ui-dialog-buttonpane {
	margin:0 !important;
	padding:0 !important;
	}
.ui-dialog-titlebar {
	xcolor: #ffffff;
	font-weight: bold !important;
	padding: 10px 10px 0px 10px;
	margin:0;
	background-color: transparent !important;
        height: 30px;
	}
.ui-dialog-titlebar a {
	color: #61106A !important;
	xmargin: 0 !important;
	xpadding: 3px !important;
	text-decoration: none !important;
	}
.ui-dialog-titlebar a:hover {
	color: #fff !important;
	background: #A99BAB;
	}
.ui-dialog-title {
	color: #fff;
        xfloat:left;
        xpadding: 5px
        }
.ui-dialog-titlebar-close {
        float: right;
        margin: 5px;
        padding-top: 5px;
        padding-right: 5px
}
.ui-dialog .ui-dialog-titlebar-close span {
    margin-left: -9px;
    margin-top: -8px;
}
.ui-dialog-content {
	background: #fff !important;
        padding: 5px;
        height: auto !important;
	}
.ui-dialog-content p {
	padding: .5em 10px;
	}
.ui-dialog-content ul {
	margin-left: 5em;
	}
.ui-dialog-content button {
	margin-top: .35em
	}

#maxxMicrositeContainer .ui-state-default {
    color: #555555;
}
/* Changed widged font size to 1 instead of 1.1em */
.ui-widget { font-size: 1em; }


/* Changed image path to /themes/images/ instead of image/ */
/* Component containers
----------------------------------*/
.ui-widget-content { background: #ffffff url(/themes/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-header { background: #61106a url(/themes/images/ui-bg_highlight-soft_75_666666_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: none; background: #e6e6e6 url(/themes/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #dadada url(/themes/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;  }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #ffffff url(/themes/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;  }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {background: #fbf9ee url(/themes/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { background: #fef1ec url(/themes/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/themes/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/themes/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/themes/images/ui-icons_cccccc_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/themes/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/themes/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/themes/images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/themes/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/themes/images/ui-icons_cd0a0a_256x240.png); }


/* Making button not so tall by changing top and bottom padding to be .0em instead of .4em */

/* button text element */
.ui-button-text-only .ui-button-text { padding: .0em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .0em; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .0em 1em .0em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .0em 2.1em .0em 1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .0em 1em; }


div.ui-accordion-content { background: transparent; }


/* Absolute position datepicker when not visible so it doesn't create extra space */
.ui-datepicker {
	position: absolute;
	top: -500px;
	left: -500px;
}

/* Making borders on buttons darker */
.ui-button { border: 1px solid #666; }

/*----- End jQuery Overide section -----*/

/*
 * Responsive
 */

@media (max-width: 600px) {
  .eventBlock {
    margin-top: 3.5em;
  }

  .eventBlock .eventImage {
    max-width: 20%;
    margin-right: 4%;
    margin-bottom: .5em;
  }

  .eventBlock .eventImage img {
    width: 100%;
  }

  .eventBlock .eventInfo {
    font-size: .9em;
  }

  .eventBlock .eventInfo h2 {
    font-size: 1.3em;
  }

  .eventBlock .eventLogistics {
    clear: left;
    margin-top: .8em;
  }

  div.toolbarGray span.toolbarItem {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.3333%;
    margin: 0;
    padding: 0 .6em;
    text-align: center;
  }

  td.normal > div {
    width: auto !important;
  }
}

/*
 * NOTE: maxx-icon fonts now in SHARED directory. Look for them there.
 *       Also, this block of stuff is COPIED in www stylesheet, so changes here
 *       need to be reflected there also. If we ever sassify www stylsheets we can
 *       share this stuff more elegantly.
 *
 */
@font-face {
  font-family: 'maxxicons';
  src:url('fonts/maxxicons.eot');
  src:url('fonts/maxxicons.eot?#iefix') format('embedded-opentype'),
    url('fonts/maxxicons.woff') format('woff'),
    url('fonts/maxxicons.ttf') format('truetype'),
    url('fonts/maxxicons.svg#maxxicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'maxxicons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="maxx-icon-"] {

[class*="maxx-icon-"]:before {
  font-family: 'maxxicons';
}
*/
[class*="maxx-icon-"] {
  font-family: 'maxxicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;


  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



.maxx-icon-recentlyviewed:before {
  content: "\e600";
}
.maxx-icon-viewstaff:before {
  content: "\e601";
}
.maxx-icon-tradeshow:before {
  content: "\e602";
}
.maxx-icon-sponsor:before {
  content: "\e603";
}
.maxx-icon-meeting-badge:before {
  content: "\e604";
}
.maxx-icon-commerce-badge:before {
  content: "\e605";
}
.maxx-icon-activities:before {
  content: "\e606";
}
.maxx-icon-caret-down:before {
  content: "\f0d7";
}
.maxx-icon-caret-up:before {
  content: "\f0d8";
}
.maxx-icon-caret-left:before {
  content: "\f0d9";
}
.maxx-icon-caret-right:before {
  content: "\f0da";
}
.maxx-icon-remove-sign:before {
  content: "\f057";
}
.maxx-icon-plus-sign:before {
  content: "\f055";
}
.maxx-icon-ok-sign:before {
  content: "\f058";
}
.maxx-icon-info-sign:before {
  content: "\f05a";
}
.maxx-icon-bookmark:before {
  content: "\f02e";
}
.maxx-icon-bookmark-empty:before {
  content: "\f097";
}
.maxx-icon-plus:before {
  content: "\f067";
}
.maxx-icon-minus:before {
  content: "\f068";
}
.maxx-icon-search:before {
  content: "\e000";
}
.maxx-icon-communications:before {
  content: "\e001";
}
.maxx-icon-top-level-member-company:before {
  content: "\e002";
}
.maxx-icon-reports:before {
  content: "\e004";
}
.maxx-icon-remove:before {
  content: "\e005";
}
.maxx-icon-primary-contact:before {
  content: "\e006";
}
.maxx-icon-organization-member:before {
  content: "\e007";
}
.maxx-icon-members:before {
  content: "\e008";
}
.maxx-icon-meetings:before {
  content: "\e009";
}
.maxx-icon-info:before {
  content: "\e00a";
}
.maxx-icon-individual-member:before {
  content: "\e00b";
}
.maxx-icon-help:before {
  content: "\e00c";
}
.maxx-icon-fundraising:before {
  content: "\e00d";
}
.maxx-icon-finance:before {
  content: "\e00e";
}
.maxx-icon-edit:before {
  content: "\e00f";
}
.maxx-icon-donor:before {
  content: "\e010";
}
.maxx-icon-contacts:before {
  content: "\e011";
}
.maxx-icon-commerce:before {
  content: "\e012";
}
.maxx-icon-check:before {
  content: "\e013";
}
.maxx-icon-board-member:before {
  content: "\e014";
}
.maxx-icon-advocacy:before {
  content: "\e015";
}
.maxx-icon-mymatrixmaxx:before {
  content: "\e016";
}
.maxx-icon-eyeball:before {
  content: "\e017";
}
.maxx-icon-arrow-up:before {
  content: "\e01c";
}
.maxx-icon-arrow-right:before {
  content: "\e01d";
}
.maxx-icon-arrow-down:before {
  content: "\e01e";
}
.maxx-icon-arrow-left:before {
  content: "\e01f";
}
.maxx-icon-circle-arrow-left:before {
  content: "\e018";
}
.maxx-icon-circle-arrow-down:before {
  content: "\e019";
}
.maxx-icon-circle-arrow-right:before {
  content: "\e01a";
}
.maxx-icon-circle-arrow-up:before {
  content: "\e01b";
}
.maxx-icon-cart:before {
  content: "\e020";
}
.maxx-icon-warning-sign:before {
  content: "\f071";
}
.maxx-icon-rss:before {
  content: "\f09e";
}
.maxx-icon-draggable:before {
  content: "\e021";
}
.maxx-icon-tasks:before {
  content: "\e023";
}
.maxx-icon-star:before {
  content: "\e025";
}
.maxx-icon-favicon:before {
  content: "\e026";
}
.maxx-icon-expandall:before {
  content: "\e027";
}
.maxx-icon-collapseall:before {
  content: "\e028";
}
.maxx-icon-viewstaff2:before {
  content: "\e029";
}

.maxx-icon-menu:before {
  content: "\f0d7";
}
.maxx-icon-add-to-calendar:before {
  content: "\e607";
}
.maxx-icon-map-point:before {
  content: "\e608";
}
.maxx-icon-my-meetings:before {
  content: "\e609";
}
.maxx-icon-meeting-documents:before {
  content: "\e60a";
}

/* MAXX-1582 */
div.control-group label+textarea {
  display: block;
}

/* MAXX-1685 */
.headline1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* My Profile Styles */

/* Adding a class that can be used to indent a black of content without the use of tables */

.indent-block {
  padding-left: 1em;
}

.maxx .primary table td.indent-block1 {
  padding-left: 1em;
}

.maxx .primary table td.indent-block2 {
  padding-left: 2em;
}

.maxx .primary table td.indent-block3 {
  padding-left: 3em;
}

/* Responsive styles for MyAccount on My Profile page */

@media (max-width: 767px) {

  .myAccount-date {
    float: left;
    width: 100%;
    font-weight: bold;
  }
  .myAccount-description {
    float: left;
    width: 100%;
  }
  .myAccount-invoice {
    float: left;
    width: 45%;
  }
  .myAccount-amount {
    float: left;
    width: 45%;
  }
 }

table#myProfile-myAccount tr th {
  text-align: left;
}

/* Rsponsive styles for MyMeetings on MyProfile */

.myMeeting-columns {
  float: left;
  width: 33%;
}

@media (max-width: 767px) {
  .myMeeting-columns {
  float: none;
  width: 100%;
}
}
/* Responsive styles for My Downloads table on the My Profile page */

table#myProfile-myDownloads tr th {
  text-align: left;
}

@media (max-width: 767px) {

  table#myProfile-myDownloads tr th {
    display:none;
  }

  .myDownloads-prodNum{
    float: left;
    width: 25%;
    font-weight:bold;
  }
  .myDownloads-title{
    float: left;
    width: 70%;
    font-weight:bold;
  }
  .myDownloads-datePurchased{
    float: left;
    width: 33%;
  }
  .myDownloads-access{
    float: left;
    width: 33%;
  }
  .myDownloads-expireDate{
    float: left;
    width: 33%;
  }

}

/* Responsive styles for my Profile demographics */

@media (max-width: 767px) {

  table#myProfile-demographics td {
    float: left;
    width: 100%;
  }
}


/* product view page */

.contact-photo {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0 1em .5em 0; }
  @media (max-width: 600px) {
    /* line 1, sass/_contacts-individual.scss */
    .contact-photo {
      float: none;
      width: auto;
      margin: 0; } }
  /* line 13, sass/_contacts-individual.scss */
  .contact-photo .photo {
    height: auto;
    xbackground: #fff;
    padding: .2em;
    border: 1px solid #c7c8ca; }
    @media (max-width: 600px) {
      /* line 13, sass/_contacts-individual.scss */
      .contact-photo .photo {
        width: auto;
        height: auto;
        max-width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto; } }

.contact-details {
  margin-left: 18%;
  overflow: auto; }
  @media (max-width: 600px) {
    /* line 41, sass/_contacts-individual.scss */
    .contact-details {
      float: none;
      width: auto;
      margin: 0;
      padding-top: 1em;
      border-top: 1px dotted #c7c8ca; } }


/* Store */
.cartButtons {
    width: 100%;
    text-align: center;
}

/*Login Page */

#loginPageWrapper {
  align-items: stretch;
  justify-content: space-between;
  flex-direction: row;
  display: flex;
}

  @media (max-width:600px) {
    #loginPageWrapper {
      flex-direction: column;
      
      width: 100%;
    }
  }

.loginPageBoxes {
  width: 45%;
  border: 1px #666 solid;
  padding: .5em;

}

  @media (max-width:600px) {
    .loginPageBoxes {
      
    }
  }

.loginPageBoxes input[type="text"], .loginPageBoxes input[type="password"] {
  width: 98%;
}

.loginPageBoxes input[type="submit"] {
  float: right;
}

.loginPageBoxes #forgotPassword {
  float: left;
  width: 100%;
  border-top: 1px solid #666;
  padding-top: 1em;
}

div#login {
  margin: .5em .5em .5em 0;

}
  @media (max-width:600px) {
    div#login {
      width: 97%;
      margin-right: 0;
    }
  }

div#createProfile {
  margin: .5em 0 .5em .5em;


}
  @media (max-width:600px) {
    div#createProfile {
      width: 97%;
      margin-left: 0;
    }
  }

.container {

}