/*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, .yellow
{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;
transition: all 0.3s linear;
padding: 7px 13px;
box-shadow: inset 0 1px 2px #F0F0F0,  0 0 3px #BABABA;
-o-box-shadow: inset 0 1px 2px #F0F0F0,  0 0 3px #BABABA;
-webkit-box-shadow: inset 0 1px 2px #F0F0F0,  0 0 5px #BABABA;
-moz-box-shadow: inset 0 1px 2px #F0F0F0,  0 0 3px #BABABA;
border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; o-border-radius: 4px 4px 4px 4px; ms-border-radius: 4px 4px 4px 4px;
behavior: url(css/PIE.htc);
}

/*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.yellow, a.yellow: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
{box-shadow: inset 0 1px 2px #FFFFFF !important;
-o-box-shadow: inset 0 1px 2px #FFFFFF !important;
-webkit-box-shadow: inset 0 1px 2px #FFFFFF !important;
-moz-box-shadow: inset 0 1px 2px #FFFFFF !important;
behavior: url(css/PIE.htc);}

.normal:active{
-moz-transition: all 0s linear;
-webkit-transition: all 0s linear;
-o-transition: all 0s linear;
transition: all 0s linear;
box-shadow: inset 0 1px 2px #6D6D6D !important;
-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;
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: 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 {
border-radius: 0 !important;
-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;}
*/

.inset {
box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA !important;
-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;
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*/

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


/*button hover effect for css buttons*/
.button:hover, .yellow: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;
box-shadow: inset 0 1px 4px #FFFFFF,  0 0 7px #BABABA;
-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;
}

/*button active effect for css buttons*/
.button:active, .yellow:active{
position: relative;
top: 1px;
-moz-transition: all 0s linear;
-webkit-transition: all 0s linear;
-o-transition: all 0s linear;
transition: all 0s linear;
box-shadow: inset 0 1px 2px #6D6D6D,  0 0 3px #BABABA;
-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;
}

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