/* CSS Document */
	.qheader{}
	.qselections{}
	legend {display: block;}
	legend span{font:normal .7em Arial;}
	label{font:normal .9em Arial;}
	h1{font:bold 1.2em arial;}
	h2{font:normal 1.1em arial;}
	h3{font:normal 1em arial;}
	h4{font:normal .9em arial;}


.h1a{
	font:bold 1.5em arial;
	text-align:center;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
}
.h2a{
	text-align:center;
	font:bold 1.2em arial;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
}	

.panel{
	padding:8px;
	margin-bottom:-30px;
}

.wrong{
	color:#FD0004;
	font-weight:bold;
}
.pass{
	color:#00870F;
	font-weight:bold;
}
.correct{
	font-style:italic;
	font-weight:bold;
}
.center {
    margin: auto;
    width: 50%;
    border-radius: 5px;
	border:3px solid #000000;
    padding: 10px;
}
#displayUN{
	font:normal .9em arial;
}
.modal-backdrop.in{ opacity:.8 !important; }

li{margin-bottom: 5px;}

.padright{ margin-right: 8px;}


/*
    Hide the original radios and checkboxes
    (but still accessible)

    :not(#foo) > is a rule filter to block browsers
                 that don't support that selector from
                 applying rules they shouldn't

*/
li:not(#foo) > input[type='radio']
{
    /* Hide the input, but have it still be clickable */
    opacity: 0;

    float: left;
    width: 18px;
	background: url(../img/off.png) left center no-repeat;
}

li:not(#foo) > input[type='radio'] + label
{
    margin: 0;
    clear: none;

    /* Left padding makes room for image */
    padding: 5px 0 4px 24px;

    /* Make look clickable because they are */
    cursor: pointer;

    background: url(../img/off.png) left center no-repeat;
}
li:not(#foo) > input[type=radio]:focus + label
{
	padding: 5px 0 4px 24px;
	outline: solid 3px #0f3863;
	background-color: #bff96d;
}
li:not(#foo) > input[type=radio]:hover + label
{
	padding: 5px 0 4px 24px;
	outline: solid 3px #0f3863;
	background-color: #bff96d;
}
/*
    Change from unchecked to checked graphic
*/
li:not(#foo) > input[type='radio']:checked + label {
    background-image: url(../img/radio.png);
}


button.btn:hover{
	outline: solid 4px #0f3863;

}

input[type='button']:hover{

	outline: solid 4px #0f3863;
	background-color: #bff96d;
}
input[type='button']:focus{

	outline: solid 4px #0f3863;
	background-color: #bff96d;
}
/*
input[type=radio]{
	
}


input:checked {
	color: blue;
	outline: solid 5px blue;
}
*/