/* ------------------- Email specific table ---------------------*/ 

.email-table tr td { padding-left: 73px; display: block; }

.email-table tr td span {position: absolute; top:-1px; bottom:-1px; left:-1px; display:block; width:60px; border-right: 1px solid #e3e3e3;}

.email-table tr td.catch span { background:url(../images/icons/catch-sm.png) 14px 16px no-repeat rgba(101, 108, 110, 0.06)}

.email-table tr td.mail span {background:url(../images/icons/mail-sm.png) 16px 16px no-repeat rgba(101, 108, 110, 0.06); padding-top:24px; color:#555b5d; text-align:center;}

.email-table tr td.list span {background:url(../images/icons/list-sm.png) 17px 15px no-repeat rgba(101, 108, 110, 0.06)}

.email-table tr td.forward span {background:url(../images/icons/forward-sm.png) 17px 16px no-repeat rgba(101, 108, 110, 0.06)}

.email-table tr th {padding-left:11px;}

.list-table tr td { padding-left:20px; display:table-cell;}

.email-manage tr td { padding-left:20px; display: table-cell;}

/* ------------ End ------------*/ 



	/* 

	Max width before this PARTICULAR table gets nasty

	This query will take effect for any screen smaller than 760px

	and also iPads specifically.

	*/

	@media 

	only screen and (max-width: 1023px)  {

	

		/* Force table to not be like tables anymore */

		table, thead, tbody, th, td, tr { 

			display: block; 

		}
		

		/* Hide table headers (but not display: none;, for accessibility) */

	/*	thead tr { 

			position: absolute;

			top: -9999px;

			left: -9999px;

		}*/

		

		/*tr { border: 1px solid #ccc; margin-top:19px; }*/

		

		td { 

			/* Behave  like a "row" */

			border: none;

			border-bottom: 1px solid #eee; 

			position: relative;

			padding-left: 50%; 

		}

			

		td:before { 

			/* Now like a table header */

			position: relative;

			/* Top/left values mimic padding */

			top: 0px;

			left: 0px;

			width: 93%; 

			display:block;

			background:#d7d7d7;

			padding-left: 7%; 

		}


		.exclude-responsive-tables table {
			display: table;
			border-collapse: separate;
			border-color: gray;
			
		}

		.exclude-responsive-tables thead {
			display: table-header-group;
			vertical-align: middle;
			border-color: inherit;
		}

		.exclude-responsive-tables tbody {
			display: table-row-group;
			vertical-align: middle;
			border-color: inherit;
		}

		.exclude-responsive-tables  th {
			display: table-cell;
		}

		.exclude-responsive-tables  td {
			display: table-cell;
			padding-left: 0;
		}

		.exclude-responsive-tables  tr {
			display: table-row;
		}
/*
		.x-toolbar-right-row, .x-toolbar-right-ct {
			text-align: left;
		}*/

		

		.table td {}

.table td.check, .table td.domain, .table td.server{font-size:1.4em; line-height:2.8em; display: block; width:auto}

.email-table tr td {display:block;}

		





   

/* ------------------- d-server specific table ---------------------*/  

.dedicated-table tbody tr td { position:relative;}

.dedicated-table tr td span {position: absolute; top:-1px; bottom:-1px; left:-1px; display:block; width:60px;}	 

.dedicated-table tr td.windows span {background:url(../images/icons/windows-white-sm.png) 16px 16px no-repeat #7ac3a8;}

.dedicated-table tr td.linux span {background:url(../images/icons/linux-white-sm.png) 17px 15px no-repeat #7ac3a8;}

.dedicated-table tr td.server { padding-left: 73px; display: inline-block;}

		/*

		Label the data

		

		td:nth-of-type(1):before { content: "Select"; }

		td:nth-of-type(2):before { content: "Domain Name"; }

		td:nth-of-type(3):before { content: "Expiry Date"; }

		td:nth-of-type(4):before { content: "AutoRenew"; }

		td:nth-of-type(5):before { content: "Registrar Status"; }

		td:nth-of-type(6):before { content: "Owner/Contact"; }

*/



   /* ------------------- backup specific table ---------------------*/ 

   .backup-table tbody tr td { position:relative;}

   .backup-table tr td.buttons { display:table-cell;}   

   .backup-table tr td.buttons button { min-width:100px;}



	}