/* CALIFONE */
body, td, th, tr {
	font-family: Verdana, Arial, Geneva, helvetica;
	font-size: 12px; /* Added 10-26-06 */
}
#ContMain {
	height:100%;
	width:100%;	
}
#VoidLeft {
	width:1px;
}
#VoidRight {
	width:1px;
}
#TableMast {
	height:159px;
	width:100%;
}
#TableFooter {
	height:24px;
	background-color:#5e6ca1;
	font-size:9px;
	color:#FFFFFF;
}
#TableFooter div {
	height:24px;
	width:800px;
	text-align:center;
	line-height:24px;
}

.clear {clear:both; font-size: 0px; }

.topback {
	background-image: url(images/top_nav_background.gif);
	background-repeat: no-repeat;
}
.background {
	background-image: url(images/top_shadow.gif);
	background-repeat: repeat-x;
}
.search_bkg {
	background-image: url(images/search_bkg.jpg);
	background-repeat: no-repeat;
}
.topten_bkg {
	background-image: url(images/bkg_topten.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.mediaheader {
	font-size: 16px;
	font-weight: bolder;
	color: #3399CC;
}
.headphoneheader {
	font-size: 16px;
	font-weight: bolder;
	color: #E12322;
}
.portableheader {
	font-size: 16px;
	font-weight: bolder;
	color: #52A882;
}
.securityheader {
	font-size: 16px;
	font-weight: bolder;
	color: #BF3782;
}
.readingheader {
	font-size: 16px;
	font-weight: bolder;
	color: #DEBC26;
}
.header {
	font-size: 16px;
	font-weight: bolder;
	color: #5E6CA1;
}
.header_norm {
	font-weight: bold;
	color: #5E6CA1;
}
.header_big {
	font-size: 24px;
	font-weight: bolder;
	color: #5E6CA1;
}
a.header_big_l:link, a.header_big_l:hover, a.header_big_l:visited, a.header_big_l:active, a.header_big_l:focus {
	text-decoration: none;
	font-size: 24px;
	color: #5E6CA1;
	font-weight: bolder;
}
a.link_big:link, a.link_big:hover, a.link_big:visited, a.link_big:active, a.link_big:focus {
	text-decoration: none;
	font-size: 24px;
	color: #FF0000;
	font-weight: bolder;
}
.daily_t_header {
	font-size: 14px;
	font-weight: bolder;
	color: #FFFFFF;
}
.daily_s_header {
	font-size: 14px;
	color: #5E6CA1;
}
.header_cat {
	color: #CC9933;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
}

ul.bullet {
	margin-left: 7px;
	padding-left: 7px;
	list-style-image: url(images/bullet.gif);
}

.italic	 	{ font-style:italic; }
.uppercase 	{ text-transform: uppercase; }

/* ------- Border line for all pages -------*/
.border_all {
	border: 1px solid #5E6CA1;
}
.border-left {
	border-left: 1px solid #5E6CA1;
}
.border-right {
	border-right: 1px solid #5E6CA1;
}
.border-top {
	border-top: 1px solid #5E6CA1;
}
.border-bottom {
	border-bottom: 1px solid #5E6CA1;
}
/* ------- Border line for Secure Dealer pages -------*/
.line_right {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5E6CA1;
}
.bottomline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #358ECA;
}
.sideline {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #358ECA;
}
.small {
	font-size: 10px;
	color: #000000;
}
.smaller {
	font-size: 9px;
	color: #000000;
}
.special_header {
	font-size: 18px;
	font-weight: bolder;
	color: red;
}
.special_footer {
	font-size: 12px;
	font-weight: bolder;
	color: #000000;
}
.prod_new {
	font-size: 10px;
	color: #FF0000;
	font-style: italic;
}
.prod_tbl {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}
.margins {
	padding-right: 10px;
	padding-left: 15px;
}
.margin2 {
	padding-left: 10px;
}
.margin3 {
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.chartmargin {
	padding-left: 30px;
}
.chartlineheadphone {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E12322;
}
.learningcenter {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #381778;
}
.chartcardreader {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DEBC26;
}
.chartpa {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #52A882;
}
.headphonesideline {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E12322;
}
.headphonebottomline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E12322;
}
.lcsideline {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #381778;
}
.lcbottomline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #381778;
}
.compsideline {
	border-bottom-width: 1px;
	border-bottom-color: #D79628;
	border-bottom-style: solid;
}
.compvertline {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D79628;
}
.pabottomline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #52A882;
}
.pasideline {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #52A882;
}
.bottomlinereading {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEBC26;
}
.sidelinereading {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DEBC26;
}
.chartwireless {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000099;
}
/*--------LINKS---------*/

a, a:visited, a:active {
	color: #192967; /*---Dark Blue---*/
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #5E6CA1;
}
a.large:link, a.large:active, a.large:visited {
	font-size: 14px;
	color: #996600;
	font-weight: bold;
}
a.large:hover {
	font-size: 14px;
	color: #FF0000;
}
a.small:link, a.small:active {
	font-size: 9px;
	color: #996600;
}
a.small:visited {
	font-size: 9px;
	color: #333333;
}
a.small:hover {
	font-size: 9px;
	color: #990000;
}
a.copy:link, a.copy:active, a.copy:visited {
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
}
a.copy:hover {
	color: #CCCCCC;
}
a.homettl:link, a.homettl:active, a.homettl:hover, a.homettl:visited {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	/* text-transform: uppercase; */
}
a.cat_link:link, a.cat_link:active, a.cat_link:visited {
	color: #996600;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}
a.cat_link:hover {
	color: #FF0000;
}
a.press_nav:link, a.press_nav:active, a.press_nav:visited {
	font-size: 16px;
	color: #E3B839;
	font-weight: bold;
	text-decoration: none;
	/* text-transform: uppercase; */
}
a.press_nav:hover {
	color: #5E6CA1;
	text-decoration: none;
	/* text-transform: uppercase; */
}
/* ------ code for forms ------ */
input, textarea, select {
	font-size: 11px;
	/* background-color: #FAFAFA; */
	/* border:1px solid #5E6CA1; */
	margin-bottom:3px;
}
input.border, textarea.border, select.border {
	border:1px solid #5E6CA1;
}
input.btn {
	margin-top:2px;
	border: 3px double #23408F;
	border-top-color: #94ABFF;
	border-left-color: #94ABFF;
	padding: 0.25em;
	background-color: #FAFAFA;
	color: #23408F;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Geneva, helvetica;
}
input.btnhov {
	border: 3px double #94ABFF;
	border-top-color: #23408F;
	border-left-color: #23408F;
}
.border_none {
	/* background-color:#FFFFFF; */
	border: 0px solid #D61821;
}
fieldset {  
	float: left;  
	clear: left;  
	width: 100%;
	border: 3px double #5E6CA1;  
	margin: 0 0 10px 0;
	padding: 0;
}
fieldset div {  
	float: left;  
	clear: left;  
	width: 100%; 
	padding-bottom: 4px;
}
fieldset.submit {  
float: none;  
width: auto;  
border: 0 none #FFF;  
}
legend.legend {
	font-size: 14px;
	font-weight: bold;
	color: #5E6CA1;
	margin-left: 10px;
	padding: 0;
}  
label { 
	font-size:10px;
	color:#5E6CA1;
	margin-top:3px;
}
label.label-left {
	float: left;  
	font-size:11px;
	color:#5E6CA1;
	margin: 3px 10px 0px 0px;
	padding-left: 6px;
	width: 12em;
}

.FormWrap fieldset {
	padding-top: 15px;
	margin-bottom: 25px;
	line-height: 100%;
	border: 1px solid #999999;
	background-color: #E9F1FF;
}
.FormWrap form fieldset legend {
	font-size: 16px;
	font-weight: bolder;
	color: #5E6CA1;
}
/* ------ code for the home page survey ------ */
.survey_bg {
	background-image: url(images/test_home_blast.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.bl_med {
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
}
.bl_large {
	font-size:18px;
	color:#FF0000;
	font-weight: bold;
}
.sy_text {
	font-size:10px;
	color:#000000;
	font-weight: bold;
}

/* ------ code for the dealers ------ */
.dealer {
	background-image: url(images/dealer_back.gif);
	background-repeat: no-repeat;
}
.dealer_cat {
	color: #5E6CA1;
	font-size: 16px;
	font-weight: bold;
}
.dealer_name {
	font-size: 14px;
	font-weight: bold;
}
.navspacer {
	text-decoration: none;
	font-size: 11px;
	color: #E3B839;
	font-weight: bold;
}
a.d_nav:link, a.d_nav:visited {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-shadow: black 0.1em 0.1em 0.2em;
	/* text-transform: uppercase; */
}
a.d_nav:active, a.d_nav:hover {
	color: #E3B839;
	text-decoration: none;
	/* text-transform: uppercase; */
}
a.d_tabs:link, a.d_tabs:active, a.d_tabs:hover, a.d_tabs:visited {
	color: #AAAAAA;
	font-weight: bold;
	text-decoration: none;
}

/* ------ code for the nav spacers ------ */
.p7PMnavspacer {
	display: block;
	text-decoration: none;
	padding: 6px 5px 0px 3px;
	font-size: 10px;
	color: #E3B839;
	font-weight: bold;
	line-height:1;
	text-shadow: black 0.1em 0.1em 0.2em;
}

/* ------ code for the ZOOM SEARCH ------ */
.highlight { background: #FFFF40; }
.searchheading {
	color:#5E6CA1;
	font-size: 18px;
	font-weight: bold;
}
.summary {
	font-size: 11px;
	font-style: italic;
} 
.results { font-size: 12px; }
.category { color: #999999; }
.description {
	font-size: 12px;
	color: #008000;
}
.context { font-size: 100%; }
.infoline {
	font-size: 11px;
	font-style: normal;
	color: #808080;
}
.sorting { text-align: right; }
.result_title {
	font-size: 14px;
	color:#5E6CA1;
}

.zoom_searchform { font-size: 100%; }
.zoom_options { font-size: 80%; }
input.zoom_button {  }


/* ------ code for Ajax Poller ------ */
.poller{	/* The poller box */	
		width:150px;
		height:220px;		
		padding:15px;	
		border:3px double #317082;
		background-image:url(images/question.gif);
		background-repeat:no-repeat;
		background-position: center center;
		margin:10px;
	}
	/* Poller title above radio buttons */
	.pollerTitle{
		margin-bottom:5px;
		font-weight:bold;
	}
	/* Label for each radio button */
	.pollerOption{
		margin:0px;
	}
	/* Label for each option above graph - i.e. results */
	.result_pollerOption{
		margin:0px;
		font-size:0.8em;
	}
	/* Title of poller - when ajax shows the results */
	.result_pollerTitle{
		margin-bottom:5px;
		font-weight:bold;
		font-size:0.9em;
	}
	/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
	.result_pollGraph img{
		float:left;
	}
	/* The <div> tag where the percentage result is shown */
	.result_pollGraph div{
		float:left;
		height:16px;
		background-repeat:repeat-x;
		color:#FFF;
		font-size:0.9em;
		line-height:16px;
	}
	/* Graph div - parent of both the corner images and the div displaying percentage votes */
	.result_pollGraph{	
		height:16px;
	}
	
	/* Message when Ajax is working getting restults fromt the server */
	.poller_waitMessage{
		display:none;	
	}	
	
	.result_totalVotes{
		clear:both;
		font-size:0.8em;
		margin-top:10px;
		font-style:italic;
	}

/* Calendar Styles */
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */
div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
/* Calendar Choose Date */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url('images/calendar.png') no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}