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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body {
	background-image: url(images/joinnow/design1BG.jpg);
	background-repeat: repeat-x;
	background-color: #f8fbfd;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
}
a {
	color: #0988B1;
	text-decoration: none;
}
p, ul { margin-bottom: 12px; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
}
.error {

	text-align: center;
	font-size: 11px;
	color: #990000;
}


#container {
	width: 704px;
	padding-right: 31px;
	padding-left: 35px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	
}
#footer {
	width: 665px;
	border-top: 1px solid #c8cfd3;
	padding-top: 15px;
	margin: 22px 0px 0px 19px;
	float: left;
	font-size: 10px;
}
#footer a {
	color: #333;
	text-decoration: none;
}
#header {
	height: 84px;
	width: 704px;
	font-size: 10px;
	background-image: url(images/joinnow/line.gif);
	background-repeat: no-repeat;
	background-position: 14px 55px;
}
#header span {
	float: right;
	margin: 26px 31px 0px 0px;
}
#header #logo {
	margin-top: 7px;
	margin-left: 10px;
}
#leftColumn {
	float: left;
	width: 298px;
	margin-left: 23px;
	padding-top: 11px;
	font-size: 12px;
	padding-right: 49px;
}
#leftColumn ul li { margin-left: 15px; }
#rightColumn {
	float: left;
	width: 334px;
	
}

#container input { width: 120px; }  /* text field width  in id rightColumn*/
#container select { width: 120px; }
#rightColumn select, #rightColumn input {
	font-size: 11px;
	color: #4D4D4D;
	padding: 3px 2px;
	border: 1px solid #a5a5a5;
	width: 120px; 
}
#rightColumn table { width:320px;
	vertical-align: middle;
}
#rightColumn table td {
	vertical-align: middle;
	padding-bottom: 3px; 
	padding-right: 15px;
	/*text-align:left */
}
#rightColumn table td span {
	font-size: 12px;
	font-weight: bold;
	
}
#rightColumn #formBGHolder {
	background-image: url(images/joinnow/design1FormBack2.jpg); /* English Background Image: 334 X 415px */
	background-repeat: no-repeat;
	background-position: left top;
	padding: 22px 0px 0px 19px;
	/* width:315px;  */
	margin: 0px 0px 0px 0px;
	height:415px; /* Length of background image - if not specified will create a break in safari */
	
	
}

#tooltiptext /* used for french only - no image */
{
    MARGIN-TOP: 0px;
	PADDING-TOP: 0px;
    FONT-SIZE: 10px;
    MARGIN-BOTTOM: 10px;
	TEXT-ALIGN: center;
}


/*  Mouseover Tooltip - used for English spam image */


a:hover {background; none; text-decoration:none; height:0px;width=0px;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:150px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}




/*      END     Mouseover Tooltip          */

.recruitmsg {
	
	font-size: 11px;
	color:#0000A0;
}