﻿body,html 
{
    width: 100%;
    height: 100%;
    background-color: #000000;
    margin: 0px;
    padding: 0px;
    cursor: default;
    font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 1.6em;
    color: #555;
}

table {
    padding: 0px;
    margin: 0px;   
}

h1{
	font-size: 10pt;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

a{
    color: #848484;
    /*border-bottom: 1px dashed #ccc;*/
    text-decoration: none;
}

a:hover{
    color: #ffb601;
    /*border-bottom: 1px solid #aaa;*/
}

.menu_link{
	display: block; 
	margin: 0px 0px 0px 0px; 
	border-bottom: 0px solid #CCC;
}

.menu_link a {
	display: block;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 8px;
	color: #083c6f;
}

.menu_link_over {
	border: 1px solid #ffb601;
}

.menu_link_over  a:hover{
	color: #083c6f;
}


.footer{
    background-color: #ffffff; 
	height: 26px;
	text-align: left;
	padding-left: 12px; 
	color: #083c6f; 
	font-size: 8pt;
    border-top: 1px solid #ccc;
}

/* This is for all tabs (colors, etc, are overwritten by '.activetab' for the active tab) */
.tab{
    font-size: 10pt;
    color: #292929;
    border: 1px solid #ccc;
    text-align: center;
    padding: 0px;
    margin: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #ccc;
    background-color: #777777;
    cursor: pointer;
    margin: auto;
}

/* Setting for the inactive tab (the one to click to change */
.tab_inactive:hover{
    background-color: #cccccc;
}

/* This is only for the spaces between the tabs */
.tab_filler{
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #ccc;
    background-color: #292929;
}

/* This is for the selected tab */
.activetab{
    font-weight: bold;
    color: #ff6600;
    border-bottom: 0px;
    background-color: #292929;
    cursor: default;
    margin: auto;
}

/* This is for the content area that holds the info for each tab */
.tab_content{
    border: 0px solid #ccc;
    border-top: 0px;
    padding-top: 10px;
    width: 100%;
}

.promotions_td_cell{
    height: 90px; 
    width: 33.33%; 
    border: 1px solid #ddd; 
    text-align: center;
}