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

body {
	margin-top: 0px;
	}

div {
	float: left;
	}
	
#main-header {
	width: 944px;
	height: 195px;
	background: url(../images/mainHeader.gif);
	text-align: right;
	}
	
#upload-header {
	width: 944px;
	height: 190px;
	background: url(../images/uploadHeader.gif);
	text-align: right;
	float: left;
	}
	
#refer-header {
	width: 944px;
	height: 198px;
	background: url(../images/referHeader.gif);
	text-align: right;
	}
	
#topNav {
	width: 342px;
	height: 39px;
	padding: 23px 30px 0px 0px;
	float: right;
	}
	
#topNav img {
	cursor: pointer;
	}

#wrap {
	width: 1110px;
	}
	
#content {
	width: 944px;
	background: url(../images/bgWrap.gif) repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#003C69;
	}
	
#refer-form-area {
	width: 944px;
	/*background: url(../images/referMidSec.gif) no-repeat;*/
	background: url(../images/referWrap.gif) repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#003C69;
	padding: 0px 0px 0px 0px;
	}
	
#refer-content, #refer-wrap-field, #refer-button-area, #new-user {
	width: 375px;
	color: #847869;
	font-size: 12px;
	}
	
#refer-content p { padding: 10px 0px 0px 0px;}
#refer-content h1 { font-size: 12px; color: #003C69; margin: 0px 220px 0px 0px;  display: inline;}

#refer-content input {
	width: 270px;
	}
	
#refer-wrap input {
	width: 270px;
	}
	
/*#add-user-panel input {
	width: 270px;
	}*/
	
#refer-wrap {
	width: 539px;
	background: url(../images/referWrap.gif) repeat-y;
	color: #847869;
	font-size: 12px;
	padding: 0px 0px 0px 405px;
	}
	
#add-user-panel {
	float: none;
	position: relative;
	}
	
/*#add-user-panel {
	width: 539px;
	background: url(../images/referWrap.gif) repeat-y;
	color: #847869;
	font-size: 12px;
	padding: 0px 0px 0px 405px;
	}*/
	
#refer-bottom {
	width: 539px;
	height: 173px;
	background: url(../images/referBottom.gif) no-repeat;
	padding: 10px 0px 0px 405px;
	}
	
#left-side {
	width: 440px;
	padding: 0px 0px 0px 20px;
	text-align: center;
	}
	
#ad-area {
	width: 160px;
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

#left-column {
	width: 183px;
	padding: 40px 0px 0px 0px;
	text-align: center;
	}
	
#right-column {
	width: 702px;
	text-align: left;
	}
	
#form-content {
	width: 682px;
	background: url(../images/formMidWrap.gif) repeat-y;
	padding: 0px 0px 0px 20px;
	text-align: left;
	color: #847869;
	font-size: 12px;
	}
	
#form-left {
	width: 319px;
	border-right: #FFE265 1px solid;
	min-height: 330px;
	}
	
#form-left div table td { padding-bottom: 10px;}
	
#form-left td {
	padding: 8px 0px 0px 8px;
	color: #847869;
	font-size: 12px;
	}
	
#form-left input {
	width: 192px;
	}
	
#form-right {
	width: 312px;
	padding: 0px 0px 0px 15px;
	border-left: #FFF 1px solid;
	}
	
#step3-area, #step4-area {
	width: 330px;
	/*border-top: #FFE265 1px solid;
	border-bottom: #FFE265 1px solid;*/
	color: #003F69;
	margin: 15px 0px 15px 0px;
	}
	
#step3-area {
	border-right: #FFE265 1px solid;
	}
	
#step4-area {
	border-left: #FFF 1px solid;
	text-align: center;
	}

#white-line {
	width: 218px;
	padding: 10px 0px 10px 0px;
	border-top: #FFF 1px solid;
	border-bottom: #FFF 1px solid;
	color: #003F69;
	}
	
#step3-area ul {
	margin: 0px;
	padding: 0px 0px 0px 30px;
	}
	
#step3-area li {
	list-style: none;
	}
	
#step3-area span {
	color: #EF5A24;
	font-weight: bold;
	}
	
#top-step { padding: 0px 0px 30px 0px; border-bottom: #FFE265 1px solid; width: 660px;}