﻿/* Copyright: 2016: Callontime CSS*/

.tab {
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.indent {
    margin-left: 5px;
}
.menuLink {
    border: 1px solid rgb(96, 96, 96);
    border-radius: 4px;
    display: inline-block;
    height: 41px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: 100%;
}
.menuText {
    border: 0 none;
    color: rgb(51, 51, 51);
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    font-size: 17px;
    margin: 0;
    outline: 0 none;
    padding: 10px 0 10px 5px;
    text-align:left;
    vertical-align: middle;
}
.textFamily {
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
}
.footerLink {
    border: 0 none;
    color: rgb(0, 99, 255);
    font-weight: bold;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
    vertical-align: baseline;
}
.fontSize12 {
    font-size: 12px;
}
.tableTopDottedLine {
    border-bottom-style: dotted;
    border-top-style: dotted;
    border-width: 1px 0 0;
}
.header {
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    font-size: 17px;
}
.content {
    font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    font-size: 16px;
}

.cardFeature {
    font-family: verdana; 
    color: #FF0000; 
    font-size: 12px;
}

.roundedCorner {
    border-radius: 5px;
}



a.LinkForContent:link 
{
   color: #ff6600; 
   font-family: Verdana; 
   font-weight: bold; 
   font-size: .68em; 
   text-decoration: none
}

a.LinkForContent:visited 
{
  color: #ff6600; 
  font-family: Verdana; 
  font-weight: bold; 
  font-size: .68em; 
  text-decoration: none
}

a.LinkForContent:hover 
{
  color: #0000ff;
  font-family: Verdana; 
  font-weight: bold; 
  font-size: .68em;
  text-decoration: underline
}

a.BlackBoldLink:link 
{
   color: #000000; 
   font-family: Verdana; 
   font-weight: bold; 
   font-size: .88em; 
   text-decoration: none
}

a.BlackBoldLink:visited 
{
  color: #000000; 
  font-family: Verdana; 
  font-weight: bold; 
  font-size: .88em; 
  text-decoration: none
}

a.BlackBoldLink:hover 
{
  color: #0000ff;
  font-family: Verdana; 
  font-weight: bold; 
  font-size: .88em;
  text-decoration: underline
}

a.BlueBoldLinkUnderlined:link 
{
   color: #0000FF; 
   font-family: Verdana; 
   font-weight: bold; 
   font-size: .88em; 
   text-decoration: none
}

a.BlueBoldLinkUnderlined:visited 
{
  color: #0000FF; 
  font-family: Verdana; 
  font-weight: bold; 
  font-size: .88em; 
  text-decoration: underline
}

a.BlueBoldLinkUnderlined:hover 
{
  color: #000000;
  font-family: Verdana; 
  font-weight: bold; 
  font-size: .88em;
  text-decoration: underline
}

a.menulink:link {text-decoration:none;}
a.menulink:visited {text-decoration:none;}
a.menulink:hover {text-decoration:underline;}
a.menulink:active {text-decoration:underline;}

a.toplink:link {color: #000000; text-decoration: none;}
a.toplink:visited {color: #000000; text-decoration: none;}
a.toplink:hover {color: #0000ff; text-decoration: underline;}
a.toplink:active {text-decoration: underline;}

.dti 
{
  border-top: #9cf 1px solid;
  border-bottom: #000 1px solid;
  border-left: #000 1px solid;
  border-right: #000 1px solid;

}

.mch1 {margin:0.3em 0 0.1em 0;}

.NavTabInactive { font-size:8pt; text-align:center; }
a.NavTabInactive:link { font-size:8pt; font-family:Verdana,Helvetica,sans-serif; font-weight:bold; color:#001E59; text-decoration:none; }
a.NavTabInactive:visited { font-size:8pt; font-family:Verdana,Helvetica,sans-serif; font-weight:bold; color:#001E59; text-decoration:none; }


.tableDarkYellowBorder {BORDER-RIGHT: #E8E8E8 1px solid; BORDER-TOP: #E8E8E8 1px solid; BORDER-LEFT: #E8E8E8 1px solid; BORDER-BOTTOM: #E8E8E8 1px solid; BACKGROUND-COLOR: #fff}
.DarkYellowBorder {BORDER-TOP: #ffcc00 1px solid; BACKGROUND-COLOR: #fff}

.tableDarkGrayBorder {BORDER-RIGHT: #E8E8E8 1px solid; BORDER-TOP: #E8E8E8 0px solid; BORDER-LEFT: #E8E8E8 1px solid; BORDER-BOTTOM: #E8E8E8 1px solid; BACKGROUND-COLOR: #fff}

.absoulteRight {float:right;}
.absoulteLeft {float:left;}

a.topredlink:link 
{
  color: red;
  font-family: Verdana; 
  font-size: .72em; 
}
a.topredlink:visited 
{
  color: red;
  font-family: Verdana; 
  font-size: .72em; 
}
a.topredlink:active 
{
  color: red;
  font-family: Verdana; 
  font-size: .72em; 
}
a.topredlink:hover 
{
  color: blue;
  font-family: Verdana; 
  font-size: .72em; 
}

a.footersmallbluelink:link {color: blue;}
a.footersmallbluelink:visited {color: blue;}
a.footersmallbluelink:active {color: blue;}
a.footersmallbluelink:hover {color: red;}

a.topbluelink {
text-decoration:none;
font-family: Verdana;
font-size: .72em;
} 

a.regularbluelink:link {
color: #0006FF; 
font-family: Verdana;
font-size: .72em;
} 

a.regularbluelink:visited {
color: #0006FF;
font-family: Verdana;
font-size: .72em;
} 

a.regularbluelink:hover {
color:#FF0000;
font-family: Verdana;
font-size: .72em;
} 

a.regularbluelink:active {
color: #0006FF;
font-family: Verdana;
font-size: .72em;
}

a.font72em{
text-decoration:none;
} 

a.font72em:link {
color: #0006FF;
font-family: Verdana, Helvetica, Arial;
font-size: .72em;
} 

a.font72em:visited {
color: #0006FF;
font-family: Verdana, Helvetica, Arial;
font-size: .72em;
} 

a.font72em:hover {
color:#FF0000;
font-family: Verdana, Helvetica, Arial;
font-size: .72em;
} 

a.font72em:active {
color: #0006FF;
font-family: Verdana, Helvetica, Arial;
font-size: .72em;
}

.productTitle{

font-family: Verdana, Helvetica, Arial;
font-size: .88em;
font-weight: bold; 

}

.sectionTitle{

font-family: Verdana, Helvetica, Arial;
font-size: .86em;
font-weight: bold; 

}

.sectionDescription{

font-family: Verdana, Helvetica, Arial;
font-size: .78em;

}

.regularfont{

font-family: Verdana, Helvetica, Arial;
font-size: 10pt;

}

A.smallerblacklink:link
{
    FONT-FAMILY: Verdana;
    COLOR: #0097dd;
    FONT-SIZE: 12px
}
A.smallerblacklink:visited
{
    FONT-FAMILY: Verdana;
    COLOR: #0097dd;
    FONT-SIZE: 12px
}
A.smallerblacklink:active
{
    FONT-FAMILY: Verdana;
    COLOR: #0097dd;
    FONT-SIZE: 12px;
}
A.smallerblacklink:hover
{
    FONT-FAMILY: Verdana;
    COLOR: red;
    FONT-SIZE: 12px;
}


.odd 
{
	background-color:#eeeeee;
}

.even
{
	background-color:white;
}

.displayincenter 
{
    width: 900px;
    margin:0 auto;
    text-align: center;
}

.red {
	color:red;
}

.cursorPointer {
    cursor:pointer;
}


.pins-header {
	-moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -khtml-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
	background:#D31530;
	height:25px;
	padding:10px;
	text-align:left;
	color:#FFF;
	font-size:1.4em;
	font-family: Verdana, Helvetica, Arial;
}

.pinlessRechargeable-header {
	-moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -khtml-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
	background:#00aeef;
	height:25px;
	padding:10px;
	text-align:left;
	color:#FFF;
	font-size:1.4em;
	font-family: Verdana, Helvetica, Arial;
}

.internationalTopups-header {
	-moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -khtml-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
	background:#FF582E;
	height:25px;
	padding:10px;
	text-align:left;
	color:#FFF;
	font-size:1.4em;
	font-family: Verdana, Helvetica, Arial;
}

.domesticTopups-header {
	-moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -khtml-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
	background:#7BA8EA;
	height:25px;
	padding:10px;
	text-align:left;
	color:#FFF;
	font-size:1.4em;
	font-family: Verdana, Helvetica, Arial;
}

.rateFinder-header {
	-moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -khtml-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
	background:#FF6600;
	height:25px;
	padding:10px;
	text-align:left;
	color:#FFF;
	font-size:1.4em;
	font-family: Verdana, Helvetica, Arial;
}

.unlimitedBR-header {
	-moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -khtml-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
	background:#00A800;
	height:25px;
	padding:10px;
	text-align:left;
	color:#FFF;
	font-size:1.4em;
	font-family: Verdana, Helvetica, Arial;
}

.callMe-header {
	-moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -khtml-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
	background:#669900;
	height:25px;
	padding:10px;
	text-align:left;
	color:#FFF;
	font-size:1.4em;
	font-family: Verdana, Helvetica, Arial;
}

.rates-header {
	-moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -khtml-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
	background:#ffcc00;
	height:12px;
	padding:10px;
	text-align:left;
	vertical-align:middle;
	font-size:14px;
    font-weight:bold;
	font-family: Verdana, Helvetica, Arial;
}

.pinlessRechargeable-header h3 {
	color:#FFF;
	font-size:1.4em;
}

.quickOrder-productBackground {
	-moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -khtml-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
	background:#f6f6f6;	
	margin:0px;
	margin-bottom:10px;
	border:solid 1px #e6e6e6;
	border-top:none;
}

.quickOrder-producPosition {
	margin-bottom:1px;
	border-bottom:solid 1px #e6e6e6;
		padding:10px;
}

.quickOrder-noProducts {
	font-size:14px; 
	color:#999;
	margin:0;
	padding:0;
}

.quickOrder-producPositionButton {
	padding:10px;
	line-height:30px;
	height:30px;

}

.phonePageBorder { border-style:solid; border-width:1px;border-color:#cecece;}

.blackRegularBold {
    font-family: Verdana, Helvetica, Arial;
    font-size: 12px;
    font-weight: bold;
}

.verdanaRegular {
    font-family: Verdana, Helvetica, Arial;
    font-size: 12px;
}

.sidenav {
  display: none;
  height: 100%;
  width: 250px;
  position: fixed;
  z-index: 1;
  top: 0;
  left:1;
  background-color: #FFFFFF;
  overflow-x: hidden;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 16px;
  font-family: Verdana, Helvetica, Arial;
  color: #000000;
  display: block;
}

.sidenav a:hover {
  color: #0000FF;
  background-color: #E0E0E0;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}