/**
 * @fileoverview:   Explore LI Greybox Stylesheet
 * @author:         Matthew Hogeboom, Matthew Cassella, Ray Shahriar
 * @company:        Newsday Media Group
 * @version:        1.1
**/

/* GREYBOX POPUPS - 
----------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, p, blockquote, pre,a, address, big, cite, code, em, font, img, strong ,b, u, i, center, ol, ul, li,fieldset, form, label {
    margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;font-size: 100%;}

/* layout 
------------------------------------------------ */
html {min-height: 100%; margin-bottom: 1px;}
body {background: #FFF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 85%; line-height: 1;height:100%;color:#666;}
ol, ul { list-style: none; }
h2 {text-transform: lowercase;padding: 18px; border-bottom: 1px solid #CCC;position:relative;font-size: 150%; clear: both; font-weight: normal; color:#042639; text-transform: lowercase;}
sup {line-height:0em; font-size:60%; position:relative; top:2px;}
a {color: #0091d6; text-decoration: none;}
a:hover {text-decoration: underline;}
.btnSm, button.submit {background:url(img/bg_btn.png) no-repeat center left;color:#fff!important;padding:.25em 15px;line-height:1.5em;white-space:nowrap;cursor:pointer;-moz-box-shadow:0 0 2px #666;
-webkit-box-shadow:0 0 2px #666;-moz-border-radius:4px;-webkit-border-radius:4px;outline:none;}
.btnSm:hover, button.submit:hover {background-position:center right;text-decoration:none;}
p {line-height:1.3em;}
p.confirm {padding:50px 10px 50px 10px;width:360px;font-weight:bold;font-size:110%;}
.remember {font-size:90%;color:#999;clear:both;padding:4px 0 4px 4px;}
.remember input, .remember div {float:left;}
.remember div {padding:4px 0 0 0;}
clear {clear:both;}
.largeBtn {background:url(img/bg_btn.png) no-repeat center left;color:#fff!important;padding:4px 18px;line-height:1.5em;white-space:nowrap;cursor:pointer;-moz-box-shadow:0 0 2px #666;
-webkit-box-shadow:0 0 2px #666;-moz-border-radius:4px;-webkit-border-radius:4px;outline:none;}
.largeBtn:hover {background-position: center right; background-color:#014968;}

/* Popup content styles 
------------------------------------------------ */
#loginForm div.form-error {padding:0px; margin:5px 5px 5px 10px;-moz-border-radius: 3px; -webkit-border-radius: 3px;min-height:0px;}
.gbPopup label.error { float:none!important; color: red; padding-left: .5em; vertical-align: top; display:inline-block; position:absolute; right:10px; top:0px; margin-right:10px;}
label.error { float:none; color: red; padding-left: .5em; vertical-align: top; }
.form-error {clear:both; margin-left:10px;}
.sendStory {float: left; margin: 10px 0px 0px 10px!important;}
.postComment.gbPopup {width:400px;}
.postComment.gbPopup .commentText {width:394px}
.sendStory .gbPopup {width:460px;}
.loginPopup {width:385px;}
.loginPopup h2 {background:url(img/gateIcon.png) no-repeat scroll 10px 6px; padding-left:45px!important;margin-top:6px}
#sendToPhone {width:390px;}
#sendToPhone .buttons {padding:12px 0 0 0;clear:both;}
#sendToPhone select {margin:5px 0 0 0;}
#sendToPhone .first {clear:both;}
#sendToPhone .provider {margin:10px 6px 0 0; padding: 0px; float:left; width:174px; display:inline-block;}
#sendToPhone .phone-number {margin:15px 0px 0 0; padding: 0px; float:left; width:200px; display:inline-block;}
.gbPopup {margin: 10px 0 0 0; padding-bottom: 10px; overflow:hidden;}
.gbPopup h2 {padding:4px 0px 12px 12px;}
.gbPopup .post {float: left;margin-right: 15px;}
.gbPopup .userReply {float:left; color:#ffde00; padding:10px 0 0 0;}
.gbPopup .userName {color: #CCC;font-weight: normal;}
.gbPopup form{padding-left:0px; margin-left:0px; clear:both;}
.gbPopup .userTools{float:left; margin-top:10px;}
.gbPopup .userTools a{font-size:75%;}
.gbPopup .commentText{width:415px; height:80px; margin: 5px 0px 20px 0; padding:0px;}
.gbPopup .text{width:200px; padding:0px; margin:5px 0 10px 0; .margin-left: -10px; float:left;}
.gbPopup fieldset{margin:10px 0 10px; padding-right: 20px; float:left;}
.gbPopup .user-textfield{margin:10px 20px 0 0; padding: 0px; float:left; width:200px; display:inline;}
.gbPopup label{font-size:85%; font-weight:normal; color:#666;height:12px!important;}
.gbPopup h2 .loginName {font-size:60%; color:#999;padding:4px 5px 0 0;}
.gbPopup .submit {margin: 10px 10px 0 0;float: left;}
.gbPopup .getNewsletter{font-size:85%; position:absolute; bottom:22px; right:50px;}
.gbPopup .getNewsletter input {position:relative; top:1px;margin-right:6px}
.gbPassReset .largeBtn {float:right; width:120px;}
.gbPassReset #reset_captchaimg {margin:6px 0 6px 0;}
div.show_email_address {padding:10px 0 0 0;clear:both;color:#042639;font-size:90%;}
#footer {border-top:1px dotted #2C3744; margin-top:5px; padding-right:10px; clear:both;}
#footer .terms {font-size:85%;line-height:1.4em; text-decoration:none; clear:both; padding:8px; width:325px; text-align:left; font-weight:normal;}
.loginPopup #footer p {position:relative; top:14px; left:145px; font-size:90%; font-weight:bold; width:110px;}
.loginPopup #footer .largeBtn {position:relative; top:-8px;}
.loginPopup #footer .register-btn {position:relative; right:10px; top:-5px;}
.gbPopup .email {color:#042639;}
.gbPopup ul.confirm {list-style:disc; margin-left:26px; font-size:90%; line-height:1.15em;}
.gbPopup ul.confirm li {padding:5px 0px 5px 0px;}
#statusAccessResendEmailConfirm .largeBtn {margin:10px 0px 0px 10px;}

/* rating
------------------------------------------------ */
div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(img/rate/delete.gif) no-repeat 0 -16px;display:none;}
div.star-rating,div.star-rating a{background:url(img/star.gif) no-repeat 0 0px}
div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0;}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -33px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important;margin-right:6px}
.rating {width:400px;}
.rating form {margin:16px;position:relative;}
.rating .btnSm {margin:0px;}
.rating h2 {width:360px;margin-top:6px}
#starRating {width:70px;height:15px;float:left;background:url(img/ratingStars-white.gif) no-repeat; margin:16px;}
.topCarousel #starRating {background:url(img/ratingStars-navy.gif) no-repeat;}
.user #starRating {background:url(img/ratingStars-u-white.gif) no-repeat;}
/*#SOMETHING .user #starRating {{background:url(img/ratingStars-u-navy.gif) no-repeat;}*/
#starRating.star0 {display:none;}
#starRating.star0_5 {background-position:0 -15px;}
#starRating.star1 {background-position:0 -30px; }
#starRating.star1_5 {background-position:0 -45px; }
#starRating.star2 {background-position:0 -60px; }
#starRating.star2_5 {background-position:0 -75px; }
#starRating.star3 {background-position:0 -90px; }
#starRating.star3_5 {background-position:0 -105px; }
#starRating.star4 {background-position:0 -120px; }

/* thank you ------------------------------------------------ */
.reportform {padding:18px;width:600px;}
.reportform h1 {font-size:240%;}


/* login
------------------------------------------------ */
.gbPopup .login {width: 362px; min-height:15px; padding:0px; margin:5px 0 10px 0; float:left; font-size:81%;}
.gbPopup .login-fields {width:auto; margin:5px 5px 0 0px; padding: 0px 0px 0px 10px; display:inline-block; position:relative; clear:both;}
.gbPopup .login-forgot {width:365px; margin:0px 0px 0 0; padding: 0px; text-align:right; display:block; font-size:80%; float:left;}
.gbPopup .login-help {margin:10px 10px 10px 10px; padding: 0px;clear:both; float:left; width:200px; text-align:left; display:inline; font-size:80%; line-height:1.5em;}
.gbPopup .login-btn {margin:0 10px 0 0; padding:0px;}
.gbPopup .email-error {line-height:1.2em; margin: 10px 0 10px 20px; width:250px; height:27px; background:url(img/bg_regerror.gif) no-repeat; color: #ffffff; font-size: 80%; padding:5px 0px 0px 25px; position:absolute; top:77px; left:112px;}
.gbPopup .login-password-error, .gbPopup .reset-password-error1, .gbPopup .reset-password-error2 {line-height:1.2em; margin: 10px 0 10px 20px; width:250px; height:27px; background:url(img/bg_regerror.gif) no-repeat; color: #ffffff; font-size: 80%; padding:5px 0px 0px 25px; position:absolute; top:137px; left:112px;}
.gbPopup .reset-password-error1 {top:196px;}
.gbPopup .reset-password-error2 {top:256px;}
#resetpasswordform, #changeresetpasswordform {clear:both;}

.gbPopup .login-valid {line-height:1.2em; margin: 10px 0 10px 20px; width:250px; height:27px; background:url(img/bg_regvalid.png) no-repeat; color: #ffffff; font-size: 80%; padding:5px 0px 0px 25px; position:absolute; top:134px; left:112px;}

.gbPopup .textDesc {width:362px;margin:10px 10px 5px 10px; padding: 0px; float:left; display:inline; font-size:95%; color:#666; line-height:1.2em; clear:both;}
.validUser {font-weight:bold;}
.gbPopup .login-info {width:200px; margin:0px 0px 0 0; padding: 0px; float:left; text-align:left; display:inline; font-size:80%; position:absolute; top: 198px; left: 20px;}
.gbList ul {list-style:outside; color:#ffde00; margin-bottom:15px;}
.gbList li {margin-bottom: 10px; line-height:1.2em;}
.gbList {margin: 10px 0px 10px 45px; font-size:95%;}
.gbPopup h3 {margin: 15px 0px 5px 20px; font-size:100%;}
.gbPopup .pass-textDesc {width:362px; margin:10px 10px 15px 20px; padding: 0px; float:left; display:inline; font-size:90%; color:#666666; line-height:1.25em;}

/* OOL Register ------------------------------------------------ */
.oolPopup .btnSm {display:block; float:left; position:relative; top:15px; left:20px;}
.oolPopup .formLink {float:left; font-size:85%; position:relative; top:22px; left:35;}
.oolPopup .gbList ul li {color:#666666;}

/* ugc ------------------------------------------------ */
#newsTip {width:380px;}
#newsTip textarea {width:362px;height:100px;margin:4px 0 0 0;}
#newsTip label, #mediaSubmit label {float:none;padding:0 0 2px 0;}
#newsTip label span {color:#8e8e8e;}
#newsTip .text {width: 362px;}
#newsTip .btnSm, #mediaSubmit .btnSm {clear:both;float:right;margin:6px 6px 0 0;}
#newsTip .buttons, #mediaSubmit .buttons {position:relative;clear:both;}
#newsTip .buttons .help, #mediaSubmit .buttons .help {position:absolute;left:0px;top:12px;font-size:90%;}
#newsTip.spAssign img {float:left;margin:0 12px 0 12px;}
#newsTip.spAssign h4 {margin:12px;padding:0;font-size:120%;}
#newsTip.spAssign textarea {height:60px;}
#mediaSubmit .gbPopup, #newsTip .gbPopup {margin-left:12px!important;}
#mediaSubmit {width:640px;}
#mediaSubmit .subject {width:320px;margin-top:5px;}
#mediaSubmit .left label {float:none!important;}
#mediaSubmit .left {width:350px;float:left;}
#mediaSubmit .left fieldset {padding-right:0;width:100px;float:none!important;}
#mediaSubmit .left fieldset #caption.text {width:320px;}
#mediaSubmit .left fieldset textarea {width:320px;height:40px;margin:4px 0 0 0;}
#mediaSubmit .left input.text {width:230px;clear:both;}
#mediaSubmit .right {float:left;width:206px;}
#mediaSubmit .right input {width:270px;}
#mediaSubmit .browse {float:left!important;margin:6px 0 0 0px;clear:none!important;}
#mediaSubmit .browse input {margin-top:5px}
#mediaSubmit p {font-size:90%;padding:12px 12px 0 0;}
#mediaSubmit p b {color:#333;}
#mediaSubmit .buttons .btnSm {position:absolute;right:-70px;}
#photoPop {width:600px;text-align:center;}
p.credit {font-size:90%;padding:0 0 6px 0;text-align:left;color:#999;}
p.caption {margin:6px 0 0 0;text-align:left;font-size:90%;}
img.photo {text-align:center;margin:0;}

/* thank you ------------------------------------------------ */
.reportform {padding:18px;width:600px;}
.reportform h1 {font-size:240%;}

/* OOL Intercept ------------------------------------------------ */
.oolPopup-1 {width:665px;}
.oolPopup-1 h2 {text-transform:none; padding:20px; border-bottom:none;}
.oolPopup-1 h3 {text-transform:none; padding-left:20px; font-weight:normal; color:#ff4ed1;}
.oolPopup-1 .image {position:relative; left:-5px; margin-top:45px; float:left;}
.oolPopup-1 .reason1 {position: absolute; top:125px; left:20px; font-weight:bold; line-height:1.15em;}
.oolPopup-1 .reason2 {position: absolute; top:150px; left:180px; font-weight:bold; line-height:1.15em;}
.oolPopup-1 .reason3 {position: absolute; top:125px; left:320px; font-weight:bold; line-height:1.15em;}
.oolPopup-1 .reason4 {position: absolute; top:140px; left:495px; font-weight:bold; line-height:1.15em;}
.oolPopup-1 .buttons {margin-left:auto; margin-right:auto; width:236px; position:relative; top:-15;}
.oolPopup-1 .date {color:#ff4ed1;}

/* Photo Pop Up */
#photoPop {width:600px;text-align:center;}
p.caption {margin:6px 0 0 0;text-align:left;font-size:90%;}
img.photo {text-align:center;margin:0;}

/* clue tips for subscriber flyout  -------------------------------------- */
#cluetip-close img { border: 0; }
#cluetip-title { overflow: hidden; }
#cluetip-title #cluetip-close { float: right; position: relative; }
#cluetip-title #cluetip-close a { width: 26px; height: 26px; line-height: 26px; text-align: center; display: block; padding: 0; background: url(img/btn_close.png) no-repeat 0 0;overflow:hidden;text-indent:-999px; }
#cluetip-title #cluetip-close a:hover {background-position: 0pt -30px;}
#cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(/css/exploreli/img/wait.gif); }
.cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; }
#cluetip-extra { display: none; }
/* =cluetipClass: 'default'  -------------------------------------- */
.cluetip-default { background-color: #225477; color:#fff; }
.cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #225477;border: 1px solid #4780981; }
.cluetip-default h3#cluetip-title { margin: 0 0 0px; padding: 8px 10px 0px; font-size: 130%; font-weight: normal; color: #ffde00; }
.cluetip-default #cluetip-title a {font-size: 80%; }
.cluetip-default #cluetip-inner { padding: 10px;font-size:80%; }
.cluetip-default #cluetip-inner p {margin-bottom:6px;}
.cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; }
/* default arrows */
.clue-right-default .cluetip-arrows { background-image: url(img/jtip_arrow_left.gif); }
.clue-left-default .cluetip-arrows { background-image: url(img/jtip_arrow_right.gif); left: 100%; margin-right: -11px; }
.clue-top-default .cluetip-arrows { background-image: url(img/darrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; }
.clue-bottom-default .cluetip-arrows { background-image: url(img/darrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; }
/* =cluetipClass: 'jtip' -------------------------------------- */
.cluetip-jtip { background-color: transparent; }
.cluetip-jtip #cluetip-outer { border: 2px solid #ccc; position: relative; background-color: #fff; }
.cluetip-jtip h3#cluetip-title { margin: 0 0 5px; padding: 2px 5px; font-size: 16px; font-weight: normal; background-color: #ccc; color: #ccc; }
.cluetip-jtip #cluetip-inner { padding: 0 5px 5px; display: inline-block; }
.cluetip-jtip div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; }
/* jtip arrows */
.clue-right-jtip .cluetip-arrows { background-image: url(img/arrowleft.gif); }
.clue-left-jtip .cluetip-arrows { background-image: url(img/arrowright.gif); left: 100%; margin-right: -11px; }
.clue-top-jtip .cluetip-arrows { background-image: url(img/arrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; }
.clue-bottom-jtip .cluetip-arrows { background-image: url(img/arrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; }
/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner { zoom: 1; }

/* share this gb ------------------------------- */
#shareExpanded h2 {margin:2px 0 10px 6px; padding-left:6px; padding-top:10px!important; padding-bottom:10px!important;width:360px}
#shareExpanded ul {width:380px; list-style:none;margin-left:12px;}
#shareExpanded li {float:left; width:150px; padding:2px 0px 3px 20px; margin:2px;}
#shareExpanded li.delicious {background:url(/css/exploreli/img/icons/delicious-16x16.gif) no-repeat transparent;}
#shareExpanded li.facebook {background:url(/css/exploreli/img/icons/facebook-16x16.gif) no-repeat transparent;}
#shareExpanded li.fark {background:url(/css/exploreli/img/icons/fark-16x16.gif) no-repeat transparent;}
#shareExpanded li.google {background:url(/css/exploreli/img/icons/google-16x16.gif) no-repeat transparent;}
#shareExpanded li.reddit {background:url(/css/exploreli/img/icons/reddit-16x16.gif) no-repeat transparent;}
#shareExpanded li.digg {background:url(/css/exploreli/img/icons/digg-16x16.png) no-repeat transparent;}
#shareExpanded li.yahoo {background:url(/css/exploreli/img/icons/yahoob-16x16.gif) no-repeat transparent;}
#shareExpanded li.yahoo span {background:none!important; padding:0px!important; line-height:12px!important;}
#shareExpanded li.mixx {background:url(/css/exploreli/img/icons/mixx-16x16.gif) no-repeat transparent;}
#shareExpanded li.stumbleupon {background:url(/css/exploreli/img/icons/stumbleupon-16x16.gif) no-repeat transparent;}
#shareExpanded li.technorati {background:url(/css/exploreli/img/icons/techonorati-16x16.gif) no-repeat transparent;}
#shareExpanded li.twitter {background:url(/css/exploreli/img/icons/twitter-16x16.png) no-repeat transparent;}
#shareExpanded li.linkedin {background:url(/css/exploreli/img/icons/linkedin_icon.png) no-repeat transparent;}

/* Upgrade Account ------------------------------ */
#upgradeAccount h2 {background:url(img/gateIcon.png) no-repeat 0 8px ;padding-left:32px}
#upgradeAccount {width:780px;}
#upgradeAccount p {padding:6px 4px;}
#upgradeAccount ul {padding:0;margin:0;}
#upgradeAccount ul li {float:left;margin:4px 0 0 0;padding:0 4px;text-align:center;font-size:100%;border-right:1px dotted #2c3744;width:360px;}
#upgradeAccount ul li.last {border:none;}
#upgradeAccount ul li p {color:#042639;}
#upgradeAccount p.user {font-size:140%;padding:12px 0 0 6px;}

/* Activation ------------------------------ */
#statusAccess {padding:8px 0 0 0;width:380px}
#statusAccess h2 {position:relative;}
#statusAccess h2 span {position:absolute;right:10px;top:6px;font-size:60%;font-weight:normal;}
#statusAccess p {padding:6px 0 0 12px; line-height:1.15em; margin-bottom:10px; font-size:95%;}
#statusAccess form {padding:12px; position:relative;}
#statusAccess label {color:#ffde00;}
#statusAccess .login-btn {margin:0px; position:relative; top:-10px;}

/* Map ------------------------------ */
#mapExpanded {padding:12px 8px;}
#map {margin:0;}
#map .gmnoprint {color:#041120;line-height:1.3em;font-weight:bold;}

/* Favorite PopUps ------------------- */
.favPopUp {position:absolute; top:20px; left:10px; font-size:95%;}
.favPopUp p {font-weight:bold; color:#021B23;}
.favPopUp p.message {font-weight:normal; font-style:italic;}
.favPopUp p.direction {color:#0091D6; font-weight:normal; margin-top:10px;}
.favPopUp p.direction span {font-weight:bold;}

.favPopUp .btnCancel, .favPopUp .btnSave {padding:2px 5px; width:115px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-left:5px; display:inline-block; cursor:pointer; position:relative; top:20px; left:180px;}
.favPopUp .btnCancel {background:none #FFFFFF;  color:#333333; border:1px solid #888888; }
.favPopUp .btnCancel:hover {background:none #D3D5D6;}
.favPopUp .btnSave {background:url(img/bg_btn.png) #3498B5 300px -40px; color:#FFFFFF; font-weight:bold; border:1px solid #3498B5;}
.favPopUp .btnSave:hover {background-position:300px -89px;}

.favorite h4 {background:url(img/logo-myFavs.png) no-repeat 0 0; height:25px; width: 155px; text-indent:-9999em;}
.favorite div.favList {height:220px; width:385px; border:1px solid #999999; padding:2px 2px 2px 0px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px;}
.favorite ul li {padding:0px; border-top:1px solid #999999;}
.favorite ul li a {padding:8px 2px 8px 6px; display:block; color:#021B23; margin:2px 2px 2px 2px; font-weight:bold; font-size:90%;}
.favorite ul li a:hover {background-color:#cccccc; text-decoration:none;}
.favorite ul li:first-child a {margin-top:0px;}
.favorite ul li:first-child {border-top:none;}
.favorite .desc {margin:10px 0px; font-weight:bold; font-size:95%; line-height:1.2em;}

.favorite ul.scrollable { width:100%; height:220px; overflow-y:auto; }
.jScrollPaneContainer { position:relative; overflow:hidden;}
.jScrollPaneTrack { position:absolute; cursor:pointer; right:0; top:0; height:100%; background:#1a2949; -moz-border-radius:6px; -webkit-border-radius:6px; }
.jScrollPaneDrag { position:absolute; background:#3087c0; cursor:pointer; overflow:hidden; margin:0; width:8px!important; border:2px solid #1a2949; -moz-border-radius:5px; -webkit-border-radius:5px; }
.jScrollPaneDragTop { position:absolute; top:0; left:0; overflow:hidden; }
.jScrollPaneDragBottom { position:absolute; bottom:0; left:0; overflow:hidden; }

.favorite fieldset {position:relative; padding:5px 0px;}
.favorite .inputText {border:1px solid #CCCCCC; color:#666666; -moz-border-radius:4px; -webkit-border-radius:4px; padding:2px 5px; width:150px; position:absolute; left: 100px;}
.favorite button {border:1px solid #CCCCCC; color:#666666; background:none #FFFFFF; -moz-border-radius:4px; -webkit-border-radius:4px; padding:2px 10px; width:100px; margin:5px 0px 0px 5px; cursor:pointer; outline:none;}
.favorite button:hover {background-color:#CCCCCC; border-color:#999999; color:#333333;}
.favorite select {border:1px solid #CCCCCC; padding:2px; width:150px; position:absolute; left:100px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#666666; background-color:#FFFFFF;}
.favorite label {font-size:90%; color:#333333;}