/*Push css3 buttons
Copyright (c) 2011 Arrowthemes.com
-------------------------------------------- */

/*A little house-keeping*/
input:focus, textarea:focus {outline: none;}
a:active, a:focus {outline: 0}

/*general css styling for buttons*/
.button, .red, .crimson, .orange, .yellow, .lime, .neon, .olive, .green, .lavender, .cyan, .blue, .darkblue, .bluegrey, .brown, .brownred, .lilac, .periwinkle, .purple, .pink, .grey, .black 
{font-size: 13px; cursor: pointer;
text-decoration: none;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-khtml-transition: all 0.1s linear;
transition: all 0.1s linear;
padding: 7px 13px;
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
-khtml-border-radius: 4px; 
o-border-radius: 4px; 
-ms-border-radius: 4px;
border-radius: 4px; 
behavior: url(css/PIE.htc);
position:relative;
}

/*input formating for css buttons*/
input.red, input.crimson, input.orange, input.yellow, input.lime, input.neon, input.olive, input.green, input.lavender, input.cyan, input.blue, input.darkblue, input.bluegrey, input.brown, input.brownred, input.lilac, input.purple, input.pink, input.grey, input.black, input.periwinkle{
height: 32px;
}

/*links formating for css buttons*/
a.red, a.red:hover, a.crimson, a.crimson:hover, a.orange, a.orange:hover, a.yellow, a.yellow:hover, a.lime, a.lime:hover, a.neon, a.neon:hover, a.olive, a.olive:hover, a.green, a.green:hover, a.lavender, a.lavender:hover, a.cyan, a.cyan:hover, a.blue, a.blue:hover, a.darkblue, a.darkblue:hover, a.bluegrey, a.bluegrey:hover,  a.brown, a.brown:hover, a.brownred, a.brownred:hover, a.lilac, a.lilac:hover, a.purple, a.purple:hover, a.pink, a.pink:hover, a.grey, a.grey:hover, a.black, a.black:hover, a.periwinkle, a.periwinkle:hover{
text-decoration: none; cursor: pointer;}

/*size formating for css buttons*/
.bold{font-weight: bold}
.small{font-size: 11px !important; padding: 4px 8px;}
.large{font-size: 20px!important; padding: 8px 11px !important;}
.x-large{font-size: 36px!important; padding: 10px 15px !important;}
.xx-large{font-size: 48px!important; padding: 12px 18px !important;}

/*shapes formating for css buttons*/

.normal:active{
-moz-transition: all 0 linear;
-webkit-transition: all 0 linear;
-o-transition: all 0 linear;
transition: all 0 linear;
-webkit-box-shadow: inset 0 1px 2px #6D6D6D !important;
-moz-box-shadow: inset 0 1px 2px #6D6D6D !important;
-o-box-shadow: inset 0 1px 2px #6D6D6D !important;
-ms-box-shadow: inset 0 1px 2px #6D6D6D !important;
-khtml-box-shadow: inset 0 1px 2px #6D6D6D !important;
box-shadow: inset 0 1px 2px #6D6D6D !important;
behavior: url(css/PIE.htc);
}

.round{
-moz-border-radius: 25px !important;
-webkit-border-radius: 25px !important;
-khtml-border-radius: 25px !important;
-o-border-radius: 25px !important;
-ms-border-radius: 25px !important;
border-radius: 25px !important;
behavior: url(css/PIE.htc);}

.r-bullet{
-moz-border-radius: 7px 20px 20px 7px !important;
-webkit-border-radius: 25px !important;
-khtml-border-radius: 25px !important;
-o-border-radius: 25px !important;
-ms-border-radius: 25px !important;
border-radius: 5px 20px 20px 5px !important;
behavior: url(css/PIE.htc);
}

.l-bullet{
-moz-border-radius: 20px 7px 7px 20px !important;
-webkit-border-radius: 25px !important;
-khtml-border-radius: 25px !important;
-o-border-radius: 25px !important;
-ms-border-radius: 25px !important;
border-radius: 20px 7px 7px 20px !important;
behavior: url(css/PIE.htc);
}

.box {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-o-border-radius: 0 !important;
-ms-border-radius: 0 !important;
-khtml-border-radius: 0 !important;
border-radius: 0 !important;}

.inset {
-o-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA !important;
-ms-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA !important;
-khtml-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA !important;
-webkit-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA !important;
-moz-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA !important;
box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA !important;
behavior: url(css/PIE.htc);
}

.cta{
    display: inline-block;
    height: auto;
    padding: 0 20px 4px;
    position: relative;
    width: auto;
}

.cta-title{
	float: left;
	display: inline-block;
    padding: 9px 13px 19px 0;
    position: relative;
	font-size: 24px !important;
}

.cta-tagline{
	display: inline-block;
    float: left;
    font-size: 11px;
    left: 0;
    padding: 36px 21px 0;
    position: absolute;
}

.showcase .cta span{margin: 0;}

/*color formating for css buttons*/

/*red color*/
.red{
border: 1px solid #EC5243; color: #ffffff; text-shadow: none;
background: #c21212;
background: -moz-linear-gradient(top, #c21212 0%, #ef3d29 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c21212), color-stop(100%,#ef3d29));
background: -webkit-linear-gradient(top, #c21212 0%,#ef3d29 100%);
background: -o-linear-gradient(top, #c21212 0%,#ef3d29 100%);
background: -ms-linear-gradient(top, #c21212 0%,#ef3d29 100%);
background: linear-gradient(top, #c21212 0%,#ef3d29 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #AF1111;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #AF1111;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #AF1111;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #AF1111;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #AF1111;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #AF1111;
}

.red:hover{
background: #de1414;
background: -moz-linear-gradient(top, #de1414 0%, #f1513f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de1414), color-stop(100%,#f1513f));
background: -webkit-linear-gradient(top, #de1414 0%,#f1513f 100%);
background: -o-linear-gradient(top, #de1414 0%,#f1513f 100%);
background: -ms-linear-gradient(top, #de1414 0%,#f1513f 100%);
-pie-background: linear-gradient(#de1414, #f1513f);
background: linear-gradient(top, #de1414 0%,#f1513f 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #de1414;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #de1414;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #de1414;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #de1414;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #de1414;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #de1414;
}

a.red, a.red:hover, a.red:active{color: #FFFFFF !important}

/*crimson color*/

.crimson{
border: 1px solid #D75B6D; color: #ffffff; text-shadow: none;
background: #ba2737;
background: -moz-linear-gradient(top, #ba2737 0%, #d24b5a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba2737), color-stop(100%,#d24b5a));
background: -webkit-linear-gradient(top, #ba2737 0%,#d24b5a 100%);
background: -o-linear-gradient(top, #ba2737 0%,#d24b5a 100%);
background: -ms-linear-gradient(top, #ba2737 0%,#d24b5a 100%);
-pie-background: linear-gradient(#ba2737, #d24b5a);
background: linear-gradient(top, #ba2737 0%,#d24b5a 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #AA2437;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #AA2437;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #AA2437;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #AA2437;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #AA2437;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #AA2437;
}

.crimson:hover {
background: #d22c3f;
background: -moz-linear-gradient(top, #d22c3f 0%, #d75d6c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d22c3f), color-stop(100%,#d75d6c));
background: -webkit-linear-gradient(top, #d22c3f 0%,#d75d6c 100%);
background: -o-linear-gradient(top, #d22c3f 0%,#d75d6c 100%);
background: -ms-linear-gradient(top, #d22c3f 0%,#d75d6c 100%);
-pie-background: linear-gradient(#d22c3f, #d75d6c);
background: linear-gradient(top, #d22c3f 0%,#d75d6c 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #d22c3f;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #d22c3f;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #d22c3f;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #d22c3f;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #d22c3f;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #d22c3f;
}

a.crimson, a.crimson:hover, a.crimson:active{color: #FFFFFF !important}

/*crimson color*/

.orange {
border: 1px solid #FFB65F; color: #ffffff; text-shadow: none;
background: #ff920a;
background: -moz-linear-gradient(top, #ff920a 0%, #ffaf4b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff920a), color-stop(100%,#ffaf4b));
background: -webkit-linear-gradient(top, #ff920a 0%,#ffaf4b 100%);
background: -o-linear-gradient(top, #ff920a 0%,#ffaf4b 100%);
background: -ms-linear-gradient(top, #ff920a 0%,#ffaf4b 100%);
-pie-background: linear-gradient(#ff920a, #ffaf4b);
background: linear-gradient(top, #ff920a 0%,#ffaf4b 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #F68500;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #F68500;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #F68500;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #F68500;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #F68500;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #F68500;
}

.orange:hover{
background: #ffa73b;
background: -moz-linear-gradient(top, #ffa73b 0%, #ffbe6f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa73b), color-stop(100%,#ffbe6f));
background: -webkit-linear-gradient(top, #ffa73b 0%,#ffbe6f 100%);
background: -o-linear-gradient(top, #ffa73b 0%,#ffbe6f 100%);
background: -ms-linear-gradient(top, #ffa73b 0%,#ffbe6f 100%);
-pie-background: linear-gradient(#ffa73b, #ffbe6f);
background: linear-gradient(top, #ffa73b 0%,#ffbe6f 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #ffa73b;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #ffa73b;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #ffa73b;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #ffa73b;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #ffa73b;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #ffa73b;
}

a.orange, a.orange:hover, a.orange:active{color: #FFFFFF !important}

/*yellow color*/

.yellow{
border: 1px solid #feb645; color: #404040; text-shadow: 0 1px #F0E9A1;
background: #feb645;
background: -moz-linear-gradient(top, #feb645 0%, #f1e767 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feb645), color-stop(100%,#f1e767));
background: -webkit-linear-gradient(top, #feb645 0%,#f1e767 100%);
background: -o-linear-gradient(top, #feb645 0%,#f1e767 100%);
background: -ms-linear-gradient(top, #feb645 0%,#f1e767 100%);
-pie-background: linear-gradient(#feb645, #f1e767);
background: linear-gradient(top, #feb645 0%,#f1e767 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #FEAF32;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #FEAF32;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #FEAF32;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #FEAF32;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #FEAF32;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #FEAF32;
}

.yellow:hover {
background: #fec66c;
background: -moz-linear-gradient(top, #fec66c 0%, #f4ed86 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec66c), color-stop(100%,#f4ed86));
background: -webkit-linear-gradient(top, #fec66c 0%,#f4ed86 100%);
background: -o-linear-gradient(top, #fec66c 0%,#f4ed86 100%);
background: -ms-linear-gradient(top, #fec66c 0%,#f4ed86 100%);
-pie-background: linear-gradient(#fec66c, #f4ed86);
background: linear-gradient(top, #fec66c 0%,#f4ed86 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #fec66c;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #fec66c;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #fec66c;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #fec66c;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #fec66c;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #fec66c;
behavior: url(PIE.htc);
}

a.yellow, a.yellow:hover, a.yellow:active{color: #404040 !important}

/*lime color*/

.lime{
border: 1px solid #c3d825; color: #355105; text-shadow: 0 1px #ECFFBA;
background: #c3d825;
background: -moz-linear-gradient(top, #c3d825 0%, #e6f0a3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3d825), color-stop(100%,#e6f0a3));
background: -webkit-linear-gradient(top, #c3d825 0%,#e6f0a3 100%);
background: -o-linear-gradient(top, #c3d825 0%,#e6f0a3 100%);
background: -ms-linear-gradient(top, #c3d825 0%,#e6f0a3 100%);
-pie-background: linear-gradient(#c3d825, #e6f0a3);
background: linear-gradient(top, #c3d825 0%,#e6f0a3 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #B2C723;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #B2C723;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #B2C723;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #B2C723;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #B2C723;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #B2C723;
}

.lime:hover{
background: #d0e151;
background: -moz-linear-gradient(top, #d0e151 0%, #ebf3b7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e151), color-stop(100%,#ebf3b7));
background: -webkit-linear-gradient(top, #d0e151 0%,#ebf3b7 100%);
background: -o-linear-gradient(top, #d0e151 0%,#ebf3b7 100%);
background: -ms-linear-gradient(top, #d0e151 0%,#ebf3b7 100%);
-pie-background: linear-gradient(#d0e151, #ebf3b7);
background: linear-gradient(top, #d0e151 0%,#ebf3b7 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #d0e151;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #d0e151;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #d0e151;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #d0e151;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #d0e151;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #d0e151;
}

a.lime, a.lime:hover, a.lime:active{color: #355105 !important}

/*neon color*/

.neon {
border: 1px solid #91e842; color: #355105; text-shadow: 0 1px #ECFFBA;
background: #91e842;
background: -moz-linear-gradient(top, #91e842 0%, #d2ff52 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91e842), color-stop(100%,#d2ff52));
background: -webkit-linear-gradient(top, #91e842 0%,#d2ff52 100%);
background: -o-linear-gradient(top, #91e842 0%,#d2ff52 100%);
background: -ms-linear-gradient(top, #91e842 0%,#d2ff52 100%);
-pie-background: linear-gradient(#91e842, #d2ff52);
background: linear-gradient(top, #91e842 0%,#d2ff52 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #86E630;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #86E630;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #86E630;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #86E630;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #86E630;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #86E630;}

.neon:hover{
background: #9eeb55;
background: -moz-linear-gradient(top, #9eeb55 0%, #d6ff65 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9eeb55), color-stop(100%,#d6ff65));
background: -webkit-linear-gradient(top, #9eeb55 0%,#d6ff65 100%);
background: -o-linear-gradient(top, #9eeb55 0%,#d6ff65 100%);
background: -ms-linear-gradient(top, #9eeb55 0%,#d6ff65 100%);
-pie-background: linear-gradient(#9eeb55, #d6ff65);
background: linear-gradient(top, #9eeb55 0%,#d6ff65 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #9eeb55;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #9eeb55;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #9eeb55;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #9eeb55;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #9eeb55;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #9eeb55;}

a.neon, a.neon:hover, a.neon:active{color: #355105 !important}

/*olive color*/

.olive{
border: 1px solid #9FAE4F; color: #FFFFFF; text-shadow: none;
background: #75890c;
background: -moz-linear-gradient(top, #75890c 0%, #a4b357 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75890c), color-stop(100%,#a4b357));
background: -webkit-linear-gradient(top, #75890c 0%,#a4b357 100%);
background: -o-linear-gradient(top, #75890c 0%,#a4b357 100%);
background: -ms-linear-gradient(top, #75890c 0%,#a4b357 100%);
-pie-background: linear-gradient(#75890c, #a4b357);
background: linear-gradient(top, #75890c 0%,#a4b357 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #67770B;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #67770B;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #67770B;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #67770B;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #67770B;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #67770B;}

.olive:hover{
background: #8fa90f;
background: -moz-linear-gradient(top, #8fa90f 0%, #adba68 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fa90f), color-stop(100%,#adba68));
background: -webkit-linear-gradient(top, #8fa90f 0%,#adba68 100%);
background: -o-linear-gradient(top, #8fa90f 0%,#adba68 100%);
background: -ms-linear-gradient(top, #8fa90f 0%,#adba68 100%);
-pie-background: linear-gradient(#8fa90f, #adba68);
background: linear-gradient(top, #8fa90f 0%,#adba68 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #8fa90f;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #8fa90f;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #8fa90f;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #8fa90f;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #8fa90f;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #8fa90f;
}

a.olive, a.olive:hover, a.olive:active{color: #FFFFFF !important}

/*green color*/

.green{
border: 1px solid #299a0b; color: #ffffff; text-shadow: none;
background: #299a0b;
background: -moz-linear-gradient(top, #299a0b 0%, #2db50e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(100%,#2db50e));
background: -webkit-linear-gradient(top, #299a0b 0%,#2db50e 100%);
background: -o-linear-gradient(top, #299a0b 0%,#2db50e 100%);
background: -ms-linear-gradient(top, #299a0b 0%,#2db50e 100%);
-pie-background: linear-gradient(#31c50f, #2eaa0c);
background: linear-gradient(top, #299a0b 0%,#2db50e 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #28880A;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #28880A;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #28880A;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #28880A;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #28880A;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #28880A;}

.green:hover{
background: #2eaa0c;
background: -moz-linear-gradient(top, #2eaa0c 0%, #31c50f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2eaa0c), color-stop(100%,#31c50f));
background: -webkit-linear-gradient(top, #2eaa0c 0%,#31c50f 100%);
background: -o-linear-gradient(top, #2eaa0c 0%,#31c50f 100%);
background: -ms-linear-gradient(top, #2eaa0c 0%,#31c50f 100%);
-pie-background: linear-gradient(#2eaa0c, #31c50f);
background: linear-gradient(top, #2eaa0c 0%,#31c50f 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #2eaa0c;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #2eaa0c;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #2eaa0c;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #2eaa0c;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #2eaa0c;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #2eaa0c;}

a.green, a.green:hover, a.green:active{color: #FFFFFF !important}

/*lavender color*/

.lavender {
border: 1px solid #98b0d9; color: #1F385D; text-shadow: 0 1px #DBE9FD;
background: #98b0d9;
background: -moz-linear-gradient(top, #98b0d9 0%, #c3d9ff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98b0d9), color-stop(100%,#c3d9ff));
background: -webkit-linear-gradient(top, #98b0d9 0%,#c3d9ff 100%);
background: -o-linear-gradient(top, #98b0d9 0%,#c3d9ff 100%);
background: -ms-linear-gradient(top, #98b0d9 0%,#c3d9ff 100%);
-pie-background: linear-gradient(#98b0d9, #c3d9ff);
background: linear-gradient(top, #98b0d9 0%,#c3d9ff 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #89A7D5;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #89A7D5;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #89A7D5;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #89A7D5;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #89A7D5;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #89A7D5;}

.lavender:hover {
background: #a3b8dd;
background: -moz-linear-gradient(top, #a3b8dd 0%, #c9ddff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3b8dd), color-stop(100%,#c9ddff));
background: -webkit-linear-gradient(top, #a3b8dd 0%,#c9ddff 100%);
background: -o-linear-gradient(top, #a3b8dd 0%,#c9ddff 100%);
background: -ms-linear-gradient(top, #a3b8dd 0%,#c9ddff 100%);
-pie-background: linear-gradient(#a3b8dd, #c9ddff);
background: linear-gradient(top, #a3b8dd 0%,#c9ddff 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #94AED8;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #94AED8;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #94AED8;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #94AED8;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #94AED8;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #94AED8;}

a.lavender, a.lavender:hover, a.lavender:active{color: #1F385D !important}

/*olive color*/

.cyan {
border: 1px solid #7FC0E1; color: #16445C; text-shadow: 0 1px #CBE5F3;
background: #7fc0e1;
background: -moz-linear-gradient(top, #7fc0e1 0%, #9fd0e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fc0e1), color-stop(100%,#9fd0e9));
background: -webkit-linear-gradient(top, #7fc0e1 0%,#9fd0e9 100%);
background: -o-linear-gradient(top, #7fc0e1 0%,#9fd0e9 100%);
background: -ms-linear-gradient(top, #7fc0e1 0%,#9fd0e9 100%);
-pie-background: linear-gradient(#7fc0e1, #9fd0e9);
background: linear-gradient(top, #7fc0e1 0%,#9fd0e9 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6EB8DE;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6EB8DE;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6EB8DE;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6EB8DE;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6EB8DE;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6EB8DE;}

.cyan:hover{
background: #99cde7;
background: -moz-linear-gradient(top, #99cde7 0%, #b3daed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99cde7), color-stop(100%,#b3daed));
background: -webkit-linear-gradient(top, #99cde7 0%,#b3daed 100%);
background: -o-linear-gradient(top, #99cde7 0%,#b3daed 100%);
background: -ms-linear-gradient(top, #99cde7 0%,#b3daed 100%);
-pie-background: linear-gradient(#99cde7, #b3daed);
background: linear-gradient(top, #99cde7 0%,#b3daed 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #99cde7;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #99cde7;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #99cde7;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #99cde7;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #99cde7;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #99cde7;}

a.cyan, a.cyan:hover, a.cyan:active{color: #16445C !important}

/*blue color*/

.blue{
border: 1px solid #0fb4e7; color: #064256; text-shadow: 0 1px #BBEEF9;
background: #0fb4e7;
background: -moz-linear-gradient(top, #0fb4e7 0%, #a9e4f7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0fb4e7), color-stop(100%,#a9e4f7));
background: -webkit-linear-gradient(top, #0fb4e7 0%,#a9e4f7 100%);
background: -o-linear-gradient(top, #0fb4e7 0%,#a9e4f7 100%);
background: -ms-linear-gradient(top, #0fb4e7 0%,#a9e4f7 100%);
-pie-background: linear-gradient(#0fb4e7, #a9e4f7);
background: linear-gradient(top, #0fb4e7 0%,#a9e4f7 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #0EA3D4;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #0EA3D4;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #0EA3D4;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #0EA3D4;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #0EA3D4;}

.blue:hover{
background: #38c7f2;
background: -moz-linear-gradient(top, #38c7f2 0%, #b9e9f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#38c7f2), color-stop(100%,#b9e9f9));
background: -webkit-linear-gradient(top, #38c7f2 0%,#b9e9f9 100%);
background: -o-linear-gradient(top, #38c7f2 0%,#b9e9f9 100%);
background: -ms-linear-gradient(top, #38c7f2 0%,#b9e9f9 100%);
-pie-background: linear-gradient(#38c7f2, #b9e9f9);
background: linear-gradient(top, #38c7f2 0%,#b9e9f9 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #38c7f2;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #38c7f2;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #38c7f2;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #38c7f2;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #38c7f2;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #38c7f2;
}

a.blue, a.blue:hover, a.blue:active{color: #16445C !important}

/*dark blue color*/

.darkblue{
border: 1px solid #448CD3; color: #FFFFFF; text-shadow: none;
background: #356aa0;
background: -moz-linear-gradient(top, #356aa0 0%, #4690db 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#356aa0), color-stop(100%,#4690db));
background: -webkit-linear-gradient(top, #356aa0 0%,#4690db 100%);
background: -o-linear-gradient(top, #356aa0 0%,#4690db 100%);
background: -ms-linear-gradient(top, #356aa0 0%,#4690db 100%);
-pie-background: linear-gradient(#356aa0, #4690db);
background: linear-gradient(top, #356aa0 0%,#4690db 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #316391;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #316391;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #316391;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #316391;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #316391;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #316391;}

.darkblue:hover{
background: #4281c0;
background: -moz-linear-gradient(top, #4281c0 0%, #63a2e1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4281c0), color-stop(100%,#63a2e1));
background: -webkit-linear-gradient(top, #4281c0 0%,#63a2e1 100%);
background: -o-linear-gradient(top, #4281c0 0%,#63a2e1 100%);
background: -ms-linear-gradient(top, #4281c0 0%,#63a2e1 100%);
-pie-background: linear-gradient(#4281c0, #63a2e1);
background: linear-gradient(top, #4281c0 0%,#63a2e1 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #4281c0;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #4281c0;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #4281c0;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #4281c0;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #4281c0;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #4281c0;
}

a.darkblue, a.darkblue:hover, a.darkblue:active{color: #FFFFFF !important}

/*dark blue color*/

.purple {
border: 1px solid #564b91; color: #FFFFFF; text-shadow: none;
background: #564b91;
background: -moz-linear-gradient(top, #564b91 0%, #8989ba 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#564b91), color-stop(100%,#8989ba));
background: -webkit-linear-gradient(top, #564b91 0%,#8989ba 100%);
background: -o-linear-gradient(top, #564b91 0%,#8989ba 100%);
background: -ms-linear-gradient(top, #564b91 0%,#8989ba 100%);
-pie-background: linear-gradient(#564b91, #8989ba);
background: linear-gradient(top, #564b91 0%,#8989ba 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #4F4583;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #4F4583;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #4F4583;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #4F4583;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #4F4583;}

.purple:hover{
background: #7166b0;
background: -moz-linear-gradient(top, #7166b0 0%, #a2a2c8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7166b0), color-stop(100%,#a2a2c8));
background: -webkit-linear-gradient(top, #7166b0 0%,#a2a2c8 100%);
background: -o-linear-gradient(top, #7166b0 0%,#a2a2c8 100%);
background: -ms-linear-gradient(top, #7166b0 0%,#a2a2c8 100%);
-pie-background: linear-gradient(#7166b0, #a2a2c8);
background: linear-gradient(top, #7166b0 0%,#a2a2c8 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #7166b0;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #7166b0;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #7166b0;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #7166b0;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #7166b0;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #7166b0;}

a.purple, a.purple:hover, a.purple:active{color: #FFFFFF !important}

/*periwinkle color*/

.periwinkle {
border: 1px solid #576cb7; color: #ffffff; text-shadow: none;
background: #a5269d;
background: -moz-linear-gradient(top, #a5269d 0%, #576cb7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5269d), color-stop(100%,#576cb7));
background: -webkit-linear-gradient(top, #a5269d 0%,#576cb7 100%);
background: -o-linear-gradient(top, #a5269d 0%,#576cb7 100%);
background: -ms-linear-gradient(top, #a5269d 0%,#576cb7 100%);
-pie-background: linear-gradient(#a5269d, #576cb7);
background: linear-gradient(top, #a5269d 0%,#576cb7 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #415395;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #415395;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #415395;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #415395;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #415395;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #415395;}

.periwinkle:hover{
background: #be2cb5;
background: -moz-linear-gradient(top, #be2cb5 0%, #687bbe 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#be2cb5), color-stop(100%,#687bbe));
background: -webkit-linear-gradient(top, #be2cb5 0%,#687bbe 100%);
background: -o-linear-gradient(top, #be2cb5 0%,#687bbe 100%);
background: -ms-linear-gradient(top, #be2cb5 0%,#687bbe 100%);
-pie-background: linear-gradient(#be2cb5, #687bbe);
background: linear-gradient(top, #be2cb5 0%,#687bbe 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #687bbe;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #687bbe;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #687bbe;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #687bbe;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #687bbe;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #687bbe;}

a.periwinkle, a.periwinkle:hover, a.periwinkle:active{color: #FFFFFF !important}

/*lilac color*/

.lilac {
border: 1px solid #a849a3; color: #FFFFFF; text-shadow: none;
background: #a849a3;
background: -moz-linear-gradient(top, #a849a3 0%, #e570e7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a849a3), color-stop(100%,#e570e7));
background: -webkit-linear-gradient(top, #a849a3 0%,#e570e7 100%);
background: -o-linear-gradient(top, #a849a3 0%,#e570e7 100%);
background: -ms-linear-gradient(top, #a849a3 0%,#e570e7 100%);
-pie-background: linear-gradient(#a849a3, #e570e7);
background: linear-gradient(top, #a849a3 0%,#e570e7 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #9A4495;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #9A4495;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #9A4495;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #9A4495;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #9A4495;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #9A4495;
}

.lilac:hover{
background: #ba60b6;
background: -moz-linear-gradient(top, #ba60b6 0%, #e985eb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba60b6), color-stop(100%,#e985eb));
background: -webkit-linear-gradient(top, #ba60b6 0%,#e985eb 100%);
background: -o-linear-gradient(top, #ba60b6 0%,#e985eb 100%);
background: -ms-linear-gradient(top, #ba60b6 0%,#e985eb 100%);
-pie-background: linear-gradient(#ba60b6, #e985eb);
background: linear-gradient(top, #ba60b6 0%,#e985eb 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #ba60b6;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #ba60b6;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #ba60b6;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #ba60b6;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #ba60b6;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #ba60b6;
}

a.lilac, a.lilac:hover, a.lilac:active{color: #FFFFFF !important}

/*pink color*/

.pink{
border: 1px solid #ef017c; color: #FFFFFF; text-shadow: none;
background: #ef017c;
background: -moz-linear-gradient(top, #ef017c 0%, #ff5db1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef017c), color-stop(100%,#ff5db1));
background: -webkit-linear-gradient(top, #ef017c 0%,#ff5db1 100%);
background: -o-linear-gradient(top, #ef017c 0%,#ff5db1 100%);
background: -ms-linear-gradient(top, #ef017c 0%,#ff5db1 100%);
-pie-background: linear-gradient(#ef017c, #ff5db1);
background: linear-gradient(top, #ef017c 0%,#ff5db1 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #DB0172;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #DB0172;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #DB0172;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #DB0172;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #DB0172;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #DB0172;}

.pink:hover{
background: #fe1a90;
background: -moz-linear-gradient(top, #fe1a90 0%, #ff75bc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe1a90), color-stop(100%,#ff75bc));
background: -webkit-linear-gradient(top, #fe1a90 0%,#ff75bc 100%);
background: -o-linear-gradient(top, #fe1a90 0%,#ff75bc 100%);
background: -ms-linear-gradient(top, #fe1a90 0%,#ff75bc 100%);
-pie-background: linear-gradient(#ef017c, #ff5db1);
background: linear-gradient(top, #fe1a90 0%,#ff75bc 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #fe1a90;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #fe1a90;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #fe1a90;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #fe1a90;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #fe1a90;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #fe1a90;
}

a.pink, a.pink:hover, a.pink:active{color: #FFFFFF !important}

/*brown color*/

.brown {
border: 1px solid #b5853d; color: #ffffff; text-shadow: none;
background: #b27923;
background: -moz-linear-gradient(top, #b27923 0%, #bf8e44 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b27923), color-stop(100%,#bf8e44));
background: -webkit-linear-gradient(top, #b27923 0%,#bf8e44 100%);
background: -o-linear-gradient(top, #b27923 0%,#bf8e44 100%);
background: -ms-linear-gradient(top, #b27923 0%,#bf8e44 100%);
-pie-background: linear-gradient(#b27923, #bf8e44);
background: linear-gradient(top, #b27923 0%,#bf8e44 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #A27020;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #A27020;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #A27020;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #A27020;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #A27020;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #A27020;}

.brown:hover{
background: #ca8928;
background: -moz-linear-gradient(top, #ca8928 0%, #c69a58 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca8928), color-stop(100%,#c69a58));
background: -webkit-linear-gradient(top, #ca8928 0%,#c69a58 100%);
background: -o-linear-gradient(top, #ca8928 0%,#c69a58 100%);
background: -ms-linear-gradient(top, #ca8928 0%,#c69a58 100%);
-pie-background: linear-gradient(#ca8928, #c69a58);
background: linear-gradient(top, #ca8928 0%,#c69a58 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #ca8928;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #ca8928;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #ca8928;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #ca8928;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #ca8928;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #ca8928;
}

a.brown, a.brown:hover, a.brown:active{color: #FFFFFF !important}

/*brown red color*/

.brownred{
border: 1px solid #940023; color: #ffffff; text-shadow: none;
background: #6d0019;
background: -moz-linear-gradient(top, #6d0019 0%, #a90329 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d0019), color-stop(100%,#a90329));
background: -webkit-linear-gradient(top, #6d0019 0%,#a90329 100%);
background: -o-linear-gradient(top, #6d0019 0%,#a90329 100%);
background: -ms-linear-gradient(top, #6d0019 0%,#a90329 100%);
-pie-background: linear-gradient(#6d0019, #a90329);
background: linear-gradient(top, #6d0019 0%,#a90329 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #5A0015;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #5A0015;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #5A0015;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #5A0015;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #5A0015;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #5A0015;
}

.brownred:hover{
background: #960023;
background: -moz-linear-gradient(top, #960023 0%, #ca0432 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#960023), color-stop(100%,#ca0432));
background: -webkit-linear-gradient(top, #960023 0%,#ca0432 100%);
background: -o-linear-gradient(top, #960023 0%,#ca0432 100%);
background: -ms-linear-gradient(top, #960023 0%,#ca0432 100%);
-pie-background: linear-gradient(#960023, #ca0432);
background: linear-gradient(top, #960023 0%,#ca0432 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #960023;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #960023;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #960023;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #960023;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #960023;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #960023;}

a.brownred, a.brownred:hover, a.brownred:active{color: #FFFFFF !important}

/*grey color*/

.grey{
border: 1px solid #949494; color: #FFF; text-shadow: none;
background: #818181;
background: -moz-linear-gradient(top, #818181 0%, #969696 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#818181), color-stop(100%,#969696));
background: -webkit-linear-gradient(top, #818181 0%,#969696 100%);
background: -o-linear-gradient(top, #818181 0%,#969696 100%);
background: -ms-linear-gradient(top, #818181 0%,#969696 100%);
-pie-background: linear-gradient(#818181, #969696);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#969696',GradientType=0 );
background: linear-gradient(top, #818181 0%,#969696 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #777777;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #777777;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #777777;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #777777;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #777777;
}

.grey:hover{
background: #8e8e8e;
background: -moz-linear-gradient(top, #8e8e8e 0%, #a1a1a1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e8e8e), color-stop(100%,#a1a1a1));
background: -webkit-linear-gradient(top, #8e8e8e 0%,#a1a1a1 100%);
background: -o-linear-gradient(top, #8e8e8e 0%,#a1a1a1 100%);
background: -ms-linear-gradient(top, #8e8e8e 0%,#a1a1a1 100%);
-pie-background: linear-gradient(#8e8e8e, #a1a1a1);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#a1a1a1',GradientType=0 );
background: linear-gradient(top, #8e8e8e 0%,#a1a1a1 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #8e8e8e;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #8e8e8e;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #8e8e8e;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #8e8e8e;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #8e8e8e;
}

a.grey, a.grey:hover, a.grey:active{color: #FFFFFF !important}

/*blue grey color*/

.bluegrey{
border: 1px solid #708690; color: #FFFFFF; text-shadow: none;
background: #596a72;
background: -moz-linear-gradient(top, #596a72 0%, #a7b3ba 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#596a72), color-stop(100%,#a7b3ba));
background: -webkit-linear-gradient(top, #596a72 0%,#a7b3ba 100%);
background: -o-linear-gradient(top, #596a72 0%,#a7b3ba 100%);
background: -ms-linear-gradient(top, #596a72 0%,#a7b3ba 100%);
-pie-background: linear-gradient(#596a72, #a7b3ba);
background: linear-gradient(top, #596a72 0%,#a7b3ba 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #516067;}

.bluegrey:hover{
background: #6e838c;
background: -moz-linear-gradient(top, #6e838c 0%, #b5bfc5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6e838c), color-stop(100%,#b5bfc5));
background: -webkit-linear-gradient(top, #6e838c 0%,#b5bfc5 100%);
background: -o-linear-gradient(top, #6e838c 0%,#b5bfc5 100%);
background: -ms-linear-gradient(top, #6e838c 0%,#b5bfc5 100%);
-pie-background: linear-gradient(#6e838c, #b5bfc5);
background: linear-gradient(top, #6e838c 0%,#b5bfc5 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6e838c;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6e838c;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6e838c;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6e838c;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6e838c;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #6e838c;
}

a.bluegrey, a.bluegrey:hover, a.bluegrey:active{color: #FFFFFF !important}

/*black color*/

.black{
border: 1px solid #0A0A0A; color: #ffffff; text-shadow: none;
background: #0A0A0A;
background: -moz-linear-gradient(top, #0A0A0A 0%, #45484d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0A0A0A), color-stop(100%,#45484d));
background: -webkit-linear-gradient(top, #0A0A0A 0%,#45484d 100%);
background: -o-linear-gradient(top, #0A0A0A 0%,#45484d 100%);
background: -ms-linear-gradient(top, #0A0A0A 0%,#45484d 100%);
-pie-background: linear-gradient(#0A0A0A, #45484d);
background: linear-gradient(top, #0A0A0A 0%,#45484d 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #000000;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #000000;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #000000;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #000000;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #000000;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #000000;}

.black:hover{
background: #1a1a1a;
background: -moz-linear-gradient(top, #1a1a1a 0%, #565a60 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a1a1a), color-stop(100%,#565a60));
background: -webkit-linear-gradient(top, #1a1a1a 0%,#565a60 100%);
background: -o-linear-gradient(top, #1a1a1a 0%,#565a60 100%);
background: -ms-linear-gradient(top, #1a1a1a 0%,#565a60 100%);
-pie-background: linear-gradient(#1a1a1a, #565a60);
background: linear-gradient(top, #1a1a1a 0%,#565a60 100%);
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #1a1a1a;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #1a1a1a;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #1a1a1a;
-ms-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #1a1a1a;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #1a1a1a;
box-shadow: inset 0 0 1px #FFFFFF,  0 4px 0 #1a1a1a;}
a.black, a.black:hover, a.black:active{color: #FFFFFF !important}
/*end of color formating*/

/*button active effect for css buttons*/

.button:active, .red:active, .crimson:active, .orange:active, .yellow:active, .lime:active, .neon:active, .olive:active, .green:active, .lavender:active, .cyan:active, .blue:active, .darkblue:active, .bluegrey:active, .brown:active, .brownred:active, .lilac:active, .periwinkle:active, .purple:active, .pink:active, .grey:active, .black:active{
position: relative;
top: 4px;
-o-box-shadow: inset 0 0 1px #FFFFFF,  0 0 0 #FFFFFF !important;
-webkit-box-shadow: inset 0 0 1px #FFFFFF,  0 0 0 #FFFFFF !important;
-moz-box-shadow: inset 0 0 1px #FFFFFF,  0 0 0 #FFFFFF !important;
-khtml-box-shadow: inset 0 0 1px #FFFFFF,  0 0 0 #FFFFFF !important;
box-shadow: inset 0 0 1px #FFFFFF,  0 0 0 #FFFFFF !important;
-moz-transition: all 0 linear !important; 
-webkit-transition: all 0 linear !important;
-o-transition: all 0 linear !important;
transition: all 0 linear !important;
behavior: url(PIE.htc);
}

/*button hover effect for css buttons*/
.button:hover, .red:hover, .crimson:hover, .orange:hover, .yellow:hover, .lime:hover, .neon:hover, .olive:hover, .green:hover, .lavender:hover, .cyan:hover, .blue:hover, .darkblue:hover, .bluegrey:hover, .brown:hover, .brownred:hover, .lilac:hover, .periwinkle:hover, .purple:hover, .pink:hover, .grey:hover, .black:hover
{text-decoration: none;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
behavior: url(PIE.htc);
}

.disabled, .disabled:hover{cursor: no-drop;
border: 1px solid #EBEBEB; color: #BBBBBB;
background: #fdfdfd;
background: -moz-linear-gradient(top,  #fdfdfd 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #fdfdfd 0%,#efefef 100%);
background: -o-linear-gradient(top,  #fdfdfd 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #fdfdfd 0%,#efefef 100%);
background: linear-gradient(top,  #fdfdfd 0%,#efefef 100%);
-pie-background: linear-gradient(#fdfdfd, #efefef);
text-shadow: 0 2px 0 #FFFFFF;
-o-box-shadow: 0 1px 0 #FFFFFF, inset 0 0 1px #FFFFFF,  0 4px 0 #efefef;
-webkit-box-shadow: 0 1px 0 #FFFFFF, inset 0 0 1px #FFFFFF,  0 4px 0 #efefef;
-moz-box-shadow: 0 1px 0 #FFFFFF, inset 0 0 1px #FFFFFF,  0 4px 0 #efefef;
-ms-box-shadow: 0 1px 0 #FFFFFF, inset 0 0 1px #FFFFFF,  0 4px 0 #efefef;
-khtml-box-shadow: 0 1px 0 #FFFFFF, inset 0 0 1px #FFFFFF,  0 4px 0 #efefef;
box-shadow: 0 1px 0 #FFFFFF, inset 0 0 1px #FFFFFF,  0 4px 0 #efefef;
}

.disabled:active{top: 0}

/*icons*/
div span.icon {margin:10px 20px 10px 0}
.refresh, .mail, .inbox, .previous, .next, .browse, .stats, .user, .settings, .delete, .tour, .downloads, .bookmark, .contacts, .save, .calendar, .select, .customize, .question, .typography{display: inline-block; height: 16px; margin: -2px 5px -3px 5px; position: relative; width: 16px;}
.refresh {background: url(icons/refresh.png) 0 0 no-repeat;}
.browse {background: url(icons/browse.png) 0 0 no-repeat;}
.mail {background: url(icons/mail.png) 0 0 no-repeat;}
.inbox {background: url(icons/inbox.png) 0 0 no-repeat;}
.previous {background: url(icons/previous.png) 0 0 no-repeat;}
.next {background: url(icons/next.png) 0 0 no-repeat;}
.stats {background: url(icons/stats.png) 0 0 no-repeat;}
.delete {background: url(icons/delete.png) 0 0 no-repeat;}
.user {background: url(icons/user.png) 0 0 no-repeat;}
.settings {background: url(icons/settings.png) 0 0 no-repeat;}
.tour {background: url(icons/tour.png) 0 0 no-repeat;}
.downloads {background: url(icons/download.png) 0 0 no-repeat;}
.bookmark {background: url(icons/bookmark.png) 0 0 no-repeat;}
.contacts {background: url(icons/contacts.png) 0 0 no-repeat;}
.save {background: url(icons/save.png) 0 0 no-repeat;}
.calendar {background: url(icons/calendar.png) 0 0 no-repeat;}
.select {background: url(icons/select.png) 0 0 no-repeat;}
.customize {background: url(icons/customize.png) 0 0 no-repeat;}
.question {background: url(icons/question.png) 0 0 no-repeat;}
.typography {background: url(icons/typography.png) 0 0 no-repeat;}
/*end*/