

/*Generated from Designmycss.com*/
body {
  width: 100%;
  height: 100%;
}

.button {
  border: 4px solid #FFFFFF;
    border-radius: 10px;
    background-color: #C4830B;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
 }
 .button:hover {
  border: 2px solid #000000;
    background-color: #D1C494;
	 color: #000000;
 }
 .buttonGreen {
  border: 1px solid #00CC66;
    border-radius: 10px;
    background-color: #00CC66;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
 }
 .buttonGreen:hover {
  border: 1px solid #00CC66;
    background-color: #00CC66;
	 color: #000000;
 }
table
{
    border-spacing:1px;
    border-style:solid;
    border-color:#2C4F85;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
    padding:0;
    box-shadow:0px 0px #000000;
    table-layout:auto;
}


th
{
    color:#084A14;
    background:#E1F2B9;
    border-style:solid;
    border-width:0px;
    border-color:#2C4F85;
    font-weight:bold;
	font-size:10px;
    padding:5px;
    text-align:left;
    vertical-align:top;
}
 
tr
{
    color:#333333;
    font-weight:bold;
}
 
tr:hover td
{
    color:#081C6B;
}
 
td
{
    padding:3px 5px;
    text-align:left;
    vertical-align:top;
	font-weight:bold;
	font-size:10px;
}
 
th:first-child
{
    border-top-left-radius:10px;
}
 
th:last-child
{
    border-top-right-radius:10px;
}
 
tr:last-child td:first-child
{
    border-bottom-left-radius:10px;
}
 
tr:last-child td:last-child
{
    border-bottom-right-radius:10px;
}

/* The CSS */
select {

   padding:3px;
    background:white;
	font-size:14px;
    font-weight:bold;
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:30px}
}

label {position:relative}
label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:relative;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:relative;
    pointer-events:none;
    display:block;
}

a.greenButtonRound {
    border: 4px solid #FFFFFF;
    border-radius: 10px;
    background-color: #C4830B;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
}
a.greenButtonRound:hover {
    border: 2px solid #000000;
    background-color: #D1C494;
	 color: #000000;
}

a.blueRound {
    border: 4px solid #FFFFFF;
    border-radius: 10px;
    background-color:#0000CC;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
}
a.blueRound:hover {
    border: 2px solid #000000;
    background-color: #D1C494;
	 color: #000000;
}


a.marunRound {
    border: 4px solid #FFFFFF;
    border-radius: 10px;
    background-color:#990000;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
}
a.marunRound:hover {
    border: 2px solid #000000;
    background-color: #D1C494;
	 color: #000000;
}


input[type=text] {
border-radius:5px;
-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;
padding: 3px 0px 3px 3px;
border: 1px
solid #999;
font-size:14px;
font-weight:bold;
}
input[type=text]:focus{
 background-color:#FFF;
 border: 1px
solid #07c;
 box-shadow: 0
0 10px #07c;
} 

input[type=password] {
border-radius:5px;
-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;
padding: 3px 0px 3px 3px;
border: 1px
solid #999;
font-size:14px;
font-weight:bold;
}
input[type=password]:focus{
 background-color:#FFF;
 border: 1px
solid #07c;
 box-shadow: 0
0 10px #07c;
} 

.mob{
background-image:url(../images/mob_img.jpg);
background-size: cover;
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
max-width:100%;
font-size:12px;
font-weight:bold;
padding-left:3px;
letter-spacing:4px;
}

.aadharimg{
background-image:url(../images/aadhar_img.jpg);
background-size: cover;
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
max-width:100%;
font-size:12px;
font-weight:bold;
padding-left:3px;
letter-spacing:4px;
}

#msg {display:none; position:absolute; z-index:200; background:url(../images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; font:Arial, Helvetica, sans-serif; font-weight:bold;color: #990000;font-size: 16px;background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

.redLebel
{
 color:#FF0000;
 font-size:16px;
 font-weight:bold;

}

.GreenLebel
{
 color:#009900;
 font-size:16px;
 font-weight:bold;

}

.OrangeLebel
{
 color:#CC6600;
 font-size:16px;
 font-weight:bold;

}
input[type="radio"]+label {
width:25px;
height:25px;
    color:#f2f2f2;
    font-family:Arial, sans-serif;
    font-size:14px;
}

input:-moz-read-only { /* For Firefox */
    background-color:#FFCC00;
}

input:read-only { 
    background-color:#FFFF66;
}

input[type="text"][readonly],
textarea[readonly] {
  background-color: #FFFF66;
}
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 150px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/error.png');
}

.control-group {
	display: inline-block;
	width: 200px;
	height: 210px;
	margin: 10px;
	padding: 30px;
	text-align: left;
	vertical-align: top;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.control {
	font-size: 18px;
	position: relative;
	display: block;
	margin-bottom: 15px;
	padding-left: 30px;
	cursor: pointer;
}

.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.control__indicator {
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	background: #e6e6e6;
}

.control--radio .control__indicator {
	border-radius: 50%;
}

.mtextarea{
font-size:0.9em;
color:#6da021;
border:1px solid #6da021;
padding-left:10px;
font-family: tahoma, sans-serif;
font-size:20px;
font-weight:bold;
}

.buttonGreen {
  border: 1px solid #316733;
    border-radius: 10px;
    background-color: #316733;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
 }
 .buttonGreen:hover {
  border: 1px solid #A7E5A9;
    background-color: #A7E5A9;
	 color: #0E200C;
 }
   .buttonPurple {
  border: 1px solid #8A00C2;
    border-radius: 10px;
    background-color: #8A00C2;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
 }
 .buttonPurple:hover {
  border: 1px solid #E0C4EB;
    background-color: #E0C4EB;
	 color: #000000;
 }
  .buttonOrange {
  border: 1px solid #FF6600;
    border-radius: 10px;
    background-color: #FF6600;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
 }
 .buttonOrange:hover {
  border: 1px solid #FFCC33;
    background-color: #FFCC33;
	 color: #000000;
 }


  .buttonDarkBlue {
  border: 1px solid #16807B;
    border-radius: 10px;
    background-color: #16807B;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
 }
 .buttonDarkBlue:hover {
  border: 1px solid #C9F3F1;
    background-color: #C9F3F1;
	 color: #000000;
 }
 .buttonMerun {
  border: 1px solid #990000;
    border-radius: 10px;
    background-color: #990000;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
 }
 .buttonMerun:hover {
  border: 1px solid #F19A9A;
    background-color: #F19A9A;
	 color: #000000;
 }
 
 .buttonBlue {
  border: 1px solid #000099;
    border-radius: 10px;
    background-color:  #000099;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
 }
 .buttonBlue:hover {
  border: 1px solid #00CCFF;
    background-color: #00CCFF;
	 color: #000000;
 }
  .buttonDarkGreen {
  border: 1px solid #097D1E;
    border-radius: 10px;
    background-color: #097D1E;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
 }
 .buttonDarkGreen:hover {
  border: 1px solid #96E7A4;
    background-color: #96E7A4;
	 color: #000000;
 }
   .buttonLightGreen {
  border: 1px solid #0EFF00;
    border-radius: 10px;
    background-color: #0EFF00;
    color: #330000;
    font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
 }
 .buttonLightGreen:hover {
  border: 1px solid #D9EAD8;
    background-color: #D9EAD8;
	 color: #000000;
 }
 
  .buttonGray {
  border: 1px solid #996633;
    border-radius: 10px;
    background-color:  #996633;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
 }
 .buttonGray:hover {
  border: 1px solid #A8A8A8;
    background-color:  #A8A8A8;
	 color: #000000;
 }
 
 .custom-select {
  position: relative;
  width: 90%;
  height: 36px;
  border: 1px solid ;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  background-color: #D9DBE1;
  font-weight: bold;
  font-size: 11px; 
  font-family: Verdana,  Arial, Sans-Serif; 
  font-style: normal;
}
.custom-select a {
  display: inline-block;
  width: 90%;
  height: 20px;
  padding: 8px 10px;
  color: #000;
  background-color: #D9DBE1;
  text-decoration: none;
  cursor: pointer;
}
}
.custom-select a span {
  display: inline-block;
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
}
.custom-select select {
  display: none !important;
}
.custom-select > div {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 1px 0 0 -1px;
  width: 100%;
  border: 1px solid #888;
  border-top: 0;
  background: #FFFFFF;
  z-index: 10;
  overflow: hidden;
}
.custom-select input {
  width: 90%;
  border: 1px solid #888;
  margin: 5px 5px 0;
  padding: 5px;
    font-weight: bold;
  font-size: 11px; 
  font-family: Verdana,  Arial, Sans-Serif; 
  font-style: normal;
  background: #fff url('../images/multilist.search.png') no-repeat 5px 50%;
  line-height: 2em;
  padding: 2px 5px 2px 25px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #EAEBEE;
  
}

.custom-select loading{
	 background: white url('../images/multilist.indicator.gif') right center no-repeat;
	
}

.custom-select > div > div {
  position: relative;
  overflow-x: hidden;
  overflow-y: visible;
  margin: 5px;
  max-height: 250px;
}
.custom-select div ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.custom-select div ul li {
  display: none;
  padding: 5px;
}
.custom-select div ul li.active {
  display: block;
  cursor: pointer;
}
.custom-select div ul li:hover {
  background: #9298A9;
  color: #fff;
}
.custom-select div ul li.option-hover {
  background: #808040;
  color: #fff;
}
.custom-select div ul li.option-disabled {
  color: #999;
}
.custom-select div ul li.option-disabled:hover {
  background: #ff9999;
  color: #C4C8D2;
}
.custom-select div ul li.option-hover.option-disabled {
  background: #ff6666;
  color: #C4C8D2;
}
.custom-select div ul li.no-results {
  display: none;
  background: #f2f2f2;
  color: #000;
}

.autocomplete-suggestions strong {
	font-weight: normal; 
	color: #3399ff;
	}

/* Custom Select - Open
----------------------------------*/
.custom-select-open {
  border-bottom: 1px solid ;
    background-color: #D9DBE1;
}
.custom-select-open div {
  display: block;
    background-color: #D9DBE1;
}

/* Hide Input Box
----------------------------------*/
.custom-select input.custom-select-hidden-input {
  position: absolute !important;
  top: 0 !important;
  left: -1000px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  z-index: -1 !important;
}

/* Mobile Override
----------------------------------*/
.custom-select-mobile select {
  display: inline !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.3dh1 {
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.shadow{
    box-shadow: 5px 4px 25px black;border:1px solid #990033;
	}
	
.table_border_bottom{
border-bottom:1px solid #990033;
}	

form:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#content {	background: -webkit-linear-gradient(top,  #CDFBCE 0%,rgba(249,249,249,1) 100%);
	border: 1px groove #228B26;
	position: relative;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	width: 500px;
	
}

#content h3:before,
#content h3:after {
	content: "";
	height: 1px;
	position: absolute;
	top: 10px;
	width: 27%;
	
}
#content h3:after {
	background: -webkit-linear-gradient(left,  #0000FF 0%,rgba(255,255,255,1) 100%);
    right: 0;
}
#content h3:before {
	background: -webkit-linear-gradient(right,  #0000FF 0%,rgba(255,255,255,1) 100%);
    left: 0;
}
#content:after,
#content:before {
	background: -webkit-linear-gradient(top,  #07970D 0%,rgba(249,249,249,1) 100%);
	border: 1px double #228B26;
	content: "";
	display: block;
	height: 100%;
	left: -1px;
	position: absolute;
	width: 100%;
}
#content:after {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
	top: 0;
	z-index: -1;
}
#content:before {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
	top: 0;
	z-index: -2;
}
#content form { margin: 0 20px; position: relative }
#content form input[type="text"],
#content form input[type="password"] {

	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
	-webkit-transition: all 0.5s ease;
	background: #eae7e7 url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) no-repeat;
	border: 2px solid #c8c8c8;
	color: #777;
	font: 18px Helvetica, Arial, sans-serif;
	margin: 0 0 10px;
	padding: 15px 10px 15px 40px;
	width: 80%;
}
#content form input[type="text"]:focus,
#content form input[type="password"]:focus {
	-webkit-box-shadow: 0 0 2px #ed1c24 inset;
	-moz-box-shadow: 0 0 2px #ed1c24 inset;
	-ms-box-shadow: 0 0 2px #ed1c24 inset;
	-o-box-shadow: 0 0 2px #ed1c24 inset;
	box-shadow: 0 0 2px #ed1c24 inset;
	background-color: #fff;
	border: 2px solid #137915;
	outline: none;
	color:#006633;
}
#username { background-position: 10px 10px !important }
#password { background-position: 10px -53px !important }
.buttonlogin {

	background: -webkit-linear-gradient(top,  #DAF59D 0%,rgba(254,231,154,1) 100%);
	-webkit-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset;
	border: 1px solid #137915;
	color: #008000;
	cursor: pointer;
	font: bold 15px Helvetica, Arial, sans-serif;
	height: 35px;
	margin: 20px 0 35px 15px;
	position: relative;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	width: 120px;
}

.buttonlogin:hover {
	background: -webkit-linear-gradient(top,  rgba(254,231,154,1) 0%,#DAF59D 100%);
}
.footer{
position:absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.5rem;
  background-color: #D6E9A9;
  text-align: center;
  
  color:  #000000;border-top: 1px solid #000;}
  
  
  
  
  .btn_blue {
  background: #3434d9;
  background-image: -webkit-linear-gradient(top, #3434d9, #3434d9);
  background-image: -moz-linear-gradient(top, #3434d9, #3434d9);
  background-image: -ms-linear-gradient(top, #3434d9, #3434d9);
  background-image: -o-linear-gradient(top, #3434d9, #3434d9);
  background-image: linear-gradient(to bottom, #3434d9, #3434d9);
 -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 14px;
      font-weight: bold;
    text-decoration: none;
  
    padding: 5px 10px 5px 10px;
    display: inline-block;
	width:87%;
	text-align:center;
	border:1px double #000000;
}

.btn_blue:hover {
  background: #3434d9;
  background-image: -webkit-linear-gradient(top, #3434d9, #7878eb);
  background-image: -moz-linear-gradient(top, #3434d9, #7878eb);
  background-image: -ms-linear-gradient(top, #3434d9, #7878eb);
  background-image: -o-linear-gradient(top, #3434d9, #7878eb);
  background-image: linear-gradient(to bottom, #3434d9, #7878eb);
  text-decoration: none;
}

.btn_pink {
  background: #d934a5;
  background-image: -webkit-linear-gradient(top, #d934a5, #d934a5);
  background-image: -moz-linear-gradient(top, #d934a5, #d934a5);
  background-image: -ms-linear-gradient(top, #d934a5, #d934a5);
  background-image: -o-linear-gradient(top, #d934a5, #d934a5);
  background-image: linear-gradient(to bottom, #d934a5, #d934a5);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 14px;
      font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
	width:87%;text-align:center;border:1px double #000000;
}

.btn_pink:hover {
  background: #b320ae;
  background-image: -webkit-linear-gradient(top, #d934a5, #db8fd8);
  background-image: -moz-linear-gradient(top, #d934a5, #db8fd8);
  background-image: -ms-linear-gradient(top, #d934a5, #db8fd8);
  background-image: -o-linear-gradient(top, #d934a5, #db8fd8);
  background-image: linear-gradient(to bottom, #d934a5, #db8fd8);
  text-decoration: none;
}

.btn_red {
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  border-radius: 30px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 14px;
  background: #660033;
  padding: 6px 24px 6px 24px;
  border: solid #1f628d 1px;
  text-decoration: none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size:14px;
     font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
	width:87%;text-align:center;border:1px double #000000;
}

.btn_red:hover {
  background: #d93434;
  background-image: -webkit-linear-gradient(top, #660033, #e86f6f);
  background-image: -moz-linear-gradient(top, #660033, #e86f6f);
  background-image: -ms-linear-gradient(top, #660033, #e86f6f);
  background-image: -o-linear-gradient(top, #660033, #e86f6f);
  background-image: linear-gradient(to bottom, #660033, #e86f6f);
  text-decoration: none;
}
.btn_lightblue {
  background: #096480;
  background-image: -webkit-linear-gradient(top, #096480, #096480);
  background-image: -moz-linear-gradient(top, #096480, #096480);
  background-image: -ms-linear-gradient(top, #096480, #096480);
  background-image: -o-linear-gradient(top, #096480, #096480);
  background-image: linear-gradient(to bottom, #096480, #096480);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 14px;
     font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
	width:87%;text-align:center;border:1px double #000000;
}

.btn_lightblue:hover {
  background: #0ac2fa;
  background-image: -webkit-linear-gradient(top, #0ac2fa, #0ac2fa);
  background-image: -moz-linear-gradient(top, #0ac2fa, #0ac2fa);
  background-image: -ms-linear-gradient(top, #0ac2fa, #0ac2fa);
  background-image: -o-linear-gradient(top, #0ac2fa, #0ac2fa);
  background-image: linear-gradient(to bottom, #0ac2fa, #0ac2fa);
  text-decoration: none;

}

.btn_green {
  background: #147107;
  background-image: -webkit-linear-gradient(top, #147107, #147107);
  background-image: -moz-linear-gradient(top, #147107, #147107);
  background-image: -ms-linear-gradient(top, #147107, #147107);
  background-image: -o-linear-gradient(top, #147107, #147107);
  background-image: linear-gradient(to bottom, #147107, #147107);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 14px;
     font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
	width:87%;text-align:center;border:1px double #000000;
}

.btn_green:hover {
  background: #13942d;
  background-image: -webkit-linear-gradient(top, #147107, #1bb83b);
  background-image: -moz-linear-gradient(top, #147107, #1bb83b);
  background-image: -ms-linear-gradient(top, #147107, #1bb83b);
  background-image: -o-linear-gradient(top, #147107, #1bb83b);
  background-image: linear-gradient(to bottom, #147107, #1bb83b);
  text-decoration: none;
}

.btn_yellow {
  background: #fcfc17;
  background-image: -webkit-linear-gradient(top, #fcfc17, #fcfc17);
  background-image: -moz-linear-gradient(top, #fcfc17, #fcfc17);
  background-image: -ms-linear-gradient(top, #fcfc17, #fcfc17);
  background-image: -o-linear-gradient(top, #fcfc17, #fcfc17);
  background-image: linear-gradient(to bottom, #fcfc17, #fcfc17);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Georgia;
  color: #0d0b0d;
  font-size: 14px;
      font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
	width:87%;text-align:center;border:1px double #000000;
}

.btn_yellow:hover {
  background: #a3b326;
  background-image: -webkit-linear-gradient(top, #a3b326, #fcfc17);
  background-image: -moz-linear-gradient(top, #a3b326, #fcfc17);
  background-image: -ms-linear-gradient(top, #a3b326, #fcfc17);
  background-image: -o-linear-gradient(top, #a3b326, #fcfc17);
  background-image: linear-gradient(to bottom, #a3b326, #fcfc17);
  text-decoration: none;
  
}

.btn_lightorange {
  background: #FF6600;
  background-image: -webkit-linear-gradient(top, #FF6600, #d17d00);
  background-image: -moz-linear-gradient(top, #FF6600, #d17d00);
  background-image: -ms-linear-gradient(top, #FF6600, #d17d00);
  background-image: -o-linear-gradient(top, #FF6600, #d17d00);
  background-image: linear-gradient(to bottom, #FF6600, #d17d00);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 14px;
     font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
	width:87%;text-align:center;border:1px double #000000;
}

.btn_lightorange:hover {
  background: #d17d00;
  background-image: -webkit-linear-gradient(top, #FF6600, #eb7600);
  background-image: -moz-linear-gradient(top, #FF6600, #eb7600);
  background-image: -ms-linear-gradient(top, #FF6600, #eb7600);
  background-image: -o-linear-gradient(top, #FF6600, #eb7600);
  background-image: linear-gradient(to bottom, #FF6600, #eb7600);
  text-decoration: none;
}

.btn_gg {
  background: #12a69f;
  background-image: -webkit-linear-gradient(top, #12a69f, #12a69f);
  background-image: -moz-linear-gradient(top, #12a69f, #12a69f);
  background-image: -ms-linear-gradient(top, #12a69f, #12a69f);
  background-image: -o-linear-gradient(top, #12a69f, #12a69f);
  background-image: linear-gradient(to bottom, #12a69f, #12a69f);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 14px;
     font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
	width:87%;text-align:center;border:1px double #000000;
}

.btn_gg:hover {
  background: #12a69f;
  background-image: -webkit-linear-gradient(top, #12a69f, #82ccc7);
  background-image: -moz-linear-gradient(top, #12a69f, #82ccc7);
  background-image: -ms-linear-gradient(top, #12a69f, #82ccc7);
  background-image: -o-linear-gradient(top, #12a69f, #82ccc7);
  background-image: linear-gradient(to bottom, #12a69f, #82ccc7);
  text-decoration: none;
}

.btn_pur {
  background: #9108c7;
  background-image: -webkit-linear-gradient(top, #9108c7, #9108c7);
  background-image: -moz-linear-gradient(top, #9108c7, #9108c7);
  background-image: -ms-linear-gradient(top, #9108c7, #9108c7);
  background-image: -o-linear-gradient(top, #9108c7, #9108c7);
  background-image: linear-gradient(to bottom, #9108c7, #9108c7);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Georgia;
  font-size: 14px;
  color:#FFFFFF;
     font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
	width:87%;text-align:center;border:1px double #000000;
}

.btn_pur:hover {
  background: #9108c7;
  background-image: -webkit-linear-gradient(top, #9108c7, #c498d6);
  background-image: -moz-linear-gradient(top, #9108c7, #c498d6);
  background-image: -ms-linear-gradient(top, #9108c7, #c498d6);
  background-image: -o-linear-gradient(top, #9108c7, #c498d6);
  background-image: linear-gradient(to bottom, #9108c7, #c498d6);
  text-decoration: none;
}

.btn_brown {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  background: #794F0B;
  font-family: Georgia;
  font-size: 14px;
  color:#FFFFFF;
     font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
	width:87%;text-align:center;border:1px double #000000;
}

.btn_brown:hover {
  background: #a85312;
  background-image: -webkit-linear-gradient(top, #794F0B, #db9967);
  background-image: -moz-linear-gradient(top, #794F0B, #db9967);
  background-image: -ms-linear-gradient(top, #794F0B, #db9967);
  background-image: -o-linear-gradient(top, #794F0B, #db9967);
  background-image: linear-gradient(to bottom, #794F0B, #db9967);
  text-decoration: none;
}


.btn_new {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  background: #993366;
  font-family: Georgia;
  font-size: 14px;
  color:#FFFFFF;
     font-weight: bold;
    text-decoration: none;
    margin : 1px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
	width:87%;text-align:center;border:1px double #000000;
}

.btn_new:hover {
  background: #a85312;
  background-image: -webkit-linear-gradient(top, #993366, #db9967);
  background-image: -moz-linear-gradient(top, #993366, #db9967);
  background-image: -ms-linear-gradient(top, #993366, #db9967);
  background-image: -o-linear-gradient(top, #993366, #db9967);
  background-image: linear-gradient(to bottom, #993366, #db9967);
  text-decoration: none;
}

#content {
    padding:25px;
}

#fade {
    display: none;
    position:absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 1000%;
    background-color: #ababab;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .70;
    filter: alpha(opacity=80);
}

#modal {
    display: none;
    position: absolute;
    top: 45%;
    left: 45%;
    width: 120px;
    height: 67px;
    padding:30px 15px 0px;
    border: 3px solid #ababab;
    box-shadow:1px 1px 10px #ababab;
    border-radius:20px;
    background-color: white;
    z-index: 1002;
    text-align:center;
    overflow: auto;
}

#results {
    font-size:1.25em;
    color:red
}
