html, body
{
    margin: 0px 0px 0px 0px; /* background-image: url(Images/gridbck.gif); */
    background-color: #FFFFEB;
    height: 100%;
    width: 100%;
}

textarea, input, td, a, p, html, body
{
    font-family: Arial;
    font-size: 13px;
}

.sysMastContent
{
    width: 100%;
    height: 130px;
}

.sysMastCenter
{
    margin: 0px auto auto auto;
    padding: 20px 20px 20px 20px;
    width: 920px;
    height: 110px;
    vertical-align: baseline;
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    background-image: url(SysImages/bg.gif);
}

.sysMainContent
{
    width: 100%;
}

.sysMainCenter
{
    margin: 0px auto auto auto;
    padding: 30px 40px 20px 40px;
    width: 880px;
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    background-color: #FFFFFF;
}

.sysFootContent
{
    width: 100%;
}

.sysFootCenter
{
    margin: 0px auto auto auto;
    padding: 20px 20px 20px 20px;
    width: 920px;
    height: 30px;
    vertical-align: bottom;
    font-family: Arial;
    font-size: 13px;
    text-align: center;
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
    background-color: #FFFFFF;
}

.sysformPrompt
{
    font-family: Arial; /* font-size: 15px; */
    color: #666666;
    text-align: right;
    padding-right: 5px;
    padding-left: 5px;
    white-space: nowrap;
}

.sysreqInput
{
    border: solid 1px #7F9DB9;
    border-left: 3px solid #DD0000;
}

.sysgridDetail
{
    font-family: Arial; /* font-size: 15px; */
    padding: 3px 6px 3px 6px;
}

.sysgridHeader, a.sysgridHeader
{
    background-color: #3399FF;
    color: #FFFFFF;
    font-family: Arial; /*	font-size: 15px; */
    font-weight: bold;
    padding: 3px 6px 3px 6px;
    white-space: nowrap;
    text-align: left;
}

.sysformTable
{
    padding: 2px 2px 2px 2px;
    border: 0px 0px 0px 0px;
}

.syspageHeader
{
    font-family: Verdana;
    font-size: 24px;
    font-weight: bold;
    margin-top: 24px;
    margin-bottom: 16px;
    color: #666666;
}


.sysactionButton
{
    font-family: Arial; /* font-size: 15px; */
    margin-top: 15px;
    margin-bottom: 18px;
    margin-right: 5px;
    height: 27px;
}
.sysmodalBackground
{
    background-color: Gray;
    filter: alpha(opacity=20);
    opacity: 0.2;
    -moz-opacity: 0.2;
}

.sysmodalPopup
{
    background-color: #FFFFE5;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    padding: 5px;
    width: 500px;
}

.sysmodalHeader
{
    font-size: 14px;
    color: #CC0000;
}

.sysmodalMessage
{
    line-height: 20px;
}

.sysfooterLink
{
    font-family: Arial;
    color: #000000;
    font-size: 13px;
    text-decoration: none;
}

.systabOn, .systabOff
{
    background-color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    height: 26px;
}

.systabOff
{
    background-image: url(SysImages/taboff.gif);
    background-repeat: repeat-x;
}

.systabTable
{
    position: static;
    vertical-align: baseline;
}

.systabLink, .systabLinkActive
{
    color: Navy;
    text-decoration: none;
}

.systabLink:hover
{
    color: #DD0000;
}

.calendarEntry
{
    padding: 4px;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #dddddd #666666 #666666 #dddddd;
    background-color: #FFFFCC;
    font-family: arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.copy
{
    font-family: arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #606060;
}
.location
{
    font-style: italic;
    color: #663333;
}

.sysThumb
{
    margin: 5px 5px 5px 5px;
    text-align: center;
    cursor: pointer;
}

.sysThumbCell
{
    margin: 5px 5px 5px 5px;
    text-align: center;
    height: 110px;
    width: 100px;
}

.sysEmphasis
{
    font-size: 14px;
    font-weight: bold;
    color: #DD0000;
}

.sysSubHeader
{
    font-family: Verdana;
    font-size: 18px;
    font-weight: bold;
    margin-top: 22px;
    margin-bottom: 12px;
    border-bottom: solid 1px #000000;
    color: #000000;
    height: 40px;
    vertical-align: bottom;
}

.pager td
{
    padding: 5px 3px 5px 3px;
}


/*.ajax__calendar
{
	position: relative;
}
.ajax__calendar iframe
{
	left: 0px !important;
	top: 0px !important;
}		*/

.ajax__calendar_container
{
    padding: 4px;
    position: absolute;
    cursor: default;
    width: 170px;
    font-size: 11px;
    text-align: center;
    font-family: tahoma,verdana,helvetica;
}
.ajax__calendar_body
{
    height: 139px;
    width: 170px;
    position: relative;
    overflow: hidden;
    margin: auto;
}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years
{
    top: 0px;
    left: 0px;
    height: 139px;
    width: 170px;
    position: absolute;
    text-align: center;
    margin: auto;
}
.ajax__calendar_container TABLE
{
    font-size: 11px;
}
.ajax__calendar_header
{
    height: 20px;
    width: 100%;
}
.ajax__calendar_prev
{
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);
}
.ajax__calendar_next
{
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);
}
.ajax__calendar_title
{
    cursor: pointer;
    font-weight: bold;
}
.ajax__calendar_footer
{
    height: 15px;
}
.ajax__calendar_today
{
    cursor: pointer;
    padding-top: 3px;
}
.ajax__calendar_dayname
{
    height: 17px;
    width: 17px;
    text-align: right;
    padding: 0 2px;
}
.ajax__calendar_day
{
    height: 17px;
    width: 18px;
    text-align: right;
    padding: 0 2px;
    cursor: pointer;
}
.ajax__calendar_month
{
    height: 44px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}
.ajax__calendar_year
{
    height: 44px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.ajax__calendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #ffffff;
    color: #000000;
}
.ajax__calendar .ajax__calendar_footer
{
    border-top: 1px solid #f5f5f5;
}
.ajax__calendar .ajax__calendar_dayname
{
    border-bottom: 1px solid #f5f5f5;
}
.ajax__calendar .ajax__calendar_day
{
    border: 1px solid #ffffff;
}
.ajax__calendar .ajax__calendar_month
{
    border: 1px solid #ffffff;
}
.ajax__calendar .ajax__calendar_year
{
    border: 1px solid #ffffff;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day
{
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month
{
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year
{
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day
{
    background-color: #ffffff;
    border-color: #ffffff;
    color: #FCFCFC;
}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year
{
    background-color: #ffffff;
    border-color: #ffffff;
    color: #FCFCFC;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day
{
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month
{
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year
{
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title
{
    color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today
{
    color: #0066cc;
}