/* 
    Document   : fcgnav
    Created on : Mar 17, 2010, 11:04:04 PM
    Author     : George
    Description:
        Purpose of the stylesheet follows.
*/
/*  custom buttons */
/*a {
	color: #C08;
}

a.button {
    background: transparent url('../jsfreecell/jsimages/bg_button_atrans2x.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 48px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}

a.button span {
    background: transparent url('../jsfreecell/jsimages/bg_button_spantrans2x.gif') no-repeat;
    display: block;
    line-height: 38px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none;
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}*/

/* 
  Style the top line and the navigation tabs.
*/
 body {
      background:#fff;
      margin:0;
      padding:0;
      color:#000;
      font:x-small/1.5em Georgia,Serif;
/*      voice-family: "\"}\""; */
/*      voice-family:inherit;*/
      font-size:small;
          text-indent: 1em;
}
       /*html>body {font-size:small;}*/
/*3/4/2013 change header id too '.tabcss' class so it doesn't over ride
class of Drop Down menue when they are attached to the tabs.
Also change name so not confused with ip headers */

.tabcss {
      float:left;
      width:100%;
      background:#DAE0D2 url("bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
     
    .tabcss ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    .tabcss li {
      float:left;
      background:url("left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
    .tabcss a {
      display:block;
      background:url("right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      }
    .tabcss #current {
      background-image:url("left_on.gif");
      }
    .tabcss #current a {
      background-image:url("right_on.gif");
      padding-bottom:5px;
      }
   .tabcss .current {
     color:red;
   }

      /* the top line which should become the favorite icon */
 .bkgrnd
 {
    background:#DAE0D2 url("bg_up.gif") repeat-x bottom;
 /*   text-align:left; */
/* vertical-align: top;
text-align: centerl;
font-size: 80% */
 }
  #backgrnd
 {
    background:#DAE0D2;
   }
   #topedge
 {
    background:#DAE0D2 url("bg_highup.gif") repeat-x top;
   }
 /* margin left */
 #ml
{
    margin-left:2em;
    margin-top: 2em;
}
 /*  Margin left and top */
 #mlt
 {
    margin-top:2em;
    margin-left:2em;
}
root { 
    display: block;
}
.shwtbl{
   border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-spacing: 1px;
-webkit-margin-start: auto;
-webkit-margin-end: auto;
width: 90%;
border-collapse: separate;    
border-color: gray;
background: #fff;
margin: 0;
padding: 0;
color: #000;
font: x-small/1.5em Georgia,Serif;
vertical-align: middle;
text-indent: 1em;
 margin-left: auto;
    margin-right: auto;
}
/*Style for showMsgElement*/
.custbut{
    border: thin solid blue;
    border-radius: 5px;
    height:.75em;
    font-weight:bold;
    text-align:center;
    margin-right: .5em;
    margin-top: .75em;
    width: 90px;
}
.radiusbut {
    border-radius: 5px;
    margin-right: .5em;
    
}
.butspan {
    float: right;
}
 .inmask {
        position: absolute;
        top: 0;
        left: 0;
        height: 1200px;
        width: 100%;
        background: #FFF;
        opacity: .40;
        z-Index: 100;
        display: none;
        text-align: center;
    }
    .insertdiv {
        background-Color: WhiteSmoke;
        position: absolute;
        border: 5px ridge red;
        border-radius: 10px;
        padding: 5px;
        font-Size: 1.5em;
        width: 50%;
        z-index: 101;
        top: 25%; /* center element */
        left: 25%; /* center element */
        margin-Right: -50%; /* center element */
/*       transform: translate(-50%; -50%);    center element*/
        display: none
                /*      width:400px;
                 height:300px;*/
    }
      .myalerttitle  {
        text-align: center;
        border-bottom: solid 1px black;
        font-size: 1.1em;
        padding-top: .4em;
    }
    
    .ifin {
        width: 95%;
        border-width: 1; 
    }
    .cellinvalid {
        background-Color: #FFCCCC;
    }