/*
Theme Name: Circumference Child
Theme URI: http://demo.styledthemes.com/circumference/
Description: For anyone wanting a serious business website, Circumference is the one for you because of what this theme includes. You get responsive design, multiple blog layout options such as a masonry layout, retina ready graphics, several page templates, post formats, gorgeous typography elements, tons of widget positions, a custom child theme, WooCommerce support, Jetpack support, video tutorials, and more!

Template: circumference
Version: 1.0.0
Author: StyledThemes.com
Author URI: http: //www.styledthemes.com/
Tags: custom-colors, white, light, two-columns, three-columns, fluid-layout, responsive-layout, fixed-layout, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, translation-ready, microformats
License: GNU General Public License v3
License URI: license.txt 

Copyright: 2014 Styledthemes.com


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* Add your custom  css below */

/* To override styles in new WordPress update style.min.css 
.wp-block-table td, .wp-block-table th {
  border: 0 !important;
  padding: 0 !important;
}
*/

/* Format spacing on my_itinerary.php page for <tr> containing talks and posters */

/*
tr.all {
	border-bottom: 18px solid transparent;
}
*/

/* Gravity Forms */
legend {
	border-bottom: 0 !important;
}

/* Bookmark icons */
.bookmark {
	cursor: pointer;
	/*vertical-align: -2px; */
}

/* Space above image (on Graphics Competition Winners page) */

.space_above_image {
	padding-top: 9px;
}

body {
	background-color: white;
}

/* Reduce spacing between paragraphs */
p {
	margin: 8px 0;
	/* line-height: 140%; */
}

/* No space between menu and banner image */
div.textwidget p {
	margin: 0 !important;
	/* line-height: 140%; */
}

/* Fix bullets. Conflict with WSChat */
ul li {
    list-style: square !important;
	margin-left: 10px;
	margin-bottom: 6px;
}

/* To fix bolding on gravity forms label tags */

label {
    font-weight: normal;
}

/* Session day/time/room line for talks and posters. */
.session_time {
	margin: 10px 0 25px 0;
	line-height: 140%;
	font-size: 15px;
	color: #333;
	font-style: italic;
	font-family: 'Open Sans', 'Calibri', 'Helvetica', sans-serif;
}

/* Fix spacing on Student Travel Awards page */
.student {
	line-height: 140%;
	margin: 0 0 0 5px;
}

/* Change default size of dark grey bar at top of page. Was 2em */

#cir-site-header {
	padding: 13px 0 3px 0;
}

/* Change the site name */

#cir-site-title {
	font-family: 'Raleway', 'Questrial', sans-serif;
	font: normal 2em/1em raleway;
	margin-bottom: 13px;
	margin-left: 12px;
}

/* Italicize the tagline */

#cir-site-tagline {
	font-style: italic;
}

/* 210309, Jeff - Changed background to V-VSS 2021 blue. Adjust height to new banner */
/* banner showcase area */
#cir-banner {
	font-size: 10px;
	min-height: 3em;
	background-color: #333c5d !important;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

/* Background for Admin-only controls */

.admin {
	background-color: #fff7b8;
	padding: 3px 10px;
}

/* Knock menu items down from Uppercase so MyVSS will display */

.navbar {
	text-transform: none;
}

/* Text in news boxes */

.h2_news {
	color: #c9c9c9;
}
.news {
	line-height: 1.4;
	margin:4px;
	padding:0;
	color: #c9c9c9;
}
.news_grey {
	line-height: 1.4;
	margin:4px;
	padding:0;
	color: #40494e;
}

/* Spacing for login box */

.login {
	line-height: 1.4;
	margin:5px;
	padding:0;
}

/* For VSS icon on information boxes */

.cir-iconbox-top .cir-iconbox-vss {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: -30px;
	margin: 0 0 0 -30px;
	padding: 4px;
	border-radius: 50%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	font-size: 36px;
	line-height: 24px;
	background-color: #000;
	color: #fff;
}

.news_icon {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	top: -38px;
	margin: 0 0 0 -42px;
	padding: 10px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* Adding light grey for icon box background */
.cir-iconbox-top.ltgrey {
	background-color:#F0F2F3;
	border: none;
}

/* Reduce space above content wrapper (body area) */
#cir-content-wrapper {
	padding: 1em 0;
}

/* Reduce space above 3 boxes */
#cir-inset-bottom {
	padding: 0;
}

/* Colors for News headings */
.aqua {
	color: #25b6c3;
}

.tan {
	color: #c6b274;
}

.brown {
	color: #a97046;
}


/* Home page news boxes. */

.left_gradient {
	background-image: linear-gradient(to bottom right, #7d0a05, #b30f08);
}
.middle_gradient {
	background-image: linear-gradient(to bottom right, #7d5206, #bf8215);
}
.right_gradient {
	background-image: linear-gradient(to bottom right, #05406e, #085fa3);
}

/*-----------------------------------------------
TABLES
----------------------------------------------*/

/* 2px border at bottom */
.table {
	border-collapse: collapse;
	border-bottom: 2px solid #CDCDCD;
	margin: 0 !important;
}

/* Format first (header) row. */
.table thead {
	border-top: 2px solid #CDCDCD;
	border-bottom: 2px solid #CDCDCD;
	background: #e8e8e8;
}

.table td, .table th, .wp-block-table td, .wp-block-table th {
	border: 0 !important;
	border-bottom: 1px solid #e2e5e7 !important;
	padding: 3px !important;
	padding-right: 12px !important;
}

.table td:first-child, .table th:first-child {
	padding-left: 12px !important;
}

/* Change the table headings to aqua */
.table th a {
	color: #25b6c3;
	border-bottom: 2px solid #CDCDCD;
}

/* Two-pixel rule to separate days */
tr.table_rule_start td {
	border-top: 2px solid #CDCDCD;
}

/* Two-pixel rule to end table */
tr.table_rule_end td {
	border-bottom: 2px solid #CDCDCD;
}

/* sticky menu */
#secondary-nav {
	background-color: #085fa3 !important;
}

/* This max-width controls when the main menu flips to minimized button. Was 960px. All other contained definitions are unchanged. */
@media (max-width: 500px) {
	figure.align-left {
		max-width:160px;
	}

	#cir-logo-group-wrapper {
		text-align: center;
	}
	.menu-toggle-wrapper {
		text-align:center;
	}
	#secondary-nav .menu-toggle-wrapper {
		padding-top: 0.5em;
	}
	.menu-toggle,
	.menu-toggle2 {
		cursor: pointer;
		display: inline-block;
		font: bold 12px/1.3 'Open Sans', Calibri, Sans-serif;
		margin: 0 auto 1em;
		height: 50px;
		width:50px;
		text-align: center;
		padding-top: 8px;
		border-radius: 100px;
		background-color: #eeeeee;
		color: #555;
	}
	.menu-toggle:hover,
	.menu-toggle2:hover {
		border: 1px solid #d4d4d4;
		padding-top: 8px;
	}
	.toggled-on2 .nav-menu {
		margin-bottom: 1em;
	}
	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul,
	.toggled-on2 .nav-menu,
	.toggled-on2 .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
		float: right;
	}
	.toggled-on li,
	.toggled-on .children,
	.toggled-on2 li,
	.toggled-on2 .children {
		display: block;
		text-align: center;		
	}
	.toggled-on .nav-menu li > ul,
	.toggled-on2 .nav-menu li > ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left: 20px;
		padding: 3px 0;
		position: relative;
		right: auto;
		top: auto;	
		/* remove the full menu shadow and border*/
		-webkit-box-shadow: none;
		box-shadow: none;
		border-bottom: none;
	}

	/* cancel out the centering of the submenu block below the parent */
	ul.nav-menu li:hover > ul,
	.nav-menu ul li:hover > ul {			
		margin-right:0;
		right: auto;
	}
	/* cancel out centering block for 3rd level */	
	ul.nav-menu li:hover ul ul,
	.nav-menu ul li:hover ul ul,
	#secondary-nav ul.nav-menu li:hover ul ul,
	#secondary-nav .nav-menu ul li:hover ul ul {		 
		margin-right:auto;
		right: auto;
	}

	.toggled-on .nav-menu li:hover > ul li:hover,
	.toggled-on2 .nav-menu li:hover > ul li:hover {
		background-color: transparent;
	}
	.toggled-on .nav-menu li a,
	.toggled-on2 .nav-menu li a {
		padding: 0.613em;
	}
	.toggled-on .nav-menu li > ul a,
	.toggled-on2 .nav-menu li > ul a {
		
		width: auto;
		padding: 0.5em;
	}

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a,
	.toggled-on2 .nav-menu li:hover > a,
	.toggled-on2 .nav-menu .children a {
		background-color: transparent;
		
	}

	.toggled-on .nav-menu li a:hover,
	.toggled-on .nav-menu ul a:hover,
	.toggled-on2 .nav-menu li a:hover,
	.toggled-on2 .nav-menu ul a:hover {
		background-color: #eeeeee;
	}

	#secondary-nav .toggled-on .nav-menu li a:hover {
		background-color: #D7C58C;
	}
	#secondary-nav .toggled-on2 .nav-menu ul.sub-menu li:hover {
		background-color: transparent;
	}
	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}
	
	.format-quote .entry-content {
		text-align: center;
	}
	.format-quote .testimonial-thumbnail {
		float:none;
		margin:auto;
	}
}

.nav-menu .sub-menu,
.nav-menu .children {
	margin:0;
	padding: 0.5em 0;	
	-webkit-box-shadow: 0 8px 8px 0 rgba(0,0,0,.3);
	box-shadow: 0 8px 8px 0 rgba(0,0,0,.3);
	border-bottom: 0.813em solid #dd992a;
	border-top: 0;
	text-align: center;
	display: none;
	position: absolute;
	z-index: 99999;	
}

/* width and colour for the sub menu */
ul.nav-menu ul a,
.nav-menu ul ul a {	
	margin: 0;
	width: 210px;
	padding: 3px 12px;
	line-height: 130%;
}


/* Adjust space around grey footer div */
/* Footer color: #0e5fb0 */

#cir-bottom-wrapper {
	background-color: #085fa3 !important;
	margin-top:0;
	margin-bottom:0;
	padding-top:8px;
	padding-bottom:6px;
	text-align:center;
}

/* Footer header */
.footer-header {
	color:white;
	margin-top:0;
	margin-bottom:9px;
	padding:0;
}

/* Footer text (grey bar) */
.footer-text {
	font-size: 10pt;
	margin-top:0;
	padding-top:0;
	margin-bottom:0;
}

/* Links in footer */
.footer-text a:link, .footer-text a:visited {
	color: #656565;
	text-decoration: none;
}

.footer-text a:hover {
	color: #F5F0F0;
}

/* Copyright (black bar) area */
#cir-footer-wrapper {
	padding: 3px 0;
	background-color: #000;
	color: #818181;
	font-family: Verdana, "Segoe UI", sans-serif, "Open Sans";
	font-size: 7pt;
	text-align: center;
}


/* Reduce space above/below feature boxes */
#cir-content-bottom {
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

/* White gap between collapsed FAQ questions */
.panel {
	margin-bottom: 4px;
}

/* Modify headings */
/* h1 color */
.entry-title {
	color: #0e5fb0;
}

h1 {
	font-size: 32px;
	line-height: 1.2;
	margin: 14px 0 8px 0;
    font-weight: bold;
}

h2 {
	color: #76A9BC;
	font-size: 24px;
	line-height: 1.2;
	margin: 12px 0 6px 0;
    font-weight: bold;
}

h3 {
	color: #76A9BC;
	font-size: 20px;
	line-height: 1.2;
	margin: 11px 0 4px 0;
    font-weight: bold;
}

h4 {
	font-size: 17px;
	line-height: 1.2;
	margin: 9px 0 2px 0;
    font-weight: bold;
}

h5 {
	font-size: 14px;
	line-height: 1.2;
    font-weight: bold;
}

h6 {
	font-size: 14px;
	line-height: 1.2;
}

/* Heading Link and hover colors */
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a,
p a,
.bullets li a
{
	color: #0c4b8a !important; /* was #2bafbb */
	text-decoration: none;
}

h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover,
p a:hover,
.bullets li a:hover
{
	color: #9b459a !important;
	text-decoration: underline;
}


/* Image alignment */
img.alignright, figure.alignright { 
	float: right; 
	margin: 13px 0 20px 30px !important; 
}

img.alignleft, figure.alignleft { 
	float: left; 
	margin: 6px 30px 20px 0 !important; 
}

img.aligncenter, figure.aligncenter { 
	display: block; 
	margin-left: auto; margin-right: auto; 
}

/* for aligning WordPress groups */
div.alignright { 
	float: right; 
	margin: 0 0 8px 20px !important; 
}

div.alignleft { 
	float: left; 
	margin: 0 20px 8px 0 !important; 
}

div.aligncenter { 
	display: block; 
	margin-left: auto; margin-right: auto; 
}


.alignright { 
	float: right; 
	margin: 0 0 10px 20px !important; 
}

.alignleft { 
	float: left; 
	margin: 0 20px 10px 0 !important; 
}

.aligncenter { 
	display: block; 
	margin-left: auto; margin-right: auto; 
}


/* Custom mobile styling 
-------------------------------------------------------------- */

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

}

@media (min-width: 321px) and (max-width: 480px) {
}

@media screen and (max-width: 480px) {
	figure.align-left {
		max-width:160px;
	}
}

@media (min-width: 481px) and (max-width: 768px) {

}

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

}

/* To adjust News sidebar bullets */
.widget ul li {
	text-align: left;
	margin-left: 15px;
	padding: 4px;
	position: relative;
	box-sizing: border-box;
	line-height: 1.45;
}

ul.lcp_catlist {
	list-style: none;
}

ol, ul {
	margin-top: 8px;
	margin-left: 8px;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

/* Text input boxes */
input, textarea, select {
	font-size: 14px;
	line-height: 18px;
    margin: 4px 6px 0 0;
	padding: 4px 8px;
	color: #444;
	font-weight: normal;
}

/* Text input boxes */
input.search_form, textarea.search_form {
	font-size: 15px;
    margin: 4px 5px 0 0;
	padding: 2px 8px;
	color: #444;
	font-weight: normal;
}

/* Do not add space above input in a table */
table p input, table p select {
	margin-top:0;
}

/* For buttons that follow an input field */
/* Sized to match the height of the imput fields */
.inline_button {
    font-family: 'Raleway', 'Open Sans Light', 'Calibri', Sans-serif;
    text-align: center;
    margin: 0 6px 0 0;
	padding: 2px 12px;
	font-weight: normal;
    vertical-align: 1px;
    cursor: pointer;
}

/* Bigger buttons at the bottom of a form. Should be within <p>. */
.form_button {
    font-family: 'Raleway', 'Open Sans Light', 'Calibri', Sans-serif;
	font-size: 17px;
	text-align: center;
    margin-top: 6px;
    margin-right: 6px;
	padding: 6px 20px;
	font-weight: normal;
    cursor: pointer;
}

/* Form buttons that should not be big Should be within <p>. */
.button {
	font-family: 'Raleway', 'Questrial', sans-serif;
	font-size: 14px;
	text-align: center;
    margin-top: 2px;
    margin-right: 6px;
	padding: 6px 16px;
	font-weight: normal;
    cursor: pointer;
}

.small_button {
	font-family: 'Raleway', 'Questrial', sans-serif;
	font-size: 13px !important;
	text-align: center;
	padding: 2px 7px;
	font-weight: normal;
    cursor: pointer;
}

/* Sets a fixed width for buttons on the account home page */
.home_width {
    width: 105px !important;
}

/* Sets a fixed width for buttons on the Membership page */
.membership_width {
    width: 270px !important;
}

img.eye {
    cursor: pointer;
}

/* Add drop shadow to WordPress page portrait photos */

.portrait {
	margin-top: 12px;
	filter: drop-shadow(6px 6px 6px #555);
}

.float-left {
	float: left;
	margin-bottom: 6px;
}

#cir-breadcrumbs-wrapper {
	padding: 0; 
	background-color: #0e5fb0;
	font: 0.8em Verdana, "Segoe UI", sans-serif, "Open Sans";
	text-align: center;
	max-width: 100%;
}
#cir-breadcrumbs-wrapper a {
	color: #203378 !important;
	text-decoration: none;
}

#cir-breadcrumbs-wrapper a:hover {
	color: #c6b274 !important;
	text-decoration: underline;
}


.note {
	/* color: #333; */
	font-size: 12px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: normal;
	font-style: normal;
}

.message_green {
    color: green;
	font-weight: bold;
}
	
.message_red {
    color: red;
	font-weight: bold;
}

.banner_green {
    background: green;
    color: white;
    padding: 6px 15px;
	font-weight: bold;
}

.banner_red {
    background: red;
    color: white;
    padding: 6px 15px;
	font-weight: bold;
}

hr.live_talks {
	border-top: 1px solid #dedede !important;
	margin: 18px 0 0 0;
}

ul li {
	margin-left: 2.125em;
	padding: 0;
	position: relative;
	box-sizing: border-box;
	line-height:140%;
}

/* widget style 7 Lists */
.widget ul,
#cir-bottom-wrapper .widget ul {
	list-style: none;
	margin: 0;
	padding:0;
}

/* 210309, Jeff - Adjust menu bar spacing */
.nav-menu li a {
	padding: .5em 0.75em .4em;
}

/* Checkbox did not align with text */

input[type='checkbox'], input[type='radio'] {
	vertical-align: 0 !important;
	margin-right: 5px !important;
}

/* Style the event bar created by [in-person-event] or [virtua-event] shortcodes. */

.in_person_event, .virtual_event {
	color: white;
	margin: 0;
	padding: 4px 15px;
	font-size: 15px;
	font-variant: small-caps;
	font-weight: normal;
	letter-spacing: 2px;
}

.in_person_event {
	background: #3363b9;
}

.virtual_event {
	background: #d15e00;
}

/* --------------------------------------------------
    STYLE SHEET FOR MeetingTrakr Public Pages (MyVSS) 
	220117 - Moved from /meetingtrakr/css/meetingtrakr.css to here
 ---------------------------------------------------- */

/* sizing video captions */
::cue {
	font-size: 20px;
}

#yourBtn {
  position: relative;
  top: 150px;
  font-family: calibri;
  width: 150px;
  padding: 10px;
  border: 1px dashed #BBB;
  text-align: center;
  background-color: #DDD;
  cursor: pointer;
}

.h1_secondary {
	font-size: 20px;
	font-weight:bold;
	color:#e17729;
	margin-bottom:0px; 
	margin-left:0; 
	margin-right:35px; 
	margin-top:6px;
}
               
.h1_nottop  {
	font-size: 20px;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 3px;
	color: #1a21e0;
	}
               
.h2_symposia  {
	font-size: 15px;
	margin-left:0;
	margin-top: 8px;
	margin-bottom: 0px;
	margin-right:30px; 
	font-weight: bold;
	color: #1a21e0;
}

.h3_news  {
	color: #333;
	font-family: Lato, sans-serif;
	font-size: 24px;
	margin-left: 0px;
	margin-top: 8px;
	margin-bottom: 1px;
	font-weight: bold;
}
              
.h2a  {
	font-size: 12px;
	color: #1a21e0;
}
               
/* Styles to apply to news links */

a.news:link { 
	text-decoration: underline; 
	color:#CCC; 
}

a.news:visited { 
	text-decoration: underline; 
	color:#CCC; 
}

a.news:hover { 
	color:#09F; 
	text-decoration: none; 
}

a.news:active { 
        text-decoration: underline; 
        color:#CCC; 
}

/* Default styles for "tabletext_heading" paragraph links */

.tabletext_heading a:link { 
    color: #333; 
    text-decoration: underline; 
}

.tabletext_heading a:visited { 
    color: #333; 
    text-decoration: underline; 
}

.tabletext_heading a:hover { 
    color: #000000; 
    text-decoration: none; 
}

.tabletext_heading a:active { 
    color: #FFFFFF; 
    text-decoration: underline; 
}

/* Default styles for "news" paragraph links */

.news a:link { 
	text-decoration: underline; 
	color:#CCC; 
}

.news a:visited { 
	text-decoration: underline; 
	color:#CCC; 
}

.news a:hover { 
	color: #e1381b; 
	text-decoration: none; 
}

.news a:active { 
	text-decoration: underline; 
	color:#CCC; 
}

/* Link color on information banner */
p.banner_green a:active, p.banner_green a:link, p.banner_green a:visited,
p.banner_red a:active, p.banner_red a:link, p.banner_red a:visited
{ 
	text-decoration: none; 
	color:#CCC !important; 
}

p.banner_green a:hover, p.banner_red a:hover { 
	text-decoration: underline; 
	color:#c6b274;
}


/* Default styles for "error" paragraph links */

.error a:link { 
    color: white;
    text-decoration: underline; 
}

.error a:visited { 
    color: white;
    text-decoration: underline; 
}

.error a:hover { 
    color: black; 
    text-decoration: none; 
}

.error a:active { 
    color: white;
    text-decoration: underline; 
}

/* Links for submission steps */
/* Completed steps are green */	

p.step_complete  {
	color:green;
}

a.step_complete:link  {
	text-decoration: underline; color:green;
}
	
a.step_complete:visited {
	text-decoration: underline; color:green;
}
	
a.step_complete:hover {
	text-decoration: none; color:green;
}
	
a.step_complete:active {
	text-decoration: underline; color:green;
}

/* Incompleted steps are red */	

p.step_incomplete  {
	color:red;
}

a.step_incomplete:link  {
	text-decoration: underline; color:red;
}
	
a.step_incomplete:visited {
	text-decoration: underline; color:red;
}
	
a.step_incomplete:hover {
	text-decoration: none; color:red;
}
	
a.step_incomplete:active {
	text-decoration: underline; color:red;
}

/* Links for table text */
	
a.tablelink:link  {
	TEXT-DECORATION: underline; color:#333
}
	
a.tablelink:visited {
	text-decoration: underline; color:#333
}
	
a.tablelink:hover {
	text-decoration: none; color:#4c98d2
}
	
a.tablelink:active {
	text-decoration: underline; color:#333
}
	
/* ---------------------------
             CLASSES
 --------------------------- */

/*
.badge_name_preview { 
	font-family: "Arial Bold", Tahoma, Verdana, Helvetica;
	text-align: center;
	font-size: 32pt; 
	line-height: 34pt;
	letter-spacing: 1px	;
	font-weight: normal; 
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	color: #000000;
}
		   
.badge_affiliation_preview { 
	font-family: "Arial Narrow", Tahoma, Verdana, Helvetica;
	text-align: center;
	font-size: 22pt; 
	line-height: 24pt;
	letter-spacing: 1px;
	font-style: normal;
	margin-top: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #000000;
}

.badge_name { 
	font-family: "Arial Bold", Tahoma, Verdana, Helvetica;
	text-align: center;
	font-size: 40pt; 
	line-height: 36pt;
	letter-spacing: 1px	;
	font-weight: normal; 
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	color: #000000;
}
		   
.badge_affiliation { 
	font-family: "Futura PT Cond Book", Arial, Tahoma, Verdana, Helvetica;
	text-align: center;
	font-size: 28pt; 
	line-height: 24pt;
	letter-spacing: 1px;
	font-style: normal;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #000000;
}
*/

.countbox {
	font-size: 13px;
	margin: 0;
	padding: 1px 0 1px 7px;
	font-weight: normal;
	}

.formcell {
	margin-top:1px;
	margin-bottom:1px;
	margin-left: 5px;
	margin-right: 0px;

	padding: 2px;
}

.formfield_error {
	background-color: red;
	color: white;
	margin-top:0px;
	margin-bottom:0px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 2px;
}

.formlabel { 
	text-align: right;
	color: #000000;
	margin-left:0px;
	margin-top:3px;
	margin-bottom:3px;
	margin-right: 4px;
}

.formlabelleft { 
	text-align: left;
	color: #000000;
	margin-left:0px;
	margin-top:3px;
	margin-bottom:3px;
	margin-right: 7px;
}

table.form {
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.form td:first-child {
	text-align: right;
    margin-right: 0;
    padding-right: 6px;
}

table td {
	margin: 0;
    vertical-align: middle;
}

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

table.listing td, table.listing th {
	padding: 2px 15px 2px 0 !important;
    /* vertical-align: top; */
}

/* No line breaks in table headings */
table tr th {
	white-space: nowrap;
}

/* Space behind radio butons */
td input[type=radio] {
    margin-right: 6px;
}

table p {
    margin: 0;
    padding: 3px 2px 3px 0;
}

/* For icons used for form submit */
.icon {
  /* background-image: url('/https/www.visionsciences.org/meetingtrakr/images/red_x_icon_small.png'); */
  border: none;
  cursor: pointer;
  color: transparent;
}

.indent { 
	margin-left: 60px;
}
		   
.indent10 {
	padding-left: 10px;
}

.indent20 {
	padding-left: 20px;
}

.indent30 {
	padding-left: 30px;
}

.indent40 {
	padding-left: 40px;
}

.indent50 {
	padding-left: 50px;
}

.indent_right10 {
	margin-right: 10px;
}

.noindent  { 
	margin-left: 0px;
}
		   
.noindent_right  { 
	margin-right: 0px;
}

/* for listing pages */	
	   
.note {
	/* color: #333; */
	font-size: 12px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: normal;
	font-style: normal;
}

.button-note {
	/* color: #333; */
	font-size: 40pt;
	margin-left:12px;
	margin-right:10px;
	margin-top:2px;
	margin-bottom:2px;
	font-weight: normal;
}

/* Error messages are prefixed ERROR: and shown bold on red background */

.error {
    background: red;
    color: white;
    padding: 6px 15px;
	font-weight: bold;
}
	
.error:before {
	content: "ERROR: ";
}
	
/* Banners and Messages */
/* Messages are bold red or green */
/* Banners are bold white on red or green banner */

.message_green {
    color: green;
	font-weight: bold;
}
	
.message_red {
    color: red;
	font-weight: bold;
}

.banner_green {
    background: green;
    color: white;
    padding: 6px 15px;
	font-weight: bold;
}
		

.banner_red {
    background: red;
    color: white;
    padding: 6px 15px;
	font-weight: bold;
}
	
/* Debugging message */
.debug, .debug:before {
	font-size: 12px;
    color: red;
    padding: 0;
    margin: 0;
	font-weight: normal;
}
	
/* Debugging message */
.debug:before {
    content: "DEBUG: ";
}
	
/* Dim readonly text in text fields */

.readonly {
   /* color: #a79ba7; /* Same color as placeholder */
    background: #ddd;
}
	
/* ---------------------------------------- */

/* Use this class to return text formating to default paragraph style. */
.normal {
	/* margin-left:35px; */
	margin-right:30px;
	margin-top: 0px;
	margin-bottom: 7px;
	font-weight: normal;
	color: #000000;
}
	
.steps {
	/* color: #CCC; */
	margin-right: 10px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
	font-weight: normal;
}

/* For displaying poster subsessions on schedule_of_events.php */
.poster_subsessions {
	font-family: 'Open Sans', Calibri, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 100%;
	font-weight: normal;
	color: #333;
}

.small {
	font-family: 'Open Sans', Calibri, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
}

.small_dropdown {
	font-size: 13px !important;
	padding: 2px;
	margin: 0;
}
	
/* Table formatting (for table lines) */
/* Tags must be applied to the <td>, not the <tr> */

.table_rule_heading {
	border-top: 2px solid #1a21e0;
	border-bottom: 2px solid #1a21e0;
	background-color: #CDE0FE /* Cell fill */
}
	
.table_rule_top {
	border-top: 2px solid #1a21e0;
	border-bottom: 1px solid #1a21e0;
}
	
.table_rule {
	border-bottom: 1px solid #1a21e0;
}
	
.table_rule_bottom {
	border-bottom: 2px solid #1a21e0;
}
	
/* ------------------------------------ */
	
.news {
	font-size: 13px;
	margin-right: 10px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
	font-weight: normal;
	/* color:#CCC; */
	}
	
.news_date {
	font-size: 11px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 4px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #333;
	}
	
.news_top {
	font-size: 13px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #333;
	}
	
.right {
    text-align: right;
}

.spaceabove3  {
	margin-top: 3px;
}
	
.spacebelow3  {
	margin-bottom: 3px;
}
	
.spaceabove6  {
	margin-top: 6px;
}
	
.spacebelow6  {
	margin-bottom: 6px;
}
	
.strikethru {
	text-decoration: line-through;
}

.symposium {
	font-size:14px;
	font-weight:bold;
	color:#333;
	margin-bottom:4px;
	margin-left:0;
	margin-right:35px;
	margin-top: 20px;
}

/* New Classes for displaying left and right table columns. Example: payment_detail.php */

.tableleft  {
	margin-left:35px;
	margin-right:3px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	color: #000000;
	text-align:right;
	padding:0;
}
	
.tableright  {
	margin-left:0px;
	margin-right:3px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	color: #000000;
	text-align:left;
	padding:0;
}

/* ----------------------------------------------- */	

.tabletitle {
	font-family: Arial, Tahoma, Verdana, Helvetica;
	font-size: 12px; 
	margin-left: 0px;
	margin-right: 5px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-weight: bold; 
	color: #333;
}
	
.tablelabel   { 
	font-family: Arial, Tahoma, Verdana, Helvetica;
	text-align: right;
	color: #000000;
	font-size: 12px;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right: 5px;
	}

.tabletext_indent {
	margin-bottom:4px; 
	margin-left:10px;
	margin-right:10px; 
	margin-top:4px;
}

.tabletext_heading
{
	font-size:13px; 
	font-weight:bold;
	color:#333;
	margin-top:4px;
	margin-bottom:4px; 
	margin-left:0px;
	margin-right:6px; 
}

.tabletext_heading_center
{
	text-align: center;
	font-size:13px; 
	font-weight:bold;
	color:#333;
	margin-top:4px;
	margin-bottom:4px; 
	margin-left:3px;
	margin-right:4px; 
}

.tabletext_heading_indent
{
	font-size:13px; 
	font-weight:bold;
	color:#333;
	margin-top:4px;
	margin-bottom:4px; 
	margin-left:10px;
	margin-right:10px; 
}

.tabletext_heading_right
{
	font-size:13px; 
	font-weight:bold;
	color:#333;
	margin-bottom:4px; 
	margin-left:10px;
	margin-right:10px; 
	margin-top:4px;
	text-align: right;
}

.tabletext {
	font-size:12px; 
	margin-bottom:4px; 
	margin-left:0px; 
	margin-right:5px; 
	margin-top:4px;
}

.tabletext_center {
	text-align: center;
	font-size:12px; 
	margin-bottom:4px; 
	margin-left:3px; 
	margin-right:4px; 
	margin-top:4px;
}

.tabletextright {
	font-size:12px; 
	margin-bottom:4px; 
	margin-left:0px; 
	margin-right:20px; 
	margin-top:4px;
	text-align: right;
}


.right  {
	text-align: right;
}

.center  {
	text-align: center;
}

.white {	
    color:#FFFFFF;
}

.red {
	color:red;
}

.green {	
	color:green;
}

.black {	
    color: #000000;
}

.grey {	
    color: #6b6b6b;
}

.bold {	
	font-weight: bold;
}

.form_note {
	color: #333;
	font-size: 8pt;
	margin-left:4px;
	margin-right:10px;
	margin-top:2px;
	margin-bottom:2px;
	font-weight: normal;
}

/* Non-breaking line */

.nobreak  {
	white-space:nowrap;
}

.top_0 {
    margin-top:0;
}

.bottom_0 {
	margin-bottom:0; 
}

.top_4 {
	margin-top:4px;
}

.bottom_4 {
	margin-bottom:4px; 
}

.right_0 {
	margin-right:0; 
}

.right_10 {
	margin-right:10px; 
}

.left_0 {
	margin-left:0; 
}

.left_10 {
	margin-left:10px; 
}

.bottom_0 {
	margin-bottom: 0; 
}

.bottom_2 {
	margin-bottom: 2px; 
}

#sidebar_meeting {
  position: relative;
  float: left;
  padding:20px 20px 20px 20px;
  width: 220px;
  height: 100%;
  background: #003366;
}

/* Step circles */

.step_div {
	position: relative;
	top: -28px;
	left: 0;
	float: left;
	width: 100px;
	height: 50px;
	text-align: center;
}

.step_circle {
	border-radius: 50%;
	display: inline-block;
	width: 40px;
	height: 40px;
}

.step_current {
	background: black;
}

.step_done {
	background: green;
}

.step_not_done {
	background: red;
}

.step_number {
	margin-top: 5px;
	font-size: 20px;
	color: white;
	text-align: center;
}

.step_text {
	margin-top: 2px;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
}

/* Styles for File uploader */

#uploader {
    width: 150px; 
    height: 100px; 
    background: #D1D1D1;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    display: table-cell;
    border: 1px solid #000000;
}
#uploader.highlight {
    background: #E1EFAF;
}
#uploader.disabled {
    background:#aaa;
}

/* Format the ReCaptcha div. */

.g-recaptcha {
    margin: 3px 0 1px 0;
}

/* Change the pointer when hovering over the hide/show password eye icon. */

.membership_option { 
	margin-left: 25px;
}

/* Sessions DIV vss_presentations.php */		   
.sessions_div {
	column-count: 2;
	column-gap: 20px;
	column-width: 50%;
	break-inside: avoid;
	max-width:75%;
}

.sessions_div  p {
	break-inside: avoid;
}

/* Presenter-only information on Presentation page. */
.presenter_view {
	background: #ccf4ff;
	/* background: linear-gradient(to right, #b9dadf 0%, #dcecef 100%); */
	padding: 7px 12px 5px;
	color: #444;
	Vertical-align: 4px;
}

.vvss_link_list {
	font-size: 100%;
}		   

.no_break {
	white-space: nowrap;
}

/* Make chat box clickable */
td a.chat_box {
    display:block;
    width:100%;
}

.chat_times {
	/* color: #333; */
	font-size: 12px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 3px;
	margin-bottom: 0;
	padding: 0;
	font-weight: normal;
}

/* divs containing Video, PDF, Slides, Chat */
.presentation_box {
	float: left;
	margin-right: 20px;
	margin-bottom: 18px;
}

.popout_title {
	font-family: 'Raleway', 'Open Sans Light', 'Calibri', Sans-serif;
	font-size:22px; 
	font-weight:normal;
	margin: 5px 20px 6px 20px;
	text-align:center;
	color:#19719d;
}

.popout_authors {
	font-family: 'Open Sans', Calibri, Helvetica, sans-serif;
	font-size:16px;
	font-style: normal;
	margin: 0 20px 9px 20px;
	text-align:center;
	color: #333;
}

/* Styles for V-VSS Schedule of Events */

.schedule_note {
	/* color: #333; */
	font-size: 12px;
	margin-left: 0;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: normal;
	color: #4b4b4b;
}

a.schedule_title:link { 
	text-decoration: none; 
	color:#067c99; 
}

a.schedule_title:visited { 
	text-decoration: none; 
	color:#067c99; 
}

a.schedule_title:hover { 
	color:#0099ff; 
	text-decoration: underline; 
}

a.schedule_title:active { 
	text-decoration: none; 
	color:#067c99; 
}

/* Adjust the dot-line below the page h1 */
header .cir-divider-dotline {
	margin: 20px 0;
	display: block;
}

/* Align Image block with paragraph */
.wp-block-image .alignleft {
  float: left;
  margin: 3px 35px 12px 0 !important;
}
.wp-block-image .alignright {
  float: right;
  margin: 3px 0 12px 35px !important;
}

/* Widget Styles */
.widget {
	margin-bottom: 0;
	margin-left: 30px;
}