/*************************** PARAGRAPHS AND TEXT ***************************/

	 
html {
	font: 1em/1.5 Helvetica, Arial, sans-serif
}


html {
  font-size: .85em !important;
  }
  @media screen and (min-width: 650px) {
    html {
      font-size: 1em !important; } }
	 
*,
*:before,
*:after {
  box-sizing: border-box;
  }
  
P {
	font-size: 1em;
	color:#000;
}
	 
.footer {font-size: x-small; 
	 			color:#555555; 
	 			}

.Header1 {font-size: xx-large; 
					color:#000; 
					font-weight:bold;
					}

.Header2 {font-size: x-large; 
					color:#000; 
					font-weight:bold;
					}

.container3SC h2 {
					margin-top: 10px;
					font-size: 2em;
					margin-bottom: 10px;
					margin: 10px 0;
					color: #007483;
					font-weight: normal;
					}
					
.Header4 {font-size: medium; 
			    color:#000; 
			    
			    font-weight:bold;}

.BoldText {font-size: small; 
					 color:#555555; 
					 
					 font-weight:bold;}

.SmallText{font-size: x-small; 
					 color:#555555; 
					 }

.RedError{font-size: small; 
					color:#DF0000; 
					}

.RedErrorBold {font-size: small; 
			   color:#DF0000; 
							 
				font-weight:bold;}

.MandatoryFieldMarker {
    font-size: 1.2em;
    font-weight: normal;
    color:#DF0000;
}

/*************************** LINKS ***************************/
.ALink {color:#0000FF;
				text-decoration:none;
				font-size: small}

.ALink:Hover {color:#0000FF;
						  text-decoration:underline;
						  font-size: small}

.ALinkBold {color:#0000FF;
					 	text-decoration:none;
					 	font-size: small;
					 	font-weight:bold}

.ALinkBold:Hover {color:#0000FF;
									text-decoration:none;
									font-size: small;
									text-decoration:underline}

.container3SC A {
	 text-decoration:none;
	 }

/*************************** TABLES ***************************/
td {
	 }

.container3SC td.Normal {
    font-size: 0.9em;
}

td.TableHeader {
								color:#555555;
								
								font-size:medium;
								font-weight:bold;}

.NavigationTable {color:#FFFFFF; 
									background-color:#00C0C0; 
									
									font-size:x-small;
									border-right:1px solid #666666;
									border-bottom:1px solid #666666;
									border-top:1px solid #CCCCCC;
									border-left:1px solid #CCCCCC;}

.TableBlueBg {background-color:#EDF2FF; 
							font-size: small; 
							
							color:#555555;}
									
/*************************** FORMS AND LABELS ***************************/			
.ReadOnlyTextArea {background-color:#EDF2FF; 
									 font-size: small; 
									 color:#555555; 
									 }

.ReadOnly {background-color:#EDF2FF;
           font-size: small; 
           color:#555555; 
           }

.InputButton {background-color:#FFFFFF; 
							font-size: small; 
							
							color:#555555;
							font-weight:bold}
								
.lblButton {font-size: medium; 
						color:#0000FF; 
						
						font-weight:bold}

.lblButton:Hover {font-size: medium; 
									color:#555555; 
									
									font-weight:bold}
									
/** #### Form labels 			 																										**/
/** These classes will be used at the table cell level to 										**/
/** determine the look and feel of labels on a form.													**/
/** MainFormLabel is for labels that must stand out on a screen								**/
/** NormalFormLable is for general labels (e.g. on a form with many fields).	**/
/** Error labels are for when mandatory fields have not been filled in.				**/
/** Text labels are for summary pages that have no form fields.								**/
/** Of course, they can be set to look exactly the same.											**/

.MainFormLabel {
								font-size: 1em;
								color:#555555;
								text-align: left;
								}
								  
.MainFormLabelNoWrap {font-size: small; 
								color:#555555; 
								
								text-align: left;
								white-space: nowrap;}	
.NormalFormLabel {
								  font-size: 1em;
								  color:#555555;
								  font-weight: normal;
								  text-align: left;
								  }
						  
.MainFormLabelError {font-size: small; 
										 color:#DF0000; 
										 
										 font-weight: bold;
										 text-align: right;}	

.MainFormLabelErrorNoWrap {font-size: small; 
										 color:#DF0000; 
										 
										 font-weight: bold;
										 text-align: left;
										 white-space: nowrap;}											 
.NormalFormLabelError {font-size: small; 
								  		 color:#DF0000; 
								       
								       font-weight: bold;
								       text-align: left;}		
								       
.MainTextLabel {font-size: small; 
								color:#555555; 
								
								font-weight: bold;
								text-align: left;}
								
.MainTextLabelNoWrap, .MainTextLabel {
								font-size: 1em;
								color:#555555;
								font-weight: bold;
								text-align: left;
								white-space: nowrap;
								}								

.NormalTextLabel {font-size: small; 
								  color:#555555; 
								  
								  font-weight: normal;
								  text-align: left;}
								  
								  
								
								
/*************************** IMAGES ***************************/		

.ImageButton {
    border: 0px none white;
    padding-right: 5px;
    }
.BorderedImage {
  max-width: 500px;
  max-height: 350px;
  height: auto;
}
.ImageCenterHoriz {display: block;
					margin-left: auto;
					margin-right: auto;
					border: 0px none white;}

.ImageButtonLeft {
					float:Left;
					border: 0px none white;}
.ImageButtonRight {
					float:right;
					border: 0px none white;}

/*********************** NAVIGATION BAR ************************/		

.NavBarTableCell {
  
font-size: 0.9em;
  
color: #007483;
  
font-weight: normal;
  
text-decoration: none;
}
									
.container3SC .NavBarLink {
  
font-size: 1em;
  
color: #007483;
  
font-weight: bold;
  
text-decoration: none;
}

.container3SC .NavBarLink:hover {
									 font-weight: bold;
									 text-decoration: underline;
									 }	
/********************** FIELD SET AND LEGEND *******************/

legend {
								color: #007483;
								font-size: 1.3em;
								/* font-weight:bold; */
								}

.container3SC fieldset {
	border: none;
	padding:5px;
	}

.w3cbutton 
{
    text-decoration: none;
    background-color:transparent;
    padding-right: 4px;
    height: 32px;
    width: 88px;
}

.hiddenLabel {
    visibility: hidden;
    float: right;
	height:0;
} 
		
/* mandatory label marker */         
.field-required:after
{
    font-size: 100%;
    font-weight: bold;
    color: red;
    content: "*";
}	

/* make a elemnet take up 100% of available width */
.fullwidth {
    width: 100%;    
}

/* hide an element (textarea) */
.displaynone {
    display: none;
}



.button3sc {
  min-width: 135px;
}

.button3sc, input.button3sc, a.button3sc {
    padding: .5em 2em .55em;
    cursor:pointer;
    font-weight: 300;
}
.button3sc:hover, input.button3sc:hover, a.button3sc:hover, .smallbutton3sc:hover, input.smallbutton3sc:hover, a.smallbutton3sc:hover {
	text-decoration: none;
	background: #034694;
	border-bottom-color: #023a7b;
	cursor:pointer;
}
.button3sc:focus, input.button3sc:focus, a.button3sc:focus, .smallbutton3sc:focus, input.smallbutton3sc:focus, a.smallbutton3sc:focus {
	background: #034694;
    border-bottom-color: #023a7b;
	cursor:pointer;
}
.button3sc:active, input.button3sc:active, a.button3sc:active, .smallbutton3sc:active, input.smallbutton3sc:active, a.smallbutton3sc:active {
	position: relative;
	top: 2px;
	background: #034694;
    border-bottom-color: #023a7b;
	cursor:pointer;
}
.smallbutton3sc, input.smallbutton3sc, a.smallbutton3sc {
    padding: .2em 1em .2em;
	margin-bottom:2px;
	margin-left:2px;
	margin-right: 2px;	
}

.buttonLeft {
	float:left;
}
.buttonRight {
	float:Right;
}

.filePath 
{
    width: 70%;
    vertical-align: middle;
}
.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
	
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	left: 0;
	width:100px;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.container3SC input, .container3SC select{
  padding: 6px;
  font-size: 1em;
  color: #555555;
  border: 1px solid #ccc;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.container3SC {
  margin-right: auto;
  margin-left: auto;
  /* margin-bottom: 100px; */
  max-width: 750px;
  /* line-height:normal !important; */
}

form[name="frmSendEmail"]{
max-width:525px;
}

form[name="frmSendEmail"] input.button3sc{
float:right;
}

form[name="frmSendEmail"] table{
margin-left:auto;
margin-right:auto;
}

.container3SC form[name="frmPayment"]{
	margin:0;
}

@media only screen and (max-width: 520px){
form[name="frmPCN"] .button3sc {
  width: 100% !important;
  height: 40px !important;
}

form[name="frmPCN"] table, form[name="frmPCN"] td{
	width:100%;
}

.container3SC fieldset td{
float:left;
clear:both;
}
.container3SC div > table > tbody > tr > td > div:nth-child(2) td{
float:left;
clear:both;
}
.container3SC textarea{
width:95%;
}

.container3SC input{
width:100%;
margin-left:auto;
margin-right:auto;
}

input[value="View Evidence"]{
	width:100%;
}

.container3SC table {
	width:100%;
}

.container3SC .button3sc {
	width:100%;
}

.container3SC td[align="left"][valign="top"], .container3SC td[align="right"][valign="top"] {
	display:block;
	float:left;
	clear:both;
	width:100%;
}

.container3SC tr{
	display:block;
}

.container3SC td {
	display:block;
	float:left;
	clear:both;
	width:100%;
}

.container3SC table[border="0"][cellpadding="2"][cellspacing="0"] > tbody > tr > td[align="right"][valign="top"]
,.container3SC table[border="0"][cellpadding="2"][cellspacing="0"] > tbody > tr > td[align="left"][valign="middle"][class="Normal"]{
    float: none;
    clear: none;
    width: auto;
	display:table-cell;
}

.container3SC table[border="0"][cellpadding="2"][cellspacing="0"] > tbody > tr > td[align="right"][valign="top"] {
	width:25px;
}

}

.container3SC {
	padding:0 10px;
}

.container3SC hgroup,
.container3SC
.hgroup,
.container3SC ul,
.container3SC ol,
.container3SC dl,
.container3SC blockquote,
.container3SC address,
.container3SC table,
.container3SC fieldset,
.container3SC form,
.container3SC pre,
.container3SC hr {
    margin-bottom: initial;
}

.container3SC table td {
    padding: 3px;
    border-bottom: none;
}

.container3SC p {
	margin:1em 0;;
}

.container3SC h1{
	margin:10px 0;
	color: #007483;
	font-size: 2em;
	font-weight: normal;
}

.container3SC form {
	/* margin:1em auto; */
}

.container3SC legend {
	width:auto;
	padding:0 5px;
	margin:0;
	margin-bottom: 10px;
}

.container3SC fieldset {
	/* border:1px solid #445566; */
	padding:5px;
}

h2.Header3 {
}

.container3SC img[width], img[height] {
}





#uploadspanBtn {
	padding: 5px 12px;
	margin-bottom: 0 !important;
}

input[value="Add"].smallButton3sc {
    padding: 8px 12px;
    margin-bottom: 0 !important;
}

input[value="Remove"].smallButton3sc {
    padding: 8px 12px;
    margin-bottom: 0 !important;
    margin-top: .75em;
}



textarea {
    max-width: 715px;
}

.container3SC #uploadBtn {}

input#uploadFile {
}

/* style input and links as buttons */
.button3sc, input.button3sc, a.button3sc, .smallButton3sc, input.smallButton3sc,  a.smallButton3sc, #uploadBtn {
    background: #097582;
    border-color: #07606a;
    margin-bottom: 12px !important;
    margin-bottom: 0.75rem !important;
    border: 0;
    border-bottom: 4px solid #07606a;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 1px;
    margin: 0;
    padding: 12px;
    text-align: center;
    text-decoration: none !important;
    transition: background-color 0.25s linear;
    vertical-align: middle;
    font-size: 1em;
}

a.button3sc {
	
padding: 9px;
}