/* GENERAL STYLES */
.hidden{display:none;}
.no-position{position:inherit;}
.no-selection{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}

a.button, input[type=submit].button,input[type=button].button{display:inline-block;border:0 solid #97ca00;height:31px;width:102px;color:#ffffff;font-weight:bold;cursor:pointer;background-image:url(../resources/signup/signup-submit-bg.png);background-color:transparent;line-height:29px;padding-bottom:3px;}*/
a.button.long, input[type=submit].long, input[type=button].long{width:160px;background-image:url('../resources/signup/signup-submit-long-bg.png');}
a.button{padding:0;text-align:center;}
a.button:hover{text-decoration:none;}

a{text-decoration:none;color:#5b86dd;}
/*a:hover{text-decoration:underline;}*/
.gray-bg{background-color:#f2f2f2;}

.white-box{background-color:#ffffff;position:relative;border:1px solid #c7c7c7;padding:15px 20px;min-height:100px;}
.white-box div.tl,.white-box div.tr,.white-box div.bl,.white-box div.br{position:absolute;width:7px;height:7px;z-index:2;}
.white-box div.tl{top:0;left:0;background-image:url(../resources/global/white-box-tl.png);}
.white-box div.tr{top:0;right:0;background-image:url(../resources/global/white-box-tr.png);}
.white-box div.bl{bottom:0;left:0;background-image:url(../resources/global/white-box-bl.png);}
.white-box div.br{bottom:0;right:0;background-image:url(../resources/global/white-box-br.png);}

#overlay{background:#000000;height:100%;width:100%;position:fixed;left:0px;top:0px;z-index:2999;opacity:0.3;}

input[type=text].long{width:400px;}

.makemyplate-about-page{font-size:15px;padding:50px 70px;line-height:18px;color:#666666;}
.makemyplate-about-page h2{color:#b3d845;margin:20px 0 5px 0;font-size:18px;}
.makemyplate-about-page h3{margin-bottom:10px;}
.makemyplate-about-page p, .makemyplate-about-page ul{margin-bottom:15px;}
.makemyplate-about-page ul, .makemyplate-about-page ol{margin-left:25px;}
.makemyplate-about-page ul{list-style-type:disc;}

/* ICONS */
.makemyplate-icon{background-image:url('../resources/global/icons.png?d=060612');display:inline-block;vertical-align:middle;}
.makemyplate-icon:hover{text-decoration:none;}
.makemyplate-icon-signup-linkedin{width:30px;height:31px;background-position:0 -557px;}
.makemyplate-icon-signup-twitter{width:30px;height:31px;background-position:-30px -557px;}
.makemyplate-icon-signup-facebook{width:30px;height:31px;background-position:-60px -557px;}
.makemyplate-icon-to-plator{width:20px;height:20px;background-position:-40px -227px;}
.makemyplate-icon-to-plator:hover{width:20px;height:20px;background-position:0 -227px;}
.makemyplate-icon-to-plator.selected{width:20px;height:20px;background-position:0 -227px;}
.makemyplate-icon-to-plator-plate{width:21px;height:16px;background-position:0 -452px;}
.makemyplate-icon-item-favorite{width:14px;height:14px;background-position: 0 0;}
.makemyplate-icon-item-favorite:hover{width:14px;height:14px;background-position:-14px 0;}
.makemyplate-icon-item-favorite.selected{width:14px;height:14px;background-position:-28px 0;}
.makemyplate-icon-item-like{width:14px;height:14px;background-position:-18px -93px;}
.makemyplate-icon-item-like:hover{width:14px;height:14px;background-position:-18px -93px;}
.makemyplate-icon-item-like.selected{width:14px;height:14px;background-position:-18px -93px;}
.makemyplate-icon-favorite{width:20px;height:20px;background-position:-43px -51px;}
.makemyplate-icon-favorite:hover{width:20px;height:20px;background-position:-66px -51px;}
.makemyplate-icon-favorite.selected{width:20px;height:20px;background-position:-66px -51px;}
.makemyplate-icon-favorite-plate{width:21px;height:16px;background-position:-21px -452px;}
.makemyplate-icon-like{width:20px;height:20px;background-position:-44px -128px;}
.makemyplate-icon-like:hover{width:20px;height:20px;background-position:-21px -128px;}
.makemyplate-icon-like.selected{width:20px;height:20px;background-position:-21px -128px;}
.makemyplate-icon-like-plate{width:21px;height:16px;background-position:-42px -452px;}
.makemyplate-icon-report-plate{width:21px;height:16px;background-position:0 -247px;}
.makemyplate-icon-search{width:14px;height:14px;background-position:0 -171px;}
.makemyplate-icon-arrow-up-small{width:10px;height:10px;background-position:0 -263px;}
.makemyplate-icon-arrow-down-small{width:10px;height:10px;background-position:-12px -263px;}
.makemyplate-icon-arrow-left-small{width:10px;height:10px;background-position:-35px -263px;}
.makemyplate-icon-arrow-right-small{width:10px;height:10px;background-position:-24px -263px;}
.makemyplate-icon-add{width:20px;height:20px;background-position:0 -108px;}
.makemyplate-icon-add:hover{width:20px;height:20px;background-position:-20px -108px;}
.makemyplate-icon-add.selected{width:20px;height:20px;background-position:-20px -108px;}
.makemyplate-icon-delete.selected{width:20px;height:20px;background-position:-18px -332px;}
.makemyplate-icon-calander{width:16px;height:16px;background-position:0 -399px;}
.makemyplate-icon-to-plate{width:16px;height:16px;background-position:-20px -399px;}
.makemyplate-icon-duplicate{width:17px;height:17px;background-position:-42px -399px;}
.makemyplate-icon-edit{width:16px;height:16px;background-position:-65px -399px;}
.makemyplate-icon-plate-big{width:33px;height:33px;background-position:0 -298px;}
.makemyplate-icon-info{width:12px;height:12px;background-position:-25px -248px;}
.makemyplate-icon-facebook-small{width:16px;height:16px;background-position:0 -355px;}
.makemyplate-icon-facebook-share{width:57px;height:18px;background-position:0 -635px;}
.makemyplate-icon-twitter-small{width:16px;height:16px;background-position:-18px -355px;}
.makemyplate-icon-linkedin-small{width:16px;height:16px;background-position:-72px -355px;}
.makemyplate-icon-google-small{width:16px;height:16px;background-position:-36px -355px;}
.makemyplate-icon-mail-small{width:16px;height:16px;background-position:-54px -355px;}
.makemyplate-icon-add-plus-btn{width:24px;height:24px;background-position:0 -373px;}
.makemyplate-icon-search-arrow{width:30px;height:15px;background-position:0 -417px;}
.makemyplate-icon-search-arrow-big{width:62px;height:32px;background-position:-33px -416px;}
.makemyplate-icon-gray-arrow{width:13px;height:13px;background-position:0 -470px;}
.makemyplate-icon-saved-diary{width:33px;height:33px;background-position:0 -487px;}
.makemyplate-icon-saved-nextmeal{width:33px;height:33px;background-position:-33px -487px;}
.makemyplate-icon-saved-share{width:33px;height:33px;background-position:-66px -487px;}
.makemyplate-icon-saved-back{width:33px;height:33px;background-position:0 -520px;}
.makemyplate-icon-table-edit{width:17px;height:17px;background-position:0 -591px;}
.makemyplate-icon-table-delete{width:17px;height:17px;background-position:-21px -591px;}
.makemyplate-icon-clock{width:17px;height:17px;background-position:-44px -591px;}
.makemyplate-icon-green-square{width:17px;height:17px;background-position:0 -612px;}
.makemyplate-icon-green-square-full{width:17px;height:17px;background-position:-20px -612px;}
.makemyplate-icon-lock{width:17px;height:17px;background-position:-40px -612px;}

/* SIZE ICONS */
.makemyplate-size-icon{background-image:url('../resources/global/size-icons.png');display:block;width:33px;height:33px;}
.makemyplate-size-icon.selected{text-decoration:none;}
.makemyplate-size-icon-1{background-position:0 0;}
.makemyplate-size-icon-1.selected{background-position:0 -33px;}
.makemyplate-size-icon-2{background-position:-33px 0;}
.makemyplate-size-icon-2.selected{background-position:-33px-33px;}
.makemyplate-size-icon-3{background-position:-99px 0;}
.makemyplate-size-icon-3.selected{background-position:-99px -33px;}
.makemyplate-size-icon-4{background-position:-132px 0;}
.makemyplate-size-icon-4.selected{ background-position: -132px -33px;}
.makemyplate-size-icon-5{background-position:-165px 0;}
.makemyplate-size-icon-5.selected{background-position:-165px -33px;}
.makemyplate-size-icon-6{background-position:-198px 0;}
.makemyplate-size-icon-6.selected{background-position:-198px -33px;}
.makemyplate-size-icon-7{background-position:-231px 0;}
.makemyplate-size-icon-7.selected{background-position:-231px -33px;}
.makemyplate-size-icon-8{background-position:-297px 0;}
.makemyplate-size-icon-8.selected{background-position:-297px -33px;}
.makemyplate-size-icon-9{background-position:-330px 0;}
.makemyplate-size-icon-9.selected{background-position:-330px -33px;}
.makemyplate-size-icon-10{background-position:-363px 0;}
.makemyplate-size-icon-10.selected{background-position:-363px -33px;}
.makemyplate-size-icon-11{background-position:-396px 0;}
.makemyplate-size-icon-11.selected{background-position:-396px -33px;}
.makemyplate-size-icon-12{background-position:-429px 0;}
.makemyplate-size-icon-12.selected{background-position:-429px -33px;}

/* MEAL STYLES */
.makemyplate-meal-1{background-color: #9BCBFD;} /* Breakfast */
.makemyplate-meal-2{background-color: #FEC647;} /* Lunch */
.makemyplate-meal-3{background-color: #BDE256;} /* Dinner */
.makemyplate-meal-4{background-color: #C0AAD9;} /* Snack */

/* PLATE THUMB */
.makemyplate-plate-thumb{position:relative;}
.makemyplate-plate-thumb .plate-img{display:block;width:160px;height:115px;border:1px solid #cfcfcf;background-color:#ffffff;text-align:center;}
.makemyplate-plate-thumb .plate-img img{max-width:160px;max-height:115px;}
.makemyplate-plate-thumb .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;}
.makemyplate-plate-thumb .plate-favorite:hover{background-image:url(../resources/global/icons.png);background-position:-14px 0;text-decoration:none;}
.makemyplate-plate-thumb .plate-favorite.selected{background-image:url(../resources/global/icons.png);background-position:-28px 0;display:block;}
.makemyplate-plate-thumb .details{font-size:12px;width:152px;color:#ffffff;padding:2px 5px;line-height:14px;}
.makemyplate-plate-thumb .details label{display:block;}
.makemyplate-plate-thumb .details a{display:block;color:#ffffff;text-decoration:underline;}
.makemyplate-plate-thumb .details label.meal, .makemyplate-plate-thumb .details label.name{float:left;}
.makemyplate-plate-thumb .details label.cal, .makemyplate-plate-thumb .details .author{float:right;}
.makemyplate-plate-thumb .add-button{position:absolute;right:5px;top:90px;}
.makemyplate-plate-thumb .plate-feedback-badge{position:absolute;left:5px;top:5px;display:block;background-image:url('../img/global/feedback-badge.png');}

/* IPHONE AD */
.makemyplate-iphone-ad{height:250px;width:460px;}
.makemyplate-iphone-ad>img{position:absolute;bottom:0px;}
.makemyplate-iphone-ad>div{position:absolute;right:30px;bottom:30px;}
.makemyplate-iphone-ad>div>p{font-size:16px;font-weight:bold;color:#7F7F7F;margin-bottom:15px;line-height:20px;}

/* TABS PANEL */
.makemyplate-tabs-panel{padding-left:30px;position:relative;top:1px;z-index:10;}
.makemyplate-tabs-panel li{width:104px;height:26px;background-image:url(../resources/mypage/mypage-tab-bg.png);margin-right:10px;display:inline-block;zoom:1;*display:inline;}
.makemyplate-tabs-panel li.selected{background-image:url(../resources/mypage/mypage-tab-selected-bg.png);}
.makemyplate-tabs-panel li a{display:block;width:100%;text-align:center;padding-top:7px;font-size:12px;color:#333333;}
.makemyplate-tabs-panel li a:hover{text-decoration:none;}

/* DIALOG TYPE */
.makemyplate-dialog{position:absolute;z-index:2000;color:#575757;}
.makemyplate-dialog a.close{position:absolute;top:3px;right:7px;color:#575757;}
.makemyplate-dialog a.close:hover{text-decoration:none;}
.makemyplate-dialog span.title{font-weight:bold;}
.makemyplate-dialog .arrow-up{width:0;height:0;border-color:transparent transparent #ffffff transparent;border-style:solid;border-width:0 10px 15px 10px;position:relative;top:2px;left:25px;z-index:1;}
.makemyplate-dialog .arrow-up-border{width:0;height:0;border-color:transparent transparent #c7c7c7 transparent;border-style:solid;border-width:0 10px 15px 10px;position:absolute;top:0;left:25px;z-index:1;}

/* DIALOGS */
#plate-details-dialog{font-size:13px;width:500px;}
#plate-details-dialog span.title{display:inline-block;max-width:200px;vertical-align:top;overflow:hidden;}
#plate-details-dialog .arrow-up{left:100px;}
#plate-details-dialog .arrow-up-border{left:100px;}
#plate-details-dialog img.plate-img{width:240px;height:170px;border:1px solid #ccc;float:left;}
#plate-details-dialog div.plate-details{float:left;margin-left:10px;}
#plate-details-dialog div.plate-details .makemyplate-icon{vertical-align:middle;}
#plate-details-dialog div.plate-details ul{margin:25px 0 15px 0;}
#plate-details-dialog div.plate-details ul li{margin:3px 0;}
#plate-details-dialog div.plate-details ul li label{display:inline-block;width:120px;}
#plate-details-dialog div.plate-details p{width:190px;}
#plate-details-dialog div.calander{float:left;}
#plate-details-dialog div.meal-details{float:left;margin:0 30px;}
#plate-details-dialog div.meal-details label{display:block;margin-top:20px;}
#plate-details-dialog ul.plate-actions{position:absolute;top:25px;left:-29px;border-bottom:1px solid #ccc;}
#plate-details-dialog ul.plate-actions li{border:1px solid #ccc;border-bottom:0;background-color:#ffffff;width:20px;height:20px;text-align:center;padding:4px;}
#plate-details-dialog div.meal-details .makemyplate-icon{vertical-align:middle;}
#plate-details-dialog div.meal-types{position:absolute;top:65px;left:60px;background-color:#f5f5f5;padding:5px 10px;border:1px solid #999;text-align:center;}
#plate-details-dialog div.meal-types ul{margin:5px 0;text-align:left;}
#plate-details-dialog div.meal-types label, #plate-details-dialog div.meal-types input{cursor:pointer;}
#plate-details-dialog div.meal-types a{text-decoration:underline;}

.add-plate-dialog ul{margin:20px 0 10px 0;}
.add-plate-dialog ul li{margin-bottom:10px;font-size:13px;}
.add-plate-dialog ul li label{cursor:pointer;}
.add-plate-dialog input[type=button]{margin-left:110px;}

#image-container-dialog{position:absolute;top:10%;margin:0 auto;}

/* DATEPICKER */
.ui-datepicker{padding:0;}
.ui-datepicker .ui-datepicker-header{background-color:#e9e9e9;}
.ui-datepicker td{padding:0;}
.ui-datepicker td span, .ui-datepicker td a{padding:4px;font-size:13px;}
.ui-datepicker table{margin:0;}
.ui-datepicker .ui-icon-circle-triangle-w{background:url('../resources/global/icons.png') no-repeat -70px -260px;}
.ui-datepicker .ui-icon-circle-triangle-e{background:url('../resources/global/icons.png') no-repeat -50px -260px;}
.ui-datepicker .ui-state-default{border:1px solid #ccc;}
.ui-datepicker .ui-state-active{border:1px solid #df7d61;}
.ui-datepicker .ui-datepicker-next-hover{top:2px;right:2px;background-color:transparent;}
.ui-datepicker .ui-datepicker-prev-hover{top:2px;left:2px;background-color:transparent;}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev{cursor: pointer;}

/* DROPDOWN */
.dropdown{width:195px;height:34px;background-image:url(../resources/global/dropdown-bg.png);position:relative;z-index:20;}
.dropdown a{display:block;color:#999999;font-weight:bold;padding:0 10px;}
.dropdown a span{line-height:34px;}
.dropdown a span.value{display:none;}
.dropdown a span.desc{font-size:11px;font-weight:normal;}
.dropdown a:hover{text-decoration:none;}
.dropdown ul{position:absolute;top:15px;left:0;padding-top:1px;width:193px;background-color:transparent;display:none;border-bottom:1px solid #d3dad8;border-left:1px solid #bdbdbd;border-right:1px solid #d3dad8;}
.dropdown ul li{width:191px;height:25px;background-color:#ffffff;vertical-align:middle;padding:1px;}
.dropdown ul li.spacer{height:4px;}
.dropdown ul li a{height:19px;display:block;font-size:13px;font-weight:normal;padding-top:6px;}
.dropdown ul li a:hover{background-color:#bfeadd;}

/* TEXTBOX */
.textbox{width:195px;height:34px;background-image:url(../resources/global/textbox-bg.png);position:relative;}
.textbox input,.textbox span.placeholder{background-color:transparent;color:#999999;width:180px;border:0;left:7px;font-weight:bold;position:absolute;}
.textbox span.placeholder{top:10px;}
.textbox input{top:8px;}
.textbox span.desc{font-size:11px;font-weight:normal;}

/* AMOUNTBOX */
.amountbox{width:195px;height:34px;background-image:url(../resources/global/textbox-bg.png);position:relative;}
.amountbox input,.amountbox span.placeholder{background-color:transparent;color:#999999;width:120px;border:0;left:7px;font-weight:bold;position:absolute;}
.amountbox span.placeholder{top:10px;}
.amountbox input{top:8px;}
.amountbox span.desc{font-size:11px;font-weight:normal;}
.amountbox div.type{width:60px;height:30px;position:absolute;top:2px;right:4px;}
.amountbox div.type.bg-left{background-image:url(../resources/global/amount-switch.png);background-position:0 0;}
.amountbox div.type.bg-left a{right:0;}
.amountbox div.type.bg-right{background-image:url(../resources/global/amount-switch.png);background-position:-60px 0;}
.amountbox div.type.bg-right a{left:0;}
.amountbox div.type span{font-size:9px;position:absolute;top:10px;}
.amountbox div.type span.more{left:6px;}
.amountbox div.type span.less{right:8px;}
.amountbox div.type a{display:block;width:30px;height:30px;position:absolute;top:0;}

/* Unit Switch */
.unit-switch{width:79px;height:30px;background:url('../resources/global/g.png') no-repeat;position:relative;}
.unit-switch.left-selected{background-position:-78px -192px;}
.unit-switch.right-selected{background-position:0 -192px;}
.unit-switch a{font-size:11px;color:#666666;position:absolute;top:0;text-decoration:none;display:block;padding-top:10px;height:20px;text-align:center;}
.unit-switch a:hover{text-decoration:none;}
.unit-switch a.selected{color:#ffffff;}
.unit-switch a.left-btn{width:33px;left:0;}
.unit-switch a.right-btn{width:46px;right:2px;}

/* Even Switch */
.even-switch{width:79px;height:30px;background:url('../resources/global/g.png') no-repeat;position:relative;}
.even-switch.left-selected{background-position:-78px -335px;}
.even-switch.right-selected{background-position:0 -335px;}
.even-switch a{font-size:11px;color:#666666;position:absolute;top:0;text-decoration:none;display:block;padding-top:10px;height:20px;text-align:center;}
.even-switch a:hover{text-decoration:none;}
.even-switch a.selected{color:#ffffff;}
.even-switch a.left-btn{width:39px;left:0;}
.even-switch a.right-btn{width:39px;right:2px;}

/* CUSTOM INPUT */
/* wrapper divs */
.custom-checkbox,.custom-radio,.custom-text,.custom-password{position:relative;}
	
/* input, label positioning */
.custom-checkbox label{background:url(../resources/global/checkbox.gif) no-repeat;}
.custom-radio label{background:url(../resources/global/radio.gif) no-repeat;}
.custom-checkbox input,.custom-radio input{position:absolute;left:0;top:0;z-index:0;margin:0;}
.custom-checkbox label,.custom-radio label{display:inline-block;position:relative;z-index:1;cursor:pointer;background-position:-10px -14px;padding:0 0 0 30px;}
.custom-checkbox label.hover,.custom-checkbox label.focus,.custom-radio label.hover,.custom-radio label.focus{background-position:-10px -114px;}
.custom-checkbox label.checked,.custom-radio label.checked{background-position:-10px -214px;}
.custom-checkbox label.checkedHover,.custom-checkbox label.checkedFocus{background-position:-10px -314px;}
.custom-text{-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;border-color:#d3d3d3 #eeeeee #eeeeee #d3d3d3;border-style:solid;border-width:1px;padding:2px;}
.custom-text input{border:0;color:#555555;font-size:12px;}