body {background-color:#fff;} /*#f5f8fa*/ body, textarea, input { margin: 0; padding: 0; font: normal 13px/1.5 'Open Sans', sans-serif;} h1, h2, h3, h4 {margin:0 0 10px 0;} h1, h2, h3, h4, a {color: Gray; font-weight: normal; } h1, h2, h3, h4, h2 a, h3 a, h4 a {font-family:'Open Sans Condensed', sans-serif;} p {margin:0 0 10px 0; font: normal 13px/1.3 'Droid Serif', serif; line-height:20px; color:#999;} noscript {display:block;font-size:20px; padding:20px; background-color:Yellow; margin:10px 0 20px 0; clear:both;} h1 {font-size:1.5em} h2 {font-size: 3.0em;} h3 {font-size: 2.5em;} h4 {font-size:1.0em} .navbar-brand {padding:0px;} .navbar-brand img {width: 150px;margin: 10px 0 0 0} .navbar { background-color: #fff; border-bottom: 1px solid #eee; margin-bottom:10px;} footer {min-height:300px; margin:40px 0 0 0; padding:30px 0; background-color: #C4CCB7; color:#fff; } footer h2 , footer a{color:#fff; } footer a:hover{ text-decoration:underline;} footer ul {margin:0; padding:0;} footer li { list-style:none;} .shadow{ -moz-box-shadow: 0px 0px 20px #aaa; -webkit-box-shadow: 0px 0px 20px #aaa; box-shadow: 0px 0px 20px #aaa; /* For IE 8 */ } .notification {margin-bottom:5px;} #pnlAdsMembers {clear:both; margin:20px 0 0 0;} /*--------------------------------------------- Colours ----------------------------------------------- #ABB4AB - French Grey - Darker than sage #C4CCB7 - Soft Sage - Sage Green #EBF1CA - Soft Mint - light green #EDE2B9 - Babies Bottom - sandy colour #E7CDB2 - Baby Sophia Pink - skin colour #C7B2A1 - Mama's Mauve - tanned skin colour #A6BEBD - Little Denim - Greeny Blue #C3DEDC - Baby Jack Blue - peppermint #f8f6eb - Light pink #98897f - Brown Text #676a67 - Gray Text ----------------------------------------------- FONTS ----------------------------------------------- font-family: 'Open Sans', sans-serif; font-family: 'Open Sans Condensed', sans-serif; font-family: 'Droid Serif', serif; */ h2.condensed { font-family:'Open Sans Condensed', sans-serif; font-size: 1.6em; font-weight:normal;margin:0; } h2.condensed a { font-family:'Open Sans Condensed', sans-serif; font-weight:normal;margin:0; } h2.side-banner { margin:0; padding:0; text-align:center; } h2.side-header {margin:0 0 0 0px; padding:8px 0 0 8px; height:27px; text-align:left; font-family:'Droid Serif', serif; font-size:1.0em; font-weight:bold; border-bottom:1px solid #ddd;} h2.blog-header {font-size: 1.7em; color:#676A67; font-family:'Open Sans Condensed', sans-serif; } /*brown:b1a399 */ h2.green-banner {background-color:#EBF1CA;} h4 {font-weight: normal; } h4.breadcrumb, h4.breadcrumb a {font-size:13px; color:Gray; margin-bottom:15px;font-family:'Open Sans', sans-serif;} h4.breadcrumb-l, h4.breadcrumb-l a {font-family:'Open Sans Condensed', sans-serif; font-size: 21px; font-weight:normal; color:Gray; margin-bottom:10px;} .breadcrumb {background-color:transparent; padding:0px; margin:5px 0 10px 0;} .when-container { padding-top:10px; background-image: url(/i/blog-circle.png);background-repeat: no-repeat; height:52px; width:52px; color: #aca490;} .when-month {font-size:10px;line-height:9px; text-align:center; font-weight:bold;} .when-day{margin-left:-2px; font-size:25px; line-height:22px; text-align:center; font-weight:bold;} .blog-feature-image-can{ margin:0 10px 20px 0; } /*Menu*/ nav ul{margin:0;padding:0;} #pnlAdmin {color:#777;padding-right:5px;} #pnlAdmin a{color:#777;} #pnlAdmin ul {margin:0;padding:0; float: right;} #pnlAdmin ul.dropdown-menu {margin:0;padding:10px;} #pnlAdmin li a{color:#777;} #pnlAdmin ul.dropdown-menu li a {color:#777} #pnlAdmin nav ul li { list-style: none; float: left; text-align: center; padding: 5px 0;} #pnlAdmin ul.nav li a{color:#979797; font-size:14px; text-decoration:none; } #pnlAdmin ul.nav li a:active{background-color:transparent; } #pnlAdmin ul.nav li a:hover {background-color:transparent} #pnlAdmin {display:none;} .pnlAdmin {color:#777;padding-right:5px;} .pnlAdmin a{color:#777;} .pnlAdmin ul {margin:0;padding:0; float: right;} .pnlAdmin ul.dropdown-menu {margin:0;padding:10px;} .pnlAdmin li a{color:#777;} .pnlAdmin ul.dropdown-menu li a {color:#777} .pnlAdmin nav ul li { list-style: none; float: left; text-align: center; padding: 5px 0;} .pnlAdmin ul.nav li a{color:#979797; font-size:14px; text-decoration:none; } .pnlAdmin ul.nav li a:active{background-color:transparent; } .pnlAdmin ul.nav li a:hover {background-color:transparent} .pnlAdmin {display:none;} #pnlKeriTools ul {float:right;} #adminSearch {float: right; margin-top: 3px; margin-bottom: 0px;} /*Toggle button*/ .navbar {margin-bottom: 0px; background-color: #fff; border-bottom:1px solid #eee; } .navbar-default { border-radius: inherit; -webkit-box-shadow: none; box-shadow: none; border-color: inherit; } .navbar-nav { margin: 0;} .navbar-brand { float: left; height: inherit; padding: 0;font-size: 18px; line-height: 20px;} .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin: 10px; background-color: #eee; background-image: none; border: 1px solid transparent; border-radius: 4px;} .navbar-toggle .icon-bar { background-color: #fff;} .navbar-collapse {padding-right: 0px; padding-left: 0px; } .navbar-login {display: block; margin: 20px;float:right;} .navbar-help {display: block; margin: 20px;float:right;} /*Public Nav*/ #pnlPublicNav {padding:10px 0 0 0;} #pnlPublicNav ul.nav li a { padding-top: 2px; padding-bottom: 4px;} #pnlPublicNav ul.nav li a:active{background-color:transparent; } #pnlPublicNav ul.nav li a:hover {background-color:transparent} #public-nav-collapse {clear:both;} /*Member Profile Nav*/ #h-member-profile-nav {float:right; margin: 17px 0 0 0;} /*Member Nav*/ #pnlMemberNav {margin:0; clear: both;} .member-nav-can {background-color:#EBF1CA;clear: both;} #pnlMemberNav ul.nav li:hover {background-color:none;} #pnlMemberNav ul.nav li.activemenuitem {background-color:none;} #pnlMemberNav ul.nav li{ list-style:none; float:left; text-align:center; padding:0px 0px} #pnlMemberNav ul.nav li a{color:#666; font-size:14px; text-decoration:none;} #pnlMemberNav ul.nav li a{background-color:transparent; color:#979797; font-size:17px; text-decoration:none;} #pnlMemberNav ul.nav li a:active{background-color:transparent; } #pnlMemberNav ul.nav li a:hover {background-color:transparent} /*Profile Image*/ nav ul li.my-profile img{width:40px; height:40px; border:3px solid #d4d4d4;} #pnlMemberNav ul.nav li.my-profile {padding:0; margin:-8px 0 0 0;} /*Notifications*/ #pnlMemberNav ul.nav li a.member-home-notifications {display:inline-block; color:White; background-color:#de4c1e; line-height:20px; padding: 3px 7px; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;} #pnlMemberNav ul.nav li a.member-home-no-notifications {display:inline-block; color:gray; } .member-profile-can {float:right; margin:0;} .member-profile-name {float:left; margin:-8px 0px 0 0 ;} .member-profile-image {float:left; width:30px;margin:-3px 10px 0px 0;} .member-profile-notifications {float:left; font-size:12px; color:#676a67;} #l-o-can-e {z-index:100; background-color:White; padding:7px; border:1px solid #C4CCB7;} #member-notifications {z-index:100000; background-color:White; padding:7px; border:1px solid #C4CCB7;} a.member-home-notifications {display:inline-block; color:White; background-color:#de4c1e; padding: 3px 7px; border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;} a.member-home-no-notifications {display:inline-block; color:gray; background-color:white; padding: 3px 7px;} ul.member-nav-top {list-style:none; padding: 0 0 0 35px; margin: 0 0 0 0; } .member-nav-top li{display:inline; margin-right:10px; } li.member-nav-top a {display:inline-block; padding-left:20px; background: url(/i/member-nav-sprite.jpg) no-repeat; font-size: 1.3em; color:#9b938d; height: 20px; font-family: 'Open Sans Condensed', sans-serif;padding: 3px 20px 0 20px;} li.member-nav-top a.home {background-position: -0px 3px; text-decoration:normal; } li.member-nav-top a.inspiration {background-position: 0px -17px; } li.member-nav-top a.critique {background-position: 0px -38px; } li.member-nav-top a.blogs {background-position: 0px -57px; } li.member-nav-top a.chat {background-position: 0px -77px; } li.member-nav-top li a.chatCount {background:none; padding:0;} li.member-nav-top a.forum {background-position: 0px -97px; } li.member-nav-top a.vendors {background-position: 0px -117px; } li.member-nav-top a.mypins {background-position: 0px -137px; } li.member-nav-top a.rts {background-position: 0px -157px; } li.member-nav-top a.photographers {background-position: 0px -177px; } li.member-nav-top a.members {background-position: 0px -197px; } li.member-nav-top a.resources {background-position: 0px -218px; } .member-nav-top.home-on a.home {text-decoration:underline; } .member-nav-top.inspiration-on a.inspiration { text-decoration:underline; } .member-nav-top.critique-on a.critique { text-decoration:underline; } .member-nav-top.blog-on a.blogs {text-decoration:underline; } .member-nav-top.chat-on a.chat {text-decoration:underline; } .member-nav-top.forums-on a.forum {text-decoration:underline; } .member-nav-top.vendors-on a.vendors { text-decoration:underline; } .member-nav-top.photographers-on a.photographers { text-decoration:underline; } .member-nav-top.members-on a.members { text-decoration:underline; } .member-nav-top.resources-on a.resources { text-decoration:underline; } .member-nav-top.rts-on a.rts { text-decoration:underline; } .member-nav-top.mypins-on a.mypins { text-decoration:underline; } .expand{font-size:small;color:white;} .bg {background: url('/i/baby-blur.jpg') no-repeat bottom center scroll; color: #fff;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;} img.user30x30 {border:0px solid green; height:30px; width:30px;} .page-content p img { width:100% !important; height:auto !important;max-width:100% !important;} /*Tooltip Colour**/ .tooltip > .tooltip-inner {background-color: #C4CCB7;} .tooltip.bottom .tooltip-arrow {top: 0;left: 50%; margin-left: -5px;border-bottom-color: #C4CCB7; border-width: 0 5px 5px;} /* ------------------------------------------------------------------ Form Window --------------------------------------------------------------------*/ #login, #find2, #pnlStep1, #pnlInvalidResetForm, #pnlStep2,#pnlStep3, .signup-form, #new-user-form, #contact-us-form, #subscribe-form {background-color:rgba(255,255,255,0.7);padding:20px; text-align:left; color:Gray; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;} #login {margin:20px auto 0 auto;text-align:left; width:350px; } #login #btnLogin {height: 34px; margin-left:5px; float:left;} #find2 {width:350px; margin:20px auto 0 auto; } #find2 #btnFind {height: 34px; margin-left:5px; float:left;} #pnlStep1,#pnlStep2,#pnlStep3, #pnlInvalidResetForm {width:350px;margin:20px auto 0 auto;} #pnlStep1 img,#pnlStep2 img,#pnlStep3 img {width:100%;} #signup-form, #new-user-form {margin:20px auto 0 auto; } #signup-form .row {margin-left:0; margin-right:0;} #contact-us, #subscribe {padding: 40px 0 250px 0; } /*------------------------------------------------------------------------- Icons ------------------------------------------------------------------------------*/ .profileLink {text-align:right;} .uLnk{font-family:Helvetica; color:#98897f; text-decoration:none; font-weight:bold;} a.uLnk, a.usernameLink {font-family:Helvetica; color:#98897f; text-decoration:none; font-weight:bold;} a.uLnk:hover, a.usernameLink:hover {text-decoration:underline;} a.searchLink {color: #676A67; background: url(/i/icon-sprite.png) no-repeat 0 -27px; height:25px; display:inline-block; padding-left:27px; } a.searchLink:hover {text-decoration:underline; } a.nextLink {color: #676A67; background: url(/i/next-prev.png) no-repeat 34px 1px; height:20px; display:inline-block; padding-right:27px; } a.nextLink:hover {text-decoration:underline; } a.previousLink {color: #676A67; background: url(/i/next-prev.png) no-repeat 0 -19px; height:20px; display:inline-block; padding-left:23px; } a.previousLink:hover {text-decoration:underline; } .iconset { height: 20px; width: 0px; padding-left: 27px; padding-top: 0px; margin-bottom: 5px; display: inline-block; background-image: url(/i/icons/icons-20.png); background-repeat: no-repeat; } .iconUser { background-position: 0px -387px; } /*Icon Sprite is 32px apart. */ .iconBadge {background-position: -265px -385px; } /* 9, 13*/ .iconTrend {background-position: -130px -160px; } /* 6, 5*/ .iconSchool {background-position: -465px -451px;} a.cameraLink {color: #676A67; background: url(/i/icon-sprite.png) no-repeat 0 -102px; height:25px; display:inline-block; padding-left:27px; } a.cameraLink:hover {text-decoration:underline; } a.editLink {color: #676A67; background: url(/i/icon-sprite.png) no-repeat 0 -152px; height:25px; display:inline-block; padding-left:22px; } a.editLink:hover {text-decoration:underline; } a.loveLink, a.pinLink, a.tagLink, a.loveLinkOn, a.pinLinkOn, a.tagLinkOn {color: #B7BA9F; font-size:0.9em; background: url(/i/icon-sprite-small.png) no-repeat 0 -2px; height:20px; display:inline-block; } a.loveLinkLi {color: #B7BA9F; font-size:0.9em; background: url(/i/icon-sprite-small.png) no-repeat 0 -2px; height:20px; } a.loveLink {background-position: 0 -1px; padding-left:18px; } a.loveLinkLi {background-position: -3px 2px; padding-left:18px; } a.pinLink {background-position: 0 -20px; padding-left:19px; } a.tagLink {background-position: 0 -41px; padding-left:22px;} a.loveLinkOn {background-position: 0 -182px; padding-left:18px; } a.pinLinkOn {background-position: 0 -201px; padding-left:19px; } a.tagLinkOn {background-position: 0 -220px; padding-left:22px;} a.loveLink:hover, a.pinLink:hover, a.tagLink:hover, a.loveLinkOn:hover, a.pinLinkOn:hover, a.tagLinkOn:hover {text-decoration:underline; } .social-media-container{} .social-media-twitter {float:right; margin:3px 0 0 8px;} .social-media-fb {float:right; margin:0px 0 0px 3px} .social-media-label{float:right; margin: 5px 5px 0 0px;} /*------------------------------------------------------------------------- BG ------------------------------------------------------------------------------*/ .bg-green {background-color: #C4CCB7;} .bg-light-green {background-color: #EBF1CA;} .bg-light-pink {background-color: #f8f6eb;} .bg-white {background-color:White;} .gray {color:#d4d4d4;} .mr5 {margin-left:5px;} .m-r-5 {margin-right:5px;} .m-r-10 {margin-right:10px;} .m-l-5 {margin-left:5px;} .m-b-5 {margin-bottom:5px;} .m-b-10 {margin-bottom:10px;} .m-t-10 {margin-top:10px;} .m-b-10 {margin-bottom:10px;} .m-b-20 {margin-bottom:20px;} .m-t-20 {margin-top:20px} .m-tb-10 {margin: 10px 0;} .m-10 {margin:10px;} .p3 {padding:3px;} .p-10 {padding:10px;} .ptb20 {padding-top:20px; padding-bottom:20px;} .ptb10 {padding-top:10px; padding-bottom:10px;} .plr20 {padding-left:20px; padding-right:20px;} .plr10 {padding-left:10px; padding-right:10px;} div.meta span {display:none;} .clear{clear:both; margin:0; height:0px;} .c10, .clear10{clear:both; margin:0; height:10px;} .c15, .clear15{clear:both; margin:0; height:15px;} .c20, .clear20{clear:both; margin:0; height:20px;} .c35, clear35{clear:both; margin:0; height:35px;} .c50, .clear50{clear:both; margin:0; height:50px;} .c100, .clear100{clear:both; height:100px;} .fl-r {float:right;} .fl-l {float:left;} .container-soft-mint { background-color:#F8F6EB; margin:10px 0 20px 0; padding:20px 20px 20px 20px;border: 1px solid #EBF1CA;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;} .container-error-info, .container-message-error {background-color:#c76372; margin: 10px 0 20px 0; padding:20px; color: #fff; font-weight:bold;border: 1px solid #EBF1CA; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} .container-success-info, .container-message-success {background-color:#fff; margin: 10px 0 20px 0; padding:20px; color: #ABB4AB; font-weight:bold;border: 1px solid #ABB4AB; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} a.message-close {float:right;} /*tags*/ .taggedContainer {margin: 10px 0 5px 0;} .tag-container {font-size:10px;} a.tag {font-size:10px;-moz-border-radius: 6px; border-radius: 6px;-webkit-border-radius: 6px; border: 1px solid #C4CCB7;background: none;background-color: #EBF1CA;font-weight: normal;padding: .2em .5em .2em .5em;} a.VENDO { display:inline-block; background: url(/i/member-nav-sprite.jpg) no-repeat #EBF1CA; background-position: 1px -120px; padding: 2px 7px 2px 20px; margin: 0 0 3px 0;} a.PHOTO {display:inline-block; background: url(/i/member-nav-sprite.jpg) no-repeat #EBF1CA; background-position: 2px -179px; padding: 2px 7px 2px 21px; margin: 0 0 3px 0;} ul.txtTags {}/*width:200px;*/ ul.tagit {padding: 1px 5px;overflow: auto; margin-left: inherit; margin-right: inherit;margin-top:0px;} ul.tagit li {display: block;float: left; margin: 2px 5px 2px 0;} ul.tagit li.tagit-choice { position: relative; line-height: inherit;} ul.tagit li.tagit-choice-read-only { padding: .2em .5em .2em .5em; } ul.tagit li.tagit-choice-editable { padding: .2em 18px .2em .5em; } ul.tagit li.tagit-new {padding: .25em 4px .25em 0;} ul.tagit li.tagit-choice a.tagit-label {cursor: pointer; text-decoration: none;} ul.tagit li.tagit-choice .tagit-close {cursor: pointer; position: absolute;right: .1em;top: 50%; margin-top: -8px;line-height: 17px;} /* used for some custom themes that don't need image icons */ ul.tagit li.tagit-choice .tagit-close .text-icon {display: none;} ul.tagit li.tagit-choice input {display: block;float: left; margin: 2px 5px 2px 0;} ul.tagit input[type="text"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; margin: 0; padding: 0; width: inherit; background-color: inherit; outline: none; } ul.update-tags {width:75%; display:inline-block; margin:0 5px 0 0;} input.ui-autocomplete-input {z-index:100000;} /*------------------------------------------------------ Colour Picker ------------------------------------------------------*/ div.colorPicker-picker {height: 20px;width: 20px;padding: 0 !important;border: 1px solid #ccc;/*background: url(arrow.gif) no-repeat top right;*/cursor: pointer;line-height: 20px;} div.colorPicker-palette {width: 190px;position: absolute;border: 1px solid #eee;background-color: #fff;padding: 7px; z-index: 9999;} div.colorPicker_hexWrap {width: 100%; float:left; display:none; } div.colorPicker_hexWrap label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%} div.colorPicker_hexWrap input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; } div.colorPicker-swatch {height: 25px;width: 25px;border: 1px solid #000;margin: 2px;float: left;cursor: pointer;line-height: 12px;} /*--------------------------------------------- Tables ----------------------------------------------*/ .csstbl .row{width:100%; clear:both;} .csstbl .row-20{height:20px; } .csstbl .row-25{height:25px; } .csstbl .row-30{height:30px; } .csstbl .row-40{height:40px; } .csstbl .row-50{height:50px; } .csstbl .col {float:left;} .csstbl .col-25{width:25px;} .csstbl .col-50{width:50px;} .csstbl .col-75{width:75px;} .csstbl .col-100{width:100px;} .csstbl .col-125{width:125px;} .csstbl .col-150{width:150px;} .csstbl .col-160{width:160px;} .csstbl .col-200{width:200px;} .csstbl .col-210{width:210px;} .csstbl .col-220{width:220px;} .csstbl .col-250{width:250px;} .csstbl .col-270{width:270px;} .csstbl .col-300{width:300px;} .csstbl .col-350{width:300px;} .csstbl .col-400{width:400px;} .csstbl .col-500{width:500px;} .csstbl .col-600{width:600px;} .csstbl .col-700{width:700px;} .csstbl .col-800{width:800px;} .csstbl .col-900{width:900px;} .csstbl .col-1000{width:1000px;} .csstbl .cr{clear:both;} .csstbl .l-b {font-weight:bold;} .tr {text-align:right; color: #999;} .tl {text-align:left; color: #999;} .bb {border-bottom: 2px solid #E4D9D1; } /*------------------------------------------------------------------------- Buttons ------------------------------------------------------------------------------*/ #pnlNextPreviousButtons{margin:5px 0 10px 0; text-align:right;} .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { z-index: 2;margin-left: -1px;margin-top: 0px;} /* .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle { border-top-left-radius: 0; border-bottom-left-radius: 0; }*/ .input-group-btn>.btn {position: relative;} .btn {margin:0; display: inline-block; border: 1px solid transparent;border-radius: 4px; line-height: 1.42857143;text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc;} .btn-lg {padding:10px 20px; font-size:18px;} .btn-outline{color:#fff;background-color:#c4ccb7;border-color:#c4ccb7} .btn-outline:active, .btn-outline:focus, .btn-outline:hover{color:#fff;background-color:#abb4ab;border-color:#c4ccb7} .btn-outline-inverse{color:#fff;background-color:transparent;border-color:#cdbfe3} .btn-outline-inverse:active, .btn-outline-inverse:focus,.btn-outline-inverse:hover{color:#563d7c;text-shadow:none;background-color:#fff;border-color:#fff} a.button:hover, a.button:active{text-decoration:none;} a.buttonsmall:hover, a.buttonsmall:active {text-decoration:none;} .pin-button{font-size: 16px; padding: 0 5px;} .button { font-family: Helvetica, Sans-Serif; font-size: 24px; padding: 9px 20px; cursor:pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration:none; margin: 6px 0 0 0; } .buttonblock {display: block; width: 100%;} .buttonlarge {font-size: 24px;} /*.buttonsmall { font-family: Helvetica, Sans-Serif; font-size: 14px; padding: 6px 9px; cursor:pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration:none; display:inline-block; margin: 0; }*/ .buttonsmall { font-family: Helvetica, Sans-Serif; font-size: 14px; padding: 6px 9px; cursor:pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 0px solid #b4370a; -moz-box-shadow:1px 2px 1px rgba(107,107,107,0.3), inset 0px 0px 0px rgba(255,255,255,0.7); -webkit-box-shadow: 1px 2px 1px rgba(107,107,107,0.3), inset 0px 0px 0px rgba(255,255,255,0.7); text-shadow: 0px -1px 0px rgba(000,000,000,0.1), 0px 1px 0px rgba(255,255,255,0.3); text-decoration:none; display:inline-block; margin: 0; } .buttonmini { font-family: Helvetica, Sans-Serif; font-size: 13px; padding: 2px 6px; cursor:pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; text-decoration:none; display:inline-block; margin: 0; } .mini-button { font-family: Helvetica, Sans-Serif; font-size: 13px; padding: 1px 11px; cursor:pointer; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-decoration:none; display:inline-block; margin: 0; } .green {color: #fff; background: #c4ccb7; } .green:hover, .green:active {color: #fff; background: #abb4ab; } .white {color: #999; background: rgba(255,255,255,.9); } .brightgreen {color: gray; background: #EBF1CA; } .brightgreen:hover { color: #FFF;background: #c4ccb7; } .darkgreen {color:#fff; background:#abb4ab;} .terms-and-condtions li {font: normal 13px/1.3 'Droid Serif', serif; margin-bottom:10px;} .privacy h4 {font-size:18px; margin-top:30px;} .page-feature {margin-bottom:10px;} .page-feature img {width:100%;} .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: none; } .form-control{margin-bottom: 3px;} #imgByIDPin {width:100%;margin-bottom:10px;} .image-photo{ margin-bottom: 10px;} /*Photographer Public Profile*/ .logo-image-container { margin: 0 0 10px 0;} .logo-image-container img { width: 150px; margin: 2px auto; padding: 10px 0 0 0;} .profile-container {text-align:left;} /*light pink*/ .profile-container h2 {font-size:14px;margin-bottom:0;} .member-joined {font-size:10px;} .member-badge{width:130px;} .profile-can {background-color:#f8f6eb;} .profile-image-container {padding:10px; } .profile-image-container img {width: 150px; margin: 0 auto; } .profile-details-container {margin:10px 10px 0 10px; color:#999; font-size:13px; text-align:center;} .profile-nav {color:#999999;} .profile-main {padding:10px; border:1px solid #EBF1CA} .profile-overview h2 {color:gray} .profile-overview p {font-family:'Droid Serif', serif; color: #999999;} .icon-name, .icon-business, .icon-location, .icon-contact, .icon-search, .icon-camera, .icon-pencil {background: url(/i/icon-sprite.png) no-repeat 0 0px; } .icon-business {background-position: 0 -25px; } .icon-location {background-position:0px -50px; } .icon-contact {background-position: 0 -75px; } .icon-camera {background-position: 0 -100px} .icon-search {background-position: 0 -125px; } .icon-pencil {background-position: 0 -150px; } span.icon-text {display: inline-block; width:25px; height:17px;} .profile-row {padding:1px 0 2px 0; margin-bottom:5px; clear:both;} .icon {float:left; display: inline-block; width:25px; height:23px; margin-right:3px;} .container-slideshow-image {border-bottom:1px dotted #999999; margin-top:20px; padding-bottom:20px;} .container-slideshow-image img {margin-bottom:10px;} .member-ad {margin-bottom:15px;} /* User Profile - Image Gallery Pagination*/ #slides .photographer {} #slides .pagination {width:100%;padding:7px 0px;float:left;} #slides ul {margin:0;} #slides .pagination li {float:left;margin:0 7px 7px 0;list-style:none;} #slides .pagination li.endrow {margin:0 0px 7px 0} #slides .pagination li a.th100x100 { display:block; width:116px; height:116px; margin:0px; border:1px solid #fff; float:left; } a.th50x50 img {width:80px; height:80px;} a.th100x100 img {width:116px; height:116px;} #slides .pagination li.current a {border:1px solid #7f7f7f;margin:0;} #mini-gallery ul {width:100%;padding:7px 0px;margin:0;} #mini-gallery ul li {float:left;margin:0 4px 4px 0; list-style:none;} a.th50x50 img {width:50px; height:50px;} .member-nav-left-top-container {margin: 10px 0 10px 0; color:#999; font-size:13px;} .member-nav-left-top-container {margin: 10px 0 10px 0; color:#999; font-size:13px;} .side-banner-inquiry-form {padding:10px;} .profile-overview h2 {margin-bottom:10px;} .profile-testimonial {width: 100%; margin:10px 0 15px 0;float:left; } .profile-testimonial-author {margin:0; font-size: 14px; color: #666;} .profile-testimonial-description p {margin:0; font-size: 13px; font-style:italic; color: #999; font-family: 'Droid Serif', serif; } .testimonial-container {margin-bottom:10px;} .testimonial-description {font-size: 18px; font-style:italic; color: #999;} .testimonial-author {font-size: 13px; color: #333; font-weight:bold;} .tab-content{margin-top:10px;} .contestboard, .finalist-pin, .gallery {float:left; width:215px; border:1px solid #ddd; margin: 0 0 10px 0;} .contestboard-image img, .gallery img {width:213px;}/*width:205px;*/ /**Gallery*/ .tblGallery { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 13px; background: #fff; table-layout: fixed; width: 180px; border-collapse: collapse; text-align: center; float:left; margin:0 5px 0 0; } .tblGallery th { font-weight: normal; color: Gray; padding: 10px 8px; background-color:#EBF1CA; border-bottom: 2px solid #EBF1CA; } .tblGallery td { color: Gray; padding: 5px 8px 10px 8px; vertical-align:top; border:1px solid #EBF1CA; border-collapse:collapse; word-wrap:break-word } .tblGallery tbody td:hover{ color: #009; background-color: #EBF1CA;} /*Contests*/ #contest-detail {padding:0 10px 0 10px; margin:0 0 0 0px; min-height:200px;} #contest-status {padding:10px;background-color: #f8f6eb;} h4.breadcrumb-l, h4.breadcrumb-l a {font-family:'Open Sans Condensed', sans-serif; font-size: 21px; font-weight:normal; color:Gray; margin-bottom:10px;} .contest-closed-image {max-width:100%; float:left; margin:0 0 20px 0; } .tab-pane {background-color:#fff;} .tab-pane img {width:100%;} .contest-closed {padding:20px;margin-bottom:20px;border:1px solid #eee; text-align:center;} .contest-closed h2 {font-size:40px} .contest-closed h3 {font-size:30px;} .contest-closed p {padding:0 180px;} .winner {text-align:center;} .winner img {width:80px;margin:0 auto;} .winner h3 {font-size:40px;} .finalists { padding:10px;} .finalist {float:left; width:150px; margin:0 3px 3px 0;} .finalist img {width:100%; } #carousel-custom { margin: 20px auto; } #carousel-custom .carousel-indicators { margin: 10px 0 0; overflow: auto; position: static; text-align: left; white-space: nowrap; width: 100%; } #carousel-custom .carousel-indicators li { background-color: transparent; -webkit-border-radius: 0; border-radius: 0; display: inline-block; height: auto; margin: 0 !important; width: auto; } #carousel-custom .carousel-indicators li img { display: block; opacity: 0.7; } #carousel-custom .carousel-indicators li.active img { opacity: 1; } #carousel-custom .carousel-indicators li:hover img { opacity: 0.8; } #carousel-custom .carousel-outer { position: relative; } /*Table*/ .hor-minimalist-a {font-size: 12px;background: rgba(255, 255, 255, 0.75);table-layout: fixed; width: 100%;border-collapse: collapse;text-align: left; margin-bottom: 5px;} .hor-minimalist-a th{font-size: 14px; font-weight: normal;color: Gray;padding: 10px 8px; } .hor-minimalist-a td{color: Gray; padding: 5px 8px 10px 8px;vertical-align:top; border-collapse:collapse;word-wrap:break-word;} .hor-minimalist-a th {background-color:#f3f3f3;border: 1px solid #f3f3f3;} .hor-minimalist-a td {border:1px solid #f3f3f3;} .hor-minimalist-a tbody tr:hover td{color: #009;background-color: #f3f3f3;} .hor-minimalist-c {font-size: 12px;background: rgba(255, 255, 255, 0.75);table-layout: fixed; width: 100%;border-collapse: collapse;text-align: left; margin-bottom: 5px;} .hor-minimalist-c th{font-size: 14px; font-weight: normal;color: Gray;padding: 10px 8px; } .hor-minimalist-c td{color: Gray; padding: 5px 8px 10px 8px;vertical-align:top; border-collapse:collapse;word-wrap:break-word;} .hor-minimalist-c th {background-color:#f3f3f3;border: 1px solid #f3f3f3;} .hor-minimalist-c td {border:1px solid #ccc;} .hor-minimalist-c tbody tr:hover td{color: #009;background-color: #f3f3f3;} .hor-minimalist-b {font-size: 12px;background: rgba(200, 200, 200, 0.75);table-layout: fixed; width: 100%;border-collapse: collapse;text-align: left; margin-bottom: 5px;} .hor-minimalist-b th{font-size: 14px; font-weight: normal;color: Gray;padding: 10px 8px; } .hor-minimalist-b td{color: Gray; padding: 5px 8px 10px 8px;vertical-align:top; border-collapse:collapse;word-wrap:break-word;} .hor-minimalist-b th {background-color:#ccc;border: 1px solid #ccc;} .hor-minimalist-b td {border:1px solid #ccc; background-color:#e8e8e8;} .hor-minimalist-b tbody tr:hover td{color: red;background-color: #fff;} /*---------------------------------------------------------------- RESPONSIVE LAYOUT -----------------------------------------------------------------*/ /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-width : 320px) and (max-width : 480px) { #pnlMemberNav ul.nav li{ list-style:none; float:none; text-align:center; padding:10px 0; width:100%; border-bottom:1px solid #fff;} .level1 {width:100%;} .level2 {width: 50%; } .tr {text-align:left;} .member-profile-image {display:none;} } @media only screen and (min-width : 480px) and (max-width : 767px) { #pnlMemberNav ul.nav li{ list-style:none; float:none; text-align:center; padding:10px 0; width:100%; border-bottom:1px solid #fff;} .level1 {width:100%;} .level2 {width: 50%; } } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-width : 768px) { .navbar-brand img {width: 190px;margin: 0 0 0 10px;} .member-nav-can {background-color:transparent;} .contest-closed-image {width:48%; float:left; margin:0 5px 20px 0; } #public-nav-collapse {clear:none;} .blog-feature-image-can{float:right; margin:0 10px 20px 0;} } @media only screen and (max-width:1200px) and (min-width:768px) { li.member-nav-top a {background-image:none;padding:5px 10px 30px 10px;} #pnlMemberNav {float:right;} } @media only screen and (min-width : 992px) { .mobile-profile{display:none;} #pnlMemberNav { margin:0px 0 0 0;} .logo-image-container { margin: 0 0 10px 0;width: 100%;float: none;} } @media only screen and (min-width : 1200px) { .navbar {background-color: transparent; border-bottom: 0px solid #eee;} .navbar {background-image: url(../i/themeClean/nbp-banner.png);background-repeat:no-repeat; background-position: bottom center;} .navbar-brand img {width: 220px;margin: 10px 0 0 26px;} .navbar-nav{ position: relative;top: -2px;} #pnlAdmin {display:block; margin-right: 5px;} .pnlAdmin {display:block; margin-right: 5px;} #pnlMemberNav{float: right; } #h-can { height:114px; } #h-member-profile-nav { float: right; width: 300px; margin: 10px 10px 0 0;} #pnlPublicNav {padding:92px 0 0 0;} h2.side-banner {background-image: url(/i/banner-640.png);background-repeat: no-repeat; margin: 0 0 0 -43px; padding: 13px 0 8px 0; text-align: center;font-family: 'Droid Serif', serif;font-size: 1.0em; font-weight: bold;} }