body { padding:0px; margin:0px; margin:auto auto;}
.clear { clear: both; }
a:link {color: #4e4d01; text-decoration: none; }
a:visited {text-decoration: none; color: #4e4d01; }
a:hover {text-decoration: none; color: #b4c103;}
a:active {text-decoration: none; color: #4e4d01;}
/*Fonts*/
@font-face {
font-family: 'CalibriBold';
src: url('fonts/calibrib-webfont.eot');
src: local('☺'), url('fonts/calibrib-webfont.woff') format('woff'), url('fonts/calibrib-webfont.ttf') format('truetype'), url('fonts/calibrib-webfont.svg#webfontKVUhAULH') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CalibriRegular';
src: url('fonts/calibri-webfont.eot');
src: local('☺'), url('fonts/calibri-webfont.woff') format('woff'), url('fonts/calibri-webfont.ttf') format('truetype'), url('fonts/calibri-webfont.svg#webfontpXLXDiYC') format('svg');
font-weight: normal;
font-style: normal;
}
.calibri {font-family:CalibriRegular;}
.calibribold {font-family:CalibriBold;}
.calibri12 {font-family:CalibriRegular; font-size:12px; color:#3e4407; text-align:right; margin-right:28px;}
/*main container*/
#main {width:950px; height: auto; margin:auto auto;}
/* Container for Logo and Login with logo and login ID*/
#L_L_container {width:950px; height:92px; margin:auto auto;}
#logo {width:556px; height:92px; float:left; background:url(images/logo.jpg) no-repeat top left; }
/*Login Container*/
#log_container {width:394px; height:85px; float:left; background:url(images/login_bcg.png) no-repeat top right; margin:auto auto; }
/*Login menu*/
#login {width:394px; height:85px; background:url(images/login_bcg.png) no-repeat top right; }
#menu-login {width:349px; height:14px;}
#login ul,#login ul li { list-style: none; padding-left:15px; margin:auto auto; }
#login ul li {float: left; }
#login li { width:auto; padding:5px 10px 0px 5px; height:20px;}
#login ul {display: block; width: 394px; list-style-type: none; margin-top:0px;}
/* text */
#login ul a:link,#login ul a:visited {color:#4e4d01; display: block; text-align:center; font-size:14px; font-family:CalibriRegular; text-decoration:none;}
/* text hover */
#login ul a:hover { color: #7e7d00; font-weight: normal; font-size:14px; font-family:CalibriRegular; text-decoration:none;}
/*AFTER LOG IN*/
#user {width:394px; height:50px; padding:0 0 0 20px;}
#user-img {width:50px; height: 40px; float:left;}
#user-info {width:234px; height:50px; float:left; padding:0 10px 0 10px; font-family:CalibriRegular; color:#292929; font-size:14px; line-height:20px; }
#user-logout {width:50px; height:30px; float:left; margin-right:20px; padding-top:20px;}
#user-info a:link, #user-info a:visited, #user-logout a:link, #user-logout a:visited {color:#586706; font-family:CalibriBold;}
#user-info a:hover, #user-logout a:hover {color:#C00;}
#user-name {font-family:CalibriBold; display:block; width: 176px; float:right;}
/*form login*/
#form {width:260px; height:40px; margin-left:15px; margin-right:10px; float:left; font-size:12px; line-height:20px;}
input, textarea {padding: 2px; border: solid 1px #E5E5E5; outline: 0; font: normal 13px; width: 120px; height:20px; background: #FFFFFF;}
input:hover,input:focus {border-color: #C9C9C9;}
/*Submit button*/
#button-submit {width:85px; float:left;}
#submit{ display: block; width: 85px; height: 28px; background: url("images/submit.png") no-repeat 0 0; float:right;}
#submit:hover { background-position: 0 -28px;}
#submit span { display: none;}
/* Container for menu and search with menu and search ID*/
#M_S_container {width:950px; height:39px; margin:auto auto; background:url(images/navi-bcg.png) no-repeat center top; margin-bottom:5px;}
#menu {width:720px; height:39px; float:left;}
/*main menu*/
#menu ul, #menu ul li { list-style: none; margin: auto; }
#menu ul li {float: left; }
#menu li { width:auto; padding:8px 10px 0px 10px;}
#menu ul {display: block; width: 720px; list-style-type: none;}
/* text */
#menu ul a:link ,#menu ul a:visited {color:#fff; display: block; text-align:center; font-size:20px; font-family:CalibriBold; text-decoration:none; text-shadow:1px 1px 0px #687a08;}
#menu ul .active a:link ,#menu ul .active a:visited {color:#F8DB40; display: block; text-align:center; font-size:20px; font-family:CalibriBold; text-decoration:none; text-shadow:1px 1px 0px #687a08;}
/* text hover */
#menu ul a:hover { color: #c9d900; font-weight: normal; font-size:20px; font-family:CalibriBold; text-decoration:none;}
#menu ul .active a:hover { color: #c9d900; font-weight: normal; font-size:20px; font-family:CalibriBold; text-decoration:none;}
/*search*/
#search{width:230px; height:39px; float:left;}
/*Container for baner and columns */
#baner {width:950px; height:360px; margin:auto auto; background:url(images/banner_bcg.png) no-repeat bottom;}
#B {width:950px; height:360px; float:left; background:url(images/girl.png) bottom right no-repeat;}
#B_TXT {width:598px; height:97px; font-family: CalibriRegular; font-size:48px; color:#626101; padding:10px 0px 0px 30px;}
.b_txt {font-size:30px; color:#767671;}
#B_COL1 {width:51px; height:200px; float:left; padding:23px 7px 0px 30px; text-align:center;}
#B_COL2 {width:249px; height:200px; float:left; font-family:CalibriRegular; font-size:30px; padding-top:23px; color:#3a4302;}
#B_COL3 {width:51px; height:200px; float:left; padding:23px 7px 0px 7px;}
#B_COL4 {width:249px; height:200px; float:left;font-family:CalibriRegular; font-size:30px; padding-top:23px; color:#3a4302;}
.b_txt_col {font-size:14px; color:#313131;}
.form_font {font-size:14px; color:#383801; font-family:CalibriBold; line-height:20px;}
#B_COL2 input, textarea {padding: 2px; border: solid 1px #E5E5E5; outline: 0; font: normal 20px; width: 200px; height:20px; background: #FFFFFF;}
#B_COL2 input:hover, #B_COL2 input:focus {border-color: #C9C9C9;}
#button-submit_B_COL2 {width:115px; float:left;}
#submit_B_COL2{ display: block; width: 115px; height: 46px; background: url("images/submit_big_orange.png") no-repeat 0 0; float:right; margin-top:0px;}
#submit_B_COL2:hover { background-position: 0 -46px;}
#submit_B_COL2 span { display: none;}
#B_COL4 input, textarea {padding: 2px; border: solid 1px #E5E5E5; outline: 0; font: normal 20px; width: 200px; height:20px; background: #FFFFFF;}
#B_COL4 input:hover, #B_COL4 input:focus {border-color: #C9C9C9;}
#button-submit_B_COL4 {width:117px; float:left;}
#submit_B_COL4{ display: block; width: 112px; height: 46px; background: url("images/submit_big.png") no-repeat 0 0; float:right; margin-top:0px;}
#submit_B_COL4:hover { background-position: 0 -46px;}
#submit_B_COL4 span { display: none;}
/*Container for baner_repeat and columns */
.repeat {width:950px; height:auto; margin:0 auto; background: #dbe27c repeat-y;}
#baner_repeat {width:950px; height:auto; margin:auto auto; background: url(images/banner_1.jpg) no-repeat top;}
.padding-recipe-container { width:900px; padding:10px 25px 5px 25px;
min-height:400px;
height:auto !important;
height:400px;
overflow: auto;
overflow:hidden;
clear:both;}
#baner_bottom {width:950px; height:18px; background:url(images/banner_3.png) no-repeat bottom center;}
#baner_content {width:910px; padding:20px 20px 0 20px;}
/*BOXES with repeat*/
.box-repeat {width:310px; height:auto; background: #ccd371 repeat-y; }
.box-bcg {width:310px; height:auto; margin:auto auto; background:url(images/box1.png) no-repeat top;}
.box-bottom {width:310px; height:12px; background:url(images/box2.png) no-repeat bottom center;}
#box-container {width:950px; margin:auto auto; height:590px; margin-top:10px;}
.box-col {width:310px; float:left;}
.margin10px {margin-right:10px;}
.content-box {width:300px; padding:10px 0 0 10px; height:570px;}
/*MY GROCERY: COLUMNS, BUTTONS*/
#grocery-container {width:950px; margin:0px auto; display:block;}
#grocery-col1 {width:310px; float:left; margin-right:20px; margin-bottom:20px;}
#grocery-col2 {width:620px; float:left; height: 1%; margin: 0;}
.button-add {width:30px; float:left;}
.add{ display: block; width: 30px; height: 30px; background: url("images/add.png") no-repeat 0 0; float:right;}
.add:hover { background-position: 0 -30px;}
.add span { display: none;}
.button-delete {width:20px;}
.delete{ display: block; width: 20px; height: 20px; background: url("images/delete.png") no-repeat 0 0; float:right;}
.delete:hover { background-position: 0 -20px;}
.delete span { display: none;}
.grocery_h1 {font-size:24px; font-family:CalibriBold; color:#626101; padding-left:10px;}
.grocery_h2 {font-size:16px; font-family:CalibriRegular; color:#626101;}
.grocery_h2-bold {font-size:17px; font-family:CalibriBold; color:#626101;}
.margin-gro {padding-left:5px;}
/*REPEAT BOX in GROCERY LIST (small)*/
.box-repeat-grocery {width:310px; height:auto; background: #ccd371 repeat-y;}
.box-bcg-grocery {width:310px; height:auto; margin:auto auto; background:url(images/box1-grocery.png) no-repeat top;}
.box-bottom-grocery {width:310px; height:12px; background:url(images/box2-grocery.png) no-repeat bottom center;}
/*REPEAT BOX in GROCERY LIST (big)*/
.box-repeat-grocery2 {width:620px; height:auto; background: #f8dc78 repeat-y;}
.box-bcg-grocery2 {width:620px; height:auto; margin:auto auto; background:url(images/grocery-1.png) no-repeat top;}
.box-bottom-grocery2 {width:620px; height:12px; background:url(images/grocery-2.png) no-repeat bottom center;}
#fav a:link {color:#930;}
/*.fav a:hover {color:#930;}*/
/*MY RECIPE BOX + MY GROCERY LIST - COLLUMNS*/
.padding-container {width:900px; padding:10px 25px 0px 25px; height:900px;}
.rec_gro_col {width:300px; height:auto; float:left;}
.rec_gro_h1 {font-family:CalibriRegular; font-size:24px; }
/*LOGIN*/
.container_banner {width:900px; height:350px; margin:auto auto; padding:50px 0 0 50px;}
.txt_h1 {font-family:CalibriRegular; font-size:48px; color:#626101; width:auto; float:left;}
.txt_h2 {font-family:CalibriRegular; font-size:18px; color:#767671; width:auto; float:left; margin-top:25px;}
.recover {font-size:14px; font-family:CalibriBold; line-height:25px;}
.login_txt {width:860px; height:60px; padding-left:40px; padding-top:40px; }
.login_txt_form {width:230px; height:125px; float:left; text-align:right; font-family:CalibriRegular; font-size:20px; color:#626101; padding-right:10px; }
.login_fields {width:660px; height:125px; float:left;}
.login_fields input, textarea {padding: 2px; border: solid 1px #E5E5E5; outline: 0; font-family:CalibriRegular; font-size:18px; width: 220px; height:24px; background: #FFFFFF;}
.login_fields input:hover, .login_fields input:focus {border-color: #C9C9C9;}
/*SIgn up*/
.recover input, textarea {width:12px; height:12px;}
/*KOPIA DO DUŁUGICH PODSTRON
.container_banner {width:900px; height:350px; margin:auto auto; padding:50px 0 0 50px;}
.txt_h1 {font-family:CalibriRegular; font-size:48px; color:#626101; width:auto; float:left;}
.txt_h2 {font-family:CalibriRegular; font-size:18px; color:#767671; width:auto; float:left; margin-top:25px;}
.recover {font-size:14px; font-family:CalibriBold; line-height:25px;}
.login_txt {width:860px; height:100px; padding-left:40px; }
.login_txt_form {width:230px; height:125px; float:left; text-align:right; font-family:CalibriRegular; font-size:20px; color:#626101; padding-right:10px; }
.login_fields {width:660px; height:125px; float:left;}
.login_fields input, textarea {padding: 2px; border: solid 1px #E5E5E5; outline: 0; font-family:CalibriRegular; font-size:18px; width: 200px; height:24px; background: #FFFFFF;}
.login_fields input:hover, .login_fields input:focus {border-color: #C9C9C9;}*/
/*ITEMS YOU MAY NEED; LETS GET STARTED; ITEMS YOU MAY ALSO NEED*/
#col_1_items {width:100px; height:360px; float:left;}
#col_2_items {width:600px; height:360px; float:left; font-family:CalibriRegular; font-size:16px; color:#767671;}
/*BUTTONS*/
/*GetStarted Button*/
#get_started_button {width:136px; float:left;}
#get_started{ display: block; width: 136px; height: 27px; background: url("images/get_started.png") no-repeat 0 0; float:right;}
#get_started:hover { background-position: 0 -27px;}
#get_started span { display: none;}
/*AddRecipe Button*/
#add_recipe_button {width:136px; float:left;}
#add_recipe{ display: block; width: 136px; height: 27px; background: url("images/add_recipe.png") no-repeat 0 0; float:right;}
#add_recipe:hover { background-position: 0 -27px;}
#add_recipe span { display: none;}
/*LoadEntries Button*/
#load_entries_button {width:136px; float:left;}
#load_entries{ display: block; width: 136px; height: 27px; background: url("images/load_entries.png") no-repeat 0 0; float:right;}
#load_entries:hover { background-position: 0 -27px;}
#load_entries span { display: none;}
/*SkipStep Button*/
#skip_step_button {width:150px; float:left;}
#skip_step{ display: block; width: 138px; height: 29px; background: url("images/skip_step.png") no-repeat 0 0; float:right;}
#skip_step:hover { background-position: 0 -29px;}
#skip_step span { display: none;}
/*HOME*/
.home_col {width:297px; height:340px; float:left; padding:20px 0 0 20px;}
/*header for Meal Ideas and Recently Added*/
.home_txt {width:297px; height:18px;}
.home_h1 {width:297px; height:20px; font-size:24px; font-family:CalibriBold; color:#626101; float:left; margin-right:15px;}
.home_h2 {width:auto; height:14px; font-size:12px; font-family:CalibriRegular; color:#767671;padding-top:6px;}
/*img with txt*/
.img_txt_container { width:297px; height:64px; margin-top:15px; }
.img_container {width:64px; height:64px; float:left;}
.text_container {width:213px; height:44px; float:left; font-size:22px; font-family:CalibriRegular; color:#767671; padding:20px 0 0 20px;}
.img_txt_tag_container { width:297px; height:64px; margin-top:15px; float:left; }
/*HOW IT WORKS & COLLUMNS*/
#hiw_col1 {width:230px; height:340px; float:left; padding:20px 20px 0 20px;}
#hiw_col2 {width:400px; height:345px; float:left; padding-top:15px;}
#hiw_col3 {width:235px; height:340px; float:left; padding:20px 20px 0 20px; font-family:CalibriRegular; color:#63635f;}
#hiw_col3 ul { list-style-type:circle; padding-left: 20px; }
.hiw_txt_h1 {font-family:CalibriRegular; font-size:25px; color:#626101; width:auto; float:left; margin-top:12px;}
/*Sign Up Now BUTTON*/
#signup-button {width:136px;}
#signup-hiw{ margin-left:50px; display: block; width: 136px; height: 27px; background: url("images/sign_up_now.png") no-repeat 0 0;}
#signup-hiw:hover { background-position: 0 -27px;}
#signup-hiw span { display: none;}
/*ROUNDED CORNERS*/
.rounded-img {display: inline-block; border: solid 1px #000; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4); }
/*FOR USER IMG*/
.rounded-img-user {display: inline-block; border: solid 1px #fed237; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .4); box-shadow: 0 0 3px rgba(0, 0, 0, .4); }
/*Container for Mobile, Recipe, Testimonials*/
#MRT_container {width:950px; height:184px; padding-top:10px; margin:auto auto;}
.MRT_box {width:302px; height:172px; background:url(images/box_bcg.png) no-repeat top left; float:left; padding:12px 0px 0px 12px;}
/*margins for boxes MRT*/
.MRT_left {margin-left:4px;}
.iphone {width:302px; height:172px; background:url(images/iphone.png) no-repeat bottom right; }
.food {width:302px; height:172px; background:url(images/food.png) no-repeat bottom right; }
.quote {width:302px; height:172px; background:url(images/HoneyDrop-blood-oranges.png) no-repeat bottom right; }
.MRT_txt_h1 {font-family:CalibriRegular; font-size:24px; text-shadow:1px 1px 0px #FFFFFF; color:#000;}
.MRT18px {font-family:CalibriRegular; font-size:18px; color:#1e1e1e;}
.MRT14px {font-family:CalibriRegular; font-size:14px; color:#1e1e1e;}
.txt-container {width:302px; height:136px;}
.padding {padding:0 0 0 30px;}
/*Read More BUTTON*/
.button-readmore {width:101px; float:left; display:block;}
.readmore{ display: block; width: 101px; height: 36px; background: url("images/readmore.png") no-repeat 0 0; float:right;}
.readmore:hover { background-position: 0 -36px;}
.readmore span { display: none;}
/*footer container*/
#footer {width:950px; height:80px; margin:auto auto; background:url(images/footer.png) no-repeat top center; margin-top:10px;}
#F_COL1 {width:111px; height:40px; float:left; padding:15px 0 0 15px;}
#F_COL2 {width:281px; height:40px; float:left; text-align:left; padding:25px 0 0 0; text-align: center; color: #3E4407; font-family: CalibriRegular; font-size: 12px; }
#F_COL2 span { color: #CCC ; padding-left:10px;}
#F_COL3 {width:541px; height:40px; float:left; padding:25px 0 0 0; color: #3E4407; font-family: CalibriRegular; font-size: 13px; text-align: center;}
.F_h1 { font-family:CalibriRegular; font-size:18px; color:#3e4407;}
/*Newsletters BUTTON*/
.button-newsletters {width:90px; float:left;}
.newsletters{ display: block; width: 90px; height: 32px; background: url(images/submit_newsletters.png) no-repeat 0 0;}
.newsletters:hover { background-position: 0 -32px;}
.newsletters span { display: none;}
/*Newsletters FORM*/
#N_COL1 {width:216px; height:32px; float:left; }
#N_COL2 {width:130px; height:32px; float:left; text-align: left;}
#N_COL1 input, textarea {padding: 2px; border: solid 1px #E5E5E5; outline: 0; font: normal 20px; width: 220px; height:26px; background: #FFFFFF;}
#N_COL1 input:hover, #B_COL2 input:focus {border-color: #C9C9C9;}
/*TAG BOX*/
#tag {width:910px; height:218px; background:url(images/tag-bcg2.png) no-repeat; margin-top:10px; margin-bottom:-15px; font-size:16px; font-family:CalibriRegular; text-align:center; padding:20px 20px 20px 20px; clear: both;}
.repeat-tag-color {width:950px; height:auto; background: #ccd371; clear: both;}
#tag-bcg {width:910px; height:auto; margin:auto auto; background: url(images/tag-bcg.jpg) no-repeat top; margin-top:10px; margin-bottom:0px; font-size:16px; font-family:CalibriRegular; text-align:center; padding:20px 20px 20px 20px; }
#tag_bottom {width:950px; height:11px; background:url(images/tag-bottom.png) no-repeat center;}
.tag_h1 {font-family:CalibriBold;}
/*Footer menu*/
#footer ul,#footer ul li { list-style: none; padding-left:10px; margin:auto auto; }
#footer ul li {float: left; }
#footer li { width:auto; padding:4px 10px 0px 4px; height:18px;}
#footer ul {display: block; width: 394px; list-style-type: none;}
/* text */
#footer ul a:link,#footer ul a:visited {color:#2e3302; display: block; text-align:center; font-size:12px; font-family:CalibriRegular; text-decoration:none;}
/* text hover */
#footer ul a:hover { color: #7e7d00; font-weight: normal; font-size:12px; font-family:CalibriRegular; text-decoration:none;}
/* Error inputs org - bg: FFBCBC , border: #C24949 */
.error_text { color:#c24949; font-weight:normal; margin:5px 0px 5px 0; font-size:15px; height:16px; font-family:CalibriRegular; text-decoration:none; }
input.input_error {border: solid 1px #EF7979 !important; background: #FFDDDD !important;}
input:hover.input_error , input:focus.input_error {border-color: #C14343 !important;}
input.input_normal {border: solid 1px #E5E5E5; background: #FFFFFF;}
input:hover.input_normal , input:focus.input_normal {border-color: #C9C9C9;}
input.submit_ie_button { background:none !important; border:none !important; height:1px !important; outline:0 none !important; padding:0px !important; width:1px !important; }
/* OK & CANCEL BUTTON */
/*OK */
#button-ok {width:86px; float: left;}
#ok{ display: block; width: 86px; height: 23px; background: url("images/ok.png") no-repeat 0 0; float:right;}
#ok:hover { background-position: 0 -23px;}
#ok span { display: none;}
/*CANCEL*/
#button-cancel {width:82px; float: left;}
#cancel{ display: block; width: 82px; height: 23px; background: url("images/cancel.png") no-repeat 0 0; float:right;}
#cancel:hover { background-position: 0 -23px;}
#cancel span { display: none;}
/* UP DOWN BUTTON */
/*down*/
.button-down {width:20px; float:left; margin-right: 1px}
.down{ display: block; width: 20px; height: 18px; background: url("images/down.png") no-repeat 0 0; float:right;}
.down:hover { background-position: 0 -18px;}
.down span { display: none;}
/*up*/
.button-up {width:20px; float:left; margin-right: 1px}
.up{ display: block; width: 20px; height: 18px; background: url("images/up.png") no-repeat 0 0; float:right;}
.up:hover { background-position: 0 -18px;}
.up span { display: none;}
/*white*/
.button-white {width:20px; float:left;}
.white{ display: block; width: 20px; height: 18px; background: url("images/down-white.png") no-repeat 0 0; float:right;}
.white span { display: none;}
div.qty-table {float:left; padding: 0 0 3px 5px;}
/* UPDATE TOP BEFORE and AFTER LOG IN */
/* Container for TOP - logo and other crap*/
#TOP-container {width:950px; height:92px; margin:auto auto;}
#Logo-and-menu {width:950px; height:72px; margin:auto auto;}
#TOP-logo {width:356px; height:72px; float:left; background:url(images/logo.jpg) no-repeat top left; }
/*BEFORE LOG IN*/
#container-menu-before {width:364px; height:42px; float:left; font-family: CalibriRegular; color:gray; font-size:15px; padding:30px 0 0 230px;}
#container-menu-before a { font-size:16px; font-family:CalibriBold; }
/*AFTER LOG IN*/
#container-menu-after {width:594px; height:72px; float:left; font-family: CalibriRegular; color:#7e7d00; font-size:16px;}
/*user image container with image and name*/
#user-image {width:304px; height:72px; float:left;}
/*content user-image*/
#image {width:55px; height:56px; float:left; padding-top:16px; padding-left:20px;}
#welcome {width:75px; height:42px; float:left; padding-top:30px;}
#name { height:42px; float:left; padding-top:30px;}
#user-menu {width:290px; height:42px; float:left; padding-top:30px;}
#user-menu ul, #user-menu ul li { list-style: none; margin: auto; }
#user-menu ul li {float: right; }
#user-menu li { width:auto; padding:0 0 0 15px;}
#user-menu ul {display: block; width: 265px; list-style-type: none; margin-left: -20px;}
/* text */
#user-menu ul a:link,#user-menu ul a:visited {color:#7e7d00; display: block; text-align:right; font-size:16px; font-family:CalibriRegular; text-decoration:none; }
/* text hover */
#user-menu ul a:hover { color: #c9d900; font-size:16px; font-family:CalibriRegular; text-decoration:none;}
/*Moving text container*/
div.movingtext {width:950px; height:20px; font-family: CalibriRegular; font-size:14px; color:#7e7d00;}
/* RECIPE BOX & MEAL IDEA */
/*First column with entree text*/
#rec-mea-col1 {width:300px; float:left;} /*usunąć height */
#entree {width:300px; height:70px;}
#rec-mea-img {width:300px; text-align:left;}
/*Second column with box, voting, description etc.*/
#rec-mea-col2 {width:570px; padding-left:25px; float:left;} /*usunąć height */
#padding-rec-mea {width:575px; height:70px;}
/*box*/
#box-rec-mea {width:555px; padding:10px; background:#FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4); }
/*containers for img or logo, vote, ratting, fav*/
#container-vote-fav {width:555px; height:60px;}
.img-vote-fav {width:320px; float:left; height:60px;}
.vote {width:130px; height:45px; float:left; padding-top:15px;}
.ratting {width:35px; height:45px; font-family:CalibriRegular; color:#3e4407; float:left; padding-top:15px;}
.fav {width:80px; height:45px; float:left; padding-top:15px; float: right; }
/*recipe name*/
#recipe-name {width:500px; font-family:CalibriBold; color:#3e4407; font-size:26px;}
/*recipe user*/
#recipe-user {width:555px; height:35px; font-family:CalibriRegular; color:#CCC; font-size:14px;}
/*recipe description*/
#recipe-description {width:555px; height:auto; font-family:CalibriRegular; color:#3e4407; font-size:20px; text-align:justify; border-bottom:1px solid #3e4407; padding-bottom:10px; margin-bottom:10px; }
/*add to list*/
#add-list {width:555px; height:40px; text-align:right; font-family:CalibriBold; color:#3e4407; font-size:16px;}
/*recipe info*/
#recipe-info {width:555px; height:30px; font-family:CalibriRegular; color:#3e4407; font-size:14px;}
/*FAV and FAV hover*/
/*ADD TO GROCERY LIST and DELETE FROM GROCERY LIST*/
/*container for buttons*/
#rec-mea-buttons {width:250px; height:50px; margin-top:20px; margin-left:50px; }
/*FAV*/
/* */
.button-fav {width:200px; height:25px; float:left;}
.fav-add{ display: block; width: 200px; height: 25px; background: url("images/fav.png") no-repeat 0 0;}
.fav-add:hover { background-position: 0 -25px;}
.fav-add span { display: none;}
/*FAV hover (aka. delete from fav)*/
/* */
.button-fav-delete {width:200px; height:25px; float:left;}
.fav-delete{ display: block; width: 200px; height: 25px; background: url("images/unfav.png") no-repeat 0 0;}
.fav-delete:hover { background-position: 0 -25px;}
.fav-delete span { display: none;}
/*add to grocery list button*/
/* */
.button-add-list {width:200px; height:25px; float:left; margin-top:5px;}
.addlist{ display: block; width: 200px; height: 25px; background: url("images/add-to-list.png") no-repeat 0 0;}
.addlist:hover { background-position: 0 -25px;}
.addlist span { display: none;}
/*delete from grocery list*/
/* */
.button-add-list-delete {width:200px; height:25px; float:left; margin-top:5px;}
.addlist-delete{ display: block; width: 200px; height: 25px; background: url("images/add-to-list-delete.png") no-repeat 0 0;}
.addlist-delete:hover { background-position: 0 -25px;}
.addlist-delete span { display: none;}
/* PROFILE USER */
.padding-profile {width:900px; padding:10px 25px 0px 25px; height:500px;}
/*profile img container, user img and name*/
#profile-img {width:300px; height:auto; float:left;}
#profile-name {width:300px; height:55px; font-size:24px; font-family:CalibriBold; color:#626101;}
/*profile about container, name etc.*/
#profile-about {width:300px; height:auto; float:left; margin-top:55px; font-size:16px; font-family:CalibriRegular; color:#626101;}
/*about-form*/
#profile-about input, #profile-about textarea {padding: 2px; margin:2px 2px 2px 10px; border: solid 1px #CCC; outline: 0; font-size:16px; width: 150px; height:20px; background: #FFFFFF; font-family:CalibriBold; color:#626101;}
#profile-about input:hover, #profile-about input:focus {border-color: #626101;}
#profile-about span, .profile-change span { padding: 2px; margin:2px 2px 2px 10px; }
#profile-about select {padding: 2px; margin:2px 2px 2px 10px; border: solid 1px #CCC; outline: 0; font-size:15px; width: 150px; background: #FFFFFF; font-family:CalibriBold; color:#626101;}
/*profile change container, change pass and mail */
.profile-change {width:300px; height:auto; float:left; margin-top:55px; font-size:16px; font-family:CalibriRegular; color:#626101;}
/*change-form*/
.profile-change input, .profile-change textarea {padding: 2px; margin:2px 2px 2px 10px; border: solid 1px #CCC; outline: 0; font-size:16px; width: 150px; height:20px; background: #FFFFFF; font-family:CalibriBold; color:#626101;}
.profile-change input:hover, .profile-change input:focus {border-color: #626101;}
/*profile submit button*/
/* */
.profile-submit {width:69px; float:right; margin:15px 20px 0px 0px;}
.profile-button{ display: block; width: 69px; height: 28px; background: url("images/submit-orange-sml.png") no-repeat 0 0; float:right;}
.profile-button:hover { background-position: 0 -28px;}
.profile-button span { display: none;}
.margin-plus { margin:15px 10px 0px 0px; }
.margin-plus2 { margin:5px 30px 0px 0px; }
.error_text2 { color:#c24949; font-weight:normal; margin:5px 0px 5px -50px; font-size:14px; height:16px; font-family:CalibriRegular; text-decoration:none; }
/*next step button*/
/* */
.nextstep-button {width:138px; float:right;}
.nextstep{ display: block; width: 138px; height: 29px; background: url("images/next-step.png") no-repeat 0 0; float:right;}
.nextstep:hover { background-position: 0 -29px;}
.nextstep span { display: none;}
/*upload button*/
/* */
.upload-button {width:69px; float:left;}
.upload{ display: block; width: 69px; height: 28px; background: url("images/upload.png") no-repeat 0 0; float:right;}
.upload:hover { background-position: 0 -28px;}
.upload span { display: none;}
/* Tag Recipe, Entrees, etc. */
#tag-name {width:900px; height:30px;}
.more_txt { height:18px;}
.more_h1 { height:20px; font-size:24px; font-family:CalibriBold; color:#626101; float:left; margin-right:15px;}
/* Profile - inpit file bgcolor: #dbe27c */
#crop_div input { padding: 2px; border: solid 1px #E5E5E5; outline: 0; font: normal 13px; width: auto; height:auto; background: #FFF; }
#crop_div input:hover, #crop_div input:focus {border-color: #626101;}