@charset "utf-8";
/* CSS Document */

/* General Layout */

*{
	margin: 0px;
	padding: 0px;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
}

#wrapper{
	/*margin:35px;*/
	text-align:center;
	margin:1em auto;
	width:800px;
}
.v-space-big {
	height: 123px;
}
.v-space-small {
	height: 30px;
}
.v-space-medium {
	height: 88px;
}




#header{
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/physio-xrays-banner2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 200px;
	margin-bottom:1em;
}

#content{
	text-align:left;
	padding-left: 1px;
	padding-right: 1px;
}

#footer{
	clear:both;
	margin-top: 1px;
	text-align: center;
	color:#333;
	padding-bottom: 4px;
}

.footerxray{
	font-weight: bold;
}



/* Content styles */

h1, h2, h3, h4, h5, p, table {
	 margin-bottom:1em;
}

h1{
	color: #333333;
	font-size: 2.5em;
	font-weight: normal;
}

.h1-diag {
	color: #333333;
	font-size: 2.5em;
	font-weight: normal;
	margin-bottom: 72px;
}

h2{
	font-size:1.2em;
	padding-bottom: 10px;
}

h3, h4, h5{
	font-size: 1em;
	font-weight: bold;
}

table{
	font-size: 1em;
	border-collapse:collapse;
	border: 1px solid #999999;
	
}
table caption{
	text-align: left;
	font-weight: bold;
	color:#333;
}
th{
	background:#906;
	color:#fff;
	width:120px;
	padding:3px;
	border-collapse:collapse;
	border: 1px solid #999999;
	text-align: left;
}
td{
	/*background:#fff;*/
	width:120px;
	padding:3px;
	border-collapse:collapse;
	/*border: 1px solid #990066;*/
}

tr.evenrow{
	background:#ffffff;
	
}

tr.oddrow{
	background:#f0f0f0;
}

ul{
	list-style-position: inside;
	list-style-image: url();
	margin-bottom: 2em;
}

ul ul{
	list-style-position: outside;
	list-style-image: none;
	list-style-type: disc;
	margin-bottom: 0em;
	
}

li{
	margin-bottom: 1em;
}

.box{
	background:#999999;
	color:#FFF;
	padding:1em;
	margin-top:0em;
	margin-right:1em;
	margin-bottom:1em;
	margin-left:1em;
}

/* Cases */

.case h1{
	width: 150px;
	margin-bottom:0px;
	text-align:center;
	background-image: url(case_tab.png);
	font-size: 2em;
	padding-top: 5px;
}
.case .qreveal{
	background-color: #F0F0F0;
	padding:1em;
}

.case .qreveal .answer{
	color: #FFF;
	background-color: #999999;
	padding: 1em;
}

.imageboxleft{
	padding-top:1em;
	padding-right:410px;
	padding-bottom:1px;
	padding-left:1em;
	background-repeat:no-repeat;
	background-position:center left;
	margin-bottom:1em;
}
.imageboxright{
	padding-top:1em;
	padding-right:1em;
	padding-bottom:1px;
	padding-left:410px;
	background-repeat:no-repeat;
	background-position:center left;
	margin-bottom:1em;
}

.answerbutton{
	background-color:#999999;
	color:#fff;
	width:150px;
	text-align:center;
	padding:5px;
}

#fpwrapper{
	text-align:center;
	margin:1em;
}
#fpheader{
	background-attachment: scroll;
	background-image: url();
	background-repeat: no-repeat;
	background-position: left top;
	height: 1px;
}
#fpcontent{
	height:450px;
	background-attachment: scroll;
	background-image: url();
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	color: #333;
	text-align: right;
	vertical-align: middle;
	
}

#fpcontent #title{
	margin-top:0em;
	color: #666;
	font-size: 36px;
}

/*********************************************************************/

.question{
	background:transparent;/*#F0F0F0;*/
	margin-bottom:1em;
	padding:1em;
	padding-left:25px;
	position:relative;
}

.question ol{
	margin-left: 20px;
	list-style-position:outside;
	list-style-type:lower-alpha;
}

.question li{
	background-attachment: scroll;
	background-image: url(box_deselected.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}

.question li.selected{
	background-attachment: scroll;
	background-image: url(box_selected.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}

.marked .correct{
	background-attachment: scroll;
	background-image: url(tick_g.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}

.marked .wrong{
	background-attachment: scroll;
	background-image: url(cross_r.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}

.feedback{
	background:#999999;
	color:#fff;
	padding:1em;
}
.number{
	position:absolute;
	left:7px;
	font-weight:bold;
}

.round{
	-moz-border-radius:7px; -webkit-border-radius:7px;
}
.view-answer {
	float: right;
	height: 39px;
	width: 84px;
	padding-top: 6px;
}
.next {
	float: right;
	height: 45px;
	width: 50px;
}

.prev {
	float: left;
	height: 45px;
	width: 50px;
}

.a-h-list {
	font-weight: bold;
	padding-left: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 60px;
	margin-top: 70px;
}
.ul-list {
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	list-style-type: square;
	margin-left: 100px;
}

.rollover {
	background-image: url(../images/x-ray-1-nolabels.jpg);
	background-repeat: no-repeat;
	height: 441px;
	width: 574px;
	margin-left: 115px;
	margin-bottom: 10px;
}

.anal-xray {
	background-repeat: no-repeat;
	height: 401px;
	width: 550px;
	margin-left: 125px;
	margin-bottom: 10px;
}
