/* REPLACE FROM DYNAMIC.CSS */
/* 
This is a template file for the dynamic CSS

When an mobile template gets copied and turned into a live mobile website this file
is copied and the #003366 will be replaced for EventColour1 etc...
    Colour 1: #003366
    Colour 2: #ffffff
    Colour 3: #0099ff
    Colour 4: #ffffff
    Colour 5: #000000
*/
header h1 {
  color: #fff !important;
  background-color: #ef0874 !important;
  padding: 0.5em !important;
}
a,
h1,
h2,
#headerOverlay h1,
.link,
.time,
.paging .disabled:hover,
.viewposts #replies .removePost,
.personName,
.loginContainer,
.banner a,
#eventDates,
.ui-body-c .ui-link:hover,
.ui-body-c .ui-link,
.ui-body-c .ui-link:visited,
.ui-body-c .title .ui-link:hover,
.ui-body-c .title .ui-link,
.ui-body-c .title .ui-link:visited,
.agenda .agendaItems li,
.agendaTabs li
{
    color: #ed0874;
}

h3 {font-weight:bold; font-size:1em;}

/* Bad default with white so comment out for now
.subline,
.resources #headerOverlay h2,
.delegates #headerOverlay h2
{
    color: #ffffff;
}*/

.row.head,
.agenda .title,
#headerPopup h1,
#headerPopup h1 a,
.block,
.banner,
h1.icon
{
    background-color: #fff;
    color: #ed0874;
}
.btnSearch {
    background-color: #ed0874;
    color: #fff;
}

header h1,
.eventDetails h2,
.loginContainer span,
.overlay .close,
#headerPopup h1,
#headerPopup a
{
    color: #ffffff;
}
.ui-body-c, .ui-overlay-c {color:#000;}
.containerTwitter { background-color: #003366; border-color: #003366; }

.subtitle
{
    border-color: #003366;
}

.loginContainer,
.eventDetails
{
    border-color: #ffffff;
}

.locateMe, .menuIcon {background-color:#003366;}

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

html, button, input, select, textarea {
  font-family: 'Lato', Helvetica, Arial, sans-serif; color:#000;
}

body,html {margin:0px; font-family: 'Lato', sans-serif;}
.ui-mobile, .ui-mobile body {height:auto !important;}
.eventTitle {clear:both; font-size:11px; color:#000; padding:2px 0px 2px 15px; margin:0px; text-transform:uppercase; /*border-top: 2px solid #007fb3; border-bottom:1px solid #e6e7e9;*/}
.eventTitle span {color:#ed0874; font-weight: bold;}
/* ==========================================================================
   General styling amends.
   Overwrite from default jQuery Mobile Template.
   ========================================================================== */
.box {
    background:#fff; /*box-shadow: 0px 0px 6px #000;*/ border:none;
}
.containerTwitter {
    background:#2d2d2d;
}

.agenda ul.agendaTabs {
    border-bottom-color:#ef0874;
}

.ui-page {
    background:#f5f5f5 !important;
    padding-top: 0em;
}

.pipe {
    padding: 0 1em;
}
.ui-body-c .smartbutton.ui-link,
.ui-body-c .smartbutton.ui-link:hover {
   color: #fff; 
}
    .ui-body-c .smartbutton.ui-link:active {
        border: 1px solid red;
    }

div.popup {
    display: none;
}
#popup {
    display: block;
}
div.popup h2 {
    width : 100%;
    color : #fff;
    height : 35px;
    line-height: 35px;
    background: #2d2d2d;
    margin: 0;
    font-size : 14px;
    padding-left : 10px;
}
div.popup .inner a.smartbutton {
    height: 8px;
    line-height: 8px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.9em;
}
div.popup .buttons {
    clear: both;
    width : 190px;
    margin : auto;
    overflow: hidden;
}
div.popup .buttons.small {
    width : 150px;
}
div.popup .button {
    clear: both;
    width : 50px;
    margin: auto;
}
div.popup .inner .button a.smartbutton {
    display: block;
    margin: auto;
}
div.popup .inner {
    text-align: center;
    font-size: 14px;
}
#pageTabs li > a.ui-link,
.subnav li > a.ui-link {
    font-weight: normal;
}
.subnav li > a.ui-link.selected,
#pageTabs li.current > a.ui-link {
    font-weight: bold;
}
#BlankCenterbtn input,
.smartbutton {
    border-width: 0;
    border-radius: 5px;
    padding: 0.75em 1.25em;
    text-align: center;
    background: #2d2d2d;
    color: #fff;
    font-size: 0.9em;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#BlankCenterbtn input {
    border: none;   
}
.listBlocks li {
    border-color: #bebebe;
    margin-bottom: 1em;
    min-height: 62px;
    padding: 0em 0.5em 0 0.5em;
}
#Homepage .listBlocks li .img {
    width:62px;
}

.filterLink.ui-link {
    color: white;
}

.listBlocks li .img {
    /*width: 150px;*/
    overflow: hidden;
    border-right: solid 1px #d8d8d8;
    height: auto;
    float: left;
    position: relative;
}
.listBlocks li h2 {
    padding-top: 0.5em;
}
.listBlocks li .img img {
    display: block;
    margin: auto;
    position: relative;
    max-height: none;
    max-width: none;
    height: 62px;
}

.popup .inner  {
    overflow: hidden;
    padding: 10px 5% 20px;
}
.popup .inner a {
    float: left;
    margin: 10px 2.5% 5px 0;
    border: solid 1px #2d2d2d;
}
.popup .inner a.cancel.smartbutton {
    background: #fff;
    color: #2d2d2d;
}
#latestMessage {
    cursor: pointer;
}

/* ==========================================================================
   GGM redesign - probably want to be able to move all to event.css?
   ========================================================================== */
.overlay { background: transparent; }

#Homepage { padding-top: 0px; } /* This can just be removed from events.css? */
.bgImage {
    top:0px;
    position: fixed;
    width: 100%;
    height:100%;
    z-index: 1;
    /*background-image:url(../images/bg-lahrf2015.jpg);*/
    background-repeat:no-repeat;
    background-size:cover;
    background-color:#FFF;
}
@media only screen and (max-width: 55em){
    #Homepage h1 i {display:inline;}
    #Homepage h1 i:after    {content:"\a";
                            white-space: pre;}
}

@media only screen and (max-width: 440px){
   #Homepage h1.icon {
      font-size: 14px !important;
    }
}
@media only screen and (max-width:920px){
    .content-tab-image{
        float: left;
        width: 200px;
    }
}
.mainContent {position:relative !important; z-index:3; background:transparent !important; /*background-image:url(../images/background.jpg) !important;*/ background-repeat:no-repeat !important; background-size:contain !important; background-position:bottom !important; min-height:0 !important; height:auto !important;}
header.banner {position:relative; /*margin-bottom:1em;*/ z-index:4; /*overflow: hidden;*/ padding-bottom:0.5em; padding-top:0.5em;}
.box { border-left-width: .0625em; padding: 0; } /* Can update the original box border width */
.box .searchContainer,
.box .containerContent,
.box blockquote { margin-left: 1em; margin-right: 1em; }
h1 small { color: inherit; }/* This can just be removed from events.css? */

.icon {font-size:1.6em; text-shadow:none; padding: .5em 0 .5em 70px; height: 36px; background-position: .4em center;}

#Homepage .icon {
  font-size: 15px;
  text-align: left;
  border: 1px solid #ed0874;
  border-radius: 5px;
  height:auto;
  padding:10px 0px;
}

#Homepage .icon span {display:block; text-align:center; font-family:'Lato', sans-serif;}
#Homepage .icon i {display:block; margin:0 auto; font-size:2em;}

.icon {
    transition: background-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease; padding:0px;
}
a.icon:hover,
a.icon:active,
a.icon:focus {
    background-color: #ed0874;
    color:#fff !important;
}

.smallerBGImage {
    background-size: 50px 50px;
}
    
.quoteCorner { left: 23px; }
.overlay header { margin-bottom: 1em; }
.overlay .subhead { border-bottom-style: solid; border-bottom-width: 4px; font-size: 2em; font-weight: normal; margin-bottom: .5em; overflow: hidden; padding-bottom: .5em; }
.subhead small { color: black; float: right; font-size: 50%; line-height: 3; }
.subheading {border-bottom:none;}
.filters { padding: 1em 4%; width: auto; background:#fff;}
.filters .topRow .ddItem { margin: .5em 0; }
.filters label { font-size: .8em; }
.filters select { display: block; width: 100%; }

.overlay header .icon {background-size:70px; background-position:0em; font-family:'Lato', sans-serif; font-weight:bold;}

.scrollToTop{width:100px; height:22px; padding:10px; text-align:center; font-weight:bold; color:#fff; text-decoration:none; position:fixed; right:10px; z-index:999; display:none; background:rgba(0,0,0,0.9); border:1px solid #fff; border-top:0px; box-shadow:0px 0px 10px #333; display:none;}
.scrollToTop:hover{text-decoration:none;}

/* ==========================================================================
   Locator
   ========================================================================== */

.loading{display:block; margin:0 auto; position:absolute;}
.clear{clear:both;}
.map{position:relative; width:90%; height:600px; line-height:0px; overflow:hidden; margin:0 auto; box-shadow:0px 0px 10px #000; margin-bottom:15px;}
.mapInner{position:absolute; z-index:1;}
.mapInner .tile{width:256px; height:256px; float:left; background:#FFF;}
.mapInner .tile img{height:auto; display:block; width:auto;}
.radius{width:10px; height:10px; position:absolute; background-image:url(/images/responsive/blueRadius.png); background-size: cover; z-index:3;}
.user{position:absolute; width:20px; height:38px; border-radius:10px; background-image:url(/images/responsive/bluePin.png); background-size:cover; display:none;}
.radius.currentUser{background-image:url(/images/responsive/greenRadius.png);}
.radius.currentUser .user{background-image:url(/images/responsive/greenPin.png); display: none;}
.radius.currentZone{background-image:none !important;}
.radius.currentZone .user{background-image:url(/images/responsive/zone.png);}
.zoom{position:relative; float:right; margin-right:20px; width:50px; height:210px; z-index:2; top:30px;}
.zoomBG{height:210px; width:12px; margin:0 auto; background-color:#fff; border:1px solid #000; z-index:1; position:relative; box-shadow:0px 0px 5px #333;}
.zoomBar{position:absolute; top:170px; width:48px; height:30px; background-color:#fff; border:1px solid #000; left:0px; z-index:2; box-shadow:0px 0px 5px #333;}
.locateMe{width:50px; height:50px; background-image:url(/images/responsive/icon-target-green.png); background-repeat:no-repeat; background-position:center; border-radius:5px; position:absolute; right:20px; top:270px; z-index:3;}
.floorChangeContainer{width:50px; position:absolute; right:20px; top:335px; z-index:3;}
.floorChange{width:50px; height:50px; margin-bottom:10px;}

.menuIcon{display:block; width:30px; height:30px; background-color:#506C84; background-image:url(/images/responsive/icon-menu.png); background-repeat:no-repeat; border-radius:0px 5px 5px 0px; position:absolute; right:-30px;}
.menuWrapper{float:left; width:100%;}
.leftMenu{position:absolute; z-index:4; left:0px; top:0px; width:30%; color:#fff; padding:20px; line-height:1em; text-shadow:none; background-color:#506C84;}
.menuTabs{border:2px solid #fff; border-radius:5px; width:100%; position:relative; z-index:2;}
.menuTabs a{width:50%; background:#fff; color:#003366; display:block; float:left; padding:10px 0px; text-align:center;}
.menuTabs a.active{color:#fff !important; background-color:#506C84;}
.tabs {position: relative; z-index:1}
.tab{width:100%; position:absolute; display:none;}
.zoneMenuItem{background:#fff; padding:10px 0px; color:#000; margin:10px 0px; width:100%; overflow:hidden;}
.zoneMenuItem .zoneInfo{float:left; height:40px; padding:0px 10px;}
.zoneMenuItem .zoneInfo p{margin:3px 0px 0px 0px;}
.zoneMenuItem .zoneLocate{float:right; background-image:url(/images/responsive/icon-locate.png); background-repeat:no-repeat; background-position:center; display:block; width:50px; height:40px; border-left:1px solid #ccc;}

.subnav,
.sectionHome .colspan2
{background:#ed0874; margin-top:0px;}

#Homepage .twitter-fw .box {
    width: 96.5%;
}
a {
    transition: none;
}

.banner {text-align:left; border-bottom: 1px solid #f0f0f0;/*text-align:center;*/}
.banner .fullimg {max-height:60px; display:block; float:left; max-width:200px;}

.homeWrapper {width:96%; margin:1em 2% 0 2%;}
#content-tab-controls {display:none;}
.no-cat {border-top:none; padding-top:0px;}

/* --TEMPLATE FIXES-- */
.wrap {overflow:visible; padding:0px;}
.registration .uploadpic {background-color:#fff; margin-top:0px; padding:1em;}
.registration p.notes {padding:1em; background:#fff;}
.containerEdit header {margin-bottom:0px;}

.containerResources header {margin-bottom:1em;}
#ContentTab430 p {margin-top:0px; background:#fff; padding:1em;}
.content-tab-header {padding:1em; background:#fff;}
.content-tab-person {background:#fff; position:relative; margin:1em 0px 0px 0px; padding:1em 1em 1em 3em;}
.subnav :not(.selected) {color:#fff;}
.overlay .close {background-color:#d20766; line-height:2; /*text-shadow:0px 0px 4px #000;*/ transition:background-color 0.2s ease; -webkit-transition: background-color 0.2s ease; padding:0.25em 1em;}
.overlay .close:hover, .overlay .close:active, .overlay .close:focus {background-color:#d20766;}
.ui-checkbox .ui-icon:before {background-color:white; border:5px solid #999; font-family:FontAwesome; font-size:24px; content:"\f00c"; /* Tick: fa-check; */ padding:.3em;}
.imageuploadwrapper {box-shadow:0px 0px 10px 2px #000 !important;}
.delegateEdit .editrow {background:#fff;}
.delegateEdit #registerForm {background:#fff;}
.engage #registration .clear {clear:both !important;}
.engage #main #panelHolder .quizout br {display:none !important;}
.engage #main #panelHolder .quizout .quizTitle br {display:block !important;}
.passwordReset {background:#fff; padding:1em;}

.colspan3{padding:0 2%; margin:0px;}

.banner {background:#fff;}
.sectionHome .colspan2 {background:#fff;}
#Homepage .homeWrapper .box {width:32%; margin-bottom:2%;}
#Homepage .homeWrapper .box.left {float:left;}
#Homepage .homeWrapper .box.right {float:right; margin-right:0px;}
#Homepage .homeWrapper .box.centre {float:none; margin:0 auto 2% auto;}
#Homepage a.icon.background {background-color:#ed0874; color:#fff;}
#Homepage #containerLiveGroup a.icon{background-image:url(../images/icon-lgpurple.png); background-repeat:no-repeat; background-position:center -10px; color:#000; border:1px solid #000;}
#Homepage #containerLiveGroup a.icon i {visibility:hidden;}
#Homepage #containerLiveGroup a.icon.background {background-color:#5c3896; color:#fff;}
#Homepage #containerLiveGroup a.icon.background i {visibility:visible;}
#Homepage #containerLiveGroup a.icon:hover,#Homepage #containerLiveGroup a.icon:active,#Homepage #containerLiveGroup a.icon:focus{background-color:#5c3896; background-image:url(../images/icon-lgwhite.png);}
#Homepage .twitterToggle {top:0px; left:0px; z-index:3; float: none; margin:0 auto 2% auto;}
.twitterToggle {background-image:url(../images/Twitter_logo_blue.png); background-repeat:no-repeat; background-position:center 10px; background-size:45px;}
#Homepage .twitterWrapper {display:none;}
#Homepage #wrapper-twitter{padding:0.5em; background-color:#ed0874; color:#fff; border-radius:5px; float:none; width:auto; margin-top:0px; margin-bottom:0px;}
#Homepage #wrapper-twitter ul{padding:0px; margin:0px 0px 10px 0px; position:relative; height:100px;}
#Homepage #wrapper-twitter ul li{list-style:none; padding:0px; margin:0px auto; display:none; position:absolute; top:0px; color:#fff; font-size:14px; font-family: 'lato', sans-serif;}
#Homepage #wrapper-twitter ul li a {color:#fff; font-weight:bold; display:inline;}
#Homepage #wrapper-twitter p{margin:0; text-align:center;}
#Homepage #wrapper-twitter p a {color:#ed0874; text-decoration:none; font-weight:bold; display:block; padding:5px; background:#fff; max-width:280px; margin:0 auto; border-radius:5px; height:auto !important;}
#Homepage #wrapper-twitter ul li p a{color:#fff; text-decoration:none; font-weight:bold; display:inline;}

#contentTab456 .content-tab-image, #contentTab456 .content-tab-desc {display:none;}
a.anchor {position:absolute; top:0px;}

#VenueTitle {background-position:.4em center !important; padding:.5em !important; font-size:1.6em !important; height:34px !important; text-align:left !important; background-size:70px !important;}
#venueFloorplan {display:none;}

.content-tab-desc {width:auto;}

/* --DELEGATES PAGE-- */
.delegates .delegateContact a {background-image:none; font-size:3em; text-align:center; float:right;}
#BlankCenterbtn input, .smartbutton {padding:1em 1.25em; border:1px solid #fff;}

/* --DOWNLOADS MENU-- */
.mainContent {position:relative;}
.mainContent .col.first {position:fixed; left:0px; top:0px; z-index:4; padding-right:55px;}
.mainContent .col.first ul {color:#000; background:#fff; border-right:10px solid #ed0874; padding:0 .5em;}
.mainContent .col.first a {color:#000;}
.mainContent .col.first small {color:#fff;}
.mainContent .col.first .toggle {position: absolute; top:42%; right: -38px; -webkit-transform: rotate(90deg); transform: rotate(90deg); padding:8px 16px; background: #ef0874; color: #fff;}
.mainContent .syswrap {position:relative; z-index:1;}
.mainContent .colspan2 {float:none; width:auto; margin-left:0px;}
.mainContent header {margin-bottom:0px;}
.ui-mobile, .ui-mobile body {height:auto;}

#Engage {position:relative;}
#Engage #pageTabs {position:fixed; left:0px; top:0px; z-index:4; padding-right:55px;}
#Engage #pageTabs a {color:#fff;}
#Engage #pageTabs small {color:#fff;}
#Engage #pageTabs .toggle {position: absolute; top:36%; right: -57px; -webkit-transform: rotate(90deg); transform: rotate(90deg); padding:8px 16px; background: #ef0874; color: #fff;}
#Engage .syswrap {position:relative; z-index:1;}
#Engage #engage {float:none; width:auto; margin-left:40px;}
#Engage header {margin-bottom:0px;}
#Engage .menuContainer {width:32%; min-width:115px;}
#Engage .subnavContentTab {padding:0px; padding-left:1em; overflow-y:scroll;}

.containerVenues {position:relative;}
#Homepage .containerVenues h1.icon {border-radius:0px; font-size:1.6em !important;}
#venueMenu {position:fixed; left:0px; top:0px; z-index:4; padding-right:55px;}
#venueMenu .toggle {position: absolute; top:36%; right: -19px !important; -webkit-transform: rotate(90deg); transform: rotate(90deg); padding:8px 16px; background: #ef0874; color: #fff;}
.containerVenues .syswrap {position:relative; z-index:1;}
.containerVenues #venueInfo, #venueFloorplan {float:none; width:auto; margin-left:0px;}
.containerVenues header {margin-bottom:0px;}

#contentTab456 .colspan2 {padding:0px; width:auto;}
#contentTab456 .cat-block .block {display:block; font-size:1.2em; background: #ef0874; color: #fff; font-family:'Lato', sans-serif; margin:1em 0 0 0;}
#contentTab469 .colspan2 {width:auto;}

/* --DOWNLOADS CAPTION-- */
.pubWarning {display:none;}
#contentTab427 .pubWarning {display:block;}

.busDevImg {display:none;}
.busDevImg img {display:block; width:100%;}
#openImg {display:block; width:150px; font-weight:bold; padding:10px; color:#fff; background:#007fb3; margin:0 auto; text-align:center;}

/* --AGENDA PAGE-- */
.agenda .col.first {background:#fff;}
.agenda .col.first p.key {margin-left:10px; padding:0px;}
.agenda .col.first strong {color:#fff; padding:5px; margin:10px;}
.agenda #list .row {position:relative;}
#agendaDetail .title {background:none; color:#000;}
#agendaDetail .time {padding:5px;}
.agenda .desc table td {padding:5px;}
.agenda .desc table td img {height:auto !important;}

/* --DELEGATES PAGE-- */
#locateNearMe {margin-left:1.5em; padding:0.75em 1.25em;}

/* --PROFILE PAGE-- */
.profileHeader {background:#ed0874; padding:0.5em !important;}
.profileHeader h1 {padding:0px !important; height:auto; font-size:1.2em;}
.profileHeader h2 {color:#fff; font-family:'Lato', sans-serif; font-size:1em;}
.avatarContainer {margin-top:1em;}
.avatarContainer img {max-height:200px;}
.infoPanel {padding:0 0.5em; margin-top:1em;}
.infoPanel .item {margin-bottom:1em;}
.infoPanel .label {padding-right:5px; font-weight:bold; display:block;}
.delegateContact.subwrap {clear:both;}
.delegateinfo .delegateContact a.ui-link, .delegateinfo .delegateContact a#msg, .delegateinfo .delegateContact a#locate {border:none; background:#ed0874; color:#fff; padding:0.5em; margin-bottom:0px;}
.delegateinfo .delegateContact a.ui-link span {padding-left:5px;}
.delegateContact a:hover, .delegateContact a#msg:hover, .delegateContact a.ui-link:active, .delegateContact a#msg:active {background:#ed0874; color:#fff !important; transition:background-color 0.2s ease; -webkit-transition:background-color 0.2s ease;}
.delegateinfo a.twitter, .delegateinfo a.linkedIn {text-indent:0; background-position:center left; padding-left:30px; color:#000 !important;}

/* --DIARY PAGE-- */
#diary {margin-top:1em;}
#AgendaDelegate h1 {height:auto !important;}

/* --FOOTER-- */
.footer {/*background-color:#e6e7e9;*/display:none; background-color:#fff; height:76px; position:fixed; z-index:3; border-top: 1px solid #f0f0f0;; background-repeat:no-repeat; background-position:right center; margin-top:1em; background-size:183px; width:100%; bottom:0px;}
.footer a {display:block; float:left; padding:23px 0; margin:0 .5em;}
.footer a img {height:30px;}

/* --HOME PAGE-- */
#sponsorBox {margin:1em auto 0 auto; width:32%; position:relative; height:85px;}
.techSponsors .sponsor {background-color:#ed0874; color:#fff; height:20px; padding:2em 4%; text-align:center; border-radius:5px; width:92%; position:absolute; display:none;}
.containerResources .colspan2 {padding:1em; background:#fff !important;}
.box a {display:block;}

/* --MAIN HEADER-- */
.bannerLogo {height:50px; overflow:hidden; background-image:url(../images/smallBanner.jpg); background-repeat:no-repeat; background-position:left; width:auto; background-color:#fff;}
.bannerLogo img {display:none;}
#headerLinks {border-radius: 5px; margin-top:0; position:absolute; top:0px; right:0px; padding:0px; height:60px; border-radius: 5px;}
#headerLinks .logout-container {border-right:1px solid #fff !important;}
#headerLinks .logout .close {font-size:inherit;}
#headerLinks .edit {background-image:none;}
.eventDetails {border-top:0px; margin:0px; float:right;}
#homeButton i {font-size:3em; line-height:50px;}
.fa-3x {line-height: 50px; font-size:2.5em;}
#headerLinks a {border-radius: 5px; color:#333;}
#accountMenuToggle {border: 1px solid #f0f0f0; margin-left:0.5em; text-align:center; display:block; height:50px; width:50px; float:right; transition:background-color 0.2s ease; -webkit-transition:background-color 0.2s ease;}
#accountMenuToggle.active {background-color:#fff;}
#accountMenu {padding:0px; margin:0px; position:absolute; right:0px; min-width:150px; z-index:999; display:none;}
#accountMenu li {display:block; list-style:none; padding:1em; background:#ED0873; text-align:left; border-top:1px solid #AE0000;}
#accountMenu li a { color:#fff; font-weight:bold; font-family:'lato',sans-serif;}
#accountMenu li a span {padding-left:5px;}
#homeButton {border: 1px solid #f0f0f0; display:block; text-align: center; height:50px; width:50px; float:right; transition:background-color 0.2s ease; -webkit-transition:background-color 0.2s ease;}
#homeButton:hover,
#homeButton:active,
#homeButton:focus {background-color:#fff;}
#homeButton a i {color:#fff; transition:color 0.2s ease; -webkit-transition:color 0.2s ease;}
#homeButton:hover,
#homeButton:active,
#homeButton:focus {color:#ed0874; background-color: #fff;}
#accountMenuToggle:hover,
#accountMenuToggle.active {background-color:#fff; color:#ed0874; border: 1px solid #f0f0f0}
#accountMenuToggle a i {color:#fff; transition:color 0.2s ease; -webkit-transition:color 0.2s ease;}
#accountMenuToggle a i:hover,
#accountMenuToggle a i:active {color:#ed0874;}

/* --EVALUATION-- */
.engage #main #panelHolder > div {background:#fff;}
.ui-btn-up-c {background:#fff;}
.ui-radio-on .ui-icon {background-color:#ed0874;}
.ui-focus, .ui-btn:focus {box-shadow:none;}
.engage #main #panelHolder > div {border:none;}
#BlankCenterbtn input, .smartbutton {background:#ed0874;}

/* --LOADING ICON-- */
.loadingText {padding-left:5px;}

/* --DOWNLOADS-- */
#contentTab455 h1.icon {font-size:1.3em; height:39px; line-height:1.8em;}
#contentTab455 .content-tab-desc {width:100%; display:none;}
#contentTab455 .content-tab-image { display:none;}
#contentTab455 table {margin-top:1em; width:100%;}
#contentTab455 table tr td {display:block; float:left;padding:0px 20px 0px 0px;}
#contentTab455 table tr td span {color:#ed0874;}
#contentTab455 table tr td a {padding:10px 5px 10px 5px;}
#contentTab455 table tr td a span {padding-right:5px; font-size:1.3em;}

.downloadFiles a.toggle {display:none;}

#alertarealogin a{font-weight:bold;}

/* --LI PAGE-- */
.vote #votebuttons {margin:0px;}
.vote #votebuttons a {height:auto; margin:1.5%;}
.vote #votebuttons a div span {padding:4%;}
.vote #votebuttons a div img {position:absolute;}

/* --LIVE GROUP PAGE-- */
#contentTab487 .colspan3 {margin-left:0px; width:auto; float:none;}
#contentTab487 .content-tab-header {padding:0px;}
#contentTab487 img {margin:10px; width:45%;}
#contentTab487 .content-tab-header img:first-child {max-width:400px;}
#contentTab487 strong {display:block; line-height:1; margin-bottom:5px;}
#contentTab487 br.clear {margin-top:10px; display:block;}

/* --MESSAGES PAGE-- */
#messageArea, #messagesList {background:#fff; overflow:visible;}
#messageToBox, #messageSendBox {background:#fff; overflow:visible;}
#messageTo {width:98%; position:static; padding:.5%;}
#messageToBox label {line-height:1em; padding-bottom:.5em;}
#messageViewPane {height:auto;}
#messageHistory {height:auto;}
#messageHistory .jspContainer {overflow:visible; height:auto !important;}
#messageHistory .jspPane {position:relative;}
#messageToBox, #messageSendBox,#selectedDelegates {padding:0px; margin-bottom:1em;}
#messageToBox label {float:none;}
#messageSendBox textarea {width:98%; padding:.5%;}
#messagesOverview {padding:2%;}

@media only screen and (min-width: 600px) {
    #homeButton i {font-size:4em; width:60px; height:60px; line-height:60px;}
    .fa-3x {line-height: 60px; font-size:3em; width:60px; height:60px;}
    .eventTitle {font-size:15px;padding:2px 0px 2px 28px;}
    .bannerLogo {background-image:url(../images/TechFest_Logo.png); background-size:contain; height:60px;}
    .bannerLogo img {display:block;}
    #Homepage #wrapper-twitter ul{height:60px;}
    .filters .topRow button,
    .filters .topRow .ddItem {
        float: left;
        margin-left: 2%;
    }

    #Homepage .icon {padding:10px; font-size:1.3em;}
    /*#Homepage .icon span{display:inline; padding-left:10px;}
    #Homepage .icon i {display:inline;}*/

    .filters .topRow .ddItem { width: 42.5%; }
    .filters .searchFields .ddItem { float: left; margin-left:4%; width: 48%; }
    .filters .searchFields .ddItem:nth-child(odd) { clear: both; margin-left: 0; }
    #homeButton {height:60px; width:60px;}
    #accountMenuToggle {height:60px; width:60px;}
    .avatarContainer {float:left; margin-left:3%;}
    .infoPanel {margin-left:1em; float:left;}
}

@media only screen and (min-width: 48.75em) {
    #headerLinks .change-event { margin-top: 0px; }
    .overlay .searchContainer {margin-top:0px;}
}

@media only screen and (min-width: 55em) { 
    .filters { padding: 1em 2%; }
    .filters .searchContainer { margin: 0; width: 67%; }
    .filters .topRow .ddItem { width: auto; }
    .filters .searchFields { margin-right: 0; }
    .filters .searchFields .ddItem { float: left; width: 18%; margin-left:2.5%; }
    .filters .searchFields .ddItem:nth-child(odd) { clear: none; margin-left: 2.5%; }
    .filters .searchFields .ddItem:nth-child(5n-4) { clear: both; margin-left: 0; }
    
    .homeWrapper {width:80%; margin:1em auto 0 auto;}
    .banner { text-align: left; height: auto; padding-bottom: 0.5em; padding-top:0.5em;}
    .banner .fullimg {max-width:none;}
    #headerLinks .change-event {margin-top:0px !important;}
    .overlay .colspan2 {width:60%;}
   
    .eventDetails { border-width: 0; text-align: right; }
    #Homepage #wrapper-twitter ul{height:20px;}
    .containerDelegates .colspan3 {
        width: auto;
        margin-left: 0;
        padding:1em;
        float:none;
    }
    #Homepage .icon {background-position:center left; background-size:82px; text-align:left;  border: 1px solid #ed0874; border-radius: 5px; font-weight:normal; /*height:60px; padding:8px .5em 0px 0.5em;*/ padding:8px .5em;}
    #Homepage .homeWrapper .box {margin-bottom:2%;}
    #Homepage .homeWrapper .box.left {float:left;}
    #Homepage .homeWrapper .box.right {float:right;}
    .containerZurich .icon { background-image: url(../images/icons2/zurichLogo.png); background-size: 62px !important; background-position:10px center !important;}
    .containerMetlife .icon  { background-image: url(../images/icons2/metlifeLogo.png); background-size: 62px !important; background-position:10px center !important;}
    .footer {background-size:auto;}
}

.ui-checkbox .ui-btn.ui-checkbox-off {
    background-image: url(../images/check-off.png); background-position:8px center; background-repeat:no-repeat;
}

.ui-checkbox .ui-btn.ui-checkbox-on {
    background-image: url(../images/check-on.png); background-position:8px center; background-repeat:no-repeat;
}

#registerForm fieldset#fs_quizItem9087 {
    width:auto;
    float:none;
    padding:0;
}

#fs_quizItem9087 .ui-checkbox, .col2fields .ui-checkbox {margin: 0.25em 5%;}
@media only screen and (min-width: 55em) {
    #fs_quizItem9087 .ui-checkbox,
    .col2fields .ui-checkbox {
        float: left;
        width: 40%;
        margin: 0.25em 5%;
        clear: none;
    }
}
.content-tab-footer {display:none;}

.cropper #slideholder .saveoptions {margin-bottom:1em;width: 163px;}