div.TransactionStepIndicator
{
}

form h1
{
    margin-top: 5px;
    margin-bottom: 5px;
}
            
form h2
{
    margin-top: 0em;
    margin-bottom: 0em;
}

form h3
{
    margin-bottom: 0em;
    font-size: 100%;
    font-weight: bold;
}

form table
{
    border-collapse: collapse;
}

form td
{
    vertical-align: top;
    text-align: left;
}

form div.Section1
{
    background-color: #F5F5F5;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
}

form div.Section1 div.NoColumns
{
    padding-left: 25px;
    width: 660px;    
}

/* Two-Column Form Section Layout */

/* padding + Column1 + gutter + Column2 + padding = FormSection
     30    +   295   +   60   +   295   +   30    =     710     */
form div.Section1 div.Column1
{
    float: left;
    padding-left: 30px;
    width: 295px;
    /* padding-right is unnecessary due to width and container's width. */
}

form div.Section1 div.Column2
{
    margin-left: 385px;
    width: 295px;
    /* padding-right is unnecessary due to width and container's width. */
}

/* Control Layouts */
div.ControlSet1
{
    text-align: left;
}
div.ControlSet2
{
    text-align: center;
}
div.ControlSet3
{
    text-align: right;
}

/* Paging Control */
div.PagingControl
{
    /* text-align: right; */
}

div.PagingControl a:link,
div.PagingControl a:visited,
div.PagingControl a:active,
div.PagingControl a:hover
{
    color: #666666; /* Same as body color. */
}

div.PagingControl .Current
{
    text-decoration: none;
    font-weight: bold;
}

/* Datagrids */
/* Datagrid1 */
table.Datagrid1
{
    border-collapse: collapse;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

table.Datagrid1 thead
{
    background-color: #DDDDDD;
}

table.Datagrid1 th
{
    border-left: solid 1px #FFFFFF; /* Same as background-color */
    border-right: solid 1px #FFFFFF; /* Same as background-color */
}

table.Datagrid1 tbody td
{
    border-bottom: solid 1px #CDCDCD;
}

table.Datagrid1 th
{
    vertical-align: middle;
    padding: 0.5em;
}


table.Datagrid1 td
{
    vertical-align: top;
    padding: 0.5em;
}

form div.Section1 table.Datagrid1 th
{
    border-left-color: #F5F5F5; /* Same as background-color */
    border-right-color: #F5F5F5; /* Same as background-color */
}

/* Datagrid2 */
table.Datagrid2
{
    border-collapse: collapse;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #FFFFFF;
}

table.Datagrid2 thead
{
    background-color: #0798C5; /* TODO: This is not in color palette. */
    color: #FFFFFF;
}

table.Datagrid2 th,
table.Datagrid2 td
{
    border: solid 1px #666666;
    padding-left: 1em;
    padding-right: 1em;
}

table.Datagrid2 th
{
    vertical-align: middle;
    text-align: left;
}
table.Datagrid2 td
{
    vertical-align: top;
    text-align: left;
    color: #000000; /* TODO: Might be page-specific (My Downloads, My Online Subs, others) */
    border: solid 1px #666666; /* TODO: Might be page-specific (My Downloads, My Online Subs, others) */
}

/* BEGIN TODO: Might be page-specific (My Downloads, My Online Subs, others) */
/* END TODO: Might be page-specific (My Downloads, My Online Subs, others) */
table.Datagrid2 td.RowHeader
{
    font-weight: bold;
}
table.Datagrid2 tr.Alt1
{
    background-color: #FFFFFF;
    
}
/* END TODO: Might be page-specific (My Downloads, My Online Subs, others) */

table.Datagrid2 tr.Alt
{
    background-color: #DDDDDD;
}

.Required
{
    color: #FF0000;
}

table.MyAccountTable td
{
    vertical-align: middle;
    padding: 0.5em;
}