/* Minification failed. Returning unminified contents. (5298,113): run-time error CSS1038: Expected hex color, found '#b1b0b0b' */ @charset "utf-8"; /* CSS Document */ @font-face { font-family: 'segeouilight'; src: url('/Styles/../fonts2.0.0.0/segeouilight.eot'); src: url('/Styles/../fonts2.0.0.0/segeouilight.eot') format('embedded-opentype'), url('/Styles/../fonts2.0.0.0/segeouilight.woff2') format('woff2'), url('/Styles/../fonts2.0.0.0/segeouilight.woff') format('woff'), url('/Styles/../fonts2.0.0.0/segeouilight.ttf') format('truetype'), url('/Styles/../fonts2.0.0.0/segeouilight.svg#segeouilight') format('svg'); } @font-face { font-family: 'SegoeRg'; src: url('/Styles/../fonts2.0.0.0/SegoeRg.eot'); src: url('/Styles/../fonts2.0.0.0/SegoeRg.eot') format('embedded-opentype'), /*url('/Styles/../fonts2.0.0.0/SegoeRg.woff2') format('woff2'),*/ url('/Styles/../fonts2.0.0.0/SegoeRg.woff') format('woff'), url('/Styles/../fonts2.0.0.0/SegoeRg.ttf') format('truetype'), url('/Styles/../fonts2.0.0.0/SegoeRg.svg#SegoeRg') format('svg'); } html{ overflow-y: scroll; height:100%; -webkit-text-size-adjust: 100%;} body > form{ height:100%;} body{ margin: 0px; padding: 0px; font-family:SegoeRg; color: #4f4f4f; font-size: 16px; letter-spacing:1px;} /*Globle Classes*/ *{outline: none; margin: 0px; padding: 0px; list-style: none;} .clear{ clear: both;} img{border:none;} /*Heading Style End here*/ .wrapper{ width: 100%; overflow: hidden;} .autoCenter { max-width: 1280px; position: relative; margin: 0px auto;} .header{ background: url(/Styles/../images/ModelHeaderBg.png) center top repeat-x; position: fixed; width: 100%; z-index: 10; top:0;} .logo{ margin: 9px 0px 0px 0px; float: left;} .headerTop{ height: 37px;} #Divheadermenu{ clear:both;} .UserNameHeader{ font-size: 32px; color: #989898; font-weight: lighter; float: left; line-height: 38px;} .LocationDivHeader{ font-size:16px; color: #5F5E5E; line-height: 20px; float: left; padding:3px 0px 0px 40px;} .LocationDivHeader > div{ margin-top:2px; } /*Header Search Header*/ .searchBox{ width: 270px; float: left; margin: 6px 0px 0px 148px;} .searchBox .row{ width: 231px; height: 27px; background: url(/Styles/../images/searchBg.png) left top no-repeat; margin: 0px; padding: 0px;} .searchBox .textBox{ width: 193px; height: 30px; background: none; border: none; color: #989898; padding: 3px;} .searchBox .searchBtnProfile{ margin-top: 5px; width: 17px; height: 17px; background: url(/Styles/../images/modelqsprite.png) 100% -60px no-repeat; border: none; cursor: pointer;} .searchBox .searchBtnProfile:hover{ background-position: 100% -77px;} .AdvanceSearch{ margin-left: 5px; margin-top: 5px; width: 17px; height: 17px; background: url(/Styles/../images/modelqsprite.png) 100% -110px no-repeat; border: none;} .AdvanceSearch:hover{ background-position: 100% -127px;} /*Header Icons Style Start here*/ .ModelHeaderIcons{ width: auto; float: right; padding: 0px 0px 0px 0px;} .notificaiton_box{float: right; width: 220px;} .ModelHeaderIcons ul{ list-style: none; text-align: right; float: right;} .ModelHeaderIcons li{ display: block; padding: 0px 5px; position: relative; float: left;} .ModelHeaderIcons li a{ width: 25px; height: 29px; display: inline-block;} .ModelHeaderIcons li a.ic{ background: url(/Styles/../images/modelqsprite.png) left top no-repeat;} .ModelHeaderIcons li a.ic.msg, .ModelHeaderIcons li a.ic.msg.active1:hover{ background-position: -75px -374px;} .ModelHeaderIcons li a.ic.circle, .ModelHeaderIcons li a.ic.circle.active1:hover{ background-position: -75px -465px;} .ModelHeaderIcons li a.ic.notification, ModelHeaderIcons li a.ic.notification.active1:hover{ background-position: -75px -553px;} .ModelHeaderIcons li a.ic.job, .ModelHeaderIcons li a.ic.job.active1:hover{ background-position: -75px -648px;} .ModelHeaderIcons li a.ic.setting, .ModelHeaderIcons li a.ic.setting.active1:hover{ background-position: -165px 5px;} .ModelHeaderIcons li a.ic.msg:hover, .ModelHeaderIcons li a.ic.msg.active1{ background-position: -75px -415px;} .ModelHeaderIcons li a.ic.circle:hover, .ModelHeaderIcons li a.ic.circle.active1{ background-position: -75px -506px;} .ModelHeaderIcons li a.ic.notification:hover, .ModelHeaderIcons li a.ic.notification.active1{ background-position: -75px -594px;} .ModelHeaderIcons li a.ic.job:hover, .ModelHeaderIcons li a.ic.job.active1{ background-position: -75px -689px;} .ModelHeaderIcons li a.ic.setting:hover, .ModelHeaderIcons li a.ic.setting.active1{ background-position: -165px -36px;} .ModelHeaderIcons li a.ic.endorsement, .ModelHeaderIcons li a.ic.endorsement.active1:hover{ background-position: -206px 5px;} .ModelHeaderIcons li a.ic.endorsement:hover, .ModelHeaderIcons li a.ic.endorsement.active1{ background-position: -206px -36px;} .ModelHeaderIcons li .count{ font-size: 10px; font-weight: bold; color: #fff; height: 13px; line-height: 14px; min-width: 12px; padding: 0px 2px; text-align: center; background: #870060; display: inline-block; position: absolute; right: 0px; top: 0px;} /* ### myAccDropdown ### */ .ModelHeaderIcons li.userImage{ padding: 0px 10px 0px 6px; margin: 0px; border: none; height: 37px;} .ModelHeaderIcons li.userImage a { width: auto; color: #e3e3e3; float:left;} .ModelHeaderIcons li.userImage a span { display: inline-block; line-height: 38px;} .ModelHeaderIcons li.userImage img { padding: 8px 9px 0px 9px;} .ModelHeaderIcons li.userImage:hover { background: #3f3f3f;} .ModelHeaderIcons li.userImage .myAccDropdown img { padding: 0px;} .myAccDropdown{ display: none;} .ModelHeaderIcons li.userImage:hover .myAccDropdown { display: block; width: 200px; padding: 5px; position: absolute; right: 0px; top: 37px; background: #3f3f3f; z-index: 9999; right: 0;} .myAccDropdown h2{ font-size: 16px; color: #fff; line-height: 18px; text-align: left;} .myAccDropdown ul{ list-style: none; width: 200px; text-align: left; margin-top:0px; background: #2b2b2b;} .myAccDropdown li{ display: block; padding: 0px;} .myAccDropdown li a{ width: 163px !important; position:relative; display: block; color: #e3e3e3; padding: 5px 10px 5px 27px; height: auto; border-bottom: 1px solid #444444; } .myAccDropdown li a span.user_settings_icon{ background: url(/Styles/../images/modelqsprite.png) right -3038px no-repeat; position:absolute; left:2px; top:2px; width:25px; height:25px;} .myAccDropdown li a.myac span.user_settings_icon{ background-position: -80px -159px;} .myAccDropdown li a.myseting span.user_settings_icon{ background-position: -80px -188px;} .myAccDropdown li a.signout span.user_settings_icon{ background-position: -80px -218px; border-bottom: none;} .myAccDropdown li a.tool span.user_settings_icon{ background-position: -80px -270px; } .myAccDropdown li a.editprofile span.user_settings_icon{ background-position: -80px -247px; height:22px;} .myAccDropdown li:hover{ background: #444;} .myAccDropdown li:hover a{ color: #e3e3e3;} /*Hover classes*/ /*Model Header Menu Start Here*/ .menu{ width: 100%;} .menu ul{ float: right; text-align: right;} .menu ul li{ display: inline-block; float: left; position: relative;} .menu ul li a{ display: block; float: left; padding: 13px 14px 12px 14px; height: 22px; font-size: 14px; color: #CFCECE; text-decoration: none; border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid black; text-transform: uppercase;} .menu ul li a:hover, .menu ul li:hover{ background: #444;} .menu ul li a.active{ background: #FFF; color: #870060;} .menu ul li a.last{ border-right: none; margin-top:2px;} .menu ul li:first-child a{ border-left: medium none;} .menu ul li.last:hover, .menu ul li.last a:hover{ background: #444444 url(/Styles/../images/coverpicIcons.png) -33px 11px no-repeat;} .menu li ul{ display: none; margin: 0px; padding: 0px !important;} .menu li:hover ul{ list-style: none; display: block; position: absolute; left: 0px; width: 215px; top: 47px; background: rgba(0, 0, 0, 0.88); list-style: none outside none; padding: 10px 0px 0 0px; border: 5px solid #444444; border-top: none;} .menu li:hover ul li{ float: left; width: 100%; display: block; padding: 0px;} .menu li:hover ul li a{ padding: 5px 20px 5px 20px; height: auto !important; font-size: 14px; display: block; text-align: left; float: none; color: #CFCECE; text-transform:none; border-bottom: 1px solid #444444; border-right: none;} .menu li:hover ul li a:hover{ background: #444 url(/Styles/../images/menuHover.png) repeat;} .menu li:hover ul li ul{ display: none;} .menu li ul li:hover ul{ width: 155px; position: absolute; left: 215px; top: 0px; height: auto !important; display: block; padding: 0px !important;} .menu li ul li a.model{ background: url(/Styles/../images/DropdownMenuArrow.png) 267px 15px no-repeat;} .menu li ul li a.model:hover{ background: url(/Styles/../images/DropdownMenuArrow.png) 184px 13px no-repeat;} /*Model Header Menu End Here*/ /* For Search All member type */ .searchshadow{ overflow: hidden; padding: 0px 0px 45px 0px; float: left; /* background: url(/Styles/../images/searchShadow.png) left bottom no-repeat;*/} .searchshadowInner{ overflow: hidden; padding: 0px 22px 15px 5px; float: left; border-right: 1px solid #e8e8e8;} /* For Search All member type */ .dividerMainMemberSearch { width: 100%; overflow: hidden; } /*.dividerMainMemberSearch h3 { padding: 10px 0px; }*/ #divMemberSearchResult h3 {float: left;} #divGroupButton { padding: 10px 0px; } .dividerMainMemberSearch .inner { padding: 0px 15px 0px 0px; } #leftCntrMemberSearch{ width: 25%; float: left; } #rightCntrMemberSearch, .rightCntrMemberSearch { padding:0px 0px 0px 15px; float: right; width: 75%; margin-bottom: 45px;}/*use casting default page*/ .rightCntrMemberSearch ul.modelsListing > li { width:33.3%;} #leftCntr{ width: 653px; float: left;} /*use casting default page*/ #rightCntr { width: 294px; float: right;} .userImage{ margin: 3px 10px 0 0; border: 1px solid #e1e1e1;} .smallText{ font-size: 12px; font-style: italic; color: #989898 !important;} /*Direction Style Start here*/ .floatLeft{ float: left;} .floatRight{ float: right;} /*Direction Style Start here*/ /*Big Icons Style Start here*/ a.createNewRecord{ width: 24px; height: 28px; display: block; text-indent: -9999px; background: url(/Styles/../images/createNewRecord.png) left 0px no-repeat; margin-top: -3px;} a.createNewRecord:hover{ background-position: -28px 0px;} .spritIcons { width: 26px;height: 25px; display: inline-block; overflow: hidden; vertical-align: middle; text-indent: -9999px; background: url('/Styles/../images/modelqsprite.png') no-repeat left top; } .spritIcons.message { background-position: -76px -4130px;} .spritIcons.message:hover{ background-position: -76px -4094px; } .spritIcons.bookMe { background-position: -76px -4212px;} .spritIcons.bookMe:hover{background-position: -76px -4176px;} .spritIcons.endorseMe{background-position: -76px -4305px;} .spritIcons.endorseMe:hover{background-position: -76px -4269px;} .spritIcons.leaveComment{background-position: -76px -4398px;} .spritIcons.leaveComment:hover{background-position: -76px -4362px;} .spritIcons.addCircle{background-position: -76px -4500px;} .spritIcons.addCircle:hover{background-position: -76px -4464px;} .spritIcons.AllreadyaddCircle{background-position: -76px -4464px;} .spritIcons.unfriend { background-position: -76px -6460px; } .spritIcons.unfriend:hover {background-position: -76px -6424px;} .spritIcons.like{background-position: -76px -4582px;} .spritIcons.like:hover{background-position: -76px -4546px;} .spritIcons.Allreadyliked{background-position: -76px -4546px;} .spritIcons.followMe{background-position: -76px -4054px;} .spritIcons.followMe:hover{background-position: -76px -4018px;} .spritIcons.Allreadyfollowed{background-position: -76px -4018px;} .spritIcons.pdf{background-position: -76px -4747px;} .spritIcons.pdf:hover{background-position: -76px -4711px;} .spritIcons.ProfileShare{background-position: -76px -4667px;} .spritIcons.ProfileShare:hover{background-position: -76px -4631px;} .spritIcons.online{background-position: -76px -3413px;} .spritIcons.offline{background-position: -76px -3464px;} .spritIcons.fb{background-position: -82px -1392px;} .spritIcons.twitter{background-position: -82px -1431px;} .spritIcons.google{background-position: -752px 0px;} .spritIcons.save{background-position: -321px 0px;} .spritIcons.edit{background-position: -80px -3746px;} .spritIcons.delete{background-position: -80px -3799px;} .spritIcons.views{background-position: -76px -5316px;cursor: default;} .spritIcons.viewallForjob{background-position: -80px -656px;width: 16px;height: 16px;} .spritIcons.viewalltalent{background-position: -80px -656px; width: 16px; height: 16px; } .spritIcons.viewallForconnection {background-position: -74px -3862px;} .spritIcons.viewallForMycircle {background-position: -74px -3862px;} .spritIcons.viewallForFollowing{background-position: -74px -4021px;} .spritIcons.viewallForFollower{width: 37px;background-position: -64px -3939px;} .spritIcons.ReportAbuse{background-position: -77px -4927px;} .spritIcons.viewallfeature{background-position: -74px -6505px; } .spritIcons.viewallfeature:hover{background-position: -74px -6545px; } .spritIcons.views:hover{background-position: -76px-5285px;cursor: default;} .spritIcons.save:hover{background-position: -321px -36px;} .spritIcons.edit:hover{background-position: -80px -3710px;} .spritIcons.delete:hover{background-position: -80px -3829px;} .spritIcons.viewallForjob:hover{background-position: -80px -697px;width: 16px;height: 16px;} .spritIcons.viewallForconnection:hover{background-position: -74px -3898px;} .spritIcons.viewallForGalleries{background-position: -75px -6272px;} .spritIcons.viewallForGalleries:hover{background-position: -75px -6236px;} .spritIcons.viewallForMycircle:hover {background-position: -74px -3898px;} .spritIcons.viewallForFollowing:hover{background-position: -74px -4057px;} .spritIcons.viewallForFollower:hover{background-position: -64px -3975px;} .spritIcons.ReportAbuse:hover{background-position: -77px -4891px;} .PrivateJob{height: 24px; font-size:18px; display: inline-block;background: url(/Styles/../images/modelqsprite.png) -71px -6814px no-repeat; padding: 2px 10px 0px 28px; /*6784px*/} .blockquoteTop{width: 20px;height: 14px;display: inline-block;background: url(/Styles/../images/modelqsprite.png) -83px -2711px no-repeat;} .blockquoteBottom{width: 20px;height: 14px;display: inline-block;background: url(/Styles/../images/modelqsprite.png) -83px -2760px no-repeat;} /*Use for video listing in my account*/ .ulVideo .like {float: left; padding: 2px 10px 0 22px; background: url(/Styles/../images/modelqsprite.png) -84px -3674px no-repeat; cursor:pointer;} .LikeIconForActivity,.CommentIconForActivity{ float: left; color: #870060; height: 22px; padding: 2px 13px 0px 11px; cursor: default; position:relative;} .CommentIconForActivity i,.LikeIconForActivity i{ position:absolute; left:1px; top:0px; font-size:25px;} .icon-heart-fill{ color: #b3008b;} .grayLikeIcon{ float: left; color: #3e3e3e; height: 22px; padding: 0px 0px 0px 23px; position:relative;} .grayLikeIcon i{ position:absolute; left:1px; top:-2px; font-size:25px;} /*Color Classes Start*/ .lightGray{ color: #848282; display: inline;} .darkGray, .darkGrayLink, .ActivityToUserName{ color: #414141; } .lightSepratorGray{ color: #fff;} .darkLinkBlack, .ActivityFromUserName{ color: #333; font-family:SegoeRg; } /*title and big text*/ .LinkBlack{ color: #585858;} .LinkNormalGrayLight{ color: #8D8D8D;} .LinkNlGray{ color: #2b2b2b;} /*small text*/ .pinkColor, .LinkNormalPink, .pinkNormalLink{ color: #870060;} .italic{ font-style: italic;} .tagText{ font-size: 16px;} .LinkNormalPink:hover, .pinkNormalLink:hover, .tagText:hover, a:hover, .pinkColor:hover{ color: #414141;} a.LinkNormalGray:hover, .LinkNormalDarkgray:hover, a.darkGray:hover, .lightGray:hover, .darkGrayLink:hover, .LinkNlGray:hover, .ActivityToUserName:hover, .ActivityFromUserName:hover, .darkLinkBlack:hover{ color: #870060;} /*Color Classes End*/ /*padding and margin Classes Start here*/ .paddingTop { padding-top: 15px;} .paddingBottom { padding-bottom: 15px;} .paddingLeft { padding-left: 15px;} .paddingRight { padding-right: 15px;} .paddingBottomNone { padding-bottom: 0px !important;} .paddingTopNone { padding-top: 0px !important;} .ActivitymarginTop { margin-top: 10px;} .ActivitmarginBottom { margin-bottom: 10px;} .marginTop { margin-top: 15px;} .marginBottom { margin-bottom: 15px;} .marginB15{margin-bottom: 15px !important;} .marginLeft { margin-left: 15px;} .marginRight { margin-right: 15px;} .margin0 { margin: 0px !important;} .marginTb5 { margin: 5px 0;} .marginTb10 { margin: 10px 0;} .marginLr5 { margin: 0px 5px;} .marginLr10 { margin: 0px 10px;} .marginT5 { margin-top: 5px;} .padding0 { padding: 0px !important;} .paddingTb5 { padding: 5px 0;} .paddingTb10 { padding: 10px 0;} .paddingLr5 { padding: 0px 5px;} .paddingLr10 { padding: 0px 10px;} .paddingBottom, .blogSection{ padding-bottom: 10px;} .paddingLR{ padding: 0px 10px;} .marginB{margin-bottom:5px;} /*padding and margin Classes end here*/ input, textBox, select, textarea { color: #6A6A6A; font-size: 16px; font-family:SegoeRg; font-weight: normal; resize: none;} img, fieldset{ border: none; vertical-align: middle; } #divDOB img{ border: none;vertical-align: middle; float:left;} .clear{ clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden;} a { text-decoration: none !important; color: #870060;} .textBox { width: 244px; border: 1px solid #ccc; font-size: 16px; color: #6a6a6a; padding:4px; height:33px;} select.textBox, select.selectBox{ width: 255px; padding: 0px; border: 1px solid #ccc; font-size: 16px; color: #6a6a6a; height: 33px;} select.textBox option, select.selectBox option{ padding-left: 5px;} #addPostContentCntr .ErrorMessage { margin:0px; padding:0px;} /*Button New for Submit style*/ .button2, .button { padding: 0px 30px; display: inline-block; margin-top: 10px; background:#AB0072; border: none; cursor: pointer; overflow: visible; width: auto; font-family:SegoeRg; font-size: 17px; text-transform: uppercase; color: #fff; height: 33px; line-height: 33px; } .button2:hover, .button2.gray, .button:hover, .button.active { background-color:#c7198d; color: #fff; } input.button[type="submit"], input.button[type="button"], input.button[type="reset"] { height: 36px; line-height: 36px;} /*Button New for Submit End style*/ .buttonSetTimeLine { padding: 1px 51px 0px 10px; margin:6px 10px 10px 0px; display: inline-block; margin-top: 10px; background: #870060 url(/Styles/../images/Set_Timeline_ico.png) right -1px no-repeat; border: 0 none; cursor: pointer; overflow: visible; width: auto; font-size: 12px; text-transform: uppercase; color: #fff; height: 34px; line-height: 24px;} .buttonJobDisapprove{ padding: 1px 0px 0px 10px; margin:0px 10px 0px 0px; display:block; background:url(/Styles/../images/disapprove.png) right 0px no-repeat; border: 0 none; cursor: pointer; overflow: visible; width: 30px; font-size: 12px; text-transform: uppercase; color: #fff; height: 34px; float:left; line-height: 24px;} .PhotoPostButton { height: 35px;background: none; border: 0 none;width: 35px; cursor: pointer; position: relative; top: -10px; right:3px; float: right; font-family: 'modelQ_web'; background: none; font-size: 40px; color: #B0B0B0;} .PhotoPostButton:hover{ color:#870060;} .LoadingImageForActivity{ top: 50%; left: 50%; position: absolute; color: #333; width: 150px;} .button2 input{ cursor: pointer; background: none; border: none; font-family:SegoeRg; font-size: 12px; text-transform: uppercase; color: #fff; height: 24px; line-height: 24px;} /*form STYLE end */ .seprater{margin:12px 0px;}/*below Title seperater*/ .grayBorder{height: 1px; overflow: hidden; margin: 5px 0px; width: 100%;}/*Line seperater between row of content.*/ .RemovegrayBorder{ height: 1px; overflow: hidden; margin: 12px 0px; width: 100%;} p{padding: 5px 0px;font-size: 18px;overflow: hidden;} .divPanel p{ line-height:28px; } .ui-widget-overlayFeedback{ top: 0; left: 0; background: black !important; z-index: 1 !important; opacity: 0.30; -moz-opacity: 0.65; /* older Gecko-based browsers */filter: alpha(opacity=30) !important; /* For IE6&7 */ width: 100%; height: 100%;} .commonTextBox{ height: 20px; border: 1px solid #a5a5a5; font-size: 12px; color: #6a6a6a;} .commonLabel{ border: 0px; background: #fff;} .leftCntrEvents{ width: 714px; float: left;} #divEndorsementsListing .detail, #divAllEndorsement .detail{ display: table;} .LinkNormalGray, a.LinkNormalGray{ color: #989898;} .UploadPhoto{ display: none; width: 961px; margin: 0px auto; height: 600px; z-index: 10; position: absolute; top: 150px; left: 27%; background:#fff;} .MovePhoto{ display: none; width: 1000px; margin: 0px auto; height: 600px; z-index: 10; position: absolute; top: 150px; left: 27%;} #homeSlide{ width: 100%; overflow: hidden; /*height:605px; background:url(/Styles/../images/backgroundBg.png) center top no-repeat;*/} #paging{ /*width:225px;*/ padding: 0px 0 0 9px; text-align:center; position: relative; bottom: -19px;} #paging li{ display: inline-block; width: 17px; height: 17px; padding: 0 8px 0 17px;} #paging li a{ width: 17px; height: 17px; display: inline-block; text-indent: -99999px; background: url(/Styles/../images/pagination.png) left top no-repeat;} #paging li a:hover, #paging li a.activeSlide{ background-position: 0 -32px;} /* HOME PAGE CSS STYLE END HERE */ .row{ width: 100%; float: left; padding-bottom: 20px; position: relative;} /*----------------------------STEP2 DETAIL START HERE----------------------------*/ .step2Detail { padding: 30px 0; float: left;} .step2Detail .row .normalGray{ width: 308px;} .nextPrevButton{ width: 493px; height: 65px; margin: 0px auto; padding: 1px; background: url(/Styles/../images/continueBtn.png) left top no-repeat;} a.next { width: 222px; height: 65px; text-indent: -99999px; float: left; display: inline;} .submitProfileButton{ width: 495px; height: 65px; margin: 0px auto; background: url(/Styles/../images/submitProfile.png) left top no-repeat;} .visitProfileButton{ width: 495px; height: 65px; margin: 0px auto; background: url(/Styles/../images/visitMyProfile.png) left top no-repeat;} /*----------------------------STEP3 DETAIL START HERE----------------------------*/ .checkBox { border: 1px solid #a5a5a5; width: 12px; height: 12px; margin-right: 10px; vertical-align: middle;} /*----------------------------STEP4 DETAIL START HERE----------------------------*/ .normalGrayLabel { width: auto; font-size: 12px; color: #6a6a6a; text-align: right; font-weight: bold; padding-right: 14px; display: block; line-height: 20px;} .registrationMessage{ margin-top: -6px; width: 780px; float: left; color: #ccc;} /* REGISTRATION PAGE CSS END HERE */ .row .normalGray { width: 125px; float: left; color: #6a6a6a; text-align: right; font-weight: normal; padding-right: 7px; display: block; line-height: 30px;} #ui-datepicker-div { display: none;} .photoSectionDetail{ width: 820px; overflow: hidden;} .labelTd { width: 200px; text-align: right; padding-right: 10px;} .registrationUploadImage { width: 820px; height: 238px; margin-top: 10px; background: url(/Styles/../images/user_registrationImage.jpg) left top no-repeat;} .registrationUploadImage ul{ list-style: none; position: relative;} .registrationUploadImage li{ width: 199px; height: 237px; position: relative; margin-right: 5px; float: left;} .registrationUploadImage .browse { width: 67px; height: 75px; position: absolute; right: 4px; top: 0px; border: none; cursor: pointer; background: url(/Styles/../images/browseBtn.png) left top no-repeat;} #DivModelHeaderDetail table .labelTd{width: 220px;} .DrogdropArea { position: absolute; left: 19px; top: 75px; z-index: 1;} .DrogdropImageName{ position: absolute; left: 5px; bottom: 8px; z-index: 1;} .folderCntr { overflow: hidden; margin: 10px 0 20px 0; border-left: 1px solid #E1E1E1; border-top: 1px solid #E1E1E1;} ul.dragPicCntr li{ width: 183px; float: left; text-align: center; position: relative; padding: 10px; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; font-size: 10px; color: #bcbcbc;} ul.dragPicCntr li .divPicture{ margin: 0px; overflow: hidden;} ul.dragPicCntr1 li{ width: 242px; float: left; text-align: center; position: relative; padding: 10px 0; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; font-size: 10px; color: #bcbcbc;} /*Four Photos on full page*/ ul.ImageThumbFullPage { margin-right: -5px;} ul.ImageThumbFullPage li { width: 25%; padding: 0px 5px 5px 0px; float: left; text-align: center; position: relative; font-size: 11px; color: #bcbcbc; border: none; } .divPictureScreening,.divPictureFlagged { position:relative; width: 100%;} .divPicture img, .divPictureScreening img,.divPictureFlagged img { width: 100%; } /*my setting page */ ul.ImageThumbFullPage li .divPicture { width:100%; position: relative; margin-bottom: 10px;} ul.ImageThumbFullPage li .divPicture{ margin: 0px; overflow: hidden;} ul.ImageThumbLarge li{ width: 25%; float: left; text-align: center; position: relative; padding: 1px 5px 0px 0px; font-size: 11px; color: #bcbcbc; border: none; } /*my setting page */ ul.ImageThumbLarge li .divPicture{min-height: 120px;position: relative;overflow: hidden;} ul.ImageThumbLarge li .divPictureScreening{min-height: 120px; position: relative; overflow: hidden; left: 0; opacity: 0.8; top: 0; z-index: 9 !important;} .UnderscreenIcon{background: url(/Styles/../images/under_screening.png) center center no-repeat; position:absolute; width:100%; height:100%; } .FlaggedIcon{background: url(/Styles/../images/flagged.png) center center no-repeat; position:absolute; width:100%; height:100%; } /*Three photos on right container*/ ul.dragPicCntrMySetting li{ width: 245px; float: left; min-height: 153px; height: auto !important; height: 153px; text-align: center; position: relative; padding: 0px; font-size: 11px; color: #bcbcbc; border: none; margin: 0px 6px 6px 0px;} /*my setting page */ ul.dragPicCntrMySetting li .divPicture, ul.dragPicCntr li .divPicture{ position: relative; margin-bottom: 10px;} ul.dragPicCntrMySetting li .divPicture{ margin: 0px; overflow: hidden;} .PhotoDelete{ margin: 1px 0 0 4px !important; float: left;} .mysetting{ width: 100%; margin: 0px auto; /* border: 1px dotted #ccc;*/} .mysetting li{ padding: 5px; overflow: hidden; line-height:30px;} .mysetting li:hover{ background: #f4f4f4 url(/Styles/../images/icon.png) 96% 7px no-repeat;} .mysetting li.MysetttingMcId:hover{ background: #f4f4f4 !important;} .mysetting li ul.subsetting li{ float: left; border-bottom: none; padding: 0px 0 0 25px;} .mysetting li ul.subsetting li .radio{ margin-right: 5px;} .mysetting li ul.subsetting li:hover{ background: none;} /*Top and bottom strip on photo*/ .pictureInfo{ position: absolute; right: 0px; bottom: 0px; background-color:rgba(0,0,0,0.7); padding: 5px; width: 100%; min-height: 25px;} /*TO show permanent*/ .pictureInfoTop{ position: absolute; right: 0px; top: 0px; background-color:rgba(0,0,0,0.7); padding: 5px; width: 100%; min-height: 25px;} .pictureInfoDiv{ position: absolute; right: -245px; bottom: 0px; background-color:rgba(0,0,0,0.7); padding: 5px; width: 100%; min-height: 25px;} /*To hide by default*/ .textBox205{ width: 190px; height: 20px; background: none; border: 1px solid #888; color: #ccc; margin-left: 7px;} .textBox140{ width: 140px; height: 20px; background: none; border: 1px solid #888; color: #ccc;} .settingpiccrop{ float: right; margin-top: 3px;} /*style use for my setting and profile photo */ .movePhotoDiv{ background: #fff; height: 500px;} ul.dragPicCntrShowcase{ width: 100%; height:154px;} ul.dragPicCntrShowcase li{ width: 135px; margin: 5px; float: left; min-height: 90px; height: auto !important; height: 90px; text-align: center; position: relative; padding: 2px; border: 1px solid #d3d3d3; font-size: 10px; color: #bcbcbc;} .movePhotoDivShowcase li{ float: left; margin: 10px 18px 0 15px !important; width: 118px; text-align: center; list-style: none; padding-bottom: 5px; font-size: 14px; cursor: pointer;} .row h3{ font-size: 14px; width: 100%; text-align: left; padding-bottom: 8px; font-weight: normal;} #divSetProfilePhoto{ background: #fff !important;} .editsettings{ padding-left: 23px; cursor: pointer;} .expendcontent{ background: #f4f4f4;} .expendcontent.mysetting li:hover{ background: #f4f4f4; cursor: pointer;} #DivSecuritySettings .mysetting li:hover, #DivDefaultHomePageSetting .mysetting li:hover, #DivNotificationsSettings .mysetting li:hover, #divSetProfilePhoto .dragPicCntrMySetting li:hover,#DivprofileComments .mysetting li:hover{ background: #f4f4f4; cursor: pointer;} .FiledropZoneAreaside{ height: 69px; width: 158px; margin: 73px 0 0 19px;} .FiledropZoneAreafullFace{ height: 69px; width: 158px; margin: 70px 0 0 18px;} .FiledropZoneAreawaistUp{ height: 69px; width: 158px; margin: 61px 0 0 22px;} .FiledropZoneAreafullLength{ height: 69px; width: 158px; margin: 71px 0 0 22px;} #dvErrContainer{ text-align: center; overflow: hidden; min-height: 270px;} .ErrDescription{ padding: 30px 0 30px 0;} .ErrorMessage{ color: #870060; vertical-align: middle; text-align: left; display:inline-block; padding-top:10px;} .star{ color: #870060; } /*color:#fe1b03;*/ .sucessMsg{ color: #03711a;} /*Feedback form style start here*/ #McFeedback{ position: fixed; top: 30%; width: 400px; right: -424px; margin-left: -10px; z-index: 9999; background: #f2f2f2 url("/Styles/../Images/feedbackBg.png") left -30px repeat-x; border: 2px solid #48afc2; padding: 10px; border-radius: 10px;} #McFeedback h2{ padding-bottom: 10px; overflow: hidden; text-align: center;} #McFeedback a{ background: url("/Styles/../Images/McFeedback.png") no-repeat center left transparent; display: block; width: 47px; height: 173px; text-indent: -9999em; position: absolute; top: 50px; left: -47px;} #McFeedback a:hover{ background-position: center right;}#McFeedback .labelTd{ width: 116px; float: left; font-size: 16px; text-align: right;} #McFeedback .button{ margin: 0px;} .ui-widget-overlay{ position: absolute; top: 0; left: 0; background: black !important; z-index: 10 !important; opacity: 0.30; -moz-opacity: 0.65; /* older Gecko-based browsers */ filter: alpha(opacity=30) !important; /* For IE6&7 */} #overlayForUserLikeList{ position: absolute; top: 0; left: 0; background: black !important; z-index: 99 !important; opacity: 0.6; -moz-opacity: 0.65; /* older Gecko-based browsers */ filter: alpha(opacity=30) !important; /* For IE6&7 */} .ui-widget-overlayshare{ position: absolute; top: 0; left: 0; background: black !important; z-index: 22; opacity: 0.30; -moz-opacity: 0.65; /* older Gecko-based browsers */ filter: alpha(opacity=30) !important; /* For IE6&7 */ } .AddTextCss{ color: #CDCDCD;} .AddText{ color: #454545;} /*Feedback form style end here*/ /* Default Page Photo Listing */ ul.modelsListing{ list-style: outside none none; margin-top:10px; padding:0 0 56px 0;} ul.modelsListing:empty{ padding:0px;} ul.modelsListing > li { padding: 0px 1px 1px 0px; width: 24.9%; float: left; overflow: hidden; position: relative;} ul.modelsListing > li:nth-child(4n){ margin-right:0px;} .modelsListing .AgencyMyModels li{width: 24.9%;} ul.modelsListing li .photodetail{ padding: 55px 4px; width: 100%; height: 115px; /* background: url(/Styles/../images/backgroundtransparentBg2.png) repeat; */ background:rgba(0,0,0,0.4); position: absolute; bottom: 0px; text-align:center;} ul.modelsListing li .photodetailAgency{ padding: 55px 4px; width: 100%; height: 102px; /* background: url(/Styles/../images/backgroundtransparentBg2.png) repeat; */ background:rgba(0,0,0,0.6); position: absolute; bottom: 0px; text-align:center;} ul.modelsListing li .location{ color: #aaaaaa;} .info{ width: 235px; padding: 5px; overflow: hidden; position: absolute; bottom: 65px; left: 0px;} .info .icons{ height: 20px; overflow: hidden; background: url(/Styles/../images/modelqsprite.png) left top no-repeat; padding-left: 20px; margin-right: 15px;} .info .icons.views{ background-position: -82px -842px; float: left; cursor: default;} .info .icons.like{ background-position: -82px -797px; float: left; cursor: default;} .info .icons.comment{ background-position: -82px -819px; float: left; cursor: default;} .info .icons.circles{ background-position: 0px -90px; float: left; cursor: default;} .info .icons.count{ background-position: -82px -776px; float: left; cursor: default;} .modelVerified{ float: right; margin: 5px 5px 0px 0px;} .imageConnection { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); color: #fff; display: none; font-size: 31px; height: 35px; line-height: 35px !important; position: absolute; right: 0; text-align: center; top: 0; width: 35px;} ul.modelsListing li:hover .imageConnection{ display: block;color: #fff;} .imageAction{ display: none;} ul.modelsListing li:hover .imageAction{ position: absolute; right: 0px; top: 0px; display: block; text-indent: -9999px; width: 26px; height: 23px; background: url(/Styles/../images/action_icon.png) left top no-repeat;} ul.imageDropDown{ display: none; position: absolute; right: 0px; top: 35px;padding: 0px 0px 0px 0px; list-style: none; width: 152px; background:rgba(0,0,0,0.8);} ul.imageDropDown li{width: 152px;display: block;padding: 0px 3px;height: auto;margin: 0px; border-bottom: 1px solid #5c5754;} ul.imageDropDown li a{font-size: 14px;line-height:18px;color: #fff;display: block;padding: 8px 0px 8px 26px;text-align:left;position: relative;} ul.imageDropDown li a.last{border-bottom: none;} ul.imageDropDown li:hover{background: #870060;} ul.imageDropDown li a span{ position: absolute;left: 2px;top: 4px;color: #fff;font-size: 26px;} ul.imageDropDown li a i { font-size: 18px; position: absolute; left: 5px;} ul.imageDropDown li a .icon-FollowRequest { font-size: 25px; position: absolute; left: 5px; top:4px;} ul.imageDropDown li a.last.delete i { font-size: 23px; position: absolute; left: 3px; top: 5px;} .PhotoIconSmall{margin-right: 5px;width: 18px;height: 18px;float: left;display: block;background: url(/Styles/../images/modelqsprite.png) -82px -891px no-repeat;} .PhotoIconSmall.msg{background-position: -82px -963px;} .PhotoIconSmall.comment{background-position: -82px -822px;} .PhotoIconSmall.follow{background-position: -82px -911px;} .PhotoIconSmall.unfollow{background-position: -82px -939px;} /*End Default Page Photo Listing */ /*----------------------------POP UP CSS START HERE----------------------------*/ .popUpBox{ width: 825px; float: left; position: relative; background:#fff none repeat scroll 0 0;} .popUpBox h2{ background: #c7198d; color: #fff; height: 35px; line-height: 35px; margin: 0 !important; padding: 0 16px; font-size:20px;} .popUpBox .textBox{ margin:0px; border: 1px solid #d5d5d5; color: #676767; font-size: 15px; margin: 5px 0px 0 0px; } .popUpBox .button2 { float: right; } .popUpBox .row{ width: 100%; float: left; margin-bottom: 4px; padding-bottom: 0px; _margin-bottom: 0px\0/;} .popUpContent { background:#fff; overflow: hidden; padding:10px; width:100%; } .popupDetailCenter{ margin-top: 5px; } .CommentDescription{ width: 781px; padding: 10px; height: 208px;} /************************/ .bookmeDetail{ width: 803px; float: left; margin: 0 0 0 8px;} .inputTextBox{ font-size: 15px; color: #676767; height: 30px; border:1px solid #ccc;} .popUptabDetail{ width: 100%; float: left; position: relative;} .popUptab li{ font-size: 11px; color: #595959; float: left; font-weight: bold; padding: 0 2px;} .popUptab li a{ color: #870060; text-decoration: underline;} .popUptab li a.active{ color: #595959; text-decoration: none;} .rotate-image-anchor{ width:100%; display:block; margin:10px 0; text-align:right; padding:0px 21px;} .rotate-image-anchor a{ width:30px; height:30px; background:#AB0072; color:#fff; display:inline-block;text-align:center; margin:0 5px; position:relative;} .rotate-image-anchor a i{ position:absolute; left:0px; top:0px; width:100%; line-height:30px;} .rotate-image-anchor a.done { width: auto; padding: 0px 5px;} .rotate-image-anchor a:hover { background: #c7198d;} .bookingRadio li { width:50%; float:left; padding: 0px 10px 10px 0px;} .bookingBlock { width:100%; position:relative; font-size:15px;} .bookingBlock .block { width:55%; padding: 0px 20px 0px 0px; float:left; } .bookingBlock .block2 { width:45%; float:left; } .bookingBlock .select1 { width:65px; margin-right:3px; float:left; height:30px; border:1px solid #ccc;} .bookingBlock .select2 { width:60px; float:left; height:30px; border:1px solid #ccc;} .bookingBlock .select2.extended { width: 60px;} .bookingBlock .input2 { width:65px; padding:0px 0px 0px 2px; margin-right:3px; float:left; height:30px; border:1px solid #ccc;} .radioBTn li { float:left; padding: 5px 10px 5px 0px;} /*----------------------------SMALL POP UP CSS START HERE----------------------------*/ .smallPopUpBox{ width: 500px; float: left; padding-bottom:10px; position: relative; background:#fff none repeat scroll 0 0;} .smallPopUpBox h2{ background: #c7198d; color: #fff; height: 35px; line-height: 35px; margin: 0 !important; padding: 0 16px; font-size:22px;} .smallPopUpBox .msgMid{ width: 500px; float: left; height: 167px; background: url(/Styles/../images/sendMsgMid.png) left top no-repeat;} .smallPopUpBox .nowFollowingMid{ width: 500px; float: left; height: 167px; background: url(/Styles/../images/nowFollowing.png) left top no-repeat;} .smallPopUpBox .detail{ padding: 10px; color: #444342; text-align: left;} .smallPopUpBox .detail img{ float: left; border: 1px solid #444342; width: 100px; height: 100px; margin:0 10px 0 0;} .closeBtn,.closeBtn1 {width: 41px; height: 35px; position: absolute; right: 0px; top: 0px; background:#E500A3; text-indent:-9999px;}/*closeBtn.png*/ .closeBtn:before,.closeBtn1:before {content: "\e609"; height:35px; width:41px; text-align:center; line-height:35px; position:absolute; top:0px; right:0px; font-family:"modelQ_web";text-indent: 0; color:#fff; font-size:24px; } .ForgotPassword{ width: 897px; -moz-box-shadow: 0 0 5px 5px #888; -webkit-box-shadow: 0 0 5px 5px#888; box-shadow: 0 0 5px 5px #888; background: #fff; border: 6px solid #870060; padding: 10px;} .CommentDetailPopup{ background: #fff; padding: 10px 10px;} .CommentDetailPopupcloseBtn{ width: 32px; height: 32px; position: absolute; right: -15px; top: -15px; text-indent: -9999px; background: url(/Styles/../images/close_button2.png) left top no-repeat;} .ForgotPassword{ width: 400px;} .TermsAndConditions{ width: 605px; } /*pop up style start here*/ .modelPopUp{ text-align: left; padding: 0px; position: relative; background-color:#fff; z-index:9999!important; } .modelPopUp h2,.modelPopUp h2.title{ background: #c7198d; color: #fff; height: 35px; line-height: 35px; margin: 0 !important; padding: 0 16px; font-size:22px;font-style: normal !important;} .modelPopUp h2 .InviteMemberListModelPopUp{ margin:2px 31px 0 0; height:30px;} .modelPopUp .popupDetailCenter .commentDetail{ padding:0 25px;} .modelPopUp .popupDetailCenter #ulInviteMemberList{ overflow:auto; height:392px;} /*----------------------------POP UP CSS END HERE----------------------------*/ /*advance Search */ #DivtoggleBtn{ color: #fff; font-weight: normal; background: #676767; padding: 6px 0 6px 14px; overflow: hidden; text-transform: capitalize;} .toggleClassBtn{ width: 17px; height: 15px; display: block; text-decoration: none; float: right; margin: 9px 9px 0 0; background: url(/Styles/../images/SearcharrowPinkDown.png) left top no-repeat;} .toggleClassBtn.active{ background: url(/Styles/../images/SearcharrowPinkUp.png) left top no-repeat;} /*----------------------------COMMENT SECTION START HERE----------------------------*/ .commentSectionDetail{ width: auto; color: #6a6b6c; } .rightComnment{ background: #fff; border: 1px solid #E1E1E1; min-height: 64px; position: relative; overflow: hidden; margin-bottom:10px;} .rightComnment.mentionright{ overflow:inherit; width: 90%; float: right; } .rightComnment.mentionLeft{ overflow:inherit; width: 91%; float: left; } .commentSectionDetail .rightSide{ float: right; width: 560px; /*usecomment default page*/} .commentSectionDetail .rightSide .Information{ min-height: 24px; height: auto !important; height: 24px;} .commentUserName{ color: #870060;} .commentDetail{ padding: 5px 0 4px 0; float: left; width: 100%;} .commentSectionDetail .rightSide .rs{ float: right; width: 558px; text-align: left; min-height: 49px; height: auto !important; height: 49px;} .commentOnphotoAndvideoRightbar .smallText, #ulCommentDetail .smallText{ color: #989898 !important; font-size: 16px; font-style: italic; margin-top: 5px;} /*Image comment*/ .commentOnphotoAndvideoRightbar { overflow:hidden; font-size:14px; line-height:20px; } .commentpostedBy{ color: #870060; font-size: 16px;} /*Icon use For Connections page*/ .ConnectionsSpritIcons{ display: block; cursor: pointer; height: 20px; margin: 2px 0px 2px 5px; border: none; text-indent: -99999px; background: url(/Styles/../images/modelqsprite.png) left top no-repeat;} .ConnectionsSpritIcons.SaveConnection:hover{ width: 20px; height: 20px; background-position: 100% -6302px;} .ConnectionsSpritIcons.cancelConnection:hover{ width: 25px; height:22px; background-position: 100% -6427px;} .ConnectionsSpritIcons.EditConnection:hover{ width: 21px; background-position: 100% -3712px;} .ConnectionsSpritIcons.messageConnection:hover{ width: 25px; background-position: 100% -4101px;} .ConnectionsSpritIcons.commentConnection:hover{ background-position: 100% -4364px;} .ConnectionsSpritIcons.deleteConnection:hover, .ConnectionsSpritIcons.deleteConnectionGray{ width: 19px; background-position: -80px -3829px;} .ConnectionsSpritIcons.addconnection{ width: 21px; background-position: -285px -31px;} .ConnectionsSpritIcons.UnapproveConnection{ width: 21px; background-position: -242px 0;} .ConnectionsSpritIcons.approveConnection{ width: 26px; background-position: -319px -30px;} /* hover position for connections page*/ .ConnectionsSpritIcons.SaveConnection{ width: 20px; height: 20px; background-position: 100% -6332px;} .ConnectionsSpritIcons.cancelConnection{ width: 25px; height:22px; background-position: 100% -6463px;} .ConnectionsSpritIcons.EditConnection{ width: 21px; background-position: 100% -3748px;} .ConnectionsSpritIcons.introdue{ width: 21px; background-position: 100% -6590px;} .ConnectionsSpritIcons.introdue:hover{ width: 21px; background-position: 100% -6640px;} .ConnectionsSpritIcons.messageConnection{ width: 25px; background-position: 100% -4137px;} .ConnectionsSpritIcons.commentConnection{ width: 23px; height:23px; background-position: 100% -4400px;} .ConnectionsSpritIcons.deleteConnection, .ConnectionsSpritIcons.deleteConnectionGray:hover{ width: 19px; background-position: -80px -3799px;} .ConnectionsSpritIcons.addconnection:hover{ width: 21px; background-position: -285px 0;} .ConnectionsSpritIcons.pendingConnection{ width: 26px; background-position: -319px 0px;} .smallDelete{ display: block; cursor: pointer; height: 16px; width: 15px; margin: 0px 4px 2px 2px; border: none; font-size:24px;} .smallReportAbuse{ display: block; cursor: pointer; height: 16px; width: 16px; margin: 0px 4px 2px 2px; border: none; font-size:24px; } .commentSectionGray{ background: #efefef; width:100%; float:left; padding: 15px; margin-top : 15px;} .event_place{ padding: 0px; display: block; font-size:16px; margin-top:1px; color: #8D8D8D;} .event_place a{color: #2b2b2b;} .event_place a:hover{color: #870060;} /*Recent activity style use for my account page end here*/ .endorsed.endorsborder{ width: 100%; overflow: hidden; padding: 5px; margin-right: 10px; min-height: 52px;} .endorsed .action{ display: none;} .endorsed:hover .action{ display: block;} .myAccountMainImage{ width: 180px; height: 180px; overflow: hidden; position: relative; margin: 0 auto;} .myAccountMainImageOverlay{ position: absolute; left: 0px; top: 0px;} .myaccountLeftMenu{ width: 100%; float:left; margin-top:17px; } .myaccountLeftMenu ul{ list-style: none;} .myaccountLeftMenu li{ display: block;} .myaccountLeftMenu li a{ font-size: 18px; color: #4f4f4f; text-decoration: none; padding: 6px 0px 6px 37px; display: inline-block; position:relative;} .myaccountLeftMenu li a i{ position:absolute; left:8px; top:4px; font-size:30px;} .myaccountLeftMenu li a:hover, .myaccountLeftMenu a.Active{color: #870060;} .myaccountLeftMenu li a:hover i, .myaccountLeftMenu a.Active i{ font-weight:600;} /* comment my account and model*/ .contentMain, .rightListing li{ overflow: hidden; padding: 10px; font-size:17px; line-height:24px; } .rightListing li { padding: 10px 0px 5px 0px; } .contentRight{ overflow: hidden; vertical-align: top; position: relative; word-wrap: break-word; line-height:24px;} .givenComment .contentRight{ padding-right:65px;} /*This is use to remove overflow:hidden */ .removeoverflow{overflow:inherit!important; width:calc(100% - 70px) ; float:left;} .removeoverflow2{overflow:inherit!important; width:calc(100% - 70px) ; float:right;} .contentRight .delete.Gray,.contentRight .edit.Gray,.deleteConnection,.EditConnection{ position:relative; color:#ccc; width:38px; height:38px;} .mentionRightContentAdd{overflow:inherit;} .ActivytestareaOuter{float: left; width: 89%;}/*For child activity like commnt*/ .ActivytestareaOuter2{float: left; width: 88%;}/*for status comment*/ .MyQActivytestareaOuter{float: left; width: 92%;}/*For child activity like commnt on mqactivity*/ .MyQActivytestareaOuter2{float: left; width: 91%;}/*for status comment on mqactivity*/ .SmalldeleteConnection{ position:relative; color:#ccc; width:19px; height:28px; margin-left:5px;} .SmalldeleteConnection i{ position: absolute;top: 2px;right: 0px;font-size: 25px;} .MakePrivate{ position:relative; color:#ccc; width:19px; height:28px; margin-left:5px;} .MakePrivate i{ position: absolute;top: 3px;right: 0px;font-size: 20px;} .MakePublic{ position:relative; color:#ccc; width:19px; height:28px; margin-left:5px;} .MakePublic i{ position: absolute;top: 3px;right: 0px;font-size: 24px;} .set_profile_thumb,.set_profile_image{ position:relative; color:#ccc; width:19px; height:28px; margin-left:5px;} .set_profile_thumb i,.set_profile_image i{ position: absolute;top: 3px;right: 0px;font-size: 24px;} .set_profile_thumb i.copyright,.set_profile_thumb i.copyright:hover{ font-size:26px; top:2px;} .set_profile_thumb i.copyright-remove{ font-size:26px; top:2px;} .set_profile_thumb i.copyright-fill{ font-size:30px; top:0px; color:#ccc;} .set_profile_thumb i.copyright-fill:hover{color:#870060;} .set_profile_image.set_profile_image_set,.set_profile_image.set_profile_image_set:hover{ color:#35aa02; cursor:default;} .MakePublic:hover, .MakePrivate:hover,.SmalldeleteConnection:hover,.set_profile_thumb:hover,.set_profile_image:hover{ color:#870060;} .set_profile_thumb i.activeThumb{ color:#870060; } .set_profile_thumb:hover i.activeThumb{ color:#ccc; } .contentRight .delete.Gray:hover,.contentRight .edit.Gray:hover,.deleteConnection:hover,.EditConnection:hover{ color:#870060;} .contentRight .delete.Gray i,.contentRight .edit.Gray i,.deleteConnection i{ position:absolute; top:0px; right:0px; font-size:36px;} .commentArea .edit.Gray{ position:relative; color:#ccc; width:38px; height:38px;} .commentArea .edit.Gray:hover{ color:#870060;} .commentArea .edit.Gray i{ position:absolute; top:0px; right:0px; font-size:37px;} .EditConnection i{ font-size:22px; top:6px; right:0px; position:absolute;} .contentRight h5{font-size:19px; } .contentRight50, .commentfollowingRightbar{ overflow: hidden; vertical-align: top; position: relative;} .contentMatchingTalent{ float: left; overflow: hidden; vertical-align: top; width: 75%;} ul.contentLink{ width: auto; text-align: right; display: none; position: absolute; left: 0px; bottom: 0px;} ul.contentLink li{ display: inline-block; vertical-align: top; list-style: none; margin: 0px 5px 0px;} .contentMain:hover ul.contentLink{ display: block;} .lightGraySeprater{ color: #fff; padding:0 3px;} /*Use For model and popup job right bar*/ .image{ float: left; margin: 0px 10px 0px 0px;} .image img{ border-radius: 100%;} .squareImage{ float: left; padding:5px 10px 0px 0px;} /*For Agency*/ .photographerFrame{ float: left; margin: 10px 16px 0px 0px;} /*For photographer hairstylist*/ .makeupartistFrame, .hairstylistFrame{ float: left; margin: 0px 10px 0px 0px;} /*For makeupartist*/ .event_date{ padding: 2px 0; display: block; font-size: 15px; color: #989898; } .contentevent_date{padding: 2px 0; display: block; font-size: 15px; color: #989898;} #divLatestAnnouncementData .event_date { padding: 0px; } .contentMain .last, .rightListing li.last{ border: none;} /*My account Css end Here */ /*search save page style start here*/ .searchcontent{margin:5px 0 0 0 ; } .searchcontent h4{margin-right:8px;} #ulModelGender li{width:50%; float:left;} .accordianMySearches{ width: 100%; margin-bottom: 150px;} .accordianMySearches li{ display: block; padding: 5px 0 5px 0; width: 100%; overflow: hidden; } .saveSearchDelete{ display: none; float: none; width: 10px; height:17px;} .accordianMySearches li:hover .saveSearchDelete{ display: inline-block; background: url(/Styles/../images/delete.png) left 5px no-repeat; cursor: pointer;} .accordianMySearches li:hover .saveSearchDelete:hover{ background-position: 0 -11px;} .accordianMySearches li a.menuitem{ padding: 1px 0 1px 17px; cursor: pointer; display: block; float: left; cursor: pointer; display: block; float: left; background:url("/Styles/../images/collapsedArrow.png") no-repeat 5px 8px;} .accordianMySearches li a.menuitem.addimage{ background:url("/Styles/../images/ExpendArrow.png") no-repeat 5px 8px;} .accordianMySearches li a.menuitem:hover{ color: #870060; } .accordianMySearches li a.menuitem .statusicon{ position: absolute; top: 5px; right: 5px; border: none;} .accordianMySearches li ul.submenu{ list-style-type: none; background: #fff; /*border: 1px solid #f0f0f0;*/ margin: 5px 0 0 19px; } .accordianMySearches ul[id^="ul_"]{ display:none;} .accordianMySearches li ul.submenu li{ border: none; font-size: 11px; padding: 0px;} .accordianMySearches li ul.submenu li .searchcontent{ padding: 3px 0 3px 5px;} .submenuheader{ position: relative;} .ExecuteBtn{ width: 38px; margin: 4px;} /*search save page style end here*/ .grayBackground{ width: auto; background: #F5F5F5; margin: 10px 0; border: 1px dotted #CCCCCC;} .recommened li{ width: 100%; float: left; padding: 5px 0 5px 0; margin-right: 20px; border-bottom: 1px dotted #ccc; font-size: 12px;} .recommened li.Recommended_circles_cols2{ margin-right: 0px;} /*----------------------------social pink small icon for detail page START HERE----------------------------*/ a.socialPinkIcon{ height: 20px; float: left; margin: 3px 0 0 10px; display: block; background: url(/Styles/../images/socialPinkIcon.PNG) left top no-repeat; width: 32px; height:32px;} a.socialPinkIcon.facebook{ display: block; background-position: 0 0; margin-left:0px; } a.socialPinkIcon.twitter{ display: block; background-position: 0px -33px;} a.socialPinkIcon.google{ display: block; background-position: 0 -66px;} a.socialPinkIcon.pinit{ display: none; width: 22px; background-position: -86px 0; margin-right: 10px;} /*----------------------------social pink small icon for detail page end HERE----------------------------*/ /* To share photo (On photo on popup) on social sites*/ a.socialIconGray{ height: 30px; float: left; margin: 0px 0 0 10px; display: block; background: url(/Styles/../images/socialIconGray.png) left top no-repeat;} a.socialIconGray.twitter{ display: block; width: 30px; background-position: 0px 0;} a.socialIconGray.facebook{ display: block; width: 30px; background-position: -41px 0;} a.socialIconGray.google{ display: block; width: 30px; background-position: -82px 0;} a.socialIconGray.pinit{ display: block; width: 30px; background-position: -123px 0;} a.socialIconGray.comment{ display: block; width: 30px; background-position: -164px 0;} a.socialIconGray.like{ display: block; width: 30px; background-position: -205px 0;} a.socialIconGray.twitter:hover{ display: block; width: 30px; background-position: 0px -40px;} a.socialIconGray.facebook:hover{ display: block; width: 30px; background-position: -41px -40px;} a.socialIconGray.google:hover{ display: block; width: 30px; background-position: -82px -40px;} a.socialIconGray.pinit:hover{ display: block; width: 30px; background-position: -123px -40px;} a.socialIconGray.comment:hover{ display: block; width: 30px; background-position: -164px -40px;} a.socialIconGray.like:hover{ display: block; width: 30px; background-position: -205px -40px;} /* End share photo (On photo on popup) on social sites*/ .mySettingsLeft{ width: 220px; float: left;} .mySettingsRight{ width: calc(100% - 220px); float: left; padding: 0px 0px 0px 14px; margin-bottom: 45px; } #tbodyAllMessage .messageIcons{ width: 31px; background: url(/Styles/../images/messageIconsSmall.png) left top no-repeat;} #tbodyAllMessage .messageIcons.addcircle{ display: block; height: 21px; background-position: 0 0;} #tbodyAllMessage .messageIcons.inboxMsg{ display: block; height: 18px; background-position: 0 -26px;} #tbodyAllMessage .messageIcons.outBoxMsg{ display: block; height: 24px; background-position: 0 -47px;} #tbodyAllMessage .messageIcons.addendorsement{ display: block; height: 21px; background-position: 0 -143px;} .jobNotificationSmallIcon{ width: 30px; display: block; background: url(/Styles/../images/jobSmallIcon.png) left top no-repeat;} /*New Message tab css start here style start here*/ .mailbox { width: 782px; overflow: hidden; border-top: 1px solid #e8e8e8; padding: 2px 0px; } .mailbox ul { list-style: none; } .mailbox li { float: left; } .mailbox li a { display: block; font-size: 13px; color: #959595; text-align: center; background: #f0f0f0; padding: 0px 17px; height: 63px; border-left: 1px solid #fff; border-right: 1px solid #e3e3e3; position: relative; text-transform: uppercase; } .mailbox li a.last { border-right: none; padding: 0px 21px; } .messageSprit { display: block; height: 30px; margin: 4px 0px; width: 100%; float: left; background: url(/Styles/../images/messageSpritNew2.png) left top no-repeat; } .messageSprit.All { background-position: -22px 0; } .messageSprit.messageIcon1 { background-position: -155px 0; } .messageSprit.addcircle { background-position: -265px 0; } .messageSprit.JobNotifications { background-position: -399px 0; } .messageSprit.Notifications { background-position: -553px 0; } .messageSprit.deleteMessage { background-position: -704px 0; } .mailbox li a:hover, .mailbox li a.active { background: #870060; color: #fff; } .mailbox li a:hover .messageSprit.All, .mailbox li a.active .messageSprit.All { background-position: -22px -63px; } .mailbox li a:hover .messageSprit.messageIcon1, .mailbox li a.active .messageSprit.messageIcon1 { background-position: -155px -63px; } .mailbox li a:hover .messageSprit.addcircle, .mailbox li a.active .messageSprit.addcircle { background-position: -265px -63px; } .mailbox li a:hover .messageSprit.JobNotifications, .mailbox li a.active .messageSprit.JobNotifications { background-position: -399px -63px; } .mailbox li a:hover .messageSprit.Notifications, .mailbox li a.active .messageSprit.Notifications { background-position: -553px -63px; } .mailbox li a:hover .messageSprit.deleteMessage, .mailbox li a.active .messageSprit.deleteMessage { background-position: -704px -63px; } .count_1, .count_2, .count_3, .count_4 { position: absolute; left: 70px; top: 4px; color: #870060; } .count_2 { left: 90px; } .count_3 { left: 92px; } .count_4 { left: 80px; } .mailbox li a:hover .count_1, .mailbox li a:hover .count_2, .mailbox li a:hover .count_3, .mailbox li a:hover .count_4, .mailbox li a.active .count_1, .mailbox li a.active .count_2, .mailbox li a.active .count_3, .mailbox li a.active .count_4 { color: #fff; } /*New Message tab css end here style start here*/ .messageSpritButton { display: block; height: 26px; margin-left: 3px; background: url(/Styles/../images/messageButtons.png) left top no-repeat; } .messageSpritButton.readButton { width: 80px; background-position: 0 0; } .messageSpritButton.forwardbutton { width: 80px; background-position: -245px 0; } .messageSpritButton.rejectbutton { width: 80px; background-position: -121px 0; } .messageSpritButton.messagedelete { background-position: -367px 0; } .messageSpritButton.readButton:hover { background-position: 0 -33px; } .messageSpritButton.forwardbutton:hover { background-position: -245px -33px; } .messageSpritButton.rejectbutton:hover { background-position: -121px -33px; } #divSelectAll { background: #E4E4E4; border: 1px solid #C6C6C6; margin-top: 7px; } /*Add New style 20/Sep end */ /*.messageTable{width:913px;}*/ .meassageArrow { /* background: url(/Styles/../images/message_arrow.png) -43px top no-repeat;*/ height: 9px; display: block; } .readmessage { overflow: hidden; padding: 0px 5px 5px 5px; /* border-bottom:solid 1px #E8E8E8; background: #fff url(/Styles/../images/messageBg.png) left top repeat-x; */ } .readmessage2 { overflow: hidden; padding: 0px 5px 5px 5px; } .textareaStyle{width: 100%;height: 100%;border: none;padding: 5px 0 0 5px;} .watermark { color: #C0C0C0; font-weight: 400; padding: 6px; } .ReplymessageDiv { margin: 5px; padding: 0px 15px 10px; position: relative; } #toggle-view .panel { display: none; margin: 20px -132px 0 -141px; overflow: hidden; position: relative; text-align: left; background: #fff; } #toggle-view .panel .replyArrow { width: 35px; height: 28px; position: absolute; left: 376px; top: -3px; display: block; background: url(/Styles/../images/ReplyArrow.png) 0px 0px no-repeat; } #toggle-view .Notification { display: none; margin: 31px -118px 0 0px; overflow: hidden; position: relative; text-align: left; } .highlight { background-color: #fbfbfb; } .MessageDiscription { min-height: 75px; height: auto !important; height: 75px; } .MessageDiscription ul li {border-bottom :none!important;} #profile_pic_wrapper span { position: absolute; display: none; right: 0; line-height: 20px; padding: 5px 5px 5px 36px; color: #fff; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); text-decoration: none; top: 0; width: 133px; cursor:pointer; } #profile_pic_wrapper span i{ position:absolute; left:7px; top:5px; font-size:29px;} #profile_pic_wrapper:hover span { display: block; } .profile_pic_wrapper { width: 170px; height: 170px; } .profile_pic_wrapper a span { position: absolute; display: none; right: 0; line-height: 20px; padding: 5px; color: #fff; background-color: #333; text-decoration: none; top: 0; width: 133px; } .profile_pic_wrapper:hover a span { display: block; } .profile_pic_wrapper a.ProfileImage { position:relative; left:0px; top: 0px; display:block; background: none; padding: 0px; } /*use for message page new message page style end here*/ .ui-widget-overlayUI { position: absolute; top: 0; left: 0; background: black !important; z-index: 6 !important; opacity: 0.30; -moz-opacity: 0.65; /* older Gecko-based browsers */ filter: alpha(opacity=30) !important; /* For IE6&7 */ } /*----------------------------ROUNDED GRAY BOX START HERE----------------------------*/ .roundedGrayBar { padding: 7px 6px 5px 8px; overflow: hidden; margin-top: 10px; background: #F5F5F5; border: 1px dotted #ccc; margin-bottom:10px; } .roundedGrayBar li { float: left; margin: 0 15px; vertical-align: middle; } .roundedGrayBar .searchBox { width: 72%; float: right; border: 1px solid #cdcdcd; background: #fff; font-size: 11px; margin: 0px; margin-top: -3px !important; } .roundedGrayBar .searchBox .inputBtn { /*float: left;*/ width: 28px; height: 30px; border: none; background: url(/Styles/../images/searchZoom2.png) left center no-repeat; } /*----------------------------TWITTER CSS START HERE ----------------------------*/ /*Use css My picture Page*/ .myPictureIcon { padding-bottom:5px; display: block; float: right; } .myPictureIcon a { font-size: 13px; margin-left: 10px; display: block; float: left; cursor: pointer; color: #870060; background: url(/Styles/../images/movePhotoIcon.png) left 1px no-repeat; padding: 0 0 0 25px; } .myPictureIcon a:hover { background-position: 0 -34px; color: #414141; } .myPictureIcon a.AddPhotoButton { background: url(/Styles/../images/addPhotoIcon.png) left 1px no-repeat; padding: 0 0 0 27px; } .myPictureIcon a.AddPhotoButton:hover { background-position: 0 -35px; color: #414141; } /*Use css My picture Page*/ .connectionTab{ width: 651px;} .connectionTab li{ float: left; list-style: none; font-size: 20px; color: #838383; padding-top: 8px;} .connectionTab li a{ padding: 0px 12px 0px 12px; display: block; color: #838383;} .alertCircleCount{ width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 11px; color: #fff; background: #870060; border-radius: 100%;} .modellabelTd{ /* width: 77px;*/ width: 88px; font-size:15px; text-align: right; padding-right:5px;} ul.commonPhoto{ border: 1px solid #d3d3d3; border-bottom: none; overflow: hidden;} ul.commonPhoto li{ float: left; text-align: center; position: relative; padding: 10px 0; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; width: 180px; padding: 10px 0 10px 27px;} /*Start Use style cover page menu, photographer agency, hair style Makeup Artists */ .coverpicBottomInfo{height: 55px;position: absolute;left: 0px;bottom: 0px;width: 100%;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;} a.coverpicIcon{float: right;width: 45px;height: 40px;display: block;text-decoration: none;position:relative;margin-top: 12px;color:#fff;} a.coverpicIcon i{ position:absolute; top:0px; left:0px; font-size:38px; } a.coverpicIcon.covermenu{background-position: -33px 11px;} /*a.coverpicIcon.covermenu:hover{ background-position: -33px 11px; background-color:none;}*/ .positionrelative{position: relative;} .lastlogin{margin: 10px 0px 0px 204px;color: #CFCECE;float: left;display:none;} .leftMenuPhotogprapher{width: 200px;background: #000;position: absolute;right: 0px;top: 40px;} .leftMenuPhotogprapher ul{list-style: none;} .leftMenuPhotogprapher li{display: block;} .leftMenuPhotogprapher li a{color: #e3e3e3;text-decoration: none;background: url(/Styles/../images/photographerLeftMenuIcon.png) 5px 6px no-repeat;padding: 7px 5px 6px 35px;display: block;border-bottom: 1px solid rgba(255, 255, 255, 0.2);} .leftMenuPhotogprapher li a.bookMe{background-position: 5px -28px;} .leftMenuPhotogprapher li a.endorseMe{background-position: 5px -62px;} .leftMenuPhotogprapher li a.leaveComment{background-position: 5px -95px;} .leftMenuPhotogprapher li a.addCircle{background-position: 5px -125px;} .leftMenuPhotogprapher li a.like, .leftMenuPhotogprapher li a.Allreadyliked{background-position: 5px -160px;} .leftMenuPhotogprapher li a.followMe{background-position: 5px -196px;} .leftMenuPhotogprapher li a.submitProfile{background-position: 5px -227px;} .leftMenuPhotogprapher li:hover{background: #870060;} /*End Use style cover page menu, photographer agency, hair style Makeup Artists */ .SearchCireleInput{width: 153px;padding: 3px 5px;font-size: 16px;height: 27px;border: none;} /*GroupActivity page */ .RecentActivityComment li ul.GroupActivity{margin: 9px 0 0 27px;} .RecentActivityComment li ul.GroupActivity li{float: left !important;width: auto !important;margin: 2px;padding: 2px;border: none !important;} .RecentActivityComment li ul.GroupActivity li img{float: left;} /*Message page default start */ .DisplayMessage{border: 1px solid #ccc;overflow: hidden;padding: 15px;margin: 10px;background: #f5f5f5;} .DisplayMessageInner{border: 1px solid #c7c4c4;background: #fff;overflow: hidden;padding: 25px 15px;text-align: center;} .DisplayResetPasswordInner{/* border: 1px solid #c7c4c4;*/background: #fff;overflow: hidden;padding: 14px 15px;} /*Hover for profile/jobs/events comments */ .commentHover{} .commentHover:hover{background: #f5f5f5;} .commentHover .delete{visibility: hidden;} .commentHover .edit{visibility: hidden;} .commentHover:hover .delete{visibility: visible;} .commentHover:hover .edit{visibility: visible;} .commentHover .ReportAbuse{visibility: hidden; } .commentHover:hover .ReportAbuse{visibility: visible; } #ulCommentDetail{} #ulCommentDetail tr:hover{background: #f5f5f5;} #ulCommentDetail tr .castingLink{visibility: hidden;} #ulCommentDetail tr:hover .castingLink{visibility: visible;} .commentDetail{} .commentDetail:hover{background: #f5f5f5;} .commentDetail .commentdelete{visibility: hidden;} .commentDetail:hover .commentdelete{visibility: visible;} /*use style invite friends*/ .event-invites{border-left: 1px solid #ccc;border-top: 1px solid #ccc;} .event-invites tr td, .event-invites tr th{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 7px 10px;} /*use style invite friends*/ /* ### breadcrumb Box ### */ .breadcrumb{width: 100%;overflow: hidden;margin-bottom: 5px;} .breadcrumb ul{list-style: none;} .breadcrumb li{float: left;} #ul1 li{width:200px;} .breadcrumb li a{ height: 30px; display: block; font-size: 16px; color: #fff; text-decoration: none; padding: 0 20px 0 0px; margin-right: -15px;} .breadcrumb li a span{ display: block; height: 30px; padding: 4px 0px 4px 20px;} .breadcrumb li a.breadcrumbActive{ position: relative; background: url(/Styles/../images/breadcrumbRightBg.png) right top no-repeat;} .breadcrumb li a.breadcrumbActive span{ background: url(/Styles/../images/breadcrumbLeftBg.png) left top no-repeat;} .breadcrumb li a.breadcrumbActive:hover{ position: relative; background: url(/Styles/../images/breadcrumbRightBg.png) right -50px no-repeat;} .breadcrumb li a.breadcrumbActive:hover span{ background: url(/Styles/../images/breadcrumbLeftBg.png) left -50px no-repeat;} .breadcrumb li.breadcrumbDeActive{ height: 30px; display: block; font-size: 16px; color: #727070; text-decoration: none; padding: 0 20px 0 0px; margin-right: -15px; position: relative; background: url(/Styles/../images/breadcrumbRightBg.png) right -100px no-repeat;} .breadcrumb li.breadcrumbDeActive span{ display: block; height: 30px; padding: 4px 0px 4px 20px; background: url(/Styles/../images/breadcrumbLeftBg.png) left -100px repeat-x;} .breadcrumb1{ z-index: 9;} .breadcrumb2{ z-index: 8;} .breadcrumb3{ z-index: 7;} .breadcrumb4{ z-index: 6;} .breadcrumb5{ z-index: 5;} .breadcrumb6{ z-index: 4;} .breadcrumb7{ z-index: 3;} .breadcrumb8{ z-index: 2;} .breadcrumb9{ z-index: 1;} /* ### breadcrumb Box end ### */ .PhotoTitle { float: left; width: 211px; text-align: left; margin-left: 10px; line-height: 14px; } .PhotoTitleReg { float: left; width: 135px; text-align: left; } /*Registration page*/ /*Use style my Comment page tab here*/ .myCommentsTab ul { list-style: none; width: 100%; overflow: hidden; background: #ccc; padding: 3px 0px 0px 3px; border-radius: 3px; } .myCommentsTab ul li { float: left; margin-bottom: -1px; position: relative; } .myCommentsTab ul li a{ display: block; font-size: 18px; color: #898989; margin-right: 10px; padding: 5px 10px; float: left; border: 1px solid #D0CCC9; background: #EFEFEF; margin-bottom: -1px; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px;} .myCommentsTab ul li.active a{ background: #FFFFFF; border-bottom: 0 none; color: #870060; top: 0px;} /* End Here */ /*Use style my Endorsements page tab here*/ .ReviewFilter{ line-height: 18px; overflow: hidden; padding: 5px 0 5px 15px;} .ReviewFilter .left { width:40%; float:left;} /* End Here */ .EndorsementsHover{} .EndorsementsHover:hover{ background: #f5f5f5;} .EndorsementsHover .delete{ visibility: hidden;} .EndorsementsHover:hover .delete{ visibility: visible;} .EndorsementsHover .like{ visibility: hidden;} .EndorsementsHover:hover .like{ visibility: visible;} .displayinline{ display: inline;} .cancelicon{ display: inline-block; background: url(/Styles/../images/delete.png) left 5px no-repeat; cursor: pointer;} /* This part is used for profile header for agency, photographer, makeup artist and hair stylist. */ .ajencyBannerBox { position: relative; height: 457px; } /*used to set background height of banner in profile header for agency/photographer etc.*/ .photographerBannerBox { position: relative; } .profileHeader { width: 100%; position: fixed; left: 0px; top: 0px; z-index: 9; } .profileHeaderTop{float: left;width: 100%;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);} .profileMenu{ float: left;width: 100%;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65);} .DivLocation{bottom: 55px;position: absolute;z-index: 2;} .SpanPhotographerName{color: #FFFFFF;font-size: 42px;line-height: 42px;margin: 27px 0px 0px 20px;float: left;} .SpanPhotographerLocation{font-size: 26px;line-height: 26px;} .prfileimage{border: 9px solid #DDDDDD;float: left;} /* End Part --This part is used for profile header for agency, photographer, makeup artist and hair stylist. */ .AnnouncementForProfile .leftInfo{overflow: hidden;margin-right: 45px;} /* Left bar for agency */ .contactDetail{ width: 100%;} ul.agencyContact{ list-style: none;} ul.agencyContact li{ font-family:SegoeRg; position:relative; font-size: 19px; color: #a8a8a8; padding: 0px 0px 2px 30px; margin:0px 0px 8px 0px;} ul.agencyContact li a{ color: #a8a8a8;} ul.agencyContact li i{ position:absolute; left:4px; top:0px; font-size:25px;} ul.agencyContact li.email i{ font-size:28px;} ul.agencyContact li.website i{ font-size:25px; top:3px;} ul.agencyContact li.googleMap i{ left:4px; font-size:25px; top:3px;} ul.agencyContact li.contactperson i { font-size:27px;} ul.agencyContact li.parking i { font-size:28px;} ul.agencyContact li.workhours i { font-size:28px;} ul.agencyContact li h4{ padding-bottom: 5px; color: #870060; display:inline-block; font-size: 22px;} ul.agencyContact li:hover a{color: #870060;} ul.agencyContact li:hover i{color: #870060;} .seemoreresults{display: block;border-top: 1px solid #666;padding: 14px !important;text-align: center;margin-top: -4px;} .floatLeft{float: left;} ul.SearchResultListing li{width: 487px;float: left;padding: 0px 0px 10px 0px;} .searchResultRight{margin-left: 90px;overflow: hidden;display: block;} /*Start Style for AutoComplete Search on Headers.*/ .ac_results.registration { background: #F7F7F7; border:1px solid #ccc; margin-top:-1px; border-radius:0px; height:150px; } .ac_results.registration ul { height:150px;} .ac_results.registration li { color: #333;} .autoSearchLocation{ display: block; font-size: 15px; color: #939393;} .ac_results{ width: 321px; background: #2f2f2f; border-radius: 3px; overflow: hidden; padding: 0; z-index: 99999;} .ac_results ul{ list-style: none outside none; margin: 0px; padding: 0px; width: 100%; min-height: 0px !important;} .ac_results li{ cursor: default; display: block; color: #bebebe;} .ac_results li a{ color: #bebebe;} .ac_results li .txt{ font-size: 16px; line-height: 21px; margin: 0; overflow: hidden; padding: 4px 5px; position: relative;} .ac_results li a span.autoSearchRight{ margin: 0px 0px 0px 68px; overflow: hidden; display: block; line-height: 21px;} .ac_results li:hover a, .ac_results li:hover, .ac_results li:hover .autoSearchLocation{ background-color: #870060; color: #fff;} .ac_over, .ac_over a, .ac_over span{ background-color: #870060; color: #fff;} .ac_results li h3{ padding: 0px 0px 0px 43px; margin: 4px 0px; height: 43px; overflow: hidden; font-size: 20px; color: #cecdcd; background: #3d3d3d; line-height: 43px; position:relative;} .ac_results li h3.Model{ margin-top:0px;} .ac_results li h3 i{ position:absolute; left:9px; top:4px; font-size:33px;} .Selectedtext{ color: #870060;} /*Highlight search text keyword in autopopulate result*/ .searchViewall{ background: #3d3d3d; line-height: 28px; display: block; text-align: center;} .ac_results li .txt:hover .similerIcon{ display: block;} .ac_results li .txt .similerIcon{ position: absolute; right: 8px; top: 17px; width: 24px; height: 20px; display: none; } .ac_results li .txt .similerIcon i{ position:absolute; color:#fff; right:0px; top:0px; font-size:26px;} .ac_results.message { background: #F7F7F7;top:201px !important;} .ac_results.message ul { height:200px;} .ac_results.message li { color: #333!important;} /*End Style for AutoComplete Search on Headers.*/ /******************************************************************************************************************************************************************/ /* My Searches*/ .saveContent{border: 1px solid #CCC;display: inline-block;padding: 2px 12px;position: relative;margin: 0px 4px 4px 0px;} .saveContent:hover{ background-color: #fff;} .saveContent span{display: none;} .saveContent:hover span{display: inline-block;position: absolute;right: 3px;top: 1px;} /*My Searches*/ .deleteCriteria{cursor: pointer;padding-left: 3px;} ul.AlbumCategory li{width: 233px;float: left;min-height: 153px; height: auto !important;height: 153px;text-align: center;position: relative;padding: 0px;font-size: 11px;color: #bcbcbc;border: none;margin: 0px 0px 6px 0px;} /*my setting page */ ul.AlbumCategory li a { text-align: center; cursor: pointer; color: #666; font-size: 16px; line-height: 30px; } .SetProfilepictureTop { position: absolute; right: 16px; top: 0px; background-color:rgba(0,0,0,0.7); padding: 5px; width: 191px; min-height: 25px; } /* profile pic start here*/ .profile_pic_wrapper a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); color: #FFFFFF; /* display: none;*/ line-height: 20px; padding: 5px; position: absolute; left: 0px; text-decoration: underline; top: 140px; width: 172px; font-size:14px; } .profile_pic_wrapper:hover a { display: block; } .profile_pic_wrapper a.active { background: #444444; } .Editprofilediv { background: #2B2B2B; position: absolute; left: 0px; top: 170px; width: 172px; border: 4px solid #444444; } .Editprofilediv ul li { float: left; width: 100%; display: block; } .Editprofilediv ul li a { padding: 5px 7px 5px 7px; height: auto !important; font-size: 14px; display: block; text-align: left; float: none; color: #CFCECE; text-transform: capitalize; border-bottom: 1px solid #444444; } .Editprofilediv ul li a:hover { background: url(/Styles/../images/menuHover.png) repeat; } /* profile pic end here*/ /* Choose from Your Photos start here*/ ul.AlbumCategory { list-style: none; } ul.AlbumCategory li { float: left; width: 215px; margin: 0px 7px 0px 0px; } a.uialbum { background: #fff; border: 1px solid #CCCCCC; display: inline-block; padding: 4px; position: relative; vertical-align: bottom; } .albumImage { background: #fff; border: 1px solid #CCCCCC; display: inline-block; outline: medium none; padding: 4px; position: relative; vertical-align: bottom; margin: 0px -13px -13px 0px; } .albumTitle { color: #666666; cursor: pointer; font-size: 16px; line-height: 30px; text-align: center; display: inline-block; margin-top: 10px; } ul.PhotoCategory { list-style: none; } ul.PhotoCategory li { float: left; width: 171px; margin: 7px 7px 0px 0px; } a.uialbum { background: #fff; border: 1px solid #CCCCCC; display: inline-block; padding: 4px; position: relative; vertical-align: bottom; } /* Choose from Your Photos end here*/ #CoverPictire_pic_wrapper span { position: absolute; /*display: none;*/ bottom: 55px; right: 0px; line-height: 20px; padding: 5px 5px 5px 29px; color: #fff; background: none repeat scroll 0 0 rgba(153, 36, 156, 0.9); text-decoration: none; cursor: pointer; width: 200px; } #CoverPictire_pic_wrapper span i{ position:absolute; left:5px; top:5px; font-size:19px;} #CoverPictire_pic_wrapper:hover span { display: block; } #CoverPictire_pic_wrapper span.active { background: #444444; } .profile_pic_cover a.active { background: #444444; } .EditCoverPictureDiv { background: #2B2B2B; position: absolute; right: 0px; /*bottom: -100px;*/ bottom: -102px; width: 200px; border: 4px solid #444444; z-index: 9; } .EditCoverPictureDiv ul li { float: left; width: 100%; display: block; } .EditCoverPictureDiv ul li a { padding: 5px 7px 5px 27px; height: auto !important; font-size: 14px; display: block; text-align: left; float: none; color: #CFCECE; text-transform: capitalize; border-bottom: 1px solid #444444; position:relative; } .EditCoverPictureDiv ul li a i{ position:absolute; left:4px; top:3px; font-size:24px;} .EditCoverPictureDivForPhotographer ul li a i{ position:absolute; left:4px; top:3px; font-size:24px;} .EditCoverPictureDiv ul li a:hover { background: url(/Styles/../images/menuHover.png) repeat; } /* photo comment section start here-----*/ .CommentScrollbar { overflow: auto; } .divphotocomment { background-color: #fff; color: #A4A4A4; } #divCommentDetail { padding: 0px 10px; } .divphotocomment h3 { padding: 0px 10px; color: #A4A4A4; } .photocommentHover:hover { background: none; } .photocommentHover .smallDelete, .photocommentHover .smallReportAbuse { visibility: hidden; } .photocommentHover:hover .smallDelete, .photocommentHover:hover .smallReportAbuse { visibility: visible; } /* photo comment section end here-------*/ #DivSocialMediaPopup { display: none; } /*start Comment like and share icon for photopopup*/ a.socialIconPhoto { height: 30px; float: left; margin: 0px 0 0 10px; display: block; background: url(/Styles/../images/socialIconPhoto.png) left top no-repeat; } a.socialIconPhoto.shareSingle { display: block; width: 30px; background-position: 0px 0; } a.socialIconPhoto.comment { display: block; width: 30px; background-position: -41px 0; } a.socialIconPhoto.like { display: block; width: 30px; background-position: -80px 1px; } a.socialIconPhoto.Unlike { display: block; width: 30px; background-position: -158px 1px; } a.socialIconPhoto.FullScreen { display: block; width: 30px; background-position: -119px 0; } a.socialIconPhoto.shareSingle:hover { display: block; width: 30px; background-position: 0px -40px; } a.socialIconPhoto.comment:hover { display: block; width: 30px; background-position: -41px -40px; } a.socialIconPhoto.like:hover { display: block; width: 30px; background-position: -80px -40px; } a.socialIconPhoto.Unlike:hover { display: block; width: 30px; background-position: -158px -40px; } a.socialIconPhoto.FullScreen:hover { display: block; width: 30px; background-position: -119px -40px; } /*End Comment like and share icon for photopopup*/ .socialBoxForPhoto { width: 150px; height: 150px; background: url(/Styles/../images/photoSocialBg.png) left top no-repeat; float: left; position: absolute; display: block; } .socialBoxForPhoto ul { list-style: none; } .socialBoxForPhoto ul li { display: block; float: left; width: 100%; margin: 0px !important; } .socialBoxForPhoto ul li a{ border-bottom: 1px solid #565656; font-size: 16px; color: #aaaaaa; text-align: left; padding: 6px 0px 0px 40px; height: 36px; line-height: 20px; display: block; background: url(/Styles/../images/socialIconForPhoto.png) 7px 7px no-repeat;} .socialBoxForPhoto ul li a.twitter { background-position: 7px -36px; } .socialBoxForPhoto ul li a.googlepluse { background-position: 7px -78px; } .socialBoxForPhoto ul li a.pinitrest { background-position: 7px -121px; border-bottom: none; } .socialBoxForPhoto ul li:hover{ background: #2a2a2a;} .socialBoxForPhoto ul li:first-child:hover{ border-radius: 5px 5px 0px 0px; background: #2a2a2a;} .socialBoxForPhoto ul li:last-child:hover{ border-radius: 0px 0px 5px 5px; background: #2a2a2a;} /**********************endorsment for model rightbar*********************/ .endorsmentForRightBar{ width: 100%; padding: 10px 0px 15px 0; overflow:hidden;} .endorementName { line-height: 30px; margin-right: 80px; text-align: right; } /**********************endorsment for model rightbar*********************/ /**********************Given Comment *********************/ ul.UlCommentIcon { padding: 8px 0px 0px 8px; overflow: hidden; } ul.UlCommentIcon li { float: left; list-style: none; border-bottom: none; } .chat { width: 400px; } .bubbleSender { background-color: #F2F2F2; border-radius: 5px; box-shadow: 0 0 6px #B2B2B2; display: inline-block; padding: 10px 18px; position: relative; vertical-align: top; color: #5F5F5F; font-size: 12px; width: 550px; } .bubbleSender::before { background-color: #F2F2F2; content: "\00a0"; display: block; height: 16px; position: absolute; top: 11px; transform: rotate( 29deg ) skew( -35deg ); -moz-transform: rotate( 29deg ) skew( -35deg ); -ms-transform: rotate( 29deg ) skew( -35deg ); -o-transform: rotate( 29deg ) skew( -35deg ); -webkit-transform: rotate( 29deg ) skew( -35deg ); width: 20px; } .bubbleReciever { background-color: #F9F9F9; border-radius: 5px; box-shadow: 0 0 6px #B2B2B2; display: inline-block; padding: 10px 18px; position: relative; vertical-align: top; color: #646464; font-size: 12px; width: 550px; } .bubbleReciever::before { background-color: #F9F9F9; content: "\00a0"; display: block; height: 16px; position: absolute; top: 11px; transform: rotate( 29deg ) skew( -35deg ); -moz-transform: rotate( 29deg ) skew( -35deg ); -ms-transform: rotate( 29deg ) skew( -35deg ); -o-transform: rotate( 29deg ) skew( -35deg ); -webkit-transform: rotate( 29deg ) skew( -35deg ); width: 20px; } .me { float: left; margin: 5px 45px 5px 20px; } .me::before { box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 ); left: -9px; } .you { float: right; margin: 5px 20px 5px 45px; } .you::before { box-shadow: 2px -2px 2px 0 rgba( 178, 178, 178, .4 ); right: -9px; } .messageRecoverButton { display: block; height: 26px; margin-left: 3px; background: url(/Styles/../images/messageRecover.png) left top no-repeat; } .messageSortDownButton { display: block; height: 26px; margin-left: 3px; background: url(/Styles/../images/DownArrow.png) left top no-repeat; } .messageSortUpButton { display: block; height: 26px; margin-left: 3px; background: url(/Styles/../images/UpArrow.png) left top no-repeat; } .senderMessage { overflow: hidden; padding: 5px 0px; } .senderMessage .content { padding-bottom: 6px; } .senderMessage .image { float: right; } .senderMessage .name { line-height: 18px; margin-right: 60px; text-align: right; } .senderMessage .UlCommentIcon { display: none; } .senderMessage:hover .UlCommentIcon { display: block; } .givenComment{overflow: hidden;padding: 5px;position:relative;} .givenComment:hover { background: #f5f5f5; } .givenComment .content { padding-bottom: 6px; } .givenComment .image { float: right; } .givenComment .name { line-height: 24px; margin-right: 76px; text-align: right; } .givenComment ul.UlCommentIcon{display: none;position:absolute; right:0px; top:0px; width:65px; height:35px;} .givenComment:hover ul.UlCommentIcon{display: block;} .mycommentmargin{margin-bottom:10px;} /**********************End Given Comment*********************/ /********************** Given endorsements*********************/ .givenendorsements { overflow: hidden; padding: 5px; } .givenendorsements .content { overflow: hidden; padding-bottom: 6px; } .givenendorsements .image { float: right; } .givenendorsements .name { line-height: 24px; margin-right: 76px; text-align: right; } .givenendorsements .castingLink { display: none; } .givenendorsements:hover .castingLink { display: block; } /**********************End Given endorsements*********************/ /**********************Like Name List*********************/ .LikeList { position: absolute; left: 20px; top: 80px; width: 150px; padding: 10px; } .LikeList .bg { background: #3c3c3c; } .arrow { display: block; height: 8px; background: url(/Styles/../images/bottomArrow.png) 52px top no-repeat; } /*Use for My Circles */ .connectionListIcon {width: auto; float: right;} .connectionListIcon li {list-style: none; float: left; margin-left:5px; } .connectionListIcon li a { margin:0px; } /*Use for My Circles */ .itemAnchor{ background: url(/Styles/../images/Selected.png) left -2px bottom 7px no-repeat;font-weight: bold; display: block; padding: 1px 16px 1px 24px;} .OuterDivofUserlike{display: none; position:relative; top:-22px; float:right; z-index: 1000; height:300px;margin-right:3px; } .Innercircledivforpopup{background: #2B2B2B; border: 1px solid rgba(0, 0, 0, .45); z-index: 1000; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3); } .Innercircledivforpopup li a{ border-bottom: 1px dotted #444444;color: #fff;padding: 5px 5px 5px 15px;margin-right: 13px;display: block;line-height: 30px;} .Innercircledivforpopup li:hover{background: #870060;} .PopCircleTop { position:absolute; right: 3px; top: 0px;} #ulCompanyListing li { padding: 0px 0px 0px 15px; margin-bottom: 10px; background: url(/Styles/../images/bullet.png) left 2px no-repeat; } /* Used when scroll page loading div visible */ .DivScrollPageLoading{background: none repeat scroll 0 0 #fff;border-radius: 2px 2px 2px 2px;position: absolute;bottom: -42px;color: #FFFFFF; opacity: 0.8;text-align: center; width: 100%; z-index: 99;height: 26px;border: 1px solid #f2f2f2;} .DivScrollPageLoading img{ position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin:auto; padding:0!important;} #ulRatingReview .DivScrollPageLoading{bottom:10px; position:relative;} /* Confirm Notification CSS */ #confirmOverlay{width: 100%; height: 100%; position: fixed; top: 0;left: 0;background: url('/Styles/../images/ie.png');background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);z-index: 9999999999;} #confirmBox{ background: #fff;width: 460px; position: fixed;left: 50%;top: 50%; margin: -130px 0 0 -230px;} #confirmBox h1{ background: #c7198d;padding: 5px 10px;color: #fff;margin: 0px;} #confirmBox p{padding: 10px;margin: 0px;} #confirmButtons{padding: 10px 0 25px; text-align: center;} #confirmBox .button{line-height: 30px; font-size: 16px; vertical-align: middle;background: #c7198d;border: none;color: #fff !important; text-decoration: none;cursor: pointer; display: inline-block; margin: 0px 10px 0px 0px;} #confirmBox .button:hover{background: #414141;border: none;color: #fff !important;cursor: pointer;} /*BUTTONS STYLE START */ .disablebutton{line-height: 30px;padding: 0 10px 3px 10px;font-size: 17px; vertical-align: middle; background: #a6a6a6; border: none; color: #fff !important;cursor: default; display: inline-block;} #confirmBox .button:last-child{ margin-right: 0;} /* End Confirm Notification */ /*Start css for talent criteria of job*/ .leftForaddEditJob, .rightForaddEditJob { float: left; width: 436px; } .rightForaddEditJob{ float:right;} .leftForaddEditJob .dropDown { width: 167px; } .rightForaddEditJob .dropDown { width: 167px; } select.addTalentSelectBox{ width:112px!important;} .addTalentInputBox{ width:106px!important; border: 1px solid #a5a5a5;font-size: 13px;color: #6a6a6a;padding-left: 2px;padding-right: 2px;} .addTalentSpanMax{ margin-left:30px;} /*End css for talent criteria of job*/ /*Start Soical Icon for profiel Page*/ .Shareprofile{ background-color: rgba(0, 0, 0, 0.498039); position: absolute; margin-left: 210px; margin-top: -172px;} .socialIconForProfile{ width: 150px; height: 110px; background-color: rgba(0, 0, 0, 0.7); float: left; position: absolute; display: block;z-index:99;} .socialIconForProfile ul{ list-style: none;} .socialIconForProfile ul li{ display: block; float: left; width: 100%; margin: 0px !important;} .socialIconForProfile ul li a{ border-bottom: 1px solid #565656; font-size: 16px; color: #aaaaaa; text-align: left; padding: 6px 0px 0px 38px; height: 37px; line-height: 25px; display: block; background: url(/Styles/../images/socialIconForPhoto.png) 7px 7px no-repeat;} .socialIconForProfile ul li a.twitter{ background-position: 7px -36px;} .socialIconForProfile ul li a.googlepluse{ background-position: 7px -78px;} .socialIconForProfile ul li a.pinitrest{ background-position: 7px -121px; border-bottom: none;} .socialIconForProfile ul li:hover{ background: #444444 url(/Styles/../images/menuHover.png) repeat;} /*End Soical Icon for profiel Page*/ /*Share activity*/ .activityShareIcon{position:relative; padding-left:6px;} .ShareActivity{ width: 136px; position: absolute; top:-2px; left:52px; display: block;z-index:9;} .ShareActivity ul li{ display: block; float: left; margin: 0px 5px 0 0!important; list-style:none; padding:0px; width:auto;} .ShareActivity ul li:last-child{ margin:0px!important;} .ShareActivity ul li a{ font-size: 16px; color: #fff; background:#4A66A0; text-align: center;padding: 0;height: 26px; width:26px;line-height: 26px;display: block; position:relative; border-radius:50%;} .ShareActivity ul li a.twitter{ background:#1DB7DF; } .ShareActivity ul li a.googlepluse{ background:#F63E28; } .ShareActivity ul li a i{ position:absolute; top:0px; left:0px; width:100%; height:26px; line-height:26px; text-align:center;} /* Style for Heading Color*/ .HeadingPink { color: #870060; } /*Use style my circle page and my dashboard tab start here*/ .myCircleTab ul { list-style: none; width: 100%; overflow: hidden; background: #ccc; padding: 3px 0px 0px 3px; border-radius: 3px; margin-bottom: 8px;} .myCircleTab ul li{ float: left; margin-bottom: -1px; position: relative;} .myCircleTab ul li a{ display: block; font-size: 18px; color: #898989; margin-right: 10px; padding: 5px 10px; float: left; border: 1px solid #D0CCC9; background: #EFEFEF; margin-bottom: -1px; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px;} .myCircleTab ul li.active a{ background: #FFFFFF; border-bottom: 0 none; color: #870060; top: 0px;} /*My account center section tab*/ .myAccountCenterTab ul { list-style: none; width: 100%; overflow: hidden; background: #ccc; padding: 3px 0px 0px 3px; border-radius: 3px; margin-bottom: 8px;} .myAccountCenterTab ul li{ float: left; margin-bottom: -1px; position: relative;} .myAccountCenterTab ul li a{ display: block; font-size: 18px; color: #898989; margin-right: 10px; padding: 5px 10px; float: left; border: 1px solid #D0CCC9; background: #EFEFEF; margin-bottom: -1px; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px;} .myAccountCenterTab ul li.active a{ background: #FFFFFF; border-bottom: 0 none; color: #870060; top: 0px;} ul.sidebarMenu { list-style: none; padding: 2px; overflow: hidden; } ul.sidebarMenu li { display: block; background: url(/Styles/../images/sideMenuDivider.png) left bottom no-repeat; } ul.sidebarMenu li a { color: #666666; text-decoration: none; display: block; padding: 6px 0 10px 21px; font-weight: normal; background: url(/Styles/../images/sideMenuArrow.png) 13px 12px no-repeat; } ul.sidebarMenu li a:hover { color: #870060; background-position: 13px -33px; } ul.sidebarMenu li.last { background: none; } .accordianMenu{} .accordianMenu li a.menuitem { background: #DEDEDE; color: #000; font-size: 18px; display: block; position: relative; margin: 1px 0 0px 0; padding: 0px 0 0 10px; text-decoration: none; line-height:40px; } .accordianMenu li a.menuitem:hover { background:#870060; color: #fff; } /*.accordianMenu li a.menuitem:visited, .accordianMenu li .menuitem:active{color: white; }*/ .accordianMenu li a.menuitem .statusicon { position: absolute; top: 11px; right: 7px; border: none; } .accordianMenu li ul.submenu { list-style-type: none; background: #fff; } .accordianMenu li ul.submenu li a { display: block; color: black; text-decoration: none; font-size: 16px; line-height:18px; padding: 7px 0 7px 15px; background: url(/Styles/../images/AdminListingarrow.png) 5px 13px no-repeat; } .accordianMenu li ul.submenu li a:hover, .accordianMenu li ul.submenu li a.active { background: #870060 url(/Styles/../images/AdminListingarrow.png) 5px -177px no-repeat; color: #fff; margin-right: 0px; } .submenuheader { position: relative; } .accordsuffix { position: absolute; right: 0px; top: 0px; } ul.sidebarMenuTab { list-style: none; } ul.sidebarMenuTab li { display: block; background: url(/Styles/../images/sideMenuDivider.png) left bottom no-repeat; } ul.sidebarMenuTab li a { font-size: 14px; color: #666666; text-decoration: none; display: block; margin-right: -2px; position: relative; padding: 6px 0 10px 21px; font-weight: normal; background: url(/Styles/../images/sideMenuArrow.png) 13px 12px no-repeat; top: 0px; left: 0px; } ul.sidebarMenuTab li a:hover, ul.sidebarMenuTab li.active a { color: #870060; background: #fff url(/Styles/../images/sideMenuArrow.png) 13px 12px no-repeat; } ul.sidebarMenuTab li.last { background: none; } /*Start Model Filter style*/ #ulProfessionType ul li { width: 100%; font-size: 16px; line-height: 28px; float: left; } #ulProfessionType li a { cursor:pointer; color: #444; font-size: 16px; text-decoration: none; } #ulProfessionType li a.active, #ulProfessionType li a:hover { color: #870060; } .Plus { background: url(/Styles/../images/modelqsprite.png) -80px -1000px no-repeat; float: right; height: 20px; width: 20px; } .Minus { background: url(/Styles/../images/modelqsprite.png) -80px -1054px no-repeat; float: right; height: 20px; width: 20px; } /*End Model Filter style*/ .radioStyle tbody tr td label{ font-size:18px;padding: 0 3px 0 3px;} /*Style for asp:RadioButtonList*/ .FilterSearchText{ position:relative; margin: 0px 3px 5px 3px; padding:0 24px 2px 5px; display:inline-block; text-transform: capitalize;background: #AB0072; border-radius:5px;color:#fff;} .FilterSearchDelete { position:absolute; right: 3px; top: 0px; display: inline-block; background: url(/Styles/../images/filterdelete.png) left 5px no-repeat;cursor: pointer;width: 13px;margin-left: 8px;margin-right:3px;height: 20px;} /* .FilterSearchText:hover:after { background-position: 0 -16px;} .FilterSearchDelete { display: inline-block; background: url(/Styles/../images/filterdelete.png) left 5px no-repeat; cursor: pointer; width: 13px; margin-left: 5px; height: 20px; } .FilterSearchDelete:hover { background-position: 0 -16px; } .Filterarrow { margin-left: 6px; width: 16px; } */ .RegistrationProfileImage { position: absolute; right: 0px; top: 0px; padding: 5px; min-height: 25px; } .MyaccountPicCrop span{position: absolute;display: none;right: 31px;line-height: 20px;padding: 5px 5px 5px 27px;color: #fff;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);text-decoration: none;top: 25px;width: 117px;cursor: pointer; font-size:14px;} .MyaccountPicCrop span i{ position:absolute; left:6px; top:4px; font-size:22px;} .MyaccountPicCrop:hover span{display: block;} .QuickSearchHeaderpanel { overflow:hidden; background: #f5f5f5; border: 1px dotted silver; padding: 15px; } .QuickSearchHeaderpanel .button{ margin-top:0px!important;} .QuickSearchHeaderpanel .row { padding-bottom: 0px; } /*------------------------------------addcss-----------------------*/ .main_msg { position: absolute; right: 67px; top: 49px; z-index: 999; } .msg_container { border: 1px solid #d6d6d6; width: 350px; background: #fff; border-top: none; float: left; position: relative; } .msg_container ul { padding: 0px; margin: 0px; list-style: none; } .msg_container ul li { width:100%; padding: 6px 17px 3px 10px; float: left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; } .msg_container ul li:hover { background: #f5f5f5; } .msg_container ul li a.darkGray:hover { color: #414141; } .msg_container ul li:last-child { border: none; } .msg_container .right_content { overflow: hidden; } .msg_container .pic { float: left; margin: 0px 10px 0px 0px; } .msg_container .pic img, .msg_container img.pic { width: 35px; height: 35px; border-radius: 100%; } .msg_container p { padding: 0px; margin: 0px; } .arrow_top_msg, .arrow_top_circle, .arrow_top_job, .arrow_top_notification { background: url(/Styles/../images/headerDropdownarrow.png) left top no-repeat; width: 18px; height: 12px; position: absolute; right: 5px; top: 38px; } .main_msg .seeall { display: block; padding: 5px 5px 5px 5px; text-align: center; border-top: 1px solid #e8e8e8; background: #870060; color: #fff; } .emptyMsg { padding: 15px; text-align: center; display: none; } .Time { font-size: 11px; color: #cacaca; } .TimeNotification { color: #cacaca; margin-top: 10px; } .msgBody { color: #868686; } .msg_container h6 { font-size:15px;} /*.main_msg .darkGray{ display:block;}*/ .accept, .reject { display: block; float: left; text-indent: -99999px; width: 30px; height: 30px; margin: 10px 10px 0 0; background: url(/Styles/../images/Accept_icon_new.png) right 0px no-repeat; border: 0 none; cursor: pointer; overflow: visible; } .reject { background: url(/Styles/../images/Reject_icon_new.png) right 0px no-repeat; } .ActivityTextarea{border: 1px solid #F1E8E8; width: 99%; padding: 5px 5px; height: 54px!important; font-family:SegoeRg; font-size:16px; margin: 5px 0;} textarea, .autosizejs{ font-family: 'SegoeRg'; font-size: 17px; line-height: 20px; padding: 5px; } /**************************** Style for Login Box for home page here*****************************/ .signInBTn { width: 142px; height: 49px; display: block; text-indent: -99999px; background: url(/Styles/../Images/signIn.png) left top no-repeat; position: absolute; left: 280px; top: -10px; } .signInBTn:hover { background-position: 0px -51px; } .loginBox { padding: 0px 20px 20px 20px; width: 654px; border: 1px solid #e1e1e1; background: #fff; float: left; position: absolute; right: -37px; top: 94px; z-index: 999; } .loginBox .arrow { background: url(/Styles/../Images/LoginArrow.png) center 0px no-repeat; position: absolute; right: 21%; top: -18px; width: 49px; height: 18px; } .loginBox h2 { padding: 10px 0px; font-size: 25px; color: #979797; } .loginBox .left { width: 318px; min-height: 220px; float: left; border-right: 1px solid #dfdfdf; position: relative; padding:0 29px 0 0; } .loginBox .or { font-size: 15px; color: #a3a3a3; background: #fff; height: 24px; line-height: 24px; position: absolute; right: -10px; top: 45%; } .facebookLogin { width: 277px; height: 58px; margin: 36px 0px; text-indent: -9999px; display: block; background: url(/Styles/../Images/facebookLoginBtn.png) left top no-repeat; cursor: pointer; border: none; } .facebookLogin:hover { background-position: 0px -186px; cursor: pointer; } .twitterLogin { width: 277px; height: 58px; text-indent: -9999px; display: block; background: url(/Styles/../Images/facebookLoginBtn.png) left -106px no-repeat; cursor: pointer; border: none; } .twitterLogin:hover { background-position: 0px -292px; cursor: pointer; } .loginBox .right { width: 279px; float: right; } .loginBox label { padding: 0px 0px 10px 0px; font-size: 17px; color: #a3a3a3; display: block; } .loginBox .textField { padding: 5px; margin-bottom: 30px; width: 307px; height: 30px; border: 1px solid #e3e3e3; background: #f5f5f5; color: #a3a3a3; font-size: 17px; } .popupclose{ width: 22px; height: 22px; display: block; cursor: pointer; position: absolute; right: 0px; text-decoration: none; font-size: 16px; color: #ccc; font-weight: normal; border: none; background: url(/Styles/../Images/close_icon.png) left top no-repeat;} .popupclose:hover{ background-position: 0px -29px;} .loginBox .row .forgot{ text-decoration: none; font-size: 13px; color: #870060; float:right;} .label2 label{ padding: 0px 25px 0px 0px; display: inline-block; font-size: 13px; color: #a3a3a3; margin-left: 5px;} .loginBox .textField{ padding: 0px 10px; width: 100%; height: 30px; border:none; background: none; color: #a3a3a3; font-size: 17px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; } .loginBox .email, .loginBox .password{ padding: 5px 0px 5px 32px; margin-bottom: 16px; width: 280px; height: 30px; border: 1px solid #e3e3e3; position: relative; background: #f5f5f5 url(/Styles/../images/loginInput.png) 5px 5px no-repeat;; color: #a3a3a3; font-size: 17px;} .loginBox .password{ background: #f5f5f5 url(/Styles/../images/loginInput.png) 5px -60px no-repeat;} .loginBox .loginBtn { margin: 10px auto; float: right; padding:0px 16px 0px 58px; cursor: pointer; height: 45px; line-height: 45px; font-size: 23px; color: #fff; border: none; background:#870060 url(/Styles/../images/login_icons.png) left -155px no-repeat;} .loginBox .loginBtn:hover { background-color: #910367;} /**************************** Style for Login Box end here*****************************/ .DetailInfoAspButton{ background: url(/Styles/../Images/goBack.gif) left top no-repeat; width: 218px; height: 62px; border: none; float: left; cursor: pointer;} .TextboxPostStatus{ border-style: none !important; border-color: inherit !important; border-width: 0px !important; overflow: hidden; width: 100%; font-family: 'SegoeRg'; font-size:16px;} /*Use style my Account Activity page start here*/ .myActivityTab ul{ height: 33px; list-style: none; width: 100%; padding: 3px 0px 0px 3px; border-radius: 3px;} .myActivityTab ul li{ float: left; margin-bottom: 0px; position: relative;} .myActivityTab ul li a{ padding: 7px 10px; display: block; font-size: 14px; color: #898989; margin-right: 10px; float: left; border: 1px solid #E1E1E1; background: #EFEFEF; margin-bottom: -1px; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px;} .myActivityTab ul li.active a{ background: #FFFFFF; border-bottom: 0 none; color: #870060; top: 2px;} .myActivityrightComnment{ background: #fff; border: 1px solid #E1E1E1; height: 80px; overflow: hidden; padding: 2px 2px 2px 6px;} #spanConnectionTitle1{ margin-left: 10px;} .Primarypurpose{float:left;} .Primarypurpose td{ padding-right: 10px;} /*Start- Listbox style*/ .CommonListBox{ width: 244px; border: 1px solid #a5a5a5; font-size: 16px; color: #6a6a6a; padding-left: 2px; padding-right: 2px;} select.CommonListBox{ width: 285px; padding: 0px; border: 1px solid #a5a5a5; font-size: 16px; color: #6a6a6a;} select.selectBox{ width: 167px; padding: 0px; border: 1px solid #a5a5a5; font-size: 16px; color: #6a6a6a;} select.CommonListBox option, select.selectBox option{ padding-left: 5px;} /*End Listbox style*/ .Fieldset{ border: 1px dotted #A5A5A5; padding: 10px;} input[disabled],select[disabled], input[disabled]:hover,select[disabled]:hover{ background-color: #f7f7f7 !important;color: #6a6a6a;-webkit-text-fill-color: rgba(106, 106, 106, 1); cursor: default !important;} /*.myAccount_mainTAb input[type="checkbox"]:Focus,input[type="text"]:focus, input[type="password"]:focus { border:1px solid #a3a3a3; }*/ /*.myAccount_mainTAb input[type="button"]:focus {background: #9800ca;}*/ .activityfacebook{ margin-right: 10px; margin-top: -1px;} .setProfile{ position: absolute; left: 4px; top: 6px; background: url(/Styles/../images/ribbon_profile_pic_selected.png) no-repeat; width: 122px; height: 123px; display: block; z-index: 9;} /*Select all checkbox for mailbox*/ .SelectAll{ font-size: 18px; color: #2E2E2E;} /***Start: My calender header menu style*/ .scheduleMenuBar{ width: auto; padding: 8px 0px 2px; float: left;} /*Arrow below tabs*/ span.arrow_pink{ float: left; position: absolute; padding: 5px; display: none; background: url(/Styles/../images/calender/selected_btn.png) center no-repeat; left: 11px; bottom : -8px;} span.arrow_blue{ float: left; position: absolute; padding: 5px; display: none; background: url(/Styles/../images/calender/selected_btn_blue.png) center no-repeat; left: 11px; bottom : -8px;} span.arrow_purple{ float: left; position: absolute; padding: 5px; display: none; background: url(/Styles/../images/calender/selected_btn_purple.png) center no-repeat; left: 11px; bottom : -8px;} span.arrow_green{ float: left; position: absolute; padding: 5px; display: none; background: url(/Styles/../images/calender/selected_btn_green.png) center no-repeat; left: 11px; bottom : -8px;} span.arrow_red{ float: left; position: absolute; padding: 5px; display: none; background: url(/Styles/../images/calender/selected_btn_red.png) center no-repeat; left: 11px; bottom : -8px;} .scheduleMenuBar a:hover span.arrow_pink, .scheduleMenuBar a:hover span.arrow_blue, .scheduleMenuBar a:hover span.arrow_purple, .scheduleMenuBar a:hover span.arrow_green, .scheduleMenuBar a:hover span.arrow_red{ display: block;} .scheduleMenuBar a.active span.arrow_pink, .scheduleMenuBar a.active span.arrow_blue, .scheduleMenuBar a.active span.arrow_purple, .scheduleMenuBar a.active span.arrow_green, .scheduleMenuBar a.active span.arrow_red{ display: block;} .all, .matching, .Booking, .Schedule, .Pending{ background: #017eba; color: #fff; text-decoration: none; padding: 0px 0px 0px 15px; font-size: 18px; float: left; text-align: center; line-height: 45px; margin: 0px 5px 0px 0px; position:relative; display:block;} .all:hover, .matching:hover, .Booking:hover, .Schedule:hover, .Pending:hover { color:#fff;} span.all_calendar, span.matching_calendar, span.booking_calendar, span.schedule_job, span.pending_job{ color: #fff; text-decoration: none; padding:23px; margin: 0px 0px 0px 5px; float: right;} span.spanAll, span.spanMatching, span.spanBooking, span.spanSchedule, span.spanPending{ color: #fff; text-decoration: none; padding:23px; margin: 0px 0px 0px 5px; float: right;} .all{background: #870060; color:#fff;} span.all_calendar{ color:#fff; background: #790357 url(/Styles/../images/modelqsprite.png) -69px -4967px no-repeat;} span.spanAll{background: #910367 url(/Styles/../images/calender/list_icon.png) center no-repeat;} .matching{background: #017eba;} span.matching_calendar{background: #0287c7 url(/Styles/../images/calender/calendar.png) center no-repeat;} span.spanMatching{background: #0287c7 url(/Styles/../images/calender/list_icon.png) center no-repeat;} .Booking{background: #967adc;} span.booking_calendar{background: #ac92ec url(/Styles/../images/calender/calendar.png) center no-repeat;} span.spanBooking{background: #ac92ec url(/Styles/../images/calender/list_icon.png) center no-repeat;} .Schedule{ background: #37bc9b; padding-left: 12px;} span.schedule_job{background: #4dcaab url(/Styles/../images/calender/calendar.png) center no-repeat;} span.spanSchedule{background: #4dcaab url(/Styles/../images/calender/list_icon.png) center no-repeat;} .Pending{background: #da4453;} span.pending_job{background: #ed5565 url(/Styles/../images/calender/calendar.png) center no-repeat;} span.spanPending{background: #ed5565 url(/Styles/../images/calender/list_icon.png) center no-repeat;} .list_view{float: right; margin: 7px 0 0 0; border: 1px solid #dddddd; height:47px;} /*Calender and list icons for display selected tab*/ a.calendar{ background: #fff url(/Styles/../images/calender/calendar_normal.png) center center no-repeat; width: 45px; height: 45px; float: left;} a.calendar:hover, a.calendar.active{ background: #870060 url(/Styles/../images/calender/calendar_active.png) center center no-repeat;} a.listing{ background: #fff url(/Styles/../images/calender/listing_normal.png) center center no-repeat; width: 45px; height: 45px; float: left;} a.listing:hover, a.listing.active{ background: #870060 url(/Styles/../images/calender/listing_active.png) center center no-repeat;} /***End: My calender header menu style*/ .ImagePrivew{ padding:0px 5px; width: 100%; float:left; display: block; border: 1px solid #E1E1E1; border-top: none; position:relative;} .ImagePrivew img { width: 100px; height: 100px; margin-bottom:5px;} .DeletePreviewImage { position: relative; top: -50px; } .MainContainer { width: 100%; /*966px;*/; padding: 5px 0; } .JobtalentSetting li { overflow: hidden; width: 185px; float: left; margin-bottom:5px; padding-top:1px; } /*Talent setting (in My setting) style*/ .talentSetting li { overflow: hidden; width: 205px; float: left; margin-bottom:5px; padding-top:1px; } .talentledtSpan { padding-right: 10px; width: 102px; float: left; display: block; margin-left:5px; } .talentledtSpan2 { padding: 0px 15px; display: inline-block; float:left; } .rightColtelent .col_1 li{ width: 100%;} .ulModelCategoryType{float: left;width: 645px;} /*End Talent setting*/ .jobSetting #ulJobType li{ overflow: hidden;width: 150px;float: left; padding: 3px 0 3px 0;} .jobSetting #ulPaid li{overflow: hidden; width: 107px;float: left; padding: 3px 0 3px 0;} .jobSetting #ulJobCategory li { overflow: hidden; width: 320px; float: left; padding: 3px 0 3px 0; } #DivJobSetting table tr { height: 30px; } #DivJobSetting .tdjobsetting{ width: 150px;vertical-align: top;text-align: right; padding: 0 5px 0 0;} /* Beeper Alert Notification ************/ .control { color: #666; width: 150px; font: bold 75% arial,sans-serif; text-decoration: none; padding: 10px 10px 10px 10px; display: inline-block; text-align: center; /*Background*/ background: #f3f3f3; background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1)); margin: 25px auto; } .control:hover { color: #333; border-color: #999; } .UIBeeper { width: 305px; left: 10px; bottom: 30px; position: fixed; z-index: 99; display: none; border: 1px solid #f88f88; } .UIBeeper .UIBeeper_Full:hover { /* change background color on mouseover */ background-color: #f6f6f6; } .UIBeeper .UIBeep_Bottom { border-bottom: none; } .UIBeeper .UIBeep_Selected { background: #f6f6f6; } .UIBeeper .UIBeep_Top { padding-top: 0; } .UIBeeper .UIBeep_Bottom { padding-bottom: 0; } .UIBeep { background: #E1E6EE; border-bottom: 1px solid #BFCADE; overflow: hidden; padding: 3px 0; clear: right; } .UIBeep .UIBeep_NonIntentional .UIBeep_Icon { float: left; width: 20px; height: 20px; text-align: center; margin: 5px 5px; } .UIBeep_Selected .UIBeep_Icon { margin-right: 2px; } .image2 { /* icon within the beeper */ background-image: url(/Styles/images/like.png); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; } .UIBeeper .UIBeep .UIBeep_NonIntentional .beeper_x { /* close button */ float: right; height: 16px; width: 16px; margin-top: 6px; /*background:url(/Styles/images/close.gif) no-repeat;*/ visibility: hidden; } .UIBeep .beeper_x:hover { /* close button on mouseover */ background: url(/Styles/images/closehover.gif) no-repeat !important; } .UIBeep_Selected .beeper_x { display: block !important; visibility: visible !important; margin-left: 4px; } .UIBeep .UIBeep_NonIntentional .UIBeep_Title { margin: 0 20px 0 10px; } .UIBeep .UIBeep_Title { padding: 8px; overflow: hidden; } .blueName { width: 210px; float: right; font-size: 14px; } #imgNotiUser { float: left; margin-left: 10px; } .UIBeep_NonIntentional { position: absolute; right: 0px; top: -7px; } /******** End Beeper alert Notification ****************/ /*START: Add new content like Post blog/Post News/Post Job/Post Event */ .addButtonStyle { display: inline-block; height: 30px; width: 25px; float: right; margin-top: -2px; text-indent: -99999px; overflow: hidden; background: url(/Styles/../images/AddNewContent_icons.png) left top no-repeat;} .addNewsStyle { background-position: 0px 0px;} .addJobStyle { width: 33px; background-position: -36px 0px; } .addEventStyle { background-position: -78px 0px; } .addBlogStyle { width: 28px; background-position: -114px 0px; } .addPostStyle { background-position: -151px 0px;} .addmodelStyle{ width: 28px; background-position: -181px 0px;} .createAblbum { width: 35px; background-position: -214px 0px; margin-right:5px; } .createAblbum:hover { background-position: -214px -30px; margin-right:5px; } .addNewsStyle:hover { background-position: 0px -31px; } .addJobStyle:hover { width: 33px; background-position: -36px -31px; } .addEventStyle:hover { background-position: -78px -31px; } .addBlogStyle:hover { width: 28px; background-position: -114px -31px; } .addPostStyle:hover { background-position: -151px -31px; } .addmodelStyle:hover { width: 28px; background-position: -181px -31px; } /*END: Add new content like Post blog/Post News/Post Job/Post Event */ #ulNewRequestForMe li { position: relative; } .ReceviverCircleGroup { background: #FAFAFA; width: 180px; position: absolute; right: 0px; top: 98px; z-index: 9; border: 1px solid #E2E2E2; } .ReceviverCircleGroup li a { border-bottom: 1px solid #E6E6E6; padding: 6px 4px; display: block; color: #414141; } .ReceviverCircleGroup li a:hover { background: #ECECEC; color: #666; } /*Message*/ .messagerCircleGroup { background: #FAFAFA; width: 180px; position: absolute; z-index: 9; border: 1px solid #E2E2E2; } .messagerCircleGroup li a { border-bottom: 1px solid #E6E6E6; padding: 6px 4px; display: block; color: #414141; } .messagerCircleGroup li a:hover { background: #ECECEC; color: #666; } .notificationCircleGroupSelect { width: 140px; float: left; margin-top: 10px; } ul.PinkArrow li { padding: 0 0 3px 20px; width: 100%; list-style: none; line-height:28px; /* background: url(/Styles/../images/arrow_right_pink.png) 0 8px no-repeat;*/ } /*Send Message and Book me multiple*/ #ulSearchDataforSendingMessageOrBook{ margin-right:-25px; margin-bottom:25px; overflow:hidden;} #ulSearchDataforSendingMessageOrBook li{overflow: hidden;width: 24%;float: left;padding: 3px;height:120px!important;margin-right:5px;margin-top:5px;border:1px dotted #e8e8e8;position:relative;} .multiMessageBookMe{float: right;margin-bottom: 50px;} /*Send Message and Book me multiple*/ .blackColor{color: #000;} /* Message Page */ #MessageHeading{background: #E0E0E0;} .chat_container{width: 100%;margin: 0 auto;} .chat_container ul{list-style: none;margin: 0px;padding: 0px;} .chat_container li{margin-bottom: 5px;overflow: hidden;} .leftImage{float: left;margin-right: 10px;} .rightImage{float: right;margin-left: 10px;} .leftImage img, .rightImage img{border: 2px solid #c3c3c3;border-radius: 50%;} .chat_container .textbox{width: 665px;background: #f4f4f4;border: 1px solid #cacaca; min-height:25px; border-radius: 7px;padding: 5px 10px;position: relative; margin-top:6px;} .chat_container .textboxRight{width: 99%;background: #ECF7FF;border: 1px solid #D8EEFF; min-height:25px; border-radius: 7px;padding: 5px 10px;position: relative;float:right;} .chat_container .textboxLeft{width: 99%;background: #F7F7F7;border: 1px solid #EFEFEF; min-height:25px; border-radius: 7px;padding: 5px 10px;position: relative;float:left;} .chat_outerDiv { width: 86%; } .chat_container h3{ font-size: 13px;font-weight: normal; line-height:16px;color: #ed5fae;float: left;margin: 0px;padding: 0px;} .chat_container .Time{ color: #737373; font-size: 14px;font-weight: normal;line-height:21px; margin-top: 5px; } .chat_container .deleteSpan{ display: inline-block; margin: 5px 0 0 5px;position: relative;} .chat_container .deleteSpan .delete{ position:relative; top:0px; right:0px;} .MessageDiv{overflow: hidden;padding: 9px;margin-top: 10px;} .chat_container p{color: #4e4e4e; font-size: 16px;font-weight: normal; padding:0px;word-break:break-word;} .chat_container .arrowLeft{background: url(/Styles/../images/arrowLeft.png) no-repeat -1px center;position: absolute;top: 10px;left: -10px;width: 11px;height: 9px;} .chat_container .arrowRight{background: url(/Styles/../images/arrowRight.png) no-repeat 0px center;position: absolute;top: 10px;right: -11px;width: 11px;height: 9px;} /* Message Page */ /**/ #GuestList li{float: left;width: 100%;padding: 5px 0px 15px 0;margin-bottom:10px;overflow: hidden;} .unfollow{background: url("/Styles/../images/modelqsprite.png") no-repeat scroll -82px -2806px rgba(0, 0, 0, 0);display: inline-block;height: 17px;text-indent: -99999px;width: 18px;} .follow1{background: url("/Styles/../images/modelqsprite.png") no-repeat scroll -82px -2004px rgba(0, 0, 0, 0);display: inline-block;height: 17px;text-indent: -99999px;width: 18px;} .alreadyfollow{background: url("/Styles/../images/modelqsprite.png") no-repeat scroll -82px -2915px rgba(0, 0, 0, 0);display: inline-block;height: 17px;text-indent: -99999px;width: 18px;} /* .socialIconAll a.small_model{ background: url("/Styles/../images/modelqsprite.png") no-repeat scroll -78px -1470px rgba(0, 0, 0, 0); display: block; float: left; height: 24px; margin: 5px 0 0 20px; width: 20px;} .socialIconAll a.small_fb{ background: url("/Styles/../images/modelqsprite.png") no-repeat scroll -76px -1505px rgba(0, 0, 0, 0); display: block; float: left; height: 24px; margin: 5px 0 0 10px; width: 24px;} .socialIconAll a.small_tw{ background: url("/Styles/../images/modelqsprite.png") no-repeat scroll -76px -1540px rgba(0, 0, 0, 0); display: block; float: left; height: 24px; margin: 5px 0 0 10px; width: 24px;}*/ .addNewMessage { width: 31px; padding: 2px 5px 2px 32px; font-size: 12px; color: #fff; line-height: 24px; height: 24px; float: right; cursor: pointer; display: block; background: #870060 url("/Styles/../images/AddMessagePluse.png") 5px 3px no-repeat; } .addNewMessage:hover { background-color: #5a5a5a; } /*close css used for checkbox for contact group under tools.*/ .castingdetailUserImage { float: left; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; } .HeaderLogo{ background: url(/Styles/../images/ModelHeaderLogo.png) left top no-repeat; width: 136px; height: 22px; border: none;cursor:pointer;} @media screen and (max-width:769px) { #homeSlide{min-width: 600px;} .SliderBtnBar{ min-width: 600px;} #paging{left:297px;} } .profilePictureSelectorFileInput { cursor: pointer; width: 50px; text-align: right; left: 0px; top: 0; position:absolute; opacity: 0; -moz-opacity: 0; /*filter: alpha(opacity:0);*/ z-index: 9999; } .rightcheck{ width:23px; height:29px; display:inline-block; background:url(/Styles/../images/Right_icon.png) 5px center no-repeat;} .Photorequired{ width:18px; height:29px; display:inline-block; background:url(/Styles/../images/required.png) 5px center no-repeat; } .uploadsocialBtn{ margin:5px 16px 10px 0px; overflow:hidden;float: right;} .fbBtn{ width:200px; height:28px; display:inline-block; text-indent:-99999px; background:url(/Styles/../images/facebookupload.png) left top no-repeat; float:right; margin-right:10px; } .flickrBtn{ width:176px; height:28px; display:inline-block; text-indent:-99999px; background:url(/Styles/../images/flickerbtn.png) left top no-repeat; float:right; margin-right:10px;} .instagramBtn1{ width:210px; height:28px; display:inline-block; text-indent:-99999px; background:url(/Styles/../images/instagramBtn.png) left top no-repeat; float:right; border:none; cursor:pointer; } #ulfacebook li.headerfbalbumname{background-color: #EEEEEE;color: #2E2E2E;font-size: 14pt; text-align: center;width: 100%;line-height: 200%;margin: 0px;height: auto; } .pics { width: 100%; } #ulfacebook li{display: inline-block; width:126px;}/*width: 150px;height: 150px;*/ .marginlabel{margin-top: 5px;} #ulflickrPhoto li.headerfbalbumname, #ulinstagramPhoto li.headerfbalbumname {background-color: #EEEEEE;color: #2E2E2E;font-size: 14pt; text-align: center;width: 100%;line-height: 200%;margin: 0px;height: auto; } #ulflickrPhoto .pics, #ulinstagramPhoto .pics{ width: 150px; height: 150px; padding-bottom:5px;} #ulfacebook .pics{padding:5px;} #ulflickrPhoto li, #ulinstagramPhoto li{display: inline-block;width: 150px;height: 180px;margin: 5px 5px; position:relative;} /*end new Photo upload section css*/ .myCircleTabContent{position:relative; float:left; width:100%; } .myCircleTabContent .DivScrollPageLoading { bottom: -4px;} /*Start: Advance search control*/ .advanchSearchRadio{background-color: #f5f5f5; padding: 5px; border: 1px dotted silver; margin-bottom:14px;} .rightradio { overflow:hidden;} .rightradio input[type="radio"] { margin:3px; float:left; } .rightradio li{ float:left; padding:5px 0px 5px 0px;width:25%; font-size:16px;} #ClosedSpan{ margin:-4px 0 0 8px;} #SaveMyjobs{ margin:-4px 0 0 8px;} /*End Advance search*/ .popup-title h3{font-size: 20px; line-height: 24px;} .instrationBox1 { color:#870060;} .measurementRadioBtn{ vertical-align:middle; margin:0 8px;} /* Start HTML5 for iPhone Pages*/ .autoCenterIPhone{ max-width:976px; margin:0px auto;} .autoCenterIPhone .textBox{ width:200px;} .autoCenterIPhone .normalGray{ width:200px;} .continue{ margin:0px 0px 0px 208px;} .contentpageStyleIPhone h2 {font-size: 16px;color: #fff; text-transform: uppercase; font-weight: normal; padding: 10px 0px 10px 15px; background: #1f1f1f;} /* End HTML5 for iPhone Pages*/ .Announcement_Public{font-style: italic; font-size: smaller;} .Announcement_background{ background: url(/Styles/../images/backgroundBg.png) repeat; padding:5px 5px 15px 5px; color:#7A7A7A;} .Announcement_Title {font-weight: bold;border-bottom: grey;border-bottom-width: 1px;margin-bottom: 4px;} ul.uploadIcon{ margin-right:-5px; list-style:none;} ul.uploadIcon li{ float:left; cursor:pointer; padding: 0px 5px 5px 0px;} ul.uploadIcon li a, .instagramBtn{ font-size:17px; color:#fff; text-decoration:none; height:32px; border:none; line-height:32px; display:block; float:left; padding:0px 11px 0px 38px; background:#3a589b url(/Styles/../images/PhotoIcon.png) left top no-repeat;} ul.uploadIcon li a.flicker{ background:#ed1983 url(/Styles/../images/PhotoIcon.png) left -33px no-repeat;} ul.uploadIcon li a.computer{ background:#870060 url(/Styles/../images/PhotoIcon.png) left -67px no-repeat;} ul.uploadIcon li .instagramBtn{ background:#527fa6 url(/Styles/../images/PhotoIcon.png) left -132px no-repeat; cursor:pointer;} ul.uploadIcon li a.movePhoto{ background:#4ab0c3 url(/Styles/../images/PhotoIcon.png) left -99px no-repeat;} ul.uploadIcon li a:hover{ opacity:0.8;} /*invite member style */ #ulinvitations {} #ulinvitations ul { padding:20px 0px; margin-right:-10px; position:relative; overflow: hidden; } #ulinvitations li{ width:25%; padding:10px 10px 0px 0px; float:left;} #ulinvitations li .block { padding:10px; background: #F3F2F2; border:1px dotted #e8e8e8; position:relative; overflow:hidden;} .select_and_invite_checkbox { float:right;} /*invite member style */ .searchshadowInner h3, #rightCntrMemberSearch h3 { margin:10px 0px 0px 0px;} .newIcon{ padding:0px 0px 0px 23px; background:url(/Styles/../images/defaultIcon.png) left -59px no-repeat;} .featuredIcon{ padding:0px 0px 0px 23px; background:url(/Styles/../images/defaultIcon.png) left 4px no-repeat;} .monthlyIcon{ padding:0px 0px 0px 23px; background:url(/Styles/../images/defaultIcon.png) left -32px no-repeat;} /*Membership Control style */ .memberPage table,.memberPage tr{border-color:transparent;} .memberPage th,.memberPage tr,.memberPage td{ font-weight:normal;} .memberPage td,.memberPage th{ border-bottom:1px solid #dddddd;} .memberPage{ width:100%; overflow:hidden; background:url(/Styles/../images/background_repeat.png) right top repeat-y; } .memberPage h1{ font-size:22px; font-weight:lighter; color:#565656; padding:8px 0px 8px 10px; background:#E2E2E2; margin-bottom:10px; display:block; text-align:left;line-height:18px;} .memberPage h2{ font-size:22px; color:#870060; line-height:48px;font-weight:normal; background:#d4d4d4; padding:0px 0px 0px 6px; } .memberHeader{ background:#d4d4d4; height:34px;} .col2{ width:229px; float:left; margin-left:1px; font-size:38px; text-align:center; line-height:98px; height:98px;} .memberHeader .membership{width:273px; float:left; padding-left:12px; font-size:20px; color:#870060; line-height:98px; height:98px;} .memberHeader .basic{background:#f6f6f6; color:#424242;} .memberHeader .premium{background:#0055a7; color:#ffffff;} .memberHeader .elite{background:#870060; color:#ffffff;} .firstColumn{padding:0 0 0 10px!important; text-align:left!important; width:500px!important; line-height:22px!important; font-size:15px;} .firstColumnInner{padding:0 0 0 10px!important; text-align:left!important; width:500px!important; line-height:22px!important; font-size:20px;} .arrowColumn{ padding:10px 0 0 10px; width:500px; font-size:13px;} .arrowColumn:before{ display:inline-block; content:url(/Styles/../images/starBullet.png); width:12px; height:13px;padding-right: 8px;margin-top: 2px;float: left;} .premiumText{ color:#0055a7; font-size:22px;} .memberDetail{width:273px; float:left; padding-left:12px; background:#ffffff; display:block; } .eliteMember input.radio{ margin:20px 0px 0px 0px;} .topBorder{ border-top:1px solid #D6D6D6;} .selectMemberBtn{ width:180px; height:70px; line-height:70px; float:right; font-size:42px; color:#fff; text-decoration:none; padding:5px 0px 0px 14px; background:#dc20c5 url(/Styles/../images/bntArrow.PNG) 173px center no-repeat; float:right; margin:15px 0px;} .selectMemberBtn:hover{ background-color:#870060;} .headerMembership{font-size:19px; color:#870060;} .headerBasic{background:#f6f6f6; color:#424242;font-size: 19px} .headerPremium{background:#0055a7; color:#ffffff;font-size: 19px} .headerElite{background:#870060; color:#ffffff;font-size: 19px} .rowBasic{background:#f6f6f6; color:#424242; font-size:18px;} .rowPremium{background:#edf6ff; color:#0055a7;font-size:20px;} .rowElite{background:#fddff6; color:#870060;font-size:20px;} .coomingSoonText{ font-size:18px; } .featuresType{ font-size: 22px!important; color: #870060; line-height: 35px; font-weight: normal; background: #d4d4d4; padding: 0px 0px 0px 6px; } /*Memberhip page style end here*/ .leftColtelent{float:left; width:425px;margin-right: 20px;} .rightColtelent{ float: right;} .rightColtelent.height_talentSetting{ width: 390px;} .rightColtelent.height_talentSetting .talentledtSpan2.label{ float: left;} .rightColtelent.height_talentSetting .col_1{ width: 169px;float: left;} .rightColtelent.height_talentSetting .col_1 .talentledtSpan2{ padding: 0px;width: 32px;margin-right: 5px;text-align: right;} .leftColtelent #selectGender li{ width: auto;float: left;} .rightColtelent select, .rightColtelent .textBox{ float:right;} .leftColtelent select, .rightColtelent select{ width:180px;} .leftColtelent .textBox, .rightColtelent .textBox{ width:175px;} .boxModels{ overflow:hidden; clear:both;} .boxModels h3{margin-top:16px;} .boxModels .seprater{margin-bottom:10px;} .gray_bg{background:#F4F4F4;} .lightgray_bg{background:#fff;} .jobDelete{ color:#870060; text-decoration:none; display:block; float:left; padding:0px 0px 0px 0; margin-right:10px; line-height:22px; } .job_setTimeLine{ color:#870060; border:none; text-decoration:none; display:block; float:left; padding:0px 0px 0px 25px; line-height:22px; background: url(/Styles/../images/Set_Timeline_ico_pink.png) 0px 0px no-repeat;} /* Time Picker*/ .ui-timepicker-wrapper { overflow-y: auto; height: 150px; width: 6.5em; background: #fff; border: 1px solid #ddd; -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2); box-shadow:0 5px 10px rgba(0,0,0,0.2); outline: none; z-index: 11; margin: 0; } .ui-timepicker-wrapper.ui-timepicker-with-duration { width: 13em; } .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 { width: 11em; } .ui-timepicker-list { margin: 0; padding: 0; list-style: none; } .ui-timepicker-duration { margin-left: 5px; color: #888; } .ui-timepicker-list:hover .ui-timepicker-duration { color: #888; } .ui-timepicker-list li { padding: 3px 0 3px 5px; cursor: pointer; white-space: nowrap; color: #000; list-style: none; margin: 0; } .ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; color: #000; } li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover { background: #1980EC; color: #fff; } li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration { color: #ccc; } .ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { color: #888; cursor: default; } .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { background: #f2f2f2; } /* End Time Picker*/ .aboutUsContent h2{ text-transform:none; } .aboutUsContent p{ padding:0px;} /* Required Message */ .RequiredFill{ width:23px; height:25px; display:inline-block; background:url(/Styles/../images/Right_icon.png) 5px center no-repeat; float:left;} .RequiredError{ width:18px; height:35px; display:inline-block; background:url(/Styles/../images/required.png) 5px 13px no-repeat; float:left; } /* Required Message */ #Header span { text-transform: capitalize;} .DefaultModelIcon{ padding:0px 0px 0px 23px; background:url(/Styles/../images/defaultmodel.png) 0 3px no-repeat;} .DefaultPhotographerIcon{ padding:0px 0px 0px 32px; background:url(/Styles/../images/defaultphotographer.png) 0 3px no-repeat;} .DefaultmakeupartistIcon{ padding:0px 0px 0px 20px; background:url(/Styles/../images/defaultmakeupartist.png) 0 0 no-repeat;} .DefaulthairstylistIcon{ padding:0px 0px 0px 23px; background:url(/Styles/../images/defaulthair_stylist.png) 0 4px no-repeat;} .DefaultfashionstylistIcon{ padding:0px 0px 0px 23px; background:url(/Styles/../images/defaultfashion_stylist.png) 0 0 no-repeat;} .DefaultphotostudioIcon{ padding:0px 0px 0px 30px; background:url(/Styles/../images/defaultphoto_tudio.png) 0 0 no-repeat;} .DefaultvideographerIcon{ padding:0px 0px 0px 40px; background:url(/Styles/../images/defaultvideographer.png) 0 3px no-repeat;} .DefaultagencyIcon{ padding:0px 0px 0px 26px; background:url(/Styles/../images/defaultagencies.png) 0 3px no-repeat;} .DefaultBusinessHiringIcon{ padding:0px 0px 0px 32px; background:url(/Styles/../images/defaultBusiness-Hiring_aug.png) 0 0px no-repeat;} .DefaultEventManagerIcon{ padding:0px 0px 0px 26px; background:url(/Styles/../images/defaultEvent-Manager_aug.png) 0 0px no-repeat;} .DefaultSalonsIcon{ padding:0px 0px 0px 26px; background:url(/Styles/../images/defaultSalons_aug.png) 0 0px no-repeat;} .DefaultTalentManagerIcon{ padding:0px 0px 0px 26px; background:url(/Styles/../images/defaultTalent_Manager_aug.png) 0 3px no-repeat;} .DefaultRetoucherPhotoEditorIcon{ padding:0px 0px 0px 40px; background:url(/Styles/../images/Retoucher_icon.png) 0 2px no-repeat;} .DefaultMenModelIcon{ padding:0px 0px 0px 22px; background:url(/Styles/../images/iconsModel.png) 0 -34px no-repeat;} .DefaultWomenModelIcon{ padding:0px 0px 0px 19px; background:url(/Styles/../images/iconsModel.png) 0 1px no-repeat;} .DefaultTeensModelIcon{ padding:0px 0px 0px 21px; background:url(/Styles/../images/iconsModel.png) 0 -106px no-repeat;} .DefaultKidsModelIcon{ padding:0px 0px 0px 26px; background:url(/Styles/../images/iconsModel.png) 0 -70px no-repeat;} .DefaultSeniorsModelIcon{ padding:0px 0px 0px 23px; background:url(/Styles/../images/iconsModel.png) 0 -139px no-repeat;} .jobPosting{display:inline;} /* added recently by raj for profile images */ .profileRight_A {float: right;width:200px;padding-right: 22px; height:61px; background:rgba(0,0,0,0.6);} .profileBannerIcons li{ min-width:50px; /* height:48px; */ text-align:center; } .profileBannerIcons li:last-child{background:none;} .NewspritIcons {width: auto;height: 48px; display: block;text-indent: 0;line-height: 66px;text-align: center;color: #BCBCBC; font-size:15px; background:url(/Styles/../images/profilesprite.png) 0 0 no-repeat;} .profileBannerIcons li a:hover{ color:#870060;} .profileBannerIcons .NewspritIcons.bookMe {background-position:-66px -33px;} .profileBannerIcons .NewspritIcons.bookMe:hover,.profileBannerIcons .NewspritIcons.bookMe.active {color:#870060; background-position:-66px -973px;} .profileBannerIcons .NewspritIcons.message{background-position:-56px -139px;} .profileBannerIcons .NewspritIcons.message:hover,.profileBannerIcons .NewspritIcons.message.active {color:#870060; background-position:-56px -1079px;} .profileBannerIcons .NewspritIcons.addCircle{background-position:-47px -259px;} .profileBannerIcons .NewspritIcons.addCircle:hover, .profileBannerIcons .NewspritIcons.AllreadyaddCircle, .NewspritIcons.addCircle.unfriend { color:#870060; background-position:-47px -1196px;} .profileBannerIcons .NewspritIcons.like {background-position:-66px -366px;} .profileBannerIcons .NewspritIcons.like:hover,.profileBannerIcons .NewspritIcons.like.Allreadyliked {color:#870060; background-position:-66px -1306px;} .profileBannerIcons .NewspritIcons.followMe {background-position:-65px -497px;} .profileBannerIcons .NewspritIcons.followMe:hover ,.profileBannerIcons .NewspritIcons.Allreadyfollowed{color:#870060; background-position:-65px -1437px;} .profileBannerIcons .NewspritIcons.review {background-position:-39px -626px; width:63px;} .profileBannerIcons .NewspritIcons.share {background-position:-57px -1915px; width:63px;} .profileBannerIcons .NewspritIcons.share:hover {background-position:-57px -2016px; } .profileBannerIcons .NewspritIcons.endorsement {background-position:-57px -2107px; width:63px;} .profileBannerIcons .NewspritIcons.endorsement:hover, .profileBannerIcons .NewspritIcons.endorsement.active {color:#870060; background-position:-57px -2197px; } .profileBannerIcons .NewspritIcons.pdf {background-position:-59px -2267px; width:63px;} .profileBannerIcons .NewspritIcons.pdf:hover {background-position:-59px -2357px; } .topIconForProfile .divOnlineUsers{ bottom:13px;} .topIconForProfile .McRight{text-align:left; width:142px;} .topIconForProfile .MCId{ float:left;} .topIconForProfile .lastLogin{width:131px; margin:0 0 0 0px;} .NewspritIcons.viewallForVideos{background-position: -76px -1612px; width:26px; height:19px;} .NewspritIcons.viewallForVideos:hover{background-position: -76px -1652px;} .videoList{margin-top:10px;} .videoList li{float:left; width:107px; height:74px; border:1px solid #686868; position:relative; margin-right:12px; padding:2px;} .videoList li img{ width:auto; max-width:100%; height:auto; float:left;} .videoList li .videobtn{ position:absolute; bottom:2px; right:2px; width:22px; height:22px; background-position:-78px -1724px;} .videoList li:hover{border:1px solid #870060;} .videoList li:hover .videobtn{ background-position:-78px -1796px;} .imageGalleryBox {width: 100%;overflow: hidden;background: #fff;margin: 12px 0px;position: relative;} /* end here */ /* detail page */ .DetailSection{display:block; overflow:hidden; position:relative; border-bottom:1px dotted #ccc; margin-bottom:10px; padding-bottom:10px;} .DetailSection .left{ width:135px; margin-right:10px; float:left; } .DetailSection.JobDetailsection .left{ width:145px;} .DetailSection .Right{ overflow:hidden;} .DetailSection ul.castingLink{ float:right;} .rightCntrJob{ width:241px; float:right;} .leftCntrJob{ width:65%; float:left;} /*#EventDetail {display:block; overflow:hidden; position:relative; margin-bottom:10px; padding-bottom:10px;} #EventDetail .left{ width:135px; float:left; margin-right:10px; } #EventDetail .left center img{ width:auto; height:auto; max-width:137px;} #EventDetail .Right{ overflow:hidden;}*/ .imgVideo{width: 185px; height:200px;} /* end New Button for Registration */ .spanWelcomeActivity{color: #989898;font-size:15px;text-align:center;} .forgottext{text-align:left; max-width:475px; margin:0 auto; width:100%;} .ContactBox .row label{ width:85px; float:left; text-align:right; margin-right:10px;} /*Video Detail page*/ .playVideoLeftBar{width:610px; } .VideoDetailStyleObj{height:650px;width:820px; } .VideoDetailStyle{height:650px;width:810px; } .EmbeddedvideoStyle iframe{width: 810px !important; height: 650px !important;} /*End Video Detail page*/ .textBoxcapitalize { text-transform: capitalize;} #ShowFilterResult .DivScrollPageLoading{ bottom:4px;} #ShowRecentModels .DivScrollPageLoading{ bottom:4px;} .expendcontent .leftCaption{ width:240px; float:left; text-align:right; display:block; padding-right:10px;} .expendcontent .textBox{ width: 255px; height: 30px;} #txtDOB + img{ vertical-align:top;} .UnRead{ font-weight:bold;} .toggle-view{line-height:22px;} .chkList_job_applicableTo{ width:68%;} .chkList_job_applicableTo li{ width:50%; float:left; margin:2px 0; font-size:18px;} .paid_job_container{ width:570px; overflow:hidden;} .paid_job_container .drop_job_rate{ margin-right:10px; float:left;} .paid_job_container > label{ margin-right:10px; line-height:24px;} .paid_job_container .job_amount_container{ float:left; display:block;} .paid_job_container .job_amount_container .star{ margin:0 5px 0 0 ; display:inline-block;} .paid_job_container .job_amount_container input{ margin-right:6px;} .responsive_post_page .normalGray{ width:194px;} div.venue_details_container{border-right: 1px solid #CCCCCC; padding-right: 10px;} div.autoCompletediv{max-height:350px;} td.td_venue_details_container{width:66%;} div.coming_up_events{padding: 0px 10px;} /*for social link modify unlink btn start here*/ .social_linked{ margin-top:20px;} .social_linked li{ width:100%; display:block; overflow:hidden; border-bottom:1px solid #E9E9E9; padding:15px 0;} .social_linked li a { position:relative; display: block; width: 138px; height: 35px; float: left; margin:0px 50px 0px 5px; padding:4px 0px 0px 42px; color:#fff; cursor:default; background: #3A589B; } .social_linked li a i { position: absolute; left: 0; top: 0; font-size: 20px; color: #fff; font-weight: normal; display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; border-right: 1px solid #21428A; } .social_linked li a.twitter { background-color:#45C8F4;} .social_linked li a.twitter i { font-size:24px; border-right: 1px solid #2692BF;} .social_linked li a.instagram { background-color:#527fa6;} .social_linked li a.instagram i {font-size:24px; border-right: 1px solid #326897;} .social_linked li a.linkdin { background-color:#1265AD;} .social_linked li a.linkdin i { font-size: 25px; position: absolute; top: 0; left: 0; width: 35px; text-align: center; line-height: 35px;} .social_linked li a.modifyBtn, .social_linked li a.unlinkBtn, .social_linked li a.linkBtn { padding: 0px; background:#7A7A7A; text-decoration: none; font-family: 'modelQ_web'; font-size:20px; color: #fff; display: block; width: 30px; height: 30px; float: left; border:none;cursor: pointer; margin: 0px 20px 0px 0px; border-radius:100%; } .social_linked li a.modifyBtn i, .social_linked li a.unlinkBtn i, .social_linked li a.linkBtn i { font-style: normal; border: none; font-size: 25px; position: absolute; top: 0; left: 0; width: 30px; text-align: center; line-height: 30px;} .social_linked li a.unlinkBtn {background:#ff2929;} .social_linked li a.linkBtn { background:#389d20;margin-top: 2px; } /*for social link modify unlink btn end here*/ .normalGray.eventCheck{ width:auto!important; text-align:left!important;} .normalGray.eventCheck .eventLabel{ display:inline-block; width:84px;} .normalGray.eventCheck.event_IsActive{ margin-top:10px;} .blogList center .userImage a, .whitebackground.responsive_search_venue .squareImage a { overflow:hidden; width:120px; height:120px; display:block; float:left;} .blogList .squareImage { padding: 0px 20px 0px 0px;} .responsivel.textarea{padding:0 2px;} .responsive_search_venue .search-header{ margin-bottom:10px;} .responsive_search_venue .search-header:after{ clear:both; display:block; float:none; content:"";} .responsive_search_venue .search-header label { float:left; margin-right:10px; } .responsive_search_venue .search-header input.textBox{ float:left; padding:1px 2px; } .responsive_search_venue .search-header input.button2{ float:left;} .responsive_search_venue .searchVenueList li{ padding:5px 0; border-top:1px solid #ddd; margin-left:130px;} /* message page */ .msgPageContainer:after{ clear:both; content:""; display:block; float:none; } .msgPageContainer .mySettingsLeft{ width:250px; overflow:hidden; margin:8px 17px 0px 0px; /*background-color:#f2f1f1;*/ border-top:none;} .msgPageContainer .myaccountLeftMenu li a{display:block; padding:7px 0px 7px 37px; /*height:39px; line-height:39px; font-size:18px; color:#5a5a5c; padding:0 0 0 45px; border-bottom:1px solid #E3E1E2;*/ position:relative; } .msgPageContainer .myaccountLeftMenu li a i{ position:absolute; left:8px; top:4px; font-size:30px;} .msgPageContainer .myaccountLeftMenu li a span{ position:absolute; right:0px; top:0px; min-width:45px; text-align:center; background-color:#f2f2f2; color:#666; padding:0 5px; height:38px; line-height:35px; font-size:18px; } .msgPageContainer .myaccountLeftMenu li a:hover span,.msgPageContainer .myaccountLeftMenu li a.Active span{ color:#fff; background-color:#C81895;} .msgPageContainer .myaccountLeftMenu li:last-child a{ border-bottom:none;} .msgPageContainer .myaccountLeftMenu li a#LeftMessages{ background-position:13px 6px; } .msgPageContainer .myaccountLeftMenu li a#Circle{ background-position:8px -65px; } .msgPageContainer .myaccountLeftMenu li a#spanJobNotifications{ background-position:8px -143px; } .msgPageContainer .myaccountLeftMenu li a#Endorsement{ background-position:8px -224px; } .msgPageContainer .myaccountLeftMenu li a#LeftSentItem{ background-position:8px -305px; } .msgPageContainer .myaccountLeftMenu li a#LeftTrash{ background-position:8px -386px; } .msgPageContainer .myaccountLeftMenu li a#LeftMessages:hover,.msgPageContainer .myaccountLeftMenu li a#LeftMessages.Active{background-position:13px -466px;} .msgPageContainer .myaccountLeftMenu li a#Circle:hover,.msgPageContainer .myaccountLeftMenu li a#Circle.Active{ background-position:8px -534px; } .msgPageContainer .myaccountLeftMenu li a#spanJobNotifications:hover,.msgPageContainer .myaccountLeftMenu li a#spanJobNotifications.Active{ background-position:8px -615px; } .msgPageContainer .myaccountLeftMenu li a#Endorsement:hover,.msgPageContainer .myaccountLeftMenu li a#Endorsement.Active{ background-position:8px -696px; } .msgPageContainer .myaccountLeftMenu li a#LeftSentItem:hover,.msgPageContainer .myaccountLeftMenu li a#LeftSentItem.Active{ background-position:8px -775px; } .msgPageContainer .myaccountLeftMenu li a#LeftTrash:hover,.msgPageContainer .myaccountLeftMenu li a#LeftTrash.Active{ background-position:8px -857px; } .msgPageContainer .myaccountLeftMenu li a:hover, .msgPageContainer .myaccountLeftMenu a.Active{ background-color:#870060; color:#fff;} .msgPageContainer .mySettingsRight{ width:auto; float:none; overflow:hidden; margin:0px;} .msgPageContainer .mySettingsRight h3{ font-size:22px; color:#6e6e6e; text-transform:uppercase; line-height:39px; padding-bottom:6px; margin:0px 0px 10px 0px; } .msgPageContainer .mySettingsRight h3 .deleteAll{ float:right; text-transform:capitalize; font-weight:normal; margin-right:4px;} .msgPageContainer .mySettingsRight h3 .addNewMessage{ position:relative; background:#870060;color: #fff;cursor: pointer; display: block;float: right; font-size: 16px;height: 33px; line-height: 33px; padding: 0 50px 0 14px; width:auto; margin:7px 17px 0 0 ;} .msgPageContainer .mySettingsRight h3 .addNewMessage i{ position:absolute; right:0px; top:0px; width:36px; text-align:center; line-height:33px; height:33px; background:#b81089; color:#fff; font-size:29px;} .msgPageContainer .mySettingsRight .messageContainer{ padding:0px;} .msgPageContainer .mySettingsRight .messageContainer li{ background-color:#fff; padding:0px 7px 10px 7px; width:auto; overflow:hidden; position:relative;} /*.msgPageContainer .mySettingsRight .messageContainer > li:nth-child(odd){ background-color:#f8f8f8;}*/ .msgPageContainer .mySettingsRight .messageContainer li .clock_timeSection{vertical-align: top; text-align: center;font-size: 14px; padding-left: 4px;} .msgPageContainer .mySettingsRight .messageContainer .time_clock_inner{ position:relative; padding:0 0 0 20px;} .msgPageContainer .mySettingsRight .messageContainer .time_clock_inner i{ position:absolute; left:0px; top:0px; font-size:19px;} .msgPageContainer .messageContainer .leftBarMessage{ width:60px; overflow:hidden; float:left; margin-right:15px; margin-top:5px;} .msgPageContainer .messageContainer .leftBarMessage .image{ margin:0px;} .msgPageContainer .messageContainer .rightBarMessage{ overflow:hidden; margin:0px; float:none;} .msgPageContainer .messageContainer .rightBarMessage .actionright{ float:right; overflow:hidden; width:61px; } .msgPageContainer .messageContainer .rightBarMessage .actionright.circleRequest{ width:260px;} .msgPageContainer .messageContainer .rightBarMessage .actionright.circleRequest .approveCircleReq,.msgPageContainer .messageContainer .rightBarMessage .actionright.circleRequest .rejectcirclerequest{ margin-right:10px; float:right; margin-top:3px;} .msgPageContainer .messageContainer .rightBarMessage .actionright .checkboxField { float:right; margin:7px 0 0 0;} .msgPageContainer .messageContainer .rightBarMessage .actionright .delete{ position:relative; float:right; width:30px; height:30px; } .msgPageContainer .messageContainer .rightBarMessage .actionright .delete i{ position:absolute; left:0px; top:0px; font-size:32px; color:#afafaf;} .msgPageContainer .messageContainer .rightBarMessage .actionright .delete:hover i{ color:#870060;} .msgPageContainer .messageContainer .userProfileName{ font-size:18px; color:#414141; } .msgPageContainer .messageContainer .Messagesubject{ font-size:16px; word-wrap:break-word; } .msgPageContainer .messageContainer .createDate { font-size:14px; color:#afafaf; padding:0 0 0 20px; display:block; margin-top:7px; position:relative;} .msgPageContainer .messageContainer .createDate i{ position:absolute; left:0px; top:0px; font-size:20px;} .msgPageContainer .messageContainer .rightBarMessage .SubjectLeft{ overflow:hidden;} .msgPageContainer .mySettingsRight .messageContainer li.MessageCon{ background:#ffffff;} .msgPageContainer .mySettingsRight .messageContainer .DivScrollPageLoading { bottom: -47px !important;height: 70px !important;} #tbodyAllMessage .DivScrollPageLoading{bottom: -15px!important;} .msgPageContainer .mySettingsRight .messageContainer .msgSender{ width:14px; height:14px; float:left; margin-right:10px; position:relative;} .msgPageContainer .mySettingsRight .messageContainer .msgSender i{ position:absolute; left:0px; top:-1px; color:#870060; font-size:23px;} /* For social */ .SocialProfileLinks{ width: 60px;position: absolute;top: 0px;display:block;} .SocialProfileLinks li a { font-size: 24px;display: block; width: 35px; height: 35px; position: relative; color: #fff;margin-top: 8px; border-radius: 50%; background-color:#870060; left: -40px;} .SocialProfileLinks li a.facebook{ background-color:#3A589B; } .SocialProfileLinks li a.twitter { background-color:#45C8F4;} .SocialProfileLinks li a.instagram { background-color:#527fa6;} .SocialProfileLinks li a.linkdin { background-color:#1265AD;} .SocialProfileLinks li a i{ font-size: 25px; position: absolute; top: 0; left: 0; width: 35px; text-align: center; line-height: 35px;} .SocialProfileLinks li a.personal i{font-size: 30px; } .SocialProfileLinks li a.facebook i{ font-size: 20px; } /* advance search page 23 march 2015 ui re-design - table structure converted into list */ .advamceSearchPage{ width:100%; display:block; margin:15px 0 0 0;} .advamceSearchPage .mainFilters > li{ float:left; width:25%; } .advamceSearchPage .mainFilters label{ float:left; text-align:right; display:inline-block; width:120px; padding:0 4px 0 0; font-size:16px;} .advamceSearchPage .mainFilters .textBox{float:left; display:inline-block; width:165px;} .advamceSearchPage .mainFilters .textBox.halfTextBox,.advamceSearchPage .mainFilters .textBox.halfTextBox2{float:left; display:inline-block; width:80px; padding-right:10px;} .advamceSearchPage .mainFilters .textBox.halfTextBox2{ margin:0 0 0 9px;} .advamceSearchPage .mainFilters select.selectBox{ width:165px;} .advamceSearchPage .mainFilters ul li { margin-bottom:12px; display:block; float:left; width:100%;} .advamceSearchPage .mainFilters .col_1 span{ display:block; width:135px; text-align:center; color:#870060; float:left;} .advamceSearchPage .mainFilters .col_1 .group{ width:100%; display:block; border:1px dotted silver; float:left; padding:12px 4px 0 0;} .advamceSearchPage .mainFilters .col_4 .checkbox_list{ float:left; width:135px; } .advamceSearchPage .mainFilters .col_4 .checkbox_list li{ margin-bottom:7px;} .advamceSearchPage .mainFilters .col_4 .checkbox_list label{ text-align:left; width:auto; padding:0 0 0 0px;} .MeasurementsRadio{ display:inline-block; margin:5px 0 0 10px; float:left;} .MeasurementsRadio li{ float:left; font-size: 16px;} /* events deatil page 24 march 2015 set event icon */ .event_place_icon{ position:relative; display:block; margin-top:1px; padding:0 0 0 0px;} .event_place_icon span{background: url("/Styles/../images/modelqsprite.png") no-repeat scroll -87px -3009px rgba(0, 0, 0, 0); position:absolute; left:0px; top:0px; width:14px; height:18px;} #DivCasting td >div, #JobDetailandCommentDiv #PDetailsDescription{word-break: break-all;word-wrap: break-word;} #Profilecrop-holder{width: 100%;} #Profilecrop-iholder{height: 350px; width: 80%;overflow: hidden; margin:0 auto; cursor: move;} .ProfileImageCrop{background-position: 0px 0px;background-repeat: no-repeat; width: 100%;height: 500px; margin-left:5%; background-size:100%;} .ProfileBannerBox{position: relative; height: 520px;margin-left: -1px;} .videoUploadContainer{ position: relative;} .videoUploadContainer:after{ clear: both;display: block;float: none;content: ""; } .videoUploadContainer .normalGray{width:175px;} /* Need to move on Modelq2.0.0.0.0*/ /*content detail page listing - blog detail, video, video tags*/ .contentDetailLeft { padding: 0px 14px 0px 0px; width: calc(100% - 330px); float:left; } /*.contentDetailLeft{(;width: 950px;);} /* safari hack */ .contentDetailRight { width:330px; float:right;} /*Style Use for calender page*/ .castingLink li { float:left; } /*Style Use for center align post pages*/ .postCenter { width:75%; margin: 0px auto;} .NewspritIcons { line-height: 70px; } /*---------------------START: File Upload CSS--------------------*/ .file #inputFile{ background: url('/Styles/../images/upload.png') no-repeat; height:40px; border:1px solid #ccc; width:80%; margin:0px; float: left; position: relative; padding: 0;background-position: 100%;margin-right: 9px;z-index:0; } .file #inputFile #FileUploadAgencyLogo, .file #inputFile #uploadFile{ opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=0); width:100%; position: relative; height: 32px; z-index: 100; cursor:pointer; } .file #inputFile #fileDuplicate { position: absolute; top: 0; left: 0; z-index: 99; padding: 0; } .file #inputFile .inputText{ width:100%; padding:10px; border: none; background: none; font-size: 16px; color: #333; } /*---------------------END: File Upload CSS--------------------*/ .descr .commondisplay{ line-height:33px; font-size:16px;} .profileBannerIcons{margin-top:9px} .topIconForProfile li{ display: inline-block; float: left; padding:3px 15px;height: 61px; /* margin-top:9px;*/} .coverpicBottomInfo .topIconForProfile li a {color: #ccc;display: block;height: 61px;line-height: 77px;padding: 0;position: relative;} .topIconForProfile li a i{ position: absolute;top: -3px;left: 0px;right: 0px;margin: auto;font-size: 38px;} .topIconForProfile li a{color: #ccc;display: block;height: 61px;line-height: 85px;padding: 0;position: relative;} .topIconForProfile li a.AllreadyaddCircle,.topIconForProfile li a.Allreadyliked,.topIconForProfile li a.Allreadyfollowed{ color:#c7198d; cursor:default;} .watchfont{ position:relative; padding:0 0 0 20px; font-size:17px;} .icon-time_clock.time_clock{ position:absolute; top:0px; left:0px; font-size:24px; color:#ccc;} .watchIconForClock{ position:relative; display:inline-block; padding:0 0 0 28px;} .InlineBlockCss{ display:inline-block;} .coverpicBottomInfo .topIconForProfile li a:hover{color:#870060;} #liPaidOnlyShoots :hover{color:#ccc; cursor:default;} .ActivityTime{ position:relative; padding:0 0 2px 22px; float:right; color:#999; font-size:14px; clear:right;} .ActivityTime .icon-time_clock.time_clock{ font-size:25px; top:-1px;} .dollorpaid,.dollor{ position:relative; color:rgb(0, 192, 0); margin:0 0 0 10px; } .event_place a.SendCancellationRequest{ position:relative; color:#870060; margin:0 0 0 10px; } .event_place a.SendCancellationRequest:hover{ color:#999;} .event_place a.SendCancellationRequest i{ position:absolute; top:-4px; left:13px; font-size:32px;} .dollor{ color:#4f4f4f;} .dollorpaid i,.dollor i{ position:absolute; top:0px; left:0px; font-size:28px;} /*.dollorpaid i,.dollor i{(;top:6px;position:relative;);} /* For safari hack*/ .ReportAbuse{position:relative; color:#ccc; width:25px; height:25px;} .ReportAbuse i{ position:absolute; left:0px; top:0px; font-size:32px;} .ReportAbuse:hover{ color:#870060;} .castingLink .ListApplied,.castingLink .ListScheduled{ position:relative; padding:2px 10px 0 26px!important; } .castingLink .ListApplied i,.castingLink .ListScheduled i{ position:absolute; top:0px; left:0px; font-size:30px;color:rgb(0, 192, 0);} .castingLink .ListScheduled i{ font-size:28px;} .castingLink .dollorpaid,.castingLink .dollor{ padding:2px 10px 0 26px!important; margin:0px; display:block; color:#4f4f4f; font-size:16px; } .castingLink .dollorpaid i{ color:rgb(0, 192, 0);} .PublicJob{display: inline-block;padding: 2px 10px 0px 23px; position:relative;font-size:16px;} .PublicJob i{ position:absolute; top:0px; left:0px; font-size:31px;} .ClosedJob{display: inline-block;padding: 2px 10px 0px 26px; position:relative;font-size:16px;} .ClosedJob i{ position:absolute; top:-4px; left:0px; font-size:31px;color:#FF0000;} #tags{ position:relative; padding:0 0 0 23px; min-height:19px;} #tags i{ font-size:26px; position:absolute; left:0px; top:0px;} .ExternalJob {display: inline-block;padding: 2px 10px 0px 21px; position:relative;} .ExternalJob i{ position:absolute; top:0px; left:0px; font-size:30px;} .DetailSection.JobDetailsection .dollorpaid,.DetailSection.JobDetailsection .dollor{ margin:0px; padding:0 0 0 25px;} ul.castingLink li .edit { position:relative; padding:2px 10px 0px 25px;} ul.castingLink li .edit i{ position:absolute; left:0px; top:5px; font-size:17px; } .album .EditConnection{ width:38px; height:38px; position:relative; color:#ccc;} .album .EditConnection:hover{ color:#870060;} .album .deleteConnection i{ left:0px;} .album .EditConnection i{ position:absolute; top:7px; left:0px; font-size:24px;} ul.castingLink li a.views{ cursor: default; padding:2px 10px 0 29px; /* color: #B8b8b8;*/} ul.castingLink li a.views:hover{ cursor: default; color: #B8b8b8;} ul.castingLink li a.views i{ font-size:34px; top:-4px;} ul.UlCommentIcon li a{width: 26px;height: 25px;display: inline-block;overflow: hidden;vertical-align: middle; position:relative; color:#ccc;} ul.UlCommentIcon li a.edit:hover,ul.UlCommentIcon li a.delete:hover{ color:#870060;} ul.UlCommentIcon li a i{ position:absolute; left:0px; top:0px; font-size:27px;} ul.UlCommentIcon li a.edit i{ font-size:20px; top:5px} .commentSectionDetail .connectionListIcon li a{ margin-left:5px;} .commentSectionDetail .connectionListIcon li a.iconUnfollowRequest i,.commentSectionDetail .connectionListIcon li a.iconFollowRequest i{ font-size:35px;} .connectionListIcon .EditConnection,.connectionListIcon .SaveConnection,.connectionListIcon .cancelConnection,.connectionListIcon .introdue,.connectionListIcon .messageConnection,.connectionListIcon .deleteConnection,.connectionListIcon .iconUnfollowRequest,.connectionListIcon .iconFollowRequest{ width:30px; height:25px; position:relative; display:block; } .connectionListIcon li a{ color:#ccc;} .connectionListIcon li a:hover{ color:#870060;} .connectionListIcon .EditConnection i{ font-size:20px; top:0px;} .connectionListIcon .SaveConnection i,.connectionListIcon .cancelConnection i,.connectionListIcon .introdue i,.connectionListIcon .messageConnection i,.connectionListIcon .deleteConnection i,.connectionListIcon .iconUnfollowRequest i,.connectionListIcon .iconFollowRequest i{ position:absolute; left:0px; top:-6px; font-size:32px;} .commentSectionDetail .connectionListIcon .iconUnfollowRequest i,.commentSectionDetail .connectionListIcon .iconFollowRequest i{ position:absolute; left:0px; top:-4px; font-size:28px;} .connectionListIcon .introdue i{ font-size:39px; top:-9px;} .connectionListIcon .messageConnection i{ top:-8px; font-size:37px;} .iconUnfollowRequest,.iconFollowRequest{ position:relative; width:25px; color:#870060;} .iconUnfollowRequest i,.iconFollowRequest i{ position:absolute; top:0px; left:0px; font-size:28px;} .connectionListIcon .iconUnfollowRequest i,.connectionListIcon .iconFollowRequest i{ top:-3px; font-size:28px; position:absolute; left:0px;} .EndorsementsHover .delete.Gray i{ font-size:29px;} .viewallForFollower,.viewallForFollowing { position:relative; color:#870060;} .viewallForFollower:hover,.viewallForFollowing:hover{ color:#999;} .viewallForFollower i,.viewallForFollowing i{ position:absolute; right:0px; top:0px; font-size:41px; } /* margin for ModelProfileStats*/ .contmarginTop{ margin-top:14px;} #TextBoxCastingLocation1{float:left;} .findVenueButton{clear:both;float:left;margin: 10px 0 0 194px;} .btn-view-venue-details{display:none;float:left;margin: 10px 0 0 10px; } /*Common Radio list*/ .commonRadioList { margin-top:2px; width:600px; overflow: hidden;} .commonRadioList li { float:left; padding-right:30px; } select.textBox.drop_job_rate{ width: 256px;} .castingTextBoxCss .textBox.small2 { width: 91px;} /*.Information + div:hover .OuterDivofUserlike{ display: block !important;} */ #scheduleDetails span.dollorpaid{ margin: 0 25px 0 10px;} /* dollar icon was overlapping in My Calendar - calendar view job details */ /*#scheduleDetails span.dollorpaid{(;margin: 0 7px 0 10px ;);} /* for safari hack */ .endorsedbyAdmin{position: absolute; right:10px; top:5px; width:74px; } .endorsedbyAdminself{position: absolute; left:38px; top:5px; width:74px; } /* grid view listing */ ul.modelsListing.grid_view > li{ width:16.66%} ul.modelsListing.grid_view .info a{ font-size:12px; padding:0 0 0 18px; margin-right:7px; } ul.modelsListing.grid_view .info a i{ font-size:19px;} ul.modelsListing.grid_view .info a.views i { font-size:23px; left:-2px; top:-4px;} ul.modelsListing.grid_view .info a.count i { font-size:23px; left:-2px; top:-4px;} ul.modelsListing.grid_view h4 a{ font-size:17px;} ul.modelsListing.grid_view li .location{ margin-top:6px;} ul.modelsListing.grid_view .location a { font-size:16px;} ul.modelsListing.grid_view li .photodetail{ padding:48px 4px;} ul.modelsListing.grid_view li .photodetail{ height:96px!important;} ul.modelsListing.grid_view .FeaturedPhotographer img { width:25px; z-index:9;} .FeaturedPhotographer{z-index:1;} /* thumb view listing */ ul.modelsListing.thumb_view > li{ width:10%;} ul.modelsListing.thumb_view .info { display: none; } ul.modelsListing.thumb_view h4 a{ font-size:12px; line-height:13px;} ul.modelsListing.thumb_view li .location{ margin-top:0px; line-height:18px;} ul.modelsListing.thumb_view .location a{ font-size:12px;} ul.modelsListing.thumb_view li .photodetail{ padding:5px 4px 5px 4px; height:60px!important;} ul.modelsListing.thumb_view .FeaturedPhotographer img { width:18px;} ul.modelsListing.thumb_view .imageConnection { font-size:18px; width:25px; height:25px; line-height:25px!important;} ul.modelsListing.thumb_view ul.imageDropDown { top:24px; width:127px;} ul.modelsListing.thumb_view ul.imageDropDown li { width:100%;} ul.modelsListing.thumb_view ul.imageDropDown li a { font-size:12px; line-height:14px;} ul.modelsListing.thumb_view ul.imageDropDown li a span { top:2px; font-size:24px;} img.hrefSetProfilePic , img.SetProfilePic { width: auto; } .mycommentCount{color:#3e3e3e; cursor:pointer;padding:0 5px 0 5px;} .mycommentCountAdd{padding:0 5px 0 5px;} .alert-error{color:#ff0000} #ApplyCastingText{ float: left;} .selectAllCheckBox{ float: right;margin-top: 10px;} .responsive_jobAppliedMembersList{margin-right: -10px; display: block;} .responsive_jobAppliedMembersList li{ display: block;width: 33.3%;min-height: 110px; padding: 0px 10px 10px 0px;float: left; } .responsive_jobAppliedMembersList li .block {padding: 7px; border: 1px solid #ccc; } .responsive_jobAppliedMembersList li .col1{ width: 70px;padding-right: 10px;float: left; } .responsive_jobAppliedMembersList li .right { overflow: hidden;position: relative; } .responsive_jobAppliedMembersList li .right .col3{ width: 100%;float: left; } .responsive_jobAppliedMembersList li .right .col3 a{ margin-right: 8px;} .responsive_jobAppliedMembersList li .right .col2 {font-size: 18px;text-align: left;line-height: 22px;width: auto; height: auto; min-height: 70px;} .responsive_jobAppliedMembersList li .right .col4 { position: absolute;right: 0px;top: 0px;} .nowFollowingMid .detail>h2 { padding-bottom: 15px;} #ulActivity .DivScrollPageLoading,#divFacebook .DivScrollPageLoading,#DivTwitter .DivScrollPageLoading{ bottom: 10px !important; left:0px; position: relative !important; padding:7px 6px 10px 8px; overflow:hidden; clear:both;} #ulActivity .DivScrollPageLoading:after,#divFacebook .DivScrollPageLoading:after,#DivTwitter .DivScrollPageLoading:after{ clear:both; content:""; float:none;} a.views{ cursor:default!important; color:#B8b8b8!important} .AlReadyLike{ cursor:default!important; } .LikeMsgData{color: #870060; font-size: 16px; margin-right:8px;} .LikeCountUserData{cursor:pointer; color: #870060;} .InstagramPhotosLoadMore{cursor: pointer;text-align: center;padding: 4px 0;background-color: #f0f0f0;margin: 5px;color: #870060;border: 1px solid #D7D7D7;font-size: 14px;} /*Reset password*/ .forgotPasswordBox { width:40%; margin: 0px auto; overflow: hidden; padding: 10px 0px 0px 0px; } .forgotPasswordBox h2.pageHeading{ font-size:25px; line-height:28px; } .forgotPasswordBox .label { display: inline-block; font-size: 18px; color: #333; margin-bottom: 5px;} .instratctionmsg { padding: 10px; background-color: #F9F9F9; margin: 10px 0px;} .forgotPasswordBox .instratctionmsg p { font-size: 16px; padding: 0px; line-height: 25px; } /*Start: Strip on body if profile is completed (status=6)*/ .completeStrip{ position:fixed; top:0px; left:0px; width:100%; height:32px; padding:10px; text-align:center; background:#C7198D; font-size:13px; line-height:13px; color:#fff; z-index:9999;} .completeStrip a{ float:right; color:#fff} .completeStrip a:hover{ color:#870060;} /*END*/ /*----------------------------POP UP CSS END HERE----------------------------*/ .JobTdSchedule > a,.JobTdSchedule > span{ float:right; position:relative; margin-left:5px; width:25px; height:25px; color:#ccc;} .JobTdSchedule > a:hover{ color:#870060;} .JobTdSchedule > a i{ position:absolute;top:-1px; left:0px; font-size:28px;} .JobTdSchedule a:last-child i{ top:-3px;} .forwardFriendList { height: 78px; overflow: auto;} .forwardFriendList li { padding: 1px 5px; font-size: 14px; float: left; margin: 0px 5px 5px 0; background-color: #E6E6E6; border-radius: 2px;} .forwardFriendList li span { font-size:10px;} .forwardFriendListDelete { font-size: 12px; color: #333; text-decoration: none; position:relative; cursor:pointer; font-weight: bold!important; } .forwardFriendListDelete:hover { color: #c7198d;} /* Job Forward li(dropdown) start here----*/ .dropdown ul { margin: -1px 0 0 0;} .dropdown .dt { display:inline-block; color:#4f4f4f; font-size:16px; line-height:30px; margin-bottom:10px; } .dropdown .dt span { display:inline-block; padding: 0 3px 0 0;} .dropdown .dt .multiSel{ border:1px solid #ccc; color:#4f4f4f; font-size:16px; width:250px; height:30px; line-height:30px; padding:0 0 0 5px;} .dropdown .dd { position:relative;} .forwardtext{ padding: 0px 0px 10px 0px; font-size:15px;} .multiSel span { cursor:pointer; display:inline-block; padding: 0 3px 2px 0;} .dropdown .dd ul { background-color: #fff; border:1px solid #ccc; color:#6a6a6a; font-size:14px; position:absolute; top:-10px; left:0px; padding: 2px 0px 2px 0px; width:250px; height:160px; overflow:auto;display:none; z-index:999; } .dropdown .dd ul li{ padding:2px 5px; } .dropdown .dd ul li:last-child{ border-bottom:none;} .dropdown span.value { display:none;} .dropdown .dd ul li span { padding:5px; display:block;} .dropdown.GroupCircleDiv{ margin-left:15px;} /* Job Forward li(dropdown) end here----*/ /*START: my activity page */ .MyQMyAccountFileInput {cursor: pointer;width: 50px;position: absolute;text-align: right;right: 0px;top: 0;opacity: 0; /*filter: alpha(opacity:0);*/z-index: 9999;} .userMyQActivityPage { display: block; width: 100%;} .userMyQActivityPage .leftSection {float: left;padding: 0px 10px 16px 0;width: 328px;} .userMyQActivityPage .leftSection .userImage {display: block;float: left;height: 138px;margin:0 10px 0 0;overflow: hidden;width: 138px; border-bottom:none;} .userMyQActivityPage .leftSection .userInfo {overflow: hidden;} .userMyQActivityPage .leftSection .userInfo .name {display: inline-block;font-size: 26px; line-height:28px;} .userMyQActivityPage .leftSection .userInfo .location{ display:block; font-size:19px;} .userMyQActivityPage .leftSection .friendListBox{ margin:15px 0 25px 0; overflow:hidden;} .userMyQActivityPage .leftSection .friendListBox h3{ padding-bottom:12px; margin-bottom:10px; } .userMyQActivityPage .leftSection .friendListBox h3 a{ color:#4f4f4f;position:relative;} .userMyQActivityPage .leftSection .friendListBox h3 a:hover{ color:#870060;} .userMyQActivityPage .leftSection .friendListBox .friendList{ display:block;} .userMyQActivityPage .leftSection .friendListBox .friendList li{ float:left; margin:0 1px 1px 0;} .userMyQActivityPage .rightSection{ padding-left:25px; width:calc(100% - 392px); float:left;} /*.userMyQActivityPage .rightSection{(;width: 917px;);} /* safari hack /*END: my activity page */ .priceingTop { width: 100%; overflow: hidden; padding: 14px 10px 0px 10px; background: #F7F7F7; } .priceingTop .col { width: auto; overflow: hidden; } .priceingBottom { width: 100%; overflow: hidden; padding: 10px 0px; } .priceingBottom h6 { padding-bottom: 8px;} .priceingTop .ErrorMessage { background: none;} .priceingTop .file #inputFile #fileDuplicate { width: 287px; overflow: hidden;} #divMyQActivityPage .grayBorder{background:none; margin: 12px 0px 0px 0px;} #btnSubmitProfileUrl{background: url(/Styles/../Images/linked_social.png) right top no-repeat;width: 30px;height: 30px;border:none; text-indent:-9999px;cursor: pointer;} /* Start : For Share Profile */ .ulMyActivityPositionWithShare{ float: right; padding-right: 72px;} .hrefShareProfileCss{line-height:70px;font-size:18px;color: #ccc!important;margin-right:0px;} .hrefShareProfileMobileCss{line-height:67px;font-size:14px;color: #ccc!important;min-width: 75px;margin-right: -44px;z-index: 999;} #hrefShareProfile i{min-width:38px;text-align:center;} /* End : For Share Profile */ /* For Set TextBox website Url in account setting */ .txtWebsiteProfileUrl{width: 426px;float: left; margin-right: 45px;} /* for set PhotoInfoDiv in Views */ .pictureInfoViewsBottom{position:absolute; right: 0px; bottom:0px; background-color:rgba(0,0,0,0.7); width: 100%; min-height: 25px;letter-spacing:1px;} #ulMostPhoto a{cursor:default; font-size:16px; color:#fff; } #ulMostPhoto a i{font-size:25px;float: left;padding:0 4px;color:#d9d4d2;} #ulMostPhoto { margin-right:-8px;} #ulMostPhoto .block { width:100%; position:relative;} #ulMostPhoto li{ padding: 0px 8px 8px 0px; width:11.1%; float: left; position:relative;} #ulMostPhoto li img { width: 100%; } .BtnFilterDashboard{margin-left: 5px;} .msgmenuFixed { position: fixed; width: 250px; margin-top: -57px; z-index: 9;} .msg_username { background-color: #E6E6E6; padding: 4px 0px;} /* this Css used For scrolling image show in bottom*/ #DivCasting .DivScrollPageLoading,#bindevents .DivScrollPageLoading,#BindNews .DivScrollPageLoading,#DivBlogList .DivScrollPageLoading,#liNews .DivScrollPageLoading,#liBlog .DivScrollPageLoading ,#DivUserBlogs .DivScrollPageLoading,.jobBoardCenter .DivScrollPageLoading ,#DivNews .DivScrollPageLoading,#divJob .DivScrollPageLoading { bottom: 5px !important; position: relative !important; } /* end here*/ .PAnnouncementTitle { font-size: 21px; color:#222; padding: 0px 0px 7px 0px; } .mycirclegroup{max-width: 407px; height: 30px;overflow: hidden;line-height:23px!important;} /* my contact page style here */ .topAgency.divContactSettings{ margin-top:0px;} .topAgency h3.my-contact-heading{ position:relative; margin:0px; float:left; color:#757575; font-size:22px; padding:0 0 0 33px;} .topAgency h3.my-contact-heading i{ position:absolute; left:0px; top:0px; font-size:32px;} .topAgency .right-btn-group{ float:right;} .topAgency .right-btn-group .button{ margin-top:0px;} .topAgency .accordianMySearches{ margin-top:17px;} .my-contact-setting-right #divNewGroup .table_menu{float: left; max-width: 641px; width:100%; background: #f7f7f7; padding: 20px 30px 20px 30px;margin: 5px 0px 30px 0px; border: 1px solid #f7f7f7;} .my-contact-setting-right #divNewGroup .table_menu .bottom-grp-btn{ display:block; width:100%; text-align:center; } .my-contact-setting-right #divNewGroup .table_menu .bottom-grp-btn .normalGray {display: block;float: left;padding-right: 7px;width: 125px; min-height:1px;} .my-contact-setting-right #divNewGroup .table_menu .bottom-grp-btn .grp_btn{ float:left;} /* new popup style for Tools page here */ .modelPopUp-new{ position:fixed; left:0px; top:0px; bottom:0px; right:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999!important; } .modelPopUp-new .modelPopUp-new-container{ position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin:auto; z-index:9999; background:#fff;} .modelPopUp-new .modelPopUp-new-container h2{background: #c7198d;color: #fff;font-size: 22px;font-style: normal !important;height: 35px;line-height: 35px;margin: 0 !important;padding: 0 16px;} .modelPopUp-new .modelPopUp-new-container .content-popup{ width:100%; padding:20px; height:calc(100% - 40px); overflow:auto; } .modelPopUp-new.divContactGroupUpdate .modelPopUp-new-container{ max-width:534px; max-height:165px; width:100%; height:100%;} .modelPopUp-new.divAddContactDetail .modelPopUp-new-container{ max-width:560px; max-height:375px; width:100%; height:100%;} .modelPopUp-new.divAddContactDetail .modelPopUp-new-container .addContactTable li{ margin-bottom:15px; width:100%; display:block;} .modelPopUp-new.divAddContactDetail .modelPopUp-new-container .addContactTable li:after{ content:""; clear:both; float:none; display:block;} .modelPopUp-new.divAddContactDetail .modelPopUp-new-container .addContactTable li label{ width:150px; float:left; text-align:right; min-height:1px;} .modelPopUp-new.divAddContactDetail .modelPopUp-new-container .addContactTable li label.ErrorMessage{ width:95%; text-align:center;} .modelPopUp-new .waterMarkTextDropDown{ position:relative; width:146px; text-align:left; display:inline-block; border:1px solid #d0d0d0; height:24px;} .modelPopUp-new .waterMarkTextDropDown label{ width:100%; display:block; padding:0 7px; cursor:pointer; font-size:14px!important; line-height:22px; position:relative; } .modelPopUp-new .waterMarkTextDropDown ul{ position:absolute; left:-1px; bottom:100%; width:146px!important; height:200px; text-align:left; background:#fff; padding:2px 0; border:1px solid #d0d0d0;} .modelPopUp-new .waterMarkTextDropDown ul li{ width:100%; text-align:left; margin:0px!important; font-size:15px; cursor:pointer; padding:2px 5px; line-height:normal;} .modelPopUp-new .waterMarkTextDropDown ul li:hover{ background:#dedede;} .modelPopUp-new .waterMarkTextDropDown label:after {content: "";position: absolute;top: 0px;right: 2px;pointer-events: none; width:22px; height: 22px;overflow: hidden; background:url('/Styles/../images/newimages/select_arrow.png') 0 0 no-repeat; background-size:111%;} .modelPopUp-new.divChooseGmailContacts .modelPopUp-new-container{ max-width:730px; max-height:490px; width:100%; height:100%;} .modelPopUp-new.showDivMessageParent .modelPopUp-new-container{ max-width:570px; max-height:325px; width:100%; height:100%;} .modelPopUp-new.ShowWatermarkDiv .modelPopUp-new-container{ max-width:460px; max-height:215px; width:100%; height:100%;} .modelPopUp-new.CopyRightImagePreview .modelPopUp-new-container{ width:100%; height:100%; min-width:700px; } .modelPopUp-new.CopyRightImagePreview .modelPopUp-new-container{ width:100%; height:100%; min-width:732px; } /* photo */ .modelPopUp-new.DivJobPreview .modelPopUp-new-container{ max-width:950px; max-height:550px; width:100%; height:100%;} .modelPopUp-new.CopyRightImagePreview .modelPopUp-new-container .content-popup{ min-width:700px;} .modelPopUp-new.CopyRightImagePreview .modelPopUp-new-container .content-popup{ min-width:732px;} /* photo */ .modelPopUp-new.CopyRightImagePreview .copyright-imagepreview{ width:100%; display:block; text-align:center; margin-bottom:20px;} .modelPopUp-new.CopyRightImagePreview .copyright-imagepreview img{ width:auto; height:auto; max-width:100%; display:inline-block;} .modelPopUp-new.CopyRightImagePreview .Copyright-text{ width:100%; display:block;} .modelPopUp-new.CopyRightImagePreview .Copyright-text ul{ width:100%; display:block; text-align:center;} .modelPopUp-new.CopyRightImagePreview .Copyright-text ul li{ display:inline-block; margin:0 6px; vertical-align:bottom;} .modelPopUp-new.CopyRightImagePreview .Copyright-text ul li label{ font-size:16px; padding-right:5px;} .modelPopUp-new.CopyRightImagePreview .Copyright-text ul li .inputSmall{width:75px; border:1px solid rgb(169,169,169); padding:0 10px;} .modelPopUp-new.CopyRightImagePreview .Copyright-text ul li .button { height:28px; line-height:28px; font-size:16px;} .modelPopUp-new.ReviewsandRating .modelPopUp-new-container{ max-width:546px; max-height:302px; width:100%; height:100%;} .modelPopUp-new.ReviewsandRating .modelPopUp-new-container .textBox{ width:100%!important; height:100% !important; margin-top:10px;} .modelPopUp-new.ReviewsandRating .ulRating { float:left; padding-right:20px; cursor:pointer;} .modelPopUp-new.ReviewsandRating .ulRating li{ float:left; position:relative; height:55px; width:42px; margin-right:5px; color:#e0e0e0;} .modelPopUp-new.ReviewsandRating .ulRating li .selected{ color:#D004A2;} .modelPopUp-new.ReviewsandRating .ulRating li i{ position:absolute; left:0px; top:0px; line-height:55px; font-size:61px; text-align:center; width:100%;} .modelPopUp-new.ReviewsandRating .ratingText{ font-size:16px; color:#870060; float:left; line-height:55px; } .modelPopUp-new.ReviewsandRating .hidden{ display:none;} span.stars, span.stars span{display: block;background: url(/Styles/../images/RatingStars.png) 0 -16px repeat-x;width: 95px;height: 16px; } span.stars span{background-position: 0 0;} .ProfileDivRating{position: absolute;left: 0px;top: 13px;} .ProfileDivRating div{display:inline-block;color:#ccc;} .ProfileDivRating div:hover{color:#870060;cursor:pointer;} .main-star-rating {margin-left:-100px; text-align:right;} .main-star-rating:hover{color:#870060;cursor:pointer;} .main-star-rating div{display:inline-block;} .modelPopUp-new.ShowInviteModel .modelPopUp-new-container{ max-width:460px; max-height:215px; width:100%; height:100%;} /*end new popup style for Tools page here */ ul.DirectoryListing{list-style: outside none none;margin-top: 10px;padding: 10 0 56px 0;} ul.DirectoryListing > li{padding: 0px 1px 10px 1px;width: 25%;float: left;overflow: hidden;position: relative; min-height:482px;} ul.DirectoryListing li .photodetail{padding: 20px 4px;width: 100%;bottom: 0px;text-align: left;} /* directory page*/ .modelsListing.AgencyListing li .blockitem { border: 1px solid #d1d1d1; padding-bottom: 110px; background: #e8e8e8; height: 365px !important; } .modelsListing.AgencyListing li .blockitem .Agency-logoHref { display: block; width: 100%; height: 262px; position: relative; } .modelsListing.AgencyListing li .blockitem .Agency-logoHref img { width: auto; height: auto; max-height: 100%; max-width: 100%; position: absolute; top: 0; bottom: 0px; left: 0px; right: 0px; margin: auto; } .filterbox{ width:100%; display:block; border:1px solid #d0d0d0; background:#fff; padding:15px 10px 5px 15px; margin-top:10px;} .filterbox > ul > li{ float:left; margin:0 4px 10px 3px; min-width:141px; min-height:34px;} .filterbox li label{ float:left; padding:2px 5px 0 0;} .filterbox li .multipleSelect{ float:left;width: 244px;border: 1px solid #ccc;font-size: 16px;color: #6a6a6a;padding: 4px;height: 33px; position:relative;} .filterbox li .inputFieldBox{ float:left;} .filterbox li .button{ margin:0px;margin-left:23px; } /*end*/ multipleSelect { float: left; border: 1px solid #e5e5e5; max-width: 240px; width: calc(100% - 206px); padding: 0px 5px 0 10px; margin-bottom: 16px; height: 35px; transition: all 0.3s; position: relative; } .multipleSelect a { font-size: 16px; color: #999; display: block; } .multipleSelect .loader { position: absolute; right: 5px; top: 11px; display: none; } .multipleSelect ul { display: none; position: absolute; left: 0px; top: 34px; z-index: 999; border: 1px solid #e5e5e5; border-top: none; padding: 0px; background: #fff; width: 243px; max-height: 200px; overflow: auto; } .multipleSelect ul li { padding: 5px 10px 3px 10px; line-height: 24px !important; float: none; display:block; width:100%; overflow:hidden; } .multipleSelect ul.bottomDropdown { top: -201px; border: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-bottom: none; } .userDetailBox .userDetail ul li.multi { overflow: inherit; float: left; } .multipleSelect ul li.active { background-color: #e5e5e5; } .ulRatingReview_list .clearfix:after{ content:""; display:table; clear:both;} .ulRatingReview_list{ width:100%; display:block;} .ulRatingReview_list li{ display:block; width:100%; padding:10px 0; } .ulRatingReview_list .RateUserInfo{ display:block; width:100%;} .ulRatingReview_list .RateUserInfo .image{ float:left; width:60px; height:60px; display:block; overflow:hidden; margin-right:15px;} .ulRatingReview_list .RateUserInfo .rightSideInfo{ overflow:hidden;} .ulRatingReview_list .RateUserInfo .rightSideInfo h3{ margin:0 0 8px 0; font-size:20px; line-height:20px;} .ulRatingReview_list .RateUserdesc p{ font-size:16px;} .starRating{margin-bottom:10px;} .starRating span.starRating a{display:inline-block;} .starRating span{display:inline-block!important;} .starRating span + a{font-size: 23px;vertical-align: top;} span.bigstars, span.bigstars span{display: block;background: url(/Styles/../images/big_star.png) 0 -28px repeat-x; width: 160px; height: 28px;} span.bigstars span{background-position: 64px 0;} .ratingspanright{float: right; margin-right: 70px;} .ratingContentRight{margin-top:-42px;} .titleRating{margin-bottom:8px;} ul.testrating{width:100%;} .testrating li{margin-bottom:6px;height:25px; display:block;} .testrating li span:first-child{width:16px;display:inline-block;line-height:25px;height:100%;vertical-align: middle;background-color:#fff;} .testrating li span:last-child{width:40px;display:inline-block;line-height:25px;height:100%;vertical-align: middle;background-color:#fff;} .testrating li span + span{background-color:#E4E1E1;display:inline-block;text-align:left;height:100%; width:240px;} .testrating li span > span{background-color:#AB0072!important;display:inline-block;height:100%;width:100%;} .hoverrate{cursor:default;color:#414141;} p.description{margin:8px 0;line-height:1.6;} @font-face { font-family: 'segeouilight'; src: url('/Styles/../fonts2.0.0.0/segeouilight.eot'); src: url('/Styles/../fonts2.0.0.0/segeouilight.eot') format('embedded-opentype'), url('/Styles/../fonts2.0.0.0/segeouilight.woff2') format('woff2'), url('/Styles/../fonts2.0.0.0/segeouilight.woff') format('woff'), url('/Styles/../fonts2.0.0.0/segeouilight.ttf') format('truetype'), url('/Styles/../fonts2.0.0.0/segeouilight.svg#segeouilight') format('svg'); } @font-face { font-family: 'SegoeRg'; src: url('/Styles/../fonts2.0.0.0/SegoeRg.eot'); src: url('/Styles/../fonts2.0.0.0/SegoeRg.eot') format('embedded-opentype'), /*url('/Styles/../fonts2.0.0.0/SegoeRg.woff2') format('woff2'),*/ url('/Styles/../fonts2.0.0.0/SegoeRg.woff') format('woff'), url('/Styles/../fonts2.0.0.0/SegoeRg.ttf') format('truetype'), url('/Styles/../fonts2.0.0.0/SegoeRg.svg#SegoeRg') format('svg'); } /* START: Font for Mentions************************/ @font-face{font-family: pt_sansregular;src: url(/Styles/../fonts2.0.0.0/MentionFont/pts55f-webfont.eot);src: url(/Styles/../fonts2.0.0.0/MentionFont/pts55f-webfont.eot?#iefix) format('embedded-opentype'),url(/Styles/../fonts2.0.0.0/MentionFont/pts55f-webfont.woff) format('woff'),url(/Styles/../fonts2.0.0.0/MentionFont/pts55f-webfont.ttf) format('truetype'),url(/Styles/../fonts2.0.0.0/MentionFont/pts55f-webfont.svg#pt_sansregular) format('svg');font-weight: 400;font-style: normal;} /* END: Font for Mentions************************/ /* START: Mentions */ .mentions-input-box textarea, .mentions-input-box, .mentions-input-box .mentions > div, .mentions-input-box textarea{font-size: 16px;font-family: pt_sansregular; letter-spacing: 1px; } .mentions-input-box{position: relative;} .mentions-input-box .mentions{bottom: 0;left: 0px; line-height: 20px;overflow: hidden;padding: 5px;position: absolute;right: 0;top: 0px;word-wrap: break-word;background: #fff;} .mentions-input-box .mentions-autocomplete-list{ width:260px; display: none;background: #fff;border: 1px solid #DCDCDC;position: absolute;left: 0;right: 0;z-index: 9999;} .mentions-input-box .mentions-autocomplete-list ul{margin: 0;padding: 0;} .mentions-input-box .mentions-autocomplete-list li{background-color: #fff;padding: 0 5px;margin: 0;width: 100%;line-height: 40px;overflow: hidden;cursor: pointer;list-style: none;white-space: nowrap;} .mentions-input-box .mentions-autocomplete-list li > div.icon, .mentions-input-box .mentions-autocomplete-list li > img{float: left;margin: 3px; padding-right:3px; border-radius:100%;} .mentions-input-box .mentions-autocomplete-list li.active, .mentions-input-box .mentions-autocomplete-list li:hover{background-color: #f2f2f2;} .mentions-input-box .mentions, .mentions-input-box .mentions > div{color: #fff;white-space: pre-wrap;} .mentions-input-box textarea{background: none;border: 1px solid #dcdcdc;box-sizing: border-box;display: block;outline: 0;padding: 5px;position: relative;resize: none;min-height: 38px;color: #8B8B8B;width: 100%;} .level1 + .commentcontent .mentions-input-box textarea{width: 100%;} .mentions-input-box .mentions>div>strong {background: #d8dfea;font-weight: 400;} .mentionLink{font:16px!important;} /* END: Mentions */ *,*:after,a:before{ padding:0px; margin:0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;} ul li{ list-style:none;} body{ width:100%; height:100%; font-size:18px; font-family:"SegoeRg";} /*to disable tablet/phone context menus (for any webkit browser like iOS):*/ .group3.cboxElement, .Agency-logoHref, img { -webkit-user-select: none;-webkit-touch-callout: none;} /*end */ a { text-decoration: none; cursor: pointer; outline: none 0;} .clearfix:after{ clear:both; content:""; display:block; float:none;} .clear{ clear:both;} .pageCenter{ width:100%; max-width:1280px; margin:0 auto; position: relative; } .menu_seperator:after{ content: ""; display:inline-block; padding:0 13px; color:#616161; font-size:14px; font-family:modelQ_web;} .purpleBtn { width:100%; height:57px; line-height:57px; background:#AB0072; color:#fff; display:block; border:none;font-family:"SegoeRg";font-size:25px; text-transform:uppercase; font-weight:normal; cursor:pointer; } .purpleBtn:hover{ background:#c7198d; } input { -webkit-appearance: none;appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; } /*Heading Style Start here*/ h1, h2, h3, h4, h5, h6 { font-weight: lighter; } h1{ font-size: 30px; line-height: 32px;} h2{ font-size: 28px; line-height: 30px;} h3{ font-size: 26px; line-height: 28px; margin-top:10px;} h4{ font-size: 24px; line-height: 26px; } h5{ font-size: 22px; line-height: 24px; } h6{ font-size: 20px; line-height: 22px;} /* ######################################## Checkbox css style start here ######################################## */ /*.checkbox input[type=checkbox] {position: absolute; width:25px; height:25px; overflow: hidden; margin:0px; padding: 0; border: 0; outline: 0; opacity: 0;cursor: pointer;} .checkbox input[type=checkbox]+label:before {display: inline-block; width:25px; height:25px; margin-right: 4px; background:url(/Styles/../images/newimages/checkBox.png) 0 -80px no-repeat;content: " ";vertical-align: middle;} .checkbox input[type=checkbox]:checked+label:before {background-position:0 0;}*/ input[type=checkbox] {position: absolute; width:22px; height:25px; overflow: hidden; margin:0px; padding: 0; border: 0; outline: 0; opacity: 0;cursor: pointer;} input[type=checkbox]+label:before {display: inline-block; width:22px; height:25px; margin-right: 4px; background:url(/Styles/../images/newimages/checkBox.png) 0 -80px no-repeat;content: " ";vertical-align: middle;} input[type=checkbox]:checked+label:before {background-position:0 0;} input[type=radio] {position: absolute; width:20px; height:20px; overflow: hidden; margin:0px; padding: 0; border: 0; outline: 0; opacity: 0;cursor: pointer;} input[type=radio]+label:before {display: inline-block; width:20px; height:20px; margin-right: 4px; position:relative; top:-2px; background:url(/Styles/../images/newimages/radioBtncommon.png) 0 -80px no-repeat;content: " ";vertical-align: middle;} input[type=radio]:checked+label:before {background-position:0 0;} /* ######################################## Checkbox css style end here ######################################## */ /* common css */ .modelq_loginSection .ErrorMessage { padding:10px 0px; } h2.pageHeading{ display:inline-block; font-size:40px; font-weight:normal; color:#870060; width:100%; text-align:center; line-height: 45px; } h2.pageHeading.grayHeading{ color:#4f4f4f;} h2.pageHeading.videoheading{color:#fff; font-size:21px; font-weight:normal; background:rgba(199,25,141,0.8); line-height:52px!important;} h2.pageHeading.videoheading span{ position:relative; padding:0 24px 0 0;} h2.pageHeading.videoheading i{ position:absolute; right:0px; top:5px;} h3.sub_pageHeading{ display:inline-block; font-size:26px; font-weight:normal; color:#999999; width:100%; text-align:center; margin-top:15px; line-height:28px; } h3.sub_pageHeading.pagelineHeight{line-height:34px;} .modelq_textBox{ width:100%; height:40px; padding:5px; font-size:18px; color:#333; background:none; border:1px solid #ccc; font-weight:normal; font-family: 'SegoeRg';} .required:before{ display:inline-block; content:"\002a"; margin-right:10px;} .modelq_selectBox{ position:relative; width:100%; display: block; } .modelq_selectBox select{ width: 100%; padding: 0 5px; height: 42px; font-weight:normal; font-size:18px; color:#333; margin: 0; border:1px solid #ccc; outline:none; display: inline-block; cursor:pointer; background: #fff; -webkit-appearance:none; -moz-appearance:none; } .modelq_selectBox select option{ padding:0 5px;} .modelq_selectBox:after{ content: url('/Styles/../images/newimages/select_arrow.png'); position: absolute; top: 1px; right: 1px; pointer-events: none;height: 40px;overflow: hidden; } /* landing page style here */ .modelq_landingPage .homeCntrl{ width:100%; height:100%; position:relative; background:rgba(0,0,0,0.2) } .landingImage{ top:0px; left:0px;background-attachment:fixed!important; background-size:cover!important; width:100%; height:100%; z-index:-1; /*opacity: 0.7;*/ } .modelq_landingPage .blockTop { width: 100%; position: absolute; top: 30%; text-align: center; height: 271px; } .modelq_landingPage .logo { padding: 0px 0px 35px 0px;} .modelq_landingPage .logo a{ max-width:863px; width:100%; height:auto; text-align:center;display: inline-block;} /* landing page footer style here */ .modelq_landingPage footer{ position:absolute; bottom:0px; left:0px; width:100%;} .modelq_landingPage footer .navigation{background:rgba(0, 0, 0, 0.5); } .modelq_landingPage footer .menu{ width:auto; text-align: center; padding:10px; display:block; } .modelq_landingPage footer .menu li{ display:inline-block; padding: 0px 20px 0px 20px; } .modelq_landingPage footer .menu li a{ text-transform:capitalize; color:#fff; font-size:18px;} .modelq_landingPage footer .menu li a:hover{ color:#6b024d;} .modelq_landingPage footer .learnMore{ display:block; width:100%; height:52px; background-color:rgba(199,25,141,0.8); text-align:center; padding:13px 0;} .modelq_landingPage footer .learnMore a{ font-size:21px; color:#fff; display:inline-block; position:relative; padding:0 27px 0 0; margin:0 12px; } .modelq_landingPage footer .learnMore a.sneakPeak{font-size: 50px;width: 20px;height: 23px; padding:0px; } .modelq_landingPage footer .learnMore a.sneakPeak i{ position:absolute; left:0px; top:-12px;} .modelq_landingPage footer .learnMore a:hover { color:#6b024d;} .modelq_landingPage footer .learnMore a span{ position:absolute; top:7px; right:0px;} .modelq_landingPage footer .navigation p { position:absolute; right:100px; top:14px; font-size:16px; color: #ADABAB;clear: both; font-weight:bold; } .modelq_landingPage footer .learnMore.learnmoreabs{ position:fixed; left: 0px; top: 0px; z-index:9; background:#D247A3;} .modelq_landingPage footer .learnMore-bar .learnMore + .blankDiv{ display:none;} .modelq_landingPage footer .learnMore-bar .learnMore.learnmoreabs + .blankDiv{ display:block; width:100%; height:52px; position:relative;} /* More info style here */ .modelq_landingPage .moreInfoDetail{background-color:#fff; width:100%; color:#870060; text-align:center; border-bottom:4px solid #870060;} .modelq_landingPage .moreInfoDetail > .wrapper{ padding:30px 0;} .modelq_landingPage .moreInfoDetail > .nseak-pean-wrapper{ padding:10px 0;} .modelq_landingPage .moreInfoDetail .info{ width:100%; display:block; text-align:center; padding:30px 0 80px 0px;} .modelq_landingPage .moreInfoDetail .block{ width:33.33%; display:inline-block; float:left; padding:0 25px;} .modelq_landingPage .moreInfoDetail h3{ font-size:28px; color:#4f4f4f; margin-bottom:10px; font-weight:normal; } .modelq_landingPage .moreInfoDetail p{ line-height:30px; font-size:22px; color:#8d8d8d;} .modelq_landingPage .moreInfoDetail .icon{ position:relative; text-align:center; color:#870060; display:block; height:200px; } .modelq_landingPage .moreInfoDetail .view_circle{ position:absolute; bottom:0px; left:0; font-size:120px; text-align:center; width:100%; color:#870060;} .modelq_landingPage .moreInfoDetail .user_circle{ position:absolute; bottom:0px; left:0; font-size:120px; text-align:center; width:100%; color:#870060;} .modelq_landingPage .moreInfoDetail .scissor{ position:absolute; top:46px; left:44px; font-size:73px; text-align:left; color:#870060;} .modelq_landingPage .moreInfoDetail .camera{ position:absolute; top:46px; right:44px; font-size:73px; text-align:right; color:#870060;} .modelq_landingPage .moreInfoDetail .lock{ position:absolute; top:0px; right:0px; font-size:63px; text-align:center; width:100%; color:#870060;} .modelq_landingPage .moreInfoDetail .search_circle{ position:absolute; bottom:0px; left:0; font-size:120px; text-align:center; width:100%; color:#870060;} .modelq_landingPage .loginButton{ max-width:863px; width:100%; margin:0 auto; text-align: center;} .modelq_landingPage .loginButton a{display:inline-block; border:1px solid #fff; text-transform:uppercase; font-size:26px;color: #ffffff; height:55px; line-height:55px; width:23.5%; margin:0 10px; font-weight:500;} .modelq_landingPage .loginButton a.sneakPeak{display:block; border:none; text-transform:none; font-size:98px;color: #ffffff; width:70px; height:70px; margin:15px auto; position:relative;} .modelq_landingPage .loginButton a.sneakPeak i{ position:absolute; left:0px; top:0px; line-height:70px; width:100%; } .modelq_landingPage .loginButton a:hover{ color:#c7198d; border:1px solid #c7198d; } .modelq_landingPage .loginButton a.sneakPeak:hover{ border:none;} .modelq_landingPage .loginButtonBottom{ max-width:863px; width:100%; margin:0 auto; text-align: center;} .modelq_landingPage .loginButtonBottom a{display:inline-block; border:1px solid #fff; text-transform:uppercase; background:#AB0072; font-size:26px;color: #ffffff; height:55px; line-height:55px; width:23.5%; margin:0 10px; font-weight:500; vertical-align:bottom;} .modelq_landingPage .loginButtonBottom a:hover{ background-color:#c7198d; color: #fff; } .modelq_landingPage .loginButtonBottom a.sneakPeak{background:none; border:none; text-transform:none; font-size:74px;color: #AB0072; width:55px; height:55px; position:relative;} .modelq_landingPage .loginButtonBottom a.sneakPeak i{ position:absolute; left:0px; top:0px; line-height:55px; width:100%; } .modelq_landingPage .loginButtonBottom a.sneakPeak:hover{ background-color:none; color: #c7198d; } /*Mobile .appDownloadButton { position:absolute; right: 0px; top:-11px; width: 238px; float:right;} .appDownloadButton ul {} .appDownloadButton li { padding: 0px 0px 0px 10px; display:block; float:left; line-height:35px; font-size:18px; color:#fff; } .appDownloadButton li a { width:40px; height:40px;background:#4a4b4b url(/Styles/../images/newimages/appStoreIcon.png) left center no-repeat; background-size:100%; overflow: hidden; padding: 0px; } .appDownloadButton li a.googlePlay {background:#4a4b4b url(/Styles/../images/newimages/googlePlayIcon.png) 2px center no-repeat; background-size:100%; } .appDownloadButton li a:hover, .appDownloadButton li a.googlePlay:hover { background-color:#870060;} */ .appDownloadButton { padding:15px; margin-bottom:30px; width: 100%; overflow: hidden; text-align: center; background:rgba(0,0,0,0.5);} .appDownloadButton ul { margin-right: -26px; position: relative; list-style: none; } .appDownloadButton li { padding: 0px 26px 0px 0px; display: inline-block; } .appDownloadButton li a { padding: 4px 40px 0px 95px; height: 65px; font-family: 'SegoeRg'; font-size: 24px; color: #fff; line-height: 26px; text-align: left; text-decoration: none; border-radius:4px; display: block; background:#292929 url(/Styles/../images/newimages/appStoreIcon.png) left center no-repeat; } .appDownloadButton li a span { font-size: 15px; display: block; } .appDownloadButton li a.googlePlay {background:#292929 url(/Styles/../images/newimages/googlePlayIcon.png) left center no-repeat; } /* inner header start here */ .modelq_headerCntr { height: 105px;} .modelq_header{ width:100%; height:105px; position:fixed; top:0; left:0px; background:url(/Styles/../images/newimages/headerBg.jpg) center center no-repeat; background-size:cover; z-index:99; } .modelq_header .siteLogo{ cursor:pointer; width:245px; height:69px; display:block; float:left; border: none; vertical-align:middle; margin-top:22px; background:url(/Styles/../images/newimages/logo_beta.png) 0 0 no-repeat;} /* login page start here */ .modelq_loginSection{ display:block; width:70%; padding:22px 0; margin: 0px auto;} .modelq_loginSection h2.pageHeading { font-size:25px; line-height:28px;} .modelq_loginSection h3.sub_pageHeading { font-size:20px; margin: 0px;} .modelq_loginSection .block { padding: 0px 0px 20px 0px; overflow: hidden; } .modelq_loginSection .leftSection{ width:50%; position:relative; margin:0px auto;} .modelq_loginSection .rightSection{ width:50%; padding:0 0 0 65px; position:relative; float:right; display: none; } .modelq_loginSection .row{ width:100%; display:block; float:left; margin: 0px 0px 20px 0px; padding: 0px; } .modelq_loginSection .label{ display:inline-block; font-size:18px; color:#333; margin-bottom:5px; } .modelq_loginSection .inputBox{ width:100%; display:block;} .modelq_loginSection .or{ position:absolute; right:-30px; top:50%; width:60px; height:60px; margin-top:-30px; background:#fff; color:#999999; font-size:21px; text-transform:uppercase; text-align:center; line-height:60px; display: none;} .modelq_loginSection .checkbox{ font-size: 18px; color:#999; float:left; line-height:25px;} .modelq_loginSection .checkbox input[type=checkbox]+label:before{ margin-right:10px;} .modelq_loginSection .forgetPassword{ float:right; color:#870060; font-size:18px;} .modelq_loginSection .forgetPassword:hover{ color:#6b024d;} .modelq_loginSection .loginBtn{cursor: pointer;border-radius:0;} .modelq_loginSection .rightSection a{ display:block;} .modelq_loginSection .rightSection .facebookBtn{ margin:54px 0 50px 0; cursor:pointer; width:100%; height: 57px; border: none; background:url(/Styles/../images/newimages/facebook.png) 0 0px no-repeat; background-size:100%; border-radius:0;} .modelq_loginSection .rightSection .twitterLogin {width:100%; cursor:pointer; height: 57px; border: none; background:url(/Styles/../images/newimages/twitter.png) 0 0px no-repeat; background-size:100%; border-radius:0;} /* inner footer start here */ .modelq_innerFooter{ width:100%; background:url(/Styles/../images/newimages/bottomBg.png) 0 0 no-repeat; background-size:cover; margin-top:0;transition: all 1s; -webkit-transition: all 1s; } .modelq_innerFooter p{ float:right; line-height:68px; font-size:16px; color:#ADABAB;} .modelq_innerFooter ul { float:left;} .modelq_innerFooter li{ display:inline-block; float:left; padding:5px 0px 0px 0px; } .modelq_innerFooter li:last-child{ margin-right:0px;} .modelq_innerFooter li a{ text-transform:capitalize; color:#D2D2D2; font-size:18px; line-height:68px;} .modelq_innerFooter li a:hover{ color:#6b024d} /* registration page */ .registrationBox .tabs{ width:100%; display:block; padding:40px 0 0 0; text-align:center;} .registrationBox .tabs li{ display:inline-block; margin-right:90px;} .registrationBox .tabs li:last-child{ margin-right:0px;} .registrationBox .tabs li a{ font-size:26px; color:#cdcdcd; text-transform:capitalize; display:block; float:left; cursor:default; } .registrationBox .tabs li a .number{ width:44px; height:44px; border:2px solid #cdcdcd; border-radius:50%; text-align:center; line-height:37px; display:block; float:left; } .registrationBox .tabs li a .text{ float:left; padding-left:20px; line-height:37px;} .registrationBox .tabs li.active a{ color:#870060;} .registrationBox .tabs li.active a .number{ border:2px solid #870060;} .registrationBox .stepDetail{ width:100%; display:block; padding: 0px 0px 20px 0px; } .registrationBox .stepDetail h4{ font-size:24px; color:#870060; text-align:center; line-height:40px; width:100%; display:block; font-weight:normal; padding:15px 0px 0px 0px; float:left; } .registrationBox .stepDetail .row{ width:100%; margin:12px auto 0 auto; padding:0px; overflow:hidden; } .registrationBox .stepDetail .Primarypurpose label{ font-size:18px; cursor:pointer;} .registrationBox .stepDetail .BestTimeCall label{ font-size:18px; cursor:pointer; padding-right:5px;} .registrationBox .stepDetail .row.termsNdCondition{ font-size:18px;} .registrationBox .stepDetail .row.termsNdCondition .checkbox{ float:left; margin-right:10px; margin-top:1px; } .registrationBox .stepDetail .row .col { width:45%; float:left; position:relative;} .registrationBox .stepDetail .row .col .ui-datepicker-trigger{ position:absolute; right:9px; top:6px;} .instrationBox1{ font-size:18px;} .registrationBox .stepDetail .row .col2 {width: 28%; float: left; height: auto; line-height: 24px; text-align: left;} .registrationBox .stepDetail .label{ display:inline-block; font-size:18px; color:#333; line-height:40px; margin-bottom:5px; width: 25%; float: left; text-align: right; padding: 0px 10px 0px 0px;} .registrationBox .stepDetail .checkBoxList{ display:block; } .registrationBox .stepDetail .checkBoxList li{ display:block; color:#969696; margin-bottom:14px; } .registrationSection .stepDetail input[type=checkbox]+label:before,.registrationBox .stepDetail input[type=radio]+label:before{ margin-right:10px;} .registrationBox .stepDetail .radioList{ display:block; padding: 11px 0px 0px 0px;} .registrationBox .stepDetail .radioList li{ display:block; font-size:20px; line-height:20px; color:#969696; margin-right:14px; float:left; } .registrationBox .stepDetail .radioList li input[type=checkbox]+label:before{ margin-right:10px;} .registrationBox .stepDetail a{ width:100%; display:block; padding:0 0 0 45px; color:#870060;} .registrationBox input[type=radio] {position: absolute; width:25px; height:25px; overflow: hidden; margin:0px; padding: 0; border: 0; outline: 0; opacity: 0;cursor: pointer;} .registrationBox input[type=radio]+label:before {display: inline-block; width:25px; height:25px; margin-right: 4px; background:url(/Styles/../images/newimages/radioBtn.png) 0 -100px no-repeat;content: " ";vertical-align: middle;} .registrationBox input[type=radio]:checked+label:before {background-position:0 0;} /* New Button for Registration */ .rowButton { overflow: hidden; text-align: center; } .rowButton .registerButton{ margin-top:18px;border:none; padding: 3px 80px 4px 80px; background:#c7198d ; height:50px; line-height:50px; font-size:18px; color:#fff; text-transform:uppercase; text-align:center; display: inline-block; cursor:pointer; } .rowButton .registerButton.back, .rowButton .registerButton.skip { background:#8E8E8E; } .rowButton .registerButton:hover, .rowButton .buttonSmall:hover, .rowButton .registerButton.back:hover, .rowButton .registerButton.skip:hover{ background-color:#ab0072;} /*.rowButton .registerButton.skip{ background-position:100% -43px;} .rowButton .registerButton.next{ background-position:100% -86px;} .rowButton .registerButton.cancel{ background-position:170px -242px;} .rowButton .registerButton.submit{ background-position:170px -328px;} .rowButton .registerButton:hover, .rowButton .buttonSmall:hover{ background-color:#910367;} */ /*Check box table layout for agency */ .DisplayInterestsTable { border-left: 1px solid #ccc; border-bottom: 1px soldi #ccc; font-size:18px; } .DisplayInterestsTable tr.tableHeader th { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #333; color: #fff; font-size: 15px; padding: 7px; text-align: left; } .DisplayInterestsTable tr td { padding: 7px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .registrationBox .ErrorMessage { line-height: 40px; padding:0px; } .registrationBox .time_col { width: 46%; float: left;} .registrationBox .time_col2, .selectTime_col2 { text-align: center; width: 8%; float: left; font-size: 18px; color: #333; line-height: 40px;} .registrationBox .time_col { width: 46%; float: left;} .registrationBox .dividedtext_2col { padding-right:5px; width: 50%; float: left;} .registrationBox .selectTime_top { margin-right:-5px; position:relative; } .registrationBox .selectTime_col { width:23%; float: left; padding: 0px 5px 0px 0px;} .registrationBox .UserProfileHeading{font-size:21px; line-height: 40px; } /*New Photo upload section css*/ .upload_container{ margin:0px auto; border:1px solid #e1e1e1; overflow:hidden; padding:10px 10px 30px 10px;} .left_bar{ float:left; width:30%;} .left_bar ul{list-style:none; margin:0px; padding:0px;} .left_bar ul li { display:block; width:100%; margin:10px 0px 0px 0px; position:relative; float:left; } .left_bar a.pink { float:left; margin:0px 6px 0px 0px; background:url(/Styles/../images/upload_btn.png) no-repeat; width:137px; height:29px; cursor:pointer;} .left_bar a.grey { float:left; margin:0px 6px 0px 0px; background:url(/Styles/../images/upload_btn_grey.png) no-repeat; width:137px; height:29px; cursor:default;} .pic_select{ padding:6px; border:1px solid #cecdcd; font-size:15px; color:#c8c8c8; margin:0px 0px 0px 0px; width:190px;float:left; } .boldfilename{ color:Gray; font-size:16px !important;font-weight:bold;} .right_bar{ float:right; width:70%; padding:0px;} .uploaded_pic{ margin:0px; padding:0px;} .uploaded_pic ul{ margin:0px; padding:3px 0px 0px 0px; list-style:none; position:relative;} .uploaded_pic ul li{ width:20%; margin:0px; padding:0px; display:inline-block; margin:7px 11px; position:relative;} .uploaded_pic ul li img { width: 100%; } .PhotoPreviewdelete{ background:url(/Styles/../images/delete_iconpic.png) no-repeat; width:12px; height:12px; position:absolute; right:-6px; top:-5px; } .PhotoHeaderHeading{ color:#FF1010; font-size: 22px; text-align: center; padding: 15px 0px; } .DoneMessage{ color:#FF1010; font-size: 28px; line-height:40px; text-align: center; width: 50%; margin:0px auto; } .DoneMessage p { padding: 60px 0px; overflow: hidden; font-size:24px;} .imagepreview{width:130px;} .registrationBox .folderCntr { border: none; width: 100%; } .registrationBox ul.dragPicCntr li { width: 25%; float: left; text-align: center; position: relative; border: none;} .registrationBox ul.dragPicCntr li img { width: 100%;} .pictureInfoReg{ position: absolute; right:0px; bottom: 0px; background: rgba(0,0,0,0.5); padding: 9px; width: 100%; min-height: 40px;} .pictureInfoTopReg{ position: absolute; right:0px; top: 0px; background: rgba(0,0,0,0.5); padding: 9px; width: 100%; min-height: 40px;} /* Required Message and error msg */ .ErrorMessage { font-size:16px; color: #870060; vertical-align: middle; text-align: left; display:inline-block; padding-top:10px;background-color:White;} .RequiredFill{ width:23px; height:40px; display:inline-block; background:url(/Styles/../images/Right_icon.png) 5px center no-repeat; float:left;} .RequiredError{ width:18px; height:40px; display:inline-block; background:url(/Styles/../images/required.png) 5px center no-repeat; float:left; } /* registration page end */ /*Default page Model listing */ .modelsListing { width: 100%; overflow: hidden; } .modelsListing .top { padding: 20px 0px; overflow: hidden; } .modelsListing .right { float: right; } .modelsListing .right a { color: #c9c9c9; } .modelsListing h2 { font-size: 35px; color: #504e4f; font-weight: normal; } .modelsListing ul { list-style: none; } .modelsListing li { width: 25%; float: left; padding: 0px 1px 1px 0px; color: #c9c9c9;} .modelsListing.PanelMember li{ width:33.3%;} .modelsListing li .block { width: 100%; position: relative;} .modelsListing li .block > a img{ width:100%; color: #c9c9c9;} .modelsListing li .block .image { width:100%; display: block; } .modelsListing .info { position: absolute; left: 0px; top:0px; padding: 15px 10px 0 10px; width: 100%; text-align: center; ;}/*background:rgba(0,0,0,0.5)*/ .modelsListing p { font-size: 21px; color: #fff; } .modelsListing .location a { font-size: 18px; color:#939393;} .modelsListing p a {color: #fff; text-decoration: none; } .modelsListing p a:hover { color:#870080; } .modelsListing.watchList li .Main-checkwatchlist { position:absolute; right:-1px; top:-1px;} .modelsListing.watchList li .imageConnection{ right:31px;} .modelsListing.watchList li ul.imageDropDown{ right:31px;} .modelsListing li .Main-checkwatchlist input[type=checkbox] {position: absolute; width:22px; height:25px; overflow: hidden; margin:0px; padding: 0; border: 0; outline: 0; opacity: 0;cursor: pointer;} .modelsListing li .Main-checkwatchlist input[type=checkbox]+label:before {display: inline-block; width:24px; height:27px; margin-right: 4px; background:url(/Styles/../images/newimages/checkbox_spriteImagenew.png) 0 -31px no-repeat;content: " ";vertical-align: middle;} .modelsListing li .Main-checkwatchlist input[type=checkbox]:checked+label:before {background-position:0 3px;} .modelsListing.watchList.thumb_view li .Main-checkwatchlist input[type=checkbox]+label:before {display: inline-block; width:20px; height:25px; margin-right: 4px; background:url(/Styles/../images/newimages/checkbox_spriteImagePink.png) 0 -29px no-repeat;content: " ";vertical-align: middle;} .modelsListing.watchList.thumb_view li .Main-checkwatchlist input[type=checkbox]:checked+label:before {background-position:0 2px;} .modelsListing.watchList.thumb_view li .imageConnection{ right:26px;} .modelsListing.watchList.thumb_view li ul.imageDropDown{ right:26px;} ul.modelsListing.watchList.thumb_view .imageConnection {height: 22px} ul.modelsListing.watchList.thumb_view ul.imageDropDown {top: 22px;right:0;} .modelsListing .info a { color: #c5c5c5; position: relative; margin-right: 15px; font-size: 17px; padding: 0 0 0 29px; display:inline-block; cursor:default;} .modelsListing .info a i{ position:absolute; top:-2px; left:0; font-size:26px;} /*.modelsListing .info a:hover{ color:#870060;}*/ .modelsListing h4 { line-height:10px;} .modelsListing h4 a{ color:#fff; font-size:21px; line-height:0px;} .modelsListing h4 a:hover{ color:#870060;} ul.modelsListing li .location{ margin-top:14px;} ul.modelsListing li .location a:hover{ color:#870060;} ul.modelsListing li .photodetail{ height:102px!important;} ul.modelsListing li .photodetail.PanelmemberDetail{padding:16px 4px; height:77px !important;} /*End default page listing.*/ /*filter */ .modelq_filterBox { float: right; } .modelq_filterBox .col{ width: 250px; float:left;} .modelq_filterBox .col1{ /* width:435px; */ float:left;} .modelq_filterBox .col1 ul{ float:right; margin-right:15px;} .modelq_filterBox .col1 ul li{ float:left; margin-right:1px; } .modelq_filterBox .col1 ul li:first-child{ margin-right:15px; line-height:42px; font-size:18px;} .modelq_filterBox .col1 ul li a{ font-size:28px; display:block; width:42px; height:42px; color:#fff; background:#999999; position:relative;} .modelq_filterBox .col1 ul li a i{ position:absolute; left:0px; top:0px; line-height:42px; width:42px; height:42px; text-align:center;} .modelq_filterBox .col1 ul li a.active,.modelq_filterBox .col1 ul li a:hover{ background:#870060;} .modelq_filterBox .col2{ width: 135px; float: left; font-size: 18px; line-height: 42px; height:auto;} .modelq_filterBox .colFilter{ /* width:435px; */ float:left;} .modelq_filterBox .colFilter ul{ float:right; padding:5px 0px 5px 5px;} .modelq_filterBox .colFilter ul li{ float:left; margin-right:1px; } .modelq_filterBox .colFilter ul li:first-child{line-height:42px; font-size:18px;} .modelq_filterBox .colFilter ul li a{ font-size:28px; display:block; width:42px; height:42px; color:#fff; background:#999999; position:relative;} .modelq_filterBox .colFilter ul li a i{ position:absolute; left:0px; top:0px; line-height:42px; width:42px; height:42px; text-align:center;} .modelq_filterBox .colFilter ul li a.active,.modelq_filterBox .colFilter ul li a:hover{ background:#870060;} .Filter ul.modelsListing.grid_view > li{ width:25%} .Filter ul.modelsListing.thumb_view > li{ width:14.28%;} .linkNormalPink { color:#870060;} /*My account changes three column*/ #contentCntr{ margin: 10px 0 0px 0; height: auto !important; } .inviteSelectall { margin:10px 15px 0px 0px; } .myAccountLeft { width: 220px; float: left;} .myAccountCenter{ width: calc(100% - 550px); float: left; padding: 0px 14px;} /*.myAccountCenter{(;width: 682px;);} /* safari hack */ /*.myAccountCenter{width:-webkit-calc(100% - 550px);} /* safari hack */ .myAccountRight { width: 330px; float: left;} /*.myAccountRight {(;float: right;);}/* safari hack */ /*My account changes two column without right bar */ .mySettingsRight{ width: calc(100% - 220px); float: left; padding: 0px 0px 0px 14px; margin-bottom: 45px; } /*.mySettingsRight{(; width:1030px;);}*/ /* Video section two column*/ .contentDetailLeft .video{ margin-top:15px;} ul#ulVideo > li { padding: 0px 10px 10px 0px; float:left; width: 25%; list-style: none; position:relative;} ul#ulVideo li .imgVideo { width: 100%;} ul#ulVideo li a { display: block; position:relative; } ul#ulVideo li .lightGray { display: inline;} ul#ulVideo li .detail{ padding:5px 0px 0px 0px; height:60px; overflow:hidden;} ul#ulVideo li .videobottom{ background:#f3f3f3; padding:5px 4px; overflow:hidden; } .playIconLarge{ width:50px; height:36px; margin:-18px 0px 0px -25px; position: absolute; left: 50%; top: 50%;} /*Similer video for video detail page*/ ul#ulSimilarVideo li{ padding: 0px 0px 10px 0px; float:left; list-style: none; position:relative; font-size: 15px; } ul#ulSimilarVideo li .SimilarVideo{ width:45%; float: left; padding-right:10px; position: relative; } ul#ulSimilarVideo li .SimilarVideo .SimilarVideoImg{ width:100%;} .SimilarVideodetail{ padding:0px 0px 0px 0px; min-height:95px; overflow:hidden; float:right; width: 55%;} .SimilarVideodetail h5 { padding: 0px 0px 5px 0px; font-size: 20px;} .SimilarVideodetail p { padding: 0px 0px 5px 0px; overflow: hidden;} ul#ProfileVideosList li{ padding: 0px 10px 10px 0px; float:left; width: 25%; list-style: none; position:relative;} ul#ProfileVideosList li .ProfileImg{padding-bottom: 0px; width: 100%;} /* inner Header css */ #divHeader { height: 117px;} .InnerHeader{ width:100%; display:block; height:117px; position:fixed; top:0px; left:0px; background:url(/Styles/../images/newimages/innerHeader.jpg) center 0 no-repeat; background-size:cover; padding:0px; z-index:9999; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;} .InnerHeader .logo{ float:left; display:block; width:190px; height:69px; margin-top:38px; background:url(/Styles/../images/newimages/logo_beta.png) 0 0 no-repeat; background-size:100% ; text-indent:-999px;} .Transparent-Header .InnerHeader{background:url(/Styles/../images/newimages/innerHeaderTrans.png) center 0 no-repeat; background-size:cover;} .InnerHeader .Right_header_container_profile{ float:right; position:relative;} .InnerHeader .Right_header_container_profile2{ float:right; width: 100%; position:relative;} .InnerHeader .profile_logo{ float:left; display:block; width:190px; height:53px; margin:10px 0px 0px 0px; background:url(/Styles/../images/newimages/logo_beta.png) 0 0 no-repeat; background-size:80% ; text-indent:-999px;}/*profile Header*/ .InnerHeader .searchBox.profile { top: 11px;} .topStrip { width:100%; float:left;} .bottomStrip { width:100%; float:left; padding:3px 0px 6px 0px; background:rgba(0, 0, 0, 0.3); height:54px;} .InnerHeader .topStrip .notification_container{ margin-bottom:0px;} .InnerHeader .Right_header_container{ float:right; width:calc(100% - 222px); position:relative;} /*.InnerHeader .Right_header_container{(; width:821px;);}*/ .InnerHeader .notification_container{ float:right; display:block; position:relative; margin-bottom:10px; }/*model my a/c header*/ .InnerHeader .notification_container .userImage{ float:right; padding:5px; margin:0px; border:none; position:relative; } .InnerHeader .notification_container .userImage .userPic{ float:right; display:block; margin-right:10px; border-radius:50%;} .InnerHeader .notification_container .userImage .userName{ font-size:21px; color:#fff; line-height:39px; float:right;max-width: 250px;height: 40px;overflow: hidden;} .InnerHeader .notification_container .notification{ float:right; width:auto; margin-right:22px; margin-top:4px;} .InnerHeader .notification_container .notification li{ float:left; margin-left:14px; position: relative;} .InnerHeader .notification_container .notification li a{ color:#fff; font-size:44px; line-height:40px; position:relative;display:block;} .InnerHeader .notification_container .notification li a:hover{ color:#870060;} .InnerHeader .notification_container .userImage .myAccDropdown{ position:absolute; right:0px; top:48px; background:#2b2b2b; width:100%; text-align:right; border:5px solid #3c3c3c; display:none; min-width:206px; z-index:999;} .InnerHeader .notification_container .userImage:hover .myAccDropdown{display:block;} .InnerHeader .notification_container .userImage .myAccDropdown h2{ line-height:27px; padding:0 0 6px 24px; background:#3d3d3d;} .InnerHeader .notification_container .userImage .myAccDropdown ul{ width:auto;} .InnerHeader .notification_container .userImage .myAccDropdown li{ display:block;border-bottom:1px solid #3c3c3c;} .InnerHeader .notification_container .userImage .myAccDropdown li:last-child{ border-bottom:none;} .InnerHeader .notification_container .userImage .myAccDropdown li a{ color:#fff; font-size: 16px; padding: 7px 25px 7px 40px; display: block; border: none; width: 100%!important;position: relative;} .InnerHeader .notification_container .userImage .myAccDropdown li a i{ position: absolute;left: 11px;top: 4px;font-size: 26px;} .InnerHeader .notification_container .userImage .myAccDropdown li a img{ position: absolute;width: 22px;height: 22px;border-radius: 50%;left: 9px;top: 7px;} .InnerHeader .notification_container .userImage .myAccDropdown li a.edit i{ font-size: 18px;top: 10px; } .InnerHeader .notification_container .userImage .myAccDropdown li:hover,.InnerHeader .notification_container .userInfo:hover{ background: #480033;} .InnerHeader .notification_container .userImage:hover{ background:#3c3c3c;} /*Header Menu*/ .InnerHeader .menu,.InnerHeader .menu ul{ float:right; width:auto; padding:7px 50px 0 0; position:relative;} .InnerHeader .menu li{ float:left; padding:5px 0px;} .InnerHeader .menu li.BrowseBtn{ padding-bottom:0px;} .InnerHeader .menu li.BrowseBtn > a{ padding: 3px 12px 13px 35px; margin-right: 14px; height:42px;} .InnerHeader .menu li.BrowseBtn > a span{ font-size:33px; position:absolute; top:-2px; left:12px; color: #C2C2C2;} .InnerHeader .menu li.menu_seperator:after{ padding:0 13px;} .InnerHeader .menu li a{ color:#fff; font-size:16px; display:inline-block; padding:0px; height:auto; border:none; float:none; text-transform:uppercase; position:relative;} .InnerHeader .menu ul li a:hover, .InnerHeader .menu ul li:hover{ background: none; color:#870060;} .InnerHeader .menu li.BrowseBtn:hover > a{color:#870060;} .InnerHeader .menu li.BrowseBtn:hover > a span{color:#870060;} .InnerHeader .menu li ul{ display:none;position: absolute; left: -147px; width: 306px; top: 40px; background: rgba(0, 0, 0, 1); list-style: none outside none; padding: 10px 0px 0 0px; border: 5px solid #444444; z-index:99999;} .InnerHeader .menu li:hover ul{ display: block; } .InnerHeader .menu li:hover ul li{ float: left; width: 100%; display: block; padding: 0px;} .InnerHeader .menu li:hover ul li a{ padding: 8px 20px; height: auto !important; font-size: 18px; display: block; text-align: left; float: none; color: #CFCECE; text-transform:none; border-bottom: 1px solid #444444; border-right: none;} .InnerHeader .menu li:hover ul li a:hover{ background: #444 url(/Styles/../images/menuHover.png) repeat;} .InnerHeader .menu li:hover ul li ul{ display: none;} .InnerHeader .menu li ul li:hover ul{ width: 200px; position: absolute; left:245px; top: -5px; height: auto !important; display: block; padding: 0px !important;} .InnerHeader .menu li ul li a.model{ background: url(/Styles/../images/DropdownMenuArrow.png) 228px 15px no-repeat;} .InnerHeader .menu li ul li a.model:hover{ background: url(/Styles/../images/DropdownMenuArrow.png) 228px -12px no-repeat;} /*End Header menu*/ /*Profile header menu*/ .InnerHeader .Right_header_container_profile .menu, .InnerHeader .Right_header_container_profile .menu ul { padding:5px 50px 5px 0px;}/*Use for only model profile menu*/ .InnerHeader .ProfileHeaderMenu,.InnerHeader .ProfileHeaderMenu ul{ float:right; width:auto; padding:0 50px 0 0;} .InnerHeader .ProfileHeaderMenu li{ float:left; padding:6px 0px 5px 0px;} .InnerHeader .ProfileHeaderMenu li.BrowseBtn{ padding-bottom:0px;} .InnerHeader .ProfileHeaderMenu li.BrowseBtn > a{padding: 12px 9px 9px 43px; height:42px; } .InnerHeader .ProfileHeaderMenu li.BrowseBtn > a span{ font-size:33px; position:absolute; top:6px; left:12px;} .InnerHeader .ProfileHeaderMenu li.menu_seperator:after{ padding:0px;} .InnerHeader .ProfileHeaderMenu li a{ color:#fff; font-size:16px; display:inline-block; padding:12px; height:auto; border:none; float:none; text-transform: uppercase; position:relative;} .InnerHeader .ProfileHeaderMenu ul li a:hover{ background: #646264; color:#fff;} .InnerHeader .ProfileHeaderMenu li ul{ display:none;position: absolute; left: -178px; top: 47px; width: 300px; background: rgba(0, 0, 0, 1); list-style: none outside none; padding: 10px 0px 0 0px; border: 5px solid #444444; z-index:99999;} .InnerHeader .ProfileHeaderMenu li.BrowseBtn a:hover, .InnerHeader .ProfileHeaderMenu li.BrowseBtn:hover > a { background: #646264; color:#fff; } .InnerHeader .ProfileHeaderMenu li.BrowseBtn:hover > a span, .InnerHeader .ProfileHeaderMenu li.BrowseBtn:hover > a span { color: #fff;} .InnerHeader .ProfileHeaderMenu li:hover ul{ display: block; } .InnerHeader .ProfileHeaderMenu li:hover ul li{ float: left; width: 100%; display: block; padding: 0px;} .InnerHeader .ProfileHeaderMenu li:hover ul li a{ padding: 8px 20px; height: auto !important; font-size: 17px; display: block; text-align: left; float: none; color: #CFCECE; text-transform:none; border-bottom: 1px solid #444444; border-right: none;} .InnerHeader .ProfileHeaderMenu li:hover ul li a:hover{ background: #444 url(/Styles/../images/menuHover.png) repeat;} .InnerHeader .ProfileHeaderMenu li:hover ul li ul{ display: none;} .InnerHeader .ProfileHeaderMenu li ul li:hover ul{ width: 200px; position: absolute; left: 245px; top: -5px; height: auto !important; display: block; padding: 0px !important;} .InnerHeader .ProfileHeaderMenu li ul li a.model{ background: url(/Styles/../images/DropdownMenuArrow.png) 228px 15px no-repeat;} .InnerHeader .ProfileHeaderMenu li ul li a.model:hover{ background: url(/Styles/../images/DropdownMenuArrow.png) 228px 15px no-repeat;} /*End Profile header menu*/ .InnerHeader .searchBox{ float:right; width:auto; margin:0px; position:absolute; right:0px; top: 76px; } .InnerHeader .searchBox input.searchBtnProfile{ font-family:modelQ_web; border:none; background:none; color:#fff; float:left; font-size:30px; outline:none; line-height:26px; width:auto; height:auto; margin:3px 0 0 0; } .InnerHeader .searchBox .searchInput{ float:left; height:30px; width:73px; transition:all 0.5s;} .InnerHeader .searchBox .searchInput .input{ border:none; background:none; outline:none; width:100%; height:30px; line-height:30px; padding:0 0 0 10px; font-size:17px; color:#fff; } .InnerHeader .searchBox .AdvancedSearch{ display:none;float:right; font-size:17px; color:#979797;} .InnerHeader .searchBox.ExpandSearch{ border-bottom:1px solid rgba(255,255,255,0.35); background:rgba(0,0,0,0.98); padding:3px 18px;} .InnerHeader .searchBox.ExpandSearch .searchInput .input{ width:50%;} .InnerHeader .notification_container .notification li .count{ font-family:"SegoeRg"; font-size: 11px; font-weight: bold; color:#ffffff; height: 16px; line-height: 16px; min-width: 16px; padding: 0px 2px; text-align: center; background: #870060; display: inline-block; position: absolute; right: -5px; top: 5px;} .InnerHeader .menu li .arrowDown{ position: absolute; right: 43px; top: 8px; color: #fff; font-size: 18px;} .MyAccountUserName{ color:#870060; text-align:center; margin:10px 0 5px 0;} .MyAccountUserName + span{ font-size:19px;} .responsive_right_heading{ margin-bottom:14px; color:#870060; font-size:24px; } .socialShareField{ float:left; width:250px; font-size:17px; padding-top:10px;} .socialShareField .fb,.socialShareField .twitter{ color: #fff; background: rgb(59, 89, 151); width: 28px; height: 28px; text-align: center; line-height: 28px; display: inline-block; border-radius: 50%; font-size: 15px; margin-right:14px;} .socialShareField .twitter{ background: rgb(69, 200, 244);} .MyAccountPostBtn{ float:right;} /*Photographer style start here*/ .Information { padding: 8px 0px; overflow: hidden;} .Information h5, .Information a.LinkNormalPink { font-size: 19px; } .aboutDetail { padding: 15px 0px; line-height: 26px; line-height: 30px; font-size: 18px; padding-bottom: 25px;} .agencyContact { padding: 25px 0px; overflow: hidden; width: 100%;} .UserName { font-size: 18px;} .photographerRightDetail h4{ padding: 0px 0px 4px 0px; overflow: hidden; font-size: 20px;} .photographeProfileRightDetail h4{ padding: 0px 0px 4px 0px; overflow: hidden; font-size: 20px;} /*Cover Picture*/ .cover_photo_position{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); border: 1px solid #000000; border-radius: 2px 2px 2px 2px; display: block; left: 50%; margin-left: -160px; padding: 10px; position: absolute; top: 45%; width: 421px; z-index: 10;} .cover_photo_position p{ background-image: url("/Styles/../images/coverpicDragArrow.png"); background-position: 0 0px; background-repeat: no-repeat; color: #FFFFFF; display: block; float: left; font-size: 1em; line-height: 1.3em; margin-top: 10px; padding: 0 0 0 30px;} .cover_photo_position_cancel{ background: -moz-linear-gradient(center top , #555555, #111111) repeat scroll 0 0 transparent;} .cover_photo_position > div{ float: right; margin-left: 8px;} .cover_photo_position .sn-button{ border: 1px solid #000; border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); color: #FFFFFF; cursor: pointer; display: block; font-size: 1em; padding: 8px 20px; text-align: center;} .cover_photo_position_save{ background: #870060; border: 1px solid #c2287f !important;} .cont{ width: 100%; background-color: #5C5C5C; padding: 10px; border: 1px dashed #2C2C2C; text-align: center;} #crop-holder{ width: 100%;} #crop-iholder{ height: 457px; width: 100%; overflow: hidden; cursor: move;position:relative;} .CropBtn{ border: none; background: none; color: White; cursor: pointer;} .ImageCrop{ background-position: 0px 0px; background-repeat: no-repeat; width: 100%!important;min-height:100%; position:absolute; background-size: cover;} .ImageCrop1{ background-position: 0px 0px; background-repeat: no-repeat; width: 100%; position:absolute; background-size: cover;} /*End Cover picture*/ /*My Account Activity page*/ .socialIconAll li span {display: none;} .socialIconAll li a:hover span {display: block;} .socialIconAll li {cursor: pointer; display: block;float: left; position: relative; width: 33.3%; height: 55px;} .socialIconAll li input{ border:none; background:none; height:64px!important; width:100%!important;} .socialIconAll li.model { display: block; overflow: hidden; float: left; background:url(/Styles/../images/newimages/modelq_activity_normal.png) 0 0 no-repeat;background-size: 100%; } .socialIconAll li.facebook { display: block; overflow: hidden; float: left;background:url(/Styles/../images/newimages/facebook_activity_normal.png) 0 0 no-repeat; background-size: 100%; } .socialIconAll li.twitter { display: block; overflow: hidden; float: left; background:url(/Styles/../images/newimages/twitter_activity_normal.png) 0 0 no-repeat;background-size: 101%; } .socialIconAll li.model.active,.socialIconAll li.model:hover {background:url(/Styles/../images/newimages/modelq_activity_active.png) 0 0px no-repeat; background-size: 100%; } .socialIconAll li.facebook.active,.socialIconAll li.facebook:hover {background:url(/Styles/../images/newimages/facebook_activity_active.png) 0 0px no-repeat;background-size: 100%; } .socialIconAll li.twitter.active,.socialIconAll li.twitter:hover {background:url(/Styles/../images/newimages/twitter_activity_active.png) 0 0px no-repeat;background-size: 101%; } .phototitle{margin:5px 0 5px 0;} .commentArea {width:100%;float:left; color: #3e3e3e; font-size: 11px; padding: 5px;}/*Dont use background color. It's reflect on my activity.*/ .commentArea:hover { background: #f5f5f5;} .RecentActivityComment ul { list-style: none;} .RecentActivityComment li{ list-style: none; color: #999; padding: 16px 0 ; position: relative; width: 100%; float: left; font-size:18px; } .Activityshow{ width: 19px; height: 22px; position: absolute; right: 0px; top: -6px; background: url(/Styles/../images/modelqsprite.png) -81px -1607px no-repeat; display: none; z-index:8;} .Activityshow:hover{ background-position: -81px -1651px;cursor:pointer;} .Activityshow.active{ background-position: 0 -44px;} .RecentActivityComment li:hover .Activityshow{ display: block; cursor:pointer;} .ActivityDropDown{ width: 68px; border: 1px solid #ccc; background: #fff; z-index: 9; position: absolute; right: 0px; top: 16px; display: none; padding-bottom: 0px;} .ActivityDropDown li{ width: 100%; height: auto !important; padding: 0px 0 0px 0px !important ; border: none; min-height: 15px;line-height: 28px;} .ActivityDropDown li a{ display: block; padding: 3px 0 1px 10px; text-decoration: none; color: #666666;} .ActivityDropDown li a:hover{ background: #870060; color: #fff;} .ActivityshowClick{ width: 19px; height: 22px; position: absolute; right: -1px; top: -22px; background: url(/Styles/../images/myAccountFeedShow.png) left -44px no-repeat;} .textarea{ margin: 6px; border: 1px solid #b0b0b0; width: 85%; height: 40px; padding-left:5px;} .rightCommentDetail{ display: table-cell;} .myAccountMain{ width: 1280px; margin: 0px 0 0px 0; background: url(/Styles/../images/centerBg.png) -8px top repeat-y;} .myAccountMain .MyAccountLeftBar{ width: 640px;} .ContentArea { overflow: hidden;} .normalContent { font-size: 18px; color: #999; padding: 5px 0px; } .watchICon { background: url("/Styles/../images/modelqsprite.png") -86px -1575px no-repeat scroll transparent; display: inline-block; height: 15px; margin-right: 2px; vertical-align: middle; width: 15px;} .watchIConForUserActivity{ background: url("/Styles/../images/modelqsprite.png") -85px -1570px no-repeat scroll transparent; display: inline-block; height: 18px; line-height:22px; margin-right: 3px; vertical-align: middle; float: right; vertical-align: middle; padding: 0px 0px 0px 17px; color: #989898; font-size:15px;} .lightborder{ overflow: hidden; /* border-bottom: 1px dotted #E3E1E1;padding: 5px 0px;*/ font-size:16px; position:relative; } .likecommenttext{font-size:14px; padding: 0px 0px 6px 0px; } .ViewPreviousComments{font-size:14px; margin-bottom:5px;} /*End mY A/c Activity page*/ .Details { padding:4px 0px 10px 0px; overflow: hidden; line-height:22px; } /*use job for you*/ .Details .event_date { padding:0px;} /*USE STYLE VENUE POP UP JOB AND EVENT */ .venueListPopup { overflow: hidden; } .venueListPopup h2 { margin-bottom:15px; padding: 0px 0px 10px 0px; border-bottom:1px solid #f4f4f4;} .venueListPopup label{ font-size: 18px; float: left; padding: 0px 10px 0px 0px;} .venueListPopup .textBox { float: left;} .venueListPopup .button2 { margin: 0 0px 0px 10px;} .searchVenueList { padding: 15px 0px 0px 0px; overflow: hidden;} .responsive_post_page .row .normalGray, .responsive_post_page label { font-size: 18px;} .responsive_post_page .normalFont { font-size: 18px;} /*USE ICON FOR CASTING DETAIL AND JOB EVENT BLOG LISTING AND DETAIL */ ul.castingLink{ padding: 10px 0px 0px 0px; overflow: hidden;} ul.castingLink li{ padding: 0px 0px 1px 0px; float: left; list-style: none; border-bottom: none; } ul.castingLink li a { float: left; color: #870060; font-size:16px; padding: 2px 10px 0px 26px; position:relative;} ul.castingLink li a i{ position:absolute; left:0px; top:0px; font-size:29px;} ul.castingLink li a.delete i{ font-size:25px; top:1px;} .spritIconForvideo{ float: left; color: #870060; background: url(/Styles/../images/modelqsprite.png) -82px -5408px no-repeat; font-size:18px; padding: 2px 10px 0px 22px;} .iocn{float:left;} ul.castingLink li a:hover{ background-position: -82px -5375px; color: #B8b8b8;} ul.castingLink li a.like, .spritIconForvideo.likeVideo{ background-position: -84px -3642px;} ul.castingLink li a.like:hover, .spritIconForvideo.likeVideo:hover{ background-position: -84px -3670px;} ul.castingLink li a.Unlike, .spritIconForvideo.UnlikeVideo{ background-position: -84px -3670px;} ul.castingLink li a.comment:hover{ background-position: -82px -5619px;} ul.castingLink li a.edit{ background-position: -82px -5653px;} ul.castingLink li a.edit:hover{ background-position: -82px -5683px;} ul.castingLink li a.delete{ background-position: -80px -3828px;/*-84px -5150px;*/} ul.castingLink li a.delete:hover{ background-position: -80px -3797px; /*-84px -5180px;*/} ul.castingLink li a.addcircle{ background-position: 0px -636px;} ul.castingLink li a.addcircle:hover{ background-position: 0px -596px;} ul.castingLink li a.likeGray{ background-position: 0px -231px; cursor: default;} ul.castingLink li a.viewsGray{ background-position: 0px -288px; cursor: default;} ul.castingLink li a.commenGray{ background-position: 0px -363px;} ul.castingLink li a.opencall{ background-position: -82px -5812px;} ul.castingLink li a.opencall:hover{ background-position: -82px -5772px;} ul.castingLink li a.jobIconForListing{ background-position: -77px -5983px; padding: 2px 15px 0 26px;} ul.castingLink li a.jobIconForListing:hover{ background-position: -77px -5943px;} ul.castingLink li a.casting{ background-position: -82px -5903px;} ul.castingLink li a.casting:hover{ background-position: -82px -5863px;} .info .ic{ background-position: left 5px; background-repeat: no-repeat; display: inline; height: 21px; line-height: 21px; margin-right: 4px; max-width: 40px; overflow: hidden; padding-left: 19px;} .info .ic.isquare{ background-image: url("/Styles/../images/Icon_Count_photos.png"); cursor: auto; height: 21px; float: right; margin-right: 24px;} .SmallSpritIcons{ width: 13px;height: 13px;display: inline-block;overflow: hidden;vertical-align: middle;text-indent: -9999px;background: url(/Styles/../images/modelqsprite.png) left top no-repeat;} .castingLink .SmallSpritIcons.dollorpaid, #CastingDetail .SmallSpritIcons.dollorpaid {margin-top: -7px;background-position: -87px -3057px; height: 23px; padding: 3px 10px 0 17px; text-indent: 0; width: auto;} .SmallSpritIcons.dollorpaid{ margin-left:5px; font-size:18px; background-position: -87px -3066px;} .SmallSpritIcons.dollor.Gray{margin-left:5px; font-size:18px; background-position: -87px -3086px; padding:0 10px 0 0;} /*casting Detail page Icons Start here*/ /*USE JOB LISTING AND EVENT LISTING */ .eventList { width: 100%; overflow: hidden; padding: 15px 0px; } .eventList .squareImage { padding: 0px 20px 0px 0px;} .eventList h4 { padding: 0px 0px 2px 0px;} #DivCasting .contentSummary{padding:5px 0 5px 5px; margin-left:-3px;} #DivCasting .castingLink{padding:5px 0 0 5px;} .contentSummary { padding: 10px 0px; overflow:hidden;} .contentRight60{ overflow: hidden; vertical-align: top; position: relative;} /*USE EVENT LEFT BAR LISTING AND OTHER PAGES LISTING only A tag */ ul.commonLising, ul.commonGrayListing { list-style: none; overflow: hidden; padding: 15px 0px;} ul.commonLising li{ color: #8a8989; display: block;} ul.commonLising li a{ font-size: 18px; color: #444; line-height: 30px; padding: 2px 0 2px 15px; display: inline-block; background: url(/Styles/../images/listingarrow.png) left 14px no-repeat;} ul.commonLising li a:hover, ul.commonLising li.activeSlide a{ color: #870060; background-position: 0 -176px;} #eventLeftCntr strong { font-size:22px; font-weight: normal;} /*USE EVENT LEFT BAR LISTING AND OTHER PAGES LISTING only without a tag */ ul.commonGrayListing li{ font-size: 18px; color: #8a8989; display: block; line-height: 30px; padding: 2px 0 2px 15px; background: url(/Styles/../images/listingarrow.png) left 8px no-repeat;} .capletter{text-transform: none;font-size:17px; position:relative; z-index:9; } .marginT4{ margin-top:4px; display:block; font-size:18px; } /* #ImgUserSetting{ display: none;} */ /* Use Css for My Account Right bar and other Pages Right bar */ .rightListing{margin-bottom:23px;} .rightListing,.rightListing a { font-size:17px; line-height:20px; margin-top:15px;} .rightListing h5 { margin:0px 0px 5px 0px;} .rightListing h5 a { font-size: 18px; line-height:20px;} .rightListing h3{ position:relative;} .jobs_for_you,.iconConnection,.iconFeatures,.iconJob{ position:absolute; right:0px; top:0px; font-size:31px; color:#999999;} #spanJobsTitle,#spanfeaturedAgency,#spanfeaturedPhotographer,#spanConnectionTitle{ padding:0 0 0 0px;} .jobs_for_you:hover,.iconConnection:hover,.iconFeatures:hover,.iconJob:hover{ color:#870060;} #ShowTalent {margin-top:15px;} /* Use Style for Footer content page*/ .contentpageStyle{ max-width: 1280px; overflow: hidden; padding: 0px 0px 0px 0px; } .contentpageStyle h2, .TermsAndConditions h2{ font-size: 26px; line-height:28px; color: #636161; font-weight: normal; padding: 10px 0px 10px 0px; background: #f1f1f1;} .contentpageStyle .leftSidebar{ width: 25%; float: left; padding:0 10px 0 0 ;} .contentpageStyle .leftSidebar ul{ list-style: none;} .contentpageStyle .leftSidebar li{ display: block; padding: 0px 0px 0px 2px;} .contentpageStyle .leftSidebar li a{ font-size: 18px; color: #333; text-decoration: none; display: block; padding: 10px 0px 10px 40px; border-bottom: 1px solid #E7E7E7; position:relative; } .contentpageStyle .leftSidebar li a i { position: absolute; left: 8px; top: 7px; font-size: 30px;} .contentpageStyle .leftSidebar li a:hover, .contentpageStyle .leftSidebar .Active{ color: #870060;} .contentpageStyle .leftSidebar li a:hover i, .contentpageStyle .leftSidebar .Active i { font-weight:600;} .contentpageStyle .rightSideBar{ padding: 0px 0px 0px 15px; width: 75%; float: right;} .contentpageStyle .rightSideBar .rightInnercontent{ padding: 10px 0px 0px 0px;} .blackBackground{ font-size: 26px; line-height:28px; color: #fff !important; text-transform: uppercase; font-weight: normal; padding: 10px 0px 10px 15px; background: #1f1f1f;} /* content page as footer link style end here*/ .ContactBox .row { width:100%; overflow:hidden; padding-bottom:15px;} .ContactBox .row .col {width: 40%; float: left; position: relative;} .ContactBox .row .col2 {width: 28%; float: left; height: auto; line-height: 24px; text-align: left; padding-left:5px;} .ContactBox .label{ display:inline-block; font-size:18px; color:#333; line-height:40px; margin-bottom:5px; width: 30%; float: left; text-align: right; padding: 0px 10px 0px 0px;} .ContactBox .row .button { width:188px;} /* jobSetting style here */ #DivJobSetting .row .label{ width: 150px;vertical-align: top;text-align: right; padding: 0 5px 0 0; float:left; min-height:1px;} #DivJobSetting .row .col_1{ float:left; width:calc(100% - 155px);} /*#DivJobSetting .row .col_1{(;width: 682px;);} /* safari hack */ #DivJobSetting .row .jobSettingRadio li{ float:left; margin-right:20px;} .jobSetting .blocks .Innerlabel{ width:auto;} .jobSetting .blocks{ float:left; margin-right:10px;} .searchVenueList .squareImage{ width:60px; height:60px; margin-right:15px;} .ReviewFilter > .left + div{ float:right; margin-right:15px;} .btnsendmessageforcircle{margin: 10px 0px 10px 10px;height:30px;} .VerticalAlignTop{vertical-align:top !Important;} .buttonCenter { float: right;} #DropDownListCircleGroup > option,#drpcastingLocation > option { padding-left: 5px;} /* pop up style start */ .popup_page { padding: 5px 0px 0px 0px; overflow: hidden; width: 100%; background:#f0f0f0; padding:10px 10px 0 10px; margin-top:15px; } .popup_page .row .label { width: 100%; display: block; font-size: 14px; color: #6a6a6a; font-weight: normal; line-height: 26px; } .popup_page .inputBox, .popup_page .select, .popup_page textarea { width: 100%; border: 1px solid #ccc; color: #6a6a6a; padding: 5px; background: #fbfbfb;} /* pop up style end */ .box_sizing, .rightBar_show_on_mobile ul li a, .row, .popup_page .inputBox, .popup_page .select, .popup_page textarea {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;} /*job section quick search*/ .jobTop_Section{ overflow:hidden;} .jobTop_Section h3{position:relative; display:block; width:100%; text-align:left;} .jobTop_Section .sort_by{float:right; margin-top:10px;} .jobTop_Section .sort_by select.textBox{ width:175px;} .jobTop_Section .sort_by{float:none; text-align:left; width:96%; margin:0px auto;} .jobTop_Section .sort_by .button{ margin:0px;} .jobTop_Section{ overflow:hidden; border:1px solid #e4e4e4; background:#f0f0f0; padding:10px 0px 10px 0px;} .paging{ margin:0px 5px 10px 0px;} /*job section Listing search*/ .detail_jobSection_List li{display:block; width:100%; overflow:hidden; border-bottom:1px dotted #ccc; padding:5px 0;} .detail_jobSection_List li .leftSection{margin-right:10px; float:left;} .detail_jobSection_List li .leftSection img{border:1px solid #cacaca; padding:3px;} .detail_jobSection_List li .rightSection{overflow:hidden; width:auto;} .detail_jobSection_List li .rightSection .userName{display:block; margin-top:4px;} /*Quick Search Use For Default page*/ /*Quick Search Use For Default page*/ .QuickSearchHeaderpanel{ background: #f5f5f5; border: 1px dotted silver; padding: 15px 10px 0 15px; position:relative; } .QuickSearchHeaderpanel .row {padding-bottom: 0px;} .QuickSearchHeaderpanel li{text-align:left; padding:0px 10px 15px 0px; float:left; vertical-align:middle;} .QuickSearchHeaderpanel li .inputbox, .QuickSearchHeaderpanel li .select{ width:190px; float:left; padding:0 0 0 4px; border:1px solid #ccc; background:#fff; outline:none;} .QuickSearchHeaderpanel .QuickSearchHeaderpanel1{ width:300px;} .QuickSearchHeaderpanel .QuickSearchHeaderpanel2{ width:290px;} .QuickSearchHeaderpanel .QuickSearchHeaderpanel3{ width:261px;} .QuickSearchHeaderpanel .QuickSearchHeaderpanel5{ width:240px;} .QuickSearchHeaderpanel.singleRow li .inputbox, .QuickSearchHeaderpanel.singleRow li .select{ width:150px; } .QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel1{ width:254px;} .QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel2{ width:247px;} .QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel3{ width:391px;} .QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel5{ width:208px;} .QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel4 .select{ width:120px;} .QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel4 { float:left; margin-left:10px;} .QuickSearchHeaderpanel .button{ position: absolute; right:17px; bottom:15px;} .QuickSearchHeaderpanel li:last-child{padding:0px; width:0%;} .QuickSearchHeaderpanel li .inputbox.zipCityBox { width:114px; float:left; margin-left:10px;} .QuickSearchHeaderpanel li .halfwidth{ width:90px; padding:0 0 0 4px;border:1px solid #ccc; background:#fff; outline:none; float:left; } .QuickSearchHeaderpanel li .inputButton{padding: 0px 42px 0px 10px;display: inline-block;background:url(/Styles/../images/submitArrow.png) right -26px no-repeat;border: 0 none;cursor: pointer;overflow: visible;width: auto;font-size: 12px;text-transform: uppercase;color: #fff;height: 26px;line-height: 28px;} .QuickSearchHeaderpanel li .inputButton:hover{ background-position:right 0;} .QuickSearchHeaderpanel li .label { padding: 0px 10px 0px 0px; width:auto; float:left;} .QuickSearchHeaderpanel li .halfwidth2 { width:124px;} /*already use main my account master style*/ .myAccountMainImage img{ border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;} .connectionListIcon{ float:right;} /*already use main my account master style*/ /* Model Listing Menu*/ .modelListingMenu { width: 100%; position: relative; float: left; margin: 5px 0px 5px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #ccc; } .modelListingMenu li { float: left; margin: 0px 5px 0px 0px; } .modelListingMenu li a { padding: 0px 28px 0px 20px; display: block; float: left; background: #595959 url(/Styles/../images/tag_rightbg.png) right 0px no-repeat; font-size: 15px; text-transform: capitalize; color: #CBCBCB; height: 29px; line-height: 29px; } .modelListingMenu li a:hover, .modelListingMenu li a.active { background: #870060 url(/Styles/../images/tag_rightbg_active.png) right 0px no-repeat; color: #fff; } .modelListingMenu li img { width: 100%;} .modelListingMenu .filter_icon { width: 28px; height: 29px; float: right; display: block; text-indent:-99999px; background:url(/Styles/../images/filter_icon.png) right 0px no-repeat } .modelListingMenu .filter_icon:hover { background-position: 100% -32px; } #mainCntr{ display:block; width:100%; overflow:hidden; min-height:100%; margin-bottom:-78px;} #mainCntr:after{ display:block; content:""; height:78px; clear:both;} div.searchVenueModelPopup{display: none;width: 590px;} .centerimage { width:60%; margin: 0px auto; padding: 10px; } .centerimage img { width: 100%;} .textBox.small{ width:101px;} #tdzipcode.jobSettingZipRadio{ } /*----------------------------CIRCLE SECTION START HERE----------------------------*/ .CenterImageCircle{cursor:pointer; } .circleBox { width: 190px; height: 190px; margin: 30px; position: relative; border:1px solid #ccc; border-radius:100%; } .circleBox a{ width: 50px; height:50px; display: block; text-align: center; background:#fff; border:1px solid #ccc; border-radius: 100%; } .circleBox a i { font-size:45px; color:#ccc;} .circleBox a:hover, .circleBox a.active{ border: 1px solid #870060; color:#870060; } .circleBox a:hover i, .circleBox a.active i {color:#870060;} .circleBox img { width: 84px; height: 84px; border-radius: 100%; position: absolute; left: 50%; top: 50%; border:2px solid #fff; margin: -42px 0px 0px -42px;} .CenterImageCircle.active img { border:2px solid #870060;} /* .circleBoxMyAccount{ width: 216px; height: 209px; position: relative; background: url(/Styles/../images/circleGroup2.jpg) left top no-repeat;} .circleBoxMyAccount a{ width: 49px; height: 42px; padding-top: 9px; display: block; text-align: center; background: url(/Styles/../images/circleBg.png) left top no-repeat;} .circleBox a.active span{ display: block;}*/ .circle1{ position: absolute; left: -21px; top: 78px;} .circle2{ position: absolute; left: 3px; top: 0px;} .circle3{ position: absolute; left: 80px; top: -26px;} .circle4{ position: absolute; left: 151px; top: 17px;} .circle5{ position: absolute; left: 158px; top: 102px;} .circle6{ position: absolute; left: 98px; top: 155px;} .circle7{ position: absolute; left: 17px; top: 141px;} /* fix filterBox and smallHeader */ .dividerMainMemberSearch .FixedMemberFilterbar{ position: fixed;top: 117px;width: 100%;left: 0;background: #fff;z-index: 9;padding: 10px 0;} .modelList_container{ margin-top:50px;} .FixedMemberFilterbar.DirectoryFixedheader {top:104px!important;} .DirectoryFixedheaderMargingTop{margin-top:0px!important;} #divHeader.responsive_model_profile_header.responsive_InnerHeader.fixedHeaderScroll,.responsive_model_profile_header.responsive_InnerHeader.fixedHeaderScroll .InnerHeader{ height:51px;} .responsive_model_profile_header.responsive_InnerHeader.fixedHeaderScroll .InnerHeader .logo{ height:41px; width:140px; margin-top:8px;} .responsive_model_profile_header.responsive_InnerHeader.fixedHeaderScroll #Divheadermenu{ clear:none;} .responsive_model_profile_header.responsive_InnerHeader.fixedHeaderScroll .notification_container + div.clear{ display:none;} .responsive_model_profile_header.responsive_InnerHeader.fixedHeaderScroll .InnerHeader .searchBox{ top:10px;} .responsive_model_profile_header.responsive_InnerHeader.fixedHeaderScroll .InnerHeader .searchBox input.searchBtnProfile{ line-height:28px;} .responsive_model_profile_header.responsive_InnerHeader.fixedHeaderScroll .InnerHeader .menu ul{ padding-top:0px;} .responsive_model_profile_header.responsive_InnerHeader.fixedHeaderScroll .InnerHeader .menu{padding-top:6px;} .dividerMainMemberSearch .FixedMemberFilterbar.fixedFilterBox{ top:51px;} .responsive_model_profile_header.responsive_InnerHeader.fixedHeaderScroll .Right_header_container { width: calc(100% - 155px)} .fixedHeaderScroll .UserNameHeader{ line-height:45px;} .headerSearchResultOnScrollMin{top:50px!important;} .headerSearchResultOnScrollMax{top:116px!important;} /* inner profile header style start here */ .responsive_model_profile_header.fixedHeaderScroll .InnerHeader .profile_logo{ width: 152px; height: 39px; margin: 7px 0px 0px 0px;} .responsive_model_profile_header.fixedHeaderScroll .bottomStrip .searchBox { right:0px!important;} .responsive_model_profile_header.fixedHeaderScroll .InnerHeader .ProfileHeaderMenu li{ padding:0px;} .responsive_model_profile_header.fixedHeaderScroll .InnerHeader .searchBox.profile{ top:9px;} .fixedHeaderScroll .InnerHeader .menu li ul {top:36px;} .fixedHeaderScroll .bottomStrip .Right_header_container_profile2{ display:none;} .responsive_model_profile_header.fixedHeaderScroll .bottomStrip{ height:0px; padding:0px;} .responsive_model_profile_header.fixedHeaderScroll .InnerHeader{ height:51px;} /* inner profile header style end here */ .inviteMember_btn { width:auto; float:right; } .inviteMember_btn .button { margin: 0px; } .UserActivityComment{font-size:13px;color: #999; padding:0px; line-height: 15px;} /*Job Time Line*/ .timeLineContaine { margin: 20px 0px; overflow: hidden; width:100%; display:block; position:relative; } .timeLineContaine .TopJobTimeLine .commentSectionDetail{ padding:55px 0 70px 0px;} .timeLineContaine .commentSectionDetail,.timeLineContaine .commentSectionGray{ margin-bottom:0px;} .TopJobTimeLine{ position:relative;} .timeLineContaine .timeLineHeading{ background:url(/Styles/../images/projectTimeline.png) 14px 8px no-repeat; font-size:20px; line-height:41px; padding:0 0 0 61px; font-weight:normal; color:#6a6b6c; margin-bottom:15px; } .timeLineContaine .timeLineHeading a{ font-size:17px; padding:0;} .timeLineContaine .timeLineHeading a:hover{ color:#4f4f4f} .timeLineContaine .middleLine{ width:3px; background:#f0f0f0; position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:0 auto; height:100%;} .timeLineContaine .middleLine .StartPointer,.timeLineContaine .middleLine .EndPointer{ position:absolute; top:0px; left:-23px; width:50px; height:50px; background:url(/Styles/../images/stripImageJobDetailPage.png) 0 0 no-repeat;} .timeLineContaine .middleLine .EndPointer{ top:auto; bottom:0px; background-position:0 -544px;} .timeLineContaine .TimeBox{ width:50%;} .timeLineContaine .TimeBox .containerDataTimeBox{ width:100%; padding:5px 10px; position:relative; margin-bottom:10px; } .timeLineContaine .TimeBox .containerDataTimeBox .imageTimebox{ width:50px; height:50px; float:left; overflow:hidden; margin-right:10px;} .timeLineContaine .TimeBox .containerDataTimeBox .textContainer{ overflow:hidden; font-size: 16px; } .timeLineContaine .TimeBox .time{ float:right; margin-bottom:8px;} .timeLineContaine .TimeBox .ActivityTime { padding: 3px 0px 2px 28px;} .timeLineContaine .TimeBox.left_TimeBox .containerDataTimeBox{ min-height:60px;} .timeLineContaine .TimeBox.left_TimeBox{float:left; padding:0 28px 0 0; margin:15px 18px 15px 0;} /*.timeLineContaine .TimeBox.left_TimeBox .containerDataTimeBox .Arrow{ background:url(/Styles/../images/timelinearrowleft.png) 0 0 no-repeat; position:absolute; right:-11px; top:0; bottom:0px; margin:auto 0; width:19px; height:48px;}*/ .timeLineContaine .TimeBox.left_TimeBox .containerDataTimeBox .timeLineCircle{ background:url(/Styles/../images/stripImageJobDetailPage.png) 0 -95px no-repeat; position:absolute; right:-51px; top:0px; bottom:0px; margin:auto 0; width:50px; height:51px;} .timeLineContaine .TimeBox.left_TimeBox .containerDataTimeBox .timeLineCircle.tradeshoot_timeLineCircle{ background-position:0 -429px;} .timeLineContaine .TimeBox.left_TimeBox .containerDataTimeBox .timeLineCircle.castingCall_timeLineCircle{background-position:0 -301px;} .timeLineContaine .TimeBox.left_TimeBox .ActivityTime { padding: 3px 28px 2px 28px; margin:0 15px 0 0;} .timeLineContaine .TimeBox.left_TimeBox .ActivityTime a.delete i { font-size: 28px; position: absolute; right: 0px; top: -1px; color: #666;} .timeLineContaine .TimeBox.right_TimeBox .containerDataTimeBox{ min-height:60px;} .timeLineContaine .TimeBox.right_TimeBox{ float:right; padding:0 0 0 28px; margin:15px 0 15px 18px;} .timeLineContaine .TimeBox.right_TimeBox .containerDataTimeBox .Arrow{ background:url(/Styles/../images/timelinearrowRight.png) 0 0 no-repeat; position:absolute; left:-11px; top:0; bottom:0px; margin:auto 0; width:19px; height:48px;} .timeLineContaine .TimeBox.right_TimeBox .containerDataTimeBox .timeLineCircle{background:url(/Styles/../images/stripImageJobDetailPage.png) 0 -194px no-repeat; position:absolute; left:-55px; top:0px; bottom:0px; margin:auto 0; width:50px; height:50px;} .timeLineContaine .ActivityTime .icon-time_clock.time_clock { font-size: 29px; left:1px; } .imageTimebox img { border-radius: 100%; } /*End Job Time Line*/ .ActivityLikefont{font-size:14px;} .smalltext { font-size: 14px;} /* Message Image upload*/ .fixedWidth{width:113px;} .uploadphotoformsg { margin: 5px 0px 0px 0px;} .msgpostforprofile { position:relative; padding:5px; height: 135px; overflow: auto; border:1px solid #d5d5d5; } .msgpostforprofile .textmsg { padding-left: 5px; overflow: hidden; font-family: 'SegoeRg'; color: #676767;font-size: 15px; } .msgpostforprofile .textmsg textarea { border: none; width: 100%;} .msgpostforprofile .img { padding: 3px 10px 0px 0px; position:absolute; left: 6px; top: 4px; } .msgpostforprofile .close { position: absolute; top: 3px; right: 10px; font-size: 13px; background-color: rgba(0,0,0,0.7); color: #A2A2A2; border: 1px solid #A2A2A2; width: 15px; height: 15px; line-height: 15px; text-align: center; text-decoration: none; } .MessagePhotoFileInput{cursor: pointer;width: 50px;position: absolute;text-align: right;right: 0px;top: 0;opacity: 0;-moz-opacity: 0;z-index: 9999;} .rightBarMessage .img { padding: 10px 0;} .MessageDiscription .img { padding: 10px 0;} .uploadphotoformsgreply { margin: 5px 0px 0px 70px;} .msgpostforprofile.chatmsg{ height:75px;} .msgpostforprofile.chatmsg .textmsgrep { height: 65px;} /*Mesage Image upload*/ /* * imgAreaSelect animated border style */ .imgareaselect-border1 { background: url(/Styles/../images/border-anim-v.gif) repeat-y left top; } .imgareaselect-border2 { background: url(/Styles/../images/border-anim-h.gif) repeat-x left top; } .imgareaselect-border3 { background: url(/Styles/../images/border-anim-v.gif) repeat-y right top; } .imgareaselect-border4 { background: url(/Styles/../images/border-anim-h.gif) repeat-x left bottom; } .imgareaselect-border1, .imgareaselect-border2, .imgareaselect-border3, .imgareaselect-border4 {opacity: 0.5; } .imgareaselect-handle { background-color: #fff; border: solid 1px #000; opacity: 0.5; } .imgareaselect-outer { background-color: #000; opacity: 0.5; } /* mysetteng left menu style start here */ .MySettingLeftMenu a{ position:relative; font-size:18px; color:#4f4f4f; padding:6px 0px 6px 37px; display:inline-block;} .MySettingLeftMenu a.active,.MySettingLeftMenu a:hover{ color:#870060;} .MySettingLeftMenu a i {position: absolute;left: 8px;top: 4px;font-size: 30px;} .MySettingLeftMenu a:hover i ,.MySettingLeftMenu a.active i { font-weight:600;} /* mysetteng left menu style end here */ /* fix filterBox and smallHeader */ #divUserName{ position: fixed;top: 117px;width: 100%;left: 0;background: #fff;z-index: 9;padding: 10px 0; text-align:center; font-size:25px;} #divUserName.fixedFilterBox{ top:51px;} .fixedUserNameMessage .blnakDiv{ height:44px;} /* #divUserActivity .group3.cboxElement{ max-width:100%; display:inline-block; overflow:hidden; max-height:395px; text-align:center;} #divUserActivity .group3.cboxElement img{ width:auto; max-width:100%;max-height:395px; height:auto; display:inline-block;} */ #divUserActivity .group3.cboxElement{ display:inline-block; overflow:hidden; max-height:350px; text-align:center;} #divUserActivity .group3.cboxElement img{ max-width:100%; width:100%; height:auto; display:inline-block;} .NoRecordfoundHS{color:White; text-align: center;height: 53px;background-color:#414141!important;padding:12px;} .modelsListing.AgencyListing li .block{ border:1px solid #d1d1d1; padding-bottom:110px; background:#e8e8e8; } .modelsListing.AgencyListing li .block .Agency-logoHref{ display:block; width:100%; height:285px; position:relative;} .modelsListing.AgencyListing.grid_view li .block{ padding-bottom:96px;} .modelsListing.AgencyListing.grid_view li .block .Agency-logoHref{ height:200px; } .modelsListing.AgencyListing.thumb_view li .block{ padding-bottom:60px;} .modelsListing.AgencyListing.thumb_view li .block .Agency-logoHref{ height:120px; } .modelsListing.AgencyListing li .block .Agency-logoHref img{ width:auto; height:auto; max-height:100%; max-width:100%; position:absolute; top:0; bottom:0px; left:0px; right:0px; margin:auto;} /*footerdirectory*/ .pagedirectory { padding:10px 0px 10px 0; overflow: hidden; } .pagedirectory .pageCnter { max-width: 1024px; margin:0px auto;} .pagedirectory h3 { margin-top:0px; } .pagedirectory ul { padding:20px 0px 0px 0px; list-style: none; margin-right:-10px; overflow: hidden; } .pagedirectory li { width:25%; float: left; padding:0px 10px 10px 15px;line-height:1; background: url(/Styles/../images/Directorybullet.png) left 7px no-repeat;} .pagedirectory li a {text-transform: capitalize; font-size:18px; color:#414141; text-decoration: none; line-height:20px; } .pagedirectory li a:hover { color: #6b024d;} .videosample { max-width:902px;margin:0px auto; display:block; max-height:520px; width:63%; height:72%; margin-top:30px; } #videoweb {height:450px;border: 10px solid #504F4F; } .pagedirectory.column3 li{ width:33.3%;} .staticpage #videoweb{ min-height:428px;} /* Invite friend*/ .InviteText{height:50px;} /* End Invite friends */ .watermarkcheck { position:relative; top:4px; } .watermark-popup label { font-size: 16px;} #divcopyrightText, #divcopyrightlogo { margin-top: 20px; margin-bottom:10px;} .FollowerLeftBar { float:right;} .FollowerLeftBar a { font-size:15px;} .FollowerLeftBar .Circle { font-size: 15px;color:#870060;} .FollowerRightBar { width:50px; float:right;} .FollowerRightBar a { font-size:25px;} .FollowerRightBar .Circle { font-size: 27px;} .commentfollowingRightbar .Circle { font-size: 38px; position:relative; top:-8px; } .connectionListIcon li.LastLiCricle {margin-left:10px;} .connectionListIcon li.LastLiCricle .AllreadyaddCircle{color:#08A709;} .connectionListIcon li.LastLiCricle .pendingCircle{color:#E80707;} .connectionListIcon li .messageConnection.followerCircle i { font-size:45px;} /*Blog and News css*/ #DivBlogList .contentevent_date, #BlogsByTagDiv .contentevent_date, .blogList .contentevent_date{padding-top:12px;} #DivBlogList .contentevent_date > span, #BlogsByTagDiv .contentevent_date > span, .blogList .contentevent_date > span { display: inline-block; vertical-align: top;} #DivBlogList .icon-Calendar, #BlogsByTagDiv .icon-Calendar, .blogList .icon-Calendar {margin: 0px 6px 0px 1px; font-size:20px;} #DivBlogList h4, #BlogsByTagDiv h4{margin-bottom:8px; line-height:1; margin-top:-4px;} .blogList, #BlogsByTagDiv .blogList, #DivBlogList .blogList{padding-bottom:20px;} #DivBlogList #tags i, #BlogsByTagDiv #tags i, .blogList #tags i{left: 1px;} .blogList #tags{margin-top:5px;} #DivBlogList .tagText, #BlogsByTagDiv .tagText, .blogList .tagText {margin-left: 4px;} .breadcrumb.content li.breadcrumbDeActive span, .breadcrumb.content li.breadcrumbDeActive, .breadcrumb.content li a.breadcrumbActive, .breadcrumb.content li a.breadcrumbActive span{background:none; padding-left:0px; display:inline-block; } .breadcrumb.content li a.breadcrumbActive{color:#870060;} .breadcrumb.content li a.breadcrumbActive:hover, .breadcrumb.content li a.breadcrumbActive:hover span{color:#727070; background:none;} .spancolor{color:#727070!important; background:none;} .breadcrumbAero{margin:0px 1px 0px 4px;} .blogList h3#h3blogTitle { margin: -5px 0px 8px;line-height: 1;} #BindNews .contentevent_date, #NewsByTagDiv .contentevent_date, .blogList .contentevent_date{padding-top:12px;} #BindNews .contentevent_date > span, #NewsByTagDiv .contentevent_date > span, .blogList .contentevent_date > span { display: inline-block; vertical-align: top;} #BindNews .icon-Calendar, #NewsByTagDiv .icon-Calendar, .blogList .icon-Calendar {margin: 0px 6px 0px 1px; font-size:20px;} #BindNews h4, #NewsByTagDiv h4{margin-bottom:8px; line-height:1; margin-top:-4px;} #BindNews .blogList, #NewsByTagDiv .blogList{padding-bottom:20px;} #BindNews #tags i, #NewsByTagDiv #tags i, .blogList #tags i{left: 1px; top:2px;} .blogList #tags{margin-top:5px;} .blogList h3#h3newsTitle { margin: -5px 0px 8px;line-height: 1;} /* #tags .FilterSearchText{ background:none; border:1px solid #870060; color:#414141; border-radius:0; padding:1px 8px; }*/ #tags .FilterSearchText{ background:#eee; border:1px solid #870060; color:#414141; border-radius:0; padding:1px 8px; } /*light gray*/ /*#tags .FilterSearchText{ background:#939593; border:1px solid #870060; color:#fff; border-radius:0; padding:1px 8px; } /*dark*/ #tags .FilterSearchText:hover{ background:#fff; color:#870060;} .addnewsblog > div {margin: 0 auto;max-width: 600px;overflow: hidden;padding: 0; width:97%;} .addnewsblog.responsive_post_page .row input.textBox, .addnewsblog.responsive_post_page .row select.textBox, .addnewsblog.responsive_post_page .row select.selectBox {width:97% !important; height:45px; line-height:45px;} .addnewsblog.responsive_post_page .row .textBox, .addnewsblog.responsive_post_page #spancuteEditro{width:97% !important;} .addnewsblog.responsive_post_page #spancuteEditro{float:left;} .addnewsblog.responsive_post_page #spancuteEditro > table{width:100% !important;} #addPostContentCntr .addnewsblog .ErrorMessage {float: right;margin: 0;padding: 0;width:3%; text-align:right;font-size:18px;} #addPostContentCntr .addnewsblog .ErrorMessage.fullwidth{float:none; width:100%; text-align:left; font-size:18px;} .TextBoxRequired{border-color:#AB0072!important;} /*End Blog and News css*/ .addnewsblog ::-webkit-input-placeholder { color:#6a6a6a; } .addnewsblog ::-moz-placeholder { color:#6a6a6a; } /* firefox 19+ */ .addnewsblog :-ms-input-placeholder { color:#6a6a6a; } /* ie */ .addnewsblog input:-moz-placeholder { color:#6a6a6a; } #DivDirectoryDescription{line-height:28px;} #UlDirectoryListing .photodetail{margin-top:-6px;} #UlDirectoryListing h4{margin-bottom:5px;} .Set-focus textarea:focus{ border:1px solid #D004A2!important;} .Set-focus input[type=text]:focus,.Set-focus input[type=password]:focus,.Set-focus select:focus,.Set-focus input[type=checkbox]:focus + label,.Set-focus input[type="radio"]:focus + label{ border:1px solid #D004A2!important;} .Set-focus input[type=checkbox] + label,.Set-focus input[type=radio] + label{ border:1px solid #fff;} .Set-focus .commonRadioList { margin-top:2px; width:600px; overflow: hidden;padding-top:1px;} .DisplayInterestsTable input[type=checkbox] + label{ border:none!important;} .DisplayInterestsTable input[type=checkbox]:focus + label{ border:none!important;} .DisplayInterestsTable input[type=checkbox]:focus + label:before { background:url(/Styles/../images/newimages/checkBox_focus.png) 0 -80px no-repeat;content: " ";} .DisplayInterestsTable input[type=checkbox]:checked:focus +label:before {background-position:0 0;} .Set-focus .positionrelative input[type=checkbox] + label{ border:none!important;} .Set-focus .positionrelative input[type=checkbox]:focus + label{ border:none!important;} .Set-focus .positionrelative input[type=checkbox]:focus + label:before { background:url(/Styles/../images/newimages/checkBox_focus.png) 0 -80px no-repeat;content: " ";} .Set-focus .positionrelative input[type=checkbox]:checked:focus +label:before {background-position:0 0;} .Set-focus input[type=submit]:focus {background-color: #ab0072;} .Announcement_background img {max-width:100%!important;} /*Agency Model Registration*/ .agency-model-upload{}/* Do not remove this line*/ .agency-model-upload .ulleftbar{display: block;text-align: center;} .agency-model-upload .ulleftbar li{width: 230px;height: 230px;display: inline-block;position: relative;border: 1px solid #d0d0d0;margin: 0 10px;} .agency-model-upload .ulleftbar li .image-container{width: 100%;display: block;position: relative;height: 100%; cursor:pointer;} .agency-model-upload .ulleftbar li .image-container img{width: auto;max-width: 100%;max-height: 100%;height: auto;position: absolute;left: 0px;top: 0;right: 0;bottom: 0;margin: auto;} .agency-model-upload .ulleftbar li .image-container img + a{position: absolute;top: -6px;right: -6px;padding: 5px;} .agency-model-upload .ulleftbar li a{display: block;} .agency-model-upload .ulleftbar li .pic_select{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background: rgba(0,0,0,0.5);text-align: center;color: #870060;font-size: 22px;line-height: 230px;} /*.agency-model-upload .ulleftbar li .profilePictureSelectorFileInput{width: 100%;height: 100%;display: block;opacity: 0;} end */ .userMyQActivityPage .leftSection .userImage{ width:130px; height:130px; margin:0 15px 0 0; border:none;} .userMyQActivityPage .leftSection .userImage img{ border-radius:50%; } /*Slider*/ .sliderRangeBothSide .ui-slider-horizontal{height: 4px;float: left;width: 220px;margin-top: 14px;} .ui-slider-horizontal .ui-slider-handle:last-of-type{margin-left:-10px!important;} .ui-slider-horizontal .ui-slider-handle:first-of-type{margin-left:-2px!important;} .sliderRangeBothSide .ui-slider-horizontal .ui-slider-handle{top: -11px;margin: 0; } .sliderRangeBothSide .ui-slider .ui-slider-handle{width: 25px;height: 25px;border-radius: 50%; border:1px solid #b1b0b0b; background:#fff;} .sliderRangeBothSide .tooltip{position: absolute;z-index: 1030;display: block;visibility: visible;font-size: 13px;line-height: 1.4;opacity: 0;filter: alpha(opacity=0);} .sliderRangeBothSide .slider-tip{opacity: 1;bottom: 75%;margin-left: -8px;} .sliderRangeBothSide .tooltip.top {margin-top: -3px;padding: 0 0 5px 0;right:0;} .sliderRangeBothSide .tooltip.top .tooltip-arrow {bottom: 0px;right: 2px;margin-left: -5px;border-width: 5px 4px 0;border-top-color: #252525;} .sliderRangeBothSide .tooltip-arrow{position: absolute;width: 0;height: 0;border-color: transparent;border-style: solid;} .sliderRangeBothSide .tooltip-inner {max-width: 200px;padding: 4px 6px 1px 6px;color: #ffffff;text-align: center;text-decoration: none;background-color: #252525;border-radius: 3px;} .sliderRangeBothSide .ui-widget-content{ border:none; background:#C5C5C5;} .sliderRangeBothSide .ui-widget-header{background:#870060;} /*end slider*/ #divWatchList{ margin-right:-25px; margin-bottom:25px; overflow:hidden;} #divWatchList li{width: 24%;float: left;padding: 3px;height:120px!important;margin-right:5px;margin-top:5px;border:1px dotted #e8e8e8;position:relative;overflow:hidden;} .multiWatchList{float: right;margin-bottom: 50px;} .CheckboxOnImage { position: absolute;left: 5px;top: 8px;} .CheckboxOnImage input[type=checkbox] {position: absolute; width:22px; height:25px; overflow: hidden; margin:0px; padding: 0; border: 0; outline: 0; opacity: 0;cursor: pointer;} .CheckboxOnImage input[type=checkbox]+label:before {display: inline-block; width:22px; height:25px; margin-right: 4px; background:url(/Styles/../images/newimages/checkbox_spriteImage.png) 0 -29px no-repeat;content: " ";vertical-align: middle;} .CheckboxOnImage input[type=checkbox]:checked+label:before {background-position:0 2px;} .Main-checkwatchlist .icon-Delete{top:0px; font-size:31px; margin-right:4px;} .Main-checkwatchlist .SmalldeleteConnection{margin-left: 9px;} .watchlisticon li{float:left; width:105px; padding:0; min-width:105px;} .accordianMySearches > ul > li {padding: 20px 0 20px 0;} .accordianMySearches > ul > li:first-child{padding-top:0;} .accordianMySearches > ul > li .SaveSearchDate.timeIcon{ position:relative; display:inline-block; float:right; padding:0 0 0 22px;} .accordianMySearches > ul > li .SaveSearchDate.timeIcon i{ position:absolute; left:0; top:0; font-size:23px;} .accordianMySearches > ul .watchlisticon{ padding-bottom:20px; overflow:hidden; border-bottom:1px solid #d0d0d0;} .accordianMySearches > ul .watchlisticon:last-child{ border-bottom:none;} #TextBoxFirstName, #TextBoxLastName {text-transform: capitalize;} .large-font { font-size: 15px; } .divLeftCntrMain { /*width: 976px; background: url(/Photographer/Style/../../images/AjencyLeftRepeatBg.gif) left top repeat-y; */ overflow: hidden; } .mainRight { margin: 10px 0 80px 0; width: 834px; min-height: 650px; height: auto !important; height: 650px; } /*use class without right bar in profile*/ .divLeftCntr { width: 974px; } .contentCntr { width: 834px; min-height: 571px; height: auto !important; height: 571px; background: none !important; padding: 10px 0 0px 0px; margin: 0px 0 0px 0; } .contentCntrInner { width: 834px; margin: 0px 0 0px 0; overflow: hidden; background: url(/Photographer/Style/../../images/centerBg.png) -42px top repeat-y; } .leftCntr { width: 600px; margin-bottom: 10px; } .rightCntr { width: 213px; } /* main class style end here*/ .Mc_wall { width: 670px; float: left; } .photographerProfileLeftDetail { width: 25%; padding-right: 10px; } .photographeProfileRightDetail { width: 75%; float: right; } /* .userName { width: 520px; font-size: 32px; font-weight: normal; padding-top: 6px; float: left; padding-right: 10px; color: #BFBEBE; line-height: 31px; margin-bottom: 5px; } */ /*----------------------------MENU END HERE----------------------------*/ .usernameGray { width: 406px; text-align: right; padding-top: 10px; float: left; color: #bababa; font-size: 12px; } /*----------------------------CENTER CONTAINER START HERE----------------------------*/ ul.normalList { margin-right:-6px; position:relative;} ul.normalList li{ float: left; width:20%; padding: 0 6px 6px 0; list-style: none; text-align: right;} ul.normalList li img { width: 100%;} .leftDetail { width: 182px; margin-bottom: 10px; } .rightDetail { width: 781px; } /*---------------------------- PROFILE SITE LEFT START HERE----------------------------*/ .profileSiteLeft { width: 250px; float: left; position: relative; } .profileSite { width: 250px; float: left; position: relative; } .profileSite li { display: block; list-style: none; width: auto; overflow: hidden; padding: 8px 0 3px 0; } .profileSite li a { font-size: 13px; color: #323232; text-decoration: none; font-weight: normal; } .profileIcon { float: left; margin: 0 6px; width: 20px; } .profileSite li a:hover { color: #F144BB; } .normalComment li { list-style: none; color: #989898; overflow: hidden; padding: 5px 0 0 0; border-bottom: 1px dotted #e0e0e0; } .playBtn { position: absolute; left: 63px; top: 47px; } .playIconSmall { position: absolute; left: 51px !important; top: 37px; } .textarea { border: 1px solid #B0B0B0; margin: 6px; width: 85%; height: 40px; } .locationName { width: 180px; float: left; padding-left: 12px; border-left: 1px solid #E1E1E1; font-size: 12px; line-height: 14px; } .ui-widget-overlayUI { position: absolute; top: 0; left: 0; background: black !important; z-index: 6 !important; opacity: 0.30; -moz-opacity: 0.65; /* older Gecko-based browsers */ /*filter: alpha(opacity=30) !important; /* For IE6&7 */ } /*Right sidebar start */ .MyAccountRightBar .ContentDEtailForRightBar { width: 231px; float: right; font-size: 12px; } .ContentDEtailForRightBar { width: 151px; float: right; font-size: 12px; } .viewAll a { color: #870060; font-size: 13px; text-decoration: none; float: right; } ul.jobListing li { padding: 0 0 3px 10px; width: 303px; list-style: none; background: url(/Photographer/Style/../../images/pinkarrow.png) left 5px no-repeat; } /*.rightListing{ overflow: hidden; border-bottom: 1px solid #e1e1e1; padding: 0px 0 9px 0;} .rightListing li{ display: block; list-style: none; padding-bottom: 5px; border-bottom: 1px dotted #ccc; margin: 5px 0; overflow: hidden; width: 100%;} .rightListing li.last{border-bottom: none;}*/ /*Right sidebar end*/ /*----------------------------EVENT PAGE and casting detail STYLE START HERE----------------------------*/ .eventdividerMain { width: 974px; overflow: hidden; background: url(/Photographer/Style/../../images/contentCntrBg.png) -451px top repeat-y; } #eventLeftCntr { width: 294px; float: left; } #eventRightCntr { width: 653px; float: right; } .EventDetail { overflow: hidden; margin: 5px 0 5px 0; border-bottom: 1px dotted #ccc; } .EventDetail ul { list-style: none outside none; overflow: hidden; padding: 0px 0px 3px 0px; width: auto; } .EventDetail li { float: left; display: block; } .EventDetail .lightGrayBox { font-size: 15px; } .EventDetail p { padding: 0px 0 5px 0; line-height: 20px; width: 100%; } .eventList { width: auto; overflow: hidden; padding: 6px 0; border-bottom: 1px dotted #ccc; } .eventListingDetail { width: 509px; float: right; } /* Job link Start */ .jobtab { margin: 0px; padding: 0px; list-style: none; background: #e0e0e0; border: 1px solid #999999; width: 99.8%; float: left; } .jobtab li { margin-bottom: -2px; } .jobtab li a { padding: 7px 21px 9px 21px; display: block; border-right: 1px solid #999999; } .jobtab li:hover, .jobtab li a.active { background: #fff; } #DivUserJobListByStatus { border: 1px solid #999999; overflow: hidden; border-top: none; } /* Job link End */ /*----------------------------CONNECTION SECTION END HERE----------------------------*/ /*----------------------------ROUNDED GRAY BOX START HERE----------------------------*/ /*.roundedGrayBar{ padding: 7px 6px 5px 15px; overflow: hidden; margin-top: 10px; background: #F5F5F5; border: 1px dotted #ccc;} .roundedGrayBar li { float: left; margin: 0 15px; vertical-align: middle;} .roundedGrayBar .searchBox{ width: 233px; float: right; border: 1px solid #999999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #fff; font-size: 11px; margin: 0px;} .roundedGrayBar .searchBox .inputBtn{float: left; width: 21px; height: 20px; border: none; background: url(/Photographer/Style/../../images/searchZoom2.png) left top no-repeat;}*/ /*----------------------------TWITTER CSS START HERE ----------------------------*/ /*----------------------------CONNECTIONS PAGE STYLE START HERE----------------------------*/ .CoverPictureSelectorFileInput { cursor: pointer; position: absolute; text-align: right; right: 115px; bottom: 40px; opacity: 0; -moz-opacity: 0; /*filter: alpha(opacity:0);*/ } .profilePictureSelectorFileInput { cursor: pointer; position: absolute; /*width:50px;*/ text-align: right; right: 0; top: 0px; opacity: 0; -moz-opacity: 0; /*filter: alpha(opacity:0); /*width:150px; z-index:9999;*/ } #My_Account_feed { position: relative; width: 506px; padding: 2px 0 0 2px; height: 29px; background: #a6a6a6; margin-bottom: 2px; } #My_Account_feed a { padding: 6px 43px 6px 44px; height: 17px; display: block; color: #fff; cursor: pointer; float: left; margin-right: 5px; } #My_Account_feed a.updateIcon { background: url(/Photographer/Style/../../images/updateIcon.png) 25px 6px no-repeat; } #My_Account_feed a.myaccountphotoIcon { background: url(/Photographer/Style/../../images/myAccountPhotoIcon.png) 18px 6px no-repeat; } #My_Account_feed a.myaccountVideoIcon { background: url(/Photographer/Style/../../images/MyaccountVideoIcon.png) 18px 6px no-repeat; } #My_Account_feed a.updateIcon:hover, #My_Account_feed a.updateIcon.active { background: #870060 url(/Photographer/Style/../../images/updateIcon.png) 25px 6px no-repeat; } #My_Account_feed a.myaccountphotoIcon:hover, #My_Account_feed a.myaccountphotoIcon.active { background: #870060 url(/Photographer/Style/../../images/myAccountPhotoIcon.png) 18px 6px no-repeat; } #My_Account_feed a.myaccountVideoIcon:hover, #My_Account_feed a.myaccountVideoIcon.active { background: #870060 url(/Photographer/Style/../../images/MyaccountVideoIcon.png) 18px 6px no-repeat; } .MyAccountFileInput { cursor: pointer; width: 50px; position: absolute; text-align: right; right: 0px; top: 0; opacity: 0; -moz-opacity: 0; /*filter: alpha(opacity:0);*/ z-index: 9999; } /* My account Message css */ .divComposeMail { display: none; width: 700px; height: 575px; padding: 1px; padding: 1px; z-index: 999; top: 2%; left: 15%; position: absolute; } .videoDelete { float: right; margin: -3px 5px 0 0; } .videoDelete img { margin-right: 5px; } .rightCntr #calendar { width: 213px; } .ErrorMessage { color: #870060; vertical-align: middle; text-align: center; } .commentSectionGray { background: #efefef; width:100%; float:left; padding: 7px 9px; } /*Use css My picture Page*/ .myPictureIcon { width: 258px; display: block; float: right; } .myPictureIcon a { font-size: 13px; margin-left: 10px; display: block; float: left; cursor: pointer; height: 27px; color: #870060; background: url(/Photographer/Style/../../images/movePhotoIcon.png) left 7px no-repeat; padding: 0 0 0 27px; } .myPictureIcon a:hover { background-position: 0 -24px; color: #414141; } .myPictureIcon a.AddPhotoButton { background: url(/Photographer/Style/../../images/addPhotoIcon.png) left 7px no-repeat; padding: 0 0 0 27px; } .myPictureIcon a.AddPhotoButton:hover { background-position: 0 -24px; color: #414141; } /*Use css My picture Page*/ /*Recent activity style use for my account page start here*/ .populateCircleBtn { width: 213px; height: 35px; text-indent: -9999px; display: block; background: url(/Photographer/Style/../../images/populate_your_circleBtn.png) left top no-repeat; } .populateCircleBtn:hover { background-position: 0 -42px; } /*LatestAnnouncement style use for profile page start here*/ .AnnouncementForProfile { width: 100%; overflow: hidden; padding:7px 0px; } .ApproveIcon { display: block; height: 20px; width: 20px; text-indent: -99999px; background: url(/Photographer/Style/../../images/Active.png) left top no-repeat; } .RejectIcon { display: block; height: 20px; width: 20px; text-indent: -99999px; background: url(/Photographer/Style/../../images/reject_circle.png) left top no-repeat; } /*----------------------------ENDORSED SECTION START HERE----------------------------*/ .endorsed .detail { font-size: 12px; padding-right: 10px; width: 92%; display: table; } .MyAccountLeftBar .endorsed .detail { width: 88%; display: table; padding-right: 10px; } .endorsed p { padding: 0 0 10px 0; } .endorsed.endorsborder { width: 100%; overflow: hidden; padding: 5px 0; margin-right: 10px; min-height: 52px; } /*----------------------------ENDORSED SECTION END HERE----------------------------*/ /* common */ .darkGray, .LinkNormalDarkgray { color: #494949; } .LinkNormalGray, a.LinkNormalGray { color: #989898; } a.LinkNormalGray:hover, .LinkNormalDarkgray:hover { color: #870060; } .LinkNormalPink, .pinkNormalLink { color: #870060; } /*Banner and Profile Pic*/ .ajencyBannerBox { position: relative; height: 457px; margin-left: -1px; } .ajencyBannerBox .image { margin: 5px 12px 16px 18px; float: left; position: relative; } .ajencyBannerBox .image img { border-radius: 100%; } /*photographer profile page css start here*/ .modelAjency { width: 100%; float: left; } .prfileimage { float: left; border: 9px solid #dddddd; } .Location_place { padding: 0px 0 5px 21px; display: block; background: url(/Photographer/Style/../../images/location_icon.PNG) left 2px no-repeat; } .photographerstats { padding: 10px; } .photographerstats li { width: 190px; padding: 2px 0; } .photographerleftDetail { width: 25%; padding-right: 7px; } .photographerRightDetail { width: 75%; padding-left: 13px; } .photographerContentDiv{width: 976px;min-height: 220px;height: auto !important;height: 220px;} .photographerContentDiv .leftCntr{margin-bottom: 10px;width: 600px;} .photographerContentDiv .rightCntr{width: 213px;} a.createNewRecord1{width: 27px;height: 23px;display: block;text-indent: -9999px;background: url(/Photographer/Style/../../images/createNewRecord.png) left -37px no-repeat;margin-top: 10px;} a.createNewRecord1:hover{background-position: 0 0px;} .blogList{overflow: hidden;padding: 5px 0 10px 0; /*margin-bottom:15px;*/} .LeftDetail .blogList .right{width: 526px;} .LeftDetail .blogSlide li{padding: 10px;} .AgencylabelTd{width: 150px;text-align: right;padding-right: 10px;} .AgencytextBox{margin: 0 10px 0 0px;border: 1px solid #a8a8a8;color: #676767;font-size: 16px;height:30px;width: 217px;padding-left: 2px;padding-right: 2px;} .agencystats{padding: 10px;} .agencystats li{width: 190px;padding: 2px 0;} .LabelNormalPink{color: #870060;} ul.Interests{list-style: none;padding-top: 0px;margin-bottom: 10px;width: 100%;float: left;} ul.Interests li{color: #4f4f4f;padding: 5px;width: 50%;float: left;line-height: 34px; font-size: 17px;} .ShareprofileForPhotographer{background-color: rgba(0, 0, 0, 0.7);position: absolute;right: 0;top: -111px;} .ProfileMasterLeftStrip{position: absolute;margin-left:-76px;background: url(/Photographer/Style/../../Images/photographer.png) no-repeat top left;height: 318px;width: 50px;} .PhotographerLeftStrip-MyAccounttop{top:238px;} .PsProfileMasterLeftStrip{position: absolute;margin-left:-76px;background: url(/Photographer/Style/../../Images/Photo_Studio.png) no-repeat left top;height: 318px;width: 50px;} .VgProfileMasterLeftStrip{position: absolute;margin-left:-76px;background: url(/Photographer/Style/../../Images/videographer.png) no-repeat left top;height: 340px;width: 56px;} .topIconForProfile{overflow: hidden;position: absolute;right: 50px; } .EditCoverPictureDivForPhotographer{background: #2B2B2B;position: absolute;right: 0px;bottom: -102px;width: 200px;border: 4px solid #444444;z-index: 9;} .EditCoverPictureDivForPhotographer ul li{float: left;width: 100%;display: block;} .EditCoverPictureDivForPhotographer ul li a{padding: 5px 7px 5px 27px;height: auto !important;font-size: 14px;display: block;text-align: left;float: none;color: #CFCECE;text-transform: capitalize;border-bottom: 1px solid #444444;position:relative;} .EditCoverPictureDivForPhotographer ul li a:hover{background: url(/Photographer/Style/../../images/menuHover.png) repeat;} .FeaturedPhotographer{position: absolute;top: -9px;left: -9px;} .photographerRightDetail h3 { padding: 15px 0px; overflow: hidden; font-size: 26px; } .photographerRightDetail h4 { padding: 0px 0px 4px 0px; overflow: hidden; font-size: 20px; } @font-face { font-family: 'modelQ_web'; src: url('/Styles/../fonts2.0.0.0/modelQ_web.eot?v1vl1v'); src: url('/Styles/../fonts2.0.0.0/modelQ_web.eot?v1vl1v#iefix') format('embedded-opentype'), url('/Styles/../fonts2.0.0.0/modelQ_web.ttf?v1vl1v') format('truetype'), url('/Styles/../fonts2.0.0.0/modelQ_web.woff?v1vl1v') format('woff'), url('/Styles/../fonts2.0.0.0/modelQ_web.svg?v1vl1v#modelQ_web') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'modelQ_web' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-star:before { content: "\e90a"; } .icon-wiki:before { content: "\e909"; } .icon-copyright-fill:before { content: "\e908"; } .icon-copyright:before { content: "\e907"; } .icon-copyright-remove:before { content: "\e906"; } .icon-heart-fill:before { content: "\e905"; } .icon-fax:before { content: "\e904"; } .icon-video-play:before { content: "\e903"; } .icon-my-contact:before { content: "\e902"; } .icon-close-job:before { content: "\e901"; } .icon-AcceptCricleRequest:before { content: "\e900"; } .icon-icon_left_rotate:before { content: "\e800"; } .icon-icon_right_rotate:before { content: "\e801"; } .icon-rotate:before { content: "\e802"; } .icon-clone2:before { content: "\e6af"; } .icon-close:before { content: "\e6b0"; } .icon-circle_plus:before { content: "\e6ab"; } .icon-circle_minus:before { content: "\e6ac"; } .icon-move_bold:before { content: "\e6ad"; } .icon-move_thin:before { content: "\e6ae"; } .icon-Importgmailcontacts:before { content: "\e6a9"; } .icon-Importcontacts:before { content: "\e6aa"; } .icon-editUserLink:before { content: "\e6a6"; } .icon-connectUserLink:before { content: "\e6a7"; } .icon-removeUserLink:before { content: "\e6a8"; } .icon-model_designer:before { content: "\e6a4"; } .icon-model_stylist:before { content: "\e6a5"; } .icon-twitter2:before { content: "\e6a1"; } .icon-instagram:before { content: "\e6a2"; } .icon-linkedIn:before { content: "\e6a3"; } .icon-lineLock:before { content: "\e69d"; } .icon-boldLineLock:before { content: "\e69e"; } .icon-lineGlobe:before { content: "\e69f"; } .icon-globe:before { content: "\e6a0"; } .icon-pricing:before { content: "\e69c"; } .icon-activity:before { content: "\e69b"; } .icon-timeLine:before { content: "\e69a"; } .icon-googlePlus_line:before { content: "\e696"; } .icon-twitter_line:before { content: "\e697"; } .icon-facebook_line:before { content: "\e698"; } .icon-instagram_line:before { content: "\e699"; } .icon-reponsive_mobile_menu:before { content: "\e690"; } .icon-cross_circle:before { content: "\e691"; } .icon-right_circle:before { content: "\e692"; } .icon-reponsive_left_menu:before { content: "\e693"; } .icon-google_plus:before { content: "\e694"; } .icon-arrow_right:before { content: "\e695"; } .icon-set_profile_thumb:before { content: "\e68d"; } .icon-set_profile_thumb2:before { content: "\e68e"; } .icon-set_profile_image:before { content: "\e68f"; } .icon-circle_request:before { content: "\e67d"; } .icon-grid_view:before { content: "\e67e"; } .icon-grid_view_new:before { content: "\e67f"; } .icon-inbox:before { content: "\e680"; } .icon-job_notification2:before { content: "\e681"; } .icon-large_view:before { content: "\e682"; } .icon-large_view_new:before { content: "\e683"; } .icon-list_view:before { content: "\e684"; } .icon-list_view_new:before { content: "\e685"; } .icon-new_message:before { content: "\e686"; } .icon-notification:before { content: "\e687"; } .icon-reply:before { content: "\e688"; } .icon-sent_message:before { content: "\e689"; } .icon-thumb_view:before { content: "\e68a"; } .icon-thumb_view_new:before { content: "\e68b"; } .icon-trash:before { content: "\e68c"; } .icon-other2:before { content: "\e67b"; } .icon-Friends_1:before { content: "\e67c"; } .icon-Agency:before { content: "\e676"; } .icon-RetoucherPhotoEditor:before { content: "\e677"; } .icon-Similar_search:before { content: "\e678"; } .icon-TalentManager:before { content: "\e679"; } .icon-SendCancellationRequest:before { content: "\e675"; } .icon-clone:before { content: "\e674"; } .icon-cancel:before { content: "\e671"; } .icon-introduce:before { content: "\e672"; } .icon-save:before { content: "\e673"; } .icon-ExternalJob:before { content: "\e670"; } .icon-MoreInfo:before { content: "\e66e"; } .icon-tradeShoot:before { content: "\e66f"; } .icon-ReportAbuse:before { content: "\e66d"; } .icon-edit_comment:before { content: "\e66c"; } .icon-images:before { content: "\e668"; } .icon-print_resume:before { content: "\e669"; } .icon-print_compCard:before { content: "\e66a"; } .icon-print_headShot:before { content: "\e66b"; } .icon-Endorse:before { content: "\e667"; } .icon-AdvancedSearch:before { content: "\e61f"; } .icon-Apply:before { content: "\e620"; } .icon-Book:before { content: "\e621"; } .icon-BusinessHiringTalent:before { content: "\e622"; } .icon-Calendar:before { content: "\e623"; } .icon-CastingCall:before { content: "\e624"; } .icon-CircleConnection:before { content: "\e625"; } .icon-CircleNotNow:before { content: "\e626"; } .icon-CircleRequest:before { content: "\e627"; } .icon-CircleRequestCircle:before { content: "\e628"; } .icon-City:before { content: "\e629"; } .icon-Comment:before { content: "\e62a"; } .icon-Crop:before { content: "\e62b"; } .icon-Delete:before { content: "\e62c"; } .icon-Edit:before { content: "\e62d"; } .icon-EnterEmail:before { content: "\e62e"; } .icon-EventPlanner:before { content: "\e62f"; } .icon-FashionDesignerStylist:before { content: "\e630"; } .icon-Featured:before { content: "\e631"; } .icon-FeaturedTag:before { content: "\e632"; } .icon-Filter:before { content: "\e633"; } .icon-Followers:before { content: "\e634"; } .icon-Following:before { content: "\e635"; } .icon-FollowRequest:before { content: "\e636"; } .icon-Forward:before { content: "\e637"; } .icon-FriendsCircle:before { content: "\e638"; } .icon-Gallery:before { content: "\e639"; } .icon-HairSalon:before { content: "\e63a"; } .icon-HairStylist:before { content: "\e63b"; } .icon-HairStylistCircle:before { content: "\e63c"; } .icon-Hours:before { content: "\e63d"; } .icon-Inbox:before { content: "\e63e"; } .icon-Job:before { content: "\e63f"; } .icon-JobNotifications:before { content: "\e640"; } .icon-Like:before { content: "\e641"; } .icon-LoginHereSignIn:before { content: "\e642"; } .icon-MakeupArtist:before { content: "\e643"; } .icon-MakeupArtistCircle:before { content: "\e644"; } .icon-Map:before { content: "\e645"; } .icon-MessageNotifications:before { content: "\e646"; } .icon-Model:before { content: "\e647"; } .icon-ModelCircle:before { content: "\e648"; } .icon-MoreSimilarSearch:before { content: "\e649"; } .icon-Notifications:before { content: "\e64a"; } .icon-OpenPublic:before { content: "\e64b"; } .icon-OtherPeopleWorkedWith:before { content: "\e64c"; } .icon-Outbox:before { content: "\e64d"; } .icon-Paid:before { content: "\e64e"; } .icon-PaidCircle:before { content: "\e64f"; } .icon-Parking:before { content: "\e650"; } .icon-Password:before { content: "\e651"; } .icon-Photographer:before { content: "\e652"; } .icon-PhotoStudio:before { content: "\e653"; } .icon-PhotoUpload:before { content: "\e654"; } .icon-PrimaryArrowButton:before { content: "\e655"; } .icon-Print:before { content: "\e656"; } .icon-RegisterHere:before { content: "\e657"; } .icon-Search:before { content: "\e658"; } .icon-Settings:before { content: "\e659"; } .icon-Share:before { content: "\e65a"; } .icon-SignOut:before { content: "\e65b"; } .icon-Tag:before { content: "\e65c"; } .icon-TalentAgency:before { content: "\e65d"; } .icon-TalentAgent:before { content: "\e65e"; } .icon-TalentAgentCircle:before { content: "\e65f"; } .icon-Tools:before { content: "\e660"; } .icon-UnfollowRequest:before { content: "\e661"; } .icon-Upload:before { content: "\e662"; } .icon-UserOnlineStatus:before { content: "\e663"; } .icon-Videographer:before { content: "\e664"; } .icon-View:before { content: "\e665"; } .icon-Website:before { content: "\e666"; } .icon-left_menu:before { content: "\e617"; } .icon-time_clock:before { content: "\e618"; } .icon-facebook:before { content: "\e619"; } .icon-twitter:before { content: "\e61a"; } .icon-jobs_for_you:before { content: "\e61b"; } .icon-apply:before { content: "\e61c"; } .icon-connection:before { content: "\e61d"; } .icon-features:before { content: "\e61e"; } .icon-Browse_menu:before { content: "\e616"; } .icon-arrowUp:before { content: "\e615"; } .icon-message:before { content: "\e611"; } .icon-users:before { content: "\e612"; } .icon-view:before { content: "\e613"; } .icon-heart:before { content: "\e614"; } .icon-circle_notification:before { content: "\e60c"; } .icon-job_notification:before { content: "\e60d"; } .icon-message_notification:before { content: "\e60e"; } .icon-allType_notification:before { content: "\e60f"; } .icon-innerHeader_search:before { content: "\e610"; } .icon-arrow_back:before { content: "\e608"; } .icon-cross:before { content: "\e609"; } .icon-cameraFill:before { content: "\e60a"; } .icon-calendar:before { content: "\e60b"; } .icon-arrowDown:before { content: "\e600"; } .icon-view_circle:before { content: "\e601"; } .icon-camera:before { content: "\e602"; } .icon-lock:before { content: "\e603"; } .icon-scissor:before { content: "\e604"; } .icon-user_circle:before { content: "\e605"; } .icon-search_circle:before { content: "\e606"; } .icon-seperator:before { content: "\e607"; } .icon-photographer_circle:before { content: "\e67a"; } @charset "utf-8"; /* CSS Document */ .display_on_mobile,.display_on_ipad,.display_only_ipad{ display:none!important;} .responsiveMenu,.responsive_menuBtn, #dp_swf_engine{display:none;} .responsive_menuBtn{ position:absolute;} .display_none_all_device { display:block;} .EditModelprofilediv ul li.display_none_all_deviceCrop { display: block; } /* model stats */ .model-Stats{ width:100%; display:block; margin-top:18px;} .model-Stats .stats-radioBtn{ float:left;} .model-Stats .stats-radioBtn li{ float:left;} .model-Stats .stats-content{ margin-top:18px; margin-right: -25px;} .model-Stats .stats-content li{ float:left; width:50%; padding:0 25px 0 0; margin-bottom:15px;} .model-Stats .stats-content li .label{ float:left; width:227px; text-align:right;margin-right:10px;} .model-Stats .stats-content li .inputBox{ width:180px; float:left; text-align:right;} .model-Stats .stats-content li .inputBox.half-inputBox{ margin:0 10px 0 0; width:85px;} .model-Stats .stats-content li .inputBox input[type="text"],.model-Stats .stats-content li .inputBox select{ width:100%; height:33px; background:none; border:1px solid #ccc; padding:4px;} .model-Stats .stats-content .marginNone{ margin:0px!important;} .experience .label { width: 235px; float:left; text-align:right; padding-right:10px;} @media screen and (min-width: 1024px) { .searchBox,#divmenu,#divmenu > ul{ left: auto !important;} } @media screen and (max-width:1440px) { .autoCenter, .pageCenter{ padding:0 15px;} .socialIconAll li{ width: 33.33%; background-size: 100%;} /* .Information h5, a{ font-size: 17px;} */ .RecentActivityComment li,.rightListing h5 a{ font-size: 16px;} .rightListing h3{ font-size: 24px;} .Details{ line-height: 20px;padding: 0px 0 3px 0; } .rightListing, .rightListing a{ font-size: 15px;} /*#leftCntrMemberSearch{ width:319px;} */ #rightCntrMemberSearch{ overflow:hidden; width:auto!important; float:none;} .all, .matching, .Booking, .Schedule, .Pending{ font-size:14px;} .MeasurementsRadio{ margin:0px;} .advanchSearchRadio .rightradio li{ width:33.33%;} .advamceSearchPage .mainFilters label{ width:95px; font-size:16px;} .leftColtelent{ width: 400px;} .button.event{ font-size:14px;} /* model profile header */ .UserNameHeader{ font-size:26px;} .LocationDivHeader{ padding:2px 0 0 20px;} /* model profile page */ .leftPic{ width:60%;} .ModelPortfolio{ width:40%;} .mostlargimg{ width:100%; height:auto;} /*.ImageReProfile{width:100%; height:auto;}*/ .postCenter{ width:100%; margin: 0px; padding:0px;} .display_none_all_device { display: none; } .SocialProfileLinks{display:none!important} } @media screen and (max-width:1279px) { #DropdownExperience{width:70%; background:none repeat scroll 0 0 rgba(0, 0, 0, 0);} .EditModelprofilediv ul li.display_none_all_deviceCrop { display: none; } #ulMostPhoto li{ width: 14.28%; } .all, .matching, .Booking, .Schedule, .Pending { padding-left:9px; font-size: 13px; } span.all_calendar, span.matching_calendar, span.booking_calendar, span.schedule_job, span.pending_job { padding: 23px 19px;} html{ overflow-y:inherit; height:100%; } .ProfileDivRating{ left:14px;} .InnerHeader { background-size: cover; } .chat_outerDiv { width: 79%;} #ulinvitations li { font-size:15px;} .autoCenter{ padding:0 15px;} .modelq_landingPage footer .navigation p { right:15px;} .rightCntrMemberSearch ul.modelsListing > li{ width:50%;} .QuickSearchHeaderpanel{ padding:10px;} .QuickSearchHeaderpanel li{ padding-bottom:10px;} .QuickSearchHeaderpanel .QuickSearchHeaderpanel1,.QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel1{ width:270px;} .QuickSearchHeaderpanel .QuickSearchHeaderpanel2,.QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel2{ width:270px;} .QuickSearchHeaderpanel .QuickSearchHeaderpanel3{ width:330px;} .QuickSearchHeaderpanel .QuickSearchHeaderpanel5,.QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel5{ width:270px;} .QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel3{ width:432px;} .QuickSearchHeaderpanel li .label{ width:100px;} .QuickSearchHeaderpanel li .inputbox, .QuickSearchHeaderpanel li .select,.QuickSearchHeaderpanel li .halfwidth2,.QuickSearchHeaderpanel.singleRow li .inputbox, .QuickSearchHeaderpanel.singleRow li .select,.QuickSearchHeaderpanel.singleRow li .halfwidth2{ width:158px;} .QuickSearchHeaderpanel .button{ position:relative; bottom:0px; right:0px;} .QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel4 .select{ width:112px;} .QuickSearchHeaderpanel.singleRow li .inputbox.zipCityBox{ width:100px;} /* header style start here */ .InnerHeader .menu li ul{ left:-186px;} /* header style end here */ /* model profile header */ .UserNameHeader{ font-size:21px;} .LocationDivHeader{ padding:5px 0 0 10px;} .LocationDivHeader a{ font-size:15px;} /* landing page style start here */ .modelq_landingPage .logo a{ width:330px;} .modelq_landingPage .logo a img{ max-width: 100%;width: auto;height: auto;} .modelq_landingPage .loginButton a{ width: 30%;height: 48px;line-height: 48px;} .modelq_landingPage footer .menu li a{ font-size: 20px;} .modelq_landingPage footer .learnMore{ padding: 10px 0;} .modelq_landingPage footer .learnMore a{ font-size: 20px; padding:2px 0px 0 15px; } .modelq_landingPage footer .learnMore a:first-child { padding-right:20px;} h2.pageHeading{ font-size: 36px;} .modelq_landingPage .moreInfoDetail .info{ padding: 39px 0;} .modelq_landingPage .moreInfoDetail .block{ padding: 0 25px;} .modelq_landingPage .moreInfoDetail .icon{ height: 146px;margin-bottom: 0px;} .modelq_landingPage .moreInfoDetail .view_circle,.modelq_landingPage .moreInfoDetail .user_circle,.modelq_landingPage .moreInfoDetail .search_circle{ font-size: 100px;} .modelq_landingPage .moreInfoDetail .scissor,.modelq_landingPage .moreInfoDetail .camera{ font-size: 53px;} .modelq_landingPage .moreInfoDetail .lock{ font-size: 47px;} .modelq_landingPage .moreInfoDetail h3{ font-size: 23px;margin-bottom: 7px;} .modelq_landingPage .moreInfoDetail p{ font-size: 18px;line-height: 24px;} /* landing page style end here */ /* #contentCntr { overflow:hidden;padding-bottom:360px;}*/ /* login page style start here */ .modelq_loginSection { width:90%;} /* login page style end here */ .myAccountLeft,.myAccountLeft .mySettingsLeft{ width: 175px;} .myAccountMainImage{ width: 150px;height: 150px;} .myAccountMainImage img{ width: 150px;height: 150px;} .MyAccountUserName{ font-size: 22px;margin: 5px 0;line-height: 20px;} .MyAccountUserName + span{ font-size: 17px;} .myaccountLeftMenu{ margin-top: 4px;} .myaccountLeftMenu li a{ font-size: 16px;padding: 4px 0 4px 31px;} .myaccountLeftMenu li a i{ font-size: 26px;left: 6px;top: 2px;} .myAccountCenter{ width: calc(100% - 467px);} .myAccountRight{ width:291px;} .rightListing h3{ font-size: 19px;} /* my job page */ .jobBoardLeft .myAccountLeft { width:192px;} .jobBoardLeft .jobBoardCenter{ width:calc(100% - 192px); margin:0px; padding:0 0 0 14px;} /* job setting page */ .mySettingsRight{ font-size:14px;} .mySettingsRight .textBox{ font-size:14px;} .jobSetting #ulJobType li{ width:128px;} .jobSetting #ulJobCategory li{ width:256px;} #rightCntrMemberSearch{ width:72%;} /* my calender page */ /* .all, .matching, .Booking, .Schedule, .Pending{ font-size:12px; padding:0 0 0 7px;}*/ .mySettingsRight{ width:calc(100% - 176px);} .responsive_mySettingsRight{ width:calc(100% - 233px);} .my-contact-setting-right{ width:calc(100% - 222px);} ul.modelsListing > li{ width:33.33%;} ul.modelsListing.PanelMember > li{ width:33.33%;} .advanchSearchRadio .rightradio li{ width:50%;} .advamceSearchPage .mainFilters label {padding: 0px 10px 0px 0px; width:100px; text-align:left;} .advamceSearchPage .mainFilters .textBox { width:135px;} .advamceSearchPage .mainFilters .textBox.halfTextBox, .advamceSearchPage .mainFilters .textBox.halfTextBox2{ width:62px;} .InnerHeader .menu li ul li:hover ul{ left:199px;} .advamceSearchPage .mainFilters select.selectBox{ width:141px; } .talentledtSpan2{ margin-left:5px; padding:0 15px 0 0;} .row .normalGray.label,#DivInnerModelBust .row .normalGray{ text-align: right;} #DivTalentSettings .row .col_1{ float: left;width: calc(100% - 180px);} .leftColtelent,.rightColtelent{ width: 100%;display: block;float: left;margin-bottom: 10px;} .rightColtelent select, .rightColtelent .textBox{ float: left;} .button.event ,.button.findVenueButton,.btn-view-venue-details{ margin-top:8px; margin-right:8px;} .agencyContact h4{ font-size:20px;} .InnerHeader .ProfileHeaderMenu li a{ padding:12px 10px;} /*Create job and event */ .responsive_post_page .row .normalGray, .responsive_post_page label{ font-size: 16px;} .castingTextBoxCss .textBox.VenueNameInputBox, .castingTextBoxCss .textBox{ width:534px;} .responsive_post_page .normalGray{ width:204px;} .commonRadioList{ width: 534px!important;} .findVenueButton{ margin-left:204px;} .chkList_job_applicableTo{ width:534px;} .castingTextBoxCss .textBox.small {width: 243px;} select.textBox.drop_job_rate{ width: 239px;} .textBox.small2 { width: 91px ;} #invitations li{ width: 50%; width: calc(50% - 10px);} .video table,.VideoDetailStyleObj,.VideoDetailStyle{ width:100%;} /* fixed small header and filter box */ .responsive_model_profile_header.responsive_InnerHeader.fixedHeaderScroll .InnerHeader .Right_header_container{ width:calc(100% - 165px);} #ulinvitations li { width: 33.3%;} .modelsListing .info a{font-size:13px;} .PopCircleTop{ position:relative; } .OuterDivofUserlike { top:114px;} .ActivytestareaOuter{float: left; width: 80%;} .ActivytestareaOuter2{float: left; width: 79%;} .MyQActivytestareaOuter{float: left; width: 87%;}/*For child activity like commnt on mqactivity*/ .MyQActivytestareaOuter2{float: left; width: 86%;}/*for status comment on mqactivity*/ /*This is use to remove overflow:hidden */ .removeoverflow{overflow:inherit!important; width:calc(100% - 70px) ; float:left;} .removeoverflow2{overflow:inherit!important; width:calc(100% - 70px) ; float:right;} /* my contact page */ .my-contact-setting-right .setWidth{ width:69%;} } @media screen and (max-width:1259px){ .ProfileMasterLeftBar, .ProfileMasterLeftStrip, .PsProfileMasterLeftStrip, .VgProfileMasterLeftStrip, .BhtProfileMasterLeftStrip, .EmProfileMasterLeftStrip, .HssProfileMasterLeftStrip { display: none;} .display_only_ipad{ display:block!important;float:none; clear:both;} ul.DirectoryListing > li{ width:33.33%; max-width:320px;} .rightComnment.mentionright{ width:88%;} } @media screen and (max-width:1150px) and (min-width:910px){ #leftCntrMemberSearch{ border-right:none; min-height:993px;} .display_none_tab{ display:none;} ul#ulVideo > li{ width:33.33%;} .jobFilterBox .seprater{ margin:13px 0 2px 0;} .jobFilterBox .label{ text-align:left;} .jobFilterBox .row{ padding-bottom:13px;} } @media screen and (max-width:1025px){ .dropdown .dt { display:block;} .dropdown .dt .multiSel { width:100%; max-width:100%;} #TextAreaBriefBioDesc{width: 100%;padding: 10px;} /* booking calender popup responsive */ .display_none_for_popupBox{ display:none;} .popUpBox.responsive_popUpBox{ width:100%; height:auto;} .popUpBox.responsive_popUpBox .top,.popUpBox.responsive_popUpBox .bottom,.popUpBox.responsive_popUpBox .middle{ background:none!important; height:auto; width:100%; } .popUpBox.responsive_popUpBox .top{ padding-top:0px;} .popUpBox.responsive_popUpBox .bottom{ padding-bottom:0px;} .popUpBox.responsive_popUpBox .closeBtn{ display:none;} .popUpBox.responsive_popUpBox .popupDetail{ margin:0px; padding:0px; width:100%;} .popUpBox.responsive_popUpBox .popupDetail > img{ display:none;} .popUpBox.responsive_popUpBox .popupDetailCenter{ margin-top:0px; width:100%;} .popUpBox.responsive_popUpBox .bookmeDetail{ float:none; margin:0px; width:100%;} .popUpBox.responsive_popUpBox .responsive_leftBox,.popUpBox.responsive_popUpBox .responsive_rightBox{ width:45%!important;} .popUpBox.responsive_popUpBox .Full_inputTextBox{ width:95%!important; background:#fff!important;height:24px; padding:3px 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; margin-left:0px!important; margin-bottom:5px!important;} .popUpBox.responsive_popUpBox .Small_inputTextBox{ width:40px!important; background:#fff!important; height:24px; padding:3px 5px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; } .popUpBox.responsive_popUpBox select{ background:#fff!important;} .popUpBox.responsive_popUpBox select.Small_inputTextBox { padding: 2px 3px;} .popUpBox.responsive_popUpBox select.Full_inputTextBox {padding: 2px 1px;} .popUpBox.responsive_popUpBox .bookingBlock .responsive_leftBox .select2{ margin-bottom:4px;} .popUpBox.responsive_popUpBox .bookingBlock .responsive_leftBox .clear_mobile{ clear:both; display:block; width:100%;} .popup_page .msgpostforprofile { background: #fff;} .popup_page textarea { background: #fff;} /* footer landing page */ .modelq_landingPage footer .navigation p{ position:relative; text-align:center; left:auto; right:auto; top:auto; bottom:auto; padding-bottom:5px;} .advamceSearchPage .mainFilters .col_1 .group{padding-left:5px;} .advamceSearchPage .mainFilters label, .advamceSearchPage .mainFilters select.selectBox{width:100%;} .advamceSearchPage .mainFilters label{margin-bottom:10px;} .advamceSearchPage .mainFilters .textBox, .advamceSearchPage .mainFilters .col_1 span{width:100%;} .advamceSearchPage .mainFilters .textBox.halfTextBox, .advamceSearchPage .mainFilters .textBox.halfTextBox2{width:47.5%;} .advamceSearchPage .mainFilters > li{padding:0px 5px; width:50%;} } @media screen and (max-width:1023px){ .ProfileDivRating{ left:auto; right:8px;} /* social setting */ .txtWebsiteProfileUrl{ margin-right:24px;} .social_linked li a.modifyBtn, .social_linked li a.unlinkBtn, .social_linked li a.linkBtn{ margin-right:6px;} .footerdirectory ul{ width:50%; padding-bottom:20px;} #DropdownExperience{width:76%; background:none repeat scroll 0 0 rgba(0, 0, 0, 0);} #imgNewCoverPicture.ImageCrop{ height:auto!important; min-height:1px!important; max-height:none!important;} .experience .label { margin-bottom:10px; display:block;} .rightComnment.mentionright{ overflow:inherit; width: 87%; float: right; } .rightComnment.mentionLeft{ overflow:inherit; width: 87%; float: left; } #divUserName { top:58px; padding-top:20px; background:#fff;} .popup_page .row .label{ font-size:16px;} /*Start: Strip on body if profile is completed (status=6)*/ .completeStrip{ font-size:12px;} /*END*/ .forgotPasswordBox { width:56%;} .mySettingsRight.newApplicant { width: calc(100% - 175px);} .responsive_jobAppliedMembersList li { width: 50%; } input.button[type="submit"], input.button[type="button"], input.button[type="reset"]{height: 36px;line-height: 33px;} /*.advamceSearchPage .mainFilters .textBox{ width: 185px;} .advamceSearchPage .mainFilters select.selectBox{ width: 185px;}*/ .advamceSearchPage .mainFilters .textBox.halfTextBox, .advamceSearchPage .mainFilters .textBox.halfTextBox2{ } body{overflow-x:hidden; width:100%;} #ulinvitations li { width: 50%;} #mainCntr { margin:0px;} #mainCntr:after { height: auto;} .rightComnment.mentionright{ width:88%;} .QuickSearchHeaderpanel .QuickSearchHeaderpanel1,.QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel1{ width:330px;} .QuickSearchHeaderpanel .QuickSearchHeaderpanel2,.QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel2{ width:330px;} .QuickSearchHeaderpanel .QuickSearchHeaderpanel3{ width:330px;} .QuickSearchHeaderpanel .QuickSearchHeaderpanel5,.QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel5{ width:330px;} .QuickSearchHeaderpanel .QuickSearchHeaderpanel6,.QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel6{ width:330px!important;} .QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel3{ width:441px;} .QuickSearchHeaderpanel li .label{ width:100px;} .QuickSearchHeaderpanel li .inputbox, .QuickSearchHeaderpanel li .select,.QuickSearchHeaderpanel li .halfwidth2,.QuickSearchHeaderpanel.singleRow li .inputbox, .QuickSearchHeaderpanel.singleRow li .select,.QuickSearchHeaderpanel.singleRow li .halfwidth2{ width:214px;} .QuickSearchHeaderpanel .button{ position:relative; bottom:0px; right:0px;} .QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel4 .select{ width:112px;} .QuickSearchHeaderpanel.singleRow li .inputbox.zipCityBox{ width:100px;} .display_none{display:none!important;} .display_on_ipad{ display:block!important; } /* landing page style start here */ .InnerHeader .pageCenter{ padding:0px;} .modelq_landingPage .moreInfoDetail .block{ width: 100%;margin-bottom: 20px;} .modelq_landingPage .moreInfoDetail .icon{ height: 92px;} /* landing page style end here */ #divHeader.responsive_model_profile_header,#divHeader.responsive_model_profile_header .InnerHeader{ height:111px;} #divHeader.responsive_model_profile_header.model_profile_page_header, #divHeader.responsive_model_profile_header.model_profile_page_header .InnerHeader{ height:111px;} #divHeader.responsive_model_profile_header .InnerHeader .searchBox.profile{ top:64px;} #divHeader.responsive_model_profile_header .bottomStrip{ padding:5px 0 6px 15px;} .InnerHeader .profile_logo{ width:150px; margin:16px 0 0 48px; height:40px;} /* login page style start here */ .modelq_header,.modelq_headerCntr{ height:66px;} .modelq_header .siteLogo{ width:169px; background-size:100%; margin-top:9px;} .modelq_loginSection { width:100%;} .modelq_loginSection .rightSection { padding: 0px 0px 0px 35px;} .modelq_loginSection .leftSection { padding: 0px 35px 0px 0px;} .modelq_loginSection .checkbox input[type="checkbox"] + label::before { margin-right:4px;} .modelq_loginSection .checkbox { font-size:16px;} .modelq_loginSection .forgetPassword { font-size:16px;} .purpleBtn { height:50px; line-height:50px;} /* login page style end here */ /* new responsive header */ #divHeader.responsive_InnerHeader,#divHeader.responsive_InnerHeader .InnerHeader{ height:58px!important;} .InnerHeader .logo{ width:124px; height:38px; margin:6px 0 0 48px;} .InnerHeader .searchBox{margin:0; position:fixed; top:64px; left:-250px; width:233px; z-index:9; right:auto;} .InnerHeader .searchBox.ExpandSearch{ padding:0px;} .InnerHeader .searchBox input.searchBtnProfile{ color:#333; line-height:27px;} .InnerHeader .searchBox .searchInput{ border:1px solid #cdcdcd; width:200px;background:#eee;} .InnerHeader .searchBox .AdvancedSearch{ display:block; font-size:12px; line-height:28px; margin-right:6px;color:#333;} .InnerHeader .searchBox .searchInput .input{ width:44%; padding:0 0 5px 8px; color:#333; font-size:16px;} .searchBox .row{width:207px; border:1px solid #CBCBCB; border-radius:0px; background:none;} .searchBox .textBox{width:178px;} .mobileMenu ul li.menu_seperator:after{ content:""; display:none;} .mobileMenu ul li.BrowseBtn .icon-Browse_menu:before{ content:"browse"; font-family:"SegoeRg"; text-transform:uppercase;} /* end here header */ .responsive_menuBtn{display:block; background:url(/Styles/../images/menu.png) no-repeat 0 0; width:30px; height:30px; position:absolute; top:5px; left:10px;} .logoInner, .HeaderLogo { margin:10px 0px 0px 38px; width:109px; height:22px; display:block; float:left; text-indent:-999999px; background: url(/Styles/../images/ModelHeaderLogo.png) left top no-repeat;} .HeaderLogo { margin-left:0px;} .mobileMenu{position:fixed; display:block; left:-260px; top:58px; background:#e6e6e6; height:100%; width:260px; overflow-y:auto; overflow-x:hidden; padding:50px 0 10px 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;} .mobileMenu > ul{height:auto; width:260px; position:fixed; width:260px; overflow:hidden; overflow-y:auto; background:#e6e6e6; left:-260px; top:100px;} .mobileMenu ul li{ margin-bottom:1px; float:left; display: block; width:100%; text-align: left; position:relative; } .mobileMenu ul li a{ display:block; font-size:16px; color:#656565; padding:12px 0 12px 10px; position:relative; float: none; border: none; text-transform: capitalize; } .mobileMenu > ul li a{background:#eeeeee;} .mobileMenu ul li a:hover, .mobileMenu ul li:hover a{ background:#ededed;} .mobileMenu ul ul li a{background:#e3e3e3; padding-left:25px;} .mobileMenu ul ul li a:hover{ background:#e8e8e8;} .mobileMenu ul ul ul li a{background:#e8e8e8; padding-left:40px;} .mobileMenu ul ul ul li a:hover{ background:#e0e0e0;} .mobileMenu ul li .accordian_arrow{ cursor:pointer; position:absolute; width:32px; height:32px; right:8px; top:5px; border:1px solid #BEBEBE; background:url(/Styles/../images/accordianArrow.png) no-repeat center center; transition:all 0.5s;} .mobileMenu ul li .openAccordian.accordian_arrow{background-color:#ddd;} .mobileMenu > ul ul{display:none; background:#dadada; position: relative; border: none; width: 100%; top:0px;} #rightCntrMemberSearch{width:100%; float:none; margin-bottom:0px;} /*All Default page And panel page*/ ul.modelsListing{width:100%; overflow:hidden; text-align:center; margin-top:12px; } ul.modelsListing.PanelMember{width:100%; overflow:hidden; text-align:center; margin-top:12px; } h1.responsive_right_heading, h3.responsive_right_heading{position:relative; height:40px; line-height:40px; padding:0 0 0 50px; background:#e3e3e3; z-index:5; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; overflow:hidden;} h1.responsive_right_heading, h3.responsive_right_heading #divtitle{ font-size:15px; line-height:40px;} .responsive_heading{ text-align: center;} .select_modelListingMenu { background: #fff; border: 1px solid #ccc; height: 30px; line-height: 30px; outline: medium none; padding: 3px 0 0 4px; width: 80%; margin: 0px 0px 10px 0px;} .responsiveMenu{display:block; background:url(/Styles/../images/left_menu_btn.png) no-repeat 0 0; width:40px; height:40px; position:absolute; top:0px; left:0px;} .responsive_leftCntr{position:fixed; width:260px!important; top:57px; left:-260px; background:#fff; height:auto; overflow:auto; z-index:9999; padding: 0 10px;} .searchshadowInner{border-right:none; width:100%; } .searchshadow,ul.PinkArrow li{width:100%;} .searchshadowInner h3{ width:250px;} .gender li{ float:left; margin-right:30px;} /* my account page style here */ .MainContainer,.mySettingsLeft,.myAccountCenter{ padding:0px; width:100%; margin:10px 0 0 0;} .myAccountMainImage{margin:0 auto;} .rightBar_show_on_mobile ul{ list-style:none; margin:7px 0px;} .rightBar_show_on_mobile ul li a{ width:50%; display:block; float:left; border:1px solid #ccc; border-right:none; padding:10px 0px; font-size:16px; text-align:center;} .rightBar_show_on_mobile ul li:last-child a{border-right:1px solid #ccc;} .responsive_select{ float:right; margin:5px; border:1px solid #ccc; width:130px; padding:1px 5px;} /* calender css start here */ .mySettingsRight{width:100%; margin:0px; padding:0px;} #calendar{margin:0px!important; width:100%!important;} .all, .matching, .Booking, .Schedule, .Pending{font-size:13px; margin:0 2px 0 0; width:120px; height:46px; line-height:inherit; float:none; display:inline-block; vertical-align:top; position:relative; padding:4px 35px 0 10px; text-align:left;} .all{ padding-top:12px; text-align:center;} span.all_calendar, span.matching_calendar, span.booking_calendar, span.schedule_job, span.pending_job,span.spanAll, span.spanMatching, span.spanBooking, span.spanSchedule, span.spanPending{ position:absolute; right:0px; top:0px;} .modelListingMenu li { float: left; } .modelListingMenu li a { padding: 0px 40px 0px 10px;} /*footer*/ .footerContainer{ margin-top: 15px;} /* common search page */ .rightCntrMemberSearch{ width:100%;} /* box sizing for ipad */ .box_sizing, .rightBar_show_on_mobile ul li a, .row, .searchshadowInner , .responsive_leftCntr { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;} #leftCntr, #rightCntr, #eventRightCntr{ width:100%;} .blogRightLising li { border-bottom: none;} .capletter { margin:8px 10px 0px 0px;} .capletter.mobile_postBtn{ margin:8px 10px 0 0;} /* job section page */ .jobFilterBox,.jobFilterBox select.textBox,.jobFilterBox .textBox, .jobFilterBox select.selectBox{ font-size:14px!important;} .contentDetailLeft{ padding:0px; width:100%;} #PDetailsDescription p,#PDetailsDescription p span{ font-size:15px!important;} .selectCategory{ padding:5px 0 5px 0px;} .jobBoardLeft{ width:100%!important;} ul#ulVideo > li{ width:33.30%;} /* .modelsListing .info a{ font-size:13px; padding:0 0 0 19px;} .modelsListing .info a i{ font-size:21px;} */ .advamceSearchPage .mainFilters > li{ width:50%;padding: 20px 21px 0px 0px; display:inline-block!important; vertical-align:top;} /* model profile page */ .leftPic{ height:493px!important; border-right:none!important;} .RightContainer, .LeftContainer{ margin:0px; padding:0px!important;} #eventRightCntr,#rightCntrMemberSearch{ padding:0px;} /* profile page */ .InnerHeader .searchBox.profile{ top:64px;} .bottomStrip{ height:0px; padding:0px;} .photographerRightDetail { width:100%; padding:0px;} ul.normalList li{ width:25%;} .aboutDetail{ font-size:16px; line-height:27px;} .photographerRightDetail h3{ font-size:24px; padding:7px 0;} #divLatestAnnouncementData .event_date{ font-size:15px;} .AnnouncementForProfile .leftInfo p{ font-size:16px;} /* job detail page */ .leftCntrJob{ width:100%; display:block; float:none;} .rightCntrJob{ float:left;} .rightContainerForMessage{width: 100%;} /* about us page */ .contentpageStyle{ background:none;} .contentpageStyle .rightSideBar{ width:100%; float:none;padding: 0px;} .contentpageStyle .leftSidebar.responsive_leftCntr{ padding:0px;} .contentpageStyle h2{ position:relative; padding:6px 0 6px 55px;} .commentHover .delete, .EndorsementsHover .delete, .EndorsementsHover:hover .delete, .givenendorsements .castingLink{display:block; visibility: visible;} /*profile style */ .modelImage{width:100%;} .leftPic,.leftPic a, .leftPic a img{width:100%;} .RightContainer,.LeftContainer{width:100%;} /*Changes style */ ul.stats { padding: 10px 0px; overflow:hidden;} ul.stats li { width: calc(50% - 30px); margin: 0px 20px 0px 0px;padding: 5px 0px; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;} ul.stats li:nth-child(even){ margin-right: 20px;} ul.stats li:nth-last-child(2) { border-bottom: none;} ul.Interests {padding: 0px 0px 10px 0px;} .RightContainer { display: none;} .userProfileInfo { width: 100%;} .LocationDivHeader { padding: 2px 0px 0px 12px; font-size: 12px; } /* booking calender popup responsive */ #divJobScheduleTime.row{ margin-bottom:10px;} /*header css */ .header.profile_headerTop { height:84px!important;} .header,.mainHeaderResponsive{ height:37px!important;} /*PhotoGrapher profile style */ .photographerRightDetail { width: 100%; margin: 0px;} .divLeftCntrMain { background: none; width:100%;} .lastlogin { margin: 10px 0px 0px 0px;} ul.normalList li img { width: 181px; height: 181px;} .topIconForProfile{left:0px; right:0px;} .ImageCrop{ background-size:cover; background-position:0 center; height:inherit!important;top:0px!important;} .ajencyBannerBox { height:auto;} .photographeProfileRightDetail{ width:100%!important; margin-left:0px!important;} /* ajencies page profile */ .AjencyRightDetail{ width:100%; padding-left:0px;} /* event post */ .responsive_post_page .row .grayList{ width:auto; display:block; padding:15px;} .responsive_post_page .row .grayList ul{ width:100%;} .responsive_post_page .row >img{ display:none;} .centerimage { width:100%; padding: 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; } .centerimage img { width: 100%; } /* my setting page */ .accordianMenu li a.menuitem{ width:auto;} .mysettingstrip{background: none repeat scroll 0 0 #870060;color: #fff;font-size: 16px; font-weight: 600; margin-top: 0;padding: 5px 10px; z-index: 9999} /* message page style here */ .addNewMessage{ padding:0 10px 0 35px; line-height:40px; height:40px; font-size:17px; background-position:7px 9px;} .mySettingsRight .innerHeadingH4{ padding:5px 5px; } .mySettingsRight .tableContent{ width:auto; display:block; padding:0 0px; margin-top:10px;} .messageContainer{ padding:0px;} .subject .createDate{ margin-bottom:10px;} .responsive_search_venue .venueListPopup{width: 100%;} .capletter.mobile_postBtn{ margin-top:7px!important;} .responsive_search_venue .search-header input.textBox{ width:300px!important;} .responsive_search_venue .search-header input.button2{ margin:0 0 0 13px!important;} .jobBoardCenter{ margin:0px; width:100%;} .msg_container{ float:right;} /* model profile header */ .InnerHeader .profile_logo{ margin-top:7px;} .InnerHeader .Right_header_container_profile{ width:auto;} a.mobile_postBtn{ margin: 4px 4px 0 0;} .breadcrumb .button.capletter{ position: absolute;top: 3px;right: 21px;margin: 0px;height: 32px;line-height: 32px;} .postCenter .display_only_ipad.normalGray{ display:none!important;} .postCenter .castingTextBoxCss .textBox{ width:100%;} .event_place {padding:0 0 5px 0;} .ui-datepicker .ui-datepicker-title{margin-left: 41px!important;width: 62%!important;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{ width: 40%!important;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{ width: 49%!important;} .modelq_landingPage footer .menu { text-align: left;} .modelq_landingPage footer .menu li { padding: 0px 13px; } .modelq_landingPage footer .menu li a { font-size:18px; } .commentSectionGray { padding:7px;} #CE_FreeTextBoxDescription_ID.description_editor{ width: 71%!important;} .description_editor{ width:97%!important;} #invitations li{ min-height: 120px;} /* filter box */ .dividerMainMemberSearch .FixedMemberFilterbar{ top:58px; } .modelq_filterBox .col1{ width:auto;} #divHeader.responsive_model_profile_header .bottomStrip{ background:none;} #divHeader.responsive_model_profile_header .InnerHeader.clearfix.profileHeader.progileHeaderbgimage,#divHeader.responsive_model_profile_header{ height:53px;} ul.modelsListing{ padding: 0px;} #ulSearchDataforSendingMessageOrBook li{ width:31%;} /* jobfilter */ #leftCntrMemberSearch{ border-right:none;} .jobFilterBox .label{ text-align:left;} .jobFilterBox .row{ padding-bottom:6px;} .jobFilterBox .marginLeftJobFilter{ margin-left:0px;} .jobFilterBox .checkBoxPadding{ padding-top:10px;} .jobFilterBox .button{ width:100%;} .jobFilterBox .seprater{ margin:12px 0 5px 0;} .dropdown .dd ul{ height:180px;} .userMyQActivityPage .rightSection { width: 100%; padding: 0px;} .model-Stats .stats-content li .label { width: 120px;} .experience .label { width: 131px;} .footerdirectory li a{ font-size:16px;} .pagedirectory li{ width:33.33%;} .pagedirectory li a{ font-size:16px;} .pagedirectory .pageDirectory-textBox { width:209px; display:inline-block;} .pagedirectory .pageDirectory-textBox .textBox{ width:100%!important;} /* my contact page */ .topAgency h3.my-contact-heading{ padding:0 0 0 50px;} .topAgency .right-btn-group{ margin-top:10px;} .mySettingsLeft.accordianMenu.responsive_leftCntr{ margin-top:0px;} .my-contact-setting-right .setWidth{ width:65%;} .my-contact-setting-right #divNewGroup .table_menu{ padding:0px; margin-top:20px;} /* video part landing page */ .videosample{ width:96%; max-height:425px;} .videosample.staticpage{ height:405px;} .staticpage #videoweb{ height:100%!important; min-height:1px;} ul.DirectoryListing > li{ width:50%; max-width:320px;} .blogList h3#h3newsTitle{ margin:-1px;} .blogList h3#h3blogTitle{margin:-1px;} /* tweeter feed */ .twitter-widget li .tweets_txt{ width:340px;} .coverpicBottomInfo .topIconForProfile li a{ margin-top:2px; font-size:13px;} .topIconForProfile li a i{ font-size:31px;} #divVenueDetail .contact_information{width:100%;margin-top:10px;} .basic_information .contactType + span {width:100%;display:block;} .height_talentSetting{ width:100%; display:block; margin-top:12px;} } /*Media query 767*/ @media screen and (max-width:767px) { .talentledtSpan,.talentledtSpan2{ width:100%; display:block; margin:0 0 5px 0!important; padding:0} .fullBlock{ width:100%!important; display:block!important;} .fullBlock .textBox{ max-width:365px;} .responsive_post_page .row .textBox{ margin-left:0px!important;} .talent-popup li {width: 100%;} .ulRatingReview_list .RateUserInfo .rightSideInfo,.ulRatingReview_list .RateUserInfo .rightSideInfo p{ font-size:16px;} #mainCntr{min-height:100%!important;} .txtWebsiteProfileUrl,#textProfileUrl{ width:100%!important; margin:0 0 10px 0;} #videoweb { height:200px;} .videosample.staticpage{ height:187px;} .footerdirectory ul { width:100%; padding-bottom:10px;} .footerdirectory li { padding-bottom:5px;} h5 { font-size: 18px; line-height: 21px;} .jobBoardLeft { width: 100%; padding:0px!important; margin: 0px;} .jobBoardLeft .jobBoardCenter { width: 100%; padding: 0px;} #DropdownExperience{width:100%; background:none repeat scroll 0 0 rgba(0, 0, 0, 0);} /*model stats*/ .model-Stats .stats-content { margin-right:-20px;} .model-Stats .stats-content li { padding-right:20px;} .model-Stats .stats-content li .label{ margin: 0 0 10px; text-align: left; width: 100%; } .model-Stats .stats-content li .inputBox { width: 100%;} .model-Stats .stats-content li .inputBox.half-inputBox { width: 47%;} .experience .label { width: 100%; margin-bottom:10px; text-align:left;} #TextAreaBriefBioDesc{width: 100%;padding: 10px;} .responsive_right_heading { font-size: 16px; } .FilterSearchText { font-size: 14px;} #divBookingReject .button2, #divScheduleCancel .button2 {margin-bottom: 8px;} #divScheduleCancel, #divRejectJob, #divApproveBookingDesc, #divAllReject ,#divBookingReject,#RejectJobText{ width:278px!important; left:calc(50% - 147px)!important; height:auto!important; top:calc(50% - 94px)!important;} #divScheduleCancel textarea, #divRejectJob textarea, #divApproveBookingDesc textarea, #divAllReject textarea ,#divBookingReject textarea{ width:96%!important; padding:5px!important; height:150px!important;} .popup_page textarea { font-size: 14px; } #ulMostPhoto li { width: 25%; } .videoUploadContainer .normalGray { display: block; width:100%; text-align:left;} .priceingTop .col { width: 100%; float:left; } .priceingTop .file #inputFile #fileDuplicate {width: 160px;overflow:hidden;} .Activityshow{ display: block!important; } .forgotPasswordBox { width:100%;} .profile_pic_wrapper a { width: auto; } /*.dollorpaid i, .dollor i { top:-5px;}*/ .mySettingsRight.newApplicant { width: 100%;} .InnerHeader .notification_container .notification li .count { right: 0px; top:0px;} .responsive_jobAppliedMembersList li { width: 100%;} .MessageDiv { padding: 0px; } .msgPageContainer .messageContainer .Messagesubject { font-size: 14px;} .chat_outerDiv { width: 66%; } .rightImage { width: 45px; } .leftImage {width: 45px; } .chat_container p { font-size: 12px;} .leftImage img, .rightImage img { width: 40px; height:40px; } .MessageDiv .image img { width: 40px; height: 40px; } ul.ImageThumbLarge li,ul.ImageThumbFullPage li { width: 50%; } .buttonCenterMobile { padding:0px 0px 10px 0px; overflow: hidden; } .textBox.responsive_bookme_drpRateType{ width:126px!important;} .QuickSearchHeaderpanel .QuickSearchHeaderpanel1,.QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel1{ width:100%;} .QuickSearchHeaderpanel .QuickSearchHeaderpanel2,.QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel2{ width:100%;} .QuickSearchHeaderpanel .QuickSearchHeaderpanel3{ width:100%;} .QuickSearchHeaderpanel .QuickSearchHeaderpanel5,.QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel5{ width:100%;} .QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel3{ width:441px;} .QuickSearchHeaderpanel li .label{ width:100%; margin-bottom:8px;} .QuickSearchHeaderpanel li .inputbox, .QuickSearchHeaderpanel li .select,.QuickSearchHeaderpanel li .halfwidth2,.QuickSearchHeaderpanel.singleRow li .inputbox, .QuickSearchHeaderpanel.singleRow li .select,.QuickSearchHeaderpanel.singleRow li .halfwidth2{ width:100%;} .QuickSearchHeaderpanel .button{ position:relative; bottom:0px; right:0px;} .QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel4 .select{ width:112px;} .QuickSearchHeaderpanel.singleRow li .inputbox.zipCityBox{ width:100px;} .topIconForProfile li{padding: 0px 8px;} .grayList li { width: 50%;} #CE_FreeTextBoxDescription_ID.description_editor { width: 100% !important;} #mainCntr{ min-height:480px;} #mainCntr.Login_mainCntr{ min-height:100%; margin-bottom:-57px;} #footerDiv.Login_footerDiv{ height:auto!important;} .appDownloadButton { padding:6px 20px;} .appDownloadButton ul {margin: 0 auto; overflow: hidden; width: 225px;} .appDownloadButton li { padding: 0px 10px 0px 0px; font-size:16px; color:#fff; line-height:40px; float: left; } .appDownloadButton li a { width:40px; height:40px; padding: 22px; background:#292929 url(/Styles/../images/newimages/appStoreIcon_mobile.png) 1px center no-repeat; background-size:98%;} .appDownloadButton li a.googlePlay {background:#292929 url(/Styles/../images/newimages/googlePlayIcon_mobile.png) 3px center no-repeat; background-size:96%; } .modelq_landingPage .loginButtonBottom a { font-size:19px; height:40px; line-height:40px;} .modelq_landingPage .loginButtonBottom a.sneakPeak{ font-size:54px; height:36px; width:36px;} .modelq_landingPage .loginButtonBottom a.sneakPeak i{ line-height:33px;} .modelq_landingPage footer .menu { text-align: center;} /* .modelq_landingPage footer .learnMore { text-align: left;} */ /*Change for recent activity*/ .RecentActivityComment .image { width:40px;} .RecentActivityComment .image img { width: 100%;} ul.modelsListing.PanelMember > li { width:50%;} .eventList h4 { font-size: 21px;} .display_none_mobile,.display_only_ipad{display:none!important;} .display_on_mobile{ display:block!important;} .display_on_mobile.mobilerating-hide{ display:none!important;} .spanReviewsCount, .stars {display:inline-block!important;} span.stars, span.stars span{margin-top:0;} .spanReviewsCount:hover{color:#870060;cursor:pointer;} /*#divHeader.responsive_model_profile_header, #divHeader.responsive_model_profile_header .InnerHeader{ height:110px;}*/ #divHeader.responsive_model_profile_header.model_profile_page_header,#divHeader.responsive_model_profile_header.model_profile_page_header .InnerHeader{ height:111px;} #divHeader.responsive_model_profile_header .InnerHeader .Right_header_container_profile{ width:auto;} #divHeader.responsive_model_profile_header .bottomStrip .Information h5{ font-size:16px;} .InnerHeader .logo{ height: 37px;margin: 10px 0 0 48px;width: 90px;} .InnerHeader .Right_header_container{ margin-top: 0px;width: calc(100% - 149px);} .InnerHeader .notification_container .userImage .userPic{ width: 30px;height: 30px;margin-right: 3px;} .InnerHeader .notification_container .userImage .myAccDropdown{ top: 39px;} .InnerHeader .notification_container .notification{ margin-right: 4px;margin-top: 4px;} .InnerHeader .notification_container .notification li a{ font-size: 35px;line-height: 31px;} .InnerHeader .notification_container .notification li{ margin-left: 6px;} .InnerHeader .notification_container .notification li:first-child{ margin-left: 0px;} .ModelHeaderIcons li.userImage{padding:0px;} .ModelHeaderIcons li{padding:0 2px;} .float_none_mobile{ float:none!important;} .logoInner, .HeaderLogo { margin: 10px 0 0 46px;} /* landing page style start here */ .modelq_landingPage .logo a{ width: 185px; margin-bottom:15px;} .modelq_landingPage .logo{ padding-bottom: 17px; } .modelq_landingPage .loginButton a{ width: 35%;font-size: 22px;line-height: 37px;height: 40px;} .modelq_landingPage footer .menu li a{ font-size: 17px;} .modelq_landingPage footer .learnMore{ padding: 7px 0;} .modelq_landingPage footer .menu{ padding: 7px;} .modelq_landingPage footer .learnMore a{ font-size: 15px; } .modelq_landingPage footer .learnMore a.sneakPeak i{ top:-6px;} h2.pageHeading{ font-size: 30px;} .modelq_landingPage .moreInfoDetail .info{ padding: 12px 0;} /* landing page style end here */ /* login page style start here */ .modelq_loginSection .block{ padding: 5px 0;} .modelq_loginSection .leftSection{ padding:0px 0px 40px 0px; width:100%; border-right:none; } .modelq_loginSection .rightSection{ padding:40px 0; width:100%;} .modelq_loginSection .rightSection .facebookBtn { background-size:61%; background-position:center center; background-color:#304F91;} .modelq_loginSection .rightSection .twitterLogin { background-size:61%; background-position:center center; background-color:#479DDE; } .modelq_loginSection .or{ top:auto; bottom:-28px; left:0; right:0; margin:0 auto;} .modelq_loginSection .rightSection .facebookBtn{ margin:0 0 10px 0;} .modelq_innerFooter ul{ width:100%; text-align:center;} .modelq_innerFooter ul li{ float:none; display:inline-block;} .modelq_innerFooter li a{ font-size:14px; line-height:17px;} .modelq_innerFooter p{ font-size:11px; line-height:18px; width:100%; text-align: center; } /* login page end here */ .InnerHeader .notification_container .userImage{ padding:5px;} /* terms and condition page */ .ContactBox .row .col,.ContactBox .row .col2{ width: 100%;} /* job setting style here */ #DivJobSetting .row { padding-bottom:5px;} #DivJobSetting .row .label,.jobSetting .blocks .Innerlabel{ width:91px;} #DivJobSetting .row .col_1{ width:calc(100% - 100px);} #DivJobSetting .row .button2{ padding:0 22px; font-size:14px;} #DivJobSetting p{ font-size:14px;} .radioStyle tbody tr td label,.responsive_post_page .row .normalGray, .responsive_post_page label,.responsive_post_page .row .textBox{ font-size:15px;} /* job page style here */ .jobFilterBox #contentCntr h3{ font-size:18px;} .selectCategory{ padding:0!important;} .selectCategory + .grayList{ margin:0px!important;} #divHeader {height: 55px;} #footerDiv{ height: 10px !important;} .overlay,.overlayleft{ top: 54px;} #ulMycricleTab i[class^="icon"]{ display:none;} ul.modelsListing > li{ width:50%;} /* .modelsListing .info a{ font-size:12px; padding:0 0 0 19px;} .modelsListing .info a i{ font-size:20px;} */ .modelsListing h4{ margin-top: 5px;} .modelsListing h4 a{ font-size:18px;} .modelsListing .location a{ font-size:16px;} .modelq_filterBox{ width:386px;} ul.modelsListing li .photodetail{ padding:48px 4px;} .ulModelCategoryType{ width: auto;} /* model profile page */ .Biography p{ font-size:15px!important; line-height:26px!important;} ul.stats{ font-size:15px; display:block; width:100%;} .InnerHeader .Right_header_container_profile{ width:auto;} #my-carousel-3 .mask{ height:300px!important;} .sort_by label{width:100%; text-align:left; display:block; margin-bottom:5px;} .jobTop_Section .sort_by select.textBox{width:100%; display:block; margin-bottom:5px;} .jobTop_Section .sort_by .button{margin-left:0px;} .jobTop_Section .sort_by .button.floatRight {float:none;} /* my account page */ .socialIconAll li{ height: 26px;width:76px;background: url(/Styles/../images/AllActivitysocialBigIcon_mobile.png) left top no-repeat; line-height:26px; text-align:center;} .socialIconAll li.model{width: 85px;background-position: -76px 0;} .socialIconAll li.facebook{width: 74px; background-position: -160px 0;} .socialIconAll li.twitter{width: 75px;background-position: -234px 0;} .socialIconAll li.model.active{background-position: -76px -27px;} .socialIconAll li.facebook.active{ background-position: -160px -27px;} .socialIconAll li.twitter.active{background-position: -234px -27px;} .ActivityTextarea{margin: 3px 0;} .rightBar_show_on_mobile ul .spritIcons { display:block; margin:0px auto;} .rightBar_show_on_mobile ul li a{ font-size:14px;} .responsive_display_block{ display:block; width:100%; float:left;} /*Model Default page*/ ul.modelsListing > li{ float:none; margin: 10px auto; display:inline-block;} ul.modelsListing > li:nth-child(3n), ul.modelsListing > li:nth-child(4n) { float:none; margin: 10px auto;} /* custom dropdown */ .wrapper-dropdown-1 { position: relative; width: 242px; background:#fff url(/Styles/../images/newimages/select_arrow.png) right top no-repeat; padding: 0 10px; height: 42px; font-weight:normal; font-family: 'SegoeRg'; font-size:18px; color:#333; margin: 0; border:1px solid #ccc; outline: none; cursor: pointer; } /*.wrapper-dropdown-1:after { content: ""; width: 0; height: 0; position: absolute; right: 16px; top: 50%; margin-top: -6px; border-width: 6px 0 6px 6px; border-style: solid; border-color: transparent #fff; }*/ .wrapper-dropdown-1 > span{ padding: 5px;} .wrapper-dropdown-1 .dropdown { position: absolute; top: 100%; left: -1px; right: -1px; z-index:2; background: #fff; list-style: none; font-weight: normal; opacity: 0; pointer-events: none; border: 1px solid #ccc;} .wrapper-dropdown-1 .dropdown li a { display: block; text-decoration: none; color: #333; padding: 5px 11px;} .modelListingMenu .wrapper-dropdown-1 .dropdown li a { padding:10px 11px;} /* Hover state */ .wrapper-dropdown-1 .dropdown li:hover a {background: #f5f5f5;} /* Active state */ .wrapper-dropdown-1.active .dropdown { opacity: 1; pointer-events: auto;} .modelListingMenu { width: 100%; z-index: 9; position: relative;} .modelListingMenu ul { background: #595959; border: 1px solid #ccc;} .modelListingMenu li { width: 100%; border-bottom: 1px solid #ccc; } .modelListingMenu li a { padding: 0px 8px 0px 10px; float: none; display: block; font-size: 14px; text-transform: capitalize; color: #CBCBCB; height: 15px; line-height: 15px; background: none; } .modelListingMenu li a:hover, .modelListingMenu li a.active { background: #f5f5f5; } .modelListingMenu li:last-child { border-bottom: none; } /*.positionrelative .floatRight { float:none;}*/ /* Style use for circle section */ .contentRight50 .Information{ width:100%; float:left;} .connectionListIcon {padding:10px 0px 0px 0px; } .fc-header-center{ width:auto;} /* Style use for circle section */ /*footer Style */ .footerContainer .left { float:none; width:100%; text-align:center;} .footerLink{ width:100%; overflow:hidden; margin:0px; text-align:center;} .footerLink ul, .footerLink ul li{ float:none; text-align:center;} .contentSummary { overflow: initial; margin-left:0px;} .Blogreponse{ overflow: initial; margin-left:0px;} #confirmBox { background: none repeat scroll 0 0 #fff; border: 1px solid #d9509c; left: 50%;margin: -85px 0 0 -125px; position: fixed; top: 50%; width: 250px; /* height: 170px; */} .all, .matching, .Booking, .Schedule, .Pending{ display:block; width:100%; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;} /* detail section */ .DetailSection .left{width:75px; margin-right:10px;} .DetailSection .left a.socialPinkIcon{ margin:3px 0 0 0; background-size:100%; width:20px; height:20px;} .DetailSection .left a.socialPinkIcon.twitter{ background-position:0 -21px; margin-left:5px; } .DetailSection .left a.socialPinkIcon.google{ background-position:0 -41px; margin-left:5px;} .DetailSection.JobDetailsection .left{ width:75px; margin-right:10px;} .left center img{ width:auto!important; height:auto!important; max-width:100%!important;} .DetailSection ul.castingLink{ position:relative; bottom:0px;} .commentSectionGray .image{ width:40px!important; height:40px!important;} .commentSectionGray .image img{ width:40px!important; height:40px!important; max-width:100%!important;margin-top: 5px;} .commentSectionGray .rightComnment{ min-height:50px!important;} .ShareActivity{ left: -25px; position: absolute; top: 16px; width: 136px; z-index: 9;} .DetailSection.JobDetailsection ul.castingLink ul.castingLink,.DetailSection.JobDetailsection ul.castingLink ul.castingLink li{ float:left;} /*Start Add button*/ .addButtonStyle{ display: inline-block; height: 30px; width: 25px; float: right; margin-top: 4px; margin-right:4px; text-indent: -99999px; overflow: hidden; background: url(/Styles/../images/AddNewContent_icons.png) left top no-repeat;} .addNewsStyle{ background-position: 0px 0px;} .addJobStyle{ width: 33px; background-position: -36px 0px;} .addEventStyle{ background-position: -78px 0px;} .addBlogStyle{ width: 28px; background-position: -114px 0px;} .addPostStyle{ background-position: -151px 0px;} .addmodelStyle{ width: 28px; background-position: -181px 0px;} /*End Add button*/ ul#ulVideo > li{width: 100%;} .imgVideo{width: 100%; height:100%;} .playIconLarge { left:0 !important; right:0px!important; top:0!important; bottom:0px!important; margin:auto; position: absolute; } /*Select DropDown calendar For Responsive*/ .selectDropDown { position: relative; width: 187px; line-height:46px; font-size:16px; color: #fff; z-index:9; outline: none; cursor: pointer; margin: 12px 0px 0px 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; } .selectDropDown:after { content: ""; width: 0; height: 0; position: absolute; right: 16px; top: 50%; margin-top: -6px; border-width: 6px 0 6px 6px; border-style: solid; border-color: transparent #fff; } .selectDropDown .dropdown { position: absolute; top: 100%; left: 0; right: 0; background: #595959; list-style: none; font-weight: normal; opacity: 0; pointer-events: none; padding: 0px;} .selectDropDown.active .dropdown { opacity: 1; pointer-events: auto;} .all, .matching, .Booking, .Schedule, .Pending{font-size:15px; margin:0px; float: none; display: block; text-align:left;line-height: 35px;} .all { padding-top:4px;} .list_view{ margin-top:0px;} /*Select DropDown For Responsive*/ /*tab on My Queue page*/ .myActivityTab ul li a {background: none repeat scroll 0 0 #efefef; border: 1px solid #e1e1e1; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #898989; display: block; float: left; font-size: 14px; height: 20px; margin-bottom: -2px; margin-right: 5px; padding: 6px 5px; position: relative;} /*My Job*/ .jobBoardLeft { float: left; margin-right: 15px; width: 100%;} .myaccountLeftMenu ul { } .myAccountLeft_mobile .myaccountLeftMenu li a { background:none;padding-left: 30px;} .myAccountLeft_mobile { width:100%; float:none; } .jobBoardCenter, .jobBoardLeft{ width:100%!important; margin:0px!important;} /*agency dashboard*/ ul.notificationContent li { width:33.3%; margin: 0px; } ul.notificationContent li a { width:70px; height:70px; margin: 0px auto;} ul.notificationContent li a.circleRequest{ background-size: 63% auto;} ul.notificationContent li a.newMessage{background-size: 63% auto;} ul.notificationContent li a.bookingRequest {background-size: 45% auto;} ul.notificationContent li .headingCircle { width:100%; float:left; line-height:18px; margin:5px 0px 0px 0px; } .durationSpan{width:100%; float:left; padding-bottom:5px;} .circleCount { font-size: 12px; height: 28px; line-height: 32px; position: absolute; right: 0; top: -11px; width: 28px;} /* my models */ .myCommentsTab ul { list-style: none; width: 100%; overflow: hidden; background:none; padding:0px; border:none; } .myCommentsTab ul li {float: none; margin:0px; } .myCommentsTab ul li a { display: block; font-size: 14px; color: #898989; margin: 0px; float: none; background:none; border-bottom:1px solid #ccc; border-right:none; border-top:none; border-left:none; } .myCommentsTab ul li.active a {background: #FFFFFF; border-bottom:1px solid #ccc; top:0px; } .myCommentsTab ul li:last-child { border-bottom:none;} .main_msg { right:0px;} .msg_container { width: 320px;} .contentRight{ position:static;} span.arrow_red{ background:none;}/*My calender last item's arrow*/ /*Login after logout*/ .createAcc, .createAcc .textBox { width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; } .createAcc .label { width: 100%; text-align: left;} .display_none_mobile { display: none!important;} .createAcc { padding: 15px; } .LoginMessage{position: absolute; width: 100%; top: -23px;} /* Login Logout*/ /*Photo upload buttons in my account*/ ul.uploadIcon{ list-style:none;} ul.uploadIcon li{ float:left; cursor:pointer; width:100%;} ul.uploadIcon li a, .instagramBtn{ width: 85%; font-size:13px; color:#fff; text-decoration:none; height:28px; border:none; line-height:28px; display:block; float:left; margin: 0 5px 5px 0; padding: 0 6px 0 32px; background:#3a589b url(/Styles/../images/PhotoIcon.png) left top no-repeat;} /*End Photo upload buttons*/ /*Login button*/ .createAcc .loginBtn, .rowButton .registerButton { width:100%; float:none;} /*permanent visible delete like and other buttons*/ .givenComment{ overflow: hidden; padding:5px 0; border-bottom: 1px dotted #e8e8e8;} .givenComment:hover{ background: #f5f5f5;} .givenComment .UlCommentIcon{ display: block;} ul.castingLink li a.delete{padding:0px;} .commentDetail:hover{background:none;} .EndorsementsHover .like{visibility:visible;} .commentDetail .commentdelete{visibility:visible;} /*End permanent visible buttons*/ .contentRight p{overflow: initial;} .ContactBox .row label{ width:100%; text-align:left; float:none; display:block;} .ContactBox .row .textBox{ width:288px!important;} /*Start My Gallery on my account*/ #pp_thumbContainer .album{ position:absolute; width:150px; height:65px; bottom:-90px;} .album .descr{ position:absolute; left:-16px; text-align:center; cursor:pointer; color:#666; width:148px; margin:107px 30px 0 15px; font-size:14px;} /*End Gallery*/ /*Start Video Detail page*/ .playVideoLeftBar{width:300px; } .VideoDetailStyleObj{height:270px;width:320px; } .VideoDetailStyle{height:250px;width:300px; } .EmbeddedvideoStyle iframe{width: 300px !important; height: 250px !important;} /*End Video Detail page*/ .ProfileCommentdiv textarea {width:82% !important;} #GuestList li{width:100%;} ul.castingLink li{ height:30px!important;} /* profile page */ .videoList li{margin:0 12px 12px 0;} /*changes*/ .leftPic { height:auto;} ul.stats li { width: 100%; margin: 0px;} /* .NewspritIcons {width: auto; height: 46px;display: block; font-size: 12px; line-height: 74px;text-align: center;color: #fff; } */ .NewspritIcons{ line-height: 74px;} /* #liBooking, #liLIke { padding:5px 0px;} */ /* #liFollow{ min-width: 43px; padding: 5px 0px;} */ .profileBannerIcons .NewspritIcons.endorsement { background-position: -64px -2107px; width: 50px;} .profileBannerIcons .NewspritIcons.endorsement:hover, .profileBannerIcons .NewspritIcons.endorsement.active {background-position:-64px -2197px; } .imageGalleryBox { width: 100%;} /* slider */ .carousel .mask {border: none;} .carousel ul li {float:left; width: 300px !important; height: 300px !important; margin:0px;} .carousel ul li img{ width:300px!important; height:300px!important;} .carousel .disabled {color:gray;cursor:default;} .imageGalleryBox .next{ width:41px; height:102px; display:block; position:absolute; right:5px; top:103px!important; text-indent:-999999px; background:url(/Styles/../images/next.png) left top no-repeat;} .imageGalleryBox .prev{ width:41px; height:102px; display:block; position:absolute; left:5px; top:103px!important; text-indent:-999999px; background:url(/Styles/../images/prev.png) left top no-repeat;} .imageGalleryBox .next.disabled{ width:41px; height:102px; display:block; position:absolute; right:5px; top:103px; text-indent:-999999px; background:url(/Styles/../images/next_disabled.png) left top no-repeat;} .imageGalleryBox .prev.disabled{ width:41px; height:102px; display:block; position:absolute; left:5px; top:103px; text-indent:-999999px; background:url(/Styles/../images/prev_disabled.png) left top no-repeat;} #profile_pic_wrapper{border:none;} /* booking calender popup responsive */ .popUpBox.responsive_popUpBox .responsive_leftBox,.popUpBox.responsive_popUpBox .responsive_rightBox{ width:100%!important;} .popUpBox.responsive_popUpBox .Small_inputTextBox{ width:25%!important; background:#fff!important; height:25px!important; } .popUpBox.responsive_popUpBox #fromTime,.popUpBox.responsive_popUpBox #toTime{ width:24.5%!important; height:30px!important;} .clear_mobile{ clear:both;} .margin_zero{ margin:0px!important;} .popUpBox.responsive_popUpBox .button2{ margin-right:0px;} .profileBannerIcons #liFollow{background:none;} .mostlargimg, #profile_pic_wrapper { height:auto;} /*.ImageReProfile, #profile_pic_wrapper { height:auto;}*. /*Photographer profile*/ .profile_pic_wrapper { width: 100px; height: 100px;} .profile_pic_wrapper img { width: 100%; height: 100%;} .prfileimage { border: 4px solid #dddddd;} .SpanPhotographerName { font-size: 18px; line-height: 20px; margin: 28px 0 0 6px;} .SpanPhotographerLocation { font-size: 13px; line-height:15px;} .FeaturedPhotographer, .FeaturedHairStylist{ top:-4px; left:-4px;} .FeaturedPhotographer > img{ width:73%;} .FeaturedHairStylist > img{ width:73%;} .FeaturedAgency > img{ width:73%;} /* event post */ .responsive_post_page .row .normalGray{ width:100%; padding-right:0px; float:left; display:block;} .responsive_post_page .row .textBox{ width:100%!important;} .responsive_post_page .row select.textBox{ width:100%!important;} .responsive_post_page .row .textBox.half_textBox{ width:101px!important;} .responsive_post_page .row .grayList{ width:auto; display:block; padding:15px;} .responsive_post_page .row .grayList ul{ width:100%;} /* my setting page */ .mySettingPics{ clear:both;} .jobSetting .jobSettingRadio{ width:100%!important;} .jobSetting .jobSettingCityRadio,.jobSetting .jobSettingZipRadio{ width:100%!important;} .jobSetting .jobSettingCountry select.textBox{ width:185px!important;} .jobSetting .blocks{ width:100%; display:block; margin:0 0 10px 0;} /* .mysetting .expendcontent .textBox{ width:178px;} .mysetting .expendcontent input.textBox{ width:171px;} */ .mysetting .expendcontent .labelTd{ width:68px; text-align:left; vertical-align:top;} .fullSpan{ display:block; width:100%!important; float:none!important;} .darkGray.fullSpan{ font-weight:600;} .expendcontent .leftCaption{ width:100%; text-align:left; float:none;} .mysetting li:hover{ background-image:none;} /* message page*/ .msgPageContainer .messageContainer .leftBarMessage { width: 40px; margin-right: 10px; } .msgPageContainer .messageContainer .userProfileName { font-size: 16px; } .msgPageContainer .messageContainer .leftBarMessage .image img { width: 100%;} .messageContainer .leftBarMessage{ width:100%;} .messageContainer .rightBarMessage{ margin-top:10px;} .messageContainer .rightBarMessage .approveCircleReq{ display:inline-block; margin:0 5px 0 0;} .messageContainer li .delete{ position:relative; float:right; top:0px; clear:both;} .messageContainer li.withBtnLi .delete{ position:absolute; top:auto; bottom:5px;} #CE_FreeTextBoxWriteNews_ID{ border:none!important; background:none!important; width:100%!important; height:170px!important; float:left;} #CE_FreeTextBoxWriteNews_ID .CuteEditorToolBarContainer,#CE_FreeTextBoxWriteNews_ID .CuteEditorBottomBarContainer{ display:none!important; } #CE_FreeTextBoxDescription_ID{ border:none!important; background:none!important; width:100%!important; height:170px!important;} textarea[name="ctl00$MainContent$FreeTextBoxDescription"]{background:none!important; width:100%!important; height:170px!important;} #CE_FreeTextBoxDescription_ID .CuteEditorToolBarContainer,#CE_FreeTextBoxDescription_ID .CuteEditorBottomBarContainer{ display:none!important; } #CE_FreeTextBoxWriteBlog_ID{ border:none!important; background:none!important; width:100%!important; height:170px!important; float:left;} #CE_FreeTextBoxWriteBlog_ID .CuteEditorToolBarContainer,#CE_FreeTextBoxWriteBlog_ID .CuteEditorBottomBarContainer{ display:none!important; } a.mobile_postBtn{ font-size:14px;padding:0 15px;} /*.responsive_post_page .viewVenueDetail,.responsive_post_page { margin:0 0px 0 6px!important; float:left;}*/ .chkList_job_applicableTo{ width:auto;} .chkList_job_applicableTo li{ width:100%;} .paid_job_container{ width:100%; float:left; margin-top:10px; overflow:hidden;} .paid_job_container .job_amount_container{ width:100%;} .paid_job_container .job_amount_container input,.paid_job_container .job_amount_container select,.paid_job_container .drop_job_rate{ margin-bottom:10px;} .responsive_post_page div.row select{margin:0 0 10px 0;} /* .responsive_post_page .btn-view-venue-details {margin:10px 0 0 0!important;} */ .castingLink li a.delete {padding:2px 0 0 25px!important;} .castingLink li a.talent {margin-left:5px;} .responsive_post_page .row{ padding-bottom:0px;} div.searchVenueModelPopup{width:95%!important;margin:0!important;left:0!important;top:34px!important;border-radius:0;} div.searchVenueModelPopup a.closeBtn1{display:none!important;} div.searchVenueModelPopup #btnSearchVenueSubmit{margin:5px 0 0 0!important;} #divVenueDetail .contact_information, #divVenueDetail .basic_information{margin:5px 0;} #divVenueDetail .contact_information{width:100%;} .basic_information .contactType + span {width:100%;display:block;} .venue_details_container{border-right: none!important;} .venue_details_container #VenueTitleHeading{word-break:break-all;} div#DivCreateCasting table#RadioButtonListJobType, div#DivCreateCasting table#RadioButtonListPrivacy{width:100%!important; } div#DivCreateCasting table#RadioButtonListPrivacy{margin-bottom:15px!important; } .row.fixed_height_on_mobile { height: 66px;} .responsive_post_page .row .textBox{ margin-bottom:10px!important;} .talentpopuplbl{ text-align:left!important; padding:0px!important; margin:0 0 8px 0!important; width:100%!important;} table.tbl_venue_details_container{width:100%;} table.tbl_venue_details_container td.td_venue_details_container{width:100%!important;display:block;float:left;margin-bottom: 20px;} div.coming_up_events{padding:0px!important;} .responsive_search_venue .venueListPopup{width:auto;} .responsive_search_venue #txtVenueName{max-width:600px;width:calc(100% - 6px)!important;} .responsive_search_venue #btnSearchVenueSubmit {margin: 10px 0 0 0!important; padding: 0 38px 0 10px!important;} .responsive_search_venue a.darkLinkBlack{word-break: break-all; word-wrap: break-word;} h2{ font-size:20px;} h3 { font-size:18px;} #ulinvitations ul { padding: 10px 0px;} #invitations li{ width: 100%;} #ulinvitations li{ width:100%; border-bottom:1px solid #ddd; padding:6px 0;} #invitations li > a,#ulinvitations li > a{ float:left; margin:7px 10px 0 0;} #invitations li .squareImage,#invitations li .squareImage img,#ulinvitations li .squareImage,#ulinvitations li .squareImage img{ margin:0px!important;} .responsive_post_page .normalGray{ width:100%!important; text-align: left; } .paid_job_container .job_amount_container .star,.paid_job_container .job_amount_container .star + span{ display:inline-block; margin-top:-9px; vertical-align:top;} .DetailSection{ font-size:16px;} .autoCompletediv li {padding: 10px!important;word-wrap: break-word;} #ulvenuelist {overflow:visible!important;margin-bottom:25px;} .responsive_post_page .row .textBox.small{ width:42%!important;} .Fieldset { margin-bottom:10px;} .responsive_search_venue .searchVenueList li{ margin-left:0px;} .advanchSearchRadio >span {float:none!important;} .advanchSearchRadio li{ width:100%!important;} .msgPageContainer .messageContainer .rightBarMessage .actionright{width:46px;} .msgPageContainer .messageContainer .textareaStyle {width:79%;} .msgPageContainer .messageContainer .rightBarMessage .actionright.inboxsectionright{width:46px; bottom:0px; right:3px; position:absolute;} .msgPageContainer .messageContainer .rightBarMessage .actionright .delete{ margin-right:0px;} .msgPageContainer .mySettingsRight .messageContainer li.InputboxMessage{ padding:5px;} .msgPageContainer .messageContainer .rightBarMessage .actionright{ width:100%; position:absolute; bottom:8px; right:0px;} .msgPageContainer .mySettingsRight .messageContainer li:last-child{ border-bottom:none;} .msgPageContainer .messageContainer .rightBarMessage .SubjectLeft { padding-bottom: 42px;} .msgPageContainer .mySettingsRight .messageContainer li.InputboxMessage .SubjectLeft { padding: 0px;} /* advance search page */ .advamceSearchPage .mainFilters > li{ border-bottom:1px dotted silver; margin-bottom:12px; width:100%; min-height:inherit;} .advamceSearchPage .mainFilters .col_1 .group{ border:none;} /* lightbox set reason of cancel */ #divScheduleCancel .closeBtn1, #divRejectJob .closeBtn1{ right:2px; top:0px;} #divMeasurementadvancesearch h5 { padding: 0px 0px 10px 0px; } .buttonCenter { float: none;width: 100%;text-align: center;} .leftPic { height: auto !important;} /*.ImageReProfile{ position:relative;}*/ .profileBannerIcons .NewspritIcons.bookMe {background-position:-61px -33px;} .profileBannerIcons .NewspritIcons.bookMe:hover,.profileBannerIcons .NewspritIcons.bookMe.active {color:#870060; background-position:-62px -973px;} .profileBannerIcons .NewspritIcons.message{background-position:-56px -139px;} .profileBannerIcons .NewspritIcons.message:hover,.profileBannerIcons .NewspritIcons.message.active {color:#870060; background-position:-56px -1079px;} .profileBannerIcons .NewspritIcons.addCircle{background-position:-50px -259px;} .profileBannerIcons .NewspritIcons.addCircle:hover, .profileBannerIcons .NewspritIcons.AllreadyaddCircle, .NewspritIcons.addCircle.unfriend { color:#870060; background-position:-50px -1196px;} .profileBannerIcons .NewspritIcons.like {background-position:-62px -366px;} .profileBannerIcons .NewspritIcons.like:hover,.profileBannerIcons .NewspritIcons.like.Allreadyliked {color:#870060; background-position:-62px -1306px;} .profileBannerIcons .NewspritIcons.followMe {background-position:-65px -497px;} .profileBannerIcons .NewspritIcons.followMe:hover ,.profileBannerIcons .NewspritIcons.Allreadyfollowed{color:#870060; background-position:-65px -1437px;} /*Registration only email*/ .registrationBox .stepDetail { width:100%; } #divEmail { height:100px;} .registrationBox .stepDetail .label, .registrationBox .stepDetail .row .col, .registrationBox .stepDetail .row .col2 { text-align:left; width:100%; display:block;line-height:normal; } .registrationBox .ErrorMessage { display:block; line-height:normal; padding:3px 0px;} .registrationBox .registerButton.next { margin:0px;} /* model profile header */ .InnerHeader .profile_logo{ margin-top:10px; background-size:100%; width:91px; height:28px;} .InnerHeader .Right_header_container_profile{ width:auto;} .UserNameHeader{ width:100%; font-size:18px; line-height:16px;} .LocationDivHeader{ padding:5px 0 0 0; line-height:13px;} .LocationDivHeader a{ font-size:14px;line-height: 20px;} .mobileMenu{ top:58px;background: none repeat scroll 0 0 #e6e6e6;} #divHeader.responsive_model_profile_header .InnerHeader .searchBox.profile{ top:54px;} /*App buttons style*/ .modelq_landingPage .blockTop { top:22%;} .modelq_landingPage .loginButton a { font-size:19px;} .modelq_landingPage footer .navigation { height:58px;} .modelq_landingPage footer .menu { padding: 0px;} .modelq_landingPage footer .menu li { padding: 0px 5px;} .modelq_landingPage footer .menu li a { font-size: 13px;} .modelq_landingPage footer .navigation p { position:relative; text-align:center; top:5px;} .breadcrumb .button.capletter { font-size: 11px; height: 27px; line-height: 27px; margin: 0; padding: 0 10px; position: absolute; right: 21px; top: 6px;} .findVenueButton{clear:none; margin-left:0;margin-top:0;} .buttonCenter .button { width:49%; text-align:center;} .button2, .button{font-size:16px;padding: 0 19px; } .contentMain { padding:10px 0px; font-size:15px; } .topIconForProfile li { font-size:14px;} /*.DetailSection .Right { overflow: initial;} */ .watchfont { font-size:13px;} /*for booking model instead of popup*/ .popUpContent { background: none repeat scroll 0 0 #fff; margin: 0 8px 8px; overflow: hidden; padding: 1px; width:100%; height:auto!important;} .BookRowPercentWidth {width:100%;} /* filter box */ .FixedMemberFilterbar .autoCenter > div ,.FixedMemberFilterbar .modelq_filterBox{ float:none; display:block; margin-top:10px;} .nowFollowingMid .detail > h2 { padding: 0px; } #ulSearchDataforSendingMessageOrBook li{ width:46%;} #divHeader.responsive_model_profile_header .bottomStrip{ padding-top:2px;} #SocialShareLinks { width:50px;} .modelList_container{ margin-top:80px;} .removeoverflow{overflow:inherit!important; width:calc(100% - 50px) ; float:left;} .removeoverflow2{overflow:inherit!important; width:calc(100% - 50px) ; float:right;} .footerdirectory li{ width:50%;} .footerdirectory li a{ font-size:14px;} .pagedirectory li{ width:50%;} .pagedirectory li a{ font-size:14px;} .pagedirectory .pageDirectory-textBox { width:134px; display:inline-block;} .pagedirectory .pageDirectory-textBox .textBox{ width:100%!important;} .pagedirectory .member-type-box{ float:left; width:100%; } .pagedirectory h3{ margin:0 0 10px 0;} .topAgency .right-btn-group{ float:left;} .my-contact-setting-right .setWidth{ width:68%;} .my-contact-setting-right #divNewGroup .table_menu{ width:100%!important; padding:0px!important;} .table-right-email{ width:32%;} .table-right-checkbox{ width:8%;} .table-right-delete{ width:10%;} .modelPopUp-new.divChooseGmailContacts .modelPopUp-new-container{ max-height:none; max-width:none; height:calc(100% - 53px); top:53px; } .table-left-GoogleContact{ width:177px!important;} .table-right-email-GoogleContact{ width:207px!important;} /* video part landing page */ .videosample{ width:96%; max-height:200px;} #videoweb{ width:auto!important; height:auto!important;} .modelq_landingPage .logo{ padding-bottom:0px;} .modelq_landingPage .logo a{ margin-bottom:10px;} .modelq_landingPage .loginButton a.sneakPeak{ margin:8px auto;} .AjencyDirleftDetail{ width:100%!important; margin:0 0 25px 0!important;} .AjencyDirRightDetail{ width:100%;} .topRow-divLeftCntrMain .AjencyDirleftDetail{width: 100%; margin-right:0px!important; } .AjencyDirleftDetail .logoImage { margin:0 auto 15px auto!important; float:none!important; display:block; width:100%!important; max-width:310px;} .AjencyDirleftDetailnewdetails{ width:100%!important;} .modelPopUpNew .modelPopUpNew-container{ height:80%;} .talent-popup .popupDetailCenter{ height:86%!important; padding:0px!important;} .eventTd{width:80%;border-right:0!important;} } @media screen and (max-width:639px){ /*Start: Strip on body if profile is completed (status=6)*/ .completeStrip{height:46px; padding:3px 25px 3px 5px; font-size:13px; line-height:14px; } .completeStrip a{ position:absolute; right:8px; top:8px;} /*END*/ #crop-iholder{ max-height:181px;} #imgNewCoverPicture.ImageCrop{ height:auto!important; min-height:1px!important; max-height:none!important;} .modelPopUp-new.divContactGroupUpdate .modelPopUp-new-container,.modelPopUp-new.divAddContactDetail .modelPopUp-new-container,.modelPopUp-new.showDivMessageParent .modelPopUp-new-container{ max-height:none; max-width:none; height:calc(100% - 53px); top:53px; } .modelPopUp-new.divAddContactDetail .modelPopUp-new-container .addContactTable li label,.modelPopUp-new.divAddContactDetail .modelPopUp-new-container .addContactTable li label.ErrorMessage{ font-size:14px;} .table-left{ font-size:11px!important; padding:5px;word-break: break-all; width:19%;} .table-right{padding:5px;font-size:11px!important;word-break: break-all;} .table-right-email{ padding:5px; font-size:11px!important; word-break: break-all;} .table-right-delete{padding:5px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; width:18%;} .table-right-checkbox{ padding:5px; width:13%;} .tableTop .table-left,.tableTop .table-right,.tableTop .table-right-email,.tableTop .table-right-delete,.tableTop .table-right-checkbox{ height:34px; } .table-left-GoogleContact,.table-right-GoogleContact{ width:110px!important;} .table-right-email-GoogleContact{ width:162px!important;} .table-right-checkbox-GoogleContact{ width:37px!important} ul.DirectoryListing{ text-align:center;} ul.DirectoryListing > li{ width:100%; max-width:320px; display:inline-block; text-align:center; float:none; height:auto; min-height:10px;} #videoweb {border: 3px solid #504F4F; } } @media screen and (max-width:479px) { .talentpopuplbl{width:100%!important;text-align:left;margin:8px 0 0 0!important;} .videosample.staticpage{ height:165px;} .staticpage #videoweb{ width:100%!important;} .modelPopUp-new.divAddContactDetail .modelPopUp-new-container .addContactTable li label,.modelPopUp-new.divAddContactDetail .modelPopUp-new-container .addContactTable li label.ErrorMessage{ width:100%; text-align:left; margin-bottom:5px;} .table-left-GoogleContact, .table-right-GoogleContact{ width:70px!important;} .table-right-email-GoogleContact{ width:83px!important;} #videoweb { height:177px;} .modelq_landingPage footer .learnMore a{ font-size: 18px; padding:2px 0 0 10px; } .modelq_landingPage footer .learnMore a:first-child { padding-right:16px;} .modelq_landingPage footer .learnMore a span { top: 5px; } .rightComnment.mentionright{ overflow:inherit; width: 79%; float: right; } .rightComnment.mentionLeft{ overflow:inherit; width: 79%; float: left; } .model-Stats .stats-content { margin-right:0px;} .model-Stats .stats-content li{ width:100%; padding:0px;} .model-Stats .stats-content li .label{ width:100%; text-align:left; margin:0 0 10px 0;} .model-Stats .stats-content li .inputBox{ width:100%;} .model-Stats .stats-content li .inputBox.half-inputBox.marginNone{ padding:0 0 0 8px;} .model-Stats .stats-content li .inputBox.half-inputBox{ width:50%; padding:0 8px 0 0; margin:0px;} .BtnFilterDashboard{margin-left: 74px;} .durationSpan{padding-top:7px;} #btnfilterchart1{margin-left:74px;} #ulMostPhoto li { width: 50%;} .file #inputFile { width: 100%;} ul.ImageThumbLarge li,ul.ImageThumbFullPage li { width: 100%;} .inviteSelectall { margin: 10px 0px 0px 0px;} .topIconForProfile li{padding: 0px 2px;} .grayList li{ width: 100%;} .display_none_mobile_mini{ display:none;} /* ul.castingLink li{ width: 50%;} Use For event detail*/ .postCenter{ width:99%; margin: 0px; padding:0px;} /*Use this style common radio button and checkbox same page job posting */ .commonRadioList { width:100%;} .commonRadioList li { width:auto; padding: 0px 3px 0px 0px; } .button2, .button{font-size:14px;padding: 0 10px;} .btn-view-venue-details { margin:8px 0px 0px 0px;} /*Use this style common radio button and checkbox same page job posting */ ul.modelsListing.PanelMember > li{ width:100%;} .modelq_landingPage footer .menu li.menu_seperator::after{ padding: 0 8px;} h2.pageHeading{ font-size: 24px;line-height: 32px;} h3.sub_pageHeading{ font-size: 19px;margin-top: 0px;} .modelq_landingPage .moreInfoDetail h3{ font-size: 20px;} .modelq_landingPage .moreInfoDetail p{ font-size: 16px;} /* landing page style end here */ .modelq_loginSection .rightSection{ padding-bottom: 0px;} .modelq_loginSection .rightSection .facebookBtn{ height: 48px;} .modelq_innerFooter li a{ font-size: 13px;} .modelq_innerFooter ul li.menu_seperator::after{ padding: 0 9px;} .mysetting .autoWidth{ width:200px!important;} /* terms and condition page */ .ContactBox .row .button{ width:140px; } #divHeader {height: 55px;} #footerDiv{ height: 10px !important;} /* job setting page */ .mySettingsRight{ font-size:16px;} #DivJobSetting #trjobsettingButton.row .col_1{ width:100%;} .connectionListIcon li{ margin-left:3px;} .connectionListIcon li:first-child{ margin-left:0px;} ul.modelsListing > li,.modelq_filterBox{ width:100%;margin-top: 10px;} .modelq_filterBox .col{ width:59%;} .modelq_filterBox .col2{width:40%} .dividerMainMemberSearch >div{ display:block; float:none;} .talentledtSpan{ width: 100%;margin-bottom: 10px;text-align: left;} .talentledtSpan2.label{ width:100%;margin-bottom: 10px;float: left;text-align: left;} .row .normalGray.label,#DivInnerModelBust .row .normalGray{ text-align: left;width: 100%;} .button.event{ font-size:11px;} /* profile page */ #my-carousel-3 .mask{ height:300px!important;} .modelq_loginSection .checkbox input[type=checkbox]+label:before{ margin-right: 0;} .modelq_loginSection .forgetPassword{ padding:0 0 0 0px;font-size: 16px;} #RememberMeLabel{font-size: 16px;} #textareaComment{ font-size: 14px;} .modelq_selectBox select{ font-size: 16px;} #ButtonCommentPost{ width: 100%;text-align: center;} .InnerHeader .Right_header_container{ width: 170px;} .modelq_landingPage footer .navigation p {text-align: center;width: 100%; right:0px; } .msg_container { width: 300px;} /* Pagination fix for small width */ .pager .btnPrev{ padding-left: 20px!important;} .pager .btnNext{ padding-right: 20px!important;} .pager ul li a{ width: 26px!important;} /* pagination fix ends here */ #lblBlogErrorMessage{ margin-left: 0!important;} .dividerMainMemberSearch h3{ font-size: 20px;} .dividerMainMemberSearch #hrefSearch{ font-size: 15px;} .autoCompletediv{max-width:83%;font-size:16px;} .responsive_post_page .viewVenueDetail, .responsive_post_page {float:left!important;} ul.castingLink li a{ font-size: 16px;} /*.PublicJob{ font-size: 14px;}*/ /*Footer*/ .modelq_landingPage .blockTop { top:23%;} .modelq_landingPage footer .navigation { height:85px;} .modelq_landingPage footer .menu { text-align:center;} /*for booking model instead of popup*/ .popUpContent { background: none repeat scroll 0 0 #fff; margin: 0 8px 8px; overflow: hidden; padding: 1px; width:100%; height:auto!important;} .BookRowPercentWidth {width:100%;} #ulJobType li {width:52%;line-height: 30px;margin-bottom: 8px;} #divJobType ul li{width:60%;} /*For Job Paid Dollor sign*/ /* .dollorpaid i, .dollor i {position: absolute;top: 0px;left: 7px;font-size: 18px;}*/ .modelq_loginSection .rightSection .facebookBtn, .modelq_loginSection .rightSection .twitterLogin { background-size:100%; background-color:transparent;} #lblBlogErrorMessage{margin-left:0px;} .buttonCenter .button { width: 100%;} a.mobile_postBtn { padding: 0px 8px;} .rightCntrMemberSearch ul.modelsListing > li { width:100%;} .castingTextBoxCss .popup-title h3{ font-size: 18px;} .castingTextBoxCss p.selectCategory, .castingTextBoxCss .bottomText{ font-size: 15px;padding-bottom: 5px;} .responsive_post_page .viewVenueDetail, .responsive_post_page{ width: 100%;} h2.InvitationHeader span.floatRight{ width: 100%;text-align: right; } #ulSearchDataforSendingMessageOrBook li{ width:92%; margin:3px 0!important;} .completeStrip{ font-size:11px; padding-top:5px;} .dropdown .dd #circle_Ul{left:0;} .dropdown .dt span {display:block;} #divViewMoreMyActivity{width:100%!important;} .popUpBox {background:none;} #textProfileUrl{width:286px !important;} /* For website profile link url textbox */ .ActivytestareaOuter{float: left; width: 72%;} .ActivytestareaOuter2{float: left; width: 71%;} .MyQActivytestareaOuter{float: left; width: 72%;}/*For child activity like commnt on mqactivity*/ .MyQActivytestareaOuter2{float: left; width: 71%;}/*for status comment on mqactivity*/ .removeoverflow{overflow:inherit!important; width:calc(100% - 50px) ; float:right;} .removeoverflow2{overflow:inherit!important; width:calc(100% - 50px) ; float:right;} .footerdirectory li{ width:100%;} .pagedirectory li{ width:100%;} .pagedirectory h3{ margin:0 0 10px 0;} .pagedirectory .pageDirectory-textBox { width:100%; margin-top:10px;} .my-contact-setting-right .table_menu .normalGray{ width:100%!important; text-align:left;} .accordianMySearches .Group-Icon-Box{ width:100%; display:block; clear:both;} .my-contact-setting-right .setWidth{ width:89%!important;} .modelq_landingPage .logo{ padding-bottom:15px;} .modelq_landingPage .logo a{ margin-bottom:15px;} .modelq_landingPage .loginButtonBottom a{ font-size:15px;} .QuickSearchHeaderpanel li .halfwidth{ width:60px;} .QuickSearchHeaderpanel.singleRow .QuickSearchHeaderpanel4 .select{ width:90px;} .QuickSearchHeaderpanel.singleRow li .inputbox.zipCityBox{ width:88px!important;} .addnewsblog.responsive_post_page .row input.textBox, .addnewsblog.responsive_post_page .row select.textBox, .addnewsblog.responsive_post_page .row select.selectBox {width:95% !important;} .addnewsblog.responsive_post_page .row .textBox, .addnewsblog.responsive_post_page #spancuteEditro{width:95% !important;} #addPostContentCntr .addnewsblog .ErrorMessage {width:5%;} /* twitter feed */ .twitter-widget li .tweets_txt{ width:207px;} .twitter-widget li .tweets_txt .tweetImg img{ width:auto; height:auto; max-width:100%;} } @media screen and (max-device-width:1280px){ body{ height: 100% !important; overflow-x:initial;} .imageConnection{ display: block;} #divScheduleCancel .pinkBackground, #divRejectJob .pinkBackground, #divApproveBookingDesc .pinkBackground, #divAllReject .pinkBackground{ padding:7px!important;} #divScheduleCancel .grayBorder + div, #divRejectJob .grayBorder + div{ float:none!important;} .givenComment ul.UlCommentIcon{ display:block;} .OuterDivofUserlike { position:absolute; right: 0px; } #imgNewCoverPicture.ImageCrop{ top:0px!important;} .my-contact-setting-right .setWidth{ width:51%;} .topAgency .right-btn-group .button{ margin-bottom:4px;} .Activityshow{ display: block!important; } } @media screen and (max-device-width:1023px) and (min-device-width:480px) { #mainCntr { margin:0px 0 -78px 0;} #mainCntr:after { height: 78px;} .landingImage{ background-attachment:inherit!important;} .advamceSearchPage .mainFilters select.selectBox{height:28px!important;} } @media screen and (max-device-width:640px) { .InnerHeader .searchBox .AdvancedSearch{ font-size:11px;} .ActivytestareaOuter{float: left; width: 72%;} .ActivytestareaOuter2{float: left; width: 71%;} .MyQActivytestareaOuter{float: left; width: 72%;}/*For child activity like commnt on mqactivity*/ .MyQActivytestareaOuter2{float: left; width: 71%;}/*for status comment on mqactivity*/ .landingImage{ background-attachment:inherit!important;} .advamceSearchPage .mainFilters select.selectBox{height:28px!important;} } /* Device landing */ .modelq_landingPage-device .homeCntrl{ width:100%; height:100%; position:relative; background:rgba(0,0,0,0.2) } .landingImage{ top:0px; left:0px;background-attachment:fixed!important; background-size:cover!important; width:100%; height:100%; z-index:-1; /*opacity: 0.7;*/ } .appDownloadButton-device { padding:0 15px; width: 100%; overflow: hidden; text-align: center;} .appDownloadButton-device ul { margin-right: -26px; position: relative; list-style: none; } .appDownloadButton-device li { padding: 0px 26px 0px 0px; display: inline-block; width: 290px; margin-bottom:10px;} .appDownloadButton-device li a { padding: 4px 40px 0px 95px; height: 65px; font-family: 'SegoeRg'; font-size: 24px; color: #fff; line-height: 26px; text-align: left; text-decoration: none; border-radius:4px; display: block; background:#292929 url(/Styles/../images/newimages/appStoreIcon.png) left center no-repeat; } .appDownloadButton-device li a span { font-size: 15px; display: block; } .appDownloadButton-device li a.googlePlay {background:#292929 url(/Styles/../images/newimages/googlePlayIcon.png) left center no-repeat; } .modelq_landingPage-device .blockTop { text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; width:100%;} .modelq_landingPage-device .logo a { width: 185px;display: block;margin: 0 auto; margin-bottom:16px;} .modelq_landingPage-device .logo a img {max-width: 100%;width: auto;height: auto;} /* Device landing */