@font-face {
	font-family: 'Lato-Light';
	src: url('../../fonts/Lato-Light.eot'); /* IE9 Compat Modes */
	src: url('../fonts/Lato-Light.eot?') format('embedded-opentype'), /* IE6-IE8 */
         url('../../fonts/Lato-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
	font-weight:300;
	font-style: normal;		 
}
@font-face {
	font-family: 'Lato-Regular';
	src: url('../../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/Lato-Regular.eot?') format('embedded-opentype'), /* IE6-IE8 */
         url('../../fonts/Lato-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
	font-weight:400;
	font-style: normal;
}
@font-face {
	font-family: 'Lato-Bold';
	src: url('../../fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
	src: url('../fonts/Lato-Bold.eot?') format('embedded-opentype'), /* IE6-IE8 */
         url('../../fonts/Lato-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
	font-weight:700;
	font-style: bold;		 
}

#holder {
	width:55%;
    position: absolute;
	top:70px;
	bottom:0;
	left:0;
}
#tabs > ul {
	height:40px;
	margin:0;
	padding:0; 
	list-style:none;
}

#tabs>ul li {
	float:left;
	margin-left:-27px;
}
#tabs>ul li.first {
	margin-left:0;
}

#tabs>ul a {
	display:block;
	color:#ffffff;
	text-decoration:none;
	padding:3px 0 0 5px;
	line-height:normal;
	height:37px;
	font-size:30px;
	min-width:150px;
	float:left;
	background:#959595;
/*    font-family: 'Lato-Light',Arial, Helvetica, sans-serif; */
	font-family: 'Lato-Regular',Arial, Helvetica, sans-serif;
}

#tabs > ul li.first a {
	background:#959595;
	padding-left:10px;
}

#tabs > ul li.second:before {
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 30px 40px 0;
	border-color: transparent #959595 transparent transparent;
	float:left;
	z-index:3;
}

#tabs > ul li.second:after {
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 0 0 30px;
	border-color: transparent transparent transparent #959595;
	float:left;
	z-index:3;
}

#tabs > ul li.first:before {
	display:none;
}

#tabs > ul li.first:after {
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 0 0 30px;
	border-color: transparent transparent transparent #959595;
	float:left;
	margin-right:1px;
	z-index:3;
}

#tabs > ul li.first.current:after {
	border-color: transparent transparent transparent #f20516;
	z-index:3;
}
#tabs > ul li.first.current a {
	background:#f20516;
}
#tabs > ul li.second.current:before {
	border-color: transparent #f20516 transparent transparent;
	z-index:3;
}
#tabs > ul li.second.current:after {
	border-color: transparent transparent transparent #f20516;
	z-index:3;
}
#tabs > ul li.second.current a {
	background:#f20516;
}
#content {
    border:3px solid #f20516;
    padding:15px;
    position: absolute;
    bottom: 0px;
    top: 45px;
}
#casestudy {
    height:100%;
	overflow:auto;
}
#casestudy p {
	margin-top:1px;
}
#problem img {
	display:none;
}


#casestudy-image {
	width:43%;
	position:absolute;
	top:70px;
	bottom:0;
	right:0;
}
#casestudy-image img {
	height:100%;
	margin:auto;
}
#buttons {
    height:35px;
    left:20px;
    bottom: 20px;
    position:absolute;
}

.answer table {
	margin-left:4%;
	width:96%;
}
#response {
    display:none;
}
        
#response input[type="radio"] {
    margin: 10px 20px;
	width:16px;
	height:16px;
}

label, input[type="radio"] {
	cursor:pointer;
	outline:none;
	vertical-align: middle;	
}
    
#response-question {
    margin-bottom:0;
}

.answer {
	background:transparent url(../../interface/arrow.png) no-repeat -7px 13px;
}

.correct {
    background-position:9px 6px;
    transition: background-position 0.5s ease-out;
    -webkit-transition: background-position 0.5s ease-out;
}

#response-feedback {
    border:3px solid #f20516;

	background-color:rgb(235,235,235);

/*
    background: transparent\9;
    background-color: rgba(235,235,235,.9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6ebebeb, endColorstr=#e6ebebeb);
    zoom: 1;	
*/	
	display:none;
	position:absolute;
	width:100%;
	height:111.4%;
	top:-12%;
	left:-3px;
	margin-left:0;
	z-index:3;
/*    font-family: 'Lato-Light',Arial, Helvetica, sans-serif; */
	font-family: 'Lato-Regular',Arial, Helvetica, sans-serif;
}

#response-feedback input.close {
	position:absolute;
	left:20px;
	bottom:20px;
	max-width:200px;
}

#response-feedback .header {
	background:#f20516;
	height:40px;
	margin:4px;
	padding:10px;
/*
    background-image: url(../../interface/exit_lg.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: 27px 27px;
*/
}

#response-feedback .header h3{
	font-size:46px;
	font-weight:normal;
	margin:0;
	padding:10px;
	color:#ffffff;
}

#feedback-content {
	padding:10px 30px;
}

       
#prompt {
    height:30px;
    left:0px;
    position:relative;
	margin-top:0;
}