/* ==========================================================================
   General styling amends.
   Overwrite from default jQuery Mobile Template.
   ========================================================================== */
#eventTitleLarge {
    display:none;
}
.overlay .close {
    color:#000;
}
.containerTwitter {
    background:#2d2d2d;
}
.box {background: transparent !important; border: none !important;  }

header {
    background-color:#000 !important;
}
.ui-page {
    background: #959394; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #959394 16%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(16%,#959394), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #959394 16%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #959394 16%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #959394 16%,#131313 100%); /* IE10+ */
background: linear-gradient(135deg,  #959394 16%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959394', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */;

    padding-top: 1.5em;
}

.pipe {
    padding: 0 1em;
}
.ui-body-c .smartbutton.ui-link,
.ui-body-c .smartbutton.ui-link:hover {
   color: #fff; 
}
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;
}
.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: 1.5em; } /* This can just be removed from events.css? */
.box { 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? */

h1.icon { background-position: .4em center; padding: .5em 0 .5em 0px; text-align: center; color:#000 !important;}
.containerAgenda .icon     { background-image: none; background-color:#d8d8d8 !important; border-radius:4px; }
.containerDelegates .icon  { background-image: none; background-color:#d8d8d8 !important; border-radius:4px; }
.containerEmail .icon      { background-image: none; background-color:#d8d8d8 !important; border-radius:4px; box-shadow: 
  inset 0 -5px 10px rgba(0,0,0,0.25), /*bottom internal shadow*/ 
  inset 0 5px 10px rgba(255,255,255,0.8); /*top internal highlight*/}
.containerEngage .icon     { background-image: none; background-color:#d8d8d8 !important; border-radius:4px; box-shadow: 
  inset 0 -5px 10px rgba(0,0,0,0.25), /*bottom internal shadow*/ 
  inset 0 5px 10px rgba(255,255,255,0.8); /*top internal highlight*/}
.containerExhibitors .icon { background-image: none; background-color:#d8d8d8 !important; border-radius:4px; }
.containerForum .icon      { background-image: none; background-color:#d8d8d8 !important; border-radius:4px; }
.containerLocator .icon    { background-image: none; background-color:#d8d8d8 !important; border-radius:4px; }
.containerMessages .icon   { background-image: none; background-color:#d8d8d8 !important; border-radius:4px; }
.containerNotes .icon      { background-image: none; background-color:#d8d8d8 !important; border-radius:4px; box-shadow: 
  inset 0 -5px 10px rgba(0,0,0,0.25), /*bottom internal shadow*/ 
  inset 0 5px 10px rgba(255,255,255,0.8); /*top internal highlight*/ }
.containerResources .icon  { background-image: none; background-color:#d8d8d8 !important; border-radius:4px; }
.containerSpeakers .icon   { background-image: none; background-color:#d8d8d8 !important; border-radius:4px; }
.containerVenues .icon     { background-image: none; background-color:#d8d8d8 !important; border-radius:4px; }
.containerVote .icon       { background-image: none; background-color:#d8d8d8 !important; border-radius:4px; box-shadow: 
  inset 0 -5px 10px rgba(0,0,0,0.25), /*bottom internal shadow*/ 
  inset 0 5px 10px rgba(255,255,255,0.8); /*top internal highlight*/}
.containerEdit .icon{ background-image: none; background-color:#d8d8d8 !important; border-radius:4px; box-shadow: 
  inset 0 -5px 10px rgba(0,0,0,0.25), /*bottom internal shadow*/ 
  inset 0 5px 10px rgba(255,255,255,0.8); /*top internal highlight*/}
    
.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; }
.registration #registerForm {color:#fff;}
#btnChangeEmail, #forgotten, .registration #registerForm a{color:#fff;}
#alertarealogin a{color:#dc0000 !important; font-weight:bold;}
.registration #registerForm fieldset, .registration p,.uploadpic .skip {color:#fff;}

.subwrap { 
    background: #ebebeb;    
    overflow: hidden;
    /*padding-left: 1.5em;*/
    width: 100%;
}
.filters { padding: 1em 4%; width: auto; }
.filters .topRow .ddItem { margin: .5em 0; }
.filters label { font-size: .8em; }
.filters select { display: block; width: 100%; }

#wrapper-twitter{padding-left:50px; margin-bottom:20px; background-image:url(../images/Twitter_logo_blue.png); background-color:#fff; background-repeat:no-repeat; background-position:0px 0px; background-size:45px; box-shadow:0px 0px 5px #888;}
#wrapper-twitter ul{padding:0px; margin:0px 0px 10px 0px; position:relative; height:86px; top:15px;}
#wrapper-twitter ul li{list-style:none; padding:0px; margin:0px; display:none; position:absolute; top:0px; left:0px; color:#2d2d2d; font-size:14px;}
#wrapper-twitter ul li a{color:#2d2d2d; text-decoration:none; font-weight:bold;}
#wrapper-twitter p{margin-right:10px; margin-bottom:0px;}
#wrapper-twitter p a{color:#2d2d2d; text-decoration:none; font-weight:bold; display:block; padding:5px;}

/* --FIXES-- */
.engage #registration .clear {clear:both !important;}
.engage #registration .rankNumber {float:left; margin-right:15px;}
.engage #registration .rankNumberEmpty {display:none;}
.engage #engage {width:100%; float:none; margin:0px;}
.notes #notesList .noteTime .time, .notes #notesList .noteTime a {color:#fff !important;}
#updatebtnimg {display:none !important;}

@media only screen and (min-width: 321px) {
    #wrapper-twitter ul{height:58px;}
    .filters .topRow button,
    .filters .topRow .ddItem {
        float: left;
        margin-left: 2%;
    }
    .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; }
}

@media only screen and (min-width: 48.75em) {
    #wrapper-twitter ul{height:14px;}
    .filters { padding: 1em 2%; }
    .wrap { padding: 0; }
    .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; }
}

/* ==========================================================================
   Location page
   ========================================================================== */

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

.keyItem{background:#fff; padding:3%; color:#000; margin:10px 0px; width:94%; overflow:hidden;}
.keyItem .zoneInfo{float:left; height:40px; width:65%; border-right:1px solid #ccc;}
.keyItem .zoneInfo p{margin:3px 0px 0px 0px;}
.keyItem .keyIcon{float:right; display:block; width:50px; height:40px; text-align:center; color:#fff; line-height:40px;}

#zoom1 {position: absolute;  width:8960px;}
.locator #rect1 {width: 8960px;}