/************* GENERAL STYLES ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline; }

:focus { outline: 0; }

* { box-sizing: border-box; }

body {
    /*background: #f0f0f0;*/
    background: #f5f5f5;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 1.3;
	color: #222; }
	
body.navOpen, body.noScroll { overflow: hidden; }

ul { list-style: none; }

.widget_embed_btn {
	margin-top: 10px;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	background: #007BFF;
	padding: 8px 15px;
	border-radius: 3px;
	border: none;
	cursor: pointer; }

/* Placeholder labels */
.has-floating-label {
	position: relative;
}

	.has-floating-label .floating-label {
		position: absolute;
		top: 11px;
		left: 7px;
		padding: 0 4px;
		color: #777;
		pointer-events: none;
		transition: all ease .3s;
	}

	.has-floating-label .add-floating-label:not(:placeholder-shown) ~ .floating-label {
		top: -4px;
		background-color: #fff;
		font-size: 70%;
	}

	.inputLang .has-floating-label .add-floating-label:not(:placeholder-shown) ~ .floating-label {
		top: -5px;
	}

	.has-floating-label .add-floating-label::placeholder {
		opacity: 0;
	}

	.has-floating-label .add-floating-label[style*='display: none'] ~ .floating-label {
		display: none;
	}
	

.green_bold_txt {
  font-weight: bold;
  font-style: italic;
  color: #3dac12; }
  
.hide {
	display: none; }

.error_select2 { background:#ffedb3 !important; height:32px; padding-top: 0px !important; }

.redactor_div ul {
	list-style-type: disc !important; }

.paddedTable tr td { padding: 5px; }

.floatRight { float: right; }

.required_star { color: red !important; }

.revert_icon {
	text-align: center;
	font-size: 18px; 
	font-weight: bold; }

.external_add_icon {
  margin-left: -6px;
  display: inline-block;
  padding: 3px 10px;
  vertical-align: bottom;
  border-radius: 30px;
  font-size: 15px;
  line-height: normal; }
	
  .external_add_icon:hover {
	background: #e9e9e9;
	text-decoration: none; }

.external_add_icon:before {
  content: "\f0fe";
  font-family: "FontAwesome";
  text-decoration: none !important;
  display: inline;
  margin-right: 5px; }

i.req {
   display: inline !important;
   color: red !important;
   font-weight: bold !important;
   font-style: normal; }

a.fancyboxCloseBtnX {
    margin-top: 10px;
    float: right; 
    font-weight: bold;
    color: black;
    text-decoration: none;  
    opacity: 0.5;
    font-size: 16px;
}

a.fancyboxCloseBtnX:hover {
 opacity: 1.0;
 text-decoration: none; }

.fileUrl.is_disabled {
   cursor: default !important; }

.fileUrl {
   padding: 10px;
   border: 1px solid #cccccc;
   background: #fafafa url(/images/icon_upload.png) no-repeat; 
   background-position: left center;
   background-origin: content-box;
   color: black;
   display: inline-block;
   text-decoration: none !important; }
   
.fileUrl span {
   padding-left: 20px; }

.fileUrl:hover {
   background: #eeeeee url(/images/icon_upload.png) no-repeat; 
   background-position: left center;
   background-origin: content-box; }

/* Make padding for the FR/EN Toggle button so text input doesn't go behind it */
.input_ENGLISH, .input_FRENCH, .textbox_lang_sm { padding-right: 40px !important; }

#make_payment_div {
   border-top: 1px solid #e4e4e4;
   padding-top: 15px; }

.border_link {
   padding: 5px;
   border: 1px solid #3da6bb;
   text-decoration: none; }

.border_link:hover {
   padding: 5px;
   border: 1px solid #3da6bb;
   color: white !important;
   background-color: #3da6bb;
   text-decoration: none; }

.seasonal_timeline_length {
   width: 60px !important;
   height: 40px !important;
   margin-top: 5px !important;
   text-align: center !important; }

.disabled_link {
  color: #D6D6D6 !important;
  cursor: default !important; }
  
.disabled_link:hover {
  text-decoration: none; }

ul.relay_list {
  margin-left: 20px;
  margin-top: 2px;
  font-size: 11px; 
  font-style: italic; }

.checkInApplicationBox_icon {
	  float: left;
	  width: 50px;
	  height: 74px;
	  margin-right: 15px; }
  
  .checkInApplicationBox {
	width: 100%;
	float: left;
	position: relative;
	padding: 10px;
	margin-bottom: 1.5rem;
	background: #f7f7f7;
	border: 1px solid #d1d1d1;
	color: #222; }
	
	.checkInApplicationBox  {
	  margin-bottom: 25px !important; }

.errorBoxGrey {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px 10px 10px 34px;
  margin-bottom: 1.5rem;
  background: #f7f7f7;
  border: 1px solid #d1d1d1;
  color: #222; }

  .errorBoxGrey:before {
   content: "\f071";
   position: absolute;
   top: 12px;
   left: 10px;
   margin-right: 7px;
   font-family: "FontAwesome";
   color: #f5af43; }
   
   a.club_info_edit, a.club_info_remove, a.club_info_home {
     display: block;
     float: left;
     margin-right: 5px;
     text-decoration: none; }
    
    a.club_info_edit:hover, a.club_info_remove:hover, a.club_info_home:hover {
       text-decoration: none; }
  
   .icon.pdf { 
      background: url(../../images/icon_pdf.png) left no-repeat white !important;
      background: url(../../images/svg/icon_pdf.svg) left no-repeat, linear-gradient(transparent, transparent), white !important;
      background-size: 14px; }
   
   .icon.xls { 
      background: url(../../images/icon_xls.png) left no-repeat white !important;
      background: url(../../images/svg/icon_xls.svg) left no-repeat, linear-gradient(transparent, transparent), white !important;
      background-size: 14px; }
   
   .icon.doc { 
      background: url(../../images/icon_doc.png) left no-repeat white !important;
      background: url(../../images/svg/icon_doc.svg) left no-repeat, linear-gradient(transparent, transparent), white !important;
      background-size: 14px; }
   
   .icon.txt { 
      background: url(../../images/icon_txt.png) left no-repeat white !important;
      background: url(../../images/svg/icon_txt.svg) left no-repeat, linear-gradient(transparent, transparent), white !important;
      background-size: 14px; }
   
   .icon.img { 
      background: url(../../images/icon_img.png) left no-repeat white !important;
      background: url(../../images/svg/icon_img.svg) left no-repeat, linear-gradient(transparent, transparent), white !important;
      background-size: 14px; }
   
   .icon.html { 
      background: url(../../images/icon_html.png) left no-repeat white !important;
      background: url(../../images/svg/icon_html.svg) left no-repeat, linear-gradient(transparent, transparent), white !important;
      background-size: 14px; }
   
   .icon.ppt { background: url(../../images/icon_ppt.png) left no-repeat white !important;
      background: url(../../images/svg/icon_ppt.svg) left no-repeat, linear-gradient(transparent, transparent), white !important;
      background-size: 14px; }

   .label_extra_add_questions {
       border-radius: 25px;
       padding: 5px;
       color: white;
       display: inline;
       font-size: 11px;
       font-weight: bold;
       margin-top: -6px;
       margin-left: 5px; }
       
    .label_admin_only {
        background: #d76f00; }
   
   .label_nso_admin_only {
      background: #a9010c; }
      
      .label_ptso_admin_only {
         background: #0154a9; }   
   
   .required_red {
      color: red;
      display: inline;
      font-weight: bold;
      margin-right: 5px; }

.fixedMergedTable {
  position: fixed:
  top: 130px; }
  
.small-circular-portrait { margin:0; padding:0; display: block; position: relative; width: 25px; height: 25px; overflow: hidden !important; border-radius: 50%; } 
.small-circular-portrait img { width: 100%; max-height: 25px; }

#auto_expiry_settings, #manual_expiry_settings {
	margin-top: 5px; 
	font-style: italic;
	font-size: 12px;
	margin-bottom: 10px; }

hr.thin {
  height: 1px;
  border: 0;
  color: #e4e4e4;
  background-color: #e4e4e4;
  width: 100%; }

table.inner_history_expand_table {
     width: 100%;
     border-bottom: 5px solid #4f4f4f;
     margin-left: auto;
     margin-right: auto; }
     
     table.inner_history_expand_table thead tr th:first { 
       max-width:20px; }
     
     table.inner_history_expand_table thead tr th { 
       background-color: #4f4f4f;
       color: white;
       padding: 5px; 
       font-weight: bold;
       min-width: 100px !important; }
       
       table.inner_history_expand_table td { 
           padding: 5px; }
      
       table.inner_history_expand_table tbody tr:not(:first-child):not(:last-child):not(.always_top_border) td { 
        padding-top: 0 !important; }
       
       table.inner_history_expand_table tbody tr:not(:first-child):not(:last-child) td { 
         border-bottom: 0 !important; }
         
         table.inner_history_expand_table tbody tr:first-child td { 
           padding-top: 10px !important;
           border-bottom: 0 !important; }
           
         table.inner_history_expand_table tbody tr:last-child td { 
           font-weight: bold;
           border-top: 1px solid #e4e4e4 !important; }
         
           .always_top_border td {
             padding-top: 10px !important;
             border-top: 1px solid #e4e4e4 !important; }
             
   
section ul, ul.list {
	list-style: disc;
	padding-left: 15px;
    margin-bottom: 1.5rem; }
	
	section ul li, ul.list li { margin: 0 0 7px; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
    font-size: 13px; }

caption, th, td {
	text-align: left;
	font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after {
	content: ""; }

.floatLeftHalfDesktop {
	width: 45%;
	float: left;
}

.floatRightHalfDesktop {
	width: 45%;
	float: right;
}

.addQuestionWaiverLabelDiv {
   height: 130px;
}

a.dark_link { color: #000000; text-decoration: underline; }
a.dark_link:hover { color: #666666; text-decoration: none; }

a.red_link { color: #c42b2b; }
a.black_link { color: #000000; }
a.white_link { color: #FFFFFF; }

.red_txt {
   color: red; }

.grey_txt {
   color: #d1d1d1; }
   
.dark_grey_txt {
   color: #7a7a7a !important; }

.smaller_txt {
   font-size: 11px; }
   
 .smaller_txt2 {
	 font-size: 13px !important; }

#make_payment_link {
   clear: both;
   display: block;
   width: 100%;
   margin-top: 10px; }

.compare_page_div1 {
   height: 70px;
   float: left;
   margin-right: 10px;
   width: 20px }
   
.compare_page_div2 {
   height: 70px;
   float: left;
   width: calc(100% - 50px);
   max-width: 300px; }

span.tooltip {
	margin-top: -3px;
	margin-left: 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	background: #aaa;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	cursor: help;
	vertical-align: baseline; }

.beta_tooltip {
	background: black !important;
}

input.datepicker, input.datepicker_with_time { background: url(/images/icon_calendar.png) #ffffff no-repeat center right 10px !important; }

blockquote, q { quotes: "" ""; }

strong { font-weight: bold; }

.disabled_txt {
	color: #9c9c9c;
}

em { font-style: italic; }

img {
    max-width: 100%;
    height: auto; }

img.imgAlign_left { 
    display: block;
    float: left;
    margin-right: 1.5rem;
    margin-bottom: 1rem; }

img.imgAlign_right { 
    display: block;
    float: right;
    margin-bottom: 1rem;
    margin-left: 1.5rem; }

img.imgAlign_center { 
    display: block;
    margin: auto; }

.delete_btn {
   background-color: #b20f0f !important;
   color: white !important;
}

.delete_btn:hover {
   background: #b20f0f !important;
}

table.newsletter_template_table, table.newsletter_prev_table {
   width:100%;
   margin-bottom: 15px; } 
   
table.newsletter_template_table td {
   width: 25%;
   padding: 5px; }

table.newsletter_template_table td img {
   width: 100%; }
   
table.newsletter_template_table td a:hover {
   opacity: 0.5; }
   
table.newsletter_prev_table tr td {
   padding: 5px; }

table.newsletter_prev_table tr:nth-child(even) { background: #ffffff; }

/*** FONT STYLES ***/
/*
    font-family: 'Titillium Web', sans-serif;
    font-family: 'Lato', sans-serif;
*/

h1 { 
    font-family: 'Titillium Web', sans-serif;
	font-size: 30px; 
	font-weight: 600;
    line-height: 1;
	margin: 0 0 20px; }

h2 { 
    font-family: 'Titillium Web', sans-serif;
	font-size: 30px; 
	font-weight: 600;
    line-height: 1;
    margin-bottom: 0.9em; }

h3 { 
    font-family: 'Titillium Web', sans-serif;
	font-size: 24px; 
	font-weight: 600;
    line-height: 1;
    margin-bottom: 0.7em; }

h4 { 
    font-family: 'Titillium Web', sans-serif;
	font-size: 20px; 
	font-weight: 600;
    line-height: 1;
    margin-bottom: 1em; }

h5 { 
    font-family: 'Titillium Web', sans-serif;
	font-size: 16px; 
	font-weight: 600;
    line-height: 1.3; }

a { 
	color: #36a6bc;
	text-decoration: none; }
	
a:hover { text-decoration: underline; }

input.green {
	background: #77bd22 !important;
}

a.btn {
    width: 100%;
    float: left;
    position: relative;
    padding: 9px 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: normal; }

    a.btn div {
        position: relative;
        z-index: 3; }

    a.btn span {
        width: 7px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        transition: 0.5s ease width; }

    a.btn.red { background: #d54d4d; }
        
        a.btn.red span { background: #c42b2b; }

    a.btn.blue { background: #58bdd1; }
        
        a.btn.blue span { background: #36a6bc; }

    a.btn.green { background: #77bd22; }
        
        a.btn.green span { background: #5e9c13; }
   
    a.btn.orange { background: #f2881d; }
     
     a.btn.orange span { background: #de7000; }
     
    a.btn.white { 
        background: #fff;
        color: #d54d4d; }
        
        a.btn.white span { background: #dbdbdb; }

    a.btn.black { 
        background: #222;
        color: #fff !important; }

    a.btn:hover { text-decoration: none; }

    a.btn:hover span { width: 100%; }

.share_admin_icon {
   float: left;
   margin-left: 5px; }
   
   .share_admin_icon:before {
    padding-top: 10px;
    content: "\f1e0";
    font-size: 15px;
    display: inline-block;
    color: #3da3b9;
    font-family: "FontAwesome"; }

.share_admin_icon2, .masterAdminDiv {
   float: left;
   margin-right: 5px; }

    .share_admin_icon2:before {
      padding-top: 0px;
      content: "\f1e0";
      font-size: 15px;
      display: inline-block;
      color: #3da3b9;
      font-family: "FontAwesome"; }

.greyBtn_wIcon {
	height: 40px;
	float: left;
	padding: 10px 13px;
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #222; }
	
.topBar .greyBtn_wIcon { background: #fff; }
	
.greyBtn_wIcon:before {
	display: inline-block;
	margin-right: 7px;
	font-family: "FontAwesome";
	font-size: 16px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }
	
	.greyBtn_wIcon.print:before { content: "\f02f"; }
	.greyBtn_wIcon.pdf:before { content: "\f1c1"; }
	.greyBtn_wIcon.csv:before { content: "\f1c3"; }
    .greyBtn_wIcon.share:before { content: "\f0c1"; }
    .greyBtn_wIcon.clock:before { content: "\f017"; }
	.greyBtn_wIcon.learn:before { content: "\f02d"; }
   
.greyBtn_wIcon:hover { text-decoration: none; }

.errorBoxRed {
	  display: none !important; }
	
.waitListBoxBorder {
	border: 1px solid #d03530;
	background: #ffd7d4;
	display: block;
	min-height: 28px; }

.waitListBoxBorderConf {
	min-height: 25px !important; }

.waitListBox {
	display: block;
	float: left;
	background: #d03530;
	padding: 5px;
	margin-right: 10px;
	color: white;
	font-weight: bold;
	vertical-align: middle; 
	text-align: center; }

.waitListBoxConf {	
	margin-top: -3px; }

p { margin-bottom: 1.5rem; }

.clearBoth { clear:both; }
.extraTopPadding { padding-top: 15px; }

.cryptedmail:after {
	content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); }

textarea {
    resize: none; }

.error_textbox {
	background: #fff9e7 !important;
	border: 1px solid #f5af43 !important; }

.error {
	background: #fff9e7 !important;
	border: 1px solid #f5af43 !important; }

.txt_center { text-align: center; }

a.membership_card_link { color:#409aae; }

a.membership_card_link:before {
  content: "\f2c2";
  display: inline-block;
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  color: #409aae;
  margin-right: 5px; }

i.iQuestion:after {
    content: "\f059";
    display: inline-block;
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    color: #999; }


/*** STYLED SELECT ***/
.styledSelect {
    display: inline-block;
    position: relative; }

    .styledSelect.full { width: 100%; }

    .styledSelect select {
        display: block;
        padding: 10px 30px 10px 10px;
        margin: 0;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font: inherit;
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        color: #222; }

        .styledSelect.full select { width: 100%; }

    .styledSelect .arr {
        width: 30px;
        position: absolute;
        top: 1px;
        right: 1px;
        bottom: 1px;
        background: #fff;
        pointer-events: none; }

        .styledSelect .arr:before {
            content: '';
            position: absolute;
            top: 50%;
            right: 10px;
            margin-top: -2px;
            border-top: 6px solid #222;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            pointer-events: none; }

    .styledSelect select option { background: #fff; }

    header .subNav .styledSelect select {
        height: 40px;
        padding: 7px 37px 7px 13px;
        border: none;
        border-right: 1px solid #e4e4e4; }

        header .subNav .styledSelect:hover select, header .subNav .styledSelect:hover .arr { background: #ddd; }

    header .subNav .styledSelect .arr { 
        width: 37px;
        top: 0;
        bottom: 0; }

        header .subNav .styledSelect .arr:before { right: 17px; }
        

/*** STYLED FILE INPUT ***/
.styledInputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1; }
	
	.styledInputfile + label {
		max-width: 100%;
		height: 40px;
		display: inline-block;
		padding: 10px 15px;
		background-color: #fafafa;
		border: 1px solid #ccc;
		font-size: 14px;
		font-weight: 500;
    	color: #222;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    	cursor: pointer; }

	.styledInputfile:focus + label,
	.styledInputfile + label:hover {
		background-color: #eee; }
		
	.styledInputfile:focus + label {
		outline: 1px dotted #000;
		outline: -webkit-focus-ring-color auto 5px; }
			
	.styledInputfile + label svg {
		width: 1em;
    	height: 1em;
		vertical-align: middle;
    	fill: currentColor;
    	margin-top: -0.25em;
    	margin-right: 0.25em; }

a.card {
	width: 49px;
	height: 31px;
	float: left;
	margin: 0 10px 0 0; }
	
	a.visa { background: url(/popups/images/card_visa.png) bottom no-repeat; }
	a.mastercard { background: url(/popups/images/card_mastercard.png) bottom no-repeat; }
	a.amex { background: url(/popups/images/card_amex.png) bottom no-repeat; }
	a.discover { background: url(/popups/images/card_discover.png) bottom no-repeat; }
   
   a.card.active { background-position: top !important; }
	
/*** FORM STYLES ***/
input[type="text"], input[type="password"] {
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    font: inherit;
    font-size: 13px; }

.btn_change_donate {
	padding: 10px 20px;
    text-transform: uppercase !important;
    background: #36a6bc;
    border: none;
    font: inherit;
    font-size: 13px;
    color: #fff;
    text-decoration: none !important;
    cursor: pointer; }
    
    .btn_change_donate:hover {
	    background: #1f8a9f;  }

input[type="submit"], input[type="button"] {
    padding: 10px 20px;
    margin: 0 auto;
    background: #36a6bc;
    border: none;
    font: inherit;
    font-size: 13px;
    color: #fff;
    cursor: pointer; }

.successBox, .success_div, .success_div2 {
    width: 100%;
    float: left;
    position: relative;
    padding: 10px 9px 9px 34px;
    margin-bottom: 1.5rem;
    /*background: #fff9e7;
    border: 1px solid #f5af43;*/
    border: 1px solid #3dac12 !important;
    background: #f9fdef;
    color: #222; }

    .successBox:before, .success_div:before {
        content: "\f058";
        position: absolute;
        top: 12px;
        left: 10px;
        margin-right: 7px;
        font-family: "FontAwesome";
        color: #4db846; }
    
.errorBox {
	width: 100%;
	float: left;
	position: relative;
	padding: 10px 10px 10px 34px;
	margin-bottom: 1.5rem;
	background: #fff9e7;
	border: 1px solid #f5af43;
	color: #222; }

	.errorBox:before {
		content: "\f071";
		position: absolute;
		top: 12px;
		left: 10px;
		margin-right: 7px;
		font-family: "FontAwesome";
		color: #f5af43; }

	.errorBox h5 { margin-bottom: 10px; }

	.errorBox ul { margin-bottom: 0; }
	
	ul.form li.labelLeft { 
    width: 100%;
    float: left;
    padding-left: 100px; }

    ul.form li.labelLeft .left {
        float: left;
        margin-left: -100px;
        font-size: 13px;
        font-weight: bold;
        line-height: 38px; }

    ul.form li.labelLeft .right {
        width: 100%;
        float: left; }

ul.form .date_startToEnd input[type="text"] { width: 100px; }

ul.form li.textarea_spaceTop { 
    width: 100%;
    float: left;
    margin-top: 10px; }
	
/*** COLS ***/
.col_row { 
    margin-left: -20px;
    margin-right: -20px; }

    .col_row:after {
        content: "";
        display: block;
        clear: both; }

.col {
    float: left;
    padding-left: 20px;
    padding-right: 20px; }

.col_12 { width: 100%; }
.col_9 { width: 75%; }
.col_8 { width: 66.6666%; }
.col_6 { width: 50%; }
.col_4 { width: 33.3333%; }
.col_3 { width: 25%; }
.col_third { width: 33.3333%; padding-top: 5px; padding-bottom: 5px; }

/*** TABS ***/
.tabs_wrap {
	width: 100%;
	float: left;
	position: relative; }
	
	.tabs_wrap:before, .tabs_wrap:after {
    	content: "";
    	width: 20px;
    	height: 31px;
    	position: absolute;
    	top: 0; }
		
		.tabs_wrap:before { 
			left: 0;
			background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
			background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
			background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); }
		
		.tabs_wrap:after { 
			right: 0;
			background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
			background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }

.tabs {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
    white-space: nowrap;
    overflow-x: auto; }

.tabs a {
    display: inline-block;
    padding: 0 5px 10px;
    margin: 0 2px;
    color: #222 !important; }
    
    .tabs a:first-child { margin-left: 20px; }
    .tabs a:last-child { margin-right: 20px; }

    .tabs a:hover { 
        border-bottom: 3px solid #ccc;
        text-decoration: none; }

    .tabs a.active { border-bottom: 3px solid #f79a05; }

.tabContent { 
    width: 100%;
    float: left;
    display: none; }

    .tabContent.active { display: block; }
	

/*** STRUCTURE STYLES ***/
.white-popup {
    width: auto;
    max-width: 500px;
    position: relative;
    margin: 20px auto; }
	
	.white-popup.fancybox-iframe { margin: 0 auto; }
	
    .white-popup:after {
        content: "";
        display: block;
        clear: both; }

    .mfp-ready .white-popup { 
        top: 0;
        opacity: 1; }
        
	.white-popup .mfp-close { top: 13px; }

    .white-popup > div {
        width: 100%;
        float: left;
        padding: 0;
        background: #fff; }

    .white-popup h2.top {
        margin-bottom: 50px;
        font-size: 15px;
        font-weight: normal;
        text-transform: uppercase;
        text-align: center; }
        
	.white-popup .topBar {
        width: 100%;
        float: left;
        padding: 28px 30px;
        background: #f5f5f5;
        border-bottom: 1px solid #e4e4e4;
        text-align: left; }

        .white-popup .topBar h2 {
            float: left;
            margin: 0;
            font-size: 15px;
            font-weight: normal;
            text-transform: uppercase; }
            
	.white-popup .main {
		width: 100%;
		float: left;
		padding: 30px; }

    .white-popup h5 { margin-bottom: 0.7em; }

    .white-popup ul.form li { margin-bottom: 7px; }

        .white-popup ul.form li.addSpace { 
            margin-top: 15px;
            margin-bottom: 15px; }

        .white-popup ul.form li.checkbox label { 
            display: block;
            padding-left: 25px; }

        .white-popup ul.form li.checkbox input[type="checkbox"] { 
            float: left;
            margin-left: -25px; }

        .white-popup ul.form li.checkbox span { display: block; }

        .white-popup ul.form li label.title {
            display: block;
            margin-bottom: 7px;
            font-size: 13px;
            font-weight: bold; }

        .white-popup ul.form li label.inline {
            display: inline-block;
            margin-right: 10px;
            font-size: 13px;
            font-weight: bold; }

        .white-popup ul.form li label.radio { margin-right: 7px; }

        .white-popup ul.form li .right { float: right; }

            .white-popup ul.form li .right .relative { 
                position: relative;
                top: 10px; }

    .white-popup input[type="text"], .white-popup input[type="password"] {
        width: 100%;
        padding: 10px;
        margin: 0 auto 7px;
        border: 1px solid #ccc;
        font: inherit;
        font-size: 13px; }

    .white-popup ul.form input[type="text"] { margin-bottom: 0; }

        .white-popup input[type="text"]:focus, .white-popup input[type="password"]:focus { border-color: #36a6bc; }

    .white-popup ul.form li .textEditor button {
        width: 30px;
        height: 30px;
        display: inline-block;
        position: relative;
        background: none;
        border: 1px solid transparent;
        border-radius: 3px;
        text-align: center; }

        .white-popup ul.form li .textEditor button:hover {
            background: #fff;
            border: 1px solid #aaa;
            box-shadow: 0 1px 1px rgba(0,0,0,0.2); }

            .white-popup ul.form li .textEditor button:before {
                position: absolute;
                top: 7px;
                right: 0;
                bottom: 0;
                left: 0;
                font-family: "FontAwesome";
                font-size: 15px; }

            .white-popup ul.form li .textEditor button.bold:before { content: "\f032"; }
            .white-popup ul.form li .textEditor button.italic:before { content: "\f033"; }
            .white-popup ul.form li .textEditor button.underline:before { content: "\f0cd"; }
            .white-popup ul.form li .textEditor button.image:before { content: "\f1c5"; }
            .white-popup ul.form li .textEditor button.quote:before { content: "\f10d"; }

    .white-popup textarea {
        width: 100%;
        height: 150px;
        padding: 10px;
        margin: 0 auto 7px;
        border: 1px solid #ccc !important;
        font: inherit;
        font-size: 13px; }

    .white-popup ul.form textarea { margin-bottom: 0; }

        .white-popup textarea:focus { border-color: #36a6bc; }

    .white-popup input[type="submit"] {
        width: 100%;
        padding: 10px 20px;
        margin: 0 auto;
        background: #36a6bc;
        border: none;
        font: inherit;
        font-size: 13px;
        color: #fff;
        cursor: pointer; }

    .white-popup a.grey {
        width: 100%;
        padding: 10px 20px;
        display: block;
        margin: 0 auto;
        background: #eee;
        border: none;
        text-align: center;
        font: inherit;
        font-size: 13px;
        color: #222;
        cursor: pointer; }

        .white-popup a.grey:hover { text-decoration: none; }

    .white-popup input.inlineBtn, .white-popup a.inlineBtn {
        width: auto;
        min-width: 100px;
        display: inline-block;
        margin-right: 5px; }

    .white-popup .poll {
        width: 100%;
        float: left;
        display: none;
        margin: -11px 0 10px; }

        .white-popup .poll .col_row { 
            margin-left: -3px;
            margin-right: -3px; }

        .white-popup .poll .col { padding: 3px; }

    .white-popup .bottomNote {
        padding: 30px 30px 10px;
        border-top: 1px solid #ddd;
        background: #f0f0f0; }

.white-popup .radioChoices.styled > p {
    margin-bottom: 20px;
    text-align: center;
    font-size: 18px; }

.white-popup .radioChoices.styled > div { 
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-content: stretch;
    align-content: stretch;
    margin: 0 -5px; }

.white-popup .radioChoices.styled label {
    float: left;
    padding: 0 5px;
    margin: 0;
    text-align: center;
    color: #888;
    cursor: pointer; }

.white-popup .radioChoices.styled.items2 label { width: 50%; }
.white-popup .radioChoices.styled.items3 label { width: 33.3333%; }

    .white-popup .radioChoices.styled label .wrap { 
        height: 100%;
        position: relative;
        padding: 30px 5px;
        background: #fff;
        border: 1px solid #36a6bc;
        border-radius: 3px;
        box-shadow: 0 2px 2px rgba(0,0,0,0.12); }

        .white-popup .radioChoices.styled label:hover .wrap { box-shadow: 0 2px 5px rgba(0,0,0,0.3); }

        .white-popup .radioChoices.styled label .wrap.active {
            background: #36a6bc;
            box-shadow: 0 2px 5px rgba(0,0,0,0.3);
            color: #fff; }

            .white-popup .radioChoices.styled label .wrap.active:before {
                content: "\f05d";
                width: 30px;
                height: 30px;
                position: absolute;
                top: -15px;
                left: 50%;
                z-index: 10;
                margin-left: -15px;
                background: #fff;
                border-radius: 100%;
                font-size: 30px;
                font-family: "FontAwesome";
                color: #36a6bc;
                line-height: normal; }

        .white-popup .radioChoices.styled label .wrap > div {
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            justify-content: center; }

    .white-popup .radioChoices.styled label input { display: none; }

    .white-popup .radioChoices.styled label span {
        display: block;
        margin-bottom: 10px;
        color: #222;
        font-size: 15px; }

        .white-popup .radioChoices.styled label .wrap.active span { color: #fff; }

        .white-popup .radioChoices.styled label .wrap > div span { margin: 0; }
        
.white-popup .errorBox {
	width: 100%;
    float: left;
    position: relative;
    padding: 10px 10px 10px 34px;
    margin-bottom: 1.5rem;
    background: #fff9e7;
    border: 1px solid #f5af43;
    color: #222; }

    .white-popup .errorBox:before {
    	content: "\f071";
        position: absolute;
        top: 12px;
        left: 10px;
        margin-right: 7px;
        font-family: "FontAwesome";
        color: #f5af43; }


/*** MAILING LIST ***/
#mailingList { 
    max-width: 450px;
    text-align: center; }

    #mailingList > div { padding-bottom: 40px; }

    #mailingList p { font-size: 20px; }

    #mailingList input[type="text"], #mailingList input[type="submit"] { max-width: 350px; }


/*** ADD ARTICLE ***/
#addArticle { 
    max-width: 450px;
    text-align: center; }

    #addArticle > div { padding-bottom: 40px; }

    #addArticle p { font-size: 18px; }

    #addArticle input[type="text"], #addArticle input[type="submit"] { max-width: 350px; }


/*** FORUM - POST NEW TOPIC ***/
#postTopic { max-width: 600px; }

    #postTopic .name { max-width: 270px; }

.billing_edit_cols {
	padding: 0 25px 0 0; }

@media all and (max-width: 700px) {
   .col_third { width: 50%; padding-top: 10px; padding-bottom: 10px; }
   
   .billing_edit_cols {
   		width: 100% !important;
	   padding: 0 0 0 0 !important; }
}

@media all and (max-width: 600px) {
   .hide600 {
	   display: none; }
}

@media all and (max-width: 500px) {
    
    #postTopic ul.form li .login { 
        float: none;
        margin: 0 0 15px; }
    
        #postTopic ul.form li .login .relative { position: static; }
    
    .white-popup .poll .col { width: 50%; }
    
}

@media all and (max-width: 420px) {
    
    #postTopic ul.form li .submitBtns { 
        width: 100%;
        float: left;
        margin-top: 20px; }
    
}


/*** FORUM GUIDELINES ***/
#forumGuidelines { max-width: 650px; }


/*** FORUM SETTINGS ***/
#forumSettings { max-width: 450px; }

    #forumSettings ul { margin-bottom: 30px; }


/*** PROFILE POPUP ***/
#profilePopup { 
    max-width: 1000px;
    height: 550px; }

    #profilePopup > div { 
        height: 100%;
        padding: 0 0 0 280px;
        overflow: hidden; }

    #profilePopup .left {
        width: 280px;
        height: 100%;
        float: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 30px;
        margin-left: -280px;
        background: #5b5e6d;
        background: -moz-linear-gradient(-45deg, #5b5e6d 0%, #302f44 100%);
        background: -webkit-linear-gradient(-45deg, #5b5e6d 0%,#302f44 100%);
        background: linear-gradient(135deg, #5b5e6d 0%,#302f44 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5e6d', endColorstr='#0',GradientType=1 );
        text-align: center;
        color: #9ea1ad; }

        #profilePopup .left figure {
            width: 140px;
            height: 140px;
            padding: 0;
            margin: -10px auto 20px;
            background: url(../images/icon_avatar.png) center no-repeat;
            background: url(../images/svg/icon_avatar.svg) center no-repeat, linear-gradient(transparent, transparent);
            background-size: cover;
            border: 3px solid #fff;
            border-radius: 100%;
            overflow: hidden;
            box-shadow: 0 0 15px rgba(0,0,0,0.5); }

        #profilePopup .left .username { 
            font-size: 18px; 
            color: #fff; }

        #profilePopup .left .name.male:before {
            content: "\f222";
            margin-right: 3px;
            font-family: 'FontAwesome'; }

        #profilePopup .left .name.female:before {
            content: "\f221";
            margin-right: 3px;
            font-family: 'FontAwesome'; }

        #profilePopup .left .name i {
            width: 14px;
            height: 14px;
            display: none;
            position: relative;
            top: 2px;
            margin-right: 4px;
            background: url(../images/icon_verified.png) no-repeat;
            background: url(../images/svg/icon_verified.svg) no-repeat, linear-gradient(transparent, transparent);
            background-size: cover; }

            #profilePopup .left .name.verified i { display: inline-block; }

        #profilePopup .left .bottom { margin-top: 50px; }

        #profilePopup .left .website a { color: #f9c15e; }

        #profilePopup .left .social { margin-top: 20px; }

            #profilePopup .left .social a {
                width: 24px;
                display: inline-block;
                position: relative;
                margin: 0 4px;
                text-align: center;
                opacity: 0.5;
                transition: 0.2s ease all; }

                #profilePopup .left .social a:after {
                    width: 24px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    color: #fff;
                    font-family: "FontAwesome";
                    font-size: 17px; }

                #profilePopup .left .social a.facebook:after { content: "\f09a"; }
                #profilePopup .left .social a.twitter:after { content: "\f099"; }
                #profilePopup .left .social a.instagram:after { content: "\f16d"; }
                #profilePopup .left .social a.linkedIn:after { content: "\f0e1"; }
                #profilePopup .left .social a.youtube:after { content: "\f16a"; }

                #profilePopup .left .social a:hover { opacity: 1; }
               
               
               #admin_notification {
                  margin-top: 25px;
                  position: absolute;
                  text-align: center;
                  width: 207px;
                  font-style: italic;
                  display: none; }
               
            #profilePopup .left .admin_functions { margin-top: 20px; border-top: 1px solid white; }
                
                #profilePopup .left .admin_functions a.edit_profile_btn {
                 margin-top: 15px;
                 padding: 3px 0 0 5px;
                 font-size: 12px;
                 width: 100% !important;
                 opacity: 1.0 !important;
                 color: white !important;
                 text-transform: uppercase; }
                
                #profilePopup .left .admin_functions a {
                   width: 24px;
                   display: inline-block;
                   position: relative;
                   margin: 0 4px;
                   text-align: center;
                   opacity: 0.5;
                   transition: 0.2s ease all; }
                   
                   #profilePopup .left .admin_functions a:after {
                      width: 24px;
                      position: absolute;
                      top: 0;
                      left: 0;
                      color: #fff;
                      font-family: "FontAwesome";
                      font-size: 17px; }
                      
                      #profilePopup .left .admin_functions a.edit_icon:after, #profilePopup .left .admin_functions a.edit_profile_btn:after { content: "\f044"; }
                      #profilePopup .left .admin_functions a.email_icon:after { content: "\f0e0"; }
                      #profilePopup .left .admin_functions a.export_icon:after { content: "\f019"; }
                      #profilePopup .left .admin_functions a.renew_icon:after { content: "\f079"; }
                      #profilePopup .left .admin_functions a.suspend_icon:after { content: "\f023"; }
                      #profilePopup .left .admin_functions a.remove_icon:after { content: "\f235"; }
                                     
                      #profilePopup .left .admin_functions a:hover { opacity: 1; }

    #profilePopup .right {
        width: 100%;
        height: 100%;
        float: left;
        padding: 30px 30px 0;
        overflow: auto; }

        #profilePopup .right:after {
            content: "";
            height: 30px;
            display: block;
            clear: both; }

        #profilePopup .right a.edit { float: right; margin-right: 10px; margin-top: -5px; }

            /*#profilePopup .right a.edit:before {
                content: "\f040";
                display: inline-block;
                margin-right: 5px;
                font-family: "FontAwesome"; }*/
                
            #profilePopup .right a.show_link:before {
               content: "\f146";
               display: inline-block;
               margin-right: 5px;
               font-family: "FontAwesome"; }
            
            #profilePopup .right a.hide_link:before {
               content: "\f0fe";
               display: inline-block;
               margin-right: 5px;
               font-family: "FontAwesome"; }

        #profilePopup .right h4 { 
           cursor: pointer;
            padding-bottom: 5px;
            border-bottom: 1px solid #e4e4e4; }

        #profilePopup .right ul.col2 { margin-bottom: 30px; }

            #profilePopup .right ul.col2 li { margin-bottom: 7px; }

                #profilePopup .right ul.col2 li span:first-child { 
                    width: 200px;
					color: rgb(113, 113, 113);
					/*font-style: italic;*/
                    float: left; }

                #profilePopup .right ul.col2 li span:nth-child(2) {
					display: block;
					overflow: hidden; }
					
					#profilePopup .right ul li {
						cursor: default;
						background:white;
						-webkit-transition: background 0.3s; /* For Safari 3.0 to 6.0 */
						transition: background 0.3s; /* For modern browsers */
					}
					
					#profilePopup .right ul li:hover {
						background: #f3f3f3 }

@media all and (max-width: 650px) {
    
    #profilePopup { height: auto; }
    
        #profilePopup > div { padding-left: 0; }

        #profilePopup .left {
            width: 100%;
            height: auto;
            display: block;
            margin: 0; }
    
            #profilePopup .left figure {
                width: 90px;
                height: 90px;
                float: left;
                margin: 0 20px 0 0; }
    
            #profilePopup .left .top { 
                float: none;
                text-align: left;
                overflow: hidden; }

            #profilePopup .left .bottom { 
                float: none;
                margin: 10px 0 0;
                text-align: left;
                width: 100%; }
                
                .admin_functions {
                   width: 100%;
                   text-align: center; }
                  
                  #admin_notification {
                     display: none !important; }
    
}


/*** POST - NO ACCOUNT ***/
#post_noAccount { 
    max-width: 350px;
    text-align: center; }

    #post_noAccount p { font-size: 18px; }

    #post_noAccount .captcha { margin-bottom: 20px; }

    #post_noAccount .bottomNote { 
        padding-bottom: 30px;
        text-align: left; }


/*** EVENT INFO - ADD NEWS ***/
#addNews, #fullNews { max-width: 600px; }

    #addNews input.date { max-width: 200px; }

    #addNews .lang { 
        position: relative;
        margin-bottom: 7px; }

        #addNews .lang .switch {
            height: 22px;
            position: absolute;
            top: 50%;
            right: 7px;
            padding: 0 7px;
            margin-top: -11px;
            background: #bbb;
            border-radius: 3px;
            color: #fff;
            font-size: 11px;
            font-weight: bold;
            line-height: 22px; }

        #addNews .lang_textarea .switch { 
            top: auto;
            bottom: 9px;
            margin: 0; }

            #addNews .lang .switch:hover {
                background: #36a6bc;
                text-decoration: none; }

        #addNews .lang input {
            padding-right: 50px;
            margin: 0; }

        #addNews .lang textarea {
            height: 300px;
            padding-bottom: 40px;
            margin: 0;
            resize: none; }

    #addNews input[type="submit"] { width: 95px; }


/*** REPORT COMMENT ***/
#reportComment { 
    max-width: 500px;
    text-align: center; }

    #reportComment > div { padding-bottom: 40px; }

    #reportComment p { font-size: 18px; }


/*** DONATE ***/
#donatePopup { max-width: 800px; }

    #donatePopup > div { 
        height: 100%;
        padding: 0 0 0 280px;
        overflow: hidden; }

    #donatePopup .left {
        width: 280px;
        height: 100%;
        float: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 30px;
        margin-left: -280px;
        text-align: center; }

        #donatePopup .left figure {
            width: 100%;
            margin: 0 auto;
            text-align: center; }

        #donatePopup .left .donations {
            margin-top: 20px;
            text-align: center; }

            #donatePopup .left .donations .raised { 
                color: #45a300;
                font-size: 18px; }

            #donatePopup .left .donations .bar {
                width: 100%;
                height: 6px;
                float: left;
                position: relative;
                margin: 5px 0 7px;
                background: #e4e4e4;
                border-radius: 6px;
                overflow: hidden; }

                #donatePopup .left .donations .bar div {
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    background: #77bd22; }

            #donatePopup .left .donations .goal {
                color: #999;
                font-size: 13px; }

    #donatePopup .right {
        width: 100%;
        height: 100%;
        float: left;
        background: #f5f5f5;
        border-left: 1px solid #e4e4e4;
        overflow: auto; }

        #donatePopup .right .block {
            width: 100%;
            float: left;
            padding: 30px; }

        #donatePopup .right .person figure {
            width: 40px;
            height: 40px;
            float: left;
            padding: 0;
            margin: 2px 7px 0 0;
            border-radius: 100%;
            overflow: hidden; }

        #donatePopup .right .person div { display: inline-block; }

            #donatePopup .right .person div span { display: block; }

                #donatePopup .right .person div span.name { font-size: 20px; }

        #donatePopup .right .col_row { margin: 0 -5px; }

        #donatePopup .right .col { padding: 0 5px; }

            #donatePopup .right .col_row .col_row { margin: 0 -2px; }

            #donatePopup .right .col_row .col_row .col { padding: 0 2px; }

        #donatePopup .right ul.form li { margin-bottom: 15px; }

        #donatePopup .right label {
            display: block;
            margin-bottom: 5px;
            font-size: 13px;
            font-weight: bold; }

        #donatePopup .right .behalf {
            width: 100%;
            float: left;
            margin-top: 30px; }

            #donatePopup .right .styledSelect { width: 100%; }

            #donatePopup .right .styledSelect select { width: 100%; }

        #donatePopup .right .amount {
            width: 100%;
            float: left;
            padding: 30px;
            background: #77bd22;
            color: #fff;
            text-align: center;
            font-size: 18px; }

            #donatePopup .right .amount input { 
                margin-top: 15px;
                border: none;
                text-align: center; }

            #donatePopup .right .amount p {
                margin: 15px 0 0;
                text-align: left;
                color: #3c630d;
                font-size: 13px; }

        #donatePopup .right .cardType a {
            display: inline-block;
            margin: 0 3px 0 5px;
            opacity: 0.3; }

            #donatePopup .right .cardType a img { float: left; }

            #donatePopup .right .cardType a.active, #donatePopup .right .cardType a:hover { opacity: 1; }

@media all and (max-width: 600px) {
    
    .col_6 { width: 50%; }
    
    #donatePopup { height: auto; }
    
        #donatePopup > div { padding-left: 0; }

        #donatePopup .left {
            width: 100%;
            height: auto;
            display: block;
            margin: 0; }
    
        #donatePopup .right { 
            border-top: 1px solid #e4e4e4;
            border-right: none; }
}


/*** GET STARTED FEATURES ***/
#gsFeatures { 
    max-width: 800px;
    height: 440px; }

    #gsFeatures > div { 
        height: 100%;
        padding: 0 0 0 250px;
        overflow: hidden; }

    #gsFeatures .left {
        width: 250px;
        height: 100%;
        float: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 30px;
        margin-left: -250px;
        background: #36a6bc;
        text-align: center; }

    #gsFeatures .right {
        width: 100%;
        height: 100%;
        float: left;
        padding: 30px 30px 0;
        overflow: auto;
        font-size: 16px; }

        #gsFeatures .right:after {
            content: "";
            height: 30px;
            display: block;
            clear: both; }

@media all and (max-width: 650px) {
    
    #gsFeatures { height: auto; }
    
        #gsFeatures > div { padding-left: 0; }

        #gsFeatures .left {
            width: 100%;
            height: auto;
            display: block;
            margin: 0; }
    
}


/*** AC FAQ ***/
#faqPopup { max-width: 800px; }

#faqPopup li { 
    width: 100%;
    float: left; }

    #faqPopup li:first-child a.question { border-top: 1px solid #e4e4e4; }

#faqPopup a.question {
    width: 100%;
    float: left;
    position: relative;
    padding: 10px 35px 10px 10px;
    border-bottom: 1px solid #e4e4e4; }

    #faqPopup a.question:after {
        content: "\f107";
        position: absolute;
        top: 9px;
        right: 10px;
        color: #222;
        font-size: 18px;
        font-family: "FontAwesome"; }

    #faqPopup a.open:after { content: "\f106"; }

    #faqPopup a.question:hover, #faqPopup a.question.open {
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(237,237,237,0.4) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(237,237,237,0.4) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(237,237,237,0.4) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6ededed',GradientType=0 ); }

#faqPopup .answer { 
    width: 100%;
    float: left;
    display: none;
    padding: 20px 10px 0; }

#faqPopup .radioChoices {
    width: 100%;
    float: left;
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e4e4e4; }

    #faqPopup .radioChoices label { 
        display: block;
        margin-bottom: 10px; }

#faqPopup .faqTab {
    width: 100%;
    float: left;
    display: none; }
    
.contactTab {
    width: 100%;
    float: left;
    display: none; }

@media all and (max-width: 600px) {
    
    #faqPopup.white-popup .radioChoices.styled > div { display: block !important; }
    
    #faqPopup.white-popup .radioChoices.styled label { width: 100%; }
    
    #faqPopup.white-popup .radioChoices.styled label .wrap { padding: 15px 30px; }
    
    #faqPopup.white-popup .radioChoices.styled label .wrap.active:before {
        top: 50%;
        left: -15px;
        margin: -15px 0 0; }
    
}

/* ENABLE QR SETTINGS */
.enableQRSettings { max-width: 1000px; }

.enableQRSettings .show_600 { margin-bottom: 10px; }

	.enableQRSettings table { width: 100%; }

		.enableQRSettings table thead { 
			background: #e9eaea;
			border-bottom: 1px solid #e4e4e4; }

			.enableQRSettings table thead input { margin: 0; }

		.enableQRSettings table th {
			padding: 10px;
			background: #2c3435;
			text-transform: uppercase;
			font-family: 'Titillium Web', sans-serif;
			font-weight: bold;
			color: #fff; }

		.enableQRSettings table td { 
			padding: 10px;
			border-bottom: 1px solid #e4e4e4; }


/*** VISIBLE QR FIELDS ***/
@media all and (max-width: 600px) { 
	.emailScannerListColumn {
		display: flex;
		align-items: flex-start;
		flex-direction: column; /* Stack items vertically */
		/* margin-left: auto !important; */
		float: right;
	}
}

/*** AC FIND CLUBS ***/
.findClubs { max-width: 1000px; }

.findClubs .show_600 { margin-bottom: 10px; }

    .findClubs table { width: 100%; }

        .findClubs table thead { 
            background: #e9eaea;
            border-bottom: 1px solid #e4e4e4; }

            .findClubs table thead input { margin: 0; }

        .findClubs table th {
            padding: 10px;
            background: #2c3435;
            text-transform: uppercase;
            font-family: 'Titillium Web', sans-serif;
            font-weight: bold;
            color: #fff; }

        .findClubs table td { 
            padding: 10px;
            border-bottom: 1px solid #e4e4e4; }
            
@media all and (max-width: 600px) {

	.findClubs table thead { display: none; }
	
	.findClubs table td { 
		display: block;
		padding: 3px 0;
		border: none; }
		
		.findClubs table tr td:first-child { 
			padding-top: 15px;
			border-top: 1px solid #e4e4e4;
			font-size: 17px; }
		
		.findClubs table tr td:last-child { padding-bottom: 15px; }
	
}


/*** SUPPORT - FIND CONTACT ***/
#support_findContact { max-width: 800px; }

#support_findContact .radioChoices {
    width: 100%;
    float: left;
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e4e4e4; }

    #support_findContact .radioChoices label { 
        display: block;
        margin-bottom: 10px; }

    #support_findContact .events, #support_findContact .contactInfo {
        width: 100%;
        float: left; }

        #support_findContact .events label.select { 
            display: block;
            margin-bottom: 10px; }

        #support_findContact .events .styledSelect { margin-bottom: 10px; }

        #support_findContact .events .findEvent {
            width: 100%;
            float: left;
            display: none;
            margin-top: 25px; }

            #support_findContact .events .findEvent li { margin-bottom: 15px; }

            #support_findContact .events .findEvent .col_row { margin: 0 -5px; }

            #support_findContact .events .findEvent .col { padding: 0 5px; }

    #support_findContact .contactInfo { 
        position: relative;
        padding-top: 25px;
        margin-top: 25px;
        border-top: 1px solid #e4e4e4; }

        #support_findContact .contactInfo:after {
            content: "";
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -10px;
            border-top: 10px solid #e4e4e4;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            text-align: center; }

        #support_findContact .contactInfo > div { margin: 0 -5px; }

        #support_findContact .contactInfo .contact { 
            width: 50%;
            float: left;
            padding: 0 5px;
            margin-bottom: 20px; }

            #support_findContact .contactInfo .contact:nth-child(2n+1) { clear: both; }

            #support_findContact .contactInfo .contact > div { 
                padding-left: 25px;
                margin-bottom: 7px; }

        #support_findContact .contactInfo .email { 
	        background: url(/images/icon_email2.png) left no-repeat;
	        background: url(/images/svg/icon_email2.svg) left no-repeat, linear-gradient(transparent, transparent);
	        background-size: 16px; }

        #support_findContact .contactInfo .phone { 
	        background: url(/images/icon_phone.png) left no-repeat;
	        background: url(/images/svg/icon_phone.svg) left no-repeat, linear-gradient(transparent, transparent);
	        background-size: 16px; }

@media all and (max-width: 414px) { 

    #support_findContact .events .findEvent .col { width: 100%; }
    
    #support_findContact .events .findEvent .col_row .col:first-child { margin-bottom: 15px; }
    
    #support_findContact .contactInfo .contact { width: 100%; }

}


/*** SUPPORT - TECH SUPPORT ***/
#support_techSupport .contact {
    width: 100%;
    float: left;
    margin-bottom: 25px;
    text-align: center; }

    #support_techSupport .contact img { margin-bottom: 10px; }

#support_techSupport .askQuestion {
    width: 100%;
    float: left;
    padding-top: 25px;
    border-top: 1px solid #e4e4e4; }

    #support_techSupport .askQuestion li { margin-bottom: 15px; }

    #support_techSupport .askQuestion .col_row { margin: 0 -5px; }

    #support_techSupport .askQuestion .col { padding: 0 5px; }

@media all and (max-width: 414px) { 

    #support_techSupport .askQuestion .col { width: 100%; }
    
    #support_techSupport .askQuestion .col_row .col:first-child { margin-bottom: 15px; }

}


/*** EVENT PROMOTION ***/
#eventPromotionPopup { max-width: 1000px; }

    #eventPromotionPopup .subHead { 
        margin-bottom: 40px;
        font-size: 18px; }

    #eventPromotionPopup .features { text-align: center; }

        #eventPromotionPopup .features figure {
            height: 95px;
            display: -webkit--box;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center;
            padding: 0;
            margin: 0 0 20px; }

    #eventPromotionPopup .confirm { 
        margin-top: 30px;
        text-align: center; }

        #eventPromotionPopup .confirm .btn { 
            width: 200px;
            height: 40px;
            display: inline-block;
            float: none;
            vertical-align: top;
            margin: 0 3px; }

        #eventPromotionPopup .confirm .grey div { padding-top: 2px; }

    #eventPromotionPopup .details {
        width: 100%;
        float: left;
        display: none;
        position: relative;
        padding-top: 40px;
        margin-top: 40px;
        border-top: 1px solid #e4e4e4;
        text-align: center; }

        #eventPromotionPopup .details:after {
            content: "";
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -10px;
            border-top: 10px solid #e4e4e4;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            text-align: center; }

        #eventPromotionPopup .details > p { font-size: 18px; }

        #eventPromotionPopup .details input[type="submit"] { 
            width: 200px;
            display: inline-block;
            float: none; }

        #eventPromotionPopup .details .radioChoices { 
            width: 100%;
            float: left;
            margin-bottom: 25px; }

            #eventPromotionPopup .details .radioChoices label { margin: 0 5px; }

        #eventPromotionPopup .details .customDate {
            width: 100%;
            float: left;
            display: none;
            padding: 15px 0;
            margin-top: 25px;
            background: #f5f5f5; }

            #eventPromotionPopup .details .customDate input { 
                width: 150px;
                margin: 0 5px; }

            #eventPromotionPopup .details .customDate .weeks { margin-top: 10px; }

                #eventPromotionPopup .details .customDate .weeks span { 
                    min-width: 15px;
                    display: inline-block;
                    border-bottom: 1px solid #222;
                    text-align: center; }

@media all and (max-width: 900px) {
    
    .addQuestionWaiverLabelDiv {
       height: 150px;
    }
    
    #eventPromotionPopup .features .col { 
        width: 50%;
        margin-bottom: 20px; }
    
        #eventPromotionPopup .features .col:nth-child(2n+1) { clear: both; }
    
}

@media all and (max-width: 500px) {
    
    #eventPromotionPopup .features .col { width: 100%; }
    
    #eventPromotionPopup .confirm .btn {
        width: 100%;
        margin: 0 0 10px; }
    
}

@media all and (max-width: 414px) { 

    #eventPromotionPopup .details .radioChoices label {
        display: block;
        margin: 0 0 10px; }
    
}


/*** ADDITIONAL QUESTIONS ***/
#addQuestionsPopup { 
	max-width: 100%;
	height: 100%;
	margin: 0; }

    #addQuestionsPopup > div { 
    	height: 100%;
    	padding: 81px 0 0; }

    #addQuestionsPopup .mfp-close { top: 13px; }

    #addQuestionsPopup a:hover { text-decoration: none; }

    #addQuestionsPopup .topBar {
        width: 100%;
        height: 71px;
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        padding: 15px 30px;
        background: #f5f5f5;
        border-bottom: 1px solid #e4e4e4;
        text-align: left; }

        #addQuestionsPopup .topBar h2 {
            float: left;
            margin: 13px 0 0;
            font-size: 15px;
            font-weight: normal;
            text-transform: uppercase; }

        #addQuestionsPopup .topBar .btn { 
            width: auto;
            float: right;
            margin-right: 14px; }

            #addQuestionsPopup .topBar .btn div { padding: 0 20px; }
            
            #addQuestionsPopup .topBar .btn .hide {
            	display: inline;
            	padding: 0; }

    #addQuestionsPopup .wrap {
    	width: 100%;
    	height: 100%;
    	float: left;
    	overflow-y: auto; }
    
    .ui-sortable-placeholder {
       visibility: visible !important;
       background: #fff;
       border: 2px dashed #aaa !important; }
    
    ul.sortable {
        width: 100%;
        float: left;
        padding: 0;
        list-style: none; }

        ul.sortable:after {
            content: "";
            width: 100%;
            height: 30px;
            float: left; }

        ul.sortable > li {
            width: 100%;
            float: left;
            position: relative;
            padding: 15px 30px 5px 38px;
            margin: 0;
            background: #fff;
            border-bottom: 1px solid #e4e4e4; }

            ul.sortable > li.open {
                background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(237,237,237,0.65) 100%);
                background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(237,237,237,0.65) 100%);
                background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(237,237,237,0.65) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6ededed',GradientType=0 );
                border-color: #aaa; }

            ul.sortable > li.ui-sortable-helper { box-shadow: 0 0 5px rgba(0,0,0,0.2); }

        ul.sortable i.handle { 
            position: absolute;
            top: 26px;
            left: 16px;
            margin-right: 10px;
            color: #222;
            opacity: 0.2;
            cursor: move; }

            ul.sortable i.handle:before {
                content: '\f047';
                float: left;
                font-family: 'FontAwesome';
                font-style: normal; }

            ul.sortable li:hover i.handle { opacity: 1; }

        ul.sortable .catLabel {
            width: 100%;
            float: left;
            margin-bottom: 10px; }

            ul.sortable .catLabel span { 
                float: left;
                padding: 10px 0; }

            ul.sortable .catLabel .edit { 
                float: right;
                padding: 10px 20px;
                background: #58bdd1;
                color: #fff; }
                
                ul.sortable .catLabel .edit_disabled { 
                        float: right;
                        padding: 10px 20px;
                        background: #b9b9b9;
                        color: #fff; }

        ul.sortable .content {
            width: 100%;
            float: left;
            display: none; }

            ul.sortable .content .col_row { margin: 0 -5px; }

            ul.sortable .content .col { padding: 0 5px; }

            ul.sortable .content .row {
                width: 100%;
                float: left; }

            ul.sortable .content .name { 
	            position: relative;
                padding-right: 140px;
                margin-bottom: 10px; }

                ul.sortable .content input { margin: 0; }

                ul.sortable .content .name > div { 
                	float: right;
                	position: absolute;
                    top: 0;
                    right: 0; }

                    ul.sortable .content .name a.update {
                        float: left;
						padding: 10px;
                        background: #58bdd1;
                        color: #fff; }

                    ul.sortable .content .name a.delete { 
	                    float: left;
						padding: 10px;
	                    margin-left: 5px; 
	                    background: #eee;
						color: #222; }

            ul.sortable .content .required { 
                display: block;
                margin-top: 10px; }

            ul.sortable .content .dropdownOptions { display: none; }
            
			ul.sortable .content .dropdownOptionsColors { display: none; }

                ul.sortable .content .dropdownOptions label { 
                    display: block;
                    margin: 5px 0 10px;
                    font-weight: bold; }
                    
                ul.sortable .content .dropdownOptionsColors label { 
                    display: block;
                    margin: 5px 0 10px;
                    font-weight: bold; }

                ul.sortable .content .col { margin-bottom: 10px; }

@media all and (max-width: 600px) {
    
    ul.sortable { max-height: none; }
    
    ul.sortable i.handle { display: none; }
    
    ul.sortable > li { padding-left: 30px; }
    
}

@media all and (max-width: 500px) {
    
    ul.sortable .content .col_4 { width: 100%; }
    
    ul.sortable .content .col_3 { width: 50%; }
    
    ul.sortable .content .required { margin: 5px 0; }
    
}

@media all and (max-width: 414px) {
    
    #addQuestionsPopup .topBar h2 { font-size: 12px; }
    
    #addQuestionsPopup .topBar .btn { font-size: 13px; }

        #addQuestionsPopup .topBar .btn div { padding: 0 15px; }
        
        #addQuestionsPopup .topBar .btn .hide { display: none; }
    
}


/*** IMPORT FROM ROSTER - NOT LOGGED IN & CREATE ACCOUNT ***/
#importRoster_login, #importRoster_create { max-width: 600px; }

    #importRoster_login > div, #importRoster_create > div { padding: 0; }

    #importRoster_login .mfp-close, #importRoster_create .mfp-close { top: 13px; }

    #importRoster_login a:hover, #importRoster_create a:hover { text-decoration: none; }

    #importRoster_login .topBar, #importRoster_create .topBar {
        width: 100%;
        float: left;
        padding: 28px 30px;
        background: #f5f5f5;
        border-bottom: 1px solid #e4e4e4;
        text-align: left; }

        #importRoster_login .topBar h2, #importRoster_create .topBar h2 {
            float: left;
            margin: 0;
            font-size: 15px;
            font-weight: normal;
            text-transform: uppercase; }
            
	#importRoster_login .main, #importRoster_create .main {
		width: 100%;
		float: left;
		padding: 30px; }
		
	#importRoster_login ul.form, #importRoster_create ul.form { margin: 0 -7px; }
		
		#importRoster_login ul.form li, #importRoster_create ul.form li { 
			width: 100%;
			float: left;
			padding: 0 7px;
			margin-bottom: 15px; }
			
			#importRoster_login ul.form li.half, #importRoster_create ul.form li.half { width: 50%; }
			
	#importRoster_login label, #importRoster_create label { display: block; }
	
		#importRoster_login label a, #importRoster_create label a { 
			float: right;
			font-weight: normal; }
			
	#importRoster_login input[type="submit"] { 
		width: 120px;
		margin-right: 15px; }
		
	#importRoster_create input[type="submit"] {
		width: auto;
		margin-right: 15px; }
		
@media all and (max-width: 450px) {

	#importRoster_create input[type="submit"] {
		width: 100%;
		margin: 0 0 15px;
	}

}

@media all and (max-width: 414px) {

	#importRoster_login ul.form li.half, #importRoster_create ul.form li.half { width: 100%; }
	
}

@media all and (max-width: 375px) {

	#importRoster_login input[type="submit"] { 
		width: 100px;
		margin-right: 10px; }
	
}


/*** IMPORT FROM ROSTER ***/
#importRoster { max-width: 1000px; }

    #importRoster > div { padding: 0; }

    #importRoster .mfp-close { top: 13px; }

    #importRoster a:hover { text-decoration: none; }

    #importRoster .topBar {
        width: 100%;
        float: left;
        padding: 15px 20px;
        background: #f5f5f5;
        border-bottom: 1px solid #e4e4e4;
        text-align: left; }

        #importRoster .topBar h2 {
            float: left;
            margin: 13px 0 0;
            font-size: 15px;
            font-weight: normal;
            text-transform: uppercase; }
            
		#importRoster .topBar .styledSelect { 
            width: auto;
            float: right;
            margin-right: 24px; }
            
	#importRoster .main {
		width: 100%;
		height: 620px;
		float: left;
		position: relative;
		padding: 0 0 0 300px;
		overflow: hidden; }
		
		#importRoster .main aside {
			width: 300px;
			height: 100%;
			float: left;
			position: relative;
			margin-left: -300px;
			background: #fff;
			border-right: 1px solid #e4e4e4; }
			
			#importRoster .main aside.open { right: 0; }
			
			#importRoster .main aside .head {
				width: 100%;
				height: 200px;
				float: left;
				padding: 20px 20px 10px;
				border-bottom: 1px solid #e4e4e4; }
				
				#importRoster .main aside .head .top { 
					width: 100%;
					float: left;
					margin-bottom: 10px; }
				
					#importRoster .main aside .head .top h4 { 
						float: left;
						margin: 8px 0 0; }
				
					#importRoster .main aside .head .top .styledSelect { 
						width: 125px;
						float: right; }
					
				#importRoster .main aside .head .refine { 
					width: 100%;
					float: left;
					position: relative;
					margin-bottom: 15px; }
					
					#importRoster .main aside .head .refine:after { 
            			content: "\f002";
            			position: absolute;
            			top: 10px;
            			right: 15px;
            			z-index: 10;
            			font-family: "FontAwesome";
            			color: #aaa; }
					
					#importRoster .main aside .head .refine input { 
						padding-right: 40px;
						margin: 0; }
						
				#importRoster .main aside .head .filter > div, .filter_mf > div { margin-bottom: 10px; }
				
				#importRoster .main aside .head .filter a, .filter_mf a {
					display: inline-block;
					padding: 3px 10px;
					margin: 0 2px 0 0;
					border-radius: 50px;
					color: #aaa;
					font-size: 13px; }
					
					#importRoster .main aside .head .filter a.active, #importRoster .main aside .head .filter a:hover, .filter_mf a.active, .filter_mf a:hover { 
						background: #e9e9e9;
						color: #222; }
						
			#importRoster .main aside .list {
				width: 100%;
				float: left;
				position: absolute;
				top: 200px;
				bottom: 50px;
				left: 0;
				z-index: 5px; }
				
				#importRoster .main aside .list ul {
            		width: 100%;
            		max-height: 100%;
					float: left;
            		padding: 0;
            		margin: 0;
            		list-style: none;
            		background: #f5f5f5;
            		overflow-x: hidden;
            		overflow-y: auto;
            		font-size: 13px; }

            		#importRoster .main aside .list li {
                		width: 100%;
                		float: left;
                		margin: 0;
                		border-bottom: 1px solid #e4e4e4;
                		line-height: normal; }

                		#importRoster .main aside .list li:last-child { border: none; }

                		#importRoster .main aside .list li a {
                    		display: block;
                    		padding: 10px 20px 10px 18px;
                    		border-left: 2px solid transparent;
                    		color: #222;
                    		white-space: nowrap;
                    		overflow: hidden;
                    		text-overflow: ellipsis; }
                    		
                    		#importRoster .main aside .list li a:before {
                    			content: "";
                    			width: 12px;
                    			height: 12px;
                    			display: inline-block;
                    			vertical-align: top;
                    			margin: 1px 7px 0 0;
                    			border: 1px solid #aaa;
                    			border-radius: 100%; }
                    			
                    			#importRoster .main aside .list li.registered a:before { 
                    				background: #77bd22;
                    				border: 1px solid #77bd22; }
                    
                    		#importRoster .main aside .list li a:hover { 
                    			background: #eee;
                    			text-decoration: none; }
                    
                    		#importRoster .main aside .list li.active a { 
                    			background: #daeef2;
                    			border-left: 2px solid #36a6bc; }
                    	
                    		#importRoster .main aside .list li.error a { 
                    			background: #fff9e7;
                    			border-left: 2px solid #f5af43; }
                    			
			#importRoster .main aside .addNew {
				width: 100%;
				height: 50px;
				float: left;
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 10px;
				background: #fff;
				border-top: 1px solid #e4e4e4;
				text-align: center;
				line-height: 50px; }
				
			#importRoster .main aside .closeSide {
				width: 50%;
				height: 50px;
				display: none;
				float: left;
				position: absolute;
				bottom: 0;
				right: 0;
				z-index: 10px;
				background: #fff;
				border-top: 1px solid #e4e4e4;
				border-left: 1px solid #e4e4e4;
				text-align: center;
				line-height: 50px; }
				
		#importRoster .main .content {
			width: 100%;
			height: 100%;
			float: left;
			padding: 20px;
			overflow-x: auto; }
			
			#importRoster .main .content:after {
				content: "";
				height: 30px;
				display: block;
				clear: both; }
				
			#importRoster .main .content .openSide { display: none; }
			
			#importRoster .main .content .title {
				width: 100%;
				float: left;
				margin: 0 0 20px; }
				
				#importRoster .main .content .title h4 {
					float: left;
					margin: 8px 0 0; }
					
				#importRoster .main .content .title .right { float: right; }
				
					#importRoster .main .content .title .right a {
						height: 40px;
						float: left;
						padding: 0 12px;
						background: #f5f5f5;
						border: 1px solid #ccc;
						color: #aaa;
						font-size: 13px;
						line-height: 40px; }
						
						#importRoster .main .content .title .right a:first-child { 
							border-right: 0;
							border-radius: 3px 0 0 3px; }
							
						#importRoster .main .content .title .right a:last-child { border-radius: 0 3px 3px 0; }
						
						#importRoster .main .content .title .right a.active, #importRoster .main .content .title .right a:hover {
							background: #fff;
							color: #222; }
			
			#importRoster .main .content .eventTypes {
				width: 100%;
				float: left;
				margin-bottom: 20px; }
				
				#importRoster .main .content .eventTypes label { margin-right: 10px; }
				
				#importRoster .main .content .eventTypes input { margin-left: 0; }
				
		#importRoster .main .eventList {
			width: 100%;
			float: left; }
		
			#importRoster .main .eventList ul {
				width: 100%;
				float: left;
	       		padding: 0;
	       		margin: 0;
	       		list-style: none; }
	        	
	       		#importRoster .main .eventList ul li {
	       			width: 100%;
	       			float: left;
	       			position: relative;
	       			padding: 0 155px 0 100px;
	       			margin-top: 15px; }
	        		
	       			#importRoster .main .eventList ul li .label {
	       				width: 100px;
	       				float: left;
	       				margin-left: -100px;
	       				line-height: 40px; }
	       				
	       				#importRoster .main .eventList ul li .label input { margin-left: 0; }
	        			
	       			#importRoster .main .eventList ul li .dropdown {
	       				width: 100%;
	       				float: left;
	       				padding-right: 10px; }
	        				
	       			#importRoster .main .eventList ul li .seeds {
	       				width: 155px;
	       				float: right;
	       				margin-right: -155px; }
	       			
	       				#importRoster .main .eventList ul li .seeds input {
	       					height: 40px;
	       					margin: 0; }
	       				
	       				#importRoster .main .eventList ul li .seeds input.seed { width: 45px; }
						#importRoster .main .eventList ul li .seeds input.points { width: 152px; }
	        			
	       			#importRoster .main .eventList ul li.head { 
	       				font-size: 13px;
	       				font-weight: bold; }
	        		
	       				#importRoster .main .eventList ul li.head .label { line-height: 1.3; }
	       				
	       			#importRoster .main .eventList ul li.disable:after {
	        			content: "";
        			    height: 100%;
        			    position: absolute;
    				    top: 0;
    				    right: 0;
    			        left: 100px;
			            background: #fff;
            			opacity: 0.5; }
            			
            		#importRoster .main .eventList ul.disable li:after { left: 0; }
	        			
	        			#importRoster .main .eventList ul li.disable .label { color: #aaa; }
	        			#importRoster .main .eventList ul.disable li.disable .label { color: #222; }
	        			#importRoster .main .eventList ul li.disable input[type="text"],
	        			#importRoster .main .eventList ul li.disable .styledSelect select,
	        			#importRoster .main .eventList ul li.disable .styledSelect .arr { background: #eee; }
	        			
	.footBtns {
      z-index: 2147483647;
		width: 100%;
		float: left;
		position: relative;
		padding-right: 30%;
		border-top: 1px solid #e4e4e4; }
		
		.footBtns a { 
			width: 30%;
			float: right;
			position: absolute;
			top: 0;
			right: 0; }
			
@media all and (max-width: 750px) {

	#importRoster .main .content .openSide { display: block; }

	#importRoster .main { padding-left: 0; }
	
		#importRoster .main aside { 
			width: 100%;
			position: absolute;
			top: 0;
			right: 100%;
			left: auto;
			z-index: 100;
			margin: 0;
			transition: 0.5s ease all; }
			
			#importRoster .main aside .head { 
				height: 80px;
				padding-bottom: 5px; }
			
			#importRoster .main aside .head .top, #importRoster .main aside .head .filter { display: none; }
			
			#importRoster .main aside .list { top: 80px; }
			
			#importRoster .main aside .addNew { width: 50%; }
		
			#importRoster .main aside .closeSide { display: block; }
	
}

@media all and (max-width: 450px) {

	#importRoster .main .eventList ul li { 
		padding: 0;
		margin: 0 0 10px; }
	
	#importRoster .main .eventList ul li.head { display: none; }
	
	#importRoster .main .eventList ul li.disable:after { 
		height: auto;
		top: 40px;
		bottom: 0;
		left: 0;
		display: none; }
		
	#importRoster .main .eventList ul.disable li:after { top: 0; }
	
		#importRoster .main .eventList ul li > div { width: 100%; }
		
		#importRoster .main .eventList ul li .label { margin: 0; }
		
		#importRoster .main .eventList ul li .dropdown { 
			padding: 0;
			margin: 0 0 10px; }
		
		#importRoster .main .eventList ul li .seeds { 
			float: left;
			margin: 0; }
			
		#importRoster .main .eventList ul li .fields { 
			height: auto;
			opacity: 1;
			transition: 0.5s ease all; }
			
		#importRoster .main .eventList ul li.disable .fields { 
			height: 0;
			overflow: hidden;
			opacity: 0; }

}

@media all and (max-width: 414px) {

	#importRoster .topBar h2 { font-size: 13px; }

}


/*** IMPORT TYPE ***/
#importType { max-width: 800px; }

	#importType a { color: inherit; }
	
	#importType a:hover { text-decoration: none; }

@media all and (max-width: 600px) {
    
    #importType.white-popup .radioChoices.styled > div { display: block !important; }
    
    #importType.white-popup .radioChoices.styled label { 
    	width: 100%;
    	margin-bottom: 10px; }
    
}
			
			
/*** SHARE FIELDS ***/
#shareFields { max-width: 800px; }

    #shareFields > div { padding: 0; }

    #shareFields .mfp-close { top: 13px; }

    #shareFields a:hover { text-decoration: none; }

    #shareFields .topBar {
        width: 100%;
        float: left;
        padding: 28px 30px;
        background: #f5f5f5;
        border-bottom: 1px solid #e4e4e4;
        text-align: left; }

        #shareFields .topBar h2 {
            float: left;
            margin: 0;
            font-size: 15px;
            font-weight: normal;
            text-transform: uppercase; }
            
	#shareFields .main {
		width: 100%;
		float: left;
		padding: 30px; }
		
	#shareFields ul.form { margin: 0 -7px; }
		
		#shareFields ul.form li { 
			width: 100%;
			float: left;
			padding: 0 7px;
			margin-bottom: 15px; }
			
			#shareFields ul.form li.half { width: 50%; }
			#shareFields ul.form li.btns { margin-top: 10px; }
			
	#shareFields input[type="submit"] { 
		width: 120px;
		margin-right: 5px; }
		
	#shareFields a.grey { 
		width: 120px;
		display: inline-block; }
		
@media all and (max-width: 375px) {

	#shareFields input[type="submit"], #shareFields a.grey { 
		width: 100%;
		margin: 0 0 7px; }
	
}
		
		
/*** IMPORT ENTRIES ***/
#importEntries { max-width: 600px; }

#importEntries.wide { max-width: 100%; }

    #importEntries > div { padding: 0; }

    #importEntries .mfp-close { top: 13px; }

    #importEntries a:hover { text-decoration: none; }

    #importEntries .topBar {
        width: 100%;
        float: left;
        padding: 28px 30px;
        background: #f5f5f5;
        border-bottom: 1px solid #e4e4e4;
        text-align: left; }

        #importEntries .topBar h2 {
            float: left;
            margin: 0;
            font-size: 15px;
            font-weight: normal;
            text-transform: uppercase; }
            
	#importEntries p.title { margin-bottom: 10px; }
            
	#importEntries ol { 
		padding-left: 30px;
		margin-bottom: 1.5rem; }
	
		#importEntries ol li { margin-bottom: 7px; }
            
	#importEntries .main {
		width: 100%;
		float: left;
		padding: 30px; }
		
		#importEntries .main .radioBtns {
			width: 100%;
			float: left;
			margin-bottom: 23px; }
				
			#importEntries .main .radioBtns label { 
				display: inline-block;
				margin: 7px 10px 0 0; }
				
			#importEntries .main .radioBtns input { margin-left: 0; }
			
		#importEntries .main .types {
			padding-bottom: 30px;
			border-bottom: 1px solid #e4e4e4; }
			
			/*#importEntries .main .types label:after {
				content: "\f03d";
				display: inline-block;
				margin-left: 5px;
				font-family: "FontAwesome";
				color: #aaa; }*/
				
	#importEntries .main hr, hr.thin_grey {
		height: 1px;
		display: block;
		margin: 1.5rem 0;
		clear: both;
		background: #e4e4e4;
		border: none; }
				
	#importEntries .inputfile {
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1; }
		
		#importEntries .inputfile + label {
			max-width: 100%;
			height: 40px;
			display: inline-block;
			padding: 10px 15px;
			background-color: #fafafa;
			border: 1px solid #ccc;
			font-size: 14px;
			font-weight: 500;
    		color: #222;
    		overflow: hidden;
    		text-overflow: ellipsis;
    		white-space: nowrap;
    		cursor: pointer; }

		#importEntries .inputfile:focus + label,
		#importEntries .inputfile + label:hover {
			background-color: #eee; }
		
		#importEntries .inputfile:focus + label {
			outline: 1px dotted #000;
			outline: -webkit-focus-ring-color auto 5px; }
			
		#importEntries .inputfile + label svg {
			width: 1em;
    		height: 1em;
			vertical-align: middle;
    		fill: currentColor;
    		margin-top: -0.25em;
    		margin-right: 0.25em; }
    		
    	#importEntries .btns { margin-top: 1.5rem; }
    	
    		#importEntries .btns input[type="submit"] { 
				width: 120px;
				margin-right: 5px; }
		
			#importEntries .btns a.grey { 
				width: 120px;
				display: inline-block; }
				
		#importEntries #tab_hytek .col_row { margin: 0 -5px; }
		
		#importEntries #tab_hytek .col { padding: 0 5px; }
		
		#importEntries #tab_hytek input[type="text"] { height: 40px; }
		
@media all and (max-width: 414px) {

	#importEntries #tab_hytek .col { width: 100%; }
	
}

@media all and (max-width: 375px) {

	#importEntries .btns input[type="submit"], #importEntries .btns a.grey { 
		width: 100%;
		margin: 0 0 7px; }
	
}

/*** ADDITIONAL PURCHASES ***/
#addPurchasesPopup { 
	max-width: 100%;
	height: 100%;
	margin: 0; }

    #addPurchasesPopup > div { 
    	height: 100%;
    	padding: 81px 0 0; }

    #addPurchasesPopup .mfp-close { top: 13px; }

    #addPurchasesPopup .topBar {
        width: 100%;
        height: 71px;
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        padding: 15px 30px;
        background: #f5f5f5;
        border-bottom: 1px solid #e4e4e4;
        text-align: left; }

        #addPurchasesPopup .topBar h2 {
            float: left;
            margin: 13px 0 0;
            font-size: 15px;
            font-weight: normal;
            text-transform: uppercase; }

    #addPurchasesPopup .wrap {
    	width: 100%;
    	height: 100%;
    	float: left;
    	padding: 0 30px;
    	overflow-y: auto; }
    	
    	#addPurchasesPopup .wrap:after { 
    		content: "";
    		height: 30px;
    		display: block;
    		clear: both; }
    	
    	
/*** WAIVER FORM ***/
#waiverFormPopup { 
	max-width: 100%;
	height: 100%;
	margin: 0; }
	
	#waiverFormPopup > div { 
    	height: 100%;
    	padding: 81px 0 0; }

    #waiverFormPopup .mfp-close { top: 13px; }

    #waiverFormPopup .topBar {
        width: 100%;
        height: 71px;
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        padding: 15px 30px;
        background: #f5f5f5;
        border-bottom: 1px solid #e4e4e4;
        text-align: left; }

        #waiverFormPopup .topBar h2 {
            float: left;
            margin: 13px 0 0;
            font-size: 15px;
            font-weight: normal;
            text-transform: uppercase; }

    #waiverFormPopup .wrap {
    	width: 100%;
    	height: 100%;
    	float: left;
    	padding: 10px 30px 0;
    	overflow-y: auto; }
    	
    	#waiverFormPopup .wrap:after { 
    		content: "";
    		height: 30px;
    		display: block;
    		clear: both; }

	#waiverFormPopup .row {
		width: 100%;
		float: left;
		margin: 0 0 15px; }
		
	#waiverFormPopup #questions {
		width: 100%;
		float: left; }
		
		#waiverFormPopup #questions .question {
			width: 100%;
			float: left;
			margin: 0 0 10px; }
		
		#waiverFormPopup #questions .questionHead {
			margin: 0;
			font-weight: bold; }
		
		#waiverFormPopup #questions .question .column {
			float: left;
			padding: 5px;
			box-sizing: border-box; }
			
			#waiverFormPopup #questions .question .column1 { width: 5%; padding-top: 14px; }
			#waiverFormPopup #questions .question .column2 { width: 40%; }
			#waiverFormPopup #questions .question .column3 { width: 15%; }
			#waiverFormPopup #questions .question .column4 { width: 20%; }
			#waiverFormPopup #questions .question .column5 { width: 15%; padding-top: 12px; }
			#waiverFormPopup #questions .question .column6 { width: 5%; padding-top: 17px; }
			
	#waiverFormPopup a.remove {
		width: 12px;
		height: 12px;
		float: left;
		background: url(../images/icon_delete2.png) no-repeat center center;
		background: url(../images/svg/icon_delete2.svg) no-repeat center center;
		background-size: 12px; }
		
	#waiverFormPopup a.remove span { display: none; }
	
	#waiverFormPopup a.add { color: #518400; }

.add_link { 
  margin-left: 2px;
  float: left;
  color: #42ae26;
  line-height: 40px; }
  
.add_link:before {
  margin-right: 5px;
  content: '\f0fe';
  display: inline-block;
  font-family: 'FontAwesome';
  font-style: normal; }

	/*** SUB NAV ***/		
   	.redactor_div .subNav a { 
   		padding: 2px 10px;
   		margin: 0 3px;
   		color: #fff;
   		background: #bbbbbb;
   		-moz-border-radius: 5px;
   		-webkit-border-radius: 5px;
   		border-radius: 5px; }
   		
   		.redactor_div .subNav a:hover, .subNav a.active {
   			color: #fff;
   			background: #3da6bb;
   			text-decoration: none; }
   			
   	/* Was in popups.css
	.subNav {
	   	position: relative !important; }
	   	
	   	.subNav ul { 
	   		float: left;
	   		margin: 7px 10px 0;
	   		list-style: none; }
	   	
	   		.subNav ul li { float: left; }
	   			
	   		.subNav ul a { 
	   			float: left;
	   			padding: 2px 10px;
	   			margin: 0 3px;
	   			color: #424242;
	   			-moz-border-radius: 20px;
	   			-webkit-border-radius: 20px;
	   			border-radius: 20px; }
	   		
	   		.subNav ul a:hover, .subNav ul a.active {
	   			color: #fff;
	   			background: #898686;
	   			text-decoration: none; }*/

	/*WAS OLD BEFORE REPLACED popups.css
	.inputLang, .textareaLang {
		width: 100%;
		height: 40px;
		float: left;
		background: white;
		position: relative;
		border: 1px solid #d1d1d1;
		box-sizing: border-box; }*/
		
	.inputLang, .textareaLang {
		width: 100%;
		/*height: 40px;*/
		height: 38px;
		float: left;
		background: white;
		position: relative;
		/*border: 1px solid #d1d1d1;*/
		box-sizing: border-box; }
	
		.redactor_div {
			height: auto !important;
			background: none !important;
			border: none !important; }
	
	.textareaLang { height: 150px; }
	
		.inputLang input, .textareaLang textarea {
			width: 100%;
			padding-right: 50px;
			background: none;
			font: inherit;
			border: none; }
		
		.textareaLang textarea { 
			height: 100%;
			resize: none; }
		
		.inputLang a, .textareaLang a.textareaLangLink {
			height: 22px;
            position: absolute;
            top: 50%;
            right: 7px;
            padding: 0 7px;
            margin-top: -11px;
            background: #bbb;
            border-radius: 3px;
            color: #fff;
            font-size: 11px;
            font-weight: bold;
            line-height: 22px; }
		
			.textareaLang a.textareaLangLink {
				top: auto;
            	bottom: 9px;
            	margin: 0; }
		
			.inputLang a:hover, .textareaLang a.textareaLangLink:hover {
				background: #36a6bc;
                text-decoration: none; }
				
	#waiverFormPopup .dropOptions {
		width: 100%;
		float: left;
		padding: 5px 0 2px;
		margin: 5px 0 0;
		background: #eee;
		display: none; }

	#waiverFormPopup .dropOptions input.text { 
		max-width: 24%;
		float: left;
		margin: 0 0.5% 3px; }
		
	#waiverFormPopup .dropOptions textarea.text {
		width: 98%;
		margin: 0 1% 3px; }
				
	#waiverFormPopup .mobileShow { display: none; }
	
	.mobileShow { display: none; }
	
	#waiverFormPopup input.submit, #waiverFormPopup a.cancel { 
		width: auto;
		display: inline-block;
		margin: 10px 10px 0 0; }
		
		
/*** CUSTOM MESSAGES ***/
#customMessagesPopup { 
	max-width: 100%;
	height: 100%;
	margin: 0; }
	
	#customMessagesPopup > div { 
    	height: 100%;
    	padding: 81px 0 0; }

    #customMessagesPopup .mfp-close { top: 13px; }

    #customMessagesPopup .topBar {
        width: 100%;
        height: 71px;
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        padding: 15px 30px;
        background: #f5f5f5;
        border-bottom: 1px solid #e4e4e4;
        text-align: left; }

        #customMessagesPopup .topBar h2 {
            float: left;
            margin: 13px 0 0;
            font-size: 15px;
            font-weight: normal;
            text-transform: uppercase; }

    #customMessagesPopup .wrap {
    	width: 100%;
    	height: 100%;
    	float: left;
    	padding: 10px 30px 0;
    	overflow-y: auto; }
    	
    	#customMessagesPopup .wrap:after { 
    		content: "";
    		height: 30px;
    		display: block;
    		clear: both; }

	#customMessagesPopup .row {
		width: 100%;
		float: left;
		margin: 0 0 15px; }

	#customMessagesPopup .third {
		width: 32%;
		float: left; }
	
		#customMessagesPopup .third.middle { margin: 0 2%; }
		
	#customMessagesPopup label.block {
		display: block;
		margin: 0 0 7px; }
		
	#customMessagesPopup .textareaLang {
		width: 100%;
		height: 150px;
		float: left;
		border: 1px solid #d1d1d1;
		box-sizing: border-box; }
	
		#customMessagesPopup .textareaLang textarea {
			width: 80%;
			background: none;
			font: inherit;
			border: none; }
		
		#customMessagesPopup .textareaLang textarea { height: 88%; }
		
		#customMessagesPopup .textareaLang a.textareaLangLink {
			width: 34px;
			height: 100%;
			float: right;
			background: #9b9b9b;
			color: #fff;
			text-align: center;
			line-height: 150px;
			font-size: 14px; }
		
			#customMessagesPopup .textareaLang a.textareaLangLink:hover {
				text-decoration: none;
				background: #9b9b9b; }
				
	#customMessagesPopup input.submit, #customMessagesPopup a.cancel { 
		width: auto;
		display: inline-block;
		margin: 10px 10px 0 0; }
		
		
/*** MEMBERSHIP LOOKUP ***/
#membershipLookupPopup, #customizeTeamListPopup, #customTeam_missing { 
	max-width: 100%;
	height: 100%;
	margin: 0; }
	
	#membershipLookupPopup > div, #customizeTeamListPopup > div, #customTeam_missing > div { 
    	height: 100%;
    	padding: 81px 0 0; }

    #membershipLookupPopup .mfp-close, #customizeTeamListPopup .mfp-close, #customTeam_missing .mfp-close { top: 13px; }

    #membershipLookupPopup .topBar, #customizeTeamListPopup .topBar, #customTeam_missing .topBar {
        width: 100%;
        height: 71px;
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        padding: 15px 30px;
        background: #f5f5f5;
        border-bottom: 1px solid #e4e4e4;
        text-align: left; }

        #membershipLookupPopup .topBar h2, #customizeTeamListPopup .topBar h2, #customTeam_missing .topBar h2 {
            float: left;
            margin: 13px 0 0;
            font-size: 15px;
            font-weight: normal;
            text-transform: uppercase; }

    #membershipLookupPopup .wrap, #customizeTeamListPopup .wrap, #customTeam_missing .wrap {
    	width: 100%;
    	height: 100%;
    	float: left;
    	padding: 10px 30px 0;
    	overflow-y: auto; }
    	
    	#membershipLookupPopup .wrap:after, #customizeTeamListPopup .wrap:after, #customTeam_missing .wrap:after { 
    		content: "";
    		height: 30px;
    		display: block;
    		clear: both; }

	#membershipLookupPopup .row, #customizeTeamListPopup .row, #customTeam_missing .row {
		width: 100%;
		float: left;
		margin: 0 0 15px; }
		
	#membershipLookupPopup .hide, #customizeTeamListPopup .hide, #customTeam_missing .hide { display: none; }
		
	#membershipLookupPopup label.block, #customizeTeamListPopup label.block, #customTeam_missing label.block {
		display: block;
		margin: 0 0 7px; }
		
	#membershipLookupPopup label.inlineBlock, #customizeTeamListPopup label.inlineBlock, #customTeam_missing label.inlineBlock {
		width: 90px;
		display: inline-block; }
		
	#membershipLookupPopup label.radioGroup, #customizeTeamListPopup label.radioGroup, #customTeam_missing label.radioGroup { margin: 0 10px 0 0; }
		
	#membershipLookupPopup input.submit, #membershipLookupPopup a.cancel, #customizeTeamListPopup input.submit, #customizeTeamListPopup a.cancel, #customTeam_missing input.submit, #customTeam_missing a.cancel { 
		width: auto;
		display: inline-block;
		margin: 10px 10px 0 0; }
		
	#membershipLookupPopup input.text, #customizeTeamListPopup input.text, #customTeam_missing input.text { max-width: 400px; }
	
	#membershipLookupPopup input.inline, #customizeTeamListPopup input.inline, #customTeam_missing input.inline { width: 150px; }

	#membershipLookupPopup .indent, #customizeTeamListPopup .indent, #customTeam_missing .indent { padding: 0 0 0 15px; }
	
		#membershipLookupPopup .indent > div, #customizeTeamListPopup .indent > div, #customTeam_missing .indent > div { margin: 0 0 10px; }
	
	#membershipLookupPopup #lookup2_import_content a, #customizeTeamListPopup #lookup2_import_content a, #customTeam_missing #lookup2_import_content a { margin: 0 0 0 10px; }
	
	
/*** CUSTOMIZE TEAM LIST ***/
.customizeTeam { 
	max-width: 100%;
	margin: 0;
	background: white;
	padding: 15px; }
	
	.customizeTeam > div { 
    	padding: 50px 0 0; }

    .customizeTeam .mfp-close { top: 13px; }
    
    .customizeTeam .floatRight { float: right !important; }

    .customizeTeam .topBar {
        width: 100%;
        height: 71px;
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        padding: 15px 30px;
        background: #f5f5f5;
        border-bottom: 1px solid #e4e4e4;
        text-align: left; }

        .customizeTeam .topBar h2 {
            float: left;
            margin: 13px 0 0;
            font-size: 15px;
            font-weight: normal;
            text-transform: uppercase; }

    .customizeTeam .wrap {
    	width: 100%;
    	float: left;
    	padding: 10px 30px 0;
    	overflow-y: auto; }
    	
    	.customizeTeam .wrap:after { 
    		content: "";
    		height: 30px;
    		display: block;
    		clear: both; }

	.customizeTeam .row {
		width: 100%;
		float: left;
		margin: 0 0 15px; }
		
	.customizeTeam .third {
		width: 33.3333%;
		float: left;
		margin-bottom: 7px; }
		
	.customizeTeam label.block {
		display: block;
		margin: 0 0 7px; }
		
	.customizeTeam #customTeam_provinces div {
		width: 14%;
		float: left;
		margin: 0 0 7px; }
		
	.customizeTeam #customTeam_results { 
		border-top: 1px solid #d1d1d1;
		padding: 20px 0 0; }
		
		.customizeTeam #customTeam_results > p { margin-bottom: 10px; }
		
		.customizeTeam #customTeam_results .textLeft { 
			float: left;
			margin: 11px 0 0; }
	
	.customizeTeam #customTeam_list { 
		width: 100%;
		float: left;
		margin: 10px 0 0; }
	
		.customizeTeam #customTeam_list li {
			width: 49%;
			margin: 0 0 7px; }
		
	#customTeam_missing {
		width: 100%;
		float: left;
		background: #fff; }
	
		#customTeam_missing label.inlineBlock { 
			width: 100px;
			display: inline-block; }
			
		#customTeam_missing input.inline { 
			max-width: 150px;
			margin: 0; }
	
		#customTeam_missing .import {
			padding: 20px 0;
			border-top: 1px solid #d1d1d1;
			border-bottom: 1px solid #d1d1d1; }
		
			#customTeam_missing .import a.btn {
				width: auto;
				height: 39px;
				float: left;
				padding: 0 25px;
				background: #424242;
				color: #fff;
				line-height: 39px; }
		
				#customTeam_missing .import a.btn:hover {
					background: none repeat scroll 0 0 #333;
					text-decoration: none; }
					
	.customizeTeam input.submit, .customizeTeam a.cancel { 
		width: auto;
		display: inline-block;
		margin: 10px 10px 0 0; }
		
		
/*** REMOVE ENTRY ***/
#removeEntryPopup { 
	max-width: 100%;
	height: 100%;
	margin: 0; }
	
	#removeEntryPopup > div { 
    	height: 100%;
    	padding: 81px 0 0; }

    #removeEntryPopup .mfp-close { top: 13px; }
    
    #removeEntryPopup .floatRight { float: right !important; }

    #removeEntryPopup .topBar {
        width: 100%;
        height: 71px;
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        padding: 15px 30px;
        background: #f5f5f5;
        border-bottom: 1px solid #e4e4e4;
        text-align: left; }

        #removeEntryPopup .topBar h2 {
            float: left;
            margin: 13px 0 0;
            font-size: 15px;
            font-weight: normal;
            text-transform: uppercase; }

    #removeEntryPopup .wrap {
    	width: 100%;
    	height: 100%;
    	float: left;
    	padding: 10px 30px 0;
    	overflow-y: auto; }
    	
    	#removeEntryPopup .wrap:after { 
    		content: "";
    		height: 30px;
    		display: block;
    		clear: both; }

	#removeEntryPopup .row {
		width: 100%;
		float: left;
		margin: 0 0 15px; }
		
	#removeEntryPopup table { 
		width: 100%;
		float: left;
		font-size: 15px; }
	
		#removeEntryPopup table th { font-weight: bold; }
	
		#removeEntryPopup table th, #removeEntryPopup table td { 
			padding: 5px;
			vertical-align: top; }
			
	#removeEntryPopup input.submit, #removeEntryPopup a.cancel { 
		width: auto;
		display: inline-block;
		margin: 10px 10px 0 0; }
		
		
/*** MASS EMAIL ***/
#massEmailPopup { 
	max-width: 100%;
	height: 100%;
	margin: 0; }
	
	#massEmailPopup > div { 
    	height: 100%;
    	padding: 81px 0 0; }

    #massEmailPopup .mfp-close { top: 13px; }
    
    #massEmailPopup .floatRight { float: right !important; }

    #massEmailPopup .topBar {
        width: 100%;
        height: 71px;
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        padding: 15px 30px;
        background: #f5f5f5;
        border-bottom: 1px solid #e4e4e4;
        text-align: left; }

        #massEmailPopup .topBar h2 {
            float: left;
            margin: 13px 0 0;
            font-size: 15px;
            font-weight: normal;
            text-transform: uppercase; }

    #massEmailPopup .wrap {
    	width: 100%;
    	height: 100%;
    	float: left;
    	padding: 10px 30px 0;
    	overflow-y: auto; }
    	
    	#massEmailPopup .wrap:after { 
    		content: "";
    		height: 30px;
    		display: block;
    		clear: both; }

	#massEmailPopup .row {
		width: 100%;
		float: left;
		margin: 0 0 15px; }
		
	#massEmailPopup .hide { display: none; }
		
	#massEmailPopup label.radioGroup { margin: 0 10px 0 0; }
	
	#massEmailPopup .tabContent {
		width: 100%;
		float: left;
		padding: 20px 0 0;
		margin: 0 0 20px;
		border-top: 1px solid #d1d1d1;
		display: none; }
	
		#massEmailPopup .tabContent.active { display: block; }
		
	#massEmailPopup .massEmail_sendform {
		width: 70%;
		float: left; }
	
		#massEmailPopup .massEmail_sendform .select_full .select2-container { margin: 0; }
	
	#massEmailPopup label.block { 
		margin: 0 0 7px;
		display: block; }
	
	#massEmailPopup label.inlineBlock { 
		width: 90px;
		display: inline-block; }
	
	#massEmailPopup aside.massEmail_send_aside {
		width: 25%;
		float: right; }
	
		#massEmailPopup aside.massEmail_send_aside ul { margin: 0 0 15px; }
	
			#massEmailPopup aside.massEmail_send_aside ul li { margin: 0 0 7px; }
		
			span.icon {
				width: 14px;
				height: 14px;
				margin: 0 5px 0 0;
				display: inline-block;
				background: #ddd; }
				
	#massEmailPopup .inputLang {
		width: 100%;
		height: 40px;
		float: left;
		position: relative;
		border: 1px solid #d1d1d1;
		box-sizing: border-box; }
	
		#massEmailPopup .inputLang input {
			width: 100%;
			padding-right: 50px;
			background: none;
			font: inherit;
			border: none; }
		
		/*#massEmailPopup .inputLang a {
			height: 22px;
            position: absolute;
            top: 50%;
            right: 7px;
            padding: 0 7px;
            margin-top: -11px;
            background: #bbb;
            border-radius: 3px;
            color: #fff;
            font-size: 11px;
            font-weight: bold;
            line-height: 22px; }
		
			#massEmailPopup .inputLang a:hover {
				background: #36a6bc;
                text-decoration: none; }*/
				
	#massEmailPopup input.submit, #massEmailPopup a.cancel { 
		width: auto;
		display: inline-block;
		margin: 10px 10px 0 0; }
		
	#massEmailPopup .massEmail_sendform .select_full .select2-container { 
		display: block;
		margin: 0; }
		
	#massEmailPopup table { 
		width: 100%;
		float: left;
		font-size: 15px; }
	
		#massEmailPopup table th { font-weight: bold; }
	
		#massEmailPopup table th, #massEmailPopup table td { 
			padding: 5px;
			vertical-align: top; }
         
        #massEmail_history_content table, #manage_sender_email_content table { width: 100%; }
		#massEmail_history_content table tr td, #manage_sender_email_content table tr td { padding: 8px; }
		#massEmail_history_content table tr th, #manage_sender_email_content table tr th { padding: 8px; font-weight: bold; }
		
      #inline_example_border h1 {
           display: block;
           width: 450px;
           margin-left: auto;
           margin-right: auto;
           text-align:center; }
      
       #inline_example_border table {
          width: 100%;
          max-width: 500px;
          margin-top: 30px;
          margin-left: auto;
          margin-right: auto; }     
          
          #inline_example_border table tr td {
             text-align:center; }
             
         #inline_example_border table tr td a {
             text-decoration: none !important;
             color: black !important;
             font-size: 18px; }  
             
      #inline_example_border table tr td a:hover {
             opacity: 0.5; }   
      
       #body_of_email_template_html .remove_attachment_link {
         display: none !important; }
         
         #body_of_email_template .remove_attachment_link {
            display: none !important; }
 
 /*** QUICK LINKS ***/
 
 #addQuickLink .row {
	 display: flex; /* Makes the content inside row side by side */
	 gap: 10px; /* Adds spacing between the items in the row */
	 flex-wrap: wrap; /* Ensures items wrap if they don‚Äôt fit */
	 width: 100%; /* Ensures that when an error box comes up, that the row gets pushed underneath it */
 }
 
 #addQuickLink .select2 {
	 display: block; /* Ensures full width */
	 margin-bottom: 20px; /*Adds spacing below the row*/
	 width: 100%; /* Ensures it spans the full width of its container */
 }
      	
/*** EXPORT DATA ***/
#exportDataPopup { 
	max-width: 100%;
	height: 100%;
	margin: 0; }
	
	#exportDataPopup > div { 
    	height: 100%;
    	padding: 81px 0 0; }

    #exportDataPopup .mfp-close { top: 13px; }
    
    #exportDataPopup .floatRight { float: right !important; }

    #exportDataPopup .topBar {
        width: 100%;
        height: 71px;
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        padding: 15px 30px;
        background: #f5f5f5;
        border-bottom: 1px solid #e4e4e4;
        text-align: left; }

        #exportDataPopup .topBar h2 {
            float: left;
            margin: 13px 0 0;
            font-size: 15px;
            font-weight: normal;
            text-transform: uppercase; }

    #exportDataPopup .wrap {
    	width: 100%;
    	height: 100%;
    	float: left;
    	padding: 10px 30px 0;
    	overflow-y: auto; }
    	
    	#exportDataPopup .wrap:after { 
    		content: "";
    		height: 30px;
    		display: block;
    		clear: both; }

	#exportDataPopup .row {
		width: 100%;
		float: left;
		margin: 0 0 15px; }
		
	#exportDataPopup label.radioGroup { margin: 0 10px 0 0; }
	
	#exportDataPopup .tabContent {
		width: 100%;
		float: left;
		padding: 20px 0 0;
		margin: 0 0 20px;
		border-top: 1px solid #d1d1d1;
		display: none; }
	
		#exportDataPopup .tabContent.active { display: block; }
		
	#exportDataPopup ul.export {
		width: 100%;
		float: left; }
	
		#exportDataPopup ul.export li {
			width: 50%;
			float: left;
			padding: 0 15px 0 0;
			margin: 0 0 7px;
			box-sizing: border-box; }
		
	#exportDataPopup input.submit, #exportDataPopup a.cancel { 
		width: auto;
		display: inline-block;
		margin: 10px 10px 0 0; }
		
	#exportDataPopup .note {
		width: 100%;
		float: left;
		margin: 15px 0 0;
		font-size: 14px;
		font-style: italic; }
		
		
/*** PLEDGE ***/
#pledgePopup { 
	max-width: 100%;
	height: 100%;
	margin: 0; }
	
	#pledgePopup > div { 
    	height: 100%;
    	padding: 81px 0 0; }

    #pledgePopup .mfp-close { top: 13px; }
    
    #pledgePopup .floatRight { float: right !important; }

    #pledgePopup .topBar {
        width: 100%;
        height: 71px;
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        padding: 15px 30px;
        background: #f5f5f5;
        border-bottom: 1px solid #e4e4e4;
        text-align: left; }

        #pledgePopup .topBar h2 {
            float: left;
            margin: 13px 0 0;
            font-size: 15px;
            font-weight: normal;
            text-transform: uppercase; }

    #pledgePopup .wrap {
    	width: 100%;
    	height: 100%;
    	float: left;
    	padding: 10px 30px 0;
    	overflow-y: auto; }
    	
    	#pledgePopup .wrap:after { 
    		content: "";
    		height: 30px;
    		display: block;
    		clear: both; }

	#pledgePopup .row {
		width: 100%;
		float: left;
		margin: 0 0 15px; }

#pledgePopup #pledge .info {
    width: 100%;
    float: left; }

    #pledgePopup #pledge .info .logo {
        max-width: 50%;
        float: right; }

        #pledgePopup #pledge .info .logo img { 
            max-width: 100%;
            height: 90px; }

    #pledgePopup #pledge .info .profile { float: left; }
        
        #pledgePopup #pledge .info .profile figure {
            width: 90px;
            height: 90px;
            float: left;
            margin: 0 15px 0 0;
            border-radius: 100px;
            overflow: hidden; }

            #pledgePopup #pledge .info .profile figure img { width: 100%; }

        #pledgePopup #pledge .info .profile div { 
            float: left;
            margin: 23px 0 0; }

        #pledgePopup #pledge .info .profile p { margin: 0; }

        #pledgePopup #pledge .info .profile h4 { 
        	margin: 0 0 5px;
            color: #49b1d7;
            font-weight: bold; }

#pledgePopup #pledge form .donation {
    width: 100%;
    float: left;
    padding: 20px 0 0;
    margin: 20px 0;
    background: #F2F9FC;
    border-top: 1px solid #7EB3C9;
    border-bottom: 1px solid #7EB3C9; }

#pledgePopup #pledge form .method {
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #d1d1d1; }

    #pledgePopup #pledge form .method label { display: inline-block; }

#pledgePopup #pledge form .tabContent { 
    margin: 0;
    padding: 0;
    border: none; }

#pledgePopup #pledge form .cardNumbers {
    float: left;
    margin: 0 20px 0 0; }

    #pledgePopup #pledge form .cardNumbers input.date { width: 60px; }

#pledgePopup #pledge form a.card {
	width: 51px;
	height: 32px;
	float: left;
	margin: 0 10px 0 0; }
    
	#pledgePopup #pledge form a.visa { background: url(images/card_visa.png) bottom no-repeat; }
	#pledgePopup #pledge form a.mastercard { background: url(images/card_mastercard.png) bottom no-repeat; }
	#pledgePopup #pledge form a.amex { background: url(images/card_amex.png) bottom no-repeat; }
	#pledgePopup #pledge form a.discover { background: url(images/card_discover.png) bottom no-repeat; }
    
    #pledgePopup #pledge form a.card.active { background-position: top; }

#pledgePopup #pledge form .row2 {
    width: 100%;
    float: left; }

#pledgePopup #pledge form .half { 
	width: 48%;
	float: left;
	margin: 0 0 15px; }

#pledgePopup #pledge .submitRow { 
    padding: 20px 0 0;
    margin: 10px 0 0;
    border-top: 2px solid #d1d1d1;
    text-align: center; }

#pledgePopup #pledge input.submit { 
    float: none;
    margin: 0 0 15px; }
    
#pledgePopup label.block { 
	margin: 0 0 7px;
	display: block; }
	
#pledgePopup .tabContent {
	width: 100%;
	float: left;
	padding: 20px 0 0;
	margin: 0 0 20px;
	border-top: 1px solid #d1d1d1;
	display: none; }
	
	#pledgePopup .tabContent.active { display: block; }

/*** REGISTRATION - VOLUNTEERS ***/
#registration_volunteers form { 
   width: 100%;
   float: left; }
   
   #registration_volunteers .volunteer {
      width: 100%;
      float: left;
      margin: 0 0 30px;
      border-bottom: 1px solid #d1d1d1; }
     
     #registration_volunteers .addPos_link {
        color: #88B94E;
        font-weight: bold; }
        
        #registration_volunteers .addPos_link:hover {
           color: #78A540;
           text-decoration: underline; }
      
      #registration_volunteers .addPos {
         width: 22px;
         display: inline-block;
         background: #88B94E;
         border-radius: 3px;
         color: #fff;
         text-align: center;
         font-weight: bold; }
         
         #registration_volunteers .addPos:hover {
            background: #78A540;
            text-decoration: none; }
            
            #registration_volunteers .add { color: #518400; }
            
            #registration_volunteers ul.positions li { 
               display: inline-block;
               padding: 5px 10px;
               margin: 0 5px 12px 0;
               background: #eee;
               border-radius: 3px; }
               
               #registration_volunteers label.inline {
                  width: auto !important;
               }
               
               #registration_volunteers ul.positions li a.remove {
                  width: 12px;
                  height: 12px;
                  display: inline-block;
                  margin: 3px 0 0 10px;
                  float: right;
                  background: url(../../images/icon_delete2.png) no-repeat; }
                  
                  #registration_volunteers textarea { 
                     width: 100%;
                     height: 200px; }	
                     
   table.positions_table {
      width: 100%;
      margin-bottom: 20px; }
   
   table.positions_table tr th {
      font-weight: bold;
      padding: 5px; }
   
   table.positions_table tr td {
      padding: 5px; }   
	
/*** MANAGE PROFILE ***/
#manageProfilePopup { 
	max-width: 100%;
	height: 100%;
	margin: 0; }
	
	#manageProfilePopup > div { 
    	height: 100%;
    	padding: 81px 0 0; }

    #manageProfilePopup .mfp-close { top: 13px; }
    
    #manageProfilePopup .floatRight { float: right !important; }

    #manageProfilePopup .topBar {
        width: 100%;
        height: 71px;
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        padding: 15px 30px;
        background: #f5f5f5;
        border-bottom: 1px solid #e4e4e4;
        text-align: left; }

        #manageProfilePopup .topBar h2 {
            float: left;
            margin: 13px 0 0;
            font-size: 15px;
            font-weight: normal;
            text-transform: uppercase; }

    #manageProfilePopup .wrap {
    	width: 100%;
    	height: 100%;
    	float: left;
    	padding: 10px 30px 0;
    	overflow-y: auto; }
    	
    	#manageProfilePopup .wrap:after { 
    		content: "";
    		height: 30px;
    		display: block;
    		clear: both; }
    		
    #manageProfilePopup .tabs { border-color: #aaa; }
    		
    #manageProfilePopup .tabContent h4 { 
		padding-bottom: 5px;
		border-bottom: 1px solid #e4e4e4; }
    		
    #manageProfilePopup .tabContent { padding-top: 40px; }
    		
    #manageProfilePopup .group {
    	width: 100%;
    	float: left;
    	margin-bottom: 30px; }

	#manageProfilePopup .row {
		width: 100%;
		float: left;
		padding-left: 170px;
		margin: 0 0 10px; }
		
		#manageProfilePopup .row .label {
			width: 170px;
			float: left;
			padding-top: 3px;
			margin-left: -170px; }
			
			#manageProfilePopup .row .label.center { 
				padding-top: 0;
				line-height: 40px; }
			
			#manageProfilePopup .row .label .sub { 
				color: #aaa;
				font-size: 12px; }
				
		#manageProfilePopup .row .content {
			padding-left: 20px;
			overflow: hidden; }
			
		#manageProfilePopup .row .inputFile_wrap, #manageProfilePopup .row .searchWrap {
			max-width: 50%;
			display: inline-block; }
			
		#manageProfilePopup .row .searchWrap { padding-left: 10px; }
			
			#manageProfilePopup .row .searchWrap a {
				width: 40px;
				height: 40px;
				float: left;
				background: url(images/icon_refineSearch.png) center no-repeat; }
			
	#manageProfilePopup input.submit { 
		width: auto;
		display: inline-block; }
		
	
/* ADD PURCHASES POPUP */
.sizesOptionsDivMoreWidth1 {
	width: 100% !important; }
	
.sizesOptionsDivMoreWidth2 {
	width: 72% !important; }

.sizesOptionsDiv {
	width: 49%;
	float:left }
	
.sizesOptionsPrice {
	width: 23% !important;
	float: left !important;
	margin-left: 5px !important; }

.sizesOptionsQty {
	width: 23% !important;
	float: left !important;
	margin-left: 5px !important; }	
	
@media all and (-webkit-min-device-pixel-ratio: 1.5) {

	#manageProfilePopup .row .searchWrap a {
		background: url(images/icon_refineSearch@2x.png) center no-repeat;
		background-size: 16px; }
		
	a.visa { background: url(/popups/images/card_visa@2x.png) bottom no-repeat; background-size: 49px 62px; }
	a.mastercard { background: url(/popups/images/card_mastercard@2x.png) bottom no-repeat; background-size: 49px 62px; }
	a.amex { background: url(/popups/images/card_amex@2x.png) bottom no-repeat; background-size: 49px 62px; }
	a.discover { background: url(/popups/images/card_discover@2x.png) bottom no-repeat; background-size: 49px 62px; }
		
}


@media all and (max-width: 500px) {

	#manageProfilePopup .row { padding-left: 0; }
	
		#manageProfilePopup .row .label {
			width: 100%;
			padding: 0;
			margin: 0 0 7px;
			line-height: normal !important; }
			
		#manageProfilePopup .row .content { 
			width: 100%;
			float: left;
			padding: 0;
			overflow: visible; }

}


/*** ADD EVENT - DOCUMENT LINK ***/
#documentLinkPopup { 
	max-width: 100%;
	height: 100%;
	margin: 0; }
	
	#documentLinkPopup > div { 
    	height: 100%;
    	padding: 81px 0 0; }

    #documentLinkPopup .mfp-close { top: 13px; }
    
    #documentLinkPopup .floatRight { float: right !important; }

    #documentLinkPopup .topBar {
        width: 100%;
        height: 71px;
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        padding: 15px 30px;
        background: #f5f5f5;
        border-bottom: 1px solid #e4e4e4;
        text-align: left; }

        #documentLinkPopup .topBar h2 {
            float: left;
            margin: 13px 0 0;
            font-size: 15px;
            font-weight: normal;
            text-transform: uppercase; }

    #documentLinkPopup .wrap {
    	width: 100%;
    	height: 100%;
    	float: left;
    	padding: 10px 30px 0;
    	overflow-y: auto; }
    	
    	#documentLinkPopup .wrap:after { 
    		content: "";
    		height: 30px;
    		display: block;
    		clear: both; }
    		
    #documentLinkPopup .radioBtns {
		width: 100%;
		float: left;
		padding-bottom: 20px;
		margin-bottom: 23px;
		border-bottom: 1px solid #ddd; }
				
		#documentLinkPopup .radioBtns label { 
			display: inline-block;
			margin: 7px 10px 0 0; }
				
		#documentLinkPopup .radioBtns input { margin-left: 0; }
		
	#documentLinkPopup .styledInputfile + label { width: 100%; }

/*** BRACKETS MATCH SETTINGS ***/
#brackets_matchSettingsPopup {
	max-width: 100%;
	height: 100%;
	margin: 0; }
	
	#brackets_matchSettingsPopup > div { 
    	height: 100%;
    	padding: 81px 0 0; }

    #brackets_matchSettingsPopup .mfp-close { top: 13px; }
    
    #brackets_matchSettingsPopup .floatRight { float: right !important; }

    #brackets_matchSettingsPopup .topBar {
        width: 100%;
        height: 71px;
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        padding: 15px 30px;
        background: #f5f5f5;
        border-bottom: 1px solid #e4e4e4;
        text-align: left; }

        #brackets_matchSettingsPopup .topBar h2 {
            float: left;
            margin: 13px 0 0;
            font-size: 15px;
            font-weight: normal;
            text-transform: uppercase; }

    #brackets_matchSettingsPopup .wrap {
    	width: 100%;
    	float: left;
    	padding: 10px 30px 0;
    	overflow-y: auto; }
    	
    	#brackets_matchSettingsPopup .wrap:after { 
    		content: "";
    		height: 30px;
    		display: block;
    		clear: both; }
    		
    #brackets_matchSettingsPopup ul.form {
	    width: 100%;
	    float: left; }
    		
    #brackets_matchSettingsPopup .labelLeft { padding-left: 120px; }
    
    	#brackets_matchSettingsPopup .labelLeft label {
	    	width: 120px;
	    	float: left;
	    	margin-left: -120px;
	    	line-height: 40px; }
	    	
	#brackets_matchSettingsPopup .text { 
		height: 40px;
		display: inline-block; }
		
	#brackets_matchSettingsPopup .labelLeft .text { width: 50px; }
	    	
	#brackets_matchSettingsPopup .datepicker { height: 40px; }
		
	#brackets_matchSettingsPopup .labelLeft .datepicker { 
		width: 120px;
		margin: 0 10px 0 0; }
		
	#brackets_matchSettingsPopup .styledSelect select { height: 40px; }
	
	#brackets_matchSettingsPopup h4 { margin-top: 30px; }
	
	#brackets_matchSettingsPopup .matchScores { width: 100%; }
	
		#brackets_matchSettingsPopup .matchScores th,
		#brackets_matchSettingsPopup .matchScores td { 
			padding: 10px 5px;
			vertical-align: top;
			border-bottom: 1px solid #ddd; }
		
		#brackets_matchSettingsPopup .matchScores th { 
			border-bottom: 1px solid #222;
			font-weight: bold; }
		
		#brackets_matchSettingsPopup .matchScores td:first-child { 
			min-width: 70px;
			width: 70px;
			padding-left: 0;
			vertical-align: middle;
			color: #aaa;
			font-size: 11px;
			text-transform: uppercase; }
			
		#brackets_matchSettingsPopup .matchScores td:last-child { padding-right: 0; }
		
		#brackets_matchSettingsPopup .matchScores .row { vertical-align: top; }
	
		#brackets_matchSettingsPopup .matchScores td .row:first-child { margin: 0 0 7px; }
		
		#brackets_matchSettingsPopup .matchScores .name .row { 
			height: 40px;
			line-height: 40px; }
			
			#brackets_matchSettingsPopup .matchScores .name .row span { 
				display: block;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap; }
				
		#brackets_matchSettingsPopup .matchScores td.name { 
			width: 150px;
			min-width: 150px;
			max-width: 150px; }
				
		#brackets_matchSettingsPopup .matchScores td.score { 
			width: 100px;
			min-width: 70px;
			max-width: 100px; }
		
		#brackets_matchSettingsPopup .matchScores td.status { 
			width: 120px;
			min-width: 120px; }

/*** SUBMIT BUTTONS STICK TO BOTTOM ***/
.wrap.submitBottom { height: calc(100% - 50px); }
			
	.wrap.submitBottom .submitBtns {
		width: 100%;
		height: 50px;
		position: absolute;
		bottom: 0;
		left: 0;
		line-height: 50px; }
		
		.wrap.submitBottom .submitBtns input.submit {
			width: 70%;
			height: 100%;
			float: left;
			padding: 0; }
			
		.wrap.submitBottom .submitBtns .cancel {
			width: 30%;
			height: 100%;
			float: right;
			padding: 0; }
			
			
/*** PRINT REPORT ***/
#printReportPopup { 
	max-width: 1000px;
	height: 100%;
	background: #fff; }
	
	#printReportPopup > div { height: 100%; }
	
	#printReportPopup .main { 
		height: calc(100% - 72px);
		overflow-y: auto; }
		
	#printReportPopup .btns { 
		position: absolute;
		top: 16px;
		right: 44px; }
		
		.greyBtn_wIcon { margin-left: 5px; }
   
   span.checkbox_print_box {
      display: block;
      padding: 5px; 
      text-align: center;
      border: 1px solid black; }
   
    #printReportPopup table { 
	    width: 100%;
	    margin-bottom: 30px; }

        #printReportPopup table thead { 
            background: #e9eaea;
            border-bottom: 1px solid #e4e4e4; }

            #printReportPopup table thead input { margin: 0; }

        #printReportPopup table th {
            padding: 10px;
            background: #2c3435;
            text-transform: uppercase;
            font-family: 'Titillium Web', sans-serif;
            font-weight: bold;
            color: #fff;
            cursor: pointer; }
            
            #printReportPopup table th i {
	            display: inline-block;
	            margin-left: 5px;
	            font-style: normal; }
	            
			#printReportPopup table th i:before {
				font-family: "FontAwesome";
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale; }
				
				#printReportPopup table th i.asc:before { content: "\f0d8"; }
				#printReportPopup table th i.desc:before { content: "\f0d7"; }

        #printReportPopup table td { 
            padding: 10px;
            border-bottom: 1px solid #e4e4e4; }
            
        #printReportPopup table .show_700 { 
	        width: 130px;
	        float: left;
	        display: none;
	        font-weight: bold; }
            
@media all and (max-width: 700px) {
	
	/*#printReportPopup table .show_700 { display: block; }

	#printReportPopup table thead { display: none; }
	
	#printReportPopup table td { 
		display: block;
		padding: 3px 0;
		border: none; }
		
		#printReportPopup table tr td:first-child { 
			padding-top: 15px;
			border-top: 1px solid #e4e4e4; }
			
		#printReportPopup table tr:first-child td:first-child { 
			padding-top: 0;
			border-top: 0; }
		
		#printReportPopup table tr td:last-child { padding-bottom: 15px; }
		
		#printReportPopup table td div { overflow: hidden; }*/
	
}

@media all and (max-width: 600px) {
	
	.greyBtn_wIcon span span { display: none; }
	
}

@media all and (max-width: 500px) {
	
	.greyBtn_wIcon { 
		width: 40px;
		padding: 10px 0;
		text-align: center; }
	
	.greyBtn_wIcon:before { margin: 0; }
	
		.greyBtn_wIcon span { display: none; }
	
}

@media all and (max-width: 320px) {
	
	/*#printReportPopup .topBar h2 span { display: none; }
	
	#printReportPopup table td { padding: 5px 0; }
	
	#printReportPopup table .show_700 { 
		width: 100%;
		margin-bottom: 3px; }
		
	#printReportPopup table td div { overflow: visible; }*/
	
}

/*** TICKET RESEND ***/
#ticketResendPopup { 
	max-width: 1000px;
	height: 100%;
	background: #fff; }
	
	#ticketResendPopup > div { height: 100%; }
	
	#ticketResendPopup .main { 
		height: calc(100% - 72px);
		overflow-y: auto; }
		
	#ticketResendPopup .btns { 
		position: absolute;
		top: 16px;
		right: 44px; }
		
		.greyBtn_wIcon { margin-left: 5px; }
   
   span.checkbox_print_box {
	  display: block;
	  padding: 5px; 
	  text-align: center;
	  border: 1px solid black; }

	#ticketResendPopup .row {
		width: 100%;
		float: left;
		margin: 0 0 15px; }

	#ticketResendPopup label.radioGroup { margin: 0 10px 0 0; }
   
	#ticketResendPopup table { 
		width: 100%;
		margin-bottom: 30px; }

		#ticketResendPopup table thead { 
			background: #e9eaea;
			border-bottom: 1px solid #e4e4e4; }

			#ticketResendPopup table thead input { margin: 0; }

		#ticketResendPopup table th {
			padding: 10px;
			background: #2c3435;
			text-transform: uppercase;
			font-family: 'Titillium Web', sans-serif;
			font-weight: bold;
			color: #fff;
			cursor: pointer; }
			
			#ticketResendPopup table th i {
				display: inline-block;
				margin-left: 5px;
				font-style: normal; }
				
			#ticketResendPopup table th i:before {
				font-family: "FontAwesome";
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale; }
				
				#ticketResendPopup table th i.asc:before { content: "\f0d8"; }
				#ticketResendPopup table th i.desc:before { content: "\f0d7"; }

		#ticketResendPopup table td { 
			padding: 10px;
			border-bottom: 1px solid #e4e4e4; }
			
		#ticketResendPopup table .show_700 { 
			width: 130px;
			float: left;
			display: none;
			font-weight: bold; }
			
@media all and (max-width: 700px) {
	
	/*#ticketResendPopup table .show_700 { display: block; }

	#ticketResendPopup table thead { display: none; }
	
	#ticketResendPopup table td { 
		display: block;
		padding: 3px 0;
		border: none; }
		
		#ticketResendPopup table tr td:first-child { 
			padding-top: 15px;
			border-top: 1px solid #e4e4e4; }
			
		#ticketResendPopup table tr:first-child td:first-child { 
			padding-top: 0;
			border-top: 0; }
		
		#ticketResendPopup table tr td:last-child { padding-bottom: 15px; }
		
		#ticketResendPopup table td div { overflow: hidden; }*/
	
}

@media all and (max-width: 600px) {
	
	.greyBtn_wIcon span span { display: none; }
	
}

@media all and (max-width: 500px) {
	
	.greyBtn_wIcon { 
		width: 40px;
		padding: 10px 0;
		text-align: center; }
	
	.greyBtn_wIcon:before { margin: 0; }
	
		.greyBtn_wIcon span { display: none; }
	
}

@media all and (max-width: 320px) {
	
	/*#ticketResendPopup .topBar h2 span { display: none; }
	
	#ticketResendPopup table td { padding: 5px 0; }
	
	#ticketResendPopup table .show_700 { 
		width: 100%;
		margin-bottom: 3px; }
		
	#ticketResendPopup table td div { overflow: visible; }*/
	
}

/*** OVERLAY BUTTONS ***/
#overlayButtonsPopup {
	width: auto;
    max-width: 870px;
    position: relative;
    margin: 20px auto; }

    #overlayButtonsPopup:after {
        content: "";
        display: block;
        clear: both; }

    .mfp-ready #overlayButtonsPopup { 
        top: 0;
        opacity: 1; }

    #overlayButtonsPopup > div {
        width: 100%;
        float: left;
        padding: 0; }
        
	#overlayButtonsPopup .buttons { 
		margin: 0 auto;
		padding: 0 7px;
		text-align: center;
		font-size: 0; }
   
   #overlayButtonsPopup #switchDiv {
      text-align: center;
      margin-top: 15px; }
      
      #overlayButtonsPopup #switchDiv a {
         color: white;
         text-decoration: underline; }
   
   #overlayButtonsPopup .buttons a.active {
        background: #3f9f25 !important;  }
        
	#overlayButtonsPopup .buttons a {
		width: 200px;
		height: 200px;
		display: inline-block;
		position: relative;
		margin: 7px;
		background: #36a6bc;
		color: #fff;
		font-size: 16px;
		transition: 0.2s ease background-color; }
	
   #overlayButtonsPopup .buttons a:hover { background: #0f8ea6; }
		
		#overlayButtonsPopup .buttons a > div {
			position: absolute;
         top: 50%;
			right: 0;
			left: 0;
			padding: 50px 15px 15px 15px;
			transform: translateY(-50%); }
         
         #overlayButtonsPopup span.sm_desc {
            display: block;
            font-size: 12px;
            font-style: italic; }
         
         .regPopUpBoxes_Icon {
            padding-top: 20px;
            color: white; }
            
         .regPopUpBoxes_Icon:before {
            display: inline-block;
            font-family: "FontAwesome";
            font-size: 50px;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
            
            .regPopUpBoxes_Icon.family:before { content: "\f0c0"; }
            .regPopUpBoxes_Icon.individual:before { content: "\f007"; }
            
         .regPopUpBoxes_Icon:hover { text-decoration: none; }

@media all and (max-width: 700px) {
	.regPopUpBoxes_Icon {
      padding-top: 15px; }
      
   .regPopUpBoxes_Icon:before {
      font-size: 32px; }
      
	#overlayButtonsPopup .buttons { padding: 0 5px; }
	
		#overlayButtonsPopup .buttons a { 
			width: 150px;
			height: 150px;
			margin: 5px;
			font-size: 14px; }
			
			#overlayButtonsPopup .buttons a > div { padding: 45px 10px 10px 10px; }
	
}

@media all and (max-width: 500px) {
	
	#overlayButtonsPopup .buttons a { 
		width: 145px;
		height: 145px; }
	
}

/*** SCHEDULING ***/
#scheduling_matchSettingsPopup { 
	max-width: 100%;
	height: 100%;
	margin: 0; }
	
	#scheduling_matchSettingsPopup > div { 
    	height: 100%;
    	padding: 81px 0 0; }

    #scheduling_matchSettingsPopup .topBar {
        height: 71px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        padding: 15px 30px; }

        #scheduling_matchSettingsPopup .topBar h2 { margin: 13px 0 0; }

    #scheduling_matchSettingsPopup .wrap {
    	width: 100%;
    	float: left;
    	padding: 10px 30px 0;
    	overflow-y: auto; }
    	
    	#scheduling_matchSettingsPopup .wrap:after { 
    		content: "";
    		height: 30px;
    		display: block;
    		clear: both; }
    		
#scheduling_timeConflictPopup { 
	max-width: 100%;
	height: 100%;
	margin: 0; }
	
	#scheduling_timeConflictPopup > div { 
    	height: 100%;
    	padding: 81px 0 0; }

    #scheduling_timeConflictPopup .topBar {
        height: 71px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        padding: 15px 30px; }

        #scheduling_timeConflictPopup .topBar h2 { margin: 13px 0 0; }

    #scheduling_timeConflictPopup .wrap {
    	width: 100%;
    	height: 100%;
    	float: left;
    	padding: 10px 30px 0;
    	overflow-y: auto; }
       
       /*** OUR SERVICES ***/
       #servicesPopup { 
          width: 900px;
          max-width: 100%;
          height: 100%; }
          
       #servicesPopup.iframe { margin: 0; }
          
          #servicesPopup .wrap { padding: 40px 32px 0; }
          
          #servicesPopup .topBorder {
             width: 100%;
             height: 7px;
             float: left;
             background: rgb(91,190,226);
             background: -moz-linear-gradient(left, rgba(91,190,226,1) 0%, rgba(68,184,23,1) 33%, rgba(237,189,104,1) 66%, rgba(213,77,77,1) 100%);
             background: -webkit-linear-gradient(left, rgba(91,190,226,1) 0%,rgba(68,184,23,1) 33%,rgba(237,189,104,1) 66%,rgba(213,77,77,1) 100%);
             background: linear-gradient(to right, rgba(91,190,226,1) 0%,rgba(68,184,23,1) 33%,rgba(237,189,104,1) 66%,rgba(213,77,77,1) 100%);
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bbee2', endColorstr='#d54d4d',GradientType=1 ); }
          
          #servicesPopup header {
             margin-bottom: 24px;
             font-family: 'Titillium Web', sans-serif;
             font-size: 32px; }
          
          #servicesPopup .services-blocks { 
             display: -ms-grid;
             display: grid;
             -ms-grid-columns: 1fr 1fr;
             grid-template-columns: 1fr 1fr;
             -ms-grid-rows: auto;
             grid-template-rows: auto;
             grid-column-gap: 16px;
             column-gap: 16px;
             grid-row-gap: 16px;
             row-gap: 16px; }
          
             #servicesPopup .services-blocks:after {
                content: "";
                height: 32px;
                display: block;
                clear: both; }
          
             #servicesPopup .services-blocks .block { float: left; }
                
             #servicesPopup .services-blocks .card {
                width: 100%;
                height: 100%;
                float: left;
                padding: 24px;
                background-color: #fff;
                border: 1px solid #eee;
                box-shadow: 0 6px 12px rgba(0,0,0,0.1); }
                
             #servicesPopup .services-blocks .title { 
                margin-bottom: 1rem;
                font-family: 'Titillium Web', sans-serif;
                font-size: 24px;
                font-weight: 600; }
                
                #servicesPopup .services-blocks .title div { text-transform: uppercase; }
                   
          #servicesPopup .caseStudies { 
             padding-bottom: 40px;
             margin-top: 13px; }
          
             #servicesPopup .caseStudies .heading {
                border-top: 1px solid #ccc;
                text-transform: uppercase;
                font-family: 'Titillium Web', sans-serif;
                font-size: 18px;
                letter-spacing: 1px; }
                
                #servicesPopup .caseStudies .heading span {
                   position: relative;
                   top: -13px;
                   padding: 0 16px;
                   background-color: #fff; }
                   
          #servicesPopup .caseStudies-cases { padding: 0 32px; }
                   
             #servicesPopup .caseStudies-cases .case { 
                width: 33.3333%;
                float: left;
                padding: 0 12px; }
             
             #servicesPopup .caseStudies-cases .slick-arrow {
                width: 19px;
                height: 32px;
                position: absolute;
                top: 50%;
                margin-top: -16px;
                padding: 0;
                border: 0;
                font-size: 0;
                cursor: pointer; }
                
             #servicesPopup .caseStudies-cases .slick-arrow.slick-disabled {
                opacity: 0.25;
                cursor: default; }
                
             #servicesPopup .caseStudies-cases .slick-prev {
                left: 0;
                background: url(../images/arrow_prev.png) center no-repeat;
                background: url(../images/svg/arrow_prev.svg) center no-repeat, linear-gradient(transparent, transparent); }
                
             #servicesPopup .caseStudies-cases .slick-next {
                right: 0;
                background: url(../images/arrow_next.png) center no-repeat;
                background: url(../images/svg/arrow_next.svg) center no-repeat, linear-gradient(transparent, transparent); }
                
             #servicesPopup .caseStudies-cases figure { margin: 0 0 12px; }
             
                #servicesPopup .caseStudies-cases figure img {
                   width: 150px;
                   max-width: 100%;
                   display: block;
                   margin: 0 auto; }
             
             #servicesPopup .caseStudies-cases .name { font-weight: bold; }
             
             #servicesPopup .caseStudies-cases .view {
                display: inline-block;
                padding: 6px 16px;
                margin-top: 16px;
                border: 1px solid #36a6bc;
                color: #36a6bc;
                font-size: 12px;
                transition: 0.3s ease all; }
                
             #servicesPopup .caseStudies-cases .view:hover {
                background-color: #36a6bc;
                color: #fff;
                text-decoration: none; }
 
/*** Compare Plans ***/
#compare-plans {
	width: 700px;
	max-width: 100%;
}

#compare-plans table {
	width: 100%;
	font-size: 1em;
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
}

	#compare-plans table tr:nth-child(2n) {
		background-color: rgb(67, 179, 209, 0.06);
	}

	#compare-plans table thead {
		border-bottom: 1px solid #ccc;
		font-family: 'Titillium Web', sans-serif;
		font-size: 2em;
		font-weight: 600;
	}

		#compare-plans table thead th {
			padding-bottom: 1.5rem;
			font-weight: 600;
		}

	#compare-plans table th,
	#compare-plans table td {
		padding: 1rem;
	}

	#compare-plans table tbody th {
		font-weight: bold;
	}

	#compare-plans table th:first-child {
		width: 50%;
	}

		#compare-plans table tbody th span {
			display: inline-flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 0.3em;
		}

	#compare-plans table td {
		width: 5rem;
		border-left: 1px solid #ccc;
		color: #555;
		text-align: center;
	}

	#compare-plans table i.check {
		width: 1.3em;
		height: 1.3em;
		display: inline-block;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(85,85,85,1)'%3E%3Cpath d='M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z'%3E%3C/path%3E%3C/svg%3E");
	}
	
	#compare-plans table a.info {
		width: 1.3em;
		height: 1.3em;
		display: inline-block;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(31,151,186,1)'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 9.5C12.8284 9.5 13.5 8.82843 13.5 8C13.5 7.17157 12.8284 6.5 12 6.5C11.1716 6.5 10.5 7.17157 10.5 8C10.5 8.82843 11.1716 9.5 12 9.5ZM14 15H13V10.5H10V12.5H11V15H10V17H14V15Z'%3E%3C/path%3E%3C/svg%3E");
	}

#compare-plans .sticky {
	position: sticky;
	top: 0;
	background-color: #fff;
	border-bottom-color: rgb(67, 179, 209, 0.5);
}

	#compare-plans .sticky td {
		border: 0;
	}

		#compare-plans .sticky td > span {
			display: block;
			font-size: 1.1em;
			font-weight: bold;
		}

@media screen and (max-width: 600px) {

	#compare-plans table thead {
		border: 0;
	}

	#compare-plans table tr {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		background-color: transparent !important;
	}

	#compare-plans table th {
		width: 100% !important;
		grid-column: span 2;
	}

	#compare-plans tbody th {
		background-color: rgb(67, 179, 209, 0.06);
		border-top: 1px solid #ccc;
	}

	#compare-plans table td {
		width: auto;
		border: 0;
	}

	#compare-plans .sticky th {
		display: none;
	}

}

                
/*** MEDIA QUERIES ***/

/*** 700px ***/
@media all and (max-width: 700px) {
	
	#waiverFormPopup #questions .question a.remove span { 
		display: block;
		margin: 0 0 0 17px;
		color: #C83333;
		line-height: 12px; }
		
	label.radioGroup {
		display: block !important;
		margin: 0 0 7px !important; }
		
	span.title { 
		display: block;
		margin: 0 0 10px; }
	
	#waiverFormPopup #questions .questionHead { display: none; }
	
	#waiverFormPopup #questions .question .column { 
		width: 100%;
		padding: 5px 0; }
		
	#waiverFormPopup #questions .question .mobileShow { display: inline; }
		
		#waiverFormPopup #questions .question .column1 { display: none; }
		
		#waiverFormPopup #questions .question .column5, #waiverFormPopup #questions .question .column6 { padding: 12px 0 8px; }
		
	.dropOptions input.text { max-width: 49%; }
	
	#customMessagesPopup .third { 
		width: 100%;
		margin: 0 0 15px !important; }
		
	#membershipLookupPopup label.mobileBlock_700, #customizeTeamListPopup label.mobileBlock_700, #customTeam_missing label.mobileBlock_700 { 
		display: block;
		margin: 0 0 7px; }
		
	#lookup2_import_content input { 
		display: block;
		margin: 0 0 10px; }
	
	#lookup2_import_content a { margin: 0 10px 0 0; }
	
	#massEmailPopup .massEmail_sendform { 
		width: 100%;
		margin: 0 0 30px; }
		
	#massEmailPopup aside.massEmail_send_aside { width: 100%; }
	
	#removeEntryPopup table th, #massEmailPopup table th { display: none; }
	
	#removeEntryPopup table td, #massEmailPopup table td { 
		width: 100%;
		float: left;
		padding: 5px 0; }
		
	#removeEntryPopup table tr, #massEmailPopup table tr {
		width: 100%;
		float: left;
		padding: 0 0 30px; }
		
	#pledgePopup #pledge form .cardType {
        width: 100%;
        margin: 15px 0 0; }
        
	#pledgePopup .half { width: 100% !important; }
	
	/* ADD PURCHASES POPUP */
	.sizesOptionsDiv {
		width: 100%;
		clear: both; }
		
	.sizesOptionsPrice {
		width: 100% !important;
		clear: both !important;
		margin-left: 0 !important; }
	
	.sizesOptionsQty {
		width: 100% !important;
		clear: both !important;
		margin-left: 0 !important; }
	
}

/*** 600px ***/
@media all and (max-width: 600px) {
   #servicesPopup .services-blocks .title { font-size: 20px; }  
}


/*** 500px ***/
@media all and (max-width: 500px) {
	
	.floatLeftHalfDesktop, .floatRightHalfDesktop {
		width: 100%;
		clear: both;
		float: none;
		margin-bottom: 20px;
	}
	
	.customizeTeam #customTeam_types .third, .customizeTeam #customTeam_list li { 
		width: 50%;
		margin: 0 0 7px !important; }
	
	.customizeTeam #customTeam_provinces div { width: 25%; }
	
	.customizeTeam #customTeam_list { height: auto; }
	
	.customizeTeam #customTeam_results > div .floatRight { 
		width: 100%;
		margin: 10px 0; }
		
	#membershipLookupPopup .indent .datepicker, #customizeTeamListPopup .indent .datepicker, #customTeam_missing .indent .datepicker { max-width: 100px; }
	
	#lookup2_import_content a { 
		display: block;
		margin: 0 0 10px; }
		
	#membershipLookup input.text { max-width: 230px; }
	
	#exportDataPopup ul.export li {
		width: 100%;
		padding: 0; }
		
	#pledgePopup #pledge .info .logo, #pledgePopup #pledge .info .profile {
        width: 50%;
        text-align: center; }

        #pledgePopup #pledge .info .logo img { max-width: 100%; }
        
        #pledgePopup #pledge .info .profile figure {
            float: none;
            margin: 0 auto; }

        #pledgePopup #pledge .info .profile div { 
            width: 100%;
            margin: 10px 0 0; }
    
    #pledgePopup #pledge form .method label.inline { display: block; }
    
    #pledgePopup #pledge form .csc {
        width: 100%;
        margin: 15px 0 0; }
        
   #servicesPopup header { font-size: 24px; }
    
    #servicesPopup .services-blocks { display: block; }
    
       #servicesPopup .services-blocks .block { 
          width: 100%;
          margin-bottom: 16px; }
   
}

/*** 414px ***/
@media all and (max-width: 414px) {
    
    ul.form li.labelLeft { 
        padding-left: 0;
        margin-bottom: 15px; }
    
        ul.form li.labelLeft .left { 
            margin: 0 0 7px;
            line-height: normal; }
    
    ul.form li.labelLeft + li.textarea_spaceTop { margin-top: 0; }
    
}

/*** 320px ***/
@media all and (max-width: 320px) {

	label.mobileBlock {
		display: block !important;
		margin: 0 0 7px; }
		
	input.mobileFull { max-width: 100%; }
	
	.selectMobileFull .styledSelect { display: block; }
	
	.multipleSelect.selectMobileFull { 
		width: 100%;
		margin: 0; }
	
	.multipleSelect.selectMobileFull .select2 { width: auto; }
		
	.customizeTeam #customTeam_types .third, .customizeTeam #customTeam_list li { width: 100%; }
	
	.customizeTeam #customTeam_provinces div { width: 50%; }
	
	#membershipLookup input.text { max-width: 100%; }
	
	#pledgePopup #pledge .info .logo, #pledgePopup #pledge .info .profile { 
        width: 100%;
        max-width: 100%; }
    
    #pledgePopup #pledge .info .logo { margin: 20px 0 0; }
    
    #pledgePopup #pledge form .method label { 
        display: block;
        margin: 0 0 7px; }

}




