/*
COLORS:

AliceBlue: #f0f8ff
DarkRed: #8b0000
LightYellow: #ffffe0

*/
.rptGrid
{
    /*BORDER-RIGHT: #197EB7 1px solid;
    BORDER-TOP: #197EB7 1px solid;
    BORDER-BOTTOM: #197EB7 1px solid;
    BORDER-LEFT: #197EB7 1px solid;*/
    FONT-WEIGHT: normal;
    FONT-SIZE: 9.5pt;
    COLOR: #666; /*black;*/ 
    FONT-FAMILY: Source Sans Pro;
    TEXT-DECORATION: none;
}
.rptGrid_header
{
    /*FONT-WEIGHT: bold;*/
    COLOR: white;
    background-color: Gray; /*#197eb7;*/
    text-decoration: none;
    border: 1px solid white;
    vertical-align:bottom;
    text-align:center;
    /*BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    
    BORDER-LEFT: 1px solid;
   
    BORDER-BOTTOM: 1px solid;*/
    
}
.rptGrid_header A
{
    COLOR: white;
    text-decoration: NONE; 

}
.rptGrid_header a:hover 
{   color: WHITE;
    text-decoration: underline;

}
UNKNOWN
{
    COLOR: white
}
UNKNOWN
{
    COLOR: yellow
}
.rptGrid_row
{
    BACKGROUND-COLOR: white;
    FONT-WEIGHT: normal;
    text-align: left;
    border: 1px solid Gray;
    /*BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    
    BORDER-LEFT: 1px solid;
    COLOR: black;
    BORDER-BOTTOM: 1px solid;
    
    TEXT-DECORATION: none*/
}
.rptGrid_row_alt
{
    BACKGROUND-COLOR: #F5F5F5;
    FONT-WEIGHT: normal;
    text-align: left;
        border: 1px solid Gray;
    /*BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    
    BORDER-LEFT: 1px solid;
    COLOR: black;
    BORDER-BOTTOM: 1px solid;
    
    TEXT-DECORATION: none*/
}
.rptGrid_pager span
{
    font-weight:bold;
    color: darkred;
    font-size:12px;
}
.gridItem
    {      
        vertical-align:top;
        text-align: left;
        border: 1px solid Gray;
        /*padding:3px 3px 0px 3px;*/
    }
    .btnSort
    {
        color:white;
        text-decoration: none;
    }
    .btnSort:hover
    {
        color:white;
        text-decoration: none;
    }
        .handleImage {
        position: absolute;
        cursor: pointer;
        height: 16px;
        width: 15px;
    }
        .handleImageR 
        {
        border: 1px solid;
        border-radius: 3px 3px 3px 3px;
        height: 5px;
        position: relative;
        cursor: pointer;
    }
     .gridHeader
    {
        border: 1px solid white;
        background-color: #4682b4;/*#3f76a3;#396a93; #197EB7; #0070AF;#006699;#55afe2Gray;*/
        color:white;
        vertical-align:bottom;
        text-align:center;

    }
 .hover
{
    display: inline-block;
    padding: 4px 4px 4px 4px; /* top right bottom left*/
    font-size: 9pt;
    font-family: Source Sans Pro;
    font-weight:normal;
    color: #666;
    vertical-align: middle;
    background-color: #F0F8FF; /*#eef3f8;*/
    background-image: none;
    border: 1px solid #197EB7;
    border-radius: 7px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;         
}

/*
 .hoverTabs
{
    width:300px;
    display: inline-block;
    padding: 4px 4px 4px 4px; 
    font-size: 9pt;
    font-family: Source Sans Pro;
    font-weight:normal;
    color: #666;
    vertical-align: middle;
    background-color: AliceBlue;
    background-image: none;
    border: 1px solid #197EB7;
    border-radius: 7px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;         
}
*/
    .ddlYB
    {
        
        display: inline-block;
        padding:4px 4px 4px 0px; /*6px 12px;*/
        font-size: 9pt;
        font-family: Source Sans Pro;
        color: #555;
        vertical-align: middle;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
        /* filter applied*/
        .ddlYB_filter
    {
        display: inline-block;
        padding:4px 4px 4px 0px; /*6px 12px;*/
        font-size: 9pt;
        font-family: Source Sans Pro;
        /*line-height: 1.4285;*/
        color: darkred;
        vertical-align: middle;
        background-color: #FFFFDF;
        background-image: none;
        border: 1px solid darkred;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
        .watermarkYB
    {
        
        display: inline-block;
        padding: 4px 0px 4px 0px; /* top right bottom left*/
        font-size: 9pt;
        font-family: Source Sans Pro;
        color: black;/*DarkGray;#0070af;*/
        background-color: white;/*aliceblue;*/
        font-style:italic;
        vertical-align: middle;
        background-image: url(../../graphics/design/search_sm.png); /*url("../../graphics/design/filter.gif");*/
	    background-position:right;
	    background-repeat:no-repeat;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
    .txtYB
    {
        
        display: inline-block;
        padding: 4px 0px 4px 0px; /* top right bottom left*/
        font-size: 9pt;
        font-family: Source Sans Pro;
        color: #555;
        vertical-align: middle;
        /*background-image: url("../../graphics/design/filter.gif");*/
	    background-position:right;
	    background-repeat:no-repeat;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
        /* filter applied*/
     .txtYB_filter
    {
        display: inline-block;
        padding: 4px 0px 4px 0px; /* top right bottom left*/
        font-size: 9pt;
        font-family: Source Sans Pro;
        /*line-height: 1.4285;*/
        color: darkred;
        vertical-align: middle;
        background-color: #FFFFDF;
        background-image: none;
        border: 1px solid darkred;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    } 
         .txtYB_filterGreen
    {
        display: inline-block;
        padding: 4px 0px 4px 0px; /* top right bottom left*/
        font-size: 9pt;
        font-family: Source Sans Pro;
        /*line-height: 1.4285;*/
        color: darkred;
        vertical-align: middle;
        background-color: #CBFBCB;  /*#f0f8ff; #FFFFDF #f0f8ff #e0ffd3;#ccffcc; /* #CBFBCB; --> this one is darker*/
        background-image: none;
        border: 1px solid darkred;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
    .ddlYB_filterGreen
    {
        display: inline-block;
        padding:4px 4px 4px 0px; /*6px 12px;*/
        font-size: 9pt;
        font-family: Source Sans Pro;
        /*line-height: 1.4285;*/
        color: darkred;
        vertical-align: middle;
        background-color: #CBFBCB; /*#f0f8ff; #FFFFDF#f0f8ff#e0ffd3; /*#ccffcc;#CBFBCB;*/
        background-image: none;
        border: 1px solid darkred;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    } 

    /*   

 .watermarkedYB
    {
        display: inline-block;
        padding: 0px 0px 0px 4px; /* top right bottom left
        font-size: 9pt;
        font-family: Source Sans Pro;
        font-style:italic;
        height:25px;
        color: #555;
        vertical-align: middle;
        background-image: url("../../graphics/design/filter.gif");
	    background-position:right;
	    background-repeat:no-repeat;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }*/