@charset "utf-8";
/* JOIN UP & ADD PROPERTY STYLES */


/************* JOIN UP STYLES **************/

.join-up .col {float: left;width: 158px  !important;padding: 0 0 0 15px !important;}
.join-up .col .box {
	float: left;
	width: 150px;
	height: 60px;
	margin: 4px 0;
	padding: 3px 0 0 8px;
	font-size: 20px;
	font-weight: bold;
	color: #3998b8;
	background: url(../images/col-box1.gif) no-repeat;
}
.join-up .col .boxFull {
	float: left;
	width: 150px;
	height: 114px;
	padding: 4px 0 4px 8px;
	font-size: 20px;
	font-weight: bold;
	color: #3998b8;
	background: url(../images/col-box1-full.jpg) no-repeat;
}
.join-up .col .box2 {
	float: left !important;
	width: 137px !important;
	height: 110px !important;
	margin: 38px 0 0 !important;
	padding: 6px 10px 0 10px;
	background: url(../images/col-box2.gif) no-repeat !important;
	font-size: 20px;
	color: #fff;
}
.join-up .col .box2inline {
	float: left !important;
	width: 137px !important;
	height: 110px !important;
	padding: 6px 10px 0 10px;
	background: url(../images/col-box2.gif) no-repeat !important;
	font-size: 20px;
	color: #fff;
	margin: 4px 0;
}
.join-up .col .box2inline.short 
{
    height: 87px !important;
    background: url(../images/col-box2-short.gif) no-repeat !important;
}
.join-up .col .box2inline.xshort 
{
    height: 56px !important;
    background: url(../images/col-box2-xshort.gif) no-repeat !important;
}
.join-up .col2 {float: left;width: 504px !important;padding: 0 0 0 17px !important;}
.join-up .col2 .box {
	float: left;
	width: 504px;
	margin: 4px 0 4px 0;
	background: #ddd url(../images/col2-box-top-bg.gif) no-repeat;
}
.join-up .col2 .box .box-inner {
	float: left;
	width: 486px;
	padding: 9px 9px 5px 9px;
	background: url(../images/col2-box-bottom-bg.gif) no-repeat 0 100%;
}
.join-up .col2 .box p {
	margin: 0;
	font-size: 14px;
	color: #8bc72c;
}
.join-up .col2 .box p.blue-pg {
	margin: 0 0 10px;
	font-size: 12px;
	color: #429ebc;
}
.join-up .col2 p.bluetext { color: #429ebc; }

.join-up .col2 .box p strong {color: #57a5be;font-weight: normal;}

.join-up .col2 .box p span.spanBlock {
    color: #57a5be;
    display: block;
    float:left;
    width: 166px;
    margin-right: 10px;
}

.join-up .col2 .box h4.boxhdr {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 14px;
    color: #57a5be;
}

.join-up .col2 .box ul { list-style:none; margin:10px; padding:0; color: #429ebc; font-size: 12px; }
.join-up .col2 .box .link {float: right;font-size: 14px;color: #60b2cd;s}
.join-up .col2 .box .link:hover {text-decoration: none;}
.join-up .col2 .box .form div {float: left;width: 430px;padding: 0 0 5px 0;}
.join-up .col2 .box .form div.full, .uploadArea .form .full {float: left;width: 480px;padding: 0 0 5px 0;}
.join-up .col2 .box .form label, .join-up .col2 .box .form .bottom label, .uploadArea .form label {
	float: left;
	width: 176px;
	font-size: 14px;
	line-height: 20px;
	color: #57a5be;
}
.join-up .col2 .box .form .bottom label {width: 310px;}
.join-up .col2 .box .form .text-input,.uploadArea .form .text-input {
	float: left;
	width: 227px;
	padding: 2px 0 2px 5px;
	font-size: 12px;
	color: #555;
	border: 1px solid #aaadb2;
	font-family: Arial, Helvetica, sans-serif;
}
.join-up .col2 .box .form .file-input, .uploadArea .form .file-input {
	float: left;
	width: 250px;
	padding: 2px 0 2px 0;
	font-size: 12px;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
}
.join-up .col2 .box .form select {
	float: left;
	width: 235px;
	padding: 0 0 0 5px;
	font-size: 12px;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
}
.join-up .col2 .box .form textarea {
	float:left;
	width: 240px;
	height: 110px;
	padding: 2px 5px;
	font-size: 12px;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
}	
.join-up .col2 .box .form .bottom .check {float: left;}
.join-up .col2 .box .form span {	
	float: left;
	padding: 0 0 0 4px;
	color: #8bc72c;
	font-size: 14px;
	line-height: 20px;
}
.join-up .col2 .box .form span#myUploader, .join-up .col2 .box .form span#myHiddenDiv 
{   
    float:none;
    padding:0;
    line-height: normal;
}
.join-up .col2 .box .form span#ctl00_ContentPlaceHolder1_ExternalRefLabel 
{
    padding:0;
    color: #57a5be;
}
.join-up .col2 .box .form span.warning,
.join-up .col2 .box span.warning {
	float: left;
	height: 16px;
	width: 219px;
	font-size: 12px;
	line-height: 1.4;
	color: #fff;
	margin: 0 0 0 176px;
	display: inline;
	overflow:hidden;
	padding: 4px 5px 0 10px;
	background: url(../images/warning-bg.gif) no-repeat;
}

.join-up .col2 .box .optForm label {
 	width: 430px;
	font-size: 14px;
	line-height: 20px;
	color: #57a5be;
}

.join-up .col2 .box .optForm select {
	width: 195px;
	float:left;
	padding: 2px 5px;
	font-size: 12px;
	color: #555;
	margin: 10px 0;
}
.join-up .col2 .box .optForm option { outline: none; }
.join-up .col2 .box .optForm optgroup { font-style: normal; }
.join-up .col2 .box .optForm .optboxCtr {
	float:left;
	width: 90px;
}
.join-up .col2 .box .optForm .optboxCtr input {
	display: block;
	text-align: center;
	margin: 12px auto 0 auto;
}

.join-up .col2 .warning-box {
	float: left;
	width: 496px;
	height: 21px;
	padding: 0 0 0 8px;
	margin: 4px 0 4px 0;
	line-height: 21px;
	color: #fff;
	font-size: 14px;
	background: url(../images/warning-box-bg.gif) no-repeat;
}
.join-up .col2 a.btn {
	float: left;
	background: url(../images/continue-button-bg.jpg) no-repeat bottom center;
	width: 288px;
	height: 33px;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 33px;
	margin: 8px 0 0 112px;
}
.join-up .col2 a.btn:hover { background-position: top center; color: #429ebc; }
.join-up .col2 .box .image-upload-container {
	width: 146px;
	float:left;
	margin: 10px 8px 2px 8px;
}
.join-up .col2 .box .image-upload-container img.blueImgBdr { border: 5px solid #60b2cd; }
.join-up .col2 .box .image-upload-container img.greenImgBdr { border: 5px solid #8bc72c; }
.join-up .col2 .box .image-upload-container a {
	font-size: 12px;
	color: #8bc72c;
	text-decoration: underline;
	text-align: center;
	display: block;
	margin: 3px auto;
}
.join-up .col2 .box .image-upload-container a:hover { color: #429ebc; }
.join-up .col3 {float: right;width: 165px !important;}
.join-up .col3 .box {
	float: left;
	width: 165px;
	margin-bottom: 4px;
	margin-top: 4px;
	background: url(../images/col3-box-middle-bg.gif) repeat-y;
}
.join-up .col3 .box a { color: #60b2cd;  }
.join-up .col3 .box a:hover { color: #fff; }

.join-up .col3 .box.second {margin: 165px 0 0;}
.join-up .col3 .box .box-inner {
	float: left;
	width: 145px;
	min-height: 50px;
	padding: 6px 5px 0 15px;
	background: url(../images/col3-box-top-bg.gif) no-repeat;
}
.join-up .col3 .box .box-bottom {
	float: left;
	width: 165px;
	height: 9px;
	overflow: hidden;
	background: url(../images/col3-box-bottom-bg.gif) no-repeat;
}
.join-up .col3 .box p {margin: 0;font-size: 14px;color: #fff;}



.join-up .dblCol {float: left;width: 648px !important;padding: 0 14px 0 14px !important;}
.join-up .dblCol .box {
	float: left;
	width: 676px;
	margin: 4px 0 4px 0;
	background: #ddd url(../images/2col-box-top-bg.gif) no-repeat;
}
.join-up .dblCol .box.blue { background: #d9e9ef url(../images/2col-box-top-blue.gif) no-repeat; }
.join-up .dblCol .box .box-inner {
	float: left;
	width: 658px;
	padding: 9px 9px 5px 9px;
	background: url(../images/2col-box-bottom-bg.gif) no-repeat 0 100%;
}
.join-up .dblCol .box .box-inner.blue { background: url(../images/2col-box-bottom-blue.gif) no-repeat 0 100%;}
.join-up .dblCol .box p {
	width: 410px;
	margin: 0 0 14px 0;
	font-size: 14px;
	color: #57a5be;
}
.join-up .dblCol .box ul {
list-style:none;
padding:0;
margin: 10px 0 10px 30px;
color: #8bc72c;
font-size: 14px;
line-height: 1.3;
}
.join-up .dblCol .box ul li.alt {
	color: #57a5be;
}
.join-up .dblCol .box h3 {
	margin: 0;
	font-size: 14px;
	color: #57a5be;
}
.join-up .dblCol .box p a { color: #8bc72c; text-decoration:underline; }
.join-up .dblCol .box p a:hover {color: #57a5be; }
.join-up .dblCol .btns{float: right;width: 227px !important;}
.join-up .dblCol .btns img {display:block; margin: auto; }
.join-up .dblCol .btns a.acc-btn {
	float: left;
	background: url(../images/signup-go-acc.gif) no-repeat bottom center;
	width: 227px;
	height: 34px;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 34px;
	display:block;
	margin: 7px auto;
}
.join-up .dblCol .btns a.acc-btn:hover { background-position: top center; color: #429ebc; }
.join-up .dblCol .btns a.add-btn {
	float: left;
	background: url(../images/signup-add-prop.gif) no-repeat bottom center;
	width: 227px;
	height: 34px;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 34px;
	display:block;
	margin: 7px auto;
}
.join-up .dblCol .btns a.add-btn:hover { background-position: top center; color: #429ebc }

.join-up .dblCol .btns a.join-home {
	float: left;
	background: url(../images/signup-go-acc.gif) no-repeat bottom center;
	width: 227px;
	height: 34px;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 34px;
	margin: 7px auto;
}
.join-up .dblCol .btns a.join-home:hover { background-position: top center; color: #429ebc }

.join-up .dblCol .btns a.join-blue {
	float: left;
	background: url(../images/signup-add-prop.gif) no-repeat bottom center;
	width: 227px;
	height: 34px;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 34px;
	margin: 7px auto;
}
.join-up .dblCol .btns a.join-blue:hover { background-position: top center; color: #429ebc }