/*
R! Bar Design
Developed by: Roberto O Santos
Site: http://robertoosantos.com
Data: 23/nov/2009
*/

/*CSS Reset*/
* {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
}

IMG,
FIELDSET.search,
#menu INPUT,
#pagecontent TABLE.itens *
{BORDER: 0;}

/*Link and Types*/
h1, h2, h3, h4 { text-transform: capitalize; }

body { font: 0.7em normal Arial, Helvetica, sans-serif ; }

body, 
#recipebuttons, 
.headerbuttons, 
.pageform fieldset p.sticknote,
#pagecontent table.itens, 
#goup 
{ text-align: center; }

body.default_aspx a#ctl00_DefaultLink, 
body.recipes_aspx a#ctl00_RecipesLink, 
body.contact_aspx a#ctl00_ContactsLink, 
body.about_aspx a#ctl00_AboutLink, 
body.mybar_mybar_aspx a#ctl00_ctl00_MyBarLink, 
body.mybar_myrecipes_aspx a#ctl00_ctl00_MyBarLink, 
body.mybar_newrecipe_aspx a#ctl00_ctl00_MyBarLink, 
body.mybar_suggestion_aspx a#ctl00_ctl00_MyBarLink,
body.mybar_myprofile_aspx a#ctl00_ctl00_MyBarLink, 
body.mybar_inventory_aspx a#ctl00_ctl00_MyBarLink
{
    color: #FFC;
    cursor: default;
    background: #D28E0F;
    padding: 5px;
}

body.mybar_inventory_aspx a#myinventory,
body.mybar_myrecipes_aspx a#myrecipes,
body.mybar_newrecipe_aspx a#newrecipe,
body.mybar_suggestion_aspx a#suggestions,
body.mybar_myprofile_aspx a#myprofile
{
    background: #F5CD81;
    color: #666;
    cursor: default;
    padding: 5px;
}

#menu a:link, 
#menu a:visited, 
.headerbuttons, 
#menu, 
#mybarmenu, 
#footer,
#mybarmenu a:link, 
#mybarmenu a:visited, 
#pagemenu li a:link,
#pagemenu li a:visited,
#newest_recipes h4, 
#best_users h4
{ color: #FFF; }

#goup a:link, 
#goup a:visited
{ color: #000; }

#content, 
#menu a:hover, 
#pagemenu li a:hover, 
#mybarmenu a:hover, 
#goup a:hover
{ background: #f9bb25; }

#container, 
#pagecontent fieldset small,
#best_users
{ text-align: left; }

#header ul, 
.formdialog fieldset label, 
#pagecontent fieldset label,
span.warning,
#newest_recipes,
ul.paging,
p.paging
{ text-align: right; }

#header ul li, 
#menu ul li, 
#mybarmenu li, 
#pagemenu li
{ text-transform: uppercase; }

#menulist, 
#pagecontent h3, 
.formdialog h3, 
.accordionheader,
#newest_recipes h4, 
#best_users h4
{ font-size: 1.4em; }

.headerbuttons, 
#pagecolumn h3, 
#pagemenu h4 
{ font-size: 1.2em; }

#pagecontent h3, 
.formdialog h3, 
.accordionheader, 
#pagemenu h4,
#pagecolumn h3, 
#pagecolumn h4,
ul.paging a:hover 
{ color: #f9bb25; }

#menu a:hover, 
#mybarmenu a:hover 
{ color: #e42a2a; }

.warning { color: #D00; }

.required, 
.warning, 
#header ul li, 
#menu ul li,
.accordionheader, 
#mybarmenu li, 
.sticknote, 
#pagemenu li,
p.paging
{ font-weight: bold; }

.sticknote 
{ color: #900; }

ul.paging a:link, 
ul.paging a:visited,
p.paging
{ color: #B50; }

.nextbutton { background: url(images/sprite.png) no-repeat -213px -84px; }

.nextbutton:hover { background: url(images/sprite.png) no-repeat -212px -126px; }

.nextbuttonoff { background: url(images/sprite.png) no-repeat -213px -168px; }

.previousbutton { background: url(images/sprite.png) no-repeat -426px -84px; }

.previousbutton:hover { background: url(images/sprite.png) no-repeat -425px -127px; }

.previousbuttonoff { background: url(images/sprite.png) no-repeat -426px -169px; }

.submitbutton { background: url(images/sprite.png) no-repeat -651px -84px; }

.submitbutton:hover { background: url(images/sprite.png) no-repeat -651px -130px; }

.searchbutton { background: url(images/sprite.png) no-repeat 0px -169px; }

.searchbutton:hover { background: url(images/sprite.png) no-repeat 0px -191px; }

.backbutton { background: url(images/sprite.png) no-repeat -474px -84px; }

.backbutton:hover { background: url(images/sprite.png) no-repeat -474px -196px; }

.editbutton { background: url(images/sprite.png) no-repeat -340px -84px; }

.editbutton:hover { background: url(images/sprite.png) no-repeat -340px -128px; }

.uploadbutton { background: url(images/sprite.png) no-repeat -259px -84px; }

.uploadbutton:hover { background: url(images/sprite.png) no-repeat -259px -127px; }

.addbutton { background: url(images/sprite.png) no-repeat 4px -84px; }

.addbutton:hover { background: url(images/sprite.png) no-repeat 4px -125px; }

.loginbutton { background: url(images/sprite.png) no-repeat -80px -84px; }

.loginbutton:hover { background: url(images/sprite.png) no-repeat -80px -127px; }

.closebutton { background: url(images/sprite.png) no-repeat -164px -84px; }

.closebutton:hover { background: url(images/sprite.png) no-repeat -164px -126px; }

.correctionbutton { background: url(images/sprite.png) no-repeat -79px -173px; }

.correctionbutton:hover { background: url(images/sprite.png) no-repeat -78px -213px; }

.filledRatingStar { background: url(images/sprite.png) no-repeat -31px -169px; }

.emptyRatingStar { background: url(images/sprite.png) no-repeat -31px -191px; }

.savedRatingStar { background: url(images/sprite.png) no-repeat -31px -169px; }

.previousbutton, 
.nextbutton,
.previousbuttonoff, 
.nextbuttonoff,
.closebutton,
input.searchbutton
{
    width: 20px;
    cursor: pointer;
    border: none;
}

input.searchbutton
{
    height: 20px;
}

input.searchtext
{
    vertical-align:top;
}

.previousbutton, 
.nextbutton,
.previousbuttonoff, 
.nextbuttonoff,
.closebutton
{
    height: 40px;
    width: 40px!important;
}

.submitbutton, 
.backbutton,
.editbutton, 
.uploadbutton,
.addbutton, 
.loginbutton,
.correctionbutton
{
    height: 41px!important;
    width: 82px!important;
    cursor: pointer!important;
    border: none!important;
}

.previousbuttonoff,
.nextbuttonoff
{
    cursor: default!important;
}

.intro
{
    padding: 10px;
    margin: 5px;
    background: #FFC;
    line-height: 1.2em;
    text-align: justify;
}

.intro fieldset label
{
    width: 100px;
    display: block;
    float: left;
}

#newest_recipes a:link, 
#best_users a:link, 
#newest_recipes a:visited, 
#best_users a:visited
{
    color: #CC3300;
    display: block;
    padding: 5px;
}

#newest_recipes a:hover, 
#best_users a:hover
{
    background: #FC9;
    display: block;
    padding: 5px;
}

/*Layout*/
h1, h2{ text-indent: -9999px; }

body
{
    margin: 0 auto;
    background: #e3c111 url(images/bg.png) repeat-x;
}

.details_controls
{
    width: 90px;
    float: right;
    display: block;
}

#top_recipes > h3 { border-bottom: 5px solid #F9BB25; }

body, 
#mybarmenu 
{ width: 100%; }

#newest_recipes, 
#best_users
{
    width: 300px;
    float: left;
    padding: 5px;
}

#newest_recipes { margin-left: 40px; }

#best_users
{
    margin-right: 40px;
    float: right;
}

#newest_recipes h4, 
#best_users h4
{
    padding: 5px;
    background: #FA4;
    border-bottom: 5px solid #B60;
}

#pagecolumn div.about p
{
    line-height: 1.4em;
    margin: 1em 2em;
}

#pagecolumn div.about ul
{
    margin: 0.5em 0 1em 2em;
    list-style-type: disc;
}

#pagecolumn div.about table
{
    width: 100%;
    text-align: center;
}

#goup a, 
fieldset.search input 
{ height: 20px; }

#menu { height: 25px; }

fieldset.search  
{
    height: 20px; 
    background: #000;
}

#pagecontent fieldset.search
{
    width: 176px;
    border: 5px solid #000;
}

fieldset.search label  { display: none; }

fieldset.search input, 
#menu 
{ vertical-align: bottom; }

fieldset.search input { border: 0 }

/*#container,*/ 
#pagecontent,
.formdialog, 
#pagecolumn, 
#pagemenu 
{ background: #fff; }

#content, 
#pagecontent, 
div.details_text, 
div.recipedetail, 
.headerbuttons, 
#pagecontent fieldset label, 
.sticknote,
.formdialog, 
.formdialog fieldset label, 
.accordionheader, 
address,
.accordioncontent, 
#pagecolumn, 
body.default_aspx a#ctl00_DefaultLink, 
#menu a:hover, 
#mybarmenu a:hover, 
#header ul, 
#menu a:link, 
#menu a:visited, 
#mybarmenu a:link, 
#mybarmenu a:visited,
#pagemenu li a:link, 
#pagemenu li a:visited, 
#mybarmenu,
#menulist 
{ padding: 5px; }

img.details_image { border: 5px solid #FFF!important; }
img.details_image:hover { border: 5px solid #FA4!important; }

#menu, .headerbuttons, .accordionheader, #pagemenu h4, #footer { background: #000; }

#mybarmenu
{
    background: #976509;
    margin: -5px 5px 5px -5px;
    border-bottom: solid 5px #F5CD81;
}

#menulist, 
fieldset.search, 
.formdialog fieldset label,
.formdialog fieldset input, 
#mybarmenu,
.formdialog fieldset textarea, 
#pagemenu li a:link,
#pagemenu li a:visited, 
#goup a { display: block; }

#container { margin: 10px auto; }

#container, #pagecolumn, #pagemenu { position: relative; }

#pagecolumn { width: 510px; }

#pagemenu  
{
    margin: 0 5px;
    left: 0;
}

#pagemenu, .hovermenu { width: 200px; }

#pagemenu ul ul li
{
    background: #fa4;
    border: 0;
    padding-left: 1em;
}

#pagemenu li
{
    color: #FFC;
    background: #F93;
    border-bottom: solid 1px #F30;
}

#pagecolumn div.details_text { width: 345px; }

/*#container, */
#menu,
#pagecontent, 
.formdialog, 
.hovermenu,
.accordioncontent, 
#pagemenu, 
#pagecolumn  
{ border: 5px solid #000; }

.hovermenu { display: none; }

#header
{
    background: url(images/sprite.png) no-repeat left 65px;
    height: 130px;
}

#container, 
#header 
{ width: 770px; }

#content
{
    border-left: 5px solid #000;
    border-right: 5px solid #000;
    width: 750px;
}

#header ul
{
    position: absolute;
    margin: 30px 0 5px 535px;
    width: 225px;
}

#header ul li, 
#menu ul li, 
#mybarmenu li 
{ display: inline; }

#menu
{
    padding: 10px 5px 0px 5px;
    border-bottom: 5px solid #D28E0F;
}

#menu ul li, 
#mybarmenu li 
{ padding-left: 5px; }

.formdialog fieldset, 
#recipebuttons, 
.warning, 
.recipeslist, 
#pagecontent, 
.pageform, 
.sticknote 
{ clear: both;}

.formdialog .warning { width: 520px; }

.pageform .warning { width: 620px; }

#pagecontent, .pageform
{
    margin: 20px auto;
    width: 710px;
}

#pagecontent table.itens
{
    border-style: solid;
    border-width: 5px 2px 2px 2px;
    border-color: #F93;
    width: 700px;
    margin: 5px;
    background: #FFC;
}

#pagecontent table.itens th
{
    border-bottom: 5px solid #F93;
    background-color: #FC6;
}

#pagecontent h3, 
.formdialog h3,
.pageform h3, 
div.details_text ul { padding: 5px 0; }

#recipebuttons
{
    margin: auto;
    width: 200px;
}

#recipebuttons input { margin: 10px 5px; }

#menulist, 
img.details_image, 
.formdialog fieldset label,
.formdialog fieldset input, 
.formdialog fieldset select,
.formdialog fieldset textarea, 
.pageform fieldset label,
.pageform fieldset input, 
.warning, #pagemenu,
.pageform fieldset textarea,  
#menu ul, #mybarmenu,
.pageform fieldset select { float: left; }

fieldset.search, 
div.details_text, 
div.recipedetail,
.closebutton, 
#pagecolumn 
{ float: right; }

#pagemenu { z-index: 9999; }

#goup
{
    background: #FA4;
    border: 5px solid #000000;
    bottom: 46px;
    height: 20px;
    right: -380px;
    width: 60px;
}

#adds
{
    right:-525px;
    top:5px;
    width:140px;
}

#adds, 
#goup
{
    margin:0 50%;
    position:fixed;
}

.accordioncontent .details_text
{
    width: 520px;
}

/* Misc */
.ratingStar
{
    DISPLAY: block;
    BACKGROUND-REPEAT: no-repeat;
    FONT-SIZE: 0px;
    CURSOR: pointer;
    WIDTH: 20px;
    HEIGHT: 20px;
}

ul.paging
{
    clear:both;
    background: #FC6;
    padding: 3px;
}

p.paging
{
    background: #FA4;
    clear: both;
}

ul.paging li
{
    display:inline;
    padding: 3px 3px 3px 6px;
    background: #FE8;
}

span.checkbox input
{
    width: 13px!important;
    margin: 6px 5px 5px 240px;
}
span.checkbox label
{
    text-align: left!important;
}

.recipeslist > *, 
.sticknote
{ margin: 5px 0; }

img.details_image { clear: left; }

div.details_text { width: 540px; }

div.recipedetail { width: 520px; }

div.details_text, 
div.recipedetail p 
{ padding: 2px; }

.modal { background: url('images/modalbackground.png') repeat left top; }

.formdialog { width: 550px; } 

.formdialog br, 
.pageform br 
{ clear: left; }

.formdialog fieldset input,
.formdialog fieldset textarea, 
.formdialog fieldset select, 
.pageform fieldset input,
.pageform fieldset textarea,
.pageform fieldset select 
{ 
    width: 355px; 
    margin-bottom: 5px;
}

.formdialog fieldset label { width: 150px; }

.pageform fieldset label { width: 250px; }

.highlight { border: 2px solid #F30; }

.highlight, 
.sticknote
{ background: #FFC; }

.accordionheader { cursor: pointer; }

div.details_text ul li
{
    list-style-type: square;
    list-style-position: inside;
}

input[type="text"]:focus, 
input[type="password"]:focus,
select:focus, 
textarea:focus
{ border: 2px solid #FA4; }

fieldset.search input:focus
{ border: 0; }

/* Bug Fix */
#menu:after, #pagecontent:after
{
    content: '.';
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}