@import url(/style/shared/registration.css); 

/* FONT-FAMILY VARIABLES: Here are some font-family stacks to choose from: */
/* SANS-SERIF */
/* font-family: Arial, "Helvetica Neue", sans-serif; /* font-family: Arial, "Helvetica Neue", sans-serif; /* font-family: Arial, "Helvetica Neue", sans-serif; */
/* font-family: Tahoma, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; */
/* font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; */
/* font-family: Verdana, Geneva, sans-serif; */
/* SERIF */
/* font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; */
/* font-family: Cambria, Georgia, serif; */
/* font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; */
/* font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; */
/* MONOSPACED */
/* font-family: Monaco, Consolas, "Lucida Console", monospace;*/
/* font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; */

/* ROUNDED CORNERS are specified separately at the end of this stylesheet */

body {
	font-family: Arial, "Helvetica Neue", sans-serif;
	font-size: 10pt;
	color: #323232;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.clear {
	clear:both;
}
a:link {
	color: #0057a4;
}
a:visited, a:active, a:focus {
	color: #666666;
}
a:hover {
	color: #800000;
}

.reg_options h3.expand {
	cursor: pointer;
}
.reg_options h3.expand:after {
	content: '+';
	background-color:#f68a1e;
    color: #ffffff;
    content: "+";
    display: inline-block;
    float: right;
    height: 18px;

    text-align: center;
    width: 20px;
    box-shadow: 0 1px 3px rgba(249, 189, 84, 0.1), 0 1px 2px rgba(249, 142, 37, 0.2);
}
.reg_options h3.expand.open:after {
	content: '-';
}

.reg_options .submitArea input[type='submit'], .registration input[type='submit'], .registration input[type='button'], input[type='submit'] {
	background-color: #BC0916;
	color: white;
	border: none;
	padding: 10px;
	font-size: 1.1em;
	cursor: pointer;
	border-radius: 0;
	letter-spacing: initial;
	
}

.buttonArea input[type='submit'] {
	background-color: #666666;
	color: white;
	border: none;
	padding: 10px;
	font-size: 1.1em;
	cursor: pointer;
	border-radius: 0;
	letter-spacing: initial;
}

.reg_options .errorMessage {
	font-weight: bold;
	color: #1F4E83;
}

.reg_options i:hover span.description{
	cursor: pointer;
	margin-left: 0;
}


span.description {
	visibility: hidden;
	vertical-align: top;
    display: table-row;
    cursor: pointer;
    border: 1px solid #f68a1e;
    max-width: 40em;
    position: absolute;
    padding: 5px;
    background: #ffead6;
    margin-left: 5px;
	display: inline-block;
	font-family:'Open Sans', sans-serif;
	font-size: 12px;
	line-height:15px;
	border-radius: 5px;
	-webkit-box-shadow: 4px 4px 2px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 4px 4px 2px 0px rgba(50, 50, 50, 0.2);
box-shadow: 4px 4px 2px 0px rgba(50, 50, 50, 0.2);
color: black;

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

        span.description {
			display: none;
		}

    }
.reg_rolesetup label:hover span.description, .reg_options label:hover span.description, .reg_options i:hover span.description {
    visibility: visible;

}

.registration table tr td.sectionboxinstructions {
	background-color: #F2F2F2;
	padding: 0 10px;
}
h1{font-size: 1.5em;}

h2.profile{
background-color: #1F4E83;
color: white;
padding: 5px 8px;
margin: 0 auto;
font-size: 1.1em;

}

.refresh a{
background-color: #1F4E83;
text-decoration: none;
padding: 5px;
color: #fff;
}
.defaultdisplay .leftcolumn {
    float: left;
	width: 100%;
}

.rightcolumn {

    width: 100%;
    display: inline-block;

}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after,
.container_16:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12,
.container_16 {
  zoom: 1;
}

.clearboth {
	clear:both;
}

/* Navbar Styles
 *-----------------------------------------------------------------------------------------*/

.navbar {
	background: #ccc;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
	height: 47px;
  }
  .navbar ul {
    display: inline-block;
    margin: 0;
    padding: 0; }
    .navbar ul li {
      font-weight: bold;
      font-size: 1em;
      float: left;
      margin: 0;
      /* divider between navigation items */
      border-right-color: black;
      border-right-width: 1px;
      border-right-style: solid; }
      .navbar ul li a {
	    text-transform: uppercase;
        color: #fff;
        display: block;
        margin: 0;
        padding: 15px 15px; }
        .navbar ul li a:link, .navbar ul li a:active, .navbar ul li a:visited {
          color: #fff;
          display: block;
          margin: 0;
          padding: 15px 15px;
          text-decoration: none; }
        .navbar ul li a:hover {
          background-color: #ccc;
          color: #fff;
          text-decoration: underline; 
      }
          .navbar, .navbar ul, .navbar ul li, .navbar ul li a {
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			}


/* CP Page Styles
 *-----------------------------------------------------------------------------------------*/
body.cp {
	margin: 0;
	padding: 0;
}
.cp .cpwrapper {
	width: 90%;
	margin: 0 8px 4px 4px;
	padding: 5px;
}
.cp .steps, .cp .options, .cp .help, .cp .header {
	border:1px solid #ccc;
	margin:15px 0;
	padding: 0 10px 10px;
}
.cp .header {
	background-color:#c5daea;
	border:none;
}
.cp h2 {
	font-size:1.2em;
	color:#fff;
	background-color:#012248;
	padding: 5px 10px;
	margin:0 -10px 10px;
}
.cp h3 {
	background-color:#012248;
	margin:0 -10px 10px;
	padding: 5px 10px;
	color:#fff;
	clear: left;
}
.cp .acpLogin {
	margin-bottom: 10px;
}
.cp .acpLogin .acpPasswordID {
	float: left;
	width: 50%;
	text-align: right;
	margin-right: 5%;
	font-style: italic;
	font-weight: bold;
}
.cp .acpLogin .acpPasswordID_info {
	float: left;
	width: 40%;
	text-align: left;
}
.cp ol, .cp ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.cp li {
	list-style-type: none;
	margin-left: 0;
}
.cp li.panel {
	font-size: 12px;
	line-height: 12px;
	padding-top: 5px;
}
.cp li.panel img {
	margin-top: -5px;
}
.cp .options li.panel, .cp .help li.panel {
	padding-left: 0;
	margin: 0.5em 0 0 0;
}
.cp .help .fieldset {
	height: 20px;
}
.cp .steps .currentstep {
	font-weight: bold;
}
.cp img.donestep {
	padding-left: 0px;
	background-image: url(/static/img/actions/16x16/check.gif);
	width: 10px;
	height: 14px;
	background-repeat: no-repeat;
}
.cp img.currentstep {
	background-image: url(/static/images/arrow.gif);
	width: 9px;
	height: 17px;
	background-repeat: no-repeat;
}
/* end cp styles
 * ----------------------------------------------------------------------------------------*/



/* Instructions Page Styles
 *--------------------------------------------------------------------------------------*/
body.instructions {
	background-color:#fff;
	height:auto;
	margin: 0 10px 0 5px;
}
body.logo_banner {
	background-image:url('/img/shared/bannerback.png');
	background-repeat:repeat-x;
}

.eventSponsors img {
	width: 100%;
	height: auto;
}

.error {
	color: red;
	font-weight: bold;
}

.instructions .wrap {
	background-color:#fff;
	text-align:left;
}
.instructions .header {
	background-image:url("/img/shared/logo.png");
	background-repeat:no-repeat;
	height:120px;
	width:960px;
}
.instructions h1 {
	font-size:1.8em;
	color:#284177;
}
.instructions h2 {
	font-size:1.3em;
	color:#66a5d8;
	margin:15px 0 0 0;
	clear:left;
}
.instructions h3 {
	background-color:#012248;
	margin:0 -10px 10px;
	padding: 5px 10px;
	color:#fff;
}
.instructions p {
	margin:10px 0;
}
.instructions .labels {
	font-weight:bold;
}
.instructions .details {
	margin:10px 0 0 0;
}

.instructions .sidebar {
	border:1px solid #ccc;
	margin:15px 0;
	padding: 0 10px 10px;
}
.instructions .colorbkg {
	background-color:#c5daea;
	border:none;
}
.instructions .register a {
	display:block;
	background-color:#880100;
	padding:5px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	text-transform: uppercase;
	width:50%;
	border-style:solid;
	border-width:2px;
	border-top-color: #CCC;
	border-left-color: #999;
	border-right-color: #666;
	border-bottom-color: #333;
}
.instructions .register a:hover {
	background-color:#a74546;
}
.instructions .sidebar .labels, .instructions .sidebar .info {
	float:left;
}
.instructions .sidebar .labels {
	width:20%;
	margin:0 2% 0 0;
}
.instructions .sidebar .info {
	width:75%;
}
.instructions .content {
	margin:15px 0;
	padding:10px;
	border:1px solid #ccc;
}
.instructions .deadline .labels, .instructions .deadline .info {
	float:left;
	margin: 0 0 10px 0;
}
.instructions .deadline .labels {
	width:56%;
	margin:0 2% 0 0;
}
.instructions .deadline .info {
	width:35%;
}
.instructions .content ul {
	list-style: disc;
	margin:0 25px;
}
.instructions .content li {
	margin: 10px 0;
}
.instructions .tabdata {
	margin:10px 0 0 0;
}

/****************************************
 * Expand / Collapse Steps
 ****************************************/
.instructions #categories {
  list-style-type: none;
  margin: 0;
  padding: 0; }
.instructions #categories li {
  list-style-type: none;
  margin: 0;
  padding: 0; }
.instructions #categories li li{
  list-style-type: disc;
  margin: auto;
  padding: auto; }
.instructions #categories a {
  text-decoration: none;
  display: inline-block;
  padding: 3px 5px; }
.instructions #categories .collapse a {
  display: inline;
  padding: 0;
 }
.instructions #categories p.switch {
  margin: -1em 0 0.5em 0;
  text-align: right; }
.instructions #categories div.collapse {
  margin: 0 0 10px 10px; }
.instructions #categories h2 {
  width: 100%; }
.instructions #categories .expand a {
  display: block;
  background-color: #c5daea;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid;
  background-repeat: no-repeat; }
  .instructions #categories .expand a:link, .instructions #categories .expand a:visited {
    background-image: url("/static/img/arrow-down.gif");
    background-position: 98% 50%; }
  .instructions #categories .expand a:hover, .instructions #categories .expand a:active, .instructions #categories .expand a:focus {
    text-decoration: underline;
    outline: 0 none; }
  .instructions #categories .expand a.open:link, .instructions #categories .expand a.open:visited {
    background-image: url("/static/img/arrow-up.gif");
    background-position: 98% 50%; }

/* end Instructions Page Styles */

/* ROUNDED CORNERS */

	/* ALL 4 Rounded corners */



	/* Top corners only rounded */



/* END ROUNDED CORNERS */

/*************************
* REGISTRANT PAGE STYLES *
*************************/

.registrants ol#steps h2.expand {
	padding:5px 10px;
	background-color:#ccc;
	font-size:1.3em;
}
	.registrants ol#steps div.collapse {
		margin:0px 10px;
		padding:5px;
	}
	.registrants ol#steps ol#substeps h3.expand {
		background-color:#ddd;
		padding:5px 10px;
		font-size:1.2em;
		margin:5px 0 0px 0;
	}
	.registrants ol#steps ol#substeps div.collapse {
		border:1px solid #ddd;
		border-top:0;
	}

/* RF Table Styles */

.registration table.groupitems {
	width: auto;
}

table.people {
	border:1px #ccc solid;
	border-spacing:0;

}

table.people th {
	background-color:#CCC;
	border:none;
	padding:5px 10px;
	margin:0;

}

table.people th h3 {
	margin:0;
	padding:0;
}

table.people td {
	text-align:center;
	padding:5px 10px;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
}

/***********************
* Demographics Styles  *
***********************/
.reg_rolesetup {
	width: 97%;
	margin: 0 auto;
	padding:0;
}

.reg_rolesetup h3 {
    font-size: 1.1em;
    margin: 1em 0 0;
    padding: 0;
}
.reg_rolesetup span.note{
	font-style: italic;
	color: #575757;
}
h3.singular {
	font-size: 1.3em;
	padding: 5px 10px;
	margin: 0;
	background-color: #ccc;
	font-weight: normal;
}
.reg_rolesetup h2.mainhead{
	margin: 20px 0;
	padding: 0;
}
.reg_rolesetup .columns {
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
}
.reg_rolesetup .section{
	padding: 0 5px 25px;
	margin: 5px 0;
}

span.info {
	background-color: #EFEFEF;
    border: 1px solid #DDD;
	margin: .5em auto;
    display: block;
	padding: .25em .5em;
  }

.reg_rolesetup h2.head {
	background-color: #0006ff;
	color: white;
	padding:5px 10px;
	margin:-10px -10px 10px;
	font-size: 1.3em;
	font-weight: normal;
	text-transform: uppercase;
}

.reg_rolesetup h3.total {
	font-size:1.5em;
	border:1px #ccc solid;
	padding:15px;
	background-color:#ccc;
}
.reg_rolesetup div.sectionbox {
	border:1px #999 solid;
	padding:10px;
	margin-bottom:15px;
}

	.reg_rolesetup div.sectionbox .multiple .item h3 {
		font-size:1.3em;
		padding:5px 10px;
		margin:-10px -10px 10px;
		background-color:#ccc;
		font-weight: normal;
	}
.reg_rolesetup div.sectionboxinstructions {

	margin-bottom:15px;
	background-color: #fff;
	border: none;
	padding: 0;
	margin-bottom: 0;
}
.reg_rolesetup .buttonArea input[type='submit'] {
	background-color: #666666;
	color: white;
	border: none;
	padding: 10px;
	font-size: 1.1em;
	cursor: pointer;
	float: right;
}
.reg_rolesetup .buttonArea {
	margin-top: 25px;
	border-top: 1px solid #ccc;
}

.reg_rolesetup div.sectionboxinstructions .error {
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	color:#FF0000;

	padding:15px 15px 0;
}

.reg_rolesetup div.sectionboxinstructions div.singular {
	margin-top:15px;
}

.reg_rolesetup div.sectionboxinstructions div.item div.option input, .reg_rolesetup div.sectionboxinstructions div.item div.option label {
	float:left;
}

.reg_rolesetup div.sectionboxinstructions div.item div.option input {

	text-align:left;
}
.reg_rolesetup div.sectionboxinstructions div.item div.option label {
	width:90%;
}

.reg_rolesetup div.sectionboxinstructions div.item div.option label h3, .reg_rolesetup div.sectionboxinstructions div.item div.option label p {
	margin:2px 0 10px 0;
	padding:0 0 0 10px;
}
.reg_rolesetup .hide{
	display: none;
}

.errormsg {
    border-radius: 4px;
    padding: .25em .5em;
    margin: 1em auto;
    display: inline-block;
    width: auto;
    background-color: #fcf3f3;
    border: 1px solid #dd0000;
    color: #dd0000;
}	
.reg_rolesetup .pageheader h2.mainhead{
	display: none;
}

.reg_rolesetup .policydetails{
border: 1px solid #ccc;
padding: 1px 10px 10px;
border-radius: 10px;
background: #d8d8d8;

}
.policydetails p{
	color: #323232;
	margin:10px 0 5px;
	text-transform: uppercase;
	
}

.ui-dialog .ui-widget .ui-widget-content .ui-corner-all .ui-draggable .ui-resizable {top: 100px!important;}
.limit {
		color:red;
		}

.peoplePage #nextstep, .reg_options .buttonArea input[type='submit']{
    position: absolute;
    right: 5px;
}
.reg_options .buttonArea p.total{
float: left;}
.peoplePage #nextstep.individual {
	margin-top: 310px;
}

.peoplePage #nextstep.group {
	margin-top: 40px;
	border-top: 1px solid #ccc;
}
.peoplePage #nextstep.group .buttonArea{
	border:0;
}
.peoplePage #nextstep.group, .reg_options .buttonArea input[type='submit']{
	position: initial;
}
.peoplePage .buttonArea input[type='button'] {
	background-color: #666666;
	color: white;
	border: none;
	padding: 10px;
	font-size: 1.1em;
	cursor: pointer;
display: inline-block;
}

.peoplePage  input[type='button'] {
	background-color: #666666;
	color: white;
	border: none;
	padding: 10px;
	font-size: 1em;
	cursor: pointer;
	

}		

/***********************************
* Registration Role Setup Styles (new columns instead of tables)
***********************************/

body.reg_rolesetup section ul {
	max-width:60em;
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	}
	body.reg_rolesetup section ul li {
		-webkit-column-break-inside:avoid;
		-moz-column-break-inside:avoid;
		-o-column-break-inside:avoid; 
		-ms-column-break-inside:avoid;
		column-break-inside:avoid;
		clear: left;
		vertical-align: top;
		}
		body.reg_rolesetup section ul li input[type="checkbox"] {
			margin: 2px 5px 8px ;
			padding: 0;
			width: auto;
			display: inline-block;
			vertical-align: top;
			
			}
		body.reg_rolesetup section ul li label		{
			width: 85%;
			margin-left: 0;
			display: inline-block;
			vertical-align: top;
			}
			
@media only screen and (max-width: 720px) {
		body.reg_rolesetup section ul li input[type="checkbox"] {
			margin: 0 2px 10px ;
			width: 10%;
			}
		body.reg_rolesetup section ul li label		{
			width: 80%;
			}
	}

/**********************************
* Registration Options 
***********************************/
.reg_rolesetup p.total {
	width: 20%;
	border: 1px solid #999;
	font-size: 1.2em;
	background-color: #ee3124;
	color: #FFFFFF;
	padding: 5px;
	margin: -8px 2px 8px 0;
	text-align: center;
}
.reg_options .option:hover{
	background-color: #ccc;
	width: max-content;
	max-width: 99%;
}

h2.mainhead{
	font-size: 1.1em;
	
	}
.reg_options p.total {
	color: #ee3124;
	font-size: 1.8em;
	float: left;
	margin: 0;

}
.reg_options .submitArea {
	border-top: 1px solid #ccc;
}
.reg_options .submitArea input[type='submit'] {
	background-color: #5D196A;
	color: white;
	border: none;
	padding: 10px;
	font-size: 1.1em;
	cursor: pointer;
	float: right;

}
/* Group registration items */
div.group.sectionbox {

	padding:10px;
	margin-bottom:15px;
	border:none;
	
	}
	div.group.sectionbox .multiple .item h3, .quantityselect h3{
		background-color: #0006ff;
		color: white;
		padding:5px 10px;
		margin:-10px -10px 10px;
		font-size: 1.3em;
	
	}


/* Registration styles from RF Styles */
.registration .clear {
    clear: both;
}
.registration h3.print {
    display: none;
    margin-left: -9999px;
    position: absolute;
}
.payprice {
    text-align: right;
}
div.registration p.reg_name {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}
div.registration p.withdrawn {
    border: 2px solid #000;
    color: #000;
    font-weight: bold;
    padding: 10px;
    text-transform: uppercase;
}
div.registration table.items {
    width: 100%;
    margin: 10px 0;
}
div.registration table.items th, table.items .line {
    text-align: left;
}
div.registration div.sectionheader {
    font-size: 14px;
    font-weight: bold;
}
.registration table.sectionboxtable {
    clear: both;
    margin: 1em 0;
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
}

.registration table.sectionboxtable td, .registration table.sectionboxtable th {
     padding: 4px;
     border: 1px solid #DDD;
}

.registration table.sectionboxtable th {
    font-size: 14px;
    font-weight: bold;
}
.registration table.sectionboxtable th.sectionboxheader {
    background-color: #0006ff;
    color: #fff;
}
.registration table.sectionboxtable .sectionboxinfo {
    background-color: #eee;
}

.registration .registrationpeople img, .registration.registrationpeople img {
    display: none;
    margin-left: -9999px;
    position: absolute;
}
table.people td.personcell div.error {
    margin: 2px auto;
}
.registration .printbadge .printbutton{
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    color: #FFF;
    background-color: #DE540D;
    padding: 5px 8px;
    margin: 0.8em 1em 0.4em 0;
	border: none;
    text-decoration: none;
    -moz-border-radius: 6px;
    border-radius: 6px;
	float: left;
	}
.registration .printbadge ul{display: none;}
 a.alertbutton:link, a.alertbutton:active, a.alertbutton:visited, a.alertbutton:focus, a.alertbutton:hover {
    background-color: #ee3124;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0.4em 1em 0.4em 0;
    padding: 5px 8px;
    text-decoration: none;
}
a.alertbutton:link, a.alertbutton:active, a.alertbutton:visited, a.alertbutton:focus, a.alertbutton:hover {
    font-size: 1em;
    margin: 0.2em 1em 0.2em 0;
    padding: 3px 8px;
}

@media print {

	.registration .printbadge, .registration .printbutton, .noprint {
	    display: none;
	}
	.registration h3.print {
	    display: block;
	    margin: 0;
	    position: relative;
	}
	.sectionboxtable td, .sectionboxtable th, table.people td, table.people th, .sectionboxtable td.sectionboxheader, table.people th, .sectionboxtable th.sectionboxheader, table.people tr.sectionboheader th.personcell, table.people tr.sectionboxheader td.personcell, .unreceivedtable td.sectionboxheader, .unreceivedtable th.sectionboxheader, td.sectionboxinfo, th.sectionboxinfo, td.sectionboxinstructions .registration .sectionboxheader th.personcell h3, .registration tr.header, .registration .sectionboxheader th.personcell, .registration table.sectionboxtable th.sectionboxheader {
	    background-color: #fff;
	    border: 1px solid #999;
	    color: #000;
	}
}

.registration table.sectionboxtable .sectionboxinfo.currentPending, .registration table.sectionboxtable td.currentPending {
    background-color: #0006ff;
    color: #ffffff;
}



/* Badge on receipt page */
.badge {
	font-size:16px;
	font-family:Arial, sans-serif;
	border: 1px solid #DDD;
}
.column1 {
	width:10cm;

}
.column2 {
	padding: 0 0.3cm 0 0.3cm;
	width:9cm;
}
.column1, .column2, .reg_type, .reg_fee, .fee, .total_paid, .paid, .balance_due, .balance, .id_num, .name_sm {
	float:left;
}
.row {
	height:4.5cm;
	/*border-bottom:1px #000 dotted;*/
}
.first_name, .title {
	padding-top:.7cm;
}
.first_name {
	font-size:30px;
	text-align:center;
	font-weight:bold;
	
}
.last_name {
	font-size:24px;
	text-align:center;
}
.affiliation, .address, .reg_option {
	font-size:20px;
	text-align:center;
}
.code_image {
	height:1.5cm;
	width:6cm;
	border:1px #000 solid;
	margin: 5px auto;
}
.title {
	font-weight:bold;
	text-align:center;
	padding-bottom:15px;
}
.reg_type {
	width:4cm;
}
.reg_fee, .total_paid, .balance_due {
	width:2.5cm;
	text-align:right;
}
.fee, .paid, .balance {
	width:2.2cm;
	text-align:right;
}
.total_paid, .balance_due {
	padding-left:4cm;
}
.balance_due {
	font-weight:bold;
}
.instructions {
	padding: 10px 10px 10px 10px;
}
.name_sm {
	float:left;
	font-weight:bold;
	padding-left:30px;
}
.id_num {
	float:right;
	font-weight:bold;
	padding-right:30px;
}
.clear {
	clear:both;
}

/* Group people temporary setup */
.personList {
	list-style-type: none;
	margin: 0 ;
	padding: 0;
	border: 1px solid #DDD;
	margin-top: 20px;

}
.personList li {
	border-bottom: 1px solid #DDD;
	padding: .25em .5em;
	display: grid;
	grid-template-columns: 5% 40% auto;
}
.personList li:last-child {
	border-bottom: none;
}

.personList li .completed {
	color: #02A68D;
}
.personList li .incomplete {
	color: red;
}

.badge{
font-size: 20px;
font-family: Arial, sans-serif;
border: 1px solid #DDD;
width: 10cm;
text-align: center;
margin: 0 auto;
min-height: 6.5cm;
-webkit-box-shadow: 4px 4px 2px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 4px 4px 2px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 4px 4px 2px 0px rgba(50, 50, 50, 0.2);
margin-top: 5px;
}	

.badge img {
width: 10cm;
}
.badge.header {
display:none;
}
.badgeheading {
font-size: 12pt;
color: #717175;
padding: 3px 0;
width: 10cm;
text-align: center;
margin: 5px auto;
}
.badgecontainer{
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}
.onlyPrint{
	display: none;
}

@media print {

  @page { margin: 0; }
  body{ margin: 1cm; }

	.onlyPrint {
		display: block;
	}

	.onlyPrint img {
		width: 100%;
	}
	.registration .printbadge, .registration .printbutton, .noprint {
	    display: none;
	}
	.registration h3.print {
	    display: block;
	    margin: 0;
	    position: relative;
	}
}