/*RECIPE BOX PAGE*/
.btn-block {display:block;}
.recipe-category-name {padding: 3px 0px 0px 0px; color: #ffffff; font-weight: bold;}

.box_1 a, .box_2 a, .box_3 a, .box_4 a, .box_5 a, .box_6 a, 
.box_1, .box_2, .box_3, .box_4, .box_5, .box_6 {color:#ffffff; font-weight:bold;}
.box_1 {background-color:#7caa5d;}/*dk-green*/
.box_2 {background-color:#9ab343;}/*lt-green*/
.box_3 {background-color:#d09a00;}/*gold*/
.box_4 {background-color:#d97700;}/*dk-orange*/
.box_5 {background-color:#34abc5;}/*blue*/
.box_6 {background-color:#fba91f;}/*lt-orange*/



li.recipe-tile-dragging {width:210px;height:40px;overflow:hidden;background:transparent url(/images/bg/bg-recipe-tile-closed.png) 0 0 no-repeat;border:none;color:#FFFFFF;z-index:9999;}

li.recipe-tile-dragging .recipe-name {font-size:93%;height:24px;line-height:1.6em;overflow:hidden;padding:3px 0 0 10px;width:130px;}
li.recipe-tile-dragging .recipe-name a {color:#FFFFFF;font-size:14px;}
li.recipe-tile-dragging .recipe-name a:hover {text-decoration:none;}
li.recipe-tile-dragging .recipe-rating {display:none;}
li.recipe-tile-dragging .recipe-image {display:none;}
li.recipe-tile-dragging .recipe-description {display:none;}
li.recipe-tile-dragging .recipe-utilities {display:none;}

/*RECIPE BOX WIDGET*/
#recipe-box-widget {width:247px;position:absolute;left:-203px;top:130px;z-index:2000;overflow:hidden;}
#recipe-box-widget-animator {width:247px;overflow:hidden;}
.recipe-box-widget-container {width:243px;min-height:235px;padding:3px 4px 4px 0;background:transparent url(/images/recipeBox/recipeBox_tab.png) 0 0 no-repeat;}

#recipe-box-widget-handle {width:40px;height:232px;cursor:pointer;}
.recipe-box-opener {width:40px;height:0;padding-top:45px;overflow:hidden;background:transparent url(/images/recipeBox/recipeBoxWidget_opener.gif) 0 0 no-repeat;}
.recipe-box-open .recipe-box-opener {background-position:0 -45px;}

.recipe-box-widget-options {width:193px;padding:0 5px 5px;background-color:#FFFFFF;}
.recipe-box-widget-container .toolbox-pane {padding:0;}
.recipeBox-search-field {height:21px;padding:12px 0;}
#recipe-box-widget .toolbox-pane {background-color:transparent;}
#recipe-box-widget .toolbox-header span {background-color:transparent;background-image:none;padding-left:8px;}

#recipe-box-widget .search-results {background:#FFFFFF url(/images/bg/bg_recipeBoxPanel_results.png) 0 0 repeat-y;margin:0;}
#recipe-box-widget .search-results div.recipe-tile {padding:3px;border-bottom:1px solid #c1c1c1;background:transparent url(/images/bg/undershadow.png) 0 0 repeat-x;width:auto;margin-bottom:0;}
#recipe-box-widget .search-results .recipe-tile-calendar.recipe-tile-minimized {}
#recipe-box-widget .search-results .recipe-tile-dragging {width:180px;}
#recipe-box-widget .recipe-thmb {display:block !important;width:35px;height:35px;border:1px solid #c1c1c1;margin:2px 0 0 5px;}
#recipe-box-widget .search-results .recipe-tile-calendar .recipe-name {padding-top:5px;line-height:1.3;height:34px;}
#recipe-box-widget .search-results .recipe-tile-calendar .recipe-name a {color:#777777;}
#recipe-box-widget .search-results .recipe-tile-buttons {display:none;}
img.recipethumbnail {border:1px solid #FFFFFF;margin:0 3px 0 0;}
span.recipeTitle {display:block;width:120px;padding:5px 0;}

#recipe-box-widget .foldercolor-widget-name span { color: #FFFFFF }

.foldercolorwidget {padding-left: 8px; padding-bottom: 8px;}

.recipe-box-widget-results .search-results .recipe-tile-calendar.recipe-tile-minimized,
.recipe-box-widget-results .search-results .recipe-tile-calendar.recipe-tile-maximized {height:40px;}
.recipe-box-widget-results .search-results .recipe-tile-body {display:none;}

.recipeBoxPagination {background-color:#e7e7e7;}
.pagerContainer {margin:5px;}
#recipe-box-widget .pagerContainer span a, #recipe-box-widget .pagerContainer span input, #recipe-box-widget .pagerContainer span span, #recipe-box-widget .pagerContainer .results-total {line-height:19px;}

.folderColorDrpBg {background-image: url(/images/recipeBox/drp_box_sprite.gif)}
    .folderColorDrpContainer {background-position:0px 0px; background-repeat:no-repeat; }
    .folderColorDrpContainerEnd {background-position:-189px 0px; background-repeat:no-repeat;}
.folderColorDrpDir {background-image: url(/images/recipeBox/drp_box_direction_sprite.gif)}
    .folderColorDrpDirDown {background-position:-1px 0px;}
    .folderColorDrpDirUp {background-position:-20px 0px;}
    
#folderColorDrp 
{   
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    width: 143px; /* total width of the control and all child elements */
    height: 22px;
    /* background: #6587aa; */
    display: block;
    font-family: Arial; font-size: 10pt;
    }
    
#folderColorDrpSelectedLabel 
{
    /* background: #dce1e7; */
    display: inline-block;
    float: left;
    padding-left: 2px;
    padding-top: 3px;
    height: 18px;
    width: 123px;
    }   
#folderColorDrpSelectedLabel img {margin-top: 1px; margin-left: 2px;} 
#folderColorDrpSpan {margin-left: 4px;}
#folderColorDrpToggleControl
{
    display: inline-block;
    margin-top: 1px;
    margin-left: 1px;
    height: 18px;
    width: 15px;
    float: left;   
    /* background: #dce1e7; */
    color: #6587aa;
    cursor: pointer;
}
#folderColorDrpRightEnd 
{
    float: right;
    display:inline-block;
    text-align: right;
    width: 2px;
    height: 22px;
    }
#folderColorDrpAllItems
{
    position: absolute;    
    float: left;
    z-index: 2000;
    font-family: Arial; font-size: 10pt;
    padding: 1px 1px 1px 1px;
    margin-left: 8px;
    width: 143px;
    height: 10px;
    overflow:hidden;   
    background: #6587aa;
   /*  display:none; */
    }

.itemTemplate {background: #F5F5F5; height: 18px; padding-left: 3px; cursor: pointer;}
.itemTemplate img {padding-top: 2px;}




#folder-recipe-list div div.content-text,
#folder-recipe-list div div#folder-header {
    position: relative; z-index: 1;
}


.recipe-box-folders {margin: 0; padding: 0; position: relative;}
.folder-recipe-list { margin: 0; padding: 0; }
.recipe-box-folders ul {margin: 0; padding: 0; width: 225px;}
.recipe-box-folders #folder-display li {padding: 7px 12px 7px 12px;}
.recipe-box-folders #folder-edit li {padding: 7px 0px 2px 8px;}
.recipe-box-folders #edit-folders-save-cancel li {padding: 7px 0px 0px 12px;}
.recipe-box-folders #folder-functions li {padding: 5px 10px;}
.recipe-box-folders .facetSeeAll {margin: 0; color: #ffffff; }

.recipe-box-folders input#search-text, input#new-folder-name {width:170px;}
.recipe-box-folders input.edit-folder-name {width: 130px; margin: 0;}

.recipe-box-folders #create-new-folder, .recipe-box-folders #folder-edit, #edit-folders-save-cancel, span.uk {
    display: none;
}


.recipe-box-folders a#search-button
{
   background: url(/images/buttons/btn_open_arrow.gif) right no-repeat;
   display: inline-block;
   vertical-align: top;
   padding: 0;
   width: 25px; 
   height: 25px;
} 

.recipe-box-folders a#remove-button
{
   display: inline-block;
   vertical-align: top;
   padding: 0;
   margin: 0;
   width: 70px;
   height: 20px;
} 

.color-picker
{
    width: 140px;
    margin: 2px 0px 0px 2px;
    padding: 0px 0px 0px 0px;
}

.color-picker a
{
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 16px;
    height: 16px;
    border: solid 1px #ffffff;
}


.paging { float: right; margin: 0;}
.paging .records-display { float: left; margin-top: 4px; font-weight: bold;}
.paging .page-links { float: left;}
.paging .page-links a { height: 23px; padding-right: 4px; vertical-align: middle; font-weight: bold; color: #777; }
.paging .page-links .current-page { height: 23px; padding-right: 4px; vertical-align: middle; font-weight: bold; color: #ad1700; }

.paging a.first-page 
{
   background: url(/images/buttons/btn-box-first.gif) right no-repeat;
   padding: 0;
   width: 40px;
   height: 23px;
   display: inline-block;
}
.paging a.last-page 
{
   background: url(/images/buttons/btn-box-last.gif) right no-repeat;
   padding: 0;
   width: 40px;
   height: 23px;
   display: inline-block;
}


span.recipe-drag 
{
    display: none; 
    background: #d16300;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold; 
    height: 25px;
    line-height: 13px;
    margin: 0;
    overflow: hidden;
    padding: 4px 35px 4px 5px;
    vertical-align: middle;
    width: 130px;
    -moz-border-radius: 4px 4px 0 0;
    -moz-box-shadow: 0 2px 3px 0 #999; 
    -webkit-box-shadow: 0 2px 3px 0 #999; 
    box-shadow: 0 2px 3px 0 #999;
}

/* This applies to the recipe while
   while it is being dragged       */

.ui-draggable-dragging * {
    display: none !important;
} 

.ui-draggable-dragging {
    background-color: Transparent;
    border-bottom-style: none !important;
    height: 33px !important;
    width: 170px !important;
    z-index: 1001;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}

.ui-draggable-dragging span.recipe-drag {
    display: block !important;
    font-size: 11px !important;
    height: 25px !important;
    overflow: hidden !important;
    text-indent: 0px !important;
    padding: 4px 35px 4px 5px !important;
    width: 130px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}

.drag-hover
{
    background-color: #C0C0C0 !important;
}

#remove-folder-confirm {display: none;}