/*************************************************
/
/	OLM Site Common Styles
/
/*************************************************/

@import url(basic.css);

body, html, form, fieldset
{
	margin: 0;
	padding: 0;
	font-size: 69%;
	line-height: 1.5em;
}

html, form, fieldset
{
	font-size: 100%;
}

html{
	height: 100%;
	margin-bottom: 1px;
}

body{
	background-color: #121a2d;
	height: 100%;
	text-align: center;
}

a{
	text-indent: -9999px;
	outline: none;
}

#container{
	background: url(images/bg.jpg) no-repeat;
	width: 1024px;
	height: 625px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
#signup{
	position: absolute;
	top: 0;
	left: 664px;
	width: 360px;
	height: 92px;
	background: url(images/bg_signup.jpg) no-repeat;
}

#signup input{	
	height: 15px;
	border: 0;
	background: transparent;
	line-height: 11px;
	font-size: 10px;
}

#signup input#email{
	position: absolute;
	top: 44px;
	left: 205px;
	width: 112px;
}

#signup input#areaCode{
	position: absolute;
	top: 68px;
	left: 205px;
	width: 32px;
}

#signup input#prefix{
	position: absolute;
	top: 68px;
	left: 246px;
	width: 35px;
}

#signup input#suffix{
	position: absolute;
	top: 68px;
	left: 287px;
	width: 40px;
}

#signup #submit{
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 40px;
	left: 324px;
	cursor:pointer;
	outline-style:none;
}

#signup #mobilesubmit{
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 67px;
	left: 324px;
	cursor:pointer;
	outline-style:none;
}

#signupDone{
	position: absolute;
	top: 30px;
	left: 750px;
	width: 200px;
	height: 40px;
	color: #f1f2f3;
	font-size: 13px;
}

a#myspace{
	display: block;
	width: 78px;
	height: 15px;
	position: absolute;
	top: 68px;
	left: 439px;
}

a#facebook{
	display: block;
	width: 55px;
	height: 15px;
	position: absolute;
	top: 68px;
	left: 527px;
}

a#imeem{
	display: block;
	width: 50px;
	height: 15px;
	position: absolute;
	top: 68px;
	left: 588px;
}

#albumImage{
	border: 1px solid #fff;
	width: 244px;
	height: 242px;
	position: absolute;
	left: 45px;
	top: 207px;
}

a#itunes{
	display: block;
	width: 37px;
	height: 33px;
	position: absolute;
	top: 497px;
	left: 55px;
}

a#amazon{
	display: block;
	width: 80px;
	height: 33px;
	position: absolute;
	top: 497px;
	left: 106px;
}

a#rhapsody{
	display: block;
	width: 78px;
	height: 33px;
	position: absolute;
	top: 497px;
	left: 204px;
}

#ringtonesList{
	width: 250px;
	position: absolute;
	top: 168px;
	left: 347px;
}

#ringtonesList ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#ringtonesList li{
	display: block;
	float: left;
	clear: both;
	width: 250px;
	margin-bottom: 1px;
}

* html #ringtonesList li{
	margin-bottom: 5px;
}

*:first-child+html #ringtonesList li{
	margin-bottom: 5px;
}

#ringtonesList .serial{
	width: 20px;
	float: left;
	color: #121a2d;
}

#ringtonesList .name{
	width: 210px;
	float: left;
	color: #f1f2f3;
}

#ringtonesList .play{
	width: 18px;
	float: left;
}

#video{
	width: 318px;
	height: 320px;
	position: absolute;
	top: 133px;
	left: 667px;
}

#ringtonesLink{
	width: 318px;
	height: 76px;
	position: absolute;
	top: 466px;
	left: 668px;
}

#footer a{
	color:#fff;
	text-decoration:none;
	width:70px;
	position:absolute;
	top:580px;
	text-indent:0px;
}
#footer a:hover{
	text-decoration:underline;
}
#footer #privacy{
	left: 435px;
}
#footer #terms{
	left: 520px;
}
#footer #seperator{
	position:absolute;
	top:580px;
	left:505px;
	width:15px;
}