/*************************************************
 * common styles
*************************************************/

html {
    min-height: 100vh;
}

body { 
    font-family: Verdana, sans-serif;
    background-color: #EAF7FD;
    width: 100%;
    min-height: 100vh;
}

img {
    max-width: 100%;
}

a:visited,
a:link:visited {
    color: #663333;
}

.inline {
    display: inline;
}
.inline-block {
    display: inline-block;
}
.left {
    float: left;
}
.right {
    float: right;
}

.wrapper {
    background: #fff;
    max-width: 605px;
    margin: 0px auto 0px auto;
    position: relative;
    overflow-x: visible;
    padding: 0;
    min-height: 100vh;
    overflow: hidden;
}

.post .wrapper {
    padding-bottom: 130px;
}

/*************************************************
 * overlay
*************************************************/

.overlay{
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0); /* Black background with opacity */
    z-index: 11; /* Specify a stack order in case you're using a different order for other elements */
}

#ageCheckWrapper {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.59);
    z-index: 20000;
    pointer-events: none;
}
/*************************************************
 * Under footer text
*************************************************/
@media (max-width: 767px) {
    .footerDescription {
        max-width: 320px;
        transform: none;
        padding: 1px 0 10px;
        /* z-index: 1; */
        position: relative;
    }
}

#more-footer-des {
    display: none;
}

#more-footer-des.open {
    display: block;
}

.footerDescription {
    padding-left: 0px;
    transition: .5s;
    text-align: left;
    color: #939393;
    margin: 10px auto 0 auto;
    max-width: 455px;
    padding-bottom: 46px;
}

.footerDescription p {
    font-size: 7.5pt;
    font-weight: normal;
}

#lessFooterDes, #moreFooterDes {
    background: none;
    border: none;
    padding: 0;
    text-decoration: underline;
    font-size: smaller;
}

.footerDescription a, .footerDescription button {
    font-size: 7.5pt;
    text-decoration: underline;
    color: #939393;
    font-weight: normal;
}

.footerDescription h2 {
    font-size: 8.5pt;
    margin: 15px 0 0 0;
}

.footerDescription a, .footerDescription button {
    font-size: 7.5pt !important;
    text-decoration: underline !important;
    color: #939393 !important;
    font-weight: normal !important;
}

/*************************************************
 * Banners
*************************************************/
.wrapBanner a>img {
    max-width: 100%;
    height: auto;
}
.bannerWrapperOnBriefPage img,
.bannerWrapperOnBriefPage iframe {
	/*position: relative;
    height: auto;*/
	max-width: 100vw;
}
/*.item-banner ins{*/
/*padding-top: 10px;*/
/*overflow: hidden;*/
/*border-radius: 10px;*/
/*margin-top: -20px;*/
/*display: block;*/
/*}*/
.item-banner {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.item-banner:before {
	content: "sponsor";
	background: #c9c9c9;
	width: 100%;
    height: 18px;
	color: #fff;
	text-transform: uppercase;
	display: block;
	line-height: 9px;
	font-size: 13px;
	padding-bottom: 14px;
	padding-top: 5px;
	text-align: center;
	border-radius: 20px 20px 0 0;
	letter-spacing: 0px;
	font-family: Arial, sans-serif;
}
/* @media (min-width: 641px) {
	.item-banner:before{
		font-size: 25px;
		padding-bottom: 14px;
		padding-top: 9px;
	}
} */
.bannerWrapperOnBriefPage {
	position: relative;
    cursor: pointer;
    display: block;
    /* width: 100%; */
    max-width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0;
    /* border-radius: 10px; */
    background: #fff;
    margin-bottom: 10px;
    background-color: #3a3a3a;
}
/* @media (max-width: 640px) {
	.bannerWrapperOnBriefPage {
		margin-top: -11px;
	}
	.banner2,
	.banner1 {
		height: 195px!important;
		width: 600px;
		margin-left: auto;
		margin-right: auto;
	}
} */
/* .bannerWrapperOnBriefPage iframe,
.bannerWrapperOnGalleryPage iframe {
	background: #f9f9f9;
	width: 100%;
	position: inherit!important;
	border-radius: 0 0 10px 10px; */
	/*height: auto!important;*/
	/*top: 17px;*/
	/*left: 0;*/
/* } */

.alert-image {
	max-width: 80%;
	margin: 10px auto 0px;
	display: block;
}

.bannerWrapperOnGalleryPage {
	position: relative;
	cursor: pointer;
	display: block;
	/* width:100%; */
    max-width: 100%;
	height:0;
	padding-bottom:37%;
	overflow:hidden;
	margin:5px 0;
	border-radius:10px;
}
/*************************************************
 * Copyright reptilian
*************************************************/
@media (max-width: 767px) {
    .copyright {
        padding-bottom: 25px;
    }
}
.copyright {
    padding-left: 0px;
    text-align: left;
    color: #939393;
    max-width: 193px;
    transition: .5s;
    padding-bottom: 46px;
    margin: -11px auto 0 auto;
    transform: scale(.9) translateY(21px);
}
.copyright p {
    font-size: 7.5pt;
    font-weight: normal;
    padding-left: 3px;
}
/*************************************************
 * Age check agree popup
*************************************************/
#ageCheckAgree {
    position: fixed;
    color: black;
    background-color: white;
    background-size: 100% 100%;
    width: 302px;
    left: calc(50% - 153px);
    top: calc(50% - 130px);
    text-align: center;
    padding: 10px 0 0 0;
    border-radius: 25px;
    font-size: 15px;
    box-shadow: 0px 6px 13px 1px black;
    pointer-events: all;
}

#ageCheckAgree div {
	margin: 10px 0;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 600;
    line-height: 23px;
}

#ageCheckAgree hr {
    background-color: dimgray;
}

#ageCheckAgree .content a {
	color: #b1b1b1;
	font-size: inherit;
}

#ageCheckAgree .caption {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px;
    filter: drop-shadow(1px 0 0 black);
    font-family: Helvetica;
}

#ageCheckAgree .button {
	font-weight: bold;
    font-size: 16px;
    color: #168bce;
    cursor: pointer;
    margin: 0 0px 13px 0;
    padding-top: 7px;
    font-family: Helvetica;
    filter: drop-shadow(0 0 0 #168bce);
    border-top: 1px solid #f4f4f58a;
}

@media screen and (max-width: 580px) {
    .viewpostimage>img {
        width: 100%;
    }
}
@media (max-width: 600px) {
  .viewpostgallery {
    /*width: 300px;*/
    -moz-column-count:1;
    -webkit-column-count:1;
	margin: 0px auto 0px auto;
  }
}
@media (min-width: 601px) {
  .viewpostgallery {
    width: 94%;  
    -moz-column-count:2;
    -webkit-column-count:2;
    text-align: center;
  }
}

.viewpostimage {
    max-width: 280px;
    height: auto;
    float: left;
}

.footer_img {
    display: none;
}

@media screen and (min-width: 600px) {
    .footer_img {
        position: fixed;
        display: block;
        bottom: 0;
        width: 100%;
        max-width: 600px;
        height: 22px;
        background-image: url(/static/img/bottomGradBluePanel.png);
        background-repeat: no-repeat;
        z-index: 11111;
    }
}
/*************************************************
 * Post header buttons
*************************************************/
img#newPostHeaderHilight,
img#newPostHeaderSave {
    cursor: pointer;
}

.hiddenStuffFromPostPage{
	display: none;
}

#viewPostNoteId.viewPostNote.hiddenStuffFromPostPage {
    width: 98%;
    min-height: 1em;
    padding: 1px 7px 1px 5px;
    margin-bottom: 6px;
    font-family: arial;
    border: none;
    background: none;
}

#viewPostNoteSave {
    overflow: hidden;
    margin-right: 15px;
}

.viewPostNoteEdit>textarea {
    width: 100%;
}

#viewPostNoteSave .privateListNoteInAd {
    display: block;
    height: 26px;
    width: 100%;
    background: #c9c6c6;
    padding: 5px 7px;
}

.monospaceFont {
    font: 15px Courier;
}

#viewPostNoteSave .note-save-btn {
    margin: 5px auto 10px auto;
    display: block;
    background: #333;
    border-radius: 4px;
    border: none;
    color: #fff;
    font-style: italic;
    font-weight: bold;
    padding: 3px 5px;
}

.viewPostNote {
    width: 94%;
    margin-left: auto;
    min-height: 1em;
    padding: 3px;
    margin-right: auto;
    margin-bottom: 6px;
    border: 1px solid #bbbbbb;
    padding-bottom: 0px;
    background-color: #eeeeee;
    font-family: arial;
}

.monospaceFont {
    font: 15px Courier;
}

.viewPostNoteShow {
    min-height: 16px;
    padding-top: 2px;
    margin-bottom: 4px;
}

.viewPostNoteButton {
    height: 24px;
    width: 100%;
    margin-bottom: 15px;
    margin-right: 5px;
}

.viewPostNoteEdit {
    margin: 21px 6px 0 0;
}

.privateListAd>.view_note_post>.monospaceFontSmaller {
    padding: 0;
}

.view_note_post>.monospaceFontSmaller {
    padding: 17px 3px 1px 3px;
}

.view_note_post>.monospaceFontSmaller>textarea {
    width: 100%;
}

.privateListButton {
    width: 85px;
    height: 22px;
    line-height: 22px;
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    background-color: #656565;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-left: calc( 50% - 44px );
    margin-top: 3px;
    font-family: 'PT Sans Narrow', sans-serif;
    font-style: italic;
    font-weight: 700;
    float: left;
    -webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.35);
}
/*************************************************
 * Post repost block
*************************************************/
#reportButtonContainer {
	display: inline-flex;
    place-items: flex-start;
	justify-content: space-between;
	margin-top: 30px;
	width: 100%;
}
#reportButtonContainer span#thisIsSpam {
    color: lightgray;
    cursor: pointer;
    background-color: #ff00ff;
    padding: 4px 7px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    transition-duration: .100s;
    margin-right: 3px;
    white-space: nowrap;
}
#reportButtonContainer span#thisIsSpam:active {
	margin-top: 2px;
}
#thankYouContainer {
    width: 100%;
	/* display: inline-flex; */
    justify-content: center;
    position: absolute;
    right: 4px;
	display: none;
}
#thankYouContainer div {
	border: 2px solid green;
    width: fit-content;
    padding: 5px;
    border-radius: 6px;
    color: #4e3502;
    background-color: #fdf676;
    margin: -4px 0 0 0px;
    font-size: 13px;
    font-weight: bolder;
}
/* #avoidScams {
	margin-top: -4px;
	background: url('/static/img/Avoid_Scams_Button.png');
	float: left;
	background-size: 100% 100%;
	width: 130px;
	height: 33px;
}
#reportButton {
    float: right;
    background: url('/static/img/reportPostButton.png');
    background-size: 130px 20px;
    width: 130px;
    height: 20px;
    padding: 0px 0px 0px 0px;
    margin: 0px 5px 9px 5px;
} */
/*************************************************
 * Revieved post
*************************************************/
#moreInfoImagePost {
    position: fixed;
    margin-left: -106px;
    left: 50%;
    bottom: -110px;
    cursor: pointer;
}
/*************************************************
 * Rocky modal popup
*************************************************/
#rocky_modal {
	display: none;
}

#rocky_modal_delete_confirmation {
	display: none;
}

#rocky_modal #fader {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 12000;
	opacity: .00;
	filter: Alpha(Opacity=50);
}

#rocky_modal_delete_confirmation #fader {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 12000;
	opacity: .50;
	filter: Alpha(Opacity=50);
}

#savedPointer {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 28px;  
	z-index: 16000;
}

#hilightPointer {  
	display: none;
	position: fixed;
	bottom: 20px;
	right: 28px;  
	z-index: 16000;
}

#savedPointer img {
	width: 306px;
	height: 158px;
}

#rocky_modal #modal_content{
	width: 296px;
	height: 152px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 13000;	   
	padding: 0px;
	margin: calc(50vh - 59px) 0 0 calc(50vw - 148px);
}

#rocky_modal_delete_confirmation #modal_content_delete_confirmation {
	width: 296px;
	height: 152px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 13000;	   
	padding: 0px;
	margin: 0px; 
}

.notePopUp {
	position: absolute;   
	top: 0px;
	left: 0px;
	width: 296px;
	height: 152px;
	background-image: url('/static/img/popupPostSavedAddNote.png');
}

.notePopUp_delete_confirmation {
	position: absolute;   
	top: 0px;
	left: 0px;
	width: 296px;
	height: 152px;
	background-image: url('/static/img/popupDeleteFromSavedConfirmation.png');
}

.notePopUpSaved {
	position: absolute;   
	top: 0px;
	left: 0px;
	width: 279px;
	height: 140px;
	background-image: url('/static/img/popupPostSavedNew.png');
	display: none;
}

.notePopUpButtons {
	padding: 3px;
	height: 32px;
	text-align: center;
	margin-top: 76px;
}

.notePopUpButtons_delete_confirmation {
	padding: 3px;
	height: 32px;
	text-align: center;
	margin-top: 76px;
}

.notePopUpBtn {
	display: block;
	margin-top: 1px;
	margin-left: 43px;
	float: left;  
}

.notePopUpBtnSave {
	display: block;
	margin-top: 1px;
	margin-left: 19px;
	float: left;  
}

#dialogYesButton {
    margin-left: 18px;
}
/*************************************************
 * Send report
*************************************************/
#postReportPopUp {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 12510;
    width: 100%;
    height: 100%;
}

#postReportPopUpWindow {
    top: 122px;
    position: absolute;
    left: 0;
    width: 300px;
    background-color: #eeeeee;
    z-index: 4600;
    font-size: 15px;
    padding: 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: calc(50vw - 150px);
    margin-top: calc(50vh - 307px);
}

#successMessagePostReport {
    display: none;
    position: fixed;
    left: 0px;
    right: 0px;
    width: 264px;
    height: 277px;
    background-color: #eeeeee;
    z-index: 7000;
    padding: 16px;
    top: 50px;
    border-radius: 6px;
    margin-left: calc(50vw - 131px);
    margin-top: calc(50vh - 204px);
    box-shadow: 0px 5px 15px 2px dimgrey;
}

#successMessagePostReportOkButton {
    width: 40px;
    background: grey;
    color: white;
    font-weight: bold;
    margin: 7px auto 0px 100px;
    padding: 5px;
    bottom: 30px;
    text-align: center;
}

#temporaryLoadingScreen {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 296px;
    height: 346px;
    background-color: white;
    z-index: 7000;
    background: white url(/static/img/spiffygif_76x76.gif);
    background-repeat: no-repeat;
    background-position: center;
}

#postReportWindowCloseButton {
    position: absolute;
    top: 5px;
    right: 5px;
    line-height: 19px;
    text-align: center;
    width: 21px;
    height: 21px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    background-color: #000000;
    color: white;
    font-family: math;
    font-weight: bold;
    font-size: 19px;
    cursor: pointer;
}

#reportPostTitle {
    font-size: 16px;
    font-weight: bold;
}

#postReportReasonError {
    display: none;
    background: red;
    color: #fff;
    margin: 2px auto 2px auto;
    padding: 0px;
    width: 110px;
}

#reportPostDetails {
    resize: none;
    width: 260px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #ffffff;
}

#postReportDetailsError {
    display: none;
    top: 70px;
    left: 84px;
    background: red;
    color: white;
    margin: 2px auto 2px auto;
    padding: 2px;
    width: 103px;
}

.positionRelative {
    position: relative;
    top: 0px;
    left: 0px;
}

#postReportPopUpWindow input[type="text"] {
    border: 1px solid black;
    width: 152px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #ffffff;
}

#postReportEmailConfirmationError {
    display: none;
    position: absolute;
    top: -2px;
    left: 160px;
    background: red;
    color: white;
    margin: 2px;
    padding: 2px;
    width: 110px;
}

#semiTransparentPostReportPopUpBackground {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .50;
    background-color: #000;
    z-index: 4500;
}

#semiTransparentChoicePopUpBackground {   
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .99;
    background-position: 50% 0%;
	background-color: #000;
}

@media screen and (max-width: 330px) {
    #ageCheckAgree { /*for small sreens and iphone5*/
        width: 240px;
        left: calc(50% - 119px);
    }
}
/*************************************************
 * Pagination
*************************************************/
.paginationUnactiveNewArrow {
	float: left;
	width: 50px;
}

.paginationUnactiveNewDots {
	float: left;
	width: 14px;
	color: #ff9966;
	margin-left: -5px;
	font-weight: bold;
}

.paginationUnactiveNew {
	float: left;
	width: 45px;	
}

.paginationUnactiveNew a {
	display: block;
	width: 45px;	
}
.paginationActiveNew {
	float: left;
	width: 45px;
}

.toClearBoth {
	clear: both;
}

#newVersionPagination {
	text-align: center;
	margin: 25px auto 33px auto;
	display: table;
}

.paginationFigureUnactive {
	display: block;
	width: 30px;
	height: 30px;
	background: #ffffff;
	border-radius: 25px;
	color: #ff9966;
	padding: 4px;
	line-height: 19px;
	border: 1px solid #ff9966;
		
}

.paginationFigureActive {
	display: block;
	width: 30px;
	height: 30px;
	background: #ff9966;
	border-radius: 25px;
	color: white;
	padding: 4px;
	line-height: 19px;
}

#paginationNext {
	width: 81px;
	height: 30px;
	background-image: url('/static/img/nextArrow.png');
	background-repeat: no-repeat;
	background-position: 46px 1px;
	position: relative;
	top: -3px;
	left: -32px;
	color: #ff9966;
}
    
#paginationPrevious {
	width: 34px;
	height: 30px;
	background-image: url('/static/img/backArrow.png');
	background-repeat: no-repeat;
	background-position: -3px 1px;
	position: relative;
	top: -3px;
	left: 10px;
	color: #ff9966;
}

.pagination { 
	width: 100%; 
	text-align: center; 
	margin: -4px 0px 30px 0px; 
	clear: both; z-index:5000;
}
/*************************************************
 * Post List
*************************************************/
#citynav #babylonCityName {
    position: relative;
    left: 0px;
    margin-top: 1px;
    margin-bottom: 0;
    display: inline-block;
    font-size: 16px;
}
#babylonCityName span  {
    float: left;
    color: #fdc92e;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    margin-top: 2px;
    margin-right: 20px;
}
#babylonCityName span.h2 {
	color: #ac0101 !important;
	font-size: 16px !important;
	display: block;
	margin-bottom: 5px !important;
    margin-top: 3px;
}
#babylonCityName span.alligator{color: #b8dedd!important;}
#babylonCityName span.uberover{color: #dcd2b4!important;}
#babylonCityName span.independent{color: #fadd87!important;}
#babylonCityName span.c40up{color: #b9c4e2!important;}
#babylonCityName span.c420{color: #fdc92e!important;}
#babylonCityName span.aypapi{color: #e3d87e!important;}
#babylonCityName span.blackdynomite{color: #f6e78e!important;}
#babylonCityName span.candy{color: #e1e36a!important;}
#babylonCityName span.carfun{color: #e3d87e!important;}
#babylonCityName span.cheeposlist{color: #fdc92e!important;}
#babylonCityName span.desidahls{color: #fbe55a!important;}
#babylonCityName span.superasian{color: #f0d5c7!important;}
#babylonCityName span.luxerotica{color: #ebcbc5!important;}
#babylonCityName span.max80{color: #ccd1cd!important;}
#babylonCityName span.megapersonals{color: #fdc92e!important;}
#babylonCityName span.milfy{color: #cad3ed!important;}
#babylonCityName span.spazilla{color: #fdc92e!important;}
#babylonCityName span.transx{color: #e2cedd!important;}
#babylonCityName span.velveteen{color: #fdc92e!important;}
#babylonCityName span.yolo{color: #e3d87e!important;}
#babylonCityName span.open24{color: #f8d0d6!important;}
#babylonCityName span.aaok{color: #948b94!important;}

#citynav.open24 #babylonCityName .h2 {color: #357fb4!important;}
.listad.aaok .listcontent a.listtitle,
.gallerylistad.aaok a.gallerylisttitle {color: #4a2606!important;}
.listad.aaok .listcontent a.listtitle:visited,
.gallerylistad.aaok a.gallerylisttitle:visited {color: #2c8c19!important;}

/*--------topSourcePanel-	z-index: 995;-------*/
#topSourcePanel {   
    left: -324px;
	width: 324px;
	height: 100vh;
	margin: 0px;
	border: 1px solid #000000;
	overflow: scroll;
	font-family: 'Verdana', Sans-serif;
	/* display: none; */
	position: fixed;
	z-index: 900;
	padding-right: 8px;
	padding-left: 8px;
	-webkit-box-shadow: 0px 8px 8px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 8px 8px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 8px 8px rgba(50, 50, 50, 0.75);
	background: #1a3a61; /* Old browsers */
    background: -moz-linear-gradient(left,  #1a3a61 0%, #0a1d36 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1a3a61), color-stop(100%,#0a1d36)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #1a3a61 0%,#0a1d36 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #1a3a61 0%,#0a1d36 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #1a3a61 0%,#0a1d36 100%); /* IE10+ */
    background: linear-gradient(to right,  #1a3a61 0%,#0a1d36 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3a61', endColorstr='#0a1d36',GradientType=1 ); /* IE6-9 */
}

div.topbar img.topbar_img.hidden-lg.hidden-md {
    margin: 5px 0 0 14px;
}

.topbar .topbar_img {
    margin-top: 5px;
}

#tspHeader {
	color:#ffffff;
	background-color: #888888;
	vertical-align: bottom;
	padding: 4px;
	border-bottom: 0px solid #cccccc;
}
.tspListing {
	border-bottom: 1px solid #cccccc;
	background-color: #ffffff;
    margin-top: 5px;
    padding-bottom: 6px;
    height: 82px;
	clear: both;
}

a.tspListing:link,
a.tspListing:visited,
a.tspListing:active,
a.tspListing:hover {
    text-decoration: none; 
    font-weight: normal;
}

#tspContainer {
    background-color: #ffffff;
    padding-left: 8px;
    padding-right: 8px;
}

.tspThumb {
	height: 78px;
	width: 78px;
	border: 0px solid #bbbbbb;
	padding: 2px;
	float: left;
}

.tspThumb img {
    height: 74px;
    width: 74px;
}

.tspText {
	height: 95%;
	padding: 5px;
	padding-top: 0px;
}

.tspSiteName {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.tspSlogan {
	font-size: 12px;
	color:#000000;
}
.tspBlurb {
	font-size: 11px;
	line-height: 13px;
	color: #888888;
	height: auto;
	overflow: hidden;
}

.tspLink {
	font-size: 12px;
}

a.tspLink:link {
	color: #0d7bc1;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

a.tspLink:visited {
	color: #0d7bc1;
	font-size: 12px;
	font-weight: bold;
}

a.tspLink:hover {
	color: #0d7bc1;
	font-size: 12px;
	font-weight: bold;
}

a.tspLink:active {
	color: #0d7bc1;
	font-size: 12px;
	font-weight: bold;
}

#tspOrangeLine {
    height: 3px;
    width: 100%;
    background-color: #ff9000;
}

#tspFeatured {
    color: #757575;
    font-size: 12px;
    border-bottom: 1px solid #ff0000;
    background-color: #ffffff;
    padding: 8px;
    padding-left: 0px;
    padding-bottom: 3px;
}

/*--------topSourcePanel-	z-index: 995;-------*/
#topSourcePanel {   
	width:325px;
	margin:0px;
	border:1px solid #000000;
	overflow: scroll;
	font-family: 'Verdana', Sans-serif;
	display: none;
	position: fixed;
	padding-right:8px;
	padding-left:8px;
	-webkit-box-shadow: 0px 8px 8px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 8px 8px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 8px 8px rgba(50, 50, 50, 0.75);
    background: #1a3a61; /* Old browsers */
    background: -moz-linear-gradient(left,  #1a3a61 0%, #0a1d36 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1a3a61), color-stop(100%,#0a1d36)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #1a3a61 0%,#0a1d36 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #1a3a61 0%,#0a1d36 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #1a3a61 0%,#0a1d36 100%); /* IE10+ */
    background: linear-gradient(to right,  #1a3a61 0%,#0a1d36 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3a61', endColorstr='#0a1d36',GradientType=1 ); /* IE6-9 */
    z-index: 5010;
}

#tspHeader {
	color:#ffffff;
	background-color:#888888;
	vertical-align:bottom;
	padding:4px;
	border-bottom: 0px solid #cccccc;
}
.tspListing {
	border-bottom: 1px solid #cccccc;
	background-color:#ffffff;
    margin-top:5px;
    padding-bottom:6px;
    height:82px;
	clear:both;
}

a.tspListing:link {
    text-decoration:none; 
    font-weight:normal;
}
a.tspListing:visited {
    text-decoration:none; 
    font-weight:normal;
}
a.tspListing:active {
    text-decoration:none; 
    font-weight:normal;
}
a.tspListing:hover {
    text-decoration:none; 
    font-weight:normal;
}

#tspContainer {
    background-color:#ffffff;
    padding-left:8px;
    padding-right:8px;
}

.tspThumb {
	height:78px;
	width:78px;
	border: 0px solid #bbbbbb;
	padding:2px;
	float:left;
}

.tspThumb img {
    height:74px;
    width:74px;
}

.tspText {	
	height:95%;
	padding:5px;
	padding-top:0px;
}

.tspSiteName {
	font-size: 12px;
	color:#000000;
	font-weight:bold;
}

.tspSlogan {
	font-size:12px;
	color:#000000;
}
.tspBlurb {
	font-size: 11px;
	line-height:13px;
	color:#888888;
	height:auto;
	overflow:hidden;
}

.tspLink {
	font-size:12px;
}

a.tspLink:link {
	color:#0d7bc1;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
}

a.tspLink:visited {
	color:#0d7bc1;
	font-size:12px;
	font-weight:bold;
}
a.tspLink:hover {
	color:#0d7bc1;
	font-size:12px;
	font-weight:bold;
}

a.tspLink:active {
	color:#0d7bc1;
	font-size:12px;
	font-weight:bold;
}

#tspOrangeLine {
    height:3px;
    width:100%;
    background-color:#ff9000;
}

#tspFeatured {
    color:#757575;
    font-size:12px;
    border-bottom:1px solid #ff0000;
    background-color:#ffffff;
    padding:8px;
    padding-left:0px;
    padding-bottom:3px;
}
/*************************************************
 * gears menu
*************************************************/
.bottomButtonContainerLightButton {
	border: 0px solid #ff0000;
	float: right;
	display: block;
	position: fixed;
	bottom: 1px;  
	z-index: 400;  
	right: 3px;  
}
#bottomBtnContainer {
	position: fixed;
	bottom:	0;
	z-index: 5000;  
	display: none;
}
.bottomBtnContColumn {
    padding: 0;
    bottom: 0;
    cursor: pointer;
}
#container {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}
#aboutPanelButton {
    /* width: fit-content; */
    margin: 0 0 0 -11px;
}
.floatLeftBottom {
    cursor: pointer;
    width: fit-content;
}
.bottomBtnContainer>saveButton {
    margin: 0 -11px 0 0;
}
/*************************************************
 * About Source Panel
*************************************************/
#aboutSourcePanel {
	display: none;
	top: 700px;
    left: 0;
	width: 304px;
	margin: 0px;
	border: 1px solid #000000;
	overflow: scroll;
	font-family: 'Verdana', Sans-serif;
	font-size: 14px;
	position: fixed;
	z-index: 9000;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 50px;
	-webkit-box-shadow: 0px 8px 8px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 8px 8px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 8px 8px rgba(50, 50, 50, 0.75);
    background: #1a3a61; /* Old browsers */
    background: -moz-linear-gradient(left,  #1a3a61 0%, #0a1d36 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1a3a61), color-stop(100%,#0a1d36)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #1a3a61 0%,#0a1d36 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #1a3a61 0%,#0a1d36 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #1a3a61 0%,#0a1d36 100%); /* IE10+ */
    background: linear-gradient(to right,  #1a3a61 0%,#0a1d36 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3a61', endColorstr='#0a1d36',GradientType=1 ); /* IE6-9 */
}

#clloseXButtonnAbout {
    position: absolute;
    top: 46px;
    right: 8px;
    z-index: 20;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.aboutPanelItalicBold {
    font-weight: bold;
}

.aboutPanelItalicNew {
    font-style: italic;
}

.aboutPanelItalicNewSmaller {
    font-style: italic;
    font-size: 12px;
}

.aboutPanelBold {
    font-weight: bold;
}

.aboutPanelRed {
    color: #000000;
}

.aboutPanelOrange  {
    color: #c28001;
    margin-left:5px;
}

.aboutPanelBlue {
    color: #18479c;
    font-weight: bold;
}

.aboutHeader {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size:28px;
    color: #a70700;
    font-weight:bold;
    font-style:italic;
    float:left;
    height:45px;
    line-height:45px;
}

.aboutHeaderSmall {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 20px;
    color: #5d3d00;
    font-weight: bold;
    font-style: italic;
    float: left;
    height: 40px;
    line-height: 40px;
}

.aboutFeature {
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
} 

#aboutContainer {
    background-color: #ffffff;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 10px;
    height: auto;
}

p.cleared {
    clear: both;
    padding-left: 17px;
    padding-right: 10px;
}

p.clearedSmall {
    clear: both;
    padding-left: 23px;
    margin-top: -3px;
    padding-right: 10px;
}
 
.aboutIcon {
    height: 45px;
    width: 45px;
    float: left;
    margin-left: -5px;
    margin-right: 3px;
}

.aboutIconSmall {
    height: 36px;
    width: 40px;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
}

.aboutIconImg {
    width: 45px;
    height: 45px;
}

.aboutIconImgSmall {
    width: 40px;
    height: 40px;
}
/*************************************************
 * Niche panel gear menu
*************************************************/
#sources_panel #container {
    position: relative;
    display: table-header-group;
}

#sources_panel #container #bottomBtnContainer {
    max-width: 235px;
    width: 235px;
    z-index: 5000;
    display: flex;
    position: relative;
    bottom: 0;
    padding-top: 3px;
    background: -webkit-linear-gradient(#202120, #203f25, #282e34 60%);
    background: linear-gradient(#202120, #203f25, #282e34 60%);
    height: 81px;
    margin-left: 0px;
    overflow: hidden;
}

#bottomBtnContainer {
	max-width: 600px;
	position: fixed;
	bottom:	-900px;
	z-index: 5000;  
	display: block;
}

#bottomBtnContainer img {
	height: 100%;
	max-width: 100%;
}

#bottomBtnContainer img:active {
	margin-top: 3px;
}

#bottomBtnContainer #bottomMenuDenied {
	position: absolute;
	bottom: 18px;
	max-width: 100%;
	height: 64px;
}
/*************************************************
 * Top bar
*************************************************/
#topMenuButton {
	width: 42px;
	height: 49px;
	background-image: url('/static/img/topMenuButton123.png');
	background-repeat: no-repeat;
	margin: 0px;
	margin-top: 0px;
	float: left;
}

.topbar {
    position: fixed;
    clear: both;
    width: 100%;
    max-width: 600px;
    height: 50px;
    z-index: 15;
    padding: 0;
    margin: 0;
    background: #1a3a60;
    background: -moz-linear-gradient(left, #1a3a60 0%, #071830 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1a3a60), color-stop(100%,#071830));
    background: -webkit-linear-gradient(left, #1a3a60 0%,#071830 100%);
    background: -o-linear-gradient(left, #1a3a60 0%,#071830 100%);
    background: -ms-linear-gradient(left, #1a3a60 0%,#071830 100%);
    background: linear-gradient(to right, #1a3a60 0%,#071830 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3a60', endColorstr='#071830',GradientType=1 );
    -webkit-box-shadow: 0px 2px 8px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 2px 8px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 2px 8px rgba(50, 50, 50, 0.75);
}

form.searchbox {
    position: relative;
    top: 0px;
    float: right;
    right: 13px
}

#searchTerm {
    -webkit-appearance: none;
    position: absolute;
    top: 13px;
    right: 6px;
    background: #fff;
    border: 0px solid #bfc8e0;
    font: 13px Verdana,Sans-serif;
    color: #999999;
    width: 164px;
    height: 28px;
    padding: 1px 5px 3px 23px;
    outline: none;
    -webkit-border-radius: 156px 156px 156px 156px;
            border-radius: 156px 156px 156px 156px;
    -webkit-transition: all 0.7s ease 0s;
       -moz-transition: all 0.7s ease 0s;
         -o-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
    -webkit-box-shadow: 0px 3px 3px -2px #6640aa inset;
       -moz-box-shadow: 0px 3px 3px -2px #6640aa inset;
            box-shadow: 0px 3px 3px -2px #6640aa inset;
    background-image: url('/static/img/searchTermGlass.png');
    background-repeat: no-repeat;
    background-position: 5px 0px;
}

.searchbox button {
    background: url('/static/img/search.png') no-repeat #4f6ea5;
    position: absolute;
    top: 13px;
    right: 5px;
    height: 28px;
    width: 34px;
    border: none;
    outline: none;
    -webkit-border-radius: 0px 41px 41px 0px;
    border-radius: 0px 41px 41px 0px;
    background: #6e89cb;
    background-image: none;
    background-image: url('/static/img/search.png');
    background-image: url('/static/img/search.png'), -moz-linear-gradient(top, #6e89cb 0%, #2e4ca4 100%);
    background-image: url('/static/img/search.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6e89cb), color-stop(100%,#2e4ca4));
    background-image: url('/static/img/search.png'), -webkit-linear-gradient(top, #6e89cb 0%,#2e4ca4 100%);
    background-image: url('/static/img/search.png'), -o-linear-gradient(top, #6e89cb 0%,#2e4ca4 100%);
    background-image: url('/static/img/search.png'), -ms-linear-gradient(top, #6e89cb 0%,#2e4ca4 100%);
    background-image: url('/static/img/search.png'), linear-gradient(to bottom, #6e89cb 0%,#2e4ca4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e89cb', endColorstr='#2e4ca4',GradientType=0 );
    display: block;
}
/*************************************************
 * Loader indicator
*************************************************/
#loader-container {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background-color: #0000007a;
}
#circularG {
	position:relative;
	width:40px;
	height:40px;
	margin: auto;
}
.circularG {
	position:absolute;
	background-color:rgb(0,0,0);
	width:9px;
	height:9px;
	border-radius:6px;
		-o-border-radius:6px;
		-ms-border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
	animation-name:bounce_circularG;
		-o-animation-name:bounce_circularG;
		-ms-animation-name:bounce_circularG;
		-webkit-animation-name:bounce_circularG;
		-moz-animation-name:bounce_circularG;
	animation-duration:0.718s;
		-o-animation-duration:0.718s;
		-ms-animation-duration:0.718s;
		-webkit-animation-duration:0.718s;
		-moz-animation-duration:0.718s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}
#circularG_1 {
	left:0;
	top:16px;
	animation-delay:0.268s;
		-o-animation-delay:0.268s;
		-ms-animation-delay:0.268s;
		-webkit-animation-delay:0.268s;
		-moz-animation-delay:0.268s;
}
#circularG_2 {
	left:4px;
	top:4px;
	animation-delay:0.364s;
		-o-animation-delay:0.364s;
		-ms-animation-delay:0.364s;
		-webkit-animation-delay:0.364s;
		-moz-animation-delay:0.364s;
}
#circularG_3 {
	top:0;
	left:16px;
	animation-delay:0.45s;
		-o-animation-delay:0.45s;
		-ms-animation-delay:0.45s;
		-webkit-animation-delay:0.45s;
		-moz-animation-delay:0.45s;
}
#circularG_4 {
	right:4px;
	top:4px;
	animation-delay:0.536s;
		-o-animation-delay:0.536s;
		-ms-animation-delay:0.536s;
		-webkit-animation-delay:0.536s;
		-moz-animation-delay:0.536s;
}
#circularG_5 {
	right:0;
	top:16px;
	animation-delay:0.632s;
		-o-animation-delay:0.632s;
		-ms-animation-delay:0.632s;
		-webkit-animation-delay:0.632s;
		-moz-animation-delay:0.632s;
}
#circularG_6 {
	right:4px;
	bottom:4px;
	animation-delay:0.718s;
		-o-animation-delay:0.718s;
		-ms-animation-delay:0.718s;
		-webkit-animation-delay:0.718s;
		-moz-animation-delay:0.718s;
}
#circularG_7 {
	left:16px;
	bottom:0;
	animation-delay:0.814s;
		-o-animation-delay:0.814s;
		-ms-animation-delay:0.814s;
		-webkit-animation-delay:0.814s;
		-moz-animation-delay:0.814s;
}
#circularG_8 {
	left:4px;
	bottom:4px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}

@keyframes bounce_circularG {
	0%{
		transform:scale(1);
	}
	100%{
		transform:scale(.3);
	}
}
@-o-keyframes bounce_circularG {
	0%{
		-o-transform:scale(1);
	}
	100%{
		-o-transform:scale(.3);
	}
}
@-ms-keyframes bounce_circularG {
	0%{
		-ms-transform:scale(1);
	}
	100%{
		-ms-transform:scale(.3);
	}
}
@-webkit-keyframes bounce_circularG {
	0%{
		-webkit-transform:scale(1);
	}
	100%{
		-webkit-transform:scale(.3);
	}
}
@-moz-keyframes bounce_circularG {
	0%{
		-moz-transform:scale(1);
	}
	100%{
		-moz-transform:scale(.3);
	}
}
/*************************************************
 * Banners
*************************************************/
.sponsor {
    width: 100%;
    position: relative;
    top: 30px;
    margin-top: -36px;
}
/* 
.bannerWrapperOnBriefPage {
    position: relative;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 5px 0;
    border-radius: 10px;
    background: #fff;
}

.iframead {
    width: 100%; 
    height: 192px; 
    border-radius: 10px;
}
.bannerWrapperOnBriefPage iframe,
.bannerWrapperOnGalleryPage iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
}
.bannerWrapperOnGalleryPage {
	position: relative;
	cursor: pointer;
	display: block;
    width: 100%;
    height: 0;
    padding-bottom: 37%; 
    overflow: hidden;
    margin: 5px 0;
    border-radius: 10px;
}
 */
#menubanner_title {
    display: none;
}

#menubanner_container {
    display: block;
	clear: both;
	width: 180px;
	margin: auto;
	position: relative;
	top: 10px;
}

#menubanner_container img {
    max-width: 100%; 
    height: auto;
    display: block; 
    margin: auto;
}

#menubanner_title img {
    width: 120px;
    margin: 0 0 15px 17px;
}

.menubanner_wrapper {
    display: block;
    width: 148px;
    margin: 10px auto;
}

.menubanner_wrapper img {
    margin: 20px auto !important;
}

.menubanner_wrapper img:hover {
    cursor: pointer;
}

/* city picker */
.listmenu_wrapper {
    margin-top: 3px;
}
.citypicker {
    text-align: center;
    max-width: 150px;
    float: left;
    margin-left: 5px;
}

.citypicker span {
    font-size: 11pt;
    font-weight: bold;
}

.citypicker.alligator span {
    color: #ac0101;
    float: left;
    font-size: 16px;
    margin: 4px 0;
}
/*************************************************
 * Post Ad Button
*************************************************/
.adPostButtonGeneral {
    float: right;
    position: relative;
    border: solid #fe3000 0px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    color: #ffffff;
    font-weight: bold;
    font-family: Arial;
    background-color: #58c2fd;
    font-size: 14px;
    padding: 3px 17px 3px 17px;
    margin: 6px 9px 0px 0px;
}

#noSavedPosts,
#noHilightedPosts {
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    clear: both;
}
#noSavedPosts>div {
	font-size: 18px;
	padding: 0 16px;
    color: #05122f;
}
#noSavedPosts>div:nth-child(1) {
	color: #b67625;
	font-size: 23px;
	margin-bottom: 14px;
    line-height: 1.2;
}
#noSavedPosts img {
    width: 185px;
}
#noSavedPosts>div.warning {
    font-size: 16px;
    color: #e0ba8a;
    font-weight: normal;
}
#noSavedPosts.noFollowPosts {
    margin-top: 60px;
}
/*************************************************
 * Menu buttons
*************************************************/
.listswitch_wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
    margin: 5px 3px 0 0;
    padding-right: 8px;
}

.listswitch.square {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    margin: 0 3px;
}

.listswitch.square.pic {
    background-image: url('/static/img/iconPic.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.listswitch.square.pic.active {
    background-image: url('/static/img/iconPicActive.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.listswitch.square.grid {
    background-image: url('/static/img/iconGrid.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.listswitch.square.grid.active {
    background-image: url('/static/img/iconGridActive.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.listswitch.square.video {
    background-image: url('/static/img/videoButtonPic.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.listswitch.square.video.active {
    background-image: url('/static/img/videoButtonPicActive.png');
    background-repeat: no-repeat;
    background-size: cover;
}

#musicTrigger {
    background-image: url(/static/img/superasian/musicBtn.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.listswitch.pill {
    background-color: #ffcc60;
    border: 1px solid #cfa642;
    width: 46px;
    border-radius: 5px;
    margin: -10px 12px 2px -5px;
    padding: 0px 11px 2px;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
}

.listswitch.pill.active {
    background-color: #3957ab;
    border: 1px solid #fec95b;
    color: #ffffff;    
}

.cheeposlist.listswitch.pill {
    color: #605e5e;
    background-color: #ffffcc;
    border: 1px solid #cfa724;
    font-weight: normal;
}

.cheeposlist.listswitch.pill.active {
    color: #ffffff;
    background-color: #c1c166;
    border: 1px solid #cfa724;
    font-weight: bold;
}

.transx.listswitch.pill {
    color: #b79e8d;
    background-color:#564029;
    font-weight: normal;
    font-style: normal;
    margin: 0 6px 0 0;
    padding: 1px 6px;
}

.transx.listswitch.pill.active {
    color: #ffffff;
    background-color: #921302;
    font-weight: bold;
    font-style: normal;
}

a.transx.listswitch {
    color: black;
    background-color: #fcf733;
    border: 1px solid #ef9a23;
    border-radius: 5px;
    font-size: 10pt;
    font-weight: normal;
    padding: 1px 8px;
    margin-right: 8px;
}

a.transx.listswitch.active {
    background-color: #921302;
    color: #ffffff;
    font-weight: bold;
}

.listswitch_wrapper .transx.listswitch:nth-child(4) {
	font-style: italic;
}

.listswitch.pill:last-child {
    margin-right: 0;
}

.nav {
    background-color: #564029;
    border: 1px solid #ca00dd;
    width: 46px;
    border-radius: 5px;
    margin: 12px 12px 2px -5px;
    padding: 0px 4px 2px 4px;
    text-align: center;
    font-size: 10pt;
    float: right;

}

.reviewedButton {
    width: 90px;
    background-color: #fcf733;
    border: 1px solid #ef9a23;
    font-style: italic;
    color: #000;
    padding-bottom: 1px;
    box-sizing: border-box;
}


.activereviewedButton {
    width: 90px;
    background-color: #931302;
    border: 1px solid #ca00dd;
    font-style: italic;
    color: #000;
}


.activeVideoCheeponav, .activenav, .nav {
    height: 20px !important;
    line-height: 1 !important;
    box-sizing: border-box;
    padding: 0 !important;
    font-size: inherit;
}

a.reviewedLink {
    color: #000;
}

a.activenavtext {
    color: #ffffff;
    outline: none;
    font-size: 10pt;
    font-weight: bold;
}

a.activenavtext:link {
    text-decoration: none;
}

.nav a.reviewedLink {
    color: #000;
    font-weight: normal;
}
/*************************************************
 * Search results
*************************************************/
.searchreturn {
    text-align: right;
    clear: both;
    margin-top: 5px;
    width: fit-content;
    border: 0px solid #ff0011;
    color: black;
    height: 18px;
    line-height: 18px;
    margin-bottom: 0px;
    padding: 8px;
}
.searchreturn .searchResults {
    font-size: 10pt;
    margin-right: 7px;
    text-align: center;
    display: inline;
}
.searchreturn .backnav {
    background-color: #FFFFC9;
    border: 0 solid #FFF000;
    border-radius: 5px;
    float: right;
    font-size: 12px;
    line-height: 14px;
    margin: 0 5px 10px 0;
    padding: 4px;
    padding-right: 4px;
    padding-left: 4px;
    text-align: center;
}
.searchreturn a.backnavtext {
    color: #6f0202;
    outline: none;
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
}
.searchreturn a.backnavtext:link {
    display: block;
    text-decoration: none;
}
/*************************************************
 * Brief list
*************************************************/
.listheader {
    margin-top: 50px;
}
.listheader img {
    width: 100%;
    margin-bottom: 8px;
}
.listwrapper {
    padding:0 5px;
}
.listwrapper.transx {
    margin-top: 10px;
}
.briefdate {
	font-size: 11pt;
	font-weight: bold;
	/* color: #000000; */
	width: 98%;
	padding: 0px 0px 2px 8px;
	margin: 6px 5px 5px 0px;
	clear: both;
	color: #fff;
	width: 96%;
    background: -moz-linear-gradient(left, rgba(114,133,76,1) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(114,133,76,1) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(114,133,76,1) 0%,rgba(255,255,255,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72854c', endColorstr='#1affffff',GradientType=1 ); /* IE6-9 */
}

.follow .briefdate {
	color: #fff !important;
	background: -moz-linear-gradient(left, rgba(220, 115, 182, 1) 0%, rgba(255,255,255,0.1) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(220, 115, 182, 1) 0%,rgba(255,255,255,0.1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(220, 115, 182, 1) 0%,rgba(255,255,255,0.1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc73b6', endColorstr='#1affffff',GradientType=1 ) !important; /* IE6-9 */
}


.briefdate.alligator,
.briefdate.escortbabylon {
    color: #fff;
    background: -moz-linear-gradient(left, rgba(114,133,76,1) 0%, rgba(255,255,255,0.1) 100%);
    background: -webkit-linear-gradient(left, rgba(114,133,76,1) 0%,rgba(255,255,255,0.1) 100%);
    background: linear-gradient(to right, rgba(114,133,76,1) 0%,rgba(255,255,255,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72854c', endColorstr='#1affffff',GradientType=1 );
}

.briefdate.uberover {
    color: #000;
    background: -moz-linear-gradient(left, rgba(255,250,122,1) 0%, rgba(255,255,255,0.1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,250,122,1) 0%,rgba(255,255,255,0.1) 100%);
    background: linear-gradient(to right, rgba(255,250,122,1) 0%,rgba(255,255,255,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffa7a', endColorstr='#1affffff',GradientType=1 );
}

.briefdate.independent {
    color: #915d02;
    background: -moz-linear-gradient(left, rgba(255,240,198,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,240,198,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,240,198,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0c6', endColorstr='#00ffffff',GradientType=1 );
}

.briefdate.cheeposlist {
    font-weight: normal;
    background: #eeeeee;
    background: -moz-linear-gradient(left, #ccc7dc 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ccc7dc), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #ccc7dc 0%,#ffffff 100%);
    background: -o-linear-gradient(left, #ccc7dc 0%,#ffffff 100%);
    background: -ms-linear-gradient(left, #ccc7dc 0%,#ffffff 100%);
    background: linear-gradient(to right, #ccc7dc 0%,#ffffff 100%);
}

.briefdate.fourtyup {
    background: #d9d3e2;
    background: -moz-linear-gradient(left, #d9d3e2 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d9d3e2), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #d9d3e2 0%,#ffffff 100%);
    background: -o-linear-gradient(left, #d9d3e2 0%,#ffffff 100%);
    background: -ms-linear-gradient(left, #d9d3e2 0%,#ffffff 100%);
    background: linear-gradient(to right, #d9d3e2 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d3e2', endColorstr='#ffffff',GradientType=1 );
}

.briefdate.blackdynomite {
    color: #915d02;
    background: -moz-linear-gradient(left, rgba(255,240,198,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,240,198,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,240,198,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0c6', endColorstr='#00ffffff',GradientType=1 );
}

.briefdate.aaok {
    color: #915d02;
    background: -moz-linear-gradient(left, rgba(255,240,198,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,240,198,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,240,198,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0c6', endColorstr='#00ffffff',GradientType=1 );
}

.briefdate.luxerotica {
    font-size: 11pt;
    font-weight: bold;
    color: #ffffff;
    background: #898989;
    background: -moz-linear-gradient(left, #898989 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#898989), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #898989 0%,#ffffff 100%);
    background: -o-linear-gradient(left, #898989 0%,#ffffff 100%);
    background: -ms-linear-gradient(left, #898989 0%,#ffffff 100%);
    background: linear-gradient(to right, #898989 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#ffffff',GradientType=1 );
}

.briefdate.desidahls {
    font-size: 11pt;
    font-weight: bold;
    color: #000000;
    background: #ffe2c1;
    background: -moz-linear-gradient(left, #ffe2c1 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffe2c1), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #ffe2c1 0%,#ffffff 100%);
    background: -o-linear-gradient(left, #ffe2c1 0%,#ffffff 100%);
    background: -ms-linear-gradient(left, #ffe2c1 0%,#ffffff 100%);
    background: linear-gradient(to right, #ffe2c1 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe2c1', endColorstr='#ffffff',GradientType=1 );
}

.briefdate.milfy {
    font-size: 11pt;
    font-weight: bold;
    color: #000000;
    background: #c7d1dd;
    background: -moz-linear-gradient(left, #c7d1dd 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c7d1dd), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #c7d1dd 0%,#ffffff 100%);
    background: -o-linear-gradient(left, #c7d1dd 0%,#ffffff 100%);
    background: -ms-linear-gradient(left, #c7d1dd 0%,#ffffff 100%);
    background: linear-gradient(to right, #c7d1dd 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7d1dd', endColorstr='#ffffff',GradientType=1 );
}

.briefdate.max80 {
    font-size: 11pt;
    font-weight: bold;
    color: #ffffff;
    background: #636363;
    background: -moz-linear-gradient(left, #636363 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#636363), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #636363 0%,#ffffff 100%);
    background: -o-linear-gradient(left, #636363 0%,#ffffff 100%);
    background: -ms-linear-gradient(left, #636363 0%,#ffffff 100%);
    background: linear-gradient(to right, #636363 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#ffffff',GradientType=1 );
}

.briefdate.candy {
    font-size: 11pt;
    font-weight: bold;
    color: #000000;
    background: #fcd6b5;
    background: -moz-linear-gradient(left, #fcd6b5 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcd6b5), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #fcd6b5 0%,#ffffff 100%);
    background: -o-linear-gradient(left, #fcd6b5 0%,#ffffff 100%);
    background: -ms-linear-gradient(left, #fcd6b5 0%,#ffffff 100%);
    background: linear-gradient(to right, #fcd6b5 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd6b5', endColorstr='#ffffff',GradientType=1 );
}

.briefdate.yolo {
    font-size: 11pt;
    font-weight: bold;
    color: #000000;
    background: #ffe882;
    background: -moz-linear-gradient(left, #ffe882 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffe882), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #ffe882 0%,#ffffff 100%);
    background: -o-linear-gradient(left, #ffe882 0%,#ffffff 100%);
    background: -ms-linear-gradient(left, #ffe882 0%,#ffffff 100%);
    background: linear-gradient(to right, #ffe882 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe882', endColorstr='#ffffff',GradientType=1 );
}

.briefdate.aypapi {
    font-size: 11pt;
    font-weight: bold;
    color: #000000;
    background: #c7e0af;
    background: -moz-linear-gradient(left, #c7e0af 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c7e0af), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #c7e0af 0%,#ffffff 100%);
    background: -o-linear-gradient(left, #c7e0af 0%,#ffffff 100%);
    background: -ms-linear-gradient(left, #c7e0af 0%,#ffffff 100%);
    background: linear-gradient(to right, #c7e0af 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7e0af', endColorstr='#ffffff',GradientType=1 );
}

.briefdate.carfun {
    font-size: 11pt;
    font-weight: bold;
    color: #000000;
    background: #ffe57e;
    background: -moz-linear-gradient(left, #ffe57e 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffe57e), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #ffe57e 0%,#ffffff 100%);
    background: -o-linear-gradient(left, #ffe57e 0%,#ffffff 100%);
    background: -ms-linear-gradient(left, #ffe57e 0%,#ffffff 100%);
    background: linear-gradient(to right, #ffe57e 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe57e', endColorstr='#ffffff',GradientType=1 );
}

.briefdate.superasian {
    font-size: 11pt;
    font-weight: bold;
    color: #000000;
    width: 98%;
    padding: 1px 0px 2px 8px;
    margin: 0px 5px 5px 0px;
    clear: both;
    background: #d9e9e9;
    background: -moz-linear-gradient(left, #d9e9e9 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d9e9e9), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #d9e9e9 0%,#ffffff 100%);
    background: -o-linear-gradient(left, #d9e9e9 0%,#ffffff 100%);
    background: -ms-linear-gradient(left, #d9e9e9 0%,#ffffff 100%);
    background: linear-gradient(to right, #d9e9e9 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e9e9', endColorstr='#ffffff',GradientType=1 );
}

.briefdate.manup {
    font-size: 11pt;
    font-weight: bold;
    color: #836953;
    width: 98%;
    padding: 1px 0px 2px 8px;
    margin: 0px 5px 5px 0px;
    clear: both;
    background: lightblue;
    background: -moz-linear-gradient(left, lightblue 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,lightblue), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, lightblue 0%,#ffffff 100%);
    background: -o-linear-gradient(left, lightblue 0%,#ffffff 100%);
    background: -ms-linear-gradient(left, lightblue 0%,#ffffff 100%);
    background: linear-gradient(to right, lightblue 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='lightblue', endColorstr='#ffffff',GradientType=1 );
}

.briefdate.transx {
    font-size: 11pt;
    font-weight: bold;
    color: #3B2E01;
    width: 98%;
    padding: 1px 0px 2px 8px;
    margin: 0px 5px 5px 0px;
    clear: both;
    background: #dac5db; /* Old browsers */
    background: -moz-linear-gradient(left, #dac5db 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dac5db), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #dac5db 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #dac5db 0%, #ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #dac5db 0%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(to right, #dac5db 0%, #ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dac5db', endColorstr='#ffffff', GradientType=1); /* IE6-9 */
}

.listad {
    width: 100%;
    min-height: 115px;
    max-height: 115px;
    padding: 0;
    clear: both;
    overflow: hidden;
    position: relative;
}

.listad.alligator,
.listad.escortalligator,
.listad.escortbabylon,
.listad.yolo {
    font-weight: normal;
    background: #eeeeee;
    background: -moz-linear-gradient(to bottom, #EBECEB 0%,#ffffff 100%);
    background: -webkit-gradient(to bottom, #EBECEB 0%,#ffffff 100%);
    background: -webkit-linear-gradient(to bottom, #EBECEB 0%,#ffffff 100%);
    background: -o-linear-gradient(to bottom, #EBECEB 0%,#ffffff 100%);
    background: -ms-linear-gradient(to bottom, #EBECEB 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #EBECEB 0%,#ffffff 100%);
}
.listad[class$="up"] { /* subdomain == 40up */
    background: #fff8ea; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff8ea 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff8ea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff8ea 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff8ea 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff8ea 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff8ea 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff8ea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.listad.independent {
    background: #EBECEB; /* Old browsers */
    background: -moz-linear-gradient(top,  #EBECEB 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EBECEB), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #EBECEB 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #EBECEB 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #EBECEB 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #EBECEB 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBECEB', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.listad.luxerotica {
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.listad.uberover {
    background: #EBECEB; /* Old browsers */
    background: -moz-linear-gradient(top,  #EBECEB 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EBECEB), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #EBECEB 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #EBECEB 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #EBECEB 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #EBECEB 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBECEB', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.listad.milfy {
    background: #fff8dd; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff8dd 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff8dd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff8dd 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff8dd 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff8dd 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff8dd 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff8dd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.listad.max80 {
    background: #fff5e2; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff5e2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff5e2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff5e2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff5e2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff5e2 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff5e2 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.listad.candy {
    background: #fff7fc; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff7fc 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff7fc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff7fc 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff7fc 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff7fc 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff7fc 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7fc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.listad.aypapi {
    background: #fffbe5; /* Old browsers */
    background: -moz-linear-gradient(top,  #fffbe5 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbe5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fffbe5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fffbe5 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fffbe5 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fffbe5 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbe5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.listad.carfun {
    background: #f4f3e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #f4f3e8 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f3e8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f4f3e8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f4f3e8 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f4f3e8 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f4f3e8 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f3e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.listad.superasian {
    background: #fff8ea; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff8ea 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff8ea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff8ea 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff8ea 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff8ea 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff8ea 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff8ea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.listad.blackdynomite {
    background: #fff8ea; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff8ea 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff8ea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff8ea 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff8ea 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff8ea 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff8ea 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff8ea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.listad.open24 {
    background: #fafae5; /* Old browsers */
    background: -moz-linear-gradient(top,  #fafae5 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafae5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fafae5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fafae5 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fafae5 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fafae5 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafae5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.listad.aaok {
    background: #c9c7c9; /* Old browsers */
    background: -moz-linear-gradient(top,  #c9c7c9 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c7c9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c9c7c9 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c9c7c9 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c9c7c9 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c9c7c9 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c7c9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.listad.transx {
    background: #f7f6f2; /* Old browsers */
    background: -moz-linear-gradient(top, #f7f6f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f6f2), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f7f6f2 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f7f6f2 0%, #ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f7f6f2 0%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f7f6f2 0%, #ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f6f2', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.briefdate.open24 {
    font-size: 11pt;
    font-weight: bold;
    color: #537532;
    width: 98%;
    padding: 1px 0px 2px 8px;
    margin: 0px 5px 5px 0px;
    clear: both;
    background: #baee89; /* Old browsers */
    background: -moz-linear-gradient(left, #baee89 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #baee89), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #baee89 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #baee89 0%, #ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #baee89 0%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(to right, #baee89 0%, #ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#baee89', endColorstr='#ffffff', GradientType=1); /* IE6-9 */
}
.briefdate.aaok {
    font-size: 11pt;
    font-weight: bold;
    color: #56bb42;
    width: 98%;
    padding: 1px 0px 2px 8px;
    margin: 0px 5px 5px 0px;
    clear: both;
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(left, #000000 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #000000), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #000000 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #000000 0%, #ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #000000 0%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(to right, #000000 0%, #ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=1); /* IE6-9 */
}

.listthumb {
    display: block;
    position: relative;
    float: left;
    z-index: 10;
    margin: 0;
    width: 97px;
    height: 97px;
}

.videothumb {
    border: 1px solid #666;
}

.listthumb img {
    max-width: 100%;
    height: auto;
    border: 1px solid #666;
}

.ribbon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70%;
    height: auto!important;
    opacity: .8;
    border: none!important;
}

.mpimg {
    display: inline-block;
    float: left;
    border: 3px solid yellow;
}

.listcontent {
    font-size: 8pt;
    max-height: 118px;
    position: relative;
    float: none;
    width: 100%;
    display: block;
}
a:link {
    font-size: 13px;
    color: #01469c;
    font-weight: bold;
    text-decoration: none;
    padding-bottom: 1px;
}
a.listtitle {
    font-size: 13px;
    line-height: 1.3em;
    padding-top: 5px;
}

.gallerylistdate1 {
    position: absolute;
    left: 6px;
    bottom: 0;
    font-size: 11px;
    color: #777777;
}

.listinfo {
    left: 5px;
    font-size: 6pt;
    line-height: 1.3em;
    display: block;
    position: relative;
    overflow: hidden;
    margin-top: 0px;
    word-wrap: break-word;
    width: 67%;
}

.spazilla .listinfo {
    width: calc(100% - 60px);
}
.listbody {
    display: block;
    height: 52px;
    overflow: hidden;
    margin-top: 0px;
    line-height: 1.3em;
    position: relative;
    left: 7px;
    width: 67%;
    white-space: pre-wrap;
}

.titleAge {
    display: inline-block;
    height: 13px;
    font-size: 11px;
    border: 1px solid #f5b700;
    border-radius: 0.25em;
    padding: 0px 3px;
    margin: 8px 0px 0px 2px;
    background-color: white;
}

.videoIcon {
    position: absolute;
    top: 4px;
    left: 4px;
    height: 15px;
    width: 42px;
    z-index: 11;
}

.videoIcon img{
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.playIcon {
    display: inline-block;
    width: 20px;
    height: auto;
    border: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: -2px;
}

.camouflage3 {
    position: absolute;
    width: 100%;
    height: 56px;
    left: 100px;
    bottom: 0px;
    z-index: 10;
}
.whiteGradientNew {
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(30%,rgba(255,255,255,0)), color-stop(69%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 69%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 69%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 69%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 69%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fff',GradientType=0 );
}

.nonHighlighBackground {
	background-color: #f5f5f5;
}

.highlifgtGradient {
	background: -moz-linear-gradient(top,  rgba(255,255,204,0) 0%, rgba(255,255,204,1) 75%, rgba(255,255,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,204,0)), color-stop(75%,rgba(255,255,204,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,204,0) 0%,rgba(255,255,204,1) 75%,rgba(255,255,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,204,0) 0%,rgba(255,255,204,1) 75%,rgba(255,255,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,204,0) 0%,rgba(255,255,204,1) 75%,rgba(255,255,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,204,0) 0%,rgba(255,255,204,1) 75%,rgba(255,255,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}

.whiteGradient{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(75%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fff',GradientType=0 );
}

.greyGradient{
	background: -moz-linear-gradient(top, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 75%, rgba(245,245,245,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,0)), color-stop(75%,rgba(245,245,245,1)), color-stop(100%,rgba(245,245,245,1)));
	background: -webkit-linear-gradient(top, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 75%,rgba(245,245,245,1) 100%);
	background: -o-linear-gradient(top, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 75%,rgba(245,245,245,1) 100%);
	background: -ms-linear-gradient(top, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 75%,rgba(245,245,245,1) 100%);
	background: linear-gradient(to bottom, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 75%,rgba(245,245,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5f', endColorstr='#f5f5f5',GradientType=0 );
}

.greyGradientNew{
	background: -moz-linear-gradient(top, rgba(245,245,245,0) 0%, rgba(245,245,245,0) 30%, rgba(245,245,245,1) 69%, rgba(245,245,245,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,0)), color-stop(30%,rgba(245,245,245,0)), color-stop(69%,rgba(245,245,245,1)), color-stop(100%,rgba(245,245,245,1)));
	background: -webkit-linear-gradient(top, rgba(245,245,245,0) 0%, rgba(245,245,245,0) 30%, rgba(245,245,245,1) 69%, rgba(245,245,245,1) 100%);
	background: -o-linear-gradient(top, rgba(245,245,245,0) 0%, rgba(245,245,245,0) 30%, rgba(245,245,245,1) 69%, rgba(245,245,245,1) 100%);
	background: -ms-linear-gradient(top, rgba(245,245,245,0) 0%, rgba(245,245,245,0) 30%, rgba(245,245,245,1) 69%, rgba(245,245,245,1) 100%);
	background: linear-gradient(to bottom, rgba(245,245,245,0) 0%, rgba(245,245,245,0) 30%, rgba(245,245,245,1) 69%, rgba(245,245,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5f', endColorstr='#f5f5f5',GradientType=0 );
}

.highlighBackgroundNoBorder {
	background-color: #ffc;
	border:0px;
}

#rocky_modal_delete_confirmation {
    display: none;
}

#rocky_modal_delete_confirmation #fader {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 12000;
    opacity: .50;
    filter: Alpha(Opacity=50);
}

#rocky_modal_delete_confirmation #modal_content_delete_confirmation {
    width: 296px;
    height: 152px;
    position: fixed;
    top: calc(50% - 74px);
    left: calc(50% - 149px);
    z-index: 13000;
    padding: 0px;
    margin: 0px;
}

.notePopUp_delete_confirmation {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 296px;
    height: 152px;
    background-image: url(/static/img/popupDeleteFromSavedConfirmation.png);
}

.notePopUpButtons_delete_confirmation {
    padding: 3px;
    height: 32px;
    text-align: center;
    margin-top: 76px;
}

.notePopUpBtn {
    display: block;
    margin-top: 1px;
    margin-left: 43px;
    float: left;
}

.notePopUpBtnSave {
    display: block;
    margin-top: 1px;
    margin-left: 19px;
    float: left;
}

.briefpost {
    background: #e2e2e2; /* Old browsers */
    background: -moz-linear-gradient(top,  #e2e2e2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e2e2e2 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.date { font-size: 7.5px; color: #999999; }

.listImageThumbs.maps {
    height: 51px;
    width: 51px;
    border: 0px solid #ccc;
    position: absolute;
    top: 0;
    right: 10px;
}
/*************************************************
 * Private page
*************************************************/
.privateListAd {
	width: 97%;
	padding: 0px;
	margin: 0px 5px 5px 5px;
	position: relative;     
	padding-left:5px;    
	border: 2px solid #82fa4d;
}

.privateListInfo {
	 font-size: 10pt; 
	 line-height: 12pt;
	 display: block;
 	 overflow: hidden;
	 margin-top: 0px;	
	 word-wrap: break-word;
	 width: 98%; 
	 height:21pt;
	 padding:3px;
	 padding-bottom:0px;
}

a.privateListTitle {
    font-size: 10pt;
}

.privateListBodyContainer {
    height: 100%;
    margin: 0;
    margin-right: 5px;
	
}

.privateListImageThumbs {
	border: 1px solid #CCCCCC;
    float: left;
    height: 71px;
    margin: 1px;
    margin-bottom: 3px;
    margin-right: 0px;
    width: 71px;
	
}
.privateListButtonContainer {
    height: 27px;
    clear: both;
    margin-left: 3px;
    margin-bottom: 5px;
}


.privateListRightContainer {
    float: right;
    width: 80px;
    text-align: center;
}
.privateListTextContainer {
    height: 14px;
    width: 207px;
    clear: both;
    padding-left: 5px;
}


.privateListSavedDate {
    color: #ffffff;
    background-color: #000000;
    height: 14px;
    border: 1px solid #000000;
    font-size: 8pt;
    display: inline-block;
}

.privateListLocation {
    font-size: 9pt;
    padding-left: 3px;
}

.privateListButton {
    width: 85px;
    height: 22px;
    line-height: 22px;
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    background-color: #656565;
    border-radius:  3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 3px;
    margin-right: 6px;
    font-family:  'PT Sans Narrow', sans-serif;
    font-style: italic;
    font-weight: 700;
    float: left;
    cursor: pointer;
    -webkit-box-shadow: 0px 3px 11px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow:    0px 3px 11px 0px rgba(50, 50, 50, 0.35);
    box-shadow:         0px 3px 11px 0px rgba(50, 50, 50, 0.35);
}

a.privateListButtonLink:link {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
a.privateListButtonLink:hover {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
a.privateListButtonLink:active {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
a.privateListButtonLink:visited{
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.privateListButton.move {
    background-color: #54b0ca;
}

.privateListButton.delete {
    background-color: #c63144;
}

.privateListButton.edit {
    background-color: #faaa3c;
}

.privateListButton.editPost {
	background-color: #faaa3c;
    cursor: pointer;
	margin-left: calc(50% - 40px);
}

.privateListButton.make {
    background-color: #BC9C5B;
}

.privateListButton.makePost {
	background-color: #BC9C5B;
	margin-left: calc(50% - 40px);
	margin-top: 20px;
	margin-bottom: 20px;
}

.privateListButton.post {
    background-color: #000000;
    float: right;
    margin-right: 3px;
}

.savedBullet {
    float: left;
    height: 2em;
    margin-right: 3px;
}

.savedBullet img {
    height: 2.0em;
}

.view_note_post {
    background-color: #ffffff;
    font-family: courier;
    width:96%;
    margin: 5px 5px 5px 0px;
    border: 1px solid #e1e0e0;
    font-size: 11px;
    padding: 1px 3px 1px 3px;
}

.privateListNoteInAd {
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	height: 1em;
	font-size: 14px;  
	font-weight: bold;
	float: left;
    margin-bottom: 3px;
}

.mainSaved {
    width: 100%;
    height: 100%;
    padding-top: 0px;
    max-width: 600px;
}

@media screen and (max-width: 835px) {
    .mainSaved {
        max-width: 600px;
        width: calc(100% - 237px);
    }
}


#savedList {
    margin: 5px 10px 10px 6px;
}

.savedListAd {
    width: 98%;
    min-height: 120px;
    overflow: hidden;
    padding: 8px 3px 0px 3px;
    margin: 4px 5px 0px 0px;
    position: relative;
}

.savedListImage {
    width: 97px;
    height: 97px;
    text-align: center;
    border: solid 1px #666666;
    overflow: hidden;
    background-color: #999999;
    position: absolute;
    top: 2px;
    left: 2px;
}

.savedGalleryListDatePrivate {
    position: absolute;
    top: 10px;
    font-size: 9px;
    color: #777777;
    width: 154px;
    padding: 0px 0px 0px 0px;
    margin: 93px 0px 0px 4px;
    z-index: 1;
}

.savedListContent {
    font-size: 8pt;
    max-height: 118px;
    position: relative;
    float: none;
    width: 100%;
    display: block;
    margin-top: -5px;
}

.fakeBlock {
    display: block;
    width: 99px;
    height: 98px;
    float: left;
    position: absolute;
    left: 0px;
}

.savedListInfo {
    font-size: 6pt;
    line-height: 1.3em;
    display: block;
    position: relative;
    left: 105px;
    overflow: hidden;
    margin-top: 0px;
    word-wrap: break-word;
    width: 64%;
    font-weight: bold;
}

.savedBullet {
    float: left;
    height: 2em;
    margin-right: 3px;
}

.savedBullet img {
    height: 2.0em;
}

a.listtitle.private {
    font-size: 8pt;
    line-height: 1.5em;
    font-weight: bold;
}

.savedTitleAge {
    display: inline-block;
    height: 13px;
    font-size: 11px;
    border: 1px solid #f5b700;
    border-radius: 0.25em;
    -o-border-radius: 0.25em;
    -ms-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    padding: 0px 3px;
    margin: 0px 0px 0px 5px;
    background-color: white;
    line-height: 13px;
    text-align: center;
}

.savedListBody {
    display: block;
    height: 70px;
    overflow: hidden;
    margin-top: 0px;
    line-height: 1.3em;
    position: relative;
    left: 105px;
    width: 64%;
}

.clearrHeight {
    clear: both;
}

.imageBehind {
    position: absolute;
    top: 105px;
    left: 0px;
    width: 98px;
    height: 10px;
}
/*************************************************
 * Starbullet
*************************************************/
.starBullet {
    width: 20px;
    height: 20px;
    padding: 0 0 0 0;
    margin: 0 0 -3px 0;
    display: inline-block;
}
    
.escortalligator .starBullet,
.escortbabylon .starBullet,
.alligator .starBullet {
    background-image: url('/static/img/newSiteIcons/alligatorSmall.png');
}

.follow .listcontent .starBullet {
    background-image: url('/static/img/newSiteIcons/followingClickletSmall.png');
}

.uberover .starBullet {
    background-image: url('/static/img/newSiteIcons/outcallSmall.png');
}

.independent .starBullet {
    background-image: url('/static/img/newSiteIcons/independentSmall.png');
}

.cheeposlist .starBullet {
    background-image: url('/static/img/cheeposlist/miniIcon.png');
}

.fourtyup .starBullet {
    background-image: url("/static/img/40up/miniIcon.png");
}

.blackdynomite .starBullet {
    background-image: url('/static/img/newSiteIcons/blackDynomiteSmall.png');
}

.luxerotica .starBullet {
    background-image: url('/static/img/newSiteIcons/luxEroticaSmall.png');
}

.desidahls .starBullet {
    background-image: url("/static/img/desidahls/miniIcon.png");
}

.milfy .starBullet {
    background-image: url('/static/img/listIconMilfy.png');
}

.max80 .starBullet {
    background-image: url('/static/img/max80/miniIcon.png');
}

.candy .starBullet {
    background-image: url("/static/img/candy/miniIcon.png");
}

.yolo .starBullet {
    background-image: url('/static/img/yolo/miniIcon.png');
}

.aypapi .starBullet {
    background-image: url("/static/img/aypapi/miniIcon.png");
}

.carfun .starBullet {
    background-image: url('/static/img/carfun/miniIcon.png');
}

.superasian .starBullet {
    background-image: url('/static/img/newSiteIcons/hkBoboSmall.png');
}

/* .fortunecookies .starBullet {
    background-image: url('/static/img/newSiteIcons/fortunecookiesSmall.png');
} */
.fortunecookies .starBullet {
    background-image: url('/static/img/newSiteIcons/fortunecookiesSBig.png');
    background-size: 20px 20px;
}

.manup .starBullet {
    background-image: url('/static/img/newSiteIcons/manUpSmall.png');
}

.aaok .starBullet {
    background-image: url('/static/img/newSiteIcons/aaokSmall.png');
}

.open24 .starBullet {
    background-image: url('/static/img/newSiteIcons/open24Small.png');
}

.transx .starBullet {
    background-image: url('/static/img/transx/miniIcon.png');
}

.starBullet {
    width: 20px;
    height: 20px;
    padding: 0 0 0 0;
    margin: 0 0 -3px 0;
    display: inline-block;
    background-image: url('/static/img/newSiteIcons/alligatorSmall.png');
}

.starBulletPost {
	width: 45px;
	height: 45px;
	padding: 0px 0px 0px 0px;
	margin: -16px 0px -3px -1px;
	display: inline-block;
	background-image: url('/static/img/newSiteIcons/alligator.png');
	float: left;
	background-size: 100%;
}

.starBulletPost.followed,
.starBulletPostSmallWithIcon.followed {
    background-image: url('/static/img/newSiteIcons/followingClicklet.png')!important;
}

.starBulletPostSmallWithIcon {
	float: left;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: relative;
	top: -1px;
	background-image: url('/static/img/newSiteIcons/alligator.png');
	background-size: 100%;
	padding: 0;
	margin: 0 8px 0 1px;
}

.starBulletPostSmallWithIcon.transx {
	background-image: url(/static/img/newSiteIcons/transXPost.png);
}
.starBulletPostSmallWithIcon.independent {
	background-image: url(/static/img/newSiteIcons/independentPost.png);
}
.starBulletPostSmallWithIcon.blackdynomite {
    background-image: url('/static/img/newSiteIcons/blackDynomitePost.png');
}
.starBulletPostSmallWithIcon[class$="up"] {
    background-image: url(/static/img/newSiteIcons/40UpPost.png);
}
.starBulletPostSmallWithIcon.luxerotica {
    background-image: url(/static/img/newSiteIcons/luxEroticaPost.png);
}
.starBulletPostSmallWithIcon.desidahls {
    background-image: url(/static/img/newSiteIcons/desiDahlsPost.png);
}
.starBulletPostSmallWithIcon.uberover {
    background-image: url(/static/img/newSiteIcons/outcall.png);
}
.starBulletPostSmallWithIcon.milfy {
    background-image: url(/static/img/newSiteIcons/milfyPost.png);
}
.starBulletPostSmallWithIcon.max80 {
    background-image: url(/static/img/newSiteIcons/max80Post.png);
}
.starBulletPostSmallWithIcon.candy {
    background-image: url(/static/img/newSiteIcons/candyPost.png);
}
.starBulletPostSmallWithIcon.yolo {
    background-image: url(/static/img/newSiteIcons/yoloPost.png);
}
.starBulletPostSmallWithIcon.aypapi {
    background-image: url(/static/img/newSiteIcons/ayPapiPost.png);
}
.starBulletPostSmallWithIcon.carfun {
    background-image: url(/static/img/newSiteIcons/carFunPost.png);
}
.starBulletPostSmallWithIcon.superasian {
    background-image: url(/static/img/newSiteIcons/hkBoboPost.png);
}
.starBulletPostSmallWithIcon.fortunecookies {
    background-image: url(/static/img/newSiteIcons/fortunecookies.png);
}
.starBulletPostSmallWithIcon.manup {
    background-image: url(/static/img/newSiteIcons/manUp.png);
}
.starBulletPostSmallWithIcon.aaok {
    background-image: url(/static/img/newSiteIcons/aaok.png);
}
.starBulletPostSmallWithIcon.open24 {
    background-image: url(/static/img/newSiteIcons/open24.png);
}

.independent .starBulletPost {
    background-image: url('/static/img/newSiteIcons/independentSBig.png');
}

.cheeposlist .starBulletPost {
    background-image: url('/static/img/newSiteIcons/cheeposListSBig.png');
}

.alligator .starBulletPost {
    background-image: url('/static/img/newSiteIcons/alligator.png');
}

.fourtyup .starBulletPost {
    background-image: url('/static/img/newSiteIcons/40UpSBig.png');
}

.blackdynomite .starBulletPost {
    background-image: url('/static/img/newSiteIcons/blackDynomiteSBig.png');
}

.luxerotica .starBulletPost {
    background-image: url('/static/img/newSiteIcons/luxEroticaSBig.png');
}

.desidahls .starBulletPost {
    background-image: url('/static/img/newSiteIcons/desiDahlsSBig.png');
}

.uberover .starBulletPost {
    background-image: url('/static/img/newSiteIcons/outcall.png');
}

.milfy .starBulletPost {
    background-image: url('/static/img/newSiteIcons/milfySBig.png');
}

.max80 .starBulletPost {
    background-image: url('/static/img/newSiteIcons/max80SBig.png');
    float: left;

}
.candy .starBulletPost {
    background-image: url('/static/img/newSiteIcons/candySBig.png');
}

.yolo .starBulletPost {
    background-image: url('/static/img/newSiteIcons/yoloSBig.png');
}

.aypapi .starBulletPost {
    background-image: url('/static/img/newSiteIcons/ayPapiSBig.png');
}

.carfun .starBulletPost {
    background-image: url('/static/img/newSiteIcons/carFunSBig.png');
}

.superasian .starBulletPost {
    background-image: url('/static/img/newSiteIcons/hkBoboSBig.png');
}

.fortunecookies .starBulletPost {
    background-image: url('/static/img/newSiteIcons/fortunecookiesSBig.png');
}

.manup .starBulletPost {
    background-image: url('/static/img/newSiteIcons/manUp.png');
}

.open24 .starBulletPost {
    background-image: url('/static/img/newSiteIcons/open24.png');
}

.aaok .starBulletPost {
    background-image: url('/static/img/newSiteIcons/aaok.png');
}

.transx .starBulletPost {
    background-image: url('/static/img/newSiteIcons/transX.png');
}
/*************************************************
 * Sidebar menu
*************************************************/
.menuopen {
    right: 0 !important;
}

.pullhandleopen {
    right: 235px !important;
    background: url('/static/img/shevronButtonInverted.png') no-repeat !important;
}

.pullhandle {
    display: block;
    width: 40px;
    height: 75px;
    background: url('/static/img/pullButton.png') no-repeat;
    /* background: url('/static/img/shevronButton.png') no-repeat; */
    background-size: cover;
    position: fixed;
    z-index: 100;
    top: 50vh;
    right: 0px;
    -webkit-transition: right 0.3s ease-out;
    -moz-transition: right 0.3s ease-out;
    -o-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out;
}

a.noBoldDim:link {
    font-weight: normal;
}

a.noBold:link {
    font-weight: normal;
}

.rightSidePanelWrapper {
    width: 235px;
    height: 100%;
    position: fixed;
    top: 0px;
    right: -235px;
    z-index: 1001;
    background-image: url('/static/img/trans85.png');
    border: 0px solid #555;
    text-align: left;
    box-shadow: 3px 0px 8px 1px #2a2a2a;
    /* box-shadow: 0px 0px 8px 2px #2a2a2a; */
    -webkit-transition: right 0.3s ease-out;
    -moz-transition: right 0.3s ease-out;
    -o-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out;
}

#sspContainerAdd {
    width: 120px;
    float: left;
}
#sspContainerRightAdd {
    width: 103px;
    float: left;
}
#sspContainerRight {
    width: 103px;
    float: left;
    font-family: Verdana, sans-serif;
}

.sspListing {
    height: 42px;
    width: 121px;
    border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;
    clear: both;
    opacity: 1.0;
    padding-left: 0px;
}
.sspListingRight {
    width: 113px;
    height: 42px;
    border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;
    clear: both;
    opacity: 1.0;
    padding-left: 0px;
}

.sspListing.active,
.sspListingRight.active,
.sspListing:active,
.sspListingRight:active {
    background-color: #4e4e4e;
    transition-duration: .3s;
}
.sspSiteName {
    font-size: 10px;
    font-weight: bold;
    padding-top: 2px;
}
.sspSlogan {
    font-size: 10px;
    line-height: 11px;
    font-style: italic;
    font-weight: normal;
    color: #f2e5c6;
}

.sspThumb {
    height: 25px;
    width: 25px;
    float: left;
    margin-top: 8px;
    margin-left: 4px;
}

.sspText {
    overflow: hidden;
    height: 100%;
    padding: 5px 0 5px 5px;
}
.sspSiteName.cheepos {
    color: #c7bfd9;
}

.sspSiteName.max80 {
    color: #d1d1d1;
}

.sspSiteName.hkBobo {
    color: #d3b2b6;

}

.sspSiteName.open24 {
    color: #a8aaef;
}

.sspSiteName.spazilla {
    color: #c7bfd9;
}

.sspSiteName.milfy {
    color: #bec8da;
}

.sspSiteName.carFun {
    color: #bed2d9;
}

.sspSiteName.luxErotica {
    color: #d8bad6;
}

.sspSiteName.transX {
    color: #bec8da;
}

.sspSiteName.velveteen {
    color: #e0b2b6;
}

.sspSiteName.desidahls {
    color: #d3fdaa;
}

.sspSiteName.aypapi {
    color: #fdc9a6;
}

.sspSiteName.fortyup {
    color: #bec8da;
}

.sspSiteName.candy {
    color: #e0b2b6;
}

.sspSiteName.yolo {
    color: #F7F3B9;
}

.sspSiteName.fourtwenty {
    color: #b1f3fe;
}

.sspSiteName.dynomite {
    color: #836953;
}

.sspSiteName.aaok {
    color: #61d854;
}

.sspSiteName.manUp {
    color: #98d498;
}

.sspSiteName.megapersonals {
    color: #97CCFF;
}

.sspSiteName.reviewed {
    color: orange;
}

.sspSiteName.gator {
    color: #ffc1b1;
}

.sspSiteName.outcall {
    color: #fcfcaa;
}

.sspSiteName.follow {
    color: #a69796;
}

.panelCloseBottomButtonSource {
    position: relative;
    width: 70px;
    height: 24px;
    background-image: url("/static/img/closePanelBottomButtonSmaller.png");
    margin: 20px auto 10px auto;
}
/*************************************************
 * Gallery
*************************************************/
.gallerylistad {
    float: left;
    width: 33%;
    padding: 0px 2px 0px 2px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 1px;
}
.gallerylistimage {
    text-align: center;
    overflow: hidden;
    position: relative;
    border: solid 1px #666666;
}

.gallerylistimage.transx {
    border-radius: 10px;
}

.gallerylistad img {
    width: 100.5%;
    border: none;
    margin-bottom: -4px;
}
.gallerylistad img.ribbon {
    width: 50%;
}

.gallerylistdate {
    font-size: 10px;
    color: #999999;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

a.gallerylisttitle {
    display: block;
    font-size: 13px;
    width: 100%;
    height: 28px;
    overflow: hidden;
    line-height: 1em;
    margin-top: 4px;
}
.gallerylistimage {
    border: solid 1px #666666;
    margin-bottom: 4px;
}
.MegaPad .gallerylistimage {
    outline: #ffff00;
    outline-style: solid;
}
.videoIconGallery {
    position: absolute;
    top: -5px;
    left: 0px;
    z-index: 1;
    width: 42px;
    height: 15px;
}
.savedPostGalleryThumb {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: -1px;
}
/*************************************************
 * Posts
*************************************************/
div[role="mainPost"] {
    width: 100%;
    height: 100%;
    padding-top: 40px;
    margin-bottom: -59px;
}

#viewad {
    margin: 0 0px -111px 0px;
    padding: 10px 0 47px 8px;
}

.viewadActive {
    border-left: 5px solid #82fa4d;
    border-right: 5px solid #82fa4d;
}

.viewadUnActive {
    border: none;
}

#gradientPostTitleWithIcon {
    margin: 0px 0px 15px -8px;
    padding: 26px 2px 11px 5px;
    background-color: #FAECCD;
}

.transx #gradientPostTitleWithIcon {
    background-color: #ffcae4;
}

.yolo #gradientPostTitleWithIcon {
    background-color: #e9efe5;
}

.superasian #gradientPostTitleWithIcon {
    background-color: #e7f1f1;
}

.aypapi #gradientPostTitleWithIcon {
    background-color: #e8f4de;
}

.fourtyup #gradientPostTitleWithIcon {
    background-color: #d9d3e2;
}

.luxerotica #gradientPostTitleWithIcon {
    background-color: #e7e7e7;
}

.blackdynomite #gradientPostTitleWithIcon {
    background-color: #ece1d3;
}

.milfy #gradientPostTitleWithIcon {
    background-color: #edf0f0;
}

.candy #gradientPostTitleWithIcon {
    background-color: #fef3e9;
}

.viewposttitle {
    margin: -14px 0px 24px 40px;
    font-size: 12pt;
    font-weight: bold;
    padding: 0px 10px 0px 10px;
}

.viewpostdateEscort {
    margin: 0 4px 10px 0;
    font-size: 9pt;
    color: #8c7610;
}

.backToListButton {
    background-image: url('/static/img/BackToList3.png');
    background-size: 76px 20px;
    width: 76px;
    height: 20px;
    float: right;
    margin-right: 5px;
    margin-bottom: 20px;      
    position: relative;  
    top: -2px;
    left: 8px;   
    cursor: pointer;
}

.hilightPostButton {
    background-image: url('/static/img/postUnhilightBtnUnactive.png');
    width: 80px;
    height: 15px;
    background-size: 80px 15px;
    border-radius: 3px;
    float: right;
    margin-left: 10px;
    margin-right: 7px;   
    margin-bottom: 20px;
    border: none;
    cursor: pointer;
}

.hilightPostButton.active {
    background-image: url('/static/img/postUnhilightBtnActive.png');
}

.postFollow {
    width: 82px;
    height: 21px;
    background-size: 82px 21px;
    background-color: unset;
    float: right;
    border: none;
    cursor: pointer;
    margin: -3px -4px 0px 8px;
    background-repeat: no-repeat;
    margin-right: 6px;
}

#postFollowBtn {
    background-image: url('/static/img/postFollowBtn.png');

}
#postUnFollowBtn {
    background-image: url('/static/img/postUnFollowBtn.png');
    width: 80px;
    height: 19px;
    background-size: 80px 19px;
    margin: -2px 6px 0px 8px;
}

#link_follow_form {
    float: right;
}


.goToCommentsButton {
    background-image: url('/static/img/commentsBtn.png');
    width: 80px;
    height: 15px;
    background-size: 80px 15px;    
    float: right;
    margin-left: 12px; 
    margin-right: 7px;
    position: relative;
    cursor: pointer;
}

.commentsBadge {
    width: 18px;
    height: 17px;
    color: #fff;
    background-color: #f00;
    position: relative;
    top: -5px;
    left: 69px;
    border-radius: 8px;
    text-align: center;
    padding-top: 0px;
    font-weight: bold;
    font-size: 12px;
}

.scrapes {
    float: right;
    margin-right: 16px;
    max-width: 40%;
}
.scrapes .scrapes__text {
    color: #907b63;
    float: right;
    font-size: 9pt;
    font-style: italic;
}
.scrapes .scrapes__link a {
    color: #8c765d;
    float: right;
    font-size: 9pt;
    word-break: break-word;
    font-weight: normal;
    text-decoration: underline;
}

.postCreatedOn {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 9px 0px;
    font-size: 9pt;
    color: #8c7610;
}

.i-am-i-see__container {
    display: flex;
}

.i-am {
    flex: 0.7;
}
.i-see {
    flex: 0.8;
}

.transx .i-am {
    flex: 0.8;
}
.transx .i-see {
    flex: 0.8;
}

.i-see, .i-am {
    display: inline-block;
    font-size: 9pt;
    color: #c6a453;
    font-style: italic;
}
.iamisee__caption {
    font-weight: bold;
}
.iamisee__value {
    text-transform: lowercase;
}

@media screen and (max-width: 345px) {
    .i-am-i-see__container, .i-am, .i-see {
        display: block;
    }
}

.viewpostbody {
    margin: 0px 0px 12px 0px;
    font-size: 11pt;
    word-break: break-word;
    white-space: pre-line;
}

.viewposttelephone {
    margin: 0px;
    font-size: 10pt;
}

.userInfoContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 8px;
}

.viewpostname {
    display: inline-block;
    font-size: 11pt;
    margin-right: 24px;
    color: #897629;
}

.viewpostname>span {
    color: #897629;
    font-weight: bold;
}

.viewposttelephone a.normal {
    font-size: 11pt;
    font-weight: normal;
    text-decoration: underline;
    padding: 0px 0px 0px 0px;
    background-color: #ffffd0;
}


.viewpostreply {
    margin: 0px 30px 12px 10px;
    float: right;
}

.viewpostlocationIconBabylon {
    max-width: 286px;
    overflow: hidden;
    font-size: 11pt;
    color: #8c7610;
    line-height: 12pt;
    margin: 10px 0;
}

.viewpostlocationIconBabylon ul {
    list-style-type: none;
    columns: unset;
}

.postContentBold {
    font-weight: bold;
}

.postTitleAge {
    color: #8c7610;
}
.postBottomOffset {
    height: 80px;
    display:block;
}
.myModal {
    z-index: 2;
    padding: initial !important;
    width: 100%!important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    /* text-align: left; */
}
.myModal a.close-modal {
    display: none !important;
}
#postReportPopUp label {
    font-weight: 500;
    margin-bottom: 0;
}
/* #semiTransparentPostReportPopUpBackground{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: .50;
	background-color: #000;
	z-index: 4500;
} */

#postReportButtonSend {
	border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 1px 6px; 
}

#postReportPopUpWindow input[type="text"] {
	border: 1px solid black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
    width: 160px;
}

#postReportEmailError {
	display: none;
	position: absolute;
	top: -2px;
	left: 172px;
	background: red;
	color: white;
	margin: 2px;
	padding: 2px 5px;
	width: 111px;
}

/* #moreInfoImage {
    margin: auto;
    position: fixed;
    z-index: 10;
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -80px;
    -webkit-transition: bottom 0.298s ease-out;
       -moz-transition: bottom 0.298s ease-out;
         -o-transition: bottom 0.298s ease-out;
            transition: bottom 0.298s ease-out; 
} */
#moreInfoImage {
    top: 0;
    margin: auto;
    position: fixed;
    z-index: 10;
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -80px;
    cursor: pointer;
    -webkit-transition: bottom 0.298s ease-out;
    -moz-transition: bottom 0.298s ease-out;
    -o-transition: bottom 0.298s ease-out;
    transition: bottom 0.298s ease-out;
}
#clloseButtonnCommon {
    position: fixed;
    bottom: 18px;
    left: 2px;
    z-index: 10;
}

div.changecity {
    padding: 0 0 0 2px;
    position: relative;
    color: #a9b5d5;
    font-size: 9pt;
    font-weight: bold;
    width: 130px;
    text-decoration: underline;
    text-align: left;
    cursor: pointer;
}

#citynav.transx .changecity {
    cursor: pointer;
    display: inline;
    float: left;
    padding: 0px 0px 0px 0px;
    color: #7e8198;
    font-size: 8pt;
    font-weight: normal;
    font-style: italic;
}

.moreinfoopen {
    bottom: 52px !important;
}
/*************************************************
 * City choice popup
*************************************************/
#cityChoicePopUp {
	display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 12500;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
}

#cityChoicePopUpWindow {
	font-family: Arial;
	position: absolute;
    max-height: 100%;
	display: none;
}

@media (max-width: 330px) {
	#cityChoicePopUpWindow {
		width: 259px;
		left: calc( 50vw - 128px );
	}
}

#semiTransparentBackground {   
	position: fixed;
	top: 0;
    left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
    opacity: .50;
    pointer-events: none;
}

#fakeBackgrounImageScalable {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
}

.fakeBlock_saved {
	display: block;
	position: absolute;
    top: 0;
	left: 0px;
	width: 100px;
	height: 100px;
	float: left;
	background-image:url('/static/img/savedThumbnailsmall.png');
	background-repeat:no-repeat;
	background-position:0px 76px;
	margin: 2px 0 0 2px;
	border: 3px solid #26f400;
}

#choseCityContainer {
	font-family: Arial;
	width: auto;
    height: auto;
    padding: 3px 10px 12px 10px;
    background: white;
    border-radius: 14px;
	box-shadow: 0px 7px 15px 0px black;
}

#choseCityContainer>.ac-sub>.ac-label__level2 {
	font-size: 1.6em;
}

#choseCityContainer > .center {
	font-family: Arial;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    margin: 13px 0px;
}

#choseCityContainer .ac,
.ac > .ac-text > .ac-sub {
    margin: -5px 0;
}

#closeCityButton {
	position: absolute;
    right: 0;
    top: 0;
    margin: -10px -10px;
    cursor: pointer;
}

.ac-sub:checked + .ac-label::after {
    background-color: #fecd79;
}

.ac-sub > .ac-input:checked + .ac-label {
    background-color: #fecd79;
}

.ac-sub-text {
    background-color: white;
}

.ac-label, .ac-label__level2 {
    cursor: pointer;
    display: block;
    padding: 11px;
    color: white;
    font-size: 1.3em;
    font-weight: 700;
    position: relative;
    /*   -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; */
    background: #2d4f88;
    border-radius: 8px;
    margin: 3px auto;
}

ac-label__level2 {
    padding: 6px 11px;
}

/* .ac-input:checked + label, .ac-label:hover {
  background-color: #233a66cc;
} */

.ac-label__level1 + .ac-text .ac-label__level2 {
	margin: 5px auto;
}

.ac-label__level1 + .ac-text .ac-sub:first-child {
	margin-top: 3px;
}

.ac-label__level1 + .ac-text .ac-sub:last-child {
	margin-bottom: 0;
}

.ac-label:after, .ac-input:checked + .ac-label:after {
    content: "+";
    position: absolute;
    display: block;
    right: 0;
    top: -5px;
    width: 2em;
    height: 100%;
    line-height: 2.25em;
    text-align: center;
    /* background-color: #2a2c79; */
    /* transition: background-color .15s ease-in-out; */
    border-radius: 8px;
}

/* .ac-label:hover:after, .ac-input:checked + .ac-label:after {
  background-color: #484f9e;
} */

.ac-input:checked + .ac-label:after {
    content: "-";
}

.ac-input {
    display: none;
}

.ac-text, .ac-sub-text {
    opacity: 0;
    height: 0;
    /* margin-bottom: .5em; */
    /* transition: opacity .5s ease-in-out; */
    overflow: hidden;
}

.ac-input:checked ~ .ac-text, .ac-sub .ac-input:checked ~ .ac-sub-text {
    opacity: 1;
    height: auto;
}

.ac-label__level2 + .ac-sub-text {
	padding: 0;
}

.ac-label__level1::after {
    content: '' !important;
}

.ac-label__level1 {
    font-size: 1.6em !important;
    background-color: #0e2442;
    margin: 5px auto;
    top: 3px;
}

.ac-sub .ac-label {
    color: white;
    background-color: #f8ac29;
    border-radius: 6px;
    font-weight: 600;
    padding: .3em 1em;
    /* top: 3px; */
    /* transition-duration: .4s; */
}

.ac-sub .ac-label:checked {
    background-color: #fecd79;
    border-bottom: 1px solid rgb(87, 114, 202);
}

.ac-text > .ac-sub > .ac-sub-text p:first-child {
    margin-top: 6px;
}

.ac-text > .ac-sub > .ac-sub-text p:last-child {
    margin-bottom: 6px;
}

.ac-sub .ac-label:hover {
    background-color: #fecd79;
    /* transition-duration: .4s; */
}

/* .ac-sub .ac-label:after, .ac-sub .ac-input:checked + .ac-label:after {
    left: 0;
    background: none;
}

.ac-sub .ac-input:checked + label, .ac-sub .ac-label:hover {
    background: none;
} */

.ac-sub-text p a {
    padding: 0 1em 0 2em;
}

.ac-sub-text p {
    margin: 6px 0 4px 0;
    cursor: pointer;
}

.ac-sub-text p a {
    color: #726b28;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
}

.ac-sub-text p a:active,
.ac-sub-text p a.current {
    color: #FF4444;
}
/*************************************************
 * Admin button block
*************************************************/
.flatButton {
    cursor: pointer;
    padding: 2px 7px;
    font-size: 13px;
    border-radius: 5px;
    transition-duration: .100s;
    margin-right: 3px;
    white-space: nowrap;
	box-shadow: 0px 2px 5px 2px dimgrey;
	opacity: .8;
}
.flatButton:active {
	transform: translate(2px, 2px);
	box-shadow: 0px 0px 5px 0px dimgrey;
}

#reportButtonContainer {
    display: inline-flex;
    place-items: flex-start;
    justify-content: space-between;
    margin-top: 23px;
	margin-bottom: 12px;
    width: 98%;
}

#reportButtonContainer span#adminButton {
    color: white;
	background-color: #ff00ffad;
	font-weight: bold;
	box-shadow: none;
	opacity: 1;
}

#reportButtonContainer div#reportButton {
    color: white;
    background-color: #ffb0b2;
    font-weight: bold;
    box-shadow: none;
    opacity: 1;
}

#admin-dialog {
	position: fixed;
    background-color: white;
    top: calc(50% - 268px);
    height: fit-content;
    overflow: hidden;
    margin: 31px 22px 0 13px;
    padding: 10px 10px 10px 10px;
    border-radius: 20px;
    max-width: 531px;
    box-shadow: 0px 5px 6px 3px dimgrey;
}

#admin-dialog #admin-dialog-caption {
	text-align: center;
    font-size: 18px;
    font-weight: bold;
}
#admin-dialog #admin-details-container {
	border: 4px inset lightgray;
}

#admin-dialog #admin-details-block,
.center-text {
	text-align: center;
    margin: 10px 0;
}

#admin-dialog #admin-list-block {
	height: 250px;
    overflow-y: scroll;
    padding: 0 10px 0 10px;
}

#admin-dialog #admin-list-block>div {
	margin-bottom: 8px;
}

.admin-dialog-button-block {
	display: flex;
    flex-direction: column;
    margin: 7px 0;
    align-items: center;
}

.admin-dialog-confirm-ban-block {
	display: flex;
    flex-direction: row;
	justify-content: space-around;
    margin: 7px 0;
    align-items: center;
}

div#admin-ban-all-user-button {
    color: black;
    background-color: #ff9900;
    padding: 3px 5px;
}

#admin-dialog #close-button {
	position: absolute;
    bottom: 0;
    right: 0;
    margin: 5px 8px;
    cursor: pointer;
}

div#admin-close-button {
    margin-top: 13px;
}

#admin-dialog-confirm-ban {
	position: fixed;
    background-color: white;
    top: calc(50% - 67px);
    left: calc(50% - 181px);
    height: fit-content;
    overflow: hidden;
    padding: 10px 10px 10px 10px;
    border-radius: 20px;
    width: 342px;
    box-shadow: 0px 5px 6px 3px dimgrey;
}

.shadowed-button {
	color: black;
    cursor: pointer;
    padding: 3px 5px;
    font-size: 12px;
    border: 2px solid black;
    transition-duration: .100s;
    margin-right: 3px;
    text-align: center;
    box-shadow: 5px 5px black;
}

.shadowed-button:active {
	transform: translate(2px, 2px);
	box-shadow: none;
}

#admin-dialog-ban #semiTransparentChoicePopUpBackground {
    left: 0;
    opacity: .69;
	z-index: 13000; /* add layout visibility */
}

#admin-dialog {
	z-index: 13001; /* add layout visibility */
}

#admin-dialog-confirm-ban-dialog #semiTransparentChoicePopUpBackground {
    left: 0;
    opacity: .55;
	z-index: 13002; /* add layout visibility */
}

#admin-dialog-confirm-ban {
	z-index: 13003; /* add layout visibility */
}

#reportSendButton {
	background-color: #818181;
	color: #cdcaca;
	font-weight: bold;
	box-shadow: none;
	opacity: 1;
}

#avoidScamsButton {
	background-color: #ffb0b2;
	font-weight: bold;
	box-shadow: none;
	opacity: 1;
}

#avoidScamsButton>a {
	color: white;
}

.jquery-modal.blocker.current {
    z-index: 10000;
}

@media (max-width: 380px), (max-height: 757px) {
	#admin-dialog #admin-list-block {
		height: 120px;
	}
	#admin-dialog-confirm-ban {
		left: calc(50% - 136px);
		width: 261px;
	}
}
/*************************************************
 * Time cover
*************************************************/
#idleTimeCover {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
	display: none;
	z-index: 140000;   
	background-image: url("/static/img/idleCoverBg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}

#clloseXButtonn {
	position: absolute;
	top: 53px;
	right: 12px;
	z-index: 20;   
}

#clloseXButtonn img {
	height: 30px;
	width: 30px;
    cursor: pointer;
}
.panelCloseBottomButton {
	width: 70px;
	height: 24px;   
	background-image: url("/static/img/closePanelBottomButtonSmaller.png");
	margin: 20px auto 10px auto;
}
.empty_div {
    height: 60px
}
.termslink {
    font-size: 12px; 
    display: block; 
    margin-top: 20px; 
    text-align: center;
}
.termslinkseo {
	text-align: left;
	margin-left: 20px
}
.termslink a:link {
    font-size: 12px; 
    font-weight: normal;
}
.messageBody {
    margin-top: 60px;
    padding: 10px
}
/*************************************************
 * Post Page
*************************************************/
.videoContainer>video,
.viewpostimage>img {
    width: 100%;
    margin-bottom: 10px;
}
.videoContainer {
    text-align: center;
    margin: 0px 10px 7px 5px;
}
.videoContainer>video {
	max-width: 289px;
    height: auto;
    background: black;
}
/*************************************************
 * TransX Reviewed Page
*************************************************/
#gallerylist.transxreviewed {
    margin-left: 8px;
}
.transxreviewed .gallerylistad {
    margin: 4px 2px;
    padding: 0;
}
#allCommentsButtonNew,
#onlyThisPostButtonNew {
    float: left;
}
.reviewedToggleButtonsTogether.transxswitch {
    display: flex;
    justify-content: center;
    margin: 24px 0;
}
.topReviewedDataGalleryMode {
    width: 100%;
    height: 16px;
    background-color: #faa500;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}
.transxreviewed .gallerylistimage {
    border-radius: 0;
    border: 0;
}
.redBadge {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #fff;
    font-size: 10px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    border-radius: 23px;
    background: #ff0000;
    font-weight: bold;
    text-align: center;
}
.reviewGalleryLocation {
    display: block;
    font-size: 11px;
    margin: 2px 0px 2px 5px;
    height: 27px;
    overflow: hidden;
    line-height: 1.3em;
    color: #720e0e;
    font-weight: bold;
    text-align: left;
    font-family: arial;
}
.transxreviewed .readReviewButtonContainer,
.transxreviewed .reviewedPageLastPost {
    width: 90%;
    margin: 10px auto;
}
.usualBackgroundGallery {
    background-color: #ffebc3;
}
.orangeBorder {
    border: solid 1px #FAAB0A;
}
.topReviewedDataGalleryMode {
    width: 100%;
    height: 16px;
    background-color: #faa500;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}
.topReviewedDataGalleryModeContent {
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 0px 0px;
    color: #ffe7e7;
    font-size: 7px;
    font-weight: bold;
}
span.topReviewedDataGalleryModeDate {
    color: #000;
}
/*************************************************
 * New Feedback form
*************************************************/
#feedbackPopup {
    position: fixed;
    width: 298px;
    height: 272px;
    z-index: 132000;
    font-size: 13px;
    padding: 17px;
    margin: 0px auto 0px auto;
    font-family: Arial;
    background-color: #f8f7e1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.29);
    box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.29);
    display: none;
}

#feedbackPopupError {
    color: red;
}

#feedbackPopupCloseButton {
    position: absolute;
    top: 5px;
    right: 5px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    height: 20px;
    font-size: 25px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #000000;
    color: white;
    font-weight: bold;
    cursor: pointer;
}

#feedbackPopupTitle {
    font-size: 16px;
    font-weight: bold;
}

#feedbackPopupIncludeEmail {
    padding: 0px 0px 0px 0px;
    margin: 2px 0px 2px 0px;
}

#feedbackPopupSendButton {
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -3px;
    width: 129px;
}

#feedbackPopupSuccessMessage {    
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#feedbackPopupContent>label {
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 2px;
}

#feedbackPopupContent>#feedbackPopupDetails {
	width: 100%;
    font-family: monospace;
    font-size: 12px;
    line-height: 1.3;
    resize: none;
}

#feedbackPopupContent #feedbackPopupEmail {
    -webkit-appearance: none;
    border-radius: 0;
}

@media screen and (min-width: 600px) {
    .wrapper {
        border-left: 5px solid #1a3a60;        
    }
    
    .rightSidePanelWrapper {
        display: block;
        margin-left: 600px;
        right: unset;
    }
}
/*************************************************
 * Seo styles
*************************************************/
#gallerylist.seo {
    display: flex;
    flex-direction: column;
}
#gallerylist.seo .gallerylistad {
    display: flex;
    position: relative;
    margin: 10px 0 6px 11px;
    width: auto;
    height: 105px;
    overflow: hidden;
}
#gallerylist.seo .gallerybody {
    margin: 6px 0 0 10px;
    flex: 1;
}
#gallerylist.seo .gallerybody>a {
    height: auto;
}
.gallerybody>.listitembody {
    font-size: 11px;
    height: 41px;
}
.gallerybody>.camouflage {
    position: absolute;
    width: 100%;
    height: 55px;
    left: 105px;
    bottom: 0px;
    z-index: 0;
    background: linear-gradient(to bottom, #dddddd00 0%, #dddddd00 30%, #dddddd 69%, #dddddd 100%);
}
.seo-list,
.seo-sub-list {
    list-style: none;
    margin-left: 20px;
}
.seo-country {
    margin: 10px 0 0 -40px;
}
.seo-state {
    margin: 0 0 0 -20px;
}
ul {
    column-count:2;
    column-gap: 20px;
}
.sub-name {
    display: inline;
    font-weight: bolder;
}
#header-fake .title {
    width: 100%;
    display: inline-flex;
    justify-content: start;
    padding: 9px 25px;
}
#header-fake .searchSubmitButton {
    pointer-events: none;
}
#header-fake .title .escorts {
    color: #6d6633;
    font-weight: bold;
    font-size: 15px;
    font-family: arial;
}
#header-fake .title .change-city-link {
    text-decoration: underline;
    color: #5f85a0;
    font-weight: bold;
    font-size: 11px;
    margin-left: 34px;
}
#header-fake .navigation-links {
    display: inline-flex;
    width: 98%;
    justify-content: flex-end;
}
#header-fake .navigation-links .label {
    font-size: 13px;
    color: #ad581c;
}
#header-fake .navigation-links .seo-link {
    background-color: #bcbcd4;
    padding: 2px 6px;
    width: 51px;
    text-align: center;
    font-size: 11px;
    margin: 0 4px;
    color: #ad581c;
    border-radius: 5px;
}
#header-fake .navigation-links .seo-link.active {
    background-color: #3c3ca0;
    font-weight: bold;
    color: #cece64;
}
#header-fake .header-line {
    width: 95%;
    background-color: #cacaca;
    margin: 13px 0 13px 10px;
    padding: 3px 0 3px 11px;
    font-size: 15px;
    font-weight: bold;
    font-family: arial;
}
#header-fake>.topbar {
    position: relative;
}
#header-fake>.subtitle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 9px 4px;
    align-items: flex-end;
    background-color: #17365f;
}
#header-fake>.subtitle>.label-text {
    display: inline-flex;
    align-items: baseline;
}
#header-fake>.subtitle>.label-text>div:nth-child(1) {
    color: #618ab1;
    font-family: arial;
    font-size: 22px;
    font-weight: 700;
    margin-right: 13px;
}
#header-fake>.subtitle>.label-text>div:nth-child(2) {
    color: #989846;
    font-style: italic;
    font-size: 15px;
}
#header-fake>.subtitle>.post-ad {
    background-color: #3a37b5;
    color: white;
    padding: 1px 7px;
    font-weight: bold;
    font-size: 12px;
}
/*************************************************
 * Auth modal window
*************************************************/
.auth-container {
    display: none;
    position: fixed;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #00000099;
}
.auth-container>.page-content {
    position: absolute;
    background: white;
    height: 80%;
    max-height: 415px;
    width: 400px;
    max-width: 65%;
    /* padding: 9px; */
    border-radius: 12px;
    /* box-shadow: 0px 5px 15px 3px #212121; */
}
.auth-container.confirm>.page-content {
    height: auto;
    max-width: 455px;
}
.auth-container.confirm>.page-content>.modal-content {
    padding: 0 11px;
    box-shadow: unset;
    border: none;
}
.auth-container.confirm>.page-content>.modal-content>h3,
.auth-container.confirm>.page-content>.modal-content>h4 {
    text-align: center;
}
.auth-container.confirm>.page-content>.modal-content>h3 {
    color: #1f4ec4;
    font-weight: bolder;
}
.auth-container.confirm>.page-content>.button-block {
    display: flex;
    flex-direction: column;
    margin: 9px 15px;
}
.auth-container.confirm>.page-content>.button-block>.btn-simple {
    padding: 7px 24px;
    color: white;
    border-radius: 7px;
    /* box-shadow: 0px 4px 11px 0px #1f1f1f; */
    margin-bottom: 13px;
    text-align: center;
    cursor: pointer;
}
.auth-container.confirm>.page-content>.button-block>.btn-simple,
.auth-container.confirm>.page-content>.button-block>.btn-simple:active,
.auth-container.confirm>.page-content>.button-block>.btn-simple:hover {
    transition-duration: .2s;
}
.auth-container.confirm>.page-content>.button-block>.btn-simple:active {
    box-shadow: unset;
    transform: translateY(1px);
}
.auth-container.confirm>.page-content>.button-block>.btn-simple.btn-yes {
    background: #019401;
}
.auth-container.confirm>.page-content>.button-block>.btn-simple.btn-yes:hover {
    background: #019401b7;
}
.auth-container.confirm>.page-content>.button-block>.btn-simple.btn-no {
    background: #ffb601;
}
.auth-container.confirm>.page-content>.button-block>.btn-simple.btn-no:hover {
    background: #ffb701b7;
}
.auth-container.confirm>.page-content>.button-block>.btn-simple.btn-have {
    background: #84d7ff;
}
.auth-container.confirm>.page-content>.button-block>.btn-simple.btn-have:hover {
    background: #84d6ffb7;
}
.auth-container>.page-content>.close-button,
#auth-container>.modal-window>.close-button {
    position: absolute;
    right: -5px;
    bottom: -5px;
    font-size: 18px;
    font-weight: bolder;
    background-color: black;
    color: white;
    border-radius: 13px;
    width: 24px;
    height: 24px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 0 0 1px 1px;
}
.auth-container>.page-content>iframe {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.btn-auth {
    position: relative;
    width: max-content;
    left: 9px;
    color: white;
    padding: 2px 18px;
    border-radius: 6px;
    font-family: sans-serif;
    letter-spacing: 2px;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 12px;
}
.private .btn-auth {
    position: relative;
    width: max-content;
    margin-bottom: 12px;
}
.btn-auth.log-in {
    background-color: #85c8ff;
}
.btn-auth.log-out {
    background-color: #fdc9a6;
    margin-right: 16px;
    float: right;
}
.btn-auth.disabled {
    pointer-events: none;
}
.btn-auth.log-in.disabled {
    background-color: #d4b9a6;
}
.btn-auth.log-out.disabled {
    background-color: #fbe6d7;
}
.text-auth {
    flex: 2;
    margin: 0 10px 0 10px;
    text-align: left;
    color: #4b2736;
    background-color: #fff9c9;
    font-family: Arial;
    font-size: 18px;
    padding: 2px 4px;
}
.link-auth,
.link-join {
    cursor: pointer;
}
.link-join b u,
.link-auth b u {
    color: #337ab7;
    font-size: 18px;
}
.link-auth.disabled {
    pointer-events: none;
    color: #aebcc7
}
.link-join.disabled {
    pointer-events: none;
    color: #aebcc7
}
.auth-button-container {
    display: flex;
    justify-content: flex-end;
    max-width: 600px;
}
@media screen and (max-width: 835px) {
    .auth-button-container {
        max-width: 600px;
        width: calc(100% - 254px);
    }
}

/*************************************************
 * Auth modal window
*************************************************/
#auth-container {
    display: none;
    position: fixed;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #00000099;
}
#auth-container .modal-window {
    position: absolute;
    text-align: center;
    background: #fcfced;
    padding: 16px;
    border-radius: 14px;
}
#auth-container .modal-window.login {
    width: 365px;
}
#auth-container .modal-window.registration {
    width: 355px;
}
#auth-container .modal-window.forgot {
    width: 385px;
}
#auth-container .modal-window.recovery {
    width: 346px;
}
#auth-container .modal-window.login {
    padding-top: 90px;
}
#auth-container .modal-window.registration {
    padding-top: 68px;
}
#auth-container .modal-window form {
    margin: 0 0 17px 0;
}
#auth-container .modal-window.recovery form {
    padding: 0 22px;
}
#auth-container .modal-window form input[type="text"],
#auth-container .modal-window form input[type="email"],
#auth-container .modal-window form input[type="password"] {
    border: 2px solid gray;
    border-radius: 6px;
    height: 30px;
    width: 278px;
    max-width: 90%;
    margin-bottom: 3px;
}
.btn-simple {
    min-width: 120px;
    padding: 4px 24px;
    color: white;
    background-color: #019401;
    border-radius: 7px;
    border: none;
    /* box-shadow: 0px 1px 6px 0px #1f1f1f; */
    margin-top: 5px;
    margin-bottom: 7px;
    text-align: center;
    cursor: pointer;
}
.btn-simple:active {
    background-color: #019401bb;
}
.btn-simple.disabled {
    background-color: #b8deb8;
    box-shadow: none;
    pointer-events: none;
}
.btn-simple,
.btn-simple:active,
.btn-simple:hover {
    transition-duration: .2s;
}
.btn-simple:active {
    box-shadow: unset;
    transform: translateY(1px);
}
.caption {
    margin: 10px 0 0 0;
    font-weight: 600;
}
.caption-two {
    margin-top: 0;
}
.input-label {
    font-size: 15px;
    color: black;
    margin-top: 14px;
}
.input-sub-label {
    font-size: 11px;
    line-height: 1.24;
    text-shadow: 0 0 0px #cda324;
    padding: 0 44px;
}
.brown {
    color: #543c02;
}
.yellow {
    color: #ddac24;
}
.blue {
    color: #021d53;
}
.blue-light {
    color: #015afe;
}
.red {
    color: #90262c;
}
.orange {
    color: #d55901;
}
li.input-style {
    padding-top: 5px;
    padding-bottom: 0;
}
label span {
    font-size: 14px;
}
.smile {
    font-size: 20px;
}
input.form-control {
    height: 28px;
    border: 2px solid darkgrey;
    border-radius: 7px;
}
/* error container */
.error-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000cf;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 14px;
}
.message-block {
    background-color: black;
    height: fit-content;
    padding: 17px 32px;
    max-width: 235px;
    text-align: center;
}
.login .message-block {
    padding: 17px 38px;
}
.registration .message-block {
    padding: 17px 29px;
}
.forgot .message-block {
    padding: 17px 16px;
}
.primary-message {
    font-weight: 700;
    color: #e0ec49;
    margin-bottom: 4px;
}
.secondary-message {
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
}
.btn-error {
    background-color: white;
    width: fit-content;
    margin: auto;
    padding: 1px 14px;
    color: #a6232a;
    font-weight: 700;
    cursor: pointer;
    margin-top: 12px;
}
.body-background-purple {
    background-color: #fcfced;
}
.auth-link {
    margin-top: 7px;
}
.auth-link>.link {
    text-decoration: underline;
    color: #015afe;
    cursor: pointer;
}
.auth-link>.link.join {
    font-size: 12pt;
}
.check-label input {
    height: auto !important;
    margin-top: 14px;
}
u.terms {
    cursor: pointer;
}
label.check-label span {
    font-weight: normal;
}
.modal-window .header {
    position: absolute;
    left: 0;
    top: 0px;
}
.modal-window .footer {
    position: absolute;
    left: 0;
    bottom: -70px;
    padding: 0 35px;
}
.modal-window .footer img {
    cursor: pointer;
}

.modal-window.registration input::placeholder {
    text-align: center;
    font-size: 12px;
}
.modal-window.registration input[name="name"]::placeholder {
    color: #969694;
}
.modal-window.registration input[name="pass"]::placeholder {
    color: #969694;
}
.modal-window.registration input[name="email"]::placeholder {
    color: #ffb783;
}
.validation-modal {
    position: relative;
    width: 320px;
    max-width: 90%;
    background-color: #eeeeee;
    box-shadow: 0 0 14px 5px rgb(0 0 0 / 50%);
    padding: 12px 24px;
    border-radius: 8px;
}
.reportCloseButton {
    position: absolute;
    top: 2px;
    right: 2px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    background-color: #000000;
    color: white;
    font-weight: bold;
    font-size: 22px;
    cursor: pointer;
    font-family: math;
}
.validation-modal .options {
    text-align: center;
    margin: 12px 0 5px 0;
}
.validation-modal .options span {
    color: white;
    background-color: grey;
    padding: 6px 18px;
    font-weight: 600;
    cursor: pointer;
}
#scamAlert {
    background-color: #fcf99a!important;
    padding: 10px 20px !important;
    width: 90% !important;
    max-width: 450px;
}
#scamAlert .text-header {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
#scamAlert .text-header img {
    max-width: 32px;
}
@media screen and (max-width: 480px) {
    #scamAlert .text-header span {
        font-size: 12px;
    }
    #scamAlert .text-header img {
        max-width: 16px;
    }
}
#scamAlert .text-header span {
    text-transform: uppercase;
    margin-left: 8px;
    margin-right: 8px;
}
#scamAlert .text-subheader {
    font-size: 16px;
    color: #4b4bcb;
    font-weight: bold;
    font-style: italic;
    margin: 8px 0;
    text-align: center;
}
@media screen and (max-width: 550px) {
    #scamAlert .text-subheader {
        max-width: 220px;
        margin: auto;
    }
}
#scamAlert .text-content {
    margin: 8px 8px;
    text-align: justify;
}
#scamAlert .footer-block {
    background-color: white;
    text-align: center;
    padding: 15px 0;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -8px;
    border-top: 1px solid #00000059;
    cursor: pointer;
}
#scamAlert .footer-block a {
    font-size: 17px;
    display: inline-block;
    width: 100%;
}
/*************************************************
 * Desktop responsive
*************************************************/
@media screen and (min-width: 600px) {
    .wrapper {
        width: 100%;
        max-width: 835px;
    }
    .wrapper #menuhandle {
        display: none;
    }
    .wrapper .listheader,
    .wrapper .listswitch_wrapper,
    .wrapper .listwrapper,
    .wrapper .listmenu_wrapper,
    .wrapper #footerBannerWrapp,
    .wrapper .text-auth,
    .wrapper #noSavedPosts,
    .wrapper #noHilightedPosts,
    .wrapper #viewad {
        max-width: 600px;
    }
    .wrapper #menupanel #closeSideSourcePanelBottomButton {
        display: none;
    }
    .wrapper #newVersionPagination {
        padding-right: 256px;
    }
    .listwrapper.transx #gallerylist #newVersionPagination {
        padding-right: 0;
    }
    .wrapper .copyright {
        transform: translateX(-128px);
    }
    .sidepanel-margin,
    .scum-warning .scum-modal-window,
    #scamAlert,
    .report-modal,
    #validation-form-errors,
    #validation-fan-email-errors,
    .confirmation.modal-fader,
    #auth-container .modal-window,
    .auth-container.confirm .page-content,
    .auth-container.iframe .page-content,
    #modal_content_delete_confirmation,
	#rocky_modal #modal_content,
    .reviewedToggleButtonsTogether,
    #moreInfoImagePost {
        transform: translateX(-117px);
    }
    #feedbackPopup {
        transform: translateX(-256px)translateY(-86px);
    }
}
@media screen and (min-width: 600px) and (max-width: 835px) {
    .wrapper #menupanel {
        margin-left: calc(100vw - 256px);
        z-index: 3331;
    }
    .wrapper .listheader,
    .wrapper .listswitch_wrapper,
    .wrapper .listwrapper,
    .wrapper .topbar,
    .wrapper .topbar .footer_img,
    .wrapper .listmenu_wrapper,
    .wrapper #footerBannerWrapp,
    .wrapper .text-auth,
    .wrapper #noSavedPosts,
    .wrapper #noHilightedPosts,
    .wrapper #viewad {
        max-width: calc(100vw - 256px);
    }
}