.a-btn{
    background:#a9db80;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#a9db80,0),color-stop(#96c56f,1));
    background:-webkit-linear-gradient(top, #a9db80 0%, #96c56f 100%);
    background:-moz-linear-gradient(top, #a9db80 0%, #96c56f 100%);
    background:-o-linear-gradient(top, #a9db80 0%, #96c56f 100%);
    background:linear-gradient(top, #a9db80 0%, #96c56f 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 );
    padding-left:60px;
    padding-right:65px;
    height:54px;
    display:inline-block;
    position:relative;
    border:1px solid #80ab5d;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    float:left;
    clear:both;
    margin:0px 0px;
    overflow:hidden;
    -webkit-transition:box-shadow 0.3s ease-in-out;
    -moz-transition:box-shadow 0.3s ease-in-out;
    -o-transition:box-shadow 0.3s ease-in-out;
    transition:box-shadow 0.3s ease-in-out;

    text-decoration: none;
    color: rgba(255,255,255,1);
	
}

.a-btn img{
    position:absolute;
    left:5px;
    top:0px;
    width:52px;
    height:52px;
    border:none;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;

}

.a-btn .a-btn-slide-text{
    position:absolute;
    font-size:20px;
    top:9px;
    left:8px;
    color:#6d954e;
    opacity:0;
    text-shadow:0px 1px 1px rgba(255,255,255,0.4);
    -webkit-transition:opacity 0.2s ease-in-out;
    -moz-transition:opacity 0.2s ease-in-out;
    -o-transition:opacity 0.2s ease-in-out;
    transition:opacity 0.2s ease-in-out;
}

.a-btn-text{
    border-left:1px solid #80ab5d;
	line-height: 26px;
    margin: 0px 2px;
    padding-top:10px;
    padding-left:4px;
    display:block;
    font-size:18px;
    text-shadow:2px 1px 1px #80ab5d;
    color:rgba(255,255,255,1.0);

}

.a-btn-text small{
    margin: -5px 2px;
    color:rgba(0,120,0,1);
    display:block;
    text-align: center;
    font-size:14px;
    letter-spacing:2px;
}


.a-btn-icon-right{

    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:60px;
    border-left:1px solid #80ab5d;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}

.a-btn-icon-right span{

    position:absolute;
    left:45%;
    top:47%;
    width:44px;
    height:44px;
    opacity:0.7;
    -webkit-border-radius:30px;
    -moz-border-radius:20px;
    border-radius:30px;

    margin:-20px 0px 0px -20px;
    border:1px solid rgba(0,0,0,0.3);
    background:#4e5c50 url(../images/Download.png)

    no-repeat center center;

    background-size: 120% 120%;
    background-repeat: no-repeat;


    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
    box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}


.a-btn-icon-right:hover span{

    opacity:0;
}

.a-btn:hover{
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
}

.a-btn:hover img{

    -webkit-transform:scale(10);
    -moz-transform:scale(10);
    -ms-transform:scale(10);
    -o-transform:scale(10);
    transform:scale(10);
    opacity:0;
}

.a-btn:hover .a-btn-slide-text,
.a-btn:hover .a-btn-icon-right span{

    opacity:1;
    -webkit-transform:scale(1.09);
    -moz-transform:scale(1.09);
    -ms-transform:scale(1.09);
    -o-transform:scale(1.09);
    transform:scale(1.09);
}

.a-btn:active{

    position:relative;
    top:1px;
    background:#80ab5d;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#a9db80;
}





.mborder {
    background-color: #f8f8f8;
    border: 1px solid #c8c8c8;
    border-radius: 5px;	
}

.mborder2 {
	
    /*background-color: #f8f8f8;
    border: 6px solid #EEEEEE;
    border-radius: 5px;
	
	*/
	
    box-shadow: 0px 0px 10px 0px grey;
	
    background-color:   #f2f2f2;
    border: 1px solid #e6e6e6;
	border-radius: 5px;
	
	margin:6px 0px;
	padding: 4px;

}

.speech-bubble2 {
    background-color: #f8f8f8;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    text-align: center;
    height: 60px;
	margin:6px 0px;
	padding: 10px;
}

.speech-bubble {
    background-color: #f8f8f8;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    text-align: center;
    height: 110px;
	margin:6px 0px;
	padding: 10px;
}

table.mytable { 
    background-color: #f8f8f8; 
	border: 1px solid #c8c8c8;
}
table.mytable  th, table.mytable td{
    border: 1px solid #c8c8c8;
}

.mborder3 {
    background-color: #f8f8f8;
    border: 1px solid #c8c8c8;
    border-radius: 5px;	
	width:190px;
	height:165px;
	float: left;
	padding: 4px;
	margin:0px 4px 5px 0px;
}


.icon 
{
float:left;
margin:30px 5px 15px 15px;
overflow:hidden; /* this is important */
border:0px solid #ccc;
border-radius: 5%;
box-shadow: 0px 0px 4px 1px grey;

-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;

}

.icon div
{
position: absolute;
width:300px;
color: white;
text-align: center;
text-shadow: 2px 1px 2px black, 0 0 4px black;
z-index: 1;
margin:5px;5px;
}

.icon img
{
width:300px;
height:260px;	

margin:-32px 0px -32px 0px;

-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
 transition: all 0.4s ease;
}

.icon img:hover 
{

-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.25);
}

.icon:hover 
{
border-radius: 15%;

box-shadow: 0px 0px 6px 1px black;
}


