/* CCSTheme v 3.x */
/* General */

/* BEGIN Common */
body { 
        font-family: Tahoma;font-size: 75%;
        background-image: url('Images/PageBg.gif');
        }

.text { 
        color: #000000 
        }

a.menulink:link, a.menulink:visited { 
        color: #0059b2;
        }

a.menulink:hover, a.menulink:active { 
        color: #ff0000;
        }


a:link { 
        color: #0059b2;
        }

a:visited { 
        color: #840084;
        }

a:hover,a:active { 
        color: #ff0000;
        }

ul, ol, blockquote { 
        margin-top: 5px; 
        margin-bottom: 10px; 
        margin-left: 20px 
        }

form {
        margin: 0px;
        }

h1      {
        font-size: 140%;
        font-family : Times New Roman;
        margin-top: 5px; 
        margin-bottom: 5px;
        }

h2      { 
        font-size: 120%;
        font-family : Trebuchet MS, Tahoma, Verdana, sans-serif;
        margin-top: 15px; 
        margin-bottom: 5px; 
        }

h3      { 
        font-size: 105%; font-style: italic;
        font-family : Trebuchet MS, Tahoma, Verdana, sans-serif;
        margin-top: 15px; 
        margin-bottom: 5px; 
        }

h4      { 
        font-size: 100%;
        margin-top: 15px; 
        margin-bottom: 5px; 
        }

h5      { 
        font-size: 100%; font-style: italic;
        margin-top: 15px; 
        margin-bottom: 5px; 
        }

h6      { 
        font-size: 90%;
        margin-top: 15px; 
        margin-bottom: 5px; 
        }

th      { 
        font-family: Tahoma;font-size: 75%;
        }

td { 
        font-family: Tahoma;font-size: 75%;
        }

/* END Common */

.Header {
        width: 100%;
        }

.Header th { 
        font-size: 110%; font-weight: bold; text-align: left;
        padding: 4px;
        background-color: #3d84cc; color: #ffffff;
        width: 100%;
        white-space: nowrap;
        }

.Header a:link { 
        color: #ffffff;
        }

.Header a:visited { 
        color: #ffffff;
        }

.Header a:hover, .Caption a:active { 
        color: #ffffff; text-decoration: none;
        }

.HeaderLeft { 
        background-image: url('Images/HeaderLeft.gif');
        }

.HeaderRight { 
        background-image: url('Images/HeaderRight.gif');
        }

.HeaderLeft img{
        width: 14px;
        }

.HeaderRight img{
        width: 14px;
        }


/* Grid Options */
.Grid { 
        border-left: 1px solid #3d84cc; border-bottom: 1px solid #3d84cc;
        width: 100%;
        }

.Caption th { 
        font-size: 70%;         text-align: left; vertical-align: top;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        background-image: url('Images/CaptionBg.gif'); color: #000000;
        white-space: nowrap;
        }

.Caption td { 
        font-size: 70%;         text-align: left; vertical-align: top;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        background-image: url('Images/CaptionBg.gif'); color: #000000;
        white-space: nowrap;
        }

.Caption a:link { 
        color: #000000;
        }

.Caption a:visited { 
        color: #000000;
        }

.Caption a:hover, .Caption a:active { 
        color: #ff0000;
        }

.Caption img {
        margin: 2px; 
        vertical-align: middle;
        }

.Caption input {
        vertical-align: middle;
        }

.Row th { 
        font-size: 75%; font-weight: normal; text-align: left; vertical-align: top;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        background-color: #f7f7f7; color: #000000;
        white-space: nowrap;
        color: #000000;
        }

.Row td { 
        font-size: 75%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        vertical-align: top;
        background-color: #f7f7f7; 
        color: #000000;
        }

.Row a:link { 
        color: #0059b2;
        }

.Row a:visited { 
        color: #840084;
        }

.Row a:hover, .Row a:active { 
        color: #ff0000;
        }

.Separator{
        color: #3d84cc;
        }

.Separator td{
        height: 1px;
        }


.AltRow th { 
        font-size: 60%; font-weight: normal; text-align: left; vertical-align: top;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        background-color: #f7f7f7; color: #000000;
        white-space: nowrap;
        color: #000000;
        }

.AltRow td { 
        font-size: 60%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        vertical-align: top;
        background-color: #ebf2f8; 
        color: #000000;
        }

.AltRow a:link { 
        color: #0059b2;
        }

.AltRow a:visited { 
        color: #840084;
        }

.AltRow a:hover, .AltRow a:active { 
        color: #ff0000;
        }

.NoRecords td { 
        font-size: 60%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        background-color: #f7f7f7; 
        color: #000000;
        vertical-align: top;
        }

.Footer td { 
        font-size: 60%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        background-color: #dfdfdf; color: #000000;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        color: #000000;
        }

.Footer a:link { 
        color: #0059b2;
        }

.Footer a:visited { 
        color: #840084;
        }

.Footer a:hover, .Footer a:active { 
        color: #ff0000;
        }

.Footer img {
        margin: 2px; 
        vertical-align: middle;
        }

.Footer input {
        margin: 2px;
        vertical-align: middle;
        }

/* Record Options */
.Record { 
        border-left: 1px solid #3d84cc; border-bottom: 1px solid #3d84cc;
        width: 100%;
        }

.Error td { 
        font-size: 80%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        color: #FF0000;
        vertical-align: top;
        background-color: #f7f7f7; 
        }

.Controls th { 
        font-size: 100%; font-weight: normal; text-align: left; vertical-align: top;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        background-color: #f7f7f7; color: #000000;
        white-space: nowrap;
        color: #000000;
        }

.Controls td { 
        font-size: 100%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        vertical-align: top;
        background-color: #f7f7f7; 
        color: #000000;
        }

.Bottom td { 
        font-size: 80%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        background-color: #dfdfdf; color: #000000;
        text-align: right;
        vertical-align: middle;
        white-space: nowrap;
        color: #000000;
        }

.Bottom a:link { 
        color: #0059b2;
        }

.Bottom a:visited { 
        color: #840084;
        }

.Bottom a:hover, .Caption a:active { 
        color: #ff0000;
        }

.Bottom img {
        margin: 2px;
        vertical-align: middle; 
        }

.Bottom input {
        margin: 2px;
        vertical-align: middle;
        }

/* Report */
.GroupCaption th{
        font-size: 100%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        white-space: nowrap;
        text-align: left; 
        vertical-align: top;
        font-weight: bold;
        background-color: #ebf2f8; 
        color: #000000;
        }

.GroupCaption td{
        font-size: 100%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        vertical-align: top;
        font-weight: bold;
        background-color: #f7f7f7; 
        color: #000000;
        }

.GroupCaption a:link {
        color: #000000;
        }

.GroupCaption a:visited{
        color: #000000;
        }

.GroupCaption a:hover, .GroupCaption a:active{
        color: #ff0000;
        }

.GroupFooter td{
        font-size: 60%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        background-color: #dfdfdf; 
        color: #000000;
        }

.GroupFooter a:link {
        color: #0059b2;
        }

.GroupFooter a:visited{
        color: #840084;
        }

.GroupFooter a:hover,.GroupFooter a:active{
        color: #ff0000;
        }

.GroupFooter img {
        margin: 2px; 
        vertical-align: middle;
        }

.GroupFooter input {
        margin: 2px;
        vertical-align: middle;
        }

.SubTotal td{
        font-size: 60%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        vertical-align: top;
        font-weight: bold;
        background-color: #ebf2f8; 
        color: #000000;
        border-bottom: 2px solid #3d84cc;
        }

.SubTotal a:link {
        color: #0059b2;
        }

.SubTotal a:visited{
        color: #840084;
        }

.SubTotal a:hover, .SubTotal a:active{
        color: #ff0000;
        }

.Total td{
        font-size: 60%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        vertical-align: top;
        white-space: nowrap;
        font-weight: bold;
        background-color: #ebf2f8; 
        color: #000000;
        }

.Total a:link {
        color: #0059b2;
        }

.Total a:visited{
        color: #840084;
        }

.Total a:hover, .Total a:active{
        color: #ff0000;
        }

/* Form Options */
.Button { 
        background-color: #ebf2f8; color: #000000; border: solid 1px #3d84cc; padding: 2px; font-weight: bold; font-size: 85%; font-family: Tahoma;
        }

/* Calendar */

.Calendar { 
        border: 1px solid #3d84cc;
        width: 100%;
        }

.CalendarWeekdayName{
        font-size: 80%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        text-align: center; 
        vertical-align: top;
        white-space: nowrap;
        background-color: #ebf2f8; 
        color: #000000;
        }

.CalendarWeekdayName a:link {
        color: #0059b2;
        }

.CalendarWeekdayName a:visited{
        color: #840084;
        }

.CalendarWeekdayName a:hover, .CalendarWeekdayName a:active{
        color: #ff0000;
        }

.CalendarWeekendName{
        font-size: 80%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        white-space: nowrap;
        text-align: center; 
        vertical-align: top;
        background-color: #ebf2f8;      
        color: #000000;
        }

.CalendarWeekendName a:link {
        color: #000000;
        }

.CalendarWeekendName a:visited{
        color: #000000;
        }

.CalendarWeekendName a:link, .CalendarWeekendName a:visited{
        color: #ff0000;
        }

/* Calendar Day */
.CalendarDay{
        font-size: 100%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        text-align: center;
        background-color: #f7f7f7;      
        color: #000000;
        }

.CalendarDay a:link {
        color: #0059b2;
        }

.CalendarDay a:visited{
        color: #840084;
        }

.CalendarDay a:hover, .CalendarDay a:active{
        color: #ff0000;
        }

/* Calendar Weekend */
.CalendarWeekend{
        font-size: 100%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        text-align: center;
        background-color: #ebf2f8;      
        color: #000000;
        }

.CalendarWeekend a:link {
        color: #0059b2;
        }

.CalendarWeekend a:visited{
        color: #840084;
        }

.CalendarWeekend a:hover, .CalendarWeekend a:active{
        color: #ff0000;
        }

/* Calendar Today */
.CalendarToday {
        font-size: 75%;
        padding: 2px;
        border-top: 3px solid #3d84cc; border-right: 3px solid #3d84cc; border-left: 2px solid #3d84cc; border-bottom: 2px solid #3d84cc;
        text-align: center;
        background-color: #f7f7f7;      
        color: #000000;
        }

.CalendarToday a:link {
        color: #0059b2;
        }

.CalendarToday a:visited{
        color: #840084;
        }

.CalendarToday a:hover, .CalendarToday a:active {
        color: #ff0000;
        }

/* Calendar Weekend Today */
.CalendarWeekendToday {
        font-size: 75%;
        padding: 2px;
        border-top: 3px solid #3d84cc; border-right: 3px solid #3d84cc; border-left: 2px solid #3d84cc; border-bottom: 2px solid #3d84cc;
        text-align: center;
        background-color: #ebf2f8;      
        color: #000000;
        }

.CalendarWeekendToday a:link {
        color: #0059b2;
        }

.CalendarWeekendToday a:visited{
        color: #840084;
        }

.CalendarWeekendToday a:hover, .CalendarWeekendToday a:active{
        color: #ff0000;
        }

/* Calendar Other Month's Day */
.CalendarOtherMonthDay{
        font-size: 75%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        text-align: center;
        background-color: #f7f7f7;      
        color: #3d84cc;
        }

.CalendarOtherMonthDay a:link {
        color: #3d84cc;
        }

.CalendarOtherMonthDay a:visited{
        color: #3d84cc;
        }

.CalendarOtherMonthDay a:hover, .CalendarOtherMonthDay a:active{
        color: #ff0000;
        }

/* Calendar Other Month's Today */
.CalendarOtherMonthToday {
        font-size: 75%;
        padding: 2px;
        border-top: 3px solid #3d84cc; border-right: 3px solid #3d84cc; border-left: 2px solid #3d84cc; border-bottom: 2px solid #3d84cc;
        text-align: center;
        background-color: #f7f7f7;      
        color: #3d84cc;
        }

.CalendarOtherMonthToday a:link {
        color: #3d84cc;
        }

.CalendarOtherMonthToday a:visited{
        color: #3d84cc;
        }

.CalendarOtherMonthToday a:hover,.CalendarOtherMonthToday a:active{
        color: #ff0000;
        }

/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekend {
        font-size: 75%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        text-align: center;
        background-color: #ebf2f8;      
        color: #3d84cc;
        }

.CalendarOtherMonthWeekend a:link {
        color: #3d84cc;
        }

.CalendarOtherMonthWeekend a:visited{
        color: #3d84cc;
        }

.CalendarOtherMonthWeekend a:hover, .CalendarOtherMonthWeekend a:active{
        color: #ff0000;
        }

/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendToday {
        font-size: 75%;
        padding: 2px;
        border-top: 3px solid #3d84cc; border-right: 3px solid #3d84cc; border-left: 2px solid #3d84cc; border-bottom: 2px solid #3d84cc;
        text-align: center;
        color: #3d84cc;
        background-color: #ebf2f8;      
        }

.CalendarOtherMonthWeekendToday a:link {
        color: #3d84cc;
        }

.CalendarOtherMonthWeekendToday a:visited{
        color: #3d84cc;
        }

.CalendarOtherMonthWeekendToday a:hover, .CalendarOtherMonthWeekendToday a:active{
        color: #ff0000;
        }

/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDay{
        font-size: 75%;
        padding: 4px;
        border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
        background-color: #dfdfdf;
        color: #000000;
        text-align: center;
        font-weight: bold;
        }

.CalendarSelectedDay a:link {
        color: #000000;
        }

.CalendarSelectedDay a:visited{
        color: #000000;
        }

.CalendarSelectedDay a:hover, .CalendarSelectedDay a:active{
        color: #ff0000;
        }

/* Calendar Navigator */
.CalendarNavigator {
        font-size: 80%;
        padding: 4px;
        background-color: #dfdfdf; color: #000000;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        color: #000000;
        }

.CalendarNavigator a:link {
        color: #0059b2;
        }

.CalendarNavigator a:visited{
        color: #840084;
        }

.CalendarNavigator a:hover, .CalendarNavigator a:active{
        color: #ff0000;
        }

.CalendarNavigator img{
        margin: 2px;
        vertical-align: middle;         
        }

/* Calendar Extra */
.CalendarEvent{
        font-size: 75%;
        text-align: left;
        }

.CalendarEvent a:link {
        color: #0059b2;
        }

.CalendarEvent a:visited{
        color: #840084;
        }

.CalendarEvent a:hover, .CalendarEvent a:active{
        color: #ff0000;
        }