/*global*/
* {margin: 0px; padding: 0px;}
img {border:0;}
span.mandatory {color:Red;}
span.comment {font-size:9px;}
body {color:#333;background:white;line-height:1.5;font-family:arial,helvetica,sans-serif; font-size:76%;}

.alertmessage {
	background-color: #FAE8E2;
	border: 3px solid #CC0033;
	color: #333;
	padding: 10px; 	
}
.alertmessage h4 {
	background: url('../images/error/Alert.gif') left top no-repeat; 
	color: #4d4d4d; 
	font-size: 1.2em; 
	padding-left: 40px; 
	padding-bottom: 10px;
}
.alertmessage ul {list-style-type: disc;}
.alertmessage li {margin-left: 15px; color: #666; font-size: 1em;}
.alertmessage a {font-size: 1em !important;}

.errorinfo 
{
	background-color: #FAE8E2;
	border: 1px  solid #CC0033;
	color: #333;
	margin-bottom: 1em;
	margin-right: 0.5em;
	float: left;
	padding: 0 2px;
}
.errorinfo .errorimage, .errorinfo select, .errorinfo input	{float: left;}
.errorinfo span {color: #990033; font-size: .9em; display:inline;}

.formsection {display:block;clear:both;}

.imptNotice {color:Red;}

/*text*/
h1, h2, h3, h4, h5, h6, p, ol, ul {text-align:left;line-height:1.2em;}
h1 {font-size:28px;}
h3,h4 {font-size:12px;padding-bottom:2px;}
h2 {color:#3E7FA5;font-weight:normal;font-size:18px;margin:10px 0px 5px 0px;}

/*grids*/
div#container {width:960px;border:1px solid black;margin:0 auto;padding-bottom:80px;}
div#header {height:85px;width:100%;margin:20px 0px;}
div#content {clear:both;}
div#footer {clear:both;height:20px;}
div.wrap {display:block;clear:both;margin-bottom:20px;padding:10px 0px 20px 0px;float:left;}

/*header*/
div.logo {float:left;padding-left:25px;}
div.pageTitle {float:right;margin:30px 20px 0px 0px;}

/*forms*/
div.form {clear:both;display:block;}
legend {color:#3E7FA5;font-weight:normal;font-size:18px;}
label {padding: 0px 10px 0px 0px;}
input.inputLength3, select.selectLength3 {width:250px;}
input.inputLength4, select.selectLength4 {width:720px;}
input.inputLength2, select.selectLength2 {width: 150px;}
input.inputLength1, select.selectLength1 {width:50px;}
input.inputLength5 {width:129px}
input.inputLength6 {width:100px}
select.selectLength4 {width:400px;}
textarea.textareaLength7 {width: 590px;}
textarea.textareaLength6 {width: 666px;}
textarea.textareaLength5 {width: 400px;}
textarea.textareaLength4 {width: 860px;}
textarea.textareaLength3 {width: 840px;}
textarea.textareaLength2 {width: 690px;}
textarea.textareaLength1 {width: 250px;}
fieldset.insideFieldSet {margin:5px 0px;}
label.bold, span.impt {font-weight:bold;}
textarea,input {margin:1px 0px;}

/*button*/
button {font-size:10px;background-color:White;padding:3px;}
div.button {clear:both;padding:10px 0px 0px 6px;}
div.attachFile {margin:10px 0px 0px 0px;padding-left:10px;}
div.notice {float:left;}
div.addRecord {clear:both;margin:30px 0px 0px 160px;}
div.submit {float:right;margin:20px 8px 0px 0px;}

/*checkbox*/
div.checkbox {margin:5px 0px;width:120px;clear:both;float:left;}
div.checkbox input {margin-left:10px;}
div.checkbox label {float:right;padding-right:10px;padding-top:3px;}
div.checkboxsection {float:left;padding-right:10px;}

/*form-headerForm*/
div.headerForm {border:1px solid white;}
div.headerForm {background-color:#9C1F2E;color:White;border:1px solid #9C1F2E;}
div.headerForm div.form {margin-top:20px;margin-bottom:20px;}
div.headerForm form {width:910px;margin:0 auto;padding:25px;}
div.headerForm fieldset {padding:8px 0px;margin-left:25px;width:900px;}
div.headerForm div.columnLeft {float:left;margin-left:80px;}
div.headerForm div.columnLeft input {width:150px;}
div.headerForm div.columnRight {float:right;margin-right:60px;}
div.headerForm div.columnRight div.field {padding:3px 0px;}
div.headerForm div.columnRight div.field label {width:150px;text-align:right;display:block;float:left;}

/*form-dataForm*/
div.dataFrom fieldset {border: 1px solid #c0c0c0;}
div.dataForm {background-color:#f9f9f9;width:930px;margin:0 auto;margin-top:20px;}
div.dataForm fieldset {padding:0px 10px;}
div.dataForm p {margin:10px 3px 3px 3px;}
div.fieldGroup {clear:left;}

/*form-oneColumn*/
div.oneColumn label {width:150px;text-align:right;display:block;float:left;}
div.oneColumn textarea {float:left;}

/*form-oneColumnFieldSet*/
div.oneColumnFieldSet label {width:225px;text-align:right;display:block;float:left;}
div.clearFloat {clear:both;display:block;}

/*form-oneColumnCheckBox*/
div.oneColumnCheckBox label {display:block;float:left;}

/*form-oneColumnTextarea*/
div.oneColumnTextarea label {width:150px;text-align:right;float:left;}
div.oneColumnTextareaLeft {float:left;width:441px;}
div.oneColumnTextareaRight {float:right;width:441px}

/*form-twoColumnFieldSet*/
div.twoColumnFieldSet label {width:120px;text-align:right;display:block;float:left;}
div.twoColumnFieldSetBlank {margin-left:131px;}
div.dataColumnLeft {float:left;width:408px;}
div.dataColumnRight {float:right;padding-bottom:30px;width:408px;}

/*form-threeColumnFieldSet*/
div.threeColumnFieldSet label {text-align:right;display:block;float:left;}
div.jobColumnLeft {float:left;width:110px;padding-top:10px;}
div.jobColumnCentre {float:left;padding-bottom:30px;width:380px;margin-left:10px;padding-top:10px;}
div.jobColumnRight {width:402px;float:right;padding-top:10px;}
div.jobColumnCentre label {width:100px;}
div.jobColumnCentre div.threeColumnFieldSetBlank {margin-left:110px;}
div.jobColumnRight div.threeColumnFieldSetBlank input {float:right;margin-right:38px;}
div.threeColumnFieldSetBlank label {width:90px;}
div.threeColumnFieldSetBlank input {margin-right:20px;float:left;}
div.jobColumnRight label {float:left;text-align:right;width:100px;}


/*form-fourColumnFieldSet*/
div.fourColumnFieldSet {float:left;padding:0px 4px 0px 0px;}
div.fourColumnFieldSet label, div.fiveColumnFieldSet label {display:block;}
div.textarea {clear:both;}
div.textarea label {display:block;}

/*form-fiveColumnFieldSet*/
div.fiveColumnFieldSet {float:left;padding:15px 6px 0px 6px;}

/*form-group*/
div.group {clear:both;}
div.group div.dimensions {width:280px;float:left;}
div.group div.dimensions label {float:left; width:120px; text-align: right;}
div.group div.dimensions input {float:left;}
div.group div.bypass {width:150px;float:left;}
div.group div.bypass label {float:left;}
div.edGroup, div.edCategory {margin:15px 0px;}
div.discl {padding-bottom:20px;}

/*form-oneColumnWide*/
div.oneColumnWide {display:block;padding-bottom:3px;}
div.oneColumnWide label {display:block;float:left;width:350px;text-align:right;}

/*form-oneColumnNarrow*/
div.oneColumnNarrow {display:block;padding-bottom:3px;}
div.oneColumnNarrow label {display:block;float:left;width:150px;text-align:right;}

/*form-twoColumnNarrow*/
div.twoColumnNarrow {float:left;display:block;}
div.twoColumnNarrow label {float:left;display:block;text-align:right;width:150px;}
div.twoColumnFloat {clear:both;}

div.twoColumnNarrowLeft label, div.twoColumnNarrowRight label {float:left;display:block;text-align:right;width:50px;}
div.twoColumnNarrowLeft {float:left;margin-top:20px;width:400px;}
div.twoColumnNarrowRight {float:left;margin-top:20px;width:250px;}


/*addRecord*/
div.attachFile {margin-left:160px;padding:5px 0px;}
div.checkboxStatement {clear:both;}
div.agree {clear:both;padding-bottom:20px;float:left;}
div.media div.oneColumnFieldSet {display:block;width:100%;}

.overDimension .pageTitle {
	margin-top: 0;
}

.overDimension .pageTitle h1 {
	float: left;
	font-size: 18px;
	margin: 20px 20px 0 0;
	width: 420px;
	text-align: center;
}

.overDimension #headerLabel {
	float: right;
	font-size: 10px;
	border: 1px solid black;
	padding: 3px;
}

.overDimension #topLabel {
	text-align: center;
	margin: 0 70px 10px 70px;
}

.overDimension #topLabel strong {
	text-transform: uppercase;
	text-decoration: underline;
}

.overDimension #attachmentLabel {
	float: left;
	display: block;
	width: 430px;
	font-size: 10px;
	padding: 10px;
	margin: 5px 0 0 48px;
}

.overDimension #crossingsLabel {
	clear: both;
}

.overDimension .attachment .formsection,
.overDimension .radiosection,
.overDimension .yesOrNo label,
.overDimension .radiosection input {
	float: left;
}

.overDimension .yesOrNo .formsection {
	clear: left;
	float: left;
}

.overDimension #protection {
	display: inline;
}

.overDimension .supervisor .formsection {
	clear: none;
}

.overDimension .yesOrNo .radiosection label {
	padding: 0 5px 0 10px;
}

.overDimension .supervisor {
	display: block;
	width: 850px;
}

.overDimension .supervisor .formsection {
	margin-right: 10px;
}

.overDimenstion .formsection,
.overDimension .group .bypass,
.overDimension #crossingsLabel,
.overDimension .yesOrNo {
	padding-bottom: 10px;
}

.overDimension .wrap {
	padding-bottom: 0;
	margin-bottom: 15px;
}

.overDimension .date 
{
	width: 100px;
	float: left;
}

.overDimension .line {
	padding: 0px 5px 0;
}