/* ########## GLOBAL ########## */

html {
    /*background: url("/images/bg.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    background-image: url("/images/bg_2017.jpg");
}

body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: "Open Sans", arial, sans-serif;
    font-weight: normal;
}

div#gradient_top {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 325px;
	background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, transparent 50%);
}

div#gradient_bottom {
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 325px;
	background: linear-gradient(to top, rgba(0,0,0,0.25) 0%, transparent 50%);	
}

.site{
	position: relative;
	z-index: 100;
	overflow-x: hidden;
}

.site_container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

button {
    background-color: #ea7c25;
    background-image: linear-gradient(#fece7c, #ea7c25 60%);
    background: linear-gradient(#fece7c, #ea7c25 60%);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    padding: 5px 16px 5px 16px;
}

div.clear {
    clear: both;
}


/* ########## HEADER ########## */

div#newsletter_signup {
    position: relative;
    width: 100%;
    height: 48px;
    background-color: #a11d21;
    text-align: left;
}

div#newsletter_signup_triangle_left {
    position: absolute;
    top: 0;
    left: -15px;
    width: 0;
    height: 0;
    border-top: 48px solid #a11d21;
    border-left: 15px solid transparent;
}

div#newsletter_signup_triangle_right {
    position: absolute;
    top: 0;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 48px solid #a11d21;
    border-right: 15px solid transparent;
}

div#newsletter_signup div#info_text {
    position: relative;
    float: left;
}

div#info_text img#icon_alert {
    position: absolute;
    top: 8px;
	left: 13px;
	height: 30px;
}

div#info_text p {
    color: rgb(255, 255, 255);
    margin: 0 0 0 62px;
}

div#info_text p:nth-of-type(1) {
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
}

div#info_text p:nth-of-type(2) {
    font-size: 12px;
    margin-top: -2px;
    padding-bottom: 5px;
}

div#newsletter_signup div#input_fields {
    float: right;
    margin: 9px 13px 0 0;
}

div#input_fields input#newsletter_signup_email {
    position: relative;
    top: 1px;
    right: 3px;
    border: 0;
    background-color: rgb(255, 255, 255);
    height: 27px;
    width: 300px;
    color: rgb(175, 175, 175);
    font-size: 14px;
    padding: 0 8px 0 8px;
}

div#logo_and_social {
    width: 100%;
    margin-top: 32px;
}

img#logo {
    float: left;
}

div#social_icons {
    float: right;
    font-size: 0;
}

div#social_icons img {
    margin: 4px 0 0 7px;
}

div#mobile-menu{
	display: none;
}

div#menu {
    position: relative;
    width: 100%;
    margin-top: 7px;
    background-color: rgb(0, 0, 0);
    height: 38px;
}

div#menu_triangle_left {
    position: absolute;
    top: 0;
    left: -15px;
    width: 0;
    height: 0;
    border-top: 38px solid rgb(0, 0, 0);
    border-left: 15px solid transparent;
}

div#menu_triangle_right {
    position: absolute;
    top: 0;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 38px solid rgb(0, 0, 0);
    border-right: 15px solid transparent;
}

div#menu ul {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#menu ul li {
    position: relative;
    display: inline-block;
    margin: 0 20px 0 20px;
}

div#menu ul li a {
    color: rgb(255, 255, 255);
    font-size: 16px;
    line-height: 38px;
}

div#menu ul li div.submenu {
    display: none;
    position: absolute;
    top: 38px;
    left: -15px;
    z-index: 500;
    background-color: #a11d21;
    min-width: 275px;
    text-align: left;
}

div#menu ul li:last-of-type div.submenu {
    /*left: auto;
					right: -15px;*/
    min-width: 0;
    width: 150px;
}

div#menu ul li div.submenu p {
    color: #fece7c;
    font-size: 14px;
    font-weight: bold;
    margin: 7px 15px 7px 15px;
    white-space: nowrap;
}

div#menu ul li div.submenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#menu ul li div.submenu ul li {
    display: block;
    margin: 0;
    padding: 0;
}

div#menu ul li div.submenu ul li a {
    display: block;
    color: rgb(255, 255, 255);
    font-size: 12px;
    line-height: 20px;
    padding: 7px 15px 7px 15px;
    margin: 0;
    white-space: nowrap;
}

div#menu ul li div.submenu ul li a:hover {
    background-color: #800b00;
}

div#menu ul li div.submenu p + ul li a {
    padding-left: 30px;
}


/* ########## SLIDESHOW ########## */

div#slideshow {
    position: relative;
    width: 100%;
    height: auto;
    /*background-color: rgb(40,40,40);*/
    /*background-image: url("/images/slide1.jpg");*/
    margin-top: 9px;
}


/*img#slideshow_previous {
			position: absolute;
			top: 183px;
			left: -23px;
		}
		
		img#slideshow_next {
			position: absolute;
			top: 183px;
			right: -23px;
		}*/

.slideshow_previous {
    left: -25px !important;
    outline: 0 !important;
}

.slideshow_next {
    right: -25px !important;
    outline: 0 !important;
}


/* ########## PRODUCTS ########## */

div#products {
    position: relative;
    width: 100%;
    text-align: left;
}

div#products_container {
    font-size: 0 !important;
    margin-top: 24px;
}

div#products h1 {
    color: rgb(0,0,0);
    font-size: 30px;
    font-weight: normal;
    margin: 0 0 8px 0;
}

div#products div.products_product {
    position: relative;
    display: inline-block;
    margin-right: 50px;
    width: 200px;
    height: 232px;
    cursor: pointer;
    vertical-align: top;
    background-image: url("/images/video_boot_camp_background.png");
}

div#products div.products_product:last-of-type {
    margin-right: 0;
}

div.products_product p.product_post_title {
    font-size: 20px;
    color: rgb(255, 255, 255);
    margin: 12px 14px 12px 14px;
    padding: 0;
    line-height: 115%;
}

div.products_product p.product_short_description {
    font-size: 11px;
    color: #fece7c;
    margin: 0px 14px 10px 14px;
    padding: 0;
}

div.products_product p.product_price {
    font-size: 11px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    margin: 0px 14px 10px 14px;
    padding: 0;
}

div.products_product p.product_link_url {
    font-size: 11px;
    color: #fece7c;
    margin: 0px 14px 0px 14px;
    padding: 0;
    text-decoration: underline;
}

div.product_footer {
    position: absolute;
    bottom: 1px;
    width: 100%;
    height: 26px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    line-height: 21px;
    border: 2px solid rgb(0, 0, 0);
}


.error404 .page-title:before{
    content: '';
}

/* ########## FOOTER ########## */

div#footer_links {
    clear: both;
    width: 100%;
    text-align: left;
    margin-top: 36px;
    margin-bottom: 42px;
}

div.footer_block {
    display: inline-block;
    float: left;
    width: 20%;
    vertical-align: top;
}

div.footer_block:nth-of-type(5) {
    margin-right: 0;
}

div.footer_block h3 {
    color: rgb(0,0,0);
    font-weight: bold;
    font-size: 0.65em;
    margin: 18px 0 18px;
    line-height: 100%;
}

div.footer_block p {
    color: rgb(0,0,0);
    font-size: 0.6em;
}

div.footer_block a {
    color: rgb(0,0,0);
}

div.footer_block ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.footer_block ul li {
    margin: 0;
    padding: 0;
    line-height: 100%;
}

div.footer_block ul li a {
    color: rgb(0,0,0);
    font-size: 0.6em;
}

div#footer_bottom {
    position: relative;
    width: 100%;
    margin-top: 45px;
    height: 11px;
    /*background-color: #a11d21;*/
    background-color: rgb(0,0,0);
}

div#footer_bottom_triangle_left {
    position: absolute;
    top: 0;
    left: -5px;
    width: 0;
    height: 0;
    /*border-bottom: 11px solid #a11d21;*/
    border-bottom: 11px solid rgb(0,0,0);
    border-left: 5px solid transparent;
}

div#footer_bottom_triangle_right {
    position: absolute;
    top: 0;
    right: -5px;
    width: 0;
    height: 0;
    /*border-bottom: 11px solid #a11d21;*/
    border-bottom: 11px solid rgb(0,0,0);
    border-right: 5px solid transparent;
}


/* ########## PAGE ########## */

div.site-content {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

article {
    text-align: left;
    padding-right: 350px;
    min-height: 50vh;
}

article.noRightPadding {
	padding-right: 0;	
}

article h1 {
    font-size: 30px;
    font-weight: normal;
    color: rgb(0,0,0);
    margin: 25px 0 25px 0;
}

article p {
    font-size: 15px;
    color: rgb(0,0,0);
    line-height: 180%;
}

article a {
    /*color: #fece7c;*/
    color: #a11d21;
    text-decoration: underline;
}

article ul {
    font-size: 15px;
    color: rgb(0,0,0);
    line-height: 180%;
}

article img {
    border: 2px solid rgb(255, 255, 255);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
}

article img.alignright {
    /*margin: 0 0 35px 35px;*/
    float: none;
    display: block;
    margin: 0 0 25px 0;
}

article img.alignleft {
    /*margin: 0 35px 35px 0;*/
    float: none;
    display: block;
    margin: 0 0 25px 0;    
}

article pre {
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    line-height: 180%;
    font-size: 15px;
    padding: 1px 0 0 40px;
    box-sizing: border-box;
    border-left: 2px solid rgb(75,75,75);
    background: transparent;
	color: rgb(50,50,50);
}


/* ########## SIDEBAR ########## */

div.widget-area {
    max-width: auto !important;
    /*background-color: rgba(0, 0, 0, 0.3);*/
    background-color: rgb(255,255,255);
    margin-top: 68px;
    margin-bottom: 35px;
    text-align: left;
    padding: 0 25px 0 25px;
    border-radius: 10px;
    border: 1px solid rgb(222,222,222);
}

div.widget-area h3 {
    /*color: rgb(255, 255, 255);*/
    color: rgb(0,0,0);
    font-size: 21px;
    font-weight: normal;
    line-height: 125%;
}

div.widget-area p {
    color: rgb(0,0,0);
    font-size: 15px;
}

div.widget-area p:first-of-type {
	margin-top: 24px;	
}

div.widget-area ul,
div.widget-area ol {
    color: rgb(0,0,0);
    font-size: 15px;
    list-style-type: disc;
    margin: 0 0 24px 0;
    padding: 0 0 0 18px;
}

div.widget-area aside {
    border-bottom: 1px solid rgb(222,222,222);
}

div.widget-area aside:last-of-type {
    border-bottom: none;
}



/*Tablet Size*/
@media (min-width:320px) and (max-width: 800px){

    div.footer_block{
        width: 100%;
        margin: 0;
        display: block;
    }

	div#newsletter_signup{
		height: auto;
		padding: 15px 25px;
	}

	#icon_alert{
		display: none;
	}

	div#info_text p{
		margin:0;
	}
	div#newsletter_signup_triangle_right,
	div#newsletter_signup_triangle_left{
		display: none;
	}

	div#newsletter_signup div#input_fields{
		width: 100%;
		margin: 0;
	}

	div#input_fields input#newsletter_signup_email{
		display: inline-block;
		width: 80%;
	}

	div#input_fields button{
		display: inline-block;
	}

	div#logo_and_social{
		padding: 0 25px;
	}

	img#logo{
		float: none;
		max-width: 377px;
		width: 100%;
		height: auto;
	}

	#social_icons{
		display: none;
	}

	div#menu{
		display: none;
	}

	div#mobile-menu {
	    position: relative;
	    width: 100%;
	    margin-top: 7px;
	    background-color: rgb(0, 0, 0);
	    height: 38px;
	    display: block;
	    z-index: 9999;
	    text-align: left;
	}

	div#mobile-menu ul {
		display: none;
	    position: relative;
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    background-color: #000;
	}

	div#mobile-menu ul li {
	    position: relative;
	    display: block;
	    margin: 0 28px 0 28px;

	}

	div#mobile-menu ul li a {
	    color: rgb(255, 255, 255);
	    font-size: 16px;
	    line-height: 38px;
        display: block;
        width: 100%;
        height: 100%;

	}

	div#mobile-menu ul li div.submenu {
	    z-index: 500;
	    background-color: #a11d21;
	    min-width: 275px;
	    text-align: left;
	}

	div#mobile-menu ul li:last-of-type div.submenu {
	    /*left: auto;
						right: -15px;*/
	    min-width: 0;
	    width: 150px;
	}

	div#mobile-menu ul li div.submenu p {
	    color: #fece7c;
	    font-size: 14px;
	    font-weight: bold;
	    margin: 7px 15px 7px 15px;
	    white-space: nowrap;
	}

	div#mobile-menu ul li div.submenu ul {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	}

	div#mobile-menu ul li div.submenu ul li {
	    display: block;
	    margin: 0;
	    padding: 0;
	}

	div#mobile-menu ul li div.submenu ul li a {
	    display: block;
	    color: rgb(255, 255, 255);
	    font-size: 12px;
	    line-height: 20px;
	    padding: 7px 15px 7px 15px;
	    margin: 0;
	    white-space: nowrap;
	}

	div#mobile-menu ul li div.submenu ul li a:hover {
	    background-color: #800b00;
	}

	div#mobile-menu ul li div.submenu p + ul li a {
	    padding-left: 30px;
	}

	#show-menu-mobile{
		color: #fff;
		line-height: 2.2;
		margin: 0;
		cursor: pointer;
		text-align: center;
	}

    #show-menu-mobile:before, #show-menu-mobile:after{
        content: '\25bc';
        display: inline-block;
        margin: 0 5px;
    }

    #show-menu-mobile.active:before{
        transform: rotate(180deg);        
    }

    #show-menu-mobile.active:after{
        transform: rotate(180deg);
    }

	div#slideshow{
		display: none;
	}

	div.site-content{
		padding: 0 25px;
	}
	
	.site_container{
		padding: 0 25px;
	}

	div#products div.products_product{
		margin-bottom: 25px;
	}

    div#products h1{
        font-size: 24px;
    }

	article img.alignleft, article img.alignright{
		float:none;
		margin: 25px 0;
		display: block;
	}

	#content{
		display: table;
	}

	#tertiary{
		display: table-footer-group;
	}

	#content article{
		display: table-header-group;
	}

    article h1{
        font-size: 25px;
    }



}

@media (min-width: 600px) and (max-width: 960px){
    div.footer_block{
       width: 30%;
       padding: 0 15px;
       margin: 0;
       float: none;
       vertical-align: top;
    }
}

@media (min-width:801px) and (max-width: 1000px){
    #content{
        display: table;
    }

    #tertiary{
        display: table-footer-group;
    }

    #content article{
        display: table-header-group;
    }

    div#menu ul li.be-social-nav-item{
        display: none;
    }
}

/* larger tablets to smaller desktops*/
@media (min-width:801px) and (max-width: 1150px){
    .site-content, #logo_and_social, div#newsletter_signup{
        padding: 0 25px;
    }

    div#newsletter_signup div#info_text, 
    div#newsletter_signup div#input_fields{
        float:none;
        text-align: left;
    }

    div#info_text p:nth-of-type(2),div#info_text p:nth-of-type(1){
        margin: 0;
    }

    div#newsletter_signup{
        height: auto;
        padding: 0 25px 10px 25px;
    }

    div#newsletter_signup_triangle_left,
    div#newsletter_signup_triangle_right,
    div#info_text img#icon_alert{
        display: none;
    }

    div#menu ul li{
        margin: 0 8px;
    }

}

/* ##### FLASH CARDS and PRACTICE EXAMS ##### */

	div#fcape_login_or_register {
		margin-bottom: 40px;
	}
	
		div#fcape_login_container {
			background-color: rgb(255,255,255);
			border: 1px solid rgb(235,235,235);
			border-radius: 10px;
			box-sizing: border-box;
			padding: 30px 30px 37px 30px;
			width: 100%;
			margin-bottom: 20px;	
		}
		
		div#fcape_register_container {
			background-color: rgb(255,255,255);
			border: 1px solid rgb(235,235,235);
			border-radius: 10px;
			box-sizing: border-box;
			padding: 30px 30px 37px 30px;
			width: 100%;	
		}	
		
			div#fcape_register_container_inner {
				display: flex;
			}
			
			@media (max-width: 960px){
				div#fcape_register_container_inner {
					display: block;	
				}	
			}
			
				div#reg_left {
					flex: 0 0 50%;
				}
				
				@media (max-width: 960px){
					div#reg_left {
						flex: none;	
					}
				}
				
				div#reg_right {
					flex: 0 0 50%;					
				}
				
				@media (max-width: 960px){
					div#reg_right {
						flex: none;
						margin-top: 35px;	
					}
				}					
	
			div#fcape_login_or_register h2 {
				font-size: 22px;
				font-weight: normal;
				color: rgb(0,0,0);
				margin: 0 0 15px 0;
			}
			
			p.fcape_helpertext {
				font-size: 12px;
				font-style: italic;	
			}
	
			div#fcape_login_or_register label {
				display: block;
				color: rgb(0,0,0);
				margin: 0 0 4px 0;
				font-size: 14px;	
			}
			
			div#fcape_login_or_register input[type='text'], 
			div#fcape_login_or_register input[type='password'] {
				box-sizing: border-box;
				border: none;
				background-color: rgb(60,60,60);
				color: rgb(255,255,255);
				font-size: 14px;
				padding: 7px;
				width: 400px;
				margin-bottom: 10px;
				-webkit-box-shadow: 0 0 0px 1000px rgb(60,60,60) inset;
				-webkit-text-fill-color: rgb(255,255,255);
			}
			
			@media (max-width: 960px){
				div#fcape_login_or_register input[type='text'], 
				div#fcape_login_or_register input[type='password'] {				
					width: 250px;	
				}
			}
			
			div#fcape_login_or_register select {
				width: 400px;
				margin-bottom: 10px;	
			}
			
			@media (max-width: 960px){
				div#fcape_login_or_register select {				
					width: 250px;	
				}
			}		
			
			div#fcape_login_or_register input[type='button'] {
				display: block;
				border: 0;
				background-color: #a11d21;
				color: rgb(255,255,255);
				font-size: 14px;
				padding: 7px 20px 7px 20px;
				margin-top: 20px;
			}
			
			div#error_login,
			div#error_paypal {
				display: none;
				margin: 10px 0 15px 0;
				color: #a11d21;
				font-size: 14px;
				font-weight: bold;	
			}
		
	div.start_container {
		display: flex;
		position: relative;
		width: 100%;
		text-align: left;	
	}	
	
		div.start_flashcards {
			display: block;
			position: relative;
			width: 50%;
			flex: 0 0 50%;
			text-align: left;	
		}
		
		div.start_practice_exams {
			display: block;
			position: relative;
			width: 50%;
			flex: 0 0 50%;
			text-align: left;	
		}		
		
	form.form_flashcards {
		
	}
	
		form.form_flashcards label {
			display: block;
			color: rgb(0,0,0);
			margin: 0 0 4px 0;
			font-size: 14px;	
		}	
	
		form.form_flashcards input[type='text'],
		form.form_flashcards input[type='password'] {
			box-sizing: border-box;
			border: none;
			background-color: rgb(60,60,60);
			color: rgb(255,255,255);
			font-size: 14px;
			padding: 7px;
			width: 400px;
			margin-bottom: 10px;
			-webkit-box-shadow: 0 0 0px 1000px rgb(60,60,60) inset;
			-webkit-text-fill-color: rgb(255,255,255);			
		}
		
		@media (max-width: 960px){
			form.form_flashcards input[type='text'],
			form.form_flashcards input[type='password'] {			
				width: 250px;	
			}
		}
		
		form.form_flashcards select {
			width: 400px;
			margin-bottom: 10px;	
		}
		
		@media (max-width: 960px){
			form.form_flashcards select {
				width: 250px;	
			}
		}		
	
		form.form_flashcards input[type='button'] {
			display: block;
			border: 0;
			background-color: #a11d21;
			color: rgb(255,255,255);
			font-size: 14px;
			padding: 7px 20px 7px 20px;
			margin-top: 8px;			
		}
		
		p.error {
			display: none;
			margin: 5px 0 15px 0;
			color: #fece7c;
			font-size: 14px;
			font-weight: bold;	
		}		
		
	p.lessBottomMargin {
		margin-bottom: 3px;	
	}
	
	.ui-selectmenu-button.ui-button {
		border: 1px solid rgb(222,222,222);
		background-color: rgb(255,255,255);
		font-size: 14px;
		color: rgb(40,40,40);
		font-weight: bold;
		padding: 7px;
		margin-bottom: 20px;
		width: 350px;
		text-align: left;	
	}	
	
	@media (max-width: 960px){
		.ui-selectmenu-button.ui-button {
			width: 250px;	
		}
	}
	
		div.ui-selectmenu-menu li {
			text-align: left;
		}
		
		div.ui-menu-item-wrapper {

		}
		
		li.ui-menu-item {
	
		}
		
		span#number_of_flash_cards-button:focus {
			outline: 0;
		}
		
		li.ui-menu-item div.ui-state-active {
			padding-left: 8px;
			background-color: #a11d21 !important;
			border: none !important;			
		}		
		
		span.ui-selectmenu-text {
			font-size: 16px;	
			color: rgb(40,40,40);
			font-weight: normal;
			padding-left: 8px;
		}		
		
	div.radios {
		line-height: 150%;
		margin-bottom: 20px;
	}
	
		div.radios .ui-checkboxradio-label {
			width: 350px;
			display: block;
			margin-bottom: 4px;
		}
		
		div.radios .ui-button {
			border: none;
			background-color: rgb(255,255,255);
			color: rgb(40,40,40);
			padding-top: 10px;
			padding-bottom: 10px;
			text-align: left;
		}						
		
		div.radios .ui-state-active {
			border: none !important;
			box-shadow: none;
			background-color: #a11d21 !important;
			color: rgb(255,255,255);
		}
		
		div.radios .ui-state-focus,
		div.radios .ui-visual-focus {
			box-shadow: none;
		}	
		
	div.checkboxes .ui-checkboxradio-label {
		width: 350px;
	}
	
	div.checkboxes .ui-button {
		display: inline-block;
		border: 1px solid rgb(222,222,222);
		background-color: rgb(255,255,255);
		color: rgb(40,40,40);
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: left;
		/*width: 336px;*/
		width: 32.833%;
		margin: 0 0.75% 8px 0;
		font-size: 14px;
		box-sizing: border-box;
	}
	
	div.checkboxes .ui-button:nth-of-type(3n) {
		margin-right: 0;	
	}						
	
	div.checkboxes .ui-state-active {
		box-shadow: none;
		background-color: #a11d21 !important;
		color: rgb(255,255,255);
		border: 1px solid rgb(222,222,222) !important;
	}
	
	div.checkboxes .ui-state-focus,
	div.checkboxes .ui-visual-focus {
		box-shadow: none;
	}	
	
	/* ----- */	
		
	div#individual_flashcard_container {
		display: block;
		width: 1200px;
		color: rgb(255,255,255);
		box-sizing: border-box;
	}	
	
	@media (max-width: 1240px){
		div#individual_flashcard_container {
			width: 100%;
		}	
	}
	
		div#question_number {
			width: 100%;
			box-sizing: border-box;
			text-align: center;
			padding: 12px 0 12px 0;
			margin: 0;
			color: rgb(255,255,255);
			font-size: 14px;
			line-height: 100%;	
		    background: rgb(35,35,35);
		    background: -webkit-linear-gradient(rgb(35,35,35), rgb(0,0,0));
		    background: -o-linear-gradient(rgb(35,35,35), rgb(0,0,0));
		    background: -moz-linear-gradient(rgb(35,35,35), rgb(0,0,0));
		    background: linear-gradient(rgb(35,35,35), rgb(0,0,0));			
		}
	
		div#question_container {
			display: table;
			width: 100%;
			min-height: 300px;
			box-sizing: border-box;
			padding: 20px;
			text-align: center;
		    background: rgb(35,35,35);
		    background: -webkit-linear-gradient(rgb(35,35,35), rgb(0,0,0));
		    background: -o-linear-gradient(rgb(35,35,35), rgb(0,0,0));
		    background: -moz-linear-gradient(rgb(35,35,35), rgb(0,0,0));
		    background: linear-gradient(rgb(35,35,35), rgb(0,0,0));							
		}
	
			div#question {
				display: table-cell;
				vertical-align: middle;
				padding-bottom: 10px;
			}
			
				div#question img#question_image {
					display: block; 
					margin: 0 auto 0 auto; 
					border: 0; 
					max-width: 75%; 
					height: auto;
				}
			
				div#question p {
					font-size: 30px;
					line-height: 150%;
					color: rgb(255,255,255);	
				}
				
				@media (max-width: 960px){
					div#question p {
						font-size: 18px;	
					}
				}
				
				div#question pre {
					font-size: 30px;
					line-height: 150%;
					padding: 0 0 0 0;
					border-left: 0;	
					color: rgb(200,200,200);
				}
				
		div#question_form {
			display: block;
			position: relative;
			width: 100%;
			box-sizing: border-box;
			padding: 20px;
			text-align: center;
		    background: rgb(35,35,35);
		    background: -webkit-linear-gradient(rgb(35,35,35), rgb(0,0,0));
		    background: -o-linear-gradient(rgb(35,35,35), rgb(0,0,0));
		    background: -moz-linear-gradient(rgb(35,35,35), rgb(0,0,0));
		    background: linear-gradient(rgb(35,35,35), rgb(0,0,0));					
		}		
		
			div#question_form form {
				text-align: center;	
			}
		
				div#question_form p {
					color: rgb(255,255,255);	
				}		
		
		div#answer_container {
			display: none;
			width: 100%;
			text-align: center;
			padding: 12px 20px 18px 20px;
		    background: rgb(35,35,35);
		    background: -webkit-linear-gradient(rgb(35,35,35), rgb(0,0,0));
		    background: -o-linear-gradient(rgb(35,35,35), rgb(0,0,0));
		    background: -moz-linear-gradient(rgb(35,35,35), rgb(0,0,0));
		    background: linear-gradient(rgb(35,35,35), rgb(0,0,0));				
		}
	
			div#answer {
				display: block;
			}
			
				div#answer img#answer_image {
					display: block; 
					margin: 0 auto 0 auto; 
					border: 0; 
					max-width: 75%; 
					height: auto;
				}			
			
				div#answer p {
					font-size: 18px;
					line-height: 150%;
					color: rgb(255,255,255);	
				}
				
				div#answer pre {
					font-size: 18px;
					line-height: 150%;
					padding: 0 0 0 0;
					border-left: 0;	
					color: rgb(200,200,200);
				}				
			
			div#answerComments {
				/*display: block;
				margin-top: 25px;*/
			}
			
				div#answerComments p {
					/*font-size: 14px;
					line-height: 150%;*/
				}
				
				div#answerComments pre {
					/*font-size: 14px;
					line-height: 150%;
					padding: 0 0 0 0;
					border-left: 0;
					color: rgb(128,128,128);*/
				}				
		
		a#reveal_answer,
		a#next_question,
		a#finish {
			cursor: pointer;
			display: block;	
			text-align: center;
			width: 100%;
			text-decoration: none;
			padding: 12px 0 14px 0;
			margin: 0;
			font-size: 14px;
			line-height: 100%;	
		    background: rgb(35,35,35);
		    background: -webkit-linear-gradient(rgb(35,35,35), rgb(0,0,0));
		    background: -o-linear-gradient(rgb(35,35,35), rgb(0,0,0));
		    background: -moz-linear-gradient(rgb(35,35,35), rgb(0,0,0));
		    background: linear-gradient(rgb(35,35,35), rgb(0,0,0));	
		    color: #fece7c;				
		    text-decoration: underline;
		}
		
		a#reveal_answer {
			display: block;	
		}
		
	div#finish_results {
		display: none;
		width: 1200px;
		box-sizing: border-box;
		text-align: center;
	    background: rgb(35,35,35);
	    background: -webkit-linear-gradient(rgb(35,35,35), rgb(0,0,0));
	    background: -o-linear-gradient(rgb(35,35,35), rgb(0,0,0));
	    background: -moz-linear-gradient(rgb(35,35,35), rgb(0,0,0));
	    background: linear-gradient(rgb(35,35,35), rgb(0,0,0));
		padding-left: 20px;
		padding-right: 20px;
	}
	
	@media (max-width: 1240px){
		div#finish_results {
			width: 100%;
		}	
	}	
	
		div#finish_results p {
			font-size: 18px;
			padding: 0;
			margin: 0;
			color: rgb(255,255,255);
			line-height: 150%;
		}
	
			span#number_of_flashcards {
				color: #fece7c;
				font-size: 30px;
			}
			
			span#total_time {
				color: #fece7c;			
				font-size: 30px;				
			}
	
		a#more_flash_cards {
			cursor: pointer;
			display: block;	
			text-align: center;
			width: 100%;
			text-decoration: none;
			padding: 12px 0 14px 0;
			margin: 0;
			font-size: 14px;
			line-height: 100%;	
		    background: rgb(35,35,35);
		    background: -webkit-linear-gradient(rgb(35,35,35), rgb(0,0,0));
		    background: -o-linear-gradient(rgb(35,35,35), rgb(0,0,0));
		    background: -moz-linear-gradient(rgb(35,35,35), rgb(0,0,0));
		    background: linear-gradient(rgb(35,35,35), rgb(0,0,0));	
		    color: #fece7c;	
		    text-decoration: underline;				
		}
		
/* ##### ADDITIONAL STYLES ADDED ON 10/16/19 ##### */

	div#payment_details_container {
		display: none;	
	}
	
	div#free_button_container {
		display: block;	
	}
	
		div#error_free {
			display: none;
			margin: 10px 0 15px 0;
			color: #a11d21;
			font-size: 14px;
			font-weight: bold;	
		}		
		
/* ##### PRACTICE EXAM QUESTIONS/ANSWERS -- ADDED ON 9/2/20 ##### */

	div#clockdiv {
		display: block;
		position: fixed;
		top: 10px;
		left: 10px;	
	}
	
		#clockdiv > div {
		    padding: 7px;
		    border-radius: 5px;
		    /*background: #a11d21;*/
		    background-color: rgb(75,75,75);
		    display: inline-block;
		}
		
		#clockdiv div > span {
		    display: inline-block;
		    color: rgb(255,255,255);
		    font-family: "Open Sans";
		    font-weight: bold;
		    font-size: 24px;
		}
		
		.smalltext {
			font-size: 11px;
			font-weight: bold;
			color: rgb(255,255,255);
		}	

	div#pe_results {
		display: none;
		position: relative;
		width: auto;
		text-align: left;
		margin-top: 50px;
		margin-bottom: -25px !important;
	}
	
		div#pe_results p {
			font-size: 16px;
			font-weight: normal;
			color: rgb(0,0,0);
			margin-bottom: -8px;	
		}
	
		div#pe_results p#pe_results_percentage {
			font-size: 36px;
			font-weight: bold;
			color: rgb(50,150,50);	
		}
		
			div#pe_results p#pe_results_percentage span {
				font-size: 18px;
				color: rgb(0,0,0);
				display: inline-block;
				margin-left: 15px;	
			}
			
		div#pe_results p#pe_passfail {
			font-weight: bold;
			color: rgb(50,150,50);	
		}

	div#pe_questions_container {
		display: block;
		position: relative;
		width: auto;
		text-align: left;
		margin-top: 50px;	
	}
	
		div#pe_questions_container > div.pe_question {
			display: block;
			position: relative;
			width: auto;
			text-align: left;
			margin-bottom: 70px;
		}
		
			div#pe_questions_container > div.pe_question > div.peq_question_number {
				font-size: 28px;
				line-height: 28px;
				font-weight: bold;
				float: left;
				position: relative;
				box-sizing: border-box;
				border-radius: 5px;
				border: 1px solid rgb(200,200,200);
				background-color: rgb(255,255,255);
				display: flex;
				align-items: center;
				justify-content: center;
				width: 60px;
				height: 60px;
				text-align: center;
			}
			
			div.peq_question_number_correct {
				background-color: rgb(50,150,50) !important;
				border: 1px solid rgb(50,150,50) !important;
				color: rgb(255,255,255);	
			}
			
			div.peq_question_number_incorrect {
				background-color: #a11d21 !important;
				border: 1px solid #a11d21 !important;
				color: rgb(255,255,255);
			}
			
			div#pe_questions_container > div.pe_question > div.peq_question {
				display: block;
				position: relative;
				width: auto;
				margin-left: 90px;
				text-align: left;
				font-size: 20px;
				font-weight: bold;	
			}
			
				div#pe_questions_container > div.pe_question > div.peq_question > img {
					margin-bottom: 30px;
					max-width: 100%;
					height: auto;
					border: 0;
					box-shadow: none;
				}
				
			div.showAnswerContainer {
				display: block;
				position: relative;
				margin-left: 90px;
				margin-bottom: 30px;
			}
			
				div.showAnswerContainer a {
					font-size: 15px;
					color: #a11d21;
					font-weight: bold;
				}	
				
			div.showAnswer {
				display: none;
				position: relative;
				margin-left: 90px;
				margin-bottom: 30px;
				background-color: rgb(244,244,244);
				border: 1px solid rgb(235,235,235);
				box-sizing: border-box;
				padding: 25px;
				text-align: left;
			}	
			
				div.showAnswer p.label {
					font-weight: bold;	
				}		
				
				div.showAnswer > *:last-child {
					margin-bottom: 0;	
				}
				
				div.showAnswerExplanation {
					display: block;
					border-top: 2px solid rgb(222,222,222);
					box-sizing: border-box;
					padding-top: 25px;		
				}
				
					div.showAnswerExplanation > img {
						position: block;
						max-width: 100%;
						border: 0;
						box-shadow: none;	
					}
				
					div.showAnswerExplanation > *:last-child {
						margin-bottom: 0;
					}
				
				div.showAnswerDAD {
					display: flex;
					width: auto;
				}
				
					div.showAnswerDADleft {
						width: 50%;
						flex: 0 0 50%;
						text-align: left;
						box-sizing: border-box;
						padding-top: 25px;
						border-top: 2px solid rgb(235,235,235);
					}
					
					div.showAnswerDADright {
						width: 50%;
						flex: 0 0 50%;
						text-align: right;
						box-sizing: border-box;
						padding-top: 25px;	
						border-top: 2px solid rgb(235,235,235);						
					}
					
				div.showAnswerDAD:last-of-type div.showAnswerDADleft > *:last-child {
					margin-bottom: 0;	
				}
				
				div.showAnswerDAD:last-of-type div.showAnswerDADright > *:last-child {
					margin-bottom: 0;	
				}				
			
			div#pe_questions_container > div.pe_question > div.peq_answers {
				display: block;
				position: relative;
				width: auto;
				margin-left: 90px;
				text-align: left;	
			}		
			
				div.peq_answers > div.peq_answer {
					display: block;
					position: relative;
				}
				
					div.peq_answers > div.peq_answer > input {
						float: left;	
						position: relative;
						margin-top: 7px;
					}
					
					div.peq_answers > div.peq_answer > div.peq_answer_text {
						display: block;
						position: relative;
						width: auto;
						margin-left: 30px;
					}
					
						div.peq_answers > div.peq_answer > div.peq_answer_text > *:first-child {

						}
						
			div.peq_answers_dad {
				display: flex !important;	
				font-size: 0;
			}
			
				div.dad_left_column {
					width: 50%;
					flex: 0 0 50%;
					text-align: left;
				}
				
					div.dad_left_column_item {
						cursor: pointer;
						display: flex;
						width: 50%;
						box-sizing: border-box;
						align-items: center;
						justify-content: center;
						background-color: rgb(255,255,255);
						box-sizing: border-box;
						border: 2px solid rgb(175,175,175);
						padding: 10px;
						margin-bottom: 15px;
						margin-left: 0;	
						border-radius: 5px;
					}
					
						div.dad_left_column_item > *:last-child {
							margin-bottom: 0;	
						}
						
					div.dad_left_column_item_dropped {
						border: 2px solid rgb(255,255,255);
						background-color: rgb(255,255,255);
					}						
				
				div.dad_right_column {
					width: 50%;
					flex: 0 0 50%;
					text-align: right;
				}
				
					div.dad_right_column_item {
						display: flex;
						width: 100%;
						box-sizing: border-box;
						align-items: center;
						justify-content: center;
						background-color: rgb(235,235,235);
						box-sizing: border-box;
						border-top: 2px solid rgb(210,210,210);
						border-left: 2px solid rgb(210,210,210);
						border-bottom: 2px solid rgb(255,255,255);
						border-right: 2px solid rgb(255,255,255);
						padding: 40px;	
						margin-bottom: 15px;	
						margin-right: 0;
						border-radius: 5px;	
						box-shadow: 1px 1px 4px rgb(235,235,235);										
					}	
					
						div.dad_right_column_item > *:last-child {
							margin-bottom: 0;	
						}	
						
					div.dad_right_column_item_dropped {
						background-color: rgb(244,244,244);
						border: 2px solid rgb(244,244,244);
						box-shadow: none;
					}
					
	input#peSubmitButton {
		display: inline-block;
		background-color: #a11d21;
		border-radius: 10px;
		padding: 12px 22px 12px 22px;
		color: rgb(255,255,255);
		font-size: 20px;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 50px;
	}