/* Page Layout */

html
{
    overflow: auto;
    height: 100%;
}

body
{
    background-color: #F5F5F5;
    margin: 0;
    padding: 0;
    height: 100%;
}

body, table, select, input, option, textarea, button, optgroup
{
    font-family: Verdana,Tahoma,Helvetica;
    font-size: 11px;
}

div#Header
{
    height: 60px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: #FFFFFF;
}

div#LeftHeader
{
    height: 60px;
    width: 136px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px;
}

div#MiddleHeader
{
    height: 60px;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 136px;
    text-align: center;
    white-space: nowrap;
}

.ProductName
{
    position: absolute;
    top: 10px;
    text-align: center;
    left: 0px;
    right: 136px;
    letter-spacing: 4px;
    font-size: 24px;
    font-weight: bold;
    color: #000000;
}

.UserName
{
    color: #FFFFFF;
}

div#RightHeader
{
    height: 60px;
    position: absolute;
    top: 5px;
    right: 0px;
    white-space: nowrap;
    padding-right: 10px;
    text-align: right;
}

.Title
{
    height: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #DDDDDD;
    background-color: #FFCC66;
    top: 60px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    white-space: nowrap;
    position: absolute;
    font-weight: bold;
}

div#LeftTitle
{
    width: 200px;
    float: left;
    left: 0px;
}

.Content
{
    background-color: #F5F5F5;
    border-style: solid;
    border-width: 1px;
    border-color: #DDDDDD;
    top: 80px;
    bottom: 20px;
    padding: 5px;
    position: absolute;
    overflow: auto;
}

div#LeftContent
{
    width: 200px;
    float: left;
    left: 0px;
}

div#RightTitle
{
    left: 211px;
    float: right;
    right: 0px;
}

div#RightTitle a
{
    color: Black;
}

div#RightContent
{
    left: 211px;
    float: right;
    right: 0px;
}

div#Footer
{
    width: 100%;
    height: 20px;
    bottom: 0px;
    right: 0px;
    position: absolute;
}

.FooterImage
{
    position: absolute;
    width: 100%;
    height: 20px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.FooterLabel
{
    position: absolute;
    top: 0px;
    text-align: center;
    left: 0px;
    right: 0px;
}

.ProductVersionLabel
{
    position: absolute;
    top: 0px;
    text-align: right;
    right: 10px;
    color: #FFFFFF;
}

.RightHeaderImage
{
    right: 0px;
    width: 100%;
    height: 60px;
}

/* Login and ChangePassword Control */

div#LoginPanel
{
    position: absolute;
    background-color: #EEEEEE;
    border-color: Silver;
    border-width: 1px;
    border-style: solid;
    width: 360px;
    top: 40%;
    left: 50%;
    margin-top: -100px; /*set to a negative number 1/2 of your height*/
    margin-left: -180px; /*set to a negative number 1/2 of your width*/
}

.LoginControlTitle
{
    background-color: #0093DD;
    color: White;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    font-weight: bold;
    width: 100%;
}

.LoginControlInstruction
{
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    font-weight: bold;
    width: 100%;
}

.LoginControlLabel
{
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}

.InstructionTextStyle
{
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    font-weight: bold;
    width: 100%;
}

/* GridView */

.GridViewStyle
{
    font-weight: normal;
}

.HeaderStyle th
{
    background: url(Images/sprite.png) repeat-x 0px 0px;
    border: solid 1px #999999;
    color: #000000;
    padding: 4px 5px 4px 10px;
    text-align: center;
    vertical-align: bottom;
}

.HeaderStyle th a
{
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    color: #000000;
    display: block;
    padding-right: 10px;
}

.HeaderStyle .SortAscHeader, .HeaderStyle .SortDescHeader
{
    background: url(Images/sprite.png) repeat-x 0px -100px;
}

.HeaderStyle .SortAscHeader a
{
    background: url(Images/desc.png) no-repeat right 50%;
}

.HeaderStyle .SortDescHeader a
{
    background: url(Images/asc.png) no-repeat right 50%;
}

.RowStyle td, .AltRowStyle td
{
    border: solid 1px #CCCCCC;
    padding: 4px 5px 4px 5px;
}

.RowStyle
{
    background-color: #FFFFFF;
}

.AltRowStyle
{
    background-color: #EEEEEE;
}

.PagerStyle
{
    border: solid 1px #CCCCCC;
}

.PagerStyle a
{
    color: #6699CC;
}

.HyperLinkFieldStyle
{
    color: #6699CC;
}

.TabPage
{
    font-size: 11px;
    background-color: #f5f5f5;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}