﻿
body 
{
    margin:0px;
    padding:0px;
    background-color:whitesmoke;
    background: url(../images/page-bg.png) repeat-x rgb(243, 251, 255);
    font-family: Arial, Helvetica, sans-serif;
    font-size  : 12px;
    background-attachment :fixed;
 }

::selection {
background: rgb(255, 95, 70);
color: rgb(255, 255, 255);
text-shadow: none;
}

.indiv
{
display:inline-block;
 width:980px;
 background-color:white;
 
 -webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
padding-bottom:5px;
margin-bottom:10px;
border-bottom: 1px solid rgb(178, 178, 178);

box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);

 
 
}


#indiv2
{
display:inline-block;
 width:980px;
 background-color:white;
 -webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-radius:3px;
border :1px solid rgb(178, 178, 178);
box-shadow: 0 0 46px 12px rgba(0, 0, 0, 0.09);


}



#header {
height: 90px;
margin: auto;
padding:10px;
}



@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?20835304');
  src: url('../fonts/fontello.eot?20835304#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff?20835304') format('woff'),
       url('../fonts/fontello.ttf?20835304') format('truetype'),
       url('../fonts/fontello.svg?20835304#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?20835304#fontello') format('svg');
  }
}
*/
 
 
.icon-asterisk:before { content: '\2731'; } /* '✱' */




.icon-mail-alt
{
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
}


.icon-asterisk
{
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
}

.icon-mail-alt:before {
content: '';
}


.footerlnkul li {
float: left;
padding: 0px;
margin-right: 10px;
display: inline-block;

}

.footerlnkul li a {
color: rgb(223, 71, 110);
text-decoration: none;
margin-top: 3px;
display: block;
}

.socialdiv ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.socialdiv ul li {
display: inline-block;
float: left;
margin-left: 4px;
}

.socialdiv ul li a {
display: block;
}
.SUL_facebook {
background-image: url(../images/sprite_inner2.png);
WIDTH: 25px;
DISPLAY: block;
BACKGROUND-POSITION: -75px -52px;
FLOAT: left;
HEIGHT: 25px;
}

.SUL_twitter {
background-image: url(../images/sprite_inner2.png);
WIDTH: 25px;
DISPLAY: block;
BACKGROUND-POSITION: -50px -52px;
FLOAT: left;
HEIGHT: 25px;
}

.SUL_googleplus {
background-image: url(../images/sprite_inner2.png);
WIDTH: 25px;
DISPLAY: block;
BACKGROUND-POSITION: -100px -52px;
FLOAT: left;
HEIGHT: 25px;
}

.SUL_linkedin {
background-image: url(../images/sprite_inner2.png);
WIDTH: 25px;
DISPLAY: block;
BACKGROUND-POSITION: -125px -52px;
FLOAT: left;
HEIGHT: 25px;
}

.footerlnkul {
margin: 4px 0px;
padding: 0px;
width: 100%;
list-style-type: none;
display: inline-block;
float: left;
}

#footer {
height: 50px;
text-shadow: 1px 1px 1px rgb(255, 255, 255);
position: relative;
}

.blue {
color: rgb(45, 164, 186);
}

 /*For Rupee Symbol */
@font-face {
 font-family: 'WebRupee';
 src: url('WebRupee.V2.0.eot');
 src: local('WebRupee'), url('../fonts/WebRupee.V2.0.ttf') format('truetype'), url('https://www.pepperfry.com/skin/frontend/default/xpepperfry/css/WebRupee.V2.0.woff') format('woff'), url('https://www.pepperfry.com/skin/frontend/default/xpepperfry/css/WebRupee.V2.0.svg') format('svg');
font-weight: normal;
font-style: normal;
}



.WebRupee {
font-family: 'WebRupee';
font-weight: normal;
margin: 0 3px 0 0;
font-size: 12px;
}


.pbtn
        {
text-decoration:none;
padding: 6px 20px;
border: solid 1px #EFB267;
font-weight: bold;
color: #333;
font-size: 13px;
text-shadow: #DDD 0 1px 1px;
cursor: pointer;
text-align: center;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #FAD35C !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe116', endColorstr='#e49600');
background: -webkit-gradient(linear, left top, left bottom, from(#FFE116), to(#E49600));
background: -moz-linear-gradient(top, #FFE116, #E49600);
-moz-box-shadow: 0px 2px 3px #888;
-webkit-box-shadow: 0px 2px 3px #888;
box-shadow: 0px 2px 3px #888;
   }
   
.pbtn:hover{background-color: #FAD35C !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5b2', endColorstr='#e49600');background: -webkit-gradient(linear, left top, left bottom, from(#FFF5B2), to(#E49600));background: -moz-linear-gradient(top, #FFF5B2, #E49600);}




.appbtn {
border-left: 1px solid rgb(187, 187, 187);
    border-right: 1px solid rgb(187, 187, 187);
    border-top: 1px solid rgb(187, 187, 187);
    border-bottom: 1px solid rgb(162, 162, 162);
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    -webkit-appearance: button;
    vertical-align: middle;
    cursor: pointer;
    color: rgb(51, 51, 51);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: rgb(245, 245, 245);
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(230, 230, 230));
}

.appbtn:active,.btn.active{background-color:#cccccc \9;}

.appbtn:hover{color:#333333;text-decoration:none;background-position:0 -25px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
.appbtn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}


optgroup 
{
    background-color: rgb(253, 246, 181);
font-weight: 700!important;
height: 12px;
font-size: 12px;
margin:0px;
padding:0px;
}

option{
margin: 0px;
padding: 0px;
outline: none;
}



.Argrd {
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size: 9pt;
border: 1px solid rgb(216, 216, 216);
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border: 1px solid rgb(221, 221, 221);
border-collapse: separate; border-radius:15px; border-spacing:0

}

.Argrd tr.cheader
{
	width:100%;
	position:relative;
	height:0px;
/*width: 60.0em;*/
 /*height:50em;*/
 background-color: #6B696B;
        color:White;
        text-align:left;
        font-weight:bold;
        position:relative ;
   top:expression(this.offsetParent.scrollTop);
   z-index: 10;
   color: rgb(255, 229, 158);
   }
   
.Argrd tr.calternate
{
background-color: #FAFAFA;
	
}

.Argrd tr.cnormal
{
		text-align:left ; 
background-color:White;
}

.Argrd tr.cselected
{
    background-color: #D6E9F8;
}


	 .Argrd tr.cnormal:hover, .Argrd tr.calternate:hover
{
    background-color: #D6E9F8;
   /*background-color:#CCCCCC;   */
   color: black;
    cursor:pointer;
}







.qrgrd {
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size: 9pt;
border: 1px solid rgb(216, 216, 216);
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border: 1px solid rgb(221, 221, 221);
border-collapse: separate; border-radius:15px; border-spacing:0

}

.qrgrd tr.cheader
{
	width:100%;
	position:relative;
	height:0px;
/*width: 60.0em;*/
 /*height:50em;*/
 background-color: hsl(0, 0%, 94%);
        color: hsl(0, 0%, 53%);
        text-align:left;
        font-weight:bold;
        position:relative ;
   top:expression(this.offsetParent.scrollTop);
   z-index: 10;
   
   }
   
.qrgrd tr.calternate
{
	
}

.qrgrd tr.cnormal
{
		text-align:left ; 
background-color:White;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0, 100%, 100%, 0.1)), color-stop(90%,hsla(0, 0%, 84%, 0.1)), color-stop(100%,hsla(0, 0%, 0%, 0.01)));
background: -webkit-linear-gradient(top, hsla(0, 100%, 100%, 0.1) 0%,hsla(0, 0%, 84%, 0.1) 90%,hsla(0, 0%, 0%, 0.01) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(215,215,215,0.1) 90%,rgba(0,0,0,0.01) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(215,215,215,0.1) 90%,rgba(0,0,0,0.01) 100%);
background: linear-gradient(to bottom, hsla(0, 100%, 100%, 0.1) 0%,hsla(0, 0%, 84%, 0.1) 90%,hsla(0, 0%, 0%, 0.01) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#03000000',GradientType=0 );
}

.qrgrd tr.cselected
{
    background-color: #D6E9F8;
}


	 .qrgrd tr.cnormal:hover, .Argrd tr.calternate:hover
{
    background-color: #D6E9F8;
   /*background-color:#CCCCCC;   */
   color: black;
    cursor:pointer;
}





#loader {
background-color: rgb(251, 201, 99);
border-radius: 5px 5px 5px 5px;
left: 175px;
margin: 0 auto 5px;
padding: 5px 3px;
width: 96px;
top: 2px;
z-index: 10000 !important;
opacity: 0.9;
display: none;
}

.req
{
    color:Red;
    }
    
    .loginheader
{
    /*background: url('../images/header_top.jpg') 0 bottom repeat-x;*/
    padding: 7px 10px 9px;
background-color: rgb(246, 246, 246);
line-height: 16px;
 height:16px;
 position:relative;

 }
 
 .loglnk
{
    color: rgb(119, 119, 119);
    text-decoration:none;
    color:rgb(238, 27, 64);
    
}
.loglnk:hover
{ text-decoration:underline;
}

    
    
    .title-grid {
background: -moz-linear-gradient(top, rgba(253, 253, 253, 1) 0%, rgba(227, 227, 227, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253, 253, 253, 1)), color-stop(100%,rgba(227, 227, 227, 1)));
background: -webkit-linear-gradient(top, rgba(253, 253, 253, 1) 0%,rgba(227, 227, 227, 1) 100%);
background: -o-linear-gradient(top, rgba(253, 253, 253, 1) 0%,rgba(227, 227, 227, 1) 100%);
background: -ms-linear-gradient(top, rgba(253, 253, 253, 1) 0%,rgba(227, 227, 227, 1) 100%);
background: linear-gradient(top, rgba(253, 253, 253, 1) 0%,rgba(227, 227, 227, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e3e3e3',GradientType=0 );
border: 1px solid rgb(227, 227, 227);
border-bottom: 0;
font: 16px "Cuprum", Helvetica, Arial, sans-serif;
color: rgb(85, 88, 93);
display: block;
padding-left: 10px;
padding-right: 10px;
padding-top: 7px;
text-decoration: none;
height: 25px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.content-grid {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(227, 227, 227);
padding: 10px;
}
.blink
{
     color:rgb(255, 95, 70);
    

    }
    
     #intro h1 {
text-transform: uppercase;
font-size: 24px;
font-weight: lighter;
background: url(../images/double_arrow.png) no-repeat left center;
padding-left: 20px;
margin: 0 auto;
}

.sidemenuhd
{
    background: url(../images/bg-block.png) 0 0 repeat-x;
border-bottom: 1px solid #DDD;
padding: 0 18px;
height: 31px;padding:5px 10px;
background: hsl(198, 76%, 58%);
border-bottom: hsl(198, 71%, 44%) solid 1px;



    }
