html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
html{ overflow-y: scroll; }
body { line-height: 1.3; color: #fff; background: #231d0f url(../images/background_tile.png) 0 0 repeat; font-size: 12px; font-family: Arial, sans-serif; opacity: .9999; overflow: auto; }
input, select, textarea{ font-family: Arial, sans-serif; }
strong{ font-weight: bold; }
em{ font-style: italic; }
strike{ text-decoration: line-through; }
a{ color: #b7c74f; }
a:hover{ color: #829123; }
p{margin:0 0 1.3em; }
h3{ font-weight: bold;}
#innerWrap{ background: transparent url(../images/wrap_back.png) 0 0 repeat-x; min-height: 430px; overflow: hidden; position: relative; z-index: 1; }
#header{ background: url(../images/header_back.gif) 0 0 repeat-x; height: 47px; }
#header .hWrap{ width: 900px; margin: 0 auto; overflow: hidden;}
#header h1{ width: 200px; height: 36px; float: left; }
#header a.brand{ float: left; margin: 5px 0 0; display: block; width: 200px; height: 36px; background: transparent url(../images/10best_logo2.png) 0 0 no-repeat; text-indent: -9999em; }
#header h2{ float: right; margin: 8px 0 0; }
#header #nav{ padding: 16px 0 0; float: right; overflow: hidden; }
#header #nav li{ float: left; }
#header #nav li a{ font-size: 12px; padding: 0 12px 0 0; }
#header #googleAds{ width: 483px; float: right; padding: 0 5px; background-color: #2a2a2a; }
#header #googleAds ul{ overflow: hidden; }
#header #googleAds li{ width: 191px; padding: 0 50px 0 0; float: left; line-height: 1.2; font-size: 11px; }
#header #googleAds li a{ color: #fff; }
#header #googleAds .adsBy{ display: block; text-align: right; }
.flashMessage{ font-size: 14px; color: #373125; padding: 8px; background: #dbea7c; }
.flashMessage h2, .flashMessage p{ width: 835px; margin: 0 auto; }
.flashMessage h2{ font-weight: bold; }
.flashMessage a{ color: #666c16; }
.flashMessage input{ border: 1px solid #a4a4a4; font-size: 14px; padding: 3px; width: 327px; }
#content{ padding: 65px 20px; margin: 24px auto; width: 795px; position: relative; }
#contentWrap{ margin: 0 auto; overflow: hidden; width: 795px; }
#content.edit{ background: #fff url(../images/edit_background2.png) 0 0 repeat-x; color: #000; width:795px; padding: 15px 20px 0; }
#content.edit #contentWrap{ width: 795px; }
#content.edit .sheetBottom{ height: 6px; width: 835px; position: absolute; left: 0; bottom: -6px; background: url(../images/sheet_bottom.png) 0 0 repeat-x; }
.edit a{ color: #95a433; }
.edit a:hover{ color: #829123; }
#content h2{ font-size: 42px; }
#content .by{ font-size: 16px; text-align: center; color: #363024; }
#content .by a{ text-decoration: none; }
#editTitle{ position: relative; padding: 0 0 20px; overflow: hidden;}
#content.edit #editTitle h2{ text-align: left; padding: 10px 0 0 55px; }
#editTitle input{ display: none; border: 1px solid #999; font-size: 42px; padding: 3px 5px; text-align: left; width:727px; }
#editTitle.editActive{ margin: 0 0 5px 40px; background: #fff8ac; padding: 8px; }
#editTitle.editActive h2{ display: none; }
#editTitle.editActive input{ display: inline; }
#editTitle.editActive .change{ display: none; }
.doneFinishOptions{ float: right; display: none; }
.editActive .doneFinishOptions{ display: block; padding: 8px 0 0; }
.doneFinishOptions a{ float: left; margin: 0 0 0 3px; }
.doneFinishOptions .cancel{ padding: 8px 0 0; display: block; font-size: 12px; }
#editDescription{ padding: 0 0 20px ; font-size: 16px; margin: 0 60px; overflow: hidden; }
#editDescription.editActive{ margin: 0 0 5px 52px; background: #fff8ac; padding: 8px; }
#editDescription.editActive .viewDescriptionContainer, .editDescriptionContainer, #editDescription.editActive .change{ display: none; }
#editDescription.editActive .editDescriptionContainer{ display: block; }
.editDescriptionContainer textarea, .editDescriptionContainer .widgIframe{ width: 725px; }
#editDescription a.change, #editTitle a.change{ font-size: 12px; display: block; text-align: center; }
.edit #theList{ margin: 0 0 20px; position: relative; padding: 0 0 38px; }
.edit #theList li.listItem{ position: relative; margin: 0 0 1px; display: list-item !important; }
/*
.edit #theList li.blankListItem, .edit #theList li.wasBlankListItem{ position: absolute; bottom: 0; }
*/
.edit #theList .listInner{ overflow: hidden; font-size: 18px; position: relative; z-index: 1; cursor: move; }
.edit #theList .listInner .attachC{ width: 58px; overflow: hidden; float: left; height: 38px; cursor: pointer; }
.edit #theList .listInner .attachC .twrl{ display: none; width: 10px; height: 10px; margin: 14px 4px 14px 6px; text-indent: -9999em; background: url(../images/twirl_arrow.png) 0 0 no-repeat; float: left; }
.edit #theList .listInner .attachC .attachments{ width: 38px; float: right; height: 38px; position: relative; }
.edit #theList .listInner .attachC .attachments.empty{ display: none; }
.edit #theList .listInner .attachC .attachments div{ width: 38px; height: 38px; position: absolute; top:0; left:0; }
.edit #theList .listInner .attachC .attachments .clip{ background: url(../images/attachments/clip.png) 0px 11px no-repeat; z-index: 100; }
.edit #theList .listInner .attachC .attachments.empty .clip{ background: url(../images/attachments/clip.png) 7px 11px no-repeat; opacity:.3; -moz-opacity:.3; }
.edit #theList .listInner .attachC .attachments.video .video{ background: url(../images/attachments/video.png) 13px 11px no-repeat; z-index: 1; }
.edit #theList .listInner .attachC .attachments.description .description{ background: url(../images/attachments/description.png) 8px 12px no-repeat; z-index: 3; }
.edit #theList .listInner .attachC .attachments.image .image{ background: url(../images/attachments/image.png) 10px 20px no-repeat; z-index: 2; }
.edit #theList .listInner .index{ width: 31px; height: 30px; float: left; margin: 4px 0 0; font-weight: bold; color: #fff;
font-size: 18px; text-align: center; background: url(../images/index_back_edit.png) 0 0 no-repeat; }
.edit #theList li .listInner .index .indexC{ display: block; height:27px; padding: 3px 0 0; width: 31px;}
.edit #theList li.loading .listInner .index{ background: none; }
.edit #theList li.loading .listInner .index .indexC{ text-indent: -9999px; text-align: left; background: url(../images/loading_30.gif) no-repeat center center; }
.edit #theList .listInner .itemTitle{ float: left; line-height: 20px; overflow: hidden; width:655px; padding: 0 0 0 5px; }
.edit #theList .listInner .itemTitle h4{ cursor: text; margin: 0 5px; float: left; padding: 10px 0 0; }
.edit #theList .listInner .itemTitle input{ font-size: 18px; border: 1px solid #e3ce63; padding: 4px 3px 3px; margin: 4px 0 0; width: 427px; display: none; float: left; }
.edit #theList .listInner .itemTitle .actions{ overflow: hidden; float: right; margin: 5px 17px 0 0; display: none; }
.edit #theList .listInner .itemTitle .actions li{ float: left; }
.edit #theList .listInner .itemTitle .actions li .done-editing{ font-size: 11px; display: block; float: left; }
.edit #theList .listInner .itemTitle .actions li .cancel{ padding: 6px 0 0; margin: 0 0 0 6px; }
.edit #theList .listInner a.remove{ display: block; float: right; width: 33px; height: 28px; margin: 5px; background: url(../images/buttons/trash.png) 0 0 no-repeat; text-indent: -9999em; display: none; }
.attachmentsContainer{ display: none; background: #e3ce63; border-right: 60px solid #fff; border-left: 90px solid #fff; clear: both; }
.attachmentTitles{ height: 31px; margin: 0 0 5px; }
.attachmentTitles li{ width: 120px; float: left; margin: 0 0 0 4px; height: 31px; background-image: url(../images/attachment_tab.gif); background-repeat: no-repeat; background-position: 0 0; line-height: 14px;}
.attachmentTitles li a{ color: #6e7a1d; text-decoration: none; font-size: 14px; font-weight: bold; width: 120px; height: 21px; padding-top: 10px; display: block; }
.attachmentTitles li a:hover{ text-decoration: underline; }
.attachmentTitles li.description a{ padding-left: 30px; background: url(../images/icons/description.gif) 11px 8px no-repeat; }
.attachmentTitles li.image a{ padding-left: 43px; background: url(../images/icons/image.gif) 20px 10px no-repeat; }
.attachmentTitles li.video a{ padding-left: 47px; background: url(../images/icons/video.gif) 23px 9px no-repeat; }
.attachmentTitles li.ui-tabs-selected{ background-position: 0 -31px; }
.attachmentTitles li.ui-tabs-selected a{ color: #000; }
.attachmentsContainer .ui-tabs-panel{ height: 157px; font-size: 14px; }
.attachmentsContainer .attach-description .widgIframe{ clear: left; height: 125px; overflow: auto; border: 0; margin: 1px; width: 643px;}
.attachmentsContainer .col{ width: 321px; float: left; text-align: center; height: 156px; background: #fff; margin: 0 0 1px 1px; overflow: auto; }
.attachmentsContainer .attach-image label.cabinet{ margin: 50px auto 0; }
.attachmentsContainer .attach-image .col p{ width: 130px; margin: 10px auto 0; }
.attachmentsContainer .attach-image .imagePreview{ padding: 15px 0 0; }
.attachmentsContainer .attach-image .imagePreview img{ max-width: 250px; max-height: 100px; }
.attachmentsContainer .attach-image .imagePreview, .attachmentsContainer .attach-image .upload, .attachmentsContainer .attach-image .loadingD, .attachmentsContainer .errorD{ display: none; }
.attachmentsContainer .preview .col .imagePreview{ display: block; }
.attachmentsContainer .loading .col .loadingD{ display: block; }
.attachmentsContainer .upload .col .upload{ display: block; }
.attachmentsContainer .error .col .errorD{ display: block; }
.attachmentsContainer .attach-description .descriptionValue{ height: 284px; width: 643px; }
.attachmentsContainer .captionCol{ width: 322px; float: left; height: 146px; padding: 10px 0 0; background: #fff; margin: 0 1px 1px 0; text-align: center; }
.attachmentsContainer .captionCol p{ margin: 3px 0 4px; }
.attachmentsContainer .captionCol .widgIframe{ height: 75px; background: #fff; overflow: auto; width: 259px; border: 1px solid #ECECEC; }
.attachmentsContainer .captionCol .widgContainer{ margin: 0 30px 0; }
.attachmentsContainer .attach-video .videoEmbed{ width: 251px; font-size: 12px; font-family: Courier; }
.attachmentsContainer .attach-video .videoPreview, .attachmentsContainer .attach-video .embed, .attachmentsContainer .attach-video .loadingD{ display: none; }
.attachmentsContainer .preview .videoPreview, .attachmentsContainer .edit .embed, .attachmentsContainer .loading .loadingD{ display: block; }
.attachmentsContainer .videoPreviewContainer{ height: 125px; width: 125px; margin: 10px auto 2px; }
.attachmentsContainer .attach-video .col p{ width: 241px; margin: 20px auto 6px; text-align: left; padding: 5px; background: #FFF8AC; }
.attachmentsContainer .attach-video .col .errorD{ padding: 35px 0 0; }
.attachmentsContainer .attach-video .col .errorD p{ margin: 0 auto; background: #f8e4db; }
.attachmentsContainer .loadingD{ display: none; background: url(../images/loading_16px.gif) 0 center no-repeat; height: 16px; line-height: 16px; padding: 0 0 0 18px; width: 138px; margin: 65px auto 0; text-align: left; }
.ui-tabs-hide { display: none; }
/****** hover options ******/
.edit #theList .listInner:hover{ background-color: #fff8ac; }
.edit #theList .listInner:hover a.remove{ display: block; }
.edit #theList .listInner:hover .attachC .twrl{ display: block }
.edit #theList .listInner:hover .attachC .attachments{ display: block; }
/****** beingEdited options ******/
.edit #theList.beingEdited li{ opacity: .60; }
.edit #theList.beingEdited li .listInner{ cursor: default; }
.edit #theList.beingEdited .listInner:hover{ border: 0; background-color: transparent; }
.edit #theList.beingEdited .listInner .itemTitle h4{ cursor: default; }
.edit #theList.beingEdited .listInner:hover .attachC .twrl, .edit #theList.beingEdited .listInner:hover .attachC .attachments.empty{ display: none; }
.edit #theList.beingEdited .listInner .attachC{ cursor: default; }
.edit #theList.beingEdited .listInner:hover .remove{ display: none; }
/***** editActive options *******/
.edit #theList .editActive .listInner, .edit #theList.beingEdited .editActive .listInner:hover{ background-color: #fff8ac; }
.edit #theList.beingEdited li.editActive, .edit #theList.beingEdited li.editActive li{ opacity:1; cursor: move; }
.edit #theList.beingEdited li.editActive .listInner{ cursor: move; }
.edit #theList .editActive .listInner .itemTitle .actions{ display: block; }
.edit #theList .editActive .itemTitle input{ display: block; }
.edit #theList .editActive .itemTitle h4{ display: none; }
.edit #theList .editActive .attachC .twrl, .edit #theList .editActive .attachC .attachments{ display: block; }
.edit #theList.beingEdited .editActive .listInner:hover .attachC .twrl, .edit #theList.beingEdited .editActive .listInner:hover .attachC .attachments{ display: block; }
.edit #theList .editActive .listInner a.remove, .edit #theList.beingEdited .editActive .listInner:hover a.remove{ display: block; }
.edit #theList.beingEdited .editActive .listInner .attachC{ cursor: pointer; }
.edit #theList .editActive .listInner .attachC .attachments.empty{ display: block; }
/*
.edit #theList .editActive .listInner .attachC .attachments.empty .clip, .edit #theList .editActive .listInner .attachC .attachments .clip{ display: none; }
*/
/***** blankListItem options *******/
.edit #theList .blankListItem .listInner{ cursor: default; }
.edit #theList .blankListItem .listInner .itemTitle h4{ color: #999; font-style: italic; }
.edit #theList li.blankListItem .listInner:hover{ background: #fff; }
.edit #theList li.blankListItem .listInner:hover .remove, .edit #theList li.blankListItem .listInner:hover .attachC .twrl, .edit #theList li.blankListItem .listInner:hover .attachC .attachments{ display: none; }
.edit #theList li.blankListItem .listInner .index, .edit #theList li.wasBlankListItem .listInner .index{ background: none; }
/***** expanded options *******/
.edit #theList .expanded .listInner{ background-color: #fff8ac; }
.edit #theList .expanded .listInner .attachments, .edit #theList .expanded .listInner .itemTitle .actions, .edit #theList .expanded .listInner a.remove{ display: block; }
.edit #theList .expanded .listInner .twrl{ display: block; background-position: 0 -10px; }
.edit .expanded a.insert:hover{ display: none; }
/**** deleteConfirm options ******/
.edit #theList li.deleteConfirmation .listInner{ background: #FAE5E5 !important; padding: 4px 11px; }
.deleteConfirmation .itemTitle, .deleteConfirmation .attachC, .deleteConfirmation .index, .deleteConfirmation .attachmentsContainer, .deleteConfirmation .remove{ display: none !important; }
.edit #theList li.deleteConfirmation .listInner .deleteConfirm{ margin-left: 84px; float: left; font-size: 16px; line-height: 30px; }
.edit #theList .deleteConfirmation .listInner .deleteOptions{ float: right; line-height: 30px; }
.edit #theList .deleteConfirmation .listInner .deleteOptions li{ float: left; font-size: 12px; padding: 0 4px; }
.edit #theList .deleteConfirmation .listInner .deleteOptions li a{ color: #333; }
.edit #theList li.deleteConfirmation{ opacity:1; }
.edit #theList.beingEdited .deleteConfirmation .listInner:hover{ background: #FAE5E5; padding: 4px 11px; }
/**** newItem options *****/
.newItem .remove{ display: none !important; }
/**** insert styles ****/
.edit a.insert{ text-indent: -9999em; display: block; width: 700px; position: absolute; bottom:-10px; z-index: 2; line-height: 12px; height: 12px; font-size: 11px; text-decoration: none; overflow: hidden; padding: 2px 0 2px 95px; }
.edit a.insert span{ background: #fff; }
.edit a.insert:hover{ text-indent: 0; background: transparent url(../images/insert_back.gif) 0 center repeat-x; }
.edit #theList .blankListItem a.insert, .edit #theList .blankListItem a.insert:hover{ display: none; }
.edit .insertTopC{ position: relative; height: 0; overflow: visible; }
.edit a.insert-top{ text-indent: -9999em; display: block; width: 700px; position: absolute; bottom:-5px; z-index: 2; line-height: 12px; height: 12px; font-size: 11px; text-decoration: none; overflow: hidden; padding: 2px 0 2px 95px; }
.edit a.insert-top span{ background: #fff; }
.edit a.insert-top:hover{text-indent: 0; background: #fff url(../images/insert_back.gif) 0 center repeat-x; }
.edit #theList.beingEdited a.insert, .edit .beingEdited a.insert-top{ display: none !important; }
/**** dragging styles *****/
.edit #theList.is-sorting .listInner:hover{ background-color: #fff; }
.edit #theList li.placeholder{ height: 10px; background: url(../images/insert_back.gif) 0 top repeat-x; position: absolute; width: 795px; }
.edit #theList.is-sorting .remove{ display: none !important; }
.edit #theList.is-sorting .listInner:hover .attachC .twrl, .edit #theList.is-sorting .listInner:hover .attachC .attachments.empty{ display: none; }
.edit #theList li.ui-sortable-helper{ width: 795px; }
.edit #theList.is-sorting li.ui-sortable-helper .listInner, .edit #theList.is-sorting li.ui-sortable-helper .listInner:hover{ background-color: #fff8ac; }
.drag-original{ opacity:.25; display: list-item !important; }
.edit #theList.is-sorting a.insert, .edit #theList.is-sorting a.insert-top{ display: none !important; }
/***** steps styles ******/
h3.stepH{ font-size: 18px; padding: 0 0 0 48px; display: none; }
.titleStep .titleStep h3.stepH{ font-size: 24px; display: block; }
.descriptionStep .descriptionStep h3.stepH{ display: block; padding: 0 0 0 60px; }
.listStep .listStep h3.stepH{ display: block; }
.newList .listStep, .newList .descriptionStep{ display: none; }
.newList{ padding: 25px 0 0;}
.descriptionStep .descriptionStep, .listStep .descriptionStep{ display: block; }
.listStep .listStep{ display: block; }
.next{ float: left; font-weight: bold; font-size: 14px; padding: 7px 0 0; display: none; }
.caption{ font-size: 12px; color: #9a9468; padding: 5px; display: none; }
.titleStep .titleStep .caption, .titleStep .titleStep .next, .descriptionStep .descriptionStep .caption, .descriptionStep .descriptionStep .next, .listStep listStep .caption, .listStep .listStep .next{ display: block; }
.titleStep .titleStep #editTitle input{ font-size: 24px; }
.newList .editFoot .finish, .editFoot .titleStep, .editFoot .descriptionStep, .editFoot .listStep{ display: none; }
.listStep .editFoot .listStep{ display: block; }
.descriptionStep .editFoot .descriptionStep{ display: block; }
.titleStep .editFoot .titleStep{ display: block; }
.newList .doneFinishOptions a{ margin: 0 0 0 10px; }
.titleStep .editFoot{ background: url(../images/characters/title_step.png) 0 0 no-repeat; width: 517px; height: 116px; padding: 8px 20px 60px 153px; margin: 20px 0 0 58px; }
.titleStep .editFoot .titleStep{ padding: 15px 25px; }
.descriptionStep .editFoot{ background: url(../images/characters/description_step.png) 0 0 no-repeat; width: 326px; height: 90px; padding: 20px 2px 36px 188px; margin: 20px 0 0 58px; }
.descriptionStep .editFoot .descriptionStep{ padding: 12px 20px; }
.descriptionStep .editFoot .descriptionStep p{ margin: 0; }
.listStep .editFoot{ background: url(../images/characters/list_step.png) 0 0 no-repeat; width: 359px; height: 37px; padding: 42px 2px 80px 132px;
position: relative; top: -28px; z-index: 2; margin: 0 0 -28px 21px;
}
.listStep .editFoot .listStep{ padding: 18px; }
.editFoot{ overflow: hidden; padding: 3px 100px 65px 142px; background: url(../images/characters/finish_list.png) 0 0 no-repeat; width: 340px; height: 66px; margin: 0 0 0 58px; font-size: 18px; font-style: italic; font-family: Georgia, serif; color: #363024; }
.editFoot .finish{ overflow: hidden; padding: 18px 0 0 18px; }
.editFoot .finish .text, .editFoot .finish .button{ float: left; vertical-align: middle; }
.editFoot .finish .button{ margin: 0 5px; }
.editFoot .finish .text{ padding: 4px 0 0; }
.editFoot p{ margin: 0 0 5px; }
.editFoot ul{ font-size: 14px; }
.editFoot ul li{ padding: 0 0 0 12px; background: url(../images/foot_bullet.png) 0px center no-repeat; }
/* #content.preview #contentWrap{ float: left; width: 62.9167em; margin: 0 0 0 80px; } */
/* padding: 0 0 0 2.5em; */
/*
#content.preview .listHead{ overflow: hidden; }
#content.preview .listHead .gravatar{ width: 4.1667em; height: 4.1667em; float: left; margin: 0.4167em .75em .75em 0; }
#content.preview .listHead h2{ font-size: 3.5em; line-height: 1; color: #aebf42; margin: 0 0 0 1.4048em; }
#content.preview .listHead .cr{ margin: 0 0 0 4.9167em; }
#content.preview .by{ color: #fff; margin: 0 auto 1.5em ; overflow: auto; width: 39.375em; padding: 0 0 0 3.7em; }
#content.preview .by img{ float: left; }
#content.preview .by .cr{ float: left; padding: 15px 5px 0 }
#content.preview .listDescription{ color:#DBEA7C; font-size:1.5em; }
.preview #theList{ font-size: 1.1667em; }
.preview #theList li.listItem{ margin: 0 0 1.75em; overflow: hidden; clear: both; }
.preview .itemTitle{ margin: 0 0 0.375em; overflow: hidden; }
.preview .itemTitle .index{ float: left; font-size: 1.2857em; overflow: hidden; }
.preview .itemTitle .index span{ display: block; float: right; width: 1.7778em; height: 1.5em; margin-right: 0.3889em; background: url(../images/list_index_back.png); color: #000; font-weight: bold; text-align: center; line-height: 1.5em; }
.preview .itemTitle h3{ width: 27.9994em; float: left; font-size: 1.4286em; }
.preview .listItemContent{ margin-left: 2.85em; padding: 1em; background: transparent url(../images/trans20percentblank.png); overflow: hidden; }
.preview .listItemContent p{ line-height: 1.3em; }
.preview .extras{ width: 24.998em; float: right; margin: 0 0 1.5em 1.5em; font-size: .8571em; padding: 1em 1em 0; background: transparent url(../images/trans20percentblank.png); }
.preview .noDescription{ float: left; }
.preview .noDescription .extras{ float: none; margin: 0; }
.preview .extras li{ padding: 0 0 1em; }
.preview .extras .videoContainer{ width: 24.998em; height: 20.2337em; padding-bottom: .9em; }
.preview .extras .videoContainer embed, .preview .extras .videoContainer object{ width: 100% !important; height: 100% !important; }
.preview .extras p{ margin: 0; }
*/
#content.preview{ opacity: 1; padding: 0 0 65px; width: 900px; position: relative; }
#content.preview .mainContent{ position: relative; z-index: 1; width: 480px; margin: 0 0 0 30px; float: left; padding: 30px;
background: #fff url(../images/edit_background2.png) 2px 0 repeat-x; color: #373737; font-size: 14px; line-height: 18px; }
#content.preview .mainContent a{ color: #64720e; }
#content.preview .mainContent h1{ font-size: 40px; font-weight: bold; color: #363024; line-height: 1.2; }
#content.preview .mainContent .sheetBottom{ height: 6px; width: 540px; position: absolute; left: 0; bottom: -6px; background: url(../images/sheet_bottom.png) 0 0 no-repeat; }
#content.preview .listDescription{ padding: 15px 0; }
#content.preview #theList{ }
#content.preview #theList > li{ border-top: 1px solid #cacac7; padding: 19px 0 20px; position: relative; width: 480px; float: left; }
#content.preview #theList h2{ font-size: 22px; font-weight: bold; color: #363024; }
#content.preview #theList .index{ display: block; position: absolute; width: 37px; height: 30px; padding: 8px 0 0; top:10px; left: -42px;
font-size: 20px; font-weight: bold; text-align: center; color: #fff; line-height: 1; background: url(../images/index_back.png) 0 0 no-repeat; }
#content.preview #theList .attachments{ margin: 15px 0 0; overflow: hidden; }
#content.preview #theList .visuals{ }
#content.preview #theList .withDescription{ float: right; width: 280px; margin: 0 0 0 10px; }
#content.preview #theList .visuals li.video{ width: 480px; height: 390px; }
#content.preview #theList .withDescription li.video{ width: 280px; height: 230px; }
#viewSidebar{ width: 218px; padding: 25px 0 0 30px; float: left; font-size: 12px; color: #706857; opacity:.6; -moz-opacity: .6; }
#viewSidebar.active{ opacity: .9999; -moz-opacity: .9999; }
#viewSidebar a{ text-decoration: none; color: #aebf42; }
#viewSidebar h3{ font-size: 18px; font-weight: bold; margin: 0 0 10px; }
#viewSidebar h4{ font-size: 12px; font-weight: bold; line-height: 1.5; }
#viewSidebar .userInfo{ overflow: hidden; padding: 0 0 20px; }
#viewSidebar .userInfo .avatar{ float: left; margin: 0 15px 15px 0;}
#viewSidebar .listMeta{ border-top: 1px solid #443c2b; border-bottom: 1px solid #443c2b; padding: 10px 0 0; margin: 0 0 10px; }
#viewSidebar .listMeta ul{ padding: 0 0 10px; }
#viewSidebar .listMeta ul li{ padding: 0 0 10px; }
#viewSidebar .listMeta strong{ display: block; font-size: 12px; }
#viewSidebar .theList{ margin: 0 0 10px;}
#viewSidebar .theList li{ overflow: hidden; }
#viewSidebar .theList .index{ display: block; width: 23px; height: 20px; float: left; margin: 0 5px 5px 0; padding: 3px 0 0;
text-align: center; font-size: 12px; color: #fff; font-weight: bold; background: url(../images/index_back_small.png) 0 0 no-repeat; }
#viewSidebar .theList h2{ font-size: 14px; color: #fff; font-weight: normal; padding: 2px 0 0; }
#viewSidebar .theList h2 a{ color: #fff; }
#viewSidebar .tempList h1{ font-size: 16px; font-weight: bold; color: #fff; margin: 0 0 5px; }
#viewSidebar #viewCount{ font-size: 16px; color: #c86594; margin: 0 0 15px; font-weight: bold; }
#content.preview #commentsContent{ display: none; }
#content.preview #commentsContent h3{ font-size: 24px; float: left; color: #8f8f8f; margin: 20px 0 0; }
#comments{ clear: both;}
#comments li{ border-bottom: 1px solid #cacac7; padding: 20px 0 0; overflow: hidden; font-size: 12px; }
#comments .avatar{ width: 40px; height: 40px; margin: 0 10px 10px 0; float: left; }
#comments h4{ margin: 0 0 5px; line-height: 16px; }
#comments h4 a{ font-size: 16px; font-weight: bold; text-decoration: none; }
#comments h4 span{ font-size: 11px; color: #676767; }
.commentForm{ padding: 1.5em 0; border-bottom: 1px solid #cacac7; }
.commentForm textarea{ font-size: 1em; padding: 5px; border: 1px solid #cacac7; background: #f5f5f4; width: 468px; }
.commentForm textarea:focus{ background: #fff; }
.commentFormFooter{ padding: .8em 0; overflow: hidden; }
.commentForm .commentFormFooter button{ float: right; font-size: 1em; }
#commentsContent .close{padding: 5px 0; text-align: right; }
#commentsContent .close.top{ float: right; padding: 0; margin: 22px 0 0; }
#commentsContent .close a{ font-size: 11px; text-decoration: none; }
.draftMessage{ width: 540px; margin: 0 0 0 112px; position: relative; z-index: 10; }
.draftMessage .instructions{ margin: 0 0 0 155px; background: #fff; padding: 15px 20px; color: #363024; position: relative; font-size: 18px; font-style: italic; font-family: Georgia, serif; }
.draftMessage .instructions .arrow{ width: 0; height: 0; line-height: 0; border-bottom: 16px solid transparent; border-right: 26px solid #fff; position: absolute; left:-26px; bottom: 18px; }
.draftMessage .action{ text-align: right; padding: 10px 0; font-size: 14px; }
.draftMessage .action button{ display: inline; }
.draftMessage .character{ display: block; width: 143px; height: 170px; background: url(../images/characters/draft.png) 0 0 no-repeat; position: absolute; bottom:-21px; left: 15px; }
.publishedMessage{ background: #dbea7c; position: relative; padding: 15px; margin: 0 0 20px; color: #363024; }
.publishedMessage .instructions{ margin: 0 0 0 153px; background: #fff; padding: 15px 20px; position: relative; border: 2px solid #c6c6c6; width: 240px; float: left; font-size: 18px; font-style: italic; font-family: Georgia, serif; }
.publishedMessage .instructions .arrow{ width: 0; height: 0; line-height: 0; border-bottom: 14px solid transparent; border-right: 25px solid #c6c6c6; position: absolute; left:-27px; bottom: 35px; }
.publishedMessage .instructions .arrow span{ width: 0; height: 0; line-height: 0; border-bottom: 9px solid transparent; border-right: 18px solid #fff; position: absolute; right: -25px; bottom: -11px; }
.publishedMessage .instructions .arrow span span{ border-right: 2px solid #fff; border-top:2px solid #c6c6c6; border-bottom: 2px solid #c6c6c6; height: 9px; right: -20px; bottom: -11px; }
.listInfo{ float: left; margin: 0 0 0 32px; width: 378px; font-size: 14px; }
.listInfo input{ border: 1px solid #a4a4a4; font-size: 14px; color: #373125; width: 330px; padding: 2px; margin: 0 0 8px;}
a.close{ float: left; display: block; width: 23px; height: 21px; background: url(../images/buttons/close.png) 0 0 no-repeat; text-indent: -9999px; }
.publishedMessage .character{ display: block; width: 129px; height: 158px; background: url(../images/characters/published.png) 0 0 no-repeat; position: absolute; bottom:-17px; left: 15px; }
#follow{ margin: 0 0 10px; }
#follow .followThis{ display: block; width: 134px; height: 28px; background: url(../images/buttons/follow_this_list.png) 0 0 no-repeat; text-indent: -9999px; }
#follow .following{ padding: 0 0 0 24px; background: url(../images/follow_star.png) 2px 2px no-repeat; }
#followUser{ margin: 0 0 10px; }
#followUser .followThis{ display: block; width: 157px; height: 28px; background: url(../images/buttons/follow_this_person.png) 0 0 no-repeat; text-indent: -9999px; }
#followUser .following{ padding: 0 0 0 24px; background: url(../images/follow_star.png) 2px 2px no-repeat; }
/*--
----
--Footer
----
--*/
#foot{ color: #828282; font-size: 11px; width: 900px; margin: 0 auto; padding: 0 0 20px; position: relative; z-index: 1; }
#foot a{ color: #6e7a1d; }
#foot .actOpt{ position: absolute; right: 0; top: 0;}
/*--
----
--Home page
----
--*/
#content.home{ color: #000; width:900px; padding: 0; margin: 0 auto; background: url(../images/homepage_back.png) center -100px no-repeat; }
/* background: #fff url(../images/edit_background2.png) 0 0 repeat-x; */
.home a{ color: #95a433; }
.home a:hover{ color: #829123; }
.home .homeIntro{ padding: 20px 20px 25px 284px; background: url(../images/characters/home_page.png) 20px bottom no-repeat; }
.home .wordBubble{ margin: 0 0 20px 0; padding: 20px; background: #fff; position: relative; }
#content.home .wordBubble h2{ font-size: 36px; font-weight: bold; line-height: 36px; margin: 0 0 10px; }
#content.home .wordBubble p{ font-size: 14px; margin: 0; padding: 0; line-height: 18px; }
.wordBubble .spa{ background: url(../images/characters/quote_arrow.png) 0 0 no-repeat; width: 26px; height: 16px; display: block; position: absolute; bottom: 20px; left: -26px; }
#content.home .homeIntro h3{ font-size: 18px; color: #fff; }
#content.home .homeIntro form{ background-color: #fff8ac; padding: 10px; }
#content.home .homeIntro form input{ float: left; font-size: 18px; border: 1px solid #a7a7a3; padding: 3px; margin: 0px 0 0; width: 427px; }
#content.home .homeIntro form button{ float: right; }
#content.home .homeIntro .caption{ display: block; clear: both; padding: 0; }
#content.home #contentWrap{ background: #fff; width: 900px; overflow: visible; position: relative; margin: 0 0 20px; }
#content.home .contentWrapInner{ background: url(../images/shadow_paper.png) 0 0 repeat-x transparent; padding: 27px 20px 0; position: relative; top:-14px; overflow: hidden; }
#content.home .contentWrapInner h2{ border-bottom: 1px solid #bbc1c7; color: #363024; font-size: 14px; font-weight: bold; margin: 0 0 10px; }
#content.home .existing h2{ font-size: 24px; }
#content.home .contentWrapInner a{ color: #6e7a1d; }
#content.home .existing{ }
.home .homeMore{ background: #e3edf9; margin: 0 25px 25px; padding: 25px 0 0 25px; }
.home .existing .exLists{ overflow: auto; }
.home .existing .exLists li{ float: left; padding: 0 0 20px 20px; width: 200px; overflow: hidden; }
.home .existing .exLists li.nl{ clear: left; padding: 0 0 20px; }
.home .existing .exLists li .avatar{ float: left; margin: 3px 0 0; }
#content.home .existing .exLists li h3{ font-size: 14px; margin: 0 0 0 55px; line-height: 19px; }
#content.home .existing .exLists li h3 a{ text-decoration: none; }
#content.home .existing .exLists li .by{ font-size: 11px; text-align: left; margin: 0 0 0 55px; }
#content.home .existing .exLists li .by a{ text-decoration: underline; }
.home .meta{ width: 640px; overflow: hidden; float: left; }
#content.home .meta h2{ margin: 0; }
.tagCloud ul{ overflow: hidden; padding: 10px 0 20px; }
.tagCloud ul li{ padding: 0 11px 6px 0; float: left; }
#content.home .tagCloud a{ font-weight: bold; text-decoration: none; }
.home .meta .col{ width: 200px; float: left; padding: 0 0 0 20px; }
.home .meta .first{ padding: 0; }
.home .meta .col ul{ padding: 10px 0; }
.home .meta .col li{ padding: 0 0 10px; }
.home .meta .col h3{ font-size: 12px; }
.home .meta .col h3 a{ text-decoration: none; }
.home .meta .col div{ font-size: 11px; }
.home .aside{ width: 200px; float: left; padding: 0 0 0 20px; }
.searchForm{ padding: 0 0 20px; }
.searchForm fieldset{ overflow: hidden; }
.searchForm input{ border: 1px solid #a7a7a7; background: url(../images/input_background.gif) 0 0 no-repeat; font-size: 12px; padding: 3px; margin: 1px 0 0; width: 160px; float: left; }
.searchForm button{ width: 24px; height: 24px; background: url(../images/buttons/search.png) 0 0 no-repeat; border: 0; padding: 0; margin: 0; text-indent: -9999px; float: right; }
#content.home .aside h2.profile{ border-bottom: 0; margin: 0; }
.home div.profile{ background: #e8e8e8; padding: 10px; margin: 0 0 5px; }
.home .profile h3{ font-size: 14px; padding: 3px 0; margin: 5px 0 0; }
.home .profile .userInfo{ overflow: hidden; border-bottom: 1px solid #bbc1c7; padding: 0 0 5px;}
.home .profile .userInfo h3{ margin: 0 0 4px; padding: 0 0 3px; }
.home .profile .userInfo .avatar{ float: left; margin: 0 5px 5px 0; }
.home .profile .userLists{ font-weight: bold; margin: 0; }
.home .profile .userLists li{ padding: 0 0 6px; }
.home .profile a.more{ font-size: 11px; }
.home .profile .activity{}
.home .profile .activity li{ padding: 0 0 6px 15px; background-image: url(../images/profile_activity_icons.png); background-repeat: no-repeat; }
.home .profile .activity li.comment{ background-position: -28px 4px; }
.home .profile .activity li.remade{ background-position: 0 -28px; }
.home .profile .activity a{ text-decoration: none; }
.home .profile .activity a:hover{ text-decoration: underline; }
#content.home .sheetBottom{ height: 6px; width: 900px; position: absolute; left: 0; bottom: -6px; background: url(../images/sheet_bottom.png) 0 0 repeat-x; }
/*--
----
--Info Pages (privacy, etc.)
----
--*/
#content.info{ background: #fff url(../images/edit_background2.png) 0 0 repeat-x; color: #000; width:835px; padding: 20px 0 0; }
#content.info #contentWrap{ padding: 40px; width: 755px; }
.info a{ color: #95a433; }
.info a:hover{ color: #829123; }
#content.info h2{ font-size: 30px; font-weight: bold; }
#content.info h3{ font-size: 18px; font-weight: bold; }
#content.info p{ font-size: 14px; line-height: 1.5; }
/*--
----
--listTools
----
--*/
.preview #listTools{ width: 82px; float: left; }
.preview #listTools li{ opacity:.6; -moz-opacity: .6; }
.preview #listTools li.active{ opacity:.9999 !important; -moz-opacity: .9999 !important; }
.preview #listTools li a{ color: #aebf42; display: block; width: 80px; text-align: center; font-weight: bold; text-decoration: none; padding: 12px 0; }
.preview #listTools li a span{ display: block; height: 35px; background-image: url(../images/list_tools/list_tools.png); margin: 0 0 5px; background-repeat: no-repeat; }
/*
.preview #listTools .topic span{ background-image: url(../images/list_tools/topic.png); height: 37px; }
.preview #listTools .topic:hover span{ background-position: center -37px; }
.preview #listTools .comments span{ background-image: url(../images/list_tools/comments.png); height: 35px; }
.preview #listTools .comments:hover span, .preview #listTools .comments.active span{ background-position: center -35px; }
*/
.preview #listTools .topic span{ background-position: center 0; }
.preview #listTools .comments span{ background-position: center -70px; }
.preview #listTools .share span{ background-position: center -105px; }
.preview #listTools .export span{ background-position: center -140px; }
.preview #listTools .edit span{ background-position: center -175px; }
.preview #listTools .remake span{ background-position: center -35px; }
/*--
----
--Styles for different view modes
----
--*/
#content.comments .commentContainer{ display: block; }
#content.comments .listContainer{ font-size: .45em; }
.commentContainer{ display: none; float: right; width: 33.6em; }
.listContainer{ float: right; width: 60.4167em; padding: 0 0 0 2.5em; }
.social{ overflow: hidden; height: 24px; }
.social li{ width: 24px; float: left; margin: 0 3px 0 0; }
.social li a{ display: block; width: 24px; height: 24px; background-image: url(../images/social_chicklets.png); background-repeat: no-repeat; text-indent: -99999px; opacity:.75; -moz-opacity: .75; }
.social a:hover{ opacity: 1; }
.social .twitter{ background-position: -240px 0; }
.social .facebook{ background-position: -48px 0; }
.social .myspace{ background-position: -144px 0; }
.social .digg{ background-position: -288px 0; }
.social .delicious{ background-position: -24px 0; }
.social .reddit{ background-position: -168px 0; }
.social .stumbleupon{ background-position: -192px 0; }
/*--
----
--Comments
----
--*/
/*
.commentContainer{ background: #edeceb; color: #000; overflow: hidden; position: relative; }
.commentContainer .commentWrap{ padding: 2em 1em; }
.comments a{ color: #95A433; }
.comments a:hover{ color: #829123; }
.comments h3{ font-size: 1.3333em; }
.commentNav{ padding: .8em 0; text-align: center; }
.commentList{ border-bottom: 1px solid #c6c6c5;}
.commentList li{ overflow: hidden; padding: 10px; border-top: 1px solid #c6c6c5; }
.commentList li .gravatar{ float: left; margin: 0 .8em .8em 0; width: 3.3333em; }
.commentList li .c{ margin: 0 0 0 4.133em; }
.commentContainer .close-top, .commentContainer .close-bottom{ position: absolute; font-size: .8em; right: .5em; color: #999; }
.commentContainer .close-top{ top: .5em; }
.commentContainer .close-bottom{ bottom: .5em; }
*/
/*--
----
--Publishing, deleting
----
--*/
#content .publishing{ padding: 40px 150px; }
#content .publishing h2{ font-size: 24px; font-weight: bold; }
#content .publishing h3{ padding:20px 0 0; }
#content .publishing p{ }
#content .note{ color: #808080; }
.publishing .publishFooter{ overflow: auto; text-align: right; float: right; }
.publishing .publishFooter .text{ float: left; padding: 9px 0 0 5px; }
.publishing .publishFooter .text a{ color: #a4a790; }
.publishing .publishFooter .button{ float: left; text-align: left; }
.publishing .urlInput{ font-size: 12px; width: 342px; border: 1px solid #ccc; padding: 3px; }
/*--
----
--Profile
----
--*/
#content.profile{ background: #fff url(../images/edit_background2.png) 0 0 repeat-x; color: #000; }
.profile .avatarC{ float: left; margin: 0 10px 10px 0; text-align: center; }
.profile .avatarC h3{ font-size: 14px; }
.profileHead{ overflow: hidden; margin: 0 0 0 85px; }
#content .profileHead h2{ margin: 0; font-size: 34px; }
.profileHead dl.info{ margin: 10px 0 40px; overflow: hidden; clear: both; }
.profileHead dl.info dt{ float: left; clear: left; padding: 4px 5px 0 0; font-weight: bold; }
.profileHead dl.info dd{ float: left; padding: 4px 0 0; }
.profileHead dl.info dd p{ margin: 0; }
.profileHead a.settingsLink{ vertical-align: bottom; font-size: 11px; margin: 0 5px 0 0; }
.profile h3{ font-size: 16px; }
.profile a{ color: #95a433; }
.profile a:hover{ color: #829123; }
.profileMain{ margin: 0 0 0 85px; }
.userLists{ margin: 0 0 30px; line-height: 16px; }
.userLists a{ text-decoration: none; }
.userLists a:hover{ text-decoration: underline; }
.userLists a.deleteList{ color:#FC7F7F; }
.userLists td, th{ padding: 8px 30px 8px 0; }
.userLists tr.alt td, .userLists tr.alt th{ background-color: #e6f0f9; }
.userLists th{ font-weight: bold; font-size: 14px; }
.userLists th a{ color: #315e85; }
.userLists td{ font-size: 12px; }
.userLists td .tools{ overflow: hidden; }
.userLists td .tools li{ float: left; padding: 5px; }
.profile .note{ margin: 0; }
.optionsForm{ overflow: hidden; }
.optionsForm fieldset{ padding: 20px 0; border-bottom: 1px solid #cad6e8; }
.optionsForm dl{ overflow: hidden; }
.optionsForm dt{ width: 120px; float: left; clear: both; text-align: right; padding: 0 5px 0 0; line-height: 30px; font-size: 12px; font-weight: bold; }
.optionsForm dd{ margin: 0 0 10px 125px; line-height: 30px; overflow: auto; }
.optionsForm dd div{ width: 310px; float: left; }
.optionsForm dd input, .optionsForm dd textarea{ font-size: 14px; width: 300px; padding: 3px; border: 1px solid #CCC; }
.optionsForm dd label input{ width: auto; padding: 0; border: 0 none; }
.optionsForm dd input.error, .optionsForm dd textarea.error{ border: 1px solid #f99; }
.optionsForm dd p.note{ margin: 0 0 0 310px; width: 205px; padding: 2px 5px 5px; font-size: 11px; line-height: 14px; text-align: left; }
.optionsForm dl.avatar dt{ padding: 15px 0 0; }
.optionsForm dl.avatar dd{ margin: 0 0 0 125px; }
.optionsForm dd div.avatar{ width: 50px; padding: 5px; line-height: 18px; }
.optionsForm dd div.avatar img{ display: block; }
.optionsForm dd div.avatar span{ display: block; text-align: center; font-size: 11px; }
.optionsForm dl.avatar dd div.text{ width: 230px; overflow: hidden; padding: 15px 0 0 20px; }
.optionsForm dl.avatar dd div.text button{ float: left; }
.optionsForm dl.avatar dd p.note{ padding: 17px 5px 5px; }
.optionsForm dl.avatar .loading{ display: none; background: url(../images/loading_16px.gif) 0 center no-repeat; height: 16px; line-height: 16px; padding: 0 0 0 18px; }
.optionsForm ul.error{ color: #cc0000; font-weight: bold; }
.buttonContainer{ line-height: 30px; overflow: hidden; text-align: right; padding: 10px 0; float: right; margin: 0 360px 0 0; }
.buttonContainer button{ float: left; }
.buttonContainer .text{ float: left; }
/*--
----
--Not Found/404
----
--*/
.notFound{ padding: 100px 0; }
#content .notFound h2{ font-size: 30px; }
#content .notFound p{ padding: 20px; font-size: 16px; }
/*--
----
--widgEditor
----
--*/
.widgToolbar{ background: #ececec; padding: 4px 5px; height: 22px; }
.widgToolbar li{ width: 25px; height: 22px; float: left; margin: 0 7px 0 0; }
.widgToolbar li a{ display: block; width: 25px; height: 22px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; }
.widgToolbar li a:active, .widgToolbar li.on a{ background-position: 0 -44px; }
.widgToolbar li a:hover{ background-position: 0 -22px; }
.widgToolbar li a.widgButtonBold{ background-image: url(../images/buttons/w_bold.gif); }
.widgToolbar li a.widgButtonItalic{ background-image: url(../images/buttons/w_italic.gif); }
.widgToolbar li a.widgButtonStrike{ background-image: url(../images/buttons/w_strike.gif); }
.widgToolbar li a.widgButtonLink{ background-image: url(../images/buttons/w_link.gif); }
.widgToolbar li a.widgButtonHTML{ background-image: url(../images/buttons/w_link.gif); }
/*--
----
--Buttons
----
--*/
a.button, button.button{ display: block; height: 33px; background-position: 0 -1px; background-repeat: no-repeat; background-color: transparent; text-indent: -9999em; border: 0px none; padding: 0; margin: 0; cursor: pointer; }
a.button:hover, button.button:hover{ background-position: 0 -35px; }
a.done{ background-image: url(../images/buttons/done.png); width: 74px; }
a.make-a-list{ background-image: url(../images/buttons/make_a_list.png); width: 153px; }
a.ok{ background-image: url(../images/buttons/ok.png); width: 57px; }
a.sign-in, button.sign-in{ background-image: url(../images/buttons/sign_in.png); width: 87px; }
a.sign-up{ background-image: url(../images/buttons/sign_up.png); width: 95px; }
a.get-password{ background-image: url(../images/buttons/get_password.png); width: 143px; }
a.continue, button.continue{ background-image: url(../images/buttons/continue.png); width: 103px; }
a.save{ background-image: url(../images/buttons/save_s.png); width: 72px; height: 32px; }
a.publish, button.publish{ background-image: url(../images/buttons/publish.png); width: 128px; height: 34px; }
a.delete{ background-image: url(../images/buttons/delete.png); width: 82px; }
a.log-in{ background-image: url(../images/buttons/log_in.png); width: 115px; }
button.save-changes{ background-image: url(../images/buttons/save_changes.png); width: 113px; }
button.submit{ background-image: url(../images/buttons/submit.png); width: 85px; }
button.remove{ background-image: url(../images/buttons/remove.png); width: 80px; }
button.replace{ background-image: url(../images/buttons/replace.png); width: 80px; }
button.upload{ background-image: url(../images/buttons/upload.png); width: 76px; }
button.submit-feedback{ background-image: url(../images/buttons/submit_feedback.png); width: 131px; }
/*--
----
--modal styles
----
--*/
#modalContainer{ }
.modalInner .slide{ display: none; }
.modalOverlay{ }
.modalContainer{ background: transparent; left:50%; margin-left:-240px; top:15%; width:488px; }
.remakeModalContainer{ width: 600px; margin-left: -300px; }
.modalWrap{ background: url(../images/modal_back.png) 0 0 repeat-y; padding: 0 11px; color: #363024; }
.modalInner{ border-style: solid; border-color: #fff; border-width: 0 1px 1px; padding: 0 18px 10px; background: #fff url(../images/modal_inner_back.png) 0 0 repeat-x; min-height:130px; }
.modalInner h2{ font-size: 24px; font-weight: bold; }
.modalInner a{ color: #95a433; }
.modalInner a:hover{ color: #829123; }
.modalInner .c{ text-align: right; }
.modalInner form{ padding: 10px 0; }
.modalInner legend{ font-size: 14px; font-weight: bold; }
.modalInner dl{ padding: 10px 0 0; }
.modalInner dt{ font-size: 12px; }
.modalInner dd{ vertical-align: middle; padding: 0 0 10px; }
.modalInner input{ font-size: 12px; padding: 3px; border: 1px solid #7f7f7f; width: 223px; }
.modalInner .submitContainer{ padding: 10px 0 0; overflow: auto; }
.modalInner .submitContainer .modal-submit{ float: left; }
.modalInner .submitContainer .info{ float: right; font-size: 11px; padding: 13px 0 0; }
.modalInner .submitContainer .info a{ color: #363024; }
.modalInner .error{ padding: 10px 0 0; color: #c00; font-weight: bold; }
.modalInner .newListHead{ overflow: hidden; font-size: 14px; }
.modalInner .newListHead span{ float: left; display: block; line-height: 50px; margin: 0 5px 10px 20px; }
.modalInner .newListHead .choices{ float: left; }
.modalInner .newListHead .choices li{ padding: 3px 0; }
.modalInner .newListHead .choices input{ vertical-align: top; }
.modalInner .remakeList{ overflow: hidden; }
.modalInner .newList{ overflow: hidden; }
.modalInner .new .newListOption{ display: none; }
.modalInner .newListOption{ background-color: #e8f2d5; padding: 20px; width: 169px; float: left; text-align: center; }
.modalInner .r{ margin-left: 10px; }
.modalInner .newListOption a{ font-size: 16px; color: #000; }
.modalInner .newListOption p{ margin: .7em 0 0; }
.modalInner .newListTopic{ background-color: #e8f2d5; padding: 20px; }
.modalInner .remake .newListTopic{ display: none; }
.modalInner iframe{ overflow: hidden; }
.modalFoot{ height: 22px; background: url(../images/modal_foot.png) 0 0 no-repeat; }
.ui-dialog-titlebar{ height: 24px; background: url(../images/modal_head.png) 0 0 no-repeat; }
.ui-dialog-titlebar *{ display: none !important; }
.ui-custom-overlay{ position: absolute; z-index: 10; top:0; left:0; width: 5000px; height: 1000px; }
/*--
----
--follow star
----
--*/
a.followStar{ display: inline-block; width: 14px; height: 13px; background-image: url(../images/follow_sprite.png); background-position: 0 -13px; text-indent: -9999px; overflow: hidden;}
a.notFollowing{ background-position: 0 0; }
a.followStar:hover{ background-position: 0 -26px; }
.SI-FILES-STYLIZED label.cabinet
{
width: 108px;
height: 29px;
background: url(../images/buttons/choose_a_file.png) 0 0 no-repeat;
display: block;
overflow: hidden;
cursor: pointer;
}
.SI-FILES-STYLIZED label.cabinet:hover{
background: url(../images/buttons/choose_a_file.png) 0 -29px no-repeat;
cursor: pointer;
}
.SI-FILES-STYLIZED label.cabinet input.file
{
position: relative;
height: 100%;
width: auto;
opacity: 0;
-moz-opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
cursor: pointer;
}
.SI-FILES-STYLIZED .avatar label.cabinet
{
width: 76px;
height: 29px;
background: url(../images/buttons/upload.png) 0 0 no-repeat;
display: block;
overflow: hidden;
cursor: pointer;
}
.SI-FILES-STYLIZED .avatar label.cabinet:hover{
background: url(../images/buttons/upload.png) 0 -34px no-repeat;
cursor: pointer;
}
/*
.SI-FILES-STYLIZED label.cabinet input.file
{
position: relative;
height: 100%;
width: auto;
opacity: 0;
-moz-opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
cursor: pointer;
}
*/
/*** safari styles ***/
@media screen and (-webkit-min-device-pixel-ratio:0){
.edit #theList .listInner .itemTitle input{ margin: 6px 0 0;}
}
/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
.editHead:after, .publishedMessage:after, #content:after, #theList:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.editHead, .publishedMessage, #content, #theList
{display: inline-block;}
/* Hides from IE-mac \*/
* html .editHead, * html .publishedMessage, * html #content, * html #theList
{height: 1%;}
.editHead, .publishedMessage, #content, #theList
{display: block;}
/* End hide from IE-mac */