﻿/*
Name : Nilesh Khendke
Created Date: 24/02/2014
Purpose : Asp.Net Controls CSS
*/

.textboxst1 { 
    background: white; 
    border: 1px double #DDD; 
    border-radius: 5px; 
    box-shadow: 0 0 5px #333; 
    color: #666; 
    outline: none; 
    height:23px; 
    width: 200px; 
}

 .textboxst2 { 
    background-color : #F7F778; 
    border: 1px solid #848484; 
    height:23px; 
    width: 200px; 
    outline:0; 
  } 
  
 .textboxst3{ 
padding: 1px 20px; 
/*border: 0; */
border: 1px solid #999; 
height:23px; 
width: 150px; 
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
box-shadow: 1px 1px 0 0 #FFF, 5px 5px 40px 2px #BBB inset; 
-moz-box-shadow: 1px 1px 0 0 #FFF, 5px 5px 40px 2px #BBB inset; 
-webkit-box-shadow: 1px 1px 0 0 #FFF, 5px 5px 40px 2px #BBB inset; 
-webkit-background-clip: padding-box; 
outline:0; 
} 

.textboxstArea3{ 
padding: 1px 20px; 
/*border: 0; */
border: 1px solid #999; 
height:50px; 
width: 200px; 
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
box-shadow: 1px 1px 0 0 #FFF, 5px 5px 40px 2px #BBB inset; 
-moz-box-shadow: 1px 1px 0 0 #FFF, 5px 5px 40px 2px #BBB inset; 
-webkit-box-shadow: 1px 1px 0 0 #FFF, 5px 5px 40px 2px #BBB inset; 
-webkit-background-clip: padding-box; 
outline:0; 
} 

.textboxst4{ 
width: 200px; 
border:solid 1px #ccc; 
height: 26px; 
background: #5E768D; 
background: -moz-linear-gradient(top, #546A7F 0%, #5E768D 20%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); 
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0px 1px 0px #f2f2f2;
-webkit-box-shadow: 0px 1px 0px #F2F2F2;
font-family: sans-serif;
font-size: 16px;
color: #F2F2F2; 
text-transform: uppercase; 
text-shadow: 0px -1px 0px #334F71; 
} 

/*
  .textbox:focus { 
background: #728EAA; 
background: -moz-linear-gradient(top, #668099 0%, #728EAA 20%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#668099), color-stop(20%,#728EAA)); 
    outline:0; 
} 
*/

.textboxst5 { 
height: 25px; 
width: 200px; 
text-shadow: 0px 1px 0px #FFF; 
outline: none; 
background: -webkit-gradient(linear, left top, left bottom, from(#BCBCBE), to(#FFF)); 
background: -moz-linear-gradient(top, #BCBCBE, #FFF); 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px; 
border: 1px solid #717171; 
-webkit-box-shadow: 1px 1px 0px #EFEFEF;
-moz-box-shadow: 1px 1px 0px #efefef;
box-shadow: 1px 1px 0px #EFEFEF;
}

.textboxst6 { 
    border: 1px solid #848484; 
    -webkit-border-radius: 30px; 
    -moz-border-radius: 30px; 
    border-radius: 30px; 
    outline:0; 
    height:23px; 
    width: 200px; 
    padding-left:10px; 
    padding-right:10px; 
  }
  
  .textboxst7 { 
    background: transparent url(images/input-text-8.png) repeat-x; 
    border: 1px solid #999; 
    outline:0; 
    height:23px; 
    width: 200px; 
  }
  
  .textboxst9 { 
    border: 3px ridge #FFA5A5; 
    outline:0; 
    height:23px; 
    width: 200px; 
  }
  
  /* Label CSS */
  
  .Three-Dee{
font-family: Aldrich ;
line-height: 1em;
color: #141eb3;
font-size: 14px;
text-shadow:0px 0px 0 rgb(10,20,169),1px 0px 0 rgb(9,19,168),2px 0px 0 rgb(9,19,168),3px 0px 0 rgb(8,18,167), 4px 0px 0 rgb(8,18,167),5px 0px 4px rgba(0,0,0,4),5px 0px 1px rgba(0,0,0,0.5),0px 0px 4px rgba(0,0,0,.2);}

label
{
	color: #993300;
	font-weight: bold;
	display: block;
	width: 150px;
	float: left;
	font-size: 14px;
}
label:after { content: " " }

.rounded-corner {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #800000;
	padding: 10px;
	width: 600px;
	height: 240px;
	background-color:#FFFFFF;
	color: #000000;
	/*
    This Line for box Shadow
	box-shadow:0px 0px 10px 7px #C2C2C2;
   */
}

.rounded-corner2 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #800000;
	padding: 10px;
	width: 600px;
	height: 200px;
	background-color:#cce5ff;
	color: #000000;
	/*
    This Line for box Shadow*/
	box-shadow:0px 0px 10px 7px #C2C2C2;
   
}

.rounded-cornerA {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #800000;
	padding: 10px;
	width: 600px;
	height: 200px;
	background-color:#ffb3ff;
	color: #000000;
	/*
    This Line for box Shadow*/
	box-shadow:0px 0px 10px 7px #C2C2C2;
   
}

.rounded-corner3
{
Color:Gray;
-moz-border-radius:3px;
width:600px;
height:200px;
background-color:#FFFFFF;
border: 1px solid #800000;
-webkit-border-radius:5px;	
}


	

/**
 * 
 * 
 * Usage: 
 *   <a href="" class="shiny-button"><strong>Free Download</strong><br>No hidden battle </a>
 * 
 */

.shiny-button {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 10px;
  background-color: #43a1da;
  /*
  background-image: -webkit-linear-gradient(top, #00c4ae 0%, #17d1bb 48%, #00BFA9 49%, #00BFA9 82%, #00dbc2 100%);
  background-image: -moz-linear-gradient(top, #00c4ae 0%, #17d1bb 48%, #00BFA9 49%, #00BFA9 82%, #00dbc2 100%);
  background-image: -o-linear-gradient(top, #00c4ae 0%, #17d1bb 48%, #00BFA9 49%, #00BFA9 82%, #00dbc2 100%);
  background-image: -ms-linear-gradient(top, #00c4ae 0%, #17d1bb 48%, #00BFA9 49%, #00BFA9 82%, #00dbc2 100%);
*/ 
 border-color: hsl(173, 45%, 37%);
  -webkit-box-shadow: inset 0 0 1px 1px #00f2d6, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #00f2d6, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #00f2d6, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #00594f;
  -moz-text-shadow: 1px 1px 1px #00594f;
  -o-text-shadow: 1px 1px 1px #00594f;
  text-shadow: 1px 1px 1px #00594f;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  padding: 9px 20px 9px 20px;
}

.shiny-button strong {
  letter-spacing: 1px;
  font-size: 12px;
}

.shiny-button:hover {
  color: #FFFFFF;
  background-color: #00ceb7;
  background-image: -webkit-linear-gradient(top, #00d3bc 0%, #19dec8 48%, #00ceb7 49%, #00ceb7 82%, #00ead0 100%);
  background-image: -moz-linear-gradient(top, #00d3bc 0%, #19dec8 48%, #00ceb7 49%, #00ceb7 82%, #00ead0 100%);
  background-image: -o-linear-gradient(top, #00d3bc 0%, #19dec8 48%, #00ceb7 49%, #00ceb7 82%, #00ead0 100%);
  background-image: -ms-linear-gradient(top, #00d3bc 0%, #19dec8 48%, #00ceb7 49%, #00ceb7 82%, #00ead0 100%);
  border-color: hsl(173, 44%, 38%);
  -webkit-box-shadow: inset 0 0 1px 1px #07ffe3, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #07ffe3, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #07ffe3, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #00685c;
  -moz-text-shadow: 1px 1px 1px #00685c;
  -o-text-shadow: 1px 1px 1px #00685c;
  text-shadow: 1px 1px 1px #00685c;
}

.shiny-button:active {
  color: #FFFFFF;
  background-color: #00b09b;
  background-image: -webkit-linear-gradient(top, #00a692 0%, #00BFA9 100%);
  background-image: -moz-linear-gradient(top, #00a692 0%, #00BFA9 100%);
  background-image: -o-linear-gradient(top, #00a692 0%, #00BFA9 100%);
  background-image: -ms-linear-gradient(top, #00a692 0%, #00BFA9 100%);
  padding: 11px 23px 9px 23px;
}


/*

 * 
 * 
 * Usage: 
 *   <a href="" class="shiny-button"><strong>Free Download</strong><br>No hidden battle </a>
 * 
.shiny-button {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 10px;
  background-color: #006BCF;
  background-image: -webkit-linear-gradient(top, #006ed4 0%, #197fdf 48%, #006BCF 49%, #006BCF 82%, #0079eb 100%);
  background-image: -moz-linear-gradient(top, #006ed4 0%, #197fdf 48%, #006BCF 49%, #006BCF 82%, #0079eb 100%);
  background-image: -o-linear-gradient(top, #006ed4 0%, #197fdf 48%, #006BCF 49%, #006BCF 82%, #0079eb 100%);
  background-image: -ms-linear-gradient(top, #006ed4 0%, #197fdf 48%, #006BCF 49%, #006BCF 82%, #0079eb 100%);
  border-color: hsl(209, 40%, 41%);
  -webkit-box-shadow: inset 0 0 1px 1px #1c92ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #1c92ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #1c92ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #003669;
  -moz-text-shadow: 1px 1px 1px #003669;
  -o-text-shadow: 1px 1px 1px #003669;
  text-shadow: 1px 1px 1px #003669;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  padding: 12px 30px 12px 30px;
}

.shiny-button strong {
  letter-spacing: 1px;
  font-size: 12px;
}

.shiny-button:hover {
  color: #FFFFFF;
  background-color: #0073de;
  background-image: -webkit-linear-gradient(top, #0076e3 0%, #2087e6 48%, #0073de 49%, #0073de 82%, #0082fa 100%);
  background-image: -moz-linear-gradient(top, #0076e3 0%, #2087e6 48%, #0073de 49%, #0073de 82%, #0082fa 100%);
  background-image: -o-linear-gradient(top, #0076e3 0%, #2087e6 48%, #0073de 49%, #0073de 82%, #0082fa 100%);
  background-image: -ms-linear-gradient(top, #0076e3 0%, #2087e6 48%, #0073de 49%, #0073de 82%, #0082fa 100%);
  border-color: hsl(209, 41%, 44%);
  -webkit-box-shadow: inset 0 0 1px 1px #2697ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #2697ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #2697ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #003e78;
  -moz-text-shadow: 1px 1px 1px #003e78;
  -o-text-shadow: 1px 1px 1px #003e78;
  text-shadow: 1px 1px 1px #003e78;
}

.shiny-button:active {
  color: #FFFFFF;
  background-color: #0063c0;
  background-image: -webkit-linear-gradient(top, #005eb6 0%, #006BCF 100%);
  background-image: -moz-linear-gradient(top, #005eb6 0%, #006BCF 100%);
  background-image: -o-linear-gradient(top, #005eb6 0%, #006BCF 100%);
  background-image: -ms-linear-gradient(top, #005eb6 0%, #006BCF 100%);
  padding: 13px 30px 11px 30px;
}


*/


/* For GridView */

.gridview{
    background-color:#fff;  
    padding:2px;
    margin:2% auto;
/*
    border: 1px solid #A1DCF2;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            overflow: hidden;
*/
}

gridview a{     
      background-color:yellow;
      text-decoration:none;
    color:white; 
    -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;
    border-radius:50%;
    padding:5px 10px 5px 10px;         
}

.gridview a:hover{
    background-color:yellow;
    color:white;
    -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;
    border-radius:50%;
    padding:5px 10px 5px 10px;
    text-decoration:none;
}

.gridview 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;
    border-radius:50%;
    padding:5px 10px 5px 10px;
}


/*****For Gridview*****/

    .GridPager a, .GridPager span
    {
        display: block;
        height: 15px;
        width: 15px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }
    .GridPager a
{
	background-color: #0099CC;
	color: #969696;
	border: 1px solid #969696;
}
    .GridPager span
    {
        background-color: #A1DCF2;
        color: #000;
        border: 1px solid #3AC0F2;
    }
    
       .GridPager a:hover, .GridPager span
{
	display: block;
	height: 15px;
	width: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #FFFFCC;
	color: #CC3300;
}

.MyClassFullSize
{
	width :115%;
}

.Mandatory
{
color: #FF0000;
}


  .rounded-cornerForReport
{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #800000;
	padding: 10px;
	width: 60%;
	height: auto;
	background-color: #FFFFCC;
	color: #FF0000;
	text-align: center;
	font-weight: bold;
	font-size: large;
}





.rounded-corner
        {
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border: 1px solid #800000;
            padding: 10px;
            width: 95%;
            height: auto;
            background-color: #FFFFFF;
            color: #000000;
            font-size: 14px;
        }




 .rounded-cornerPopUp
        {
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border: 1px solid #800000;
            padding: 10px;
            width: 95%;
            height: auto;
            background-color: rgba(255, 240, 255,10);
            color: #000000;
            font-size: 14px;
        }


.rounded-Title
        {
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            padding-top:5px;
            width: 100%;
            height:25px;
            background-color:rgba(0,0,255,0.6);
            color: white;
            font-family:Calibri; 
            font-weight:bold; 
            font-size: 16px;
            /*border: 1px groove black;*/
        }
