html {background: #ffffff;} 

/**** TYPOGRAPHY ****/
body {font-family: '?Segoe', Segoe UI, Arial, Geneva, Helvetica, sans-serif;color: #444444;padding-top: 36px;	}

/**** HEADINGS ****/
h1,h2 {font-family: '?SegoeLight', '?Segoe', Segoe UI, Arial, Geneva, Helvetica, sans-serif;}


/**** MISC PRESENTATION STYLES ****/
.center{text-align:center;}

/* li/div row structure */

li.row1{
display:block;
min-height:20px;
clear:both;
padding:7px;
background:none;
}
#registrantInfo div.columns{padding-top:15px;}
div.columns div.col1{width:200px;float:left;padding:0;min-height:20px;line-height:20px;}
div.columns div.col2{
width:320px;
float:left;
padding:0;
padding-left:5px;
min-height:20px;
line-height:20px;
}
div.columns div.col1alt{float:left;padding:0;min-height:20px;line-height:20px;}
div.columns div.col2alt{float:left;padding:0;min-height:20px;line-height:20px;}
div.columns div.col3alt{float:right;padding:0;min-height:20px;line-height:20px;}


.box {border: 1px solid #C0C0C0;padding: 5px 10px 10px;}
.boxstyle01 {
	background-color: #fff;
	box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #aeaeae;
	margin-bottom:15px;}
	
/*section header styles*/

.titlebg {
	background-color: #32506a;
	color:#ffffff;
	box-shadow: 3px 3px 0 #76a8bd;
	-webkit-box-shadow: 3px 3px 0 #76a8bd;
	-moz-box-shadow: 3px 3px 0 #76a8bd;
	float:left;
	}
.titlebg h3 {padding:5px;}	

.alertbox {
	background: url(../img/alert.png) no-repeat;
	height:28px;
	background-color: #EA7511;
	border: 1px solid #cd6510;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: 1px 3px 3px #8d8d8d;
	-webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
	margin-left: auto;margin-right:auto;
	color: #ffffff;
	margin-bottom: 20px;	
	}
.alertbox-content {line-height:28px;margin-left:35px;font-weight:bold;}

.searchbox {
	background-color: #155484;
	border: 1px solid #84c0d9;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
	color: #ffffff;}
.searchbox-content {
	margin-left: auto;
	margin-right:auto;
	padding:20px;}
.searchbox .advanced {
	float:right;
	font-size: 14px;
	margin:20px; }
.searchbox .advanced a {color: #77aa2d;}


.searchbox .textsearch {
	    background: url(../img/searchalt-sm.png) no-repeat scroll 99% 50% #FFFFFF;
    padding-right: 25px;
    float: left;
    margin-right:10px;
}
.searchbox .options {clear: left;margin-top:10px;}
/*.searchbox .options img {
	margin-bottom:-4px;
}*/
.searchbox .searchbox-advanced {
	background-color: #d9ebf9;
	min-height: 80px;
	border:1px solid #32506a;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #565656;
	padding: 10px 20px 15px;
	margin-bottom:0px;}
.searchbox .searchbox-advanced ul.subfilters li {
	list-style-type: none;
	float:left;
	margin-right: 10px;
}	

.filtertop.clearfix {margin-bottom: 0;}

.checkin, .blockpage {
	padding-bottom: 40px;
}
.checkin li {list-style-type:none;color:#454545;}
.checkin .notes {clear:both;}
.checkin .notes li{list-style: none;padding: 5px 0;}
.checkin .notes li .notedetails {color: #979797;font-size:12px;}
.checkin .columnwrapper {clear: both;margin-top:20px;}
.checkin .checkinsection {
	text-align: center;margin-right:auto;margin-left:auto;clear:both;
}
.checkin .checkinsection .checkinbutton{
	background-color: #77aa2d;
	border: 1px solid #557c1b;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding: 10px 30px;
	cursor: pointer;
	}

.checkin .checkinsection .uncheckinbutton{
	background-color: gray;
	border: 1px solid #557c1b;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding: 10px 30px;
	cursor: pointer;
	}

.checkinbutton a,
.checkinbutton a:hover,
.checkinbutton a:visited {text-decoration: none;color:#ffffff;}

.uncheckinbutton a,
.uncheckinbutton a:hover,
.uncheckinbutton a:visited {text-decoration: none;color:#ffffff;}

.checkin .attendee {background: #d6eaf8;border: 1px solid #69a4cd;}
.checkin .attendee img {
	width: 60px; 
	height:80px;
	float:right;
	margin-right:20px;
	margin-bottom:10px;
	background-color:#ffffff;
	margin-left:30px;}
.checkin .attendee .attendeedetails {
	float: left;
	margin-left:12px;
	margin-bottom:10px;}
.checkin div.columns div.col1{width:120px;}
.checkin div.columns div.col2{width:150px;}

.checkin div.attendeeEdit {
	border: 1px solid #a7c5e0;
	padding: 10px; 
	background-color: #f5f5f5;
}
.checkin div.attendeeEdit.clear {
	height: auto;overflow: hidden;
}
.checkin div.attendeeEdit.columns div.col1{width:120px;}
.checkin div.attendeeEdit.columns .col1,
.checkin div.attendeedetails.columns .col1 {
	font-weight:bold;
}
.checkin div.columns li.row1 {padding:4px 0;}

.checkin h3 {
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #aeaeae;background-color: #16547c;margin:-8px -9px 10px;padding:5px 10px;
	color:#ffffff;
	font-size: 18px;
   line-height: 27px;
}
.clear {
    clear: both;
    float: none;
    height: 0;
}
.printbox p {clear: both;margin-top:20px;}
.printbox a {
	background-color: #77aa2d;
	border: 1px solid #557c1b;
	-moz-border-radius: 8px;
	border-radius: 4px;
	box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
	color: #ffffff;
	text-align: left;

	font-size: 13px;
	padding: 8px 20px;
	width: 70px;
	display: block;

}	
.printbox a,
.printbox a:hover,
.printbox a:visited {
	text-decoration: none;
	color:#ffffff;
	text-align:center;}

.printbox h2 {
	font-size: 30px;
	color: #333333;
	margin-bottom:10px;
}
.printbox h5 {
	line-height:1;
	font-weight:normal;
	color: #333333;
}
.printbox .lastprinted {
	margin-top:10px;
	line-height: 1.3;
	font-size: 11px;
	color: #787878;
}
.eventBadge { padding: 10px;}
.eventBadge h4.passtype {
	color:#ffffff;
	margin-bottom:10px;
	text-align:center;
	line-height:1;}
.eventBadge .badgeinfo {
	background-color: #ffffff;
	padding:10px;
}
.checkin .eventBadge h3 {
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none;
	background-color: transparent;
	margin:0;
	padding:0;
	color:#333333;
}

/*Checkin styles*/

a.OnsiteButton, a:visited.OnsiteButton
	{
		display: block;
		min-height: 50px;
		/*border: 1px solid;*/
		background-position: 2px -10px;
		background-repeat: no-repeat;
		margin: 0;

		color:#343434;
		/*border: 1px solid #a7c5e0;*/
		background-color: #d0e0ee;
		padding:5px 10px 5px 30px;
	
		margin-bottom:5px;
		text-align:left;
		text-decoration:none;
	}	
a.OnsiteButton.Clicked { background: url(../img/checkbox_checked.png) 5px 5px no-repeat;}		
a.OnsiteButton.Unclicked {background: url(../img/checkbox_unchecked.png) 5px 5px no-repeat;}		
a.OnsiteButton.Unclicked span.ClickedText	{display: none;padding:12px 10px 12px 30px;}
a.OnsiteButton.Unclicked span.UnclickedText{display: block;padding:12px 10px 12px 30px;}
a.OnsiteButton.Clicked span.ClickedText{display: block;padding:12px 10px 12px 30px;}
a.OnsiteButton.Clicked span.UnclickedText{display: none;padding:12px 10px 12px 30px;}

a.OnsiteButton.text-white,
a:visited.OnsiteButton.text-white {
    color: #ffffff;
}

a.ImageCheckBox
{
    text-decoration:none;
}
a.ImageCheckBox.Clicked { background: url(../img/checkbox_checked.png) 5px 5px no-repeat;}	
a.ImageCheckBox.Unclicked { background: url(../img/checkbox_unchecked.png) 5px 5px no-repeat;}	


.loading {
    background: url('../img/spinner-white.gif') no-repeat scroll center bottom #FFFFFF;
    font-size: 1.5em; padding-bottom: 50px; text-align:center; }



/*Bootstrap style additions*/

.content ul,
.boxstyle01 ul {margin:0;}

/*.labeldiv {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
  padding-top: 6px;
  line-height: 18px;
  float: left;
  width: 130px;
  text-align: right;
  color: #404040;
}
.mini-layout {
    margin-bottom: 20px;
    padding: 9px;
    border: 1px solid #DDDDDD;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}*/

.modal-body .clearfix {
	margin-bottom:18px;
}
.modal-body label {
	margin-right: 10px;
}

a {color: #77AA2D;}
h1 {font-weight: normal;}
table.table-datatables th {vertical-align: bottom; padding-left:15px;}

.navbar-inverse .navbar-inner,
.navbar-inner {
	filter: none;
}

/****************  express checkin styles  ***************/

.alert.alert-express {
  padding: 15px 35px 15px 15px;
  margin-bottom: 40px;

}
.express-message {
    font-size: 16px;
    font-weight: bold;
    display:inline-block;
    margin-left:15px;
    vertical-align:middle;
}

.express-registrant {
    font-size: 16px;
    display:inline-block;
    margin-left:15px;
    vertical-align:middle;
}
.express .btn {
  display: inline-block;


  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;

}

@media (max-width: 767px) {
	.express-message {
	    font-size: 16px;
	    font-weight: bold;
	    display:block;
	    margin-left:0;
	    vertical-align:middle;
	    margin-top:8px;
	}
	
	.express-registrant {
	    font-size: 16px;
	    display:block;
	    margin-left:0;
	    vertical-align:middle;
	    margin-top:8px;
	}
}

.login-link {
	display: block;
	margin-top: 10px;
}