@charset "utf-8";
/* CSS Document */

.butCommon {
    border-radius: 3px;
    cursor: pointer;
	display:inline-block;
    padding:10px 20px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #333;	
    -webkit-text-shadow: 1px 1px 1px #333;
    -moz-text-shadow: 1px 1px 1px #333;
    -o-text-shadow: 1px 1px 1px #333;
    text-shadow: 1px 1px 1px #333;
}
.butCommon{
	text-decoration:none;
	color:#fff;
	line-height: 0px; 
}
.butCommon a:link{
	text-decoration:none;
	color:#fff;
	line-height: 20px; 
}
.butCommon a:hover { 
	text-decoration:none;
	color:#fff;
}
.butCommon a:visited {
	text-decoration:none; 
	color:#fff;
}
.greenButton {
	background-color:#73B10E;

}

   

 
.redDarkButton {
	background-color: hsl(0, 100%, 35%);
	border-color: hsl(0, 100%, 40%);	
}
.redDarkButton:hover {
	background-color: hsl(0, 100%, 40%);
	border-color: hsl(0, 100%, 35%);	
}

.redLightButton {
	background-color: hsl(0, 75%, 50%);
	border-color: hsl(0, 100%, 40%);		
}
.redLightButton:hover {
	background-color: hsl(0, 75%, 60%);
	border-color: hsl(0, 100%, 50%);		
}

.blueDarkButton {
	background-color: hsl(205, 100%, 33%);
	border-color: hsl(205, 100%, 43%);
}
.blueDarkButton:hover {
	background-color: hsl(205, 100%, 23%);
	border-color: hsl(205, 100%, 33%);	
} 

.blueLightButton {
	background-color: hsl(196, 85%, 57%);
	border-color: hsl(196, 85%, 67%);	
}
.blueLightButton:hover {
	background-color: hsl(196, 85%, 67%);
	border-color: hsl(196, 85%, 77%);	
} 

.orangeDarkButton {
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orangeDarkButton:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

.orangeLightButton {
	background-color: hsl(40, 89%, 67%);
	border-color: hsl(40, 89%, 77%);	
}
.orangeLightButton:hover {
	background-color: hsl(40, 89%, 77%);
	border-color: hsl(40, 89%, 87%);	
}


.greenDarkButton {
	background-color: hsl(120, 50%, 50%);
	border-color: hsl(120, 50%, 55%);	
}
.greenDarkButton:hover {
	background-color: hsl(120, 50%, 50%);
	border-color: hsl(120, 50%, 55%);	
}

.greenLightButton {
	background-color: hsl(77, 50%, 50%);
	border-color: hsl(77, 50%, 55%);
}
.greenLightButton:hover {
	background-color: hsl(77, 50%, 55%);
	border-color: hsl(77, 50%, 50%);
}
 
.pinkDarkButton {
	
}
.pinkDarkButton:hover {
	
}

.pinkLightButton {
	
}
.pinkLightButton:hover {
	
} 

.brownDarkButton {
	
}
.brownDarkButton:hover {
	
}

.brownLightButton {
	
}
.brownLightButton:hover {
	
}


.yellowDarkButton {
	
}
.yellowDarkButton:hover {
	
}

.yellowLightButton {
	
}
.yellowLightButton:hover {
	
}

.purpleDarkButton {
	
}
.purpleDarkButton:hover {
	
}

.purpleLightButton {
	
}
.purpleLightButton:hover {
	
}

.turquoiseDarkButton {
	
}
.turquoiseDarkButton:hover {
	
}

.turquoiseLightButton {
	
}
.turquoiseLightButton:hover {
	
}


.greyDarkButton {
	
}
.greyDarkButton:hover {
	
}
.greyLightButton a:link {
	color:#333;
	text-decoration:none;
}
.greyLightButton a:hover { 
	text-decoration:none;
	color:#333;
}
.greyLightButton a:visited {
	text-decoration:none; 
	color:#333;  
}
.greyLightButton {
    text-shadow: 1px 1px 1px #ccc;	
    -webkit-text-shadow: 1px 1px 1px #ccc;
    -moz-text-shadow: 1px 1px 1px #ccc;
    -o-text-shadow: 1px 1px 1px #ccc;
    text-shadow: 1px 1px 1px #ccc;
	border:1px solid #dcdcdc;
	color:#333;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	border:1px solid #dcdcdc;
}
.greyLightButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;	
}
 
.whiteButton {
	border:1px solid #dcdcdc;
	color:#333;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
}
.whiteButton:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;		
}