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.png'); 
    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:Red; 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; 
}
.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;
}