/* oocss grid */
.row{overflow:hidden;clear:both;}
.line,.lastUnit{overflow:hidden; *overflow:visible;*zoom:1;}
.unit{float:left;}
.unitRight{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size2of4{width:50%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.sizeFull{width:100%;}
.lastUnit{float:none;width:auto;_position:relative;_left:-3px;_margin-right:-3px;}

.fullHeight{height:100%;}

/* oocss spacing */
h1, h2, h3, h4, h5, h6, ul, ol, dl, p, blockquote, .media, pre {margin-top:10px;margin-bottom:10px; color:black}
h1, h2, h3, h4, h5, h6, img{padding-bottom:0px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;}

/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0px)
*/

.ptn,.pvn,.pan{padding-top:0px !important}
.pts,.pvs,.pas{padding-top:5px !important}
.ptm,.pvm,.pam{padding-top:10px !important}
.ptl,.pvl,.pal{padding-top:20px !important}
.prn,.phn,.pan{padding-right:0px !important}
.prs,.phs,.pas{padding-right:5px !important}
.prm,.phm,.pam{padding-right:10px !important}
.prl,.phl,.pal{padding-right:20px !important}
.pbn,.pvn,.pan{padding-bottom:0px !important}  
.pbs,.pvs,.pas{padding-bottom:5px !important}
.pbm,.pvm,.pam{padding-bottom:10px !important}
.pbl,.pvl,.pal{padding-bottom:20px !important}
.pln,.phn,.pan{padding-left:0px !important}
.pls,.phs,.pas{padding-left:5px !important}
.plm,.phm,.pam{padding-left:10px !important}
.pll,.phl,.pal{padding-left:20px !important}
.mtn,.mvn,.man{margin-top:0px !important}
.mts,.mvs,.mas{margin-top:5px !important}
.mtm,.mvm,.mam{margin-top:10px !important}
.mtl,.mvl,.mal{margin-top:20px !important}
.mrn,.mhn,.man{margin-right:0px !important}
.mrs,.mhs,.mas{margin-right:5px !important}
.mrm,.mhm,.mam{margin-right:10px !important}
.mrl,.mhl,.mal{margin-right:20px !important}
.mbn,.mvn,.man{margin-bottom:0px !important}  
.mbs,.mvs,.mas{margin-bottom:5px !important}
.mbm,.mvm,.mam{margin-bottom:10px !important}
.mbl,.mvl,.mal{margin-bottom:20px !important}
.mln,.mhn,.man{margin-left:0px !important}
.mls,.mhs,.mas{margin-left:5px !important}
.mlm,.mhm,.mam{margin-left:10px !important}
.mll,.mhl,.mal{margin-left:20px !important}

body
{
background-color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}

.fcx-module {margin:5px; padding-top: 10px;}
.fcx-section {display: block}
.twistyContent {margin-bottom:5px; background-color: white;}

.tl{ text-align:left !important}
.tr{ text-align:right !important}
.thc, .tc{ text-align:center !important}

.dib{display: inline-block;vertical-align:top;*display:inline;*zoom:1;}
.di{display: inline;}
.db{display: block;}
.dn{display: none;}

.flr{ float: right}
.fll{ float: left }
.fln{ float: none }
.flc{ margin-left:auto;margin-right:auto; }
.fli{ float: inherit }
.cb{ clear:both;}

.cs-button {background-color: light-grey; border: 1px solid #333; color: #000; font-weight: small; cursor: pointer;}
.cs-button:hover {border: 1px solid #000;}
.cs-button.disabled { cursor: default}
.cs-button.loading{cursor: progress}

/* font helpers
w,b,n = weight, bold, normal
*/
.cs-txtBold, .bold{ font-weight:bold !important}
.cs-txtNormal{ font-weight:normal !important}
.cs-txtItalic {font-style:italic !important}
.red{color: red;}
.phoneSeparator{font-weight:bold; font-size: 1.3em;}

xxtable.dataTable tr:hover { background-color: #FFFF81 !important }
xxtable.dataTable tr:hover td { background-color: #FFFF81 !important }

table.dataTable tr.highlight { background-color: #FFFF81 !important }
table.dataTable tr.highlight td { background-color: #FFFF81 !important }

.fcx-label-left { line-height:150%; overflow:hidden;clear:both;}
.fcx-label-left .fcx-label, .fcx-label-left label { font-weight: bold; display: inline-block;*display:inline;*zoom:1; text-align: left; margin-right: 5px; }
.fcx-label-left .fcx-label .required, .fcx-label-left label .required { font-weight: normal;}
.fcx-label-left .fcx-input,.fcx-label-left input { margin: 1px 0px 1px 0px; display: inline-block;*display:inline;*zoom:1; text-align: left; vertical-align:middle; }
.fcx-label-left textarea, .fcx-label-left select { display: inline-block;*display:inline;*zoom:1; text-align: left; }
.fcx-label-left textarea { vertical-align:text-top; }
.fcx-label-left select   { height: 28px; outline: 0; padding: 3px; margin-bottom:3px; margin-top:3px; vertical-align:middle; }
.fcx-label-left select[multiple] { height: auto; }
.fcx-label-left input[type="text"]{ margin: 1px 0px 1px 0px; padding: 3px 5px; vertical-align:middle; }
.fcx-label-left input[type="radio"]{ margin: 1px 0px 1px 0px; vertical-align:baseline; }

.fcx-field {overflow:hidden;*overflow:visible;zoom:1;}
.fcx-field .label, .fcx-field label {display: block; font-weight: bold; line-height:130%;}
.fcx-field .label .required, .fcx-field label .required {font-weight: normal}
.fcx-field .input, .fcx-field .text {display: block;}
.fcx-textArea {display: block; clear:both !important; max-width:1000px}
.fcx-field .icon img{display: inline;}
.fcx-field.labelleft .label {float:left; padding-right: 10px }
.fcx-field.labelleft .input {display:block;}
.fcx-field.labelright .label {float:right; line-height: 25px; padding-left: 10px; padding-left: 5px\0/; line-height: 33px\0//*margin-left: 10px;*/ } /* inc ie9 hack */
.fcx-field.labelright .input {display:block; float:right;}
.fcx-field.labelHidden .label { clip: rect(1px 1px 1px 1px); position: absolute !important}

.marginleft30 { margin-left: 30%; }

/*
.fcx-checkbox {display: block;}
.fcx-checkbox input {margin-right: 5px; display: inline-block; zoom: 1; vertical-align: top; width: 10px }
.fcx-checkbox label {font-weight: bold; display: inline-block; zoom: 1;}
*/
.fcx-checkbox label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
    font-weight: bold;
}
.fcx-checkbox input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: middle;
    position: relative;
    top: -1px;
    *overflow: hidden;
}
.xxxfcx-required { background: url('../../images/required.gif') left center no-repeat; content: " ";margin-bottom: 10px;padding-left: 10px; padding-right: 10px;}

.fcx-tabs {
	clear:both;
	width:100%;
}

.hide {display: none}
.notvisible{visibility:hidden}

.smallfont {font-size: 8pt;}
.SSH {font-size: 120%; color: blue;}
.blue {color: blue;}

a {color: blue}

.fcx-required { 
  background-image: url('../../images/required.gif');
  background-repeat: no-repeat;
  margin-bottom: 10px;
  padding-left: 10px; 
  padding-right: 10px;
  position: relative;
}

.fcx-error, .fcx-missing {
	background-color: #FF8C8C;
}

.fcx-errorMsg {
	color: red;
	font-style:italic;
	display: inline-block;
	vertical-align: top;
}

.fcx-delete {
	background-color: red !important;
	opacity: 0.6;
}

.fcx-hightlight, .hightlight {
	background-color: #FFFFCC !important;	
}

.fcx-darkBorder{
 	border-radius: 4px; 
 	border: 2px black solid;
 }
 
 .fcx-lightBorder{
 	border-radius: 3px; 
 	border-width: 1px;
 	border-color: #CFCFCF;
 	border-style: solid;
 }
 
 .fcx-menu {
	font-size: 10pt;  
	vertical-align:middle
 }
 
.fcx-menu a {
	color: #003399; 
	text-decoration: none; 
}

.fcx-menu a:hover {
	color: #0000FF; 
	text-decoration: underline; 
}

.fcx-menu .division {
	border-right-color: black;
	border-right-style: solid;
	border-right-width: 1px;
}

.fcx-button, .fcx-button2{
	margin: 0.5em 0.4em 0.5em 0;
	padding: 0;
	background: url("../../jqueryui/css/redmond-fdicmod/images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;
    border: 1px solid #C5DBEC;
    color: #2E6E9E;
    font-weight: bold;
	border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    cursor: pointer;
}

.fcx-button-text {
	padding: 0.4em 1em;
	display: block;
}

.fcx-button2 {
	padding: 0.4em 1em;
}

.fcx-button:hover, .fcx-button2:hover {
	border: 1px solid #79b7e7;
	background: #d0e5f5 url("../../jqueryui/css/redmond-fdicmod/images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #1d5987;
}

.fcx-button:active, .fcx-button2:active {
	border: 1px solid #79b7e7;
	background: #f5f8f9 url("../../jqueryui/css/redmond-fdicmod/images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #204d6f;
}

.fcx-button:disabled, .fcx-button2:disabled {
	border: 1px solid #bbbbbb;
	background: #f5f8f9 url("../../jqueryui/css/redmond-fdicmod/images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #666666;
	cursor: default;
}

.fcx-labelBrowseButton {
	margin: 0.5em 0.4em 0.5em 0;
	padding: 0;
	background: url("../../jqueryui/css/redmond-fdicmod/images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;
    border: 1px solid #C5DBEC;
    color: #2E6E9E;
    font-weight: bold;
	border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    cursor: pointer;
    width: 80px;
    padding-left:20px;
}

.fcx-ui-help-icon {
	background-image: url("../../images/FDIC-Tango32X32.png");
	background-position: -334px -110px;
	height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    color: #FFFFFF;
}

.submit-processing-ind {
	background-image: url("../../images/ui-anim_basic_16x16.gif");
	height: 16px;
    width: 16px;
    margin-right: 3px;
    margin-top: 5px;
    float:left;
}

.loading:before { background: url("../../images/ui-anim_basic_16x16.gif") left center no-repeat; content: " ";padding-left: 10px; padding-right: 10px;}

.ui-widget-content a {
	color: blue;
}

.fcx-application-name-header {
	color: #2E6E9E;
}

.fcx-blue {
	color: #2E6E9E;
}


/* image css checkbox */

.widgetCheckbox {
	vertical-align: middle;
}
.widgetCheckbox input[type="checkbox"] + span{ 
	background-image: url("../../images/formelements.png");
	background-position: 0px -25px;
	background-repeat: no-repeat; 
	border-width: 0;
	width: 25px;
	height: 25px;
	display: inline-block;
    position: relative;
    float: left;
}
.widgetCheckbox input[type="checkbox"]{ 
	clip: rect(1px 1px 1px 1px); position: absolute !important
}
.widgetCheckbox input[type="checkbox"]:checked + span{ 
	background-position: 0px 0px;
}
.widgetCheckbox .label{
	font-weight: bold;
    line-height: 25px;
    vertical-align: super;
}
.widgetCheckbox input[type="checkbox"]:focus + span{
	background-color: #FAF86E !important;	
}

/* end image css checkbox */

/* preview selected checkbox */

.chkPrevUnchecked {
	background-image: url("../../images/formelements.png");
	background-position: 0px -25px;
	background-repeat: no-repeat; 
    padding-bottom: 10px;
  	padding-left: 25px; 
  	padding-right: 2px;
}

.chkPrvChecked{
	background-image: url("../../images/formelements.png");
	background-position: 25x 0px;
	background-repeat: no-repeat; 
    padding-bottom: 10px;
  	padding-left: 25px; 
  	padding-right: 2px;
 }
 
 /* image css radio */

.widgetRadiobox {
	vertical-align: middle;
}
.widgetRadiobox input[type="radio"] + span{ 
	background-image: url("../../images/formelements.png");
	background-position: -25px -25px;
	background-repeat: no-repeat; 
	border-width: 0;
	width: 25px;
	height: 25px;
	display: inline-block;
    position: relative;
    float: left;
}
.widgetRadiobox input[type="radio"]{ 
	clip: rect(1px 1px 1px 1px); position: absolute !important
}
.widgetRadiobox input[type="radio"]:checked + span{ 
	background-position: -25px 0px;
}
.widgetRadiobox .label{
	font-weight: bold;
    line-height: 25px;
    vertical-align: super;
}
.widgetRadiobox input[type="radio"]:focus + span{
	background-color: #FAF86E !important;	
}

/* end image css radio */
 

input[type="radio"]:focus + label {border: 1px dotted grey}

.size1of2header {
	width:99%; height:24px; background: #B1C0F2; font-weight: bold; text-align: center; padding-top: 3px
}
.fullsizeheader {
	width:100%; height:24px; background: #B1C0F2; font-weight: bold; text-align: center; padding-top: 3px
}
.skipLink {position:absolute; right: 10px; font-size: 2pt; color: white; background-color: white}

.contentAnchor  {position:absolute; left: -2000px}

.labelHidden { clip: rect(1px 1px 1px 1px); position: absolute !important}

.ui-dialog .ui-dialog-buttonpane { 
    text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
    float: none;
}

.darkbluebg{
	background-color: #000099 !important;	
}
.whitefont{
	color: #FFF !important;
}
.width1000px {
	width: 1000px;
}

.accessibilityLink {
	font-size: 8pt !important;
	padding-top: 5px; 
	float: right !important;
}

.fcx-help-margin {
	margin: 6px;
}