/* BUTTON */
table
{
    margin:0 auto;
}

.cssButton
{
   width: 210px;
   height: 35px;
   color: gray;
   font-weight: bold;
   vertical-align: middle;
}

/* FOR FORMVIEW */
body { /*IE*/
text-align:center;
}

div {/*FF*/
text-align:-moz-center;
}
select 
{ line-height: 20px}
#select option 
{
    width: 50px;
} 
.header {
    width: 95%;
    line-height: 60px;
    background-color: #313131;
    text-align: center; 
    color: #fff;
    font-size: 20px;
    padding-left: 20px;
}
.header a
{
    color: #fff;
    font-size:small;
}
.fvHeader
{
  padding: 1px 20px; 
  color: #fff; 
  background: #424242 url(grd_head.png) repeat-x top; 
  border-left: solid 1px #525252; 
  /*font-size: 0.7em;*/
  /*line-height: 13px;*/
  text-align: right;
  /*white-space: nowrap; */
  width: 25%;
}
.fvHeaderCenter
{
  padding: 1px 20px; 
  color: #fff; 
  background: #424242 url(grd_head.png) repeat-x top; 
  border-left: solid 1px #525252; 
  /*font-size: 0.7em;*/
  /*line-height: 13px;*/
  text-align: center;
  /*white-space: nowrap; */
  width: 25%;
}
.fvLongHeader
{
  padding: 1px 20px; 
  color: #fff; 
  background: #424242 url(grd_head.png) repeat-x top; 
  border-left: solid 1px #525252; 
  /*font-size: 0.7em;*/
  /*line-height: 13px;*/
  text-align: right;
  /*white-space: nowrap; */
  width: 50%;
}
.fvHeaderLeft
{
  padding: 1px 20px; 
  color: #fff; 
  background: #424242 url(grd_head.png) repeat-x top; 
  border-left: solid 1px #525252; 
  /*font-size: 0.7em;*/
  /*line-height: 13px;*/
  text-align: left;
  /*white-space: nowrap; */
  width: 25%;
}

.fvDetails
{
  padding: 1px 5px; 
  background: #fcfcfc url(grd_alt.png) repeat-x top;
  color: black; 
  /*line-height: 12px; */
  text-align: left;
}
.fvDetailsCenter
{
  padding: 1px 5px; 
  background: #fcfcfc url(grd_alt.png) repeat-x top;
  color: black; 
  /*line-height: 12px; */
  text-align: center;
  
}
.fvInsertDetails
{
  color: black; 
  line-height: 12px; 
  text-align: left;
  margin-left: 50px;
}
.fvDetailsinRed
{
  padding: 1px 5px; 
  background: red;
  color: white; 
  /*line-height: 12px; */
  text-align: left;
  
}
.fvMultiColHeader
{
  padding: 5px 30px; 
  color: white; 
  /*background: #BDBDBD;*/
   background: #424242 url(grd_head.png) repeat-x top;
  border-left: solid 1px #525252; 
  border-right: solid 1px #525252; 
  font-size: 0.9em;
  line-height: 20px;
  text-align: left; 
  white-space:nowrap;
}

.fvMainHeader
{
  padding: 5px 30px; 
  color: black; 
  background: #BDBDBD;
  border-left: solid 1px #525252; 
  border-right: solid 1px #525252; 
  font-size: 0.9em;
  line-height: 20px;
  text-align: center; 
  font-weight: bold;
}

.fvBigNumber
{
  padding: 5px 30px; 
  background: #fcfcfc url(grd_alt.png) repeat-x top;
  color: black; 
  line-height: 12px; 
  text-align: left;
  font-size:  large;
}
.fvBigStatus
{
  padding: 5px 30px; 
  background: #fcfcfc url(grd_alt.png) repeat-x top;
  color: black; 
  line-height: 12px; 
  text-align: center;
  font-size:  large;
}

.gvHeader
{
  background: #424242 url(grd_head.png) repeat-x top; 
  border-left: solid 1px #525252; 
  font-size: 0.9em;
  line-height: 20px;
  text-align: right; 
}
.errorMsg
{
    font-size: 9px; 
    color: red;
    font-weight: bold;
    text-align: center;
}
.footerStyle
{
    background-color: lightgray;
    color: black;
    text-align: right;
    font-weight: bold;
}

.Modal
{
background: white;
height: 600px;
width: 630px;
}

.ModalPopupBG
{
background-color: #666699;
filter: alpha(opacity=50);
opacity: 0.7;
}

.modalBackground
{
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.modalPopup
{
  background-color: #ffffff;            
  padding: 3px;
  width: 200px;
  height: auto;
}
.ModalReport
{
background: white;
height: 600px;
width: 1200px;
}
.ModalApproveWindow
{
background: white;
height: 200px;
width: 630px;
}
.ModalMediumWindow
{
background: white;
height: 500px;
width: 830px;
}

.labelstyle {
          color: black;
          font-size: small;
          FONT-FAMILY: Arial, Verdana, Arial, Helvetica, sans-serif;
          background-color:snow;
 }

.submit
{
    PADDING-TOP: 1px;
    PADDING-BOTTOM: 1px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    BACKGROUND-COLOR: #CC3300;
    CURSOR: pointer;
    /*background-color: black;*/
    BORDER-BOTTOM: #333333 1px solid;
    BORDER-LEFT: #333333 1px solid;
    BORDER-RIGHT: #333333 1px solid;
    BORDER-TOP: #333333 1px solid;
    COLOR: #ffffff;
	FONT-FAMILY: Arial, Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9px;
    FONT-WEIGHT: bold;
     
}






/* FOR GRIDVIEW */

.mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
    .mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; text-align:-moz-center; }
    .mGrid th { padding: 4px 2px; color: #fff; background: #424242 url(grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.mGrid .AlternatingRowStyle { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid .pagerStyle {background: #424242 url(grd_pgr.png) repeat-x top; }
    .mGrid .pagerStyle table { margin: 5px 0; }
    .mGrid .pagerStyle td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
    .mGrid .pagerStyle a { color: #666; text-decoration: none; }
    .mGrid .pagerStyle a:hover { color: #000; text-decoration: none; }


.mGridLedger { background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
    .mGridLedger td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; text-align:-moz-center; }
    .mGridLedger th { padding: 4px 2px; color: #fff; background: #424242 url(grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.mGridLedger .AlternatingRowStyle { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGridLedger .pagerStyle {background: #424242 url(grd_pgr.png) repeat-x top; }
    .mGridLedger .pagerStyle table { margin: 5px 0; }
    .mGridLedger .pagerStyle td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
    .mGridLedger .pagerStyle a { color: #666; text-decoration: none; }
    .mGridLedger .pagerStyle a:hover { color: #000; text-decoration: none; }