body {
    background-color: #fff;
    margin: 0;
    padding: 0;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 90;
    margin-bottom: 10px;
}

footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 90;
}

.SAMExitPanel
{
	position:absolute;
	top:0;
	right:0;
	margin:10px;
	padding:5px;
	text-align:center;
    background-color: #fff;
	color:#ff0000;
	font-size:0.9em;
	font-weight:bold;
	border:2px solid #ff0000;
}

#pnlAssessmentWrapper {
    position: relative;
    top: 50px;
    min-width: 400px;
    max-width: 950px;
    min-height: 700px;
    padding: 25px;
    background-color: #fff;
}


#exam-controls-explanation {
    position: relative;
    width: 800px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    padding: 20px;
    border: 1px solid black;
    text-align: left;
}

.show-jump-to-item-grid {
    position: relative;
    top: 45px;
}

.jump-to-item-grid {
    position: absolute;
    bottom: 100px;
    right: 20px;
    min-height: 400px;
    font-size: 0.9em;
}


#submit-buttons {
    position: relative;
    width: 500px;
}


.float-wrapper {
    position: relative;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}


.clear {
    clear: both;
}

.full-screen {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}

.help {
    min-height: 800px;
}


.feedback-wrapper {
    position: absolute;
    width: 350px;
    margin: 40px;
    padding: 20px;
    border: 3px solid black;
    background-color: white;
}

.margin-left-right-auto {
    margin-left: auto;
    margin-right: auto;
}


table {
    width: 100%;
    border-collapse: collapse;
    border: none;
}

td {
    vertical-align: top;
}

.vertical-align-middle {
    vertical-align: middle;
}


.border-1px {
    border: 1px solid #000;
}

/* Item Type-Specific Styles */


#standard-item-wrapper .item-stem-image, #drag-and-drop-list-item-wrapper .item-stem-image {
    display: block;
    margin-bottom: 20px;
}

#standard-item-wrapper .item-stem, #drag-and-drop-list-item-wrapper .item-stem {
    display: block;
    margin-bottom: 20px;
}

.item-stem {
    text-indent: -25px;
    margin-left: 35px;
}


#standard-item-wrapper .answer-choices {
    display: block;
    width: 650px;
    padding-bottom: 120px;
}

.answer-choices input{
    float: left;
    width: 20px;
    margin-top: 8px;
}
.answer-choices label {
    float: left;
    text-indent: -25px;
    width: 510px;
    margin-left: 35px;
    margin-bottom: 10px;
    padding: 5px;
    padding-top: 0;
}

.answer-choice-image {
    padding: 10px;
    border: 1px solid greenyellow;
}

#standard-item-wrapper table {
    border-collapse: separate;
    border-spacing: 10px 5px;
}

#standard-item-wrapper td {
}


/* Standard Widths */

.width-600px {
    width: 600px;
}

.width-650px {
    width: 650px;
}

.width-400px {
    width: 400px;
}

.width-200px {
    width: 200px;
}


.width-full {
    width: 100%;
}

.width-one-quarter {
	width: 25%;
}

.width-one-half {
	width: 50%;
}

.width-three-quarters {
    width: 75%;
}

.width-one-third {
    width: 33%;
}

.width-two-thirds {
    width: 67%;
}

.width-one-fifth {
    width: 20%;
}

.width-three-fifths {
    width: 60%;
}

.width-four-fifths {
    width: 80%;
}

.width-nine-tenths {
    width: 90%;
}
.width-one-sixth {
    width: 16.6%;
}

.width-five-sixths {
    width: 83.3%;
}

.width-one-seventh {
    width:14.2%
}

.width-one-eighth {
    width: 12.5%;
}
.width-5-percent {
    width: 5%;
}

.width-10-percent {
    width: 10%;
}

.width-15-percent {
    width: 15%;
}

.width-20-percent {
    width: 20%;
}



/* Margins and Padding */

.margin-left-right-auto {
    margin-left: auto;
    margin-right: auto;
}

.margin10px {
	margin: 10px;
}
.margin20px {
	margin: 20px;
}

.marginTop5px {
     margin-top: 5px;
 }

.marginBottom2px {
    margin-bottom: 2px;
}

.marginBottom5px {
    margin-bottom: 5px;
}

.marginTop10px {
	margin-top: 10px;
}
.marginTop20px {
	margin-top: 20px;
}

.marginTop50px {
	margin-top: 50px;
}

.margin-left-20px {
    margin-left: 20px;
}

.marginBottom10px {
	margin-bottom: 10px;
}

.marginBottom20px {
	margin-bottom: 20px;
}
.marginBottom40px {
	margin-bottom: 40px;
}
.margin-right-20px {
    margin-right: 20px;
}

.padding5px {
	padding: 5px;
}

.padding10px {
	padding: 10px;
}

.padding20px {
	padding: 20px;
}

.padding30px {
	padding: 30px;
}

.padding40px {
    padding: 40px;
}

.padding-top-5px {
    padding-top: 5px;
}

.padding-top-10px {
    padding-top: 10px;
}

.padding-top-15px {
    padding-top: 15px;
}

.padding-top-20px {
    padding-top: 20px;
}
.padding-top-32px {
    padding-top: 32px;
}

.padding-top-40px {
    padding-top: 40px;
}

.padding-left-5px {
    padding-left: 5px;
}

.padding-left-10px {
    padding-left: 10px;
}
.padding-left-20px {
    padding-left: 20px;
}

.padding-right-5px {
    padding-right: 5px;
}

.padding-right-10px {
    padding-right: 10px;
}

.padding-right-32px {
    padding-right: 32px;
}

.padding-bottom-5px {
    padding-bottom: 5px;
}

.padding-bottom-10px {
    padding-bottom: 10px;
}

.padding-bottom-15px {
    padding-bottom: 15px;
}
.padding-bottom-20px {
    padding-bottom: 20px;
}