/*Mogreet, Inc
December 15, 2008
Affinity Page CSS Layout
*/
body {	
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	background:#000000 url(http://d2c.bandcon.mogreet.com/12rounds/images/bg.jpg) repeat-x;
	color:#333;
	padding:0;
	margin:0;
}

#container {
	height:100%;
	width:1024px;
	margin:0 auto;
	padding:0;
}

img {
	border:0;
	}
	
img,div { 
	behavior: url(images/iepngfix.htc) 
	}

#left {
	float:left;
	overflow:hidden;
	height:700px;
	position:relative;
	width:880px;
}

#ad {
	float:right;	
	width:122px;	
	height:602px;	
	background-color:#DDD;
	margin:89px 0 0 0;
	display:none;
}

#header{
	overflow:hidden;
	margin:0 0 0 0;
	height:108px;
	padding:0 0 0 5px;
}

#header #logo {
	float:left;
}

#header #marketing_msg {
	float:right;
}

#playlist_1, #playlist_2, #playlist_3 {
	padding:0 0 10px 0;
	width:270px;
}

#content #col1,
#content #col2,
#content #col3 {
	position:relative;
	float:left;
}

#content #col2 {
	width:320px;
}

#item_0, 
#item_1, 
#item_2, 
#item_3, 
#item_4, 
#item_5,
#item_6,
#item_7,
#item_8,
#item_9,
#item_10,
#item_11,
#item_12,
#item_13,
#item_14,
#item_15 {
	overflow:auto;
	cursor:pointer;
	min-height:82px;
}

#thumb {
	background:url(http://d2c.bandcon.mogreet.com/12rounds/images/bg_thumb.png) no-repeat;
	float:left;
	margin:0 5px 0 0;
	padding:6px;
	position:relative;
	background-repeat:none;
	width:74px;
	}

#desc {
	margin:6px 0 0 0;
	float:left;
	width: 170px;
	position:relative;
}

#screen {
	height:240px;
	width:320px;
	background-color:#000;
	}

#send {
	background:url(http://d2c.bandcon.mogreet.com/12rounds/images/bg_send.jpg) bottom left #FFF;
	background-repeat:repeat-x;
	border:1px solid #e4e4e4;
	padding:10px;
	width:248px;
	margin:0 0 0 10px;
	min-height:437px;
}

#from_first_phone, #from_second_phone,
#to_first_phone, #to_second_phone {
	width:32px;
	font-family:sans-serif;
	font-size:12px;
	margin:0 0 -4px;
	padding:3px;
}

#to_third_phone, 
#from_third_phone {
	width:38px;
	font-family:sans-serif;
	font-size:12px;
	margin:0 0 -4px;
	padding:3px;
} 

#giver, #message, #promo {
	width:140px;
	font-family:sans-serif;
	font-size:12px;
	margin:0 0 -4px;
	padding:3px;
}

#footer {	
	margin:10px 0 20px 0;	
	text-align:center;	
	color:#333333;
	clear:both;
}

#carriers {
	overflow:hidden;
	margin:0 0 10px 0;
	text-align:center;
}

#carrier_logo {
	float:left;
}

#footer #links {
	font-size:11px;
	text-align:center;
}

#std {
	font-size:10px; 
	margin:10px 0 0 0;
	}

#carrier_logo {
	margin:0 10px;
	}

.sub {
	font-size:10px; 
	line-height:80%;
	}

#affinity_mktng {
	background-color:#000000;
	height:209px;
	margin:10px 0 0;
	padding:10px 0 0;
	text-align:center;
	}

#text { 			
	height:118px;
	}

#text a:link, #text a:active, #text a:visited {
	line-height:180%;
	font-size:17px;
	}

#text a:hover {
	color:#5f6678;
	}

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

.error {
	border:1px solid #FF0000;
	background-color:#FFDDDD;
}

#tooltip_from {
	background:transparent url(http://d2c.bandcon.mogreet.com/12rounds/images/tooltip_from_bg.png) no-repeat scroll 0 0;
	cursor:pointer;
	height:83px;
	margin:-14px 0 0 -87px;
	padding:10px 40px 10px 10px;
	position:absolute;
	width:113px;
	z-index:5;
}

#tooltip_to {
	background:transparent url(http://d2c.bandcon.mogreet.com/12rounds/images/tooltip_to_bg.png) no-repeat scroll 0 0;
	cursor:pointer;
	height:145px;
	margin:-46px 0 0 -87px;
	padding:10px 40px 10px 10px;
	position:absolute;
	width:113px;
	z-index:3;
}

#graphic {
	background:transparent url(http://d2c.bandcon.mogreet.com/12rounds/images/graphic_winter.gif) no-repeat scroll 0 0;
	height:622px;
	margin:-68px 0 0 597px;
	position:absolute;
	width:436px;
	z-index:3;
}

/*phone compatibility*/
.manufacturer {
	border:1px solid #CCCCCC;
    clear:both;
    float:left;  
    margin:0;
    padding:5px;
    position:relative;
    width:98%;
	margin:5px 0;
}

.manufacturer h2 {
	background:#333333 none repeat scroll 0 0;
	border-bottom:2px solid #333333;
	color:#FFFFFF;
	font-family:"Lucida Grande";
	font-size:16px;
	margin:0 0 5px;
	padding:0 10px;
}

#back_to_top {
	clear:both;
	padding:3px 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;
}

#phone_content {
	position: relative;
	overflow:auto;
	width:100%; 
}

/*HTML pages*/
.title3, #press_title {
	font-size:15px;
	color:#0094bf;
	font-family:"Lucida Grande";
	letter-spacing:-1px;
}

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

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

.form_correct {
	background-color:#c5f1c6;
	border:1px solid #307c1f;
	color:#000;
	margin:0 10px 10px 0;
	padding:8px;
	font-size:10px;
}

textarea {
	resize:none;
}

#wrap {
	background:transparent url(http://d2c.bandcon.mogreet.com/12rounds/images/bg_pick.png) no-repeat scroll left top;
	height:27px;
	margin:-17px 0 0 0;
	padding:14px 0 0;
}

#pick_play_send {
	height:10px;
	margin:0 0 5px 0;
	display:none;
}

/* for IE */
* html #pick_play_send { height:5px;}

#send .h2 {
	color:#000000;
}

#footer_content{
	padding:15px;
	background:#CCCCCC;
	}

#white_bg {
	background:#FFFFFF; 
	margin:0; 
	padding:15px 375px 15px 15px;
	width:600px;
	overflow:hidden;
}