@charset "utf-8";
/* CSS Document */

.bar-area{ padding:10px 10px; width:690px; margin-top:10px; margin:auto; }
.bar-area ul{ padding:0 0; margin:0 0; list-style-type:none; }
.bar-area ul li{ float:left; padding:05px 05px; margin:0 0; }
.bar-area ul li div{ padding:1px 0px 0px 0px; background:#fff; border:1px solid #039; }
.bar-area ul li div a{ display:block; background:#069; padding:10px 00px; width:150px; text-align:center; font-family:tahoma; font-weight:bold; color:#fff; text-decoration:none; font-size:11px; }
.clear{ clear:both; }
body{ margin:0 0 20px 0; padding:0 0; overflow:scroll; background:#eee; }
.clear{ clear:both; }
.logo-label{ font-family:tahoma; font-size:27px; color:#00448f; }
#page{ width:100%; text-align:center; }
#page .header{ }
#page .header .header-top{ text-align:left; }
#page .header .header-top .header-top-content{ margin:auto; border-bottom:2px solid #00448f; background:#fff; }
#page .header .header-top .header-top-content img{ margin-top:0px; }
#page .header .header-middle{ background:url(../images/progress.png) repeat-x; position:relative; }
#page .header .header-middle .header-middle-content{ margin:auto; }
#page .header .header-middle .header-middle-content ul{ list-style-type:none; padding:0 0; margin:auto auto;  width:1040px;}
#page .header .header-middle .header-middle-content ul li{ float:left; }
#page .header .header-middle .header-middle-content ul li div{ width:150px; padding:10px 00px; text-align:center; font-family:tahoma; font-size:13px; font-weight:bold; color:#06C; }
#page .header .header-middle .header-middle-content ul li div.active{ background:#fff; }
.field-error{ position:absolute; width:auto; display:none; }
.field-error .field-error-tip{ border-bottom: 6px solid red; border-left: 6px solid transparent; border-right: 6px solid transparent; display:inline-block; left: 1px; top: 1px; }
.field-error .field-error-title-bar{ padding:02px 02px; background-color:red; display:block; }
.field-error .field-error-body{ padding:04px 04px; background:#FCC; border:1px solid red; }
.field-error .field-error-body .field-error-content{ font-family:tahoma; font-size:11px; text-align:center; }

#page .content-content ul.float{ list-style-type:none; padding:0 0; margin:0 auto; width:5000px; }
#page .content-content ul.float li{ float:left; padding:05px 05px; }
#page .content-content ul.float li .element-tag{ }

#page .content-content ul.float li .element-label{ text-align:left; }
#page .content-content ul.float li .element-label label{ font-family:tahoma; font-size:11px; color:#333; }
#page .content-content ul.float li .element-tag input[type='text'], #page .content-content ul.float li .element-tag select{ width:200px; padding:04px 04px; font-family:tahoma; font-size:11px; color:#333; border:1px solid #999; }
#page .content-content ul.float li .element-tag input[type='text'], #page .content-content ul.float li .element-tag textarea{ width:200px; padding:04px 04px; font-family:tahoma; font-size:11px; color:#333; border:1px solid #999; }
#page .content-content ul.float li .element-tag select{ width:200px; }
#page .content-content ul.float li .element-tag input[type='checkbox']{width:20px;}

#page .content-content ul.no-float{ list-style-type:none; padding:0 0; margin:0 auto; width:460px; }
#page .content-content ul.no-float li{ float:none; padding:05px 05px; }
#page .content-content ul.no-float li .element-label{ text-align:left; }
#page .content-content ul.no-float li .element-label label{ font-family:tahoma; font-size:11px; color:#000; }
#page .content-content ul.float li .element-label label span.require-field-label{ color:#db2603; }
#page .content-content ul.no-float li .element-label span.require-field-label{ color:#db2603; }
#page .content-content ul.no-float li .element-tag input, #page .content-content ul.no-float li .element-tag select, #page .content-content ul.no-float li .element-tag textarea{ width:430px; padding:04px 04px; font-family:tahoma; font-size:11px; color:#333; border:1px solid #999; }
#page .content-content ul.no-float li .element-tag textarea{ width:430px; }
#page .content-content ul.no-float li .element-tag textarea[readonly='readonly'], #page .content-content ul.no-float li .element-tag input[readonly='readonly'], #page .content-content ul.no-float li .element-tag select[readonly='readonly']{ background:#eee; cursor:default; }
#page .content-content ul.no-float li .element-tag textarea[readonly='readonly'].error, #page .content-content ul.no-float li .element-tag input[readonly='readonly'].error, #page .content-content ul.no-float li .element-tag select[readonly='readonly'].error{ background:#FCC; cursor:default; }

.button-area{
	padding:05px 05px;
	border-top:1px solid #ccc;
}

.button-area .button-content input{
	float:left;
	background-image:url(images/btn-bg.png);
	background-position:top;
	background-repeat:repeat-x;
	padding:08px;
	background-color:#f1f1f1;
	font-family:tahoma;
	color:#bbb;
	font-size:11px; 
	font-weight:bold;
	border:1px solid #ccc;
	cursor:pointer;
	border-bottom-width:2px;
	float:right;
}

.button-area .button-content input.next{
	background-color:#69A74E;
	border:1px solid green;
	color:green;
	border-bottom-width:2px;
}

.fieldset-label{ }

.error{ background-color:#FCC; }
.success{ background:url(../images/correct.png) center left no-repeat; }

#first_step, #second_step, #third_step, #fourth_step, #fifth_step, #sixth_step{ display:none; }
#first_step { display:block; }
.multiple-select-tray{ width:200px; margin-left:02px; }
.multiple-select-tray-container{ position:absolute; background-color:#fff; overflow:auto; max-height:200px; width:215px; border:1px solid #555; border-top:none; }
.multiple-select-tray-container div input.education, .multiple-select-tray-container div input.interest{ width:20px; }
.multiple-select-tray-container div label{ font-family:tahoma; font-size:11px; }
body{ margin:0 0 20px 0; padding:0 0; }
.clear{ clear:both; }

#page{ width:100%; text-align:center; }
#page .header{ }
#page .header .header-top .header-top-content{ width:900px; margin:auto; }
#page .header .header-top .header-top-content img{ margin-top:20px; }
.field-error{ font-family:tahoma; color:red; text-align:left; font-size:11px; }

#page .content{ width:!00%; }
#page .content-content{ width:900px; margin:auto; background:#fff; }
#page .content-content #state{ padding-top:10px; }
#page .content-content #state ul{ list-style-type:none; margin:0 0; padding:0 0; }
#page .content-content #state ul li{ float:left; }
#page .content-content #state ul li div{ width:180px; height:54px; text-align:center; background:#eee; font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-weight:bold; overflow:none; text-indent:-3000px;background:url(../images/progress.jpg);  }


#page .content-content #state ul li div.first_step{ background-position:00px 00px; }
#page .content-content #state ul li div.second_step{ background-position:-180px 00px; }
#page .content-content #state ul li div.third_step{ background-position:-360px 00px; }
#page .content-content #state ul li div.fourth_step{ background-position:-540px 00px; }
#page .content-content #state ul li div.fifth_step{ background-position:-720px 00px; }

#page .content-content #state ul li div.first_step.active{ background-position:00px -59px; }
#page .content-content #state ul li div.second_step.active{ background-position:-180px -59px; }
#page .content-content #state ul li div.third_step.active{ background-position:-360px -59px; }
#page .content-content #state ul li div.fourth_step.active{ background-position:-540px -59px; }
#page .content-content #state ul li div.fifth_step.active{ background-position:-720px -59px; }

#page .content-content #state ul li div.first_step.success{ background-position:00px -118px; }
#page .content-content #state ul li div.second_step.success{ background-position:-180px -118px; }
#page .content-content #state ul li div.third_step.success{ background-position:-360px -118px; }
#page .content-content #state ul li div.fourth_step.success{ background-position:-540px -118px; }
#page .content-content #state ul li div.fifth_step.success{ background-position:-720px -118px; }


#page .content-content ul.float{ list-style-type:none; padding:0 0; margin:0 auto; width:600px; }
#page .content-content ul.float li{ float:left; padding:05px 05px; }
#page .content-content ul.float li .element-tag{ }

#page .content-content ul.float li .element-label{ text-align:left; }
#page .content-content ul.float li .element-label label, td label{ font-family:tahoma; font-size:11px; color:#333; }
#page .content-content ul.float li .element-label label.bold{ font-family:tahoma; font-size:11px; color:#333; font-weight:bold; }
#page .content-content ul.float li .element-tag input[type='text'], #page .content-content ul.float li .element-tag select{ width:200px; padding:04px 04px; font-family:tahoma; font-size:11px; color:#333; border:1px solid #999; }
#page .content-content ul.float li .element-tag input[type='text'].short-input, #page .content-content ul.float li .element-tag select.short-select{ width:50px; padding:04px 04px; font-family:tahoma; font-size:11px; color:#333; border:1px solid #999; }

#page .content-content ul.float li .element-tag input[type='text'], #page .content-content ul.float li .element-tag textarea{ width:250px; padding:04px 04px; font-family:tahoma; font-size:11px; color:#333; border:1px solid #999; }
#page .content-content ul.float li .element-tag textarea{ height:63px; }
#page .content-content ul.float li .element-tag input.interest, #page .content-content ul.float li .element-tag input.education{ width:20px; }
#page .content-content ul.float li .element-tag select{ width:259px; }
#page .content-content ul.float li .element-tag select.dob_select{ width:70px; }
.interest-display{ margin-left:05px; }

#page .content-content ul.no-float{ list-style-type:none; padding:0 0; margin:0 auto; width:600px; }
#page .content-content ul.no-float li{ margin:0 0; padding:05px 05px; text-align:left; }
#page .content-content ul.no-float li .element-label{ text-align:left; }
#page .content-content ul.no-float li .element-label label{ font-family:tahoma; font-size:11px; color:#333; text-align:left; }
#page .content-content ul.no-float li .element-tag input, #page .content-content ul.no-float li .element-tag select, #page .content-content ul.no-float li .element-tag textarea{ width:530px; padding:04px 04px; font-family:tahoma; /*margin-left:-70px;*/ font-size:11px; color:#333; border:1px solid #999; }
#page .content-content ul.no-float li .element-tag select{ }
#page .content-content ul.no-float li .element-tag textarea{ width:515px; }

#page .form{ padding-top:40px; }

#page .form ul{ margin-top:10px; }

.fieldset-label{ font-weight:bold; font-family:tahoma; font-size:11px; text-align:left; margin:auto; padding:08px 08px; border-bottom:1px solid #ccc; color:#7b7b7b; }
.element-tag div label{ font-family:tahoma; font-size:11px; }


.error{ background-color:#FCC; }

#first_step, #second_step, #third_step, #fourth_step, #fifth_step{ display:none; }
#first_step { display:block; }
.multiple-select-tray{ width:200px; margin-left:02px; }
.multiple-select-tray-container{ position:absolute; background-color:#fff; overflow:auto; max-height:200px; width:216px; border:1px solid #555; border-top:none; z-index:999; display:none; }
.multiple-select-tray-container div{ text-align:left; }
.multiple-select-tray-container div label{ font-family:tahoma; font-size:11px; }

.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }
button.ui-multiselect{ width:200px; }
button span{ font-weight:normal; font-size:11px; color:#333; }
.ui-multiselect-all, .ui-multiselect-none span{ font-size:11px; font-weight:normal; }
label.ui-corner-all span{ font-weight:normal; font-size:11px; }
.legal-notice{ font-family:tahoma; font-size:11px; text-align:justify; }
.signature-region{} 
.signature-region ul{ list-style-type:none; padding:0 0; margin:0 0; width:600px; }
.signature-region ul li{ float:left; font-family:tahoma; font-size:11px; font-weight:bold; text-align:right; width:300px; }
.signature-region ul li .signature-input{ border:none; border-bottom:1px solid #000; font-family:tahoma; font-size:12px; }
.instruction-notification{ border-bottom: 1px solid #FFFF00; margin-left: auto; margin-right: auto;  margin-top:10px; font-family:tahoma; font-size:11px; text-align:center; background-color:#FF9; color:#000; padding:10px 00px; }
.hide{ display:none; }
.short-flabel{ width:240px; }
.load{ visibility:hidden; float:left; margin-top:10px; }
a.pagination{
	width:26px;
	height:25px;
	display:block;
	background:url('http://216.194.161.83/~jnbsco5/CIF/assets/images/pagination.png') no-repeat;
	margin-top:06px;
}
a.next{
	background-position:-28px 00px;
}

.instruction-region{
	border:1px solid #093;
	padding:10px 10px;
	background:#cfc;
	text-align:left;
	font-family:tahoma;
	font-size:14px;
	font-weight:bold;
	color:#063;
}

.instruction-region ol{
}

.instruction-region ol li{
	font-weight:normal;
	font-size:12px;
}

.cif-ui-dialog{
	display:none;
}

label.y{
	font-family:tahoma;
	font-size:11px;
}

div.title-label{
	padding:05px 05px;
	background:#FFC;
	color:#fff;
	border:1px solid #FF6;
}

.error-display{
	margin-top:10px;
	background:#FCF;
	border:1px solid #900;
	font-weight:bold;
	font-size:12px;
	font-family:tahoma;
	color:#900;
	padding:10px 10px;
	text-align:center;
}

input[readonly='readonly'], select[readonly='readonly'], textarea[readonly='readonly']{
	background:#eee;
}