/* CSS RESET */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none; } caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after { content:'';} abbr,acronym {border:0;} /* RANDOM CLASSES */ div {position: relative;} .clear {clear: both;} .block {display: block;} .left {float: left;} .img_right {float: right; margin: 0 0 20px 20px;} .img_left {float: left; margin: 0 20px 20px 0;} .hide {display: none;} input:focus, textarea:focus {outline: none;} .last {margin-right: 0 !important;} /* STANDARD HTML */ h1 {padding: 0 0 10px 0; font-size: 28px; color: #21a7d3; letter-spacing: 1px;} h1 span {text-transform: capitalize;} h2 {color: #eb8426; border-bottom: 1px solid #eadfd3; padding: 10px 0 3px 0; font-weight: bold; font-size: 20px; clear: left;} p {padding: 5px 0 15px; font-size: 13px; line-height: 18px; color: #124c7e;} /* ALERTS */ .fail {color: red;} .success{color: green;} /* VIEW ALL LINKS */ .view {text-align: right; margin: 0; padding: 0;} .view a {color: #b2c8cc; text-decoration: none;} .view a:hover {color: #eb8426;} /* CSS LAYOUT */ body {background: #ddf4f8 url(images/my_favorite_bg.jpg) 50% 0 repeat-x;} #main {width: 960px; margin: 0 auto;} #header {} #myfavorite {background: url(images/my_favorite_form.png) 50% 0 no-repeat; width: 960px; height: 113px; margin: 20px 0 43px;font-family: Arial, sans-serif;} #navigation {font-family: Verdana, sans-serif; float: right; margin-top: 40px;} #area {clear: both; margin: 20px -5px 16px; padding: 0 5px; background: url(images/my_favorite_content.png) 50% 0 repeat-y; width: 960px;font-family: Arial, sans-serif;} #content {float: left; padding: 10px 15px 10px 20px; width: 580px;} #sidebar {float: right; width: 300px; padding: 10px 20px 10px 25px;} #footer {background: #b1e0e8 url(images/my_favorite_footer.gif) 50% 100% no-repeat; width: 880px; margin: 0 auto 20px; padding: 20px;font-family: Verdana, sans-serif;} /* CONTENT HTML */ #content p {padding: 5px 0 15px; font-size: 13px; line-height: 18px; color: #124c7e;} #content ul {padding: 5px 0 15px; font-size: 12px; line-height: 17px; color: #4789c1; list-style: disc;} #content ul li {margin-left: 25px;} #content .plus p {font-size: 16px; line-height: 22px; text-align: justify;} /* HEADER SPECIFICS */ #header h5 {background: url(images/my_favorite_logo.jpg) 0 20px no-repeat; width: 240px; height: 80px; float: left;} #header h5 a {display: block; width: 240px; height: 80px;} #header h5 span {display: none;} /* MYFAVORITE SPECIFICS */ #myfavorite form {padding: 15px 10px 12px; margin: 0 10px; font-family: courier; border-bottom: 2px solid #f8a125;} #myfavorite form input {padding: 12px 5px; height: 15px; font-size: 18px; line-height: 25px; border: 1px solid #b9761c; border-right: none; border-bottom: none; width: 305px; margin: 0 10px; float: left; color: #609fab; font-family: courier;} #myfavorite form textarea {padding: 5px; height: 35px; margin: 10px; font-size: 12px; width: 659px; border: 1px solid #b9761c; border-right: none; border-bottom: none; float: left; color: #609fab; font-family: courier;} #myfavorite form button {width: 96px; height: 41px; background: url(images/my_favorite_submit.png) 0 0 no-repeat; border: none; margin: 0 0 0 15px;} #myfavorite label#my_favorite {background: url(images/my_favorite_is_because.png) 0 0 no-repeat; height: 25px; width: 118px; float: left; margin-top: 8px;} #myfavorite label#is {background: url(images/my_favorite_is_because.png) -118px 0 no-repeat; height: 25px; width: 19px; float: left; margin-top: 8px;} #myfavorite label#because {background: url(images/my_favorite_is_because.png) -137px 0 no-repeat; height: 25px; width: 99px; float: left; margin: 7px 19px 0 0;} #myfavorite h6 {white-space:nowrap; overflow: hidden; padding: 8px 10px 8px 10px; margin: 0 0 0 10px; font-size: 13px; color: #f8a125; background: #d75827; border-bottom: 2px solid #f8a125; /* text-shadow: 0px 2px 3px #555; */} #myfavorite h6 span {font-weight: bold; color: #eadfd3; padding: 2px 10px 2px 10px; display: inline; cursor: pointer;} #myfavorite h6 span:hover {color: #f0fdff; background: #f8a125; -moz-border-radius: 3px; -webkit-border-radius: 3px;} /* AUTOCOMPLETE */ .autocomplete {position:relative;background-color:#013451;border-top: none;margin:0 0 0 0;padding:0px; z-index: 99;} .autocomplete ul {position: absolute;left: 1px;top: 0;list-style-type:none;margin:0px;padding:5px;width: 305px;background: #d75827; z-index: 99;} div.autocomplete ul li.selected { background-color: #FF9B00; color: white; font-weight: bold; } div.autocomplete ul li { list-style-type:none; display:block; margin:0; padding:3px 5px 3px; cursor:pointer; font-size: 13px; line-height: 18px; font-weight: bold; color: #eadfd3; padding: 0 10px 0 10px; } /* NAVIGATION SPECIFICS */ #navigation #nav {float: left; padding: 0 10px 0 10px; list-style: none;} #navigation #nav li {float: left; line-height: 30px; font-size: 14px; padding: 0 20px 0; border-left: 1px solid #3e698e;} #navigation #nav li.first {padding-left: 0; border-left: none;} #navigation #nav li a {color: #4fd0ea; text-decoration: none;} #navigation #nav li a:hover {color: #bbe0e7; text-decoration: none;} #navigation .subnav {clear: left; float: left; margin-top: -3px; display: block;} #navigation .subnav li {float: left; line-height: 20px !important; padding: 0 10px !important; margin-top: 3px; font-size: 11px !important; border-left: none !important;} #navigation .subnav li.first {padding-left: 0 !important; } #navigation .subnav li a {color: #d55427 !important; text-decoration: none;} #navigation .subnav li a:hover {color: #ee8e06 !important; text-decoration: none;} #navigation #sub_favorite {background: url(images/favorite_nav_arrow.gif) 11% 0 no-repeat; top: 30px; left: 90px; position: absolute;} #navigation #sub_member {background: url(images/favorite_nav_arrow.gif) 13% 0 no-repeat; top: 30px; left: 200px; position: absolute;} #navigation #sub_society {background: url(images/favorite_nav_arrow.gif) 9% 0 no-repeat; top: 30px; left: 310px; position: absolute;} /* join */ #join { width: 242px; height: 51px; margin: 0 auto 25px;} #join a {background: url(images/my_favorite_join.png) 0 100% no-repeat; display: block; width: 242px; height: 51px;} #join a:hover {background: url(images/my_favorite_join.png) 0 0 no-repeat; display: block; width: 242px; height: 51px;} #join a span {display: none;} /* inner nav */ ul#inner_nav {border-bottom: 1px solid #eadfd3; text-align: center; font-size: 11px; padding: 0 0 2px 0; margin: 8px 0 20px;} ul#inner_nav li {display: inline; padding: 4px 10px 2px; margin: 0 8px 3px 8px; border: 1px solid #eadfd3; border-bottom: none; background: #fff1eb; color: #e95a20; } /* AREA SPECIFICS */ #area #top {background: url(images/my_favorite_content_top.png) 0 0 no-repeat; position: absolute; top: -16px; left: 0; width: 970px; height: 16px;} #area #bottom {background: url(images/my_favorite_content_bottom.png) 0 0 no-repeat; position: absolute; bottom: -16px; left: 0; width: 970px; height: 16px;} /* SIDEBAR SPECIFICS */ #sidebar .sidebox {background: #f0fdff;border: 1px solid #c3e4ea; margin: 0 0 30px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding-bottom: 10px; } #sidebar .sidebox h4 {background: #c3e4ea; padding: 5px 10px; font-size: 14px; color: #124c7e; margin-bottom: 5px;} #sidebar .sidebox p {padding: 2px 10px; font-size: 11px; line-height: 14px; color: #124c7e;} #sidebar .sidebox ul {padding: 2px 10px; font-size: 11px; color: #124c7e;} #sidebar .sidebox ul li {padding: 7px 0 8px 0; border-bottom: 1px solid #c3e4ea; border-top: 1px solid #fff; line-height: 14px;} /* FOOTER SPECIFICS */ #footer ul.column {float: left; padding-right: 95px; font-size: 12px; color: #4c9db8;} #footer ul.column li {} #footer ul.column li.first {font-weight: bold; font-size: 14px; padding: 0 0 10px;} #footer ul.column li a {color: #4c9db8; text-decoration: none; } #footer ul.column li a:hover {color: #eb8426;} #footer h6 {color: #4c9db8; font-size: 24px; line-height: 26px; letter-spacing: 2px; text-transform: uppercase; text-align: center; margin: 15px 0 0 0; padding: 0; } /* FAVORITE PREVIEW */ .favorite_preview {background: #edf2f3; padding: 13px; float: left; margin: 0; border-bottom: 1px solid #b2c8cc; border-top: 3px solid #eafbff; width: 555px;} .favorite_preview img.avatar {background: #fff; border: 1px solid #c7e6ec; padding: 3px; width: 56px; height: 56px; margin-right: 17px; float: left;} .favorite_preview h4 {font-family: Verdana, sans-serif; color: #21a7d3; font-size: 14px; margin: 4px 0; } .favorite_preview h4 a {color: #21a7d3; text-decoration: none;} .favorite_preview h4 a:hover {color: #124c7e; text-decoration: none;} .favorite_preview p {font-size: 11px !important; color: #c3ced1 !important; padding: 4px 0 0 !important;} .favorite_preview ul {float: right; padding-bottom: 0 !important; margin-left: 20px; } .favorite_preview ul li {float: left; padding: 1px 5px 1px 0; list-style: none; margin: 0 !important; } .favorite_preview ul li.count {font-size: 10px; text-align: center; font-weight: bold; border: 1px solid #eadfd3; background: #fff1eb; color: #e95a20; line-height: 18px; min-width: 14px; padding: 0; margin-right: 5px !important;} img.gallery_img {background: #fff; border: 1px solid #c7e6ec; padding: 3px; width: 56px; height: 56px; margin: 3px; float: left;} .google_ad_468 {background: #edf2f3; padding: 13px 57px 13px 56px; margin: 0; border-bottom: 1px solid #b2c8cc; border-top: 3px solid #eafbff; width: 468px} /* VOTE */ .vote {float: right; width: 60px; height: 60px; border: 1px solid #eadfd3; margin-left: 15px; background: #fff;} .vote h5 {text-align: center; float: none; display: block; color: #a1d4dd; font-size: 32px; padding-top: 4px;} .vote h5 span {display: block; background: #eb8426; position: absolute; bottom: 0; left: 0; right: 0; padding: 2px; font-size: 11px; font-weight: bold; color: #fff; } /* FEATURE FAVORITE */ #feature_box {margin-bottom: 25px;} .feature_favorite {clear: left; background: url(images/favorite_feature_bg.jpg) 0 0 no-repeat; width: 580px;} .feature_favorite img.feature_img {padding: 5px;} .feature_favorite .favorite_preview {margin-top: 0;} /* FAVORITE POPULAR */ .favorite_partial {margin: 3px auto; float: right; clear: both; background: #edf2f3; padding: 5px; width: 570px;} .favorite_partial .imgset {float: right; padding: 2px;} .favorite_partial .imgset img {} .favorite_partial ul {float: right; list-style: none !important; padding: 0 !important;} .favorite_partial li {float: left; border: 1px solid #eadfd3; background: #fff1eb; color: #e95a20; padding: 2px 4px 2px; margin: 2px 0 0 0;} .favorite_partial li a {color: #e95a20; text-decoration: none;} .favorite_partial h4 {font-family: Verdana, sans-serif; color: #21a7d3; font-size: 14px; margin: 0 0 0; line-height: 24px; } .favorite_partial h4 a {color: #21a7d3; text-decoration: none;} .favorite_partial h4 a:hover {color: #124c7e; text-decoration: none;} .favorite_partial p {font-size: 11px !important; color: #c3ced1 !important; padding: 0 0 0 !important;} /* FEATURE MEMBERS */ ul#feature_members {list-style: none !important;} ul#feature_members li.feature_member {background: #eb8426; padding: 8px 8px 5px; float: left; margin: 0 0;} ul#feature_members li.feature_member img {border: 1px solid #f0fdff; height: 160px; width: 160px;} ul#feature_members li.feature_member_favorite {background: #edf2f3; clear: left; margin: 0; font-family: Verdana, sans-serif; font-weight: bold; font-size: 12px; color: #21a7d3; height: 60px; padding: 0;} ul#feature_members li.feature_member_favorite ul {margin: 0; padding: 0;} ul#feature_members li.feature_member_favorite ul li.c1 {padding: 22px 10px; background: #edf2f3 url(images/arrow_down.jpg) 20px 0 no-repeat; text-align: left;} ul#feature_members li.feature_member_favorite ul li.c2 {padding: 22px 10px; background: #edf2f3 url(images/arrow_down.jpg) 250px 0 no-repeat; text-align: center;} ul#feature_members li.feature_member_favorite ul li.c3 {padding: 22px 10px; background: #edf2f3 url(images/arrow_down.jpg) 500px 0 no-repeat; text-align: right;} ul#feature_members li.feature_member_favorite ul li.c4 {padding: 22px 10px; background: #edf2f3 url(images/arrow_up.jpg) 20px 100% no-repeat; text-align: left;} ul#feature_members li.feature_member_favorite ul li.c5 {padding: 22px 10px; background: #edf2f3 url(images/arrow_up.jpg) 250px 100% no-repeat; text-align: center;} ul#feature_members li.feature_member_favorite ul li.c6 {padding: 22px 10px; background: #edf2f3 url(images/arrow_up.jpg) 500px 100% no-repeat; text-align: right;} ul#feature_members li.feature_member_favorite span {color: #eb8426;} #members_newest {margin: 10px 0 10px 2px;} #members_newest img.avatar {background: #fff; border: 1px solid #c7e6ec; padding: 3px; width: 56px; height: 56px; margin: 0 9px 9px 0; float: left;} #members_newest img.last {background: #fff; border: 1px solid #c7e6ec; padding: 3px; width: 56px; height: 56px; float: left; margin-right: 0;} /* FAVORITE DETAIL PAGE STYLES */ .ourfavorite {margin: 10px 0 10px 2px; padding: 10px 2px;} .ourfavorite img {background: #fff; border: 1px solid #c7e6ec; padding: 3px; margin: 10px 9px 0 0; float: left;} .favorite_images {background: #eb8426; padding: 8px; float: left; margin: 7px;} .favorite_images img {border: 1px solid #f0fdff;} .because {padding: 10px; clear: left; float: left; width: 560px; border-bottom: 1px dashed #eadfd3;} .because p {margin-bottom: 0 !important; padding-bottom: 0 !important;} .because:hover {background: #f0fdff;} img.avatar {background: #fff; border: 1px solid #c7e6ec; padding: 3px; width: 56px; height: 56px; margin-right: 17px; float: left;} /* MEMBER DETAIL - ADD SOCIETY */ /* #add_society a {font-weight: bold; color: #eadfd3; padding: 2px 10px 2px 10px; display: inline; cursor: pointer;} */ #add_society a {font-weight: bold; text-decoration: none; color: #f0fdff; background: #f8a125; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 10px 5px 10px;} #add_society a:hover {background: #124c7e;} /* MEMBER PREVIEW IN SIDEBAR */ #sidebar #member_preview {float: left; width: 100%;} #sidebar #member_preview img {padding: 5px; margin: 5px; float: left;} #sidebar #member_preview p.username {margin: 10px 0 0; font-size: 13px; font-weight: bold;} /* MEMBER LOCATIONS */ .member_locations {margin: 3px auto; float: right; clear: both; background: #edf2f3; padding: 5px; width: 570px;} .member_locations ul {float: right; list-style: none !important; padding: 0 !important;} .member_locations li {float: left; border: 1px solid #eadfd3; background: #fff1eb; color: #e95a20; padding: 2px 4px 2px; margin: 2px 0 0 0;} .member_locations li a {color: #e95a20; text-decoration: none;} .member_locations h4 {font-family: Verdana, sans-serif; color: #21a7d3; font-size: 14px; margin: 0 0 0; line-height: 24px; } .member_locations h4 a {color: #21a7d3; text-decoration: none;} .member_locations h4 a:hover {color: #124c7e; text-decoration: none;} /* SOCIAL ME LIST */ ul#socialme {float: left;} ul#socialme li {list-style: none; float: left; padding: 5px; margin: 0;} /* GENERAL FORMS */ form.form {font-size: 11px; margin-bottom: 40px;} form.form fieldset {padding: 10px; margin: 0 0 10px 0;} form.form fieldset legend {color: #fff; background: #eb8426; padding: 5px 10px; margin: 0 0 0 -10px; border: 2px solid #c3e4ea; font-weight: bold; font-size: 13px;} form.form label {display: block; padding: 5px 0 0; color: gray; font-size: 10px;} form.form input, form.form textarea {padding: 5px; height: 15px; font-size: 15px; line-height: 25px; border: 1px solid #c3e4ea; width: 360px; margin: 0 10px 5px 0; color: #609fab; font-family: courier;} form.form textarea {height: 75px;} form.form input:focus, form.form textarea:focus {background: #f0fdff;} form.form input.box {width: 15px;} form.form div.input input {height: 40px;} /* LOGIN FORM */ form#login {padding: 2px 10px; font-size: 10px;} form#login label {display: block; padding: 5px 0 0; color: gray;} form#login input {padding: 3px; height: 12px; font-size: 12px; line-height: 15px; border: 1px solid #c3e4ea; width: 200px; margin-right: 10px; color: #609fab; font-family: courier;} #flashdata {margin: 5px 10px; border: 1px solid orange; padding: 5px; text-align: center;} /* PAGINATION */ .pagination {margin: 10px 0; padding: 5px 15px; text-align: right; background: #f2f2f2; color: #013451; font-size: 11px;} .pagination a {text-decoration: none; color: #0282c1; padding: 1px 5px; font-weight: bold;} .pagination a:hover {color: #FF9B00;} .pagination .current { color: #FF9B00; padding: 1px 5px;} #content ul#alpha {float: left; margin: 10px 2px; padding: 0; text-align: right; background: #f2f2f2; color: #013451; font-size: 9px; list-style: none; text-align: center; border: 1px solid #21a7d3; border-left: none;} #content ul#alpha li {float: left; width: 15px; padding: 3px; margin: 0; border-left: 1px solid #21a7d3;} #alpha a {text-decoration: none; color: #0282c1; padding: 1px 5px; display: block; font-weight: bold;} #alpha a:hover {color: #FF9B00;} #alpha .current { color: #FF9B00; padding: 1px 5px;} /* TOOLTIP */ a.tooltip { position: relative; } a.tooltip span { position: absolute; right: 0; top: -35px; display: none; min-width: 50px; padding: 3px 8px; white-space: nowrap; font-size: 11px; text-align: center; background-color: rgba(0,0,0,.8); -webkit-border-radius: 5px; -moz-border-radius: 5px; } a.tooltip span small { position: absolute; right: 10px; bottom: -6px; border-top: 6px solid rgba(0,0,0,.8); border-left: 6px solid transparent; } a.tooltip:hover span { display: block; }