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

/*--Import other style sheets---*/
@import "layout.php";
@import "fonts.php";
@import "slider.php";
@import "dates.php";
@import "dashboard.php";
@import "prettyPhoto.css";

/*-------RESET-----*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

a {outline: none;} /* removes the dotted border around links in firefox */
a {color: #0A4591;}
img {border:0;}  /*removes all borders around any links including images */
body { font-size: 75%; line-height: 12px;} /* by using font-size: small; you can set sizes using %. 100% is roughly = to 12px */
html>body {font-size:12px;}

/*   Sticky Footer
------------------------------------------------------------*/

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -165px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 165px;
	z-index:-1;
	/* .push must be the same height as .footer */
}


/*            STANDARDS
------------------------------------------------------------*/

	.seo-bgone {text-indent:-5000px;font-size: 0;}
 p {margin-bottom:1em;}
.center {text-align:center}

/* floats and clears */

	.floatleft {float:left;}
	.floatright {float:right;}
	.clear {clear:both;}
	.clearleft {clear:left;}
	.clearright {clear:right;}
/* margins */

.margin {margin:10px;}
.marginleft {margin-left:10px;}
.marginright {margin-right:10px;}
.margintop {margin-top:10px;}
.marginbottom {margin-bottom:10px;}

/* padding */

.padding {padding:10px;}
.paddingleft {padding-left:10px;}
.paddingright {padding-right:10px;}
.paddingtop {padding-top:10px;}
.paddingbottom {padding-bottom:10px;}


/* borders (titles and headers
 -- (specific to the site--*/



/*            LISTS STYLES
------------------------------------------------------------*/

ul.check {
	margin:12px;
	padding-left: 0;
	list-style: none;
}

ul.check li {
	padding-left: 20px;
	line-height: 1.4em;
	margin-bottom: 10px;
	font-size: 1.1em;
	background: url(http://www.cha-chingg.com/media/images/icons/list-check.jpg) no-repeat left 2px ;
}
ul.bullet {
	margin:12px;
	padding-left: 0;
	list-style: none;
}

ul.bullet li  {
	padding-left: 15px;
	line-height: 20px;
	margin-bottom: 5px;
	background: url(http://www.cha-chingg.com/media/images/icons/list-bullet.jpg) no-repeat 0 center;
	text-decoration: none;
}

ul#profile-stats {
	margin:0 0 20px 12px ;
	padding-left: 0;
	list-style: none;
	color: #2369AE;
}

ul#profile-stats li {
	margin-bottom: 5px;
}

ul#profile-stats li strong {
	color: #0A4591;
}

ul.buy-credits {
	padding-left: 0;
	list-style: none;
}
ul.buy-credits li {
	padding-left: 10px;
}
ul.buy-credits li input {
	margin-right: 10px;
}


/*   FORM STYLES
------------------------------------------------------------*/

.button::-moz-focus-inner, .a-button::-moz-focus-inner, .button2::-moz-focus-inner, .button-search::-moz-focus-inner{ padding:0; border:0; }

.button, .button span, .button2, .button2 span, .button-search, .button-search span, .a-button, .a-button span {
	float:right;	overflow:visible;
	width:auto;
	height: 25px;
	border:0;
	cursor:pointer;
	-webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */
}

.button span, .button-search span, .button2 span, .a-button span {
	font: 11px/25px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align:center;
	white-space:nowrap;
	color:#fff;
}

a.a-button {
	color:#fff;
	text-decoration:none;
	float: left;}

.button, .a-button {
	padding:0 0 0 15px;
	background:url(http://www.cha-chingg.com/media/images/buttons/button.jpg) 0 50% no-repeat;
}
.button span, .a-button span {
	padding:0 15px 0 0;
	float: left;	background:url(http://www.cha-chingg.com/media/images/buttons/button.jpg) 100% 50% no-repeat;
}

.button:hover, .a-button:hover {
	background:url(http://www.cha-chingg.com/media/images/buttons/button-o.jpg) 0 50% no-repeat;
}
.button:hover span, .a-button:hover span {
	background:url(http://www.cha-chingg.com/media/images/buttons/button-o.jpg) 100% 50% no-repeat;
}

/* button2 is for the buttons on the darker background blue, like the login form */

.button2 {
	padding:0 0 0 15px;
	background:url(http://www.cha-chingg.com/media/images/buttons/button2.jpg) 0 50% no-repeat;
}
.button2 span {
	padding:0 15px 0 0;
	background:url(http://www.cha-chingg.com/media/images/buttons/button2.jpg) 100% 50% no-repeat;
}
.button2:hover {
	background:url(http://www.cha-chingg.com/media/images/buttons/button2-o.jpg) 0 50% no-repeat;
}
.button2:hover span {
	background:url(http://www.cha-chingg.com/media/images/buttons/button2-o.jpg) 100% 50% no-repeat;
}

/* button-search is strictly for the search button at the top */

.button-search {
	width: 25px; height: 25px;
	background:url(http://www.cha-chingg.com/media/images/buttons/button-search.jpg) 0 50% no-repeat;
}

form#buycredits button {  /* this is only for the buy credits on the dashboard page */
	margin: 15px 10px;
	float: left;}

.coupon button.button, .coupon button.button span, .coupon a.a-button .coupon a.a-button span {
	float: left;}
.coupon button.button, .coupon a.a-button {
	margin-right: 10px;
}


/*---- FORMS ----*/

#form-fields label, #login-form label, #contact-fields label {
	float: left;	clear: both;
	display: block;
	color:#2683C4;
}

#form-fields label span.astx, #contact-fields label span.astx {
	margin-left: 3px; /*creates space between astrisks and last letter of the label*/
}

#form-fields input, #form-fields textarea, #login-form input, #vendor-signup input, #contact-fields input, #contact-fields textarea {
	border: 0;
	width:220px;
	padding:8px 0 6px 5px;
	float: right;	border: solid 1px #95BCD8;
	font: 12px Arial, Helvetica, sans-serif;
	background: url(http://www.cha-chingg.com/media/images/input-bg.jpg) repeat-x white;
	margin-bottom: 10px;
	*display:inline;
}

#form-fields textarea, #contact-fields textarea {
	padding-top: 5px;
}



#form-fields div.captcha-box img, #contact-fields div.captcha-box img {
	float: left;	margin-right: 20px;
}

#form-fields div.captcha-box input, #contact-fields div.captcha-box input {
	float: left;	width: 120px;
}

.captcha-box {
	float: left;	padding: 10px;
	width: 295px;
	margin-bottom: 20px;
	color:#345c79;
}


.error {
	clear:both;
	display: block;
	color:#F05C35;
	float: right;	font-style: italic;
}
.error2 {
	color:#F05C35;
	font-style: italic;
}


/*--Login form styles--*/

#login-form {
	margin: 0 10px 10px;
}

a.forgotpass {
	color: #1B578B;
	text-decoration: none;
	font-size: 10px;
	position: relative;
	left: 70px;
	top:-10px;
}
a.forgotpass:hover {
	color: #246FB0;
}

/*--Sign Up form styles--*/

#signup-form {
	float: right;}


/*--Referral Form--*/

.referral-group {
	border-bottom:1px solid #95BCD8;
	padding-bottom: ;
	margin-bottom: 10px;
	clear: both;
}

#refer-a-friend {
	padding: 0 15px 20px;
	float: right;	margin: 0 0 20px 20px;
}

#refer-a-friend2 {
	background:#A0C9E5;
	padding: 0 15px 20px;
	float: none;	margin: 20px auto;
}

/*---- Signup form on Vendor Signup page ----*/

#vendor-signup {

}
#vendor-signup .column1, #vendor-signup .column2 {
	float: left;}
#vendor-signup .column1 {
	margin-right: 15px;
	width: 300px;
}
#vendor-signup .column2 {
	width: 625px;
}

#vendor-signup label {
	color:#2683C4;
	display: block;
}

#vendor-signup input {
	float: left;	width: 275px;
}

#vendor-signup .column2 input {
	width: 590px;
}


#contact-phone, #contact-extension {
	float: left;}
#contact-phone {
	margin-right: 10px;
}
#contact-phone input {
	width: 183px;
}
#contact-extension input {
	width: 75px;
}

#vendor-signup .column2 input.checkbox {
	float: left;	width: 20px;
	margin: 0 10px 50px 0;
}
#vendor-signup button {
	float: left;}
input#vendor_agreement, input#vendor_agrrement:focus {  /*---IE8 fix---*/
	border: none;
	background: none;
	background-color: transparent;
}


#form-fields input:focus, #vendor-signup input:focus, #login-form input:focus {
	background: url(http://www.cha-chingg.com/media/images/input-bg-focus.jpg) #fde6de repeat-x;
}

/*---- End of vendor signup form ----*/

.credit-list {
	margin:0 30px 20px 15px;
}