@charset "utf-8";
/* CSS Document */

/* ALL CSS GENERIC BUTTONS */


/* List of all btn variants - prelink */
.btnEmail{
	background: transparent url('/sitewide/core/assets/buttons/generic/btn-a-email.gif') no-repeat top left;
	height: 19px;
	padding-left: 25px;
}

.btnFacebook{
	background: transparent url('/sitewide/core/assets/buttons/generic/btn-a-facebook.gif') no-repeat top left;
	height: 19px;
	padding-left: 22px;
}

.btnArrow{
	background: transparent url('/sitewide/core/assets/buttons/generic/btn-a-arrow.gif') no-repeat top left;
	height: 19px;
	padding-left: 17px;
}

.btnGeneric{
	background: transparent url('/sitewide/core/assets/buttons/generic/btn-a.gif') no-repeat top left;
	height: 19px;
	padding-left: 8px;
}
.btnRed{
	background: transparent url('/sitewide/core/assets/buttons/generic/btn-a-red.gif') no-repeat top left;
	height: 19px;
	padding-left: 8px;
}

.btnGrey{
	background: transparent url('/sitewide/core/assets/buttons/generic/btn-a-grey.gif') no-repeat top left;
	height: 19px;
	padding-left: 17px;
}



/* Std btn element - prelink  */
a.button, a.buttonRed, a.buttonGrey{
    color: #FFF;
    cursor:pointer;
	display:block;
    float: left;
    font: bold 11px Arial, sans-serif;
	letter-spacing: 0.4pt;
    text-decoration: none;
	text-transform: capitalize;
}

a.button span, a.buttonRed span, a.buttonGrey span {
    background: transparent url('/sitewide/core/assets/buttons/generic/btn-span.gif') no-repeat top right;
    cursor:pointer;
	color: #FFF;
	display:block;
    line-height: 8px;
    padding: 5px 10px 6px 3px;
}

a.button:hover, a.buttonRed:hover, a.buttonGrey:hover {
    background-position: bottom left;
    cursor:pointer;
	display:block;
	color: #FFF;
}

a.button:hover span, a.buttonRed:hover span , a.buttonGrey:hover span {
    background-position: bottom right;
	color: #FFF;
}



/* Std btn element alteration - grey/red  */
a.buttonRed span {
	color:#e8e8e8;
    background: transparent url('/sitewide/core/assets/buttons/generic/btn-span-red.gif') no-repeat top right;
}

a.buttonRed span:hover {
   color: #FFF;
}

a.buttonGrey span {
	color:#e8e8e8;
    background: transparent url('/sitewide/core/assets/buttons/generic/btn-span-grey.gif') no-repeat top right;
}

a.buttonGrey span:hover {
   color: #FFF;
}


/* Footer Button */
.aellenIcon{
	background: transparent url('/sitewide/images/footer/afterellen.gif') no-repeat scroll 0pt 0pt;
}

.aeltonIcon{
	background: transparent url('/sitewide/images/footer/afterelton.gif') no-repeat scroll top center;
}
.sitemapIcon{
	background: transparent url('/sitewide/images/footer/btn_sitemap.gif') no-repeat scroll top center;
}
.threeSixFiveIcon{
	background: transparent url('/sitewide/images/footer/365gay.gif') no-repeat scroll top center;
}

.visibleVoteIcon{
	background: transparent url('/sitewide/images/footer/vv08.gif') no-repeat scroll top center;
}

.downelinkIcon{
	background: transparent url('/sitewide/images/footer/downelink.gif') no-repeat scroll top center;
}

.hgcIcon{
	background: transparent url('/sitewide/images/footer/hgc.gif') no-repeat scroll top center;
}

.nnnIcon{
	background: transparent url('/sitewide/images/footer/nnn.gif') no-repeat scroll top center;
}

.rupaulIcon{
	background: transparent url('/sitewide/images/footer/rupaul.gif') no-repeat scroll top center;
}

.tripoutIcon{
	background: transparent url('/sitewide/images/footer/tripout.gif') no-repeat scroll top center;
}

/*  Updated Footer Buttons for SEO  */

div.fbutton3 {
	color: #5A5A5A;
	display: block;
	font: normal 10px Helvetica, arial, sans-serif;
	width: 100px;
	height: 65px;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
}

div.fbutton3 img {
	height: 40px;
	overflow: hidden;
	width: 100px;
}

div.fbutton3:hover img {
	background-position: 0px -55px;
}

div.fbutton3 a {
	color: #5A5A5A;
	text-decoration: none;
}

/*  Old footer button classes, leaving in case they are used elsewhere  */

a.fbutton {
	color: #5A5A5A;
	display: block;
	font: normal 10px Helvetica, arial, sans-serif;
	height: 40px;
	width: 100px;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
}

a.fbutton span { 
	display: block; 
	margin-top: 32px; 
	background-color: #000000; 
} 

a.fbutton:hover {
	background-position: 0px -55px;
}

a.fbutton:hover span {
	color: #424242;
}


a.fbutton2 {
	color: #5A5A5A;
	display: block;
	font: normal 10px Helvetica, arial, sans-serif;
	height: 29px;
	width: 128px;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
}

a.fbutton2 span { 
	display: block; 
	margin-top: 29px; 
	background-color: #000000; 
} 

a.fbutton2:hover {
	background-position: 0px -29px;
}

a.fbutton2:hover span {
	color: #424242;
}



/* List of all btn variants - postlink */
.btnArrowPost{
	background: transparent url('/sitewide/core/assets/buttons/generic/btn-span-arrow-post.gif') no-repeat top right;
	height: 19px;
	padding-right: 15px;
}

.btnGreyPost{
	background: transparent url('/sitewide/core/assets/buttons/generic/btn-a-grey-post.gif') no-repeat top right;
	height: 19px;
	padding-right: 15px;
}




/* Std btn element - postlink  */
a.buttonPost, pageNavigator a.button, a.buttonGreyPost{
	color: #FFF;
    cursor:pointer;
	display:block;
    float: left;
    font: bold 11px Arial, sans-serif;
	letter-spacing: 0.4pt;
    text-decoration: none;
	text-transform: capitalize;
}
	
a.buttonPost span, pageNavigator a.button span, a.buttonGreyPost span {
    background: transparent url('/sitewide/core/assets/buttons/generic/btn-span-post.gif') no-repeat top left;
    display: block;
    line-height: 8px;
    padding: 5px 2px 6px 10px;

}

a.buttonPost:hover, pageNavigator a.button:hover, a.buttonGreyPost:hover {
	cursor:pointer;
	display:block;
    background-position: bottom right;
}

a.buttonPost:hover span, pageNavigator a.button:hover span, a.buttonGreyPost:hover span {
    background-position: bottom left;
}


/* Postlink btn element alteration - grey  */
a.buttonGreyPost span {
	color:#e8e8e8;
    background: transparent url('/sitewide/core/assets/buttons/generic/btn-span-grey-post.gif') no-repeat top left;
}

a.buttonGreyPost span:hover {
	color:#FFF;
}

/* nbuttons - Used by News Promo */

a.nbutton {
display: block;
font: normal 10px Helvetica, arial, sans-serif;
height: 72x;
width: 167px;
color: #6a6a6a;
text-decoration: none;
text-align: center;
overflow: hidden;
}

a.nbutton span {
display:block;
margin:40px 0px 8px;
}

a.nbutton:hover {
background-position: 0px 0px;
}

a.nbutton:hover span {
color: #012a58;
}

.threeSixFiveNewsIcon{
background: transparent url('/sitewide/core/assets/buttons/nButtons/365gay.gif') no-repeat scroll top center;
}

.afterEllenNewsIcon{
background: transparent url('/sitewide/core/assets/buttons/nButtons/afterellen.gif') no-repeat scroll top center;
}

.visibleVoteNewsIcon{
background: transparent url('/sitewide/core/assets/buttons/nButtons/visiblevote.gif') no-repeat scroll top center;
}

.newNowNextNewsIcon{
background: transparent url('/sitewide/core/assets/buttons/nButtons/NNN.gif') no-repeat scroll top center;
}

.afterEltonNewsIcon{
background: transparent url('/sitewide/core/assets/buttons/nButtons/afterelton.gif') no-repeat scroll top center;
}


/* End nbuttons - Used by News Promo*/