/* This centers the table */
.tablediv {
	text-align: center;
}

/* This is the universal style */
table.compare {
	width: 580px;
	border:none;
	font-family: Arial, Helvetica, sans-serif; /* This is the universal text. If you want to use a differnt font in certain table cells only, then you can specify that in the <td> cell class itself */
	font-size: 14px;
	font-weight: bold;
	color:black;
	background-color: inherit;
}

/* this is the universal styling for the table headings. It centers the text */
th.vm {
	text-align:center;
	font-size: 20px;
	width:288px;
}

/* This is the universal styling for the table data. It aligns the text to the left */
td.vmcell {
	text-align: left;
	padding:10px;
	border-top: 3px solid #10283e;
	border-right: 3px solid #10283e;
	width:290px;
}

/*======== Start Vertical Mastery styles =======*/

/*This styles the Vertical Mastery left column header */
th.VMLeft {
	background: url(../Vert_Table/VMLeft.png) no-repeat;
	height: 103px;
	border-right:3px solid #10283e;
	border-top: none !important;
}

/* This styles the Vertical Mastery right column header */
th.VMRight {
	background: url(../Vert_Table/VMRight.png) no-repeat;
	height:103px;

}

/* This is the left data column */
td.VMLeftData {
	background: url(../Vert_Table/VMLeftData.jpg) repeat-y;
	border-left:3px solid #10283e;
}

/* this is the right data column */
td.VMRightData {
	background: url(../Vert_Table/VMRightData.jpg) repeat-y;
}

.vmfooter {
	background: url(../Vert_Table/VMFooter.png) no-repeat;
	border-right:none !important;
	border-top:3px solid #10283e;
	height:35px;
	width:580px;
	padding: 0;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
}