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

 /* to keep */
 
.logo_banner .banner{
	max-width: 1350px;
	margin: 5px auto 10px;
}

.registration_call .header {
	height:unset;
	width: unset;
}

.registration_call .callbanner img{
	width:450px; 
	margin: 10px 0;
}

 span.next, span.prev, .reg_rolesetup  input[type="submit"]{
	background-color:#017DC5;
}
.reg_options .itemDetails{
	color: #2a2a2a;
	font-size: 13px;
}
 .reg_options p.total {
    color: #0d99d6;
}

div.group.sectionbox .multiple .item h3, .quantityselect h3{
	background-color:#0D99D6;
	color: #ffffff;
	border-bottom: .5px solid;
}

.reg_options h2.mainhead{
	display: none;
}

.reg_rolesetup h3, .reg_options h3 {
	font-size: 1.1em;
}
.reg_options .header h3 {
	background-color: #ffffff;
	border:none;
	color: #3F4B97;
	padding:10px;
	border: 1px solid #ddd;
	box-shadow: 0 5px  5px 0 #ddd;
	font-style: italic;

}

.reg_rolesetup div.sectionbox.group, .reg_options div.sectionbox.group {
	border: none;
	padding:10px;
	border: 1px solid #ddd;
	box-shadow: 0 5px  5px 0 #ddd;

}

.submitArea input[type="submit"] {
    background-color: #017DC5;
}

body.logo_banner img{
	max-width:430px;
	margin: 10px 120px;
}

.banner.hillday img{
	max-width: 250px;
	margin-left: 50px;
}
.badge img.hillday{
	width: 5cm;
	margin: 5px 0;
}
span.description {
	visibility: hidden;
	vertical-align: top;
    display: table-row;
    cursor: pointer;
    border: 1px solid #f68a1e;
    max-width: 30em;
	margin-right: 5px;
    position: absolute;
	display: inline-block;
    padding: 5px;
    background: #ffead6;
	font-family:'Open Sans', sans-serif;
	font-size: 1em;
	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);

}

.registrationdefaultdisplay .badge img {
    width: 7cm;
	padding-top: 5px;
}

.registrationdefaultdisplay .badge img.hillday {
    width: 4cm;
}

.registrationdefaultdisplay .badge .first_name {
    padding: 0;
}

.reg_rolesetup select {
	border: 1px solid #CCC;
	padding: 0;
}

.reg_rolesetup  input[type="submit"]  {
	margin-left: 40%;
}

 /* end to keep */
 
 
 
 
body.registration_call{  font: normal 14px'Open Sans',calibri, tahoma, verdana, sans-serif!important;
  color: #333;
  margin: 0;
  padding: 0;}

  
body {
	font-family: Arial, "Helvetica Neue", sans-serif;
	font-size: 12px;
}

H1 {
    font-size: large;
	color: #292A63;
	margin: 0;
}




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

.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.clear {
	clear:both;
}
a:link {
	color: #0057a4;
}
a:visited, a:active, a:focus {
	color: #553592;
}
a:hover {
	color: #800000;
}

.maincontainer {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	justify-content: space-between;
	max-width: 1090px;
	width: 100%;
	margin: 0 auto;
    margin-top: 15px;
}


.leftAside {
	box-sizing: border-box;
	width: 30%;
}

.rightAside {
	box-sizing: border-box;
	width: 70%;
	margin-right: 50px;
}

.cp h2, .cp h3, .registration_call h3, .instructions h3,
.cp .steps, .cp .options, .cp .help, .cp .header, .registration_call .sidebar, .registration_call .register a, .registration_call .content, .instructions .sidebar, .instructions .register a, .instructions .content {
	border-radius: 0;
}
/*************************
* 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  *
***********************/

h3.singular {
	font-size: 1.3em;
	padding: 5px 10px;
	margin: 0;
	background-color: #ccc;
	font-weight: bold;
}

.reg_rolesetup {
	padding:15px;
}
.reg_rolesetup h2 {
	font-size:1.5em;
	margin-bottom:10px;
}
.reg_rolesetup h3.total {
	font-size:1.5em;
	border:1px #ccc solid;
	padding:15px;
	background-color:#ccc;
}
.reg_rolesetup h4 {
margin-bottom: 5px;
margin-top: 20px;
font-size: 1em;
}

.reg_rolesetup .note {
font-weight: normal;
font-style: italic;
}

.reg_rolesetup div.sectionbox {
    /*border:1px #999 solid;
    padding:10px;*/
    margin-bottom:15px;
}

    .reg_rolesetup div.sectionbox .item h3 {
        font-size:1.3em;
        padding:5px 10px;
        margin:-10px -10px 10px;
        background-color:#ccc;
    }
	   .reg_rolesetup div.sectionbox .header h3 {
        font-size:1em;
        padding:5px 10px;
        margin:0;
        background-color:white;
		border:1px #999 solid;
		font-weight: normal;
		margin-bottom:25px;
    }
	
.reg_rolesetup div.sectionboxinstructions {
    background-color:#CCC;
    border:1px #999 solid;
    padding:5px 15px;
    margin-bottom:15px;
}

.reg_rolesetup div.sectionboxinstructions .error {
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	color:#FF0000;
	border:1px #ccc solid;
	background-color:#ccc;
	padding:15px;
}

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


.limit {
		color:red;
		}	

label:hover {
	background-color: #ccc;
}



label:hover span.description {
    visibility: visible;

}
/***********************************
* 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: 0 5px 10px ;
			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: auto;
			}
		body.reg_rolesetup section ul li label		{
			width: 80%;
			}
	}

.reg_rolesetup  div.sectionbox, .reg_options div.sectionbox {
	border:none;
	padding: 0;
	
}

.reg_rolesetup div.sectionbox .item .singular, .reg_options div.sectionbox .item .singular{
	font-size:1.1em;
	padding:5px 10px;
	margin:-10px -10px 10px;
	background-color:#eee;
}



.reg_rolesetup #NurseTypeRoleDetail ul {
	-webkit-columns: 2;
	-moz-columns: 2;
	-o-columns:2; 
	-ms-columns:2;
	columns:2;
}		
.reg_rolesetup  .container {
	width: 95%;
	margin: 0 auto;
	}
	
.reg_rolesetup  ol,.reg_rolesetup  ul {
	list-style-type: none;
	}
.reg_rolesetup li {
	padding: .25em 0;
	}
	
.reg_rolesetup .columns {
	-moz-columns: 2;
	-webkit-columns: 2;
	columns: 2;
	}
.reg_rolesetup .columns.three {
	-moz-columns: 3;
	-webkit-columns: 3;
	columns: 3;
	}
.reg_rolesetup .columns.four {
	-moz-columns: 4;
	-webkit-columns: 4;
	columns: 4;
	}
.reg_rolesetup ul.questions {
	clear: both;
	float: none;
}

.reg_rolesetup ul.questions > li {
	display: none;
	}
	.reg_rolesetup ul.questions > li.active {
		display: list-item;
		}
	
.reg_rolesetup ul.questions > li > ul {
	margin: 1em 0;
	border: 1px solid #CCCCCC;
	padding: .75em;
	}
	
.reg_rolesetup section input#submit {
	display: none;

	}
	
.reg_rolesetup .buttonArea {
	margin: 0 auto;
	}



span.next  {
float: right;
}

.reg_rolesetup .save {
margin: 0 auto;
display: block;}



.reg_rolesetup div.sectionboxinstructions {
display: none;
}


.reg_rolesetup .labeltext {
/*font-weight: bold;*/
font-size: 1.1em;
}
.reg_rolesetup .heading {
font-weight: bold;
font-size: 1.2em;
}
.reg_rolesetup h2.heading  {
font-weight: bold;
font-size: 1.4em;
}
.reg_rolesetup #summary .label {
font-size: 1.1em;
font-weight: bold;
}
.reg_rolesetup #summary .label.required {
color: #F53F5B;
}
.reg_rolesetup #summary .answer {
background-color: #CCC;
border: 1px solid #666;
margin-left: 1em;
}
.reg_rolesetup #errorSection {
display: none;
}

.reg_rolesetup #errorSection {
font-size: 1.2em;
color: #FFFFFF;
margin: .5em 0 0 0;
padding: .25em;
background-color: #F53F5B;
font-weight:bold;
display: inline-block;
width: auto;
border-radius: 4px;
}

.reg_rolesetup input[type="submit"] {
	display: none;
}
.reg_rolesetup li.label.required.incomplete {
	border: 3px solid #EB5055;
	padding: 2px;
}
.need {background-color: yellow;}
/**********************************
* Registration Options 
***********************************/
.reg_options{
	width: 85%;
	margin: 0 auto;
}


.reg_options .errorMessage {
font-size: 1.2em;
color:#0076B6;
font-weight: bold;
}

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

    text-align: center;
    width: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.reg_options h3.toggle.open:after {
	content: '-';
}
/* Group registration items */
div.group.sectionbox {
	border:1px #999 solid;
	padding:10px;
	margin:10px 0;
	border-radius: 5px;
	}

/* Quantity Selection */
.quantityselect{
	max-width: 900px;
    min-width: 370px;
    width: 95%;
	border:1px #999 solid;
	padding: 10px;
	margin-top:10px;
	}
.quantityselect:before, .quantityselect:after {
	 content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
table.people td{
font-size: 10pt;
background-color: white;
font-family: Calibri;
}
table.people th{
font-size: 10pt;

font-family: Calibri;
}
.quantityselect:after {
	clear:both;
	}
.quantityselect ul {
	width: 100%;
	padding-left: 0px;
	}
.quantityselect ul li {
	display: inline-block;
	float: left;
	margin: 0px 10px;
	}

.quantityselect ul li:first-child {
	width: 50%;
	}
	.quantityselect ul li:last-child {
		width: 10%;
		}
		
.quantityselect ul.heading li {
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	margin-bottom:8px;
	}

.quantityselect ul.regItem li {
	padding: 5px 0;
	
	}
	
	.quantityselect ul.regItem li.deadline {
		display:none;
	}
	
	.quantityselect ul.regItem li:last-child {
		padding-left: 12px;

	}

	
.quantityselect ul.header {
	float:left; 
	font-weight: bold; 
	font-size:1.1em;
}
.quantityselect ul.header li{
	width:90%;
	border-bottom:1px solid black; 
	margin-bottom:-8px;
		margin-top:-8px;
}


.registration_call .content {
	border: none;
}

.registration_call h3 {
    background-color: #003366;
    margin: 0 -10px 10px;
    padding: 5px 10px;
    color: #fff;
}

.registration_call h2{

    padding: 5px 0;

}

.registration_call .register a {
    display: block;
    background-color: #EE333E;
    padding: 5px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    width: 50%;
    border: none;
    border-radius: 8px;
}

.sidebar div {
    margin: 10px 0;
}

.sidebar .imageContainer {
    text-align: center;
}
.registration_call h1 {
    font-size: 1.8em;
    color: #284177;
	margin: 15px 0 20px;
}
  
  .registration_call table td{border: none; padding: 3px 0;}
  .registration_call table {border: none;}
  
/****************************************
 * Expand / Collapse Steps
 ****************************************/
 .registration_call .content ul li {
    list-style-type: disc;
  margin: 0 40px;
  padding: auto;
}
 .registration_call #categories .collapse p{margin: 10px 0;}
 .registration_call .content p{margin: 10px 0;}
.registration_call #categories {
  list-style-type: none;
  	margin: 5px 0 30px;
  padding: 0; }
.registration_call #categories li {
  list-style-type: none;
  margin: 0;
  padding: 0; }
.registration_call #categories li li{
  list-style-type: disc;
  margin: 0 40px;
  padding: auto; }
.registration_call #categories a {
  text-decoration: none;
  display: inline-block;
  padding: 3px 5px; }
.registration_call #categories .collapse a {
  display: inline;
  padding: 0;
  text-decoration: underline;
 }
.registration_call #categories p.switch {
  margin: -1em 0 0.5em 0;
  text-align: right; }
.registration_call #categories div.collapse {
  margin: 0 0 10px 10px; }
.registration_call #categories h2 {
  width: 100%;
font-size: 1.3em;  }
.registration_call #categories .expand a {
  display: block;
  background-color: #c5daea;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid;
  background-repeat: no-repeat; }
  .registration_call #categories .expand a:link, .registration_call #categories .expand a:visited {
    background-image: url("/static/img/arrow-down.gif");
    background-position: 98% 50%;
    color: #003366;
    border: none; }
  .registration_call #categories .expand a:hover, .registration_call #categories .expand a:active, .registration_call #categories .expand a:focus {
    text-decoration: underline;
    outline: 0 none; }
  .registration_call #categories .expand a.open:link, .registration_call #categories .expand a.open:visited {
    background-image: url("/static/img/arrow-up.gif");
    background-position: 98% 50%; }
	
.registration_call #categories table {
	border-collapse: collapse;

}
.registration_call #categories tr td h2{
color: #ffffff;
background-color: #003366;
border-radius: 8px 8px 0 0;
padding: 2px;
font-size: 1.1em;
}	
.registration_call #categories tr td.event a{
padding: 0;
}	

.registration_call #categories h4 {
 margin: 20px 0;  }
.registration_call #categories tr td{
vertical-align: top;
padding: 8px 5px;
}	

.registration_call #categories tr td .time{
font-size: 1.2em;

color: #3F4B97;
}	

/* end Registration Call Page Styles */


@media (max-width: 680px) {
    .maincontainer {
        flex-direction: column;
    }

    .leftAside, .rightAside {
        width: 95%;
        margin: 0 auto;
    }

}	

.rightAside {
	margin-left: 5px;}
	
	
/* 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;
	height: 20px;
}
.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
 * ----------------------------------------------------------------------------------------*/
 
 	.cp .steps,
	.cp .options,
	.cp .help,
	.cp .header,
	.registration_call .sidebar,
	.registration_call .register a,
	.registration_call .content,
	.instructions .sidebar,
	.instructions .register a,
	.instructions .content  {
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
	}

	/* Top corners only rounded */

	.cp h2, .cp h3 {
		border-top-right-radius:10px;
		border-top-left-radius:10px;
		-webkit-border-top-right-radius:10px;
		-webkit-border-top-left-radius:10px;
		-moz-border-top-right-radius:10px;
		-moz-border-top-left-radius:10px;
	}
a.login:link{
padding:5px 20px auto;
color: white;
max-height: 25px;
min-width: 40px;}

.instructions {
    min-width: 375px;
    max-width: 80%;
}

.instructions p {
    font-size: 1.12em;
}

.instructions ul {
    background-color: #E6E8EA;
    padding-top: 5px;
    padding-bottom: 5px;
}

.instructions li {
    padding-bottom: 3px;
    padding-top: 3px;
    margin-left: -12px;
}

.groupinstructions {
border: 1px solid #292A63;
padding: 5px;
max-width:1000px;
font-weight: bold;
background-color: #E9EBEA;
margin-bottom: 25px;
}

/* 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: 90%;

}
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: 90%;
    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: #999;
    color: #fff;
}
.registration table.sectionboxtable .sectionboxinfo {
    background-color: #eee;
}
.reg_rolesetup h3 {
    font-size: 1em;
    margin: 1em 0 0;
    padding: 0;
}

table.people td.personcell div.error {
    margin: 2px auto;
}
.registration .printbadge .printbutton, a.alertbutton:link, a.alertbutton:active, a.alertbutton:visited, a.alertbutton:focus, a.alertbutton:hover {
    background-color: #cc0000;
    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: #0f64a5;
    color: #ffffff;
}

.name {min-width:25%;
display:inline-block;
border: none;
background-color: none;
}