/* =Structure
---------------------------------------------------------------------------------------------------- */


* { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: Arial, Helvetica, sans-serif;
}


body
{
	background: #b0e9f2 url(../../images2/prelogin/body-bg.jpg) repeat-x top center;
	color: #000;
	font-size: 12px;
	margin-bottom:10px;
}


 div#container {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 978px;
	display: 
    }

	
/* =Header
---------------------------------------------------------------------------------------------------- */	
#header {
	background: #fff url(../../images2/prelogin/header/header-bg.jpg) repeat-y top left;
	text-align: left;
	color: #000;
	font-weight: normal;
	width: 978px;
	border-bottom:1px solid #fff;
	font-size: 11px;
	}
	
#header-left {
	float: left;
	text-align: left;
	padding-left:46px;
	padding-top:9px;
	}
	
#header-right {
	float: right;
	text-align: left;
	padding-top:5px;
	}
	
#header-right a { 
	padding: 0px 5px 0px 15px;
	background: transparent url(../../images2/prelogin/pointers/arrow-black.gif) no-repeat center left;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#header-right a:hover { 
	text-decoration: underline;
}

#header-form-login {
	width: 415px;
	height: 38px;
	background: url(../../images2/prelogin/header/header-form-login-bg.jpg) no-repeat left top;
	display: block;
	clear: both;
	margin-bottom:2px;
	margin-top:3px;
	}	
	
#header-form-login label {
	float: left;
	margin-left:10px;
	margin-top:12px;
	}	
	
#header-form-login input{
	float:left;
	height:22px;
	width:120px;
	padding:8px 0px 0px 5px;
	margin:3px 3px 0px 3px;
	border:none;
	font-size: 11px;
	background:url(../../images2/prelogin/header/search-input.jpg) left no-repeat;
	color:#000;
}

	
#header-form-login img.loginButton{
	float:left;
	height:31px;
	width:31px;
	padding:0px 0px 0px 0px;
	margin:4px 0px 0px 0px;
	border:none;
	cursor:pointer;
}

div#header-links a,
div#header-links a:link,
div#header-links a:visited 	
{ 
color: #fff;
text-decoration: none;
padding-right:5px;
padding-left:5px;
 } 

div#header-links a:hover
{ 
color: #fff;
text-decoration: underline;
padding-right:5px;
padding-left:5px;
} 

.loginErrorText {
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	color: #FF0000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: right;
	font-weight: bold;
}

.placeStatCounter {
	position: absolute;
	visibility: hidden;
	z-index: 1;
	top: 100px;
	right: 100px;
}

/* =Content Wrap
---------------------------------------------------------------------------------------------------- */

#content-wrap {

	background: #f1f1f1 url(../../images2/prelogin/content-bg.jpg) no-repeat top left;
	width:978px;
	border-top: 1px solid #fff;
}

/* =Main Pages for 4 columns
---------------------------------------------------------------------------------------------------- */

#mainpage-content-wrap {
	background: #fff;
	width:978px;
	border-top: 1px solid #fff;
	padding-bottom:5px;
	font-size: 11px;
}


#mainpage-content-wrap .mainpage-banner {
	width:978px;
}

.mainpage-columns {
	background: #fff url(../../images2/prelogin/mainpage-columns-bg2.gif) repeat-y top left;
}

.mainpage-column-cell-1, .mainpage-column-cell-2, .mainpage-column-cell-3, .mainpage-column-cell-4 {
	float: left;
	width: 226px;
}

.mainpage-column-cell-1 {
padding-left:19px;
}

.mainpage-column-cell-2 {
padding-left:11px;
}

.mainpage-column-cell-3 {
padding-left:12px;
}

.mainpage-column-cell-4 {
padding-left:12px;
}

.mainpage-column-cell-1 h2, 
.mainpage-column-cell-2 h2, 
.mainpage-column-cell-3 h2, 
.mainpage-column-cell-4 h2 {
	background: #fff url(../../images2/prelogin/mainpage-columns-heading.jpg) no-repeat top left;
	padding: 5px 10px 10px 30px;
	font-size:	20px;
	font-weight:bold;
	color: #88be27;
}

.mainpage-column-cell-1 h2 a, 
.mainpage-column-cell-2 h2 a, 
.mainpage-column-cell-3 h2 a, 
.mainpage-column-cell-4 h2 a {
	font-size:	20px;
	font-weight:bold;
	color: #88be27;
	text-decoration: none;
}

.mainpage-column-cell-1 h2 a:hover, 
.mainpage-column-cell-2 h2 a:hover, 
.mainpage-column-cell-3 h2 a:hover, 
.mainpage-column-cell-4 h2 a:hover {
	font-size:	20px;
	font-weight:bold;
	text-decoration: underline;
	color: #ca0325;
}

.mainpage-column-cell-1 .padding, 
.mainpage-column-cell-2 .padding, 
.mainpage-column-cell-3 .padding, 
.mainpage-column-cell-4 .padding {
	font-size:	11px;
padding: 5px 8px 5px 8px;
}


.mainpage-column-cell-1 h3, 
.mainpage-column-cell-2 h3, 
.mainpage-column-cell-3 h3, 
.mainpage-column-cell-4 h3,
.mainpage-column-cell-1 h3 a, 
.mainpage-column-cell-2 h3 a, 
.mainpage-column-cell-3 h3 a, 
.mainpage-column-cell-4 h3 a {
	font-size:	16px;
	font-weight:normal;
	color: #000;
	text-decoration: none;
}

.mainpage-column-cell-1 h3 a:hover, 
.mainpage-column-cell-2 h3 a:hover, 
.mainpage-column-cell-3 h3 a:hover, 
.mainpage-column-cell-4 h3 a:hover {
	font-size:	16px;
	font-weight:normal;
	color: #ca0325;
	text-decoration: underline;
}


/* =List of phones on main pages */
.mainpage-column-phone-list {
width: 200px;
}

.mainpage-column-phone-list .phone-list-image {
float: left;
text-align:left;
padding: 5px;
width:40px;
}

.mainpage-column-phone-list .phone-list-text {
float: left;
text-align:left;
padding: 30px 5px 5px 15px;
width: 110px;
}

/* =List of cool Content */

.mainpage-column-cool-content {
width: 210px;
padding-top:12px;
}

.mainpage-column-cool-content .cool-content-icon {
float: left;
text-align:left;
padding: 0px;
width:40px;
padding: 0px 10px 0px 0px;
}

.mainpage-column-cool-content .cool-content-text {
float: left;
text-align:left;
padding: 0px 0px 0px 0px;
width: 150px;
}

.cool-content-text h3 {
padding:0;
margin:0;
}

.cool-content-text p {
padding:0;
margin:0;
}

/* =Side Bar
---------------------------------------------------------------------------------------------------- */

#sidebar {
	float:left;
	width: 226px;
	text-align:left;
	margin-top:5px;
	margin-bottom:15px;
	font-size: 12px;
}

#sidebar .padding {
padding: 20px 10px 10px 10px;
}

/* =Content and Content Blocks
---------------------------------------------------------------------------------------------------- */

#content {
	float:left;
	width: 728px;
	text-align:left;
	margin-top:10px;
	margin-bottom:5px;
}

#content .content-banner {
width: 728px;
padding:0;
margin-bottom:5px;
}

#content .content-banner img {
padding:0;
margin: 0;
}

.content-block {
background-color: #fff;
width: 728px;
padding:0;
margin-bottom:5px;
}

.content-block .padding {
padding: 10px 10px 10px 10px;
}

/* =Content with a heading and copy */

.content-block .heading {
float: left;
width:208px;
}

.content-block .copy {
float: left;
width:520px;
}

.content-block .heading .padding,
.content-block .copy .padding {
padding: 10px 10px 10px 10px;
}


/* =Content for News pages */

.content-block .news-date {
float: left;
width:154px;
font-weight: bold;
}


.content-block .news-source {
float: left;
width:154px;
font-style: italic;
}

.content-block .news-copy {
float: left;
width:420px;
}

.content-block .news-date .padding,
.content-block .news-source .padding,
.content-block .news-copy .padding {
padding: 10px 10px 10px 10px;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */

#footer {
	width:978px;
	text-align:right;
	font-size: 11px;
	color: #5b5b5b;
}


div#footer ul 	
{ 
	margin: 0;
	padding: 5px 5px 5px 226px;
	list-style: none;
	float: left;
 } 
 
/* =Footer for main pages */ 

#mainpage-content-wrap div#footer ul 	
{ 
	margin: 0;
	padding: 5px 5px 5px 19px;
	list-style: none;
	float: left;
 } 
 
 div#footer ul li	
{ 
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
 } 

div#footer ul li a	
{ 
color: #5b5b5b;
text-decoration: none;
padding-right:5px;
padding-left:5px;
 } 

div#footer ul li a:hover
{ 
color: #ca0325;
text-decoration: underline;
} 

/* =Text Styles
---------------------------------------------------------------------------------------------------- */
	
h1, h2, h3,h4 {
	padding-top: 6px;
	padding-bottom:6px;
}


h1 { 
	font-size: 18px;
	font-weight: bold;
	color: #00acd8;
}

#sidebar h1 {
	font-size: 24px;
	font-weight: normal;
}


h1.sidebar-heading-mobile-user {
color: #00acd8;
}

h1.sidebar-heading-service-provider {
color: #ea8a17;
}

h1.sidebar-heading-content-provider {
color: #cf31a2;
}

h1.sidebar-heading-application-developers {
color: #88be27;
}

h1.sidebar-heading-media-analysts{
color: #ca0325;
}


h2 { 
	color: #000;
	font-size: 16px;
	font-weight: bold;
}


	
h3 { 
	color: #000;
	font-size: 15px;
	font-weight: bold;
}



h4 {
	color: #000;
	font-size: 13px;
	font-weight: bold;
}


p,
#content p,
#mainpage-content-wrap p {
	padding-top: 6px;
	padding-bottom: 6px;
}

#content p {
line-height: 16px;
}


ul,
.content-block ul {
	list-style-type: 	disc;
	font-weight:			normal;
	font-style:				normal;
	margin-left: 			15px;
	padding: 5px 0 10px 15px;
} 

/* =Lists with cutom pointers */ 

ul.lists_greenArrow,
ul.lists_blueArrow,
.content-block ul.lists_greenArrow,
.content-block ul.lists_blueArrow  {
	list-style-type: none;
	font-weight:			normal;
	font-style:				normal;
	margin-left: 			0px;
	padding:0;
} 

ul.lists_greenArrow li,
.content-block ul.lists_greenArrow li {
	background: url(../../images2/prelogin/pointers/list-arrow-green.gif) no-repeat  0px 9px;
	margin:0;
	padding: 0px 0 5px 15px;
} 

ul.lists_blueArrow li,
.content-block ul.lists_blueArrow li {
	background: url(../../images2/prelogin/pointers/list-arrow-blue.gif) no-repeat  0px 9px;
	margin:0;
	padding: 0px 0 5px 15px;
} 


ul.mainpage-cool-content {
list-style: none; 
margin-left: 0px;
padding:0;
}

ul.mainpage-cool-content li {
margin:0; 
padding: 6px 0 6px 50px;
}

ul.mainpage-cool-content li.icon-martini {
background: url(../../images2/prelogin/icon-martini.jpg) no-repeat 0px 10px;
}

ul.mainpage-cool-content li.icon-city {
background: url(../../images2/prelogin/icon-city.jpg) no-repeat 0px 10px;

}

ul.mainpage-cool-content li.icon-moneybag {
background: url(../../images2/prelogin/icon-moneybag.jpg) no-repeat 0px 10px;

}



/* =Sidebar list using a dash as a pointer */ 

#sidebar ul {
list-style-type: none;
	font-weight:			normal;
	font-style:				normal;
	margin-left: 			0px;
	padding:0;
}

#sidebar ul li {
	background: url(../../images2/prelogin/pointers/list-dash.gif) no-repeat 0px 8px;
	margin:0;
	padding: 0px 0 0px 10px;
}

#sidebar ul li a {
color: #585858;
text-decoration: none;
}

#sidebar ul li a:hover {
color: #000;
text-decoration: none;
}



ol,
.content-block ol {
	font-weight:			normal;
	font-style:				normal;
	margin-left: 			15px;
	padding: 5px 0 10px 15px;
} 

/* =Link Styles
---------------------------------------------------------------------------------------------------- */

a,
a:link,
a:visited{
	color: #00acd8;
	text-decoration:	none;
outline: none; 
}
	
a:hover {
	color: #ca0325;
	text-decoration:	underline;
outline: none; 
}

/* =Links with a pointer */ 

a.link_greenArrow { 
	padding-left:15px;
	background: transparent url(../../images2/prelogin/pointers/arrow-green.gif) no-repeat center left;
	font-weight: normal;
	text-decoration: none;
	color: #88be27;
}

a.link_greenArrow:hover { 
	padding-left:15px;
	background: transparent url(../../images2/prelogin/pointers/arrow-green.gif) no-repeat center left;
	font-weight: normal;
	text-decoration: underline;
	color: #ca0325;
}

a.link_blueArrow { 
	padding-left:15px;
	background: transparent url(../../images2/prelogin/pointers/arrow-blue.gif) no-repeat center left;
	font-weight: normal;
	text-decoration: none;
	color: #00acd8;
}

a.link_blueArrow:hover { 
	padding-left:15px;
	background: transparent url(../../images2/prelogin/pointers/arrow-blue.gif) no-repeat center left;
	font-weight: normal;
	text-decoration: underline;
	color: #ca0325;
}

a img {
border: none;
outline: none;
}



/* =Generic Text/Image Treatments and Alignments
---------------------------------------------------------------------------------------------------- */
	
strong { font-weight: bold; }
b { font-weight: bold;}
i { font-style: italic; }
.bold{ font-weight: bold;}
.italic{ font-style: italic; }
.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.textalign-left {text-align:left;	}
.textalign-right {text-align:right;	}
.textalign-center {	text-align:center;	}
.float-left {float:left;	}
.float-right {float:right;	}

.image-float-left {float:left; margin: 5px 5px 5px 0px; }
.image-float-right {float:right; margin: 5px 0px 5px 5px;}


.disclaimer,
.footnote,
.text-small {
	font-size: 10px;
}

.text-blue {
color: #00acd8;
}

.text-green {
color: #88be27;
}

.text-red {
color: #ca0325;
}

.text-orange {
color: #ea8a17;
}

.text-purple {
color: #cf31a2;
}

/* =Lines
---------------------------------------------------------------------------------------------------- */

hr {
	color: #5b5b5b;
	background-color: #5b5b5b;
	border: 0;
	height: 1px;
	margin: 12px 0 12px 0;
} 


/* =Spacing and Clearing Styles
---------------------------------------------------------------------------------------------------- */		


.singleLineBreak {
	margin:0;
	padding:0;
	}
	
.marginZero {
	margin:0;
	padding:0;
	}


			
.spacer,
.clear {
	clear: both;
	margin:0; 
	padding:0;
}

.padding {
	padding: 5px;
	}
	
/* =Tables
---------------------------------------------------------------------------------------------------- */			

table  {
border-top: 1px solid #000;
border-left: 1px solid #000;
margin-top:10px;
margin-bottom:10px;
}

table th{
padding: 5px;
font-weight: bold;
vertical-align: top;
text-align: left;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

table td{
padding: 5px;
font-weight: normal;
vertical-align: top;
text-align: left;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

/* =Table of Supported Mobile Phones  */		

.tbl_supportedMobilePhones  {
border: none;
}

.tbl_supportedMobilePhones td {
padding: 5px 5px 5px 0px;
font-weight: normal;
vertical-align: top;
text-align: center;
border: none;
}

/* =Table of sms codes on FAQ page  */	
	
.tbl_faq_smsCodes th {
padding: 5px;
font-weight: bold;
vertical-align: top;
text-align: left;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

.tbl_faq_smsCodes td {
padding: 5px;
font-weight: normal;
vertical-align: top;
text-align: left;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

/* =Table of pepper legend on FAQ page  */	

.tbl_faq_applicationMenuPepperLegend td {
padding: 5px;
font-weight: normal;
vertical-align: top;
text-align: left;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

/* =Table of registration acknowledgement page  */

.tbl_reg_acknowledgment {
	border: none;
	padding: 1px;
}

.tbl_reg_acknowledgment td {
	border-bottom: none;
	border-right: none;
	padding: 1px;
}

#CreateSub table{
	border-left: none;
	border-top: none;
	margin-bottom: 0px;
	margin-top: 0px;
}

#CreateSub table td {
	border-bottom: none;
	border-right: none;
	padding: 1px;

}

#confirm table {
	border-left: none;
	border-top: none;
	margin-bottom: 0px;
	margin-top: 0px;
}

#confirm table td {
	border-bottom: none;
	border-right: none;
	padding: 1px;

}

#passwordReset table {
	border-left: none;
	border-top: none;
	margin-bottom: 0px;
	margin-top: 0px;
}

#passwordReset table td {
	border-bottom: none;
	border-right: none;
	padding: 1px;

}

#loginRetry table {
	border-left: none;
	border-top: none;
	margin-bottom: 0px;
	margin-top: 0px;
}

#loginRetry table td {
	border-bottom: none;
	border-right: none;
	padding: 1px;

}