/*
Virgin Mobile Members' Area Welcome Stylesheet v1.00
Target: Screen
Author: Cactuslab
*/

#welcome { display: none; }

#message {
	float: right;
	margin-top: 11px;
	text-align: right;
	overflow: hidden;
}

#message-end {
	float: right;
	width: 10px;
	height: 25px;
	background: url("../img/welcome-end.png") no-repeat 0 0;
}

#message p {
	float: right;
	background: url("../img/welcome-bg.png") no-repeat 0 0;
	font: normal 1.5em/25px "Arial Rounded", "Helvetica Neue Rounded", "Helvetica Neue", Arial, sans-serif;
	font-style: italic;
	color: #fff;
	height: 25px;
	padding-left: 10px;
	/*padding-top: 4px;*/
}

/* Callout */
#callout {
	clear: right;
	position: relative;
	float: right;
	height: 64px;
	width: 384px;
	margin-top: 5px;
	text-align: left;
}

/* Twitter */
#twitter {
	clear: right;
	position: relative;
	float: right;
	width: 384px;
	margin-top: 5px;
	text-align: left;
}

#twitter .image {
	display: block;
	text-indent: -999em;
	overflow: hidden;
}

#twitter-list {
	display: none;
	overflow: visible;
	margin-top: 2px;
}

#twitter-list li {
	background: url("../img/twitter-icon.png") no-repeat 0 0;
	padding: 4px 0px 4px 30px;
	font: normal 1.2em/1.2 "Arial Rounded", "Helvetica Neue Rounded", "Helvetica Neue", Arial, sans-serif;
	font-style: italic;
	overflow: hidden;	
}

#twitter-list span {
	display: block;
	float: left;
	text-decoration: none;
	color: #fff;
	width: 335px;
}

#twitter-list span a { color: #2CABBE; }

#twitter-reveal {
	position: absolute;
	display: block;
	top: 4px;
	right: 4px;
	width: 17px;
	height: 18px;
	background: url("../img/twitter-reveal.png") no-repeat 0 0;
	overflow: hidden;
	cursor: pointer;
	z-index: 100;
}

#twitter-follow {
	margin: 6px 0 0 5px;
	width: 150px;
	height: 22px;
	background: url("../img/twitter-follow.png") no-repeat 0 0;
}

#twitter-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 384px;
	height: 12px;
	background: url("../img/twitter-top.png") no-repeat 0 0;
}

#twitter-mask {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

#twitter-bg-mask {
	position: absolute;
	left: 0;
	top: 12px;
	width: 384px;
	height: 12px;
	overflow: hidden;
}

#twitter-bg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 384px;
	height: 238px;
	background: url("../img/twitter-bg.png") no-repeat 0 0;
}