* { margin: 0; padding: 0 }

/* preload images */
img.preload { display: none; }

body { background: #fff; border-top: 2px solid #035; color: #777; font: 14px/1.5 "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif }

/* medium font */
.mediumfont { color: #FFFFFF; font: 16px "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* select menu option */
.select-option { color: #000000; font-size:14px; font: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; }

a, a:link { color: #0bf; text-decoration: none; -webkit-transition: all .4s ease; -moz-transition: all .4s ease }
a:visited {}
a:hover {}
a:active {}

p { margin: 0 0 15px 0 }
#copy p strong { color: #333 }

.grid { margin: 0 auto; width: 940px }

label, .input-text { float: left }
label { font: 14px/1.5 "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; display: block; text-align: right; padding: 2px 10px 2px 0; width: 100px }
.input-text, textarea { border: 0; border-top: 1px solid #479; font: 14px/1.5 "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 2px 4px; width: 200px }
textarea { width: 280px }

/* navigation items */
a:link.topnav, a:visited.topnav { color: #888; font-size: 17px; padding: 0 1px 40px 1px; outline: none; text-decoration: none }
a:hover.topnav { color: #5a2; font-size: 17px; }
a:active.topnav { color: #5a2; font-size: 17px; }
a:link.topnavActive { color: #5a2; font-size: 17px; }

.navdot { color: #888; font-size: 18px; }

#head2 { background: url(/gfx/head-bg.png) 620px 140px no-repeat; border-top: 1px solid #aef; height: 150px; margin: 20px 0 0 0; padding: 30px 0 0 0 }

#head { background: url(/gfx/head-bg.png) 620px 140px no-repeat; border-top: 1px solid #aef; height: 150px; margin: 20px 0 0 0; padding: 30px 0 0 0 }

	#head img { float: right }
		
	#menu { color: #ccc; float: left; font-size: 18px; width: 800px }
		#menu a, #menu a:visited { color: #888; padding: 0 2px 40px 2px; outline: none; text-decoration: none }
		#menu a:hover { color: #5a2 }
			#menu a#active { color: #5a2 }
		#menu li { display: inline; font-weight: bold }
		#login-link { background: url(/gfx/key.png) 0 50% no-repeat; display: inline; margin: 0 0 0 120px; padding: 0 0 0 10px }
			#login-link a:hover { color: #f60 }
		
		#home-link a:hover { background: url(/gfx/home-li.png) 50% 30px no-repeat }
		#about-link a:hover { background: url(/gfx/about-li.png) 50% 30px no-repeat }
		#how-link a:hover { background: url(/gfx/how-li.png) 50% 30px no-repeat }
		#contact-link a:hover { background: url(/gfx/contact-li.png) 50% 30px no-repeat }
		#rates-link a:hover { background: url(/gfx/rates-li.png) 50% 30px no-repeat }

#heading { background: #01b5f0 url(/gfx/heading-bg.png) repeat-x; clear: both; height: 132px; line-height: 130px }
	h1 { color: #fff; font-size: 36px; height: 132px; margin: 0 auto; width: 940px }
	h2 { color: #233; font-size: 24px }
	#reloadtitle { color: #fff; font-size: 36px; height: 132px; margin: 0 auto; width: 940px; padding-top: 50px; }

#q-and-a { color: #fff; margin-top: -100px !important; padding: 10px 0 30px 0; text-align: center }
#q-and-a:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
	.q-and-a { float: left; padding: 90px 30px 45px 30px; width: 240px; -khtml-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -khtml-border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
		.middle { display: inline; margin: 0 20px }
		dd { color: #9ff }
		#people { background-image: url(/gfx/people.png); background-repeat: no-repeat }
		#where { background-image: url(/gfx/where.png); background-repeat: no-repeat }
		#whose { background-image: url(/gfx/whose.png); background-repeat: no-repeat }

#how-it-works { font-size: 18px; font-weight: bold; padding: 30px 0 80px 0; margin: 20px auto;  width: 280px }
	#how-it-works a { background: transparent url(/gfx/how.png) 0 50% no-repeat; height: 60px; line-height: 0px; outline: none; padding: 30px 0 30px 80px }
	#how-it-works a:hover { color: #5a2 }
	
#content { padding: 50px 0; margin: 0 auto; width: 940px }
	#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
	
/* home */
#home-page #head { background: none }
#intro { background: url(/gfx/home-intro-bg.jpg) 50% 133px repeat-x; color: #fff; font-size: 22px; margin: -140px 0 0 0; padding: 80px 0 0 0 }
#intro:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
#intro .grid { background: url(/gfx/home-intro.png) 30px 0 no-repeat; height: 480px }
	#intro p { float: left; margin: 120px 0 0 460px; width: 430px }
		#intro p strong { font-weight: normal }
			a#learn-more { background: url(/gfx/button.png) no-repeat; border: 0; color: #fff; display: block; font-size: 18px; font-weight: bold; height: 49px; line-height: 47px; margin: 20px 0 0 0; padding: 0 0 0 46px; width: 199px }
			a#learn-more:hover { color: #233; cursor: pointer; -webkit-transition: all .4s ease; -moz-transition: all .4s ease }
#wrap { background:  url(/gfx/glow.png) 300px 60px no-repeat; height: 650px }

/* contact */
#contact-page h1 { background: url(/gfx/contact-heading-bg.jpg) top center no-repeat }
#contact-page #content #copy { float: left; width: 320px }
#contact-page form { background: #1ebdf2; color: #fff; display: inline; float: right; padding: 30px; margin: 0 50px 0 0; width: 430px; -khtml-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -khtml-border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

	#contact-page form div { border-bottom: 1px solid #069; margin: 0 0 20px 0; padding: 0 0 20px 0; width: 100% }
	#contact-page form div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
	#learn-more { background: url(/gfx/button.png) no-repeat; color: #fff; display: block; font-size: 18px; font-weight: bold; height: 49px; line-height: 47px; margin: 20px 0 0 0; padding: 0 0 0 46px; width: 199px }
	a#learn-more:hover { color: #233 }
	#submit-button { margin: 0 0 0 110px; padding: 0 }

/* contact us send button */
.contactsend-button { background: url(/gfx/button.png) no-repeat; border: 0; color: #fff; display: block; font-size: 18px; font-weight: bold; height: 49px; line-height: 47px; margin: 20px 0 0 0; padding: 0 0 5px 0px; width: 199px }
.contactsend-button:hover { color: #233; cursor: pointer; -webkit-transition: all .4s ease; -moz-transition: all .4s ease }

/* about */
#about-page #copy { background: url(/gfx/iphone.png) 25px 0 no-repeat; height: 480px; margin: -150px 0 0 0; padding: 140px 140px 0 380px }
#about-page h1 { background: url(/gfx/about-heading-bg.jpg) top center no-repeat; text-indent: -99999px }
#about-page h2 { color: #01b5f0; font-size: 36px; margin: 0 0 15px 0 }

/* privacy */
#privacy-page #copy { height: 1800px; margin: -150px 0 0 0; padding: 140px 140px 0 150px }
#privacy-page #content { padding: 50px 0; margin: 0 auto; width: 1200px }
#privacy-page h1 { background: url(/gfx/about-heading-bg.jpg) top center no-repeat; text-indent: -99999px }
#privacy-page h2 { color: #01b5f0; font-size: 36px; margin: 0 0 15px 0 }

/* terms and conditions */
#terms-page #copy { height: 2800px; margin: -150px 0 0 0; padding: 140px 140px 0 150px }
#terms-page #content { padding: 50px 0; margin: 0 auto; width: 1200px }
#terms-page h1 { background: url(/gfx/about-heading-bg.jpg) top center no-repeat; text-indent: -99999px }
#terms-page h2 { color: #01b5f0; font-size: 36px; margin: 0 0 15px 0 }

/* reload */
#reload-page h1 { background: url(/gfx/about-heading-bg.jpg) top center no-repeat; }
#reload-page h2 { color: #01b5f0; font-size: 36px; margin: 0 0 15px 0 }
#reload-page form { background: #1ebdf2; color: #fff; display: inline; float: right; padding: 10px; margin: 0 50px 0 0; width: 550px; -khtml-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
#reload-page form div { border-bottom: 1px solid #069; margin: 0 0 10px 0; padding: 0 0 10px 0; width: 100% }
#reload-page form div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
#reload-page label { font: 14px/1.5 "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; display: block; text-align: right; padding: 2px 10px 2px 0; width: 150px }
.reload-button { background: url(/gfx/button.png) no-repeat; border: 0; color: #fff; display: block; font-size: 18px; font-weight: bold; height: 49px; line-height: 47px; margin: 20px 0 0 0; padding: 0 0 5px 0px; width: 199px }
.reload-button:hover { color: #233; cursor: pointer; -webkit-transition: all .4s ease; -moz-transition: all .4s ease }


/* purchase */
#purchase-page h1 { background: url(/gfx/about-heading-bg.jpg) top center no-repeat; }
#purchase-page h2 { color: #01b5f0; font-size: 36px; margin: 0 0 15px 0 }
/* #purchase-page form { background: #1ebdf2; color: #fff; display: inline; float: right; padding: 10px; margin: 0 50px 0 0; width: 550px; -khtml-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -khtml-border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
#purchase-page form div { border-bottom: 1px solid #069; margin: 0 0 10px 0; padding: 0 0 10px 0; width: 100% }
#purchase-page form div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } */
#purchase-page label { font: 14px/1.5 "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; display: block; text-align: right; padding: 2px 10px 2px 0; width: 150px }
.purchase-button { background: url(/gfx/button.png) no-repeat; border: 0; color: #fff; display: block; font-size: 18px; font-weight: bold; height: 49px; line-height: 47px; margin: 20px 0 0 0; padding: 0 0 5px 0px; width: 199px }
.purchase-button:hover { color: #233; cursor: pointer; -webkit-transition: all .4s ease; -moz-transition: all .4s ease }

a.cvvlink { color: yellow; text-decoration:underline; }
a.rateslink { color: blue; text-decoration:underline; }

/* more */
#learn-more-page h1 { background: url(/gfx/more-heading-bg.jpg) top center no-repeat }
#learn-more-page #copy { background: url(/gfx/more-copy-bg.png) 610px 0 no-repeat; margin-top: -50px; padding: 50px 500px 0 0 }
#learn-more-page #how-it-works { margin: 0 auto }

/* admin reports */
#adminreports h1 { background: url(/gfx/more-heading-bg.jpg) top center no-repeat }
#adminreports #copy { background: url(/gfx/more-copy-bg.png) 610px 0 no-repeat; margin-top: -50px; padding: 50px 500px 0 0 }
#adminreports li { font-size: 16px; }
#adminreports #reportNavLink { font-size: 19px; }
#adminreports #reportTitle { font-size: 18px; font-weight: bold; }
#adminreports #reportHorizNavLink { font-size: 14px; }

/* how */
#how-page h1 { background: url(/gfx/how-heading-bg.jpg) top center no-repeat }
#how-page #copy { background: url(/gfx/how-phone.jpg) 25px 0 no-repeat; padding: 0 0 0 450px }
#how-page ol { background: url(/gfx/123.jpg) no-repeat; padding: 30px 0; margin: -20px 0 0 0; width: 400px }
#how-page ol li { list-style: none; margin: 0 0 20px 0; padding: 24px 20px 0 90px }
#how-page h2 { padding: 23px 0 0 90px }
#how-page .title { color: #000000; font: 28px "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; }

/* dial Instructions */
#dial ol { padding: 30px 0 0 10px; margin: -20px 0 0 10; width: 800px }
#dial ol li { list-style: none; margin: 0 0 20px 0; padding: 34px 20px 0 80px }


/* rates */
#rates-page h1 { background: url(/gfx/how-heading-bg.jpg) top center no-repeat }
#rates-page h2 { padding: 23px 0 0 90px }

/* login page*/
#login-page h1 { background: url(/gfx/login-heading-bg.jpg) top center no-repeat }
#login-page form { float: left }
#login-page #copy:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
#login-page #copy { background: url(/gfx/login-copy-bg.png) 610px 0 no-repeat; margin-top: -50px; padding: 50px 500px 0 0; width: 440px }
#login-page a.lostpw { color: #ffffff }

/* login button */
.login-button { background: url(/gfx/button.png) no-repeat; border: 0; color: #fff; display: block; font-size: 18px; font-weight: bold; height: 49px; line-height: 47px; margin: 20px 0 0 0; padding: 0 0 5px 0px; width: 199px }
.login-button:hover { color: #233; cursor: pointer; -webkit-transition: all .4s ease; -moz-transition: all .4s ease }

#login-page form div { border-bottom: 1px solid #069; margin: 0 0 20px 0; padding: 0 0 20px 0; width: 100% }
#login-page form div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

/* create account button */
.createaccount-button { background: url(/gfx/button.png) no-repeat; border: 0; color: #fff; display: block; font-size: 18px; font-weight: bold; height: 49px; line-height: 47px; margin: 20px 0 0 0; padding: 0 30px 5px 0px; width: 199px }
.createaccount-button:hover { color: #233; cursor: pointer; -webkit-transition: all .4s ease; -moz-transition: all .4s ease }

/* finish button */
.finish-button { background: url(/gfx/button.png) no-repeat; border: 0; color: #fff; display: block; font-size: 18px; font-weight: bold; height: 49px; line-height: 47px; margin: 20px 0 0 0; padding: 0 0 5px 0px; width: 199px }
.finish-button:hover { color: #233; cursor: pointer; -webkit-transition: all .4s ease; -moz-transition: all .4s ease }

/* create account page */
.createAccount-textinput { border: 0; border-top: 1px solid #479; font: 14px/1.5 "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 2px 4px; width: 200px }
#createaccount-page h1 { background: url(/gfx/login-heading-bg.jpg) top center no-repeat }

/* edit account button */
.editaccount-button { background: url(/gfx/button.png) no-repeat; border: 0; color: #fff; display: block; font-size: 18px; font-weight: bold; height: 49px; line-height: 47px; margin: 20px 0 0 0; padding: 0 30px 5px 0px; width: 199px }
.editaccount-button:hover { color: #233; cursor: pointer; -webkit-transition: all .4s ease; -moz-transition: all .4s ease }
.editaccount-textinput { border: 0; border-top: 1px solid #479; font: 14px/1.5 "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 2px 4px; width: 200px }
#editAccount-page h1 { background: url(/gfx/login-heading-bg.jpg) top center no-repeat }
.update-button { background: url(/gfx/button.png) no-repeat; border: 0; color: #fff; display: block; font-size: 18px; font-weight: bold; height: 49px; line-height: 47px; margin: 20px 0 0 0; padding: 0 0 5px 0px; width: 199px }
.update-button:hover { color: #233; cursor: pointer; -webkit-transition: all .4s ease; -moz-transition: all .4s ease }

/* lost password page */
#lostpassword-page h1 { background: url(/gfx/login-heading-bg.jpg) top center no-repeat }
#lostpassword-page form { float: left }
#lostpassword-page #copy:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
#lostpassword-page #copy { background: url(/gfx/login-copy-bg.png) 610px 0 no-repeat; margin-top: -50px; padding: 50px 500px 0 0; width: 440px }
#lostpassword-page a.lostpw { color: #ffffff }
#lostpassword-page form div { border-bottom: 1px solid #069; margin: 0 0 20px 0; padding: 0 0 20px 0; width: 100% }
#lostpassword-page form div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

.lostpassword-button { background: url(/gfx/button.png) no-repeat; border: 0; color: #fff; display: block; font-size: 18px; font-weight: bold; height: 49px; line-height: 47px; margin: 20px 0 0 0; padding: 0 0 5px 0px; width: 199px }
.lostpassword-button:hover { color: #233; cursor: pointer; -webkit-transition: all .4s ease; -moz-transition: all .4s ease }

/* update password page */
#updatepassword-page h1 { background: url(/gfx/login-heading-bg.jpg) top center no-repeat }
#updatepassword-page form { float: left }
#updatepassword-page #copy:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
#updatepassword-page #copy { background: url(/gfx/login-copy-bg.png) 610px 0 no-repeat; margin-top: -50px; padding: 50px 500px 0 0; width: 440px }
#updatepassword-page a.lostpw { color: #ffffff }
#updatepassword-page form div { border-bottom: 1px solid #069; margin: 0 0 20px 0; padding: 0 0 20px 0; width: 100% }
#updatepassword-page form div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

.updatepassword-button { background: url(/gfx/button.png) no-repeat; border: 0; color: #fff; display: block; font-size: 16px; font-weight: bold; height: 49px; line-height: 47px; margin: 20px 0 0 0; padding: 0 40px 2px 0px; width: 199px }
.updatepassword-button:hover { color: #233; cursor: pointer; -webkit-transition: all .4s ease; -moz-transition: all .4s ease }

/* get rates */
.getrates-button { background: url(/gfx/button.png) no-repeat; border: 0; color: #fff; display: block; font-size: 18px; font-weight: bold; height: 49px; line-height: 47px; margin: 20px 0 0 0; padding: 0 0 5px 0px; width: 199px }
.getrates-button:hover { color: #233; cursor: pointer; -webkit-transition: all .4s ease; -moz-transition: all .4s ease }

#footer { border-top: 1px solid #aef; clear: both; font-size: 11px; text-transform: uppercase }
	#footer p { color: #aaa; margin: 0 auto; padding: 30px 0 200px 0; width: 940px }
	#footer a { color: #00F }
	#footer a:hover { color: #06F }
	
/* search button */
.search-button { background: url(/gfx/button.png) no-repeat; border: 0; color: #fff; display: block; font-size: 18px; font-weight: bold; height: 49px; line-height: 47px; margin: 20px 0 0 0; padding: 0 0 5px 0px; width: 199px }
.search-button:hover { color: #233; cursor: pointer; -webkit-transition: all .4s ease; -moz-transition: all .4s ease }

/* phone number promotion management */
.mgmtaction-button { background: url(/gfx/button.png) no-repeat; border: 0; color: #fff; display: block; font-size: 18px; font-weight: bold; height: 49px; line-height: 47px; margin: 20px 0 0 0; padding: 0 0 5px 0px; width: 199px }
.mgmtaction-button:hover { color: #233; cursor: pointer; -webkit-transition: all .4s ease; -moz-transition: all .4s ease }

/* error message */
.redmsg {
	color: red;	
}
.greenmsg {
	color: green;	
}

/* call history */
.callHistoryTable {

padding:0px;
border-top: solid #000000 1px;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
border-bottom: solid #000000 1px;

}

.callHistoryTitle {

font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; 
font-weight: bold; 
font-size:16px;  
padding:5px;
color: white;
background-color:#00b2d8;
border-right: solid #000000 1px;
border-bottom: solid #000000 1px;

}

.callHistoryRow1 {
	
	background-color: #DDDDDD;

	
}

.callHistoryRow2 {
	
	background-color: #FFFFFF;

	
}

.callHistoryDataCell {
	padding:5px;	
}

#callhistory-page h1 { background: url(/gfx/about-heading-bg.jpg) top center no-repeat; }


/* billing history */
.billinghistoryTable {

padding:0px;
border-top: solid #000000 1px;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
border-bottom: solid #000000 1px;

}

.billinghistoryTitle {

font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; 
font-weight: bold; 
font-size:16px;  
padding:5px;
color: white;
background-color:#00b2d8;
border-right: solid #000000 1px;
border-bottom: solid #000000 1px;

}

.billinghistoryRow1 {
	
	background-color: #DDDDDD;

	
}

.billinghistoryRow2 {
	
	background-color: #FFFFFF;

	
}

.billinghistoryDataCell {
	padding:5px;	
}

#billinghistory-page h1 { background: url(/gfx/about-heading-bg.jpg) top center no-repeat; }

/* balance expiration history */
.expirationhistoryTable {

padding:0px;
border-top: solid #000000 1px;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
border-bottom: solid #000000 1px;

}

.expirationhistoryTitle {

font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; 
font-weight: bold; 
font-size:16px;  
padding:5px;
color: white;
background-color:#00b2d8;
border-right: solid #000000 1px;
border-bottom: solid #000000 1px;

}

.expirationhistoryRow1 {
	
	background-color: #DDDDDD;

	
}

.expirationhistoryRow2 {
	
	background-color: #FFFFFF;

	
}

.expirationhistoryDataCell {
	padding:5px;	
}

/* edit user search results */
.userSearchTable {

padding:0px;
border-top: solid #000000 1px;
border-left: solid #000000 1px;
border-right: solid #000000 1px;
border-bottom: solid #000000 1px;

}

.userSearchTitle {

font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; 
font-weight: bold; 
font-size:16px;  
padding:5px;
color: white;
background-color:#00b2d8;
border-right: solid #000000 1px;
border-bottom: solid #000000 1px;

}

.userSearchRow1 {
	
	background-color: #DDDDDD;

	
}

.userSearchRow2 {
	
	background-color: #FFFFFF;
	

	
}

.userSearchDataCell {
	padding:5px;	
	color: black;
	font-size:12px;
}

#userSearch-page h1 { background: url(/gfx/about-heading-bg.jpg) top center no-repeat; }

a:link.userSearch,a:visited.userSearch,a:hover.userSearch,a:active.userSearch
{
	color: #000DFF;	
	text-decoration: underline;
}

a:link.reloadbluelink,a:visited.reloadbluelink,a:hover.reloadbluelink,a:active.reloadbluelink
{
	color: #000DFF;	
	text-decoration: underline;
}

a:link.purchasebluelink,a:visited.purchasebluelink,a:hover.purchasebluelink,a:active.purchasebluelink
{
	color: #000DFF;	
	text-decoration: underline;
}

a:link.createAccountLinkBlue,a:visited.createAccountLinkBlue,a:hover.createAccountLinkBlue,a:active.createAccountLinkBlue
{
	color: #00b2d8;	
	text-decoration: none;
	font-size:12px;
}

/* user navigation  */
ul.usernav
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li.usernav
{
float:left;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}
a:link.usernav,a:visited.usernav
{
display:block;
width:150px;
font-weight:bold;
font-size: 15px;
font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#FFFFFF;
background-color:#0f92cf;
text-align:center;
padding:1px;
text-decoration:none;
/*text-transform:uppercase;*/
border-radius: 3px 3px 3px 3px;
}
a:hover.usernav,a:active.usernav
{
background-color:#00b2d8;
}

a:link.usernavON,a:visited.usernavON,a:hover.usernavON,a:active.usernavON
{
	display:block;
width:150px;
font-weight:bold;
font-size: 15px;
font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#FFFFFF;
background-color:#00b2d8;
text-align:center;
padding:1px;
text-decoration:none;
/*text-transform:uppercase;*/
border-radius: 3px 3px 3px 3px;
}

/* tool tip */
.tooltip{
    display: inline;
    position: relative;
}

.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 500px;
}

.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

/*widgets*/
.widget
{
	background: #1ebdf2; color: #fff; display: inline; float: right; padding: 10px; margin: 0 50px 0 0; width: 425px; -khtml-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -khtml-border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;
}

/*credit card History*/
.ccHistoryTable {

padding:0px;
border-top: solid #000000 1px;
border-left: solid #000000 1px;
/*border-right: solid #000000 1px;
border-bottom: solid #000000 1px;*/

}

.ccHistoryCell {

padding:5px;

border-right: solid #000000 1px;
border-bottom: solid #000000 1px;

}

.reportConsoleTable {

padding:0px;
border-top: solid #000000 1px;
border-left: solid #000000 1px;

}

.reportConsoleTableHeaderCell {

padding:5px;
border-right: solid #000000 1px;
border-bottom: solid #000000 1px;
background-color:#9CC;

}

.reportConsoleTableCell {

padding:5px;
border-right: solid #000000 1px;
border-bottom: solid #000000 1px;


}

/* widget report */
.widgetTable {

padding:0px;
border-top: solid #000000 1px;
border-left: solid #000000 1px;
/*border-right: solid #000000 1px;
border-bottom: solid #000000 1px;*/

}

.widgetTitle {

font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; 
font-weight: bold; 
font-size:13px;  
padding:1px;
color: white;
background-color:#00b2d8;
border-right: solid #000000 1px;
border-bottom: solid #000000 1px;

}


.widgetDataCell1 {
	background-color: #FFF;
	padding:3px;	
	color: black;
	font-size:13px;
	border-right: solid #000000 1px;
	border-bottom: solid #000000 1px;
}

.widgetDataCell2 {
	background-color: #C5EBF5;
	padding:3px;	
	color: black;
	font-size:13px;
	border-right: solid #000000 1px;
	border-bottom: solid #000000 1px;
}

.widgetDataCellerror {
	background-color: #F00;
	padding:3px;	
	color: white;
	font-size:13px;
	border-right: solid #000000 1px;
	border-bottom: solid #000000 1px;
}