
.alert-box {
    color:#555;
    border-radius:10px;
    font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
    padding:10px 10px 10px 36px;
    margin:-20px;
}

.updatelink{
    color:brown;
}



.error {
    background:#ffecec url('Images/error.png') no-repeat 10px 50%;
    border:1px solid #f5aca6;
}
.success {
    background:#e9ffd9 url('Images/success.png') no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}
.warning {
    background:#fff8c4 url('Images/warning.png') no-repeat 10px 50%;
    border:1px solid #f2c779;
}
.notice {
    background:#ccfff2 url('Images/notice.png') no-repeat 10px 50%;
    border:1px solid #8ed9f6;
}


.shadow_five 
{
	
	 background-color:#e6ffff; 

  -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        -moz-box-shadow: 3px 3px 5px #B1A59A;
        -webkit-box-shadow: 3px 3px 5px #B1A59A;
        -o-box-shadow: 3px 3px 5px #B1A59A;
        -ms-box-shadow: 3px 3px 5px #B1A59A;
        box-shadow: 3px 3px 5px #B1A59A;
        padding: 10px;
        margin-right:10px;
        margin-left:3px;
        margin-bottom: 10px;
        width:98%;
	}
	
	.shadow_filters 
{
	 background-color:#ccfff2; 
 height:30px;
  -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        -moz-box-shadow: 3px 3px 5px #B1A59A;
        -webkit-box-shadow: 3px 3px 5px #B1A59A;
        -o-box-shadow: 3px 3px 5px #B1A59A;
        -ms-box-shadow: 3px 3px 5px #B1A59A;
        box-shadow: 3px 3px 5px #B1A59A;
        padding: 10px;
        margin-right:10px;
        margin-left:3px;
        margin-bottom: 10px;
	}
	
	
	.dropdown1 {    
    background: url(http://maxgxl.com/max4u/images/selectArrowDown.png) no-repeat 95% center;
    width:150px;
    border: 1px solid #000; 
    overflow: hidden; 
    border-radius:5px;
}
.dropdown1 select {
    border:0px; 
    width:168px; 
    background:none;
}


.addtabel
{
	 background-color:#ccfff2; 
	/* background-color:#FFFFFF; */
	}


.help_divnew {
    /* width:130px; */
    display: block;
    height: auto;
    z-index: 2;
    opacity: 1;
    font-size: 12px;
    font-family: Verdana;
    /*border: 1px inset #006080;*/
    text-align: justify;
    overflow: hidden;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    float: none;
    width: auto;
    background-color: #0bb8f2;
    color: #ffffff;
}

.linkbutton
{
	linkbutton:link {color:#ff0000;text-decoration:none;}
linkbutton:visited {color:#0000ff;text-decoration:none;}
linkbutton:hover {text-decoration:underline;}


	}
	
	.GridStyle
{
    border: 6px solid rgb(217, 231, 255);
    background-color: #e6fff9;
    font-family: Book Antiqua;
    font-size: 11pt;
    color:Black;
    border-collapse: collapse;
   
}
.GridStyle tr
{
	 background-color: #ccfff2;
    border: 1px solid rgb(217, 231, 255);
    color: Black;
    height: 25px;
}
/* Your grid header column style */
.GridStyle th
{
    background-color: #006080;
   
    color:White;
}
/* Your grid header link style 
.GridStyle tr th a,.GridStyle tr th a:visited
{
        color:Black;
}
.GridStyle tr th, .GridStyle tr td table tr td
{
    border: none;
}

.GridStyle td
{
    border-bottom: 1px solid rgb(217, 231, 255);
    padding: 2px;
}
*/



.mydatagrid

{

   /* width: 80%; */

    border: solid 2px tan;

    /*   min-width: 80%;  */
    background-color:#e6fff9;
    font-size: 11px;

}

.mydatagrid tr:nth-child(even)
    {
        background-color:#ffffff;
    }
    .mydatagrid tr:nth-child(odd)
    {
        background-color:#ccfff2;
    }



.header

{

   background-color: #006080;

    font-family:Calibri;

    color: White;  

    height: 25px;

    text-align: center;

    font-size: 16px;

}

 

.rows

{

    background-color: #e6fff9;

   

    font-size: 12px;

    color: Black;
 

    text-align: left;

  

}




.rows:hover

{

    background-color:#006080;
   color: #ffffff;
/**  color: #ffffff; **/

   

}
 

.selectedrow

{

    background-color:#00b3b3;

   

   color: #ffffff;

    font-weight: bold;

   

}

.mydatagrid a /** FOR THE PAGING ICONS  **/ {
    background-color: Transparent;
    padding: 1px 5px 1px 5px;
    /*color: #ffffff;*/
    color: #FFFF00;
    font-weight: bold;
}

 

.mydatagrid a:hover /** FOR THE PAGING ICONS  HOVER STYLES**/

{

    background-color: #006080;

    color: #fff;

}

.mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/

{

   /*  background-color: #c9c9c9; */

    color: #000;

 /* padding: 5px 5px 5px 5px; */

}

.pager {
    /*    background-color: #006080;*/
    background-color: #646464;
    /* font-family: Arial; */
    color: White;
    height: 30px;
    text-align: left;
    border: 1px solid #646464;
}

    .pager ::selection {
        background-color: #006080;
    }
{

    padding: 5px;

}


.paging {
}

    .paging a {
        /*  background-color: #006699;*/
        background-color: #E1FFEF;
        padding: 4px 4px;
        text-decoration: none;
        color: White;
        border: 1px solid #006699;
    }



        .paging a:hover {
            background-color: #E1FFEF;
            color: White;
            border: 1px solid #00C157;
        }



    .paging span {
        background-color: #E1FFEF;
        padding: 2px 8px;
        color: #00C157;
        border: 1px solid #00C157;
    }



tr.paging {
    background: none !important;

}



    tr.paging tr {
        background: none !important;
    }

    tr.paging td {
        border: none;
    }



.mydatagrid th

{

    padding: 5px;

}


.wrapper-dropdown-5 {
    /* Size & position */
        position: relative;
        width: 200px;
        margin: 0 auto;
        padding: 12px 15px;
        /* Styles */
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 1px 0 rgba(0,0,0,0.2);
        cursor: pointer;
        outline: none;
        transition: all 0.3s ease-out;
    }

.wrapper-dropdown-5:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #4cbeff transparent;
}
.wrapper-dropdown-5 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;

    /* Styles */
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0,0,0,0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    transition: all 0.3s ease-out;

    /* Hiding */
    max-height: 0;
    overflow: hidden;
}
.wrapper-dropdown-5 .dropdown li {
    padding: 0 10px ;
}

.wrapper-dropdown-5 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 10px 0;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid #e6e8ea;
}

.wrapper-dropdown-5 .dropdown li:last-of-type a {
    border: none;
}

.wrapper-dropdown-5 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.wrapper-dropdown-5 .dropdown li:hover a {
    color: #57a9d9;
}
/* Active state */

.wrapper-dropdown-6 {
    border-radius: 5px 5px 0 0;
    background:  #3399ff;
    box-shadow: none;
    border-bottom: none;
    color: white;
    height:30px;
    
     border-color: #82d1ff transparent;
}

.wrapper-dropdown-5.active:after {
    border-color: #82d1ff transparent;
}

.wrapper-dropdown-5.active .dropdown {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
}


.selectbox
{
   /* width: 98%; */
    height: 27px;
    background-color:#fff;
    font: 400 12px/18px 'Open Sans' , sans-serif;
    color: #000;
    font-weight: normal;
    border: 1px solid ;
   /* border-color : #ccc; */
   border-color:#b3ecff;
     /*margin: 5px 0 0 0;*/
    padding: 5px;
}



/* NAVIGATION 
body { background: #E9E9E9; }
h2 { text-align: center; color: #CCC; }
a {
  display: block;
  text-decoration: none;
  width: 100%;
  height: 100%;
  color: #999;
}

a:hover { color: #777; }


.navigation {
  list-style: none;
  padding: 0;
  width: 250px; 
  height: 40px; 
  margin: 20px auto;
  background: #95C11F;
}

.navigation, .navigation a.main {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.navigation:hover, .navigation:hover a.main {
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
}

.navigation a.main {
  display: block; 
  height: 40px;
  font: bold 15px/40px arial, sans-serif; 
  text-align: center; 
  text-decoration: none; 
  color: #FFF;  
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.navigation:hover a.main {
  color: rgba(255,255,255,0.6);
  background: rgba(0,0,0,0.04);
}

.navigation li { 
  width: 250px; 
  height: 40px;
  background: #F7F7F7;
  font: normal 12px/40px arial, sans-serif !important; 
  color: #999;
  text-align: center;
  margin: 0;
  -webkit-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: perspective(350px) rotateX(-90deg);
  -o-transform: perspective(350px) rotateX(-90deg);
  transform: perspective(350px) rotateX(-90deg);
  box-shadow: 0px 2px 10px rgba(0,0,0,0.05);
  -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.05);
  -moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.05);
}

.navigation li:nth-child(even) { background: #F5F5F5; }
.navigation li:nth-child(odd) { background: #EFEFEF; }

.navigation li.n1 { 
  -webkit-transition: 0.2s linear 0.8s;
  -o-transition: 0.2s linear 0.8s;
  transition: 0.2s linear 0.8s;
}
.navigation li.n2 {
  -webkit-transition: 0.2s linear 0.6s;
  -o-transition: 0.2s linear 0.6s;
  transition: 0.2s linear 0.6s;
}
.navigation li.n3 {
  -webkit-transition: 0.2s linear 0.4s;
  -o-transition: 0.2s linear 0.4s;
  transition: 0.2s linear 0.4s;
}
.navigation li.n4 { 
  -webkit-transition:0.2s linear 0.2s;
  -o-transition:0.2s linear 0.2s;
  transition:0.2s linear 0.2s;
}
.navigation li.n5 {
  border-radius: 0px 0px 4px 4px;
  -webkit-transition: 0.2s linear 0s;
  -o-transition: 0.2s linear 0s;
  transition: 0.2s linear 0s;
}

.navigation:hover li {
  -webkit-transform: perspective(350px) rotateX(0deg);
  -o-transform: perspective(350px) rotateX(0deg);
  transform: perspective(350px) rotateX(0deg);
  -webkit-transition:0.2s linear 0s;
  -o-transition:0.2s linear 0s;
  transition:0.2s linear 0s;
}
.navigation:hover .n2 {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.navigation:hover .n3 {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.navigation:hover .n4 {
  transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.navigation:hover .n5 {
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
}
*/




.myButtonnew 
 {
 /* IE10 Consumer Preview */ 
/* background-image: -ms-linear-gradient(bottom, #FFCE47 0%, #F2813F 100%); */


background-image: -ms-linear-gradient(bottom, #33ccff  0%, #006080  100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #33ccff 0%, #006080 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #33ccff 0%, #006080 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #33ccff), color-stop(1, #006080));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #33ccff 0%, #006080 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #33ccff 0%, #006080 100%);
 color:#FFFFFF;
 font-weight:bold;
  font-family:arial;
}

  .myButtonnewclick 
  {
  	background-color:#006080;
  	 color:#FFFFFF;
  	 font-weight:bold;
  	  font-family:arial;
  }
  
  
  
    .messagealert {
            width: 100%;
            position: fixed;
             top:0px;
            z-index: 100000;
            padding: 0;
            font-size: 15px;
        }


.shadow_five2_search {
    background-color: #ccfff2;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 0px #B1A59A;
    -webkit-box-shadow: 0px 0px 0px #B1A59A;
    -o-box-shadow: 0px 0px 0px #B1A59A;
    -ms-box-shadow: 0px 0px 0px #B1A59A;
    box-shadow: 0px 0px 0px #B1A59A;
    padding: 10px;
    width: 80%;
}
    