*{ margin:0; padding:0; } body{background:#dee2e5 !important; margin:0; padding:0; font-family:'open sans'; overflow-x:hidden;} img{ max-width:100%;} a:focus{ outline:none !important; border:none !important;} .navbar-default .nav-justified > .open > a, .navbar-default .nav-justified > .open > a:focus{border-color:#fff !important; outline-color:none!important; color:none !important;} .top-head{ background:url('../images/top-nav-bg.jpg')/*tpa=http://www.poetandpoem.com/images/top-nav-bg.jpg*/0 0 no-repeat; background-size:cover; height:85px;} ul.sign-up-nav{margin:20px 0 0 0; padding:0; display:inline-block; list-style:none; font-family:'open sans' ;float:right} ul.sign-up-nav li{margin:0; padding:0; display:inline-block;} ul.sign-up-nav li a{margin:0; padding:10px 30px; display:inline-block; color:#fff; font-weight:bold; border-radius:5px;} input.form-control{ width:100% !important;} p{ font-family:'open sans';} .nav.nav-justified{ background:linear-gradient(#eee,#fff); background:-moz-linear-gradient(#eee,#fff); background:-o-linear-gradient(#eee,#fff); background:-webkit-linear-gradient(#eee,#fff);} .banner-wrapper{ margin:25px 0 0 0;} .rel-position{ margin:-1px 0 0 0;} .green-text{ font-size:14px; font-family:'open sans'; margin:0; color:#147272;} .pad{ width:100%; margin:2px 0; text-align:left;} .xtra-pad{ padding:15px; line-height:22px; color:#989995; font-size:13px;} .banner-wrapper{ margin:5px 0 0 0;} .facebook { background: none repeat scroll 0 0 #81b9fe; border-radius: 13px; padding: 7px 19px !important; line-height:23px; } .ico-two, .ico-ten, .ico-nine, .ico-five, .ico-six, .ico-eight, .ico-last, .ico-four, .ico-one, .ico-seven, .ico-three, .ico-twelve, .model { max-width: 100%; background-size: 100%; background-image: url('../images/icon.png')/*tpa=http://www.poetandpoem.com/images/icon.png*/; } .ico-two { background-position: 0 0%; background-size: 100%; } .ico-ten { background-position: 0 11.034483%; background-size: 103.571429%; } .ico-nine { background-position: 0 18.556701%; background-size: 131.818182%; } .ico-five { background-position: 0 25.773196%; background-size: 138.095238%; } .ico-six { background-position: 0 32.989691%; background-size: 138.095238%; } .ico-eight { background-position: 0 40.068493%; background-size: 145%; } .ico-last { background-position: 0 46.917808%; background-size: 145%; } .ico-four { background-position: 0 54.703833%; background-size: 152.631579%; } .ico-one { background-position: 0 64.539007%; background-size: 161.111111%; } .ico-seven { background-position: 0 71.621622%; background-size: 161.111111%; } .ico-three { background-position: 0 80.851064%; background-size: 161.111111%; } .ico-twelve { background-position: 0 88.356164%; background-size: 170.588235%; } .model { background-position: 0 100%; background-size: 263.636364%; } .fb, .gplus, .linked, .pin, .twiter { max-width: 100%; background-size: 100%; background-image: url('../images/social.png')/*tpa=http://www.poetandpoem.com/images/social.png*/; } .fb { background-position: 0 0%; background-size: 100%; } .gplus { background-position: 0 25%; background-size: 100%; } .linked { background-position: 0 50%; background-size: 100%; } .pin { background-position: 0 75%; background-size: 100%; } .twiter { background-position: 0 100%; background-size: 100%; } .facebook > i {color:#333;} .google-plus > i {color:#333;} .twitter > i {color:#333;} .pinterest > i {color:#333;} .google-plus { background: none repeat scroll 0 0 #ED676B; border-radius: 13px; padding: 7px 15px !important; line-height:23px; } .twitter{ background: none repeat scroll 0 0 #30A8E6; border-radius: 13px; padding: 7px 15px !important; line-height:23px; } .pinterest{ background: none repeat scroll 0 0 #ED676B; border-radius: 13px; padding: 7px 15px !important; line-height:23px; } .linked1{ background: none repeat scroll 0 0 #81E0FE; border-radius: 13px; padding: 7px 15px !important; line-height:23px; } .new-cls { background: none repeat scroll 0 0 #750506; border: 1px solid #750506; border-radius: 5px; color: #fff; font-size: 12px; font-weight: bold; margin: -28px 10px 0 0; padding: 3px; position: relative; z-index: 51; } .fea-bg { background: url("../images/featured_artist_bg.jpg")/*tpa=http://www.poetandpoem.com/images/featured_artist_bg.jpg*/ repeat-y scroll 0 0 rgba(0, 0, 0, 0); color: #fff; float: left; font-family: "open sans"; font-size: 13px; font-weight: bold; line-height: 20px; text-align: center; padding: 10px; } .new-cls-two{ background:#750506 !important; color:#fff; font-size:12px ; font-weight:bold; border:#750506 1px solid; border-radius:0px; position:relative; z-index:51; margin-right:2px; } .new-cls-three{ background:#099797 !important; color:#fff; font-size:12px ; font-weight:bold; border:#8DB20F 1px solid; border-radius:0px; position:relative; z-index:51; } .new-cls-three:hover{ border:#7A990C 1px solid; } .red-image{ background:url('../images/footer-bg.jpg')/*tpa=http://www.poetandpoem.com/images/footer-bg.jpg*/0 0 no-repeat; color:#fff; margin:0px; font-family:'open sans'; padding:10px 0; float:left; width:100%;} .red-image h4{ margin:0;} .new-cls:hover{ background:#900607} .white-box{ background:#fff; padding:0px 0px 0px 0px; width:100%; /* float:left; */ margin:17px 0 0px 0; padding:10px;} .white-box-three{ background:#fff; padding:0px 0px 0px 0px; width:100%; float:left; margin:3px 0 0px 0; padding:10px;} .white-box-four { background: none repeat scroll 0 0 #fff; float: left; margin: 3px 0 0; padding: 1px 0px; width: 100%; } .white-box-two { background: linear-gradient(#fff,#eee) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #ddd; float: left; padding: 1px 0; width: 100%; margin:1px 0 6px 0; } h2.green-bg { background: none repeat scroll 0 0 #0d4d4d; color: #fff; font-family: "open sans"; font-size: 16px; font-weight: bold; margin: 0; padding: 7px 10px; text-transform: uppercase; width: 100%; } .carousel-inner .item img.cus{ height:275px; width:100%;} .left-panel{ /* width:100%; float:left; */} .box{ padding:10px; width:100%; float:left;} .search-form input[type=text]{ background:transparent; padding:5px; border:none; width:70%; float:left;} ul.footer-nav{ margin:0; padding:10px 0 0 0; display:inline-block; list-style:none; } ul.footer-nav li{ margin:0; padding:0; display:inline-block;} ul.footer-nav li a{ margin:0 ;padding:0 20px; display:inline-block; color:#f2f2f2; font-size:12px; text-decoration:none;} ul.ico-nav{ margin:10px 0; padding:0; display:inline-block; list-style:none;} ul.ico-nav li{ margin:0; padding:0; display:inline-block;} ul.ico-nav li a{ margin:0; padding:0; display:inline-block; color:#fff;} .last-bar{ background:#4b0303; padding:5px; float:left; width:100%;} footer{ background:url('../images/footer-bg.jpg')/*tpa=http://www.poetandpoem.com/images/footer-bg.jpg*/0 0 no-repeat; background-size:cover; margin:15px 0 0 0;} footer p{ color:#fff;} .box{ margin:15px 0;} footer h1{ color:#fff;} footer input{ background:#fff; padding:8px 10px; outline:none; border:none; width:60%; margin:10px 0} footer select{background:#fff; padding:8px 10px; outline:none; border:none; width:10%;} /*bootstrap modified*/ .nav-justified > li > a{ line-height:12px !important;} .navbar{ margin-bottom:5px !important} .nav-justified > li > a{ padding-top:10px!important; padding-bottom:10px!important; padding-left:20px !important; padding-right:20px !important;} .thumbnail{margin-bottom:10px !important;} .navbar{ padding:5px 0; background:linear-gradient(#eee,#fff); background:-moz-linear-gradient(#eee,#fff); background:-o-linear-gradient(#eee,#fff); background:-webkit-linear-gradient(#eee,#fff);} .blockquote p{ font-size:14px !important;} .nav > li > a{ font-family:'open sans'; font-size:12px; border-right:#e7e7e7 2px solid; color: #777;} .nav > li > a > span > img{ height:22px;} .nav > li > a:hover{ background:#099797 !important; color:#fff !important; border-right:#e7e7e7 2px solid;} .nav > li > a.active{ background:#099797 !important; color:#fff;} ul .dropdown-menu{margin:0; padding:0; background:linear-gradient(#eee,#fff); background:-moz-linear-gradient(#eee,#fff); border:none;} ul .dropdown-menu li a{padding:8px 30px; font-family:'open sans'; font-size:12px; border-bottom:#ddd 1px solid;} ul .dropdown-menu li a span{ padding:5px} ul .dropdown-menu li a span img{height:10px ;width:10px;} ul .dropdown-menu li a:hover{background:#099797 !important; color:#fff;} .nav > li > a.active{ background:#099797 !important; color:#fff;} .navbar-toggle .icon-bar { border-radius: 1px; display: block; height: 2px; width: 18px !important; } .navbar-toggle{ padding:5px 10px !important;} /*latest-news-slider*/ .transition-timer-carousel .carousel-caption { width: 100%; left: 0px; right: 0px; bottom: 0px; text-align: left; padding-top: 5px; padding-left: 15%; padding-right: 15%; } .transition-timer-carousel .carousel-caption .carousel-caption-header { margin-top: 10px; font-size: 24px; } .transition-timer-carousel .carousel-indicators { bottom: 0px; margin-bottom: 5px; } .transition-timer-carousel .carousel-control { z-index: 11; } .transition-timer-carousel .transition-timer-carousel-progress-bar { height: 5px; background-color: #5cb85c; width: 0%; margin: -5px 0px 0px 0px; border: none; z-index: 11; position: relative; } .transition-timer-carousel .transition-timer-carousel-progress-bar.animate{ /* We make the transition time shorter to avoid the slide transitioning before the timer bar is "full" - change the 4.25s here to fit your carousel's transition time */ -webkit-transition: width 4.25s linear; -moz-transition: width 4.25s linear; -o-transition: width 4.25s linear; transition: width 4.25s linear; } /*registered-user-slider*//* carousel */ .media-carousel { margin-bottom: 0; padding: 0 40px 0px 40px; margin-top: 20px; } /* Previous button */ .media-carousel .carousel-control.left { left: -12px; background-image: none; background: none repeat scroll 0 0 #1f8585; border: 4px solid #FFFFFF; /* border-radius: 23px 23px 23px 23px;*/ height: 40px; width : 40px; margin-top: 30px; z-index:50; } /* Next button */ .media-carousel .carousel-control.right { right: -12px !important; background-image: none; background: none repeat scroll 0 0 #1f8585; border: 4px solid #FFFFFF; /*border-radius: 23px 23px 23px 23px;*/ height: 40px; width : 40px; margin-top: 30px; z-index:50; } /* Changes the position of the indicators */ .media-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px; } /* Changes the colour of the indicators */ .media-carousel .carousel-indicators li { background: #c0c0c0; } .media-carousel .carousel-indicators .active { background: #333333; } .media-carousel img { width: 250px; height: 100px } /* End carousel */ /*testimonials*/ /*-------------------------------*/ /* Code snippet by */ /* @maridlcrmn */ /*-------------------------------*/ .quote { color: rgba(0,0,0,.1); text-align: center; margin-bottom: 30px; } /*-------------------------------*/ /* Carousel Fade Transition */ /*-------------------------------*/ #fade-quote-carousel.carousel { padding-bottom: 15px; } #fade-quote-carousel.carousel .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } #fade-quote-carousel.carousel .carousel-inner .active { opacity: 1; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } #fade-quote-carousel.carousel .carousel-indicators { bottom: 10px; } #fade-quote-carousel.carousel .carousel-indicators > li { background-color: #e84a64; border: none; } #fade-quote-carousel blockquote { text-align: center; border: none; } .profile-circle { width: 100px; height: 100px; margin: 42px auto 0 auto; border-radius: 100px; } span.foo-header{color: rgb(255, 255, 255); line-height: 20px; font-family: "open sans"; font-size: 20px;} .carousel-caption-text{ background-color: rgba(0,0,0,0.8); padding:10px; } .newsTxt{ font-size: 12px; margin: 5px 0 0; text-align: left; } /*search*/ .search-form .form-group { float: right !important; transition: all 0.35s, border-radius 0s; width: 32px; height: 32px; background-color: #6f0607; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border: 1px solid #ccc; } .search-form .form-group input.form-control { padding-right: 20px; border: 0 none; background: transparent; box-shadow: none; display:block; } .search-form .form-group input.form-control::-webkit-input-placeholder { display: none; } .search-form .form-group input.form-control:-moz-placeholder { /* Firefox 18- */ display: none; } .search-form .form-group input.form-control::-moz-placeholder { /* Firefox 19+ */ display: none; } .search-form .form-group input.form-control:-ms-input-placeholder { display: none; } .search-form .form-group:hover, .search-form .form-group.hover { width: 100%; border-radius: 4px 25px 25px 4px; } .search-form .form-group span.form-control-feedback { position: absolute; top: -1px; right: -2px; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; } .search-form .form-group { float: right !important; transition: all 0.35s, border-radius 0s; width: 32px; height: 32px; background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border-radius: 25px; border: 1px solid #ccc; } .search-form .form-group input.form-control { padding-right: 20px; border: 0 none; background: transparent; box-shadow: none; display:block; } .search-form .form-group input.form-control::-webkit-input-placeholder { display: none; } .search-form .form-group input.form-control:-moz-placeholder { /* Firefox 18- */ display: none; } .search-form .form-group input.form-control::-moz-placeholder { /* Firefox 19+ */ display: none; } .search-form .form-group input.form-control:-ms-input-placeholder { display: none; } .search-form .form-group:hover, .search-form .form-group.hover { width: 100%; border-radius: 4px 25px 25px 4px; } .search-form .form-group span.form-control-feedback { position: absolute; top: -1px; right: -2px; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; color: #3596e0; left: initial; font-size: 14px; } .categorytable td a{ color:#177573; font-size:13px; } .categorytable td span{ display:inline-block; background-color:#B21313; padding:3px 5px; color:#FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:9px; margin-left:10px; } .languagetable td a{ color:#D91A1F; font-size:13px; } .languagetable td span{ display:inline-block; background-color:#087F7F; padding:3px 5px; color:#FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:9px; margin-left:10px; } .artistListBox p{ font-size:13px; color:#59656D; } .noTopMar{margin-top:0;} .searchboxContainer{ padding:20px; background:url(../images/footer-bg.jpg)/*tpa=http://www.poetandpoem.com/images/footer-bg.jpg*/ no-repeat left top; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .searchBox{ padding:3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:2px solid rgba(255,255,255,0.2); } .searchBox div{ margin-right:130px; } .searchBox div input[type="text"]{ width:100%; height:35px; border:none; padding-left:40px; background:#FFF url(../images/magnify_glass.png)/*tpa=http://www.poetandpoem.com/images/magnify_glass.png*/ no-repeat 5px center; } .searchBox input[type="submit"]{ width:120px; float:right; height:35px; background-color: #8DB20F; color:#FFF; border:1px solid #7E9E0E; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } a.sinArtistBox{ background-color:#FFF; border-bottom:1px solid #C8C8C8; border-right:1px solid #C8C8C8; border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:5px; font-size:12px; margin-bottom:20px; display:block; color:#414141; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } a.sinArtistBox:hover{ border-top:1px solid #C8C8C8; border-left:1px solid #C8C8C8; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; } .sinArtistBox li{ margin-bottom:5px; word-wrap: break-word; } .sinArtistBox ul{ list-style-type:none; } .artistBoxesContainer{ padding:10px 0; } .sinArtSubDetails{ background-color:#099797; padding:5px; color:#FFF; margin-top:10px; } .artistBoxesContainer .row{ margin: 0 -10px; } .artistBoxesContainer div[class*="col-"]{padding: 0 10px;} .left-panel .pagination>li>a, .left-panel .pagination>li>span { border-radius: 50% !important;margin: 0 5px;} .left-panel .pagination{ margin:10px 0 0 0 ; } .left-panel .pagination > .active > a,.left-panel .pagination > .active > span,.left-panel .pagination > .active > a:hover,.left-panel .pagination > .active > span:hover,.left-panel .pagination > .active > a:focus, .left-panel .pagination > .active > span:focus { background-color: #099797; border-color: #099797; } .sinArtistBox .text-center{ font-weight:bold; } .sinArtistBox img{ margin:0 auto; } .advancedSearchBox{ border:2px solid rgba(255,255,255,0.3); padding:10px; margin-top:5px; } .advancedSearchBox label{ display:block; color:#535353; font-size:12px; font-weight:normal; } .advancedSearchBox input[type="text"]{ width:100%; height:30px; border:none; margin-bottom:10px; padding-left:5px; border:1px solid #E6E6E6; } .advancedSearchBox select{ width:100%; height:30px; border:none; margin-bottom:10px; border:1px solid #E6E6E6; } .advancedSearchBox input[type="submit"]{ width:100px; height:30px; background-color:#099797; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; color:#FFF; } a.advanSeaToggle{ color: #FFF; display:block; margin:5px 0 0; font-size:12px; } .recordsFound{ font-size:13px; text-align:right; margin-top:5px; } .row{ margin: 0 -7px; } div[class*="col-"]{padding: 0 7px;} #myModal01 .modal-body { padding:10px; } .left-panel .pagination > li > a, .left-panel .pagination > li > span { padding: 2px 7px; font-size:10px; } .filesTable th,.filesTable td{ text-align:center; font-size:13px; } .activeStar{ color:#FFB032; } .inActiveStar{ color:#CACACA; } a.applyBut{ display:inline-block; padding:3px 10px; background-color:#099797; color:#FFF; font-size:11px; text-decoration:none; } .white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 700px; margin: 20px auto; } .contact-popup{ position: relative; background: #FFF; padding: 20px; width: auto; max-width: 600px; margin: 20px auto; } /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .ui360, .sm2-360ui { /* size of the container for the circle, etc. */ width:30px; height:30px; } .jobResumeForm{ border:1px solid #D4D4D4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:20px; margin-top:10px; } .jobResumeForm label{ color:#099797; } .captchaBox{ margin:30px 0 6px 0 ; } .jobResumeForm input[type="text"]{ margin-bottom:15px; } .jobResumeForm input[type="submit"]{ background: #a90329; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */ background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-8 */ padding:10px 20px; float:right; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#FFF; text-transform:uppercase; } .jobResumeForm input[type="submit"]:hover{ background: #6d0019; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkMDAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOTAzMjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #6d0019 0%, #8f0222 56%, #a90329 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d0019), color-stop(56%,#8f0222), color-stop(100%,#a90329)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6d0019 0%,#8f0222 56%,#a90329 100%); /* IE10+ */ background: linear-gradient(to bottom, #6d0019 0%,#8f0222 56%,#a90329 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#a90329',GradientType=0 ); /* IE6-8 */ } .searchTd{ background:url(../images/footer-bg.jpg)/*tpa=http://www.poetandpoem.com/images/footer-bg.jpg*/ no-repeat left top; text-align:left !important; color:#FFF; } .searchTd select{ width:200px; height:25px; color:#333; margin-left:10px; } .adBlock01{ margin-top:20px; } .singleAudioFile{ background-color:#FFF; border-bottom:1px solid #C8C8C8; border-right:1px solid #C8C8C8; border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:5px; font-size:12px; margin-bottom:20px; display:block; color:#414141; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .singleAudioFile:hover{ border-top:1px solid #C8C8C8; border-left:1px solid #C8C8C8; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; } .sinAudioSubDeta{ background-color:#700608; padding:5px; color:#FFF; margin-top:10px; } .singleAudioFile ul{ list-style-type:none; } .singleAudioFile ul li{ margin-bottom:5px; } .videoPlayBut img{ text-align:center; } .audioBox{ border:1px solid #E8E8E8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom:5px; } .audioBoxInner{ background:url(../images/audiobg.jpg)/*tpa=http://www.poetandpoem.com/images/audiobg.jpg*/ no-repeat center center; background-size:cover; margin:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height:110px; padding:1px; } .audioBoxInner.sm2-inline-list .ui360, .audioBoxInner.sm2-inline-block .ui360 { float: none; position: relative; display:block; margin:0 auto; margin-top:30px; } .profile_boxes{ background-color:#FFF; padding:10px; font-size:13px; border:1px solid #CBD0D3; border-top:none; border-left:none; } .artistFilesCon{ margin-top:15px; } .profile_boxes h3{ margin-top:0; font-size:18px; color:#198787; font-weight: bold; } .profile_boxes p{ color:#5C5C5C; line-height:22px; } .artQualUl{ list-style-type:none; } .artQualUl strong{ display:block; color: #198787; } .artQualUl li:not(clearfix){ margin-bottom:10px; } .clear{ clear:both; } .fileScrollContainer{ height:300px; } .artisFilWrap{ background-color:#FFF; border:1px solid #CBD0D3; border-top:none; border-left:none; padding:5px; } .artisFilWrap h3{ padding:10px; background-color:#0D4D4D; margin-top:0; font-weight:bold; color:#FFF; font-size:16px; } .artistSinFile{ border-bottom: 1px solid #DDD; font-size:13px; margin-bottom:15px; } .artProFilRat{ background-color:#EFEFEF; padding:10px; } .artistSinFile li{ margin-bottom:10px; } .artistSinFile ul{ list-style-type:none; } .artistQidgetCon,.artisCommentCon{ background-color:#FFF; border:1px solid #CBD0D3; border-top:none; border-left:none; padding:15px; margin-top:15px; } .artistQidgetCon h4,.artistQidgetCon h5{color: #099797;}.artistQidgetCon h4{font-weight: bold;} .artistQidgetCon p { color: #5c5c5c; line-height: 22px; font-size:13px; } .artistLikeBox img{ margin-right:10px; } .artistLikeBox { font-size:11px; } .artistSinFile .ui360{ margin:0 auto; margin-top:10px; } #carousel li{ width:50px !important; } a.sinAlpha{ display:inline-block; overflow:hidden; border:1px solid #C5C5C5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; margin-right: 5px; margin-bottom: 5px; font-size:12px; } .theAlpha{ padding:5px; font-weight:bold; color:#6B6B6B; } .albhabetGroups{ margin-top:20px; } .theDigit{ background-color:#E5E5E5; color:#868686; padding:5px; } a.sinAlpha:hover .theDigit { background-color: #78960D; color:#FFF; } .lyricsListTable a{ color:#5B5B5B; } a.artistPageLink{ color: #A51316; } .artisConSub button,.commentBoxContainer input[type="submit"]{ background-color:#0D4D4D; color:#FFF; font-weight:bold; } .artisConSub button:hover, .commentBoxContainer input[type="submit"]:hover{ background-color:#78960D; color:#FFF; } .maroon_txt{color:#930B0E;} .codeEntryInput input[type="text"]{ width:200px !important; } .facebooklike{ font-size: 12px; } .commentBoxContainer{ background-color:#EFEFEF; padding:10px; margin-top: 10px; } .commentBoxContainer input[type="text"]{ display: block; height:30px; width:100%; border:1px solid #D3D3D3; margin-bottom:10px; padding-left:10px; } .commentBoxContainer textarea{ display: block; height:170px; width:100%; border:1px solid #D3D3D3; margin-bottom:10px; padding:10px; } .commentBoxContainer h3{ margin-top: 0; } .sinPopComment{ border: 1px solid #CDCDCD; margin-bottom: 10px; } .sinPopComment article{ padding:10px; font-size:13px; } .sinPopComment section{ padding:5px 10px; background-color: #099797; border-top: 1px solid #078484; font-size: 11px; color:#FFFFFF; text-align: right; } .popCommentWrap { overflow-y:scroll; height:200px; } .commentBoxContainer input[type="submit"]{ float: right; } .noBotMar{ margin-bottom: 0; } a.poetBioButs{ background-color: #960C0C; display:inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px 10px; color:#FFF; position:relative; text-decoration: none; margin-bottom: 5px; } .toptenlist{ list-style-type: none; margin-top: 20px; } .toptenlist li{ display: inline-block; margin-bottom:5px; } .toptenlist li a{ padding:5px 10px; border:1px solid #5B0506; display: inline-block; text-decoration: none; background-color: #6F0708; color:#FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .toptenlist li a:hover{ background-color: #960F0F; } .song_details{ background-color: #FFFFFF; color:#667984; padding:15px; border-left: 3px solid #8DB20F; border-bottom: 1px solid #CDD1D3; border-right: 1px solid #CDD1D3; } .song_details h1{ font-size:20px; margin-top: 0; color: #8DB20F; } .song_details .row div{ margin-bottom:10px; font-size:13px; } .song_details .row div strong{ color: #8DB20F; font-weight: normal; } .songRatingDiv{ background-color: #750506; padding:10px; color: #FFF; } .songRatingDiv ul{ list-style-type: none; } .songRatingDiv li{ display: inline-block; } .songRatingDiv li a { text-shadow:1px 1px 0 rgba(0,0,0,0.5); } .songRatingDiv li a .activeStar{ font-size: 24px; color:#FFBB00; } .songRatingDiv li a .inActiveStar{ font-size: 24px; color:#F2F2F2; } .martop10px{ margin-top:10px; } .martop5px{ margin-top:5px; } .lyricsSongList a{ color:#099797; position:relative; padding-left: 15px; display:block; } .lyricsSongList a:before{ content:""; width:6px; height:6px; position:absolute; text-indent:-9999em; background-color:#A00E10; left:0; top:7px; } .lyricsSongList a:after{ content:""; width:6px; height:6px; position:absolute; text-indent:-9999em; background-color:#A00E10; left:0; top:7px; -webkit-transition:none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .lyricsSongList a:hover:after{ content:""; width:6px; height:6px; position:absolute; text-indent:-9999em; background-color:#A00E10; left:-7px; top:-7px; opacity:0; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .videoLike{ margin-top:0; margin-bottom:15px; } .marBot15px{ margin-bottom: 15px; } .width100per{ width:100%; margin-top:5px; } .registerForm{ font-size:13px; } /* STARTS PROFILE MENU */ #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #cssmenu #menu-button { display: none; } #cssmenu { font-family: Montserrat, sans-serif; background: #333333; } #cssmenu > ul > li { float: left; } #cssmenu.align-center > ul { font-size: 0; text-align: center; } #cssmenu.align-center > ul > li { display: inline-block; float: none; } #cssmenu.align-center ul ul { text-align: left; } #cssmenu.align-right > ul > li { float: right; } #cssmenu > ul > li > a { padding: 17px; font-size: 12px; letter-spacing: 1px; text-decoration: none; color: #dddddd; font-weight: 700; text-transform: uppercase; } #cssmenu > ul > li:hover > a { color: #ffffff; } #cssmenu > ul > li.has-sub > a { padding-right: 30px; } #cssmenu > ul > li.has-sub > a:after { position: absolute; top: 22px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; } #cssmenu > ul > li.has-sub > a:before { position: absolute; top: 19px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #cssmenu > ul > li.has-sub:hover > a:before { top: 23px; height: 0; } #cssmenu ul ul { position: absolute; left: -9999px; } #cssmenu.align-right ul ul { text-align: right; } #cssmenu ul ul li { height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #cssmenu li:hover > ul { left: auto; } #cssmenu.align-right li:hover > ul { left: auto; right: 0; } #cssmenu li:hover > ul > li { height: 35px; } #cssmenu ul ul ul { margin-left: 100%; top: 0; } #cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%; } #cssmenu ul ul li a { border-bottom: 1px solid rgba(150, 150, 150, 0.15); padding: 11px 15px; width: 170px; font-size: 12px; text-decoration: none; color: #dddddd; font-weight: 400; background: #333333; } #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a { border-bottom: 0; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #ffffff; } #cssmenu ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; } #cssmenu.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; } #cssmenu ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #cssmenu.align-right ul ul li.has-sub > a:before { right: auto; left: 14px; } #cssmenu ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; } #cssmenu.small-screen { width: 100%; } #cssmenu.small-screen ul { width: 100%; display: none; } #cssmenu.small-screen.align-center > ul { text-align: left; } #cssmenu.small-screen ul li { width: 100%; border-top: 1px solid rgba(120, 120, 120, 0.2); } #cssmenu.small-screen ul ul li, #cssmenu.small-screen li:hover > ul > li { height: auto; } #cssmenu.small-screen ul li a, #cssmenu.small-screen ul ul li a { width: 100%; border-bottom: 0; } #cssmenu.small-screen > ul > li { float: none; } #cssmenu.small-screen ul ul li a { padding-left: 25px; } #cssmenu.small-screen ul ul ul li a { padding-left: 35px; } #cssmenu.small-screen ul ul li a { color: #dddddd; background: none; } #cssmenu.small-screen ul ul li:hover > a, #cssmenu.small-screen ul ul li.active > a { color: #ffffff; } #cssmenu.small-screen ul ul, #cssmenu.small-screen ul ul ul, #cssmenu.small-screen.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; } #cssmenu.small-screen > ul > li.has-sub > a:after, #cssmenu.small-screen > ul > li.has-sub > a:before, #cssmenu.small-screen ul ul > li.has-sub > a:after, #cssmenu.small-screen ul ul > li.has-sub > a:before { display: none; } #cssmenu.small-screen #menu-button { display: block; padding: 17px; color: #dddddd; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; } #cssmenu.small-screen #menu-button:after { position: absolute; top: 22px; right: 17px; display: block; height: 4px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ''; } #cssmenu.small-screen #menu-button:before { position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #dddddd; content: ''; } #cssmenu.small-screen #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #cssmenu.small-screen #menu-button.menu-opened:before { top: 23px; background: #ffffff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #cssmenu.small-screen .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height: 46px; width: 46px; cursor: pointer; } #cssmenu.small-screen .submenu-button.submenu-opened { background: #262626; } #cssmenu.small-screen ul ul .submenu-button { height: 34px; width: 34px; } #cssmenu.small-screen .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; } #cssmenu.small-screen ul ul .submenu-button:after { top: 15px; right: 13px; } #cssmenu.small-screen .submenu-button.submenu-opened:after { background: #ffffff; } #cssmenu.small-screen .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; } #cssmenu.small-screen ul ul .submenu-button:before { top: 12px; right: 16px; } #cssmenu.small-screen .submenu-button.submenu-opened:before { display: none; } #cssmenu.small-screen.select-list { padding: 5px; } .left-panel #cssmenu > ul > li > a{ font-size: 10px; padding:8px 5px; color: #757575; border-bottom: 2px solid #FFF; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .left-panel #cssmenu > ul > li > a:hover, .left-panel #cssmenu > ul > li.activeSubMenu a{ background-color: #099797; border-bottom: 2px solid #0D4D4D; color:#FFF; } .left-panel #cssmenu > ul > li.activeSubMenu a{ background-color: #099797; border-bottom: 2px solid #0D4D4D; color:#FFF; } .left-panel #cssmenu { background: none repeat scroll 0 0 #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.3); box-shadow: 0px 0px 2px rgba(0,0,0,0.3); border: 1px solid #E0E0E0; overflow:hidden; margin-bottom: 15px; } .profileFormContainer{ margin-top: 20px; } .profileFormContainer .row > .col-sm-6{ margin-bottom:15px; } .profileFormContainer .row > .col-sm-4{ margin-bottom:10px; } .profileFormContainer .row > .col-sm-4 label{ font-weight: normal; } .profileFormContainer .row > div label{ display:block; } .genderSelector span{ font-weight: normal; margin-left:5px; } .profileFormContainer { font-size: 13px; } .mandatory_identifier{ color:#FF403D; } .originalTextareaInfo,.warningTextareaInfo{ width:100% !important; } #owl-demo .owl-item div{ padding:5px; } #owl-demo .owl-item img{ display: block; width: 100%; height: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* ENDS PROFILE MENU */ .profilePages .bx-wrapper .bx-viewport { border:none; left: 0px; } .marTop15px{ margin-top: 15px; } .contactForm input[type=submit]{ background-color:#990A0A; color:#FFF; font-weight:bold; } .contactForm input[type=submit]:hover{ background-color:#770505; color:#FFF; } .contactForm input[type="text"]{ margin-bottom:15px; } .contactForm h2{ margin-bottom: 20px; } .tooltip{ white-space: nowrap; } #cssmenu a i{ display:block; width:16px; height:20px; margin:0 auto 5px auto; font-size:14px; } .songRatingp{font-size: 12px;} .songrateVideoAdd .row{ margin: 0 -2px; } .songrateVideoAdd div[class*="col-"]{padding: 0 2px;} .google_search_box .input.gsc-input{ font-size: 12px !important; } .google_search_box input[type="text"]{ width:100%; height:30px; border: 1px solid #DFDFDF; } .google_search_box{ margin-top:15px; } .google_search_box input[type="submit"]{ width:100%; height:30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #750506; color:#FFF; border: none; } .google_search_box input[type="submit"]:hover{ background-color: #8DB20F; } .audioDel{ display:block; width:20px; height:20px; margin:0 auto; } .audioFilesTable tr th{ background-color: #099797; color: #FFF; } .roundedDiv{ width:50px; height:50px; background-color: #870507; color:#FFF; font-size:20px; margin:0 auto; text-align: center; line-height:50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .action_group a{ display:inline-block; color:#FFF; font-size: 12px; padding:3px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; margin-bottom:3px; } .action_group a:nth-child(1){ background-color: #E8060A; } .action_group a:nth-child(3){ background-color:#8DB20F; } .action_group a:nth-child(5){ background-color:#FFBD26; } .action_group a:nth-child(7){ background-color:#FF6D0C; } #feature_yourself ul{ padding-left:30px; font-size: 13px; } #feature_yourself .featUl li{ margin-bottom:10px; color:#59656d; } .resetBut{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-right:10px; } .lyricsTab ul > li.active > a{ background-color:#7A0305 !important; color:#FFF !important; text-transform: uppercase; } .lyricsTab ul > li> a{ text-transform: uppercase; border-right: 0; } .lyricsTab ul > li > a:hover{ background:#7A0305 !important; color:#fff !important; border-right:#e7e7e7 2px solid;} .editalbutform{ background-color: #F3F3F3; padding:10px; } .editalbutform div{ margin-bottom:15px; } .chordList li{ display:inline-block; list-style-type:none; } .chordList li a{ display:inline-block; border:1px solid #E9E9E9; padding:3px 10px; margin-bottom:5px; text-decoration: none; color: #8DB20F; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .chordList li a:hover{ background-color: #8DB20F; color:#FFF; } .chordsMovieTable a{ color:#D3251F; } .terms ,.terms .panel-title{ font-size:13px; } .terms .panel-title:hover { cursor: pointer; } /* Buzz Out */ @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .imageListTable thead th{ background-color:#099797; color:#FFF; } .uploadFeaturedDetails{ color:#59656d; } .sinFeatField{ margin-bottom: 15px; } .sinFeatField label{ display: block; font-size: 13px; } .borderedBox{ border:1px solid #E2E2E2; } .featuredArtistImage{ background-repeat: no-repeat; background-size: cover; height:200px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width:200px; background-position:center center; margin:10px auto; } .sinEvent{ color: #59656d; margin-bottom:15px; } .sinEvent .eventHeader{ background-color:#F3F3F3; margin-bottom:10px; } .eventHeader section{ background-color:#750506; display:inline-block; color:#FFF; font-size:20px; padding:5px; } .sinEvent h2{ margin-top:0px; font-size: 18px; color: #099797; } .sinEvent h4{ font-size: 14px; } .catAndtags{ font-size: 12px; } .catAndtags a{ color:#099797; } .eventHeader{ position:relative; } .eventHeader a{ display:block; position:absolute; right:5px; background-color: #099797; font-size:12px; color: #FFF; padding:3px; height:25px; top:50%; margin-top:-12px; text-decoration: none; } .main { padding: 0 0px 0px 0px; width: 100%; max-width: 600px; margin: 0 auto; } #custom-year{ margin-top:0; } .linkGroup ul{ list-style-type: none; } .linkGroup ul a,.linkGroup ul li{ color:#454E54; } .linkGroup ul li i{ font-size: 14px; } .linkGroup li{ font-size: 13px; padding:5px 2px 5px 10px; margin:0 10px; border-bottom: 1px solid #c5c5c5; } .linkGroup{ background-color: #FFFFFF; } #event-images .item{ margin: 3px; } #event-images .item img{ display: block; width: 100%; height: auto; } .eventSinComment{ border-top:2px solid #8DB20F; padding:15px; background-color: #F3F3F3; margin-bottom:5px; } .commenter_name{ color:#8DB20F; display:inline-block; } .eventSinComment h5{ font-size:13px; } .coimmentForm textarea{ border:1px solid #DDD; width:100%; } .coimmentForm input[type=reset]{ margin-right:10px; } .noBorderRad{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .eventFacts a{ color:#8DB20F; } .thin_dash{ display:block; width:50px; height:2px; margin-top: 10px; background-color:#8DB20F; } .event_action{ margin-top: 15px; } .event_action a{ display:inline-block; padding:5px 10px; } .event_action a:first-child{ background-color: #8DB20F; color: #FFF; text-decoration: none; } .event_action a:first-child:hover{ background-color: #79960F; } .event_action a:last-child{ background-color: #A3160C; color: #FFF; text-decoration: none; } .event_action a:last-child:hover{ background-color: #84130D; } .imageupload-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 400px; margin: 20px auto; } .addImageFormInner label{ color:#8DB20F; } .marRig10px{ margin-right: 10px; } .greenTableHeader thead th{ color: #FFF; background-color:#8DB20F; } .choose_verification_type .nav > li > a { padding: 30px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size:14px; font-weight: bold; border:1px solid #D4D4D4; color:#555; } .choose_verification_type .nav > li > a i{ font-size: 20px; } .choose_verification_type .nav-tabs > li { width: 200px; display:inline-block; float: none; } .choose_verification_type .nav-tabs{ text-align:center; } .choose_verification_type .active a{ background-color:#8DB20F !important; color:#FFF !important; } .choose_verification_type .nav-tabs { border-bottom:none; } .payEmailCon{ max-width:400px; border:1px solid #CFCFCF; padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:0 auto; background: #f9f9f9; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f9f9f9 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9f9f9 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9f9f9 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9f9f9 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9f9f9 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } .payEmailCon label{ display:block; } .payEmailCon input:not([type="submit"]){ margin-bottom:20px; } .registerTicketForm{ max-width:600px; } .registerTicketForm label{ display:block; font-size:13px; font-weight: normal; } .registerTicketForm input,.registerTicketForm textarea{ margin-bottom:15px; } .payment_options{ list-style-type: none; } .payment_options li{ display: inline-block; margin-right:10px; } .payment_options > li > a{ display:inline-block; border:1px solid #D6D6D6; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .payment_options li a:hover{ border-color:#8DB20F; } .finalTicket{ font-size: 13px; } .ticket_buts{ width:600px; } .ticket_buts button{ float: right; margin-left: 10px; } .eventImageCon{ width:100px; } .eventImageCon div{ border:1px solid #D7D7D7; } .eventImageCon{ float:left; } .marRight10px{ margin-right:10px; } .addeventForm label{ display:block; font-size: 13px; } .addeventForm div[class^="col-sm"] { margin-bottom:15px; } .eventImgCon{ margin-top: 50px; margin-left:20px; float:left; } .sinTopSong{ padding:10px; border-top:1px solid #E6E6E6; border-left:1px solid #E6E6E6; border-right:1px solid #D4D4D4; border-bottom:1px solid #D4D4D4; margin-bottom:15px; position:relative; padding-right:120px; } .sinTopSong h3{ margin-top: 0; color:#8DB20F; font-size: 20px; } .sinTopSong .sintoplylft a { color:#696969; font-size: 13px; display:block; margin-bottom: 5px; } .sintoplyRt{ width:100px; height:100px; float:left; margin-right:20px; position:relative; } .sintoplyRt a{ display:block; width:100px; height:100px; background: url(../images/footer-bg.jpg)/*tpa=http://www.poetandpoem.com/images/footer-bg.jpg*/ no-repeat left top; text-align: center; line-height:100px; } .sintoplylft{ margin-left: 120px; } .commentbox{ display:none; } .numbering{ position:absolute; left:-5px; top:-5px; background-color:#8DB20F; padding:0px 5px; color:#fff; font-size:16px; font-weight: bold; } .votingDiv{ position:absolute; right:10px; top:10px; width:100px; border:2px solid #CCCCCC; } a.VoteBut{ width:50%; float:left; background-color:#DF1A1F; text-align:center; color:#FFF; text-decoration: none; font-size: 12px; } .VoteCount{ text-align: center; font-weight: bold; } .icSmallComment span{ display:inline-block; background-color: #8DB20F; color:#FFF; padding:3px 5px; } .icSmallComment{ font-size: 13px; } .commentLikeNotlike a{ display:inline-block !important; margin-right:10px; float:right; margin-bottom:0 !important; } .commentLikeNotlike .likecount{ float:left; font-size: 11px; } .commentLikeNotlike{ overflow:hidden; margin-top: 10px; } .commentLikeNotlike a.thumbsUp{ color: #8DB20F; } .commentLikeNotlike a.thumbsDown{ color: #DF1A1F; } .artistImgCon { width: 200px; height: 200px; margin : 10px auto; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin:10px auto; display:block; } .artistImgCon img { width: 100%; height:100%; } .featuredArtist{ background:#FFF url(../images/artist_pattern.png)/*tpa=http://www.poetandpoem.com/images/artist_pattern.png*/ repeat left top; } /* Navigation styles*/ .nav_icons{ width:30px; height:30px; display:block; margin:0 auto 10px auto; overflow:hidden; background:url(../images/navigation_sprite.png)/*tpa=http://www.poetandpoem.com/images/navigation_sprite.png*/ no-repeat; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; } .poPoeNav > li a{ -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; } .poPoeNav > li:nth-child(1) a span{ background-position:0 0; } .poPoeNav > li:nth-child(2) a span{ background-position:-90px 0; } .poPoeNav > li:nth-child(3) a span{ background-position:-120px 0; } .poPoeNav > li:nth-child(4) a span{ background-position:-300px 0; } .poPoeNav > li:nth-child(5) a span{ background-position:-330px 0; } .poPoeNav > li:nth-child(6) a span{ background-position:-300px 0; } .poPoeNav > li:nth-child(7) a span{ background-position:-330px 0; } .poPoeNav > li:nth-child(8) a span{ background-position:-210px 0; } .poPoeNav > li:nth-child(9) a span{ background-position:-240px 0; } .poPoeNav > li:nth-child(10) a span{ background-position:-270px 0; } .poPoeNav > li:nth-child(11) a span{ background-position:-300px 0; } .poPoeNav > li:nth-child(12) a span{ background-position:-330px 0; } .poPoeNav > li:nth-child(1) a:hover span, .nav > li:nth-child(1) > a.active span{ background-position:0 -30px; } .poPoeNav > li:nth-child(2) a:hover span, .nav > li:nth-child(2) > a.active span{ background-position:-90px -30px; } .poPoeNav > li:nth-child(3) a:hover span, .nav > li:nth-child(3) > a.active span{ background-position:-120px -30px; } .poPoeNav > li:nth-child(4) a:hover span, .nav > li:nth-child(4) > a.active span{ background-position:-300px -30px; } .poPoeNav > li:nth-child(5) a:hover span, .nav > li:nth-child(5) > a.active span{ background-position:-330px -30px; } .poPoeNav > li:nth-child(6) a:hover span, .nav > li:nth-child(6) > a.active span{ background-position:-300px -30px; } .poPoeNav > li:nth-child(7) a:hover span, .nav > li:nth-child(7) > a.active span{ background-position:-330px -30px; } .poPoeNav > li:nth-child(8) a:hover span, .nav > li:nth-child(8) > a.active span{ background-position:-210px -30px; } .poPoeNav > li:nth-child(9) a:hover span, .nav > li:nth-child(9) > a.active span{ background-position:-240px -30px; } .poPoeNav > li:nth-child(10) a:hover span, .nav > li:nth-child(10) > a.active span{ background-position:-270px -30px; } .poPoeNav > li:nth-child(11) a:hover span, .nav > li:nth-child(11) > a.active span{ background-position:-300px -30px; } .poPoeNav > li:nth-child(12) a:hover span, .nav > li:nth-child(11) > a.active span{ background-position:-330px -30px; } /* Ends Navigation styles*/ .famPoeUl{ padding:10px; list-style-type:none; background-color:#eff3f3; margin-top:20px; } .famPoeUl li{ margin-bottom:10px; background:url(../images/bullet.png)/*tpa=http://www.poetandpoem.com/images/bullet.png*/ no-repeat left 6px; padding-left:20px; } .famPoeUl li a{ color:#6A6A6A; } a.morePoets:link, a.morePoets:visited{ float:right; background-color:#750506; color:#FFF; padding:5px 10px; text-decoration: none; } .tabWithScroll .nav{ background-color:transparent; } .scrollContent{ height:200px; } .poemAboCon{ background-color: #FFF; padding:10px; } .poemAboCon li{ padding-left:20px; background:url(../images/bullet.png)/*tpa=http://www.poetandpoem.com/images/bullet.png*/ no-repeat left 15px; } .poemAboCon li a{ border-bottom:1px solid #C5C5C5; padding:10px 0; display:block; color:#6C6C6C; } .tabWithScroll .nav-tabs > li.active > a, .tabWithScroll .nav-tabs > li.active > a:hover,.tabWithScroll .nav-tabs > li.active > a:focus { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #099797; border-color: #ddd #ddd transparent; border-image: none; border-style: solid; border-width: 1px; color: #FFF; cursor: default; } .nav-tabs > li > a { background-color: #CCC; color:#333; } .poemSearchBox input[type=text]{ width:70%; float:left; height:30px; border:1px solid #E2E2E2; } .poemSearchBox{ margin-bottom:20px; } .poemSearchBox input[type=submit]{ width:28%; float:right; height:30px; border:none; background-color:#750506; color:#FFF; } .poemSearchBoxOuter li{ padding-left:20px; background:url(../images/bullet.png)/*tpa=http://www.poetandpoem.com/images/bullet.png*/ no-repeat left 15px; } .poemSearchBoxOuter li a{ border-bottom:1px solid #C5C5C5; padding:10px 0; display:block; color:#6C6C6C; } #owl-example a, .owl-example a{ text-align:center; } .horScrollCon{ background-color:#EAEAEA; padding:0 30px ; position:relative; height:30px; margin-bottom:5px; } .preBut{ width:30px; height:30px; position:absolute; left:0; top:0; background-color:#838383; text-align:center; line-height:30px; color:#FFF; cursor:pointer; } #owl-example div{ text-align:center; padding-top:1px; } .nexBut{ width:30px; height:30px; position:absolute; right:0; top:0; background-color:#838383; text-align:center; line-height:30px; color:#FFF; cursor:pointer; } .transition-timer-carousel-progress-bar{ display:none; } .testiTxt { font-size:13px; color:#989995; line-height:24px; padding:10px; background-color:#0d4d4d; color:#FFF; } .testiTxt::after{ content:""; position:absolute; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 0; border-color: transparent #0D4D4D transparent transparent; left:0px; top:20px; } .carousel-caption-text{ background-color: rgba(0,0,0,0.8); padding:10px; } .subscrBut,.subscrBut:focus,.subscrBut:hover{ background-color:#ffd800; border:1px solid #ffd800; color:#910B0B; font-weight: bold; } .newsTxt{ font-size:12px; margin:5px 0 0 0; text-align: left; } .clear{ clear:both; } .aboutImg{ width:300px; float:left; } a.btnSign,a.btnSign:hover{ background:#ffd800; border-radius:5px; text-decoration:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#770506 !important; } .subscrBut,.subscrBut:focus,.subscrBut:hover{ background-color:#ffd800; border:1px solid #ffd800; color:#910B0B; font-weight: bold; } ul.footer-nav li { float: left; margin: 0 0 5px; padding: 0; width: 20%; } .testiTxt { font-size:13px; color:#989995; line-height:24px; padding:10px; background-color:#0d4d4d; color:#FFF; } .testiTxt::after{ content:""; position:absolute; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 0; border-color: transparent #0D4D4D transparent transparent; left:-10px; top:20px; } .quotationPoetList a{ color:#5B5B5B; font-size: 13px; text-decoration: none; font-weight: bold; } .quotationPoetList a span:first-child{ display:inline-block; width:10px; height:2px; margin-right:10px; vertical-align:middle; background-color:#099797; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .quotationPoetList a:hover span:first-child{ display:inline-block; width:0; margin-left:10px; height:2px; margin-right:10px; vertical-align:middle; background-color:#099797; } .quotationPoetList a span:last-child{ display:inline-block; width:0; height:2px; margin-left:10px; margin-right:10px; vertical-align:middle; background-color:#099797; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; -webkit-transition-delay: 200ms; /* Safari */ transition-delay: 200ms; } .quotationPoetList a:hover span:last-child{ display:inline-block; width:10px; height:2px; margin-right:0; vertical-align:middle; background-color:#099797; } .alphaSearch{ list-style-type: none; margin:10px 0; } .alphaSearch li{ display:inline-block; } .alphaSearch li a{ display:inline-block; background-color: #960608; color:#FFF; text-decoration: none; padding:3px 8px; margin-bottom: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .searchQuoteTypesCon{ background-color: #F3F3F3; padding:20px; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-bottom: 2px solid #E6E6E6; } .optionDivide{ height:20px; } .quoteSearch{ margin-bottom: 20px; } .quoteSearch input[type="submit"]{ float:right; width:120px; height:30px; background-color: #5F0304; color: #FFF; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .quoteSearch div{ margin-right:130px; } .quoteSearch div input[type=text]{ width:100%; height:30px; border: 1px solid #C9C9C9; padding-left:10px; } .searchQuoteTypesCon select{ width:150px; height:30px; border:1px solid #C9C9C9; } .searchQuoteTypesCon label{ font-size: 13px; } .quoteType{ margin-left: 20px; } .note { position:relative; overflow:hidden; /* hides part of the box-shadow */ padding:20px; margin-bottom: 10px; background:#F2F2F2; border-bottom: 2px solid #DFDFDF; } .note p{ font-size:14px; } .note:before { content:""; position:absolute; top:0; right:0; border-width:0 16px 16px 0; border-style:solid; border-color:#E5E5E5 #fff; /* css3 extras */ -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); } .poetProfile{ border:none; } .poemContainer{ padding-top:20px; text-align: center; } .poemContainer p{ margin-bottom:20px; } .scroll-text{ height:260px; overflow:hidden; } .scroll-text li { background: url("../images/bullet.png")/*tpa=http://www.poetandpoem.com/images/bullet.png*/ no-repeat scroll left 15px rgba(0, 0, 0, 0); padding-left: 20px; } .scroll-text li a { border-bottom: 1px solid #c5c5c5; color: #6c6c6c; display: block; padding: 10px 0; } a.greenLink{ font-weight: bold; color:#790305; } .searchArticle{ margin-bottom: 15px; } .searchArticle input[type=submit]{ width:70px; float:right; height:25px; background-color: #7C0405; border:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #FFF; } .searchArticle div{ margin-right:80px; } .searchArticle div input{ width: 100%; border: 1px solid #BCBCBC; height: 25px; padding-left:5px; } .aboutTheWriter, .authorPostCon{ padding:20px 0; } .aboutTheWriter h3, .authorPostCon h3{ margin-top: 0; font-size: 18px; color: #099797; } .authorPostCon ul{ padding-left:30px; } .authorPostCon ul li{ margin-bottom:10px; } .authorPostCon li{ font-size: 13px; } .authorPostCon li a{ color: #A00C0C; } .article_author_tabs .nav-tabs li a{ background-color: #CCC; } .article_author_tabs .nav-tabs li.active a, .article_author_tabs .nav-tabs li a:hover{ background-color: #7C0405 !important; color:#fff; } .article_author_tabs .nav-tabs > li.active > a,.article_author_tabs .nav-tabs > li.active > a:hover, .article_author_tabs .nav-tabs > li.active > a:focus{ background-color: #7C0405; } .article_author_tabs{ margin-top: 20px; } .relatedPosts ul{ margin-left:20px; } .relatedPosts ul li{ margin-bottom: 10px; } .relatedPosts ul li a{ color: #a00c0c; font-size: 13px; } /* NEW JOB PAGE STYLES 23-04-2015 */ .sinJobBox{ background-color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2); box-shadow: 2px 2px 3px rgba(0,0,0,0.2); border:1px solid #C5C7C7; padding:10px; } .sinJobBox h2{ color:#FFF; margin-top:0; font-size: 16px; background-color: #099797; padding:5px 10px; } .sinJobBox h3{ font-size: 14px; margin-top: 0; } .sinJobBox p{ font-size: 12px; color: #787878; } .postedApply div{ font-size: 12px; font-weight: bold; color: #787878; } .postedApply a{ font-size: 14px; display:inline-block; float:right; background-color: #A2180B; color: #FFF; margin-top: 10px; padding:5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; } .postedApply a:hover{ background-color: #099797; } #jobGrid{ margin:20px 0; } .jobDesc a{ color: #A1170C; } .jobGridOuter{ margin:0 -20px; } .job-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 800px; margin: 20px auto; } .jobPara{ font-size: 13px; font-weight: bold; line-height: 24px; } .pop_job_desc h2{ margin-top: 0; color: #099797; font-size: 20px; } .pop_job_desc h3{ margin-top: 0; color: #AEAEAE; font-size: 13px; font-weight: bold; } .pop_job_desc{ font-size: 13px; } .pop_job_desc h4{ font-size: 13px; } .employersBox{ background: #A0130A url(../images/footer-bg.jpg)/*tpa=http://www.poetandpoem.com/images/footer-bg.jpg*/ no-repeat left top; padding:10px; background-size:cover; color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .employersBox h3{ margin-top: 0; } .employersBox a{ float: right; padding:10px 20px; color:#FFF; background-color: #099797; font-size: 20px; text-decoration: none; } .employersBox a:hover{ background-color: #099797; } #uploadVitae{ display: block; } /* ENDS NEW JOB PAGE STYLES 23-04-2015 */ .relLinks{ margin-bottom: 15px; } .relLinks ul{ list-style-type:none; } .relLinks li{ border-bottom:1px solid #E4E4E4; } .relLinks ul a{ display: block; text-decoration: none; padding:10px 20px; color:#333; } .relLinks ul a::before{ width:7px; height:7px; margin-right: 10px; display:inline-block; content:""; background-color: #099797; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; } .relLinks ul a:hover::before{ background-color: #780405; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .searchedPoemTags li{ display:inline-block; } .searchedPoemTags li a{ display:inline-block; background-color: #7B0405; color: #FFF; padding:5px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; } .searchedPoemTags li a:hover{ background-color: #099797; } .listWhitDrop label{ display: block; margin: 10px 0 5px 0; } li.listWhitDrop{ padding-left: 30px; border-bottom: 0; } .listWhitDrop select{ width:90%; height:30px; border:1px solid #E8E8E8; margin-bottom:10px; } .searchPoetByName input[type="submit"]{ float:right; width:150px; height:35px; background-color: #770505; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#FFF; } .searchPoetByName div{ margin-right: 160px; } .searchPoetByName input[type="text"]{ width:100%; height:35px; border:1px solid #D3D3D3; padding-left:10px; } .searchPoetByName{ margin-bottom: 20px; } .tellAfrnd { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 700px; margin: 20px auto; } .tellFrndCon label{ display:block; } .tfSinFie{ margin-bottom: 15px; } .tfSinFie span{ color:#EA1A1F; } .mfp-hide { display: none !important; } .martop0px{ margin-top: 0; } .no-padding{ padding : 0!important; } .no-margin{ margin : 0!important; } a.disabled{ pointer-events: none; cursor: none; opacity: .7; } .text-green{ color:#099797!important; } .file-input-wrapper:not(.overflowVisible) { overflow: visible !important; } .orBtn{ background-color: #8db20f; color: #fff; font-size: 16px; font-weight: bold; line-height: 47px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; padding:10px; } .mt140{ margin-top: 140px; } .mt100{ margin-top: 100px; } /* MEDIA QUERIES */ @media screen and (max-width:1199px){ .quoteType{ margin-left: 0; } } @media screen and (max-width:767px){ .width100per{ width:auto; margin-top:5px; } .profileFormContainer{ padding:10px; } } @media screen and (min-width:768px){ .navbar-brand-centered { position: absolute; left: 50%; display: block; width: 160px; text-align: center; background-color: #eee; } .navbar>.container .navbar-brand-centered, .navbar>.container-fluid .navbar-brand-centered { margin-left: -80px; } } @media all and (max-width: 767px) and (min-width: 220px) { .top-head{ height:auto;} .nav > li > a{ font-family:'open sans'; font-size:12px; text-align:center; border:none; line-height:5px !important; } .nav > li > a > span > img{ line-height:20px; float:left;} ul.sign-up-nav{ margin:0 0 5px 0;} ul.sign-up-nav li a{ padding:6px 6px;} br{height:0px; margin:0; padding:0;} .white-box{ background:#fff; padding:0px 0px 0px 0px; width:100%; /* float:left; */ margin:2px 0 2px 0;} .white-box-two { background: linear-gradient(#fff,#eee) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #ddd; float: left; padding: 1px 0; width: 100%; margin:2px 0; } span.foo-header{color: rgb(255, 255, 255); line-height: 20px; font-family: "open sans"; clear:both; width:100%; float:left; line-height:36px;} .dropdown-menu{margin:0; padding:0; background:linear-gradient(#eee,#fff); background:-moz-linear-gradient(#eee,#fff); border:none; font-family:'open sans'; font-size:12px !important; text-align:center;} ul .dropdown-menu li a{padding:8px 30px; font-family:'open sans'; font-size:12px !important; text-align:center;} ul .dropdown-menu li a span{ padding:5px} ul .dropdown-menu li a span img{height:5px ;width:5px;} ul .dropdown-menu li a:hover{background:#8db20f !important; color:#fff;} .nav-justified .open .dropdown-menu > li > a{text-align:center;} ul.footer-nav{border:none;} ul.footer-nav li{ display:inline-block;} ul.footer-nav li a{ display:inline-block; padding:5px;} .navbar{min-height:0px !important; padding:0px !important;} .col-sm-8{padding:0px;} .col-xs-12{padding:0px;} .container{padding-left:5px; padding-right:5px;} } @media all and (max-width:1024px) and (min-width:768px) { .nav-justified > li > a{padding:10px 5px !important;} span.foo-header{color: rgb(255, 255, 255); line-height: 20px; font-family: "open sans"; clear:both; width:100%; float:left; line-height:36px;} } @media all and (max-width:1200px) and (min-width:1025px) { .nav-justified > li > a{padding:10px 14px !important;} } @media screen and (max-width:360px){ ul.footer-nav li { width: 50%; } } @media only screen and (max-width:420px){ .sintoplyRt{ float: none; } .sintoplylft{ margin-left:0; margin-top:10px; } } @media all and (max-width:767px) and (min-width:320px) { .nav > li > a { overflow: auto; line-height:30px; } .nav_icons { margin: 0 0 0 0 ; float:left; } .nav_txt{ display:inline-block; margin-top:10px; } .testiTxt{ margin:10px 20px 0 20px; } .testiTxt:after { display:none; } .famPoeUl{ margin:3px 0 0 0; } a.morePoets:link, a.morePoets:visited { margin:3px 0; } .recordsFound{ text-align: left; } } @media (min-width: 970px) { /* Lower the font size of the carousel caption header so that our caption doesn't take up the full image/slide on smaller screens */ .transition-timer-carousel .carousel-caption .carousel-caption-header { font-size: 36px; } } .adslot_1 { display:inline-block; width: 970px; height: 250px; } @media (max-width:1024px) { .adslot_1 { width: 970px; height: 250px; } } @media (max-width:980px) { .adslot_1 { width: 768px; height: 90px; } } @media (max-width:800px) { .adslot_1 { display:none; } } @media (max-width:500px) { .adslot_1 { display:none; } } .col-sm-6 center { float:left; margin-right:10px; } .nav > li:last-child > a{ border-right: none; } .searchView {padding-top:5px} pre {border: 0; background-color: transparent;} @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?elgowx'); src: url('../fonts/icomoon.eot?elgowx#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff2?elgowx') format('woff2'), url('../fonts/icomoon.woff?elgowx') format('woff'), url('../fonts/icomoon.ttf?elgowx') format('truetype'), url('../fonts/icomoon.svg?elgowx#icomoon') 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: 'icomoon' !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-search:before { content: "\f002"; } .icon-angle-double-right:before { content: "\f101"; } .icon-caret-right:before { content: "\f0da"; }