@charset "UTF-8";
/* CSS Document */

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //   Layout and Box Models                                                                                 // */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////// */

em.yes, em.no {				/* check and dash marks used in tables to indicate the availability of a feature */
	display: block;
	position: relative;
	margin: 0 auto 0 auto;	/* center the element */
	height: 16px;
	width: 20px;
	}

em.yes span, em.no span {	/* for screen readers, hide the value of the span label from viewers */
	display: none;
	}

/* ///////////////////////////////// shared table elements */

table.tabletype_4col,
table.tabletype_3col,
table.tabletype_2col,
table.tabletype_mixed {		/* give all tables a margin on top and bottom */
	margin: 5px 0 5px 0;	/* ensure no padding */
	padding: 0;				/* make them expand to 100% of their available space--for now */
	width: 100%;
	}

table.tabletype_4col thead tr td,
table.tabletype_3col thead tr td,
table.tabletype_2col thead tr td,
table.tabletype_mixed thead tr td {	/* every table has one cell in its head space, make that cell 23px tall to allow room for the title graphic */
	height: 23px;
	}

table.tabletype_4col thead tr td h2,
table.tabletype_3col thead tr td h2,
table.tabletype_2col thead tr td h2,
table.tabletype_mixed thead tr td h2 {	/* for viewers, do not display table heading--screen readers still see it */
	display: none;
	}

table.tabletype_4col tbody td,	
table.tabletype_3col tbody td,
table.tabletype_2col tbody td,
table.tabletype_mixed tbody td {	/* give all cells padding on all sides except the right */
	padding: 3px 0 3px 3px;			/* vertically align elements in the cell with the top */
	vertical-align: top;
	}

table.tabletype_4col tbody td h3,
table.tabletype_3col tbody td h3,
table.tabletype_2col tbody td h3,
table.tabletype_mixed tbody td h3 {	/* in cells, h3 elements are used to denote important data; remove their margins and paddings */
	margin: 0;
	padding: 0;
	}



/* /////////////////////////////////////////// generic column widths */
table.tabletype_4col td.cel0 { width: 25%; }
table.tabletype_4col td.cel1 { width: 25%; }
table.tabletype_4col td.cel2 { width: 25%; }
table.tabletype_4col td.cel3 { width: 25%; }

table.tabletype_3col td.cel0 { width: 34%; }
table.tabletype_3col td.cel1 { width: 33%; }
table.tabletype_3col td.cel2 { width: 33%; }

table.tabletype_2col td.cel0 { width: 33%; }
table.tabletype_2col td.cel1 { width: 67%; }

table.tabletype_mixed td.cel0 { width: 30%; }
table.tabletype_mixed td.cel1 { width: 30%; }
table.tabletype_mixed td.cel2 { width: 30%; }


/* /////////////////////////////////////////// explicit widths */
table#table_clinic { }
table#table_clinic td.cel0 { width: 30%; }
table#table_clinic td.cel1 { width: 50%; }
table#table_clinic td.cel2 { width: 20%; }

table#table_accessnum { }
table#table_accessnum td.cel0 { width: 30%; }
table#table_accessnum td.cel1 { width: 50%; text-align:center; }
table#table_accessnum td.cel2 { width: 20%; text-align:center; }

table#table_access { }
table#table_access td.cel0 { width: 40%; }
table#table_access td.cel1 { width: 30%; }
table#table_access td.cel2 { width: 30%; }
 
table#table_domains { }
table#table_domains td.cel0 { width: 20%; }
table#table_domains td.cel1 { width: 60%; }
table#table_domains td.cel2 { width: 20%; }

table#table_antespam { }
table#table_antespam td.cel0 { width: 60%; }
table#table_antespam td.cel1 { width: 20%; }
table#table_antespam td.cel2 { width: 20%; }

table#table_internetsolutions { }
table#table_internetsolutions td.cel0 { }
table#table_internetsolutions td.cel2 { }

table#table_businessdsl { font-size:.75em; }
table#table_businessdsl td.cel0 { width: 26%; padding:0 5px;}
table#table_businessdsl td.cel1 { width: 37%; padding:0 5px;}
table#table_businessdsl td.cel2 { width: 37%; padding:0 5px;}

table#table_highspeed { }
table#table_highspeed td.cel0 { }
table#table_highspeed td.cel1 { }
table#table_highspeed td.cel2 { }
table#table_highspeed td.cel3 { }

table#table_dialup { }
table#table_dialup td.cel0 { }
table#table_dialup td.cel1 { }
table#table_dialup td.cel2 { }
table#table_dialup td.cel3 { }

table#table_hosting td.cel0 { width: 40%; }
table#table_hosting td.cel1 { width: 20%; }
table#table_hosting td.cel2 { width: 20%; }
table#table_hosting td.cel3 { width: 20%; }

table#table_hosting,
table#table_clinic {
	float: right;
	width: 450px;
	margin: 4px 0 10px 20px;
	/*margin: 0 40px 10px 20px;*/
	}
table#table_accessnum {
	float: right;
	width: 450px;
	margin: 4px 0 10px 20px;
	/*margin: 0 40px 10px 20px;*/
	}


	
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //   Appearance                                                                                            // */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////// */

table h3 {
	font-size: 1.25em; /* this multiplier is applied to nested h3 elements because they inherit a tables em-font size */
	}


/* ///////////////////////////////// emphasized elements elements */
em.red { color: #f00; } /* used with * to denote footnotes */

em.blue { font-style: normal; color: #00c; }

em.yes, em.no { background: url(/source/custom/bg_hosting_check.png); }	/* apply check marks and dashes em graphics */
tr.row0 em.yes { background-position: 0 0; }		/* white row, check mark */
tr.row0 em.no { background-position: 0 -25px; }		/* white row, dash mark */
tr.row1 em.yes { background-position: 0 -50px; }	/* yellow row, check mark */
tr.row1 em.no { background-position: 0 -75px; }		/* yellow row, dash mark */


/* ///////////////////////////////// shared table elements */
table.tabletype_4col thead tr td,
table.tabletype_3col thead tr td,
table.tabletype_2col thead tr td,
table.tabletype_mixed thead tr td {
	background: url(/source/custom/bg_table_headers.png) no-repeat #000;	/* apply the background image graphic to the table's header row */
	}

table.tabletype_4col,
table.tabletype_3col,
table.tabletype_2col,
table.tabletype_mixed {				/* simulate 2px bottom padding inside the table--due to cross-browser style issue w/ padding style */
	border-bottom: 2px solid #000;	
	background: #000;				/* the above-mentioned border + the 2px border on the cells of the table = 4px border; like on the side of each row */
	}

table.tabletype_4col tr.row0,
table.tabletype_3col tr.row0,
table.tabletype_2col tr.row0,
table.tabletype_mixed tr.row0 {	/* define row 0 color for alternating effect */
	background: #fff;
	}

table.tabletype_4col tr.row1,
table.tabletype_3col tr.row1,
table.tabletype_2col tr.row1,
table.tabletype_mixed tr.row1 {	/* define row 1 color for alternating effect */
	background: #fff799;
	}

table.tabletype_4col tbody td.cel0,
table.tabletype_3col tbody td.cel0,
table.tabletype_2col tbody td.cel0,
table.tabletype_mixed tbody td.cel0 {
	border-left: 4px solid #000;		/* simulate 4px left padding outside designated cells--due to cross-browser style issue w/ padding style */
	}

table.tabletype_4col tbody td.cel3,
table.tabletype_4col tbody td.celX,
table.tabletype_3col tbody td.cel2,
table.tabletype_2col tbody td.cel1,
table.tabletype_mixed tbody td.cel2,
table.tabletype_mixed tbody td.celX {
	border-right: 4px solid #000;		/* simulate 4px right padding outside designated cells--due to cross-browser style issue w/ padding style */
	}

table.tabletype_mixed tbody td.cel1 {
	border-right: 1px solid #000;
	}

table.tabletype_4col tbody td,
table.tabletype_3col tbody td,
table.tabletype_2col tbody td,
table.tabletype_mixed tbody td {
	border-bottom: 1px solid #000;		/* simulate 2px bottom padding outside designated cells--due to cross-browser style issue w/ padding style */
	}
	
table.tabletype_4col tbody tr.rowX h3,
table.tabletype_3col tbody tr.rowX h3,
table.tabletype_2col tbody tr.rowX h3,
table.tabletype_mixed tbody tr.rowX h3 {	/* make h3 elements in the designated header rowX center aligned */
	text-align: center;						/* make them white (on a black background) */
	color: #fff;

	}
table.tabletype_4col tbody tr.rowX h3 a,
table.tabletype_3col tbody tr.rowX h3 a,
table.tabletype_2col tbody tr.rowX h3 a,
table.tabletype_mixed tbody tr.rowX h3 a{	/* make h3 elements in the designated header rowX center aligned */
	text-align: center;						/* make them white (on a black background) */
	color: #fff;
	text-decoration:none;
	}

/* /////////////////////////////////////////// explicite appearances */

table#table_clinic thead tr td { background-position: 0 -175px; }		/* clinic */
table#table_accessnum thead tr td { background-position: 0 -245px; }		/* access numbers */

table#table_clinic {
	font-size: .625em; /* 16 x .625 = 10pt */
	}
table#table_accessnum {
	font-size: .625em; /* 16 x .625 = 10pt */
	}
table#table_domains, table#table_antespam {
	font-size: .75em; /* 16 x .75 = 12pt */
	}

table#table_dialup {
	font-size: .75em;
	}
table#table_highspeed {
	font-size: .75em;
	}

table#table_faq{
	text-align: left;
}
table#table_faq td{
	width: 250px;
}

table#table_domains thead tr td { background-position: 0 -210px; }		/* domain extensions */
table#table_domains tbody td.cel0,
table#table_domains tbody td.cel2 {
	text-align: center;
	}

table#table_antespam thead tr td { background-position: 0 -210px; }		/* domain extensions */
table#table_antespam tbody td.cel0, 
table#table_antespam tbody td.cel0 h3 {
	text-align:left;
}
table#table_antespam tbody td.cel1 {
	text-align: right;
}
table#table_antespam tbody td.cel2 {
	text-align: center;
	}


table#table_internetsolutions thead tr td { background-position: 0 -140px; } /* internet access solutions */


table#table_businessdsl thead tr td { background-position: 0 -105px; } /* business dsl */


table#table_highspeed thead tr td { background-position: 0 -70px; } /* high speed dsl */


table#table_dialup thead tr td { background-position: 0 -35px; } /* dial-up options */

table#table_antespam thead tr td { background-position: 0 -280px; } /* antespam packages */

table#table_dialup tbody td.cel1,
table#table_dialup tbody td.cel2,
table#table_dialup tbody td.cel3 { 
	text-align: center; 
	}


table#table_hosting thead tr td { background-position: 0 0; } /* hosting */

table#table_hosting {
	font-size: .625em; /* 16 x .625 = 10pt */
	}

table#table_hosting tbody td.cel1,
table#table_hosting tbody td.cel2,
table#table_hosting tbody td.cel3 {
	text-align: center; 
	}