/* -----------------------------------------------------
|                  RentPost Beta CSS                    |
|                   Copyright 2009                      |
|                                                       |
| --------------------- Colors ------------------------	|
|            Blue link:         #2f2b7a                 |
|            Red Highlight:     #8F0F1C                 |
|            light Blue:        #e9e8ff                 |
|                                                       |
------------------------------------------------------ */

html, input, select, textarea {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;	
	}

html, body {
	height: 100%;
	}

body {
	font-size: 85%;
	color: #222;
	background: #e9e8ff url(/images/frontend/beta/clouds.png) no-repeat center 20px;
	}	

/* ================= DEFAUlT CLASSES ================== */
a {
	color: #2f2b7a; /* Default Color */
	}
	
a:hover {
	color: #8F0F1C; /* Default Color */
	}

/* =================== MAIN LAYOUT ==================== */
a.tweet-tweet {
	position: absolute;
	z-index: 10;
	top: 102px;
	left: 50%;
	width: 80px;
	height: 65px;
	margin: 0 0 0 172px;
	}

div.main-container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 822px;
	margin: -160px 0 0 -411px;
	}
	
div.main-container h1 {
	display: block;
	width: 299px;
	height: 89px;
	margin: 0 auto 10px;
	background: transparent url(/images/frontend/beta/rentpost.png) no-repeat 0 0;
	}

div.main-container h1 span {
	display: none;
	}

/* ----- CONTENT ----- */
div.content {
	width: 642px;
	padding: 30px 90px 20px;
	background: transparent url(/images/frontend/beta/content_line.png) no-repeat 0 0;
	text-align: center;
	color: #2f2b7a;
	}
	
div.content h2 {
	margin: 0 0 14px 4px;
	text-align: left;
	font-size: 2em;
	text-shadow: #FFF 0.02em 0.02em 0;
	font-weight: normal;
	}

div.success-msg {
	display: none;
	height: 28px;
	margin-bottom: 20px;
	padding: 10px 12px;
	background-color: #f5f5ff;
	border: 1px solid #d4d3e9;
	font-size: 1.6em;
	text-align: left;
	}

div.content form {
	overflow: hidden;
	margin-bottom: 12px;
	}

div.content form div.input-container {
	float: left;
	height: 50px;
	margin-bottom: 10px;
	padding-left: 14px;
	background: transparent url(/images/frontend/beta/input_left.png) no-repeat 0 0;
	}
	
div.content form div.input-container input {
	overflow: visible;
	display: block;
	float: left;
	height: 28px;
	padding: 11px 0 11px;
	vertical-align: top;
	background: transparent url(/images/frontend/beta/input_bkgrnd.png) repeat-x 0 0;
	border: 0;
	font-size: 26px;
	color: #999;
	}			
	
div.content form div.input-container input:focus {
	outline: 0;
	color: #2f2b7a;
	}
	
div.content form div.input-container span.right-edge {
	display: block;
	float: left;
	width: 14px;
	height: 50px;
	background: transparent url(/images/frontend/beta/input_right.png) no-repeat 0 0;
	}	
	
/*email input*/
div.content form div.input-container.email input {
	width: 612px;
	}

/*city input*/	
div.content form div.input-container.city {
	margin-right: 12px;
	}

div.content form div.input-container.city input {
	width: 286px;
	}

/*state input*/	
div.content form div.input-container.state input {
	width: 210px;
	}	
	
div.content form button {
	display: block;
	float: left;
	width: 90px;
	height: 50px;
	background: transparent url(/images/frontend/beta/join_button.png) no-repeat 0 0;
	border: 0;
	cursor: pointer;
	}
	
div.content form button.clicked {
	background: transparent url(/images/frontend/beta/join_button.png) no-repeat 0 -50px;
	}	
	
div.content form button span {
	display: none;
	}
	
div.content p.overview {
	padding: 10px 4px 0;
	border-top: 1px solid #d4d3e9;
	text-align: justify;
	text-shadow: #FFF 0.01em 0.01em 0;	
	}

/* ----- FORM DEFAULTS ----- */	
form fieldset.login-inputs, form fieldset.register-inputs {
	margin-bottom: 2px;
	}	
	
form fieldset ol li {
	margin-bottom: 7px;
	}	

form fieldset ol li label {
	font-size: 1.1em;
	color: #666;
	}

form fieldset ol li input {
	padding: 4px 5px;
	background-color: #FFF;
	border: 1px solid #d5d5e4;
	font-size: 1.4em;
	color: #999;
	}
	
form fieldset ol li input {
	padding-right: 20px;
	}		

form fieldset ol li:hover input, form fieldset ol li input:hover, form fieldset ol li input:focus {
	border: 1px solid #9da9da !important;
	color: #2f2b7a !important;
	}

/*checkbox overrides*/
input.checkbox {
	border: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	}

/* alert li */
form fieldset ol li.alert {
	margin: 5px 0;
	color: #8F0F1C;
	}	

/* ---- HELP TIP ---- */	
form fieldset li.help-tip {
	}
	
form fieldset li.help-tip a.tipper {
	display: none;
	width: 13px;
	height: 1em;
	line-height: 1em;
	margin-left: -13px;
	padding: 3px 0 2px;
	font-size: 1.1em;
	text-decoration: none;
	text-align: left !important;
	vertical-align: middle;
	color: #888;
	}
	
form fieldset li.help-tip:hover a.tipper, form fieldset li.help-tip input:focus + a.tipper {
	display: inline-block;
	}	

form fieldset li.help-tip a.tipper:hover {
	font-style: italic;
	color: #2f2b7a;
	}
	
/* ---- SCHWEET BUTTON ---- */		
form div.schweet-button {
	display: inline-block;
	overflow: hidden;
	height: 25px;
	padding: 4px;
	margin-right: -3px;
	}

form div.schweet-button:hover {
	background: rgb(180,180,180); 					/* fallback background */
	background: rgba(0,0,0, 0.2);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor: pointer;
	}
	
form.submitting div.schweet-button:hover {
	background: transparent;
	}	

form div.schweet-button div {
	float: left;
	height: 25px;
	margin-right: 5px;
	padding-left: 4px;
	background: transparent url(/images/mypost_myrent/button_bkgrnd_green.png) no-repeat 0 0;
	}
	
form.submitting div.schweet-button div {
	background: transparent url(/images/mypost_myrent/button_bkgrnd_green.png) no-repeat 0 -25px;
	}
		
form div.schweet-button div button {
	float: left;
	height: 25px;
	line-height: 25px;
	margin-right: -5px;
	padding: 0 14px 0 9px !important;
	background-color: transparent !important;
	background: transparent url(/images/mypost_myrent/button_bkgrnd_green.png) no-repeat right 0;
	border: 0 !important;
	font-size: 12px;
	color: #FFF;
	}
	
form div.schweet-button div button:hover, form div.schweet-button div button:active, 
form div.schweet-button div button:focus {
	outline: none !important;
	}	
	
form.submitting div.schweet-button div button {
	background: transparent url(/images/mypost_myrent/button_bkgrnd_green.png) no-repeat right -25px;
	color: #e3e3e3;
	}
	
form.submitting div.schweet-button div button:hover {
	border: 0 !important;
	}
	
form div.schweet-button div button div {
	float: none;
	width: auto;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	margin: -2px 0 0;
	background: none;
	}

form.submitting div.schweet-button div button div {
	background: transparent url(/images/mypost_myrent/loading_phatbox.gif) no-repeat center center;
	color: transparent;
	}
	
form div.schweet-button div button div span:hover {
	cursor: pointer;
	}	
	
/* ------- LOGIN FORM ------- */
div.login-positioner {
	position: relative;
	width: 475px;
	margin: 0 auto;
	}

form.login-form {
	display: block;
	padding: 5px 8px;
	background: #FFF;								/*fallback*/
	background: rgba(255,255,255,0.5);
	border: 1px solid #FFF;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	font-size: .9em;
	color: #666;
	}

form.login-form fieldset ol {
	overflow: visible;
	}

form.login-form fieldset ol li {
	float: left;
	height: 36px;
	line-height: 36px;
	margin: 0 0 0 8px !important;
	}

form.login-form fieldset ol li input {
	width: 150px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 1.2em;
	vertical-align: middle;
	}
	
form.login-form fieldset ol li div.schweet-button {
	vertical-align: middle;
	}	

/* ------ FOOTER ------ */		
div.footer {
	position: relative;
	overflow: hidden;
	display: inline-block;						/* IE hasLayout hack */
	width: 634px;
	margin: 30px auto 20px;
	padding: 8px 4px 0;
	border-top: 1px solid #d4d3e9;
	font-size: .9em;
	text-shadow: #FFF 0.01em 0.01em 0;	
	color: #2f2b7a;
	}

div.footer {
	display: block;								/* IE hasLayout hack */
	}	

div.footer span.bullet {
	color: #c4c3de;
	margin: 0px 6px;
	}	

div.footer div.left {
	float: left;
	}
	
div.footer div.right {
	float: right;
	}