/* ==== Google font ==== */
/*@import url('http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:300,400,600,700');*/



/* CSS Document */
*{margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
body
{
}
.button
{
    color: #fff;
    font-size: 12px;
    padding: 3px;
    text-decoration: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-box-shadow: 0px 2px 3px #666666;
    -moz-box-shadow: 0px 2px 3px #666666;
    text-shadow: 1px 3px 3px #666666;
    border: solid #000000 1px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#E97A20), to(#E97A20));
    background: -moz-linear-gradient(top, #005776, #0087B8);
}
.button:hover
{
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#666466));
    background: -moz-linear-gradient(top, #cccccc, #666466);
    cursor: pointer;
}
.btnSubmit
{
    color: #fff;
    font-size: 11px;
    font-family: Tahoma;
    font-weight: bold;
    padding: 5px 20px;
    background: url(../Images/btn.jpg) no-repeat center center;
    border: 0;
}

.buttonnew
{
    border: 1px solid #002e3e;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-family: 'Open Sans', Arial, sans-serif;
    padding: 3px 3px 3px 3px;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #005776;
    background-image: linear-gradient(to bottom, #005776, #0078A3);
    }

.buttonnew:hover
{
    border: 1px solid #000C10;
    background-color: #0078A3;
    cursor: pointer;
    background-image: linear-gradient(to bottom, #0078A3, #0078A3);
}

/* Image in Text Box */.tb11
{
    background: #FFFFFF url(../images/search-icon.png) no-repeat 4px 4px;
    padding: 4px 4px 4px 34px;
    border: 1px solid #CCCCCC;
    width: 572px;
    height: 23px;
    font-family: Arial;
    font-size: 12px;
}
/* Image in Text Box */.tb
{
    /*background: #FFFFFF url(images/arrow_down.png) no-repeat 172px 3px;*/
    padding: 3px 3px 3px 3px;
    border: 1px solid #CCCCCC;
    width: 250px;
    height: 18px;
    font-family: Arial;
    font-size: 12px;
}
.dropdown
{
    /*background: #FFFFFF url(images/arrow_down.png) no-repeat 172px 3px;*/
    padding: 2px 2px 2px 2px;
    border: 1px solid #CCCCCC;
    width: 258px;
    height: 24px;
    font-family: Arial;
    font-size: 12px;
}
.dropdown_Dob1
{
    /*background: #FFFFFF url(images/arrow_down.png) no-repeat 172px 3px;*/
    padding: 2px 2px 2px 2px;
    border: 1px solid #CCCCCC;
    width: 60px;
    height: 24px;
    font-family: Arial;
    font-size: 12px;
}
.dropdown_Dob2
{
    /*background: #FFFFFF url(images/arrow_down.png) no-repeat 172px 3px;*/
    padding: 2px 2px 2px 2px;
    border: 1px solid #CCCCCC;
    width: 82px;
    height: 24px;
    font-family: Arial;
    font-size: 12px;
}
.dropdown_Dob3
{
    /*background: #FFFFFF url(images/arrow_down.png) no-repeat 172px 3px;*/
    padding: 2px 2px 2px 2px;
    border: 1px solid #CCCCCC;
    width: 100px;
    height: 24px;
    font-family: Arial;
    font-size: 12px;
}
.selector
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #CCCCCC;
    background-color: #ffffff;
}
.style1
{
    width: 100%;
}

.MyTabStyle .ajax__tab_header
{
    /* font-family: "Arial";     font-size: 14px;     font-weight: normal; */
    font-weight: bold;
    display: block;
}
.MyTabStyle .ajax__tab_header .ajax__tab_outer
{
    border-color: #222;
    color: #222;
    padding-left: 10px;
    margin-right: 3px;
    border: solid 1px #d7d7d7;
}
.MyTabStyle .ajax__tab_header .ajax__tab_inner
{
    border-color: #666;
    color: #666;
    padding: 3px 10px 2px 0px;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_outer
{
    background-color: #005776;
    cursor: pointer;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_inner
{
    color: #fff;
}
.MyTabStyle .ajax__tab_active .ajax__tab_outer
{
    border-bottom-color: #ffffff;
    background-color: #d7d7d7;
}
.MyTabStyle .ajax__tab_active .ajax__tab_inner
{
    color: #000;
    border-color: #333;
}
.MyTabStyle .ajax__tab_body
{
    /*font-family: "Arial";     font-size: 10pt;*/
    background-color: #fff;
    border-top-width: 0;
    border: solid 1px #d7d7d7;
    border-top-color: #ffffff;
}



.gradientBoxesWithOuterShadows
{
    position: relative;
    margin: 0 0 0 4px;
    bottom: -2px;
    height: auto;
    width: 900px;
    padding: 10px; /*background: url("../Images/left_bg.gif") no-repeat scroll center top transparent;*/
    border: solid 0px #DBDBDB;
    background-color: #ecf9ff; /* outer shadows  (note the rgba is red, green, blue, alpha) */ /*-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.9);             -moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, 0.9); /* rounded corners */
    -moz-box-shadow: 0 0 12px #888;
    -webkit-box-shadow: 0 0 12px #888;
    box-shadow: 0 0 12px #888;
    -webkit-border-radius: 12px;
    -moz-border-radius: 4px;
    border-radius: 4px; /* gradients */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5eeff), color-stop(15%, #d5eeff), color-stop(100%, #D7E9F5));
    background: -moz-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%);
}

#tooltip
{
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    color: #fff;
}

#tooltipList ul
{
    margin: 0px;
    padding: 0px;
}

#tooltipList li
{
    display: block;
    margin-bottom: 20px;
}

.txtLarge
{
    border: 1px solid #c4c4c4;
    width: 200px;
    height: 18px;
    font-size: 11px;
    padding: 1px 1px 1px 1px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

.txtLarge:focus
{
    outline: none;
    border: 1px solid #F9DEC7;
    box-shadow: 0px 0px 8px #F9DEC7;
    -moz-box-shadow: 0px 0px 8px #F9DEC7;
    -webkit-box-shadow: 0px 0px 8px #F9DEC7;
}
.txtSmall
{
    border: 1px solid #c4c4c4;
    width: 160px;
    height: 18px;
    font-size: 11px;
    padding: 1px 1px 1px 1px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

.txtSmall:focus
{
    outline: none;
    border: 1px solid #F9DEC7;
    box-shadow: 0px 0px 8px #F9DEC7;
    -moz-box-shadow: 0px 0px 8px #F9DEC7;
    -webkit-box-shadow: 0px 0px 8px #F9DEC7;
}
.txtVerySmall
{
    border: 1px solid #c4c4c4;
    width: 70px;
    height: 18px;
    font-size: 11px;
    padding: 1px 1px 1px 1px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

.txtVerySmall:focus
{
    outline: none;
    border: 1px solid #F9DEC7;
    box-shadow: 0px 0px 8px #F9DEC7;
    -moz-box-shadow: 0px 0px 8px #F9DEC7;
    -webkit-box-shadow: 0px 0px 8px #F9DEC7;
}
.txtVerySmall1
{
    border: 1px solid #c4c4c4;
    width: 95%;
    height: 18px;
    font-size: 11px;
    padding: 1px 1px 1px 1px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

.txtVerySmall1:focus
{
    outline: none;
    border: 1px solid #F9DEC7;
    box-shadow: 0px 0px 8px #F9DEC7;
    -moz-box-shadow: 0px 0px 8px #F9DEC7;
    -webkit-box-shadow: 0px 0px 8px #F9DEC7;
}
.EditProfile_Label
{
    color: #357396;
}
.ddl
{
    border: 1px solid #c4c4c4;
    width: 140px;
    height: 22px;
    font-size: 12px;
    padding: 1px 1px 1px 1px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

.ddl:focus
{
    outline: none;
    border: 1px solid #F9DEC7;
    box-shadow: 0px 0px 8px #F9DEC7;
    -moz-box-shadow: 0px 0px 8px #F9DEC7;
    -webkit-box-shadow: 0px 0px 8px #F9DEC7;
}
.ddlSmall
{
    border: 1px solid #c4c4c4;
    width: 100px;
    height: 22px;
    font-size: 12px;
    padding: 1px 1px 1px 1px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

.ddlSmall:focus
{
    outline: none;
    border: 1px solid #F9DEC7;
    box-shadow: 0px 0px 8px #F9DEC7;
    -moz-box-shadow: 0px 0px 8px #F9DEC7;
    -webkit-box-shadow: 0px 0px 8px #F9DEC7;
}

/* Div Styling */
.dialog
{
    background: White;
    overflow: hidden;
    border: solid 1px #C0C0C0;
    -moz-border-radius: 6px 6px 4px 4px;
    -webkit-border-radius: 6px 6px 4px 4px;
    border-radius: 6px 6px 3px 3px;
}
.dialog-header
{
    /*background-image: url(../images/footer_bg.png);*/
    background-color: #CCCCCC;
    background-repeat: repeat-x;
    text-align: left;
    color: #333333;
    padding: 5px;
    padding-left: 10px;
    font-size: 1.20em;
    font-weight: bold;
    position: relative;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}
.dialog-top
{
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}
.dialog-bottom
{
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.dialog-content
{
    padding: 10px;
}
.dialog-statusbar, .dialog-toolbar
{
    background: #eeeeee;
    background-image: url(../images/bgtop.png);
    background-repeat: repeat-x;
    padding: 5px;
    padding-left: 10px;
    border-top: solid 1px silver;
    border-bottom: solid 1px silver;
    font-size: 0.8em;
}
.dialog-statusbar
{
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    padding-right: 10px;
}
.closebox
{
    position: absolute;
    right: 2px;
    top: 2px;
    background-image: url(../images/close.gif);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    cursor: pointer;
    opacity: 0.60;
    
}
.closebox:hover
{
    opacity: 1;
    
}
/* GridView */
.mGrid
{
    width: 100%;
    background-color: #fff;
    margin: 5px 0 5px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}
.mGrid tr:hover
{
   background-color:#EBEBEB;
   }
.mGrid td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #717171;
}
.mGrid td:hover
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: Black;
}
.mGrid th
{
    padding: 4px 2px;
    color: #fff;
    background: #424242 ;
    border-left: solid 1px #525252;
    font-size: 0.9em;
}
.mGrid .alt
{
    background: #fcfcfc ;
}
.mGrid .pgr
{
    background: #424242 ;
}
.mGrid .pgr table
{
    margin: 5px 0;
}
.mGrid .pgr td
{
    border-width: 0;
    padding: 0 2px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
}
.mGrid .pgr a
{
    color: #666;
    text-decoration: none;
}
.mGrid .pgr a:hover
{
    color: #000;
    text-decoration: none;
}
.watermarked
{
    border: 1px solid #c4c4c4;
    width: 160px;
    height: 18px;
    font-size: 10px;
    padding: 1px 1px 1px 1px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
    color: gray;
}
/*LEGENDS*/
.fieldset
{
    border-radius: 10px;
    background: #eee;
    margin: 20px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    position: relative;
    border: 1px threedface;
}
.legend
{
    border-radius: 6px;
    position: absolute;
    top: -5px;
    background: #005776;
    padding: 10px 20px;
    border: 1px threedface;
    border-top: none;
    box-shadow: inset 0 -5px 5px rgba(0,0,0,.9);
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
    font-weight: bold;
    font-size:1.15em;
}
.legend span
{
    display: block;
    margin: -20px;
    background: #005776;
    padding: 5px 20px;
    color: #FFF;
    border-radius: 6px;
}
.legend Label
{
    display: block;
    margin: -20px;
    background: #005776;
    padding: 5px 20px;
    color: #FFF;
    border-radius: 6px;
}
.legend_bottom
{
    text-align:right;
    border-radius: 6px;
    position: relative;
    top: 150px;
    background: #005776;
    padding: 10px 20px;
    border: 1px threedface;
    border-top: none;
    box-shadow: inset 0 -5px 5px rgba(0,0,0,.9);
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
    font-weight: bold;
}
.legend_bottom span
{    
    display: block;
    margin: -20px;
    background: #005776;
    padding: 5px 20px;
    color: #FFF;
    border-radius: 6px;
}
/*UL LI*/
.listUL
{
    font-size:13px;
    
}
.listUL li a
{
    color:#005776;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}
.listUL li a:hover
{
    color:#E97A20;
    font-size:15px;
    font-weight:bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,.2);
}


#mGridcolg
        {
            border-collapse: collapse;
            border: 1px solid #000;
            width: 100%;
            text-align: center;
        }
        #mGridcolg td
        {
           padding: 2px;
    border: solid 1px #c1c1c1;
    color: #000;
    font-weight: bold;
         text-align:left;   
        }
        #mGridcolg th
        {
           
             padding: 4px 2px;
    color: #fff;
    background: #424242;
    border-left: solid 1px #525252;
    font-size: 0.9em;
        }

        #mGridcolg tr td span img
        {
           
            cursor: pointer;
        }
        #mGridcolg tr td img
        {
           
            cursor: pointer;
        }
#mGridcolg clickable
        {
            cursor: pointer;
        }
#mGridcolg clickable:hover
        {
            background: #c3c3c3;
        }
#mGridcolg  tr:nth-child(odd) {background: #fff; color: #000}
#mGridcolg  tr:nth-child(even) {background: #fff;color:#000}


#mGridcolg .cellEditing {
    padding: 0;
   
}
  
#mGridcolg .cellEditing input[type=text]{
    width:140px;
    border:0;
     background-color:rgb(255,253,210);  
      }