/* -----------------------------------*/
/* ------->>> LEGACY STYLES <<<-------*/
/* -----------------------------------*/
body
{
    background-color: white;
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}

h1
{
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 3em;
    font-weight: bold;
}

h2
{
    font-size: 1.5em;
    font-weight: bold;
    color: #000080;
    display: inline;
}

h3
{
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}

a:link
{
    text-decoration: none;
    color: #000080;
}

a:visited
{
    text-decoration: none;
    color: #000080;
}

a:active
{
    text-decoration: none;
    color: #000080;
}

a:hover
{
    text-decoration: underline;
    color: #000080;
}

img
{
    border-style: none;
}

.imgLink
{
    cursor: hand;
}

/* phoebiz formatting */
.bgImage
{
    z-index: -1;
    position: absolute;
}

.grdFormat
{
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    word-spacing: 2px;
    font-weight: bold;
}

.grdAltFormat
{
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #dfdfdf;
    font-weight: bold;
    text-align: left;
}

.grdHead
{
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: black;
    vertical-align: text-top;
    white-space: nowrap;
    background-color: #dfdfdf;
}

.Footer
{
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: xx-small;
    text-align: center;
}



.tblnormal
{
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
}
/* background/border colors for the selected tab */
.TabBg
{
    background-color: white;
    border-color: white;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg
{
    font-family: Arial, verdana, Helvetica, sans-serif;
     /*font-family: 'raavi';*/
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    padding-right: 3em;
    margin: 0,0,0,0;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 21px;
   
}

/* text style for the selected tab */
.SelectedTab
{
    width:114px;
    height:24px;
   
    font-family: Arial, verdana, Helvetica, sans-serif;
    /*font-family: 'raavi';*/
    font-size: 15px;
    color: white; /*color:ffcc33; */
    font-weight: bold;
    cursor: hand;
    padding-right: 5em;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 6px;
   
    /*background:#5398f1 ;*/
    background-color:#68a0e4;
    /*background-color:#9abbe4;*/
}

/* text style for separator */
.SepTabs
{
    /*background-color: #fff;*/
    /*height: 3px;*/
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-top-color: #9999cc;
    border-bottom-width: 1px;
    border-bottom-color: #9999cc;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #9999cc;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #9999cc;
}

/*text style for subTabs */
.SubTabs
{
    font-family: Arial, verdana, Helvetica, sans-serif;
   
    font-size: 15px;
    color: black;
    font-weight: bold;
    cursor: hand;
    /*padding-right: 2em !important;*/
    padding-left: 2px;
    background-color: #e6e6e6; /* #e5e5e5; */
    padding-bottom: 0px;
    padding-top: 0px;
    height:24px;

    border-color:black;
    /*width:220px;*/
    width:195px;

}


/* text style for the selected tab */
.SelectedTabSub
{
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #ffcc33;
    font-weight: bold;
    cursor: hand;
    padding-right: 2em;
    padding-left: 0px;
    border-left-color: white;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: white;
    border-right-width: 1px;
    border-right-style: solid;
    background-color: #e5e5e5;
    padding-bottom: 0px;
    padding-top: 0px;
}

.menuSpace
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #fff;
}
/* text style for the unselected tabs */
.OtherTabs
{
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 13px;
    color: gainsboro;
    text-decoration: none;
    font-weight: bold;
}

/*table gradiant style */
.tblGrad
{
    /*background-image:url(../Images/tableback3.gif);*/
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-width: 0px;
    /*border-color: #000;
    background-color: #000080;*/
    /*border-color: #0460a4;
    background-color:#0460a4;*/
    background:linear-gradient(to bottom, #09499b 0%,#5398f1);

    height:36px;
    padding: 0;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    color: #000080;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
}

.Head
{
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    margin-top: 2em;
    margin-bottom: 2em;
    padding-top: 2em;
}
.subHead
{
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    color: #000080;
    text-align: left;
}

.errMess
{
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: Bold;
    color: Red;
}

.CenterText
{
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
}

.grdTitle
{
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: Bold;
    color: #292222;
    padding-bottom: 10em;
    margin-bottom: 5em;
}



.pgTitle
{
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: Bold;
    color: #000;
    padding-bottom: 10em;
    margin-bottom: 5em;
}

.grdHeader
{
    background-color: #ccc;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial, verdana, Helvetica, sans-serif;
    padding-right: 1em;
}

.grdItem
{
    font-weight: normal;
    font-size: 11px;
    font-family: Arial, verdana, Helvetica, sans-serif;
    overflow: hidden;
    padding-right: 1em;
}

.grdAltItem
{
    background-color: #eee;
    font-weight: normal;
    font-size: 11px;
    font-family: Arial, verdana, Helvetica, sans-serif;
    overflow: hidden;
    padding-right: 1em;
}

.grdFooter
{
    background-color: #ccc;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial, verdana, Helvetica, sans-serif;
    padding-right: 1em;
}

.grdPager
{
    background-color: #fff;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial, verdana, Helvetica, sans-serif;
    padding-right: 1em;
}

.RptgrdTotal
{
    font-weight: Bold;
    font-size: .8em;
    font-family: Arial, verdana, Helvetica, sans-serif;
    white-space: nowrap;
    background-color: #aaa;
    color: #000;
}

.RptgrdSubTotal
{
    font-weight: bold;
    font-size: .8em;
    border-bottom-style: solid;
    border-bottom-color: #000;
    border-bottom-width: 2px;
    vertical-align: top;
    background-color: #ddd;
}

.grdBorder
{
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
}

.RptgrdBorder
{
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    white-space: nowrap;
}

.RptgrdHeader
{
    background-color: #ccc;
    font-weight: bold;
    font-size: 10px;
    font-family: Arial, verdana, Helvetica, sans-serif;
    white-space: nowrap;
}

.RptgrdItem
{
    font-weight: normal;
    font-size: 9px;
    font-family: Arial, verdana, Helvetica, sans-serif;
    white-space: nowrap;
}

.RptgrdAltItem
{
    background-color: #eee;
    font-weight: normal;
    font-size: 9px;
    font-family: Arial, verdana, Helvetica, sans-serif;
    white-space: nowrap;
}

.RptgrdFooter
{
    background-color: #ccc;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial, verdana, Helvetica, sans-serif;
    white-space: nowrap;
}

.dgSummaryHead
{
    background-color: #ccc;
    font-weight: bold;
    font-size: 9px;
    font-family: Arial, verdana, Helvetica, sans-serif;
    padding-right: 1em;
}

.dgSummaryItem
{
    font-weight: normal;
    font-size: 9px;
    font-family: Arial, verdana, Helvetica, sans-serif;
    overflow: hidden;
    padding-right: 1em;
}


.dgSummaryItemB
{
    font-weight: Bold;
    font-size: 9px;
    font-family: Arial, verdana, Helvetica, sans-serif;
    overflow: hidden;
    padding-right: 1em;
}

.dgSummaryAltItem
{
    background-color: #eee;
    font-weight: normal;
    font-size: 9px;
    font-family: Arial, verdana, Helvetica, sans-serif;
    overflow: hidden;
    padding-right: 1em;
}

.txtBoxMedSolo
{
    font-size: .8em;
    font-family: Arial, verdana, Helvetica, sans-serif;
    width: 100px;
    height: 20px;
}


.ddlshort
{
    font-size: .8em;
    font-family: Arial, verdana, Helvetica, sans-serif;
    width: 100px;
    height: 22px;
}

.ddlMed
{
    font-size: .8em;
    font-family: Arial, verdana, Helvetica, sans-serif;
    width: 155px;
    height: 22px;
}

.ddlMedMaxWidth
{
    font-size: .8em;
    font-family: Arial, verdana, Helvetica, sans-serif;
    width: 125px;
    height: 22px;
    width: 70%;
}


.ddlLg
{
    font-size: .8em;
    font-family: Arial, verdana, Helvetica, sans-serif;
    width: 150px;
    height: 22px;
}

.Calendar
{
    border-width: 5px;
    border-style: solid;
    font-size: XX-Small;
    font-family: Arial, verdana, Helvetica, sans-serif;
    border-color: #fff;
    color: #C0C0FF;
}

.CalTodayStyle
{
    font-weight: bold;
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 11px;
    z-index: 1000;
    background-color: #990000;
    color: White;
}

.CalDayStyle
{
    border-width: medium;
    color: #666666;
    border-style: solid;
    border-color: White;
    background-color: #EAEAEA;
}

.CalDayHeader
{
    color: #649CBA;
}

.CalSelectedDay
{
    font-weight: bold;
    background-color: Maroon;
}

.CalWeekEndDay
{
    color: White;
    background-color: #BBBBBB;
}

.CalOtherMonthDay
{
    color: #666666;
    background-color: White;
}

.CalTitle
{
    color: #666666;
    font-size: 10px;
    font-weight: bold;
    background-color: White;
}

.lblInline
{
    font-size: .8em;
    font-family: Arial, verdana, Helvetica, sans-serif;
    padding-left: 1em;
}

.lblInlineB
{
    font-size: .8em;
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-weight: bold;
    white-space: nowrap;
    padding-left: 1em;
}

.lblInlineBWrap
{
    font-size: .8em;
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-weight: bold;
    white-space: normal;
    padding-left: 1em;
}

.lblInlineNoPadB
{
    font-size: .8em;
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-weight: bold;
    white-space: nowrap;
}

.lblInlineNoPad
{
    font-size: .8em;
    font-family: Arial, verdana, Helvetica, sans-serif;
}

.lblSetB
{
    font-size: .8em;
    font-family: Arial,verdana, Helvetica, sans-serif;
    height: 20px;
    font-weight: bold;
    padding-left: 1em;
    white-space: nowrap;
    width: 125px;
    vertical-align: text-bottom;
}

.chDoNotSendmail
{
    font-size: .8em;
    font-family: Arial,verdana, Helvetica, sans-serif;
    height: 20px;
    font-weight: normal;
    white-space: nowrap;
    width: 125px;
    vertical-align: text-bottom;
}

.chIsObjector
{
    font-size: .8em;
    font-family: Arial,verdana, Helvetica, sans-serif;
    height: 20px;
    font-weight: normal;
    white-space: nowrap;
    width: 125px;
    vertical-align: text-bottom;
}

.lblSet
{
    font-size: .8em;
    font-family: Arial,verdana, Helvetica, sans-serif;
    height: 20px;
    font-weight: normal;
    padding-left: 1em;
    white-space: nowrap;
    width: 150px;
    vertical-align: text-bottom;
}

.lblSetMed
{
    font-size: .8em;
    font-family: Arial, verdana, Helvetica, sans-serif;
    height: 20px;
    font-weight: normal;
    padding-left: 1em;
    white-space: nowrap;
    width: 100px;
    vertical-align: text-bottom;
}

.tblBgBlue
{
    /*background-color: #9999cc;*/
   background-color:  #f1f1f1;
    color: #fff;
}

.tblBgGreen
{
    background-color: Green;
    color: #fff;
}

.tblBgRed
{
    background-color: Red;
    color: #fff;
}

.tblBgGrey
{
    /*background-color: #eee;*/
   background-color: #f1f1f1;
   /*border-radius: 10px;*/
    border: 1px solid black;
}

.tblHomeBg
{
    background-color: Silver;
}

.tblDiv
{
    /*background-color: #000080;*/
    background-color: #0460a4;
   height: 22px;
    color: #fff; /*Filter: Alpha(Opacity=100, FinishOpacity=50, Style=3); */
}

.pgSep
{
    background-color: #ccc;
    color: #000080;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    border-bottom-width: 3px;
}

.SepBar
{
    background-color: #ccc;
    color: #000080;
}

.DDLDDL
{
    font-size: .8em;
    font-family: Arial, verdana, Helvetica, sans-serif;
    width: 200px;
    height: 20px;
    vertical-align: top;
    padding-bottom: 1em;
    margin-right: 2em;
}

.cellLbl
{
    text-align: right;
}

.cellLbl span
{
    font: .8em Arial,Verdana,Helvetica,sans-serif;
    white-space: nowrap;
}

.cellLbl2 label
{
    font: .8em Arial,Verdana,Helvetica,sans-serif;
    white-space: nowrap;
    text-align: left;
}

.cellLbl2 span
{
    font: .8em Arial,Verdana,Helvetica,sans-serif;
    white-space: nowrap;
    text-align: left;
}

.celltxt
{
    background-color: #eee;
    text-align: left; /* border-bottom: solid 1px #ccc; */
}

.outlined
{
    /*border: 2px solid #ccc;*/
}

.outlined-blue
{
    /*border-color: #000080;*/
   /*border-color:  #0460a4;*/
   border:1px solid black;
   border-radius:10px;
    border-style: solid;
    border-width: 2px;
}

.outlined-green
{
    border-color: Green;
    border-style: solid;
    border-width: 2px;
}

.outlined-green-right
{
    border-right-color: Green;
    border-right-style: dotted;
    border-right-width: 3px;
}

.outlined-green-left
{
    border-left-color: Green;
    border-left-style: dotted;
    border-left-width: 3px;
}

.outlined-right
{
    border-right-color: #ccc;
    border-right-style: Solid;
    border-right-width: 2px;
}

.outlined-left
{
    border-left-color: #ccc;
    border-left-style: Solid;
    border-left-width: 2px;
}

.OutlinedblueBg
{
    border-color: #000080;
    border-style: solid;
    border-width: 2px;
    background-color: #eee;
}

.grdRptCrit
{
    font-size: 9;
    padding-right: 1em;
}

.grdRptCritItem
{
    background-color: #ccc;
}
.grdRptCritAltItem
{
    background-color: #ccc;
}
.grdRptCritHead
{
    font-weight: bold;
}

.TitleHome
{
    font-size: 18;
    font-weight: normal;
    font-family: Arial,Verdana, Helvetica, sans-serif;
}

.grdItemWide
{
    font-weight: normal;
    font-size: .8em;
    font-family: Arial,verdana, Helvetica, sans-serif;
    overflow: hidden;
    background-color: #fff; /*    white-space: nowrap; */
    text-align: center;
}

.grdItemWideB
{
    font-weight: bold;
    font-size: .8em;
    font-family: Arial,verdana, Helvetica, sans-serif;
    overflow: hidden;
    background-color: #fff;
}

.grdItemRedWide
{
    font-weight: Bold;
    color: Red;
    font-family: Arial,verdana, Helvetica, sans-serif;
    overflow: hidden;
}

.grdItemWideDisabled
{
    font-weight: Bold;
    color: #fff;
    font-size: .8em;
    font-family: Arial,verdana, Helvetica, sans-serif;
    overflow: hidden;
    background-color: #333333;
}

.grdAltItemWide
{
    font-weight: normal;
    font-size: .8em;
    font-family: Arial, verdana, Helvetica, sans-serif;
    overflow: hidden;
    /*background-color: #eee;*/
    white-space: nowrap;
    text-align: center;

        background: none repeat scroll 0 0 #E8EDFF;
    /*border: 1px solid #E8EDFF;*/
}

.grdAltItemWideB
{
    font-weight: Bold;
    font-size: .8em;
    font-family: Arial, verdana, Helvetica, sans-serif;
    overflow: hidden;
    background-color: #eee;
}

.grdHeaderWide
{
    font: bold .8em Arial,Verdana,Helvetica,sans-serif;
    text-align: center;
    /*background-color: #C0C0C0;*/
   background: none repeat scroll 0 0 #B9C9FE;
   color:#003399;
}

.grdPagerWide
{
    font-weight: normal;
    font-size: .8em;
    font-family: Arial,verdana, Helvetica, sans-serif;
    overflow: hidden;
    background-color: #eee;
}

.grdPagerWide span
{
    font-weight: bold;
    font-size: 1em;
    font-family: Arial,verdana, Helvetica, sans-serif;
    overflow: hidden;
    background-color: #eee;
}

.grdWide
{
    border-style: solid;
    border-width: 2;
    border-color: #aaa;
}

.grdWideOver
{
    font-weight: normal;
    font-size: .8em;
    font-family: Arial,verdana, Helvetica, sans-serif;
    overflow: hidden; /*background-color:#DEDB80;*/
    background-color: #E2E08D;
    text-align: center;
}

.grdWideOverB
{
    font-weight: Bold;
    font-size: .8em;
    font-family: Arial,verdana, Helvetica, sans-serif;
    overflow: hidden;
    background-color: #E2E08D;
}

.title
{
    font-size: 1em;
    font-family: Arial,verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #000080;
    /*border-bottom: solid 2px #000080;*/
    padding-bottom: 1px;
}

.contact-image
{
    height: 120px;
    width: 80px;
    float: right;
    border: 2px solid #ccc;
}

.ControlTitle
{
    margin: 5px 0 10px 0;
    text-align: left;
    /*border-bottom: solid 2px #000080;*/
    float: left;
    width: 100%;
    vertical-align: bottom;
}

.ContactCompact span
{
    font-size: .8em;
    font-family: Arial,verdana, Helvetica, sans-serif;
    font-weight: normal;
    color: #000;
    margin: 0 5px 0 5px;
}

.SearchGridTitle
{
    font-size: 16;
    font-family: Arial,verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #000080;
}

.SearchGrid
{
    background-color: #eee;
}

.lnkBtn
{
    font-size: .8em;
}

.lblSearchGrd
{
    font-size: .8em;
    font-family: Arial,verdana, Helvetica, sans-serif;
    font-weight: normal;
    color: #000;
}

.lblSearchGrdSet
{
    font-size: .8em;
    font-family: Arial,verdana, Helvetica, sans-serif;
    font-weight: normal;
    color: #000;
    width: 75;
    text-align: left;
}

.lblSearchGrdHeader
{
    font-size: .8em;
    font-family: Arial,verdana, Helvetica, sans-serif;
    font-weight: normal;
    color: #000;
    font-weight: bold;
}

.txtMultiline
{
    white-space: normal;
    font-size: .8em;
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-weight: bold;
}

.txtMultiline span
{
    white-space: normal;
}

.txtMultilineEdit
{
    height: 100px;
    white-space: pre;
    font-size: .8em;
    font-family: Arial, verdana, Helvetica, sans-serif;
}

.tblSideBar
{
    /*background-color: #C0C0C0;*/
    /*border: solid 1px #000;*/
}

.tblSideBarLight
{
    /*border-right: dotted 2px #000080;
    border-top: dotted 2px #000080;*/
    padding-right: 6px;
    /*background:url(../Images/horisontal-gradient-sprite.png) repeat-y right 0px*/
}

.tblSideBarBtn
{
    font-family: Arial,verdana, Helvetica, sans-serif;
    height: 30px;
    width: 125px;
      background-color:#0460a4;
       color:white;
       border:1px solid;
       border-color:#0460a4;
       border-radius:12px;
}

.tblSideBarBtnDyn
{
    /*font-family: Arial,verdana, Helvetica, sans-serif;
    height: 22px;

     background-color:#0460a4;
       color:white;
       border:1px solid;
       border-color:#0460a4;
       border-radius:12px;*/

font-family: Arial, verdana, Helvetica, sans-serif;
    height: 22px;
    background-color: rgb(4, 96, 164);
    color: white;
    border: 1px solid rgb(4, 96, 164);
    border-radius: 12px;
    Width: 120px;
    Height: 32px;
}


.tblSideBarInt
{
    color: #000;
    font-size: .8em;
    font-family: Arial,verdana, Helvetica, sans-serif;
}

.tblSideBarIntB
{
    font-weight: bold;
    font-size: .8em;
    font-family: Arial,verdana, Helvetica, sans-serif;
}

.tblSideBarDDLShort
{
    width: 100;
    font-size: 1em;
}

.tblSideBarDDLRealShort
{
    width: 10;
    font-size: 1em;
}

.tblSideBar#txtBoxMed
{
    font-size: 1em;
}

.tblSideBartxt
{
    font-size: 1em;
    width: 125;
}

.tblSideBarSep
{
    /*border-bottom: dotted 2px #000080;*/
    width: 90%;
    padding-top: 5px;
    padding-bottom: 0px;
}

.Message
{
    font-size: .8em;
    color: #000080;
}

.MessageNotify
{
    font-size: .8em;
    color: Red;
    font-weight: bold;
}

.pgSepLbl
{
    font-size: 1em;
    font-weight: bold;
}

.ddlTimeEntry
{
    font-size: 1em;
    width: 175;
}
.txtTimeEntry
{
    font-size: 1em;
    width: 75;
}

.grdScroller
{
    /*overflow: scroll;*/
    /*height: 400;*/
     background-color: #f1f1f1 !important;
        overflow: auto;
        height:auto;
            border: 2px solid #ccc;
}

.grdScroller250
{
    overflow: scroll;
    height: 250;
}

.grdScrollerSM
{
    overflow: scroll;
    height: 200;
}

.lstScroller
{
    overflow: scroll;
    height: 400;
}

.searchLink
{
    font-size: 12px;
    margin: 2px;
}

.historyGrievanceTab
{
    background-color: #eee;
}

.historyGrievanceTab table
{
    width: 100%;
}

.historyGrievanceTab .lblSetB
{
    width: 100%;
}

/* -----------------------------------
 * ------->>> COMMON STYLES <<<-------
 * -----------------------------------
 *
 *	These are generic selectors that can be used anywhere.
 */

.block
{
    display: block;
}

.clear
{
    clear: both;
}

.hide
{
    display: none;
}

.inline
{
    display: inline;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.disabled
{
    background-color: #333;
}

.wide
{
    width: 100%;
}

.lblStd
{
    font: .8em Arial,Verdana,Helvetica,sans-serif;
    white-space: nowrap;
    text-align: right;
}

.lblStdB, /* consider ".lblStdB" to be depricated, use .lblStdBold instead */ .lblStdBold
{
    font: bold .8em Arial,Verdana,Helvetica,sans-serif;
    height: 20px;
    padding-left: 1em;
    white-space: nowrap;
}

.successMsg
{
    color: Green;
}

.errorMsg
{
    color: Red; /*font: bold 1em Arial,Verdana,Helvetica,sans-serif;*/
}
.errorMsg ul
{
    padding: 2px;
    margin: 0;
}
.errorMsg ul li
{
    margin: 1em 0 0 1em;
}

ul.cleanList
{
    list-style-type: none;
    padding: 2px;
    margin: 0 0 5px 0;
}

ul.cleanList li
{
    margin: 0;
}

.linkImage a:hover
{
    text-decoration: none;
}

.submit-button
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    height: 22px;
    width: 125;
}
.btn{
    Width:120px;
     Height:32px;
       background-color:#0460a4;
       color:white;
       border:1px solid;
       border-color:#0460a4;
       border-radius:12px;
        /*ForeColor="White" BorderWidth="1px" BorderStyle="Solid"  BorderColor="#0460a4"*/
}
.btnMed
{
    font: .8em Arial,verdana, Helvetica, sans-serif;
    height: 22px;
    width: 125;
}

fieldset
{
    margin: 4px 0 8px 0;
}

fieldset, fieldset table
{
    font: x-small Arial,verdana, Helvetica, sans-serif;
}

fieldset p
{
    margin: 0 0 5px 0;
    padding: 0;
}

fieldset p label
{
    font-weight: bold;
}

/* -----------------------------------
 * ------->>> TEXTBOX STYLES <<<-------
 * -----------------------------------
 *
 *	These are generic selectors that can be used on any TextBox
 */

input.error
{
    background-color: #FFADAD;
}

.txtBox
{
    font: .8em Arial, verdana, Helvetica, sans-serif;
}

.txtBoxUltraShort
{
    font: .8em Arial, verdana, Helvetica, sans-serif;
    width: 20px;
    height: 20px;
}

.txtBoxShort
{
    font: .8em Arial, verdana, Helvetica, sans-serif;
    width: 75px;
    height: 20px;
}

.txtBoxMed
{
    font: .8em Arial, verdana, Helvetica, sans-serif;
    width: 100px;
    height: 20px;
}

.txtBoxlg
{
    font: .8em Arial, verdana, Helvetica, sans-serif;
    width: 125px;
    height: 20px;
}

.txtBoxlgAlt
{
    font: .8em Arial, verdana, Helvetica, sans-serif;
    height: 20px;
}

.contractorLine .txtBoxlgAlt
{
    width: 300px;
}

.addressLine .txtBoxlgAlt
{
    width: 400px;
    white-space : nowrap;
}

.workplace .ddlMed
{
    width: 85%;
}

/* -----------------------------------
 * ------->>> TABLE STYLES <<<--------
 * -----------------------------------
 *
 *	These selectors are used to style tables used for data presentation. 
 */

/* a couple of styles used for table Roll-over effects 
	see: http://haacked.com/archive/2006/02/05/AddingMouseOverRowHighlightingToTables.aspx */
table.highlightTable tr.highlight td
{
    /*background: #EEEDBE;*/
}

table.highlightTable tr.highlightAlt td
{
    /*background: #E2E08D;*/
}

table.no-pacing
{
    padding: 0;
    margin: 0;
    border-width: 0;
}

table.nowrap td
{
    white-space: nowrap;
}

table.wrap td
{
    white-space: normal;
}

td.wrap
{
    white-space: normal;
}

table.spacing
{
    padding: 15px;
}

table.main
{
    vertical-align: top;
    width: 100%;
}

table.main td
{
    vertical-align: top;
}


/* -----------------------------------
 * -------->>> TAB STYLES <<<---------
 * -----------------------------------
 *
 *	These selectors are used to style the various elements in a Tab. 
 *	These styles are currently used by the PaymentHistory.ascx control,
 *	but are intended to be utilized by other controls/pages in the future. 
 */

/* Wraps all of the content within a Tab */
div.tabContent
{
    background-color: #fff;
    padding: 15px;
}

div.tabContent .tblBg, .tblBg
{
    /*background-color: #eee;*/
    background-color:#f1f1f1;
}

/* Wraps each sub-section of content within the tabContent div */
div.tabContent .subContent
{
    margin: 5px;
}

/* Title of a Tab's content area */
div.tabContent .contentTitle
{
    float: left;
    font: bold 1em Arial,Verdana,Helvetica,sans-serif;
    margin-bottom: 5px;
    margin-top: 5px;
}

/* A single contentSection within a content area */
div.tabContent .contentSection, div.controlContent .contentSection
{
    clear: both;
    width: 99%; /* hack to get expand table to fit the size of it's containing element */
    margin-bottom: 5px;
    background-color: #eee;
    border: solid 2px #aaa;
    padding: 10px;
}

/* -----------------------------------
 * --->>> WRAPPED CONTROL STYLES <<<--
 * -----------------------------------
 *
 *	These selectors are used to style user controls that are wrapped by
 *	a page control. For example, the FlagAdministration.ascx control that 
 *	that is used in the Admin pages uses these styles for layout.
 */

/* Header styles */
div.controlHeader
{
    float: left;
}

div.controlHeader h2
{
    font: bold 1.5em Arial,Verdana,Helvetica,sans-serif;
    color: #000080;
    margin: 15px auto 2px 210px;
}

div.controlHeader h2 img
{
    margin-left: -32px;
}

/* Wraps the sideBar and Content areas styles */
div.mainWrapper
{
    clear: both;
}

/* sideBar styles */
div.sideBarActions
{
    width: 174px;
    /*background-color: #C0C0C0;*/
    border: solid 1px #000;
    color: #000;
    font: .8em Arial, verdana, Helvetica, sans-serif;
    padding: 10px;
    background: url(../Images/horisontal-gradient-sprite.png) repeat-y right 0px;
}

div.sideBarWorkflow
{
    width: 150px;
    color: #000;
    font: .8em Arial, verdana, Helvetica, sans-serif;
    border-right: dotted 2px #000080;
    border-top: dotted 2px #000080;
    padding: 10px;
    margin-bottom: 10px;
}

div.sideBarActions h3, div.sideBarWorkflow h3
{
    font: bold 1.2em;
    text-align: center;
}

div.sideBarActions .textBox, div.sideBarWorkflow .textBox
{
    font-size: 1em;
    width: 125;
    margin-bottom: 1em;
}

div.sideBarActions .sideBarSep, div.sideBarWorkflow .sideBarSep
{
    border-bottom: dotted 2px #000080;
    width: 90%;
    padding-top: 5px;
    padding-bottom: 0;
}

.sideBarText
{
    margin: 0px;
    padding: 5px;
    background-color: #F2F2F2;
}

/* Content area styles */
div.controlContent
{
    border-top: solid 2px #000080;
    margin-left: 25px;
    padding-top: 20px;
}

/* Data List fields on a Form */
dl.formFields dt
{
    clear: both;
    float: left;
    vertical-align: middle;
    text-align: right;
    width: 150px;
}

dl.formFields dd
{
    float: left;
    margin: 0 0 .5em .25em;
    width: 51%; /* a hack to get the textbox/dropdowns too render next to their labels. */
}

dropdown
{
    font: .8em Arial, verdana, Helvetica, sans-serif;
    width: 100%;
    height: 18px;
}


/* -----------------------------------
 * -->>> CONTROL SPECIFIC STYLES <<<--
 * -----------------------------------
 *
 *	These are specific styles for named controls.
 */

#currentFlagsWrap td a
{
    display: block;
}

.ContactTopPanel
{
    background-color: #eee;
}

.SearchTitle
{
    font-size: 1.5em;
    font-family: Arial,verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #000080;
    border-bottom: solid 2px #000080;
}

.EmptyGrid_Insert
{
    float: right;
    font-family: Arial,verdana, Helvetica, sans-serif;
}

.flags 
{
    float: right;
    color: Red;
    font-size: 12px;
}

.clearer {
    padding: 0;
    margin: -1px 0 0 0;
    clear: both;
}

.notesTab table.spacing
{
	padding: 0px;
}

.left-column
{ 
    float: left;
    padding: 0px;
    padding-bottom: 15px;
    width: 190px;
    background: url(../Images/horisontal-gradient-sprite.png) repeat-y right 0px;
   
        }