/* Media Queries
末末末末末末末末末末末末末末末末末末末末末末末末末 */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

body, input, select, textarea { background-color:#ffffff; font-family: Helvetica, Arial, sans-serif;  color: #414041; font-weight: 300; font-size: 12pt; line-height: 1.25em;}
body { height:100%; overflow-y:scroll; overflow-x:hidden; }

h1 {font-family: 'Kamerik105-Book', sans-serif; font-weight: 600; line-height:1.22222;color: #264448; font-size:1.5em; text-transform:uppercase; letter-spacing:1px;  margin-bottom:1.5rem;} /*24px*/
h2 {font-family: 'Kamerik105-Book', sans-serif;line-height:1.22222; font-weight: 300; color: #264448; font-size:1.25em; text-transform:uppercase; letter-spacing:1px; margin-bottom:1.5rem; } /*20px*/
h3 {font-family: 'Kamerik105-Book', sans-serif; font-weight: 600; color: #264448; font-size:1em; line-height:1; text-transform:uppercase; letter-spacing:1px; margin-bottom:1.2rem; }
h4 { line-height:1.25em; font-weight: 300; color: #38768b; font-size:.875em;  margin:0px 0px 10px;  letter-spacing:0px;}

a { transition: opacity 0.3s ease 0s, box-shadow 0.3s ease 0s, color 0.3s ease 0s, background-color 0.3s ease 0s, border 0.3s ease 0s; color:#38768B; }
a:hover {color:#38768B;}
img { display:block;}
.clearfix:after {content:""; display:block; clear:both; visibility:hidden;height:0px;}
.no-br br{ display:none;}
.hide { display:none;}
.m_auto { margin-left:auto; margin-right:auto; float:none;}

.font_b { font-weight:normal;}
.italic {}
.txtcenter { text-align:center;}

.bold { font-weight:700;}
.ucase { text-transform:uppercase;}

.wtxt a.btxt, .btxt {color:#008abf;text-decoration:underline;}
.wtxt a.btxt:hover, .btxt {color:#008abf;text-decoration:none;}

p, .medium_txt_ss, .event_description ul li {font-size:.875em; line-height:1.4285714;  margin-bottom:10px; } /* 14pt/20pt */
.medium_txt_sss {font-size:1em; line-height:1.3125; } /* 16pt/21pt */
.small_txt { font-size:.6875em; line-height:1.54545454;} /* 14pt/20pt */

::-webkit-input-placeholder { font-weight:300;font-size:.875em; color:#a1a1a1; opacity: 1}
:-moz-placeholder {  font-weight:300;font-size:.875em;  color:#a1a1a1 ; opacity: 1 }
::-moz-placeholder {  font-weight:300;font-size:.875em;  color:#a1a1a1; opacity: 1 }
:-ms-input-placeholder {   font-weight:300;font-size:.875em;  color:#a1a1a1; opacity: 1 }

.large_txt {font-size:2.1875em; line-height:1.428571; } /* 35pt/50pt */

.desk { display:none;} .mob { display:block;}
.mb0 { margin-bottom:0rem;} .mb30 { margin-bottom:3rem;}
fieldset { border:none; padding:0px; margin:0px 0px 15px;}

/*Awesome Font Size*/
.relative { position:relative;}
.icons-b {  font-size: 35px; line-height:1;}
.txtcenter { text-align:center; width:100%; display:block;}
.icon.pos-right { display:block; position:absolute; right:10px; width:10px; top:0px; font-size:20px;}
.icon.pos-left { display:block; position:absolute; left:10px; width:10px; top:0px; font-size:20px;}
.btnCommon .icon.pos-right , button.btn .icon.pos-right {right:20px; font-weight:300; font-size:16px;}

.icon-inputbtn { display:inline-block; position:relative;}
.icon-inputbtn .icon.pos-right { top:12px; right:15px;}

/* - General*/

/* main layout
----------------------------------------------------------*/
.container {  max-width: 1000px; margin: 0 auto; }
.inner-container{  margin: 0 auto; width:100%;  max-width: 920px; position:relative;}

.white-bg { background-color:#ffffff;}
.grey-bg { background-color:#4a4a49;}
.center {text-align:center;}

div#sbanner { height: 133px; overflow: hidden; display:none;}
.spinner {  display: block; font-size: 35px;left: 0; position: fixed;text-align: center;top: 45%; width: 100%; z-index: 99999;}
.page_message { display:block; text-align:center; position:fixed; top:53%; left:0;z-index:99999; font-size:12px; width:100%;}
.page_message.hide {display:none;}
.spinner.hide { display:none;}


/* top menu
----------------------------------------------------------*/

header#top {position:fixed; top:0px; left:0px; height:50px; width:100%; z-index:99; background-color: #38768B; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.8);}
header#top nav { position: relative; top:10px; height:auto; }
header#top div#topNav {display:none;}

header#top .bgSlide { background-color: #38768b; display: none; height: 100%; position: fixed;  right: 0;  top: 51px; width: 96%; z-index: 99;}
a#mobi_menu {position: absolute;right: 20px;top: 10px; height:30px; display:block;}  
.menuIcon .fa{ color:#ffffff; font-size:25px;  font-weight:100;}
a#mobi_menu.open .fa-navicon, a#mobi_menu .fa-close{ display:none;}
a#mobi_menu .fa-navicon, a#mobi_menu.open .fa-close{ display:block;}

.header_mobile { width:100%; margin-top:50px;}
.header_mobile img { width:100%; }

nav ul {margin:0px; padding:0px;}
nav ul li { display: block;  text-transform: uppercase;  position:relative; font-family: 'Kamerik105-Book', sans-serif; height:40px; line-height:40px; border-bottom:1px solid #ffffff;  margin:0px;padding:0px;}
nav ul li a { color: #ffffff; text-decoration:  none;  font-size:14px; display: block; padding-left:20px; }
nav ul li.active a, nav ul li:hover a {color: #fff;}
nav ul li.active a { font-weight:bold;}
nav ul li.active {background-color:rgba(0, 0, 0, 0.6);}
nav ul li:hover{background-color:rgba(0, 0, 0, 0.6);}

section.loginPanel { position: absolute; right: 20px; top: 0px; }
section.loginPanel ul { margin: 0px; padding: 0px; }
section.loginPanel ul li { list-style: none; margin-left: 40px;  height:30px; line-height:30px; font-size: 12px; position: relative; display: inline-block; }
section.loginPanel ul li:before { background: url("/images/system/sprit_login.png") 0px 2px no-repeat; content: ""; display: block; height: 21px;  width: 21px; left: -25px; position: absolute; top: 5px; }
section.loginPanel ul li a { color: #ffffff; text-decoration: none; }
section.loginPanel ul li a:hover { text-decoration: underline; }
section.loginPanel ul li._register:before { background-position:  -91px -341px ; }
section.loginPanel ul li._checkin:before { background-position:  0px -47px ; }
section.loginPanel ul li._poll:before { background-position:  0px -181px ; }

section.loginPanel ul li.login:before, section.loginPanel ul li.logout:before { background-position:  0px -99px; }
section.loginPanel ul li.home {display:none;}

.mobile_web_view .header_mobile {display:none;}

/* Contents
----------------------------------------------------------*/
#main-content { background-color:#ffffff; padding:20px 0px;  min-height:350px;}
.event_description ul { padding:0px;}

/*
******* Mobile External Page ***************************/
.activity_feed { width:90%; margin:0px auto; padding:1px 0px;}
#comment_box .btn,#comment_box .microsite_form input.btn {margin:5px 0px; }

div.activity_feed ul.comments_list,div.activity_feed ul.attendee_list {margin:0px; padding:0px;}
div.activity_feed ul.comments_list li, div.activity_feed ul.attendee_list li { padding: 5px 0 0px;list-style:none; background-color:#ffffff; min-height:45px;box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);}
div.activity_feed ul li { margin: 10px 0; position: relative;}
div.activity_feed ul.comments_list li div.AttendeeComment,div.activity_feed ul.attendee_list li div.Attendee {margin: 0 auto;width: 96%;}
div.postDetails { margin-left: 60px;}
div.perImg {display: block; float: left; margin-right: 10px; overflow: hidden;width: 50px;}
div.postDetails span.personName {display: block;font-weight: bold;line-height: 18px;font-size:13px;color:#333333;}
div.postDetails span.postSince {display: block;font-size: 10px;line-height: 12px;}
.postText { font-size: 13px;line-height: 14px;}
div._new_Posting, div._new_CommentPost { float: right;font-size: 11px; color:#666666;}
div.postStats { border-top: 1px solid #e4e4e4; font-size: 12px; line-height: 18px; margin: 5px 0;padding: 5px 0;position: relative; clear:both;}
.post_stats a {color: #666666;font-size: 11px;margin-right: 20px;text-decoration: none;}
.post_stats a.hide { margin: 0;}
.popup {background-color: #ffffff;box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3); left: 3%; height: 90%;position: fixed;top: 5%; width: 94%;}
.popup #_contents {width:96%; height:90%; margin:0px auto; padding:15px 0px; overflow-x:hidden; overflow-y:scroll;}
._closepopUp {display: block;position: absolute;right: 30px;top: 5px; color:#333333; z-index:999; font-size:16px;}
div.postStats a {background: url("/images/like.png") no-repeat scroll 0 0 / 14px 14px rgba(0, 0, 0, 0);display: inline-block;line-height: 14px;margin-right: 10px;text-decoration: none;text-indent: 16px;}
div.postStats a.Unlike {background: url("/images/unlike.png") no-repeat scroll 0 0 / 14px 14px rgba(0, 0, 0, 0);}
div.postStats a.addComment { background: url("/images/comment.png") no-repeat scroll 0 0 / 14px 14px rgba(0, 0, 0, 0);}
#_contents h4 { font-size:17px; color:#333333; text-transform:uppercase;}
#_contents ul { padding:0px;}
#_contents ul li {clear: both;list-style:none; padding: 5px 5px; margin:1px 0px;}    
#_contents ul li {  border-bottom:1px solid #ebebeb;}
#_contents ul li:last-child { border-bottom: medium none;}
#_contents ul li span.perImg {display: inline-block; margin: 0;padding: 0;}
#_contents ul li span.perImg img {float: none;}
#_contents ul li span.pername {display: inline-block;font-size: 16px;line-height: 22px; margin-left: 15px;}

div#reload_title { position:fixed;top:0; left:0; width:100%; z-index:99; text-align:center; font-size:11px; background-color:#ffffff; color:#333333;  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);}

.page_content { width:94%; margin:0px auto;}
.page_contentul.attendee_list { margin:0px; padding:0px;}
.page_content ul.attendee_list li { list-style:none;}

.popUpmessage { font-size:13px; color:#00958b; border:1px solid #ebebeb; line-height:14px; padding:5px; background-color:#d6fcf9;} 

h3._track, .accordion-section p, .accordion-section ul,  .accordion-section ul li { font-size:1em;}
/*
******* Microsite Page ***************************/

/*Index Page */

#results-list ol { padding:0px; margin:0px;}
#results-list ol li{ list-style:none;}
#results-list ol li p { margin-top:0px;}
#results-list ol li.result { border-bottom:1px solid #f1f2f2;}
#results-list ol li h4 { margin-bottom:5px; font-size:16px;}
#results-list ol li h4 a{ text-decoration:none;}
#results-list ol li h4 a:hover { text-decoration:underline;}
#results-list ul.det  { margin:0px; padding:0px;}
#results-list ul.det li {float:left; margin-right:5px; font-size:13px;}
#results-list ul.det li label._date { color:rgba(0, 0, 0, 0.6); }

#normalUserTopMenu { z-index:999;  width:300px; position:absolute; top:5px; right:0px;}
#normalUserTopMenu section.loginPanel {right:0px;}
#normalUserTopMenu section.loginPanel ul li { padding-left:5px;  border-left:1px solid #dfe8ea; margin:0px;}
#normalUserTopMenu section.loginPanel ul li:first-child{ border:none;}
#normalUserTopMenu section.loginPanel ul li:before {display:none;}
#normalUserTopMenu section.loginPanel ul li a,#normalUserTopMenu section.loginPanel ul li{ height:17px; line-height:17px; color:#60074c; text-transform:uppercase;}
#normalUserTopMenu section.loginPanel ul li a:hover { text-decoration:none; color:rgba(0, 0, 0, 0.6);}

.div_showhide {
background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(254,254,254,0) 32%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(32%,rgba(254,254,254,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(254,254,254,0) 32%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(254,254,254,0) 32%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(254,254,254,0) 32%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(254,254,254,0) 32%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

div.featured, .meetExpert { margin:20px 0px 30px;} 
div.featured img { width:100%; max-width:662px; }

ul.speakerList {padding:0px; margin:0px;}
ul.speakerList li { list-style:none; width:23.5%; float:left; padding-bottom:10px; margin-right:2%; display:block; }
ul.speakerList li:last-child { margin-right:0px; } 
ul.speakerList li img{ display:block; width:100%; max-width:150px;}
ul.speakerList li label { display:block; text-align:center;}
ul.speakerList li a { display:block; line-height:20px; font-size:12px; line-height:1; color:rgba(0, 0, 0, 0.6);text-decoration:none; text-align:center;}
ul.speakerList li a:hover {text-decoration:underline;}

div.appStore  {padding:15px;  background-color: #f2f4f5; position:relative; min-height:140px; color:#333333;}
div.appStore img { float:right;  right:15px; margin:5px 0px 0px 5px;}

div.appStore span.gapp { display:block; width:80px; font-size:18px; margin-bottom:15px; }
div.appStore span.txt {display:block; margin:10px 0px 0px 0px; margin-bottom:15px; font-size:13px; line-height:16px;}
div.appStore span.txt a {color:#38768B;}

div#gmap { min-height:50px;}
div.viewmap{ font-size:11px; text-align:right; display:block; margin-top:-10px;}
div.viewmap a { font-size:9px;}
div#map_canvas { margin:10px 0px;}

div.twitterFollow { background-color: #38768B; color:#ffffff;padding:5px 0px 15px;}
.twitterFollow img { display:none;}
div.twitterFollow div.txt { margin:10px 15px; font-size:14px;}
div.twitterFollow div.txt a{color:#ffffff;}
div.twitterFollow div.twitter_feed div { margin:10px 15px; font-size:11px; line-height: 12px;}
div.twitterFollow div.twitter_feed a{color:#ffffff;}

div.speakerPreview {background-color: #f1f2f2; margin-bottom:15px;}
div.speakerPreview div.txt { color:#60074c; padding:10px 15px; font-size:12px;}

div.joinUs { background-color:#ffffff; padding:10px 0px 0px; }
div.joinUs h2, div#location h2 {  text-transform:uppercase; padding:0px 0px 2px 0px; margin:0px 0px 5px;  font-weight:normal; border-bottom:1px solid #e6e6e6;}

div.joinUs p.regIntro span { display:block; margin:5px 0px 0px; line-height:16px;}
div.joinUs p.regIntro span.m {  margin:0px;}
div.joinUs p.regIntro span.m22 {  margin:10px 0px 0px;}

div.joinUs p.eDet { font-size:13px; line-height:18px;}
div.joinUs p.eDet span.eDate { margin-bottom:5px; display:block; font-weight:600;}
span._hmeloc { display:block;}
div.joinUs p.regIntro { margin-top:15px; font-size: 13px; line-height:18px;}


.btn, .microsite_form input.btn { background-color: transparent; border: 1px solid #bbb; border-radius: 4px; box-sizing: border-box; color: #555;
    cursor: pointer; display: inline-block; font-size: 12px; font-weight: 600; height: 38px;  letter-spacing: 0.1rem; line-height: 38px;
    padding: 0 30px;  text-align: center;  text-decoration: none; text-transform: uppercase; white-space: nowrap; margin:15px 0px;
}
.btn:hover { border-color: #888; color: #333; outline: 0 none; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);}

a.btnCommon {
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	text-align:center;
	text-decoration:none;
	background-color:#38768B;
	color:#ffffff;
	font-size: .85em;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;

}
a.btnCommon:hover { font-weight:normal; background-color:#5C8BA9;}
.img-placeholder { width:100%; margin:20px auto 30px;}


.img-placeholder img { height:20px;}
.img-placeholder._plcibm { margin:20px auto 15px;}

div.event_social { position: relative; margin:20px 0px;}
div.event_social ul { margin: 0 0px 0px 3px; padding: 0; }
div.event_social ul li { list-style: none; float: left; margin: 0px 9px 0px 0px; padding: 0; }
div.event_social ul li a { display: block; }
div.event_social a.microsite_btn { position: absolute; right: 0px; top: 15px; }


.invalid {border:1px solid red !important;}

.f_intro  { width:85%; margin:0px auto; font-size:0.875em; line-height:1.42857;}
.microsite_form ul { margin: 0px; padding: 0;}
.microsite_form ul li { list-style: none; width: 100%;  }
.microsite_form ul li.clr {clear:both;}
.microsite_form ul li label { display: inline-block; line-height: 30px; color: #333333; }
.microsite_form ul li.chkbox { margin-top:10px;}
.microsite_form ul li.chkbox input {width:20px; margin:0px 10px 6px 0; float:left;}
.microsite_form ul li.chkbox span.lbl { width:93%; display:block; float:left; font-size:13px; }
.microsite_form ul li span.notes { font-size:13px; display:block; clear:both;}

span.field-validation-error { clear:both; display: block; width: 100%; color:#f00f00; font-size:11px; }
span.required {color:#f00f00;}
.microsite_form input, textarea, select { display:block; border: 1px solid #e2e2e2; background: #fff; font-size: 1em; margin: 5px 0; width: 100%; padding:0px 5px; height: 35px; max-width:400px; }
textarea { height:60px;}
fieldset legend { display: none; }


/* Registration
-----------------------------------------------------------*/
.microsite_form .lg, .microsite_form .reg { display:none;}
._login .microsite_form .lg { display:block;}
._register .microsite_form  .reg { display:block;}

.event_message { clear:both; border:1px solid #bbb; padding:20px 10px;  width:65%; margin:120px auto 50px; }
section.externalform .microsite_form ul.bttns { margin-top:20px;}
section.externalform .microsite_form ul.bttns li { float:left; display:block !important; width:auto !important; margin-right:15px;}

#eventMessages { clear:both; border:1px solid #00958b; padding:10px 0px;  width:65%; margin-top:30px;}
#eventMessages div { padding:0px 5px; color:rgba(0, 0, 0, 0.6);}
.w90 { width:90%; max-width:600px;}
span.lbl { display:block; margin-bottom:5px;}
body.register .redirecting { display:none;}

/* Login
-----------------------------------------------------------*/

.login_form { max-width:590px; width:90%; margin:0px auto; border:1px solid #e6e6e6; padding-bottom:20px; min-height:350px;}
.login_form  .inner{ width:80%; margin:30px auto;}
.login_form  .inner ul { margin:0px; padding:0px;}
.login_form  .inner ul li { list-style:none;}
.login_form  .microsite_form input { max-width:none;}

.login_form h1 { text-align:center;  line-height: 30px; padding: 5px 0px; text-align: center; margin:0px; background-color:#38768B; color:#ffffff;}
.login_form p { text-align:center;}

.login_form  .microsite_form input.loginbtn, .loginbtn { border:1px solid #e6e6e6; width:100%; height:40px; line-height:40px; display:block; text-align:center; text-decoration:none; color:#333333; font-weight:300;}
.loginbtn:hover {border-color: #888; color: #333; outline: 0 none; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);}
.login_form  .microsite_form input.loginbtn { margin-top:10px; border-radius:0px;}

a.sigup.linkedin { background-color:#1a88c5; border: 1px solid #1a88c5; margin:15px 0px 10px;}
a.sigup.twitter {background-color:#3cc6f4; border: 1px solid #3cc6f4;}


/* Check In Form
-----------------------------------------------------------*/
section.checkin{min-height:400px; margin-top:10px;}
section.checkin.externalform {padding:0px;}
.checkin .microsite_form ul  {width:100%;}
section.externalform.checkin .microsite_form{width:100%;}
section.externalform.checkin .microsite_form.uprofile ul li {width:30%;}
section.externalform.checkin .microsite_form.uprofile ul li:nth-child(n){margin-left:4%}
section.externalform.checkin .microsite_form.uprofile ul li:nth-child(3n+ 1) {margin-left:0%;}

div.utilitybox {height:60px; border-bottom:1px solid #e6e6e6; position:relative;}
.eDetails {position:absolute; bottom:5px; right:20px; padding:0px;}
.eDetails ul {padding:0px; margin:0px;}
.eDetails li { list-style:none; display:block;}
.eDetails li.name { color:#38768B;}



table.Grid { width: 100%;}
table.Grid tbody tr td {font-size: 14px;font-weight: normal;line-height: 16px;min-height: 22px;padding: 5px 10px;text-align: left;}
table.Grid tbody tr td.tbl_action {font-size: 12px;width: 110px;}
table.Grid tr td a {color: #12aedb;}
table.Grid tr td a.lnkbtn { background-color: transparent;color: #28aadc !important;padding: 0;}
table.Grid tr td a.lnkbtn:hover { text-decoration: underline;}
table.Grid tr td a:hover {text-decoration: none;}
table td.center {text-align: center;}
table td.anklnk {text-decoration: none;}
table td.anklnk:hover {color: #eab235;cursor: pointer;text-decoration: underline;}
table.Grid tr {background-color: #f8f8f8;border: 1px solid #f8f8f8;}
table.Grid tr:nth-child(2n) {background-color: #ffffff;border: 1px solid #f8f8f8;}
table.Grid tr.GridHeader { border-radius: 3px;}
tr.GridHeader th {color:#333333; font-weight: 600;height: 35px;line-height: 14px;padding: 0 3px;text-align: left;}
tr.GridHeader a {color: #ffffff;text-decoration: none;}
tr.GridHeader a:hover {color: #ffffff; text-decoration: underline;}
table.dataTable tbody tr { background-color: #eef0f1; border: 1px solid #e4e5e5;}
table.dataTable tbody tr._track, table.dataTable tbody tr._track:nth-child(2n) { background-color: #f8f8f8; color: #38768B;}
table.dataTable tbody tr.td_detail_cell, table.dataTable tbody tr.td_detail_cell:nth-child(2n) { background-color: #e4e5e5;}
.dataTables_wrapper .dataTables_filter { float: left; padding-right: 20px;text-align: right;}

.searchbox { border-bottom:1px solid #e6e6e6; padding:0px; margin:0px;}
ul.searchbox li {list-style:none; display:block; float:none; padding:0px; margin:0px; position:relative; float:left; min-width:90px; height:50px; }
ul.searchbox li label{ display:block;}
ul.searchbox li input._btn, ul.searchbox li a._btn {width:80px; margin:5px 0px; height:30px; position:absolute; bottom:0px; left:10px; top:0px; line-height:30px; color:#333333;  }
ul.searchbox li input {background: none repeat scroll 0 0 #fff; border: 1px solid #e2e2e2; color: #333; display: inline-block;  font-size: 13px; height: 30px; margin: 5px 0; padding: 0 5px; width:245px;}
ul.searchbox li input._btn{height:32px;}

.microsite_form.uprofile ul li { margin:5px 0px; float:left; width:45%;}
.microsite_form.uprofile ul li:nth-child(2n) { margin-left:5%;}
.microsite_form.uprofile ul li span.lbl{ display:block;}
.microsite_form.uprofile ul li label { line-height:22px;}

.microsite_form.uprofile #regHereForEvent ul { width:100%;}
.microsite_form.uprofile #regHereForEvent ul li { text-align:center; font-size:14px; }
.microsite_form.uprofile #regHereForEvent ul li span#eventName { font-size:24px; color:#38768B;}
.microsite_form.uprofile #regHereForEvent ul li label { font-weight:600; margin-right:10px; display:inline-block; color:#12aedb; float:none; }

.microsite_form.uprofile ul li input, .microsite_form.uprofile ul li select{ display:block; }
.microsite_form.uprofile ul li select { padding:4px 1%; width:101%; margin-right:0px; height:32px;}
.microsite_form.uprofile ul li input.btn_microsite {width:100%; padding:0px;}


.microsite_form ._selEvent select { width:60%; height:30px; padding:3px 5px; float:none;}
.eventDetails {margin:0px; }
.eventDetails h2 { text-transform:uppercase; margin:10px 0 5px; text-align:left; padding:0px; font-size:16px; font-weight:300; line-height:22px;}
.microsite_form.uprofile .eventDetails ul li { width:100%; float:none;}
.microsite_form.uprofile .eventDetails ul li:nth-child(2n) { margin:0px;}

.cmdbtns {margin:20px 0px;}
#cmdbtns{ position:relative; display:inline-block;}
#cmdbtns.hide { display:none;}
#cmdbtns #spinner { position:absolute; right:-30px; top:24px;}
section.externalform  div.message {width:500px;}


ul.lbreak { margin:15px auto 10px auto;}
ul.lbreak li {  width:44%; display:inline-block; line-height:20px; text-align:center;}
ul.lbreak li:nth-child(2) {width:10%;}
ul.lbreak li.gdiv span { display: inline-block; width:100%; background-color:#e2e2e2; height:1px;}

div.otherlinks { width:85%; text-align:center; margin:15px auto 5px auto; font-size:13px;}
div.otherlinks ul {padding:0px; margin:0px auto;}
div.otherlinks ul li { display:inline-block; width:44%; float:none; text-align: left; }
div.otherlinks ul li:nth-child(1) { text-align:right;}
div.otherlinks ul li.odd:nth-child(1) { width:164px;}
div.otherlinks ul li:nth-child(2) { width:6%; text-align:center;}

.mt20 { margin-top:20px;}
.mt100{ margin-top:100px;}
div.message {border:1px solid rgba(0, 0, 0, 0.2); padding:5px; font-size:13px; text-align:center; background-color:#e6e6e6;}
div.message h2 { margin:0px; padding:0px;}

div.message-error { border:1px solid #e6e6e6; padding:5px 10px; font-size:11px; line-height:1; color:red; width:85%; margin:0px auto; text-align:center;}
div.message-error2 {padding:15px 0px 5px; font-size:11px; line-height:1; color:red;}
div.message-success2 {padding:15px 0px 5px; font-size:13px; line-height:1; color:#00958b;}

div.validation-summary-errors {padding:10px 0px; color:#f00; font-size:11px;}
.dmessage div.validation-summary-errors {padding:10px 5px; color:#f00; font-size:13px; text-align:center;}
div.validation-summary-errors ul {padding:0px; margin:0px;}
div.validation-summary-errors a { color:#f00;}
div.validation-summary-errors ul li { list-style:none;  width:100%; float:none; padding-bottom:0px;}
input.input-validation-error,select.input-validation-error { border:1px solid red;}

.twitter_feed ul { padding:0px; margin:0px 15px;}
.twitter_feed ul li { font-size:11px; list-style:none; line-height:14px;}

/* Agenda
-----------------------------------------------------------*/
div.agenda {margin-top:15px;}
div.agenda h3 { border-bottom:1px solid #e6e6e6; padding:10px 0px; margin:0px; position:relative;}
div.agenda h3 a { text-decoration:none; color: #38768B; display:block; text-indent:25px; text-transform:capitalize; text-decoration:none;}
div.agenda h3 a:before {content:""; display:block; height:15px; width:15px; background:url(/images/plus.png) no-repeat; position:absolute; left:0px; top:9px;}
div.agenda h3 a.open:before {background:url(/images/minus.png) no-repeat;}
.hinttxt { display:block; font-size:12px; color:#bbbbbb; font-weight:normal; margin-top:5px;}


div.agenda ul li { list-style: none; position: relative; color: #333333; padding: 10px 0px; margin: 0px; border-bottom: 1px solid #F8F8F8; }
div.agenda ul li:last-child { border: none; }
div.agenda a { text-decoration:none;}
div.agenda a:hover { text-decoration:underline;}

div.agenda ul { margin: 20px 0 50px 0px; padding: 0; }
div.agenda ul li dl { padding: 0px; margin: 0px; }
div.agenda ul li dl:after { content: ""; display: block; clear: both; visibility: hidden; height: 0px; }

div.agenda ul li dl dt { width: 25%; float: left; padding: 0px; margin: 0px; max-width: 200px; min-width: 130px;}
div.agenda ul li dl dt label._date {color: rgba(0, 0, 0, 0.8); font-weight: 600; display: block; font-size:.875em; line-height:1.4285714; }


div.agenda ul li h3 { color: #60074c; font-weight: 600; display: block; padding-bottom: 5px; min-height:20px; }
div.agenda ul li dl dd { width: 100%; float: left; padding: 0px; margin: 0px; font-size:.875em; line-height:1.4285714; }
div.agenda ul li dl dd div._speakers { margin: 10px 0px 0px; font-weight: 400; }
.htxt { font-weight:600;}
div._desc { margin:10px 0px;}
div._desc span.htxt { padding-bottom:15px;}
.printAgenda { position: absolute; right: 0; z-index: 90; color:#ccc; font-size:30px; }

div._desc a.read_less, div._desc.open a.read_more, div._desc.open span.des_intro {display:none;}
div._desc a.read_more,div._desc.open a.read_less {display:inline-block;}

div.agenda ul._ubreakout { border:0px; padding:0px; margin:0px;}

ul._ubreakout li { display:block; width:80%; float:left;}
ul._ubreakout li:first-child { width:20%; float:left; padding:10px 0 !important; border:none;}
ul._ubreakout li span._date {color: #5c8ba9; display: block; font-weight: 600;}
div.agenda ul li dl dd ul._tracks { margin:0px 5px 0px 25px; padding:0px;}
div.agenda ul li dl dd ul._tracks div._speakers { margin:0px;}


/* Speaker / Sponsor / Exhibitor
-----------------------------------------------------------*/

ul._listing { padding: 0px; margin:0px; }
ul._listing li { list-style: none; position: relative; color: #333333; padding: 20px 0px; margin: 0px; border-bottom: 1px solid #ccc; }
ul._listing li:first-child { padding-top: 0px; }
ul._listing li:last-child, ul._listing.speakerSeminar li:last-child { border: none; }
.personImage, .personImage img{ width:100%;  margin-bottom:20px;}
.personImage img{ max-width:130px;}
ul._listing dl { margin:5px 0px 0px;}
ul._listing dl dd { margin:0;}
ul._listing ._title {font-weight:600; display:block; font-size: 1em;}
ul._listing.speakerSeminar li { padding:5px 0px 10px; border-bottom: 1px solid #e6e6e6;}

.sponsor_img { margin:32px 0px;}
.smalltxt { font-style:italic;}

section#errorPage { margin-top:50px;}

/* LIVE POLL
-----------------------------------------------------------*/
._livepollarea a.btn{color:#fff;display:inline-block;width:90%;max-width:200px;margin:0 auto 20px!important;border:none }
._livepollarea a.btn:hover,ul.poll li a.btn.tick {box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3); }
._livepollarea  tr td { border:none;}

ul.poll{margin:0;padding:0}
ul.poll li{list-style:none;display:block}
ul.poll li span{display:inline-block;width:30px;text-align:left}

a.btn.hide { display:none; }
#pollQuestion { width:90%; height:35px; max-width:300px;}

ul.poll li a.btn span .fa-check, ul.poll li a.btn.tick span .fa-angle-right{ display:none;}
ul.poll li a.btn.tick span .fa-check { display:block; }
ul.poll li a.btn.tick span {font-size:13px; top:10px;}

a.btn.A{background-color:#12aedb}
a.btn.B{background-color:#dd0974}
a.btn.C{background-color:#fdd81b}
a.btn.D{background-color:#38768B}
a.btn.E{background-color:#c2c435}
a.btn.F{background-color:#e62e30}
a.btn.G{background-color:#38768B}
a.btn.H{background-color:#dd0974}
a.btn.I{background-color:#fdd81b}
a.btn.J{background-color:#12aedb}
a.btn.K{background-color:#c2c435}
a.btn.L,a.btn.M,a.btn.N,a.btn.O,a.btn.P{background-color:#12aedb}

.pollAction ul { padding:0px; margin:0px;}
.pollAction ul li { list-style:none; float:left; width:48%; text-align:left;}
.pollAction ul li:first-child { text-align:right; margin-right:4%;}
.pollAction ul li a.btn { max-width:140px;}
a.btn.btnpoll {  height:40px !important; line-height:40px !important; background-color:transparent; color:#333333;  border:1px solid #bbb;}
a.btn.btnpoll .pos-right {right:15px;}
a.btn.btnpoll .pos-left {left:15px;}

.pollAction.not-live ul li { width:100%; text-align:center;}
.pollAction.not-live ul li:nth-child(2) { display:none;}
.poll_num { margin:0px; padding:0px;}
.poll_num li { list-style:none; display:inline-block;width:40px;height:40px; line-height:40px;margin-right:4px;}
.poll_num li a { display:inline-block; width:100%; background-color:#12aedb; color:#ffffff; text-decoration:none; font-size:20px;}
.poll_num li a:hover {box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);}

#visualization { min-height:250px; width:98%; max-width:750px; margin:0px auto;}
#Poll_Step2_Create .message { width:90%; margin:20px auto;}
#Poll_Step2_Create .btn { max-width:120px; display:block; margin:10px auto !important; }
#Poll_Step2_Create a.btn.btnpoll .pos-right { right:20px;}

a.btn.btnpoll.back, a.btn.btnpoll.desktopback{ position:absolute; top:50px; left:10px; background-color:transparent; color:#333333; width:auto; padding-left:20px; display:block; border:1px solid #bbb; width:70px;}
a.btn.btnpoll.back .pos-left, a.btn.btnpoll.desktopback .pos-left {left:3px; font-size:14px;}

.ddl select { width:90%; margin:0px auto; position:relative; max-width:300px;}

.soption { position:absolute; top:55px; left:100px; margin:0px; padding:0px;}
.soption li { list-style:none; display:block; float:left; height:30px; line-height:30px;}

/**PopUp*/
.popover { position:absolute; width:560px; height:445px; border:1px solid #e6e6e6; top:20%; left:10%; background:#fff;}
.popover #popMap {width:530px; height:400px; margin: 30px 15px;}
.popover #_closePopUp {position:absolute; right:5px; top:5px; font-size:11px;}

/* footer
----------------------------------------------------------*/
footer { }
footer .container {background-color:#ffffff;}
footer p, footer ul li { font-size:12px; color: #787878; list-style:none; }
footer a {color: #787878; text-decoration:none;}
footer a:hover {color: #787878; text-decoration:underline;}

footer ul.fsocial { margin-bottom:0px;}
footer ul.fsocial li { float:left; width:280px; margin-bottom:5px;}
footer ul.fsocial li a img {  display:block; float:left; margin-right:10px;}
footer ul.fsocial li a span {  display:block; line-height:30px;}

footer .border-top { border-top:1px solid #414041; background-color:transparent; padding:3rem 0; }

.fleft img { margin-bottom:20px;}
.fright .one-third { width:33%; float:left; margin-left:0%; }


body.mobile_web_view #rightC, body.mobile_web_view  footer, body.mobile_web_view header#top {display:none;}
body.mobile_web_view #leftC { width:100%;}
body.mobile_web_view #main-content { padding-top:20px;}


@media only screen and (min-width: 550px) and (max-width: 700px) {
    .btnCommon .icon.pos-right, button.btn .icon.pos-right { display:none;}
}

/*iPhone 2G-4S in portrait & landscape*/

@media only screen and (min-width: 750px) {
    
    body{ background-color:#fcfcfc;}
    .desk { display:block;} .mob { display:none;}
    
    footer .desk { display:inline-block;} 
    footer.grey-bg { background-color:transparent;}
    footer.grey-bg .container{ background-color:#4a4a49;}

     /* top menu
    ----------------------------------------------------------*/
    header#top {position:relative; background-color: transparent; box-shadow:none; height:auto;}
    header#top nav {top:0px; }
    header#top div#topNav, header#top div#topNav a  {display:block;}
    a#mobi_menu { display:none;}

    /* content
    ----------------------------------------------------------*/
    #main-content { padding:30px 0px 40px;}
    header#top .bgSlide { display:block; background-color:#264448; width:100%; top:auto; right:auto; position:relative; }
    nav ul#menu li {border-bottom: none; display: block; padding: 0 15px; width: auto; float:left; text-align:center; position:relative;}
    nav ul#menu li a {padding-left:0px; color: #ffffff;}
    nav ul#menu li.active, nav ul#menu li:hover { background-color:transparent; }
    nav ul#menu li.active::after ,nav ul#menu li:hover::after { content:""; width:100%; height:5px; display:block; position:absolute; left:0px; bottom:0px; background-color: #264448; }
    nav ul#menu li:hover::after {background-color:#264448;}
    nav ul#menu li:before {content:""; width:1px; height:21px; display:block; position:absolute; left:0px; bottom:9px; background-color: #ffffff; }
    nav ul#menu li:first-child:before { display:none;}

    header#top nav { height:40px; }
    header#top nav ul:after {display:block; content:""; clear:both;visibility:hidden;height:0px;}

    div#topNav img { width:100%;}

    div#_top_strip { background-color:#4a4a49; width:100%; height:30px; position:fixed; top:0px; left:0px; z-index:999;}
    div.twitterFollow { padding-top:0px;}
    .twitterFollow img { display:block; width:100%;}

    .fleft, .fright { float:left; width:45%;}
    .fleft { margin-right:10%}
    .fright .one-third { width:30%; margin-left:3%; }

    .img-placeholder img { height:35px;}
    .img-placeholder._plcibm { margin:35px auto 30px;}


}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; }

    a,
    a:visited { text-decoration: underline; }

    a[href]:after { content: " (" attr(href) ")"; }

    abbr[title]:after { content: " (" attr(title) ")"; }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after { content: ""; }

    pre,
    blockquote { border: 1px solid #999; page-break-inside: avoid; }

    thead { display: table-header-group; /* h5bp.com/t */ }

    tr,
    img { page-break-inside: avoid; }

    img { max-width: 100% !important; }

    @page { margin: 0.5cm; }

    p,
    h2,
    h3 { orphans: 3; widows: 3; }

    h2,
    h3 { page-break-after: avoid; }
}
/* ==========================================================================
   Organisers page styles.
  
   ========================================================================== */
.profile img {
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 30px;
	margin-bottom: 20px;
	max-width: 30%;
}
.profile-txt {
	color: #000;
	position: relative;
	width: 100%;
	margin-bottom: 50px;	
	line-height: 20px;
}
.client-logos {
	margin: 3px;
}