/*LARGE.CSS*/
#Content {
width: 876px;
    margin: auto;
    box-shadow: 2px 0 10px grey;
    padding: 7px;
    padding-top: 0;
}
#Header > img {
	width: 877px;
	height: 224px;
}
#MainForm {
	width: 100%;
}
#FormBodyBackground {
	position: absolute;
	width: 750px;
	border-right: 1px solid gray;
	height: 100%;
	z-index: 0;
	top: 0;
	bottom: 0;
	left: 0;
}
#FormBody {
	border: 1px solid gray;
	margin-top: 1em;
	position: relative;
	z-index: 1;
	width: 100%;
	min-height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
}
#FormFooter {
	vertical-align: middle;
}
#selCitationContainer {
	width: 100%;
	height: 2.25em;
	display: inline-block;
}
#selCitation {
	width: 754px;
	height: 2.25em;
}

#Accident {
    width: 100%;
    text-align: center;
}
#Accident > tbody > tr > td:first-child {
    width: 32%;
    text-align: right;
}

input[type=radio] {
    height: 15px;
    width: 15px;
}

input[name='chkAccident'], input[name='chkInjury'] {
    margin: 10px;
}

#chkAccident, #chkInjury {
    margin-left: 50%;
}

#FormPreview {
    min-height: 200px;
    position: relative;
}

#tblPreview {
    width: 100%;
    margin: auto;
    text-align: center;
    min-height: 200px;
}
#tblPreview .Col1 {
    width: 50%;
}
#PreviewListing {
    vertical-align: top;
}
#PreviewListing > tr {
    height: 1em;
}
#PreviewListing > tr:last-child {
    height: 100%;
}

#btnCalculate {
    width: 50%;
}


#FormResults {
    display: none;
}

#tblCitations {
	width: 100%;
}
#lblTotal {
	display: inline-block;
	width: 525px;
	text-align: right;
}
#TotalFineAmount {
	position: relative;
	right: -2px;
	width: 123px;
	font-size: 1.5em;
	float: right;
	top: 7px;
}
.column1 {
	width: 750px;
}
.modal-content {
	width: 50% !important;
	min-width: 765px;
}