﻿BODY
{
    font: 13px 'Lucida Sans' , sans-serif;
    color: #333333;
    line-height: 1.5em;
}
#container
{
    text-align: center;
    position: absolute;
    top: 20px;
    left: 0px;
    width: 100%;
    height: 1px;
    overflow: visible;
    display: block;
}
#content
{
}
.Normal
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
}
.Small
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
}
.rounded
{
    display: block;
}
.rounded *
{
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background: #DADADA;
}
.rounded1
{
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 1px;
    padding-right: 1px;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    background: #e3e3e3;
}
.rounded2
{
    margin-left: 1px;
    margin-right: 1px;
    padding-right: 1px;
    padding-left: 1px;
    border-left: 1px solid #fbfbfb;
    border-right: 1px solid #fbfbfb;
    background: #e1e1e1;
}
.rounded3
{
    margin-left: 1px;
    margin-right: 1px;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}
.rounded4
{
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
}
.rounded5
{
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}
.roundedfg
{
    background: #DADADA;
}
hr
{
    color: #FFF;
    background-color: transparent;
    border: 1px dotted Gray;
    border-style: none none dotted;
}
/*GridViewCSS Soft Grey Style*/
.GridViewStyle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    table-layout: auto;
    border-collapse: collapse;
    border: #91a7b4 1px solid;
    color: #333333;
}
/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*Common Styles*/
{
    text-align: left;
    background-image: url(../../../Content/Images/Sprite.gif);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #d1dbe0;
}
.HeaderStyle th
{
    text-align: left;
    padding: 5px;
    font-weight: bold;
}
.HeaderStyle a
{
    display: block;
    font-weight: normal;
}
.PagerStyle table
{
    text-align: center;
    margin: auto;
}
.PagerStyle table td
{
    border: 0px;
    padding: 5px;
}
.PagerStyle td
{
    border-top: #91a7b4 1px solid;
}
.PagerStyle a
{
    color: #16387c;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
    border-top: solid 1px #fff;
    border-right: solid 1px #91a7b4;
    border-bottom: solid 1px #91a7b4;
    border-left: solid 1px #fff;
}
.PagerStyle span
{
    font-weight: bold;
    color: #16387c;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
}
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
    padding: 5px;
    border-right: solid 1px #91a7b4;
}
.RowStyle td
{
    background-color: #f1f5f6;
}
.AltRowStyle td
{
    background-color: #9ab2ca;
    background-image: url(../../../Content/Images/Sprite.gif);
    background-position: 0 -80px;
    background-repeat: repeat-x;
}
.SelectedRowStyle td
{
    background-color: #fcb814;
    background-image: url(../../../Content/Images/Sprite.gif);
    background-position: center;
    background-repeat: repeat-x;
}
.Button
{
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border-right: #CCCCCC 1px solid;
    border-top: #CCCCCC 1px solid;
    font-weight: bold;
    border-left: #CCCCCC 1px solid;
    color: white;
    height: 21px;
    background-image: url(../../../Content/Images/button-shade.gif);
    border-bottom: #CCCCCC 1px solid;
    background-color: #8A96A2;
    width: 100px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 4px;
    margin-bottom: 4px;
    background-repeat: repeat-x;
}
.ButtonDisabled
{
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border-right: #CCCCCC 1px solid;
    border-top: #CCCCCC 1px solid;
    font-weight: bold;
    border-left: #CCCCCC 1px solid;
    color: white;
    border-bottom: #CCCCCC 1px solid;
    background-color: #CCCCCC;
    width: 100px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 4px;
    margin-bottom: 4px;
    height: 21px;
}
.headline
{
    font-family: Georgia, serif;
    font-size: 22px;
}
.bodyblock
{
    left: 50%;
    margin-left: -400px;
    position: relative;
    width: 800px;
    text-align: left;
    font: 13px 'Lucida Sans' , sans-serif;
    line-height: 1.5em;
    padding-bottom: 10px;
}
.highlight
{
    background-color: #D9D7FF;
    padding: 2px;
}
A:link
{
    color: #234669;
    text-decoration: none;
}
A:visited
{
    color: #234669;
    text-decoration: none;
}
A:active
{
    color: #234669;
    text-decoration: none;
}
A:hover
{
    color: #234669;
    text-decoration: underline;
}
.bodyblock ul li
{
    list-style-type: none;
    background: transparent url(../../../Content/Images/Check.png) no-repeat 0 50%;
    padding-left: 28px;
    line-height: 2em;
}
FIELDSET
{
    padding-left: 20px;
    padding-right: 20px;
}
.alert
{
    background: #fff6bf;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: center;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
}
.info
{
    background: #CEE7FF;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: center;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    border-top-color: #6699FF;
    border-bottom-color: #6699FF;
}
.currentUser
{
    line-height: 40px;
}
INPUT[type=text]:focus, INPUT[type=file]:focus, textarea:focus, INPUT[type=password]:focus
{
    background-color: #FFFFE5;
}
INPUT[type=button]:hover, INPUT[type=submit]:hover
{
    cursor: pointer;
}
.requiredField
{
    vertical-align: middle;
    padding-left: 5px;
    cursor: help;
}
.inviteCode
{
    padding: 5px;
    border: 1px solid #006600;
    background-color: #CCFFEB;
}
.inviteCodeMessage
{
    padding: 8px;
    border: 1px dotted #E6E6E6;
    margin-bottom: 12px;
    background-color: #E8EFF7;
}
