﻿@import "sidebar.css";
@import "exhibitors.css";
@import "supporters.css";
@import "menu.css";





@font-face
{
font-family: Helvetica_cond;
src: url('../fonts/Helvetica_cond.ttf'),
     url('../fonts/Helvetica_cond.eot'); /* IE9 */
}

@media (max-width:400px) {

    ul.list-group li
{
   float: none!important;
   margin: 0 auto;
}
 
}
@media (max-width: 760px) {
    #registerbuttons {
        display: none !important;
    }
    #headerregister
    {
        display:block!important;
    }

    .navbar-text {
        margin-left: 15px;
        font-size: 13px;
    }

    .social {
        margin-right: 15px !important;
        margin-top: 20px;
    }

    #footer {
        margin-top: 20px;
    }

    .fa-linkedin {
        position: absolute;
        left: 20px;
        top: 10px;
    }

    .fa-facebook {
        position: absolute;
        left: 20px !important;
        top: -25px;
    }

    .fa-instagram {
        position: absolute;
        left: 55px;
        top: 10px;
    }

    .fa-twitter {
        position: absolute;
        left: 55px !important;
        top: -25px;
    }

    .break2 {
        display: contents !important;
    } 

}


@media(max-width:440px)
{
    #marquee {
     background-color:#191E48;
    /*background-image: url(../images/header.png);
    background-position: center top;
    background-repeat: no-repeat;*/
    min-height:100px!important;
    position:relative;

  
}
}

@media (min-width: 768px) and (max-width: 991px) {
     

         div.col-md-4.menu_event.event_logo
        {
            display:none!important;
            visibility:hidden!important;
        }
        .menu_text_hidden
        {
            display:block!important;
            visibility:visible!important;
        }
       
      

        



    }

@media (max-width:600px) {

    #flip, #panel, #registerbuttons {
        display: none !important;
    }  
}


/*-------------Page Warnings----------------*/
html, body {
    min-height: 100% !important;
    height:100%;
    background-color: #ffffff;
    font-family: Helvetica_cond, Calibri, Georgia, 'Times New Roman', Times, serif!important;
    font-size:20px!important;
}

.break2 {
    display: none;
}

.ErrorHeading {
    font-weight: bold;
    font-size: 13pt;
    margin-bottom: 6px;
}

.validator1 {
    position: relative;
    left: 3px;
    bottom: 1px;
    vertical-align: middle;
}

.validator2 {
    position: relative;
    left: -2px;
    bottom: 3px;
    vertical-align: middle;
}

.DbValidationSummery {
    color: #ff0000;
    padding-bottom: 0px;
}

.DbValidationSummeryUL {
    margin-top: 12px;
}

.DbValidationSummeryLI {
    margin-left: -16px;
    padding-bottom: 8px;
}

.bold {
    font-weight: bold;
}

sup {
    font-size: .7em;
}

.alert {
    color: #FF0000;
}


span.clearfloat {
    clear: both;
    display: block;
    height: 0px;
}


div.officealert {
    border: 1px solid #FF0000;
    background-color: #FFCCCC;
    color: #FF0000;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
}

span.officealert {
    border: 1px solid #FF0000;
    background-color: #FFCCCC;
    color: #FF0000;
    padding: 0 1px 0 1px;
}


div.officealert span.alertnote {
    font-size: 0.7em;
    font-weight: normal;
    float: right;
    display: block;
}

div#loadingpane {
    background-color: #888888;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    text-align: center;
    vertical-align: middle;
}

    div#loadingpane img {
        padding-top: 300px;
        vertical-align: middle;
        margin: 0 auto;
        max-height: 50px;
    }
       .event_logo
        {
            
             display:block;
            
        }
        .menu_text_hidden
        {
            display:none;

        }





 #headerregister
 {
     line-height:30px;
 }
  

/*--------------------------------------

body{
   
  background-color:#4c4c4c;
  background-image:url(../images/background.png);
  background-position:center top;
  height:100%;
}
*/
#sitelogo
{
    
    margin:0 auto;
    text-align:center;
    padding:10px;
}

.page.header {
    margin-top: 0;
}

.panel-body {
    padding-top: 0;
}



#abstractbutton {
    position: relative;
}



.row {
    width: 100%;
}

/*------------Menu -------------*/




/*.container {
    padding: 0 0 0 0;
}*/
h2
{
font-size: 25px;
font-weight: bold;
}

h3 {
    font-family: Helvetica_cond !important, Helvetica, Calibri, Georgia, "Times New Roman", Times, serif;
    font-size: 40px;
    text-align: center;
    color: #000000;
    font-weight: bold;
}
    .container #headertext {
        max-width: 820px;
    }

        .container #headertext h3 {
            font-weight: bolder;
        }

        
#sidebarlogos
{
    margin-top:-20px;
    float:right;
}

#sidebarlogos img
{
    margin-bottom: 25px;
}


/*-----------Main content --------------------------*/


#header_div {
    box-shadow: 0px 0px 200px #053E51 inset,-0px -0px 200px #053E51 inset;
    background-color: #004685;
    border-bottom: 5px solid #2C5593;
    text-align: center;
    margin: 0 auto;
}
#header_div img
{
    margin:0 auto;
}




#MainContent, #midsectioncontent, #splashcontainer {
    max-width: 1200px;
}

#MainContent {
    min-height: 500px;
    padding-bottom:50px;
}

.footer {
    position: fixed;
    
    bottom: 0;
    width: 100%;
    margin-top: 35px;
    border-top: 5px solid #2C5593;
}

#footer {
    width: 100%;
    color: #ffffff;
    min-height: 75px;
    margin: 0 auto !important;
    position: absolute;
    bottom: 0;
}

#media_content {
    
    background-color: #fff ;
    margin: 0;
    
       
}

#social img
{
 max-height: 30px;
}
div.footerimg
{   
    display:inline-block;
    clear:none;
    vertical-align: middle;
    text-align:center;
    padding: 0 30px 0 30px;
}
div.footerimg img
{
    max-height: 100px;
    padding: 0;
}
#footer_content a, #footer_content a:hover, #footer_content a:visited {
   
    color: #ffffff;
    padding-left: 0px;
    padding-right: 5px;
}
#footer_content a:hover
{
    color: #ffffff;
    text-decoration:underline;
}
#footer_content {
    border-top: 5px solid #2C5593;
    margin-top: 30px;
    padding-top: 10px;
    color: #ffffff;
    background-color: #191E48;
    margin: 0;
    font-size: 14px;
    border-radius: 0 !important
}

#footer_content ul
{
    list-style:none;
    
}
#footer_content li
{
    display: inline-block;

}
#footer_content li::after
{
     content: " | ";
}
#footer_content li:last-child::after
{
     content: none;
}

.navbar-button, .navbar-button:hover {
    
    color: #ffffff;
    font-size: 12px;
    padding-top: 10px;
}

#MainContent {
}
#midsectioncontent
{margin-top:30px!important;
    margin-bottom:30px!important;}


#midsectioncontent a {
    /*color: #F13E23;*/
}
#midsectioncontent a:hover
{
    /*color: #F13E23;*/
    text-decoration:underline;
}
#speakers_default
{
    text-align:center;
}
#speakers_default h5
{
    font-size: 1.2em;
    font-weight: bold;
    margin:0;
    padding:0;
}

/*.img-responsive {
    margin: 0 auto;
}*/
/*
#footer.container
{
    
    border-bottom: 1px solid #888888;
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;
    background-color: #ffffff;
    
}*/





#midsectioncontent a.coollink
{
   display:table-cell;
    margin:0;    
    padding: 0;
    
    width:114px;
    text-transform: uppercase;
    text-decoration:none;
    text-align:center;
    vertical-align: middle;
    height:43px;
    background: #F13E23;
    border:1px solid #000;
    color: #ffffff;
    width:200px;
    
}

#midsectioncontent a.coollink:hover
{
        
	display:table-cell;
    margin:0;    
    padding: 0;
    width:200px;
    
    text-transform: uppercase;
    text-decoration:underline;
    text-align:center;
    vertical-align: middle;
    height:43px;
    background: #F13E23;
    border:1px solid #000;
    color: #ffffff;
	
}

#marquee {
     background-color:#191E48;
    /*background-image: url(../images/header.png);
    background-position: center top;
    background-repeat: no-repeat;*/
    min-height:55px;
    position:relative;

  
}


div.topbanner
{
   
    /*border-top:5px solid #004685;*/
    font-family:Helvetica_cond;
    color:#fff;
    font-size:20px;
      
    /*text-align:right;*/
    vertical-align:middle;
    line-height: 50px;
    padding-right: 30px;
    height:100%;

        padding: 10px;




}


#marquee2 {
    behavior: url(/JS/PIE.htc);
    background-image: url("../images/sanantonio.png");
    background-size: contain;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 900px;
    background-repeat: no-repeat;
    background-position:  center;
    background-color: #231F20;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sanantonio.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sanantonio.png', sizingMethod='scale')";
    box-shadow: 0px 0px 200px #231F20 inset,-0px -0px 200px #231F20 inset;
    border-bottom: 5px solid #808080;
}

div.bottombanner img {
    width: 75% !important;
}

div.bottombanner {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px 0 80px 0;
}

.read_more
{
    padding: 10px;
}
.read_more2 {
    border-radius: 10px;
    padding: 10px;
    background-color: transparent;
    /*position: absolute;
    top: 10px;
    left: 200px;*/
    /* Required for IE 5, 6, 7 */
    /* ...or something to trigger hasLayout, like zoom: 1; */
    width: 100%;
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=85);
    /* Older than Firefox 0.9 */
    -moz-opacity: 0.85;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.85;
    /* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
    opacity: 0.85;
}

#flip:hover {
    background-color: #D82026 !important;
}

#flip {
    height: 40px;
    width: 100px;
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
    color: white !important;
    background-color: #231F20 !important;
    margin: 0 auto;
}


#panel {
    /*position: absolute;
    top: 120px;
    left: 200px;
   
   */
     width: 100%;
      height: auto;
      text-align:left;
    padding: 10px;
    background-color: rgba(0,143,157,.7);
}

p.panel_text
{
     
    color:white!important;

}

#flip:hover
{cursor:pointer;
 text-decoration:none;
 background-color:#114B52!important;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

#panel {
    
    display: none;
}

.welcomeh3 {
    font-family: Helvetica_cond;
    font-size: 40px;
    color: #2C2C2C;
    padding: 0;
    text-align: left;
    margin: 0;
    margin-bottom: 5px;
}
.welcomeh2
{font-family: Helvetica_cond;
 
    font-size: 20px;
 padding:0;
 margin:0;
 color:white;
}



#marquee3 {
    background-color: #000;
    /* The image used */
    background-image: url("../images/welcome_header.png");
    /* Set a specific height */
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/info_header.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/info_header.png', sizingMethod='scale')";
    /*border-top: 10px solid #D8ECCA;
    border-bottom: 10px solid #D8ECCA;*/
    border-bottom: 5px solid #808080;
}




#marquee4
{
   

  
    background-color: #000; 
     /* The image used */
    background-image: url("../images/info_header.png");

    /* Set a specific height */
    
    text-align:center;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/info_header.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/info_header.png', sizingMethod='scale')";
      border-bottom:5px solid #2C5593;
      border-top:5px solid #2C5593;
      margin-bottom:30px;

}

.bottombanner2
{ position: relative;
  /*top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);*/
  padding: 50px 0 50px 0;
  /*margin-bottom:35px;*/
}


        .social_home
        {
            height: 30px;
        }

        #homeeventlist
        {
          
             color:#191E48;
        }
        #homeeventlist p
        {
           text-align:left;
           color:#191E48;
        }
        .homeeventlist
        {font-size: 20px;
         font-family: Helvetica_cond;
         font-weight:bold;
         text-align:left;
         margin: 0 auto;
         color:#191E48;
        }

           .back-to-top {
cursor: pointer;
position: fixed;
bottom: 0;
right: 20px;
display:none;
z-index: 9999;
width: 52px;
height: 46px;
}

           hr
           {height:5px; background-color: #F13E23;}


.flip {
    margin: 2px !important;
}


.btn-info {
    background-color: #191E48    !important;
    color: #fff !important;
    border: none !important;
    font-weight: bold !important;
    font-size: 17px;
    o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
}

    .btn-info:hover {
        background-color: #0041A3 !important;
        color: #fff !important;
        border: none !important;
        text-decoration: none !important;
        o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
    }


     .fa-lg
{
    line-height:15px;
    font-size: 30px!important;
}

a.fa:hover
{
   color:#3374B4!important;
   text-decoration:none!important;
}

.popup1 {
    font-size: 20px;
    font-weight: bold;
    
    text-align:center;
}