/* ipernity blues: Dark #6790bc, Light #a2c3e2 */
/* 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-position:0px -400px}
.newsubs th s.no, .newsubs td s.no {background-position:-850px -500px}
.newsubs th s.star, .newsubs td s.star {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 {width:93%; max-width:980px; margin-top:5px; border:0!important; resize:none; font-size:14px; text-align:center}
#cookie_consent_texta {color:#fff; background:transparent; font-weight:bold}
#cookie_consent_textb {color:blue; background:white; padding:5px 10px}

/*display settings form*/
.colorBox a {width:11px; 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; text-align:left}
#hmenu_drop a:hover, #favs_drop a:hover {color:#fff!important; 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 .thin {padding:2px 10px 2px 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}
.grpOptionsBar {position:absolute; bottom:7px; right:0}
.grpOptionsBar a {float:right; margin-top:5px}

/*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-position:-200px -600px; width:19px; height:19px; opacity:0.7}
s.Top.Help:hover {opacity:1}

/*for use with the small (?) help icon*/
.helpTip {position:absolute; padding:2px 10px; z-index:100; cursor:default; font-size:12px; color:#666; background-color:#fefabc}

/*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-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}

/*for direct input of location*/
#locate_input {font-size:12px; width:180px}
.latlng input {margin:2px 3px 2px 7px; font-size:12px}
.latlng input.S {width:20px}
.latlng input.L {width:30px}
.latlng x {margin-left:10px; font-family:monospace; font-size:14px}

/*for playable video in multi-image pages*/
.play_video {position:absolute; border:1px solid #fff}
.pv240 {margin-top:220px; margin-left:258px}
.pv640 {width:30px; height:30px; margin-top:-35px; margin-left:500px}
.pv640 s {margin-left:9px; margin-top:9px;transform:scale(2)}