Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Grab Q/A from HTML source and create Anki Cards directly.
#!/usr/local/bin/python
import os
import sys
import csv
from operator import itemgetter
from bs4 import BeautifulSoup
from anki import Collection as aopen
usmle_rx = open("/Users/drlulz/Desktop/test.html",'r').read()
#csvfile = "/Users/drlulz/Desktop/usmle.csv"
anki_coll = "/Users/drlulz/Documents/Anki/DrLulz/collection.anki2"
def get_cards(content):
soup = BeautifulSoup(usmle_rx)
qas = soup.select(".qa.row")
results = []
for qa in qas:
question = str(qa.find("div", class_="question").next_element.text)
answer = str(qa.find("div", class_="answer").next_element.text)
results.append((question, answer))
return results
def make_cards(cards):
qas = get_cards(cards)
card_type = 'Basic'
deck_name = 'USMLErx'
for qa in qas:
card_front = itemgetter(0)(qa)
card_back = itemgetter(1)(qa)
deck = aopen( anki_coll );
deck_id = deck.decks.id(deck_name)
deck.decks.select( deck_id )
model = deck.models.byName( card_type )
model['did'] = deck_id
deck.models.save( model )
deck.models.setCurrent( model )
fact = deck.newNote()
fact['Front'] = card_front.decode('utf-8')
fact['Back'] = card_back.decode('utf-8')
deck.addNote( fact )
deck.save()
deck.close()
make_cards(usmle_rx)
#with open(csvfile, "w") as output:
# writer = csv.writer(output, delimiter=',', lineterminator='\n')
# writer.writerows(get_cards(usmle_rx))
This file has been truncated, but you can view the full file.
header
Running “test.py”…
Python 2.7.6teaser
Theme:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" class="k-ff k-ff36"><head>
<title></title>
<meta content="width=device-width, maximum-scale=1.0" name="viewport" />
<!--[CDATA[ if (location.href.indexOf("https://") == -1) { location.href = location.href.replace("http://",
"https://"); } ]]-->
<!-- Latest compiled and minified JavaScript -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" />
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet" />
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<style>
html, page, body, form
{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background-color: #003466 !important;
font-family: Verdana, Geneva, serif;
}
</style>
<script>
function navHTTPS() {
var oldURL = window.location.hostname + window.location.pathname;
var newURL = "https://" + oldURL;
window.location = newURL;
}
if (window.location.protocol != "https:") {
navHTTPS();
}
</script>
<script type="text/javascript" src="//ui.usmle-rx.com/UI.js?v=60"></script><script type="text/javascript" src="https://api.usmle-rx.com/v1/mediq.js?objects=Feedback,Video&amp;version=2023"></script><link rel="stylesheet" type="text/css" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/ui-lightness/jquery-ui.min.css" /><link rel="stylesheet" type="text/css" href="https://api.usmle-rx.com/v1/.mediq.css" /><link rel="stylesheet" type="text/css" href="https://ui.usmle-rx.com/Kendo/styles/kendo.common.min.css" /><link rel="stylesheet" type="text/css" href="https://ui.usmle-rx.com/Kendo/styles/kendo.default.min.css" /><script type="text/javascript" src="https://ui.usmle-rx.com/kendo/js/kendo.all.min.js"></script><script type="text/javascript" src="https://ui.usmle-rx.com/ckeditor/ckeditor.js"></script><link rel="stylesheet" type="text/css" href="./Style/FlashFactsStyle.css" /></head>
<body onpageshow='event.persisted &amp;&amp; (function(){var allInstances = CKEDITOR.instances, editor, doc;for ( var i in allInstances ){ editor = allInstances[ i ]; doc = editor.document; if ( doc ) { doc.$.designMode = "off"; doc.$.designMode = "on"; }}})();'>
<style>
#maindiv-inner-grey
{
overflow: visible;
}
#contentPanel
{
background-color: White;
}
#desktop-frame-left-panel
{
width: 100px;
}
#desktop-frame-right-panel
{
width: 100px;
}
.k-header, .k-inset
{
min-height: 30px !important;
}
.ui-dialog .ui-dialog-content, .ui-widget-content
{
font-size: 16px !important;
font-family: arial !important;
}
.ui-dialog-titlebar, .ui-widget-header, .ui-dialog-title
{
background-color: #0B59A5 !important;
color: #ffffff !important;
font-family: arial !important;
font-size: 18px !important;
font-weight: bold !important;
background: #3a78bb !important;
border: 0 !important;
}
.ui-dialog-buttonset .ui-button, .ui-dialog-buttonset .ui-button-text
{
background: #3a78bb !important;
white-space: nowrap !important;
background-color: #0B59A5 !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
display: inline-block !important;
color: #ffffff !important;
font-family: arial !important;
font-size: 14px !important;
font-weight: bold !important;
text-decoration: none !important;
text-transform: uppercase !important;
cursor: pointer !important;
text-align: center !important;
}
table
{
border-collapse: separate !important;
}
tbody
{
border: 0 !important;
outline: 0 !important;
border-width: 0px !important;
border-color: transparent !important;
}
.heading
{
font-family: "arial black",arial,san-serif;
font-size: 120%;
color: #006699;
letter-spacing: 0px;
}
.blueButton
{
background: #3a78bb;
width: 200px;
white-space: nowrap;
background-color: #0B59A5;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
display: inline-block;
color: #ffffff;
font-family: arial;
font-size: 18px;
font-weight: bold;
padding: 10px 25px;
text-decoration: none;
text-transform: uppercase;
width: 280px;
cursor: pointer;
text-align: center;
}
html, page, body, form
{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
font-family: Verdana, Geneva, serif;
-webkit-font-smoothing: antialiased;
}
hr
{
border-top: 0;
border-left: 0;
border-right: 0;
color: #CCC;
border-bottom: 1px solid #CCC;
margin-top: 10px;
margin-bottom: 10px;
}
.headerSpacer
{
height: 100px;
}
.accountHeader
{
background-color: Black;
color: White;
}
.spnHighlightAddAnnotation
{
background-image: url(/img/edit.gif);
position: absolute;
width: 30px;
height: 30px;
cursor: pointer;
margin-top: -5px;
margin-left: -5px;
}
.highlighted
{
display: inline !important;
padding: 0px 2px;
background-color: Yellow;
color: Blue;
border: 1px solid transparent;
cursor: pointer;
}
.highlighted .spnHighlightAddAnnotation
{
display: none;
}
.highlighted:hover .spnHighlightAddAnnotation
{
display: inline-block;
}
.highlightAnnotated
{
background-color: #FF9933 !important;
color: White !important;
}
.highlightedSelect
{
background-color: #FF0 !important;
color: #00F !important;
border: 2px solid #00F !important;
}
.highlightedDeleteContainer
{
display: inline-block !important;
width: 1px;
margin-right: -6px;
margin-left: 3px;
height: 1px;
font-family: Arial;
padding: 7px 7px;
}
.highlightedDelete
{
position: relative;
height: 30px;
width: 30px;
background-size: 260px;
background: url(https://ui.usmle-rx.com/img/usmlerx-delete-icons.jpeg) -38px -76px no-repeat;
cursor: pointer;
color: transparent;
display: block;
margin-top: -12px;
margin-left: -7px;
}
.toolbar
{
background-color: Black;
color: White;
}
.clear
{
clear: both;
}
#divLoading img
{
width: 250px;
}
#divLoading span
{
font-weight: bold;
color: #666;
font-size: 14px;
margin-top: 30px;
margin-bottom: 10px;
display: block;
}
#divLoading
{
border: 2px solid #CCCCCC;
height: 150px;
width: 300px;
position: fixed;
left: 50%;
top: 50%;
margin: -100px 0 0 -150px;
z-index: 10000;
}
#divLoadingContainer
{
background-color: Black;
position: absolute;
width: 100%;
height: 100%;
z-index: 9999;
opacity: 0.35;
left: 0;
top: 0;
}
/****************************** Grid *****************************************************/
.altRow
{
background-color: #F4F4F4;
}
.editButton
{
display: block;
background-image: url(https://ui.usmle-rx.com/img/grid/edit.gif);
width: 30px;
height: 30px;
float: left;
cursor: pointer;
}
.printButton
{
display: block;
background-image: url(https://ui.usmle-rx.com/img/grid/print.gif);
width: 30px;
height: 30px;
float: left;
cursor: pointer;
}
.upButton
{
display: block;
background-image: url(https://ui.usmle-rx.com/img/grid/up.gif);
width: 30px;
height: 30px;
float: left;
cursor: pointer;
}
.downButton
{
display: block;
background-image: url(https://ui.usmle-rx.com/img/grid/down.gif);
width: 30px;
height: 30px;
float: left;
cursor: pointer;
}
.deleteButton
{
display: block;
background-image: url(https://ui.usmle-rx.com/img/grid/delete.gif);
width: 30px;
height: 30px;
float: left;
cursor: pointer;
}
/********************* inputs ******************************/
.largeInput
{
width: 100%;
min-height: 36px;
background-color: #ffffff;
border: 2px solid #c8c8c8;
margin: 0 0 0px 0;
font-size: 16px;
font-family: Verdana, Geneva, serif;
}
.clear
{
clear: both;
}
.ui-dialog-titlebar-close
{
display: none;
}
.largeButtonDull
{
background-color: #88aacc !important;
}
.ui-dialog-buttonset button, .largeButton
{
background: #3A78BB;
white-space: nowrap;
background-color: #0B59A5;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
display: inline-block;
color: #FFF;
font-family: arial;
font-size: 12px;
font-weight: bold;
padding: 10px 13px;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
text-align: center;
min-width: 20px;
border: 1px solid white; /*height: 40px;*/
}
.largeButton:hover
{
background: #b7b7b7;
}
#holder
{
width: 100%;
}
#holder &gt; div
{
clear: both;
padding: 2%;
margin-bottom: 20px;
border-bottom: 1px solid #eee;
float: left;
width: 96%;
}
label
{
display: inline;
}
.regular-checkbox
{
display: none;
}
.regular-checkbox + label
{
background-color: #fafafa;
border: 1px solid #cacece;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
padding: 9px;
border-radius: 3px;
display: inline-block;
position: relative;
cursor: pointer;
line-height: 22px;
}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active
{
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.regular-checkbox:checked + label
{
background-color: #F79731;
border: 1px solid #adb8c0;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
color: #99a1a7;
cursor: pointer;
}
.regular-checkbox:checked + label:after
{
content: '\2714';
font-size: 14px;
position: absolute;
top: 0px;
left: 3px;
color: white;
cursor: pointer;
}
.big-checkbox + label
{
padding: 10px;
}
.big-checkbox:checked + label:after
{
font-size: 18px;
left: 3px;
}
.tag
{
width: 200px;
position: relative;
top: 5px;
font-weight: bold;
text-transform: uppercase;
display: block;
float: left;
}
.radio-1
{
width: 193px;
}
.button-holder
{
float: left;
}
/* RADIO */
.regular-radio
{
display: none;
}
.regular-radio + label
{
-webkit-appearance: none;
background-color: #fafafa;
border: 1px solid #cacece;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
padding: 9px;
border-radius: 50px;
display: inline-block;
position: relative;
cursor: pointer;
}
.regular-radio:checked + label:after
{
content: ' ';
width: 12px;
height: 12px;
border-radius: 50px;
position: absolute;
top: 3px;
background: #99a1a7;
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
text-shadow: 0px;
left: 3px;
font-size: 22px;
cursor: pointer;
}
.regular-radio:checked + label
{
background-color: #e9ecee;
color: #99a1a7;
border: 1px solid #adb8c0;
cursor: pointer;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
.regular-radio + label:active, .regular-radio:checked + label:active
{
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
cursor: pointer;
}
.big-radio + label
{
padding: 10px;
}
.big-radio:checked + label:after
{
width: 16px;
height: 16px;
left: 2px;
top: 2px;
cursor: pointer;
}
.k-state-active, .k-state-active:hover, .k-active-filter, .k-tabstrip .k-state-active
{
border-color: #CCCCCC !important;
}
.k-tabstrip-items .k-state-active
{
background-color: #CCCCCC !important;
}
#spnLoadingProgressBar
{
height: 15px;
text-align: left;
width: 193px;
border: 1px solid #CCC;
}
#spnLoadingProgressBarColor
{
height: 15px;
background-color: Green;
}
/********************checkboxes**************************************/
.scheduler-header
{
padding: 10px;
color: #00599E;
margin-bottom: 10px;
font-size: 12pt;
font-family: Verdana;
font-weight: bold;
cursor: pointer;
border-bottom: 1px solid #00599E;
}
.scheduler-title
{
font-family: "arial black",arial,san-serif;
font-size: 14px;
color: #069;
letter-spacing: 0px;
margin-left: 10px;
}
.scheduler-date
{
font-size: 12px;
color: #666;
letter-spacing: 0px;
margin-left: 10px;
font-style: italic;
}
.scheduler-icon
{
margin-left: 10px;
}
.scheduler-row
{
margin-bottom: 5px;
}
.scheduler-container
{
border: 1px solid #00599E;
}
#desktop-frame-indexlink
{
float: left;
width: 60px;
height: 60px;
background-image: url('https://ui.usmle-rx.com/img/index-drawer.gif');
background-repeat: no-repeat;
background-position: 10px 10px;
cursor: pointer;
}
#desktop-frame-accountlink
{
float: right;
width: 60px;
height: 60px;
background-image: url('https://ui.usmle-rx.com/img/account.gif');
background-repeat: no-repeat;
background-position: 10px 10px;
cursor: pointer;
}
#desktop-frame-searchlink
{
float: right;
width: 60px;
height: 60px;
background-image: url('https://ui.usmle-rx.com/img/search.gif');
background-repeat: no-repeat;
background-position: 10px 10px;
cursor: pointer;
}
#spnLoadingLabel
{
color: White !important;
}
#desktop-frame-search-box
{
position: absolute;
margin-top: 60px;
right: 0;
z-index: 11000;
}
</style>
<div id="desktop-responsive-script-container"><style>
@media screen and (min-width: 0) and (max-width: 980px)
{
#wrapper, #maindiv-inner-grey, #midcontent-inner
{
width:auto !important;
}
}
@media screen and (min-width: 0) and (max-width: 620px)
{
#desktop-frame-searchlink{
display:none;
}
}
</style></div>
<div style="display: none;" id="divDesktopUploadSingleFile">
<div id="divDesktopUploadText">
</div>
</div>
<div style="position: absolute; z-index: 500; background-color: rgb(0, 52, 102) ! important; top: 0px; left: 0px; color: White; width: 100%; height: 100%; vertical-align: middle; display: none;" id="divApplicationLoadScreen">
<div style="position: absolute; top: 50%; left: 50%; width: 200px; height: 100px; margin-left: -100px; margin-top: -50px;">
<center>
<div id="Span1">
Loading application...</div>
<img alt="" src="https://ui.usmle-rx.com/img/loading_bar_animated.gif" style="width: 170px;" />
</center>
</div>
</div>
<div style="" id="divLoadingContainer">
</div>
<div class="k-block k-shadow" style="background-color: rgb(0, 52, 102) ! important; color: White;" id="divLoading">
<center>
<span id="spnLoadingLabel">Loading...</span>
<img alt="" src="https://ui.usmle-rx.com/img/loading_bar_animated.gif" id="imgLoadingSpinner" />
<div id="spnLoadingProgressBar" style="display: none;">
<div id="spnLoadingProgressBarColor">
</div>
</div>
</center>
</div>
<div id="divStyle">
</div>
<table cellspacing="0" cellpadding="0" style="width: 100%; height: 469px;" id="desktop-frame-table">
<tbody><tr id="desktop-frame-header">
<td valign="top" colspan="3" style="height: 45px;">
<div id="desktop-frame-indexlink">
</div>
<div id="desktop-frame-accountlink">
</div>
<div style="display:none;" onclick="UsmleUI.Application.GlobalSearch.toggleSearchBox();" id="desktop-frame-searchlink">
<div style="display: none;" id="desktop-frame-search-box">
<style>
#divGlobalSearch
{
background-color: #003466 !important;
padding:10px;
border:1px solid white;
width:462px;
cursor:pointer;
}
#cmdGlobalSearch
{
float: left;
margin-left:10px;
}
#txtGlobalSearch
{
float: left;
width:350px;
}
</style>
<div onclick="UsmleUI.Application.cancelBubble();" id="divGlobalSearch">
<input type="text" id="txtGlobalSearch" class="largeInput" />
<span onclick="UsmleUI.Application.GlobalSearch.search();" class="largeButton" id="cmdGlobalSearch">Search</span>
<div class="clear"></div>
</div>
<script>
var gstimeoutid;
$(document).ready(function () {
gstimeoutid = setTimeout(function () {
if (typeof UsmleUI !== 'undefined') {
if (typeof UsmleUI.Application !== 'undefined') {
UsmleUI.Application.setSubmitButton($("#txtGlobalSearch"), $("#cmdGlobalSearch"));
clearTimeout(gstimeoutid);
}
}
}, 100);
});
</script>
</div>
</div>
<style>
#applicationHeader
{
width: 100%;
height: 57px;
}
#applicationHeader img
{
height: 57px;
}
#tdHeader
{
height: 57px;
}
#spnHeaderLogo
{
background-repeat: no-repeat;
background-image: url(https://ui.usmle-rx.com/img/header.gif);
width:400px;
height:55px;
display:block;
}
@media screen and (min-width: 0) and (max-width: 505px)
{
#spnHeaderLogo
{
background-image: url(https://ui.usmle-rx.com/img/header-med.gif) !important;
width:301px !important;
height:55px !important;
}
}
@media screen and (min-width: 0) and (max-width: 430px)
{
#spnHeaderLogo
{
background-image: url(https://ui.usmle-rx.com/img/header-sm.gif) !important;
width:135px !important;
height:55px !important;
}
}
</style>
<div id="applicationHeader">
<center>
<span id="spnHeaderLogo"></span>
</center>
</div>
</td>
</tr>
<tr>
<td valign="top" style="display: none; height: 409px;" id="desktop-frame-left-panel">
<div style="width: 100%; height: 100%; overflow: auto;" id="desktop-frame-left-index-container">
<style>
#leftIndex
{
width: 110px;
}
#tdLeftIndex
{
width: 110px;
}
#leftIndex ul
{
padding: 5px 0 0 0;
margin: 0px;
}
#leftIndex ul li
{
list-style: none;
list-style-type: none;
padding: 0px;
margin: 0px 20px 20px 20px;
}
#leftIndex ul li img
{
width: 70px;
height: 70px;
cursor: pointer;
}
</style>
<div id="divLeftIndexStyle"></div>
<div style="width: 100%; height: 100%; overflow: auto;" id="leftIndex">
<div style="height: 20px;">
</div>
<div style="margin-top: -20px; height: 100%;">
<ul id="ulIndex">
<li>
<img onclick="leftIndex_navigateDashboard();" src="https://ui.usmle-rx.com/img/dashboard/dashboard.gif" /></li>
<li id="liLeftIndexQmax1">
<img onclick="leftIndex_navigateQmax1();" src="https://ui.usmle-rx.com/img/dashboard/qmax1.gif" /></li>
<li id="liLeftIndexExpress" style="display: none;">
<img onclick="leftIndex_navigateExpress();" src="https://ui.usmle-rx.com/img/dashboard/express.gif" /></li>
<li id="liLeftIndexFlashFacts">
<img onclick="leftIndex_navigateFlashFacts();" src="https://ui.usmle-rx.com/img/dashboard/flash-facts.gif" /></li>
<li id="liLeftIndexUltimate" style="display: none;">
<img onclick="leftIndex_navigateUltimate();" src="https://ui.usmle-rx.com/img/dashboard/ultimate.gif" /></li>
<li id="liLeftIndexQmax2" style="display: none;">
<img onclick="leftIndex_navigateQmax2();" src="https://ui.usmle-rx.com/img/dashboard/qmax2.gif" /></li>
<li id="liLeftIndexQmax3" style="display: none;">
<img onclick="leftIndex_navigateQmax3();" src="https://ui.usmle-rx.com/img/dashboard/qmax3.gif" /></li>
<li style="display:none" id="liNotes">
<img onclick="leftIndex_navigateNotes();" src="https://ui.usmle-rx.com/img/dashboard/note.gif" /></li>
<li style="display: none;" id="liLeftIndexDam">
<img onclick="leftIndex_navigateDam();" src="https://ui.usmle-rx.com/img/dashboard/dam.gif" /></li>
<li style="display: none;" id="liLeftIndexReports">
<img onclick="leftIndex_navigateReports();" src="https://ui.usmle-rx.com/img/dashboard/reports.gif" /></li>
<li style="display: none;" id="liAdminSettings">
<img onclick="leftIndex_navigateAdminSettings();" src="https://ui.usmle-rx.com/img/dashboard/adminsettings.gif" /></li>
</ul>
</div>
</div>
<script>
function leftIndex_navigateDashboard() {
// reset the applications
if (document.location.hash != '' &amp;&amp; document.location.hash.toLowerCase() != '#debug') {
if (UsmleUI.appVersion == 0)
document.location = 'http://usmle-rx.com/dashboard';
else
document.location = 'http://test.usmle-rx.com/dashboard';
return;
}
UsmleUI.Application.clear();
UsmleUI.Application.setCurrentApp(UsmleAppEnum.Dashboard);
}
function leftIndex_navigateExpress() {
// reset the applications
UsmleUI.Application.clear();
if (!UsmleUI.Application.adminMode) {
UsmleUI.Application.setCurrentApp(UsmleAppEnum.Express);
}
else {
UsmleUI.Application.setCurrentApp(UsmleAppEnum.ExpressAdmin);
}
}
function leftIndex_navigateFlashFacts() {
// reset the applications
UsmleUI.Application.clear();
if (!UsmleUI.Application.adminMode) {
UsmleUI.Application.setCurrentApp(UsmleAppEnum.FlashFacts);
}
else {
UsmleUI.Application.setCurrentApp(UsmleAppEnum.FlashFactsAdmin);
}
}
function leftIndex_navigateUltimate() {
// reset the applications
UsmleUI.Application.clear();
if (!UsmleUI.Application.adminMode) {
UsmleUI.Application.setCurrentApp(UsmleAppEnum.Ultimate);
}
else {
UsmleUI.Application.setCurrentApp(UsmleAppEnum.UltimateAdmin);
}
}
function leftIndex_navigateQmax1() {
// reset the applications
UsmleUI.Application.clear();
UsmleUI.Application.Qmax.Step = 1;
if (UsmleUI.Application.adminMode) {
UsmleUI.Application.setCurrentApp(UsmleAppEnum.QmaxAdmin);
}
else
UsmleUI.Application.setCurrentApp(UsmleAppEnum.Qmax1);
}
function leftIndex_navigateQmax2() {
// reset the applications
UsmleUI.Application.clear();
UsmleUI.Application.Qmax.Step = 2;
if (UsmleUI.Application.adminMode) {
UsmleUI.Application.setCurrentApp(UsmleAppEnum.QmaxAdmin);
}
else
UsmleUI.Application.setCurrentApp(UsmleAppEnum.Qmax1);
}
function leftIndex_navigateQmax3() {
// reset the applications
UsmleUI.Application.clear();
UsmleUI.Application.Qmax.Step = 3;
if (UsmleUI.Application.adminMode) {
UsmleUI.Application.setCurrentApp(UsmleAppEnum.QmaxAdmin);
}
else
UsmleUI.Application.setCurrentApp(UsmleAppEnum.Qmax1);
}
function leftIndex_navigateReports() {
// reset the applications
UsmleUI.Application.clear();
if (UsmleUI.Application.adminMode) {
UsmleUI.Application.setCurrentApp(UsmleAppEnum.ReportsAdmin);
}
else
UsmleUI.Application.setCurrentApp(UsmleAppEnum.Reports);
}
function leftIndex_navigateNotes() {
UsmleUI.Application.clear();
UsmleUI.Application.setCurrentApp(UsmleAppEnum.NoteManager);
}
function leftIndex_navigateScheduler() {
UsmleUI.Application.clear();
UsmleUI.Application.setCurrentApp(UsmleAppEnum.Scheduler);
}
function leftIndex_navigateAdminSettings() {
UsmleUI.Application.clear();
UsmleUI.Application.setCurrentApp(UsmleAppEnum.AppSettingsAdmin);
}
function leftIndex_navigateDam() {
UsmleUI.Application.clear();
UsmleUI.Application.setCurrentApp(UsmleAppEnum.DamAdmin);
}
function initLeftPanel() {
try {
if (UsmleUI.Application.currentUser.expirations[RoleEnum.Qmax1] == null) $("#liLeftIndexQmax1").hide();
if (UsmleUI.Application.currentUser.expirations[RoleEnum.Qmax2] == null) $("#liLeftIndexQmax2").hide();
if (UsmleUI.Application.currentUser.expirations[RoleEnum.Qmax3] == null) $("#liLeftIndexQmax3").hide();
if (UsmleUI.Application.currentUser.expirations[RoleEnum.FlashFacts] == null) $("#liLeftIndexFlashFacts").hide();
if (UsmleUI.Application.currentUser.expirations[RoleEnum.Ultimate] == null) $("#liLeftIndexUltimate").hide();
if (UsmleUI.Application.currentUser.expirations[RoleEnum.Express] == null) $("#liLeftIndexExpress").hide();
if (UsmleUI.Application.adminMode == true) {
$("#liAdminSettings").show();
$("#liLeftIndexReports").show();
$("#liLeftIndexDam").show();
}
else {
$("#liAdminSettings").hide();
$("#liLeftIndexDam").hide();
$("#liLeftIndexReports").hide();
$("#divLeftIndexStyle").html("");
}
setTimeout('initLeftPanel();', 1000);
} catch (e) { }
}
</script>
</div>
</td>
<td valign="top" id="desktop-frame-body" style="height: 409px;">
<div style="width: 100%; height: 100%; overflow: auto;" id="contentPanelContainer">
<div id="contentPanel" style="width: 100%;"><style>
.topicAddButton, .topicRemoveButton
{
font-family: 'Glyphicons Halflings';
width: 50px;
top: 0;
}
.topicAddButton
{
background-color: #88aacc;
}
.indexAddButton, .indexRemoveButton
{
font-family: 'Glyphicons Halflings';
width: 25px !important;
top: 0 !important;
text-align: center;
height: 25px !important;
line-height: 25px !important;
border: 1px solid #CCC !important;
}
.imgFlagTopic
{
width: 25px;
}
#divRightIndexClose
{
display: none;
background-color: #0B59A5;
color: white;
}
#spnDVHeaderActions
{
display: none;
}
#ulFactCardList
{
margin: 0;
padding: 0;
list-style-type: none;
}
#ulFactCardList li
{
margin: 0;
padding: 0;
list-style-type: none;
}
#ulFactCardList .qa
{
/* border-spacing: 10px;*/
/*padding: 5px;*/
margin: 10px;
display: table;
width: 98%;
}
#ulFactCardList .qaConfidence1 .question
{
border-left: 5px solid red;
}
#ulFactCardList .qaConfidence3 .question
{
border-left: 5px solid yellow;
}
#ulFactCardList .qaConfidence5 .question
{
border-left: 5px solid green;
}
#ulFactCardList .qa .row
{
display: table-row;
}
#ulFactCardList .question
{
width: 50%;
padding: 10px;
border-right: 1px solid #ccc;
margin: 2%;
height: 100%;
display: table-cell;
background-color: white;
}
#ulFactCardList .answer
{
width: 50%;
background-color: white;
padding: 10px;
margin: 2%;
height: 100%;
display: table-cell;
}
#divRightIndexClose span
{
color: white;
font-weight: bold;
font-size: 22px;
margin: 2px;
cursor: pointer;
float: right;
}
#divLeftIndexClose
{
display: none;
background-color: #0B59A5;
color: white;
}
#divLeftIndexClose span
{
color: white;
font-weight: bold;
font-size: 22px;
margin: 2px;
cursor: pointer;
float: right;
}
#divFATools
{
display: none;
border-bottom: 1px solid #CCC;
padding-bottom: 10px;
}
#divFATools img
{
height: 40px;
cursor: pointer;
}
#spnFAToolsNotes
{
font-size: 18px;
color: #666;
float: right;
cursor: pointer;
}
#spnFAToolsTopics
{
font-size: 18px;
color: #666;
float: left;
cursor: pointer;
}
.spnTopicProg
{
display: none !important;
}
.innerPad
{
padding: 10px;
}
.countLabel
{
display: none;
}
#ulSection
{
width: 250px !important;
}
#ulSection li
{
width: auto !important;
}
#tdRightIndex
{
width: 1px;
}
.liTopic span
{
width: 120px;
}
#divTopicIndex
{
border-right: 1px dashed #CCC;
width: 250px;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
#divFactViewer
{
overflow: auto;
width: 100%;
height: 100%;
}
#divFactCardView
{
overflow: auto;
width: 100%;
height: 100%;
}
#divFactCardList
{
overflow: auto;
width: 100%;
height: 100%;
}
#divTopicName
{
width: 90%;
overflow: hidden;
}
#spnTopicName
{
font-family: "arial black",arial,san-serif;
font-size: 30px;
color: #006699;
letter-spacing: 0px;
white-space: nowrap;
display: block;
}
#spnViewCards, #spnStudyCards
{
float: left;
margin-left: 5px;
height: 54px;
line-height: 32px;
}
#spnCloseList, #spnStudyList
{
float: left;
margin-left: 5px;
height: 54px;
line-height: 32px;
}
#spnNextTopic
{
float: right;
height: 54px;
width: 50px;
line-height: 32px;
}
#spnTopicAdd
{
float: right;
height: 54px;
line-height: 32px;
}
#spnNextTopicAdd, #spnPrevTopicAdd
{
/* width:60px;*/
}
#spnPrevTopic
{
float: right;
margin-left: 5px;
height: 54px;
line-height: 32px;
width: 50px;
}
#spnPrevTopicAdd
{
float: right;
height: 54px;
line-height: 32px;
}
#divFactTools
{
margin-top: 20px;
}
#divRightIndex
{
background-color: #0B59A5;
color: white;
width: 300px;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
#imgFFImg
{
display: block;
border: 1px solid transparent;
padding: 5px;
max-width: 95%;
width: auto\9;
cursor: pointer;
}
#divFANavLinks
{
border-bottom: 1px solid #CCC;
margin-bottom: 5px;
padding: 5px;
}
#divFANavLinks img
{
float: left;
height: 40px;
margin-left: 5px;
cursor: pointer;
}
#divFANavLinks span
{
display: block;
padding: 5px;
vertical-align: middle;
font-weight: bold;
cursor: pointer;
color: #069;
float: left;
margin-left: 5px;
}
</style>
<table cellspacing="0" cellpadding="0" id="tblFABrowser" style="width: 100%; height: 409px;">
<tbody><tr>
<td valign="top" style="width: 1px; display: table-cell;" id="tdLeftIndex">
<table style="width: 100%; height: 100%">
<tbody><tr>
<td style="height: 1px;">
<div id="divFANavLinks">
<img alt="" src="https://ui.usmle-rx.com/img/dashboard/exit.gif" id="imgExit" />
<img alt="" src="https://ui.usmle-rx.com/img/dashboard/study-stream.gif" id="imgStudyStream" />
<img style="" alt="" src="https://ui.usmle-rx.com/img/dashboard/note.gif" id="imgNotes" />
<span style="display: none" id="spnFAHome">Back To Overview</span>
<div class="clear"></div>
</div>
</td>
</tr>
<tr>
<td valign="top">
<div id="divTopicIndex">
<div id="divLeftIndexClose">
Topic Browser
<span onclick="$('#tdLeftIndex').hide();">X</span>
<div class="clear"></div>
</div>
<span id="spnLoadingTopics" style="display: none;">Loading topics...</span>
<ul id="ulSection"><li class="liSection"><span class="glyphicon glyphicon-chevron-down" id="spnSectionChevron700" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(700);"></span><span class="liExpand spnSectionName" id="spnSectionName700" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(700);" style="font-weight: normal;">Behavioral Science</span><span id="spnTotal700" class="countLabel">250</span><div id="divSection700" style=""><ul id="ulSubsection700" class="ulSubsection"><li class="liSubsection"><span class="glyphicon glyphicon-chevron-down" id="spnSubsectionChevron800" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSubsection(800);"></span><span class="liExpand spnSubsectionName" id="spnSubsectionName800" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSubsection(800);" style="font-weight: normal;">Epidemiology/Biostatistics</span><span id="spnSubTotal800" class="countLabel">130</span><div id="divSubsection800" style=""><ul id="ulTopic800" class="ulTopic"><li class="liTopic selectedTopic" id="liTopic9057" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.topicClick(9057);"><img class="imgFlagTopic" src="./img/index-unchecked.gif" style="cursor: pointer;" id="imgFlagTopic9057" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.imgFlagTopic_Click(0);" /><span>Types of studies</span><span id="spnTopicTotal9057" class="countLabel">14</span></li><li class="liTopic" id="liTopic9059" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.topicClick(9059);"><img class="imgFlagTopic" src="./img/index-unchecked.gif" style="cursor: pointer;" id="imgFlagTopic9059" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.imgFlagTopic_Click(1);" /><span>Evaluation of diagnostic tests</span><span id="spnTopicTotal9059" class="countLabel">23</span></li><li class="liTopic" id="liTopic9058" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.topicClick(9058);"><img class="imgFlagTopic" src="./img/index-unchecked.gif" style="cursor: pointer;" id="imgFlagTopic9058" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.imgFlagTopic_Click(2);" /><span>Clinical trial</span><span id="spnTopicTotal9058" class="countLabel">8</span></li><li class="liTopic" id="liTopic9060" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.topicClick(9060);"><img class="imgFlagTopic" src="./img/index-unchecked.gif" style="cursor: pointer;" id="imgFlagTopic9060" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.imgFlagTopic_Click(3);" /><span>Incidence vs. prevalence</span><span id="spnTopicTotal9060" class="countLabel">6</span></li><li class="liTopic" id="liTopic9061" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.topicClick(9061);"><img class="imgFlagTopic" src="./img/index-unchecked.gif" style="cursor: pointer;" id="imgFlagTopic9061" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.imgFlagTopic_Click(4);" /><span>Quantifying risk</span><span id="spnTopicTotal9061" class="countLabel">12</span></li><li class="liTopic" id="liTopic9062" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.topicClick(9062);"><img class="imgFlagTopic" src="./img/index-unchecked.gif" style="cursor: pointer;" id="imgFlagTopic9062" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.imgFlagTopic_Click(5);" /><span>Precision vs. accuracy</span><span id="spnTopicTotal9062" class="countLabel">4</span></li><li class="liTopic" id="liTopic9063" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.topicClick(9063);"><img class="imgFlagTopic" src="./img/index-unchecked.gif" style="cursor: pointer;" id="imgFlagTopic9063" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.imgFlagTopic_Click(6);" /><span>Bias and study errors</span><span id="spnTopicTotal9063" class="countLabel">16</span></li><li class="liTopic" id="liTopic9064" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.topicClick(9064);"><img class="imgFlagTopic" src="./img/index-unchecked.gif" style="cursor: pointer;" id="imgFlagTopic9064" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.imgFlagTopic_Click(7);" /><span>Statistical distribution</span><span id="spnTopicTotal9064" class="countLabel">8</span></li><li class="liTopic" id="liTopic9065" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.topicClick(9065);"><img class="imgFlagTopic" src="./img/index-unchecked.gif" style="cursor: pointer;" id="imgFlagTopic9065" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.imgFlagTopic_Click(8);" /><span>Statistical hypotheses</span><span id="spnTopicTotal9065" class="countLabel">2</span></li><li class="liTopic" id="liTopic9066" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.topicClick(9066);"><img class="imgFlagTopic" src="./img/index-unchecked.gif" style="cursor: pointer;" id="imgFlagTopic9066" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.imgFlagTopic_Click(9);" /><span>Outcomes of statistical hypothesis testing</span><span id="spnTopicTotal9066" class="countLabel">12</span></li><li class="liTopic" id="liTopic9067" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.topicClick(9067);"><img class="imgFlagTopic" src="./img/index-unchecked.gif" style="cursor: pointer;" id="imgFlagTopic9067" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.imgFlagTopic_Click(10);" /><span>Meta-analysis</span><span id="spnTopicTotal9067" class="countLabel">2</span></li><li class="liTopic" id="liTopic9068" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.topicClick(9068);"><img class="imgFlagTopic" src="./img/index-unchecked.gif" style="cursor: pointer;" id="imgFlagTopic9068" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.imgFlagTopic_Click(11);" /><span>Confidence interval</span><span id="spnTopicTotal9068" class="countLabel">8</span></li><li class="liTopic" id="liTopic9069" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.topicClick(9069);"><img class="imgFlagTopic" src="./img/index-unchecked.gif" style="cursor: pointer;" id="imgFlagTopic9069" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.imgFlagTopic_Click(12);" /><span>t-test vs. ANOVA vs. chi- squared</span><span id="spnTopicTotal9069" class="countLabel">3</span></li><li class="liTopic" id="liTopic9070" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.topicClick(9070);"><img class="imgFlagTopic" src="./img/index-unchecked.gif" style="cursor: pointer;" id="imgFlagTopic9070" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.imgFlagTopic_Click(13);" /><span>Pearson's correlation coefficient (r)</span><span id="spnTopicTotal9070" class="countLabel">5</span></li><li class="liTopic" id="liTopic9071" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.topicClick(9071);"><img class="imgFlagTopic" src="./img/index-unchecked.gif" style="cursor: pointer;" id="imgFlagTopic9071" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.imgFlagTopic_Click(14);" /><span>Disease prevention</span><span id="spnTopicTotal9071" class="countLabel">4</span></li><li class="liTopic" id="liTopic9072" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.topicClick(9072);"><img class="imgFlagTopic" src="./img/index-unchecked.gif" style="cursor: pointer;" id="imgFlagTopic9072" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.imgFlagTopic_Click(15);" /><span>Medicare and Medicaid</span><span id="spnTopicTotal9072" class="countLabel">3</span></li></ul><div class="clear"></div></div></li><li class="liSubsection"><span class="glyphicon glyphicon-chevron-right" id="spnSubsectionChevron801" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSubsection(801);"></span><span class="liExpand spnSubsectionName" id="spnSubsectionName801" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSubsection(801);" style="font-weight: normal;">Ethics</span><span id="spnSubTotal801" class="countLabel">54</span><div id="divSubsection801" style="display: none;"></div></li><li class="liSubsection"><span class="glyphicon glyphicon-chevron-right" id="spnSubsectionChevron802" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSubsection(802);"></span><span class="liExpand spnSubsectionName" id="spnSubsectionName802" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSubsection(802);" style="font-weight: normal;">Development</span><span id="spnSubTotal802" class="countLabel">66</span><div id="divSubsection802" style="display: none;"></div></li></ul><div class="clear"></div></div></li><li class="liSection"><span class="glyphicon glyphicon-chevron-right" id="spnSectionChevron701" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(701);"></span><span class="liExpand spnSectionName" id="spnSectionName701" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(701);" style="font-weight: normal;">Biochemistry</span><span id="spnTotal701" class="countLabel">1068</span><div id="divSection701" style="display: none;"></div></li><li class="liSection"><span class="glyphicon glyphicon-chevron-right" id="spnSectionChevron707" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(707);"></span><span class="liExpand spnSectionName" id="spnSectionName707" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(707);" style="font-weight: normal;">Microbiology</span><span id="spnTotal707" class="countLabel">1327</span><div id="divSection707" style="display: none;"></div></li><li class="liSection"><span class="glyphicon glyphicon-chevron-right" id="spnSectionChevron706" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(706);"></span><span class="liExpand spnSectionName" id="spnSectionName706" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(706);" style="font-weight: normal;">Immunology</span><span id="spnTotal706" class="countLabel">382</span><div id="divSection706" style="display: none;"></div></li><li class="liSection"><span class="glyphicon glyphicon-chevron-right" id="spnSectionChevron710" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(710);"></span><span class="liExpand spnSectionName" id="spnSectionName710" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(710);" style="font-weight: normal;">Pathology</span><span id="spnTotal710" class="countLabel">338</span><div id="divSection710" style="display: none;"></div></li><li class="liSection"><span class="glyphicon glyphicon-chevron-right" id="spnSectionChevron711" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(711);"></span><span class="liExpand spnSectionName" id="spnSectionName711" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(711);" style="font-weight: normal;">Pharmacology</span><span id="spnTotal711" class="countLabel">390</span><div id="divSection711" style="display: none;"></div></li><li class="liSection"><span class="glyphicon glyphicon-chevron-right" id="spnSectionChevron702" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(702);"></span><span class="liExpand spnSectionName" id="spnSectionName702" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(702);" style="font-weight: bold;">Cardiovascular</span><span id="spnTotal702" class="countLabel">526</span><div id="divSection702" style="display: none;"></div></li><li class="liSection"><span class="glyphicon glyphicon-chevron-right" id="spnSectionChevron703" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(703);"></span><span class="liExpand spnSectionName" id="spnSectionName703" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(703);" style="font-weight: normal;">Endocrine</span><span id="spnTotal703" class="countLabel">315</span><div id="divSection703" style="display: none;"></div></li><li class="liSection"><span class="glyphicon glyphicon-chevron-right" id="spnSectionChevron704" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(704);"></span><span class="liExpand spnSectionName" id="spnSectionName704" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(704);" style="font-weight: normal;">Gastrointestinal</span><span id="spnTotal704" class="countLabel">850</span><div id="divSection704" style="display: none;"></div></li><li class="liSection"><span class="glyphicon glyphicon-chevron-right" id="spnSectionChevron705" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(705);"></span><span class="liExpand spnSectionName" id="spnSectionName705" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(705);" style="font-weight: normal;">Hematology and Oncology</span><span id="spnTotal705" class="countLabel">553</span><div id="divSection705" style="display: none;"></div></li><li class="liSection"><span class="glyphicon glyphicon-chevron-right" id="spnSectionChevron708" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(708);"></span><span class="liExpand spnSectionName" id="spnSectionName708" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(708);" style="font-weight: normal;">Musculoskeletal, Skin, and Connective Tissue</span><span id="spnTotal708" class="countLabel">393</span><div id="divSection708" style="display: none;"></div></li><li class="liSection"><span class="glyphicon glyphicon-chevron-right" id="spnSectionChevron709" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(709);"></span><span class="liExpand spnSectionName" id="spnSectionName709" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(709);" style="font-weight: normal;">Neurology</span><span id="spnTotal709" class="countLabel">841</span><div id="divSection709" style="display: none;"></div></li><li class="liSection"><span class="glyphicon glyphicon-chevron-right" id="spnSectionChevron712" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(712);"></span><span class="liExpand spnSectionName" id="spnSectionName712" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(712);" style="font-weight: normal;">Psychiatry</span><span id="spnTotal712" class="countLabel">453</span><div id="divSection712" style="display: none;"></div></li><li class="liSection"><span class="glyphicon glyphicon-chevron-right" id="spnSectionChevron713" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(713);"></span><span class="liExpand spnSectionName" id="spnSectionName713" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(713);" style="font-weight: normal;">Renal</span><span id="spnTotal713" class="countLabel">451</span><div id="divSection713" style="display: none;"></div></li><li class="liSection"><span class="glyphicon glyphicon-chevron-right" id="spnSectionChevron714" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(714);"></span><span class="liExpand spnSectionName" id="spnSectionName714" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(714);" style="font-weight: bold;">Reproductive</span><span id="spnTotal714" class="countLabel">676</span><div id="divSection714" style="display: none;"></div></li><li class="liSection"><span class="glyphicon glyphicon-chevron-right" id="spnSectionChevron715" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(715);"></span><span class="liExpand spnSectionName" id="spnSectionName715" onclick="UsmleUI.Application.FlashFacts.TopicBrowser.toggleSection(715);" style="font-weight: normal;">Respiratory</span><span id="spnTotal715" class="countLabel">435</span><div id="divSection715" style="display: none;"></div></li></ul>
<div class="clear"></div>
</div>
</td>
</tr>
</tbody></table>
</td>
<td valign="top">
<div id="divFactViewer">
<div class="innerPad">
<div id="divFATools">
<img alt="" src="https://ui.usmle-rx.com/img/dashboard/exit.gif" id="imgExit2" />
<img onclick="$('#tdLeftIndex').show();" alt="" src="https://ui.usmle-rx.com/img/dashboard/first-aid.gif" id="imgFA" />
<img alt="" src="https://ui.usmle-rx.com/img/dashboard/study-stream.gif" id="imgStudyStream2" />
<img onclick="$('#tdRightIndex').show();" style="" alt="" src="https://ui.usmle-rx.com/img/dashboard/note.gif" id="imgNotes2" />
<span style="display: none" id="spnFAHome2">Back To Overview</span>
<div class="clear"></div>
</div>
<div id="divTopicName">
<span id="spnTopicName">Types of studies</span>
</div>
<div style="display: none" id="divTopicSelectionPrompt">
You have no topics in your study stream. Review First Aid Facts, and add them to your study stream when prompted.
</div>
<div id="divFAImageViewer" style="display: block;"><div style="min-height:100px;"><center><img onclick="window.open('http://cdn.usmle-rx.com/fafact/4100/4100.png');" src="http://cdn.usmle-rx.com/fafact/4100/4100.png" alt="" id="imgFFImg" onload="UsmleUI.Application.FlashFacts.FABrowser.hideLoading();" /></center></div></div>
<div style="" id="divFactTools">
<span class="largeButton" id="spnNextTopic">&gt;</span>
<span class="largeButton glyphicon glyphicon-ok topicAddButton" id="spnTopicAdd"></span>
<span class="largeButton" id="spnPrevTopic">&lt;</span>
<span class="largeButton" id="spnViewCards">View 14 cards</span>
<span style="display: none" class="largeButton" id="spnStudyCards">Study</span>
<div class="clear"></div>
</div>
</div>
</div>
<div style="display: none;" id="divFactCardView">
<div class="innerPad">
<style>
#divDVQuestion
{
clear: both;
font-size: 17px;
float: left;
width: 100%;
}
#divAnswerRow
{
clear: both;
margin-top: 5px;
}
#divDVQandA
{
/* height:300px;*/
}
#imgDVFAFact
{
display: block;
border: 1px solid transparent;
padding: 5px;
max-width: 95%;
width: auto\9;
cursor: pointer;
}
#divDVTools
{
margin-top: 10px;
}
#divDVAnswerContainer
{
/*height:100px;*/
}
#divDVAnswer
{
font-size: 17px;
float: left;
width: 100%;
clear: both;
background-color: #CCC;
margin-top: 10px;
}
.divDVAnswerText
{
padding: 10px;
}
#spnNextCard
{
float: right;
}
#spnPrevCard
{
float: right;
margin-right:10px;
}
#divDVProgress
{
float: left;
margin-bottom: 10px;
border: 1px solid #CCC;
height: 10px;
width: 98%;
}
#divDVProgressBar
{
background-color: green;
height: 100%;
width: 0%;
}
#divDVProgressBar1
{
display: none;
background-color: red;
height: 100%;
width: 0%;
float: left;
}
#divDVProgressBar3
{
display: none;
background-color: yellow;
height: 100%;
width: 0%;
float: left;
}
#divDVProgressBar5
{
display: none;
background-color: green;
height: 100%;
width: 0%;
float: left;
}
#spnDVQuestionIndex
{
float: left;
font-size: 16px;
font-weight: bold;
color: #003466;
line-height: 40px;
margin-right: 5px;
}
#spnDVDeckTimer, #spnDVBar
{
color: #808080;
font-size: 16px;
margin-right: 5px;
}
#spnDVBar
{
display: none;
}
#spnDVDeckTimer
{
bottom: 0;
position: absolute;
left: 0;
}
#imgDVDelete
{
float: left;
margin-right: 10px;
height: 30px;
cursor: pointer;
margin-top: 1px;
}
#spnDVFeedbackButtons
{
float: left;
margin-right: 10px;
margin-top: 1px;
}
#imgDVLike
{
height: 37px;
cursor: pointer;
}
#imgDVDislike
{
height: 37px;
cursor: pointer;
}
#divDVActions
{
clear: both;
float: left;
width: 100%;
}
#spnDVFactViewer
{
float: left;
}
#spnDVRateBlock
{
display: block;
width: 270px;
height: 144px;
background-color: #CCC;
padding: 10px;
margin: 10px;
}
#spnShowAnswer
{
height: 144px;
width: 270px;
line-height: 117px;
margin: -10px;
}
#spnDVShowAnswerBlock
{
display: block;
width: 270px;
height: 144px;
background-color: #CCC;
padding: 10px;
margin: 10px;
}
#spnDVRateTitle
{
float: left;
display: block;
width: 100%;
font-family: "arial black",arial,san-serif;
font-size: 120%;
color: #006699;
letter-spacing: 0px;
}
#spnDVRate1
{
display: block;
width: 80px;
height: 80px;
background-color: red;
cursor: pointer;
float: left;
clear: both;
border: 5px solid #CCC;
}
#spnDVRate3
{
display: block;
width: 80px;
height: 80px;
background-color: yellow;
cursor: pointer;
float: left;
margin-left: 5px;
border: 5px solid #CCC;
}
#spnDVRate5
{
display: block;
width: 80px;
height: 80px;
background-color: green;
cursor: pointer;
float: left;
margin-left: 5px;
border: 5px solid #CCC;
}
.spnDVRateSel
{
border: 5px solid #003466 !important;
}
#spnDVRate1Caption
{
float: left;
clear: both;
width: 80px;
text-align: center;
display: block;
}
#spnDVRate3Caption
{
float: left;
width: 80px;
text-align: center;
display: block;
margin-left: 5px;
}
#spnDVRate5Caption
{
float: left;
width: 80px;
text-align: center;
display: block;
}
.spnDVChoice
{
display: block;
padding: 10px;
}
.dvChoiceAlt
{
background-color: white;
}
.spnDVChoiceText
{
float: left;
}
.spnDVChoiceRbLb
{
float: left;
margin-right: 10px;
}
#spnDVBreadcrumbs
{
float: left;
font-size: 16px;
font-weight: bold;
color: #003466;
line-height: 40px;
}
#spnDVHeaderActions
{
float: left;
font-size: 16px;
color: #666;
line-height: 40px;
margin-top:5px;
}
#spnDVHeaderActions img
{
float: left;
margin-right: 5px;
height:40px;
cursor:pointer;
}
#spnDVHeaderSettings
{
float: right;
font-size: 16px;
color: #666;
line-height: 40px;
}
.headerButton
{
line-height: 40px;
display: inline-block;
padding-right: 5px;
padding-left: 5px;
cursor: pointer;
}
#divFirstAidHeader
{
margin-bottom: 10px;
}
#divDVFAFact
{
margin-top: 10px;
}
</style>
<div id="ffdv-responsive-script-container"><style>
@media screen and (min-width: 0) and (max-width: 750px)
{
#spnDVBreadcrumbs{
display:none;
}
}
@media screen and (min-width: 0) and (max-width: 400px)
{
#spnDVBar{
display:none;
}
#imgDVDelete{
margin-left: 5px;
height: 38px;
}
#spnDVDeckTimer{
line-height:36px;
}
#spnShowAnswer2{
width:60%;
display:block;
}
#spnNextCard{
float: right;
width: 20%;
}
#spnPrevCard{
float: left;
width: 20%;
}
#spnDVQuestionIndex{
float: left;
clear: both;
width:100%;
text-align:center;
display:inline-block;
}
#divDVQuestion, #divDVAnswer{
padding:10px;
}
#spnDVFeedbackButtons2 {
float: left;
margin: 0;
margin-top: 1px;
width: 60%;
text-align: center;
}
.likeButton, .dislikeButton{
width:38px !important;
height:38px !important;
}
</style></div>
<div id="divDVHeader">
<span id="spnDVHeaderSettings">
<span class="headerButton" id="spnDVHeaderSettings">Settings</span>
</span>
<span id="spnDVHeaderActions">
<img alt="" src="https://ui.usmle-rx.com/img/dashboard/exit.gif" id="imgDVExit" />
<img alt="" src="https://ui.usmle-rx.com/img/dashboard/first-aid.gif" id="imgDVFA" />
<img alt="" src="https://ui.usmle-rx.com/img/dashboard/note.gif" id="imgDVNotes" />
<div class="clear"></div>
</span>
<span id="spnDVQuestionIndex">Question 0 of 0</span> <span style="display: none;" id="spnDVBreadcrumbs">Category . Subcategory . Topic</span>
<div class="clear"></div>
</div>
<div id="divDVProgress">
<div id="divDVProgressBar"></div>
<div id="divDVProgressBar1"></div>
<div id="divDVProgressBar3"></div>
<div id="divDVProgressBar5"></div>
</div>
<div id="divDVQandA">
<div id="divDVQuestion"></div>
<div id="divDVAnswerContainer">
<div id="divDVAnswer"></div>
</div>
<div class="clear"></div>
<div id="divDVTools">
<span class="largeButton" id="spnNextCard">Next &gt;</span>
<span class="largeButton" id="spnPrevCard">&lt; Prev</span>
<span class="largeButton" id="spnDVFactViewer">First Aid</span>
<img style="display: none" src="https://ui.usmle-rx.com/img/delete.gif" title="Remove Card" alt="Delete" id="imgDVDelete" />
<span style="display: none;" id="spnDVFeedbackButtons"><style>
.k-block
{
background-color: white;
}
.likeButton
{
width: 30px;
height: 30px;
display: inline-block;
cursor: pointer;
}
.dislikeButton
{
width: 30px;
height: 30px;
display: inline-block;
margin-left: 5px;
cursor: pointer;
}
#imgLike
{
float: left;
}
#imgDislike
{
float: left;
}
#spnLike
{
float: left;
font-size: 20px;
padding-top: 3px;
padding-left: 2px;
}
#spnDislike
{
float: left;
font-size: 20px;
padding-top: 3px;
padding-left: 2px;
}
#divFeedback
{
width: 250px;
}
#divFeedbackContent
{
padding: 10px;
}
#spnNegativeFeedbackTitle, #spnPositiveFeedbackTitle
{
font-weight: bold;
float: left;
margin-top: 10px;
}
#txtFeedbackComment
{
float: left;
clear: both;
width: 230px;
height: 100px;
}
#cmdSubmitComment
{
float: left;
clear: both;
margin-top: 10px;
}
#divNoFeedback
{
float: left;
}
#divFeedbackCounters
{
float: left;
}
.divLikeDislikeButtons
{
width: 150px;
height: 70px;
}
#divFeedbackThankYou
{
margin-top: 10px;
font-weight: bold;
color: #666;
}
</style>
<img class="likeButton" src="https://ui.usmle-rx.com/img/like.gif" id="cmdLike" />
<img src="https://ui.usmle-rx.com/img/dislike.gif" class="dislikeButton" id="cmdDislike" />
<div class="clear">
</div>
<div style="display: none;" id="divFeedbackComment">
<span id="spnNegativeFeedbackTitle">Let us know how we can improve this <span id="spnFeedbackEntityType">question</span>. Get
up to a $20 Amazon gift certificate. <a onclick="UsmleUI.Application.Feedback.ShowGiftDetails();" href="javascript:void 0">
(Details)</a> </span><span id="spnPositiveFeedbackTitle">Let us know how we can improve
this question. Get up to a $20 Amazon gift certificate. <a onclick="UsmleUI.Application.Feedback.ShowGiftDetails();" href="javascript:void 0">(Details)</a> </span>
<textarea cols="100" rows="3" id="txtFeedbackComment"></textarea>
<div class="clear">
</div>
</div>
<input type="hidden" id="hdnContentFeedbackId" />
</span>
<span id="spnDVBar">| </span>
<span id="spnDVDeckTimer">0:00</span>
</div>
</div>
<div id="divAnswerRow">
<center>
<span style="display:none;" id="spnDVShowAnswerBlock">
<span class="largeButton" id="spnShowAnswer">Show Answer</span>
</span>
</center>
</div>
<div id="divDVActions">
<center>
<span id="spnDVRateBlock">
<span id="spnDVRateTitle">Rate Yourself</span>
<span id="spnDVRate1"></span>
<span id="spnDVRate3"></span>
<span id="spnDVRate5"></span>
<span id="spnDVRate1Caption">Don't know</span>
<span id="spnDVRate3Caption">Unsure</span>
<span id="spnDVRate5Caption">Nailed it</span>
<div class="clear"></div>
</span>
</center>
</div>
<div class="clear"></div>
<div style="display: none;" id="divDVFAFact">
<hr />
<center>
<div id="divFirstAidHeader">
<img alt="" src="https://ui.usmle-rx.com/img/firstaid.png" />
</div>
<img id="imgDVFAFact" />
</center>
</div>
<script type="text/x-kendo-tmpl" id="ffdv-responsive-script">
&lt;style&gt;
@media screen and (min-width: 0) and (max-width: 750px)
{
#spnDVBreadcrumbs{
display:none;
}
}
@media screen and (min-width: 0) and (max-width: 400px)
{
#spnDVBar{
display:none;
}
#imgDVDelete{
margin-left: 5px;
height: 38px;
}
#spnDVDeckTimer{
line-height:36px;
}
#spnShowAnswer2{
width:60%;
display:block;
}
#spnNextCard{
float: right;
width: 20%;
}
#spnPrevCard{
float: left;
width: 20%;
}
#spnDVQuestionIndex{
float: left;
clear: both;
width:100%;
text-align:center;
display:inline-block;
}
#divDVQuestion, #divDVAnswer{
padding:10px;
}
#spnDVFeedbackButtons2 {
float: left;
margin: 0;
margin-top: 1px;
width: 60%;
text-align: center;
}
.likeButton, .dislikeButton{
width:38px !important;
height:38px !important;
}
&lt;/style&gt;
</script>
<script>
$(document).ready(function () {
var script = $("#ffdv-responsive-script").html().trim();
$("#ffdv-responsive-script-container").html(script);
});
</script>
</div>
</div>
<div style="display: none;" id="divFactCardList">
<ul id="ulFactCardList"></ul>
<span class="largeButton" id="spnCloseList">Close</span>
<span class="largeButton" id="spnStudyList">Study</span>
</div>
</td>
<td valign="top" style="display: none;" id="tdRightIndex">
<div id="divRightIndex">
<div id="divRightIndexClose">
Notes
<span onclick="$('#tdRightIndex').hide();">X</span>
<div class="clear"></div>
</div>
<style>
#divNoteActions
{
}
#divNoteList
{
background-color: #0B59A5;
padding: 5px;
margin-top: -2px;
}
#divHighlight
{
padding: 10px;
}
#divHighlightButtons
{
margin-top: 10px;
}
#cmdSaveHighlight
{
float: left;
}
#cmdCancelHighlight
{
float: left;
margin-left: 5px;
}
#cmdDeleteHighlight
{
float: left;
width: 49px;
height: 38px;
background-repeat: no-repeat;
background-image: url(https://ui.usmle-rx.com/img/usmlerx-delete-icons.jpeg);
margin-left: 5px;
margin-top: 0px;
cursor: pointer;
border: 1px solid white;
background-position: 0px 1px;
}
#divHighlightSpan
{
border: 1px solid #CCCCCC;
padding: 10px;
background-color: white;
color: #666;
margin-bottom: 20px;
}
.divNoteDisplayTitle
{
font-weight: bold;
border-bottom: 1px solid #CCC;
margin-bottom: 5px;
background-color: white;
overflow: hidden;
max-height: 35px;
}
.divNoteDisplay
{
padding: 3px;
margin-bottom: 5px;
background-color: white;
color: #666;
cursor: pointer;
}
#ulNoteList
{
margin: 0;
padding: 0;
}
#ulNoteList li
{
list-style-type: none;
margin: 0;
padding: 0;
}
#divNoteTitle
{
text-align: center;
color: white;
font-weight: bold;
padding-bottom: 5px;
}
#divNoteInstructions
{
margin: 20px 10px 10px 10px;
padding: 10px;
color: White;
}
#cmdNewNote
{
font-style: italic;
border: 1px solid #CCC;
padding: 5px;
cursor: pointer;
margin-bottom: 5px;
}
.divNoteFooter
{
font-size: 10px;
color: #666;
font-style: italic;
border-top: 1px solid #CCC;
margin-top: 5px;
padding-top: 3px;
text-align: right;
}
.divNoteDisplayBody
{
height: 17px;
overflow: hidden;
}
.divEditCardLink
{
font-style: italic;
color: #CCC;
font-size: 12px;
margin-top: 10px;
}
.divShowCardLink
{
float: left;
font-style: italic;
color: #CCC;
font-size: 10px;
}
.divHideCardLink
{
float: right;
display: block;
width: 25px;
height: 25px;
margin-right: -10px;
color: #0059A5;
font-weight: bolder;
font-size: 18px;
margin-top: -3px;
}
#note-container
{
min-width:255px;
}
</style>
<div id="note-container">
<div style="display: none;" id="divHighlight">
<div id="divHighlightSelectionDisplay">
<span class="fredV2ToolPrompt">Selection:</span>
<div id="divHighlightSpan">
</div>
</div>
<span class="fredV2ToolPrompt">Notes:</span>
<table cellspacing="4" cellpadding="0" role="presentation" class="k-widget k-editor k-header k-editor-widget"><tbody><tr role="presentation"><td role="presentation" class="k-editor-toolbar-wrap k-secondary"><ul role="toolbar" class="k-editor-toolbar" aria-controls="txtHighlightNotes" data-role="editortoolbar"><li role="presentation" class="k-tool-group k-button-group"><a title="Bold" unselectable="on" class="k-tool k-group-start" role="button" href=""><span class="k-tool-icon k-bold">Bold</span></a><a title="Italic" unselectable="on" class="k-tool" role="button" href=""><span class="k-tool-icon k-italic">Italic</span></a><a title="Underline" unselectable="on" class="k-tool k-group-end" role="button" href=""><span class="k-tool-icon k-underline">Underline</span></a></li><li role="presentation" class="k-tool-group"><div class="k-colorpicker k-foreColor k-group-start" data-role="colorpicker" style=""></div><span class="k-widget k-colorpicker k-header k-editor-widget" tabindex="0" title="Color" unselectable="on"><span class="k-picker-wrap k-state-default" unselectable="on"><span class="k-tool-icon k-foreColor" unselectable="on"><span class="k-selected-color" style="background-color: rgb(0, 0, 0);" unselectable="on"></span></span><span unselectable="on" class="k-select"><span unselectable="on" class="k-icon k-i-arrow-s"></span></span></span></span><div class="k-colorpicker k-backColor k-group-end" data-role="colorpicker" style=""></div><span class="k-widget k-colorpicker k-header k-editor-widget k-group-end" tabindex="0" title="Background color" unselectable="on"><span class="k-picker-wrap k-state-default" unselectable="on"><span class="k-tool-icon k-backColor" unselectable="on"><span class="k-selected-color" style="background-color: rgb(0, 0, 0);" unselectable="on"></span></span><span unselectable="on" class="k-select"><span unselectable="on" class="k-icon k-i-arrow-s"></span></span></span></span></li></ul></td></tr><tr><td class="k-editable-area"><iframe frameborder="0" class="k-content" src='javascript:""'></iframe><textarea maxlength="4000" cols="30" rows="2" id="txtHighlightNotes" data-role="editor" autocomplete="off" class="k-content k-raw-content" style="display: none;"></textarea></td></tr></tbody></table>
<div id="divHighlightButtons">
<input type="button" value="OK" class="largeButton" id="cmdSaveHighlight" />
<input type="button" value="Cancel" class="largeButton" id="cmdCancelHighlight" />
<span id="cmdDeleteHighlight"></span>
<div class="clear">
</div>
</div>
</div>
<div style="" id="divNoteList">
<div id="divNoteTitle">
Notes</div>
<ul id="ulNoteList"></ul>
<div id="divNoteActions">
<div class="k-block" id="cmdNewNote">
Click to start writing something...</div>
<input type="button" value="Close" class="largeButton" id="cmdCloseNoteList" style="display: none;" />
</div>
</div>
</div>
<script>
$(document).ready(function () {
$("#txtHighlightNotes").kendoEditor({
tools: [
"bold",
"italic",
"underline",
"seperator",
"foreColor",
"backColor"
]
});
});
</script>
</div>
</td>
</tr>
</tbody></table>
<div id="fffa-responsive-script-container"><style>
@media screen and (min-width: 0) and (max-width: 940px)
{
#divFFImgContainer{
clear:both;
margin:0
}
#divFABrowserFrame{
width:100%;
margin:0;
}
#divFANavLinks{
display:none;
}
#divFFImgBorder{
width:100%;
}
#tdRightIndex
{
display:none;
position: absolute !important;
top: 0 !important;
right: 0 !important;
z-index: 10000 !important;
width: 100% !important;
height: 100% !important;
background-color:#0B59A5;
}
#divRightIndex{
width:100%;
}
#tdLeftIndex{
background-color:white;
display:none;
position: absolute !important;
top: 0 !important;
left: 0 !important;
z-index: 10000 !important;
width: 100% !important;
height: 100% !important;
}
#divTopicIndex {
width:100%;
}
#divRightIndexClose,
#divLeftIndexClose
{
display:block;
font-weight: bold;
font-size: 21px;
padding-left: 10px;
}
#divFATools{
display:block;
}
#spnTopicName
{
font-size: 20px;
}
#ulFactCardList .question{
display:block !important;
float:left !important;
width:auto !important;
border-right:0 !important;
border-bottom:1px solid #CCC !important;
margin-bottom:0 !important;
}
#ulFactCardList .answer{
display:block !important;
float:left !important;
width:auto !important;
margin-top:0 !important;
clear:both;
}
#ulFactCardList .qaConfidence1 .answer
{
border-left: 5px solid red;
}
#ulFactCardList .qaConfidence3 .answer
{
border-left: 5px solid yellow;
}
#ulFactCardList .qaConfidence5 .answer
{
border-left: 5px solid green;
}
}
</style></div>
<script type="text/x-kendo-tmpl" id="fffa-responsive-script">
&lt;style&gt;
@media screen and (min-width: 0) and (max-width: 940px)
{
#divFFImgContainer{
clear:both;
margin:0
}
#divFABrowserFrame{
width:100%;
margin:0;
}
#divFANavLinks{
display:none;
}
#divFFImgBorder{
width:100%;
}
#tdRightIndex
{
display:none;
position: absolute !important;
top: 0 !important;
right: 0 !important;
z-index: 10000 !important;
width: 100% !important;
height: 100% !important;
background-color:#0B59A5;
}
#divRightIndex{
width:100%;
}
#tdLeftIndex{
background-color:white;
display:none;
position: absolute !important;
top: 0 !important;
left: 0 !important;
z-index: 10000 !important;
width: 100% !important;
height: 100% !important;
}
#divTopicIndex {
width:100%;
}
#divRightIndexClose,
#divLeftIndexClose
{
display:block;
font-weight: bold;
font-size: 21px;
padding-left: 10px;
}
#divFATools{
display:block;
}
#spnTopicName
{
font-size: 20px;
}
#ulFactCardList .question{
display:block !important;
float:left !important;
width:auto !important;
border-right:0 !important;
border-bottom:1px solid #CCC !important;
margin-bottom:0 !important;
}
#ulFactCardList .answer{
display:block !important;
float:left !important;
width:auto !important;
margin-top:0 !important;
clear:both;
}
#ulFactCardList .qaConfidence1 .answer
{
border-left: 5px solid red;
}
#ulFactCardList .qaConfidence3 .answer
{
border-left: 5px solid yellow;
}
#ulFactCardList .qaConfidence5 .answer
{
border-left: 5px solid green;
}
}
&lt;/style&gt;
</script>
<script>
$(document).ready(function () {
if (!UsmleUI.Application.FlashFacts.CheckRegistration()) return;
UsmleUI.Application.FlashFacts.TopicBrowser.init({ mode: 2, onTopicClick: UsmleUI.Application.FlashFacts.FABrowser.topicClick }, function () {
$("#spnLoadingTopics").hide();
UsmleUI.Application.FlashFacts.FABrowser.init(function () {
var script = $("#fffa-responsive-script").html().trim();
$("#fffa-responsive-script-container").html(script);
});
});
});
</script>
<script>
function continueLoadingUntilReload(){
UsmleUI.Application.showLoading();
setTimeout(continueLoadingUntilReload, 100);
}
$(document).ready(function () {
var ready = true;
var dev = document.location.href.toLowerCase().indexOf('/apidev') &gt; 0;
if(typeof(UsmleUI) == 'undefined') ready = false;
else if(typeof(USMLE_APP_VERSION) == 'undefined') ready = false;
else if(USMLE_APP_VERSION != 60 &amp;&amp; !dev) ready = false;
if(ready == false){
$("#contentPanel").html("&lt;span&gt;Loading new version, please wait . . .&lt;/span&gt;");
alert("We have made improvements to the site, and your page will now be refreshed.");
continueLoadingUntilReload();
location.reload(true);
}
if(typeof(USMLE_ADMIN_VERSION) != 'undefined'){
if(USMLE_ADMIN_VERSION != 8 &amp;&amp; !dev) {
$("#contentPanel").html("&lt;span&gt;Loading new version, please wait . . .&lt;/span&gt;");
continueLoadingUntilReload();
alert("The admin tool has been updated, and your page will now be refreshed.");
location.reload(true);
}
}
});
</script>
<div class="clear"></div></div>
<div class="clear">
</div>
</div>
</td>
<td valign="top" id="desktop-frame-right-panel" style="height: 409px; display: none;">
<div style="width: 100%; height: 100%; overflow: auto;">
<style>
#rightIndex
{
}
#tdRightIndex
{
width: 110px;
height:100%;
overflow:auto;
}
#ulRightIndexTools
{
padding: 0 0 0 0;
margin: 0px;
}
#ulRightIndexTools li
{
list-style: none;
list-style-type: none;
padding: 0px;
margin: 0px 20px 20px 20px;
float: left;
}
#ulRightIndexTools li img
{
width: 70px;
height: 70px;
cursor: pointer;
}
</style>
<div id="rightIndex">
<ul id="ulRightIndexTools">
<li style="display:none;">
<img onclick="UsmleUI.Application.setCurrentApp(UsmleAppEnum.Login);" src="https://ui.usmle-rx.com/img/application/usersettings.gif" /></li>
<li style="display: none;" id="liRightIndexAdmin">
<img onclick="navigateAdmin();" src="https://ui.usmle-rx.com/img/application/admin.gif" /></li>
<li id="li1">
<img onclick="logout();" src="https://ui.usmle-rx.com/img/application/logout.gif" /></li>
</ul>
<div class="clear">
</div>
<div id="divRightIndexTools">
</div>
</div>
<script>
function logout() {
UsmleUI.Application.setCurrentApp(UsmleAppEnum.Logout);
}
function navigateAdmin() {
UsmleUI.Application.setCurrentApp(UsmleAppEnum.Admin);
}
function onrightindexloaduser() {
if (UsmleUI.Application.securityLevel != UsmleSecurityLevelEnum.User &amp;&amp; UsmleUI.Application.securityLevel != UsmleSecurityLevelEnum.None) {
$("#liRightIndexAdmin").css("display", "");
$("desktop-frame-searchlink").css("display", "");
}
else {
$("#liRightIndexAdmin").css("display", "none");
$("desktop-frame-searchlink").css("display", "none");
}
}
// $(document).ready(function () {
// UsmleUI.Application.attachEvent("LoadUser", onrightindexloaduser);
// });
</script>
</div>
</td>
</tr>
</tbody></table>
<div style="display: none;">
<img alt="" id="imgAviaryEdit" />
</div>
<script type="text/x-kendo-tmpl" id="desktop-responsive-script">
&lt;style&gt;
@media screen and (min-width: 0) and (max-width: 980px)
{
#wrapper, #maindiv-inner-grey, #midcontent-inner
{
width:auto !important;
}
}
@media screen and (min-width: 0) and (max-width: 620px)
{
#desktop-frame-searchlink{
display:none;
}
}
&lt;/style&gt;
</script>
<script>
$(document).ready(function () {
if (typeof UsmleUI == 'undefined') {
var headTag = document.getElementsByTagName("head")[0];
var jqTag = document.createElement('script');
jqTag.type = 'text/javascript';
if(document.location.hash.toLowerCase() == '#debug')
jqTag.src = '//ui.usmle-rx.com/scripts/UsmleAPI.js?v=60';
else
jqTag.src = '//ui.usmle-rx.com/UI.js?v=60';
jqTag.onload = function () { UI_onload(); };
headTag.appendChild(jqTag);
} else {
UI_onload();
}
});
function UI_onload() {
UsmleUI.initDesktop(0);
$(window).resize(resizeDesktopFrame);
resizeDesktopFrame();
$("#desktop-frame-indexlink").click(toggleDesktopFrameIndex);
$("#desktop-frame-accountlink").click(toggleDesktopAccount);
var script = $("#desktop-responsive-script").html().trim();
$("#desktop-responsive-script-container").html(script);
}
function toggleDesktopFrameIndex(){
if($(window).width() &lt; 570){
UsmleUI.Application.clear();
UsmleUI.Application.setCurrentApp(UsmleAppEnum.Dashboard);
}
else{
if($("#desktop-frame-left-panel").css("display") == "none"){
$("#desktop-frame-left-panel").css("width", "20px");
$("#desktop-frame-left-index-container").css("width", "1px");
$("#desktop-frame-left-index-container").css("height", $(window).height() - $("#desktop-frame-header").height() );
$("#desktop-frame-left-panel").show();
$("#desktop-frame-left-index-container").animate( { width: "110px" }, 200, function(){
$("#desktop-frame-left-panel").css("width", "110px");
$("#desktop-frame-left-index-container").css("height", "100%");
$("#desktop-frame-left-index-container").scrollTop(0);
$("#leftIndex").scrollTop(0)
});
}
else{
$("#desktop-frame-left-panel").hide();
}
}
UsmleUI.Application.GlobalSearch.hideSearch();
}
function toggleDesktopAccount(){
if (document.location.hash != '' &amp;&amp; document.location.hash.toLowerCase() != '#debug') {
if (UsmleUI.appVersion == 0)
document.location = 'https://www.usmle-rx.com/user';
else
document.location = 'https://test.usmle-rx.com/user';
return;
}
UsmleUI.Application.GlobalSearch.hideSearch();
if($(window).width() &lt; 570){
UsmleUI.Application.clear();
UsmleUI.Application.setCurrentApp(UsmleAppEnum.SettingsDashboard);
}
else{
if($("#desktop-frame-right-panel").css("display") == "none"){
$("#desktop-frame-right-panel").show();
}
else{
$("#desktop-frame-right-panel").hide();
}
}
}
function resizeDesktopFrame() {
var height = $(window).height();
if($("#desktop-frame-header").css("display") != 'none'){
height = height - $("#desktop-frame-header").height();
}
$("#desktop-frame-body").height(height);
$("#desktop-frame-left-panel").height(height);
$("#desktop-frame-right-panel").height(height);
$("#desktop-frame-table").height($(window).height());
}
</script>
</body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" class="k-ff k-ff36"><head>
<title></title>
<meta content="width=device-width, maximum-scale=1.0" name="viewport" />
<!--[CDATA[ if (location.href.indexOf("https://") == -1) { location.href = location.href.replace("http://",
"https://"); } ]]-->
<!-- Latest compiled and minified JavaScript -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" />
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet" />
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<style>
html, page, body, form
{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background-color: #003466 !important;
font-family: Verdana, Geneva, serif;
}
</style>
<script>
function navHTTPS() {
var oldURL = window.location.hostname + window.location.pathname;
var newURL = "https://" + oldURL;
window.location = newURL;
}
if (window.location.protocol != "https:") {
navHTTPS();
}
</script>
<script type="text/javascript" src="//ui.usmle-rx.com/UI.js?v=60"></script><script type="text/javascript" src="https://api.usmle-rx.com/v1/mediq.js?objects=Feedback,Video&amp;version=2023"></script><link rel="stylesheet" type="text/css" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/ui-lightness/jquery-ui.min.css" /><link rel="stylesheet" type="text/css" href="https://api.usmle-rx.com/v1/.mediq.css" /><link rel="stylesheet" type="text/css" href="https://ui.usmle-rx.com/Kendo/styles/kendo.common.min.css" /><link rel="stylesheet" type="text/css" href="https://ui.usmle-rx.com/Kendo/styles/kendo.default.min.css" /><script type="text/javascript" src="https://ui.usmle-rx.com/kendo/js/kendo.all.min.js"></script><script type="text/javascript" src="https://ui.usmle-rx.com/ckeditor/ckeditor.js"></script><link rel="stylesheet" type="text/css" href="./Style/FlashFactsStyle.css" /></head>
<body onpageshow='event.persisted &amp;&amp; (function(){var allInstances = CKEDITOR.instances, editor, doc;for ( var i in allInstances ){ editor = allInstances[ i ]; doc = editor.document; if ( doc ) { doc.$.designMode = "off"; doc.$.designMode = "on"; }}})();'>
<style>
#maindiv-inner-grey
{
overflow: visible;
}
#contentPanel
{
background-color: White;
}
#desktop-frame-left-panel
{
width: 100px;
}
#desktop-frame-right-panel
{
width: 100px;
}
.k-header, .k-inset
{
min-height: 30px !important;
}
.ui-dialog .ui-dialog-content, .ui-widget-content
{
font-size: 16px !important;
font-family: arial !important;
}
.ui-dialog-titlebar, .ui-widget-header, .ui-dialog-title
{
background-color: #0B59A5 !important;
color: #ffffff !important;
font-family: arial !important;
font-size: 18px !important;
font-weight: bold !important;
background: #3a78bb !important;
border: 0 !important;
}
.ui-dialog-buttonset .ui-button, .ui-dialog-buttonset .ui-button-text
{
background: #3a78bb !important;
white-space: nowrap !important;
background-color: #0B59A5 !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
display: inline-block !important;
color: #ffffff !important;
font-family: arial !important;
font-size: 14px !important;
font-weight: bold !important;
text-decoration: none !important;
text-transform: uppercase !important;
cursor: pointer !important;
text-align: center !important;
}
table
{
border-collapse: separate !important;
}
tbody
{
border: 0 !important;
outline: 0 !important;
border-width: 0px !important;
border-color: transparent !important;
}
.heading
{
font-family: "arial black",arial,san-serif;
font-size: 120%;
color: #006699;
letter-spacing: 0px;
}
.blueButton
{
background: #3a78bb;
width: 200px;
white-space: nowrap;
background-color: #0B59A5;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
display: inline-block;
color: #ffffff;
font-family: arial;
font-size: 18px;
font-weight: bold;
padding: 10px 25px;
text-decoration: none;
text-transform: uppercase;
width: 280px;
cursor: pointer;