/*   Buttons
---------------------------------------------------------- */
a.btn:link,a.btn:active,a.btn:visited{
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:2px #ccc solid; 
padding:3px 12px;
background: #ddd;
font-weight: bold;
background-image:url(../images/btn.png);
text-decoration:none;
color:#555;
margin:8px 2px;display: inline-block;outline: none; text-shadow:1px 1px 1px #fff; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;
}
a.btn:hover{ border:2px #444 solid;color:#fff; text-shadow:1px 1px 1px #000; background-color:#333}
.Social-Links{ padding-top:3px;}
.Social-Links strong{ padding-right:10px; display:block; float:left; height:26px; font-weight:normal; line-height:26px; font-size:11px}
.Social-Links a{ display:block; float:left; width:24px; height:24px; margin-right:2px;}
.Social-Links .icoFacebook{background:url(../images/SocialMedia.png) no-repeat 0 0;}
.Social-Links .icoTwitter{background:url(../images/SocialMedia.png) no-repeat -24px 0;}
.Social-Links .icoMySpace{background:url(../images/SocialMedia.png) no-repeat -48px 0;}
.Social-Links .icoStumbleUpon{background:url(../images/SocialMedia.png) no-repeat -72px 0;}
.Social-Links .icoDigg{background:url(../images/SocialMedia.png) no-repeat -96px 0;}
.Social-Links .icoFlickr{background:url(../images/SocialMedia.png) no-repeat -120px 0;}
.Social-Links .icoIN{background:url(../images/SocialMedia.png) no-repeat -144px 0;}
.Social-Links .icoLinkedIn{background:url(../images/SocialMedia.png) no-repeat -144px 0;}
.Social-Links .icoYouTube{background:url(../images/SocialMedia.png) no-repeat -168px 0;}
.Social-Links .icoDelicious{background:url(../images/SocialMedia.png) no-repeat -192px 0;}
.Social-Links .icoBlogger{background:url(../images/SocialMedia.png) no-repeat -216px 0;}
.Social-Links .icoRSS{background:url(../images/SocialMedia.png) no-repeat -240px 0;}
.Social-Links .icoEmail{background:url(../images/SocialMedia.png) no-repeat -264px 0;}
.Social-Links .icoTumblr{background:url(../images/SocialMedia.png) no-repeat -288px 0;}
.Social-Links .icoFourSquare{background:url(../images/SocialMedia.png) no-repeat -312px 0;}
.Social-Links .icoReddit{background:url(../images/SocialMedia.png) no-repeat -336px 0;}
.Social-Links .icoVimeo{background:url(../images/SocialMedia.png) no-repeat -360px 0;}
.Social-Links .icoWordPress{background:url(../images/SocialMedia.png) no-repeat -384px 0;}
.Social-Links .icoBebo{background:url(../images/SocialMedia.png) no-repeat -408px 0;}
.Social-Links .icoTwitter2{background:url(../images/SocialMedia.png) no-repeat -432px 0;}
.Social-Links .icodnnskin{background:url(../images/SocialMedia.png) no-repeat -456px 0;}

/*hover style*/

.Social-Links .icoFacebook:hover{background:url(../images/SocialMedia.png) no-repeat 0 -24px}
.Social-Links .icoTwitter:hover{background:url(../images/SocialMedia.png) no-repeat -24px -24px}
.Social-Links .icoMySpace:hover{background:url(../images/SocialMedia.png) no-repeat -48px -24px}
.Social-Links .icoStumbleUpon:hover{background:url(../images/SocialMedia.png) no-repeat -72px -24px}
.Social-Links .icoDigg:hover{background:url(../images/SocialMedia.png) no-repeat -96px -24px}
.Social-Links .icoFlickr:hover{background:url(../images/SocialMedia.png) no-repeat -120px -24px}
.Social-Links .icoIN:hover{background:url(../images/SocialMedia.png) no-repeat -144px -24px}
.Social-Links .icoLinkedIn:hover{background:url(../images/SocialMedia.png) no-repeat -144px -24px}
.Social-Links .icoYouTube:hover{background:url(../images/SocialMedia.png) no-repeat -168px -24px}
.Social-Links .icoDelicious:hover{background:url(../images/SocialMedia.png) no-repeat -192px -24px}
.Social-Links .icoBlogger:hover{background:url(../images/SocialMedia.png) no-repeat -216px -24px}
.Social-Links .icoRSS:hover{background:url(../images/SocialMedia.png) no-repeat -240px -24px}
.Social-Links .icoEmail:hover{background:url(../images/SocialMedia.png) no-repeat -264px -24px}
.Social-Links .icoTumblr:hover{background:url(../images/SocialMedia.png) no-repeat -288px -24px}
.Social-Links .icoFourSquare:hover{background:url(../images/SocialMedia.png) no-repeat -312px -24px}
.Social-Links .icoReddit:hover{background:url(../images/SocialMedia.png) no-repeat -336px -24px}
.Social-Links .icoVimeo:hover{background:url(../images/SocialMedia.png) no-repeat -360px -24px}
.Social-Links .icoWordPress:hover{background:url(../images/SocialMedia.png) no-repeat -384px -24px}
.Social-Links .icoBebo:hover{background:url(../images/SocialMedia.png) no-repeat -408px -24px}
.Social-Links .icoTwitter2:hover{background:url(../images/SocialMedia.png) no-repeat -432px -24px}
.Social-Links .icodnnskin:hover{background:url(../images/SocialMedia.png) no-repeat -456px -24px}

a.black:link,a.black:active,a.black:visited{background-color:#111; color:#fff; text-shadow:1px 1px 1px #000;border: 1px solid #121212; border-bottom:1px #000 solid}
a.black:hover{border: 1px solid #000; background-color:#000}

a.success:link,a.success:active,a.success:visited{background-color:#3dac67; color:#fff; text-shadow:1px 1px 1px #256625;border: 1px solid #3ea73e; border-bottom:1px #387038 solid}
a.success:hover{border: 1px solid #256625; background-color:#227943}
a.warning:link,a.warning:active,a.warning:visited{background-color:#f89f22; color:#fff; text-shadow:1px 1px 1px #f19005; border:1px #f89406 solid; border-bottom:1px #ad6704 solid;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
a.warning:hover{border: 1px solid #c4490c; background-color:#df5815}
a.danger:link,a.danger:active,a.danger:visited{background-color:#e43e1a; color:#fff; text-shadow:1px 1px 1px #bd1f06; border:1px #d7310c solid; border-bottom:1px #bb2908 solid}
a.danger:hover{border: 1px solid #bd1f06; background-color:#b5290b}
a.info:link,a.info:active,a.info:visited{background-color:#2a98cc; color:#fff; text-shadow:1px 1px 1px #0e557b; border:1px #238fc2 solid; border-bottom:1px #0e6c99 solid}
a.info:hover{border: 1px solid #0e557b; background-color:#157dae}


a.small:link,a.small:active,a.small:visited{ font-size:12px;}
a.medium:link,a.medium:active,a.medium:visited{ font-size:18px; line-height:26px; padding: 8px 20px}
a.large:link,a.large:active,a.large:visited{ font-size:20px; text-transform:uppercase; line-height:30px; padding: 10px 25px; margin:10px 5px}

.sign-in span{ background:url(../images/icons.png) 0 -3px no-repeat; padding:2px 12px 2px 9px;}
.sign-out span{ background:url(../images/icons.png) 0 -26px no-repeat; padding:2px 12px 2px 9px;}
.site-map span{ background:url(../images/icons.png) 0 -50px no-repeat; padding:2px 12px 2px 9px;}
.comment span{ background:url(../images/icons.png) 0 -123px no-repeat; padding:2px 12px 2px 9px;}
.print span{ background:url(../images/icons.png) 0 -74px no-repeat; padding:2px 12px 2px 9px;}
.idea span{ background:url(../images/icons.png) 0 -98px no-repeat; padding:2px 12px 2px 9px;}
.mail span{ background:url(../images/icons.png) 0 -147px no-repeat; padding:2px 12px 2px 9px;}
.download span{ background:url(../images/icons.png) 0 -170px no-repeat; padding:2px 12px 2px 9px;}
.setting span{ background:url(../images/icons.png) 0 -195px no-repeat; padding:2px 12px 2px 9px;}
.refesh span{ background:url(../images/icons.png) 0 -217px no-repeat; padding:2px 12px 2px 9px;}
.paypal span{ background:url(../images/icons.png) 0 -243px no-repeat; padding:2px 12px 2px 9px;}
.search span{ background:url(../images/icons.png) 0 -267px no-repeat; padding:2px 12px 2px 9px;}
.star span{ background:url(../images/icons.png) 0 -291px no-repeat; padding:2px 12px 2px 9px;}
.calendar span{ background:url(../images/icons.png) 0 -314px no-repeat; padding:2px 12px 2px 9px;}
.correct span{ background:url(../images/icons.png) 0 -338px no-repeat; padding:2px 12px 2px 9px;}
.add span{ background:url(../images/icons.png) 0 -363px no-repeat; padding:2px 12px 2px 9px;}
.tel span{ background:url(../images/icons.png) 0 -388px no-repeat; padding:2px 12px 2px 9px;}
.camera span{ background:url(../images/icons.png) 0 -412px no-repeat; padding:2px 12px 2px 9px;}
.phone span{ background:url(../images/icons.png) 0 -434px no-repeat; padding:2px 12px 2px 9px;}
.lock span{ background:url(../images/icons.png) 0 -458px no-repeat; padding:2px 12px 2px 9px;}


