/* --------------------------------------------------
    STYLE SHEET FOR MeetingTrakr Public Pages 
 ---------------------------------------------------- */

/*	SNL 2021 COLORS
#0c71c3 Light blue. h1, SNL on home page.
#4d6c85 Gray blue. h2, buttons, 2021 on home page.
#32414d Dark blue. 'virtual' on home page.

Headings font 'Josefin Sans'
*/

/* DIVI style overrides */

.et_pb_widget_area_left {
    border-right: 0;
}

.et_pb_text_5, .et_pb_text_4, .et_pb_text_3 {
	font-size: 14px !important;
	margin-bottom: 6px !important;
}

/* Reduce spacing between paragraphs */
p {
	margin-bottom: 8px !important;
	padding-bottom: 0 !important;
}

h1 {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
	padding: 0;
}                              

h2, h3 {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
	padding: 0;
}                              

h4 {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
	padding: 0;
	line-height: 1.3em !important;
}    

.et_pb_text ul, .et_pb_text ol {
	margin-bottom: 8px !important;
	padding-bottom: 0 !important;
}
.nav li ul {
	padding: 8px 0 !important;
}

.nav ul li a:hover {
	background-color: #e8e8e8 !important;
}

.nav li li ul {
    top: -10px !important;
}

#top-menu li li {
    padding: 0 !important;
}

#top-menu li li a {
    padding: 5px 10px 5px 15px !important;
}

.et_contact_bottom_container {
	margin-top: 0 !important;
}

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

.schedule_note {
	/* color: #333; */
	font-size: 13px;
	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; 
}

/* Three-column equal width layout using divs. From https://www.w3schools.com/howto/howto_css_three_columns.asp */
.column {
	float: left;
	width: 33.33%;
	min-width: 200px;
	white-space: nowrap;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* Two-column layout using divs for Past Meetings page. */
.column1 {
	float: left;
	width: 325px;
}

.column2 {
	float: left;
}

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


/* For link list at top of presentations page */
span.link_list {
	padding-left: 12px;
	font-size: 15px;
	font-weight: normal;
}

.eye {
	vertical-align: -3px;
}

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

/* Adjust superscript */
sup {
	bottom: 4px;
	font-size: 90%;
}

.navbar {
	text-transform: none;
}

/* Reduce paragraph spacing in news boxes */

.news {
	line-height: 1.4;
	margin:4px;
	padding:0;
}

/* Spacing for login box */

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

/* See Wordpress style.css file for these definitiona

body 
{
	font-size:13px;
	font-style: normal;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 7px;
	color: #000000;
}
*/


/* Try using the default headings

h1 {
	font-size:26px; 
	color:#1a21e0; // blue
	font-weight:bold;
	margin-left:0; 
	margin-right:35px; 
	margin-top:20px;
	margin-bottom:6px; 
}

h4  { 
	font-size: 11px; 
	margin-left:35px; 
	margin-top: 6px;
	margin-bottom: 4px;
	margin-right:35px; 
	font-weight: bold; 
	color: #666666;
	}

/*

/*		  
ul
{
	padding:0; 
	margin-bottom:6px; 
	margin-left:65px; 
	margin-right:30px; 
	margin-top:0px;
}

ol
{
	margin-bottom:6px; 
	margin-left:65px; 
	margin-right:35px; 
	margin-top:0px;
	padding:0; 
}

li
{
	margin-bottom:5px; 
}


a             
{ 
color: #000000; 
text-decoration: underline; 
}

a:link        
{ 
color: #000000; 
text-decoration: underline; 
}

a:visted      
{ 
color: #000000; 
text-decoration: none; 
}

a:hover       
{ 
color: #008ed5; 
text-decoration: none; 
}

a:active      
{ 
color: #000000; 
text-decoration: none; 
}

*/

#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;
	}
               
.h3_news  {
	color: #333;
	font-family: Lato, sans-serif;
	font-size: 24px;
	margin-left: 0px;
	margin-top: 8px;
	margin-bottom: 1px;
	font-weight: bold;
}

/* Use default
                                    
.h3_steps  {
	margin-left: 0px;
	margin-top: 20px;
	color: #CCC;
}

*/

/* Default link color */
a {
    color: #2ea3f2 !important;
}

/* 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: #666666; 
    text-decoration: underline; 
}

.tabletext_heading a:visited { 
    color: #666666; 
    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; 
}

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

/*
h3 a:link        
{ 
	color: #4c98d2;
	text-decoration: underline; 
}

h3 a:visited        
{ 
	color: #4c98d2;
	text-decoration: underline; 
}

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

h3 a:active        
{ 
	color: #4c98d2;
	text-decoration: underline; 
}
*/

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

/*

h4 a:link        
{ 
	color: #666666;
	text-decoration: underline; 
}

h4 a:visited        
{ 
	color: #666666;
	text-decoration: underline; 
}

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

h4 a:active        
{ 
	color: #666666;
	text-decoration: underline; 
}
*/

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

.note a:link { 
	color: #666666;
	text-decoration: none; 
}

.note a:visited { 
	color: #666666; 
	text-decoration: none; 
}

.note a:hover { 
	color: #008ed5; 
	text-decoration: underline; 
}

.note a:active { 
	color: #666666; 
	text-decoration: none; 
}

/* 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:#666666
}
	
a.tablelink:visited {
	text-decoration: underline; color:#666666
}
	
a.tablelink:hover {
	text-decoration: none; color:#4c98d2
}
	
a.tablelink:active {
	text-decoration: underline; color:#666666
}
	
/* ---------------------------
             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;
}

/*


.button_bold {
	width:auto; 
	overflow:visible;	
	font-size: 13px;
	color: #999;
	text-align:center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:2px;
	padding-bottom:2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top:8px;
	margin-bottom:8px;
	font-weight: bold;
}

.button_fixed {
	width:auto; 
	overflow:visible;	
	font-size: 12px;
	color: #999;
	text-align:center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:2px;
	padding-bottom:2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top:8px;
	margin-bottom:8px;
	width: 200px; 
}

.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;
}

/* Use default text boxes

.formfield
{
	font-family: Arial, Tahoma, Verdana, Helvetica;
	font-size:13px; 
	background-color:#ffffff;
	margin-top:0px;
	margin-bottom:0px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 2px;
}

.formfield_required
{
	font-family: Arial, Tahoma, Verdana, Helvetica;
	font-size:13px; 
	background-color: #DDDDDD;
	margin-top:0px;
	margin-bottom:0px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 2px;
}

*/

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

table.form {
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	width: auto !important;
}

/* Ovrride Divi setting */

.entry-content tr td {
    padding: 2px 0;
}

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

/* Text boxes need one more pixel of padding than dropdowns for some reason */
input[type="email"], input[type="password"], input[type="tel"], input[type="text"], textarea {
	font-size: 14px !important;
    padding: 4px 8px !important;
	margin-right: 2px !important;
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}

/* Text boxes need one more pixel of padding than dropdowns for some reason */
select {
	font-size: 14px !important;
    padding: 4px 8px !important;
	margin: 2px 0 !important;
}

/* Format checkboxes */
div input[type="checkbox"] {
	margin-right: 8px;
}

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

table {
	margin-left: 0 !important;
	margin-right: 0px !important;
	margin-top: 0 !important;
	margin-bottom: 10px !important;
	border-collapse: collapse;
	border: 0 !important;
	font-size: 14px !important;
	width: auto !important;
}

/* 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;
}

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

table.listing {
	margin-bottom: 10px;
	width: auto !important;
}

table.listing td {
	padding: 2px 15px 2px 10px !important;
    vertical-align: top;
	font-size: 14px;
	border-top: 1px solid #cccccc !important;
	border-left: 0 !important;
	border-right: 0 !important;
}

table.listing th {
	padding: 2px 15px 2px 10px !important;
    white-space: nowrap;
    vertical-align: top;
	font-size: 14px;
	background: #cccccc;
	border-bottom: 2px solid #666666 !important;
	border-top: 2px solid #666666 !important;
}



/* Cursor pointer on buttons */
button[type="submit"], input[type="submit"], input[type="button"] {
	cursor: pointer;
}

/* Standard button. Should be within <p>. */

.button {
	font-size: 16px !important;
	text-align: center;
    margin: 0 7px 0 0 !important;
	padding: 6px 16px 6px 16px !important;
}

.form_button {
	font-size: 17px !important;
	text-align: center;
    margin: 0 7px 0 0 !important;
	padding: 6px 16px 6px 16px !important;
}

/* Inline button. Sized to match input field. */

.inline_button {
	font-size: 14px !important;
	text-align: center;
    margin: 2px 7px 2px 0 !important;
	padding: 3px 12px 3px 12px !important;
}

input.button_small, button.button_small {
	font-size: 15px;
	color: #444;
	text-align: center;
	margin: 2px 5px 2px 0;
	padding: 3px 9px;
}

/* For icons used for form submit */
.icon {
  /* background-image: url('/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 */	

/* Using default

.listing
{
	font-size:13px;
	margin-left:0px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:3px;
}

*/
	   
.note {
	/* color: #666666; */
	font-size: 13px;
	font-weight: normal;
	padding-left: 8px;
}

.button-note {
	/* color: #666666; */
	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 !important;
	font-weight: bold;
}
	
/* Not using prefix, red banner seems obvious enough.
.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 !important;
	font-weight: bold;
}
		

.banner_red {
    background: red;
    color: white;
    padding: 6px 15px !important;
	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;
}

.admin_access {
	font-style: italic;
	color: red;
	font-weight: normal;
}

/* For displaying Admin Access on account home page. */
.admin {
	color: red;
	background: yellow;
	padding: 6px 12px !important;
	font-weight: bold;
	margin-top: 8px;
}


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

/* 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;
}

/* Reduces text from statndar 15px <p> text */

.small {
	font-size: 13px;
	font-weight: normal;
}

/* 'smaller' is for listing pages where the <p> text is already 13px */
.smaller {
	font-size: 11px;
	font-weight: normal;
}
	
	
/* ------------------------------------ */
	
.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: #666666;
	}
	
.news_top {
	font-size: 13px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #666666;
	}
	
.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:#666666;
	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;
}

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

/* Table formatting (for table lines) */
/* Tags must be applied to the <td>, not the <tr> */

/* 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;
}

/* 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;
}

.table {
	margin-left: 0 !important;
	margin-right: 0px !important;
	margin-top: 10px !important;
	margin-bottom: 8px !important;
	color: #666666;
	border-collapse: collapse;
	border: 0 !important;
	border-top: 2px solid #666666 !important;
	border-bottom: 2px solid #666666 !important;
}

.table tr {
	border-bottom: 1px solid #CDCDCD;
}

/*
.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: #666666;
	}
	
.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:#666666;
	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:#666666;
	margin-top:4px;
	margin-bottom:4px; 
	margin-left:3px;
	margin-right:4px; 
}

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

.tabletext_heading_right
{
	font-size:13px; 
	font-weight:bold;
	color:#666666;
	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;
}
*/

/*
.entry-content tr td {
	margin: 0;
	padding: 0;
    vertical-align: middle;
	border: 0;
}
*/

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

table h1, table h2, table h3, table h4 {
    margin: 0 !important;
    padding: 4px 2px 3px 0 !important;
}

.right  {
	text-align: right;
}

.center  {
	text-align: center;
}

.white {	
    color:#FFFFFF;
}

.red {
	color:red;
}

.green {	
	color:green;
}

.black {	
    color: #000000;
}

.bold {	
	font-weight: bold;
}

.form_note {
	color: #666666;
	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;
}	

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

/* Must have size on bookmark icons or they display too small. */
.bookmark_medium {
	height: 20px;
	width: 13px;
}

/* Adjustments to the abstract title on the presentation page. */
.abstract_title {
	padding: 3px 0 12px !important;
}

/* End of MeetingTrakr Styles */