body
{
    font-family: Arial;
    font-size: small;
    min-width: 980px;
}

a
{
    color: #4169e1;
}

a:hover
{
    color: Navy;
}

.myH4
{
    color: #333333;
    margin-top: 20px;
    margin-left: 20px;
}

.myH3
{
    color: #333333;
    margin-top: 20px;
}

#AppArea
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;/**/
    background-color: Transparent;
}

.HeaderOuter
{
    min-width: 980px;
    background-color: Transparent;
    height: 58px;
    width: 100%;
    border-bottom: 1px solid #2770a1;
}

#HeaderInner
{
    height: 58px;
    background-color: transparent;
    float: right;
    padding-right: 10px;
    top: 0px;
}

.Logo
{
    float: left;
    clear: left;
    margin-top: 5px;
}

#HeaderMenu
{
    position: absolute;
    left: 270px;
    min-width: 710px;
    top: 33px;
    height: 24px;
}

.Welcome
{
    padding-right: 5px;
}

.BtnStyle
{
    font-family: Arial;
    font-size: 11px;
    background-color: #ededed;
    color: #2770a1;
    cursor: hand;
    font-weight: bold;
}
.BtnStyle:hover
{
    color: #ededed;
    background-color: #2770a1;
}

#ContentArea
{
    min-width: 980px;
    font-family: Arial;
}

#Content
{
    font-size: 85%;
    font-family: Arial;
    margin-left: 190px;
    padding: 10px;
    text-align: left;
    margin-top: 5px;
    clear: right;
    min-width: 500px;
    min-height: 400px;
}

#ContentWithNoNavigation
{
    font-size: 85%;
    font-family: Arial;
    margin-left: 0px;
    padding: 10px;
    text-align: left;
    margin-top: 0px;
    clear: right;
    min-width: 500px;
    min-height: 400px;
}

#Menubar
{
    float: left;
    width: 150px;
    min-height: 400px;
    margin-top: 0px;
    margin-left: 10px;
    padding-left: 0px;
    padding-top: 71px;
    padding-bottom: 10px;
    padding-right: 0px;
    text-align: left;
    background-image: url('Images/raconciliation_logo.gif');
    background-position: left top;
    background-repeat: no-repeat;    
}


#AvianceMenubar
{
    float: left;
    width: 150px;
    min-height: 400px;
    margin-top: 0px;
    margin-left: 10px;
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0px;
}

#InnerContent
{
    font-size: 85%;
    font-family: Arial;
}

#FiltersBar
{
    min-width: 500px;
    background-color: Transparent;
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: middle;
}

.PasswordStrengthCSS
{
    background-color: Transparent;
    font-size: small;
    color: red;
}
.Dst2
{
    color: Red;
}
.Dst3
{
    color: orange;
}
.Dst4
{
    color: green;
}
.Dst5
{
    color: blue;
}
.Dst1
{
    color: red;
}

#ContentMenu
{
    border-bottom: solid 1px #99cc99;
    min-width: 500px;
    height: 25px;
    padding-left: 20px;
    background-color: Transparent;
}

#FiltersBar
{
    min-width: 500px;
    background-color: Transparent;
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: middle;
}


.gridView
{
    border: none;
}

.gridView th
{
    background-image: url('Images/1pixelblue.gif');
    background-repeat: repeat-x;
    color: #00156E;
    font-size: small;
    padding: 2px;
    margin-bottom: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 7px;
    padding-left: 7px;
    font-weight: normal;
    border: solid 1px white;
    border-bottom: solid 1px #ededed;
    background-color: #BBD9FF;
}

.gridView td
{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    border: none;
}

.gridView th a
{
    text-decoration: none;
    color: #00156E;
    color: navy;
}

.AlternateRow
{
    background-color: #ededed;
}

.EmptyGridView
{
    border: None;
}

.CollapsePanelHeader
{
    width: 500px;
    padding-top: 3px;
    background-color: #d8ebd8;
    border-bottom: solid 1px #99cc99;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
}
.CollapsePanelHeaderEditCase
{
    width: 500px;
    padding-top: 3px;
    background-color: #BFCCE4;
    border-bottom: solid 1px #99cc99;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
}
.CollapsePanelHeaderRight
{
    float: right;
    clear: right;
}

.CollapsePanel
{
    width: 500px;
    text-align: center;
}

.CollapsePanelFooter
{
    width: 500px;
}

#UpdateProgress
{
    padding-right: 5px;
    position: absolute;
    right: 0px;
    top: 85px;
    z-index: 1;
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    text-align: center;
}
#UpdateProgress img
{
    height: 20px;
    width: 20px;
}


#tabsJ
{
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: normal;
    height: 24px;
}

#tabsJ a span
{
    float: left;
    display: block;
    background: url("Images/tabrightJ.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: #2770a1;
    cursor: hand;
}

#tabsJ a:hover span
{
    color: #ededed;
    background-position: 100% -42px;
}

#tabsJ a
{
    float: left;
    background: url("Images/tableftJ.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}
#tabsJ a:hover
{
    background-position: 0% -42px;
}


#tabsK
{
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: normal;
}

#tabsK a span
{
    float: left;
    display: block;
    background: url("~/Images/tabrightJ.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: #2770a1;
    cursor: hand;
}

#tabsK a:hover span
{
    color: #ededed;
    background-position: 100% -42px;
}

#tabsK a
{
    float: left;
    background: url("~/Images/tableftJ.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}
#tabsK a:hover
{
    background-position: 0% -42px;
}

.ViewerBtn
{
    background-color: #ededed;
    vertical-align: middle;
    padding: 3px;
}
.ProductDescription
{
    font-size: 85%;
    text-align: Justify;
    margin: 0;
}
.ViewerBtn:hover
{
    background-color: #667F9F;
}

.LnkBtn
{
    font-size: 85%;
}

#AnnoContextMenu
{
    border: gray 1px solid;
    position: absolute;
    visibility: hidden;
    left: 100px;
    top: 100px;
}
.contextMenu
{
    margin: 0;
    padding: 0.3em;
    background-color: white;
}
.contextMenu ul
{
    margin: 0;
    list-style-type: none;
    padding: 0;
}
.contextMenu hr
{
    border: 0;
    border-bottom: 1px solid grey;
    margin: 0px 0px 0px 0px;
    width: 10em;
}
.contextMenu a
{
    display: inline-block;
    text-decoration: none;
    border: 0 !important;
    color: black;
    padding: 2px;
}
.contextMenu a:hover
{
    color: #FFFFFF;
    background-color: #3366CC;
    text-decoration: none !important;
}

#SubMenu
{
    min-width: 980px;
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    background-color: #2770a1;
}
#SubMenu a
{
    color: #ededed;
    font-size: 85%;
    text-decoration: none;
}
#SubMenu a:visited
{
    color: #ededed;
    font-size: 90%;
    text-decoration: none;
}
#SubMenu a:hover
{
    color: yellow;
}


.HeaderDiv
{
    padding: 5px;
    margin-top: 15px;
    margin-bottom: 5px;
    background-color: #2770a1;
    color: #ededed;
}
.HeaderDiv a
{
    color: #ededed;
}
.HeaderDiv a:hover
{
    color: Yellow;
}

.PanelHeader
{
    padding: 5px;
    margin-top: 15px;
    margin-bottom: 5px;
    background-color: #2770a1;
    color: #ededed;
    text-align: center;
}
.HeaderDiv a
{
    color: #ededed;
}
.HeaderDiv a:hover
{
    color: Yellow;
}


.LabelError
{
    color: #FF0000;
}

.HeaderP
{
    font-family: Arial;
    margin: 0;
    text-align: center;
    color: #2771a0;
    background-color: #ededed;
    padding-bottom: 4px;
}

.LoginLoading
{
    float: left right;
    top: 180px;
    bottom: auto;
    right: auto;
    left: 450px;
    height: 30px;
    width: 35px;
    vertical-align: middle;
    position: absolute;
    min-width: 800px;
}

.ProjectTableStyle
{
    border: 0;
    min-width: 600px;
}

.ProjectTableTDStyle
{
    padding-left: 3px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    width: 150px;
    text-align: left;
    background-color: #ededed;
    vertical-align: top;
}
.ProjectTableDataTDStyle
{
    width: 180px;
    text-align: left;
    vertical-align: top;
}

.FormHeader /*Applies New Header color*/
{
    border-style: solid;
    border-color: #7D8598;
    border-width: 1px;
    border-right-width: 0px;
    border-left-width: 0px;
    background-image: url('Images/1pixelblue.gif');
    background-repeat: repeat-x;
    color: #00156E;
    font-size: small;
    padding: 2px;
    margin-top: 10px;
    margin-bottom: 3px;
}
.FormHeaderTop /*Applies New Header color*/
{
    border-style: solid;
    border-color: #7D8598;
    border-width: 1px;
    border-right-width: 0px;
    border-left-width: 0px;
    background-image: url('Images/1pixelblue.gif');
    background-repeat: repeat-x;
    color: #00156E;
    font-size: small;
    padding: 2px;
    margin-bottom: 3px;
}
.FormSubHeader /*Applies New Header color*/
{
    border-style: solid;
    border-color: #7D8598;
    border-width: 1px;
    border-right-width: 0px;
    border-left-width: 0px;
    background-image: url('Images/1pixelblue.gif');
    background-repeat: repeat-x;
    background-color: #BBD9FF;
    color: #00156E;
    padding: 3px;
    margin-bottom: 5px;
}


.FormHeaderLink2
{
    float: right;
    padding-right: 5px;
}
.FormHeaderLink2 a
{
    color: #00156E;
    font-size: 85%;
}

.FormHeader2
{
    background-color: Silver;
    color: #2770a1;
    padding: 1px;
    margin-top: 3px;
    margin-bottom: 3px;
}
.FormNote
{
    float: left;
    font-size: xx-small;
    color: Black;
    vertical-align: bottom;
    clear: right;
    margin-top: 10px;
}

.FormFooter
{
    margin-top: 10px;
}

.FormHeaderLink
{
    float: right;
    padding-right: 5px;
}
.FormHeaderLink a
{
    color: #00156E;
    font-size: 85%;
}
.FormHeaderLink a:hover
{
    color: White;
}

.FormSubHeader2
{
    color: #2770a1;
    background-color: #ededed;
    padding: 2px;
}

.Input
{
    border: solid 1px gray;
    font-family: Arial;
    font-size: 95%;
}

.HoverPanel
{
    border: solid 1px gray;
    background-color: #FFFFD0;
    width: 300px;
    padding: 5px;
    display:none;
}
.HoverPanel table
{
    width: 100%;
    background-color: Transparent;
    border-collapse: collapse;
}
.HoverPanel td
{
    text-align: left;
    vertical-align: top;
}
/*Modal Popup*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #ededed;
    border-width: 3px;
    border-style: solid;
    border-color: #2770a1;
    padding: 3px;
}

.hiddencol
{
    display: none;
}
.viscol
{
    display: block;
}

/* Coding Work Sheet */

.ajaxOrderedList ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#CodeSheetContent
{
    font-size: 85%;
    position: absolute;
    top: 5px;
    left: 0px;
    text-align: left;
    width: 990px;
    height: 400px;
}

.DragHandle
{
    width: 20px;
    cursor: move;
}

.DragStyle
{
    height: 20px;
    border: dotted 1px #2770a1;
}

.ColumnHeader
{
    border: solid 1px gray;
    background-color: #ededed;
    height: 16px;
    font-weight: bold;
    text-align: center;
}

.SectionHeader
{
    margin-top: 5px;
}
.SectionHeader a
{
    color: #ededed;
    font-size: 95%;
}
.SectionHeader a:hover
{
    color: yellow;
}

.SectionHeaderTD
{
    color: #ededed;
    background-color: #2770a1;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 0px;
    padding-right: 0px;
    width: 320px;
    border: solid 1px #2770a1;
}

.CodeSheetAddBox
{
    border: solid 1px gray;
    background-color: #ededed;
    text-align: center;
}

.TxtWaterMark
{
    background-color: #ffffdf;
    border: solid 1px gray;
    font-family: Arial;
    font-size: 95%;
}
.inputbtn
{
    color: #050;
    font: bold 84% 'trebuchet ms' ,helvetica,sans-serif;
    background-color: #6699CC;
}

.prbg a.button_link
{
    /* link text of buttons within pagination row */
    color: #666666;
    font-family: Arial, ms sans serif;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
}

.prbg a.button_link:hover
{
    /* link text of buttons within pagination row hover state */
    color: #000000;
}

.button_bar_cell .button_link, .prbbc .button_link
{
    border-right: 1px solid #aaaaaa;
    font-size: 11px;
    color: #003333;
    text-decoration: none;
    width: 10px;
    height: 19px;
    vertical-align: middle;
    font-weight: bold;
    background: url('../Images/function_bg_off.gif') repeat-x top left;
}

.button_bar_cell .button_link:hover, .prbbc .button_link:hover
{
    padding: 1px 20px 0px 20px;
    color: #000000;
    background: url('../Images/function_bg_on.gif') repeat-x top left;
}

.tabs
{
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: normal;
}

.tabs a span
{
    float: left;
    display: block;
    background: url("Images/tabrightJ.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: #2770a1;
    cursor: hand;
}

.tabs a:hover span
{
    color: #ededed;
    background-position: 100% -42px;
}

.tabs a
{
    float: left;
    background: url("Images/tableftJ.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}
.tabs a:hover
{
    background-position: 0% -42px;
}

.gridView2
{
    border: none;
}


.gridView2 th
{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 7px;
    padding-left: 7px;
    height: 16px;
    font-weight: bold;
    border: solid 1px gray;
    background-color: #ededed;
    text-align: left;
}


.gridView2 td
{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    border: none;
}

.ReportsFooterLine
{
    border-top: solid 1px black;
    padding-top: 10px;
}

.ReportsFooterLine2
{
    padding-top: 10px;
}

.EmptyMessage
{
    border: solid 1px gray;
    font-family: Arial;
    font-style: italic;
    font-size: 95%;
    color: #0000FF;
}


/*---CSS FOR TOOLTIP ---*/

.title
{
    color: #4f4236;
    font-weight: bold;
    font-size: 14px;
    font-family: Calibri, Arial;
}
.info
{
    font-size:small;
    font-family:Calibri;
    color:Blue;
}

.BackColor
{
    background-color:#E9CFEC;
}


/*--- UPDATE PANEL POSITION ---*/
.divProg
{
    position: absolute;
    left: 40%;
    top: 50%;
    width: 100px;
    height: 0px;
    z-index: 1;
    border: 1px none #000000;
    visibility: hidden;
    background-color:Transparent;
    font-weight: bold;
    padding: 255px 10px 5px 10px;
}

/*--- Header without left space ---*/
.myNewH4
{
    color: #333333;
    margin-top: 20px;    
}
.RadMenu a.rmLink  
{  
    cursor:hand !important;  
}

.GreenBackGround
{
   border-top: solid 3px orange;
   border-right: solid 3px orange;    
   border-left: solid 3px orange;
   border-bottom: solid 3px orange;
   background-color:#D4FFD4;
   color:Black;  
}
.GridSidesLEFT_Orange 
{    
    border-left: solid 3px orange;  
}
.GridSideRIGHT_Orange
{
    border-right: solid 3px orange;    
}


#DRGCMIContent
{
    font-size: 85%;
    font-family: Arial;
    margin-left: 340px;
    margin-right: 200px;
    padding: 10px;
    text-align: left;
    margin-top: 0px;
    clear: right;
    min-width: 500px;
    min-height: 400px;   
}

#DRGCMIFilters
{
    float: left;
    width: 300px;
    min-height: 400px;
    margin-top: 0px;
    margin-left: 10px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-right: 0px;   
    text-align: left;
    vertical-align:top;
    /*background-position: center top;   */
}