﻿

/* DIALOGS */
.mypage-dialog{position:absolute;z-index:20;background-color:#ffffff;width:240px;border:1px solid #c7c7c7;padding:10px;}
.mypage-dialog a.close{position:absolute;top:10px;right:10px;font-weight:bold;color:#8B8B8B;}
.mypage-dialog a.close:hover{text-decoration:none;}

#notifications-dialog ul,#mypage-followers-dialog ul,#mypage-followees-dialog ul{margin-top:20px;clear:both;max-height:200px;overflow:auto;}
#notifications-dialog ul li{border-bottom:2px dotted #6a6a6a;font-size:13px;clear:both;min-height:30px;padding:10px 0;}
#notifications-dialog ul li a{text-decoration:underline;}
#notifications-dialog img{vertical-align:middle;float:left;width:30px;}
#notifications-dialog p{width:170px;float:left;margin-left:5px;}
#notifications-dialog span.icon{margin-top:7px;display:block;float:left;width:14px;height:14px;background-image:url(../resources/global/icons.png);}
#notifications-dialog span.icon .like{background-position:-28px 0;}

.mypage-follow-dialog{width:400px;}
.mypage-follow-dialog ul li{display:inline-block;*display:inline;zoom:1;width:125px;margin:10px 0;}
.mypage-follow-dialog a{color:#4d4d4d;}
.mypage-follow-dialog a:hover{text-decoration: none;}
.mypage-follow-dialog a.follow,.mypage-follow-dialog a.unfollow{display:inline-block;font-size:13px;color:#ffffff;width:60px;height:23px;padding-top:7px;text-align:center;vertical-align:top;margin-left:5px;}
.mypage-follow-dialog a.follow,.mypage-follow-dialog a.unfollow,.mypage-follow-dialog img{margin-top:5px;}
.mypage-follow-dialog img{width:30px;height:30px;}
.mypage-follow-dialog a.follow{background-image:url(../resources/mypage/follow-btn-bg.png);}
.mypage-follow-dialog a.follow:hover{background-image:url(../resources/mypage/unfollow-btn-bg.png);}

.plator-nut-dialog{width:230px;text-align:center;font-size:12px;}
.plator-nut-dialog span.title{color:#ffffff;display:block;margin:10px 0;font-weight:normal;font-size:14px;}
.plator-nut-dialog div.seperator{height:1px;width:210px;margin:0 10px;}
.plator-nut-dialog ul.items{background-color:#ffffff;min-height:30px;margin:10px 10px 0 10px;padding:10px;text-align:left;}
.plator-nut-dialog ul.items li a{color:red;font-weight:bold;}
.plator-nut-dialog ul.items li a:hover{text-decoration:none;}
.plator-nut-dialog ul.items li label{width:105px;display:inline-block;margin:2px 0 2px 3px;float:left;}
.plator-nut-dialog ul.items li span{float:right;margin-top:2px;}
.plator-nut-dialog ul.nut-values{background-color:#ffffff;margin:0 10px 10px 10px;padding:0 10px 10px 10px;text-align:left;}
.plator-nut-dialog ul.nut-values li{border-bottom:2px dotted #919191;padding:5px 0;}
.plator-nut-dialog ul.nut-values li.last{border:0;}
.plator-nut-dialog ul.nut-values li label{width:105px;display:inline-block;margin-left:3px;float:left;}
.plator-nut-dialog ul.nut-values li span{float:right;margin-top:5px;}
#plator-dialog-plate-nut{background:#9FCCFD;}
#plator-dialog-plate-nut div.seperator{background-color:#5E94D0;border-bottom:1px solid #CDE5FF;}
#plator-dialog-daily-nut{background:#94C900;}
#plator-dialog-daily-nut div.seperator{background-color:#77A100;border-bottom:1px solid #B5EA20;}

#mypage-password-dialog{width:320px;}
#mypage-password-dialog ul{margin:10px 0;}
#mypage-password-dialog li{margin:5px 0;}
#mypage-password-dialog label{display:inline-block;width:100px;}

#mypage-message-dialog{width:300px;}
#mypage-message-dialog span.name{font-style:italic;color:#9ACB06;}
#mypage-message-dialog li{margin-bottom:10px;position:relative;}
#mypage-message-dialog textarea{width:290px;height:150px;}
#mypage-message-dialog input[type=file]{position:absolute;left:0;filter:alpha(opacity=0);-moz-opacity:0.00;opacity:0.00;cursor:pointer;}
#mypage-message-dialog span.filename{}
#mypage-message-dialog li a{text-decoration:underline;}

#mypage-learn-more-dialog{font-size:13px;width:300px;}

/* DIETITIAN FORM */
.mypage-dietitian-form{margin:20px 0;font-size:13px;}
.mypage-dietitian-form h2 a{color:#5B86DD;text-decoration:none;}
.mypage-dietitian-form h3{margin:15px 0 5px 0;}
.mypage-dietitian-form li{margin:20px 0;}
.mypage-dietitian-form li label{display:inline-block;width:100px;}
.mypage-dietitian-form li label.top{vertical-align:top;}
.mypage-dietitian-form input[type=text], .mypage-dietitian-form textarea{width:350px;}
.mypage-dietitian-form input[type=text].short{width:70px;}
.mypage-dietitian-form input[type=text].medium{width:100px;}
.mypage-dietitian-form table td, .mypage-dietitian-form table th{text-align:left;border:1px solid #ddd;padding:3px;font-weight:normal;}
.mypage-dietitian-form table th{background-color:#DDF1FC;border-color:#B3B8BC;}
.mypage-dietitian-form .photo-bar{position:relative;}
.mypage-dietitian-form .photo-bar input[type=file]{position:absolute;top:2px;left:15px;filter:alpha(opacity=0);-moz-opacity:0.00;opacity:0.00;cursor:pointer;}
.mypage-dietitian-form .photo-bar img{max-width:130px;}

/* PLATES */
.mypage-plates-page{margin-top: 20px;}
.mypage-plates-page ul.results li{position:relative;width:200px;display:inline-block;margin-right:8px;margin-left:8px;margin-bottom:25px;zoom:1;*display:inline;}
.mypage-plates-page ul.results li a.img{display:block;width:100%;height:100%;}
.mypage-plates-page ul.results li a.img img{width:200px;height:138px;border:1px solid #d5d5d5;display:block;margin-bottom:3px;}
.mypage-plates-page ul.results li a.img img:hover{border:1px solid #EF5931;}
.mypage-plates-page ul.results li label{display:block;font-size:12px;margin:1px 0;color:#9c9c9c;}
.mypage-plates-page ul.results li a.author{display:block;float:left;font-size:12px;margin:1px 0;text-decoration:underline;}
.mypage-plates-page ul.results li label.cal{color:#97ca00;float:right;}

/* RECIPE */
#mypage-dietitian-my-recipe .photo-bar{float:left;margin-right:20px;/*text-align:center;*/}
#mypage-dietitian-my-recipe .photo-bar h3{text-align:left;}
#mypage-dietitian-my-recipe .photo-bar input[type=file]{top:35px;left:-30px;}
#mypage-dietitian-my-recipe #extra-photos-container li{display:inline-block;*display:inline;zoom:1;margin-right:5px;text-align:center;}
#mypage-dietitian-my-recipe #extra-photos-container li a{text-decoration:underline;color:Red;}

/* MENU */
#mypage-dietitian-my-menu .details-bar{margin:20px 0;}
#mypage-dietitian-my-menu .details-bar li{margin:10px 0;}
#mypage-dietitian-my-menu .details-bar label{display:inline-block;width:100px;}
#mypage-dietitian-my-menu .details-bar *{font-size:13px;vertical-align:top;}
#mypage-dietitian-my-menu .details-bar input[type=text], #mypage-dietitian-my-menu .details-bar textarea{width:350px;}
#mypage-dietitian-my-menu .photo-bar{position:absolute;top:50px;right:10px;width:200px;text-align:center;}
#mypage-dietitian-my-menu .photo-bar input[type=file]{position:absolute;top:2px;left:15px;filter:alpha(opacity=0);-moz-opacity:0.00;opacity:0.00;cursor:pointer;}
#mypage-dietitian-my-menu .photo-bar img{max-width:130px;}
#mypage-dietitian-my-menu .menu-plates-list{position:relative}
#mypage-dietitian-my-menu .menu-plates-list{width:auto;height:auto;min-height:210px;margin-left:100px;}
#mypage-dietitian-my-menu .menu-plates-list h3{margin-bottom:7px;border-bottom:1px solid #EE592F;padding-bottom:7px;}
#mypage-dietitian-my-menu .menu-plates-list .makemyplate-icon-arrow-left-small{position:absolute;left:-15px;top:110px;}
#mypage-dietitian-my-menu .menu-plates-list .makemyplate-icon-arrow-right-small{position:absolute;right:-15px;top:110px;}
#mypage-dietitian-my-menu .menu-plates-list .new-plate-container{float:left;border-right:2px dotted #b4b4b5;padding-right:7px;margin-right:7px;}
#mypage-dietitian-my-menu .menu-plates-list .new-plate-container a{display:block;width:168px;height:115px;border:1px solid #cfcfcf;background:url('../resources/global/g.png') no-repeat 0 -68px;background-color:#ffffff;}
#mypage-dietitian-my-menu .menu-plates-list .plates-container{float:left;overflow:hidden;width:414px;text-align:left;position:relative;}
#mypage-dietitian-my-menu .menu-plates-list .plates-container li{position:relative;width:200px;display:inline-block;margin-right:7px;zoom:1;*display:inline;}
#mypage-dietitian-my-menu .menu-plates-list .plates-container li img{width:200px;height:138px;border:1px solid #d5d5d5;display:block;margin-bottom:3px;}
#mypage-dietitian-my-menu .menu-plates-list .plates-container li label{display:block;font-size:12px;margin:1px 0;color:#9c9c9c;}
#mypage-dietitian-my-menu .menu-plates-list .plates-container li label.author{float:left;}
#mypage-dietitian-my-menu .menu-plates-list .plates-container li label.cal{color:#97ca00;float:right;}
#mypage-dietitian-my-menu .menu-plates-list .plates-container li a.makemyplate-icon-delete{position:absolute;top:5px;right:5px;}
#mypage-menu-add-plate-dialog{bottom:-18px;left:50px;}
#mypage-dialog-add-from-recent, #mypage-dialog-add-from-favorites{width:600px;height:505px;}
#mypage-dialog-add-from-recent>div, #mypage-dialog-add-from-favorites>div{overflow:auto;height:500px;}
#mypage-dialog-add-from-recent ul, #mypage-dialog-add-from-favorites ul{margin-bottom:10px;}
#mypage-dialog-add-from-recent li, #mypage-dialog-add-from-favorites li{display:inline-block;zoom:1;*display:inline;vertical-align:top;position:relative;margin:15px 12px 0 12px;}

/* PUBLIC MENU */
#mypage-dietitian-public-menu .details{font-size:13px;margin:15px 0;line-height:15px;}
#mypage-dietitian-public-menu .details label{display:block;}
#mypage-dietitian-public-menu .details img{width:60px;float:left;margin-right:10px;}
#mypage-dietitian-public-menu .makemyplate-tabs-body{width:auto;height:auto;min-height:390px;}
#mypage-dietitian-public-menu .mypage-plates-page li{margin:0 13px 10px 0;}
#mypage-dietitian-public-menu .social{position:absolute;top:0;right:0;}
#mypage-dietitian-public-menu .social *{vertical-align:bottom;}
#mypage-dietitian-public-menu .social a{color:#666;font-size:13px;}
#mypage-dietitian-public-menu .social a.like-btn{vertical-align:middle;}
#mypage-dietitian-public-menu .social a:hover{text-decoration:none;}
#mypage-dietitian-public-menu .menu-public-plates-list{position:relative;width:640px;}
#mypage-dietitian-public-menu .menu-public-plates-list h3{margin-bottom:7px;border-bottom:1px solid #EE592F;padding-bottom:7px;}
#mypage-dietitian-public-menu .menu-public-plates-list .seemore-container{padding-right:13px;}
#mypage-dietitian-public-menu .menu-public-plates-list .seemore-container a{color:#999;text-decoration:underline;}


/* PUBLIC RECIPE */
#mypage-dietitian-public-recipe .social{position:absolute;top:0;right:0;}
#mypage-dietitian-public-recipe .social *{vertical-align:bottom;}
#mypage-dietitian-public-recipe .social a{color:#666;font-size:13px;}
#mypage-dietitian-public-recipe .social a:hover{text-decoration:none;}
#mypage-dietitian-public-recipe .social a.like-btn{vertical-align:middle;}
#mypage-dietitian-public-recipe{line-height:18px;}
#mypage-dietitian-public-recipe h3{margin:10px 0;}
#mypage-dietitian-public-recipe div.video, #mypage-dietitian-public-recipe div.tags{margin-top:20px;}
#mypage-dietitian-public-recipe div.details img{width:300px;}
#mypage-dietitian-public-recipe div.fav{margin-top:10px;}
#mypage-dietitian-public-recipe div.fav a{color:#333;}
#mypage-dietitian-public-recipe div.fav a:hover{text-decoration:none;}
#mypage-dietitian-public-recipe div.nutrition, #mypage-dietitian-public-recipe div.details{float:left;}
#mypage-dietitian-public-recipe div.nutrition{margin-left:20px;}
#mypage-dietitian-public-recipe div.nutrition li{border-bottom:2px dotted #6A6A6B;padding:5px 0;}
#mypage-dietitian-public-recipe div.nutrition li label{width:60px;display:inline-block;}
#mypage-dietitian-public-recipe div.nutrition li span{font-weight:bold;text-align:right;display:inline-block;width:80px;}
#mypage-dietitian-public-recipe div.nutrition label.time{display:block;margin:5px 0;font-weight:bold;}
#mypage-dietitian-public-recipe div.images{width:530px;border-top:2px dotted #6A6A6B;padding:5px 0;}
#mypage-dietitian-public-recipe div.images li{display:inline-block;display:inline;zoom:1;margin-right:30px;}
#mypage-dietitian-public-recipe div.images li img{width:140px;border:1px solid #aAaAaB;}

/* =========================== */
/* MESSAGES                    */
/* =========================== */
.mypage-conversation-list{margin-bottom:40px;}
.mypage-conversation-list, .mypage-messages-list{margin-top:20px;}
.mypage-conversation-list li{border-bottom:2px dotted #6a6a6a;padding:25px;}
.mypage-conversation-list li.unread{background-color:#eee;}
.mypage-messages-list li{padding-bottom:10px;margin-bottom:10px;}
.mypage-conversation, .mypage-message, .mypage-message-reply{font-size:13px;line-height:15px;}
.mypage-conversation a, .mypage-message a, .mypage-message-reply a{text-decoration:underline;}
.mypage-conversation div.userimage, .mypage-message div.userimage, .mypage-message-reply div.userimage{float:left;margin-right:10px;vertical-align:top;width:50px;}
.mypage-conversation div.userimage img, .mypage-message div.userimage img, .mypage-message-reply div.userimage img{width:50px;}
.mypage-conversation div.msg-content, .mypage-message div.msg-content, .mypage-message-reply div.msg-content{display:table-cell;width:380px;float:left;}
.mypage-conversation div.msg-content span, .mypage-message div.msg-content span{vertical-align:middle;}
.mypage-conversation div.msg-content .name, .mypage-message div.msg-content .name{color:#9ACB06;text-decoration:none;vertical-align:middle;}
.mypage-conversation div.msg-content .date, .mypage-message div.msg-content .date{color:#aaa;}
.mypage-conversation div.msg-content .actions, .mypage-message div.msg-content .actions{margin-top:20px;}
.mypage-conversation div.msg-content p, .mypage-message div.msg-content p{min-height:30px;margin-top:3px;}
.mypage-conversation div.msg-content .privacy{margin-top:20px;}
.mypage-conversation div.msg-content .privacy span.private{background-color:#eee;color:#D30303;padding:2px 5px;}
.mypage-conversation div.images{float:right;text-align:center;width:200px;}
.mypage-conversation div.images img{width:160px;}
.mypage-message div.attachments{margin-top:30px;}
.mypage-message div.attachments img.image{max-width:160px;max-height:150px;vertical-align:top;}
.mypage-message div.attachments div.makemyplate-plate-thumb{display:inline-block;vertical-align:top;}
.mypage-message-reply textarea{font-size:13px;width:100%;}
.mypage-message-reply .actions{float:right;}

/* SIMILAR */
.plate-page-similar{margin-top:20px;height:200px;position:relative;background-color:#ffffff;padding:15px 20px;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;}
.plate-page-similar > a{display:block;position:absolute;width:17px;height:17px;background-image:url(../resources/global/icons.png);}
.plate-page-similar > a:hover{text-decoration:none;}
.plate-page-similar .left-arrow{background-position:-56px -187px;top:100px;left:10px;}
.plate-page-similar .right-arrow{background-position:-37px -187px;top:100px;right:10px;}
.plate-page-similar > div{overflow:hidden;position:relative;margin:0 7px;}
.plate-page-similar ul li{width:168px;display:inline-block;margin:10px 6px;text-align:left;vertical-align:top;position:relative;zoom:1;*display:inline;}
.plate-page-similar ul li a.img{display:block;width:100%;height:100%;}
.plate-page-similar ul li a.img img{width:168px;height:115px;border:1px solid #d5d5d5;display:block;margin-bottom:3px;}
.plate-page-similar ul li a.img img.hover{border:1px solid #EF5931;}
.plate-page-similar ul li a.plate-favorite{width:14px;height:14px;background-image:url(../resources/global/icons.png);background-position:0 0;position:absolute;display:none;top:5px;left:5px;}
.plate-page-similar ul li a.plate-favorite:hover{background-image:url(../resources/global/icons.png);background-position:-14px 0;text-decoration:none;}
.plate-page-similar ul li a.plate-favorite.selected{background-image:url(../resources/global/icons.png);background-position:-28px 0;display:block;}
.plate-page-similar ul li label{display:block;font-size:12px;margin:1px 0;color:#9c9c9c;overflow:hidden;max-width:150px;}
.plate-page-similar ul li a.author{float:left;display:block;text-decoration:underline;font-size:12px;}
.plate-page-similar ul li label.cal{color:#97ca00;float:right;}

/* SIGNUP FOODS / EXERCISE */
#mypage-main-col>div ul.img-list{margin-top: 10px;}
#mypage-main-col>div ul.img-list li{display:inline-block;margin-bottom:15px;margin-right:3px;zoom:1;*display:inline;}
#mypage-main-col>div ul.img-list-ex li{margin-right:24px;}
#mypage-main-col>div ul.img-list li a{display:block;position:relative;text-decoration:none;height:115px;width:155px;}
#mypage-main-col>div ul.img-list-ex li a{height:122px;width:176px;}
#mypage-main-col>div ul.img-list li a img{border:1px solid #cccccc;width:155px;height:106px;}
#mypage-main-col>div ul.img-list-ex li a img{border:1px solid #cccccc;width:167px;height:113px;}
#mypage-main-col>div ul.img-list li a span.icon{width:39px;height:39px;position:absolute;top:50%;left:50%;margin:-21px 0 0 -21px; background:url(../resources/global/icons.png) no-repeat -61px -73px;cursor:pointer;}
#mypage-main-col>div ul.img-list li a span.unchecked{/*background-image:url(../resources/global/icons.png);background-position:-18px -31px;*/visibility:hidden;}
/*#mypage-main-col>ul.img-list li a:hover span.unchecked{visibility:visible;}*/
/*#mypage-main-col>ul.img-list li a span.hover{background-image:url(../resources/global/icons.png);background-position:-36px -31px;cursor:pointer;}*/
#mypage-main-col>div ul.img-list li input{display:none;}
#mypage-main-col>div ul.img-list li h3{margin-top:6px;}
#mypage-main-col>div div.exlevel-container{margin-bottom:15px;}
#mypage-main-col>div ul.img-list li a:hover img,#mypage-main-col > div ul.img-list-ex li a:hover img{border:1px solid #EF5931;}

/* ACCOUNT SETTINGS */
form.account-settings{font-size:13px;line-height:30px;}
form.account-settings input, form.account-settings textarea{font-size:13px;}
form.account-settings h4{margin-top:30px;}
form.account-settings input[type=text], form.account-settings input[type=password], form.account-settings textarea{width:200px;}
form.account-settings input[type=text].long, form.account-settings textarea.long{width:400px;}
form.account-settings label.general-settings{display:inline-block;width:90px;}
form.account-settings ul.picture{margin-bottom:20px;}
form.account-settings ul.picture li{vertical-align:middle;display:inline-block;position:relative;zoom:1;*display:inline;}
form.account-settings input.image{position:absolute;top:0;left:10px;height:30px;z-index:2;width:80px;filter:alpha(opacity=0);-moz-opacity:0.00;opacity:0.00;cursor:pointer;}

/* PERSONAL SETTINGS */
#mypage-main-col form.account-settings div.slider{width:300px;display:inline-block;margin-right:10px;*display:inline;zoom:1;}

/* DIETITIAN FORM */
.mypage-dietitian-form{margin:20px 0;font-size:13px;}
.mypage-dietitian-form h3{margin:15px 0 5px 0;}
.mypage-dietitian-form li{margin:20px 0;}
.mypage-dietitian-form li label{display:inline-block;width:100px;}
.mypage-dietitian-form li label.top{vertical-align:top;}
.mypage-dietitian-form input[type=text], .mypage-dietitian-form textarea{width:350px;}
.mypage-dietitian-form input[type=text].short{width:70px;}
.mypage-dietitian-form input[type=text].medium{width:100px;}
.mypage-dietitian-form table td, .mypage-dietitian-form table th{text-align:left;border:1px solid #ddd;padding:3px;font-weight:normal;}
.mypage-dietitian-form table th{background-color:#DDF1FC;border-color:#B3B8BC;}
.mypage-dietitian-form .photo-bar{position:relative;}
.mypage-dietitian-form .photo-bar input[type=file]{position:absolute;top:2px;left:15px;filter:alpha(opacity=0);-moz-opacity:0.00;opacity:0.00;cursor:pointer;}
.mypage-dietitian-form .photo-bar img{max-width:130px;}

.mypage-sort-bar{position:absolute;top:0;right:10px;font-size:13px;}
.mypage-sort-bar a{color:#999;text-decoration:underline;}
.mypage-sort-bar a.selected{color:#666;font-weight:bold;text-decoration:none;}