/*Elements in general */

        body
        {
            font: normal 1em 'PT Serif', Georgia, sans-serif;
            width:100%;
            max-width:100%;
            padding:0;
            margin:0;
        }

        /*h1
        {
            font-size: 1.7em;
            color:white;
            
        }*/

        h1
            {
                font-family: 'PT Serif', Georgia, serif;
                font-variant: small-caps;
                color: #7E1D1C;
            }

        /*End elements in general*/  


     /* Begin menu styles */

      .cbp-qtrotator {
	position: relative;
	margin: 3em auto 5em auto;

	width: 100%;

    max-height:20em;
    min-height:20em;
    width:100%;
}

.cbp-qtrotator .cbp-qtcontent {
	position: absolute;
	min-height: 200px;
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	padding: 1em 0;
	top: 0;
	z-index: 0;
	opacity: 0;
	width: 100%;
}

.no-js .cbp-qtrotator .cbp-qtcontent {
	border-bottom: none;
}

.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {
	position: relative; 
	z-index: 100;
	pointer-events: auto;
	opacity: 1;
}

.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after {
	content: " ";
	display: table;
}

.cbp-qtrotator .cbp-qtcontent:after {
	clear: both;
}

.cbp-qtprogress {
	position: absolute;
	background: #47a3da;
	height: 1px;
	width: 0%;
	top: 0;
	z-index: 1000;
}


.cbp-qtrotator .cbp-qtcontent img {
	float: right;
	margin-left: 3em;
} 

        #menuX
        {
            cursor:pointer;
            color:black;
            float:right;
            padding:8%;
            font-weight:bold;
            font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
            font-size: 130%;
        }

        #menuBtn
        {

            position:absolute;
            right:2%;
            top:0;
            float:left;
            width:45%;
            z-index:1;


        }

#menuBtn img
{
    cursor:pointer;
    float:right;
    height: 4em;
    margin-top: 0.9em;
    max-width:230px;
    
}

#mobileMenu
{
    display:none;
    

}          

         .Menu_Header 
{ 
	cursor:pointer; 
    margin-bottom:0;
    /*padding:10px;*/
    width:90%;

}

            .Menu_Header span
            {
                font-weight:bold;
                margin-right: 4%;
                display:inline-block;
        
            }

            /*Currently used solely for menu*/
        .rotate
        {
            -webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
        }

.Menu_Details 
{ 
	display:none; visibility:hidden;
    margin-top:-7%;
    /*padding:10px;*/
    width:90%;
    font-weight: bold;
    font-family: 'PT Sans Serif', Verdana, sans-serif;
    
}


.cbp-spmenu {
    
    /*position: fixed;*/
    position:absolute;

}



#cbp-spmenu-s2 div
{
    position:absolute;
    height:50em;
    background: #DDDDDD;
    width:inherit;
}
 
.cbp-spmenu h3 {
   
    padding:10%;
    margin: 0;
    font-weight: 300;
    
}


.cbp-spmenu ul li
        {
            margin-bottom:10%;
            font-weight: 900;
        }

.cbp-spmenu ul ul li
        {
            margin:0 0 2% -15%;
             font-size: .9em;
        }

        

        .cbp-spmenu li
        {
            list-style:none;
            font-size: .9em;
            
        }

.cbp-spmenu a {
    display: block;
    color: black;
    font-weight: 300;
    text-decoration:none;
    padding:1%;
}

.cbp-spmenu ul ul li a
{
    padding-left: 20px;
    font-family:"PT Sans",Verdana,sans-serif;
    font-size: 90%;
}

        .cbp-spmenu img
        {
            width:12%;
            padding:6% 4%;
            float: left;
        }


 
/* Orientation-dependent styles for the content of the menu */
 
.cbp-spmenu-vertical {
    width: 260px;
    height: 100%;
    top: 0;
    z-index: 1000;
}
 

 
/* Vertical menu that slides from the right */
 

 
.cbp-spmenu-right {
    right: -260px;
}
 

 
.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}
 

/* Push classes applied to the body */
 
.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}
 
.cbp-spmenu-push-toright {
    left: 260px;
}
 
.cbp-spmenu-push-toleft {
    left: -260px;
}
 
/* Transitions */
 
.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
 
    

/*End menu styles */




        /*Classes*/
.centered
{
    display:block;
    margin-left:auto;
    margin-right:auto;

}

         .btnDiv
        {
            width:80%;
            padding:2% 5% 2% 5%; 
            color:black;
            margin:2%;
            background-color:#F0F0F0;
            text-align:center;
            text-decoration:none;
            float:left;
            
        }


        .half
        {
            width:33%;
        }

.btnDiv:hover
{
	 background-color:#E8E8E8;

	 
}




        .videoWrapper {
	position: relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
    
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

        .videoWrapperContainer
        {
            width:40%;
            float:left;
            margin:5%;
        }



.comments ol li
{
    list-style:none;
}

.hr
{width:80%; margin:3% 10% 3% 10%;
}

        .QA_Header 
{ 
	cursor:pointer; 
}

.QA_Details 
{ 
	display:none; visibility:hidden;
}

.QA_Details p:first-child {
    margin-top: 0;
    padding-top: 2%;
}


.insetQuote
{padding:2%; width:30%; margin:2%;float:left;font-size:.8em;background-color:#ededed;
}

.insetQuote .reference
{
    font-size:.8em;
}

.splitFooter
{
    width: 50%;
    float: left;
}

.darkDivider
{
    width: 100%;
    float: left;
    background-color: black;
    height: 1px;
    margin: 0 0 1% 0;
}

        .divider
        {
            width: 80%;
            float: left;
            background-color: #CFCFCF;
            height: 2px;
            margin:10% 0 10% 0;
        }

        .logo
        {
            font-family:arial,sans-serif;            
            font-weight:bold;
            display: -webkit-inline-flex;
            display:inline-flex;
        }

         .transparent
        {
            zoom: 1;
            filter: alpha(opacity=70);
            opacity: 0.7;
        }


          .backgroundImg
            {
                position:absolute;
                background: url('https://www.accelerationinstitute.org/imgs/header-footer-bg.jpg') no-repeat;
                width: 100%;
                max-width: 100%;
                height: inherit;
                background-position: center;
                background-size: cover;
            }

           .overlay
        {
            width: 100%;
            background-color: #015581;
            height: 100%;
            position: absolute;
            
        }

            .subSection
        {
            position: relative;
            margin:0 auto;
            width:70%;  
            padding:2% 15% 2% 15%;
            float:left;
            text-align: left;
        }


        .mainSection
        {
            width:100%;
            max-width:100%;
            position:relative;
            float:left;
            text-align: center;
        }
        a.ias-webinar-button {
            background-color: #ffce00;
            color: #fff;
            border-radius: 5px;
            padding: .75em 1em !important;
            text-decoration: none;
        }

        .footer
        {
            background-color: #000000;
        }
/*End classes*/
/* Ad ids */
#bonusAd {
    float: right;
    width: 20em;
    border: 1px solid black;
    margin-left: 3em;
    color: black;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}
#bonusAd h4 { padding: 0 2em 0 2em; }
#bonusAd ul { padding: 0 2em 0 2em; }
#bonusImage { width: 100%; }

.accel-sys-ad {
    background-color: #f5f5f5;
}

.accel-sys-logo {
    width: 200px;
}

/*Structure*/
#NDreports {
    width: 100%;
    float: left;
}

#NDdownload
{
    width:40%; background-color:#F6F6F6; margin-right:5%;float:left;
    padding:1%;
}

#NDreports img
{
    border: solid 1px black;
    height: 7em;
    float: left;
    position: relative;
    margin: 2%;
   
}

#NDreports p
{
    float:left;

}

#NDdownload div
{
    width:100%;
    clear:left;
    display:block;
}


#NDinternational
{
    background-color:#F6F6F6;width:50%;float:left;
    padding:1%;
}

#title
{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 900;
    line-height: .9em;
    color:white;
    font-size:2.3em;
    position: relative;            
    float: left;
    text-align: left;
    padding: 1.8% 0 0 2.5%;

}

#title a
{
    color: #ffffff;
    text-decoration: none;
}

#title a:hover
{
    color: #ffffff;
    text-decoration: none;
}

#title a:visited
{
    color: #ffffff;
    text-decoration: none;
}

        #printOnlyStatement
        {
            display:none;
            visibility:hidden;
        }


        #headerContent
        {
            
            overflow: hidden;
            text-align: center;
            height: 11em;
            
        }

#subHeaderContent
{
    background-color:black;
    height:3em;

}

#print
{
    float: left; 
    position:relative;  
    cursor:pointer;
}

    #print img
    {
        height: 2em;
        padding: .5em 3.5em; 
        position:absolute;  
    }

    #printMsg
    {
        /*color:transparent;*/ 
        display:none;
        position:absolute;
        left: 3.5em;
        top: 1.5em;
        padding:2em;
        margin:2em 0 0 2em;
        background-color:black;
        color:white;
        width:8em;
        z-index:1; 
        filter: alpha(opacity=90);
        opacity: 0.7;            
    }

               

         #footer
        {
            
            overflow: hidden;
            text-align:left;
            xheight: 66em;
            bottom:0;
            color:white;
            font-size:.8em;
        }

            #footer a, #footer a:visited, #footer a:hover
            {
                color:white;
                text-decoration:none;
            }

            #footer li
            {
                list-style:none;
                
                
            }

#uiLogo
{
    width: 50%;
    float: right;
    vertical-align: middle;
    padding-top: 2%;
}

#BBCfooterlogo
{
    width:50%; float:left;
}

        #mainHeadings
        {
            display:block;
            padding-left:0;
        }

            #mainHeadings li:first-child, #mainHeadings li:last-child
            {
                width:5%;
            }

        #mainHeadings  li
        {
            display:block;
            padding:0 2% 0 2%;
            font-family: 'PT Serif', Georgia, serif;
            font-size: 110%;
            float:left;
            width:16%;
            font-weight:bold;

        }

        #mainHeadings li ul.subHeading 
        {
            
            
            width:100%;
            max-width:100%;
            margin-left:-15%;
            margin-top: 3%
            
            
        }

        #mainHeadings .subHeading li
        {
            display:list-item;
            float:none;
            padding:0 0 5% 0;
            font-family: 'PT Sans', Georgia, serif;
            font-size: 90%;
            line-height: 80%;
            width:100%;
            max-width:100%;
            font-weight:normal;
        }


#aProjectOf p
{
    text-transform:uppercase; font-style:italic; text-align:center; 
}


#socMedHome
        {
        
    position:absolute;
    width:10em;
    margin: 25em 0 0 3%;

    float:left;
    
        }

            #socMedHome img
            {

    padding: 1% 0 0.25% 2%;
    
    width: 20%;

            }


         /*Homepage-only structure*/



         #headerHome
        {
            
            overflow: hidden;
            text-align: center;
            height: 30em;
            
        }



        #socMed
        {
        

    margin: .5em -.4em .5em 0;

    float:right;
    
        }

            #socMed img
            {

    padding: 0 2%;
    
    width: 13%;

            }

        #quote
        {
            position: relative;
            font: 1.5em 'PT Serif', Georgia, sans-serif;
            color: white;
            /*background-color: red;*/
            width: 50%;
            text-align: left;
            margin: 4em auto 0;
            
           
        }

            #quote a, #quote a:hover, #quote a:visited, #quote a:active
            {
                color:white;
            }

            #quote p
            {
                padding: 0;
                margin: 0;
                
            }


        .quoteSign
        {
            font: 2em Arial, sans-serif;            
            padding:0;
            margin:0;    
            line-height:.8em;        
        }

        .open
        {
            vertical-align: bottom;
           
        }

        .closed
        {
            vertical-align: middle;
            
        }


        .subQuote
        {
            position: relative;
            width: 50%;
            float: right;

            font-size: .6em;
            
        }

       

        #welcome
        {
            background-color: #EEEEE1;            
            
        }

            

        #welcome ul
        {
            margin-left:0;
        }

            #welcome ul li 
            {
                display: inline;
                padding-right:3%;
                font-style:italic;
                text-decoration:underline;
                font-family:Georgia,serif;
                font-size:1.2em;
                
            }

            #welcome a
            {
                color: black;
            }

        #resources img
        {
            width:110%;
            position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%; margin:auto;

            
            
        }


        #IAShome
{
    padding: 6em 0 0 1.5em;
}

#NEhome
{
   
    padding-bottom: 0%;

}

#resources #IDEALhome
{
    width:99%;
}

#resources #BBChome
{
    width:90%;
}

#resources .circle
{
    position:relative;
    float:left;
    
    margin:2% 2% 2% 0;
    width: 15em;  
        height: 15em;
        border-radius: 9999px;  
        overflow:hidden;    
        border:3px solid gray;
        
}



.circleDesc
{
    font-size:90%;
    height: inherit;
    position: absolute;
    width: 70%;
    z-index: 1;
    background-color:none;
    color:transparent;
    padding:20% 15% 20% 15%;
    display:block;
    

}
   .circleDesc:hover
    {
        color:white;
        background-color:black;
        visibility:visible;
    }



        #resources a
        {
            margin:0;
            padding:0;
        }

#resources .subSection
{
    max-width:80em;
}

#accel-video
{
    background-color: #312E2F;
}

#accel-video  .subSection 
{

}
#accel-video .subSection h2
{
    color: white;
}
.info-button {
    background-color: #193766;
    border-radius: 2px;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-style: italic;
    color: #ffffff;
    margin: 4px 2px;
    cursor: pointer;
    width: 400px;
    /* Button Shine */
    background-repeat: no-repeat;
    background-position: -140px -140px, 0 0;
    background-image: -webkit-linear-gradient( top left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50% );
    background-image: -moz-linear-gradient( 0 0, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50% );
    background-image: -o-linear-gradient( 0 0, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50% );
    background-image: linear-gradient( 0 0, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50% );
    -moz-background-size: 250% 250%, 100% 100%;
    background-size: 250% 250%, 100% 100%;
    -webkit-transition: background-position 0s ease;
    -moz-transition: background-position 0s ease;
    -o-transition: background-position 0s ease;
    transition: background-position 0s ease;
}

    .info-button:hover {
        background-color: #193766;
        color: #ffffff;
        /* Button Shine */
        background-position: 0 0, 0 0;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }

.info-button-card {
    background-color: #193766;
    border-radius: 2px;
    border: 0;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-style: italic;
    color: #ffffff;
    /* Button Shine */
}

    .info-button-card:hover {
        background-color: #244f92;
        cursor: pointer;
    }

.info-button-inactive {
    background-color: #193766;
    border-radius: 2px;
    border: 0;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-style: italic;
    color: #ffffff;
    /* Button Shine */
}

            /*End homepage-only structure*/


            /*End structure*/

            /* IT'S MEDIA QUERY TIME!! */

@media screen and (min-width:1028px)
{
    .subSection
    {
        width: 50%;
        padding:2% 25% 2% 25%;
    }
}



        @media screen and (max-width:768px) and (min-width:521px)
        {
            .subSection
    {
        width:80%;
        padding:2% 10% 2% 10%;
    }

            /*This prevents an iPad bug from rearing its ugly head.  The menu is absolutely positioned for phone and computer screens, but because iPads expand the screen size to include off-screen absolutely positioned elements, that led to the menu being visible if someone swiped.*/ 

            #cbp-spmenu-s2 div
{
    position:fixed;

}

            .videoWrapperContainer
            {
                width:100%;
            }

            #NDinternational, #NDdownload
            {
                width:100%;
                margin:0;
            }
            

            #quote
            {
                width: 80%;
                font-size: 1.5em;
            }

            #headerHome
            {
                height:35em;
            }

           

            #welcome ul li
            {
                display: list-item;
                padding: 2% 0 2% 0;
                list-style: none;
            }

            #welcome ul
            {
                margin-left: 0;
            }

            #mainHeadings li
            {
                float:none;
                width:50%;
                font-size:100%;
            }

            #footer
            {
                height:72em;
            }


            #socMedHome
            {
                margin: 31em 0 0 6%;
            }


            #mobileMenu
            {
                display:block;
            }

            #standardMenu
            {
                display:none;
            }


            #resources .circle
            {
                border-radius:0;
                overflow:inherit;
                height:auto;
                border:none;
                width:100%;
                
            }

            #resources img, #resources #IAShome, #resources #NEhome, #resources #IDEALhome, #resources #BBChome
            {
                bottom:inherit;
                display:block;
                left:inherit;
                margin:0;
                position:relative;
                right:inherit;
                top:inherit;
                width:10em;
                float:left;
                padding: 0 4% 4% 0;
            }

            

            .circleDesc
            {
                color:black;
                display:block;
                height:auto;
                margin:0;
                padding:0;
                position:relative;
                width:auto;
                z-index:auto;
            }

                .circleDesc:hover
                {
                    background-color: inherit;
                    color:black;

                }

        }


        @media screen and (max-width:520px)
        {

            .subSection
    {
        width:80%;
        padding:2% 10% 2% 10%;
    }

            .videoWrapperContainer
            {
                width:100%;
            }


            #NDinternational, #NDdownload
            {
                width:100%;
                margin:0;
            }

            body
            {
                background-color:white;
            }

            .insetQuote
            {
                width:96%;
                margin: 2% 2% 10%;
            }
            

            #quote
            {

                display:none;
            }

           
            #resources .circle
            {
                border-radius:0;
                overflow:inherit;
                height:auto;
                border:none;
                width:100%;
                
            }

            #resources img, #resources #IAShome, #resources #NEhome, #resources #IDEALhome, #resources #BBChome
            {
                bottom:inherit;
                display:block;
                left:inherit;
                margin:0;
                position:relative;
                right:inherit;
                top:inherit;
                width:10em;
                float:left;
                padding: 0 4% 4% 0;
            }

            

            .circleDesc
            {
                color:black;
                display:block;
                height:auto;
                margin:0;
                padding:0;
                position:relative;
                width:auto;
                z-index:auto;
            }

                .circleDesc:hover
                {
                    background-color: inherit;
                    color:black;

                }

                #mainHeadings li
            {
                float:none;
                width:50%;
            }

                #footer
            {
                height:72em;
            }

            #headerHome
            {
                height:11em;
                border-bottom:4px solid black;
            }

           #uiLogo
{
    width: 75%;
    
}

#BBCfooterlogo
{
    width:75%; 
}


.cbp-spmenu-right {
    right: 100%;
}

            .cbp-spmenu-vertical
            {
                width:100%;
            }

            .cbp-spmenu ul ul li {
    
    margin: 0 0 2% -5%;
}
            #cbp-spmenu-s2 div
            {
                width:100%;
            }

                        #mobileMenu
            {
                display:block;
            }

            #standardMenu
            {
                display:none;
            }

        }


        @media print
         /*@media screen and (min-width:769px)*/
        {
            .QA_Details
            {
                display:block;
                visibility:visible;
            }
            body
            {
                background: white;
                font-size: 12pt;
            }

            #cbp-spmenu-s2, #footer, #menuBtn, .backgroundImg, .transparent, .overlay,  #socMed, #socMedHome, #subHeaderContent
            {
                display: none;
                visibility: hidden;
            }

            #welcome
            {
                background-color: white;
                
            }

            #welcome ul li
            {
                display: list-item;
            }

            h1, h2, h3, p, span, div, .subSection, #quote, #title, a, .mainSection, .subSection, #headerHome, #headerContent, .cbp-qtrotator, .cbp-qtrotator .cbp-qtcontent 
            {
                color: black;
                font-size: 12pt;
                margin: 0;
                padding: 0;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                width: auto;
                height: auto;
                float: none;
                min-height:0;
               
            }

                a img
                {
                    display:block;
                    
                    /*width:100%;*/
                    /*margin-top:40px;*/
                    
                }

            
            #printOnlyStatement
            {
                display: block;
                visibility: visible;
                padding: 0 1% 0 1%;
                margin-bottom: 2%;
                float: none;
                border: 1px solid black;
                width: auto;
                height:auto;
                position: relative;
                font-size:9pt;
            }

            #resources .circle
            {
                border-radius:0;
                margin:0;
            }

            #resources a
            {
                float:left;
                width:50%;
            }

            div
            {
                float: none;
                position: relative;
            }

            .mainSection a:link:after,
            .mainSection a:visited:after
            {
                content: " (" attr(href) ") ";
                font-size: 90%;
            }

            .mainSection a[href^="/"]:after
            {
                content: " (http://www.accelerationinstitute.org" attr(href) ") ";
            }

            
        }