/*
  Style Sheet Sections:
    1. Global Tags
    2. Global Rules
    3. Template Rules
    4. Header Rules
    5. Content Rules
    6. Table & Hit List Rules
    7. Form Rules
    8. NavBar Rules
    9. SideBar Rules
    10. Footer Rules
    11. App Rules
*/

/* ==== 1. ==== Global Tags ========== */



/* new html5 tags */
article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }


.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fcfcfc;
}





/* Form elements */

form 
{
  margin: 0;
  border: 0;
  padding: 0;
}

/* this is some weird old button class, need to track down where it's used */
.Button
{
  margin: 0;
  border-bottom: 2px solid #369;
  border-right: 2px solid #369;
  border-left: 2px solid #daf6fd;
  border-top: 2px solid #daf6fd;
  padding: 4px;
  background: #9cf;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #000;
}



#TotalBanner
{
  margin: 0;
  border-bottom: 2px solid #369;
  border-right: 2px solid #369;
  border-left: 2px solid #daf6fd;
  border-top: 2px solid #daf6fd;
  padding: 2px;
  background: #9cf;
}

/* ==== 5. ==== Content Rules ========== */

/* Start - Breadcrumbs */

.Content ul.Breadcrumb {
  margin: 0 10px 0 10px;
  padding: 0 0 0 5px;
  border: 1px solid #ccc;
  border-color: #eee #ccc #ccc #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  list-style: none;
  display: block;
  clear: both;
  background: #eee;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background: -moz-linear-gradient( top, #fff, #eee);
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff', endColorstr='#eeeeee', gradientType='0');
  zoom: 1;
  -webkit-box-shadow: 2px 2px 10px rgba(204,204,204,0.5);
  -moz-box-shadow: 2px 2px 10px rgba(204,204,204,0.5);
  
}

.Content ul.Breadcrumb li {
  margin: 0;
  border: 0;
  padding: 0;
  
  display: inline;
}

ul.Breadcrumb li a {
  margin: 0;
  padding: 5px 12px 5px 5px;
  text-decoration: none;
  display: inline-block;
  background: url( https://recipes-secure-graphics.grocerywebsite.com/Breadcrumbs/Arrow15x48.png ) no-repeat center right;
}

.Content ul.Breadcrumb li.Last a {
  background: none;
}

/* END - Breadcrumbs */


.LinkList ul, ul.LinkList {
  margin: 0;
  padding: 0 0 5px 0;
  list-style: none;
}

.LinkList li {
  margin: 5px 10px;
  padding: 0;
  display: block;
}

.LinkList img {
  margin: 0;
}

.LinkList button, 
.LinkList a.button {
  display: block;
}

/* common elements */
button, .button {
  padding: 5px 10px;
  border-color: #999 #666 #666 #999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  text-align: left;
  text-decoration: none;
  /*text-shadow: 1px 1px 0 #fff; */
  font-size: 12px;
  font-weight: normal; /*
  -webkit-box-shadow: 2px 2px 5px #ccc;
  -moz-box-shadow: 2px 2px 5px #ccc;
  box-shadow: 2px 2px 5px #ccc; */
  color: #333;
  background: #eee;
  zoom: 1;
}

button:hover, .button:hover, .button:hover,
button:active, .button:active, .button.active, .button.active:hover {
/*  border: 1px solid #999;
  border-color: #eee #666 #666 #eee;*/
/*  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;*/
  /*color: #666;*/
  background: #fff;
}

button img.bullet, .button img.bullet {
  margin: 0 10px 0 0;
  padding: 0;
  border: 0;
  float: left;
  display: block;
}

.fancy_button {
  padding: 10px 15px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: bold;
  -webkit-box-shadow: 2px 2px 7px #999;
  -moz-box-shadow: 2px 2px 7px #999;
  box-shadow: 2px 2px 7px #999;
}











/*button.fancy_button, .button.fancy_button, a.button.fancy_button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    text-shadow: -1px -1px 1px #4a4a4a;
    -webkit-box-shadow: 2px 2px 5px #999;
    -moz-box-shadow: 2px 2px 5px #999;
    box-shadow: 2px 2px 5px #999;
}*/

/*button.fancy_button:hover, .button.fancy_button:hover, a.button.fancy_button:hover {
    -webkit-box-shadow: 2px 2px 5px #eee;
    -moz-box-shadow: 2px 2px 5px #eee;
    box-shadow: 2px 2px 5px #eee;
}*/


/* BUTTON TYPES */

button.add, .button.add {
  color: #fff !important;
  text-shadow: -1px -1px 1px #696969;
}

.fancy_button.add {
  text-shadow: -1px -1px 1px #4a4a4a !important;
}

button.add:hover, .button.add:hover {
  color: #fff !important;
}

/*button.add, .button.add,
button.important, .button.important,
button.edit, .button.edit,
button.delete, .button.delete {
  color: #fff !important;
  text-shadow: -1px -1px 1px #696969;
}

.fancy_button.add,
.fancy_button.important,
.fancy_button.edit,
.fancy_button.delete {
  text-shadow: -1px -1px 1px #4a4a4a !important;
}

button.add:hover, .button.add:hover,
button.important:hover, .button.important:hover,
button.edit:hover, .button.edit:hover,
button.delete:hover, .button.delete:hover {
  color: #fff !important;
}*/



/* Add Button */
button.add, .button.add {
    border-color: #1a881f #0d4110 #0d4110 #1a881f;
    background: #105913;
    background: -webkit-gradient(linear, left top, left bottom, from(#19ac31), to(#105913));
    background: -moz-linear-gradient( top, #19ac31, #105913);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#19ac31', endColorstr='#105913', gradientType='0');
}

/*button.add:hover, .button.add:hover {
    background: #9bc686;
    background: -webkit-gradient(linear, left top, left bottom, to(#199a2e), from(#126a15));
    background: -moz-linear-gradient( top, #199a2e, #126a15);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#199a2e', endColorstr='#126a15', gradientType='0');
}*/

button.add:hover, .button.add:hover,
button.add:active, .button.add:active, .add.active, .add.active:hover {
    border-color: #0d4110 #1a881f #0d4110 #1a881f;
    background: #9bc686;
    background: -webkit-gradient(linear, left top, left bottom, from(#105913), to(#19ac31));
    background: -moz-linear-gradient( top, #105913, #19ac31);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#105913', endColorstr='#19ac31', gradientType='0');
}

/* Important Action Button */
/*button.important, .button.important {
  border-color: #0d2976 #040c22 #040c22 #0d2976;
  text-shadow: -1px -1px 1px #0c132e;
  text-shadow: -1px -1px 1px #333;
  background: #122e64;
  background: -webkit-gradient(linear, left top, left bottom, from(#2453be), to(#122e64));
  background: -moz-linear-gradient( top, #2453be, #122e64);
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#2453be', endColorstr='#122e64', gradientType='0');
}

button.important:hover, .button.important:hover,
button.important:active, .button.important:active, .important.active, .important.active:hover {
  border-color: #040c22 #0d2976 #040c22 #0d2976;
  background: #8692c6;
  background: -webkit-gradient(linear, left top, left bottom, from(#122e64), to(#2453be));
  background: -moz-linear-gradient( top, #122e64, #2453be);
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#122e64', endColorstr='#2453be', gradientType='0');
}*/

/* Edit Button */
/*button.edit, .button.edit {
    border-color: #dda100 #aa7c00 #aa7c00 #dda100;
    text-shadow: -1px -1px 1px #dda100;
    color: #333 !important;
    text-shadow: 1px 1px 1px #feedc0;
    color: #fff !important;
    background: #cfa40f;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd460), to(#cfa40f));
    background: -moz-linear-gradient( top, #ffd460, #cfa40f);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffd460', endColorstr='#cfa40f', gradientType='0');
}

button.edit:hover, .button.edit:hover,
button.edit:active, .button.edit:active, .edit.active, .edit.active:hover {
    border-color: #aa7c00 #dda100 #aa7c00 #dda100;
    text-shadow: -1px -1px 1px #dda100;
    color: #fff !important;
    text-shadow: 1px 1px 1px #feedc0;
    background: #9bc686;
    background: -webkit-gradient(linear, left top, left bottom, from(#cfa40f), to(#ffd460));
    background: -moz-linear-gradient( top, #cfa40f, #ffd460);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#cfa40f', endColorstr='#ffd460', gradientType='0');
}*/

/* Delete Button */
/*button.delete, .button.delete {
    border-color: #9e1f1e #3f0909 #3f0909 #9e1f1e;
    text-shadow: -1px -1px 1px #6e3030 !important;
    background: #c68686;
    background: -webkit-gradient(linear, left top, left bottom, from(#da2020), to(#8c1a1a));
    background: -moz-linear-gradient( top, #da2020, #8c1a1a);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#da2020', endColorstr='#8c1a1a', gradientType='0');
}

button.delete:hover, .button.delete:hover,
button.delete:active, .button.delete:active, .delete.active, .delete.active:hover {
    border-color: #3f0909 #9e1f1e #3f0909 #9e1f1e;
    background: #c68686;
    background: -webkit-gradient(linear, left top, left bottom, from(#8c1a1a), to(#da2020));
    background: -moz-linear-gradient( top, #8c1a1a, #da2020);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#8c1a1a', endColorstr='#da2020', gradientType='0');
}
*/






















/* not sure where this is used... perhaps admin pages? */
.SideIndex
{
  margin: 10px 10px 0 10px;
  border: 1px solid #063;
  border-top: 0;
}


/*
good light colors:

blue: edf3fe
gray: e8e8e8

*/

/* Search */
.InputSearch {
  margin: 0 10px 2px 0;
  border: 1px solid #666;
  border-color: #666 #999 #999 #666;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 3px 5px 3px 18px;
  background: #fff url(https://recipes-secure-graphics.grocerywebsite.com/G/Search.png) no-repeat 5px 7px;
}

/* Column top wrapper */
.columnTopWrapper {
  height: 30px;
}


/**
 * Pagination
 * 
 * @Author Greg Hemphill
 */
div.Pagination {
  margin: 10px;
  padding: 0;
  height: 18px;
  display: block;
  text-align: right;
  white-space: nowrap;
  clear: both;
}

div.Pagination.Top {
  margin-bottom: 0;
}

div.Pagination.Bottom {
  margin-top: 0;
}


div.Pagination ul li.ViewingStats {
  border: 0;
}

div.SkipTop {
  margin: 0 10px 0 10px;
  border-bottom: 0;
}
div.SkipTop ul li {
  border-top: 1px solid #999;
}

div.SkipBottom ul li {
  border-bottom: 1px solid #999;
}

div.SkipBottom {
  margin: 0 10px 10px 10px;
  border-top: 0;
}

div.Pagination p {
  margin: 0;
  padding: 3px 0;
  width: 42%;
  display: block;
  float: left;
  text-align: left;
}


div.Pagination ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 57%;
  display: block;
  float: right;
}

div.Pagination ul li {
  margin: 0;
  padding: 0;
  display: inline;
}

div.Pagination ul li a {
  margin: 0;
  padding: 2px 3px;
  border: 1px solid #ccc;
  border-color: #eee #ccc #ccc #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  text-decoration: none;
  text-shadow: none;
  background: #ddd;
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#eeeeee', endColorstr='#cccccc', gradientType='0');
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

div.Pagination ul li a:hover {
  border: 1px solid #999;
  border-color: #ccc #999 #999 #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

div.Pagination ul li.CurrentPage span {
  margin: 0;
  padding: 2px 5px;
  display: inline-block;
  text-decoration: none;
  text-shadow: 1px 1px 0 #ccc;
  border: 1px solid #ddd;
  border-color: #eee #ccc #ccc #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #ccc;
  background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#eee));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#cccccc', endColorstr='#eeeeee', gradientType='0');
  
}


div.Pagination .word {
  display: none;
}


div.Pagination ul li.CurrentPage {
  font-weight: bold;
}


/* Shopping List Button */
.AddToList.button {
  margin: 10px;
  border: 1px solid #030;
  border-color: #0c0 #060 #060 #0c0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 5px 10px;
  color: #060;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font-weight: bold;
  font-size: 14px;
  display: inline-block;
  background: #eee;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#eeeeee', endColorstr='#cccccc', gradientType='0');
  -webkit-box-shadow: 4px 4px 10px rgba(204,204,204,0.9);
  -moz-box-shadow: 4px 4px 10px rgba(204,204,204,0.9);
}

.AddToList.button:hover {
  background: #ddd;
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#3c3));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#eeeeee', endColorstr='#33cc33', gradientType='0');
  text-shadow: 1px 1px 0 #ddd;
}



/* Login Required */

.LoginReq  {
  margin: 10px;
  border: 1px solid #999;
  border-color: #eee #999 #999 #eee;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #ccc;
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ccc));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#dddddd', endColorstr='#cccccc', gradientType='0');
  -webkit-box-shadow: 2px 2px 10px rgba(204,204,204,0.5);
  -moz-box-shadow: 2px 2px 10px rgba(204,204,204,0.5);
}


.LoginReq .Title,
.LoginReq h1,
.LoginReq h2,
.LoginReq h3,
.LoginReq h4,
.LoginReq h5,
.LoginReq h6 {
  text-shadow: 1px 1px 0 #eee;
}

.LoginReq .button, .LoginReq .button:visited {
  border: 1px solid #030;
  border-color: #0c0 #030 #030 #0c0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 5px 40px;
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 0 #666;
  font-weight: bold;
  font-size: 14px;
  display: inline-block;
  background: #060;
  background: -webkit-gradient(linear, left top, left bottom, from(#0c0), to(#060));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#00cc00', endColorstr='#006600', gradientType='0');
}

.LoginReq a.button:hover {
  border-color: #0f0 #060 #060 #0f0;
  background: #090;
  color: #eee;
  text-shadow: 1px 1px 0 #999;
  background: -webkit-gradient(linear, left top, left bottom, from(#0c0), to(#090));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#00cc00', endColorstr='#009900', gradientType='0');
}

/*
.confirm,
.error,
.information,
.status
*/
.message {
  margin: 10px;
  padding-left: 21px;
  display: block;
}

.message .title {
  margin: 10px;
  padding: 0;
  color: #222;
  font-size: 14px;
  font-weight: bold;
}

.message .note {
  font-size: 10px;
  font-weight: normal;
}

.message .title span {
  font-weight: normal;
}

.confirm {
  border-top: 1px solid #005826;
  border-bottom: 1px solid #005826;
  background: #ddf4da url( https://recipes-secure-graphics.grocerywebsite.com/G_SilkIcons/accept.png ) no-repeat top left;
  background-position: 8px 10px;
}

.error {
  border-top: 1px solid #790000;
  border-bottom: 1px solid #790000;
  background: #fce4dc url( https://recipes-secure-graphics.grocerywebsite.com/G_SilkIcons/exclamation.png ) no-repeat top left;
  background-position: 8px 10px;
}

.error .errors {
  margin: 0 0 10px 0;
  padding: 0;
}

.error .errors .an_error {
  margin: 2px 11px;
  padding: 0;
}

.information {
  border-top: 1px solid #630;
  border-bottom: 1px solid #630;
  background: #FFc url( https://recipes-secure-graphics.grocerywebsite.com/G_SilkIcons/information.png ) no-repeat top left;
  background-position: 8px 10px;
}

.status {
  border-top: 1px solid #036;
  border-bottom: 1px solid #036;
  background: #ccf url( https://recipes-secure-graphics.grocerywebsite.com/G_SilkIcons/status_online.png ) no-repeat top left;
  background-position: 8px 10px;
}


/*More Pages*/
h1 {margin-bottom: 1px;}
  .sub_title {margin-top: 1px; margin-left: 10px;}
  
  .more_pages_list ul {
    margin: 0;
    padding: 5px;
    list-style: none;
  }
  
  .more_pages_list li {
    margin: 0;
    padding: 0
  }
  
  .more_pages_list a {
    margin: 0;
    padding: 5px 10px;
    display: block;
    text-decoration: none;
    font-size: 1.0em;
  }
  
  .more_pages_list a:hover {
   background: #fff;
   border-radius: 10px;
  }

  

/* secret hidden print only stuff */
.PrintOnly { display: none; }

/* body group rules */
.Group {
  margin: 10px;
  border: 1px solid #ccc;
  border-color: #eee #ccc #ccc #eee;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0;
  display: block;
  background: #ddd;
  -webkit-box-shadow: 2px 2px 5px rgba(204,204,204,0.5);
  -moz-box-shadow: 2px 2px 5px rgba(204,204,204,0.5);
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#eeeeee', endColorstr='#cccccc', gradientType='0');
  
}

/* ==== 5. ==== Form Rules ============================================================================ */

label {margin-bottom: 2px;}
label + input {margin-top: 2px;}
input[type=radio], input[type=checkbox] {margin-right: 2px;}


/* ==== 6. ==== Table & Hit List Rules ================================================================ */

/* Green Bar */
.OddRow { background: #eee; }
tr.OddRow td { padding: 5px; }
.EvenRow { background: #fff; }
tr.EvenRow td { padding: 5px; }

.link_list, .link_list ul, .link_list ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
 
.link_list li {
  margin: 0;
  border-top: 1px solid #ccc;
  padding: 0;
  vertical-align: middle;
}

.link_list li:hover {
  background: #ffc;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
 
.link_list a {
  padding: 10px;
  display: block;
  text-decoration: none;
  font-size: 14px;
  vertical-align: middle;
}
 
 
.link_list a:hover {
  color: #036;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-image: url('https://recipes-secure-graphics.grocerywebsite.com/Icons/glyphish/symbols/16-play.png');
  background-position-y: 9px;
  background-position-x: 98%;
  background-repeat: no-repeat;
}

.link_list .title { margin: 0 0 0 1%; width: 64%; display: inline-block; vertical-align: middle; }
.link_list .title img { vertical-align: middle;  display: inline-block; }
.link_list .options { margin: 0 1% 0 0; width: 33%; text-align: right; display: inline-block; vertical-align: middle; }
.link_list .options a {display: inline-block; padding-right: 30px; vertical-align: middle; }
.link_list .options a:hover {background-color: #fff; }


.button_list, .button_list ul, .button_list ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.button_list li {
  margin: 10px 0 10px 10px;
  padding: 0;
  display: inline-block;
}


/* ==== 9. ==== SideBar Rules ========================================================================= */


/**
 * Sidebar Group Styles
 * Graphics hatin', CSS 3 pimpin, gracefully degradin' badassery
 * 
 * @author Greg Hemphill
 */

.SideBar .Group {
  margin: 10px 10px 10px 0;
  border: 1px solid #ccc;
  border-color: #eee #ccc #ccc #eee;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  background: #ddd;
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#eeeeee', endColorstr='#cccccc', gradientType='0');
  -webkit-box-shadow: 2px 2px 5px rgba(204,204,204,0.9);
  -moz-box-shadow: 2px 2px 5px rgba(204,204,204,0.9);
  zoom: 1;
}



.SideBar .Group .Title,
.SideBar .Group h1,
.SideBar .Group h2,
.SideBar .Group h3,
.SideBar .Group h4,
.SideBar .Group h5,
.SideBar .Group h6 {
  text-shadow: 1px 1px 0 #fff;
}

.SideBar .InputSearch { 
  margin-right: 0;
  display: block;
  -webkit-box-shadow: 2px 2px 10px rgba(204,204,204,0.5);
  -moz-box-shadow: 2px 2px 10px rgba(204,204,204,0.5);
  min-height: 19px;
}

.SideBarBoxHead { background: #666666; }
.SideBarNav { border-color: #dddddd; }



/* Tab Navigation */
.tab_navigation {
  
}


/* tabs - generic */
.tab_navigation .ui-tabs-hide { display: none; }
.tab_navigation .tabs, .tab_navigation .tabs li {display: inline-block; margin: 0; padding: 0;}
.tab_navigation .tabs {
  margin: 20px 10px 0 10px; padding: 0 10px; 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 1px solid #ccc;
  border-bottom: 0;
  list-style: none; 
  background: #eee; 
  text-shadow: 1px 1px 1px #eee;
}

.tab_navigation .tab {
  margin: 0; 
  padding: 0; 
  text-decoration: none; 
  font-weight: bold; 
  display: inline-block;
  border-left: 1px solid #eee; border-right: 1px solid #eee;
}

.tab_navigation .inner_tab {margin: 10px 20px; display: inline-block;}
.tab_navigation .tab_content {margin: 0 10px 10px 10px;}
.tab_navigation .ui-tabs-panel { 
  margin: 0 10px 10px 10px; 
  background: #ccc; 
  border: 1px solid #ccc; 
  border-color: #ccc #999 #999 #ccc; 
  border-radius: 10px; 
  border-top-left-radius: 1px;
  -webkit-box-shadow: 2px 2px 5px #CCC;
  -moz-box-shadow: 2px 2px 5px #CCC;
  box-shadow: 2px 2px 5px #CCC;
}
.tab_navigation .tab:hover, .tab_navigation .ui-tabs-selected .tab { 
  border-left: 1px solid #999; border-right: 1px solid #999; 
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-shadow: 1px 1px 1px #fff;
}
.tab_navigation .ui-tabs-selected .tab { 
  background: #ccc; 
}
.tab_navigation .tab:hover {background: #ddd;  }

.tab_navigation .tabs {margin: 20px 0 0 0}
.tab_navigation .ui-tabs-panel {margin: 0 0 10px 0;}

.modal-header .close { margin-top: -30px}

/* site privacy cookie styling */
.privacy {position: fixed; bottom: 0px; border: 1px solid #ccc; color: #333; background: #eeeeff; width: 100%}
.privacy-text {margin: 5px; padding: 5px;}
.privacy-close {float: right; padding-right: 5px;}
.privacy-accept {margin-left: 5px;}