/* CSS Document */
/* This CSS Controls Global Styles for Mixaloo */

body {
	height: 100%;
	background-color: #FFFFFF;
	background-image: url(../images/body_bg_tile.png);
	background-repeat: repeat;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0px;
}

.main_container {
	width: 1002px;
	height: 100%;
	margin: auto;
	padding: 0px;
	position: relative;
	top: 0px;
}

.content_container {
	width: 1000px;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
	background-color: #FFFFFF;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	padding: 0px;
}


.header_top {
	width: 982px;
	height: 22px;
	position: relative;
	background-image: url(../images/header_top_bg.png);
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-right: 20px;
	text-align: right;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.header_top a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.header_body {
	width: 1002px;
	position: relative;
	background-color: #FFF;
}

.header_invite {
	width: 176px;
	height: 72px;
	position: absolute;
	top: 0px;
	left: 826px;
}

.header_nav { 
	position: absolute;
	top: 0px;
	height: 72px;
	width: 475px;
	left: 345px;
}

.input_txt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: 500;
	color: #58564F;
	text-align: left;
	padding-top: 2px;
}

.select_txt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: 500;
	color: #58564F;
	text-align: left;
	width: 100%;
}

.button_txt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: 500;
	color: #58564F;
	text-align: center;
	width: auto;
}

.footer {
	width: 1002px;
	height: 73px;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
}

.footer_nav {
	width: 575px;
	height: 20px;
	position: relative;
	top: 28px;
	left: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #99D708;
	text-align: left;
}

.footer_nav a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: 500;
	color: #65831E;	
	text-decoration: none;
}

.footer_addthis {
	/*width: 420px;*/
	/*height: 20px;*/
	position: relative;
	float: right;
	top: 2px;
	right: 12px;
}

.footer_openweb {
	width: 114px;
	height: 51px;
	position: relative;
	float: right;
	top: -15px;
	right: 24px;
	padding-top: 4px;
	background-image: url(../images/owa_button_bg.png);
	background-repeat: no-repeat;
	text-align: center;
}

.home_hitbox {
	width: 350px;
	height: 110px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	cursor: pointer;
}

.nav_invite { 
	width: 150px;
	height: 15px;
	position: absolute;
	top: 35px;
	left: 650px;
}

/* Header Tabs */

#header_tabs {
	position: absolute;
	width: 600x;
	height: 40px;
	top: 0px;
	right: 10px;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.active_header_tab, .inactive_header_tab {
	margin: 0px;
	padding: 0px;
	display: inline;
	height: 41px;
}

#header_tabs  img {
	border: none;
	margin-left: 1px;
}

.login_box {
	width: 405px;
	z-index: 100;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 150px;
	display: none;
	margin-left: -15px;
}

.login_box_top {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 408px;
	height: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 0px;
	z-index: 101;
	line-height: 0px;
	text-align:center;
}

.login_box_content {
	position: relative;
	z-index: 101;
	width: 408px;
	margin-left: auto;
	margin-right: auto;
	/*background-color: #FFFFFF;*/
	/*border-left: 1px solid #DEDEDE;*/
	/*border-right: 1px solid #DEDEDE;*/
	text-align: left;
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	background: url('../images/dropshadow_middle.png') repeat-y;
}

.login_box_content_wrapper {
	padding-left: 20px;
	padding-right: 20px;
}

.login_box_content h1  {
	margin: 0px;
	color: #569005;
	font-size:  24px;
}

.login_error {
	position: relative;
	width: 360px;
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
}

.login_email {
	position: relative;
	height: 25px;
	margin-top: 20px;
}

.login_email_title, .login_password_title {
	color: #569005;
}

.login_email_title {
	position: absolute;
}

.login_email_field {
	position: absolute;
	left: 80px;
	font-size: 11px;
}

.login_email_field input, .login_password_field input {
	width: 35ex;
}

.login_password {
	position: relative;
	height: 25px;
}

.login_password_title {
	position: absolute;
}

.login_password_field {
	position: absolute;
	left: 80px;
	font-size: 11px;
}

.login_button {
	position: relative;
	left: 120px;
	margin-top: 20px;
}


.reg_box {
	width: 408px;
	z-index: 100;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	margin-left: -15px;
	padding: 0px;
}

.reg_box_top {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 408px;
	height: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 0px;
	z-index: 101;
	line-height: 0px;
	text-align:center;
}

.reg_box_content {
	position: relative;
	z-index: 101;
	width: 408px;
	margin-left: auto;
	margin-right: auto;
	/*background-color: #FFFFFF;*/
	/*border-left: 1px solid #DEDEDE;*/
	/*border-right: 1px solid #DEDEDE;*/
	text-align: left;
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	background: url('../images/dropshadow_middle.png') repeat-y;
	
}

.reg_box_content_wrapper  {
	padding-left: 20px;
	padding-right: 20px;
}

.reg_box_content h1  {
	margin: 0px;
	color: #569005;
	font-size:  24px;
}

.reg_error {
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
}

.reg_login {
	color: #0000FF;
	font-size: 12px;
	text-decoration: underline;
	cursor: pointer;
}

.reg_email {
	position: relative;
	height: 25px;
	margin-top: 20px;
}

.reg_email_title, .reg_password_title {
	color: #569005;
}

.reg_email_title {
	position: absolute;
}

.reg_email_field {
	position: absolute;
	left: 120px;
	font-size: 11px;
}

.reg_email_field input, .reg_password_field input {
	width: 35ex;
}

.reg_password {
	position: relative;
	height: 25px;
}

.reg_password_title {
	position: absolute;
}

.reg_password_field {
	position: absolute;
	left: 120px;
	font-size: 11px;
}

.reg_checkbox {
	position: absolute;
	left: 250px;
	font-size: 11px;
}

.reg_button {
	position: relative;
	left: 120px;
	margin-top: 20px;
}


/* FORGOT BOX */
.forgot_box {
	width: 405px;
	z-index: 100;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 150px;
	display: none;
	margin-left: -15px;
}

.forgot_box_top {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 408px;
	height: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 0px;
	z-index: 101;
	line-height: 0px;
	text-align:center;
}

.forgot_box_content {
	position: relative;
	z-index: 101;
	width: 408px;
	margin-left: auto;
	margin-right: auto;
	/*background-color: #FFFFFF;*/
	/*border-left: 1px solid #DEDEDE;*/
	/*border-right: 1px solid #DEDEDE;*/
	text-align: left;
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	background: url('../images/dropshadow_middle.png') repeat-y;
}

.forgot_box_content_wrapper {
	padding-left: 20px;
	padding-right: 20px;
}

.forgot_box_content h1  {
	margin: 0px;
	color: #569005;
	font-size:  24px;
}

.forgot_error {
	position: relative;
	width: 360px;
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
}

.forgot_email {
	position: relative;
	height: 25px;
	margin-top: 20px;
}

.forgot_email_title {
	color: #569005;
}

.forgot_email_title {
	position: absolute;
}

.forgot_email_field {
	position: absolute;
	left: 80px;
	font-size: 11px;
}

.forgot_email_field input {
	width: 35ex;
}

.forgot_button {
	position: relative;
	left: 120px;
	margin-top: 20px;
}

/* INVITE BOX */
.invite_box {
	width: 465px;
	height: 345px;	
	text-align: center;
	position: absolute;
	left: 440px;
	top: 68px;
	margin-left: 0px;
	padding-top: 65px;
	background-image: url(../images/invite_bg.png);
	background-repeat: no-repeat;
	z-index: 201;
	display: none;
	opacity: 100;
}

.invite_box_top {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 430px;
	height: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-align:center;
}

.invite_box_content {
	position: relative;
	z-index: 101;
	width: 430px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
}

.invite_box_content_wrapper {
	padding-left: 5px;
	padding-right: 5px;
}

.invite_error {
	position: relative;
	width: 360px;
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
}

.invite_form { 
	position: relative;
	width: 430px;
	height: 160px;
	top: 10px;
	left: 0px;
}

.invite_left { 
	position: absolute;
	width: 180px;
	height: 160px;
	top: 0px;
	left: 0px;
}

.invite_right { 
	position: absolute;
	width: 210px;
	height: 160px;
	top: 0px;
	left: 210px;
}

.invite_buttons  {
	position: relative;
	width: 185px;
	height: 25px;
	top: 15px;
	left: 245px;
}

/*
.invite_email {
	position: relative;
	height: 25px;
	margin-top: 20px;
}

.invite_email_title {
	color: #569005;
	position: absolute;
}

.invite_email_field {
	position: absolute;
	left: 80px;
	font-size: 11px;
}

.invite_email_field input {
	width: 35ex;
}

.invite_button {
	width: 150px;
	position: relative;
	left: 120px;
	margin-top: 20px;
}
*/



/* ------ TRYING TO COMBINE STYLE SHEETS ------ */

/* CSS Document */
.points_header_txt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #58564F;
}

.points_body_txt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: 500;
	color: #58564F;
}

.settings_links_txt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: 500;
	color: #C22B65;
}

.mix_table {
	border-spacing: 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #E7E7E7;
	color: #58564F;
}

.mix_table tbody tr {
	height: 46px;
	background-color: #DADAD9; 
	text-align: left;
}

.mix_table tbody tr.odd  {
	height: 46px;
	background-color: #D1D1CF;
	border-top: 1px solid #EFEFEE;
}

.list_container {
	width: 315px;
	height: 142px;
	position: relative;
	top: 6px;
	left: 10px;
}

.list_header {
	width: 315px;
	height: 16px;
	position: relative;
	top: 0px;
	left: 0px;
}

.list_rows {
	width: 315px;
	height: 146px;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: auto;
}

.mix_image_frame {
	width: 43px;
	height: 43px;
	position: relative;
	top: 0px;
	left: 3px;
	background-image: url(../images/image_frame_43x43.png);
	background-repeat: no-repeat;
	float: left;
	padding-right: 10px;
}

.mix_image {
	width: 37px;
	height: 37px;
	position: relative;
	top: 3px;
	left: 3px;
}

.mix_title_frame {
	padding-top: 10px;
}

.mix_title_frame a {
	text-decoration: none;
	color: #58564F;
}

.points_frame {
	width: 310px;
	/*height: 147px;*/
	position: relative;
	top: 11px;
	left: 11px;
	/*border: 1px solid #666;*/
}

/* BLOG LIST STYLES */
.blog_container {
	width: 236px;
	float: right;
	display: inline;
	background-color: #BFBEBD;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-right: 20px;
	text-align: center;
}

.blog_body {
	width: 218px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #E7E7E6;
	padding-bottom: 5px;
	text-align: left;
}

.blog_header {
	width: 218px;
	height: 31px;
	position: relative;
	top: 0px;
	left: 0px;
}

.blog_frame {
	width: 205px;
	/*width: 175px;*/
	position: relative;
	top: 0px;
	left: 7px;
	overflow: auto;
}

.blog_cell {
	/*width: 205px;*/
	height: 48px;
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #D1D1CF;
	border-bottom: 1px solid #E7E7E6;	
}

.blog_image_frame {
	width: 43px;
	height: 43px;
	position: relative;
	top: 2px;
	left: 2px;
	background-image: url(../images/image_frame_43x43.png);
	background-repeat: no-repeat;	
}

.blog_image {
	width: 37px;
	height: 37px;
	position: relative;
	top: 3px;
	left: 3px;
}

.blog_title_frame {
	/*width: 140px;*/
	height: 42px;
	position: absolute;
	top: 3px;
	left: 55px;
	overflow: hidden;
	line-height: 14px;
}

.blog_posttime_txt {
	position: relative;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: 500;
	color: #58564F;
}

.blog_title_txt {
	position: relative;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 11px;
	font-weight: 500;
	color: #C22B65;
}

.account_header_txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #58564E;	
}

.moveme {
	cursor: move;
}

.browseme {
	cursor: pointer;
}

.forgot_wrapper {
	width: 135px;
	height: 15px;
	position: absolute;
	left: 250px;
	top: 4px;
}

.feedback_box {
	position: absolute;
	top: 50px;
	padding: 0px;
	left: 925px;
	z-index: 20;
}

.widget_tsunami {
	width: 450px;
	height: 350px;
	z-index: 100;
	text-align: center;
	position: absolute;
	left: 400px;
	top: 0px;
	display: none;
	/*background-color: #FFF;*/
	/*border: 1px solid #919191;*/
	background: url(../images/mix_preview_dropshadow.png) no-repeat;
	padding-top: 15px;
}

.widget_sketchy {
	width: 295px;
	height: 670px;
	z-index: 100;
	text-align: center;
	position: absolute;
	left: 400px;
	top: 0px;
	display: none;
	/*background-color: #FFF;*/
	/*border: 1px solid #919191;*/
	background: url(../images/sketchy_dropshadow.png) no-repeat;
	padding-top: 15px;
}

.widget_crispy {
	width: 450px;
	height: 550px;
	z-index: 100;
	text-align: center;
	position: absolute;
	left: 400px;
	top: 0px;
	display: none;
	/*background-color: #FFF;*/
	/*border: 1px solid #919191;*/
	background: url(../images/crispy_dropshadow.png) no-repeat;
	padding-top: 15px;
}

.widget_mixalove {
	width: 450px;
	height: 350px;
	z-index: 100;
	text-align: center;
	position: absolute;
	left: 400px;
	top: 0px;
	display: none;
	/*background-color: #FFF;*/
	/*border: 1px solid #919191;*/
	background: url(../images/mix_preview_dropshadow.png) no-repeat;
	padding-top: 15px;
}

.home_mix_name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C22B65;
	font-weight: bold;
}

.s_info { 
	font-size: 7px;
	color: #D5F479;
}

.ads_leaderboard_container {
	width: 728px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

.ads_wide_skyscraper_container {
	margin-left: auto;
	margin-right: auto;
	width: 160px;
}

.ads_narrow_skyscraper_container {
	margin-left: auto;
	margin-right: auto;
	width: 120px;
}

.ads_skyscraper_container {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 160px;
}

.page_anchor {
	clear: both;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
}

.txt_buymp3 {
	font-size: 6px;
	color: #58564F;
	text-decoration: underline;
	font-family: "Courier New", Courier, monospace;
	line-height: 8px;
}