/*---------------------------------
	BUTTONS
-----------------------------------*/
.actual.button,
a.btn,
a.btn:visited,
a.button,
a.button:visited,
.button input[type="submit"],
.button input[type="reset"],
.button input[type="button"]{
  text-decoration: none; 
  display: inline-block;
  *display: inline;
  margin: 0;
  line-height: 20px;
  *line-height: 20px;
  text-align: center;
  *zoom: 1;
  vertical-align: middle;
  cursor: pointer;
  font-weight: bold;
  text-render: optimizelegibility;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  backface-visibility:  	   hidden;
  -webkit-font-smoothing: antialiased;
    	
	/* size */  
 	font-size: 14px;   
	padding: 7px 15px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
      
    /* colors */        
	background-color: #eee;
	border: 1px solid #ccc;
 	color: #333; 
	text-shadow: 0px 1px 2px rgba(000,000,000,.25);
			
	/* gradient overlay */
	background-image: -moz-linear-gradient(top,  rgba(255,255,255,0.12) 0%, rgba(0,0,0,0.1) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(0,0,0,0.1)));
	background-image: -webkit-linear-gradient(top,  rgba(255,255,255,0.12) 0%,rgba(0,0,0,0.1) 100%);
	background-image: -o-linear-gradient(top,  rgba(255,255,255,0.12) 0%,rgba(0,0,0,0.1) 100%);
	background-image: -ms-linear-gradient(top,  rgba(255,255,255,0.12) 0%,rgba(0,0,0,0.1) 100%);
	background-image: linear-gradient(to bottom,  rgba(255,255,255,0.12) 0%,rgba(0,0,0,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#1a000000',GradientType=0 );
	
	/* animated overlays */
	   -moz-transition: all .3s ease-in-out; 
	-webkit-transition: all .3s ease-in-out; 
	    -ms-transition: all .3s ease-in-out; 
	     -o-transition: all .3s ease-in-out; 
	        transition: all .3s ease-in-out; 
	
	/* box shadows + top stroke */        
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.18),
		inset 0px 1px 0px rgba(255,255,255,0.2);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.18),
		inset 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow:
		0px 1px 2px rgba(000,000,000,0.18),
		inset 0px 1px 0px rgba(255,255,255,0.2);
	}

.actual.button:hover, 
.btn:hover, 
a.button:hover,
.button:hover input[type="submit"],
.button:hover input[type="reset"],
.button:hover input[type="button"] {
    /* colors */        
	background-color: #fff;
	border: 1px solid #ddd;
	}
	
	/*sizes*/
	a.button.small, .btn.small, .button.small{font-size:0.8em;padding:5px 13px;}
	a.button.medium, a.btn.medium, .actual.button.medium, .button.medium input[type="submit"], .button.medium input[type="reset"], .button.medium input[type="button"]{}/*default*/
	a.button.large, a.btn.large, .actual.button.large, .button.large input[type="submit"], .button.large input[type="reset"], .button.large input[type="button"]{font-size:18px; padding:11px 16px; border-radius:7px;}
	.width-100 { text-align: center; width: 100px !important; } .width-100 .text { width: 80px; }
	.width-150 { text-align: center; width: 150px !important; } .width-150 .text { width: 130px; }
	.width-200 { text-align: center; width: 200px !important; } .width-200 .text { width: 180px; }
	.width-250 { text-align: center; width: 250px !important; } .width-250 .text { width: 230px; }
	.width-300 { text-align: center; width: 300px !important; } .width-300 .text { width: 280px; }
	.width-400 { text-align: center; width: 400px !important; } .width-400 .text { width: 380px; }
	.width-500 { text-align: center; width: 500px !important; } .width-500 .text { width: 480px; }
	.width-221 { text-align: center;  padding-top:12px; width: 221px !important; } .width-221 .text { width: 201px; }
	.width-270 { text-align: center;  padding-top:12px; font-size:22px; height:40px; width: 270px !important; } .width-270 .text { width:270px; font-size:22px; height:40px; }
	
	button.disabled, .btn.disabled, .button.disabled{color:#ccc;cursor:default;background:#efefef;}
	button.disabled:hover, .btn.disabled:hover, .button.disabled:hover{border:1px solid #ccc;background:#efefef;}
	
	
	
	.btn img,
	.button img,
	input[type="submit"] img,
	input[type="reset"] img,
	input[type="button"] img{
	display:inline;
	margin:0;
	vertical-align: middle;
	margin:-10px 10px -5px -5px;
	padding:0;
	}
	
	.small img{margin:-3px 5px -3px -3px;}
	.medium img{margin:-10px 10px -5px -5px;}
	.large img{margin:-10px 10px -10px -10px;}

.actual.button.blue,
a.btn.blue,
a.button.blue,
.button.blue input[type="submit"],
.button.blue input[type="reset"],
.button.blue input[type="button"] {
	background-color: #0a3e5f;
	border-color:  #0c4f76;
 	color: #fff; 
}
	
	.actual.button.blue:hover,
	a.btn.blue:hover,
	a.button.blue:hover,
	.button.blue:hover input[type="submit"],
	.button.blue:hover input[type="reset"],
	.button.blue:hover input[type="button"] {
	background-color: #008ac1;
	border-color:  #0787ba;
	}

.actual.button.lightblue,
a.btn.lightblue,
a.button.lightblue,
.button.lightblue input[type="submit"],
.button.lightblue input[type="reset"],
.button.lightblue input[type="button"] {
	color: #ffffff;
	background-color: #008ac1;
	border-color:  #0787ba;
}
	
	.actual.button.lightblue:hover,
	a.btn.lightblue:hover,
	a.button.lightblue:hover,
	.button.lightblue:hover input[type="submit"],
	.button.lightblue:hover input[type="reset"],
	.button.lightblue:hover input[type="button"]{
	  color: #ffffff;
	  border-color: #0c4f76;	
	  background-color: #0c4f76;
	}


.actual.button.green,	
a.btn.green,
a.button.green,
.button.green input[type="submit"],
.button.green input[type="reset"],
.button.green input[type="button"] {
	color: #ffffff;
	background-color: #84c528;
	border-color:  #70b70d;	
}
	
	.actual.button.green:hover,
	a.btn.green:hover,
	a.button.green:hover,
	.button.green:hover input[type="submit"],
	.button.green:hover input[type="reset"],
	.button.green:hover input[type="button"] {
		color: #ffffff;
		background-color: #69a01c;
		border-color:  #59920a;	
	}	


.actual.button.darkgreen,	
a.btn.darkgreen,
a.button.darkgreen,
.button.darkgreen input[type="submit"],
.button.darkgreen input[type="reset"],
.button.darkgreen input[type="button"] {
	color: #ffffff;
	background-color: #00ad58;
	border-color:  #13a65f;	
}
	
	.actual.button.darkgreen:hover,
	a.btn.darkgreen:hover,
	a.button.darkgreen:hover,
	.button.darkgreen:hover input[type="submit"],
	.button.darkgreen:hover input[type="reset"],
	.button.darkgreen:hover input[type="button"] {
		color: #ffffff;
		background-color: #04904a;
		border-color:  #107a45;	
	}	
.actual.button.grey,	
a.btn.grey,
a.button.grey,
.button.grey input[type="submit"],
.button.grey input[type="reset"],
.button.grey input[type="button"] {
  color: #ffffff;
  border-color: #778188;	
  background-color: #848f95;
}
	
	.actual.button.grey:hover,
	a.btn.grey:hover,
	a.button.grey:hover,
	.button.grey:hover input[type="submit"],
	.button.grey:hover input[type="reset"],
	.button.grey:hover input[type="button"]{
	  color: #fff; 
  	  border-color: #626670;	
	  background-color: #687680;
	}

.actual.button.purple,
a.btn.purple,
a.button.purple,
.button.purple input[type="submit"],
.button.purple input[type="reset"],
.button.purple input[type="button"] {
	background-color: #8e44ac;
	border-color:  #793296;
 	color: #fff; 
}
	
	.actual.button.purple:hover,
	a.btn.purple:hover,
	a.button.purple:hover,
	.button.purple:hover input[type="submit"],
	.button.purple:hover input[type="reset"],
	.button.purple:hover input[type="button"] {
	background-color: #6d3a85;
	border-color:  #623279;
	}
	
	
/** Social Media Buttons **/
.button span { color: white; }
.button .text { padding: 0; display: block; float: left; text-align: left; *padding-right:0px; }
.button .title { font-size: 16px; display: block;  }
.button .subtitle { margin-top: -6px; display: block; font-size: 11px; }
.relatedblogs .small.blue.button { padding-bottom: 8px; margin: 1px 0px 0px 5px; padding-left: 10px; padding-right: 10px; padding-top: 8px; }

.large.button .icon, .socialmedia.button .icon { display: block; float: left; width: 32px; height: 32px; margin: 3px 0 0 -7px; background-repeat: no-repeat;  }
.large.button span.right-arrow{ background:url(../../images/right-arrow.png) 0px 0px no-repeat; width:9px; height:17px; display:inline-block; float:right; margin: 2px -8px 0 18px; }

.button-description.right { float: left; font-style: italic; }
.button-description.right.small { margin: 9px 0 0 9px; font-size: 13px;  }
.button-description.right.medium { margin: 9px 0 0 9px; font-size: 16px;  }
.button-description.right.large { margin: 12px 0 0 12px;  }

.button.center { margin: 0 auto; }
.socialmedia.button .text { padding: 0 6px; margin: 2px 0 -2px 0; }
.socialmedia {margin-right:10px !important}
/* New Sidebar Treatment */
#new-features-sidebar { width: 200px; margin: -120px 32px 0 0; height: auto; margin-bottom: 18px; z-index:5; }
#new-features-sidebar .button.icon { width: 100%; margin-bottom: 8px; padding-right: 0; *padding-right:0px; }
#new-features-sidebar .button .text { padding-top: 7px; font-size: 16px; font-weight: bold; color: white; *padding-right:0px; }
#new-features-sidebar .button .icon { margin: 0 8px 0 -10px; }
.icon.seminar { background-image: url(../../images/icon-seminar.png); }
.icon.od { background-image: url(../../images/icon-od.png); }
.icon.requestquote { background-image: url(../../images/icon-quote.png); }
.icon.job { background-image: url(../../images/icon-job.png); padding:0 8px 1px 0; }
.button .job-text { padding: 0; display: block; float:left; text-align: left; padding-top:8px; *padding-right:0px;}