/* Grid view */

.atl_gridview 
{
	border-width: 0px;
	border-style: solid;
	overflow: auto;
	font-size: 80%;
}

/* BLACK - the default */
.atl_gridview 
{
    border-color: black;
}

/* Blue */
.pageroot_default .atl_gridview
{
    border-color: #0092cc;
}

/* Red */
.pageroot_aboutus-default .atl_gridview
{
    border-color: #ff0000;
}

/* PURPLE */
.pageroot_purchase-default .atl_gridview
{
    border-color: #9f00ff;
}

/* Green */
.pageroot_products-default .atl_gridview
{
    border-color: #00d612;
}

/* ORANGE */
.pageroot_support-default .atl_gridview
{
    border-color: #ff8400;
}

.atl_gridview table
{
	width: 100%;
}

/* mouseover row style */
.atl_gridview table.row_clickable tbody tr:hover
{
	cursor: pointer;
}

.atl_gridview table tbody tr.atl_gridview_normal
{
    background-color: #dfe1f7;
}

.atl_gridview table tbody tr.atl_gridview_alternate
{
    background-color: #efeff0;
}

.atl_gridview table.row_clickable tbody tr:hover
{
    background-color: #ffffcc;
    background-repeat: repeat-x;
    background-position: top left;    
	background-image: url(table_row_hover.gif);
}

.atl_gridview table tbody tr.atl_gridview_selected,
.atl_gridview table.row_clickable tbody tr.atl_gridview_selected:hover
{
    background-color: #ffff99;
    background-repeat: repeat-x;
    background-position: top left;    
	background-image: url(table_row_selected.gif);
}

.atl_gridview table tr.atl_gridview_header
{
    background-color: #7a7a7a;
    background-repeat: repeat-x;
	background-image: url(table_hdr_bak.gif);
	color: White;
	text-align: left;
}

.atl_gridview table tr.atl_gridview_header th
{
    border-right: 1px solid white;
}

.atl_gridview table tr.atl_gridview_header th:first-child
{
    background-image: url(table_hdr_left.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

.atl_gridview table tr.atl_gridview_header th:last-child
{
    background-image: url(table_hdr_right.gif);
    background-position: top right;
    background-repeat: no-repeat;
    border-right: none;
}

.atl_gridview table .atl_gridview_header a
{
	color: White;
}

.atl_gridview table th
{	
	padding: 0.2em 0.6em;
	vertical-align: middle;
	white-space: nowrap;
}

.atl_gridview table th .sort_icon
{
	margin-left: 4px;
}

.atl_gridview table td
{	
	padding: 2px 4px;
	vertical-align: middle;
}

.atl_gridview table td:empty
{	
	padding: 0;
}

.atl_gridview table .short_field
{
	width: 1%;
}


.atl_gridview .number
{
    text-align: right;
}

/* expired or otherwise "not active" rows */

.atl_gridview tr.expired *,
.atl_gridview tr.not_active *
{
    text-decoration: line-through;
}

.atl_gridview tr.expired span.expires_date
{
    color: Red;
    text-decoration: none;
}

.atl_gridview td.expired
{
    color: Red;
    text-decoration: none;
}

.atl_gridview tr.not_active td.not_active
{
    text-decoration: none;
    color: Red;
}

/* checkbox list */

.atl_checkboxlist li
{
	line-height: 1.5em;
}


.atl_checkboxlist ul
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;	
}

.atl_checkboxlist input
{
	margin-right: 0.5em;
}


/* radio list */

.atl_radiolist li
{
	line-height: 1.5em;
}


.atl_radiolist ul
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;	
}

.atl_radiolist input
{
	margin-right: 0.5em;
}

/* default */

table.default
{
    width: 100%;
    border-collapse: collapse;
    margin: auto;
    clear: both;
}


table.default td,
table.default th
{
    padding: 0.3em;
    text-align: left;
    vertical-align: middle;
}

table.default td[align="center"],
table.default th[align="center"]
{
    text-align: center;
}


table.default td[align="right"],
table.default th[align="right"]
{
    text-align: right;
}

table.default th[scope="row"],
table.default th[scope="col"]
{
    background: #7A7A7A;
    color: White;
}

table.default th[scope="col"]
{
    background-image: url(table_hdr_bak.gif);
    background-repeat: repeat-x;
    border-right: 1px dotted white;
}

table.default th[scope="row"]
{
    border-top: 1px dotted white;
}

table.default td
{
    border: 1px solid silver;
}

table.default td.noborder
{
    border: none;
}

/* small */

table.small
{
    width: 50%;
}

/* text_centred */

table.text_centred td,
table.text_centred th
{
    text-align: center;
}

/* roadmap */

table.roadmap td,
table.roadmap th
{
    padding: 1em;
}

table.roadmap td
{
    border: 0;
    width: 33%;
    border-bottom: 1px dotted silver;
    border-right: 1px dotted silver;
}

/* features */

table.features
{
    font-size: 90%;
}

table.features th[scope="col"]
{
    text-align: center;
}

table.features th[scope="row"]
{
    font-weight: normal;
    background: none;
    color: Black;
    border: 1px solid silver;
}

table.features td
{
    width: 20%;
    text-align: center;
}

table.features td.got
{
    background-color: #ccffcc;
}

table.features td.partial
{
    background-color: #ffffcc;
}

/* single_price_comparison */

table.single_price_comparison th[scope="row"]
{
    text-align: left;
}

table.single_price_comparison th.cover
{
    text-align: right;
    font-weight: normal;
}

/* purchase */

table.purchase .price
{
    font-size: 150%;
}

table.purchase .price_cell
{
    padding: 0.5em 0;
}

table.purchase .price_cell input
{
    margin-top: 0.5em;
}

/* basket */

table.basket .price
{
    font-size: 150%;
}

table.basket .quantity
{
    width: 4em;
    text-align: center;
}

/* cover_select */

table.cover_select
{
    width: 100%;
    border-collapse: collapse;
}

table.cover_select th,
table.cover_select td
{
    vertical-align: middle;
    padding: 6px;
}

table.cover_select td
{
    border-top: 1px solid silver;
}

table.cover_select .price
{
    font-size: 150%;
}

table.cover_select .price_cell
{
    text-align: right;
}


/* invoice */

table.invoice
{
    font-size: 0.85em;
}

table.invoice td,
table.invoice th
{
    vertical-align: top;
}

table.invoice td
{
    font-size: 1.3em;
    white-space: nowrap;
}


table.invoice td.details
{
    text-align: left;
    font-size: 1em;
    white-space: normal;
}

table.invoice .discount_amount
{
    padding-top: 5px;
    font-size: 0.75em;
}

table.invoice input[type="text"]
{
    text-align: center;
    width: 3em;
}

table.invoice td.details .name
{
    font-weight: bold;
    margin-right: 0.5em;
}

table.invoice td.details .code
{
    font-style: italic;
    margin-left: 0.5em;
    font-family: Monospace;
    font-size: 1.3em;
}

table.invoice td.details .cover
{
    display: block;
}

table.invoice tr.manual .description
{
    text-align: left;
}

table.invoice tfoot .total
{
    font-size: 1.3em;;
}

table.invoice tfoot .native_tax
{
    font-size: 0.75em;
}

table.invoice .noborder
{
    text-align: right;
}