/*accent blue #8ae6d8, orange #fe9502 */
/*menu*/
 .topOptions {margin-top:7px; margin-left:7px}
 .breadcrumb li a {color:#369!important}
 .breadcrumb li.B4 a {color:#369; font-weight:bold}
 .breadcrumb li a:hover {background:#e8e8e8}
 .breadcrumb li.B1 a {color:#fff!important}
 .breadcrumb li.B1 a:hover {color:#000!important; background:none}

/*links*/
 .newHyperA {color:#369!important; text-decoration:none!important}
 .newHyperA:hover {color:#25F!important; text-decoration:underline!important}
 .newHyper a {color:#369!important; text-decoration:none!important}
 .newHyper a:hover {color:#25F!important; text-decoration:underline!important}
 .newHyper small {color:#666}
 .newHyperNoUL a {color:#369!important; text-decoration:none}
 .newHyperNoUL a:hover {color:#25F!important; text-decoration:underline}
 .newHyperNoUL small {color:#666}
 .newHyperImp a {color:#369!important; text-decoration:none!important}
 .newHyperImp a:hover {color:#25F!important; text-decoration:underline!important}
 .newHyperImp small {color:#666}

 .infoGrey, .infoGrey span, .infoGrey th, .infoGrey dt {color:#666!important}
 .nobr {white-space:nowrap}

/*club*/
 .club2 {color:#f07080; font-weight:400; cursor:pointer}
 .club1 {color:#f07080; font-weight:800; cursor:pointer}
 .club3 {color:#0000f0; font-weight:800; cursor:pointer}
 .club4 {color:#06a030; font-weight:800; cursor:pointer} /*for new accounts, guest or trial*/

/*subscription*/ /* replaces a lot of viewmore class in style.pro.css but button used on /T/1.?/W/pro/home.html */
 .newsubs h3 {font-size:26px; color:#333; text-align:center}
 .newsubs th, .newsubs td {width:114px; border:1px solid #fff; text-align:center}
 .newsubs th {color:#fff; font-size:16px; font-weight:bold; padding:10px 0px; border-bottom:2px solid #000}
 .newsubs th.lefthand {width:274px; font-weight:normal; text-align:left; color:#000; padding:10px; border-right:2px solid #000}
 .newsubs td {vertical-align:middle; color:#333; font-size:18px}
 .newsubs td.lefthand {text-align:left; color:#fff; font-size:14px; padding-left:10px; border-right:2px solid #000}
 .newsubs td:first-child {color:#fff}
 .newsubs th.guest {color:#333}
 .newsubs tr.color0 th.std {background-color:#4579a8; font-weight:bold}
 
 .newsubs tr.color0 th {background-color:#6b9cc2}
 .newsubs tr.color0 th:first-child {background-color:#634625}
 .newsubs tr.color0 th.guest {background-color:#f5e09f}

 .newsubs tr.color1 {height:25px}
 .newsubs tr.color1 td {background-color:#b8cde4}
 .newsubs tr.color1 td:first-child {background-color:#402d17}
 .newsubs tr.color1 td.guest {background-color:#efdbbe}
 .newsubs tr.color1 td.std {background-color:#6e92bf; font-weight:bold}

 .newsubs tr.color2 {height:25px}
 .newsubs tr.color2 td {background-color:#dce6f1}
 .newsubs tr.color2 td:first-child {background-color:#634625}
 .newsubs tr.color2 td.guest {background-color:#f7eee0}
 .newsubs tr.color2 td.std {background-color:#aec4dc; font-weight:bold}

 .newsubs th s.icon, .newsubs td s.icon {background-color:transparent; width:17px; height:18px; background-repeat:no-repeat}
 .newsubs th s.yes, .newsubs td s.yes {background-image:url("/T/L/sprite.v2.main.png"); background-position:0px -400px}
 .newsubs th s.no, .newsubs td s.no {background-image:url("/T/L/sprite.v2.main.png"); background-position:-850px -500px}
 .newsubs th s.star, .newsubs td s.star {background-image:url("/T/L/sprite.v2.main.png"); background-position:-50px -500px}

 .newPriceList {background:url(/T/L/error/bg.png?v31750) repeat scroll 0 0 transparent; margin-top:12px; padding:10px 15px 30px; box-shadow:0 0 15px #333}
 .newPriceList p {margin:0px 5px 10px; font-size:13px; text-align:center}
 .newPriceList div p {margin:0px; text-align:left}
 .newPriceList .box {border:2px solid #fff; padding:5px}
 .newPriceList .trial {background-color:#93e0dd}
 .newPriceList .ext9 {background-color:#7da6d2; margin-bottom:20px}
 .newPriceList p.duration {font-size:21px}
 .newPriceList p.price {text-align:right; font-size:22px; font-weight:bold}

/*upload quota*/
 .quota_table table {width:100%}
 .quota_table td {text-align:right; color:#666}
 .quota_yellow {border:1px solid #fefabc!important}
 .quota_yellow div {background-color:#fefabc!important}

/*for explore.groups*/
 .newTitle a img {float:left; border:12px solid #eee; margin-bottom:6px}
 .newTitle h2 {padding:6px 10px; font-size:24px; border-bottom:1px solid #eee}
 .newTitle small {padding:15px 0 0 10px; vertical-align:middle}
 .newTitle small a {color:#369; text-decoration:underline}
 .newTitle small a:hover {color:#25F; text-decoration:underline}

/*for online.html and members.html over-rule member margin in main.v2.css*/
 .member {margin:10px 6px 10px 6px!important}
 .displayAll {float:right; height:22px; margin-right:10px; margin-top:5px; border:1px solid #ccc; border-radius:3px}

/*for doc.sizes.html*/
 .labelBox {background:#e8e8e8; border:1px dotted #ccc; padding:3px 15px 0px 10px; cursor:pointer}

/*for doc-edit-props.html and post-edit-props.html*/
 .tab-content {margin-top:-10px; margin-bottom:15px; min-height:220px; padding:10px; background-color:#f7f7f7; border-bottom:2px solid #e7e7e7}

/*for /list/posts.html*/
 .ccBorder {padding:0 10px; border-top:1px dotted #aaa!important}

/*for info banner and side panels*/
 #info_banner {height:23px; background-color:#369; border:4px solid #fe9502; border-radius:3px; display:none; position:relative; top:-10px}
 #inner_banner {width:978px}
 #info_text {height:23px; background:#369; color:#fff; font-size:1.5em; text-align:center; width:928px; padding:0; border:0; z-index:1; resize:none; overflow:hidden}
 .side_panel {width:calc(50% - 520px); height:100%; background-color:#fff; position:fixed; top:0; display:block}

/*for cookie consent*/
 #cookie_consent_outer {width:100%; height:5px; position:fixed; top:0; left:0}
 #cookie_consent_mid {height:85px; opacity:0.9; background-color:#369; border:4px solid #8ae6d8; border-radius:3px; width:90%; max-width:980px; margin:auto}
 #cookie_consent_text {color:#fff; background:transparent; font-size:14px; font-weight:bold; text-align:center; width:95%; max-width:980px; margin:5px 10px; border:0; resize:none; overflow:hidden}

/*display settings form*/
 .colorBox a {width:10px; height:12px}
 .colorBox a:hover {border:1px solid red!important; opacity:1!important; filter:alpha(opacity=100)} 
 .colorMode tr {height:24px}
 .colorMode td {border-collapse:collapse; padding:0; margin:0; height:20px}
 .colorMode input[type="color"] {width:30px; height:18px; margin:0px; padding:0; cursor:pointer}
 .colorMode input[type="checkbox"] {width:30px; margin-top:2px; transform:scale(1.3); cursor:pointer}
 .colorMode span {width:138px; text-transform:none!important; font-size:11px!important}
 .n_rows {border-right:1px solid #aaa; text-align:center}
 .n_rows div {width:15px; color:#fff!important; font-size:12px; font-weight:bold; text-align:center; margin-left:7px; border:1px solid #fff}
 .n_rows_adj {background:#75a5d4}
 .n_rows_set {background:#285888}
 .redHover1 {border:1px solid #fff; cursor:pointer}
 .redHover1:hover {border:1px solid #f00}
 .redHover2 {width:46px; height:47px; padding:5px 0 0 2px; border:1px solid #fff}
 .redHover2:hover {border:1px solid #f00}
 .frameSelect {width:32px; height:24px; margin-left:4px}
 
/*for sharing link*/
 .embedCode {display:block; width:930px; height:18px; font-family:courier; font-size:13px; resize:none; overflow:hidden}

/*for dialog.js*/
 .closeX {right:0px!important; height:31px!important; width:36px!important; text-align:center}
 .closeXhover a:hover {background-color:#d30700}

/*for username hovercard link, where copydate used before*/
 .nameAndLink a {font-size:12px!important; font-weight:bold; color:#369!important}
 .nameAndLink a:hover {text-decoration:underline}
 .nameAndLink a.link {font-size:11px!important; font-weight:normal; text-decoration:none!important}
 .nameAndLink a:hover.link {color:#25F!important; text-decoration:underline!important}
 .nameAndLink hr {visibility:hidden; height:1px; margin:2px}
 .nameAndLink span {color:#666!important}

/*for [x] on own photos or on group contrib*/
 .deleteXb {float:right; color:#369!important}
 .deleteXb:hover {color:#d21!important}

/*for drop-downs on hmenu*/
 #hmenu_drop, #favs_drop {position:absolute; background-color:#f2f2f2; z-index:100}
 #hmenu_drop div {min-width:100px}
 #hmenu_drop a, #favs_drop a {border-left:4px solid transparent}
 #hmenu_drop a:hover, #favs_drop a:hover {color:#fff; background:#369}
 #hmenu_drop .selected {border-left:4px solid #369; background-color:#ddd}
 #hmenu_drop .small {padding:6px 10px 6px 15px; font-size:11px}
 #hmenu_drop hr {width:75%}
 #hmenu_drop form {margin:16px 0 2px 18px}
 #hmenu_drop form input[name=q] {width:128px; padding:4px 2px; font-size:11px}

/*for Your groups*/
 .grpmenu a {color:#333}
 .grpmenu a:hover {color:#fff; background-color:#369}

/*for stats panel on photos.640*/
 .newHyperStats {color:#369; background:#f2f2f2; width:130px}
 .newHyperStats p {padding:5px; margin:0px}
 .newHyperStats p:hover {background:#e2e2e2; cursor:pointer}
 .nonHyperStats {color:#333; padding:5px}

/*for group admin*/
 .contact2 {float:left; width:125px; font-size:11px; text-align:left; vertical-align:top; margin:0; padding:0 5px 30px 0}
 .contact2 s {vertical-align:top; margin-left:2px}

/*for keyword and profile drop-down on explore*/
 #exp_dropmenu_clk:hover {text-decoration:underline; cursor:pointer}
 #exp_dropmenu li:hover {background:#f2f2f2!important; cursor:default}

/*for red in comments, <red> allowed as tag in common.html.php*/
 red {color:red}

/*for revised explore page*/
 .landing div {width:600px; float:right; margin-bottom:50px; padding-left:20px}
 .landing img {margin-bottom:20px}
 .landing p {line-height:1.4; padding-left:20px; text-indent:-20px; margin:0 0 7px 0; font-size:18px; color:#444}
 .landing.title {line-height:1; width:320px; float:left; text-align:right; font-size:50px; font-weight:300}
 .newHyperB a {font-weight:bold}

/*for Help icon in top*/
 s.Top.Help {background-image:url("/T/L/sprite.v2.main.png"); background-position:-200px -600px; width:19px; height:19px; opacity:0.7}
 s.Top.Help:hover {opacity:1}

/*for Photo title trans and PiP*/
 .title_trans0, .title_trans1 {width:200px; height:20px; margin-top:-20px; background:transparent}
 .title_trans0 s.Misc.PiP {width:0px; height:22px}
 .title_trans1 s.Misc.PiP {background-image:url("/T/L/sprite.v2.main.png?ts03052022"); background-position:-950px -1100px; width:18px; height:18px; margin-top:2px; opacity:0.7; cursor:pointer}
 .title_trans1 s.Misc.PiP:hover {opacity:1}
 .title_trans0 div, .title_trans1 div {width:180px; height:16px; margin-top:-16px; background:transparent}
 .title_trans1 div {margin-left:20px}
 .title_trans0 span, .title_trans1 span {visibility:hidden}
 .title_trans0 span a, .title_trans1 span a {cursor:pointer}
 .title_trans1 span a {margin-left:10px}

/*for menu under comment input*/
 #comment_butt .dash {display:inline-block; width:20px; color:#aaa; text-align:center}