@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 */

.reg_rolesetup .columns {
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
	list-style: none;
}

body {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 14px;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.clear {
	clear:both;
}
a:link {
	color: #009fe3;
}
a:visited, a:active, a:focus {
	color: #009fe3;
}
a:hover {
	color: #009fe3;
	text-decoration: underline;
}

	input[type="submit"], input[type="button"], button[type="button"]{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 8px;
  border-color: #3498db;
  font-family: Arial;
  color: #ffffff;
  padding: 5px 10px;
  text-decoration: none;
}
input[type="submit"]:hover, input[type="button"]:hover{
	cursor: pointer;
	  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
/* `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;
}

/* 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:#CCCCCC;
	border:none;
}
.cp h2 {
	font-size:1.2em;
	color:#fff;
	background-color:#005599;
	padding: 5px 10px;
	margin:0 -10px 10px;
}
.cp h3 {
	background-color:#005599;
	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
 * ----------------------------------------------------------------------------------------*/


/* Registration Call Page Styles
 *--------------------------------------------------------------------------------------*/
body.registration_call {
	background-color:#CCCCCC;
}
body.logo_banner {
	background-image:url('/img/shared/bannerback.png');
	background-repeat:repeat-x;
}
.registration_call table tr td{
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
.registration_call b.heading{
	font-size: 1.1em;
}
.registration_call  .fees li:before{
	content: "";
    line-height: .9em;
    width: .4em;
    height: .4em;
    background-color:#f28c00;
    float: left;
    margin: .4em -.8em 0;
    border-radius: 50%;
}
.registration_call  ul.fees.reg li {
	padding-bottom: 10px!important;

}
.registration_call  ul.fees li{
	list-style: none!important;

}

.registration_call .subhead{
	padding: 3px;
border-bottom: solid 1px #FF9940;
	font-weight: bold;
	font-size: 1.3em;
}
.registration_call .wrap {
	background-color:#fff;
	width: 90%;
	min-width: 1000px;
}
.registration_call .main{
	width: 95%;
	margin: 0 auto;
}
.registration_call .header {
    color: #FFF;
    text-transform: uppercase;
	font-size: 2.3em;
    font-weight: normal;
    font-family: "Lato",sans-serif;
    margin: 0;
	height: auto;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	
}

body.registration_call .mainhead{
	background-color: #F28C00;
	padding: .6em;
}



.registration_call .header a {
	display: block;
	padding: 90px;
}

.registration_call h1 {
	font-size:1.8em;
	color:#f28c00;
}
.registration_call h2 {
	font-size:1.3em;
	color:#66a5d8;
	margin:15px 0 0 0;
	clear:left;
}
.registration_call h3 {
	background-color:#009fe3;
	margin:0 -10px 10px;
	padding: 5px 10px;
	color:#fff;
}
.registration_call p {
	margin:10px 0;
}
.registration_call .labels {
	font-weight:bold;
}
.registration_call .details {
	margin:10px 0 0 0;
}

.registration_call .sidebar {
	border:1px solid #ccc;
	margin:15px 0;
	padding: 0 10px 10px;
}
.registration_call .colorbkg {
	background-color:#CCCCCC;
	border:none;
}
.registration_call .register a {
	display:block;
	background-color:#f28c00;
	padding:5px;
	text-align:center;
	color:#fff;
	font-weight: bold;
	text-decoration:none;
	text-transform: uppercase;
	width:50%;
border-top-color: #F9D2AB;
border-left-color: #f9b16b;
border-right-color: #d18109;
border-bottom-color: #a56007;
	border-radius: 5px!important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
margin: 0 auto;
width: 90%;
line-height: 30px;
box-shadow:5px 5px 5px #CCCCCC;

}
.registration_call .register a:hover {
	background-color:#f9b16b;
}
.registration_call .sidebar .labels, .registration_call .sidebar .info {
	float:left;
}
.registration_call .sidebar .labels {
	width:20%;
	margin:0 2% 0 0;
}
.registration_call .sidebar .info {
	width:75%;
}
.registration_call .content {
	margin:15px 0;
	padding:10px;
	border:1px solid #ccc;
}
.registration_call .deadline .labels, .registration_call .deadline .info {
	float:left;
	margin: 0 0 10px 0;
}
.registration_call .deadline .rates .labels {
	width:35%;
	margin:0 2% 2% 0;
}
.registration_call .deadline .rates .info {
	width:60%;
}
.registration_call .deadline .rates table tr td{
	border: none;
}
.registration_call .deadline .labels {
	width:50%;
	margin:0 2% 2% 0;
}
.registration_call .deadline .info {
	width:45%;
}
.registration_call .content ul {
	list-style: disc;
	margin:0 25px;
}
.registration_call .content li {
	margin: 10px 0;
}
.registration_call .tabdata {
	margin:10px 0 0 0;
}
.registration_call .grid_12{
	width:100%;
}

.container_12 .grid_4 {
	float:right;
	width: 35%;
	min-width: 250px;
	left: 0;
	margin: 0;
}
.container_12 .grid_8{
	width: 62%;
	left: 0;
	margin: 0;
}

@media only screen and (max-width: 920px) {
body.registration_call{
	width: 100%;
	min-width:100%;
	}
	
.registration_call .wrap{
		width: 100%; 
		min-width: 100%;
	}
	
.container_12 .grid_8{
	width: 100%;
	left: 0;
	margin: 0;
}	
	.container_12 .grid_4 {
	float:left;
	width: 60%;
	min-width: 350px;
	left: 0;
	margin: 0;
}
}
/****************************************
 * Expand / Collapse Steps
 ****************************************/
.registration_call #categories {
  list-style-type: none;
  margin: 0;
  padding: 0; }
.registration_call #categories li {
  list-style-type: none;
  margin: 0;
  padding: 0; }
.registration_call #categories li li{
  list-style-type: disc;
  margin: auto;
  padding: auto; }
.registration_call #categories h2 a {
  text-decoration: none;
  display: inline-block;
  padding: 3px 5px; }
  .registration_call #categories p a {
  text-decoration: none;
  display: inline-block;
  padding: 0; }
  
.registration_call #categories .collapse a {
  display: inline;
  padding: 0;
  color: #009fe3;
 }
 .registration_call h2.expand{
	 margin-top: 5px;
 }
.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%; }
.registration_call #categories .expand a {
  display: block;
  background-color: #F6F6F6;
  border-color: #cccccc;

  border-width: 1px;
  border-style: solid;
  background-repeat: no-repeat; 
  color: #009fe3;}
  .registration_call #categories .expand a:link, .registration_call #categories .expand a:visited {
    background-image: url("/static/img/arrow-down.gif");
    background-position: 98% 50%; }
  .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 .rates .info{
	text-align: center;
}
.registration_call .info .fees{
	width: 75px; 
	display: inline-table;
}

.registration_call .info.head{
	text-align: center;
	font-size: .8em; 
	font-weight: bold; 
	border-bottom: 1px solid grey; 
	margin-top:-10px;
	margin-bottom:0;
	padding:0;
}

.registration_call .rates .subheader{
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
	padding-top: 5px;
	clear: both;
}



/* end Registration Call Page 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;
}
.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:#cccccc;
	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;
}
.sidebar{
	font-size: 10pt;
}
/****************************************
 * 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: #cccccc;
  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 */

	.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, .registration_call h3, .instructions 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;
	}

/* END ROUNDED CORNERS */

/* 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: auto;
	margin: 0 auto;
}
.reg_rolesetup .section h3{
	font-size: 1.1em;
	margin: -8px -8px -8px -8px;
	background: #009AE2;
	color:#fff;
	padding: 5px;

	
}
.reg_rolesetup .section h3.header{

	border-radius: 5px;
	
}
.reg_rolesetup .section h3.header a{
color:darkblue;
}
.reg_rolesetup h3.total {
	font-size:1.5em;
	border:1px #ccc solid;
	padding:15px;
	background-color:#ccc;
}
.reg_rolesetup div.section {

	padding:8px;
	margin: 10px 0;

}
.reg_rolesetup div.sectionbox {
	border:none;
	padding:0;
}
.reg_rolesetup div.sectionboxinstructions {
	background-color:#fff;
	border:none;
	padding:0;
}

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

/***********************
* Reg Options Styles  *
***********************/

.group.sectionbox, .quantityselect, .header .item{
	border-radius: 6px;
	max-width: 100%;
	width: 98%;
	margin: 0 auto;
	border: none;
}
div.group.sectionbox {
	border:none;
	
	border-radius: 0;
}
div.group.sectionbox .multiple .item h3, .quantityselect h3 {
    font-size: 1.15em;
    padding: 5px 10px;
    margin: -10px -10px 10px;
    background-color: #009AE2;

	color: #fff;
	width: 100%;
}

.item {
	max-width: 100%;
}
.item label, .quantityselect ul.regItem li {
	font-size: 14px;
}
.item label:hover{
	background-color: #ccc;
}

.quantityselect ul.heading li{
	font-size: 10pt;
}

.reg_options .header .item{
	padding: 0 10px;
	font-size: 11px;

	margin: 10px auto;
}

.reg_options h2.mainhead, .reg_rolesetup  h2.mainhead{
	color:#f28c00;
	font-size: 1.2em;
}
.reg_rolesetup .buttonArea input[type='submit'] {
	
	cursor: pointer;
	float: right;
}
.reg_rolesetup .buttonArea, .reg_options .buttonArea {
	margin-top: 25px;
	border-top: 1px solid #ccc;
}

.buttonArea p.total{
	color: #009AE2;
	font-size: 1.5em;
}
.reg_options .buttonArea input[type='submit']{
    position: absolute;
    right: 5px;
}
.reg_options .buttonArea p.total{
	float: left;
	margin:0 0 0 10px;
}

.reg_options{
	margin: 20px auto;
	width: 100%;
}

.reg_options .instructions{
	
}

.registration .defaultdisplay{
	width: 100%;
}

.registration table.sectionboxtable{
width: 100%;
max-width: 100%;
}

.registration .printbadge .printbutton{
    display: inline-block;
    font-size: .9em;
    font-weight: bold;
    color: #FFF;
    background-color: #241C4F;
    padding: 4px 7px;
    margin: 0.4em 1em 0.4em 0;
	border: none;
    text-decoration: none;
    -moz-border-radius: 6px;
    border-radius: 6px;
	}

	@media print {
	.registration  {width:700px!important;}
	input[type="submit"]{display: none;}
	}
	
	.onlyPrint{
	display: none;
}

div.error {
	color: red;
	
	border:none;
	background: none;
}