.mFieldName {
    padding: 5px 20px 5px 0;
    width: 30%;
    text-align:right;
    font-weight:bold;
    font-size: 13px;
    line-height: 18px;
}

.mFieldRadio {
    margin-right: 10px;
    padding: 9px 10px;    
	  
}

.mFieldRadioLabel {
    padding: 8px 10px 5px 0;    
    font-weight:bold;
    font-size: 13px;
    line-height: 18px;
}

.mFieldInstruction {
	margin: 5px 0px;
    font-size: 12px;
    font-family: Arial;
    line-height: 18px;
    color: #4D4D4D;
    width: 100%;
}

.mFieldName em {
	color: red;
}

.mFieldValue {
  	color: #000000;
	font-style: normal;
	width: 22%;	
}

.mFieldText {
  	color: #000000;
	font-style: normal;
	width: 22%;	
	padding: 10px 0;
}

.mFieldValueShort {
  	color: #000000;
	font-style: normal;
	width: 10%;	
}

.mFieldValueLong {
  	color: #000000;
	font-style: normal;
	width: 35%;	
}

.mFieldValueWrap {
  	color: #000000;
	font-style: normal;
	width: 22%;	
	word-break: break-all;
}

.errorHighlight {	
	background-color: #f9cccc;
	color: #E20000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;	
}

.errorCol {
	background-color: #e20000;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	color: #FFFFFF;
	padding: 5px;
}


.errorHeading {
	background-color: #e20000;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #FFFFFF;
	padding: 5px;
}


.errorIconWhiteBgRed {
	background: url("../images/errors/ib_icon_error_white_bg_red.png") no-repeat;		
	padding: 0px 2px;
	height: 16px;
	width: 20px;
	float: left;
}

.errorIconBgPink {
	background: url("../images/errors/ib_icon_error_bg_pink.png") no-repeat;		
	margin-left: 10px;
	padding: 0px 0px 2px 25px;
	height: 16px;
}

.infoIconBgGrey {
	background: url("../images/ib_icon_info_bg_grey.png") no-repeat;		
	height: 16px;
	width: 10px;
	float: left;
	padding: 8px;
	position: relative;
}

.infoIconBgGreyCenter {
	background: url("../images/ib_icon_info_bg_grey.png") no-repeat;		
	height: 16px;
	width: 16px;
	margin-top: 3px;
	margin-left: 15px;
	position: absolute;
}

/* For TFN, the icon is within a float right div, which causes problems in IE,
   so this class has IE specific style */
.infoIconBgGreyCenterTfn {
	background: url("../images/ib_icon_info_bg_grey.png") no-repeat;		
	height: 16px;
	width: 16px;
	margin-top: 3px;
	margin-left: 15px;
	position: absolute;
}

.tickIconBgGrey {
	background: url("../images/ib_icon_tick_bg_grey.png") no-repeat;		
	height: 16px;
	width: 16px;
	float: left;
	padding: 3px;
}

.infoBar {
	font-weight:bold; 
	font-size:13px;
	padding:10px 0 10px 10px;
	background-color: #E8E8E8;
}

h2 {
	font-family: CorpidLight;
	font-size: 24px;
	margin-bottom:10px;
}

h3 {
	font-family: CorpidLight;
	font-size: 20px;
	margin-bottom:10px;
}

.helpBox {      
	 background-color: #EEEEEE;
	 font-size:9pt;
	 padding: 5px;
	 color: #4D4D4D;
	 line-height: 12pt;
	 position: relative;	 
	 display: none;
	 border: 1px solid #CCCCCC;     
     border-radius: 3px 3px 3px 3px;
	 moz-border-radius: 3px 3px 3px 3px;    
	 font-weight:normal;  	 
	 left:0px;
	 top:0;
}

.helpBox a.helpIcon {      
	background: url("../images/ib_icon_question_bg_grey.png") no-repeat;
	display: block;
    height: 16px;
    width: 16px;
    float:left;
    margin: 3px 5px 0 0;
    position: relative;
    left: 0px;
}

.helpText {
	padding: 3px 3px 3px 25px;
}


a.helpCloseIcon {
	background: url("../images/ib_icon_cross_grey.png") no-repeat;	
	float: right;
	position: relative;
	width: 12px;
	height: 16px;
}

.infoBox {
	 background-color: #EEEEEE;
	 font-size:9pt;
	 padding: 5px;
	 color: #4D4D4D;
	 margin-left: 15px;	 	 
	 border: 1px solid #CCCCCC;     
     border-radius: 3px 3px 3px 3px;
	 moz-border-radius: 3px 3px 3px 3px;    
	 font-weight:normal;  	 
	 position: relative;
}

a.helpIcon {
	background: url("../images/ib_icon_question_bg_white.png") no-repeat;
	display: block;
    height: 16px;
    width: 16px;
    float:left;
    position: relative;
    left: 6px;
}

a.helpIcon2 {
	background: url("../images/ib_icon_question_bg_white.png") no-repeat;
	display: block;
    height: 25px;
    width: 16px;
    float:left;
    position: relative;
}


.errorHighlight a.helpIcon {
	background: url("../images/ib_icon_question_bg_pink.png") no-repeat;
	display: block;
    height: 16px;
    width: 16px;
    float:left;
    position: relative;
    left: 6px;    
}

.errorHighlight div a.helpIcon {
	background: url("../images/ib_icon_question_bg_grey.png") no-repeat;
	display: block;
    height: 16px;
    width: 16px;
    float:left;
    margin: 3px 5px 0 0;
    position: relative;
    left: 0px;  
}

.dataTable {
	border-collapse:collapse;
}
		
.colHeader {
	color: #FFFFFF;
	background-color: #000000;	
	text-align:left;
}
	
.totals {
	background-color: #EBEBEB;
	font-weight: bold;
	color: #777777;
}

.helpInfoText {
	color: #666666;
	padding-left: 15px;
	font-weight: normal;
}

.helpInfoTextWarning {
	color: #666666;
	padding-left: 15px;
	font-weight: bold;
}

.spHelpIcon {
	float: right;
	clear: right;
}

.spHelpIconMedium {
	float: right;
	width: 350px;
}

.spHelpIconWide {
	float: right;
	width: 400px;
}

.newError {
	background: url("/nabib/images/errors/ib_icon_error_white_bg_red.png") no-repeat 5px 6px #e20000;
	color: #fff;
	font-weight: bold;
	padding: 7px 0px 7px 27px;
	font-size: 13px;
}

.wideSpacedForm .mFieldName,
.wideSpacedForm .mFieldValue {
	padding-bottom: 10px;
}
.wideSpacedForm .mFieldName {
	width: 55%;
}

.wideSpacedForm .mFieldValue {
	width: 45%;
}

p.desc span.helpInfoTextWarning { padding-left: 0px; }

p.counter-warning, p.counter-exceeded { display:block !important; }

/* RL: copy and paste from form-styles.css */
#ibErrors p.error {
	margin: 0px;
    background-image: url("/nabib/images/errors/ib_icon_error_white_bg_red.png");	
    background-color: #e20000;
    color: white;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 35px;
}

/* Create Secure Message Styling */

#createSecureMessageBody {
	min-width:1200px;
}

#secureMessageCategorySection, 
#secureMessageSubjectSection {
	width:817px;
}

#secureMessageSubjectSection,
#secureMessageFAQSection {
	display:inline-block;
}

#secureMessageFAQSection {
	border:2px solid #f2f2f2;
	vertical-align:top; 
	margin-left:50px; 
	margin-top:30px; 
	width:300px; 
	padding:5px; 
	background-color:#e8e8e8;
}

#secureMessageFAQSection li {
	padding:5px;
}

#secureMessageFAQSection h2 {
	padding-left:25px;
	font-size: 1.5em;
}