/* =Btn
----------------------------------------------- */

.btn
, .btn:visited {
	background-repeat: repeat-x;
	background-position: 0 0;
	
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: normal;	
	color: #FFF;
	
	display: inline-block;
	margin: 0;
	*overflow: visible; 
	
	position: relative;	
	
	border: none;
	border-width: 1px;
	border-style: solid;
	
	cursor: pointer;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	
	text-shadow: 1px 1px 1px rgba(0,0,0,.25);
	
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	
}

	.btn:hover { text-decoration: none; }

/* =Massage IE7 A Little Bit
----------------------------------------------- */
*+html button.btn { border-color: none; border: 1px solid transparent; }



/* =Colors
----------------------------------------------- */
.btn
, .btn:visited  { background-color: #066ECD; border-color: #0561B4; }
.btn:hover{ background-color: #0561B4; text-decoration: none; }

/* Colors */	
.pink,
.pink:visited { background-color: #FF0066; border-color: #DA0C59; }
.pink:hover { background-color: #DA0C59; }

.blue,
.blue:visited { background-color: #066ECD; border-color: #0561B4; }
.blue:hover { background-color: #0561B4; }

.red,
.red:visited { background-color: #E40001; border-color: #CC0000; }
.red:hover { background-color: #CC0000; }

.green,
.green:visited { background-color: #77B32F; border-color: #689C29; }
.green:hover { background-color: #689C29; }

.black,
.black:visited { background-color: #111; border-color: #000; }
.black:hover { background-color: #000; }

.purple,
.purple:visited { background-color: #7B0F75; border-color: #6A0D66; }
.purple:hover { background-color: #6A0D66; }

.maroon,
.maroon:visited { background-color: #750000; border-color: #530000; }
.maroon:hover { background-color: #530000; }

.yellow,
.yellow:visited { background-color: #FFCC00; border-color: #DFB300; }
.yellow:hover { background-color: #DFB300; }

.teal,
.teal:visited { background-color: #39A7B6; border-color: #2E8794; }
.teal:hover { background-color: #2E8794; }

.orange,
.orange:visited { background-color: #F90; border-color: #D58000; color: #FFF; }
.orange:hover{ background-color: #D58000; color: #FFF; }

.grey,
.grey:visited  { background-color: #999; border-color: #888; color: #FFF; }
.grey:hover{ background-color: #888; color: #FFF; }

.light-grey,
.light-grey:visited  { background-color: #CCC; border-color: #bbb; color: #444; text-shadow: 1px 1px 1px rgba(255,255,255,.8); }
.light-grey:hover{ background-color: #bbb; color: #444; }



/* =Gradients
----------------------------------------------- */
.btn
, .blue
, .teal
, .maroon
, .purple
, .black { background-image: url(../images/btn-35.png); background-position: 0 0; }

.orange
, .grey 
, .green
, .red
, .pink { background-image: url(../images/btn-50.png); background-position: 0 0; }

.yellow { background-image: url(../images/btn-60.png); background-position: 0 0; }

.light-grey { background-image: url(../images/btn-100.png); background-position: 0 0; }



/* =Active State
----------------------------------------------- */
.btn:active { background-position: left bottom !important; top: 1px; text-decoration: none; }



/* =Sizes
----------------------------------------------- */
.btn { font-size: 13px; padding: 8px 12px; }
.btn.small { font-size: 11px; padding: 5px 8px; }
.btn.large { font-size: 16px; padding: 12px 18px; }
.btn.xlarge { font-size: 24px; padding: 12px 18px; }



/* =Toolbar
----------------------------------------------- */
 
.btn-toolbar { margin-bottom: 3em; float: left; }

.btn-toolbar .btn {
	display: block;
	margin: 0 0 0 -1px;
	float: left;
			
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-toolbar .btn:first-child {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.btn-toolbar .btn:last-child {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* For modern browsers */
.btn-toolbar:before,
.btn-toolbar:after {
    content:"";
    display:table;
}

.btn-toolbar:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.btn-toolbar {
    zoom:1;
}
.bbtns
{
	background-color: #E40001 !important;
	border-color:#E40001 !important;
}
.bbtns:hover
{
	background-color: #BC1C1C !important;
}
.btnss
{
	background-color: #77B32F !important; 
	border-color: #77B32F !important;
	float:right;
}
.btnss:hover
{
	background-color: #7DA84A !important;
}