.cssbutton, .cssbutton:visited, .formsubmit, .formsubmit:visited {
/* background: #222 url(/images/alert-overlay.png) repeat-x; */
display: inline-block; 
padding: 8px 14px 9px;
color: #fff; 
background-color: #888;
text-decoration: none;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);  
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
-webkit-appearance: none;
}

.cssbutton:hover { 
background-color: #777; color: #fff; 
}

.cssbutton:active { 
top: 1px; 
}	

.small.cssbutton, .small.cssbutton:visited {
font-size: 11px; padding: 8px 14px 9px;  
}

.cssbutton, .cssbutton:visited, .medium.cssbutton, .medium.cssbutton:visited, .formsubmit { 
border:0;
font-size: 13px; font-weight: bold; text-align:center; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
}

.large.cssbutton, .large.cssbutton:visited, .formsubmit { 
font-size: 14px; padding: 8px 14px 9px; 
}	

.green.cssbutton, .green.cssbutton:visited, .formsubmit, .formsubmit:visited { 
background-color: #91bd09; 
}

.green.cssbutton:hover, .formsubmit:hover { 
	background-color: #749a02; 
}

.blue .cssbutton, .blue.cssbutton:visited { 
background-color: #2daebf; 
}

.blue .cssbutton:hover { 
background-color: #007d9a; 
}

.red .cssbutton, .red.cssbutton:visited { 
background-color: #e33100; 
}

.red .cssbutton:hover { 
background-color: #872300; 
}

.magenta .cssbutton, .magenta.cssbutton:visited {
background-color: #a9014b; 
}

.magenta .cssbutton:hover { 
background-color: #630030; 
}

.orange .cssbutton, .orange.cssbutton:visited { 
background-color: #b48282; 
}

.orange .cssbutton:hover { 
background-color: #694b4b; 
}

.yellow .cssbutton, .yellow.cssbutton:visited { 
background-color: #ffb515; 
}

.yellow .cssbutton:hover {
background-color: #fc9200; 
}

#tinybox {
position:absolute; 
display:none; 
padding:10px; 
background:#fff url(/images/preload.gif) no-repeat 50% 50%; 
border:5px solid #e3e3e3; 
z-index:2000
}

#tinymask {
position:absolute; 
display:none; 
top:0; 
left:0; 
height:100%; 
width:100%; 
background:#e3e3e3; 
z-index:1500;
}
#tinycontent {
background:#fff
}


/* Shared styles */
        
.drop-shadow {
position:relative;
float:left;
width:40%;    
padding:1em; 
margin:0em 10px 4em; 
background:#fff;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before,
.drop-shadow:after {
content:"";
position:absolute; 
z-index:-2;
}
        
.drop-shadow p {
font-size:16px;
font-weight:bold;
}
        
        
/* Raised shadow - no pseudo-elements needed */
        
.raised {
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}