/* <![CDATA[ */

/*
	----------------------------------------
	F R A M I N G   S E C T I O N 
	----------------------------------------
*/

#wrapper {
	clear:both;
	display:block;
	margin:0 auto;
	padding:0;
	text-align:left;
	width:960px;
}
/*	---------------------------------------- */
#top,
#home,
#rates,
#btm {
	clear:both;
	display:block;
	float:left;
	margin:0;
	padding:0 40px;
	text-align:left;
	width:880px;
}
/*	---------------------------------------- */
#top {
	background-color:#fff;
	border-bottom:#000 solid 10px;
	height:110px;
	position:relative;
}
#top p#logo {
	display:block;
	float:left;
	height:110px;
	width:251px;
}
#top p#logo a {
	/*background:url(../img/ui/logo.gif) no-repeat 0 27px;*/
	background:url(../img/ui/logo.gif) no-repeat 0 5px;
	display:block;
	float:left;
	height:0;
	overflow:hidden;
	padding:110px 0 0 0;
	width:251px;
}



#top p#languages {
	display:block;
	float:left;
	font:.9em/1em Verdana, Arial, Helvetica, sans-serif;
	height:20px;
	margin:0;
	padding:6px 0 6px 0;
	text-align:right;
	width:629px;
}
#top p#languages a {
	color:#000;
	display:block;
	float:right;
	padding:5px 17px 5px 25px;
	text-decoration:none;
	white-space:nowrap;
}

#top p#languages a:hover {
	color:#F80709;
	text-decoration:underline;
}






#top dl.topLinks,
#top dl.mainLinks {
	display:block;
	float:left;
	margin:0 auto;
	padding:0;
	width:629px;
}
#top dl.topLinks {
	background:url(../img/ui/bg_topLinks.gif) no-repeat right 0;
	padding:10px 0 5px 0;
}
#top dl.topLinks dd a {
	font-weight:normal;
}
#top dl.topLinks dd.noline {
	background:none;
}
#top dl dd {
	background:url(../img/ui/div_tab.gif) no-repeat right center;
	float:right;
	margin:0 0 0 -1px;;
}
#top dl dd.noline {
	background:none;
}
#top dl dd a {
	color:#000;
	float:left;
	font:bold 1.1em/1em Verdana, Arial, Helvetica, sans-serif;
	padding:10px 12px 10px 12px;
	text-decoration:none;
	white-space:nowrap;
}
#top dl.mainLinks dd a {
	font:bold 1.2em/1em Verdana, Arial, Helvetica, sans-serif;
}
#top dl dd a:hover {
	color:#F80709;
	text-decoration:underline;
}

#top dl dd.on a {
	background-color:#000;
	color:#fff;
}
#top dl dd.on a:hover {
	color:#fff;
}






/*	---------------------------------------- */

#mid {
	background-color:#F0F0F0;
	clear:both;
	display:block;
	float:left;
	margin:0;
	padding:0 0 30px 0;
	position:relative;
	text-align:left;
	width:960px;
}
#mid h1 {
	/*background:url(../img/ui/bg_h1.gif) repeat-x 0 0;*/
	background:url(../img/ui/bg_h1.gif) repeat-x 0 0;
	color:#fff;
	font:3.2em/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 20px 0;
	padding:10px 40px;
}
#mid h2 {
	color:#000;
	font:2.2em/1.5em Arial, Helvetica, sans-serif;
	padding:10px 40px 0 40px;
}
#mid h3 {
	color:#000;
	font:bold 1.4em/1.5em Arial, Helvetica, sans-serif;
	padding:10px 40px 0 40px;
	text-transform:uppercase;
}
#mid h4 {

}
#mid p {
	color:#000;
	font:1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
	margin:1em 0;
	padding:0 40px;
}
#mid ul {
	margin:0 0 1em 0;
	padding:0 40px;
}
#mid li {
	background:url(../img/ui/bullet2.gif) no-repeat 15px 7px;
	color:#000;
	font:1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
	margin:.5em 0;
	padding:0 0 0 25px;
}
#mid a {
	/*color:#EE3600;*/
	color:#000;
	text-decoration:underline;
}
#mid a:hover {
	color:#F80709;
}
#mid table.grid {
	border-bottom:#F80709 solid 5px;
	clear:both;
	float:left;
}
#mid table.grid th {
	background-color:#F80709;
	border-top:#000 solid 1px;
	border-bottom:#000 solid 1px;
	color:#fff;
	font:bold 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
	padding:5px 10px 6px 10px;
	text-align:left;
}
#mid table.grid td {
	background-color:#fff;
	border-top:#f5f5f5 solid 2px;
	color:#000;
	font:1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
	padding:5px 10px 6px 10px;
}

#mid table.rates {
	float:left;
}
#mid table.rates td {
	background-color:#fff;
	border-top:#f5f5f5 solid 2px;
	color:#000;
	font:1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
	padding:5px 10px 6px 10px;
}

/*	---------------------------------------- */




#mid dl#myMenu {
	background:url(../img/ui/bg_myMenu.gif) repeat-x 0 bottom;
	clear:both;
	display:block;
	float:left;
	margin:-20px 0 20px 0;
	padding:0 0 0 40px;
	width:920px;
}
#mid dl#myMenu dd {
	display:block;
	float:left;
	margin:0 2px 0 0;
	padding:0;
}
#mid dl#myMenu dd a {
	background-color:#000;
	border:#000 solid 1px;
	clear:both;
	color:#fff;
	display:block;
	float:left;
	font-size:1.1em;
	margin:0;
	padding:5px 8px;
	text-decoration:none;
}
#mid dl#myMenu dd a:hover {
	background-color:#000;
	color:#fff;
	text-decoration:underline;
}
#mid dl#myMenu dd a.on {
	background-color:#F0F0F0;
	border-bottom-color:#F0F0F0;
	color:#000;
	font-weight:bold;
}
#mid dl#myMenu dd a.on:hover {
	background-color:#F0F0F0;
	color:#000;
	text-decoration:underline;
}

#mid form.myForms {
	clear:both;
	display:block;
	float:left;
}

/*	---------------------------------------- */

#mid #progress {
	border-top:#000 solid 1px;
	clear:none;
	display:block;
	float:right;
	padding:0 40px 0 40px;
	width:240px;
}
#mid #progress h3 {
	display:block;
	float:left;
	padding:15px 0 10px 0;
	text-align:left;
	width:240px;
}
#mid #progress ol {
	clear:both;
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:240px;
}
#mid #progress ol li {
	background:none;
	clear:both;
	color:#000;
	display:block;
	height:auto;
	float:left;
	font:1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	width:240px;
}
#mid #progress ol li a {
	background:url(../img/ui/bullet2.gif) no-repeat 13px 11px;
	clear:both;
	color:#000;
	display:block;
	float:left;
	margin:0;
	padding:4px 0 4px 25px;
	text-decoration:none;
	width:215px;
}
#mid #progress ol li.pending {
	background-color:#dedede;
}
#mid #progress ol li.complete a {
	background:none;
	background:url(../img/ui/bg_check.gif) no-repeat 10px 6px;
	/*color:#EE3600;*/
	color:#000;
	text-decoration:underline;
}
#mid #progress ol li.pending a {
	/*color:#EE3600;*/
	color:#000;
	text-decoration:underline;
}
#mid #progress ol li.complete a:hover,
#mid #progress ol li.pending a:hover {
	text-decoration:none;
}

/*	-------- */
#mid #steps {
	border-top:#000 solid 1px;
	clear:none;
	display:block;
	float:left;
	padding:0;
	width:640px
}

#mid #steps form.survey {
	border:none;
	border-right:#000 solid 1px;
	float:left;
	margin:0;
	padding:0 40px;
	width:559px;
}





form.survey h3 {
	padding:15px 0;
	width:559px;
}
form.survey fieldset {
	border:none;
	clear:both;
	display:block;
	float:left;
	padding:0 0 20px 0;
	position:relative;
	width:559px;
}
form.survey label.text,
form.survey label.radio {
	clear:both;
	display:block;
	float:left;
	margin:0;
	position:relative;
	width:559px;
}
form.survey span.multiple {
	clear:both;
	display:block;
	float:left;
	margin:0;
	position:relative;
	width:559px;
}
form.survey p,
form.survey h4,
form.survey h5 {
	color:#000;
	font:normal 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 5px 0;
}
form.survey h4 {
	font-weight:bold;
}
*:first-child+html form.survey p {
	padding:15px 20px 5px 10px;
}
form.survey label.text span.left,
form.survey span.multiple span.left {
	color:#000;
	display:block;
	float:left;
	font:normal 1.2em/1em Verdana, Arial, Helvetica, sans-serif;
	padding:8px 5px 2px 5px;
	text-align:right;
	width:230px;
}
form.survey label.text span.right,
form.survey span.multiple span.right {
	display:block;
	float:right;
	padding:2px 5px 8px 5px;
	text-align:left;
	width:309px;
}
form.survey label.text span.rightConfirm {
	color:#000;
	display:block;
	float:right;
	font:normal 1.2em/1em Verdana, Arial, Helvetica, sans-serif;
	padding:8px 5px 2px 5px;
	text-align:left;
	width:309px;
}
form.survey label.radio span.left {
	display:block;
	float:left;
	padding:5px;
	text-align:right;
	width:230px;
}
form.survey label.radio span.right {
	color:#000;
	display:block;
	float:right;
	font:normal 1.2em/1em Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	text-align:left;
	width:309px;
}
form.survey label.text span.right input {
	padding:2px;
}
form.survey input.next {
	float:left;
	margin:20px 0 20px 244px;
	padding:3px 5px;
}

/* Test */
form.refer h3 {
	padding:15px 0;
	width:559px;
}
form.refer fieldset {
	border:none;
	clear:both;
	display:block;
	float:left;
	padding:0 0 20px 0;
	position:relative;
	width:559px;
}
form.refer label.text,
form.refer label.radio {
	clear:both;
	display:block;
	float:left;
	margin:0;
	position:relative;
	width:559px;
}
form.refer span.multiple {
	clear:both;
	display:block;
	float:left;
	margin:0;
	position:relative;
	width:559px;
}
form.refer p,
form.refer h4,
form.refer h5 {
	color:#000;
	font:normal 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 5px 0;
}
form.refer p#h4 {
	font:bold 1.4em/1.5em Arial, Helvetica, sans-serif;
}
form.refer h4 {
	font-weight:bold;
}
*:first-child+html form.survey p {
	padding:15px 20px 5px 10px;
}
form.refer label.text span.left,
form.refer span.multiple span.left {
	color:#000;
	display:block;
	float:left;
	font:normal 1.2em/1em Verdana, Arial, Helvetica, sans-serif;
	padding:8px 5px 2px 5px;
	text-align:right;
	width:230px;
}
/* affects radio text */
form.refer label.text span.right,
form.refer span.multiple span.right {
	display:block;
	float:right;
	font:bold 1.2em/1em Verdana, Arial, Helvetica, sans-serif;
	padding:2px 5px 8px 5px;
	text-align:top;
	width:309px;
}
form.refer label.text span.rightConfirm {
	color:#000;
	display:block;
	float:right;
	font:normal 1.2em/1em Verdana, Arial, Helvetica, sans-serif;
	padding:8px 5px 2px 5px;
	text-align:left;
	width:309px;
}
form.refer label.radio span.left {
	display:block;
	float:left;
	padding:5px;
	text-align:right;
	width:230px;
}
form.refer label.radio span.right {
	color:#000;
	display:block;
	float:right;
	font:normal 1.2em/1em Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	text-align:left;
	width:309px;
}
form.refer label.radio span.left#test {
	display:block;
	float:left;
	padding:5px;
	text-align:right;
	width:auto;
}
form.refer label.radio span.right#test {
	color:#000;
	display:block;
	float:right;
	font:normal 1.2em/1em Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	text-align:left;
	width:auto;
}
form.refer label.text span.right input {
	padding:2px;
}
form.refer input.next {
	float:left;
	margin:20px 0 20px 244px;
	padding:3px 5px;
}
/* End test */


a.sec_code {
	position:relative;
}
a.sec_code span {
	display:none;
}
a.sec_code:hover span {
	background:url(../img/ui/sec_code_english.gif) no-repeat 0 0;
	display:block;
	height:360px;
	left:110px;
	position:absolute;
	top:-320px;
	width:640px;
}
a.sec_code_spanish:hover span {
	background:url(../img/ui/sec_code_spanish.gif) no-repeat 0 0;
	display:block;
	height:360px;
	left:430px;
	position:absolute;
	top:-350px;
	width:640px;
}

a.ban_samp_1:hover span {
	background:url(../img/banners/banner_2x2.gif) no-repeat 0 0;
	display:block;
	height:250px;
	/*left:+600px;*/
	position:absolute;
	/*top:300px;*/
	width:3000px;
}
a.ban_samp_1_spanish:hover span {
	background:url(../img/banners/banner_2x2.gif) no-repeat 0 0;
	display:block;
	height:250px;
	/*left:+600px;*/
	position:absolute;
	/*top:300px;*/
	width:3000px;
}
a.ban_samp_2:hover span {
	background:url(../img/banners/banner_vert.gif) no-repeat 0 0;
	display:block;
	height:6000px;
	/*left:+600px;*/
	position:absolute;
	/*top:300px;*/
	width:120px;
}
a.ban_samp_2_spanish:hover span {
	background:url(../img/banners/banner_vert.gif) no-repeat 0 0;
	display:block;
	height:6000px;
	/*left:+600px;*/
	position:absolute;
	/*top:300px;*/
	width:120px;
}

/* IE6 HACK */
* html form.survey {
	width:479px;
}
* html form.survey fieldset {
	width:479px;
}
form.survey h3 {
	width:479px;
}












#signup p.add-another,
#signup span.answer-yes,
#signup span.recharge-yes,
#signup span.add-number-other-temp,
#signup span.add-number-personal-temp,
#my.numbers p.add-another,
#my.numbers span.add-number-other-temp,
#my.numbers span.add-number-personal-temp,
#my.recharge span.recharge-yes {
	display:none;
}






span.answer-yes a.add-number-other {
	background:url(../img/ui/add-friend.gif) no-repeat 0 5px;
	padding:5px 5px 5px 25px;
}
span.answer-yes a.add-number-personal {
	background:url(../img/ui/add-phone.gif) no-repeat 0 5px;
	padding:5px 5px 5px 25px;
}
span.answer-yes a.remove-number {
	background:url(../img/ui/remove-number.gif) no-repeat 0 5px;
	padding:5px 5px 5px 25px;
}



/*	---------------------------------------- */
#home {
	background:#F80709 url(../img/ui/bg_home.gif) no-repeat 0 10px;
	padding:10px inherit;
}
/*
html:not([dummy]) #home {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
} */
@media screen and (-webkit-min-device-pixel-ratio:0) { #home { width:100%;} }
#home h1,
#home p,
#home li {
	color:#fff;
}
#home h1 {
	font:3.2em/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}



#home #colL {
	display:block;
	float:left;
	padding:0 30px 0 0;
	width:570px;
}
#home #colL p {
	font:1.1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 1em 0;
}
#home #colL ul {
	padding:10px 0;
}
#home #colL ul li {
	background:url(../img/ui/bullet.gif) no-repeat 7px 9px;
	font:bold 2em/1.3em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 25px;
}




#home #colR {
	display:block;
	float:left;
	width:280px;
}
#home #colR p#promo,
#home #colR p#promo_spanish {
	/*background:url(../img/ui/bg_first20.gif) no-repeat 0 0;*/
	clear:both;
	display:block;
	float:left;
	height:0;
	margin:0;
	/*padding:145px 0 0 0;
	width:270px;*/
}
#home #colR p#promo_spanish {
	/*background:url(../img/ui/bg_first20_spanish.gif) no-repeat 0 0;*/
}
#home #colR p#signUp,
#home #colR p#signUp_spanish {
	clear:both;
	display:block;
	float:left;
	height:95px;
	margin:0;
	padding:0;
	width:270px;
}
#home #colR p#signUp a,
#home #colR p#signUp_spanish a {
	clear:both;
	display:block;
	float:left;
	height:0;
	margin:0;
	overflow:hidden;
	padding:95px 0 0 0;
	width:270px;
}
#home #colR p#signUp a {
	background:url(../img/ui/btn_signUp.gif) no-repeat 0 0;
}
#home #colR p#signUp_spanish a {
	background:url(../img/ui/btn_signUp_spanish.gif) no-repeat 0 0;
}
#home #colR p#signUp a:hover,
#home #colR p#signUp_spanish a:hover {
	background-position:0 -95px;
}
/*	---------------------------------------- */

#rates {
	/*background-color:#FC9C80;*/
	background-color:#000;
	/*border-bottom:#F80709 solid 10px;*/
	border-bottom:#F80709 solid 10px;
	padding:10px 30px 10px 40px;
	width:890px;
}
#rates dl {
	display:block;
	float:left;
	margin:0 10px 0 0;
	width:168px;
}
#rates dl dd {
	background-color:#fff;
	display:block;
	float:left;
	margin:0 0 1px 0;
	padding:5px 5px 6px 25px;
	width:134px;
}
#rates dl dd i {
	color:#333;
	display:block;
	float:left;
	font:normal 1.1em/1em Arial, Helvetica, sans-serif;
}
#rates dl dd b {
	color:#F80709;
	display:block;
	float:right;
	font:bold 1.1em/1em Arial, Helvetica, sans-serif;
}




#rates2 {
	background-color:#F0F0F0;
	padding:10px 30px 10px 40px;
	width:890px;
}
td {
	background-color:#fff;
	border-bottom:#ccc solid 1px;
	padding:5px 5px 6px 5px;
}
td.name {
	color:#333;
	font:normal 1.1em/1.3em Arial, Helvetica, sans-serif;
	text-align:left;
}
td.cost {
	border-right:#F0F0F0 solid 10px;
	color:#F80709;
	font:bold 1.1em/1.3em Arial, Helvetica, sans-serif;
	text-align:right;
}
div#mid div#rates2 table tr td.index {
	background-color:#F0F0F0;
	border:none;
	border-right:#F0F0F0 solid 10px;
	color:#000;
	font:1.2em/1.3em Arial, Helvetica, sans-serif;
	margin:0 10px 0 0;
	padding:5px;
	text-align:left;
}
div#mid div#rates2 table tr td.index a {
	background-color:#F0F0F0;
	border:#FC9C80 solid 1px;
	color:#F80709;
	font:bold .9em/1.3em Arial, Helvetica, sans-serif;
	margin:0 3px 0 0;
	padding:3px 7px 3px 7px;
	text-decoration:none;
}
div#mid div#rates2 table tr td.index a:hover {
	background-color:#F80709;
	border:#F80709 solid 1px;
	color:#fff;
}
td.alphabet {
	background:#F0F0F0 url(../img/ui/rateTab.gif) no-repeat 0 0;
	border-right:#F0F0F0 solid 10px;
	color:#000;
	font:1.1em/1.3em Arial, Helvetica, sans-serif;
	height:71px;
	padding:0;
	text-align:left;
}
td.alphabet b {
	display:block;
	float:left;
	font:bold 1.7em/1.3em Arial, Helvetica, sans-serif;
	height:46px;
	padding:15px 0 0 20px;
	text-align:left;
	width:20%;
}
td.alphabet i {
	display:block;
	float:right;
	font:bold 1em/1.3em Arial, Helvetica, sans-serif;
	height:46px;
	padding:15px 10px 0 0;
	text-align:right;
	width:20%;
}



/*	---------------------------------------- */
#btm {
	border-top:#000 solid 10px;
	padding:15px inheret;
	text-align:center;
}
#btm p {
	clear:both;
	color:#999;
	display:block;
	float:left;
	padding:8px 5px 5px 5px;
	white-space:nowrap;
}
#btm dl {
	clear:both;
	display:block;
	float:left;
	margin:0 auto;
	padding:0 0 30px 0;
}
#btm dl dd {
	background:url(../img/ui/div_tab.gif) no-repeat right center;
	float:left;
	margin:0 0 0 -1px;;
}
#btm dl dd.noline {
	background:none;
}
#btm dl dd a {
	color:#000;
	float:left;
	font:1.1em/1em Verdana, Arial, Helvetica, sans-serif;
	padding:8px 14px 8px 13px;
	text-decoration:none;
	white-space:nowrap;
}
#btm dl dd a:hover {
	color:#F80709;
	text-decoration:underline;
}
#btm dl dd.on a {
	background-color:#000;
	color:#fff;
}
#btm dl dd.on a:hover {
	color:#fff;
}

/*	---------------------------------------- */


#mid form.access {
	display:block;
	float:left;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#mid form.access label {
	clear:both;
	display:block;
	float:left;
	margin:.25em 0;
}
#mid form.access label b {
	color:#000;
	display:block;
	float:left;
	font:normal 1.2em/1em Verdana, Arial, Helvetica, sans-serif;
	padding:8px 5px 2px 5px;
	text-align:right;
	width:200px;
}
#mid form.access label i {
	display:block;
	float:left;
	padding:2px 5px 8px 5px;
	text-align:left;
}







/* ---------- FORM ERRORS ---------- */

form.survey label input {
	border:#999 solid 1px;
}

form.survey label.error input {
	border:#F83300 solid 1px;
}
form.survey label span.error {
	color:#F83300;
	display:block;
	float:left;
	font:bold 1em/1em Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 12px 12px 250px;
	text-align:left;
	text-transform:uppercase;
	width:235px;
}

/* ]]> */

Graphics Interchange Format