h1, h2, h3, h4, h5, h6 {
    margin-top:4px !important;
}

h3{font-size:15px !important}

.ghost{opacity:.5}

.button.large {font-size:16px !important;}
.button.medium {font-size:14px !important;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently upported by Chrome, Opera and Firefox */
}        


/*************************************************************************
SIDE TAB CONTAINERS
**************************************************************************/           
.sidetabs {display: block;
    width: 100%;
    position: relative;}

.sidetabs-menu{position: absolute;
    left: 0;
    width: 200px;
    color: #FFF;
    border-right: 1px dashed #ddd;}
.sidetabs-menu dd a{color:#999999;
    font-weight:normal;
    font-size:14px;
    line-height: 20px;
    text-decoration: none;}

.sidetabs-menu dd{padding: 14px 10px 14px 15px;
    display: block;
    margin-bottom: 15px;
    transition: all 500ms;
    border-left: 8px solid #f6f6f6;
    cursor:pointer;}

.sidetabs-menu dd.active{border-left: 8px solid #4E7994;
    box-shadow: 0px 8px 17px -19px rgba(0,0,0,.8);}
.sidetabs-menu dd.active a{font-weight:bold;color: #4E7994;}
       

.sidetabs-content{list-style-type: none;
    position: absolute;
    left: 200px;}

.sidetabs-content > li{margin:0px;display:none;padding:10px 10px 10px 20px;font-size:14px;line-height:16px;transition: all 500ms;}
.sidetabs-content > li.active{display:block;}        
/*************************************************************************
**************************************************************************/   
            

/*************************************************************************
ALERT BOX STYLES
**************************************************************************/    
.msgBox {margin: 0px;
    width: 100%;
    float: none;
    padding: 15px 15px 15px 48px;
    border-radius: 7px;
    box-shadow: 2px 4px 0px rgba(0,0,0,.1);
    color: #000000;
    font-size: 14px;
    line-height:26px;
    position: relative;
    margin-bottom:8px;}            
    
.msgBox .icons {display: block !important;
    width: 30px !important;
    height: 30px !important;
    background-size: 80% !important;
    vertical-align: middle;
    position: absolute;
    left: 14px;
    top: 12px;}       
.msgBox a {font-size:14px !important;}
                            

.noteMsg {border: 1px solid #FFD145;background:#FDE47C;}
.greetingMsg {border: 1px solid #96B7D8 !important;background: #DFE9F3;}
.alertMsg {border:1px solid #EAA38E !important;background: #FFE4E0;} 
.successMsg {background: #E0F2C1;border:1px solid #9FB660;}

/**************************************************************************/
/**************************************************************************/


/***************************************************************************
GRADIENT STYLES 
***************************************************************************/                
.gradient-gold{background: #ffe852;
    background: -webkit-linear-gradient(top, #ffe852 0%,#ffd14b 100%);
    background: linear-gradient(to bottom, #ffe852 0%,#ffd14b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe852', endColorstr='#ffd14b',GradientType=0 );}
.gradient-blue{background: #5C90C3;
    background: -webkit-linear-gradient(top,  #5C90C3 0%,#3b679e 100%);
    background: linear-gradient(to bottom,  #5C90C3 0%,#3b679e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5C90C3', endColorstr='#3b679e',GradientType=0 );}
.gradient-green{background: #78ba00;
    background: -webkit-linear-gradient(top,  #9dd53c 0%,#78ba00 100%);
    background: linear-gradient(to bottom,  #9dd53c 0%,#78ba00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53c', endColorstr='#78ba00',GradientType=0 );}
.gradient-red{background: #e73827;
    background: -webkit-linear-gradient(top,  #f85032 0%,#e73827 100%);
    background: linear-gradient(to bottom, #f85032 0%,#e73827 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 );} 
.gradient-purple2{background: #7850b2;
    background: -webkit-linear-gradient(top, #a972e0 1%, #7850b2 100%);
    background: linear-gradient(to bottom, #a972e0 1%, #7850b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a972e0', endColorstr='#7850b2',GradientType=0 );}                   
/**************************************************************************/
/**************************************************************************/        



.boothsBackground{position:fixed;bottom:0px;width:100%;z-index:1}
#topBar {position: relative;z-index: 250;}
#topBar .icons {background-position: 0px 10%;}        
#topBar #eventName{font-weight: bold;font-size: 14px;padding:10px;text-align:center;}
#topBar #topTabs{
    position: absolute;
    right: 30px;
    top: -5px;
    height: 46px;
    border-radius: 5px;
    box-shadow: 2px 4px 0px rgba(0,0,0,.05);
    padding: 6px 15px; 
    z-index:300;   
}    
#topBar #topTabs div{
    display: inline-block;
    line-height: 30px;
    background-position: 0px 10px;
    cursor: pointer;
    padding: 2px 7px 2px 24px;
    padding-right: 7px;
    background-size: 13px;                  
}

#topBar #topTabs #helpCenter{
    background-size: 16px !important;
    background-position: 0px 10px !important;
    margin-right: 10px;
    padding-right: 14px !important;
}    


#menuBar{padding: 10px;border-bottom: 2px solid #FFF;box-shadow: 0px 0px 9px 0px rgba(0,0,0,.2);position:relative;z-index:200;}
#menuItems {list-style-type: none;padding: 0px;display: block;margin: 0px;}
#menuItems li img{display:none;}
#menuItems li{margin: 0px 20px;display: inline;font-size: 15px;font-weight: normal;cursor:pointer;opacity:.6;position:relative;}

#menuItems .icons {padding-left: 28px;background-size: contain;}        
#menuItems li.active img{position: absolute;bottom: -26px;left: 33%;display:block;z-index:4000}
        
#mapdBadge {position: fixed;
    right: 42px;
    bottom: 10px;
    z-index: 1000;
    color: rgba(255,255,255,.6);
    font-size: 10px;}

#popups {z-index:200;}
#platformContent {overflow:hidden;z-index:100;position:relative;}
#platformContent .contentBox{display:none;width:100%;overflow-x:hidden}
#platformContent .contentBox.active{display:block;}

#platformContent .contentBox .container {border-radius: 4px;
    box-shadow: 3px 5px 0px 0px rgba(0,0,0,.05);
    min-height: 50px;
    background: #FFF;
    margin-bottom: 14px;
    border: 1px solid rgba(0,0,0,.2);
    padding: 3px;
    display:block;}

.pageLogo{
	position:fixed;
    max-width:150px;
}

.pageLogo.topLeft {top:110px;left: 10px;}
.pageLogo.topRight {top: 110px;right: 10px;}
.pageLogo.bottomLeft {bottom: 10px;left: 10px;}

/***************************************************************************
POPUP STYLES
***************************************************************************/ 
#popups {position: absolute;z-index: 3000;top: 0px;display: block;height: 100%;width: 100%;background: rgba(0,0,0,.2);display:none;}

.popup {position: relative;
    min-width:750px;
    max-width:1200px;
    background: #FFFFFF;
    margin: 20px auto;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 3px 6px 0px rgba(0,0,0,.1);
    border: 1px solid #CCC;
    height: 100%;
    max-height: 660px;
    /* width: 88%; */
    display:none;
}        
.popup .closeButtonBack, #galleryPopup .closeButtonBack{position: absolute;
    right: 14px;
    top: -6px;
    background: #2B3A4C;
    border-top-right-radius: 6px;
    z-index: 100;
    height: 6px;
    width: 7px;
    border-top: 1px solid #8196B1;}        
.popup .closeButton, #galleryPopup .closeButton{cursor: pointer;
    position: absolute;            
    right: 20px;            
    top: -6px;         
    font-size: 13px;            
    font-weight: bold;           
    color: #FFFFFF;            
    padding: 12px 17px;            
    border-top-left-radius: 6px;            
    border-bottom-right-radius: 6px;            
    border-bottom-left-radius: 6px;
    z-index:100;
    background: rgb(129,150,177); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(129,150,177,1) 0%, rgba(87,115,151,1) 39%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(129,150,177,1) 0%,rgba(87,115,151,1) 39%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(129,150,177,1) 0%,rgba(87,115,151,1) 39%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8196b1', endColorstr='#577397',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 2px 2px rgba(0,0,0,.2);
    }
    
.popup .closeButton:hover {background:#F59009;}
#galleryPoup .closeButton:hover {background:#F59009;}

.popupContent{display:block;height:100%;width:100%;overflow:hidden;position:relative;}

.popup .bookmarkButtonBack{position: absolute;
    right: 93px;
    top: -6px;
    background: #AAA;
    border-top-right-radius: 6px;
    z-index: 100;
    height: 6px;
    width: 7px;
    border-top: 1px solid #999;}   
    
         
.popup .bookmarkButton{cursor: pointer;
    position: absolute;
    right: 100px;
    top: -6px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    z-index: 100;
    background-color: #EEEEEE;
    box-shadow: 0px 2px 2px rgba(0,0,0,.2);
    background-position: center center;
    background-size: auto 24px;
    text-decoration: none;
    background-repeat: no-repeat;
    background-image: url(../images/bookmark-star.png);
    transition: all 500ms;
    height: 37px;
    width: 80px;}        

.popup .bookmarkButton.on{
    background-image: url(../images/active-bookmark-icon.png);
    background-color: #FFE66E;}           


.popup h3 {margin-bottom:28px;}
.popup h3.icons {background-position: 0px 10%;padding-left: 35px;background-size: auto 20px;}
.popup .profileHR {padding:0px;
    height:4px;
    border-bottom: 1px dashed rgba(0,0,0,.1);
    margin:10px;}        
.profileSubheader {margin-bottom: 16px !important;
    text-shadow: 2px 3px 0px rgba(0,0,0,.1);
    border-bottom: 1px dashed rgba(0,0,0,.1);
    padding-bottom: 10px;
    font-size: 20px;
    color: #00609C;}
.popup .profileContent, .popup .profileContent p, .popup .profileContent div {color:#000000;
    font-size:16px;
    line-height:24px;}        
         
.popup .tabs.contained dd > a {font-size: 13px;padding: 0px 12px 6px 12px;}
.popup .tabs-content > li{height:528px;overflow-y:scroll;overflow-x:hidden;}
.popup .tabs-content.contained > li {padding:30px !important;}


.popupFullWindow{
    display: none;
    position: absolute;
    top: 89px;
    width: 100%;
    height: 528px;
    left: 0px;
    background: #F8F8F8;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-right: 1px solid rgba(0,0,0,.1);
    border-left: 1px solid rgba(0,0,0,.1);
    padding: 20px;
    font-size: 14px;
    overflow-y: scroll;
    z-index:100;
}    

.popupFullWindow div{font-size:14px;}

.closePopupFullWindow{
    display: block;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 10px;
    margin-top: -10px;
    margin-bottom:20px;
}

.closePopupFullWindow span{
    margin-right: 1px;
    font-weight: bold;
    font-size: 15px;
    font-family: comic sans ms;
}

.popupFullImageBig{
    background: #FFFFFF;
    border-radius: 3px;
    margin: 0px;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.2);
    cursor: pointer;
    width: 100%;
}    

.popupFullImageSmall{
    width: 22%;
    height: 75px;
    background-size: cover !important;
    background-position: center !important;
    border: 1px solid rgba(0,0,0,.1);
    margin: 10px 10px 0px 0px;
    border-radius: 3px;
    float: left;
    cursor:pointer;
}
.popupFull360Small{
    width: 22%;
    height: 75px;
    background-size: cover !important;
    background-position: center !important;
    border: 1px solid rgba(0,0,0,.1);
    margin: 10px 10px 0px 0px;
    border-radius: 3px;
    float: left;
    cursor:pointer;
    background:url(../images/360-button.png);
}
/***************************************************************************
***************************************************************************/
 



/***************************************************************************
GALLERY POPUP STYLES
***************************************************************************/ 
#galleryPopup{
    display: none;
    position: absolute;
    z-index: 10000;
    background: rgba(0,0,0,.9);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
} 
    
#galleryPopup .galleryPhoto{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    max-width: 1180px;
    margin: 0px auto;
    display: none;
}     

#galleryPopup .galleryPhoto a{float:right;margin:0px 0px 20px 20px;}

.galleryDetails{
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: rgba(0,0,0,.7);
    max-width:1180px;
    width:100%;
    margin:0px auto;                
}
.galleryMinimize{
    text-align:center;
    text-align: center;
    font-size: 12px;
    color: white;
    padding: 10px;     
    cursor:pointer;   
}
.galleryPhotoDetails{
    overflow-y:scroll;    
    padding: 20px;
    font-size: 15px;
    line-height: 20px;   
    color: rgba(255,255,255,.6);     
}    

#previousPhoto, #nextPhoto{
    position: absolute;
    right: 40px;
    font-size: 40px;
    font-weight: normal;
    color: rgba(255,255,255,.3);
    width: 60px;
    height: 60px;
    background: rgba(255,255,255,.1);
    cursor: pointer;
    text-align: center;
    line-height: 53px;
    border-radius: 30px;
    font-family: comic sans ms;                
}
#previousPhoto{
    left: 40px;
}
#nextPhoto{
    right: 40px;
}
                        
#previousPhoto:hover,#nextPhoto:hover{background: rgba(255,255,255,.2);color:white;}
/***************************************************************************
***************************************************************************/ 


.tabs dd.active a{background:#F8F8F8 !important;}
.tabs-content.contained {background: #F8F8F8;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,.1);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;}
    
.tabs-content.contained > li{border:none;
    padding-top:10px !important;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;}        
.tabs.contained .tabHighlight{color: #2C79A1;font-weight: bold;}


.contentBuffer{height:100px;display:block;}

/***************************************************************************
FILTER AND SWITCH STYLES
***************************************************************************/ 
.switch{line-height:20px;display: inline-block;cursor: pointer;}
.switch > div {float:left;font-size:14px;}
.switchOuter{border-radius: 50px;
    position: relative;
    height: 20px;
    width: 40px;
    margin-right:8px;
    margin-left:8px;}

.switchButton{position:absolute;
    border-radius: 50px;
    border-bottom: 8px solid #E1E2E3;
    border-left: 8px solid #E1E2E3;
    background: #EEE;
    border-right: 4px solid #E1E2E3;
    border-top: 3px solid #E1E2E3;
    height: 18px;
    width: 18px;
    margin: 1px;
    z-index:10;
    transition: all 500ms;}
.switchButton.on{margin-left:20px;} 
       
.switchBackground{position:absolute;
    height: 20px;
    width: 40px;
    border-radius: 50px;
    background: rgba(0,0,0,.2);
    border-top: 5px solid rgba(0,0,0,.2);z-index:8;
    transition: all 500ms;
    } 
    
.switchContainer {height: 30px;
    line-height: 20px;
    padding: 10px 0px 10px 0px;
    cursor:pointer;
}

.switchContainer > div{float:left;}
.switchContainer .switchTitle{font-size:14px; max-width:75%;}

.filterButton{position: relative;
    float: right;
    width: 250px;
    background: #7CBD06;
    padding: 13px 0px 13px 0px;
    border-radius: 8px;
    z-index: 1;
    border: 2px groove rgba(255,255,255,.5);}

.filterButton #filterHeader{font-size: 14px;
    cursor: pointer;
    color: #000000;
    padding-left: 40px;}
.filterButton .icons{position: absolute;
    width: 18px;
    height: 35px;
    background-size: 100%;
    left: 13px;
    top: 3px;
    background-position: center center;
    opacity: 1;}        

.filtersPanel{display:none;
    border-radius: 20px;
    padding: 0px;
    border: 8px solid #79B5DB;
    background: rgb(238,238,238);
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%);
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%);
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
    box-shadow: 5px 8px 0px rgba(0,0,0,.1);
    margin-bottom: 26px;
    margin-top: 16px;}
            
.filtersPanelInner{
    border: 3px solid rgba(255, 255, 255, .2);
    padding: 20px;
    border-radius: 15px;}                    
            
.filtersPanel h3{border-bottom: 4px groove rgba(255,255,255,.4);
    padding-bottom: 14px;
    margin-bottom: 7px;
    text-shadow: 2px 2px 2px rgba(0,0,0,.1);
    color: #000;}

.switchBackground.on{background: #3B9BDC;}
.bookmarkSwitch .switchBackground.on{background: #F5E03F !important;}
.sponsorSwitch .switchBackground.on{background: #F5E03F !important;}

.firmHide{display:none !important;opacity:0 !important;visibility: hidden !important;}
/***************************************************************************
***************************************************************************/ 

        
/***************************************************************************
SIMPLE CONTENT BOX STYLES 
***************************************************************************/  
          
.simpleContentBox{width: 100%;
    border-radius: 4px;
    border: 2px solid #fff;
    margin-bottom:6px;}
.simpleLinkBox{width: 100%;
    box-shadow: 1px 1px 0px 2px rgba(0,0,0,.1);
    border-radius: 4px;
    border: 2px solid #fff;
    margin-bottom:6px;
    cursor:pointer;}            
.simpleProfileBox{width: 100%;
    box-shadow: 1px 1px 0px 2px rgba(0,0,0,.1);
    border-radius: 4px;
    border: 2px solid #fff;
    margin-bottom:6px;
    cursor:pointer;}

.simpleLinkBox:hover, .simpleProfileBox:hover {            
    box-shadow: 0px 0px 6px #FFD14B !important;
    margin-left: 1px;}
                
.simpleLinkBox:hover .icons {background-color:#FFE751;}
.simpleProfileBox:hover .icons {background-color:#FFE751;}
               
.simpleLinkBox:hover .icons {background-color:#FFE751;}
.simpleProfileBox:hover .icons {background-color:#FFE751;}

.simpleLinkBox.active, .simpleProfileBox.active {            
    box-shadow: 0px 0px 6px #FFD14B !important;
    margin-left: 1px;
}
.simpleLinkBox.active .icons, .simpleProfileBox.active .icons{ 
    background-color:#FFE751;
}
    
.simpleContentBox td, .simpleLinkBox td, .simpleProfileBox td {padding:12px;}        
.simpleContentBox .icons, .simpleLinkBox .icons , .simpleProfileBox .icons {width: 50px;
    background-color: #EEE;
    background-size: 26px;
    background-position: 50% 50%;}
    
.scbTitle, .scbTitle p, .scbTitle span, .scbTitle div{font-size:16px !important;font-weight:bold !important;}
.scbDetail, .scbDetail p, .scbDetail div, .scbDetail span{font-size:14px !important;color:#000000;font-weight:normal;padding:10px 0px;line-height:20px;}
.scbButton{border-radius: 34px;
    padding: 6px 21px;
    color: #FFF !important;
    font-size: 12px !important;
    text-shadow: none !important;}    
.scbEmbed{width:40%;}                
.scbSubdetail{font-size:12px !important;color:#666666;background-color:#F9F9F9}
.scbPicture{background-size: contain !important;width: 50px;min-height: 75px;background-position: center center !important;background-repeat: no-repeat;}        
.scbPictureBig{background-size: contain !important;width: 200px;min-height: 100px;background-position: top center !important;background-repeat:no-repeat;}


.abilityBox{
    width: 100%;
    box-shadow: 1px 1px 0px 2px rgba(0,0,0,.1);
    border-radius: 4px;
    border: 2px solid #fff;
    margin-bottom: 6px;
    cursor: pointer;
}

.abilityBox td{padding:6px;}

.abilityBox .abTitle{font-size: 14px !important;font-weight: bold !important;}
.abDetail, .abDetail div, .abDetail span {
    font-size: 14px !important;
    color: #000000;
    font-weight: normal;
    padding: 10px 0px;
    line-height: 20px;
}

.abilityBox .icons{
    width: 40px;
    background-size: 26px;
    background-position: 50% 50%;
}
.abilityBox .icons.good{background-color: #D3F3D3;}
.abilityBox .icons.bad{background-color:#FFE6A2}    
/**************************************************************************/
/**************************************************************************/   

        

/***************************************************************************
BOOKMARK STYLES 
***************************************************************************/          
.bookmarkIcon{background-color: #EEEEEE;
    border-right: 4px solid rgba(0,0,0,.03);
    border-top: 6px solid rgba(0,0,0,.03);
    width: 40px !important;
    background-position: center center;
    background-size: auto 24px;
    text-decoration: none;
    background-repeat: no-repeat;
    background-image: url(../images/bookmark-star.png);
    transition: all 500ms;
    position: relative;
    cursor:pointer;}  
    
.bookmarkIcon.on{
    background-image: url(../images/active-bookmark-icon.png);
    background-color: #FFE66E;
    border-right: 4px solid rgba(123,79,0,.1);
    border-top: 6px solid rgba(123,79,0,.1);}                        

.bookmarkIcon.onSmall{
    width: 50px !important;
    background-size: auto 16px !important;            
    background-image: url(../images/active-bookmark-icon.png);
    background-color: #FFE66E;
    border-right: 1px solid rgba(123,79,0,.1);
    border-top: 1px solid rgba(123,79,0,.1);}   
    
.bookmarkText{font-size: 8px;
   color: #AAA;
   text-align: center;
   line-height: 9px;
   bottom: 10px;
   position: absolute;
   width: 72%;
   display:none;}        
   
.smallBookmark{font-size: 12px;
    font-style: italic;
    color: #999999;
    padding-left: 16px;
    background-image: url(../images/active-bookmark-icon.png);
    background-position: left center;
    background-size: 12px;
    background-repeat: no-repeat;
    display: block;
    clear: both;
    height: 21px;
    line-height: 22px;
    margin-top: 8px;}
.popup .smallBookmark {float:right !important;}  
.popup .simpleProfileBox .smallBookmark{float:left !important;}          
/***************************************************************************
***************************************************************************/                  
        
                 
.sponsorBar{
    background: #ffe852; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffe852 0%, #ffd14b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffe852 0%,#ffd14b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffe852 0%,#ffd14b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe852', endColorstr='#ffd14b',GradientType=0 ); /* IE6-9 */
    padding:7px;
    border-radius:4px;
    font-size:12px;
} 
.sessionSponsor{color: #193F71;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    display: inline;
    padding: 0px 0px 0px 4px;}                                

/***************************************************************************
BOOKMARKS & NOTICES PANEL STYLES
***************************************************************************/  
#myBookmarks{
    display:none;
    position: fixed;            
    bottom: 32px;            
    right: 40px;            
    border-radius: 8px;            
    box-shadow: 3px 4px 2px rgba(0,0,0,.1);
    border: 1px solid rgba(0,0,0,.2);
    min-width: 170px;
    z-index: 10000;
    background: #FFF;
    padding: 2px;
    max-height:650px;}   
    
#bmHeader{
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor:pointer;
    background:#62ADDF;}

#bmHeader #bmSubheader{margin: 10px -10px -10px -10px;
    background: #95C8EA;
    padding: 4px 12px;
    font-size: 8px;
    font-weight: normal;
    color: #000;
    text-transform: uppercase;
    text-align: right;
    border-top: 1px solid rgba(255,255,255,.4);}

#bmTotal{
    border: 1px solid #999;
    padding: 3px;
    font-size: 10px;
    box-shadow: 1px 3px 0px rgba(0,0,0,.05);
    float: right;
    background: #EEE;
    border-radius: 30px;
    margin: -5px 0px 0px 5px;
    width: 30px;
    height: 24px;
    text-align: center;
    line-height: 12px;}            
                 
#bmTotal.highlightNum{
    background: #ffe852;
    background: -moz-linear-gradient(top, #ffe852 0%, #ffd14b 100%);
    background: -webkit-linear-gradient(top, #ffe852 0%,#ffd14b 100%);
    background: linear-gradient(to bottom, #ffe852 0%,#ffd14b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe852', endColorstr='#ffd14b',GradientType=0 );
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);
    color: #000000;
    font-weight: normal;
    border: 2px solid #FFF;
}

#bmContent{
    display: none;
    padding: 10px;
    width: 850px;
    overflow:hidden;
    height:450px;}
#bmContent .tabs dd > a {font-size:12px;}

#bmContent .bmListItem{
    margin-bottom: 4px;
    width: 100%;
    cursor:pointer;}
   
#bmContent .bmlistItem .bmHeader{
    font-size:14px;
    font-weight:bold;
}
#bmContent .bmTabList{
    height: 320px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.bmSigninAlert {display:none;}
.bmGettingStarted {display:block;}


#bmNoticeBox{position: absolute;
    top: -332px;
    right:0px;
    display:none;}                         
.bmNotice{
    background: rgb(16,67,88); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(16,67,88,1) 0%, rgba(13,53,71,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(16,67,88,1) 0%,rgba(13,53,71,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(16,67,88,1) 0%,rgba(13,53,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104358', endColorstr='#0d3547',GradientType=0 ); /* IE6-9 */
    min-height: 100px;
    padding: 70px 20px 20px 20px;
    border-radius: 16px;
    display: block;
    font-size: 14px;
    line-height: 18px;
    width: 400px;
    box-shadow: 3px 6px 0px rgba(0,0,0,.2);
    cursor: pointer;
    color: #FFF;
}
.bmNoticeDown {
    border-top: 25px solid #104358;
    width: 25px;
    margin: 0px 10px 0px 340px;
    border-left: 25px solid rgba(0,0,0,0);
    border-right: 0px solid rgba(0,0,0,0);
}       



#bmPrint, #bmReturn{
    display: block;
    text-align: right;            
    padding: 0px 3px 10px 9px;            
    font-weight: bold;
    cursor:pointer;
    color:#999999;}

#bmPrint .icons, #bmReturn .icons{width: 20px;
    height: 15px;
    float: right;
    background-position: top center;
    background-size: 22px;
    margin-left: 7px;}
#bmReturn{display:none;}
#bmReturn .icons {background-size: 14px !important;}
            
#bookmarkOptions{display:none;}
.bmPrintOption{padding:10px;background:#EEEEEE;margin:4px;border-radius:6px;font-size:16px;}
.bmPrintOption label{font-size: 14px;
    color: #000;
    cursor: pointer;
    padding-left: 7px;
    display:inline !important;}
    
#bmAd{
    position: absolute;
    bottom: 10px;
    left: 61px;
}       
/***************************************************************************

***************************************************************************/  



/***************************************************************************
CHATS PANEL STYLES
***************************************************************************/  
#myChats{
    display: block;
    position: fixed;
    bottom: 32px;
    left: 22px;
    border-radius: 8px;
    box-shadow: 3px 4px 2px rgba(0,0,0,.1);
    border: 1px solid rgba(0,0,0,.2);
    min-width: 170px;
    z-index: 10000;
    background: #FFF;
    padding: 2px;
    max-height: 650px;}   
    
#chatHeader{
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor:pointer;
    background:#FF9C00;}

#chatHeader #chatSubheader{margin: 10px -10px -10px -10px;
    background: #FCC66F;
    padding: 4px 12px;
    font-size: 8px;
    font-weight: normal;
    color: #000;
    text-transform: uppercase;
    text-align: right;
    border-top: 1px solid rgba(255,255,255,.4);}

#chatTotal{
    border: 1px solid #999;
    padding: 3px;
    font-size: 10px;
    box-shadow: 1px 3px 0px rgba(0,0,0,.05);
    float: right;
    background: #EEE;
    border-radius: 30px;
    margin: -5px 0px 0px 5px;
    width: 30px;
    height: 24px;
    text-align: center;
    line-height: 12px;}            
                 
#chatTotal.highlightNum{
    background: #ffe852;
    background: -moz-linear-gradient(top, #ffe852 0%, #ffd14b 100%);
    background: -webkit-linear-gradient(top, #ffe852 0%,#ffd14b 100%);
    background: linear-gradient(to bottom, #ffe852 0%,#ffd14b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe852', endColorstr='#ffd14b',GradientType=0 );
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);
    color: #000000;
    font-weight: normal;
    border: 2px solid #FFF;
}

#chatContent{
    display: none;
    padding: 0px;
    width: 850px;
    overflow:hidden;
    height:450px;}
#chatFrame{
    border:none;
    width:850px;
    height:450px;
    overflow:hidden;
}
/***************************************************************************

***************************************************************************/  



/***************************************************************************
TAG STYLES 
***************************************************************************/ 
.profileTag{font-size: 10px;
    color: #000000;
    padding: 1px 10px;
    border-radius: 37px;
    margin: 8px 8px 0px 0px;
    float: left;
    line-height: 20px;
    border: 1px solid rgba(0,0,0,.1);
    border-left: 4px solid rgba(0,0,0,.1);
    border-right: 4px solid rgba(0,0,0,.1);
    box-shadow: 2px 4px 0px rgba(0,0,0,.05);} 
.tagLiveVideo{background:#91CD29;}
.tagVideo{background:#76B2DA;}
.tagChat{background:#FF9C00;}    

/***************************************************************************
***************************************************************************/          
 
.videoEmbed{
    background:#FFFFFF;
    display:inline-block;
    box-shadow: 1px 1px 0px 2px rgba(0,0,0,.1);
    border-radius: 4px;
    border: 2px solid #fff;
    margin-bottom:12px;
    padding:3px;}            


/**************************************************************************
TOOLTIPS & INSTRUCTIONS
**************************************************************************/
.adminTooltip {
    position: relative;
    display: inline-block;
    margin-right:10px;
    border-radius:16px;
    width:20px;
    height:20px;
    border:1px solid #FFD11B;
    background:#FFFFDE;
    color:#FFA337;
    font-weight:normal;
    font-size:12px;
    text-align:center;
    line-height:20px;   
    cursor:help !important;
}

.adminTooltip .adminTooltiptext {
    visibility: hidden;
    width: 240px;
    background-color:#FFF9C2;
    color:black;
    text-align: left;
    padding: 12px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    border: 1px solid #FFD11B;
    margin-top: 10px;
    box-shadow: 4px 4px 0px -1px rgba(0,0,0,.1);
}

.adminTooltip:hover .adminTooltiptext { visibility: visible; }
/***************************************************************************
***************************************************************************/   


/***************************************************************************
IN-PAGE SEARCHING AND COLUMN ADJUSTMENTS
***************************************************************************/   

.listingsSpacer{
    height: 50px;
    margin: 10px 0px 20px 0px;
}

.listingOptions{
    padding: 0px;
    background: rgba(0,0,0,.05);
    border-radius: 8px;
    margin: 10px 0px 20px 0px;
    border-top: 1px solid rgba(0,0,0,.2);
    border-left: 1px solid rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(255,255,255,.2);
    border-right: 1px solid rgba(255,255,255,.2);
    min-height:50px;
}

.columnChoices{
    list-style-type: none;
    float: right;
    width: 350px;
    margin: 7px;
}

.sortChoice{
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 21px;
    font-size: 14px;
}    
.choiceSpacer{width:20px !important;}

@media only screen and (max-width: 767px) { .columnChoices {display:none !important; }}
.columnChoices li {float:left;padding:0px;line-height:34px;margin:0px 4px;font-size:10px;color:#FFFFFF;text-transform:uppercase;}
.columnChoices li a{height: 32px;width: 38px;display: block;background-repeat: no-repeat;background-position: center center;padding:4px;}
.columnChoices li a.active, .columnChoices li a.activeSort{background-color: rgba(0,0,0,.2);}

.columnChoices .choice2{
    background-image: url(../../assets/images/col-2.png);
}    
.columnChoices .choice1{
    background-image: url(../../assets/images/col-1.png);
}
.columnChoices .choice3{
    background-image: url(../../assets/images/col-3.png);
}                 


.searchBox{
    position:relative;
    float:left;
    width: 50%;
}

.searchBox .searchButton{
    position: absolute;
    left: 0px;
    height: 47px;
    display: block;
    width: 55px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: none;
    background-size: 28%;
    background-color: rgba(225,225,225,.8);
}        
    
.searchBox .searchBar{
    border-radius: 6px;
    background: rgba(255,255,255,.0);
    border: none;
    padding: 2px 2px 2px 65px;
    margin: 0px;
    width: 100%;
    height: 47px;
}  
/***************************************************************************
***************************************************************************/