/* CSS Document
2008 Mogreet, Inc.
*/
/*//////////////////////////////////////////
/*General
//////////////////////////////////////////*/
html, body {
	height:100%;
	}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	margin:0; 
	padding:0 0 0 0;
	line-height:140%;
	background:#CCCCCC;
	}

#leaderboard {
	padding:10px 0 0 0;
	}
	
#takeover {
	margin:0 10px 0 0;
}

#container {
	width:900px; 
	margin:0 auto 0 auto;
	overflow:hidden;
	padding:0px 20px 10px 20px;
	position:relative;
	background-color:#FFFFFF;
	z-index:1;
}

#container #header {
	overflow:hidden;
}

#container #header #logo {
	position:relative;
}

#middle #search {
	background:#183F6A none repeat scroll 0 0;
}

#footer { 
	color:#777777;
	font-size:10px;
	margin:0 auto 0 auto;
	overflow:hidden;
	padding:0 0 10px;
	text-align:center;
	width:940px;
}

#footer #footer_rounded #copyright_info {
	font-size:11px;
	text-align:center;
	background-color:#FFFFFF;
}

#footer #logos {
	padding:10px 0 0 0;
	color:#333333;
}	
		
#footer #footer_rounded #copyright_info a:link, 
#footer #footer_rounded #copyright_info a:active, 
#footer #footer_rounded #copyright_info a:visited {
	size:12px;
	color:#000;
	line-height:150%;
	padding:0 10px;
	}

#footer #footer_rounded #copyright_info a:hover {
	text-decoration:underline;
	}
			
#container_top {
	margin:0 auto 0;
	width:942px;
	background:url(http://d2c.bandcon.mogreet.com/images/container_top.png) 0 0;
	height:16px;
}

/*//////////////////////////////////////////
//Home
//////////////////////////////////////////*/
	#try_it {
		position:absolute;
	}
	

	#send_holder #play_btn_overlay{
		position:absolute; 
		z-index:1000;
	}

	#main {
		margin:0 0 0 0;
		}

	#search_field {
		float:left; 
		position:relative; 
		z-index:3;
	}

	#search_button {
		position:relative; 
		float:left;
	}

	#main_msg {
		overflow:hidden;
	}

	#main_msg #middle {
		background-color:#DDDDDD;
		padding:0;
		height:218px;
	}	

	#categories #left{
		float:left;
		margin:0 40px 0 0;
	}
	
	#categories #right{
		float:left;
		margin:0 0 0 40px;
	}

	#image {
		margin:0 0 5px 0px;
	}

	#text {
		color:#CCCCCC;
		font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
		letter-spacing:-1px;
		margin:2px 0 0;
		text-align:center;
		width:182px;
	}
	
	#send_holder #text {
		font-size:11px;
	}

	#screen {
		margin:9px 0 0 9px;
		}

	#categories a:link,
	#categories a:active,
	#categories a:visited {
		color:#cc1512;
		size:12px;
		line-height:150%;	
	}

	#categories a:hover{
		text-decoration:underline;
	}

	#phone {
		background-image:url(http://d2c.bandcon.mogreet.com/images/main_phone.png);
		background-repeat:no-repeat;
		position:absolute;
		}

	#phone #screen {
		width:190px;
		height:143px;
	}

	#phone #text {
		color:#FFFFFF;
		width:182px;
		padding:10px;
		text-align:center;
	}

	#phone #sender {	
		z-index:3;
		position:relative;
		margin: 0;
		left:-6px;
		height:250px;
		width:200px;
		padding:0px 10px 10px 0px;
		color:#FFF;
		display:none;
	}

	#categories #birthday, 
	#categories #love, 
	#categories #movie, 
	#categories #explore {
		padding:10px 3px 10px 3px;
		margin:10px 5px 10px 0;
		line-height:140%;
		height:110px;
		float:left;
		}

/*//////////////////////////////////////////
/*Browse
//////////////////////////////////////////*/
	#page_header #browse_middle {
		background-color:#DDDDDD;
		overflow:hidden;
	}

	#left_categories #title,
	#right #title {
		color:#444444;
		font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:bold;
		letter-spacing:-1px;
		margin:3px 0 10px 10px;
	}

	#browse_middle #search{
		float:right;
	}

	#browse_middle #search #search_button {
		float:left;
	}

	#right #right_middle {
		border-right:1px solid #DDDDDD; 
		overflow:hidden; 
		border-left:1px solid #DDDDDD; 
	}

	#right #results {
		float:left;
		position:relative;
		margin:0 0 7px 0;
		border-right:1px solid #DDDDDD;	
	}

	#pagination_bottom a:link,
	#content_middle #more a:link,
	#pagination_bottom a:active,
	#content_middle #more a:active,
	#pagination_bottom a:visited,
	#content_middle #more a:visited,
	#form a:link, #form a:active, #form a:visited 
	{
		color:#677CA1; 
		font-size:12px;
	}

	#pagination_bottom{
		text-align:right; 
		width:95%; 
		padding:10px 0;
		border-top:1px solid #DDDDDD;
		font-size:11px;
		overflow:hidden;
	}
	
	#mogreet_item {
		float:left;
		font-size:12px;
		text-align:center;
	}

	#mogreet_item_list {
		border-bottom:1px solid #DDDDDD;
		font-size:12px;
		margin:0;
		overflow:hidden;
		padding:10px;
	}

	#thumb_list {
		padding:3px;
		border:1px solid #AAAAAA;
		width:90px;
		float:left;
	}

	#mogreet_item_list #play_button {		
		position:absolute;
	}	

	.search_term {
		font-style:italic;
		}

	#mogreet_item #thumb{
		padding:3px;
		border:1px solid #AAAAAA;
		width:90px; 
		margin:0 0 5px 0;
	}
	
	#browse_right {
		float:left;
		position:relative;
		background-position:center bottom;
		background-repeat:repeat-x;
		border-left:1px solid #DDDDDD;
		margin:1px 0 0 -1px;
	}	

	#browse_right #title {
		font-weight:bold;
		font-size:14px;
		color:#444444;
		display:none;
	}

	#browse_right #player {
		overflow:hidden;
		border:1px solid #DDDDDD;
	}

	#browse_right #screen{
		width:240px;
		height:180px;
		margin:5px 10px 7px 14px;
		height:180px;
	}

	#browse_right #player #icons {
		margin:0 0 0 13px;
		float:left; 
		position:relative;
		display:none;
	}

	#clip_url {
		text-align:center;
	}

	#browse_right #player #icons #item {
		float:left; 
		position:relative; 
	}

	#mogreet_title {
		color:#444444;
		font-family:"Lucida Grande";
		font-size:16px;
		font-weight:bold;
		letter-spacing:-1px;
		text-align:center;
	}

	#share_icons {
		overflow:hidden;
		padding:0 0 10px 30px;
	}

	#share_item_myspace,
	#share_item_fb,
	#share_item_digg,
	#share_item_del,
	#share_item_twit {
		float:left; 
		width:80px;
	}		
	
	#page_header {
		overflow:hidden;
		height:45px;
	}

	#page_header #top {
		height:6px;
	}

	#page_header #bottom {
		height:6px;
	}

	#content{
		margin:10px 0 0 0;
	}

	#left_categories {
		float:left; 
		position:relative;
		font-size:12px;
		margin:0 10px 0 0;
	}

	#content_middle {
		padding:10px 0px 10px 0px;
		width:150px;
	}

	#content #right {
		float:left; 
		position:relative;
		width:706px;
	}

	#browse_middle #page_title {
		float:left;
		position:relative;
		font-size:16px;
		font-family:"Lucida Grande";
		color:#000;
		padding:0 0 0 10px;
		overflow:hidden;
	}

	#browse_middle #search #search_field {
		float:left;
	}

	#list #item {
		margin:0 0 15px 0;
	}

	#pagination_bottom a:hover,
	#mogreet_item a:hover,
	#content_middle #more a:hover, #form a:hover {
		text-decoration:underline;
	}

	#pagination_top {
		text-align:right; 
		padding:3px 10px 1px;
		margin:0 10px 0px 0; 
		border-bottom:1px solid #DDDDDD;
		font-size:11px;
		overflow:hidden;
		background:#EEEEEE;
	}

	#pagination_top #view {
		float:left;
	}

	#mogreet_item_list .marcom {
		color:#444444;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;
		line-height:120%;
		position:relative;
		width:200px;
	}

	#mogreet_item_list .mogreet_title {
		font-weight:bold;
		font-size:14px;
		font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
		line-height:152%;
		letter-spacing:-1px;
	}

	#mogreet_item .marcom {
		font-size:12px;
		color:#444444;
		font-weight:normal;
		line-height:120%;
		font-family:sans-serif;
	}

	#mogreet_item .mogreet_title {
		font-weight:bold;
		font-size:13px;
		font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
		color:#677CA1;
		line-height:122%;
		letter-spacing:-1px;
	}

	#mogreet_item .mogreet_title a:hover {
		text-decoration:underline;
	}

	#more {
		margin:31px 0 0 0;
		padding:0 0 10px 0;
		text-align:right;
	}

	.form_error, .results {
		border:1px solid #FF0000;
		background-color:#FFDDDD;
		font-family:sans-serif;
		font-size:12px;
		padding:10px;
		margin:0 10px 10px 0;
		color:#000000;
	}

	.form_warning {
		border:1px solid #F4B31E;
		background-color:#FFFAAA;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		padding:10px;
		margin:0 10px 10px 0;
		color:#000000;
	}

	.form_correct {
		background-color:#C5F1C6;
		border:1px solid #307C1F;
		color:#000;
		margin:0 10px 10px 0;
		padding:10px;
	}

/*//////////////////////////////////////////
/*Explore
//////////////////////////////////////////*/
	#search_left {
		float:left; 
		width:504px; 
		margin:10px 8px 10px 0;
	}	

	#search_left #mid {
		border-left:1px solid #DDDDDD; 
		border-right:1px solid #DDDDDD;
		padding:0px 6px 0px 6px;
		overflow:hidden;
	}

	#advertisements_right {
		float:left; 
		width:337px; 
		height:280px; 
		background-color:#AAAAAA; 
		margin:10px 0 0 0;
	}

	#section{
		border:1px solid #DDDDDD;
		overflow:auto;
		padding:0 10px 0 10px 0; 
		margin:0 0 6px 0;
	}

	#explore_title{
		background-image:url(http://d2c.bandcon.mogreet.com/images/explore_title_bar.png);
		background-repeat:repeat-x;
		height:16px;
		font-size:14px;
		color:#FFFFFF;
		padding:10px;
		margin: 0 0 15px 0;
	}

	#column1 {
		float:left;
		width:127px; 
		margin:0 10px 15px 15px; 
		border-right:1px solid #DDDDDD; 
		padding:0 0 0 10px; 
		height:inherit;
	}

	#column2 {
		float:left;
		width:127px; 
		margin:0 10px 15px 15px; 
		padding:0 0 0 10px; 
		height:inherit;
	}

	#cat #column1 a:link, 
	#cat #column2 a:link,
	#cat #column1 a:visited, 
	#cat #column2 a:visited,
	#cat #column1 a:active, 
	#cat #column2 a:active {
		color:#666;
		line-height:140%;
		}

	#cat #column1 a:hover,
	#cat #column2 a:hover {
		color:#da3778;
	}

	#pl_item{
		float:left; 
		position:relative;
		background-image:url(http://d2c.bandcon.mogreet.com/images/explore_pl_bg.jpg); 
		background-repeat:no-repeat;
		height:144px; 
		width:145px;
		margin:0 -5px 0 10px; 
		padding:5px; 
	}

	#img {
		margin:0 0 3px 0;
	}

/*//////////////////////////////////////////
/*Subpages
//////////////////////////////////////////*/
	#about_content {
		margin:15px 0 0 0;
	}

	#about_content_left {
		float:left;
		position:relative;
	}

	#about_content_right {
		float:right;
		position:relative;
	}

	#about_left_middle {
		background-color:#F2F2F2; 
		overflow:hidden;
		height:100%;
		border-right:1px solid #DDDDDD; 
		border-left:1px solid #DDDDDD;
	}

	#about_left_middle #links {
		border:1px solid #DDDDDD;
		background-color:#FFFFFF; 
		width:150px;
		float:left;
		position:relative;
	}

	#about_left_middle #content_text {
		background-color:#FFFFFF;
		width:488px;
		position:relative; 
		float:left;
		border:1px solid #DDDDDD;
		padding:15px;
		overflow:hidden;
	}

	#about_left_middle #links #title {
		background-color:#868686;
		height:20px;
		padding:7px 0 0 0;
		text-align:center;
	}

	#link_item {
		border-bottom:1px solid #DDDDDD;
		padding:10px 0;
		font-size:8pt;
	}

	#link_item a:link, 
	#link_item a:visited, 
	#link_item a:active {
		text-decoration:none;
		padding:10px 0px 10px 10px;
		color:#4F4F4F;
	}

	#link_item a:hover {
		text-decoration:none; 
		color:#000000;
	}

	#about_content_right_middle {
		border-right:1px solid #DDDDDD;
		border-left:1px solid #DDDDDD; 
		padding:0px 0px 0 8px;
	}

/*//////////////////////////////////////////
/*Jobs
//////////////////////////////////////////*/
	#job_listing {
		border-bottom:1px dashed #DDDDDD; 
		padding:0 0 10px 0; 
		margin:0 0 10px 0;
	}

	#job_title {
		font-size:18px; 
		color:#29AAD8; 
		margin:10px 0 10px 0;
	}

	#search_boxes #left {
		float:left; 
		position:relative; 
		width:108px; 
		text-align:right; 
		padding:0 10px 20px 21px; 
		line-height:32px;
	}

	#search_boxes #right {
		float:left;
		position:relative; 
		width:200px
	}

/*//////////////////////////////////////////
/*Phone Compat
//////////////////////////////////////////*/
	.manufacturer {
		background-color:#FFFFFF;
	    clear:both;
	    float:left;  
	    margin:3px 0pt;
	    padding:3px;
	    position:relative;
	    width:485px;
	}

	.manufacturer h2 {
		background:#DDDDDD;
		color:#333333;
		font-size:16px;
		padding:5px;
		margin:5px 0 5px 0;
	}

	.make {
	    float:left;
	    margin:7px 0 7px 0;
	    position:relative;
	    text-align:center;
	    width:78px;
		height:110px;
	}

	.make img {
	    height:55px;
	}

	.make p {
		color:#000000;
	    font-family:Arial, Helvetica, sans-serif;
	    font-size:10px;
	    text-align:center;
	}

	#content {
		position: relative;
		overflow:hidden; 
		overflow-y:none;
	}

/*//////////////////////////////////////////
/*Press
//////////////////////////////////////////*/
	#press_section {
		margin:10px 0 15px 0;
	}

	#article {
		overflow:hidden;
		margin:10px 0;
		padding:10px;
		height:100%;
		border-bottom:1px dotted #AAAAAA;
	}

	#co_logo {
		float:left;
		position:relative;
		margin:0 15px 0 0;
	}

	#marketing_text {
		background-color:#FCEC71;
		padding:0 10px;
		width:150px;
		border-left:1px solid #D7C012;
		border-right:1px solid #D7C012;
	}

	#press_section #article #description {
		position:relative;
		float:left;
		width:316px;
	}

	#co_logo {
		position:relative;
		float:left; 
		width:140px;
	}

	#sub {
		font-size:16px; 
		margin:0 0 0 0; 
		color:#EA2E7F;
	}

	#small_snd_buttons {
		margin:-10px 0 0 0;
		padding:0 0 0 10px;
	}

	#top a:link, #top a:visited, #top a:active {
		font-size:12px; 
		color:#1FA8DE; 
		line-height:150%;
	}

	#list #item a:link, 
	#list #item a:visited, 				
	#list #item a:active {
		text-decoration:none; 
		color:#677CA1;
		line-height:150%;
		}

	#list #item a:hover {
		text-decoration:underline;
	}

	#message, #giver {
		width:139px;
	}

	#loading_ani {
		margin:10px 0;
		text-align:center;
	}
	
	#cat_item {
		padding:2px 0 2px 10px;
		border-bottom:1px dashed #CCCCCC;
	}
	
	#pagination_top a:link,
	#mogreet_item_list a:link,
	#pagination_top a:active,
	#mogreet_item_list a:active,
	#pagination_top a:visited,
	#mogreet_item_list a:visited {
		color:#677CA1;
	}	
	
#back_to_top, .back_to_top {
	border-top:1px solid #CCCCCC;
	clear:both;
	padding:5px 0 0;
	text-align:right;
	width:99%;
	margin:5px 0 0;
}

#std_msg {
	margin:0 0 10px;
	font-size:12px;
	line-height:130%;
}

.job_description {
	margin:10px 0 10px 30px;
	padding:10px 0 0 10px;
	border-top:3px solid #CCCCCC;
}

#article {
	clear:both;
}

#press_thumb {
    float: left; 
	position: relative; 
	width: 140px;
}

#press_detail {
	float: left; 
	position: relative; 
	width: 316px;
}