/*this file is 2k, keep it under 4k!! */
html
{
    overflow: auto;
}

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #fff;
    margin: 0;
    color: #000000;
    height: 100%;
}

table
{
    text-align: left;
    vertical-align: middle;
    margin: auto;
    font-size: 8pt;
}

.pageno
{
    font-family: Arial, Helvetica, sans-serif;
    color: red;
    font-size: 8pt;
    font-weight: bold;
    background-color: white;
    height: 20px;
}

.tablePagerStyle
{
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    color: red;
    font-size: 8pt;
    font-weight: bold;
    background-color: white;
    height: 20px;
}

.normal
{
    background-color: #FFFFFF;
    color: #000000;
    border-style: hidden;
    border-width: 0;
    border-color: White;
}

/* white row */
.TableRow1
{
    background-color: #FFFFFF;
}

/* grey row */
.TableRow2
{
    background-color: #F0F0F0;
}

.tableheader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    color: White;
    font-weight: bold;
}
.RadGrid_Default .rgAltRow td a, .RadGrid_Default .rgRow td a
{
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

a:visited
{
    color: #036;
    font-family: Arial, Helvetica, sans-serif;
}

a:active
{
    color: #8B0000;
    font-family: Sans-Serif;
}

a:hover
{
    color: #0CF;
    font-family: Sans-Serif;
    text-decoration: none;
}
.headerlinks
{
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 8pt;
}
a.headerlinks:link
{
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}
a.headerlinks:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}
a.headerlinks:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    cursor: pointer;
}
/* login */
.login
{
    color: #0099cc;
    font-size: 8pt;
    background-color: white;
}
.login h3
{
    color: #666;
}
.login span
{
    color: #666;
}
.login span b
{
    color: #09c;
}
.login #txtUsername, .login #txtPassword
{
    width: 200px;
}
.login #chkSecConn
{
    margin: 0px;
    vertical-align: middle;
}
.login td
{
    vertical-align: top;
}
#cmdLogin
{
    font-size: 12px;
    text-decoration: none;
}
/* End: login */

/*Colour Styles*/
.color1
{
    background-color: #F2F2F2;
    color: #333;
}
.color2
{
    background-color: #F5F5F5;
}
.color4
{
    background-color: #F5F5F5;
    font-family: Sans-Serif;
    color: #788895;
    font-size: 14px;
}
.selected
{
    background-color: #f5f5f5 !important;
    color: #82919D !important;
    font-weight: bold;
}
/*grey*/
.color5
{
    background-color: #00ABEF;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
.color7
{
    color: #000000;
    background-color: #ffffff;
}
.color8
{
    color: White;
    font-family: Sans-Serif;
    font-size: 16px;
    font-weight: 900;
}

.updateForm
{
    background-color: #EFEFEF;
    font-weight: normal;
    color: #000000;
    font-size: 10pt;
}

.gridheader
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    font-size: 8pt;
    font-weight: normal;
    background-color: #cecece;
}

.gridheaderalter
{
    background-color: #CECECE;
    color: #000;
    font-weight: bold;
    border-color: #CECECE;
    border-style: solid;
}

.warning
{
    color: Red;
    font-weight: bold;
}

/*small white text*/
.rectotals
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    color: #788895;
    padding-right: 1em;
}

.title
{
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-left: 16px;
    background-color: #F5F5F5;
    border-color: #E6E6E6;
    border-style: solid;
    border-width: 1px 2px 2px;
    margin-bottom: 0.75em;
    padding: 0.75em 1em;
    font-weight: bold;
}

.titlealter
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #82919D;
    height: 40px;
}

.subtitle
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    display: block;
    padding: 10px 5px 10px;
}

.headerlabels
{
    color: #82919D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-top: 10px;
}

.formtext
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
}

.formlabel
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #717171;
    padding-right: 6px;
}

.headerlabelsmall
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: White;
    font-weight: bold;
}

.subsection
{
    padding: 0 0 2px 0;
    border-right: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-left: #ffffff 1px solid;
    border-bottom: #ffffff 1px solid;
    margin: 0px 0px 1em;
    text-align: center;
}

/****************Task Styles*******************/
#TaskMenu_tblMenu
{
    background: #0083BE url(../../cml/Images/Icons/table_header_gradient.png) repeat-x scroll left bottom;
    color: #FFFFFF;
    font-family: Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0px;
    letter-spacing: 2px;
    line-height: 2em;
}
*html #TaskMenu_tblMenu
{
    background: #0083BE;
    border: none !important;
    padding: 0px;
}
/*IE6 only rule*/
.menucolor
{
    color: #FFCC00;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none !important;
}

.menucolorwhite
{
    color: White;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
}

.yellowheader
{
    color: Yellow;
}
.blueborder
{
    border-color: #F2F2F2;
    padding: 0;
    border-width: 1;
    border-style: solid;
}

.headerbottom
{
    border-bottom-color: #F2F2F2;
    border-bottom-width: 2px;
    border-bottom-style: Solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    font-weight: bold;
    text-align: right;
    background-color: #F0F0F0;
}
.headerbottomtop
{
    border-bottom-color: #F2F2F2;
    border-bottom-width: 2px;
    border-bottom-style: Solid;
    border-top-color: #F2F2F2;
    border-top-width: 2px;
    border-top-style: Solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    font-weight: bold;
    text-align: right;
    background-color: #F0F0F0;
}

.calendar
{
    color: #000000;
    border-width: 2;
    border-style: solid;
    padding: 0;
    border-color: #F2F2F2;
    background-color: #ffffff;
}

.calendarDay
{
    height: 100;
    width: 75;
    vertical-align: top;
    font-family: Arial;
    font-size: 12;
    border-style: solid;
    border-width: 1;
}

.calendarTodayDay
{
    color: #000000;
    background-color: #FFE0C0;
}
.calendarDayHeader
{
    font-size: 14;
    font-family: Arial, Helvetica, sans-serif;
    color: #339900;
    border-color: #F2F2F2;
    background-color: #F2F2F2;
    font-weight: bold;
}

.calendarTitle
{
    font-size: 12;
    font-family: Arial;
    font-weight: bold;
    color: #ffffff;
    border-color: #F2F2F2;
    background-color: #F2F2F2;
}
.calendarOtherMonthDay
{
    background-color: #F0F0F0;
    color: #000000;
}
.divstyle
{
    height: 100px;
}
.container
{
    width: 90%;
    background-color: #F2F2F2;
    border-color: #F2F2F2;
    border-style: solid;
    margin: 0 5% 0 5%;
}

/*** Header section ***/
.pageTitle
{
    height: 59px;
    margin: 0 20px 10px;
    text-align: left;
    background-color: #F2F2F2;
}

.leftside
{
    width: 144px;
    float: left;
}

.rightside
{
    float: right;
    width: 300px;
}

.content
{
    border: 1px solid #339900;
    color: #2a2a2a;
    height: 100%;
}


#regnav .highlight
{
    background-color: #666;
    color: White;
    font-weight: bold;
}
a.regheaderlinks:link
{
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10pt;
    cursor: default;
    text-decoration: none;
}
a.regheaderlinks:visited
{
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10pt;
    cursor: default;
}
a.regheaderlinks:hover
{
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
    font-weight: bold;
    font-size: 10pt;
    cursor: pointer;
}
#JobHeader_tblJobHeader td.highlight
{
    background-color: #0083BE;
    color: #FFFFFF;
}
#JobHeader_tblJobHeader td.Jobheader
{
    background-color: #FFFFFF;
    color: #0083BE;
}
#panApplicantNotesHistory
{
    height: 220px !important;
}