body{
	background:url('BG.gif');
}

h1 {
	padding:0px;
	margin:0px;		
}

img.tooltip {
	cursor:pointer;	
}

div.tooltip {
	position:absolute;
	display:none;
	background:#dbdbdb;
	border:4px groove;	
	padding:3px;
	cursor:pointer;
	font-size:12px;
	font-family:Verdana;
	font-weight:200;
	top:10px;
	left:280px;
	_left:10px;
	z-index:1000;
}

#container {
	height:1175px;
	width:750px;
	background:#f5f6f5;
	z-index:5;
	position:relative;
	background:#f5f6f5;
	margin:0 auto;
	/*margin-left:15%;*/
}

/*
	MAIN Borders and corners
*/
	.shade , .corner {
		position:absolute;
	}

	.shade {
		z-index:11;
		overflow:hidden;
	}

	.corner {
		z-index:102;
	}

	div.shade.top {
		top:-4px;
		height:4px;
		width:750px;
		left:0px;
		background:url('container/shade/top.gif');
	}

	 div.shade.left {
		left:0px;
		height:1175px;
		width:4px;
		background:url('container/shade/left.gif');
	}


	 div.shade.right {
		right:-4px;
		height:1175px;
		width:4px;
		background:url('container/shade/right.gif');
	}


	 div.shade.bottom {
		bottom:-4px;
		left:0px;
		height:4px;
		width:750px;
		background:url('container/shade/bottom.gif');
	}

	#container .corner.topLeft {
		left:-1px;
		top:-4px;
	}

	#container .corner.bottomLeft {
		left:-1px;
		bottom:-4px;
	}

	#container .corner.topRight {
		right:-4px;
		top:-4px;
	}

	#container .corner.bottomRight {
		right:-5px;
		bottom:-4px;
	}

/*
	MAIN Borders and corners END
*/

/*
	HEADER START
*/

#header {
	background-color:#003300;
	background-image:url('header/crown.gif');
	background-repeat:no-repeat;
	background-position:top right;
  margin-left:4px;
	width:746px;
	height:118px;
}
	#titleHolder {
		float:left;
		padding-left:33px;
		padding-top:13px;

	}

		#title {
			padding-bottom:8px;
		}

		#freeCash {
			color:white;
			font-family:sans-serif;
			font-size:30px;
			font-weight:bold;
			position:relative;
			top:14px;
			right:40px;
		}
		
		#everyFriend {
			color:white;
			font-family:sans-serif;
			font-size:30px;
			font-weight:bold;
			left:40px;
			position:relative;
			top:13px;
		}

#headerMenu {
	background:url('headerMenu/BG.gif');
	height:18px;
	overflow:hidden;
	text-align:left;
}

	#headerMenu ul {
		clear:none;
		display:inline;
		padding:0;
		margin:0;
		margin-left:20px;
	}

		#headerMenu li {
			clear:none;
			display:inline;
		}

			#headerMenu li a{
				display:inline;
				color:black;
				font-family:Tahoma ;
				font-size:11px;
				position:relative;
				bottom:6px;
				margin-left:10px;
				padding-right:15px;
				text-decoration:none;
			}


/*
	HEADER END
*/

/*
	Step Summary START
*/

#stepHeader{
	width:610px;
	margin:auto;
	margin-top:26px;
	position:relative;
	top:5px;
}

#stepSummary {
	background-image:url('/importer/images/stepSummary/BG.gif');
	width:737px;
	height:105px;
	position:relative;
	left:10px;
}

#stepSummary .corner.bottomLeft {
	bottom:5px;
	_bottom:0px;
	left:0px;
}

#stepSummary .corner.bottomRight {
	bottom:6px;
	_bottom:0px;
	right:-1px;
}

#stepSummary .corner.topLeft {
	top:-2px;
	left:-1px;
}

#stepSummary .corner.topRight {
	top:-2px;
	right:-1px;
}


#stepSummary .left {
	width:7px;
	height:90px;
	background-image:url('stepSummary/left.gif');
	position:absolute;
	top:5px;
	left:-1px;
}

#stepSummary .right {
	width:7px;
	height:90px;
	background-image:url('stepSummary/right.gif');
	position:absolute;
	top:5px;
	right:0px;
	right:-1px;
}

#stepSummary #summary {
	height:82px;
	left:19px;
	position:relative;
	top:10px;
	width:431px;
	border-right:1px solid #dbdbdb;
	float:left;
}

#stepSummary .text {
	height:82px;
	width:270px;
	border-left:1px solid #ffffff;
	position:absolute;
	right:-272px;
	_right:-273px;
	top:0px;
}

#stepSummary #summary span.small {
	font-size:12px;	
	font-family:Verdana;
	position:absolute;
	top:25px;
	font-weight:bold;
}

#stepSummary #summary span.big {
	font-size:15px;	
	font-family:Verdana;
	position:absolute;
	top:42px;
	font-weight:bold;
	padding-left:3px;
}

#stepSummary .number1 {
	position:relative;
	top:3px;
}

#stepSummary .summaryArrow {
	padding-top:5px;
}

#stepSummary h1 {
	padding:0px;
	margin:0px;
	padding-left:10px;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
}

#stepSummary ul {
	padding:0px;
	margin:0px;
	list-style-image: url('V.gif');
	padding-top:5px;
	padding-left:28px;
}

#stepSummary li {
	padding-top:5px;
	font-size:10px;
	font-family:Verdana;
}

#stepSummary .number1 {
	padding-top:15px;	
}

#stepSummary .number3 {
	padding-right:4px;
	
}

/*
	Step Summary END
*/

/*
	STEP1 START
*/

#step1 {
	margin-top:27px;
	position:relative;
	left:10px;
	width:636px;
	height:155px;
	background-image:url('step1/BG.gif');
	padding-left:100px;
	z-index:100;
}

#step1 .corner.bottomLeft {
	bottom:1px;
	_bottom:0px;
	left:0px;
}

#step1 .corner.bottomRight {
	bottom:1px;
	_bottom:0px;
	right:0px;
}

#step1 .corner.topLeft {
	left:-1px;
	top:1px;
}

#step1 .corner.topRight {
	right:0;
	top:1px;
}


#step1 .left {
	width:7px;
	height:145px;
	background-image:url('step1/left.gif');
	position:absolute;
	top:5px;
	left:-1px;
}

#step1 .right {
	width:7px;
	height:145px;
	background-image:url('step1/right.gif');
	position:absolute;
	top:5px;
	right:0px;
}

#step1 .number {
	position:absolute;
	top:-13px;
	left:15px;
	z-index:50;
}

#step1 .arrow {
	position:absolute;
	bottom:-51px;
	_bottom:-52px;
	left:131px;
	z-index:50;
}

#step1 .inputbox {
	display:block;
	clear:left;	
	font-size:14px;
	position:relative;
}

#step1 .inputbox img {
	float:left;	
	position:relative;
	top:8px;
	cursor:pointer;
}

#step1 input {
	float:left;	
	border:0px;
	border-top:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;	
	font-family:Verdana;
	font-size:11px;
	font-weight:200;
	width:169px;
	height:12px;
	padding:0px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	margin-top:7px;
	margin-right:5px;
}

.labelInput {
	display:inline;
	float:left;
	font-family:Tahoma;
	font-size:12px;
	width:75px;
	margin-top:10px;
}

#step1 .detailsForm {
	border-right:1px solid #FFFFFF;
	font-family:Arial;
	font-size:22px;
	font-weight:800;
	height:100px;
	padding-top:8px;
	padding-bottom:25px;
	width:350px;
	position:relative;
	top:7px;
	z-index:100;
}

#step1 .errorMessage {
	color:#FF0000;	
	padding-top:10px;
	float:left;
	padding-left:7px;
	font-family:Verdana;
	font-size:11px;
	display:none;
}

#step1 .text {
	border-left:1px solid #dbdbdb;
	font-family:Verdana;
	font-size:11px;
	height:82px;
	padding-bottom:40px;
	position:absolute;
	right:8px;
	top:13px;
	width:250px;
	padding-left:26px;
	line-height:20px;
/*	border: 1px solid black;*/
}

#step1 h1 {
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding-bottom:2px;
}

.text p{
	font-size:12px;
	font-family:Verdana;
	padding-left:10px;
	line-height:15px;
	position:relative;
	top:-10px;
}

/*
	STEP1 END
*/

/*
	STEP 2 START
*/

#step2 {
	background-image:url(step2/BG.gif);
	height:297px;
	left:10px;
	margin-top:27px;
	padding-left:6px;
	padding-top:10px;
	position:relative;
	top:5px;
	width:730px;
	z-index:80;
}

#step2 .corner.bottomLeft {
	bottom:1px;
	_bottom:0px;
	left:0;
}

#step2 .corner.bottomRight {
	bottom:0px;
	_bottom:-1px;
	right:0px;
	_right:0px;
}

#step2 .corner.topLeft {
	left:0px;
	top:1px;
}

#step2 .corner.topRight {
	right:0px;
	_right:0px;
	top:0;
}

#step2 .left {
	width:7px;
	height:300px;
	background-image:url('step2/left.gif');
	position:absolute;
	top:4px;
	left:-1px;
}

#step2 .right {
	width:7px;
	height:300px;
	background-image:url('step2/right.gif');
	position:absolute;
	top:4px;
	right:-1px;
	_right:-1px;
}

#step2 .visible {
	display:inline;
}

#step2 .number {
	position:absolute;
	top:-15px;
	left:12px;
	z-index:50;
}

#step2 .arrow {
	bottom:-53px;
	_bottom:-54px;
	left:131px;
	position:absolute;
	z-index:50;
}

#step2 .bonus {
	top:-13px;
	left:442px;
	position:absolute;
	z-index:50;
	background-image:url('/importer/images/step2/bonus-blue.jpg');
	width:255px;
	height:93px;
}

#step2 .bonus .bonusSum{
	color:#12FF00;
	font-size:20px;
	font-weight:bold;
	font-family:Verdana;
	left:143px;
	position:relative;
	top:26px;
	
}

/*
	MENU START
*/
#step2 .menu {
	border-right:1px solid #ffffff;
	font-family:Arial;
	font-size:22px;
	font-weight:800;
	height:284px;
	position:relative;
	width:390px;
	clear:none;
	float:left;
}

#step2 .menu .title {
	font-family:Arial;
	font-size:22px;
	font-weight:800;
	position:absolute;
	left:90px;
	top:5px;
	
}

#step2 .menu .titleIcon {
	float:left;
}

#step2 .menu img.arrow{
	left:389px;
	position:absolute;
	top:138px;
}

#step2 .menu .content {
	padding-left:84px;
	margin-top:0px;
	border-right:1px solid #D4D4D4;
	background-image:url(/importer/images/step2/menu/BG.jpg);
	height:274px;
	background-position:0px 0px;
	
	z-index:1000;
	
}

#step2 div.tooltip {
	left:195px;
	top:20px;
	z-index:1000;
}

#step2 h1 {
	font-family:Verdana;
	font-size:11px;
	font-weight:800;
	height:20px;
	margin:0;
	padding:0 10px 7px 3px;
	position:relative;
	width:262px;
	_padding-bottom:0px;
}

#step2 div.manual img {
	top:0px;	
}

#step2 .content h1 img {
	position:absolute;
	right:-7px;
	top:0px;	
	
}

#step2 div.manual h1 {
	margin-top:30px;
	padding-right:10px;
	padding-top:2px;
	width:260px;
}

#step2 div.manual {
	height:123px;
	*height:110px;
	position:relative;
	margin-top:10px;
	width:280px;
	vertical-align:top;
	padding-top:3px;
}

#step2 div.personal {
	height:78px;
	_height:70px;
	width:280px;
	margin-top:0px;
	overflow:hidden;
	z-index:100;
}

#step2 div.choose {
	height:50px;
	margin-top:0px;
	width:370px;
	margin-top:0px;
	
}

#step2 div.personal input {
	margin-right:6px;
	position:relative;
	bottom:5px;
	
}

#step2 div.choose input {
	margin-right:6px;
	position:relative;
	bottom:5px;
}

#step2 .menuItem {
	display:none;
}

#step2 .autoImport {
	font-size:12px;	
}

#step2 .menuItem.content {
	display:block;
	z-index:1000;
}

.autoImport .menuItem {
	
}

.choose p{
	margin:0;
	margin-bottom:10px;
	font-size:9px;
	position:relative;
	left:-68px;
}

/*
	MENU END
*/

/*
	MANUAL IMPORT START
*/

#step2 .manualImport {
	display:block;	
	padding-top:5px;
	border-right:1px solid #D4D4D4;
	height:280px;
	padding-left:9px;
	padding-top:5px;
	width:380px;
	
	overflow:hidden;
	display:none;
	background-image:url('step2/BG.gif');
	
	background-position:0px -14px;
}

#step2 .manualImport h1 {
	padding:45px 45px 33px 76px;
}


#step2 .manualImport h1 img.titleIcon  {
	bottom:0;
	left:10px;
	position:absolute;
}

#step2 .manualImport h1 img.menuLink  {
	bottom:0;
	right:10px;
	_right:60px;
	position:absolute;
	cursor:pointer;
}

#step2 .manualImport h1 .description  {
	width:310px;
}

#step2 .manualLeft {
	float:left;
	width:185px;
}

#step2 .manualRight {
	float:left;
	width:185px;
}


#step2 .labels {
	font-size:12px;
	font-family:Tahoma;
	line-height:30px;
	float:left;
	display:inline;
}

#step2 .manualImport .inputs input{
	float:left;
	display:inline;
	width:125px;
	border:0;
	border-top:1px solid #B0B0B0;
	border-right:1px solid #B0B0B0;
	margin-right:5px;
	margin-left:5px;
	margin-top:7px;
	padding:3px 0 3px 3px;
	font-size:11px;
	height:13px;
	
}

#step2 #addToList {

	margin-left:124px;
	margin-top:15px;
	padding-bottom:24px;
	padding-top:0;
	cursor:pointer;
}

/*
	MANUAL IMPORT END
*/

/*
	PERSONAL EMAIL START
*/

#step2 .outlook {
	display:block;	
	padding-left:10px;
	padding-top:5px;
	border-right:1px solid #D4D4D4;
	height:280px;
	*padding-left:9px;
	_padding-left:6px;
	padding-top:5px;
	width:380px;
	display:none;
	background-image:url('step2/BG.gif');
	background-position:0px -14px;
} 


#step2 .outlook h1 {
	padding:34px 40px 41px 81px;
}

#step2 .outlook .titleIcon {
	padding-left:20px;
	padding-top:20px;
}


#step2 .outlook h1 img.titleIcon  {
	bottom:0;
	left:-22px;
	position:absolute;
}

#step2 .outlook h1 img.menuLink  {
	bottom:0;
	right:10px;
	position:absolute;
	cursor:pointer;
}

#step2 .outlook  .contents {
	padding-top:15px;
	font-size:13px;
	font-family:Verdana;
}

/*
	PERSONAL EMAIL END
*/

/*
	AUTOIMPORT START
*/

#step2 .autoImport {
	display:block;	
	padding-left:10px;
	padding-top:5px;
	border-right:1px solid #D4D4D4;
	height:280px;
	padding-left:9px;
	padding-top:5px;
	width:380px;
	display:none;
	background-image:url('step2/BG.gif');
	background-position:0px -14px;
}


#step2 .autoImport h1 {
	padding:45px 45px 33px 73px;
}

#step2 .autoImport .titleIcon {
	padding-left:20px;
	padding-top:20px;
}


#step2 .autoImport h1 img.titleIcon  {
	bottom:0;
	left:-22px;
	position:absolute;
}

#step2 .autoImport h1 img.menuLink  {
	bottom:0;
	right:10px;
	position:absolute;
	cursor:pointer;
}

#step2 .autoImport .description  {
	padding-top:15px;
	padding-bottom:15px;
}

#step2 #importButton {

	cursor:pointer;
	margin-left:26px;
	margin-top:5px;
}

#step2 .autoImport .description  {
	padding-top:15px;
	padding-bottom:15px;
}

#step2 .autoImport .inputs input{
	display:inline;
	width:160px;
	border:0;
	border-top:1px solid #B0B0B0;
	border-right:1px solid #B0B0B0;
	font-size:11px;
	height:12px;
	margin-right:5px;
	margin-left:10px;
	margin-top:7px;
	padding:3px 0 3px 3px;
	
}
/*
	AUTOIMPORT END
*/

/*
	CONTACTS BOX START
*/

	#contacts {
		height:194px;
		width:255px;
		float:right;
		clear:none;
		float:left;
		left:45px;
		margin-top:70px;
		background:white;
		position:relative;
		font-family:Tahoma;
		font-size:11px;
		z-index:100;
	}
	
	#contacts .corner.bottomLeft {
		bottom:0px;
		left:0;
		z-index:55;
	}
	
	#contacts .corner.bottomRight {
		bottom:0;
		right:-1px;
		z-index:55;
	}
	
	#contacts .corner.topLeft {
		left:0px;
		top:0px;
		z-index:55;
	}
	
	#contacts .corner.topRight {
		right:-1px;
		top:0;
		z-index:55;
	}
	
	#contacts .top {
		height:1px;
		position:absolute;
		left:8px;
		top:0px;
		width:240px;
		z-index:50;
	}
	
	#contacts .right {
		right:-1px;
		top:9px;
		z-index:50;
		position:absolute;
		width:1px;
		height:176px;
	}
	
	#contacts .bottom {
		right:5px;
		_right:5px;
		bottom:0px;
		z-index:50;
		position:absolute;
		width:90px;
		height:1px;
	}
	
	#contacts .left {
		left:0px;
		top:8px;
		z-index:50;
		position:absolute;
		width:1px;
		height:38px;
	}
	
	
	
	/*
	CONTACT LIST TABLE START
*/

	#contacts #tableHolder {
		top:10px;
		margin-left:10px;
		overflow:auto;
		overflow-x: hidden;
		height:180px;
		width:231px;
		z-index:25;
		position:relative;
	}

	#contacts #loading {
		text-align:center;
		margin-top:20%;
		font-size:48px;
		font-family:Arial;
		color:gray;
		display:none;
		background:white;
	}

	#loading div {
		font-size:16px;
		padding-top:5px;
	}

	#contacts table {
		background:#fefefe;
		position:relative;
		width:216px;
		overflow:hidden;
		display:none;
	}

	#contacts td {
		background:#fefefe;
		border:#c0c0c0 1px solid;
		border-right:0px;
		border-bottom:0px;
		height:25px;
		padding-left:5px;
		padding-right:5px;
		overflow:hidden;
	}

	#contacts div.name{
		width:37px;
		height:12px;
		overflow:hidden;
	}
	
	#contacts div.name div {
		height:18px;
		width:150px;
		
	}

	#contacts .first td {
		border-bottom:#c0c0c0 1px solid;
	}

	#contacts .checkbox {
		border-left:0px;
		width:21px;
	}

	#contacts .checkbox input {
		background:white;
	}

	#contacts #hiddenDetails {
		display:none;
	}

/*
	CONTACT LIST TABLE END
*/
	
/*
	SELECTALL START
*/

	#selectAll {
		padding:20px;
		position:absolute;
		bottom:-38px;
		left:-15px;
		font-size:12px;
		font-family:Verdana;
	}

	#selectAll span {
		margin-left:10px;
		color:blue;
		text-decoration:underline;
		cursor:pointer;
	}
	
/*
	SELECTALL END
*/


/*
	STEP 3 START
*/
	
#step3 {
	margin-top:27px;
	position:relative;
	left:10px;
	top:9px;
	width:312px;
	height:97px;
	background-image:url('step3/BG.gif');
	font-size:11px;
	padding-left:90px;
	font-family:Verdana;
}

#step3 h1 {
	font-family:Arial;
	font-size:22px;
	font-weight:800; 
	margin-bottom:5px;
	padding-top:16px;     
}

#step3 .corner.bottomLeft {
	bottom:0px;
	bottom:-1px;
	left:-1px;
}

#step3 .corner.bottomRight {
	bottom:2px;
	_bottom:1px;
	right:0px;
}

#step3 .corner.topLeft {
	left:0px;
	top:1px;
}

#step3 .corner.topRight {
	right:0;
	top:1px;
}


#step3 .left {
	width:5px;
	height:92px;
	background-image:url('step3/left.gif');
	position:absolute;
	top:5px;
	left:0px;
}

#step3 .right {
	width:43px;
	height:65px;
	background-image:url('step3/right.gif');
	position:absolute;
	right:-38px;
	top:16px;
}

#step3 .number {
	position:absolute;
	top:-13px;
	left:11px;
	z-index:50;
}

#step3 .bonus {
	position:absolute;
	right:-300px;
	top:-3px;
	cursor:pointer;
}

#step3 #blackBonus {
	background-image:url(step3/blackBonus.gif);
	border:0 none;
	color:#12FF00;
	display:inline;
	font-family:Verdana;
	font-size:11px;
	height:17px;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	overflow:hidden;
	padding:1px 5px 0;
	position:relative;
	top:5px;
	width:46px;
}

/*
	STEP 3 END
*/

/*
	MESSAGE PREVIEW START
*/
	
	#messagePreview {
		margin-top:30px;
		position:relative;
		left:80px;
		top:0px;
		width:500px;
		height:213px;
		*height:243px;
		padding:10px 20px 0;
		font-size:12px;
		font-family:Verdana;
		display:none;
		border:2px solid;
	}
	
	#messagePreview .corner.bottomLeft {
		bottom:0;
		left:-2px;
	}

	#messagePreview .corner.bottomRight {
		bottom:0;
		right:-2px;
	}
	
	#messagePreview .corner.topLeft {
		left:-2px;
		top:0;
	}
	
	#messagePreview .corner.topRight {
		right:-2px;
		top:0;
	}
	
	#messagePreview .left {
		background-image:url(messagePreview/left.gif);
		height:175px;
		left:0;
		position:absolute;
		top:15px;
		width:5px;
	}
	
	#messageTitle {
		font-family:Arial;
		font-size:22px;
		font-weight:800;
		padding-left:20px;
		padding-top:32px;
	}
	
	#messageShow {
		font-family:Verdana;
		font-size:13px;	
		position:relative;
		left:-68px;
	}
	
	#showPreview {
		color:blue;
		cursor:pointer;
	}
/*
	MESSAGE PREVIEW END
*/

/*
	FORMBOX MENU START
*/

.formBox {
	display:none;	
}

/*
	TERMS AND CONDITIONS START
*/
	#termsAndConditions {
		width:250px;
		margin-left:24px;
		margin-top:17px;
		*padding-top:20px;
		font-size:11px;
		font-family:Tahoma;
	}

	#termsAndConditions div{
		margin-top:10px;
		width:550px;
		display:none;
	}

	#termsAndConditions span{
		color:blue;
		cursor:pointer;
		text-decoration:underline;
	}
/*
	TERMS AND CONDITIONS END
*/

/*
	FOOTER START
*/


#footer {
		width:750px;
		background:#003300;
		position:absolute;
		overflow:hidden;
		bottom:0px;
		left:0px;
		font-family:Tahoma;
		font-size:11px;
	}

		#footer .top {
			height:17px;

			padding-top:4px;
			padding-right:50px;
			padding-left:50px;
			width:650px;
			background:url('footer/topBG.jpg');
			overflow:hidden;
			text-align:center;
			color:#9a9a9a;
		}

		#footer .middle {
				height:20px;
				width:540px;
				padding-left:150px;
				background:#003300;
				overflow:hidden;
		}

			#footer .middle img {
					clear:none;
					float:left;
			}
			#footer .middle .links {
					width:320px;
					height:18px;
					padding-top:3px;
					clear:none;
					float:left;
					background:url('footer/middleBG.jpg');
					color:white;
			}
			#footer a {
					text-decoration:none;
					color:white;
					font-weight:bold;
			}


		#footer .bottom {
			height:21px;
			width:750px;
			background:#003300;
			overflow:hidden;
		}
		#footer a {
					/*text-decoration:none;
					color:white;
					font-weight:bold;*/
					color:#003300;
					font-size:11px;
					font-weight:bold;
					text-decoration:none;
			}

			.footerCopyright {
			color:#777777;
			display:block;
			font-family:Tahoma;
			font-size:11px;
			font-weight:normal;
			margin-top:-1px;
			text-align:center;
			vertical-align:top;
			}

		#footer .bottom {
			height:21px;
			width:750px;
			background:#003300;
			overflow:hidden;
		}
/*
	FOOTER END
*/
