﻿body 
{
    background-color: #fff;
    font-size: 0.9em;
    font-family: Tahoma, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    width:500px;
}

.page
{
    background-color: #fff;
    border-width: 0;   
    margin-left:auto;
    margin-right:auto;
    width:auto;
}

.pageHeader
{
    position:relative;
    background-color: #FFBC00;
    display:block;
    white-space:nowrap;
    height:60px;
    top: 0px;
    left: 0px;
    width: 500px;
}

.pageHeader h1
{
    color:#2E2E2E;
    font-size: 2.0em;
    margin:0;
    display:inline;
    padding-left:10px;
}

.icon
{
    position:absolute;
    top:3px;
    bottom:7px;
    width:50px;
    height:50px;
}
.pageSitePath
{
    background-color: #E6E6E6;
    height:auto;
    font-size: 1em;
    color:Black;
    display:block;
    padding: 10px;
}
/*
.pageContentTitle
{
    padding: 5px 10px;
    height: auto;
    font-size: 1.5em;
    font-weight:bolder;
    color: #2E2E2E;
    display:block;
}
*/
.pageContent
{
    padding: 0px 10px;
    font-size: 1.1em;
    height: 500px;
    display:block;
    width: 476px;
}

.pageFooter
{    
    margin: 0;
    padding: 10px;
    background-color:#FFBC00;
    height:auto;
    width: 476px;
}

/* A Links Style that applys to ALL */
a:link, a:visited
{
    color: #0080FF;
    text-decoration: none;
}

a:hover
{
    color: #0101DF;
}

a:active
{
    color: #0080FF;
    text-decoration: none;
}

/* Vertical Menu Styles */
div.vert_menu
{
    padding: 4px 0px;
    font-size:1.1em;
}

div.vert_menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.vert_menu ul li a, div.vert_menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.5em;
    padding: 10px;
    text-decoration: none;
    white-space: nowrap;
}

div.vert_menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.vert_menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* Styles for Controls */
input.textbox
{
    font-size:inherit;
    min-width:150px;
    max-width:400px;
}

/*select: style for dropdownlist (or any list menu)*/
select
{
    font-size:inherit;
    min-width:150px;
    max-width:400px;
}

.gridViewChckBoxCol
{
    margin:0;
    overflow:hidden;
    font-size:5px;
    text-align:left;
}

.Buttons
{
    font-size: 1em;
    font-weight:bold;
    float:right;
    margin:4px;
    padding:4px;
}

fieldset
{
    margin: 0.5em 0px;
    padding: 0.5em;
    border: 1px solid #ccc;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 2px 4px;
    white-space:nowrap;
}

/* Styles for Tables */
table
{
    width:100%;
    border-collapse:collapse;
    /*border: 1px solid black;*/
}

.infoTable
{
    width:100%;
    border: 1px Solid Black;
    border-collapse:collapse;
    font-size:medium;
    text-align:center;
    vertical-align:middle;
}

table th
{
    text-align:center;
    font-weight:700;
    background-color:Black;
    color:White;
    padding:5px;
}

table td
{
    padding:5px;
    vertical-align:middle;
}

.labelCol
{   
    font-weight:bold;
    display:inline;
    white-space:nowrap;
    
}

.gridViewRow
{
    text-align:center;
    white-space:normal;
}
