*{margin ;}
.bodyDiv
{ 
    left:0%;
    top: 0%;
    height:available;
   /* background-color:green;*/
}
.TSDATE {
    width: 10%;
}
.PRJ
{
    width: 2%;
}
.CAT
{
    width: 10%;
}
.TS
{
    width: 10%;
}
.DESC
{
   width: 15%; 
}
.CD
{
    width: 10%;
}
.MainDiv
{ 
    position:relative;
    left:0%;
    background-color:#8AD28A;
    height:100%;
    width:100%;
    top:0%;
    }
.LogoDiv
{
    position:relative;
    width:15%;
    Top:10%;
    left:1%;
    background-color:red;
    border:5px solid #8AD28A;
}
.TitleDiv
{
    left:30%;
    text-align:center;
    position:absolute;
    font-family: alatino Linotype;
    color: black;
   
  /*  background-color:green;*/
}
.LinkDiv
{
    text-align:right;
    height:65px;
    width:15%;
    position:absolute;
    left:84%;
    padding:10px 5px 5px 5px;
  /* background-color:green;*/
}
 .MenuBarDiv
 {
       Top:9.2%;
        width:100%;
        height:40px;
        position:absolute;
        padding:3px 5px 5px 5px;
        background-color:#8AD28A;
 }
 
.MainBodyDiv
 {
      Top:19%;
      width:100%;
      position:absolute;
      height:100%;
      background-color: yellow;
 }
/*.float-left
{
    bottom: 0%;
   
    background-color:Black;
    height:50px;
    width:100%;
    color:white;
    text-align:center;
    position:absolute;
 }
  Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
 .footer {
  height: 60px;
  background-color: Black;
  position:fixed;
  width:100%;
  padding: 15px;
  bottom: 0;
  color:White;
  text-align:center;
}
    .Birthday 
    {
  height: 80px;
  background-color:transparent;
  /*background-color:black;*/
  position:fixed;
  width:100%;
margin-top:520px;
margin-left:0;
  bottom: 0;
 font-family:Tahoma;
 font-size:medium;
  text-align:center;

}
.EventList
{
  height: 80%;
 /* background-color:#222;*/
  position:fixed;
  width:20%;
    padding: 8px; 
    text-align:left;
   font-family:Tahoma;
    font-size:medium;
   /* border:2;*/
    margin: 25px auto;
  /*  border: 1px solid #000;*/
   /* box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .5), 0px 1px 0px rgba(250, 250, 250, .2);*/
    overflow-x: -webkit-marquee;
	-webkit-marquee-direction: backwards;
	-webkit-marquee-style: slide;
	-webkit-marquee-speed: fast;
	-webkit-marquee-increment: large;
	/*font-size:1.6em;*/
}

.MySlider
{
    /* align-content:center;*/
 width:77.5%; 
 height:78%;

/* margin:10% 0% 20% 12%;*/
 position:absolute;
  /* padding-top:10%;
   padding-bottom:10%;*/
   background-position:center;
  margin-left:22.5%;
  margin-right:0%; 
  vertical-align:middle;
  background-size:100% 100%;

    }
    
.profilepic
{
     border-radius: 50%;
}
 .MenuDiv
 {
       Top:100%;
        width:100%;
        height:7px;
        position:absolute;
        background-color:black;
 }

.LoginContentDiv
{
    Top:3.5%;
    position:absolute;
    left:8%;
    height:60%;
    width:83%;
    background-color:#bbdbf3;
    border: 1px solid #aaa;
    border-radius: 5px;
}
 .LeftDiv
 {
      Top:19%;
      position:absolute;
      height:100%;
      width:15%;
      left:1%;
 /* background-color: red;*/
 }

.RightDiv
 {
      Top:19%;
      position:absolute;
      height:100%;
      width:17%;
      left:82%;
    /*  background-color: red;*/
 }

.MenuContentDiv
{
      Top:4%;
      position:absolute;
      left:4%;
      height:53%;
      width:80%;
	color:Black;

}

 .Logintext
 {
     font-family:Palatino Linotype;
     font-style:normal;
     font-size:small;
     
     }
/* for menu buttons */
ul#menu {
    padding: 0;
    margin-top: 11px;
    margin-left: 11px;
}

ul#menu li {
    display: inline;
    margin-right: 3px;
}

ul#menu li a {
    background-color: #0087C9;
    padding: 8px 20px;
    text-decoration: none;
    color: black;
    border-radius: 40px 4px 0 0;
}

ul#menu li a:hover {
    color: white;
    background-color: black;
}

/* for login buttons */
ul#button {
    padding:0px;
    margin-top: 11px;
    margin-left:0px;
}

ul#button li {
    display: inline;
    margin-right: 0px;
margin-left: 0px;
	padding:0px;
width:100%;
}

ul#button li a {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00557F), color-stop(1, #00ABFF) );
        background:-moz-linear-gradient( center top, #00557F 5%, #00ABFF 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00557F', endColorstr='#00ABFF');
        background-color:#006699;

    padding: 6px 72px 6px 72px;
    text-decoration: none;
    color: black;
    border-radius: 4px 4px 4px 4px;
}

ul#button li a:hover {
    color: white;
    background-color: black;
}

/* for Register buttons */
ul#button1 {
    padding:0px;
    margin-top: 11px;
    margin-left:0px;

}

ul#button1 li {
    display: inline;
    margin-right: 10px;
	padding:0px;
	width:100%;
}

ul#button1 li a {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00557F), color-stop(1, #00ABFF) );
        background:-moz-linear-gradient( center top, #00557F 5%, #00ABFF 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00557F', endColorstr='#00ABFF');
        background-color:#006699;

    padding: 6px 65px 6px 65px;
    text-decoration: none;
    color: black;
    border-radius: 4px 4px 4px 4px;
}

ul#button1 li a:hover {
    color: White;
    background-color: black;
}

/* for right header */
ul#right {
    padding: 0;
    margin-top: 11px;
    margin-left:9px;

}

ul#right li {
    display: inline;
    margin-right: 10px;
}

ul#right li a {
    background-color: #0087C9;
    padding: 6px 10px;
    text-decoration: none;
    color: black;
    border-radius: 4px 4px 4px 4px;
}

ul#right li a:hover {
    color: white;
    background-color: black;
}

.FormDiv
{
	Top:10%;
	position:absolute;
	left:6%;
	height:90%;
	width:87%;
}

.btncss
{
    position:relative;
width: auto;
height: auto;
border: 0px solid #000000;
padding: 6px 15px;
cursor:pointer;
background: #006699;
border-radius: 3px;
box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0);
font-family: Times New Roman;
font-weight: bold;
font-size: 14px;
color: white;
text-align: center;
text-shadow: 0px 0px 0px rgba(0, 102, 153, 0);
}
.btncss:hover
{
background: #000000;
color: #ffffff;
text-shadow: 0px -1px 1px rgba(0, 0, 0, 0);
}

.modalDialog {
            position: fixed;
            font-family: Arial, Helvetica, sans-serif;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba(0,0,0,0.8);
            z-index: 99999;
            opacity:0;
            -webkit-transition: opacity 400ms ease-in;
            -moz-transition: opacity 400ms ease-in;
            transition: opacity 400ms ease-in;
            pointer-events: none;
        }

        .modalDialog:target {
            opacity:1;
            pointer-events: auto;
        }

        .modalDialog > div {
            width: 80%;
            position: relative;
            margin: 10% auto;
            padding: 5px 20px 13px 20px;
            border-radius: 10px;
            background: #fff;
            background: -moz-linear-gradient(#fff, #999);
            background: -webkit-linear-gradient(#fff, #999);
            background: -o-linear-gradient(#fff, #999);
        }


        .close {
            background: #606061;
            color: #FFFFFF;
            line-height: 25px;
            position: absolute;
            right: -12px;
            text-align: center;
            top: -10px;
            width: 24px;
            text-decoration: none;
            font-weight: bold;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
            -moz-box-shadow: 1px 1px 3px #000;
            -webkit-box-shadow: 1px 1px 3px #000;
            box-shadow: 1px 1px 3px #000;
        }

        .close:hover { background: #00d9ff; }
 .asterisc {
  display: block;
  color: red;
  margin: -19px 185px;
}

.webgrid-table {width: 100%; border: 1px solid #333;  height:100%; }
.webgrid-header { background-color: #333; color: #FFFFFF; text-align: center; height:50%;}
.webgrid-alternating-row { background-color: #f5f5f5; }
/*css for View Timesheet grid grid---Kojagiri*/
.VTSDATE {
    width: 10%;
  
   
}
.VPRJ
{
    width: 10%;
       
}
.VCAT
{
    width: 10%;
      
}
.VTS
{
    width: 10%;
      
}
.VTSReject
{
    width: 10%;
      
}
.VDESC
{
   width: 20%; 
      
}

/*css for organisation event grid---Kojagiri*/
.ID
{
 margin-left:2%;
    width: 10%;
      
}
.OEvents
{
    width: 40%;
      
}
.Active
{
   width: 20%; 
      
}
 
/* @group Blink */

.blink {
    -webkit-animation: blink 2s linear infinite;
    -moz-animation: blink 2s linear infinite;
    -ms-animation: blink 2s linear infinite;
    -o-animation: blink 2s linear infinite;
    animation: blink 2s linear infinite;
}

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

/* @end */