@import url(common/default.css);

/*
Styles for index (home) page
*/

#index_content h2 { margin-top: 0; }

#index_content .step
{
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 46px;
	clear: both;
}

#index_content .step p
{
	font-size: 15px;
	margin: 0;
	padding-top: 8px;
}

#index_content #step1
{
	background-image: url(../images/gui/index_step1.png);
	padding-bottom: 1.9em;
}

#index_content #step2
{
	background-image: url(../images/gui/index_step2.png);
	padding-bottom: 2.4em;
}

#index_content #step3
{
	background-image: url(../images/gui/index_step3.png);
	height: 48px;
	/*special alignement button moved up*/
	background-position: 2px 14px;
	position: relative;
	top: -12px;
}

/*
Fields
*/

#index_content input,#index_content select { border: 1px solid #888; }

#index_content .steplabel
{
	display: block;
	padding-bottom: 0.4em;
}

/*select country*/
.selcountlabelfield
{
	display: block;
	width: 15em;
	margin-bottom: 0.2em;
}

.selcountlabelfield label { display: none; }
.selcountlabelfield select { width: 100%; }

/*country code*/
.ccodelabelfield
{
	display: block;
	float: left;
	width: 3.5em;
}

.ccodelabelfield input { width: 85%; }

.ccodelabelfield label
{
	display: block;
	font-size: 10px;
	color: #aaa;
}

/*phone number*/
.phonelabelfield
{
	display: block;
	float: left;
	width: 11.5em;
	/*adjust for border*/
	position: relative;
	left: -2px;
}

.phonelabelfield input { width: 100%; }

.phonelabelfield label
{
	display: block;
	font-size: 10px;
	color: #aaa;
}

.locationnotice 
{
	/* display: block; */
	font-size: 10px;
	color: #aaa;
}

/*
Tagline and caption
*/

#promo_info
{
	/*pos:rel so #tagline can be pos:abs below*/
	position: relative;
}

#promo_caption
{
	position: relative;
	left: -170px;
	top: 20px;
	width: 29em;
}

#promo_caption strong
{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
}

#tagline
{
	position: absolute;
	left: 250px;
	top: 10px;
	width: 298px;
	height: 76px;
	margin: 0;
	padding: 0;
	background-image: url(../images/gui/tagline_now_youre_talkn_1.png);
	background-repeat: no-repeat;
}

#tagline span { visibility: hidden; }