﻿

.forwindowsmac {
	font-size:10px;
	margin:0;
	padding:0;
	font-weight:normal !important;
	letter-spacing:1px;
}



/** Button-content */
 	.button-content {
	display: block;
	width:90%;
	margin:5px auto 20px auto;
	padding:5px 5px 5px 5px;
	text-align:center;
	border: none;
	font-size:20px;
	line-height:25px;
	cursor: pointer;
	opacity: 0.9;
	color:#fff;
	letter-spacing:1px;
	text-shadow: 1px 2px 3px rgba(0,0,0,0.5);
	text-decoration:none !important;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow:0px 3px 0px 0px #5a5a5a, 0px 4px 5px #a4a4a4;
	-moz-box-shadow:0px 3px 0px 0px #5a5a5a, 0px 4px 5px #a4a4a4;
	-o-box-shadow:0px 3px 0px 0px #5a5a5a, 0px 4px 5px #a4a4a4;
	box-shadow:0px 3px 0px 0px #5a5a5a, 0px 4px 5px #a4a4a4;

}

.button-content a{ text-decoration:none !important;}

.big { width:90% !important;}
/** Buttons */
 	.button {
	display: block;
	width:60%;
	margin:5px auto 0 auto;
	padding:5px 5px 5px 5px;
	text-align:center;
	border: none;
	font-size:20px;
	line-height:25px;
	cursor: pointer;
	opacity: 0.9;
	color:#fff;
	letter-spacing:1px;
	text-shadow: 1px 2px 3px rgba(0,0,0,0.5);
	text-decoration:none !important;

  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow:0px 5px 0px 0px #005b22, 0px 10px 5px #005b22;
	-moz-box-shadow:0px 5px 0px 0px #005b22, 0px 10px 5px #005b22;
	-o-box-shadow:0px 5px 0px 0px #005b22, 0px 10px 5px #005b22;
	box-shadow:0px 5px 0px 0px #005b22, 0px 10px 5px #005b22;
}



.button a{ text-decoration:none !important;}

.windows span {
	background:url(../images/winicon.png) 2px 0px no-repeat;
	float:left;
	height:35px;
	width:32px;
	margin:0 !important;
	padding:0 !important;
}


.mac span {
	background:url(../images/macicon.png) 2px 0px no-repeat;
	float:left;
	height:30px;
	width:35px;
	margin:0 !important;
	padding:0 !important;
}


.dicon sup {
	background:url(../images/downloadicon.png) 3px 0px no-repeat;
	float:right;
	height:35px;
	width:27px;
	margin:0 !important;
	padding:0 !important;
}


.bicon sup {
	background:url(../images/buyicon.png) 3px 0px no-repeat;
	float:right;
	height:35px;
	width:30px;
	margin:0 !important;
	padding:0 !important;
}




.button-content .button, .green {
	border:1px solid #5da601;
background:#5ea700;
}

.button-content .button, .blue {
border:1px solid #0064b9;
background:#1287ea;
}

/** (Comment if you don't like border on hover) */
.blue:hover { background: #0069ac; 
  -webkit-box-shadow:0px 3px 0px 0px #0b518d, 0px 4px 5px #6cafe8;
	-moz-box-shadow:0px 3px 0px 0px #0b518d, 0px 4px 5px #6cafe8;
	-o-box-shadow:0px 3px 0px 0px #0b518d, 0px 4px 5px #6cafe8;
	box-shadow:0px 3px 0px 0px #0b518d, 0px 4px 5px #6cafe8;}
	
.green:hover { background:#71ae00;
  -webkit-box-shadow:0px 3px 0px 0px #005b22, 0px 4px 5px #005b22;
	-moz-box-shadow:0px 3px 0px 0px #005b22, 0px 4px 5px #005b22;
	-o-box-shadow:0px 3px 0px 0px #005b22, 0px 4px 5px #005b22;
	box-shadow:0px 3px 0px 0px #005b22, 0px 4px 5px #005b22; }



 @media print, screen and (min-width:960px) and (max-width:1199px) {
	
	/** Buttons */
 	.button {
display: block;
width:90%;
font-size:16px;
}

.button-content{
display: block;
width:80%;
font-size:16px;
} 
 
 
}
 @media only screen and (min-width: 768px) and (max-width: 959px) {
	
	/** Buttons */
 	.button {
display: block;
width:80%;
margin:5px auto;
padding:6px 50px 9px 5px;
text-align: left;
border: none;
font-size:12px;
line-height:13px;
cursor: pointer;
opacity: 0.9;
color:#FFF
}
 
.button-content {
display: block;
width:90%;
margin:5px auto;
padding:6px 50px 9px 5px;
text-align: left;
border: none;
font-size:12px;
line-height:13px;
cursor: pointer;
opacity: 0.9;
color:#FFF
}
 
 
}



@media only screen and (min-width:220px) and (max-width:680px) {
	
	.button {
	display: block;
	width:85%;
	margin:5px auto 0 auto;
	padding:5px 5px 5px 5px;
	text-align:center;
	border: none;
	font-size:20px;
	line-height:25px;
	cursor: pointer;
	opacity: 0.9;
	color:#fff;
	letter-spacing:1px;
	text-shadow: 1px 2px 3px rgba(0,0,0,0.5);
	text-decoration:none !important;

  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow:0px 5px 0px 0px #005b22, 0px 10px 5px #005b22;
	-moz-box-shadow:0px 5px 0px 0px #005b22, 0px 10px 5px #005b22;
	-o-box-shadow:0px 5px 0px 0px #005b22, 0px 10px 5px #005b22;
	box-shadow:0px 5px 0px 0px #005b22, 0px 10px 5px #005b22;
}
	
	}