@charset "UTF-8";

/* Global Styles */

body {
	color: #FFFFFF;
	line-height: 1.45em;
	font-family: Futura;
	font-size: 12px;
	/* original background-color: #70b347; */
	background-color: #ffffff;
	width: 100%; 
}



.box {display: inline-block; text-align: center; padding: 0px 0px 0px 0px;}

span.bigtitles {text-align: left; color: #339900; font-size: 1.75em; font-weight: bold; }
span.table-titles {text-align: left; color: #339900; font-size: 1em; font-weight: bold; }
span.center-titles {text-align: center; color: #339900; font-size: 1em; font-weight: bold; }
span.headertext {text-align: left; color: #339900; font-size: 1.5em; line-height: 1.52em; font-weight: bold; }
span.headertext2 {text-align: left; color: #339900; font-size: 1.25em; font-weight: bold; }
span.feature {text-align: center; color: #000000; font-size: 1.25em; font-weight: bold; }
span.green {color: green; font-size: 1.75em; font-weight: bold; }
span.black {color: #000000; font-size: 1.00em; font-weight: bold; }
span.byline {color: #8c600a; font-size: 1.75em; line-height: 1.80em; font-weight: normal; font-family: handwriting, Comic sans MS;}
span.greenlink {color: green; text-decoration: none;}
span.linkinblack {color: #b1b1b1; text-decoration: none;}
span.h2blue {font-size: 11pt; font-weight: bold; font-family: Arial, Helvetica; color: #000000;

}




.page {
	max-width: 100%;
	margin: 0px auto;
	position: relative; 
}

/* use these for receipt page only - trying to override main portal styles */

h1 { color: #076c26; margin: 0em 0em .5em 0em; font-size: 2em; font-weight: normal; }
h2 { color: #076c26; font-size: 1.15em; margin: 0em 0em 0em 0em; }
h3 { color: #076c26; font-size: 1.15em; margin: 0em 0em 0em 0em; }
h4 { color: #076c26; font-size: 1.15em; margin: 0em 0em 0em 0em; }

p { margin: 0px 0px .75em 0px; color: #000000; }
a { color: #195b8d; }
a:hover { color: #028b29; }
a.cta {
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	margin: .5em 0 0 0;
	padding: 0px 12px 0px 0px;
	background: url(../images/cta_arrow.png) no-repeat right 0px;
}
a.cta:hover { background-position: right -50px; }

span.Net10blue {
margin-left: 0px; 
font-size: 1.35em;
line-height: 1.50em;
font-weight: bold; 
font-family: Arial, Helvetica;
color: #00adef;

}

span.TelcelBlue {
margin-left: 0px; 
font-size: 1.35em;
line-height: 1.50em;
font-weight: bold; 
font-family: Arial, Helvetica;
color: #00529b;

}

span.SafeLinkYellow {
margin-left: 0px; 
font-size: 1.35em;
line-height: 1.50em;
font-weight: bold; 
font-family: Arial, Helvetica;
color: #e4aa31;

}


.highlightit img{
border: 2px solid red;
}

.highlightit:hover img{
border: 2px solid green;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}

.promo h3 { font-size: 1.1em; margin: 0; }
.promo p { line-height: 1.1em; font-size: .9em; margin-bottom: .5em; }

.promo { border-width:0px; box-shadow: 7px 7px 5px #888; border-color:#5f5f5f;-moz-border-radius:3px;-webkit-border-radius:10px;border-radius:10px; background-repeat: no-repeat; /* background-size: 78px 53px; */ }

.promo.one { background-color: #FFFFFF; margin-right: 15px; padding-top: 3px; padding-bottom: 3px; }  /* these set white space between boxes for each blue column */
.promo.two {  background-color: #FFFFFF; margin-right: 15px; padding-top: 3px; padding-bottom: 3px; }
.promo.three { background-color: #FFFFFF; margin-right: 3px; padding-top: 3px; padding-bottom: 3px; }


.column h3 { font-size: 1.1em; margin: 0; }
.column p { line-height: 1.2em; font-size: .9em; margin-bottom: .5em; }

.column { background-repeat: no-repeat; /* background-size: 60px 60px; */ }

.column.one { background-color: #c4e0fb; margin-right: 10px; }
.column.two { background-color: #c4e0fb; margin-right: 10px;  }
.column.three { background-color: #c4e0fb; margin-right: 10px; }

p.column-content {padding-top: 5px; font-size: 1.1em; color: #5a737c; }

p.center {padding-top: 5px; font-size: 1.2em; color: #1a69b0; }

p.right-text {text-align: right; color: #00000; font-size: 1em; position: absolute; padding: 50 20 10 700; }

p.content {padding-top: 5px; padding-left: 20px; padding-right: 20px;  text-align: justify; color: #656161; font-size: 1.27em; line-height: 1.29em; font-family: arial; }

p.homecontent {padding-top: 5px; padding-left: 20px; padding-right: 20px;  text-align: justify; color: #656161; font-size: 1.25em; line-height: 1.26em; font-family: arial; }


p.justify {text-align: justify; color: #cccccc; font-size: 1em; line-height: 1.20em; font: arial; padding: 2px; 5px; 3px; 5px;}

p.contentcenter {text-align: center; color: #00000; font-size: 1.15em; font-family:arial, helvetica;  padding: 5px; 5px; 5px; 5px;}

p.contentleft {text-align: center; color: #00000; font-size: 1.25em; font-family:arial, helvetica;}

p.instructionsleft {text-align: left; color: #4c9b36; font-size: 1.55em; line-height: 1.45em; font-family: arial, helvetica; font-weight: bold; }

p.instructionscenter {text-align: center; color: #000000; font-size: 1.25em; line-height: 1.45em; font-family: arial, helvetica; font-weight: normal; }

p.titlecenter {text-align: center; color: #4c9b36; font-size: 1.25em; line-height: 1.45em; font-family: arial, helvetica; font-weight: bold; 

}
p.quote {text-align: left; color: #00000; font-size: 1.10em; line-height: 1.25em; padding-left: 5px; padding-right: 5px; 

}
#columncontainer { 
width: 100%; 
margin: 0 auto;
padding-top: 5px; 
padding-left: 10px; 
font-family: arial;
color: #000000;
font-size: 1.25em;
} 
#one, #two, #three, #four { 
background-color: #f0f0f0; 
float: left; 
text-align: left; 
margin: 5px; 
} 

#oneY, #twoY, #threeY, #fourY { 
background-color: #fadd29; 
float: left; 
text-align: left; 
margin: 5px; 
} 
#one { 
width: 22%; 
padding-left: 10px; 
padding-right: 5px; 
padding-top: 5px; 
} 

#oneY { 
width: 22%; 
padding-left: 10px; 
padding-right: 5px; 
padding-top: 5px; 
} 

#two { 
width: 22%; 
padding-left: 5px; 
padding-right: 5px; 
padding-top: 5px; 
} 

#twoY { 
width: 22%; 
padding-left: 5px; 
padding-right: 5px; 
padding-top: 5px; 
} 

#three { 
width: 22%; 
padding-left: 5px; 
padding-right: 5px; 
padding-top: 5px; 
} 

#threeY { 
width: 22%; 
padding-left: 5px; 
padding-right: 5px; 
padding-top: 5px; 
} 

#four { 
width: 22%; 
padding-left: 5px; 
padding-right: 7px; 
padding-top: 5px; 
} 

#fourY { 
width: 22%; 
padding-left: 5px; 
padding-right: 7px; 
padding-top: 5px; 
} 



div.leftbox{
    float: left;
    background-color: #FFFFFF;
    position: relative;
     width: 67%; 
    
} 

div.leftboxcontent {
    background-color: #ffffff; 
    padding-left: 30px;
    float: left;

   
}

div.centerboxcontent {
    background-color: #ffffff; 
    padding-left: 30px;
 	padding-right: 30px; 
    float: left;

   
}
div.rightbox {
    float: right;
    background-color: #FFFFFF;
    position: relative; 
     width: 25%;
    padding-right: 35px; 

}  
div.rightboxcontent {
    background-color: #ffffff; 
    float: right;
    

} 
   
.cell_1_image {
padding-right: 8px;
padding-top: 0px;
float: left;
width: 108px;
background-color: #ffffff;
}

.image-left {
	 float: left; 
	 margin: 3px 10px 3px 3px; 
}	 
.image-right {
	 float: right; 
	 margin: 3px 3px 10px 3px;
}
.image-center {
  float: inherit; 
  margin: 3px 3px 10px 3px;
}
span.alert-text {
margin:0 0 0 0;
font-size: 1.35em;
font-weight:300;
color:#000000;
font-family:helvetica;
}


span.breakingnews {
margin:0 0 0 0;
padding-left: 15px; 
font-size: 1em;
font-weight:300;
color: #FFFFFF;
font-family:trebuchet MS;
}

span.breakingnewsred {
margin:0 0 0 0;
text-align: left; 
padding-left: 80px; 
font-size: 1.25em;
font-weight:200;
color: #FFFFFF;
font-family: arial, helvetica;
}


nav a {
	color: #FFFFFF;
	background-color:#EBEBEB
	text-decoration: none;
	display: inline-block;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	
}

.clear-fix { clear: both; line-height: 1px; }


div.center {text-align: center; width: 100%; }


#innercell_left {
margin:0 5px 1em 0;
padding:2px;
float:left;
width:394spx;
background-color:#FFFFFF;

}

#innercell_right {
margin:0 5px 1em 0;
padding:2px;
float:right;
width:490px;
background-color:#FFFFFF;
}

#divider{
    clear:both;
    padding: 10px;
    height; 20px; 
    width: 954px;
     background-color: #FFFFFF;
}
span.featuretitles {
margin:0 0 0 .75;
font-size:1.5em;
line-height: 1.5em; 
font-weight:400;
color:#348a41;
font-family:trebuchet MS;
text-decoration: none; 

 
}

span.featuretitles2 {
margin:0 0 0 .75;
font-size:1.2em;
line-height: 1.25em; 
font-weight:400;
color:#348a41;
font-family:trebuchet MS;
text-decoration: none; 
}
span.bottomlinks {
margin:0 0 0 .75;
font-size:1.2em;
line-height: 1.25em; 
font-weight:400;
color:#348a41;
font-family: helvetica, Arial;
text-decoration: none;


 
}
span.boldtext {
margin:0 0 0 .75;
font-size:1.35em;
font-weight:500;
color: #000000;
font-family:arial, helvetica;

 
}
span.specialblue1 {
margin:0 0 0 .75;
font-size:1.5em;
line-height: 1em; 
font-weight:300;
color:#669999;
font-family:trebuchet MS;
}
span.specialblue {
margin:0 0 0 .75;
font-size: 1em;
font-weight:300;
letter-spacing:.1em;
color:#669999;
font-family:trebuchet MS;
}

#holder{
    clear:both;
    padding: 0px;
    max-width: 980px;
    background-color: #FFFFF;
}


span.sm_orangetitle {
margin:0 0 0 0;
font-size:1em;
font-weight: bold; 
color:#ff973a;
font-family:trebuchet MS;
}
#smallcell_left {
margin:0 5px 0em 0;
font-family:trebuchet MS;
font-size: 1em;
padding:2px;
float:left;
width:160px;
background-color:#FFFFFF;

}
#largecell_right {
margin:0 5px 1em 0;
padding:2px;
float:right;
width:730px;
background-color:#FFFFFF;
}

ul.content{
font-size: 10pt;
margin-left: 10px;
width: 90%;
font-weight: normal;
font-family: arial, helvetica;
text-align: left;
link-color: blue;
text-decoration: none;
list-style-type: circle;
list-style-position: inside;

}
ul.contentecs{
color: #656161; 
font-size: 1.27em; 
line-height: 1.29em; 
font-family: arial;
margin-left: 10px;
width: 90%;
font-weight: normal;
text-align: left;
text-decoration: none;
list-style-type: circle;
list-style-position: inside;


}

ul.biglist{
font-size: 1.35em;
line-height: 1.5em;
margin-left: 0px;
font-family: arial, helvetica;
text-align: left;
link-color: blue;
text-decoration: none;
list-style-type: circle;
list-style-position: inside;
color: #7f7f7f;
letter-spacing: .5px; 


}

ul.receipt_store_header{
margin-bottom: 15px;
margin-top: 0px;
font-size: 1.15em;
line-height: 1.25em;
margin-left: 0px;
font-family: arial, helvetica;
text-align: left;
text-decoration: none;
list-style-type: circle;
list-style-position: inside;
}


table.blanktable {
	font: 10pt Arial, Helvetica; 
	padding: 10px; 

 
	
}
td.blanktableleft  {
	font-size: 10pt; 
	background: #ffffff;
	color: #000000;
	text-align: right; 
	color: #000000; 
	padding: 3px;
}
td.blanktableright  {
	background: #ffffff;
	color: #000000;
	text-align: left; 
	padding: 3px;
}
td.blanktableheader  {
	background: #ffffff;
	color: #FFFFFF;
	text-align: center;  
	padding: 3px;
}

td.blanktablemessage  {
	background: #FFFFFF;
	color: #000000;
	text-align: center;  
	padding: 3px;
}


table.showtable {
	font: 12pt Arial, Helvetica;
	width: 70%; 
	padding: 6px; 
	margin: auto;
    border-collapse: collapse;
	
}
td.showleft  {
	font-size: 12pt; 
	background: #ffffff;
	color: #000000;
	text-align: left; 
	border: 1px solid green; 
	padding: 5px;
}
td.showright  {
    font-size: 12pt; 
	background: #ffffff;
	color: #000000;
	text-align: right; 
	border: 1px solid green; 
	padding: 5px;
}
td.showheader  {
	background: #4c9b36;
	color: #FFFFFF;
	text-align: center;  
	font-size: 12pt; 
	border: 1px solid green; 
	padding: 5px;
}

td.showmessage  {
	background: #FFFFFF;
	color: #000000;
	text-align: center;  
	padding: 3px;
}


table#receipt1
    font: 11pt Arial, Helvetica;
	width: 80%;  
	text-align: left:
	margin-left: 0px;   

}
table.receipt_customer {
   font: 11pt Arial, Helvetica;
	width: 80%; 
	padding: 5px; 
	text-align: left: 
}
.receipt_customer th {
   text-align: right;
   padding-right: 5px; 
}
.receipt_customer td {
   text-align: left;
   padding-left: 5px; 
   
}

#minutestable {
	font: 12pt Arial, Helvetica;
	width: 80%; 
	padding: 10px; 
	border-top: 1px; 
	border-left: 1px; 
	border-right: 1px;
	border-bottom: 1px; 
	border-color: #000000;
 
	
}
td.minutesleft  {
	font-size: 10pt; 
	background: #fcf5e1;
	color: #000000;
	text-align: left; 
	color: #000000; 
	padding: 3px;
}
td.minutesright  {
	background: #fcf5e1;
	color: #000000;
	text-align: right; 
	padding: 3px;
}
td.minutesheader  {
	background: #4c9b36;
	color: #FFFFFF;
	text-align: center;  
	padding: 3px;
}

td.minutesmessage  {
	background: #FFFFFF;
	color: #000000;
	text-align: center;  
	padding: 3px;
}

td.minutescenter  {
	background: #FFFFFF;
	color: #000000;
	text-align: center;  
	padding: 3px;
	font-size: 1.5em;
 
}

p.grayleft {
padding-left: 60px: padding-top: 20px;  height: 70px; text-align: left; color: #b1b1b1; line-height: 1.25em; font-size: 1em; font-family: arial; text-decoration: none; 

}

p.grayright {
padding-right: 0px; padding-top: 10px; height: 70px; text-align: left; color: #b1b1b1; line-height: 1.25em; font-size: 1em; 
font-family: arial; text-decoration: none; 
}

.clear-fix { clear: both; line-height: 1px; }