/*Mobile Messenger Landing Page CSS v3.0 
Compatible with latest Firefox, IE 5.5 - 7.0*/

html, body {
	margin:0px;
	padding:0px;
	text-align:center;
	background: #010202 url(images/bg.jpg) repeat-x;
	height: 100%;
	font: 100%/1.25 Arial, Helvetica, sans-serif;
	color:#f0e2ab;
}

a {cursor: pointer; cursor: hand;}

#wrapper {
	width: 900px;
	margin: 0px auto 0px auto;
	text-align:left;
}

#header {
	width:100%;
	height:264px;
	background: url(images/header.jpg) no-repeat top left;
	}

#pricing {
	width: 900px;
	height: 20px;
	padding: 120px 0px 0px 0px;
	text-align:center;
	font-size: 16px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

#maincontent {
	width:799px;
	margin-left:50px;
	background:#462222 url(images/mainbg.jpg) repeat-x;
	height:570px;
	text-align:left;
	}
	
#column {
	width: 53px;
	height:535px;
}


.leftside {
	float: left;
	background:url(images/leftcol2.png) repeat-y;
	background-position:60% 50%;
	clear:left;
	}
.rightside {
	float: right;
	background:url(images/rightcol2.png) repeat-y;
	clear:right;
	background-position:60% 50%;
	}
/*
for short page
.leftside {
	float: left;
	background:url(images/leftcol.png) no-repeat;
	clear:left;
	}
.rightside {
	float: right;
	background:url(images/rightcol.png) no-repeat;
	clear:right;
	}*/
	
	
#sub {
	width: 145px;
	height:60px;
}
.subl{
	float: left;
	background:url(images/subhead1.png) no-repeat top left;
	}
.subr {
	float: right;
	background:url(images/subhead2.png) no-repeat top left;
	}
	
.clear {
	clear:both;
	}
	
#cta {
	position:absolute;
	width:715px;
	height:475px;
	margin-left:40px;
	padding-top:5px;
	/*margin:0px 0px 0px -95px;*/
	text-align:center;
	z-index:200;
	
	}
	
#cta p.step {
	font:30px/20px bold Georgia, "Times New Roman", Times, serif;
	padding:0px;
	margin:0px 0px 15px 0px;
	}
	
.smallcaps {
	font-variant: small-caps;
	font-weight:bold;
	font-size:26px;
	}
	
.small {
	font-size:26px;
	}

#genderbtns img {
	margin:0px 20px 0px 20px;
	}
	
/*thumbnail tableless layout*/
#thumbnails {
	margin: 0px 75px 0px 75px;
	/*text-align:left;*/
}

#thumbnails2 {
	margin: 0px 0px 0px 100px;
	text-align:left;
}

#thumbnails ul, #thumbnails2 ul {
	margin: 0px;
	padding: 0px;
}

#thumbnails li, #thumbnails2 li {
	list-style-type: none;
	display: inline-block;
	width:85px;
	text-align:center;
	/*Firefox 2.0 support*/
	vertical-align: top;	
	display: -moz-inline-stack;
	/*IE support - trigger Layout and hack to get ie only to follow last property*/
	zoom: 1;
	*display: inline;
	}

#thumbnails li img, #thumbnails2 li img {
	/*eliminates gap below images in FF*/
	vertical-align: bottom;
	margin:0px 13px;
}

/*captions for star sign names*/
/*captions for star sign names*/
#thumbnails li p{
	text-align: center;
	color: white;
	margin:0px 0px 10px 0px;
	font-size: 0.55em;
	line-height:1.0em;
	}
	
#thumbnails li p strong {
	font-size: 1.4em;
	line-height:1.0em;
	font-weight:bold;
	text-transform:uppercase;
	}

/*keeps browsers from reading whitespace in HTML*/
#thumbnails ul, li, li a, #thumbnails2 ul, li, li a { vertical-align:bottom;}

.clear {
	clear:both;
	}
	

#thumbnails2 li img {
	/*eliminates gap below images in FF*/
	vertical-align: bottom;
	margin:20px 18px 0px 18px;
}

/*captions for star sign names*/
#thumbnails2 li p {
	width: 90px;
	text-align: center;
	float: left;
	/*for IE double margin*/
	display:inline;
	margin: 0px 19px 7px 19px;
	padding: 0px 0px 2px 0px;
	font:14px/15px Arial, Helvetica, sans-serif;
}
/*Form elements*/	
p.tc{
	padding-top:5px;
	margin:0px;
	color:#FFFFFF;
	font: normal 11px/12px Arial, Helvetica, sans-serif;
}
p.tc a:link, p.tc a:hover, p.tc a:visited {
	/*regular text color defined in body and a*/
	color:#FFFFFF;
}
/*style input text and remove browser default styles*/
input, form, select {
	padding:0px;
	margin:0px;
	color:black;
	text-align:center;
	font-size:30px;
}
#inputherder {
	margin: 30px 0px 20px 0px;
	height:80px;
}
#button {
	text-align:center;
	margin:20px 0px 0px 0px;
}

#stars {
	width: 671px;
	height: 224px;
	margin: -100px 0px 0px 130px;
	text-align:center;
}
/*Links links*/
a {
	color: white;
}
a:hover {
	text-decoration: none;
}

p {
	font-size:16px;
	padding:0px;
	margin:0px;
	}
/*US campaigns only*/
.mintext {
	font-size:13px;
	color:white;
	font-weight:normal;
}
#error {
	text-align:center;
	color:white;
	font-weight:bold;
	font-size:10pt;
	margin:0px;
	padding:0px;
}
	
#error p {
	font-weight:bold;
	font-size:10pt;
	margin:0px;
	padding:0px;
}
	
/*yeah this is dumb*/
#sumterms {
	position:absolute;
	color: white;
	width:700px;
	height:200px;
	overflow:hidden;
	text-align:justify;
	margin:280px 0px 0px 50px;
	font-size: 12px;
	line-height:13px;
	z-index:200;
}


/* Full Terms Page Defs*/
#termwrapper {
	margin: 0px 10px 0px 10px;
	text-align: left;
	padding: 10px;
	background-color: #d7d7d7;
	color: #000000;
}

#termwrapper a:link, #termwrapper a:hover, #termwrapper a:visited {
	color:blue;
	}
h1 {
	font-size: 1.0em;
	padding: 0px;
	margin: 0px;
}
h2 {
	font-size: 0.7em;
	padding: 0px;
	margin: 0px;
}
h3 {
	font-size: 0.8em;
	padding: 0px;
	margin: 0px;
}
#termwrapper p {
	font-size: 0.7em;
	margin-bottom:1.2em;
}