/*Elitepack bright 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, .purple, .pink, .grey, .black, .periwinkle 
{font-size: 13px; cursor: pointer;
text-decoration: none;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
padding: 7px 13px;
-webkit-box-shadow: inset 0 1px 2px #F0F0F0,  0 0 5px #BABABA;
-moz-box-shadow: inset 0 1px 2px #F0F0F0,  0 0 3px #BABABA;
-o-box-shadow: inset 0 1px 2px #F0F0F0,  0 0 3px #BABABA;
-ms-box-shadow: inset 0 1px 2px #F0F0F0,  0 0 3px #BABABA;
box-shadow: inset 0 1px 2px #F0F0F0,  0 0 3px #BABABA;
-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, .normal:hover{
-webkit-box-shadow: inset 0 1px 2px #FFFFFF !important;
-moz-box-shadow: inset 0 1px 2px #FFFFFF !important;
-o-box-shadow: inset 0 1px 2px #FFFFFF !important;
-ms-box-shadow: inset 0 1px 2px #FFFFFF !important;
box-shadow: inset 0 1px 2px #FFFFFF !important;
behavior: url(css/PIE.htc);}

.normal:active{
-moz-transition: all 0 linear;
-webkit-transition: all 0 linear;
-o-transition: all 0 linear;
-ms-transition: all 0 linear;
transition: all 0 linear;
-o-box-shadow: inset 0 1px 2px #6D6D6D !important;
-webkit-box-shadow: inset 0 1px 2px #6D6D6D !important;
-moz-box-shadow: inset 0 1px 2px #6D6D6D !important;
-ms-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: 100px !important;
-webkit-border-radius: 100px !important;
-khtml-border-radius: 100px !important;
-o-border-radius: 100px !important;
-ms-border-radius: 100px !important;
border-radius: 100px !important;
behavior: url(css/PIE.htc);}

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

.l-bullet{
-moz-border-radius: 20px 7px 7px 20px !important;
-webkit-border-radius: 20px 7px 7px 20px !important;
-khtml-border-radius: 20px 7px 7px 20px !important;
-o-border-radius: 20px 7px 7px 20px !important;
-ms-border-radius: 20px 7px 7px 20px !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;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.inset {
-o-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;
-ms-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 0px 4px;
	position: relative;
	width: 280px;
	/* [disabled]max-width: 230px; */
	margin-left: -7px;
}

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

.cta-tagline{
	display: inline-block;
	float: left;
	font-size: 11px;
	left: 0;
	padding: 27px 15px 0;
	position: absolute;
	margin-left: 45px;
	margin-top: 5px;
}

.showcase .cta span{margin: 0;}

/*color formating for css buttons*/
.grey{
/*grey color*/
border: 1px solid #818181; color: #FFFFFF; text-shadow: none;
background: #818181;
background: -moz-linear-gradient(top, #969696 0%, #818181 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(100%,#818181));
background: -webkit-linear-gradient(top, #969696 0%,#818181 100%);
background: -o-linear-gradient(top, #969696 0%,#818181 100%);
background: -ms-linear-gradient(top, #969696 0%,#818181 100%);
-pie-background: linear-gradient(#969696, #818181);
background: linear-gradient(top, #969696 0%,#818181 100%);
}

.grey:hover{
background: #8e8e8e;
background: -moz-linear-gradient(top, #a1a1a1 0%, #8e8e8e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(100%,#8e8e8e));
background: -webkit-linear-gradient(top, #a1a1a1 0%,#8e8e8e 100%);
background: -o-linear-gradient(top, #a1a1a1 0%,#8e8e8e 100%);
background: -ms-linear-gradient(top, #a1a1a1 0%,#8e8e8e 100%);
-pie-background: linear-gradient(#a1a1a1, #8e8e8e);
background: linear-gradient(top, #a1a1a1 0%,#8e8e8e 100%);}

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

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

.blue:hover{
background: #b9e9f9;
background: -moz-linear-gradient(top, #b9e9f9 0%, #38c7f2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9e9f9), color-stop(100%,#38c7f2));
background: -webkit-linear-gradient(top, #b9e9f9 0%,#38c7f2 100%);
background: -o-linear-gradient(top, #b9e9f9 0%,#38c7f2 100%);
background: -ms-linear-gradient(top, #b9e9f9 0%,#38c7f2 100%);
-pie-background: linear-gradient(#b9e9f9, #38c7f2);
background: linear-gradient(top, #b9e9f9 0%,#38c7f2 100%);
}

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

/*dark blue color*/

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

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

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

/*green color*/

.green{
border: 1px solid #299a0b; color: #FFFFFF; text-shadow: none;
background: #299a0b;
background: -moz-linear-gradient(top, #2db50e 0%, #299a0b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2db50e), color-stop(100%,#299a0b));
background: -webkit-linear-gradient(top, #2db50e 0%,#299a0b 100%);
background: -o-linear-gradient(top, #2db50e 0%,#299a0b 100%);
background: -ms-linear-gradient(top, #2db50e 0%,#299a0b 100%);
-pie-background: linear-gradient(#2db50e, #299a0b);
background: linear-gradient(top, #2db50e 0%,#299a0b 100%);}

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

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

/*neon color*/

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

.neon:hover{
background: #9eeb55;
background: -moz-linear-gradient(top, #d6ff65 0%, #9eeb55 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6ff65), color-stop(100%,#9eeb55));
background: -webkit-linear-gradient(top, #d6ff65 0%,#9eeb55 100%);
background: -o-linear-gradient(top, #d6ff65 0%,#9eeb55 100%);
background: -ms-linear-gradient(top, #d6ff65 0%,#9eeb55 100%);
-pie-background: linear-gradient(#d6ff65, #9eeb55);
background: linear-gradient(top, #d6ff65 0%,#9eeb55 100%);}

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

/*lime color*/

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

.lime:hover{
background: #d0e151;
background: -moz-linear-gradient(top, #ebf3b7 0%, #d0e151 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf3b7), color-stop(100%,#d0e151));
background: -webkit-linear-gradient(top, #ebf3b7 0%,#d0e151 100%);
background: -o-linear-gradient(top, #ebf3b7 0%,#d0e151 100%);
background: -ms-linear-gradient(top, #ebf3b7 0%,#d0e151 100%);
-pie-background: linear-gradient(#ebf3b7, #d0e151);
background: linear-gradient(top, #ebf3b7 0%,#d0e151 100%);
}

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

/*olive color*/

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

.olive:hover{
background: #8fa90f;
background: -moz-linear-gradient(top, #adba68 0%, #8fa90f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adba68), color-stop(100%,#8fa90f));
background: -webkit-linear-gradient(top, #adba68 0%,#8fa90f 100%);
background: -o-linear-gradient(top, #adba68 0%,#8fa90f 100%);
background: -ms-linear-gradient(top, #adba68 0%,#8fa90f 100%);
-pie-background: linear-gradient(#adba68, #8fa90f);
background: linear-gradient(top, #adba68 0%,#8fa90f 100%);}

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

/*bluegrey color*/

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

.bluegrey:hover{
background: #6e838c;
background: -moz-linear-gradient(top, #b5bfc5 0%, #6e838c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bfc5), color-stop(100%,#6e838c));
background: -webkit-linear-gradient(top, #b5bfc5 0%,#6e838c 100%);
background: -o-linear-gradient(top, #b5bfc5 0%,#6e838c 100%);
background: -ms-linear-gradient(top, #b5bfc5 0%,#6e838c 100%);
-pie-background: linear-gradient(#b5bfc5, #6e838c);
background: linear-gradient(top, #b5bfc5 0%,#6e838c 100%);}

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

/*cyan color*/

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

.cyan:hover{
background: #99cde7;
background: -moz-linear-gradient(top, #b3daed 0%, #99cde7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3daed), color-stop(100%,#99cde7));
background: -webkit-linear-gradient(top, #b3daed 0%,#99cde7 100%);
background: -o-linear-gradient(top, #b3daed 0%,#99cde7 100%);
background: -ms-linear-gradient(top, #b3daed 0%,#99cde7 100%);
-pie-background: linear-gradient(#b3daed, #99cde7);
background: linear-gradient(top, #b3daed 0%,#99cde7 100%);}

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

/*lavender color*/

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

.lavender:hover {
background: #a3b8dd;
background: -moz-linear-gradient(top, #c9ddff 0%, #a3b8dd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9ddff), color-stop(100%,#a3b8dd));
background: -webkit-linear-gradient(top, #c9ddff 0%,#a3b8dd 100%);
background: -o-linear-gradient(top, #c9ddff 0%,#a3b8dd 100%);
background: -ms-linear-gradient(top, #c9ddff 0%,#a3b8dd 100%);
-pie-background: linear-gradient(#c9ddff, #a3b8dd);
background: linear-gradient(top, #c9ddff 0%,#a3b8dd 100%);}

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

/*yellow color*/

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

.yellow:hover {
background: #fec66c;
background: -moz-linear-gradient(top, #f4ed86 0%, #fec66c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4ed86), color-stop(100%,#fec66c));
background: -webkit-linear-gradient(top, #f4ed86 0%,#fec66c 100%);
background: -o-linear-gradient(top, #f4ed86 0%,#fec66c 100%);
background: -ms-linear-gradient(top, #f4ed86 0%,#fec66c 100%);
-pie-background: linear-gradient(#f4ed86, #fec66c);
background: linear-gradient(top, #f4ed86 0%,#fec66c 100%);
}

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

/*brown color*/

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

.brown:hover{
background: #d07e04;
background: -moz-linear-gradient(top, #c69a58 0%, #d07e04 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c69a58), color-stop(100%,#d07e04));
background: -webkit-linear-gradient(top, #c69a58 0%,#d07e04 100%);
background: -o-linear-gradient(top, #c69a58 0%,#d07e04 100%);
background: -ms-linear-gradient(top, #c69a58 0%,#d07e04 100%);
background: linear-gradient(top, #c69a58 0%,#d07e04 100%);}

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, #a90329 0%, #6d0019 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(100%,#6d0019));
background: -webkit-linear-gradient(top, #a90329 0%,#6d0019 100%);
background: -o-linear-gradient(top, #a90329 0%,#6d0019 100%);
background: -ms-linear-gradient(top, #a90329 0%,#6d0019 100%);
-pie-background: linear-gradient(#a90329, #6d0019);
background: linear-gradient(top, #a90329 0%,#6d0019 100%);
}

.brownred:hover{
background: #960023;
background: -moz-linear-gradient(top, #ca0432 0%, #960023 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca0432), color-stop(100%,#960023));
background: -webkit-linear-gradient(top, #ca0432 0%,#960023 100%);
background: -o-linear-gradient(top, #ca0432 0%,#960023 100%);
background: -ms-linear-gradient(top, #ca0432 0%,#960023 100%);
-pie-background: linear-gradient(#ca0432, #960023);
background: linear-gradient(top, #ca0432 0%,#960023 100%);}

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

/*lilac color*/

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

.lilac:hover{
background: #ba60b6;
background: -moz-linear-gradient(top, #e985eb 0%, #ba60b6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e985eb), color-stop(100%,#ba60b6));
background: -webkit-linear-gradient(top, #e985eb 0%,#ba60b6 100%);
background: -o-linear-gradient(top, #e985eb 0%,#ba60b6 100%);
background: -ms-linear-gradient(top, #e985eb 0%,#ba60b6 100%);
-pie-background: linear-gradient(#e985eb, #ba60b6);
background: linear-gradient(top, #e985eb 0%,#ba60b6 100%);
}

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

/*periwinkle color*/

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

.periwinkle:hover{
background: #be2cb5;
background: -moz-linear-gradient(top, #687bbe 0%, #be2cb5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#687bbe), color-stop(100%,#be2cb5));
background: -webkit-linear-gradient(top, #687bbe 0%,#be2cb5 100%);
background: -o-linear-gradient(top, #687bbe 0%,#be2cb5 100%);
background: -ms-linear-gradient(top, #687bbe 0%,#be2cb5 100%);
-pie-background: linear-gradient(#687bbe, #be2cb5);
background: linear-gradient(top, #687bbe 0%,#be2cb5 100%);}

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

/*purple color*/

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

.purple:hover{
background: #7166b0;
background: -moz-linear-gradient(top, #a2a2c8 0%, #7166b0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2a2c8), color-stop(100%,#7166b0));
background: -webkit-linear-gradient(top, #a2a2c8 0%,#7166b0 100%);
background: -o-linear-gradient(top, #a2a2c8 0%,#7166b0 100%);
background: -ms-linear-gradient(top, #a2a2c8 0%,#7166b0 100%);
-pie-background: linear-gradient(#a2a2c8, #7166b0);
background: linear-gradient(top, #a2a2c8 0%,#7166b0 100%);}

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

/*pink color*/

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

.pink:hover{
background: #fe1a90;
background: -moz-linear-gradient(top, #ff75bc 0%, #fe1a90 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff75bc), color-stop(100%,#fe1a90));
background: -webkit-linear-gradient(top, #ff75bc 0%,#fe1a90 100%);
background: -o-linear-gradient(top, #ff75bc 0%,#fe1a90 100%);
background: -ms-linear-gradient(top, #ff75bc 0%,#fe1a90 100%);
-pie-background: linear-gradient(#ff75bc, #fe1a90);
background: linear-gradient(top, #ff75bc 0%,#fe1a90 100%);
}

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

/*red color*/

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

.red:hover{
background: #de1414;
background: -moz-linear-gradient(top, #f1513f 0%, #de1414 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1513f), color-stop(100%,#de1414));
background: -webkit-linear-gradient(top, #f1513f 0%,#de1414 100%);
background: -o-linear-gradient(top, #f1513f 0%,#de1414 100%);
background: -ms-linear-gradient(top, #f1513f 0%,#de1414 100%);
-pie-background: linear-gradient(#f1513f, #de1414);
background: linear-gradient(top, #f1513f 0%,#de1414 100%);
}

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

/*crimson color*/

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

.crimson:hover {
background: #d22c3f;
background: -moz-linear-gradient(top, #d75d6c 0%, #d22c3f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d75d6c), color-stop(100%,#d22c3f));
background: -webkit-linear-gradient(top, #d75d6c 0%,#d22c3f 100%);
background: -o-linear-gradient(top, #d75d6c 0%,#d22c3f 100%);
background: -ms-linear-gradient(top, #d75d6c 0%,#d22c3f 100%);
-pie-background: linear-gradient(#d75d6c, #d22c3f);
background: linear-gradient(top, #d75d6c 0%,#d22c3f 100%);
}

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

/*orange color*/

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

.orange:hover{
background: #ffa73b;
background: -moz-linear-gradient(top, #ffbe6f 0%, #ffa73b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbe6f), color-stop(100%,#ffa73b));
background: -webkit-linear-gradient(top, #ffbe6f 0%,#ffa73b 100%);
background: -o-linear-gradient(top, #ffbe6f 0%,#ffa73b 100%);
background: -ms-linear-gradient(top, #ffbe6f 0%,#ffa73b 100%);
-pie-background: linear-gradient(#ffbe6f, #ffa73b);
background: linear-gradient(top, #ffbe6f 0%,#ffa73b 100%);}

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

/*black color*/

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

.black:hover{
background: #1a1a1a;
background: -moz-linear-gradient(top, #565a60 0%, #1a1a1a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565a60), color-stop(100%,#1a1a1a));
background: -webkit-linear-gradient(top, #565a60 0%,#1a1a1a 100%);
background: -o-linear-gradient(top, #565a60 0%,#1a1a1a 100%);
background: -ms-linear-gradient(top, #565a60 0%,#1a1a1a 100%);
-pie-background: linear-gradient(#565a60, #1a1a1a);
background: linear-gradient(top, #565a60 0%,#1a1a1a 100%);}

a.black, a.black:hover, a.black:active{color: #FFFFFF !important}
/*end of color formating*/

/*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.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
-o-box-shadow: inset 0 1px 4px #FFFFFF,  0 0 7px #BABABA;
-webkit-box-shadow: inset 0 1px 4px #FFFFFF,  0 0 7px #BABABA;
-moz-box-shadow: inset 0 1px 4px #FFFFFF,  0 0 7px #BABABA;
-ms-box-shadow: inset 0 1px 4px #FFFFFF,  0 0 7px #BABABA;
box-shadow: inset 0 1px 4px #FFFFFF,  0 0 7px #BABABA;
}

/*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: 1px;
-moz-transition: all 0 linear;
-webkit-transition: all 0 linear;
-o-transition: all 0 linear;
-ms-transition: all 0 linear;
transition: all 0 linear;
-o-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA;
-webkit-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA;
-moz-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA;
-ms-box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA;
box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA;
}

.disabled, .disabled:hover{cursor: no-drop;
-moz-box-shadow: 0 1px 0 #FFFFFF;
-webkit-box-shadow: 0 1px 0 #FFFFFF;
-ms-box-shadow: 0 1px 0 #FFFFFF;
-o-box-shadow: 0 1px 0 #FFFFFF;
box-shadow: 0 1px 0 #FFFFFF;
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;
}

.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*/