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


/* The hint to Hide and Show */
.hint {
   	display: none;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
	position: absolute;
	overflow:visible;
	opacity: 0.85;
	z-index:10000;
	top:-8px;
	direction:ltr;
	white-space:normal;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box 
	
	*/
    background: #ffc url(http://www.all-foreign.com/sophio-shared-assets/js/jquery/validate/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(http://www.all-foreign.com/sophio-shared-assets/js/jquery/validate/pointer.gif) left top no-repeat;
}

label.error {
	background:url("http://www.all-foreign.com/sophio-shared-assets/js/jquery/validate/exclamation.png") no-repeat 0px 0px;
	margin-left:0px;
	margin-top:2px;
	padding-left: 18px;
	padding-bottom: 2px;
	font-weight: normal;
	color: #EA5200;
	float:left;
	position: relative;
	width:200px;
	
}

label.checked {
	background:url("http://www.all-foreign.com/sophio-shared-assets/js/jquery/validate/tick.png") no-repeat 0px 0px;
	padding-left: 16px;
	padding-bottom: 2px;
	float:none;
}



dl {
    font:normal 12px/15px Arial;
    position: relative;
}
dt {
    clear: both;
    float:left;
    width: 120px;
    padding: 4px 0 2px 0;
    text-align: right;
	position:relative; 
	display: block;
}
dd {
    float: left;
    margin: 0 0 8px 0;
    padding-left: 6px;
	position:relative; 
	width: 200px;
	display: block;
	white-space:nowrap;
	top:4px;
}

textarea {font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #666699; padding: 2px;}
.input {border: 1px solid #666699; padding: 2px;}
input.error{border: 1px dotted #EA5200;}


input:focus, input.error:focus, textarea:focus {
background-color:#FFFFCC;
border-color:#FFCC66;
background::#FFFFCC;
background-image:none;
color:#000;
}



fieldset {
   position: relative; 
   margin-top:1em; 
   padding-top:1.5em;
   padding-bottom:1em;
   padding-left:.75em;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
}



fieldset legend {
position:absolute; 
top: -.5em; 
left: .5em;
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin:0;

}