.HeaderBg
{
    background-image: url(/images/top_bg2.gif);
    height: 35;
    vertical-align: top;
    background-color: #3B66A9;
}
.gridHeader a:link
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
.gridHeader a:active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
.gridHeader a:visited
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
.gridHeader a:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

.gridHeader th
{
    background-color: #3a4078;
    font-weight: bold !important;
    font-size: 10px !important;
    color: #ffffff;
}

.footerCells
{
    font-family: Verdana, Tahoma, Arial;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    background-color: #FAFACB;
}

/* styles - 'mitem'  added for Menu Items */
A.mitem:link
{
    text-decoration: none;
    font-family: Verdana, Tahoma;
    font-size: 9px;
    color: #ffffff;
}

A.mitem:visited
{
    text-decoration: none;
    font-family: Verdana, Tahoma;
    font-size: 9px;
    color: #ffffff;
}

A.mitem:hover
{
    text-decoration: none;
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 9px;
}

/* header menu*/
A.smitem:link
{
    text-decoration: none;
    font-family: Verdana, Tahoma;
    font-size: 9px;
    color: #ffffff;
    font-weight: normal;
}

A.smitem:visited
{
    text-decoration: none;
    font-family: Verdana, Tahoma;
    font-size: 9px;
    color: #ffffff;
    font-weight: normal;
}

A.smitem:hover
{
    text-decoration: none;
    font-family: Verdana, Tahoma;
    color: #ffffff;
    font-size: 9px;
    font-weight: normal;
}

.GenRed
{
    color: #ff3333;
}

.GenGreen
{
    color: #009900;
}

/*used in gruoping display e.g. ProceduralDocList.aspx*/
/* table level rules */
.grid
{
    font-family: tahoma;
    font-size: 11px;
    border: solid 1px #7f7f7f;
    border-bottom-width: 1px;
    border-collapse: collapse;
    color: #333333;
    width: 100%;
}


/* header column rules */
.grid th
{
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #ffffff;
    padding: 4px 5px 4px 10px;
    vertical-align: bottom;
    text-align: left;
}

.grid th a
{
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-right: 10px;
}

/* data cell and data row rules */
.grid td
{
    color: #333333;
    padding: 4px 10px 4px 10px;
    border-bottom: solid 1px #BBD9EE;
}

.grid .altrow
{
    background-color: #EBF4FA;
}

.grid .row
{
    background-color: #fff;
}

.grid .rownum
{
    width: 15px;
    text-align: center;
    padding-left: 0px;
    font-weight: bold;
    color: #333333;
}

/* group header */
.grid .group span
{
    padding: 10px 0px 2px 0px;
    color: #666666;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}
.grid .group img
{
    cursor: pointer;
}
.gridFooter td
{
    background-color: #3a4078;
    font-weight: bold !important;
    font-size: 10px !important;
    color: #ffffff;
}
.gridFooterTimeSheet
{
    background-color: #DBDBDB !important;
    font-weight: bold !important;
    font-size: 12px !important;
    color: Black;
}
.grid_EditableFooter
{
    background-color: #B0B0B0 !important;
}

/*for popup window (ajaxToolkit:ModalPopupExtender) only Start*/
.ParentInactive
{
    background-image: url('/images/inactive-bg.gif');
    filter: alpha(opacity=40);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.4; /*background-color:#A2AAB8;*/
    height: 1000%; /*Height of top section*/
}
.ModalPopup
{
    min-width: 800px;
    min-height: 500px;
    background: white;
    border-style: solid;
    border-width: 1px;
    border-color: ThreeDFace;
}
.updateProgress
{
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    position: absolute;
    width: 180px;
    height: 65px;
}
/*for popup window only End*/


/*Start Only for Ajax ComboBox*/
.CustomComboBoxStyle .ajax__combobox_textboxcontainer input
{
}
.CustomComboBoxStyle .ajax__combobox_buttoncontainer button
{
}
.CustomComboBoxStyle .ajax__combobox_textboxcontainer
{
    border-bottom: none !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    padding: 0px 0px 0px 0px !important;
}
.CustomComboBoxStyle .ajax__combobox_buttoncontainer
{
    border-bottom: none !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    padding: 0px 0px 0px 0px !important;
}
.CustomComboBoxStyle .ajax__combobox_inputcontainer
{
    border-bottom: none !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
}
.CustomComboBoxStyle .ajax__combobox_itemlist
{
    position: absolute !important;
    height: 300px !important;
    overflow-y: auto !important;
}
/*End Only for Ajax ComboBox*/

/* Start used in gruoping display in Left Menu bar*/

.LeftMenuBar
{
    border-collapse: collapse;
    color: #FFFFFF;
    width: 100%;
}
.LeftMenuBar td
{
    background-color: #3B66A9;
    font-weight: bold !important;
    font-size: 10px !important;
    color: #ffffff;
}

/*
.LeftMenuBar td a:hover
{
    padding: 1px 0px 0px 0px;
    background-color: #3B66B7;
    font-weight: bold !important;
    font-size: 10px !important;
    color: #ffffff;
}
*/

/* header column rules */
.LeftMenuBar th
{
    color: #FFFFFF;
    padding: 4px 5px 4px 10px;
    vertical-align: bottom;
    text-align: left;
}

.LeftMenuBar th a
{
    color: #FFFFFF;
    background-color: #3B66A9;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-right: 10px;
}

/* group header */
.LeftMenuBar .group
{
    padding: 5px 0px 2px 0px;
    color: #FFFFFF;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}
.LeftMenuBar .group span
{
    padding: 10px 0px 2px 0px;
    color: #FFFFFF;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}
.LeftMenuBar .group img
{
    cursor: pointer;
}
/* Start used in gruoping display in Left Menu bar*/
.Head_DashBoard
{
    background-color: #E5E6E7;
    font-weight: bold;
}
.groupHeader
{
    color: #000000;
    background-color: #E5E6E7;
    font-size: 13px;
    font-weight: bold;
}

.HandleCssClass
{
    width: 16px;
    height: 16px;
    background-image: url(/images/HandleGrip.png);
    overflow: hidden;
    cursor: se-resize;
}


.DropDownItemList_Red
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    color: #cc0000;
}
.DropDownItemList_Green
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    color: #009933;
}

/* Start TreeMenu*/
.TreeMenu
{
    width: 250px;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px !important;
    border-top: 0px !important;
}
.TreeMenu td
{
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px !important;
    border-top: 0px !important;
    padding-left: 3px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 2px !important;
}
.TreeMenuRoot
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    color: #009933;
    text-decoration: none;
}

.TreeMenuRoot a
{
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    color: #009933;
    text-decoration: none;
}
.TreeMenuSelected
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    color: Red !important;
    text-decoration: none;
    display: block;
}

.TreeMenuSelected a
{
    font-size: 9pt;
    font-style: normal;
    color: Red !important;
    text-decoration: none;
    display: block;
}

.TreeMenuParent
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    font-style: normal;
    font-weight: bold;
    color: #6F933A;
    text-decoration: none;
}

.TreeMenuParent a
{
    font-size: 8.5pt;
    font-style: normal;
    font-weight: bold;
    color: #6F933A;
    text-decoration: none;
}

.TreeMenuLeaf a
{
    text-decoration: none;
}

.ListBoxFontSize
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.OptionAddNew
{
    font-style: normal;
    font-weight: bolder !important;
    color: maroon;
}
.GreenCircle
{
    background: green;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    padding: auto;
    margin: auto;
}

.textImageMiddle
{
    vertical-align: middle;
}
.PopUpHeadingTitle
{
    background-color: #3B66A9;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #FFFFFF;
    padding-left: 5px;
}
.JobBoardView 
{
    min-width:12em;
    width:12em;
}