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

/*=================Basic===================*/
.s-mail{
	float:left;
	background:url(../images/s-mail.png) no-repeat left 4px;
	padding:3px 20px 3px 20px;
	font-size:12px;
	color:#686767;
	cursor:pointer;margin-bottom:10px;
}
.s-mail:hover{
	color:#333;
}
.s-phone{
	float:left;
	background:url(../images/s-phone.png) no-repeat left 2px;
	padding:3px 0px 3px 15px;
	font-size:12px;
	color:#686767;
	margin-bottom:10px;
}

input[disabled="disabled"] {
  background:#ddd;
  color:#333;
  border:1px solid #666; 
}

/*=================Steps===================*/
.clearfloat {
	clear: both;
	display: block;
}
#form-steps {
	display:block;
	overflow:hidden;
	margin:0 0 0 0px;
}
.st-lft {
	float:left;
	background:url(../images/step-lf.png) no-repeat left top;
	width:9px;
	height:63px;
}
.st-rght {
	float:left;
	background:url(../images/step-rt.png) no-repeat left top;
	width:9px;
	height:63px;
}
#mainNav {
	background:url(../images/step-mdl.png) repeat-x left top;
	float:left;
	padding:7px 0;
	width: 900px;
	height: 49px;
	
}
#mainNav li h4 {
	color:#9d9c9c;
	font-size:16px;
	display: block;
	font-style: normal;
	font-weight: bold;
	margin: 6px 0 0 10px;
}
*:first-child+html #mainNav li h4 {
	margin-top: 10px;
}


#mainNav li {
	background: url(../images/wh2wh.png) no-repeat right top;
	float: left;
	height: 40px;
	margin:2px 0 0px 0;
	padding:5px 32px 0 8px;
}
#mainNav li.current {
	background:#6a9f25 url(../images/current.png) no-repeat right top;
}
#mainNav li.current h4 {
	color:#315000 !important;
	text-shadow:0px 1px 0px #79bf27;
}
#mainNav li.lastDone {
	background:url(../images/current2.png) no-repeat right top;
}
#mainNav li.lastDone h4, #mainNav li.done h4 {
	color:#043c69 !important;
	text-shadow:0px 1px 0px #2b88d2;
}
#mainNav li.done {
	background:url(../images/current3.png) no-repeat right top;
}
 #mainNav li.lastDone h4, #mainNav li.current h4, #mainNav li.done h4, {
 color: #FFFFFF;
}
#mainNav li.done a:hover, #mainNav li.lastDone a:hover {
	color: #FFFF99;
}
#mainNav li a span {
	display: block;
	font-weight: normal;
	margin-left: 10px;
	width: 140px;
}
#mainNav li.mainNavNoBg {
	background-image: none;
	padding-right:0;
}
#mainNav li.alldone {
	background:url(../images/current.png) no-repeat -5px top;
	
}
#mainNav li.alldone h4 {
	color:#315000 !important;
	text-shadow:0px 1px 0px #79bf27;
}


/*==========================================================================*/





.section {
	border:1px solid #cccbcb;
	margin:0px 33px 10px 33px;
	
	
}
.head {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#01457e;
	padding:5px;
	margin-left:5px;
	
}
.head h3 {
	font-family:Arial, Helvetica, sans-serif;border:1px solid #f00;
	font-size:20px;
	text-transform:uppercase;
	color:#01457e;
	background:#FFF;
 	
	padding:5px;
	z-index:999;
}
.sec-content {
	margin:5px 15px 5px 15px;
	overflow:hidden;
}
.sec-content a{
	text-decoration:underline;
}

.sec-content p {
	color:#515151;
	margin:0 0 20px 0;
}
.sec-content .left {
	float:left;
	width:425px;
	margin:10px 0 0 0;
}
.left label {
	color:#515151;
	float:left; 
	width:180px;
	margin:0 0 10px 0;
}
.left input[type="text"] {
	color:#666;
	background:url(../images/f-input.png) repeat-x top;
	border:1px solid #b1b0b0;
	float:left;
	width:224px;
	padding:3px 6px;
	margin:0 0 10px 0;
}
.full input[type="password"] {
	color:#515151;
	background:url(../images/f-input.png) repeat-x top;
	border:1px solid #b1b0b0;
	float:left;
	width:224px;
	padding:3px 6px;
	margin:0 0 10px 0;
}
.left select {
	float:left;
	width:230px;
	margin:0 0 10px 0;
	padding:3px;
}
.sec-content .right {
	float:right;
	width:425px;
	margin:10px 0 0 0;
}
.right label {
	color:#515151;
	float:left;
	width:180px;
	margin:0 0 10px 0; 
}
.right input[type="text"] {
	color:#666;
	background:url(../images/f-input.png) repeat-x top;
	border:1px solid #b1b0b0;
	float:left;
	width:224px;
	padding:3px 6px;
	margin:0 0 10px 0;
}
.right input[type="password"] {
	color:#515151;
	background:url(../images/f-input.png) repeat-x top;
	border:1px solid #b1b0b0;
	float:left;
	width:224px;
	padding:3px 6px;
	margin:0 0 10px 0;
}
.seperator {
	display:block;
	margin:10px 0;
	border-top:1px solid #cccbcb;
}
.sec-content .full {
	overflow:hidden;
	display:block;
	clear:both;
	margin:10px 0 0 0; 
}
.full{
	
}

.full label.error{
	 color: red; 
	 float: left; 
	 clear:none !important; 
	 width:auto;
}


.full label 
{
  
	clear:both;
	float:left;
	width:265px; color:#515151;
	margin:0 0 10px 0;
	line-height:19px;  
}
.full label span {
	font-size:12px;
	color:#979595;
	display:block;
	border:none;
}
.full span 
{
    color:#f00;
    float:left;

 
}



.full input[type="text"] {
	color:#666;
	background:url(../images/f-input.png) repeat-x top;
	border:1px solid #b1b0b0;
	float:left;
	width:224px;
	padding:3px 6px;
	margin:0 3px 10px 0;
}
.full input[type="text"].error, .full input[type="password"].error {
	
	border:1px solid #f00;
	background-image:none;
	background-color:#FFFFCC;
	
	
}

.full .tbl-eo-insurance input
{
	margin:0 3px 0 0;
}

.ui-datepicker-trigger {margin:4px 0 0 0;
float:left;
margin-left:8px;
}


.full select {
	float:left; 
	margin:0 0 10px 0;
	padding:3px;
}

.full select option{

	
}

.bank input[type="text"] {
	color:#666;
	background:url(../images/f-input.png) repeat-x top;
	border:1px solid #b1b0b0;
	float:left;
	clear:both !important;
	width:224px;
	padding:3px 6px;
	margin:0 0 10px 0;
}
.bank select {
	float:left;
	clear:both !important;
	width:230px;
	margin:0 0 10px 0;
	padding:3px;
}
.full .radio-holder {
	color:#666;
	float:left;
	margin:0 0 10px 0;
	width:450px;
}
.memberType {
	background-color:#eeeeee;
	border:1px solid #cac9c9;
	margin-bottom:10px;
}
.memberType th {
	background: url(../images/table-head.png) repeat-x left top;
	padding:14px 14px 14px 16px;
	color:#454545;
	font-size:16px;
}
.leftBorder {
	border-left:1px solid #cac9c9;
}
.highlight span {
	font-size:12px;
}
.memberType td {
	padding:8px 8px 8px 12px;
}
.highlight {
	background:url(../images/hightlight-td.png) repeat-x left 2px;
	padding:8px 8px 8px 12px !important;
}
.radio-holder input[type="radio"] {
	float:left;
}
.radio-holder span {
	float:left;
	margin:3px 20px 0 0;
	border:none;
	color:#515151;
}
.sp-note {
	margin:10px 0px;
	padding:15px;
	border:1px solid #e4c096;
	background:#fff9cf;
	color:#8b4302 !important;
}
.sp-note p {
	font-size:12px;
	margin:0;
	color:#8b4302 !important;
}
.confirmFields {
}
.confirmFields td {
	padding:7px 0;
}
.confirmFields .ans {
	font-style:italic;
	color:#797979;
}
.confirmFields span {
	font-size:12px;
	color:#979595;
	display:block;
}
.buttons {
	text-align:center;
	float:right;
	width:600px;
}
.back {
	float:left;
	background:url(../images/back.png) no-repeat left top;
	width:74px;
	height:41px;
	margin:2px 15px 0 0;
}
.back:hover {
	background-position:left -44px;
}
.back2 {
	float:left;
	color:#01457e;
	font-weight:bold;
	padding:10px 10px 10px 0;
	border-right:2px dotted #999;
	margin:2px 15px 0 0;
	 
}
.back2:hover {
	background-position:left -44px;
}

.next {
	border-style: none;
    border-color: inherit;
    border-width: medium;
    float:left;
	background:url(../images/continue.png) no-repeat left top;
	height:44px;
	width:116px;
	display:block;
	}
.next:hover {
	background-position:left -46px;
}

.save {
	border-style: none;
    border-color: inherit;
    border-width: medium;
    float:left;
	background:url(../images/save.png) no-repeat left top;
	height:44px;
	width:80px;
	display:block;
	}
.save:hover {
	background-position:left -46px;
}



.confirm-disable {
	float:left;
	background:url(../images/confirm-dis.png) no-repeat left top;
	width:91px;
	height:43px;
	border:none;
 
}
.confirm {
	float:left;
	background:url(../images/confirm2.png) no-repeat left top;
	width:91px;
	height:43px;
	border:none;
	cursor:pointer;
}
.confirm:hover {
	background-position:left -46px;
}


.edit {
	float:right;
	background:url(../images/edit.png) no-repeat left top;
	width:48px;
	height:25px;
}
.edit:hover {
	background-position:left -30px;
}



.showHideDivs, .visibleDiv  
{
	float:left;
	width:800px;
	overflow:hidden;
	border:1px solid #ccc;
	padding:8px;	
	margin:0 0 10px 0;
}

.showHideDivs .error, .visibleDiv .error  
{
	color:#f00;
	float:left;
	clear:none;
	
	
}
label.error, span.error
{
    display:none !important;
}  
/*------------------------------------*/
/*-------- Validation Classes --------*/
/*------------------------------------*/
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
input.error { border:2px red solid; background-color:#FFFFCC; }
.showHideDivs input[type="text"].error, .showHideDivs select.error  
{
	border:1px red solid; !important}
textarea.error { border:2px red solid; background-color:#FFFFCC; }

div.error { border:2px red solid; background-color:#FFFFCC; }

select.error { border:2px red solid; background-color:#FFFFCC; } 

.successAlert {width:98%; padding:5px; border: 3px #36A847 solid; background-color: #A3E3AD; margin-right:4px; margin-bottom:4px}



.showHideDivs label {
	color:#515151;
	clear:both;
	float:left;
	width:265px;
	margin:0 0 10px 0;
	line-height:19px;
}

.showHideDivs input[type="text"] {
	color:#666;
	background:url(../images/f-input.png) repeat-x top;
	border:1px solid #b1b0b0;
	float:left;
	width:224px;
	padding:3px 6px;
	margin:0 0 10px 0;
}
.showHideDivs .smllinput{
	width:55px !important;	
}
.full input.idn-1{
float:left !important;
	width:55px !important;
	margin:0 8px 0 0 !important;
	
}
.full input.idn-2{	
	float:left !important;
	width:60px !important;	 
}

.showHideDivs select {
	float:left;
	margin:0 10px 10px 0;
	padding:3px;
}


/*------------------------------------*/

.target{
	background:url(../images/infoBttn.png) no-repeat left top;
	width:20px;
	height:20px;
	float:left;
	margin-left:5px;	
}

.ie-fix{
	float:left;
	margin-left:5px;	
}
 /*a:hover{
	
	text-decoration:none;
}BG color is a must for IE6*/
a.tooltip
{
    float:left;
    text-decoration:none;
}
a.tooltip span {
	display:none; 
	padding:2px 3px; 
	margin-left:8px;
 
	width:130px;
}
a.tooltip:hover span{
	margin:-2px 0 0 10px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width:300px;
	font-size:12px;
	padding:5px;
	line-height:18px;
	display:inline; 
	position:absolute; 
	border:1px solid #d09d24; 
	background:#f0d773; 
	color:#985d09;
	z-index:99999999;
}





/*---------------------------------------------*/

.showHideDivs span
{	

	float:left;
	
}

-
/*---23-8-2011---------------------------*/