/* 
  ------------------------------------------------------------
  css3buttongenerator
  http://css3buttongenerator.com/
  ------------------------------------------------------------
*/

/*
<p><a class="btn-aqua btn-inline-group" href="">Click me</a>
<a class="btn-aqua btn-inline-group" href="">And me</a></p>
*/

.btn-light {font-weight: normal !important;}
.btn-upper-lower {text-transform:capitalize !important};
.btn-inline-group {
	/*display: inline;*/
	display: inline-block;
	margin-right: 5px;
}

/* Extra small */

/*
<div class="btn-wrapper-borders">
  <p><a href="{add_new_Src}" id="add_new" class="btn-orange">Start Again</a></p>
</div>

<div class="btn-wrapper1">
  <a class="btn-aqua" href="">Click me</a>
</div>
*/
div.btn-wrapper-borders {
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	margin-bottom: 15px;
}
div.btn-wrapper1 {
	padding-top: 6px;
	padding-bottom: 16px;
}
div.btn-wrapper2 {
	padding-top: 12px;
	padding-bottom: 20px;
}

/*
<p><a class="btn-aqua btn-inline-group" href="">Click me</a>
<a class="btn-aqua btn-inline-group" href="">And me</a></p>
*/

.btn-inline-group {
	/*display: inline;*/
	display: inline-block;
	margin-right: 5px;
}

/* Container td (top of grid, extra padding required. */
.btn-td-padded {
	padding-top: 8px !important;
}

/* Aqua on white -> used in grids for add record */
.btn-aqua-white {
	display: inline-block;
	background: #FFFFFF;
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	font-family: Arial;
	color: #0191C8 !important;
	font-size: .9em;
	font-weight: bold;
	padding: 8px 16px;
	text-decoration: none;
	border-bottom: none !important;
}
.btn-aqua-white:hover {
	color: #0191C8 !important;
	background: #C3EEFF !important;
	text-decoration: none;
}

/* Aqua -> large button  */
.btn-aqua {
	display: inline-block;
	color: #FFF !important;
	-webkit-border-radius: 12;
	-moz-border-radius: 12;
	border-radius: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: Bold;
	background: #09ADD8;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	border-bottom: none !important;
}
.btn-aqua:hover {
	color: #FFF !important;
	background: #0191C8;
	text-decoration: none;
}

/* Green -> large button  */
.btn-green {
	display: inline-block;
	color: #FFF !important;
	-webkit-border-radius: 12;
	-moz-border-radius: 12;
	border-radius: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: Bold;
	background: #09ADD8;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}
.btn-green:hover {
	color: #FFF !important;
	background: #027629;
	text-decoration: none;
}

/* Orange -> large button */
.btn-orange {
	display: inline-block;
	color: #FFF !important;
	-webkit-border-radius: 12;
	-moz-border-radius: 12;
	border-radius: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: Bold;
	background: #FF6C0A;
	padding: 10px 20px;
	text-decoration: none;
	border-bottom: none !important;
}
.btn-orange:hover {
	color: #FFF !important;
	background: #D25400;
	text-decoration: none;
}

/* Red -> large button */
.btn-red {
	display: inline-block;
	color: #FFF !important;
	-webkit-border-radius: 12;
	-moz-border-radius: 12;
	border-radius: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: Bold;
	background: #D13B1F;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	border-bottom: none !important;
}
.btn-red:hover {
	color: #FFF !important;
	background: #9C2C18;
	text-decoration: none;
}

/* Dark blue -> large button */
.btn-dkblue {
	display: inline-block;
	color: #FFF !important;
	-webkit-border-radius: 12;
	-moz-border-radius: 12;
	border-radius: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: Bold;
	background: #234C92;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	border-bottom: none !important;
}
.btn-dkblue:hover {
	color: #FFF !important;
	background: #234C91;
	text-decoration: none;
}

/* Dark -> large button */
.btn-dark {
	display: inline-block;
	-webkit-border-radius: 12;
	-moz-border-radius: 12;
	border-radius: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF !important;
	font-size: 1em;
	font-weight: Bold;
	background: #222;
	padding: 10px 20px;
	text-decoration: none;
	border-bottom: none !important;
}
.btn-dark:hover {
	color: #FFF !important;
	background: #000;
	text-decoration: none;
}

/* Dark -> small */
.btn-dark-sml {
	display: inline-block;
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF !important;
	font-size: 1em;
	font-weight: Bold;
	background: #555555;
	padding: 6px 12px;
	text-decoration: none;
	border-bottom: none !important;
}
.btn-dark-sml:hover {
	color: #FFF !important;
	background: #444444;
	text-decoration: none;
}

/* Gray - small button*/
.btn-gray {
	display: inline-block;
	color: #FFF !important;
	background: #444444;
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	font-family: Arial;
	color: #ffffff;
	font-size: 13px;
	padding: 4px 8px 4px 8px;
	text-decoration: none;
}
.btn-gray:hover {
	color: #FFF !important;
	background: #999999;
	background-image: -webkit-linear-gradient(top, #999999, #999999);
	background-image: -moz-linear-gradient(top, #999999, #999999);
	background-image: -ms-linear-gradient(top, #999999, #999999);
	background-image: -o-linear-gradient(top, #999999, #999999);
	background-image: linear-gradient(to bottom, #999999, #999999);
	text-decoration: none;
}