/*
============================================================
  CSS3 Buttons
------------------------------------------------------------
  Created by: FYPixels
  http://codecanyon.net/user/FYPixels
============================================================
*/


/* ------- FONTS ------- */
@font-face {
    font-family: 'DroidSansRegular';
    src: url('../fonts/DroidSans-webfont.eot');
    src: url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-webfont.woff') format('woff'),
         url('../fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('../fonts/DroidSans-Bold-webfont.eot');
    src: url('../fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ------- BUTTONS ------- */
.button {
	font-family: 'DroidSansRegular' !important;
	display: inline-block;
  	text-decoration: none;
  	position: relative;
	margin: 2px;
	cursor: pointer;
	text-align: left !important;
	transition: all 0.10s ease-in-out;
    -webkit-transition: all 0.10s ease-in-out;
    -moz-transition: all 0.10s ease-in-out;
	-o-transition: all 0.10s ease-in-out;
	-ms-transition: all 0.10s ease-in-out;
	behavior: url(buttons/PIE.htc);
}

/* ------- LARGE BUTTONS ------- */
.large {
	font-size: 24px !important;
	padding: 8px 16px !important;
	border-radius: 12px;
	border: 1px solid;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	behavior: url(buttons/PIE.htc);
}

.large .srt-description {
	font-size: 11px !important;
	display: block;
	margin-top: -4px !important;
}

.large-squared {
	font-size: 24px !important;
	padding: 4px 16px !important;
	border: 1px solid;
	behavior: url(buttons/PIE.htc);
}

.large-letter {
	font-size: 24px !important;
	padding: 4px 10px !important;
	border-radius: 60px;
	border: 1px solid;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	behavior: url(buttons/PIE.htc);
}

/* ------- MEDIUM BUTTONS ------- */
.medium {
	font-size: 16px !important;
	padding: 4px 8px !important;
	border-radius: 12px;
	border: 1px solid;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	behavior: url(buttons/PIE.htc);
}


.medium-squared {
	font-family: 'DroidSansRegular';
	font-size: 16px !important;
	padding: 4px 12px !important;
  	text-decoration: none;
	border: 1px solid;
	display: inline-block;
	behavior: url(buttons/PIE.htc);
}

.medium-letter {
	font-size: 16px !important;
	padding: 4px 8px !important;
	border-radius: 60px;
	border: 1px solid;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	behavior: url(buttons/PIE.htc);
}

/* ------- SMALL BUTTONS ------- */
.small {
	font-size: 12px !important;
	padding: 5px 10px !important;
	border-radius: 8px;
	border: 1px solid;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	behavior: url(buttons/PIE.htc);
}

.small-squared {
	font-size: 12px !important;
	padding: 4px 12px !important;
	border: 1px solid;
	behavior: url(buttons/PIE.htc);
}

.small-bullet {
	font-size: 12px !important;
	padding: 4px 18px !important;
	border-radius: 10px 50px 50px 10px;
	border: 1px solid;
	-moz-border-radius: 10px 50px 50px 10px;
	-webkit-border-radius: 10px 50px 50px 10px;
	behavior: url(buttons/PIE.htc);
}

.small-letter {
	font-size: 12px !important;
	padding: 4px 8px !important;
	border-radius: 50px;
	border: 1px solid;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	behavior: url(buttons/PIE.htc);
}

/* ------- PUSH STYLE ------- */
.push {
	border: 1px;
	border-left-width: 1px;
	border-bottom-width: 5px;
	border-top-width: 1px;
	border-style: solid;
}

.push:active {
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-style: solid;
 	-webkit-transform: translateY(5px);
 	-moz-transform: translateY(5px);
 	-o-transform: translateY(5px);
 	-ms-transform: translateY(5px);
}

/* ------- SMALL ICONS ------- */
.small .add {background: url(../icons/small-add.png) 0 0 no-repeat;}
.small .confirm {background: url(../icons/small-confirm.png) 0 0 no-repeat;}
.small .comments{background: url(../icons/small-comments.png) 0 0 no-repeat;}
.small .download {background: url(../icons/small-download.png) 0 0 no-repeat;}
.small .delete {background: url(../icons/small-delete.png) 0 0 no-repeat;}
.small .favourites {background: url(../icons/small-favourites.png) 0 0 no-repeat;}
.small .home {background: url(../icons/small-home.png) 0 0 no-repeat;}
.small .mail {background: url(../icons/small-mail.png) 0 0 no-repeat;}
.small .mail-blue {background: url(../icons/small-mail-blue.png) 0 0 no-repeat;}
.small .mail-red {background: url(../icons/small-mail-red.png) 0 0 no-repeat;}
.small .remove {background: url(../icons/small-remove.png) 0 0 no-repeat;}
.small .rss {background: url(../icons/small-rss.png) 0 0 no-repeat;}
.small .search {background: url(../icons/small-search.png) 0 0 no-repeat;}
.small .settings {background: url(../icons/small-settings.png) 0 0 no-repeat;}
.small .user {background: url(../icons/small-user.png) 0 0 no-repeat;}
.small .tag-blue {background: url(../icons/small-tag-blue.png) 0 0 no-repeat;}
.small .tag-green {background: url(../icons/small-tag-green.png) 0 0 no-repeat;}
.small .tag-red {background: url(../icons/small-tag-red.png) 0 0 no-repeat;}
.small .icon-left {padding-left: 24px !important;  background-position: center left; display: inline-block;}
.small .icon-right {padding-right: 24px !important;  background-position: center right; display: inline-block;}

/* ------- MEDIUM ICONS ------- */
.medium .add {background: url(../icons/medium-add.png) 0 0 no-repeat;}
.medium .confirm {background: url(../icons/medium-confirm.png) 0 0 no-repeat;}
.medium .comments {background: url(../icons/medium-comments.png) 0 0 no-repeat;}
.medium .download {background: url(../icons/medium-download.png) 0 0 no-repeat;}
.medium .delete {background: url(../icons/medium-delete.png) 0 0 no-repeat;}
.medium .favourites {background: url(../icons/medium-favourites.png) 0 0 no-repeat;}
.medium .home {background: url(../icons/medium-home.png) 0 0 no-repeat;}
.medium .mail {background: url(../icons/medium-mail.png) 0 0 no-repeat;}
.medium .mail-blue {background: url(../icons/medium-mail-blue.png) 0 0 no-repeat;}
.medium .mail-red {background: url(../icons/medium-mail-red.png) 0 0 no-repeat;}
.medium .remove {background: url(../icons/medium-remove.png) 0 0 no-repeat;}
.medium .rss {background: url(../icons/medium-rss.png) 0 0 no-repeat;}
.medium .search {background: url(../icons/medium-search.png) 0 0 no-repeat;}
.medium .settings {background: url(../icons/medium-settings.png) 0 0 no-repeat;}
.medium .user {background: url(../icons/medium-user.png) 0 0 no-repeat;}
.medium .tag-blue {background: url(../icons/medium-tag-blue.png) 0 0 no-repeat;}
.medium .tag-green {background: url(../icons/medium-tag-green.png) 0 0 no-repeat;}
.medium .tag-red {background: url(../icons/medium-tag-red.png) 0 0 no-repeat;}
.medium .icon-left {padding-left: 36px !important; padding-top: 4px !important; height: 24px !important; background-position: center left; display: inline-block;}
.medium .icon-right {padding-right: 36px !important; padding-top: 4px !important; height: 24px !important; background-position: center right; display: inline-block;}

/* ------- LARGE ICONS ------- */
.large .download {background: url(../icons/large-download.png) 0 0 no-repeat;}
.large .mail {background: url(../icons/large-mail.png) 0 0 no-repeat;}
.large .rss {background: url(../icons/large-rss.png) 0 0 no-repeat;}
.large .search {background: url(../icons/large-search.png) 0 0 no-repeat;}
.large .lock {background: url(../icons/large-lock.png) 0 0 no-repeat;}
.large .users {background: url(../icons/large-users.png) 0 0 no-repeat;}
.large .icon-left {padding-left: 48px !important; background-position: center left; display: inline-block;}
.large .icon-right {padding-right: 48px !important;  background-position: center right; display: inline-block;}