/*..................... Option Nav ........................*/ #selectbox { width: 216px; margin: 0 0 12px 0; padding: 0; border: 5px solid #eeeeee; -moz-border-radius: 0 0 2em 2em; border-radius: 0 0 2em 2em; voice-family: "\"}\""; voice-family:inherit; width:206px;} html>body #selectbox { width:206px;} .title { background: #58B6FF; height: 19px; display: block; color: #ffffff; margin: 0; padding-top: 6px; padding-left: 8px; line-height: 11px; font-weight-bold; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; } #optionnav { margin: 0; padding: 0; width: 206px;} #optionnav li { display: block; height: 19px; background: #F8F7F7; margin-bottom: 0px; padding-top: 6px; padding-left: 8px; line-height: 11px; border-bottom: 1px dotted #cccccc; } #optionnav li .last { display: block; height: 19px; background: #F8F7F7; margin-bottom: 0px; padding-top: 6px; padding-left: 8px; line-height: 11px; } #optionnav li a { color: #0071B0; font-size: 11px; } #optionnav li a:hover { color: #393B38; font-size: 11px; } #optionnav li.current { background: #34b0ff; margin: 5px 0px 5px 0px; } #optionnav li.delete { background: #fcc; color: #f75342; margin-top: 10px; } #optionnav li.delete span { line-height: 10px; } #optionnav li.current a { color: #fff; font-weight: bold; } #optionnav li img.new { float: right; margin-right: 5px; } /*..................... Profile Navigation ........................*/ #profile_wrapper { width:100%; text-align:center; } #profilebox { text-align: left; position: relative; top: 0; left: 0; width: 1000px; margin: 6px auto 0 auto; padding: 0;} #profilenav { line-height:normal; width: 1000px; margin: 0; font-family: helvetica, Arial, sans-serif; color: FFFFFF;} #profilenav ul { margin:0; padding:20px 12px 0; list-style:none;} #profilenav li { float:left; background:url(http://www.facesoflyme.com/images/norm_left3.gif) no-repeat left top; margin:0 0 0 2px; padding:0 0 0 9px; text-decoration: none; } #profilenav a, #profilenav strong, #profilenav span { float:left; display:block; background:url(http://www.facesoflyme.com/images/norm_right3.gif) no-repeat right top; padding:7px 14px 6px 8px; color:#393B38; font-size: 12px; font-weight:bold; letter-spacing: 0;text-decoration:none;} #profilenav li a:hover {color: #58B6FF; text-decoration: none;} #profilenav #current { margin:0 0 0 2px; background-image:url(http://www.facesoflyme.com/images/nav_left_on_ltbl.gif)} #profilenav #current a { background-image:url(http://www.facesoflyme.com/images/nav_right_on_ltbl.gif); padding-bottom:6px; color:#ffffff; } #petinfo {width: 1000px;height: 35px;background: #C0DEED url(http://www.facesoflyme.com/images/bk_bluebox1_black.gif) no-repeat; margin: 0; padding: 0;} #petinfoname { font: bold 18px arial, sans-serif; color:#ffffff; padding-left: 24px; padding-top:4px; } #petinfovotes { padding-top: 8px; font: bold 13px arial, sans-serif; color:#ffffff;} #petinfonav { padding-top: 10px; color:#ffffff;} #petinfonav a { text-decoration:none; font: normal 11px arial, sans-serif; color:#ffffff;} #petinfonav a:hover { text-decoration:underline; color:#D4E1FC;} #petnav2 {width: 347px;} #journal a { display:block; width:216px; height: 36px; margin: 0 0 10px 0; padding: 0; background: url(http://www.facesoflyme.com/images/ly_journalroll.gif) 0 0 no-repeat; text-decoration: none; } #journal a:hover { background-position: -216px 0; } #journalpublic a { display:block; width:216px; height: 36px; margin: 0 0 10px 0; padding: 0; background: url(http://www.facesoflyme.com/images/ly_journalrollpub.gif) 0 0 no-repeat; text-decoration: none; } #journalpublic a:hover { background-position: -216px 0; } #journalhm a { display:block; width:216px; height: 36px; margin: 0 0 6px 0; padding: 0; background: url(http://www.facesoflyme.com/images/ly_journalrollhm.gif) 0 0 no-repeat; text-decoration: none; } #journalhm a:hover { background-position: -216px 0; } #journalch a { display:block; width:216px; height: 36px; margin: 0 0 6px 0; padding: 0; background: url(http://www.facesoflyme.com/images/ly_journalchart.gif) 0 0 no-repeat; text-decoration: none; } #journalch a:hover { background-position: -216px 0; } /*.............................................. Tool Tips ...............................................*/ a.tooltip {color:#c00;} a.tooltip b {display:none;} a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;} a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:3px solid #cccccc; background:#ffc; width:150px;} a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(tooltip.gif) 0 0; display:block; font-size:1px;} /* MUST tooltip styling */ .hide {position:absolute; z-index:800; left:-9999px;} /* general tooltip styling */ .hide {border:3px solid #dee0e1; padding:5px 10px;background:#fff; text-align:left;-moz-border-radius: 5px; -webkit-border-radius: 5px; } .hide h3 {font-size:16px; font-family:arial; font-weight: bold; color:#F76C6C; margin:0; padding:5px 0 0 0;} .hide p {padding:5px 0; margin:0; font-family:arial; color:#000000; sans-serif; font-size:11px; line-height:1.5em;} a.hide {font-weight:bold; color:#800; font-family: georgia, serif; font-style:italic;} .hide img {border:1px solid #aaa; padding:5px;} /* styling the tooltip hover information */ span.toptip {color:#800; font-weight:bold; font-style:italic;} a.toptip {font-weight:bold; color:#800; font-family: georgia, serif; font-style:italic;} img.toptip {border: 5px solid #cccccc; -moz-border-radius: 1em; -webkit-border-radius: 1em; padding:5px; margin:0 10px 10px 0; background-color: #eeeeee; display:block; float:left;} h2.toptip {color:#800; font-family: georgia, serif; font-style:italic;} h2.vincent {width:230px;} /* specific tooltip styling */ #votes {width:200px;} #rank {width:200px;} #points {width:200px;} #scout {width:200px;} #reviewtip {width:200px;} #friend {width:200px;} #greeting {width:200px;} #fav {width:200px;} #view {width:200px;} #addsup {width:65px;} #trhelp {width:65px;} /*.............................................. Business Listing Statistics ...............................................*/ div.dash { color : #FFFFFF; background-color: #8EC1DA; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 36px; float: left; margin: 0 6px 0 0; padding: 1px 6px 0 6px; } div.dash_head { font-size: 11px; color : #ffffff; font-weight: normal; font-style: normal; letter-spacing: 0; text-align: center; margin: 0; padding: 0; } div.dash_content { margin: 0; padding: 0; line-height: 24px; text-align: center;font-size: 28px; font-family: arial,sans-serif; font-style: normal; } div.dash_content a:link {text-decoration: none; color : #ffffff; font-family: arial,sans-serif; font-size: 28px; font-weight: bold; font-style: normal;} div.dash_content a:visited {text-decoration: none; color : #ffffff;font-size: 28px; font-family: arial,sans-serif; font-style: normal;} div.dash_content a:active {text-decoration: none; color : #ffffff;font-size: 28px; font-family: arial,sans-serif; font-style: normal;} div.dash_content a:hover {text-decoration: none; color : #3C8FC2;font-size: 28px; font-family: arial,sans-serif; font-style: normal;} /*..................... Profile Page Content........................*/ .petimgwrapper{ width:216px; padding: 5px;border: 3px solid #EEEEEE; -moz-border-radius: 1em 1em 1em 1em; border-radius: 1em 1em 1em 1em; voice-family: "\"}\""; voice-family:inherit; width:200px;} html>body .petimgwrapper { width:200px;} .rvwhead1 { height: 24px; width: 599px; background: #F8F8F8; border: 1px solid #E9E9E9; padding: 4px 12px 0 12px; font: bold 14px arial, sans-serif; color:#FFFFFF; voice-family: "\"}\""; voice-family:inherit; height:18px; width: 573px;} html>body .rvwhead1 { height:18px; width: 573px;} .rvwbox3 { width:601px; margin:0 0 0 0; border: solid 1px #E9E9E9; voice-family: "\"}\""; voice-family:inherit; width: 599px;} html>body .rvwbox3 { width: 599px;} /******************************************************************************** * css BUTTONS ********************************************************************************/ .button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .button:hover { text-decoration: none; } .button:active { position: relative; top: 1px; } .bigrounded { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } .medium { font-size: 12px; padding: .4em 1.5em .42em; } .small { font-size: 11px; padding: .2em 1em .275em; } /* color styles ---------------------------------------------- */ /* black */ .black { color: #d7d7d7; border: solid 1px #333; background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); background: -moz-linear-gradient(top, #666, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); } .black:link{ color: #ffffff; } .black:visited{ color: #ffffff; } .black:hover { color: #ffffff; background: #000; background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000)); background: -moz-linear-gradient(top, #444, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000'); } .black:active { color: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444)); background: -moz-linear-gradient(top, #000, #444); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666'); } /* gray */ .gray { color: #e9e9e9; border: solid 1px #555; background: #6e6e6e; background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)); background: -moz-linear-gradient(top, #888, #575757); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); } .gray:hover { background: #616161; background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)); background: -moz-linear-gradient(top, #757575, #4b4b4b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); } .gray:active { color: #afafaf; background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888)); background: -moz-linear-gradient(top, #575757, #888); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888'); } /* white */ .white { color: #606060; border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); } .white:hover { background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top, #fff, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); } .white:active { color: #999; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top, #ededed, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); } /* orange */ .orange { color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); } .orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); } .orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); } /* red */ .red { color: #faddde; border: solid 1px #980c10; background: #d81b21; background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)); background: -moz-linear-gradient(top, #ed1c24, #aa1317); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); } .red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); } .red:active { color: #de898c; background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24)); background: -moz-linear-gradient(top, #aa1317, #ed1c24); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24'); } /* blue */ .blue { color: #d9eef7; border: solid 1px #0076a3; background: #0095cd; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top, #00adee, #0078a5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); } .blue:link{ color: #ffffff; } .blue:visited{ color: #ffffff; } .blue:hover { background: #007ead; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); background: -moz-linear-gradient(top, #0095cc, #00678e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e'); } .blue:active { color: #80bed6; background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee)); background: -moz-linear-gradient(top, #0078a5, #00adee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee'); } /* rosy */ .rosy { color: #fae7e9; border: solid 1px #b73948; background: #da5867; background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f)); background: -moz-linear-gradient(top, #f16c7c, #bf404f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f'); } .rosy:hover { background: #ba4b58; background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845)); background: -moz-linear-gradient(top, #cf5d6a, #a53845); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845'); } .rosy:active { color: #dca4ab; background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c)); background: -moz-linear-gradient(top, #bf404f, #f16c7c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c'); } /* green */ .green { color: #e8f0de; border: solid 1px #538312; background: #64991e; background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); background: -moz-linear-gradient(top, #7db72f, #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e'); } .green:hover { background: #538018; background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)); background: -moz-linear-gradient(top, #6b9d28, #436b0c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); } .green:active { color: #a9c08c; background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f)); background: -moz-linear-gradient(top, #4e7d0e, #7db72f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f'); } /* pink */ .pink { color: #feeef5; border: solid 1px #d2729e; background: #f895c2; background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab)); background: -moz-linear-gradient(top, #feb1d3, #f171ab); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab'); } .pink:hover { background: #d57ea5; background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4)); background: -moz-linear-gradient(top, #f4aacb, #e86ca4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4'); } .pink:active { color: #f3c3d9; background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3)); background: -moz-linear-gradient(top, #f171ab, #feb1d3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3'); } /*..................... Profile Page Layout........................*/ #content_wrapper { width:100%; text-align:center; } #content {width:1000px; text-align:left; margin: 0 auto 20px auto; background-color:#ffffff; -moz-border-radius: 0 0 2em 2em; border-radius: 0 0 2em 2em; padding: 18px 24px 24px 24px; border: 5px solid #eeeeee; voice-family: "\"}\""; voice-family:inherit; width: 942px; } html>body #content { width: 942px; } #insidewrap { float: left; width:702px; margin:0 0 0 24px;} #insidebox { width:702px; margin: 12px 0 12px 0; padding: 18px 30px 18px 30px; border: 5px solid #eeeeee; -moz-border-radius: 1em; -webkit-border-radius: 1em; voice-family: "\"}\""; voice-family:inherit; width:632px;} html>body #insidebox { width:632px;} #insideboxdan { margin: 12px 0 12px 0; padding: 18px 30px 18px 30px; border: 5px solid #eeeeee; -moz-border-radius: 1em; -webkit-border-radius: 1em; } #profilemain { float: left; width:503px; text-align:left; margin:0 24px 0px 24px;} #profilelft { float: left; width:216px; text-align:left; margin: 0 0 18px 0; display: inline;} #profilert { float: left; width:175px; text-align:left; margin:6px 0 0 0; display:inline;} #profilelftbox1 { width:216px; text-align:left; margin:0 0 6px 0;} #insidelongtxt99 { text-align:left; margin:0 24px 0 24px; font-size: 12px;} .insidehd { font: bold 18px arial, sans-serif; color: #393B38; margin-top: 0px;} .bluelink { color: #0071B0;} #prohmcontainer { margin: 0; } #prohmnav ul{ list-style: none; } .prohmcontent .header { background: #0CBADF url(http://www.facesoflyme.com/images/prof_blueback.gif) repeat-x scroll 0 0; padding: 0; margin: 0; position: relative; height: 14px; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; height: 35px; } .prohmcontent .header p, .prohmcontent .header p a { margin: 0px; padding: 8px 0 0 16px; color:#FFFFFF; font-size:15px; font-weight: bold; } .prohmcontent .header ul, .prohmcontent .header em { position:absolute; right:0; top:9px; } .prohmcontent .header em { margin: 0px; padding: 0px; color:#FFFFFF; font-size:12px; right: 10px; } .prohmcontent .header em a { border-bottom:1px dotted #ffffff; color:#FFFFFF; font-style:normal; } .prohmcontent .header em a:hover { text-decoration: none; border-bottom: 1px solid #ffffff; } .prohmcontent .header ul { margin-right:5px; margin-top:-1px; } .prohmcontent .header li { float:left; padding:0; } .prohmcontent .header li a { color:#FFFFFF; font-size:11px; font-weight:normal; padding:4px 8px; font-weight:bold; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .prohmcontent .header li a.selected { background: rgba(0, 0, 0, 0.1); text-decoration: none; } .prohmcontent .header li a:hover { text-decoration: underline; } /******************************************************************************** * PROFILE PUBLIC NEW ********************************************************************************/ body { text-align: center;background-color:#C0DEED; margin: 0; padding: 0;font: normal 11.5px arial, sans-serif; color:#606060; } .profileimgwrapper{ width:216px; padding: 5px; margin-top: 12px; border: 3px solid #EEEEEE; -moz-border-radius: 1em 1em 1em 1em; border-radius: 1em 1em 1em 1em; voice-family: "\"}\""; voice-family:inherit; width:200px;} html>body .profileimgwrapper { width:200px;} #midwrap { float: left; width:702px; margin:0 0 0 18px;} #profilelft { float: left; width:216px; text-align:left; margin: 0 0 18px 0; display: inline;} #profilert { float: left; width:200px; text-align:left; margin:0 0 0 0; display:inline;} #profilelftbox1 { width:216px; text-align:left; margin:0 0 6px 0;} #profilemain { float: left; width:490px; text-align:left; margin:2px 18px 0px 18px;} .rightadbox { width:200px; margin-top: 18px;} .leftadbox { width:216px; margin-top: 18px;} .pethd { font-size: 11px; font-weight: bold; color: #393B38;} .prodate { color: #0071B0;} #prolist { margin:0; padding:0 0 12px 0; list-style-type: none;} li#vote1 { color: #606060; font: 10px helvetica, arial, sans-serif; text-decoration: none; background: url(http://www.facesoflyme.com/images/profile_vote1.gif) no-repeat 0 50%; padding: 0 0 4px 85px; height: 75px } li#join { color: #606060; font: 10px helvetica, arial, sans-serif; text-decoration: none; background: url(http://www.facesoflyme.com/images/profile_join.gif) no-repeat 0 50%; padding: 0 0 4px 85px; height: 75px } li#chart { color: #606060; font: 10px helvetica, arial, sans-serif; text-decoration: none; background: url(http://www.facesoflyme.com/images/profile_chartpro.gif) no-repeat 0 50%; padding: 0 0 4px 85px; height: 75px } li#track { color: #606060; font: 10px helvetica, arial, sans-serif; text-decoration: none; background: url(http://www.facesoflyme.com/images/profile_track.gif) no-repeat 0 50%; padding: 4px 0 4px 85px; height: 75px } li#post { color: #606060; font: 10px helvetica, arial, sans-serif; text-decoration: none; background: url(http://www.facesoflyme.com/images/profile_post.gif) no-repeat 0 50%; padding: 4px 0 4px 85px; height: 75px } li#list { color: #606060; font: 10px arial, helvetica, arial, sans-serif; text-decoration: none; background: url(http://www.facesoflyme.com/images/profile_list.gif) no-repeat 0 50%; padding: 4px 0 4px 85px; height: 75px } .phfloat { float: left; margin: 6px 6px 0 0; width: 74px; } .phfloatrt { float: right; text-align: right; margin-top: 6px; width: 114px;} .comphd { font: bold 11px arial, sans-serif; color: #58595C;} .comptext{ margin-top:2px; font-size: 10px; font-style: normal; text-align: left; } .compdate { margin-top:4px; font-size: 10px; } #pro_bar1 { background: url(http://www.facesoflyme.com/images/prof_bar1.gif) no-repeat 0 50%; margin-top: 18px; width: 200px; height: 32px } .pro_barhd { padding: 4px 0 4px 10px; font-size: 12px; font-weight: bold; color: #ffffff; font-style: normal; } #pro_bar2 { background: url(http://www.facesoflyme.com/images/prof_bar2.gif) no-repeat 0 50%; margin-top: 18px; width: 200px; height: 32px } .pro_barhd { padding: 4px 0 4px 10px; font-size: 12px; font-weight: bold; color: #ffffff; font-style: normal; } #pro_bar3 { background: url(http://www.facesoflyme.com/images/prof_bar3.gif) no-repeat 0 50%; margin: 18px 0 3px 0; width: 200px; height: 32px } .pro_barhd { padding: 4px 0 4px 10px; font-size: 12px; font-weight: bold; color: #ffffff; font-style: normal; } #pro_bar4 { background: url(http://www.facesoflyme.com/images/prof_bar4.gif) no-repeat 0 50%; margin-top: 18px; width: 200px; height: 32px } .pro_barhd { padding: 4px 0 4px 10px; font-size: 12px; font-weight: bold; color: #ffffff; font-style: normal; } .awardhead {border-bottom:4px solid #ffffff; border-top:2px solid #ffffff; background-color:#E5E5E5; font: bold 11px arial, sans-serif; color:#393B38; margin-bottom:5px; padding:4px 2px 4px 6px;} .awardhead a {color:#393B38;} .awardrow1 { background-color:#FAFAFA; font: normal 11px arial, sans-serif; letter-spacing: .05em; border-bottom: 1px #DEE0E1 solid; margin-bottom:5px; padding:3px 8px 3px 8px; line-height: 16px; } .awardrow2 { background-color:#ffffff; font: normal 11px arial, sans-serif; letter-spacing: .05em; border-bottom: 1px #DEE0E1 solid; margin-bottom:5px; padding:3px 8px 3px 8px; line-height: 16px; } .awardbot22 {border-top:2px solid #ffffff; background-color:#E5E5E5; margin: 0; padding: 0; } .votebot22 {border-top:2px solid #ffffff; background-color:#E5E5E5; margin: 0; padding: 0; height: 16px; } .votebot22line {background-color:#E5E5E5; margin: 6px 0 0 0; padding: 0; height: 1px;} .profilemainboxtab { width:490px; height: auto; text-align:left; font-style: normal; padding: 6px 16px 12px 16px; margin: 0 0 12px 0; border-left: 3px solid #eeeeee; border-right: 3px solid #eeeeee; border-bottom: 3px solid #eeeeee; -moz-border-radius: 0 0 1em 1em ; border-radius: 0 0 1em 1em ; voice-family: "\"}\""; voice-family:inherit; width:452px; } html>body .profilemainboxtab { width:452px;} #procontainer { margin: 18px 0 0 0; } #pronav ul{ list-style: none; } .profilelft_content { width:216px; margin: 0 0 18px 0; text-align:left; padding: 10px 8px 8px 8px; border-left: 3px solid #EEEEEE; border-right: 3px solid #EEEEEE; border-bottom: 3px solid #EEEEEE; -moz-border-radius: 0 0 1em 1em; border-radius: 0 0 1em 1em; voice-family: "\"}\""; voice-family:inherit; width:194px;}html>body .profilert_content { width:200px; margin: 0 0 18px 0; text-align:left; padding: 10px 16px 8px 16px; border-left: 3px solid #EEEEEE; border-right: 3px solid #EEEEEE; border-bottom: 3px solid #EEEEEE; -moz-border-radius: 0 0 1em 1em; border-radius: 0 0 1em 1em; voice-family: "\"}\""; voice-family:inherit; width:162px;}html>body #petlist { width:162px; padding: 0;} #petlist ul { margin:0; padding:0; list-style:none;} #petlist li { list-style:none; text-decoration: none; background:url(http://www.facesoflyme.com/images/but_lists.gif); background-repeat:no-repeat; background-position: 0 50%; margin: 0; padding: 0 0 6px 24px; color:#0071B0; font-size: 11px; font-style: normal;} #petlist a:hover { text-decoration:underline;} .comphd3 { font: bold 12px arial, sans-serif; margin: 4px 0 6px 0; color:#393B38; padding: 0;} .profilertbox_private { width:194px;} .procontent .header { background: #4db8e0 url(http://www.facesoflyme.com/images/blueGradSmall.png) repeat-x scroll 0 0; padding: 8px 10px; position: relative; height: 14px; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; } .procontent .header p, .procontent .header p a { margin: 0px; padding: 0 0 0 0; color:#FFFFFF; font-size:12px; font-weight: bold; font-style:normal; } .procontent .header ul, .procontent .header em { position:absolute; right:0; top:8px; font-style:normal; } .procontent .header em { margin: 0px; padding: 0px; color:#FFFFFF; font-size:12px; right: 10px; font-style:normal; } .procontent .header em a { border-bottom:1px dotted #ffffff; color:#FFFFFF; font-style:normal; } .procontent .header em a:hover { text-decoration: none; border-bottom: 1px solid #ffffff; } .procontent .header ul { margin-right:5px; margin-top:-1px; } .procontent .header li { float:left; padding:0; } .procontent .header li a { color:#FFFFFF; font-size:11px; font-weight:normal; padding:4px 8px; font-weight:bold; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .procontent .header li a.selected { background: rgba(0, 0, 0, 0.1); text-decoration: none; } .procontent .header li a:hover { text-decoration: underline; } #prohmcontainer { margin: 0; } #prohmnav ul{ list-style: none; } .prohmcontent .header { background: #0cbadf url(http://www.facesoflyme.com/images/prof_blueback.gif) repeat-x scroll 0 0; margin: 0; padding: 0; position: relative; height: 35px; border-radius: 10px 10px 0px 0px } .prohmcontent .header p, .prohmcontent .header p a { margin: 0px; padding: 8px 0 0 16px; color:#FFFFFF; font-size:16px; font-weight: bold; font-style: normal; } .prohmcontent .header ul, .prohmcontent .header em { position:absolute; right:0; top:9px; } .prohmcontent .header em { margin: 0px; padding: 0px; color:#FFFFFF; font-size:12px; right: 10px; } .prohmcontent .header em a { border-bottom:1px dotted #ffffff; color:#FFFFFF; font-style:normal; } .prohmcontent .header em a:hover { text-decoration: none; border-bottom: 1px solid #ffffff; } .prohmcontent .header ul { margin-right:5px; margin-top:-1px; } .prohmcontent .header li { float:left; padding:0; } .prohmcontent .header li a { color:#FFFFFF; font-size:11px; font-weight:normal; padding:4px 8px; font-weight:bold; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .prohmcontent .header li a.selected { background: rgba(0, 0, 0, 0.1); text-decoration: none; } .prohmcontent .header li a:hover { text-decoration: underline; } /******************************************************************************** * CSS TOOLTIPS ********************************************************************************/ a.tooltip {color:#c00;} a.tooltip b {display:none;} a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;} a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:bold; color:#ffffff; border:2px solid #4EBBFF; background:#4EBBFF; width:150px;} a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(tooltip.gif) 0 0; display:block; font-size:1px;} /******************************************************************************** * OVERFLOW BOX STYLES ********************************************************************************/ .track { padding: 0; } #trackcontentblog { margin: 12px 0 8px 0; padding: 16px; background-color: #ffffff; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .bloghd { font-size: 24px; color: #393B38; margin: 0 0 10px 0; float: left; } .blogdate { font-size: 12px; color: #0071B0; font-weight: bold; margin: 0 0 10px 0; float: right; } #showentry { padding: 0px 12px 0px 12px; background:#fff; border:2px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /******************************************************************************** * JSCROLL STYLES ********************************************************************************/ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: #eeeeee; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #eeeeee; position: relative; } .jspDrag { background: #83CEFD; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /* Styles specific to this particular page */ .scroll-pane { width: 100%; height: 300px; overflow: auto; } .prohmcontent .header { background: #0cbadf url(http://www.facesoflyme.com/images/prof_blueback.gif) repeat-x scroll 0 0; margin: 0; padding: 0; position: relative; height: 35px; border-radius: 10px 10px 0px 0px } .listhd20 { font: bold 24px arial, sans-serif; color:#393B38; padding: 0; margin: 0; text-decoration: none;} /*..............................................Forms ...............................................*/ input[type=text] { border:2px solid #D1E2E8; padding:4px 4px; margin: 6px 0 6px 0 left: -6px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} input[type=password] { border:2px solid #D1E2E8; padding:4px 4px; margin: 6px 0 6px 0 left: -6px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .lyme_enlabel{ margin: 0 0 12px 0; color:#0097C5; font-size: 12px; font-weight: bold; }