﻿@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');

html {
    background-color: lightgrey;
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    background-image: url('https://babesrater.com/articles/wp-content/uploads/2016/05/babesrater-background.png');
    color: #333;  
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    min-width:930px;
}

.favorites{
    font-size:20px;      
}

.favorites:hover{
    color:red;
}

.top5ish{
    font-size:20px!important;
}

#homeContainer{
    position:relative;
    width:100%;
    text-align:center;
}

.home-categories {
    font-size: 14px;
}

.home-categories ul {
    list-style-type: none;
    padding: 0;
    margin: 5px 0 5px 0;
}

.home-categories ul li {
    width: 50%;
    display: inline-block;
    float: left;
    margin: 5px 0;
}

.rate-sidebar{
    display: flex;
    flex-direction: column;
    flex: 1 1;
    height: 100%;
    overflow:hidden;
}

.marg-bottom{
    margin-bottom:10px;
}

.celeb-nude b a {
    text-decoration: underline;
    font-size: 18px;
}

.marg0{
    margin:0;
}
.noTopMarg
{
    margin-top:0!important;
}

.filterBy{
  display: flex;
    margin: 0 auto;
}

.filterByName{
    margin-right:15px;
    width: 50%;
}

.filterByLabel{
    margin-bottom:3px;
}

.filterBySex{
    width: 30%;
}

.filterByContainer{
    background-color:#e0e0e0;
    padding:5px 30px 15px 30px;
    width:50%;
    margin:10px auto;
}

.applyFilter{
    margin-left: 10px;
    width: 20%;
    max-height:40px;
}

.battleDescriptionHome, .battleOfDayDesc{
    text-align: left;
    padding: 0 15px;
    line-height: 20px;
    font-size: 15px;
}

.imageOfDayHome {
width: 50%;
margin: 0;
display:table-cell;
vertical-align: middle;
}

.battlePercent
{
    float:left;
    width: 50%;
    font-size: 20px;
    padding:0 3px 10px;
}

.homeRunnerUpDiv, .homeRunnerUpDivPeople{
    display:none;
}
.gal-text{
    font-size:18px;
}

.porn-vid{
    max-width:100%;
}

.small-video{
    max-width:180px!important;
}

.vid-container{
    padding: 0 20px 20px;
}

.videos-menu{
    margin:5px 0 0 0;
}

.video-thumb {
    display:inline-flex;
}

.vid-inner{
    margin:5px;
    max-width:320px;
}

.photo{
    max-width:100%;
    margin:0 auto;
}
.photo.marg-bottom {
    margin-bottom: 8px !important;
}

.article-home {
    display:inline-block;
    width:300px;
}

.article-home h2 {
    font-size:14px;
    word-wrap:break-word;
}

table {
    border: solid 2px black;
    border-collapse: collapse;
}

.babetraderlink {
    margin-bottom: 6px;
    margin-top: 8px;
    font-size: 18px;
}
.right-under-pic{
    text-align:right;
}
.traffdaq-wide {
    width:882px;
    margin:0 auto;
      
}
.traffdaq-wide a{
    padding:0;  
}
table td {
    padding: .3em .5em;
    border: solid 1px black;
    background-color:whitesmoke;
    min-width:100px;
}

    table tr
    {
        border: solid 1px black;
    }

table th {
    padding: .4em .3em;
    text-align: left;
    border: solid 2px black;
}

.searchGroup h2{
    line-height:46px;
}

.searchGroup input[type="submit"]
{
    width:100px;
    margin:10px;
}

.personLinks
{
    margin:15px auto;
    font-size:16px;
    text-align:left;
    max-width:95%;
}

.personLinks li
{
    padding: 5px 10%;
    display: inline-block;
    float: left;
    width: 80%;
    text-align: left;
}
.dontLike
{
    font-size:16px;
    display:inline;
}

.galleryPics {
    display: inline-block;
}

.allowMultiple
{
    margin-bottom:15px;
}
.galleryContainer {
  margin:0 auto 20px auto;
  max-width:1250px;
  padding:0!important;
}

.submitResult{
    font-weight:bold;
}

.noLeftMarg {
    margin-left:0;
    padding-left:5px;
}

.MyPicturesButtons button{
    width:250px;
    height:40px;
    margin-top:10px;
    margin-bottom:10px;
    background: #d3dce0!important;
}

.noLeftMarg select{
    float:left;
}

.partnerLinks{
   max-width:768px;
    margin: 15px auto 0 auto;
}

.galleryBox {
    display: inline-block;
    width: 300px;
    height: 515px;
    padding: 10px;
    background-color:#ddd;
    overflow: hidden;
    margin: 10px;
}

.galleryBox h3{
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 280px;
}

.partnerLinks h2{
    text-align:center;
}

.infiniteUl, .infiniteUl li{
    display:block!important;
}

.infiniteUl li {
    margin-top:15px;    
}

.webmasters{
    margin:15px 0 5px 0;
    text-align:center;
}

.top-10-sites
{
    font-size:18px;
}

.tab-disabled a, .tab-disabled a:hover{
    text-decoration:none!important;
    background-color:#ddd!important;
    color:#aaa!important;
}

.friends li {
    list-style: none;
    text-align: left;
    padding: 0 5px;
    padding-left: 20px;
}

    .friends-instruct{
        text-align:left;
        padding: 0 50px;
    }

    .friends, .friends li a {
        padding: 0;
    }

.friends-links{
    margin:0 auto;
    padding-bottom:6px;
}

.alias {
  margin: 10px auto;
font-size: 16px;  
}

.red
{
    color:red;
}

.hottestLeft ol
{
   padding:0 0 0 0;
   margin:0;
   list-style-position:inside;
}

.hottestLeft ol li {
    font-size: 30px;
    color: black;
}

.hottestLeft ol li hr{
    margin: 0;
    border-top-color: #888;
}

.hottestLeft ol h2 {
font-size: 32px;
margin-bottom:5px;
font-style:normal;
font-weight:normal;
display:inline;
}
.hottestLeft ol li p {
font-size: 16px;
margin:5px 0 2px 0;
font-style:normal;
line-height: 26px;
}
.hottestLeft ol li a {
font-size: 18px;
margin:5px 0 15px 0;
font-style:normal;
}
.hottestLeft h2
{
    margin-top:0;
}

.hottestLeft {
width: 560px;
text-align: left;
float: left;
margin-top: 15px;
}
.hottestRight
{
   width:170px;
   float:right;
}
.showNewest{
    display:none;
}

.hottestDesc
{   
    padding:0;
}
.hottestPic img
{
    margin: 0 auto;
    text-align:center;
    max-width:100%;
}
.hottestPic
{
    padding:0 0 25px 5px;     
    max-width:100%;
}

.hottest p{
    margin-left:10px;
    margin-right:10px;
    text-align:left;
}

.uploadDiv
{
    width: 850px;
    border: double;
    padding: 0 25px;
    margin: 0 auto;
}

.padding {
    padding: 10px !important;
    width: 425px !important;
}

.MyPicturesDescription
{    
    height:80px;
    line-height: 22px;
    font-size:18px;
    resize: none;
    margin-bottom:15px;
    max-width:100%;
}

.myPicturesPictureList
{
    margin: 0 auto;  
}
.MyAdminDetails
{
    float:left;
}

.filterTableCell
{
    display:table-cell;
    height:2em;
    vertical-align:middle;
    text-align:center;    
    padding: 0 1em 0 1em; 
}
.MyPicturesTableCell button
{
    height:40px;
    margin:0 15px;
}
.acceptAgreement 
{
    margin-top:20px;
    width:200px !important;
}
.policy h1, .policy h2 {
    padding: 0.4em 0 .2em 0;
    margin: 0;
    width: 100%;
    text-align: center;
}
.textCenter {
    text-align: center;
}
.policy {
    margin: 0 auto;
    padding: 1em 0 1em 0;
    background-color: rgb(230, 230, 96);
    max-width: 50em;
    text-align:left;
}
.policy p {
    margin: 0 2em 0 2em;
}
.policy li {
    margin: 0 1em .2em 1em;
    list-style: decimal;
}

.anchorButton {
    width: 30px !important;   
}

.MyPicturesImagelessCelebrity {
    padding-left: 25px;
}
.gotoText {
    width: 50px !important;
}
.leftMargin30 {
    margin-left: 30px;
}
.ratingText {
 width: 100%;
font-size: 18px;
font-weight: bold;   
}
.MyPicturesLeftLabels {  
    float:left;     
    padding-right: 10px;
    font-weight: bold;
    font-size: 1.3em;
    text-align:left;
}

.AdminImagelessThumbnail {
    padding: 10px 10px 0 10px;
    float: left;
    font-size:18px;
    width: 310px;
}
.MyPicturesTableCell select
{
    font-size:18px;
}
.AdminGalleryID
{
    width:100px;
}

.ui-widget-content {
border: 1px solid black;
background: lightblue;
color: #222;
}

.myPicturesPictureList {
    padding:0;
}

.myPicturesPictureList li
{
    list-style: none;
    margin-bottom:.3em; 
}

.lipadding
{
    padding:10px;
}
.ib
{
    display:inline-block;
}

.AdminLinks {
margin-right: 15px;
float: left;
}
.adminPictureList
{
    padding: 0;
    min-width: 80em;   
}

.adminPictureList li
{
    list-style: none;
    margin-bottom:10px;
    width: 100%;
    min-width:1350px;
}

.maxwidth100
{
    max-width:100%;
}

.info {
position: relative;
top: -0.2em;
right: -0.2em;
}

.socialSection{
    max-width:910px;
    margin:0 auto;
}
.twitSocialSection {   
    float: right;
}

.commentsSection {      
    text-align:left;
}

a {
    color: #333;
    outline: none;
}

.article-home iframe{
    width:300px;
    z-index:1!important;
}

a:link, a:visited,
a:active {
    color: black;
}

a:hover, a h2:hover, .camname:hover{
    color: red;
}
 
.person-bio-div{
    display:table;
    margin: 15px auto 0 auto;
    min-width:50%;
}

.person-bio-div div table{
    margin:0 auto;
}

.ui-state-default:hover
{
    color:red;
    box-shadow: 2px 2px 2px #eee;
}

.ui-state-default, .ui-state-disabled:hover
{
    border: 1px solid black !important;
    color:black;
}

header, footer, hgroup,
nav, section {
    display: block;
}

.home-more-button{
    width:300px!important;
    display:block!important;
    margin:0 auto!important;
    font-size:30px;
}

.bdaydiv{
    margin-bottom:5px;
}

.bdaydiv p{
    margin:0 auto;
}

.person-menu{
    display:table;
    margin:0 auto;
    padding: 0 10px;
}

.person-menu li a i{
    padding-left:6px;
}
.porn-com-link{
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
}

.nav>li>a {    
    background-color: #ddd;
    margin-bottom:3px;
}
.plugRight
{
    padding: 4px 0 1px 2px;
}
.photoDiv img, .photo img, .thumb img, .newsDiv img, .celebImageDiv img, .otherPics
{
    max-width:100%;
}

.photoDiv:hover img, .photo img:hover, .newsDiv img:hover, .celebImageDiv img:hover, .cam-girl-block a img:hover {
box-shadow: #999 3px 3px 3px ;
}

.galleryPageLinks {
    text-align:center;
}

.text-align-center {
    text-align: center;
}

.text-align-justify {
    text-align: justify;
}

.homeTop {
    margin: 0 auto;
    text-align: center;
}
.allPicsUL li
{
    display:inline-block;
}
.picBoxPicture img
{
    vertical-align:middle;    
}

.picBoxScore
{
    font-size: 16px;
    padding: 0 0 15px 0;
    font-weight: bold;
}

#galleriesContainer {
    position: relative;     
}

.gmpMargins {
    padding:0;
    margin-bottom:3px!important;
    margin-top:5px!important;
}

.picBoxPicture
{    
    display:inline-block;       
}

.allPics
{
    margin:15px 10px;
}

.small img
{
    width: 150px;
}

.ytlist
{
    padding:0;
}

.ytlist li
{
    list-style-type: none;    
    padding:0 10px 10px 0;
}

.allPicsUL li{
    list-style: none; 
    padding: 0;    
}

.allPicsUL
{   
    margin: 0 auto;
    padding-left:0;    
}

#ytPage li
{
    display: inline;
    list-style-type: none;
}

.youtubevideo h2
{
    padding: 15px 0;
    text-align:center;
}

.video
{
    float: left;
    width:100%;
}

.center-content{
    max-width:910px; 
    text-align:left;
}

.center-content-710 {
    max-width: 780px;   
}

.center-content,.center-content-710 
{
    margin:0 auto;
    padding: 0 20px;
}
.youtubevideo 
{
    margin: 0 auto 25px auto; 
    float: left;
    max-width: 1250px;
}
.youtubevideoContainer
{
    margin:10px auto;
    max-width:1250px;
}

.grooveBorder
{
    border: 1px solid #ddd;  
    width:100%;
    background-color:white;
}

.ytNext, .ytPrev
{
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    padding:0 25px;
}

.searchHome
{
    padding-bottom:20px;
}

header, footer
{
    width: 100%;  
}

#body {
    width: 96%; 
    margin:0 2%;   
}

header
{
    padding-top:10px;
    background-color:lightgray;
}

.celebsearchadleft
{
    margin-top:20px;
    min-width:302px;
    max-width:302px;
    width:302px;
    float:left;
    display:inline;
}
.girlCelebColumn h3
{
    margin:5px 0;
}

.metartContainer
{
    margin:10px auto;
    text-align:center;
}

.metart a img
{
    max-width:100%;
    width:400px;
}

.celebSearch a:hover, .girlCelebColumn ul li a:hover {
    font-weight:bold;
}
a:link
{
    text-decoration:none;
}
.girlCelebColumn ul li
{
    float:left;
    font-size:18px;
    margin-bottom:5px;
}

.feedDate {
    margin-bottom: 4px;
    margin-left: 7px;
    font-size: 14px;
    text-align:left;
}

.home-article{
    padding:0 10px;
}
.celebListPage{
    max-width:90%;
    margin:0 auto;
    text-align:center;
}

.height300{
    height:300px;
}
.picListAll {
    height: 385px;    
    padding: 15px; 
}

.picListAllName{
    margin-top:5px;
}

.picListAllSub {
    background-color: white;
    text-align: center;
    padding-top: 15px;   
    height: 370px;
}
.celebListPage ul, .girlCelebColumn ul {   
    list-style: none;
    display:inline-block;
    text-align:left;
    margin:0;
}
.celebSearch
{
    font-size:20px;
}

.topMargin
{
    margin-top:15px;
}

.botMargin{
    margin-bottom:15px;
}

.searchGroup
{
   margin: 0 auto;
}

.searchGroup input
{
    margin: 0 10px;
}

.homeGroup, .galleryContainer
{
    border: 1px solid #ddd;
    background-color: white;
    color: black;
}

.ui-state-disabled { cursor: default !important; }
.ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

.pictureTitle
{
    text-align: center;
}

.nextButton
{
    font-size:18px;
    max-width: 170px !important; 
    width:32%!important; 
    margin:5px 0 15px !important;  
}

.rateButton
{
    font-size:18px;
    max-width: 135px !important;   
    width:32%!important; 
    margin:0 10px;     
}

.allLink
{
    margin:5px 0;
}
.allLink a
{   
    font-size: 28px;  
}

.allLink a img
{
    max-width:100%;
}

.fb-like
{
    display:inline-block;
}
.likeus
{
    font-size:18px;
    display: inline-block;
    margin-right:5px;
}
.rating div
{
    font-size:18px;
}
#rating {
margin: 9px 0 4px 0;
}
.pictureTitle h1
{
    font-size:36px;
}

.square{
    position:absolute;
    clip: rect(0px,60px,60px,0px);
}

.nolinks{
    margin:15px 0 15px 0!important;
}

.centerDiv
{
    width:910px;
    margin:0 auto;
}

.centerDiv728
{
    width:728px;
    margin:0 auto;
}

.centerDiv736
{
    width:736px;
    margin:0 auto;
}

.copyright
{
    text-align:center;
    padding-top:5px;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.top-pics a img{
    max-width:71px;
    max-height:100px;
}

.top-pics a{
    margin: 0;
    padding: 0 1px 0 0px;
}

.float-left, .top-pics {
    float: left;
}

.uploadPage
{
    font-size: 18px;
}
.uploadSexCeleb
{
    float: left;
    width: 50%;
    margin-top: 10px;
}

.plink{padding:0;}

.plink img
{
    left:0;
    max-width:90%;
}

.plink div{
    max-width:90%;
    margin:0 auto;
    overflow-x:hidden;
}

.float-right {
    float: right;
}

.uploadDescription
{
    width:650px !important;
    height:200px;
    margin-right:25px;
    margin-bottom:20px;
    line-height: 22px;
    font-size:18px;
}

.clear-fix:after, .clear:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.numberOne 
{
    margin: 0 0 25px 0;
    font-size: 18px;    
    color: black;
    text-align: center;
}

.externalLinks
{
    border: solid 1px #DDD;
    margin:15px auto 5px auto;
    max-width:800px;
    background:white;
}

.externalLinks h3
{
    margin:10px 0 0 0;
    font-size: 20px;
}

#add-link-form{
    text-align:left;
    margin-left:100px;
    margin-right:100px;
    display:none;
}

    #add-link-form p {
        font-size:14px;
    }

    #add-link-form input {
        width:100%;  
        box-sizing:border-box;   
    }

.externalLinks div
{
    margin:5px 0 5px 0;
    font-size: 18px;
}


.runnerUpDiv
{
    width:220px;
    float:left; 
}

.marginbottom
{
    margin-bottom:15px;
}

.juicyFrame iframe
{
    margin: 15px auto 0 auto;    
    display: block;
}

.rightCol
{
    width:448px;
}

.hide
{
    display:none;
}

.imageBlock{
    margin:0 auto;
}

.mainGalleryDiv {
    text-align: center;
    font-size:18px;    
    margin: 0 auto;
}

.galleries {
    list-style: none;
    max-width:170px;
    margin:10px;
    font-size:14px;
}

.mainGalleryDiv p{
    max-width:700px;
    margin:15px auto;
}

.textAlignLeft {
    text-align:left;
}

.galleryPartDiv {
    float: left;
    max-width: 170px;
    margin: 15px 20px;
    text-align: left;
}

.galleryPartDiv div a {
    padding:0;
}

.gallerySpacer {
    margin-bottom:15px;
}

.galleryDiv
{
    margin:5px 0 25px 0;
    font-size: 18px;
}

.runnerUp
{
    font-size: 16px; 
    color: black;
    text-align: center;
    float:left;   
}

.runnerUpLeft
{
    margin-left:2px;
}

.runnerUpRight
{
    float:right;
    margin-right:10px;
}

.partnerGalleriesLeft div
{
    padding-left:0;
    padding-right:3px;
    margin-bottom:5px;     
}

.partnerGalleriesRight div
{
    padding-left:3px;
    padding-right:0;
    margin-bottom:5px;    
}

.partnerGalleriesLeft div div, .partnerGalleriesRight div div{
    overflow:hidden;
}

.partnerGalleriesLeft, .partnerGalleriesRight {
    font-size: 14px;      
}
.runnerUpRatingText
{
    margin-bottom:8px;
}

.homeGroup h1, .homeGroup h2, .searchGroup h2, .homeGroup h3, .galleryContainer h2, .nolinks h2
{
    text-align:center;
    margin:10px 10px 0 10px;
    font-size: 26px;
}

.onlyShow input
{
    width:50px;
}

.homeGroup h1, .homeGroup h2, .galleryContainer h2
{
    margin-bottom:10px;
}

.homeGroup h3
{
    font-size:20px;
    margin-bottom:10px;
}

.affiliate-text {
    margin: 0 auto 10px auto!important;
    font-size: 28px;
    font-weight: bold;
}

.adminGalleryPicDiv {
    width:200px;
    display:inline-block;
    margin: 10px 5px;
    border-style:solid;
    border-color: black;
    border-width: 1px;
}

.adminGalleryPicDiv label {
    display:block;
}

.homeSearch
{
    text-align: center;
}

.searchMenuInput{
    height: 30px;
    margin: 10px 5px;
    width: 250px;
    font-size:16px;
}

.search-go{
    height: 30px;
    font-size: 16px;  
    line-height:10px;
}
.leftHome
{
    margin-right:10px;
}
h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin: 0 0 10px 0;
    padding: 0;
}

h1 {
    font-size: 2.5em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

h5 a:link, h5 a:visited, h5 a:active {
    padding: 0;
    text-decoration: none;
}


    
.text-28{
    font-size:28px;
}

/* main layout
----------------------------------------------------------*/
#body {
    clear: both;
    padding: 0 0 15px 0;
    text-align:center;
}

footer {
    clear: both;
    background-color:lightgrey;
    font-size: .8em;   
}

.gal-name{
    margin:5px;
}

.sitebox {
    color: #000;
    background: #d3d3d3;
    padding: 3px 6px;
    width: auto;   
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    border-color: #a9a9a9;
    text-align: left;
    float: left;
    font-size: 11px;
    margin: 3px 4px 5px 5px;
}

.banner-text{
    font-size:36px;
}

/* site title
----------------------------------------------------------*/
.site-title {
    margin: 5px 0 5px 0;  
    font-size: 40px;
    font-weight: bold;
    margin-top:5px;
}

.logo img
{
    border: 1px solid black;
    margin:0 15px 5px 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;   
    outline: none;
    text-decoration: none;
}


/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

    #login a.username {
        background: none;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }


/* menu
----------------------------------------------------------*/
ul.menu {
    font-size: 20px;
    font-weight: 600;
    padding: 0;
    color:black;
}

ul.menu li {
    display: inline;
    list-style: none;  
}

ul.menu2{
    width: 100%;   
    align-items: stretch;
    justify-content: space-between;  
    display: flex;
    margin:0;
}

ul.menu2 li a, ul.menu3 li a {
    text-decoration: underline;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

ul.menu3 {
    display: flex;
    margin-bottom: 5px;
    align-items: stretch;
    justify-content: center;
}

    ul.menu3 li a{
        margin-right:40px;
    }

    ul.menu2 li {
        padding-right: 0;
    }

ul.menu2 img, ul.menu3 img{
    margin-right:4px;
}


ul.menu-bot {    
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    display: flex;
    margin: 5px 7px 0 0;
}

.menuMarg{
    margin-top:9px;
}

ul.menuSearch {
    align-items: stretch;
    justify-content: space-between;
    display: flex;
}

.mailLink a, .fieldsetpad a, .policy a {
    text-decoration: underline;
}

.mailLink a:hover, .fieldsetpad a:hover, .policy a:hover
{
    font-weight:bold;
    color:red;
}

    .pagination li a:hover
    {
        color:red;
    }

    .fullPicDesc{
        margin-top:12px;
    }

    .fullPicDesc p{
        font-size:20px;
    }

    .camname{
        text-align: left;
        margin: 3px 0 0px 5px;
        color: black;
        font-size: 16px;
    }

    .cam-viewers{
        float: right;
        margin: 3px 5px;
    }

    .cam-girl-sep{
        margin:2px 5px;
        color:#333;
    }

    .cam-subject{
        overflow: hidden;
        height: 55px;
        font-size: 12px;
        margin: 0 2px;
    }

    .cam-iframe
    {
        width:100%;
        height:800px;
    }

    .cam-girl-block{
        width: 202px;
        height: 285px;
        border: 1px #999 solid;
        margin: 10px;
        float: left;
        background-color: white;
    }

    .cam-tags{
        height: 40px;
        overflow: hidden;
        margin: 0 2px;
    }

    .cam-girl-block img{
        height: 150px;
        width: 200px;        
    }

.footerMenu
{
    font-size:18px;
    font-weight:600;
    text-align:center;
    padding-top:10px;
    margin: 0 0 10px 0;
    padding-left: 0;
}

.footerMenu li
{
    display: inline;
    list-style: none;
    padding: 0px 10px;
}

.footerMenu li a
{           
    margin: 0 5px 0 5px;
}

/* page elements
----------------------------------------------------------*/

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
}

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* content */
article {
    float: left;
    width: 70%;
}

.label {
    font-weight: 700;
}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

    #loginForm input[type="checkbox"],
    #loginForm input[type="submit"],
    #loginForm input[type="button"],
    #loginForm button {
        width: auto;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom:  5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#logoutForm {
    display: inline;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

.uploadPage h1
{
    margin: 10px auto;
    text-align:center;
}

.highlight {
font-weight: bold;
color: red;
font-size: 1.2em;
}

/* forms */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #DDD;
font-weight: bold;
color: black;
}

.ulnameLabel {
    padding-bottom: 5px;
    text-align: center;
}
.uploadLeft, .uploadRight {
    float: left;
    width: 50%;
}
.uploadTop {
    padding: 0;
}

    .uploadTop p
    {
        margin-top:0;
    }

.uploadDescLabel
{    
    width:100%;
    text-align:left;        
    padding:0 0 10px 0;
    float:left;    
}

.uploadFieldset {
    width: 800px;
    margin: 0 auto 15px;
    border: 2px groove gray;
    padding: 0 1.4em 1.4em 1.4em;
}

.uploadFieldset p, .uploadDescLabel
{
    font-size:18px;
    margin: 10px 0 10px 0;
}
#showAgreement {
    line-height: 36px;
    display: block;
    width: 320px;
    margin: 10px auto 12px auto;
}

.uploadLeft p, .uploadRight p
{
    margin-bottom:5px;
}

.MyPicturesTableCell button
{
    background-color: lightgray !important;
    height:40px;
    margin:0 15px;
}

.uploadedPictures li
{
    display: inline;
    list-style-type: none;
    padding-right: .5em;
}

.descArea textarea
{
    float:left;
    width:635px;
}
.ajaxUploadButton
{
    float:right;
    width: 150px !important;
    height: 40px;
    font-size:20px;
}
.uploadRight input
{
    width:380px;
}
    .uploadCeleb label
    {
        font-size:18px;
        font-weight:normal;
    }

    .uploadCeleb label
    {
        margin-right:10px;
    }


fieldset
{
    border:none;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label.checkbox {
    display: inline;
}

.uploadSexCeleb label
{
    margin-right:5px;
}

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
    max-width:100%;
}

textarea {   
    width: 500px;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

    input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
    }

    input[type="submit"],
    input[type="button"],
    button {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-weight: 600;      
        width: auto;
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 1em;
        padding: 4px;
        margin-right: 4px;
    }

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.imageLeft
{
    float:left;
    margin:0 1em 1em 0;
    border:none;
}

#ratePicturesLeftColumn {
    padding: 0.6em 1% 0.6em 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex: 0 0 20%;
    overflow:hidden;
}

.rate-container{
    display: flex;
    height: 90vh;
}

#ratePicturesLeftColumn input{
    width:100%!important;
    flex:0 0 auto;
}

.mainHotnessPage{
    width:880px;
    margin: 0 auto;
}

.ratePictureDisplay 
{	
    padding: 1%;
    text-align: center;
    height: 100%;
    width: 50%;
    float: left;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex: 1 0 0;
}
.flex-vert-padding{
    flex: 1 0 0;
}
.rate-right{
    flex: 0 0;
}

.vertCenterImage
{
    text-align: center;
    overflow: hidden;
    display: flex;
    flex: 1 0 100%;
}

.picCont{
    overflow:hidden;
    display: flex;
    flex: 1 1 100%;
}

.ratePicturesImHotterButton
{
    width:80% !important;
    height: 50px;
    position:relative;
    top:6px;
    font-size: 20px;
    cursor:pointer;
    font-size:20px;
}

.ratePicturesHistoryScore
{
    width: 50%;
    word-wrap: normal;
    overflow: hidden;
    float: left;   
}

.rate-right-bot{
    width:50%;
    float:left;
}
#rightImage, #leftImage{
    max-height: 100%;
    max-width: 100%;
    object-fit:scale-down;
    border: transparent;
    border-style: solid;
    border-width: 1px;
}

.ratePicNames{
    overflow:hidden;
}

.ratePicturesHistoryWonLost
{
    float: left;
    height: 1em;
    width: 50%; 
    font-size: 1.2em;  
    padding: .5em 0 0 0;
}

.ratePicturesHistoryPicture a{
    display:flex;
}

.ratePicturesHistoryPicture img
{
    object-fit: contain;
}


.ratePicturesHistoryPicture
{   
    display: flex;
    flex-direction: row;
    flex: 10 0 50%;
}

.rateSidePic{
    width:100%;
    padding-left:4px;
    padding-right:4px;
}

.ratePicturesHistoryRow{
    flex: 1 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.ratePicRow{
    overflow:hidden;
    display: flex;
    flex: 1 1 100%;
}

.ratePicRow div a{
    margin:auto;
    height:100%;
}

.home-video-font
{
    font-size:16px;
}

.ratePicRow2{
    margin: 10px 0;
    height:20px;
    flex: 0 0 0;
}
.add-link-button{
font-size:12px!important;
padding-left:20px;
padding-right:20px;
}

.ratePicturesCenterDiv
{ 
    text-align: center;
    overflow:hidden;
    display: flex;
    flex-direction: column;
    flex: 0 1 80%;
}

#ratePicturesCenterDiv h1
{    
    position: relative;
}

.width95percent
{
    width:95%;
    margin:0 auto;
}
.width100percent
{
    width:100%;
}
.ratePicturesHistoryWonLost
{
    float: left;
    height: 35px;
    width: 50%; 
    font-size: 18px;  
    padding: .5em 0 0 0;
}

.ratePicturesHistory
{      
    align-items: center;
    height: 100%;
    max-height: 100%;
    overflow:hidden;
    display: flex;
    flex-direction: column; 
    flex: 1 1 100%;
}

.width100percent
{
    width:100%;
}
.registerInfo
{
    font-size:22px;
    margin:25px 0;
}
.error {
    color: #e80c4d;
}
.errorMessage
{
    margin-top:30px;
    font-size:26px;
}

.formEdit label
{
    min-width:200px;
    display:block;
}

.rate-pic-text{
    font-size:16px;
}

.infiniteDesc{
position:relative;
top:-13px;
}


/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.bigbutton
{
    font-size: 28px !important;
    font-weight: bold !important;
}

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

#nudePictures{
    text-align:center;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}

ul.logoff li, ul.logoff li a
{
    font-size:15px;
    display: block;
    text-align: right;         
    float:right; 
    margin-left:5px;
}

ul.logoff li, ul.logoff{
    padding-top:1px;
    color:black;
}

.rss{
    position: relative;
    top: -2px;
    float: right;
}

nav
{
    width:100%;
}

.homeRunnerUpPic{
    padding:0 2px 0 0;
}

.ytPlayer iframe, .ytPlayer {
    max-width:98%;
}

.ytPlayer
{
    margin: 0 auto 10px auto;
}

.numpics{
    font-size: 18px;
}

.showButton{
    width:95%!important;
    margin-left:auto;
    margin-right:auto!important;
}

.galleryBox h3 a {
    max-height: 75px;
    display: block;
    overflow: hidden;
}

.left-align {
    text-align: left;
    margin: 0 auto 10px auto;
    max-width: 600px;
}

@media only screen and (max-width: 880px) {   
    #body {
        width: 100%; 
        margin:0;
    }
}


@media only screen and (max-width: 650px) {   
    .nextButton
    {      
        margin:5px 0 10px !important;  
    }

    .rateButton
    {       
        margin:0!important;     
    }    
}
