﻿/* TextBox onfocus onblur CSS */
input[type=text], input[type=password], select, textarea, unfocus
{
font-family : verdana, arial, snas-serif;
font-size : 11px;
color : #000000;
padding : 3px;
background :#e8f4f8;
border: solid 1px #cde5ef;
resize: none;

    }
input[type=text].focus , input[type=password].focus, .focus
{
border-color:#91a7b4;
background-color:#ffffc0;
height:22px;
}

/*GridViewCSS Soft Grey Style*/
.GridViewStyle
{
    font-family: Arial, Sans-Serif;
    font-size:small;
    table-layout: auto;
    border-collapse: collapse;
    border:#91a7b4 1px solid;
}
/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*Common Styles*/
{
    background-image: url(../images/grid/YahooSprite.gif);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#d1dbe0;
}
.HeaderStyle th
{
    padding: 5px;
    color: #16387c;
}
.HeaderStyle a
{
    text-decoration:none;
    color:#16387c;
    display:block;
    text-align:left;
    font-weight:normal;
}
.PagerStyle table
{
    text-align:center;
    margin:auto;
}
.PagerStyle table td
{
    border:0px;
    padding:5px;
}
.PagerStyle td
{
    border-top: #91a7b4 1px solid;
}
.PagerStyle a
{
    color:#16387c;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-top:solid 1px #fff;
    border-right:solid 1px #91a7b4;
    border-bottom:solid 1px #91a7b4;
    border-left:solid 1px #fff;
}
.PagerStyle span
{
    font-weight:bold;
    color:#16387c;
    text-decoration:none;
    padding:2px 10px 2px 10px;
}
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
    padding: 5px;
    border-right: solid 1px #91a7b4;
}
.RowStyle td
{
    background-color: #f1f5f6;
}
.AltRowStyle td
{
    background-color: #9ab2ca;
	background-image: url(../images/grid/YahooSprite.gif);
    background-position:0 -80px;
    background-repeat:repeat-x;
}
.SelectedRowStyle td
{
    background-color: #fcb814;
	background-image: url(../images/grid/YahooSprite.gif);
    background-position:center;
    background-repeat:repeat-x;
}

.GridViewStyle_long
{
    font-family: Arial, Sans-Serif;
    font-size:small;
    table-layout: auto;
    border-collapse: collapse;
    border:#91a7b4 1px solid;
}

.GridViewStyle_long tr:hover
{
background-image: url(../images/grid/YahooSprite_long.gif);
background-position:center;
background-repeat:repeat-x;
color:Black;
}
.frame_blue
{
     border-top: 1px solid #98dff5;
   background: #65bad4;
   background: -webkit-gradient(linear, left top, left bottom, from(#006c87), to(#65bad4));
   background: -webkit-linear-gradient(top, #006c87, #65bad4);
   background: -moz-linear-gradient(top, #006c87, #65bad4);
   background: -ms-linear-gradient(top, #006c87, #65bad4);
   background: -o-linear-gradient(top, #006c87, #65bad4);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
}
.frame_gray
{
    border-top: 1px solid #f0f0f0;
   background: #c4c4c4;
   background: -webkit-gradient(linear, left top, left bottom, from(#969696), to(#c4c4c4));
   background: -webkit-linear-gradient(top, #969696, #c4c4c4);
   background: -moz-linear-gradient(top, #969696, #c4c4c4);
   background: -ms-linear-gradient(top, #969696, #c4c4c4);
   background: -o-linear-gradient(top, #969696, #c4c4c4);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #000000;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
}


/* SAVE Button */
.button_save {
   border-top: 1px solid #2571A6;
   background: #2571A6;
   background: -webkit-gradient(linear, left top, left bottom, from(#2571A6), to(#2571A6));
   background: -webkit-linear-gradient(top, #2571A6, #2571A6);
   background: -moz-linear-gradient(top, #2571A6, #2571A6);
   background: -ms-linear-gradient(top, #2571A6, #2571A6);
   background: -o-linear-gradient(top, #2571A6, #2571A6);
   padding: 3px 6px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 12px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button_save:hover {
   border-top-color: #003366;
   background: #003366;
   color: #ffffff;
   }
.button_save:active {
   border-top-color: #003366;
   background: #003366;
   }
/* Close Button */
.button_close {
   border-top: 1px solid #f59898;
   background: #EE9D01;
   background: -webkit-gradient(linear, left top, left bottom, from(#9c3e3e), to(#d46565));
   background: -webkit-linear-gradient(top, #9c3e3e, #d46565);
   background: -moz-linear-gradient(top, #9c3e3e, #d46565);
   background: -ms-linear-gradient(top, #9c3e3e, #d46565);
   background: -o-linear-gradient(top, #9c3e3e, #d46565);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button_close:hover {
   border-top-color: #782a2a;
   background: #782a2a;
   color: #ffffff;
   }
.button_close:active {
   border-top-color: #5c1b1b;
   background: #5c1b1b;
   }
   /* Grey Button */
   .button_grey {
   border-top: 1px solid #f0f0f0;
   background: #c4c4c4;
   background: -webkit-gradient(linear, left top, left bottom, from(#969696), to(#c4c4c4));
   background: -webkit-linear-gradient(top, #969696, #c4c4c4);
   background: -moz-linear-gradient(top, #969696, #c4c4c4);
   background: -ms-linear-gradient(top, #969696, #c4c4c4);
   background: -o-linear-gradient(top, #969696, #c4c4c4);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #000000;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button_grey:hover {
   border-top-color: #707070;
   background: #707070;
   color: #ffffff;
   }
.button_grey:active {
   border-top-color: #4f4f4f;
   background: #4f4f4f;
   }
   /* Normal button */
  .button {
   border-top: 1px solid #fab171;
   background: #db7933;
   background: -webkit-gradient(linear, left top, left bottom, from(#873c03), to(#db7933));
   background: -webkit-linear-gradient(top, #873c03, #db7933);
   background: -moz-linear-gradient(top, #873c03, #db7933);
   background: -ms-linear-gradient(top, #873c03, #db7933);
   background: #db7933;
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
    margin-left: 0px;
}
.button:hover {
   border-top-color: #873f18;
   background: #873f18;
   color: #ffffff;
   }
.button:active {
   border-top-color: #5c2a18;
   background: #5c2a18;
   }
/* Login style */

/**************************************************************************/

/* Main DIV */
.m 
{
width: 560px;
padding: 20px;
height: auto;

  
  
}
.chngpass 
{
position:relative;
width: 560px;
padding: 20px;
margin:20px 0px 20px 90px;
height: auto;
 background: -webkit-gradient(linear, left top, left bottom, from(#873c03), to(#db7933));
   background: -webkit-linear-gradient(top, #873c03, #db7933);
   background: -moz-linear-gradient(top, #873c03, #db7933);
   background: -ms-linear-gradient(top, #873c03, #db7933);
   background: -o-linear-gradient(top, #873c03, #db7933);
     -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
  }

/* Left DIV */
.l
{
width: 140px;
margin: 0px;
padding: 0px;
float: left;  
text-align: right;
}


/* Right DIV */
.r
{
width: 300px;
margin: 0px;
padding: 0px; 

float: right; 

text-align: left;
}

.a
{
clear: both;
width: 470px;
padding: 10px;
}
