@import 'reset.css';

body {
	font-size: 11px;
	font-family: Georgia;
}

a:link, a:visited, a:active {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

input.text, select {
	border: 0;
	background: #E5E5E5;
	color: #666666;
	font-size: 13px;
	font-family: georgia;
	padding: 6px 4px;
	width: 200px;
}

input.text {
	width: 196px;
}

input.yellow, select.yellow {
	background: #FFF100;
}

#pageWrapper {
	width: 1200px;
	margin-left: auto; 
margin-right: auto;
}

#languageWrapper {
	text-align: center;
}

#headerWrapper {
	text-align: center;
	padding-top: 43px;
}

#benefitWrapper {
	height: 750px;
}

#selectedWrapper {
	height: 235px;
}

#selectedWrapper .members {
	padding-left: 70px;
	padding-top: 20px;
}

#selectedWrapper .member {
	float: left;
	width: 220px;
}

#signupStep1Wrapper {
	margin-top: 5px;
	margin-left: 50px;
	margin-right: 50px;
	background: #f7f7f7;
	border: 1px solid #bbbbbb;
	padding: 10px;
	font-size: 10px;
	letter-spacing:1px;
	font-family: georgia;
	text-transform: uppercase;
	color : #333333;
}

#signupStep1Wrapper .header {
	text-align: center;
}

#signupStep1Wrapper table {
	width: 850px;
	margin: 0 auto;
}



#signupStep2Wrapper {
	float: left;
	margin-top: 40px;
	margin-left: 50px;
	background: #f7f7f7;
	border: 1px solid #bbbbbb;
	padding: 10px;
	font-size: 12px;
	text-align: center;
	width: 530px;
	height: 780px;
	font-family: georgia;
	color : #333333;
	
}

#signupStep2Wrapper .header {
	padding-bottom: 15px;
}

#signupStep2Wrapper table {
	width: 450px;	
	margin: 0 auto;
}

#signupStep2Wrapper table td {
	width: 50%;
}

.borderBottom {
	border-bottom:solid 1px #d3d3d3;
}

.barCode {
	margin-top:10px;
	padding-top:5px;
	width:129px;
	height: 9px;
	background: url(../img/barcode.jpg) no-repeat;
}

#signupStep3Wrapper {
	float: left;
	margin-top: 40px;
	margin-left: 40px;
	background: #f7f7f7;
	border: 1px solid #bbbbbb;
	padding: 10px;
	font-size: 12px;
	text-align: center;
	width: 487px;
	height: 780px;
	font-family: georgia;
	color : #333333;
}

#signupStep3Wrapper table {
	margin: 0 auto;
}

#signupStep3Wrapper select {
	width: 200px;
}

#signupStep3Wrapper .small {
	font-size: 10px;
}

#signupStep3Wrapper .small a:link, #signupStep3Wrapper .small a:visited, #signupStep3Wrapper .small a:active {
	color: #c82027;
	text-decoration: underline;
}

#signupStep3Wrapper .large {
	font-size: 22px;
}

#signupStep3Wrapper .huge {
	font-size: 36px;
}


#signupStep3Wrapper .capital {
	font-size: 10px;
	letter-spacing:1px;
	font-family: georgia;
	text-transform: uppercase;
	
}	
#msgWrapper {
	padding: 0 50px;
}

.niceImgBox {
	width: 150px;
	height: 100px;
	border: 4px solid black;
	padding: 10px;
	font-size: 0;
}

.niceImgBox img {
	width: 150px;
	display: block;
}

.niceImgBox .text {
	position: absolute;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
	background: #131313;
	line-height: 20px;
	height: 20px;
	margin-top: -6px;
	margin-left: 15px;
	width: 120px;
	color: white;
	font-weight: bold;
	overflow: hidden;
}

/* == Notice / Error == */
.error {
  font-family: Arial;
  font-size: 12px;
  padding:4px 6px;
	padding-left:23px;
  color: #CE4141;
	border: 1px solid #CE4141;
	background: url(../asterik/img/tiny-icons/cross.gif) no-repeat 4px 2px #FFF1F1;
	margin: 4px 0;
}

.notice {
  font-family: Arial;
  font-size: 12px;
  padding:4px 6px;
	padding-left:23px;
  color: #2E6D29;
	border: 1px solid #2E6D29;
	background: url(../asterik/img/tiny-icons/tick.gif) no-repeat 4px 2px #E9FFE4;
	margin: 4px 0;
}


/* == End == */