/* Colors:
	Dark Orange: #f78f1e;
	Orange:
	Blue: #00AEEF;
	Grays: 
*/
body {
	margin: 0;
	padding: 0;
	font-family: 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	background-color: white;
	height: 100%;
	color: #222;
	word-spacing: -1px;
}

/* common things */
.b{ font-weight:bold; }
.i{ font-style:italic; }
.u{ text-decoration: underline; }
.strike{ text-decoration: line-through; }
.xbig{ font-size: 1.25em; }
.big{ font-size: 1.1em; }
.small{ font-size: 0.9em; }
.xsmall{ font-size: 0.8em; }
.xxsmall{ font-size: 0.7em; }
.tr{ text-align: right; }
.tc{ text-align: center; } 
.tl{ text-align: left; }
.tj{ text-align: justify; }
.vc{ vertical-align: middle; } 
.vt{ vertical-align: top; } 
.vb{ vertical-align: bottom; } 
.clear{ clear:both; }
.clearr{ clear:right; }
.orange{ color:#EF7C23; }
.blue{ color:#00AEEF; }
.red{ color: red; }
.gray{ color: #666; }
.shadow { -moz-box-shadow: 3px 3px 4px #AAA; -webkit-box-shadow: 3px 3px 4px #AAA; box-shadow: 3px 3px 4px #AAA; }

/* major site layout */
html{ overflow-y: scroll; }
body{}
table{ border-collapse: collapse; }
img{ border:0; }
sup{ font-size: 0.5em; }
/*h1,h2,h3,h4,h5,h6{ font-family: Helvetica, Arial, Verdana, sans-serif; }*/

#Gheader{ background: url('../img2/gradient_bg.png') repeat-x #BBB;  padding: 8px 3px 0 3px; }
#Gheader_inner{ margin: auto; width: 960px; }
#Gheader_inner h1{ float: left;}
#GHRF{ float:right; padding-bottom: 8px; padding-top:4px; padding-right: 12px; }
#GHRF a{ color: blue; text-decoration: none; }
#GHR{ float:right; padding-top: 15px;}
#GHR ul{ list-style: none; margin: 0; padding: 0; }
#GHR ul li{ display: block; float:right; padding: 7px 5px 2px 5px; background: #DDD; margin-right: 2px; text-align: center; width: 70px; }
#GHR ul li.selected, #GHR ul li:hover{ background-image:none; background-color: #00AEEF; }
#GHR a{ color: #666; text-decoration: none; font-size: 14px; }
#GHR ul li.selected a, #GHR ul li:hover a{ color: white; }

#NavBar{ border-bottom: 6px solid #00AEEF; }

#Nav{ padding: 6px 10px; margin: auto; width: 900px; }
#Nav ul{ list-style: none; margin: 0; padding: 0; display: none; }
#Nav ul.visible{ display: block; }
#Nav ul li{ cursor: pointer; display: inline; padding: 0px 10px; border-right: 1px solid #444; font-size: 1.2em; }
#Nav ul li.last{ border-right:0; }
#Nav ul li a{ color: #555; text-decoration: none; }
#Nav ul li a:hover{ text-decoration: underline; }

#Gcontent{ text-align: left; margin: auto; width: 950px; }
#Gcontent_inner{  } 

#Gtoll_free{ border-top: 5px solid #BBB;  }
#Gtoll_free div{ margin: auto; width: 950px; font-size: 16pt; text-align: left; padding: 8px 30px;  }

#Gfooter{ background: #BBB; color: #444; text-align: left; font-size: 8pt; padding-bottom: 5em; }
#Gfooter_inner{ width: 950px; margin: auto; padding: 15px 30px 0 30px;}
#Gfooter-nav { float: right; padding-right: 145px; }
#Gfooter-nav a { color: #555; text-decoration: none; }


/******* error handler */
.error h4, .user_error h4, .user_warning h4, .user_notice h4{ padding: 0.4em; margin:0; font-size: 1.2em; color: black !important; }
.user_error h4{ color: white !important; }
.error p, .user_error p, .user_warning p, .user_notice p{ padding: 0.8em 1.5em; margin: 0; }
.error p{ margin:0; padding: 0.5em; }
.error, .user_error{
	background-color: #B81900;
	background-image: url('../img2/error_bg.png');
	border: 1px solid #CD0A0A;
	border-radius: 4px;
	color: white;
	margin: auto;
	padding: 0 7px;
	width: 95%;
	margin-bottom: 0.35em;
}
.user_warning{
	background-color: #FFE45C;
	border: 1px solid #FED22F;
	border-radius: 4px;
	color: #363636;
	margin: auto;
	padding: 0 7px;
	width: 95%;
	margin-bottom: 0.35em;
}
.user_notice{
	background-color: #88F;
	border: 1px solid #44F;
	border-radius: 4px;
	color: #363636;
	margin: auto;
	padding: 0 7px;
	width: 95%;
	margin-bottom: 0.35em;
}
.pre{ font: "Courier New", Courier, monospace; font-size: 0.9em; max-height: 250px; max-width: 99%; white-space: pre-wrap; overflow: auto; border: 2px dashed #FF6666; }

/******* jQuery UI */
.ui-button{ background: #EF7C23 !important; color: white; }
.ui-button-text{ color: white; }
#product_tabs{ border: 0; }
#product_tabs>ul{ background: transparent; background-image: none; border-top:0; border-right: 0; border-left:0; }
#product_tabs>ul .ui-tabs-selected { border-bottom: 1px solid #00AEEF !important; padding-bottom: 0; }
#product_tabs>ul .ui-tabs-selected a{ background-color: #00AEEF; color: white; }

/* Main Page */
#main_rotate_img a{ display: none; }
#main_rotate_img .active{ display: block; }

/******* Content */
#C{ color: #222; font-size: 14px; line-height: 20px; }
#C table{ color: #222; font-size: 14px; line-height: 20px; }
#C .tabC{ color: #222; font-size: 14px; line-height: 20px; }

#C a, #C a:visited{ color: #00AEEF; }
#C a:hover{ color: black; }
#C h2{ color: #00AEEF; font-size: 24px; font-weight: bold; margin: 28px 0px 10px 0px; }
#C h3{ font-size: 24px; font-weight: bold; color: #222; }
#C h4{ color: #EF7C23; }
#C hr{ border:0; border-bottom: 3px solid #CCC; }
.button, button, input[type=button], input[type=submit]{ font-size: 1.2em !important; }
.legal{ font-size: 10px; line-height: 14px; color: #222; text-align: left; }

#pagetoolbox{ float: right; font-size: 18px; color: #555; margin-right: 35px; }
#pagetoolbox a{ text-decoration: none; }
#pagetoolbox a:hover{ text-decoration: none; }
.newadright{ float: right; width: 160px; margin: 5px; }
.bigprice{ font-size: 42px; font-weight: bold; color: #f78f1e; }
.bigprice sup{text-decoration: underline; }

.comparison { width: 100%; }
.comparison th{ padding: 0.25em 0.7em; color: white; background-color:#00AEEF; font-weight: bold; }
.comparison th ul{ margin:0; padding: 5px 0px; padding-left: 1.2em;  font-weight: normal; }
.comparison td{ padding: 0.25em 0.5em; vertical-align: top; }
.comparison td.vc{ vertical-align: middle; }
.comparison td, .comparison th{ border: 1px solid #d2d3d4; }
.comparison td:first-child, .comparison th:first-child{ border-left: none; }
.comparison td:last-child, .comparison th:last-child{ border-right: none; }
.comparison td ul{ margin:0; padding:0; padding-left: 1.2em; }
.comparison tfoot td{ border: 0; }

.chart {  }
.chart th{ padding: 0.2em 0.5em; color: white; background-color:#00AEEF; font-weight: bold; }
.chart td{ padding: 0.2em 0.3em; }
.chart td, .chart th{ border: 1px solid #d2d3d4; }
.chart td:first-child, .chart th:first-child{ border-left: none; }
.chart td:last-child, .chart th:last-child{ border-right: none; }
.chart td ul{ margin:0; padding:0; padding-left: 1.2em; }

.faqlist { padding-bottom: 1.2em; }
.faqlist ul{ margin: 0; padding: 0; padding-left: .5em; list-style: none; }
.faqlist ul li{ padding: 2px; font-size: 1.1em; }
.faqlist ul li a:before{ content:'Q. ' }
.faqitem{ border: 1px solid #999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #F5F5F5; margin-bottom: 1em; }
.faqitem .question{ padding: 6px 10px 6px 50px; font-size: 1.1em; font-weight: bold; background: #BBB url('../img2/Q.png') no-repeat;}
.faqitem .answer{ padding: 4px 10px; background: url('../img2/A.png') no-repeat; }
.faqitem .totop{ text-align: right; font-size: 0.9em; font-weight: bold; }

.newsitem{ border-bottom: 1px solid #E5E5E5; padding: 0.5em;  }
.newsitem h3{ margin-bottom: 0; font-size: 1.3em; }
.newsitem h3 a{ text-decoration: none; color: black !important; }
.newsitem h5{ margin:0; padding:0; margin-left: 4em; }
.newsitem p{ }
.newsitem span{ margin-left: 2em; font-style:italic; }
#news_date{}
#news_article{ padding: 0.1em 1em; }

.ratebox { font-family: Arial, Helvetica, sans-serif; }
.ratebox .filterbox{ text-align: right; color: white; background-color:#00AEEF; font-weight: bold; }
.ratebox .filterbox div{ padding: 0.3em 1.2em; }
.ratebox .ratefilter{ font-size: 0.8em; border: 1px solid #444; width: 15em; }
.ratebox .rateblock{ max-height: 450px; overflow: auto; }
.ratebox th{ padding: 0.5em; color: white; background-color:#00AEEF; font-weight: bold; }
.ratebox td{ padding: 0.2em 0.5em; }
.ratebox td+td{ text-align: right; }
.ratebox td, .ratebox th{ border: 1px solid #d2d3d4; }
.ratebox td:first-child, .comparison th:first-child{ border-left: none; }
.ratebox td:last-child, .comparison th:last-child{ border-right: none; }

.stats{ width: 99%; }
.stats th{ padding: 0.1em; font-size: 10px; padding: 1px 3px; line-height: 13px; text-align: center; }
.stats th.odd{ background: #F1F1F1; }
.stats td{ border: 1px solid #BBB;  font-size: 10px; padding: 1px 3px; line-height: 13px; }
.stats td.odd{ background: #E5E5E5; }

.surveytbl{ width: 99%; }
.surveytbl th{ padding: 0.1em; font-size: 9px; padding: 1px 2px; line-height: 11px; text-align: center; }
.surveytbl th.odd{ background: #F1F1F1; }
.surveytbl td{ border: 1px solid #BBB;  font-size: 9px; padding: 1px 2px; line-height: 11px; }
.surveytbl td.odd{ background: #E5E5E5; }

#C .Gmenu{  margin:0; padding:0; }
#C .Gmenu li{ list-style: none; background: #EF7C23; margin-bottom: 3px; font-weight: bold; cursor: pointer; }
#C .Gmenu li.plain{ }
#C .Gmenu li a{ color: white; text-decoration: none; display:block; padding: 7px; }
#C .Gmenu li a:hover{ color: white; padding-left: 14px; }
#C .Gmenu li.plain a{ color: black; margin-left: 10px; background: #F9B062; }
#C .Gmenu li.plain a:hover{ color: black; }


/* portal styling */
#table_Voicemails{ width: 99%;  }
#table_Voicemails td{ border: 1px solid #AAA; font-size: 0.85em; padding: 0.05em 0.8em; text-align: right; padding-bottom: 0; }
#table_Voicemails tr:hover:not(.playerrow) td{ background: #fbaf5d; }
#table_Voicemails th{ border-bottom: 2px solid #999; font-size: 0.85em; font-weight: bold; text-align: center; }
#table_CallRecords{ width: 99%;  }
#table_CallRecords th{ border-bottom: 2px solid #999; font-size: 0.85em; font-weight: bold; text-align: center; padding-bottom: 0; }
#table_CallRecords tr:hover td{ background: #fbaf5d; }
#table_CallRecords td{ border: 1px solid #AAA; font-size: 0.85em; padding: 0.05em 0.8em; text-align: right; }
#table_AddressBook{ width: 99%;  }
#table_AddressBook th{ border-bottom: 2px solid #999; font-size: 0.85em; font-weight: bold; text-align: center; padding-bottom: 0; }
#table_AddressBook tr:hover td{ background: #fbaf5d; }
#table_AddressBook td{ border: 1px solid #AAA; font-size: 0.85em; padding: 0.05em 0.8em; text-align: right; }
#table_Devices{ width: 99%;  }
#table_Devices td{ border: 1px solid #AAA; font-size: 0.85em; padding: 0.05em 0.8em; text-align: right; padding-bottom: 0; }
#table_Devices tr:hover td{ background: #fbaf5d; }
#table_Devices th{ border-bottom: 2px solid #999; font-size: 0.85em; font-weight: bold; text-align: center; }

.callbackbut, input[type=submit].callbackbut {font-size: 0.9em !important;}

a.playbut{
	display: block;
	cursor: pointer;
	overflow:hidden;
	text-indent:9999px;
}
a.playbut{
	background: url("../img2/jplayer.blue.monday_sm.png") 0 0 no-repeat;
}
a.playbut:hover {
	background: url("../img2/jplayer.blue.monday_sm.png") -20px 0 no-repeat;
}
a.playbut{
	width:20px;
	height:20px;
}

/*#YakDigitalContainer #navcontainer{}
#YakDigitalContainer #navcontainer ul{ list-style: none; padding:0; padding-bottom: 3px; margin:0; border-bottom: 1px solid #555; }
#YakDigitalContainer #navcontainer ul li{ display: inline; margin:0; padding: 5px 12px; border: 1px solid #555; margin-right: 5px; 
										-moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px;  
									    -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; ;
									    -o-border-top-left-radius: 5px; -o-border-top-right-radius: 5px; ;
									    border-top-left-radius: 5px; border-top-right-radius: 5px;
									    background: #EEE;
										}
#YakDigitalContainer #navcontainer ul li a{ text-decoration: none; color: black; }
#YakDigitalContainer #navcontainer ul li:hover{ background: #EF7C23; border-bottom: 1px solid white; }
#YakDigitalContainer #navcontainer ul li.selected{ border-bottom: 1px solid white; background: #EF7C23; }*/
#yakdigital_container { float:left; width: 100%; }
#yakdigital_container ul li a:hover{ cursor: pointer; }
#yakdigital_container{ border: 0; }
#yakdigital_container>ul{ background: transparent; background-image: none; border-top:0; border-right: 0; border-left:0; }
#yakdigital_container>ul .ui-tabs-selected { border-bottom: 1px solid #00AEEF !important; padding-bottom: 0; }
#yakdigital_container>ul .ui-tabs-selected a{ background-color: #00AEEF; color: white; }

#YakDigitalContainer #navcontainer ul li form{ display: inline; margin: 0; padding: 0; }
#YakDigitalContainer input[type=submit]{ color: white; }
#YakDigitalContainer input[type=button]{ color: white; }

/* login box */
#yak_login_table tr td{ padding-left: 7px; padding-top: 3px; }
#yaklogin_button { cursor: pointer; }
#yaklogin_email, #yaklogin_password{ width:180px; }
#yaklogin_butcell, #yaklogin_loadingcell{ text-align: center; }