body
{
    margin:0px;
    padding:0px;   
    background-repeat:no-repeat;
    width:100%;
}

/* The CSS */
.TbleHeader
{
	background-color:#2F4F4F;
	color:White;
}
.watermarked
{
    background-color: #F0F8FF;
    color: #999999;
    font-size: 9pt;
}
.btmlineLine
{
   border-bottom:2pt solid red;
   background-color:#EDEBEB;
}
.Menutext
{
    padding-top: 10px;
    padding-left: 15px;
    color: White;
    clip: rect(20px, auto, auto, 5px);
    top: 10px;
    left: 2px;
}

#container {
width:960px;
margin-left: auto;
margin-right: auto;
padding: 0;
}

.clear {
clear: both;
margin: 0;
padding: 0;
}

p {
margin: 1.6em 0;
line-height: 1.6em;
}

h2 {
font-size: 20px;
line-height: 20px;
margin: 22px 0 18px 0;
}

.textbox
{
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 border:1px solid #BEBEBE;
 padding: 3px;
 margin:0px;
-webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
 -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;  
}
.textbox:focus
{
 -moz-box-shadow: 0 0 8px #88D5E9;
 -webkit-box-shadow: 0 0 8px #88D5E9;
 box-shadow: 0 0 8px #88D5E9;
 border: 1px solid #88D5E9;
}
.divvchReceiptPrint
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow-y: scroll; height:400px;
-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.85);
-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.85);
box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.85);
min-height:400px;
max-height:900px;
}

.GridViewRowStyle td,th, .GridViewAlternatingRowStyle td,th
{
color:Black;
padding:4px;
border:1px;
border: 1px solid #ff0000;
}
.GridViewRowStyle:Hover
{
background-color:#F4F6F6;
transition: 0.5s ease;
}
.GridViewheaderStyle th
{
    cursor: pointer;
    background-color: #bed6f8;
    border-color: #bed6f8;
    box-sizing: border-box;
    font-size: 11px;
    color: #000;
    font-weight: bold;
    font-family: Arial,Verdana,sans-serif;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    background-position: top left;
    background-repeat: repeat-x;
    background-image: url(../Images/gradientA.png);
}
.GridViewFooterStyle td
{
    background-color: #F4F6F6;
    font-weight: bold;
    color: black;
    padding:3px;
    margin:3px;
}

.Gridviewpage
 {
   height:40px;
   background: -moz-linear-gradient(272deg, rgba(255,0,0,1) 0%, rgba(0,0,0,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,0,0,1)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(272deg, rgba(255,0,0,1) 0%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(272deg, rgba(255,0,0,1) 0%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(272deg, rgba(255,0,0,1) 0%, rgba(0,0,0,1) 100%); /* ie10+ */
background: linear-gradient(178deg, rgba(255,0,0,1) 0%, rgba(0,0,0,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0000', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
   padding:5px;
   margin:2% auto;
   border:1 solid black;
}
.Gridviewpage a{
   margin :auto 1%;
   border-radius:50%;
   background-color:#444;
   padding:5px 10px 5px 10px;
   color:#fff;
   text-decoration:none;
   -o-box-shadow:1px 1px 1px #111;
   -moz-box-shadow:1px 1px 1px #111;
   -webkit-box-shadow:1px 1px 1px #111;
   box-shadow:1px 1px 1px #111;
   margin-left:5px;
}
.Gridviewpage a:hover{
    background-color:#1e8d12;
    color:#fff;
}
.Gridviewpage span{
  background-color:#ae2676;
  color:#fff;
  -o-box-shadow:1px 1px 1px #111;
  -moz-box-shadow:1px 1px 1px #111;
  -webkit-box-shadow:1px 1px 1px #111;
  box-shadow:1px 1px 1px #111;
  bborder-radius:50%;
  padding:5px 10px 5px 10px;
  margin-left:5px;
}
.divmultiview1
{
    width:800px; height:auto; box-shadow:0px 2px 2px #333333;
    background-color:White;
}
.Searchbtn
{
background-image:url(../Images/SearchIcon.png);
width:15px;
height:20px;
padding-left:10px;
}
.TeamIcon
{
background-image:url(../Images/team_icon.gif);
width:22px;
height:20px;
padding-left:10px;
}
.TeamIcon:hover
{
background-image:url(../Images/join_team.png);
width:22px;
height:20px;
padding-left:10px;
}
.single
{
background-image:url(../Images/SingleMan.png);
width:15px;
height:17px;
padding-left:10px;
}
.single:hover
{
background-image:url(../Images/SingleMan.png);
width:15px;
height:18px;
padding-left:10px;
}
.edit
{
background-image:url(../Images/select_icon.jpg);
width:20px;
height:20px;
padding-left:10px;
}
.edit:hover
{
background-image:url(../Images/select_icon2.jpg);
width:20px;
height:20px;
padding-left:10px;
}
.closeRows
{
background-image:url(../Images/Close1.png);
width:18px;
height:18px;
padding-left:10px;
}
.closeRows:hover
{
background-image:url(../Images/Close2.png);
width:18px;
height:18px;
padding-left:10px;
}
.btn
{
width:150px;
height:30px;
background-color:#1D6CCD;
border-color:#1D6CCD;
color:White;
font-size:20px;
box-shadow: 5px 5px 5px #1D6CCD;
}
.div
{
    
   font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-collapse: collapse;
	padding-left:10px;
	padding-top:10px; 
	margin-left:5px;
	height:auto; box-shadow:0px 2px 2px #333333;
    background-color:White;
}
.header
{
height:15px;
background-color:#1D6CCD;
font-size:18px;
font-family:Arial;
color:White;
margin:10px;
padding:10px;
border-radius:10px 10px 0px 0px;
    
}

table tr td
{
font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	padding:5px;
}


/* Menu bar background color */
#navigation, 
#nav li ul li, 
#nav li ul li a{
background: #1D6CCD; 
}

/* Menu Item text color */
#nav li a, 
#nav li a:hover, 
#nav li ul li,
#nav li ul li a,
#nav li ul li a:hover  {
color: #fff; 
}

/* Menu Item background color on hover */
#nav li a:hover, 
#nav li ul li a:hover  {
background: #DF0101; 
}

/* Text Shadow */
#nav li a, 
#nav li a:hover, 
#nav li ul li a:hover  {
text-shadow: 0 1px 1px #333; 
}

/* Search form colors */
.searchform input, .searchform input:not(:focus){
color:#B1B1B1; /*search form text color default*/
background: #fff; /*search form background color default*/
}
.searchfield:focus{
color: #000; /* search form text color after click */
}



/*=====================================================================
=======================================================================
	Color Scheme End
====================*/

#menu_div
{
    margin:0px;
    padding:0px;
} /* Free space to top specialy for menu */

#navigation {
position: fixed;
}

#navigation, #menu_div {
width: 100%;
margin: 0 !important;
padding: 0 !important;
}

#menu_div, #navigation, #menu, #nav{
height: 40px; /* menu height */
}

#menu_div:hover,
#navigation:hover,
#nav li a:hover, #nav li ul a 
{
opacity: 100;/* Menu transparency on mouse hover*/
} 

#menu_div,
#navigation, 
#nav li a, 
#menu_div:not(:hover), 
#navigation:not(:hover)
{
opacity: 0.95;/* Menu transparency on mouse out */
}


#menu {
width: 100%;
margin:0; /*center the menu*/
padding:0;
position: relative;
}

#nav{
width: 100%;
margin:0;
padding:0;
position: relative;
font-family: 'Arial', Helvetica, sans-serif;
}

#nav li a,#nav li {
float:left;
}

#nav li {
list-style:none;
position:relative;
    top: 0px;
    left: 0px;
}

#nav li a {
line-height: 40px;
padding:0 15px;
text-decoration:none;
margin:0;
font-size:12px;
font-weight:700;
text-transform:uppercase;
}

/*====================
	Submenu 
=====================*/
#nav li ul {
display:none;
position:absolute;
left:0;
top:100%;
padding:0;
margin:0;
} /* hide submenu */

#nav li:hover > ul {
display:block;
} /* show submenu on hover */

#nav li ul li,#nav li ul li a {
float:none;
height: 35px; /* submenu item height */
min-width: 150px; /* submenu item minimal width */
line-height: 35px;
border-right: 0;
text-shadow: none;
display:block;
font-size:13px;
font-weight:400;
text-transform:inherit;
} /* Submenu item */

#nav li ul li {
_display:inline; /* for IE */
}

/* == 12. Sub-Sub Menu == */
#nav li ul li ul {
display:none;
}

#nav li ul li:hover ul {
left:100%;
top:0;
}

/*====================
	Search form 
====================*/

.searchform {
position: absolute;
right: 15px;
top: 6px;
display: inline-block;
zoom: 1;
display: inline;
border: 0;
padding: 0;
}
.searchform input {
font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
height: 23px;
line-height: 27px;
padding-left: 10px;
padding-right: 10px;
width: 140px;
border: 2px solid #333;
outline: none;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
-moz-box-shadow: inset 1px 1px 2px #A1A1A1;
-webkit-box-shadow: inset 1px 1px 2px #A1A1A1;
box-shadow: inner 1px 1px 2px #A1A1A1;
}

.searchfield:focus{
font-weight: 700;
width: 210px;
}

.searchfield:not(:focus){
width: 140px;
}

.TextBoxCollendar
{
  background: url(../images/calendar.png) no-repeat 0 5px;
  outline: none;
  display: block;
  width: 100%;
  border: 1px solid #d9d9d9;
  padding: 5px;
  box-sizing: border-box;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  font-weight:bolder;
  padding-left: 18px;
  width:150px;
}
/*========================
		Transitions
========================*/

#nav li a:hover,
#nav li ul li a:hover  {
-webkit-transition-property:color, background; 
-webkit-transition-duration: 0.5s, 0.5s; 
-webkit-transition-timing-function: linear, ease-out;
}

.searchfield:focus,
.searchfield:not(:focus){
-webkit-transition-property:width; 
-webkit-transition-duration: 0.5s, 0.5s; 
-webkit-transition-timing-function: linear, ease-out;
}

#menu_div:hover,
#navigation:hover,
#nav li ul a, 
#menu_div,
#navigation, 
#nav li a, 
#menu_div:not(:hover), 
#navigation:not(:hover)
{
-webkit-transition-property:opacity; 
-webkit-transition-duration: 0.5s, 0.5s; /* duration in seconds */
-webkit-transition-timing-function: linear, ease-out;
} /* Menu transparency animation */


    .treeNode
        {
            color:Black;
            font:14px Arial, Sans-Serif;
            border-bottom: solid 1px #DDD;
        }
        .rootNode
        {
            font-size:18px;
            width:100%;
            border-bottom:Solid 1px black;
        }
        .leafNode
        {
            border:Dotted 2px #FF1493;
            padding:2px;
            background-color:#DCDCDC;
            font-weight:bold;
        }

/* Password Manager */

.VeryPoorStrength
{
background: Red;
color:White;
font-weight:bold;
}
.WeakStrength
{
background: Gray;
color:White;
font-weight:bold;
}
.AverageStrength
{
background: orange;
color:black;
font-weight:bold;
}
.GoodStrength

{
background: blue;
color:White;
font-weight:bold;
}
.ExcellentStrength

{
background: Green;
color:White;
font-weight:bold;
}
.BarBorder
{
border-style: solid;
border-width: 1px;
width: 180px;
padding:2px;
}

.button {        
    display: inline-block;
    white-space: nowrap;
    background-color: #ccc;
    border: 1px solid #777;
    padding: 0 1.2em;
    margin: 0.1em;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    border-radius: .2em;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, .8) inset, 0 1px 0 rgba(0, 0, 0, .3);
    background-image: linear-gradient(top, #eee, #ccc);
}

.button:hover {
    background-color: #ddd;        
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .3) inset;
    background-image: linear-gradient(top, #fafafa, #ddd);
}

.button:active {
    box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    position: relative;
    top: 1px;
}

.button:focus {
    outline: 0;
    background: #fafafa;
}    

.button:before {
    background: #ccc;
    background: rgba(0,0,0,.1);
    float: left;        
    width: 1em;
    text-align:left;
    font-size: 1.2em;
    margin: 0 .2em 0 -1em;
    padding: 0 .2em;
    box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    border-radius: .15em 0 0 .15em;
    pointer-events: none;        
}

/* Hexadecimal entities for the icons */

.add:before {
    content: "\271A";
}

.edit:before {
    content: "\270E";        
}

.delete:before {
    content: "\2718";        
}

.save:before {
    content: "\2714";        
}

.email:before {
    content: "\2709";        
}

.like:before {
    content: "\2764";        
}

.next:before {
    content: "\279C";
}

.star:before {
    content: "\2605";
}

.spark:before {
    content: "\2737";
}

.play:before {
    content: "\25B6";
}

.DivShadow
{
    height:auto; box-shadow:0px 2px 2px #333333;
    background-color:White;
    margin-left:20%;
    width:850px;
    padding:10px;
}

/* Load Procee */

 .modal
    {
        position: fixed;
        top: 0;
        left: 0;
        background-color: black;
        z-index: 99;
        opacity: 0.8;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        min-height: 100%;
        width: 100%;
    }
    .loading
    {
        font-family: Arial;
        font-size: 10pt;
        border: 0px solid #67CFF5;
        width: 281px;
        height: 284px;
        display: none;
        position: fixed;
        background-color: White;
        z-index: 999;
    }
    
.search_textbox 
{
     width:100%;
}