body.ipad .hide-on-ipad {display:none;}

#container a { color: #666; }
#container a:hover { text-decoration: none; }

#ecommerce-subscription_payments.new #container,
#ecommerce-subscription_payments.receipt #container,
#ecommerce-content_purchases.new #container,
#ecommerce-content_purchases.receipt #container,
#site.membership_options #container { width:840px; }

@font-face {
  font-family: 'MarkerFeltRegular';
  src: url('/fonts/markerfelt-webfont.eot');
  src: local('☺'), url('/fonts/markerfelt-webfont.woff') format('woff'), url('/fonts/markerfelt-webfont.ttf') format('truetype'), url('/fonts/markerfelt-webfont.svg#webfontEsmwftCt') format('svg');
  font-weight: normal;
  font-style: normal;
}
.felt-marker {font-weight: normal; font-style: normal; line-height:normal; letter-spacing: 0.07em; font-family: 'MarkerFeltRegular', sans-serif;}
.rouxbe-color { color:#a3a60f; }

small { font-size:0.8em; }
strong { font-weight: bold; }
em { font-style: italic; }
hr { height: 1px; background: #cbcbcb; border: none; clear: both; }

fieldset { border: none; margin-bottom: 10px; }
textarea { padding: 5px; font-size: 1em; }
input { padding: 3px;}
input:focus {}

#rouxbe_logo { display: none; }

#pageheader { position: relative; top: 10px; padding: 0; margin: 0 20px; height: 90px; margin-bottom: 30px;}
#pageheader #logo { position:absolute; top: 5px; }
#pageheader #logo a { display: block; width: 156px; height: 56px; background: url("/images/rouxbe_logo_notag.gif") no-repeat top left; }
#pageheader #logo a span { display: none }

#topnav { width: 560px; position: absolute; top: 47px; left:160px; text-indent: -9999px}
#topnav ul { list-style: none; }
#topnav ul li { line-height: 1em;float: left; margin-right: 10px; }
#topnav ul li a { display: block; height: 25px; overflow: hidden; text-decoration:none; }
#topnav ul li div.dropdown {display:none; width: 220px; border-bottom: 5px #ccc solid; position:relative;   }
#topnav ul li div.dropdown .top-arrow {position:absolute;top: -14px;left: 20px;}
#topnav ul li:hover div.dropdown {display:block;}
#topnav ul li div.dropdown { position: absolute; z-index: 10; text-indent: 0; background:#fff;border: 1px #ccc solid; padding-bottom: 20px;}



#global_search { position:absolute; right: 0;}
#global_search ul { list-style:none; float:left; color:#aaa;position: relative;top: 3px; margin-right: 10px;}
#global_search ul li { float:left; margin-right: 5px; }
#global_search ul li a { color:#aaa; text-decoration: none;}
#global_search ul li a:hover {color:#333;}
#global_search ul li:after{content: " | ";}
#global_search ul li.last:after{content: "";}
#global_search form { float:left; }
#global_search input { border: 1px #ccc solid; margin: 0; float:left; height:16px;}
#global_search input:focus { background:#ffc;}
#global_search input.submit { margin: 0; color: #aaa; border: 1px #ccc solid; border-left: none; cursor: pointer; padding: 3px; position:relative; left:-1px; }
#global_search input.submit:hover {}

body#site.index li.home #home-menu,
body#site.membership_options li.upgrade #upgrade-menu,
body#site.membership_options li.membership #membership-menu,
body#recipes li.recipes #recipes-menu,
body#drilldowns li.drilldowns #drilldowns-menu,
body#downloads li.recipes #recipes-menu,
body#viewer li.recipes #recipes-menu,
body#community-dashboard li.community #community-menu,
body#community-forums li.community #community-menu,
body#community-topics li.community #community-menu,
body#community-posts li.community #community-menu,
body#community-people li.community #community-menu,
body#chef li.community #community-menu,
body#dashboard li.myrouxbe #myrouxbe-menu,
body#users li.myrouxbe #myrouxbe-menu,
body#events-thanksgiving2007 li.thanksgiving #thanksgiving-menu,
body#events-recipes li.thanksgiving #thanksgiving-menu,
body#school-dashboard li.cookingschool #cookingschool-menu,
body#school-sections li.cookingschool #cookingschool-menu,
body#school-quizzes li.cookingschool #cookingschool-menu,
body#products li.store #store-menu,
.mainmenu #upgrade-menu:hover,
.mainmenu #membership-menu:hover,
.mainmenu #turkey-dinner-menu:hover,
.mainmenu #home-menu:hover,
.mainmenu #recipes-menu:hover,
.mainmenu #drilldowns-menu:hover,
.mainmenu #cookingschool-menu:hover,
.mainmenu #community-menu:hover,
.mainmenu #store-menu:hover,
.mainmenu #myrouxbe-menu:hover {
  background-position: 0 -25px;
}


#partner_logo {
  display: inline;
  position: absolute;
  top: 15px;
  right: 0;
  margin: 0px;
  max-height: 85px;
  max-width: 250px;
  border: none;
}

#contents {
  z-index:1; 
  position: relative;
  height: 100%;
  margin: 0 20px;
}

.clear { clear: both; }

#content_padding {
  height: 100px;
  display: block;
  margin: 0;
  clear: both;
}

span.asterisk { color: #999900; }

div.flash {
  border: 1px solid #ddd;
  margin: 10px 20px 10px 20px;
  background-color: #ffffcd;
  padding: 10px;
}

div.flash a, div.flash a:hover {
  text-decoration: underline;
  font-weight: bold;
}

img#randomimage {
  display: block;
  margin: 10px auto;
  border: 0;
}

#intro-q {
  text-align: right;
  margin-bottom: 10px;
}

#intro-a {
  background: #ffffcc;
}

.up-arrow {
  position: absolute;
  top: 56px;
  right: 40px;
}

#intro-a .close {
  float: right;
}

#search input[type="radio"] {
  display: inline;
}

#recipes.index #drilldowns-sort {
  display: none;
}

#drilldowns.index #recipes-sort {
  display: none;
}

div.tiles { }

div.tiles .tilerow {
  display: block;
  height: 21em;
  clear: left;
  margin-bottom: 12px;
  width: 820px;
}

div.tiles .tilerow.dropdown-row {
  height: 15em;
}

div.tiles .atile {
  display: block;
  border: 1px solid #cbcbcb;
  background: #fff;
  width: 185px;
  height: 100%;
  font-size: 12px;
  color: #666;
  margin-right: 12px;
  padding: 0;
  float: left;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

div.tiles .atile .information {
  padding: 5px;
}

div.tiles .atile img {
  display: block;
  margin: 0 auto;
  border: 0;
  width: 150px;
  height: 84px;
}

div.tiles .atile .tmbimg {
  display: block;
  padding: 15px 0;
  margin: 0;
  border-bottom: 1px solid #cbcbcb;
}

div.tiles .atile strong {
  font-size: 11px;
}

div.tiles div.atile p.description {
  font-size: 10px;
  padding-top: 5px;
}

div.tiles a.tilelink, div.tiles p.description a.tilelink {
  color: red;
  text-decoration: none;
}
div.bookmark {
  display: none;
}
div.tiles div.atile_free {
  background: #fff;
  display: block;
  border: 1px solid #cbcbcb;
  width: 185px;
  height: 100%;
  font-size: 12px;
  color: #666;
  position: relative;
  margin-left: 4px;
  margin-right: 11px;
  float: left;
  cursor: pointer;
}

div.atile_free img {
  display: block;
  margin: 15px auto;
  border: 0px;
  width: 150px;
  height: 84px;
}
div.atile_free strong {
  display: block;
  padding: 0px 7px;
  font-size: 11px;
  border-top: 1px solid #cbcbcb;
}
div.atile_free p {
  margin: 5px 7px;
  font-size: 10px;
}
div.tiles div.watch {
  position: absolute;
  bottom: 0px;
  background-color: #eee;
  width: 100%;
  text-align: center;
}

/*==============================
/RECIPE TILE
==============================*/
.recipe_h {
  height: 88px;
  margin-bottom: 10px;
}
.recipe_photo {
  float: left;
  width: 150px;
  height: 84px;
  border: none;
}

.recipe_meta .title {
  font-weight: bold;
  color: #000;
}

.recipe_meta .views {
  float: left;
  padding-right: 5px;
  border-right: 1px solid #cbcbcb;
}

.recipe_meta .views a {
  color: #eee;
}

.recipe_meta .comments {
  float: left;
  margin-left: 5px;
}

.recipe_profilephoto {
  float: left;
  display: inline;
}
.recipe_profilephoto img {
  height: 32px;
  width: 32px;
  border: none;
}
.recipe_right {
  float: left;
  margin-left: 10px;
}

.recipe_author {
  color: #999;
}
.comment_rating {
  font-weight: bold;
  text-decoration: none;
}
.recipe_watch {
  margin-top: 5px;
}

.recipe {
  position: relative;
  height: 90px;
  padding: 0px;
  margin: 10px 10px 0px 10px;
}
.recipe_photo {
  float: left;
  width: 150px;
  height: 84px;
  border: none;
}
.recipe_meta {
  width: 320px;
  float: left;
  margin: 0px 8px;
}
.recipe_meta .recipe_title {
  font-weight: bold;
  color: #000;
  padding: 0px;
  margin: 0px;
}
.recipe_meta div.rating {
  float: left;
  display: inline;
}
.recipe_meta div.views {
  float: left;
  padding-right: 5px;
  border-right: 1px solid #cbcbcb;
}
.recipe_meta div.views a {
  color: #eee;
}
.recipe_meta div.comments {
  float: left;
  margin-left: 5px;
}
.recipe_meta div.comments a {
  color: #eee;
}
.recipe_meta div.desc {
  clear: left;
}
.recipe_meta div.watch {
  margin-top: 3px;
}

.recentcomment {
  padding: 10px 10px;
}
.recentcomment h4 {
  margin: 0px 0px 5px 0px;
}
.recentcomment p {
  margin: 0px;
  padding: 0px;
  width: 402px;
}
.comment_meta {
  float: left;
}
.commentheader {
  position: relative;
  height: 52px;
}
/*==============================
DRILL-DOWN TILE
==============================*/

.drilldown {
  height: 88px;
  padding: 0px;
  margin: 10px 0;
}
.drilldown_photo {
  float: left;
  width: 150px;
  height: 84px;
  border: none;
  margin-right: 10px;
}
.drilldown_meta {
}
.drilldown_title {
  font-weight: bold;
  color: #000;
  padding: 0px;
  margin: 0px;
}
.drilldown_body {

}
.drilldown_watch {

  margin-top: 5px;
}

/*==============================
  TOUR/STEP
==============================*/

#tour_main {
  border: 1px solid #cbcbcb;
  padding: 10px;
  margin-bottom: 10px;
}

#step p {
  margin-bottom: 10px;
}

#buttons {
  width: 322px;
  text-indent: -9999px;
}

#buttons h4 {
  margin: 0;
  padding: 0;
}

#buttons a, #buttons a:hover {
  display:block;
  margin-bottom: 6px;
  text-decoration: none;
  background: transparent;
}

#basic_account {
  display: block;
  margin: 0 0 10px 0;
  height: 44px;
  background: url("/images/site_freetrial.gif") no-repeat;
  border: 1px solid #ccc;
}

#basic_account span,
#explore span {
  display: none;
}

#explore {
  display: block;
  margin: 0;
  height: 44px;
  background: url("/images/site_explore.gif") no-repeat;
  border: 1px solid #ccc;
}

/*--------TABS---------*/
#tabs {
  width: 826px;
  height: 41px;
  margin: 10px 16px 0px 20px;
  padding: 0px;
  background: url(/images/tab_bg.gif) repeat-x bottom;
}
html>body #tabs {
  width: 814px;
}
#tabs li {
  margin: 0px;
  padding: 0px;
  display: inline;
  list-style-type: none;
}
#tabs a {
  width: 100px;
  float: left;
  background: url(/images/tab_background.gif);
  padding: 12px 0px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #cbcbcb;
  border-right: none;
  text-decoration: none;
  text-align: center;
  color: #666;
}
#tabs li a#forum_tab {
  border-right: 1px solid #cbcbcb;
}

#tabs a:link.active, #tabs a:visited.active {
  border-bottom: 1px solid #FFFFFF;
  background: transparent;
  color: #000000;
}

#freerecipes {
  margin: 10px;
  background-color: #eee;
  padding: 10px;
  border: 1px solid #cbcbcb;
}

#freerecipes .tiles {
  margin-top: 10px;
}

#freerecipes div.nag {
  float: right;
  width: 350px;
}

#freerecipes div.nag ul {
  margin: 0px;
  padding: 5px 15px;
}

#dashboard #sub_menu { margin-top: 0; }
#sub_menu { height: 41px; position:relative; top: 1px; margin-top: 10px;}
#sub_menu li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#sub_menu li a { margin: 0; float: left; background: url(/images/tab_background.gif); padding: 12px 15px; border: 1px solid #cbcbcb; border-right: none; text-decoration: none; text-align: center;}
#sub_menu li a.lasttab { border-right: 1px solid #cbcbcb; }
#sub_menu li a.active, 
#sub_menu li a:link.active,
#sub_menu li a:visited.active { background: transparent; color: #000; z-index: 1; border-bottom: 1px #fff solid;  }
#drilldowns.index #sub_menu { display: none; }
#school-sections #content_right ul#sub_menu li { background-image: none; padding: 0; }

#cs-container  {
  border: 1px solid #cbcbcb;
  background-color: #eee;
  margin-bottom: 20px;
  padding: 10px;
}


div.title>h2,
#cs-header-container>h2,
body#school-sections #contents>h2, 
body#school-quizzes #contents>h2{ color:#aaa; font-size: 1.3em;}

body#school-sections.show #content_area ul {
  margin-top: 0;
}

body#school-sections.show #content_right p, body#school-sections.show #content_right h5 {
  padding-left: 10px;
}

#cs-container p {
  margin: 5px 0;
}

#cs-container.container-image p {
  margin-left: 170px;
}

div.cs-container strong {
  display: block;
  margin: 0px;
  font-size: 11px;
}

#categorize ul li{
  margin: 0px;
  display: inline;
  padding-right: 4px;
  list-style-type:none;
}
.pipe {
  color: #ccc;
}

#sort ul li {
  margin: 0px;
  display: inline;
  padding-right: 4px;
  list-style-type:none;
}
#channel {
  position: relative;
  margin-top: 10px;
  margin-right: 10px;
}
html>body #channel {
  position: relative;
  top: -50px;
  right: 10px;
  margin-right: 0px;
}
#channel div {
  float: right;
  clear: right;
}
#channel img {
  border: none;
}
#paypal_msg {
  font-size: 12px;
  padding: 10px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  background-color: #ffffcd;
}

.collections {
}

#downloads .collection {
  border: 1px solid #ccc;
  margin: 10px 0;
  height: 180px;
  padding-left: 5px;
}

.col_tile {
  width: 150px;
  padding: 8px;
  float: left;
  height: 100%;
}
.col_description {
  float: left;
  padding: 8px;
  margin: 0px;
}
.buttons {
  position: relative;
  margin-top: -15px;
  top: -15px;
}
.collection form {
  display: none;
}
#watch {
  background: url("/images/dl_watch.gif") no-repeat top left;
}
#watch a {
  display: none;
}
.buy {
  float: right;
  clear: right;
  border: 1px solid #ccc;
  margin: 1px 15px 5px 5px;
  width: 137px;
  height: 40px;
}
.buttons .viewerbuy {
  border: 1px solid #ccc;
  padding: 4px;
  height: 30px;
  float: right;
  clear: right;
  border: 1px solid #ccc;
  margin: 0px 15px 5px 5px;
  width: 130px;
}
.buttons .viewerbuy div {
  margin: 0px 0px 0px 5px;
  width: 105px;
  padding: 0px;
  float: left;
}
html>body .viewerbuy div {
  width: 100px;
}
.buttons .viewerbuy div {
  margin: 0px 0px 0px 5px;
  width: 105px;
  padding: 0px;
  float: left;
}
.buttons img {
  padding: 2px;
  float: left;
}

/*---------Viewer --------------*/
#player {
  margin-top: 0;
  padding-top: 0;
  margin-left: -20px;
  margin-bottom: 10px;
}

#detail {
  margin-left: 20px;
}

.toolbar {
  display: none;
}

div.toolbar a.res {
  display: block;
  width: 281px;
  border-right: 1px solid #ccc;
  background-color: #eee;
  padding: 5px;
  text-align: center;
}

div.toolbar a.nag {
  position: absolute;
  display: block;
  top: 0px;
  left: 300px;
  padding: 5px;
}

#contextual {
  padding: 12px;
  border: 1px solid #ccc;
}

#contextual.fullwidth {
  width: 783px;
  padding: 10px 10px 20px 10px;
}

/*--------- Comments ---------*/

#comments {
  margin: 0;
  margin-left: 278px;
}
#school-sections #comments {
  margin: 0;
  padding: 0;
}
.text #comments {
  margin-left: 310px;
}

/*--------- Comment ---------*/

.comment {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.comment_meta {
  margin: 0px 8px;
}
.comment_title {
  font-weight: bold;
  font-size: 12px;
  color: #666;
}

.comment_photo {
  float: left;
  display: inline;
}
.comment_photo img {
  height: 32px;
  width: 32px;
  border: none;
}
.comment_right {
  float: left;
  margin-left: 10px;
}

.comment_author {
  color: #999;
  margin-top: 12px;
}
.comment_rating {
  font-weight: bold;
  text-decoration: none;
}
#commentform {
  clear: left;
  padding-top: 10px;
}
#school-sections #commentform {
  clear: none;
}
#comment_intro {

  padding-top: 12px;
}
#comment_sign {
  padding: 0px 18px;
}
.fields {
  margin: 10px 0px;
}
.fields label {
  display: block;
}
#comment-form #comment_title, #comment-form #comment_body {
  width: 490px;
}
#comment-form #comment_body {
  height: 80px;
}

#recipedetails {
  border-top:  1px solid #ccc;
}

#recipedetails h5 {
  margin: 10px;
}

#recipedetails ul {
  margin: 10px;
}

.summary {
  margin-top: 10px;
}
.summary p {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#recipe {
  margin: 20px;
}

#recipe ul.summary {
  list-style: none;
}

#recipe div.steps {
  border-top:  1px solid #ccc;
  margin: 10px 0;
}

#recipe div.steps div.step {
  margin: 10px 0;
  border: none;
}

#recipe div.steps div.step ul.ingredients {
  margin-left: 15px;
  list-style: none;
}

#recipe div.steps div.step ul.ingredients li {
  list-style: none;
}

#recipe div.steps div.step p.description {
  margin-top: 10px;
}

#recipe div.steps div.step p.description p,
#recipe div.steps div.step p.description br {
  margin: 0;
  padding: 0;
}

#image {
  margin: 10px 0px;
}

#image img {
  border: 1px solid #ccc;
  margin: 10px 0px;
  padding: 10px;
}

/*----------- About -------------*/
img {
  border: none;
}

#about_content {
  clear: left;
  margin-right: 260px;
  line-height: 1.8em;
}

#recipedetails ul li {
  margin-left: 15px;
}

ul.indent, ol.indent {
  padding-left: 20px;
}

/*-----------Succes Meter ------*/

#metrics {
  margin: 20px 0;
}

#main {
  margin-right: 260px;
}

#metrics table {
  border: 1px solid #ccc;
  background-color: #eee;
}

table .box {
  width: 145px;
  height: 75px;
  border: 1px solid #ccc;
  margin: 7px;
  font-size: 35px;
  text-align: center;
  background-color: #fff;
}
table .box p {
  margin: 30px;
}
table tr td.label {
  white-space: nowrap;
}
table tr td.bars {
  width: 200px;
}
table tr td.percentage {
  width: 50px;
  text-align: right;
}

div.barcontainer {
  width: 100%;
  background-color: #ddd;
}

div.bar {
  background-color: #bbb;
  border: 1px solid #ccc;
  display: block;
  width: 100%;
}

a.top { float: right; }
a.top img { border: 0px; }

/*----------- News -------------*/

#news .in,
#news .date_location { font-size: 10px; }

#news .body { margin: 20px 0; }

.boilerplate { padding-top: 20px; border-top: 1px solid #eee; color: #999; }

/*-------------- Member -----------*/

a.signuplink, a.getstartedlink {
  display: block;
  width: 128px;
  height: 33px;
  margin: 0 auto;
}
a.signuplink {
  background: url(/images/membership_signup_up.gif);
  margin: 0 auto;
}
a.getstartedlink {
  background: url(/images/membership_getstarted_up.gif);
}
a.signuplink span, a.getstartedlink span {
  display: none;
}
a.signuplink:hover {
  background: url(/images/membership_signup_over.gif);
}
a.getstartedlink:hover {
  background: url(/images/membership_getstarted_over.gif);
}

span.notice {
  display: block;
  margin-top: -20px;
  color: #999;
  margin-left: 20px;
  margin-bottom: 20px;
}

table#options {
  margin: 20px 15px 20px 0px;
  padding: 0;
  width: 847px;
  text-align: center;
  border-collapse: collapse;
  border: none;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #333;
}

table#options th{
    font-weight:bold;
  color: #333;
  font-size: 13px;
}

table#options em{
  color: #aaa;
  font-style:normal;
}

table#options td,table#options th {
    border:1px solid #C0C0C0;
    background: #fff;
    padding: 5px;
}

table#options td.checked {
     background:url(/images/checkmark.gif) no-repeat center;
     text-indent:-5000px;
}
table#options td.checkedspecial {
     background:#FFFFCC url(/images/checkmark_yellow.gif) no-repeat center;
     text-indent:-5000px;
}

table#options .side{
   text-align:left;
   width:200px;
   padding-left:5px;
}
table#options td.button{
    width:128px;
    height:40px;
  vertical-align: middle;
  text-align: center;
}
table#options .special{
    background-color:#FFFFCC;
}

#savings{
    margin: 0px 0px 0px 20px;
    padding: 15px 0 0 0;
  border-collapse: collapse;
    text-align:center;
  position: absolute;

}
#savings td{
    width:176px;
    border:1px solid #C0C0C0;
    height:27px;
    padding: 5px 0;
    background: #fff;
}
#savings td.side{
    text-align:left;
    padding-left:5px;
    width:450px;
    background-color:#FFFFCC;
}
#savings caption{
    font-size:14px;
    color:#666;
  margin-left: 20px;
    text-align:left;
}

#rfl {
  margin: 30px 20px 0px 0px;
}

#member_content, #more_member_content {
  margin: 80px 20px 0px 290px;
}


div.tablehead {
  width: 400px;
  margin: 10px 0px 0 20px;
}

/*------------------- My Rouxbe --------------- */
#gsm {
  margin: 0 20px;
  position: relative;
}

#myrouxbe_message {
  border: 1px solid #ccc;
  background: #eee;
  padding: 10px;
  margin-top: 10px;
}

#gsm p {
  padding: 5px;
  border: 1px solid #ccc;
  background: #fff;
}

.number {
  font-size: 20px;
  font-weight: bold;
}
.messaging_label {
  width: 300px;
  display: block;
  margin: 0px;
}
.messaging_input {
  width: 300px;
  margin-bottom: 15px;
}

#profile {
  border: 1px solid #ccc;
  margin: 0;
  padding: 0;
}

#profile img.avatar {
  margin-top: 5px;
  margin-right: 5px;
  float: left;
}

#profile table {
  width: 100%;
}

#profile .section {
  padding: 10px;
  margin: 0;
}

#profile .section p {
  margin-bottom: 10px;
}

#profile h5 {
  font-size: 10px;
}

#profile td {
  border-bottom: 1px dotted #ccc;
}

.rouxbeforlife {
  padding: 0px 4px;
}

.learnmore {
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}

.alert {
  border: 1px solid #ccc;
  margin: 10px 0px;
  background: #ffffcc;
  padding: 8px;
}

#system_msg {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 10px 0px;
  background: #ffffcc;
  padding: 8px;
}
#system_msg p {
  padding: 10px;
  margin: 0px;
}
#highlight {
  width: 512px;
  padding: 10px 0px 0px 0px;
  border: 1px solid #ccc;
  border-bottom: none;
}
#tips {
  padding: 10px;
  border-top: 1px solid #ccc;
  background: #eee;
}
.more {
  font-size: 11px;
}
.morelink {
  position: relative;
  margin: 5px 10px;
}

.tilebar {
}
#recentlyadded .tilerow {
  padding-right: 0px;
}
#recentlyadded .atile {
  width: 170px;
  margin: 0px 8px 0px 0px;
}
#recentlyadded .atile div.tmbimg {
  padding-top: 7px;
  padding-bottom: 7px;
}

/*----------------------- User show ---------------- */

#chef_signup {
  margin-bottom: 5px;
  margin-left: 20px;
}

#profile_img {
  width: 88px;
  height: 88px;
  margin: 5px 0px;
}

#profile #profile_img {
  float: left;
  padding-right: 10px;
  margin: 0;
}

#profile_main_txt {
  margin-bottom: 10px;
}

#profile_main_txt p {
  margin: 0px;
}

#profile_main_txt button {
  width: 140px;
  margin: 4px 0px 0px 0px;
}

#profile_stats {
  position: absolute;
  border: 1px solid #ccc;
  border-top: none;
  width: 222px;
  padding: 8px;
  margin-left: -1px;
}

p#profile_intro, div#profile-intro {
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

#partner .show p#profile_intro, div#profile_intro {
  padding: 10px;
  border: 1px solid #ccc;
  margin-top: 8px;
  margin-bottom: 10px;
}

.button {
  display: block;
  margin: 0 0 10px 0;
  padding: 12px;
  background: url("/images/button_bg.gif") repeat-x;
  border: 1px solid #ccc;
}

#profile_tagline {
  font-weight: bold;
}

.recipe {
  position: relative;
  height: 88px;
  padding: 0px;
  margin: 10px 10px;
}
.recipe_photo {
  float: left;
  width: 150px;
  height: 84px;
  border: none;
}

.recipe_title {
  font-weight: bold;
  color: #000;
  padding: 0px;
  margin: 0px;
}
.recipe_body {
  clear: left;
  margin-bottom: 8px;
}

.recipe_profilephoto {
  float: left;
  display: inline;
}
.recipe_profilephoto img {
  height: 32px;
  width: 32px;
  border: none;
}
.recipe_right {
  float: left;
  margin-left: 10px;
}

.recipe_author {
  color: #999;
}
.recipe_watch {
  margin-top: 5px;
}

p.zero_msg {
  border: 1px solid #ddd;
  margin: 10px 0px;
  background-color: #ffffcd;
  padding: 10px 10px 30px;
}

/*-------------------------- Login -------------*/

#login {
  float: left;
  width: 298px;
}

#login p {
  margin-top: 10px;
}

form#login-form {
}

div div.fields_policy {
  margin-left: 10px;
  margin-bottom: 10px;
}

form div div.buttons {
  margin-top: 20px;
  display: block;
}

div div.buttons div.policy {
  float: left;
}

div div.buttons input {
  right: 0px;
}

/*------------------ Signup ------------*/

#channelintro {
  display: none;
}
#signup {
  margin-left: 20px;
}
div h4 span.sub {
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
}
#signin_intro {
  margin-left: 20px;
}


#signup_form {
  width: 250px;
  position: relative;
}
.fields label {
  display: block;
  margin-bottom: 5px;
}
.fields input {
  display: block;
  margin-bottom: 5px;
}
.fields select {
  display: block;
  width: 205px;
  margin-bottom: 5px;
}
#signup_gender {
  margin-bottom: 10px;
}
.fields .gender_label {
  display: inline;
  vertical-align: middle;
}
.fields .gender_field {
  display: inline;
  vertical-align: middle;
}
.fields_policy {
  margin-bottom: 15px;
}
.buttons {
  margin-bottom: 15px;
}

span.errors {
  background-color: #ffc;
}
#channel_landing {
  display: none;
}
#channel_img {
  display: none;
}

#users.new #topnav li,
#users.new #toputil,
#users.new #footer,
#site.toc #topnav li,
#site.toc #toputil,
#site.toc #footer,
#site.privacy #topnav li,
#site.privacy #toputil,
#site.privacy #footer {
  display: none;
}

#users.new #topnav li.home,
#site.toc #topnav li.home,
#site.privacy #topnav li.home {
  display: block;
}

/*-------------------- Rouxbe For Life -------------------*/


table#contribution {
  display: block;
  width: 100%;
  border: 1px solid #ccc;
  float: left;
  background-color: #eee;
  margin-bottom: 20px;
  display: block;
  clear: left;
}
table#contribution .box {
  width: 145px;
  height: 75px;
  border: 1px solid #ccc;
  margin: 7px;
  font-size: 35px;
  text-align: center;
  background-color: #fff;
}
table#contribution .box p {
  margin: 30px;
}
table#contribution tr td.label {
  width: 190px;
  white-space: nowrap;
}
table#contribution tr td.bars {
  width: 200px;
}
table#contribution tr td.percentage {
  width: 50px;
  text-align: right;
}

#fedchildren {
  background-color: #fff;
  display: inline;
  border: 1px solid #ccc;
  width: 180px;
  text-align: center;
  padding:5px;
}

/*------------------ User Edit -----------------*/

.td_label {
  width: 100px;
}
.td_photo {
  margin-bottom: 3px;
}
.td_photo img {
  max-height: 84px;
  max-width: 84px;
}

#aboutme_user_info_field {
  width: 280px;
}

/*------------- Comunity --------- */

#chef_signup {
  padding-bottom: 10px;
  border: 1px solid #ccc;
  width: 215px;
  float: right;
  margin: 0 10px 0px 10px;
}


#chef_signup p {
  margin: 0px 8px 8px 8px;
}

.chef_tile {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  height: 110px;
  padding: 10px;
}

div.chef_tile h4,
div.chef_tile h4 a,
div.chef_tile h4 a:link,
div.chef_tile h4 a:visited,
div.chef_tile h4 a:hover,
div.chef_tile h4 a:active {
  padding: 0;
  margin: 0;
  color: #333;
  text-decoration: none;
}

.chef_tile img.avatar {
  width: 88px;
  height: 88px;
  margin-top: 5px;
  margin-right: 10px;
  float: left;
}

.chef_tile .summary {
  width: 250px;
  margin: 0 12px 0 0;
  padding: 0;
}

.chef_tile p {
  margin: 0;
  padding: 0;
}

.chef_title {
  font-weight: bold;
}

div.chef_tile div.stats {
  float: right;
  width: 130px;
}

div.chef_tile div.stats p {
  width: 130px;
}

div.chef_tile div.stats img {
  position: relative;
  top: 4px;
  margin-right: 5px;
}

.tile { border: 1px solid #ccc; margin-bottom: 10px; padding: 10px; }

.tile img { float: left; }
.tile .external { float: none; padding-right: 15px; background: url(/images/pop_out_icon.gif) no-repeat top right; }

a.external{ float: none; padding-right: 15px; background: url(/images/pop_out_icon.gif) no-repeat top right; }

.tile.user div { margin-left: 98px; }
  .tile.user div div { margin-left: 0; }
  .tile.user .summary { margin: 0 0 0 10px; height: 88px; width: 250px; float: left; }
  .tile.user .stats { width: 120px; margin: 0; float: right; }

.tile.partner div { margin-left: 160px; }

.tile div .body { margin-left: 0; }

.tile h4 { padding: 0; font-size: 13px; }

.tile p { margin-bottom: 0; padding: 6px 0 0 0; line-height: normal; }

/*----------------------------------------------------------------
  Products
----------------------------------------------------------------*/

div.tile.product {width: 228px; height: 227px; margin: 0 0 14px 0; }
  div.tile.product h4 {height: 40px; margin-top:0;}
  div.tile.product img {float: none; vertical-align: middle;}
  div.tile.product table.product-photo {width:100%}
    div.tile.product table.product-photo td {height: 160px; width:100%; text-align:center; vertical-align: middle;}

#partner_logo img { text-align: center; }

#food_img {
  height: 240px;
  margin: 0;
}

#profile_foodography .profile_photo {
  padding: 3px;
  text-decoration: none;
}

#profile_foodography .profile_photo:hover {
  background: #eee;
}

#profile_foodography .profile_video {
}

#profile_foodography p {
  margin: 0px;
}

.section {
  margin-bottom: 20px;
}

.active {
}

form#contact-form label, form#contact-form input, form#contact-form textarea  {
  display:block;
}

form select {
  width: 150px;
}

form select {
  display: block;
}

form input[type="checkbox"] {
  display: inline;
  float: left;
  margin: 7px 5px 0px 0px;
}

form label {
  display: block;
  margin-bottom: 10px;
}

form#signup-form label {
  width: 240px;
}

#options span {
  display: none;
}

table#performance {
  width: 100%;
}

table#performance th {
  text-align: left;
}

table#performance td {
  padding: 5px;
  border-bottom: 1px #ccc dotted;
}

.squeeze {
  padding: 10px 5px;
}

#viewer div.step {
  padding: 0;
  margin-top: 10px;
  border: 1px #555 solid;
}

#viewer div.step h5 {
  padding: 5px;
  background: #777;
  font-weight: normal;
  font-size: 1.1em;
  margin: 0;
  border: none;
  color: #fff;
}

#viewer div.step h6 {
  padding: 5px;
  background: #ddd;
  color: #555;
  font-weight: normal;
  font-size: 1.1em;
  margin: 0;
  text-align: left;
}

#viewer div.step h6.name {
  padding: 10px 5px;

}

div.step h2 {
  font-weight: normal;
  border-bottom: 1px #ccc solid;
  background: #eee;
  padding: 10px;
  margin-bottom: 10px;
}

div.step li.ingredient {
  border-bottom: 1px dotted #ccc;
}

div.step ul.ingredients {
  margin-left: 8px;
  padding-left: 0px;
  list-style: disc outside;
}

div.step li.ingredient ul {
  margin: 0;
}

div.step li.ingredient ul li {
  margin: 0;
}

#recipe-form h5 {
  background: #eee;
  border-top: 1px #ccc solid;
  padding: 5px;
  margin-bottom: 10px;
}

#recipe-form label {
  font-weight: bold;
}

#recipe_name {
  width: 569px;
}

#recipe_photo {
  width: 150px;
  margin-right: 20px;
}

#recipe_description {
  width: 395px;
  margin-right: 20px;
}

#recipe-form .submit {
  width: 200px;
  padding: 5px;
}

/*------------------------------------------------------

  Recipe Draft

------------------------------------------------------*/

#recipe-draft {

}

#recipe-draft h6 {
  margin: 20px 0 0 0;
}

#recipe-draft p.action {
  margin: 10px 0;
}

#recipe-draft p.action a.switch {
  background: url(/images/arrow_switch.png) #eee no-repeat 5px 50%;
  padding-left: 25px;
}

#recipe-draft p.action a.check {
  background: url(/images/tick.png) #eee no-repeat 5px 50%;
  padding-left: 25px;
}

#recipe-draft p.action a.add {
  background: url(/images/add.png) #eee no-repeat 5px 50%;
  padding-left: 25px;
}

#viewer div.step p.action a, #viewer div.step p.action a:link {
  background-color: #ddd;
  border-color: #bbb;
}

#viewer div.step div.method {
  margin: 10px 0;
}

#viewer div.step div.method p { background: #fff; padding: 10px 5px;}

#recipe-draft p.action a {
  background: #eee;
  padding: 5px;
  margin: 10px 0;
  color: #555;
  border: 1px #ccc solid;
}

#recipe-draft p.action a,
#recipe-draft p.action a:link,
#recipe-draft p.action a:hover,
#recipe-draft p.action a:visited
{
  color: #555;
}

#recipe-draft ul {
  list-style: none;
}

#recipe-draft table.details {
  border-collapse: collapse;
}

#recipe-draft table.details td {
  margin: 10px 0;
  padding: 5px 0;
}

#recipe-draft #recipe-data ul {

}

#recipe-draft .step {
  border: 1px #ccc solid;
  padding: 10px;
  margin: 20px 0;
}

#recipe-draft .step_photo,
#recipe-draft #player {
  width: 150px;
  margin-right: 20px;
}

#recipe-draft .step .editor_field  {
  width: 366px;
}

#recipe-draft .drilldown-search input {
  width: 360px;
}

#recipe-draft h5 {
  background: #eee;
  border-top: 1px #ccc solid;
  padding: 5px;
  margin-bottom: 10px;
}

#recipe-draft #player {
  margin-left: 0px;
}

.highlight {
  background: #ffc;
  color: #555;
}

p.inplaceedit {
  border: 2px #eee inset;
  background: #fff;
  padding: .25em;
  cursor: text;
}

form.inplaceeditor-form {}
form.inplaceeditor-form input.editor_field {}
form.inplaceeditor-form input.editor_ok_button {}
form.inplaceeditor-form a.editor_cancel_link { margin-left: 5px; font-weight: normal;}
#recipe-draft div.auto_complete { border: 1px #555 solid;}

#recipe-draft div.auto_complete ul li,
#recipe-draft div.auto_complete ul li a {display:block; cursor: pointer;}

#draft_methods {
  text-align: right;
  padding-bottom: 5px;
}

a.main-link {
  font-size: 12px;
  font-weight: bold;
}

a.minor-link {
  font-size: 10px;
  color: #999;
}

#viewer {}
  #viewer h4 {
    margin: 5px 0;
    padding: 0;
  }
  #viewer h5,
  #comments_contents h5 {
    background: #eee;
    border-top: 1px solid #ccc;
    padding: 5px;
  }
  #viewer h6 {
  }
  #viewer #header {
    margin-bottom: 10px;
  }
    #viewer #details {
      line-height: 1.5em;
    }
    #viewer #details h4,
    #viewer #details div,
    #viewer #details p {
    }
    #viewer #details table {
      margin: 10px 0;
      width: 100%;
      border-collapse: collapse;
    }
    #viewer #details table td.strong{
      width: 100px;
      background: url(/images/gray-right-arrow.gif) #eee no-repeat 100% 50%;
      padding: 3px 10px;
      color: #555;
    }
    #viewer #details table td {
      border-bottom: 1px #eee solid;
      padding: 3px 10px;
    }

    #viewer #serves {}

    #viewer #actions {
      margin: 25px 0 0 20px;
    }
    #viewer #actions td {
      padding: 5px;
      border: 1px solid #ccc;
    }
    #viewer #actions img {
      padding: 0 5px;
    }
  #viewer .step {
    border: none;
    padding: 10px 0;
    margin: 0;
    background: #eee;
  }
    #viewer .thumb { margin-top: 3px; }

    #viewer .ingredients, #viewer ul.steps-list {
      margin: 10px 0;
      border-top: 1px #ccc dotted;
    }

    #viewer ul.steps-list li {
      border-bottom: 1px #ccc dotted;
      line-height: 2em;
      vertical-align: middle;
      background: #fff;
      padding: 0px 5px;
    }

    #viewer .ingredients ul {
      list-style: none;
      list-style-type: none;
    }

    #viewer .ingredients li.bullet {
      line-height: 2em;
      vertical-align: middle;
      background: #fff;
      padding: 0px 5px;
    }

    #viewer .ingredients li.bullet.edit {
      background: #ffc;
      padding: 5px;
    }

  #viewer .note {
    border-top: 1px solid #ccc;
    padding: 10px 0;
  }

div.admin { border: 1px #555 solid; margin: 10px 0;}
div.admin h2 { font-size: 1.2em; color:#fff; background: #555; padding: 5px;}
div.admin .squeezer { padding: 10px; }
div.admin p { margin: 10px 0;}
div.admin ul { list-style: none; }
div.admin li { display: inline; }
div.admin a,
div.admin a:link,
div.admin a:visited,
div.admin a:active { background: #fff; color:#555; padding: 5px;}
div.admin a:hover { background: #555; color: #fff; }
dl.categories { float: left; }
dl.categories dt { font-weight: bold; }
dl.categories dd {}

ul#audit { list-style: none;}
ul#audit li { border-bottom: 1px #ccc dotted; padding: 5px;}
ul.categories li {border-bottom: 1px #ccc dotted; padding: 5px;}

/*------------------------------------------------------
  Thanksgiving
------------------------------------------------------*/

#thanksgiving_main {
  border: 1px solid #ccc;
}

.checklist { padding: 12px; }
.checklist h5 { margin-bottom: 12px; color: #666; }
.checklist h6 { margin-bottom: 5px; }
.checklist ul {
  margin-bottom: 20px;
  list-style: none;
  list-style-type: none;
  line-height: 2;
}
.checklist ul li { padding-left:0; }

.checklist ul li.header { font-weight: bold; list-style: none; margin-left: 0; }
.checklist input { margin-top: 2px; }
#subscription_email {
  margin-bottom: 5px;
}

input.search {
  background: url(/images/magnifier.png) no-repeat 5px 50%;
  padding-left: 25px;
}

h3#search-name {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

#search-info, .section-description {
  margin-bottom: 12px;
  padding: 12px;
  border: 1px #ccc solid;
  background-color: #ffc;}

#search-info h4 {
  margin-top: 2px;
  margin-bottom: 0;
  color: #666;
}

#search-info .info {
  padding: 0 0;
}

#search-info p {
  margin: 0;
  padding: 0;
}

#search-info ul {
  margin-top: 2px;
  width: 200px;
}

#search-info li {
  list-style: disc;
  padding: 2px;
  margin-left: 20px;
  width: 200px;
}

#search-info li a, #search-info li a:link {
  font-style: normal;
}

table.forums {
  border-collapse: collapse;
}

table.forums h4 {
  padding-bottom: 5px;
}

table.forums th {
  background: #eee;
  color: #000;
  padding: 10px;
  font-weight: bold;
  border: 1px solid #ccc;
  border-left: none;
  border-right: none;
}

table.forums .c1 {
}

table.forums .c2 {
  width:300px
}
table.forums .c3 {
  width:75px;
  text-align: center;
}
table.forums .c4 {
  width:75px;
  text-align: center;
}
table.forums .c5 {
  width:150px
}

table.forums td {
  border-bottom: 1px #ccc dotted;
  padding: 5px 10px;
}

#reply {
  margin-top: 20px;
}

#school-sections #reply {
  margin-top: 0;
  padding-top: 0;
}

.utility {
  background: #555555 none repeat scroll 0%;
  border: 1px solid #000;
  padding: 5px;
}

.post_author { color: #999; }
p.add { margin-top: 5px; display: inline;}
p.add a { padding: 5px; background: #eee; text-decoration:none; border: 1px #ccc solid;}
p.add a:hover { background: #ccc; }

#emailfields {margin-bottom: 10px;}
#emailfields li {padding: 5px 0;}
#emailfields li label {display:inline;}

div.main { }
div.main ul { list-style: none; }

div.main.nobox { border:none; }


div#edit_recipe { background:#eee; padding: 5px;}

div#edit_recipe div.inplacefu {
  padding: 0;
  margin: 0;
}
div#edit_recipe div.inplacefu span,
div#edit_recipe form.inplaceeditor-form input {
  background: #fff;
  color: #888;
  padding: 5px;
  border: none;
  font-size: 1.3em;
  line-height: 1.2em;
  border: none;
}

div#edit_recipe div.inplacefu #tooltip {
  display: none;
  background: #000;
}

div#edit_recipe div.inplacefu:hover #tooltip {
  display: block;
  position: absolute;
  right: -10px;
  top: 10px;
}
div#edit_recipe div.inplacefu input.editor_ok_button {
  padding: 0;
  margin: 0;
  width: 10px;
}

div#edit_recipe div.inplacefu p,
div#edit_recipe form.inplaceeditor-form p
{
  padding: 0;
  margin: 0;
}

div#edit_recipe form.inplaceeditor-form {
  padding: 0;
  margin: 0;
}

.structural {
  position:absolute;
  left:-9999px;
}

.SI-FILES-STYLIZED label.cabinet
{
  width: 79px;
  height: 22px;
  background: url(/images/btn-choose-file.gif) 0 0 no-repeat;

  display: block;
  overflow: hidden;
  cursor: pointer;
}

.SI-FILES-STYLIZED label.cabinet input.file
{
  position: relative;
  height: 100%;
  width: auto;
  opacity: 0;
  -moz-opacity: 0;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.iframe { width: 0; height: 0; position: absolute; top: 0; right: 0; display: none; }

div.upload-section {
  background:#eee;
}

div.upload-section .section {
  padding: 5px;
  margin-bottom: 10px;
}

div.upload-section .section .error {
  padding: 5px;
  margin-top: 10px;
  background: #ffc;
  color: #555;
  display: none;
}
div.upload-section .section .error p { margin:0; padding:0; }

p.toggle {
  float: right;
}

#viewer p.toggle a, #viewer p.toggle a:link {
  color: #fff;
  border: none;
  padding-right: 10px;
  position:relative;
  top: 4px;
}

div.step p.toggle a, div.step p.toggle a:link {
  color: #555;
}

#categories #contextual {
  margin-bottom: 10px;
}

#categories #contextual table {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%;
}

#categories #contextual table td {
  border-bottom: 1px #ccc dotted;
  padding: 5px 10px;
}

div#accordian a h6 {
  border-bottom: 1px #ccc solid;
}

ul.category li {
  padding: 2px 5px;
}

/*------------------------------------------------------
  Forum changes
------------------------------------------------------*/

.entry-title {
  size: 18px;
  color: #fff;
}

img.icon
{
  background:#a3a60f;
  background-image: url(/images/clearbits/bg_rounded.gif);
  background-repeat: no-repeat;
  vertical-align: bottom;
}

img.green {
  background:#a3a60f;
  background-image: url(/images/clearbits/bg_rounded.gif);
  background-repeat: no-repeat;
  vertical-align: bottom;

}

img.grey {
  background: #ccc;
  background-image: url(/images/clearbits/bg_rounded.gif);
  background-repeat: no-repeat;
  vertical-align: bottom;

}

.show #content_right li, .show #content_left li {
  margin-top: 0;
  margin-bottom: 8px;
}

.topics ul {
  margin-bottom: 4px;
}

.utility {
  background: #fff;
  color: #888;
  border: 1px solid #ccc;
  margin-bottom: 12px;
  margin-top: 4px;
}

.topics-container  {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 10px 10px 12px 10px;
}

div.recipe_owner_methods {
  border-bottom: 1px #eee dotted;
  margin-bottom: 10px;
}

body#recipes li em,
body#drilldowns li em {
  font-style: italic;
  color: #ccc;

}

body#drilldowns #recipe_filters { display: none; }
body#recipes #drilldown_filters { display: none; }

body#recipes .filters,
body#drilldowns .filters {
  padding: 0;
  margin: 0;
}

body#recipes li.active a,
body#drilldowns li.active a,
body#recipes.edit a.editrecipe_tab,
body#recipes.update a.editrecipe_tab,
body#drilldowns a.videos_tab,
body#community-dashboard a.chefs_tab,
body#community-people a.chefs_tab,
body#community-posts a.forums_tab,
body#community-forums a.forums_tab,
body#community-topics a.forums_tab,
body#school-sections.objectives a.objectives_tab,
body#school-sections.show a.topics_tab,
body#school-sections.practice a.practice_tab,
body#school-questions a.question_tab,
body#school-answers a.question_tab,
body#school-quizzes a.quiz_tab,
body#school-sections.discussion a.discussion_tab
 {
  border-bottom: 1px solid #FFFFFF;
  background: transparent;
  color: #000;
  font-weight: normal;
}

.disabled * {
  opacity: 0.6 !important;
}

#search #submit-button {
  display:inline;
}

div.context_message { padding: 10px; }
div.context_message div.hide {
  float: right;
}

/* put the left rounded edge on the track */
div.track-left {
  position: absolute;
  width: 5px;
  height: 9px;
  background: transparent url(/images/slider-images-track-left.png) no-repeat top left;
}

/* put the track and the right rounded edge on the track */
div.track {
  background: transparent url(/images/slider-images-track-right.png) no-repeat top right;
}

li.track-help {
  font-family: helvetica;
}
li.track-help .percentage {
  font-weight: bold;
}

li.track-help .quote {
  font-style: italic;
}

div.track div.numbers {
  width: 200px;
}

div.track div.numbers .number {
  font-family: helvetica;
  text-align: center;
  font-size: 0.9em;
  color: #999;
  font-weight: normal;
  width: 21px;
  float:left;
  margin-right: 15px;
}

div.track div.slider_handle {
  cursor: pointer;
  width: 19px;
  height: 20px;
}

div#text_recipe { margin-bottom: 20px; position: relative; }
div#text_recipe .recipe-actions { float: none; display: block; position: relative; top: -10px;}

div#video_recipe {
  position: relative;
}

div#text_recipe .header {
  margin-top: 20px;
}

div#text_recipe .thumb {
  float:left;
  margin-right: 10px;
  width: 150px;
  height: 84px;
}

div#text_recipe .details { position: relative }
div#text_recipe .details p.description {margin: 10px 0; padding: 0;}

img.photo {
  background: #fff;
}

div#text_recipe .notes, div#text_recipe div.step { border-top: 1px #eee solid; }
#comments_contents, div#text_recipe .notes, div#text_recipe div.step { padding-top: 10px; margin-top: 10px; }

div.notes ul { margin-left: 15px }

div#text_recipe .author {
  font-size: 0.8em;
  font-style: italic;
}

dl.serves {
  width: 200px;
}

dl.serves dt.first, dl.serves dd.first {
    border-top: 1px #eee solid;
}

dl.serves dt {
  float: left;
  border-bottom: 1px #eee solid;
  width: 85px;
  line-height: 1.8em;
}

dl.serves dd {
  margin-left: 85px;
  border-bottom: 1px #eee solid;
  line-height: 1.8em;
}

div#text_recipe .method {
  width: 430px;
}

#recipe_slider {
  border: 1px solid #ccc;
  width: 220px;
  float:right;
  position: absolute;
  margin-bottom: 0;
  margin-top: 2px;
  right: -1px;
  top: -81px;
  background: #fff;
}

td.details #recipe_slider {
  right: 8px;
  top: 32px;
}

#recipe_slider ul {
  padding: 0;
  margin: 0;
}

#recipe_slider li:first-child {
  border-top:none ;
}

#recipe_slider li {
  border-top: 1px #eee solid;
  list-style: none;
  padding: 5px;
}

ul.actions li {
  list-style: none;
}

ul.horz {
  margin-left: 5px;
}

ul.horz li {
  float: left;
}

ul.vertical {
  float: right;
  margin-top: 2px;
}


ul.horz {
  text-align: right;
  display: inline;
  margin-top: 10px;
  margin-bottom: 2px;
  margin-right: 2px;
  list-style: none;
}

.average-success-rating {
  float: right;
  margin: -2px 0 10px 0;
  padding: 1px 5px;
  color: #999;
}

.section-description h4{
  margin-top: 5px;
  padding-top: 0;
}

.header-inline {
  font-weight: normal;
  font-size: 12px;
  color: #999;
  font-family: Verdana, sans-serif;
}

.recipe-actions img {
  margin: 0;
  padding: 0;
}

div.title {
  margin-bottom: 8px;
}

div.title h3 {
  line-height: 24px;
  margin:0;
  padding:0;
  font-family:helvetica;
  color: #333;
  font-size: 18px;
}

div.title p {
  line-height: 10px;
  font-size:0.9em
}

#insufficient_permissions { }
#insufficient_permissions h1 { }
#insufficient_permissions .column {
  float: left;
  margin-right: 40px;
  margin-top: 20px;
}


/*------------------------------------------------------------------------------------------------------
  prototip.css : http://www.nickstakenburg.com/projects/prototip
------------------------------------------------------------------------------------------------------*/

img.tip {cursor: help;}
.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .toolbar {
  position: relative;
  display: block;
  }
.prototip .toolbar .title {
  display: block;
  position: relative;
  }
.prototip .content { clear: both; }

.iframeShim {
  position: absolute;
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
}


/*------------------------------------------------------
  Cooking School
------------------------------------------------------*/

#cs-header, #cs-subhead, #cs-report-card, #cs-newly-released, #cs-table, #school-dashboard p, #school-sections p, #school-quizzes p, .cs-table, #school-dashboard ol, #school-sections ol, #school-quizzes ol, #school-sections ul, #school-quizzes ul, #school-dashboard h6, #school-quizzes h6, #school-sections h3, #school-quizzes h3, #school-sections h4, #school-quizzes h4, #school-sections h5, #school-quizzes h5, #school-sections h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: normal;
}

#school-dashboard p {
  font-size: 12px;
  color: #888;
  line-height: 1.5;
}

#school-sections p, #school-quizzes p {
  font-size: 12px;
  color: #666;
  line-height: 1.5;
}

#school-sections #content_left, #school-quizzes #content_left {
  width: 260px;
}

#cs-header-container {
  width: 50%;
  margin: 0;
  padding: 0;
}

#cs-header {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin: 0 20px 1px 0;
}

#school-dashboard #cs-subhead, #school-dashboard #cs-subhead a, #school-sections #cs-subhead, #school-sections #cs-subhead a,  #school-quizzes #cs-subhead,  #school-quizzes #cs-subhead a {
  font-size: 12px;
  font-weight: normal;
  color: #aaa;
  margin-bottom: 0;
}


#school-dashboard #cs-subhead a, #school-sections #cs-subhead a, #school-quizzes #cs-subhead a {
  color: #aaa;
  margin-bottom: 0;
}

#school-dashboard .cs-subhead a:hover, #school-sections .cs-subhead a:hover {
  color: #444;
}

#cs-newly-released  { position:absolute; top: 0; left: 425px; width: 212px; } 
#cs-report-card     { position:absolute; top: 0; left: 637px; width: 212px; } 
#cs-report-card, #cs-newly-released {
  padding: 0;
  text-align: left;
}

#cs-newly-released {
  padding-right: 11px;
}

#school_subscribe {
  width: 400px;
  background: #ffffcc;
  padding-bottom: 2px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
}

#school_subscribe #subscription_email {
  margin: 0 5px 0 0;
}

#school_subscribe input[type=hidden] {
  display: none;
}

#cs-report-card h5, #cs-newly-released h5 {
  font-size: 11px;
  color: #666;
  padding: 0;
  margin: 0 0 0 0;
}

#cs-report-card p, #cs-newly-released p, #cs-newly-released a {
  font-size: 11px;
  color: #999;
  line-height: 1.4;
}

#school-dashboard a.cs-overview-link, #school-sections a.cs-overview-link {
  color: #666;
}

.school-navigation-forward {
  float: right;
  margin-top: 24px;
}

ul.school-navigation-forward li, ul.school-navigation-back li {
  display: inline;
  list-style-type: none;
  background-image: none;
  padding-left: 0;
}

ul.school-navigation-forward a {
  text-align: right;
  margin-right: 12px;
}

.school-continue {
  font-size: 12px;
  font-weight: bold;
  color: #666;
}

.add-border {
  border-left: 1px solid #ccc;
}

.school-navigation-back {
  float: left;
  margin-top: 24px;
}

ul#sub_menu li {
  display: inline;
  list-style-type: none;
  background: none;
}

#school-sections #content_left li {
  margin: 1px 0 1px 0;
}

#school-sections.show #content_left li {
  margin-top: 0;
  margin-bottom: 0;
  background: url("/images/icons/comingsoon-bullet.jpg") no-repeat 0 1px;
  padding-left: 12px;
}

.cs-table {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 1px solid #d5d5d5;
  padding: 0;
  margin: 0 0 21px 0;
} 

.cs-table h3 {margin-bottom: 0;}

.cs-table td {
  padding: 10px;
  width: 50%;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin: 0;
} 

.cs-table td.free h4{ padding-left: 35px; background: url("/images/free_badge.gif") no-repeat 0 50%; }
.cs-table td .status{ background: url("/images/icons/published-bullet.gif") no-repeat 0 50%; }
.cs-table td.completed .status  { background: url("/images/icons/completed-bullet.gif") no-repeat 0 50%; }
.cs-table td.inprogress .status { background: url("/images/icons/inprogress-bullet.gif") no-repeat 0 50%;}

.cs-table ul {
  position: absolute;
  background: #fff;
  top: 0px;
  display: none;
  border:1px #ccc solid; 
  padding: 20px 10px 5px 10px; 
  list-style:none;
  box-shadow: 1px 1px 1px #555;
  -moz-box-shadow: 1px 1px 1px #555;
  -webkit-box-shadow: 1px 1px 1px #555;
  z-index: 1;
  left: -10px;
  width: 270px; 
}

.cs-table ul.open {border: 1px #ccc solid; z-index: 59; background:#fff; padding-bottom: 10px;}
.cs-table ul.open li a,.cs-table ul.open li a:link;{ position:relative; z-index: 59;}
.cs-table .lesson { margin-left: 170px; border: none; padding: 0; }
#school-sections .cs-table .lesson p { font-size: 11px; line-height: 1.8em; margin: 0; padding-left: 18px; }
#school-sections .cs-table .lesson p.topic-container {position:absolute;top: 0;left:0; background: url("/images/icons/bullet-plus.gif") no-repeat scroll 0 50% transparent}
#school-sections .cs-table .lesson p.active { background-image: url("/images/icons/bullet-minus.gif") }
.cs-table li { border-bottom: 1px #ccc solid; padding: 0; margin: 0;}  
.cs-table li a { padding: 0; text-decoration: none; }
.cs-table li a div {padding: 5px; }
.cs-table li a:hover, .cs-table li a:hover div { background:#eee;}  
.cs-table span.subtext { padding: 5px 0; display: block; } 
.cs-table img { margin: 0 10px 0 0; }

#school-sections .other-free { padding: 0 10px; margin-bottom: 10px; }
#school-sections .other-free a, 
#school-sections .other-free a:link { color: #A3A60F }
#school-sections .other-free span { float:right; }

#school-sections .cs-table h6 {
  margin: 0 0 5px 166px;
}  

#school-sections .cs-table h5 {
  margin: 0 0 8px 165px;
  padding: 0;
  line-height: 14px;
}
#school-sections .cs-table h5.completed { padding: 0 0 0 78px; background: url("/images/icons/completed-badge.jpg") no-repeat 0px 2px; }
#school-sections .cs-table h5.inprogress { padding: 0 0 0 78px; background: url("/images/icons/inprogress-badge.jpg") no-repeat 0 2px; }

#school-dashboard .badge, #school-sections .badge  { margin: 3px 5px 0 0; }

#school-dashboard ol, #school-sections ol { list-style-type: none; margin-left: 166px; }

#school-dashboard #contents ol li, #school-sections #contents ol li, #school-quizzes ul.question li { padding-left: 18px; margin-bottom: 1px; }
.other-lessons li, ul.question li { padding-left: 18px; margin-bottom: 1px; }
#school-dashboard #contents ol li.completed, 
#school-sections #contents ol li.completed, 
#school-quizzes ul.question li.correct { background: url("/images/icons/completed-bullet.gif") no-repeat 0 1px; }
#school-quizzes ul.question li.incorrect { background: url("/images/icons/incorrect_bullet.gif") no-repeat 0 2px; }
#school-quizzes ul.question li.actual { background: url("/images/icons/actual_answer_bullet.gif") no-repeat 0 2px; }
.other-lessons li.completed, #school-quizzes ul.question li.correct { background: url("/images/icons/completed-bullet.gif") no-repeat 0 2px; }
#school-dashboard #contents ol li.inprogress, #school-sections #contents ol li.inprogress { background: url("/images/icons/inprogress-bullet.gif") no-repeat 0 1px; }
.other-lessons li.inprogress, ul.question li.inprogress { background: url("/images/icons/inprogress-bullet.gif") no-repeat 0 2px; }
#school-dashboard #contents ol li.published, #school-sections #contents ol li.published { background: url("/images/icons/published-bullet.gif") no-repeat 0 1px; }
.other-lessons li.published, ul.question li.published, #school-quizzes ul.question li { background: url("/images/icons/published-bullet.gif") no-repeat 0 2px; }
#school-quizzes.new ul.question li,
#school-quizzes.new ul.question li.film
{background-image:none;}

#school-dashboard #contents ol li.comingsoon, #school-sections #contents ol li.comingsoon { background: url("/images/icons/comingsoon-bullet.gif") no-repeat 0 1px; color: #999; }
.other-lessons li.comingsoon, body#school-quizzes ul.question li.comingsoon { background: url("/images/icons/comingsoon-bullet.gif") no-repeat 0 2px; color: #999; }

body.objectives ul, body.show ul, body.practice ul, body#school-quizzes ul, body#free_trials ul { list-style-type: none; }

body#press.show #right_nav .body ul { list-style-type: disc; margin-left: 15px; }

#school-quizzes ul.question li.correct, #school-quizzes ul.question li.actual {
  color: #444;
}

#school-sections #content_right ul { margin-top: 12px; }
#school-sections #content_right ul.exercises { margin-top: 0; margin-bottom: 18px; }
#school-sections #content_right ul li { background: url("/images/icons/comingsoon-bullet.gif") no-repeat 0 1px; color: #888; padding-left: 14px; font-size: 12px; margin-bottom: 6px;}

#school-sections #content_right .recipe_tile ul li { background-image: none; padding: 0; color: #888; font-size: 12px; }

#school-sections #content_right .recipe_tile .actions a span {
  display:  inline;
  padding:  1px 0 2px 0;
  font-size: 12px;
}

#school-sections #content_right .recipe_tile .actions {
  list-style: none;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0;
  display:  inline;
}
  
#school-sections #content_right .recipe_tile .actions li {
  border-right: 1px #aaa solid;
  padding-right: 4px; 
  display:  inline;
}


#school-sections .other-lessons li {
  margin: 0;
}

div#results-box {
  background: #ffffcd;
  padding: 10px 10px 4px 10px;
  margin-bottom: 18px;
  border: 1px solid #ddd;
}

.explanation {
  font-size: 10px;
}

#school-sections h6, #school-quizzes h6 {
  margin-bottom: 0;
  padding: 0 0 0 1px;
}

#school-quizzes ul.question {
  font-size: 12px;
  line-height: 1.4em;
  margin:  8px 0 12px 0;
}

#school-quizzes ul.question li {
  margin-bottom: 6px;
  color: #888;
}

#school-quizzes ul.question li {
  margin-bottom: 6px;
}

#school-quizzes ul.question li label {
  margin-left: 4px;
}


#school-quizzes p.film a {
  margin-left: 26px;
}

#school-sections.show h4 {
  margin-top: 7px;
}

#school-sections.show h5 {
/*  margin-top: 9px;*/
}

#school-sections h5, #school-quizzes h5 {
  margin: 12px 0 2px 0;
}

.cs-table-header {
  border-bottom: none;
  background: url("/images/tab_background.gif") repeat-x scroll center bottom transparent;
  border: 1px #ccc solid;
  border-bottom:none;
  padding: 10px; 
  margin-top: 10px; 
}
body#school-sections .cs-table-header h2 {   

  color: #555; line-height: 30px; display: inline; margin:0; padding: 0; font-weight: bold;}
body#school-sections .cs-table-header p { color: #333; line-height: 30px; display:inline; float:right; }

#lesson-of-the-day { position: relative; margin: 10px 0; border: 1px #ccc solid; padding: 10px;} 
#lesson-of-the-day ul { list-style: none; }
#lesson-of-the-day li { padding-left: 18px; background: url("/images/icons/published-bullet.gif") no-repeat 0 50%; }
#lesson-of-the-day h2 { padding: 5px 0 10px 0; }
#lesson-of-the-day h2 a, #lesson-of-the-day h2 a:link { color: #A3A60F; }
#lesson-of-the-day .images { float: right; }
#lesson-of-the-day .details { width: 400px;}
#lesson-of-the-day .other-free-lessons { position: absolute; bottom: 3px; width:400px;}
#lesson-of-the-day .other-free-lessons a {color:#A3A60F}

#school-dashboard span.cs-span, #school-sections span.cs-span {
  font-size: 10px;
  font-family: "Helvetic Neue", Helvetica, Arial, sans-serif;
  color: #aaa;
  margin-left: 1px;
}

body.exercises ul {
  margin-top: 0;
  padding: 0;
}

body#school-sections.practice .recipe_tile {
  font-family: Verdana, sans-serif;
}

body#school-sections.practice .recipe_tile p {
  line-height: 1.2em;
}

body#school-quizzes form#quiz-form input {
  display: inline;
}

body#school-quizzes form label {
  display: inline;
}

#school-sections #content_right ul.school-navigation-forward li, #school-sections #content_right ul.school-navigation-back li {
  background-image: none;
}

#school-sections.index h5 {
  margin-top: 2px;
}

#school-sections.index h3#cs-header {
  margin-bottom: 5px;
}

#school-sections.index p {
  line-height: 1.3;
}

#school-sections.index div.subsection {
  padding-bottom: 10px;
}

.cs-flash {
  margin-bottom: 18px;
  border: 1px solid #ccc;
  background: #eee;
  padding: 8px 11px 9px 11px;
}

#school-quizzes li.film, #school-quizzes li.image {
  height: 84px;
  position: relative;
}

#school-quizzes ul.question li.film, #school-quizzes ul.question li.image {
  height: auto;
  position: relative;
}

#school-quizzes li.film input, #school-quizzes li.image input {
  bottom: 0px;
}

#school-quizzes li.film label, #school-quizzes li.image label {
  position: relative;
  margin-left: 15px;
  height: 84px;
}

#school-quizzes label span.quiz-answer-label, #school-quizzes span.quiz-answer-label {
  font-weight: bold;
}

#school-quizzes ul.question li.film { background: url("/images/icons/published-bullet.gif") no-repeat 0 74px; }
#school-quizzes ul.question li.film.incorrect { background: url("/images/icons/incorrect_bullet.gif") no-repeat 0 75px; }
#school-quizzes ul.question li.film.actual { background: url("/images/icons/actual_answer_bullet.gif") no-repeat 0 75px; }
#school-quizzes ul.question li.film.correct { background: url("/images/icons/completed-bullet.gif") no-repeat 0 75px; }

.quiz-thumb {
  display: inline;
  margin:0;
  padding:0;
  width:150px;
  height:84px;
  position: relative;
}

label .quiz-thumb, li .quiz-thumb { 
  display: inline-block; 
  margin: 0; 
}

#school-quizzes .thumb {
  position:absolute;
  float: right;
  bottom:2px;
  right:2px;
  margin: 0;
  padding: 0;
}

/*------------------------------------------------------------------------------------------------------*/

table.sortable {
  border-collapse: collapse;
  width: 100%;
}

table.sortable th {
  background:#555;
  color: #fff;
  padding: 5px;
  font-size: 12px;
  font-weight: normal;
  cursor: pointer;
}

table.sortable th.nosort {
  cursor: auto;
}

table.sortable td {
  padding: 5px;
  border-bottom: 1px #ccc dotted;
}


#quiz-form {}

form#quiz-form input{
  display: inline;
}

#quiz-form ol.questions {}

#quiz-form ol.questions>li {
  border-bottom: 1px #000 dotted;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#quiz-form ol.questions ol li {
  position: relative;
}

#quiz-form ol.questions ol li input {
  left: 0;
  top: -10px;
}

#quiz-form ol.questions ol li label {
  left: 40px;
  display: inline;
}

/*------------------------------------------------------
  Lesson Tiles
------------------------------------------------------*/

.lesson { 
  padding: 10px 0; 
  border-bottom: 1px solid #eee; 
}

.lesson h5 {
  display: inline;
  font-size: 11px;
  font-weight: normal;
}

.lesson .badge {
  margin-right: 5px;
}
.lesson .arrow {
  position: absolute;
  right: 10px;
}

.lesson .body {
  margin-top: 10px;
}

.lesson .body img {
  float: left;
  margin-right: 10px;
}

.lesson .body p {
  float: left;
}

.lesson-progress { 
  padding: 10px; 
  border-bottom: 1px solid #ccc; 
}

.lesson-progress .date,
.lesson-progress .name,
.lesson-progress .score {
  float: left;
  margin-right: 10px;
}

.lesson-progress .date {
  width: 70px;
}

.lesson-progress .name {
  width: 90px;
}

.lesson-progress .score {
  width: 200px;
}

.lesson-progress .badge {
  float: right;
}

/*------------------------------------------------------------------------------------------------------
  book pages
------------------------------------------------------------------------------------------------------*/

#tree {}

#tree h4 { margin-top: 20px; }
#tree h5 { margin: 0; font-weight: normal; font-size: 11px; }
#tree a {}

#tree .parent { text-decoration: none; padding-left: 15px; }
#tree .parent:hover { text-decoration: underline; }
#tree a.close { background: url("/images/arrow_right.gif") no-repeat 0 50%; }
#tree a.open { background: url("/images/arrow_down.gif") no-repeat 0 50%; font-weight: bold; }

#tree .child { list-style-type: none; margin: 0 0 10px 15px; }
  
/*------------------------------------------------------------------------------------------------------
  news & press
------------------------------------------------------------------------------------------------------*/

.press_item {
  border-bottom: 1px dotted #ccc;
  padding:10px;
}

.press_item.coverage {
  background-color: #ededed;
}

#press .coverage p {
  margin-bottom: 8px;
  margin-top: 0;
}

#news p, #press p {
  line-height: 1.5em;
  margin-bottom: 1em;
}

#news h3 {
  margin-top: 0;
  line-height: 1.2em;
}

#press h3 {
  margin-bottom: 0;
  line-height: 1.2em;
  color: #555;
  font-size: 16px;
}

#press h3 a {
  margin-top: 0;
  line-height: 1.2em;
  color: #555;
  font-size: 16px;
}

#press h4 {
  color: #555;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}

.press_date {
  text-transform: uppercase;
}

#press .tile {
  padding-top: 0;
}

input[type=hidden] {display:none;}

.group #alerts li {
  background: url("/images/icons/published-bullet.gif") no-repeat 0 0;
  line-height: 1em; 
}

#alerts li {
  background: url("/images/icons/published-bullet.gif") no-repeat 0 5px;
  list-style: none;
  padding-left: 20px;
  line-height: 1.6em;
}

.context_message div.subscribe {width:100%;border:none;background:transparent}
.context_message div.subscribe p {font-family: Arial, Helvetica, sans-serif}
div.subscribe { width:300px; padding: 0 5px; margin: 0;}
div.subscribe p { margin-left: 20px; background: #ffc; color: #555; padding: 1px 5px;}
div.subscribe input {background: transparent;}

ul.rss li {
  list-style: none;
  background: url("/images/feed-icon.png") no-repeat 0 50%;
  padding-left: 20px;
  padding-bottom: 8px;
  line-height: 2em;
}

/*------------------------------------------------------------------------------------------------------
  COMMUNICATION TOOLS
------------------------------------------------------------------------------------------------------*/
div#center_slot {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
}

div#sidebar_slot {
  border: 1px solid #ccc;
  padding: 10px;
}

div.communication_tool input[type="radio"] {
  display: inline;
}

div.communication_tool ul {
  list-style: none;
  margin-left: 0px;
}

div.communication_tool ul li {
  margin-top: 12px;
}

table.screencasts {
  margin-bottom: 5px;
  width: 100%;
}

table.screencasts td {
  background: #eee;
  width: 33%;
  text-align: center;
  padding: 5px;
  font-weight: bold;
}

table.screencasts a, 
table.screencasts a:link {
  font-weight: normal;
}

ul.engagement li {
    font-weight: bold;
}

ul.engagement ul li {
  margin-left: 15px;
  list-style: disc;
  line-height: 1em;
}

ul.engagement li a {
  font-weight: normal;
}

.screencast_bar { background:#555; color:#fff; padding: 5px }
.screencast_bar a, .screencast_bar a:link { color: #fff; }

.subscribe label input { position: relative; top: -7px; }

p.info {background:#eee;padding:10px;border: 1px #ccc solid;}

#ie6_notice {background: #c00; color:#fff; font-size: 1.3em; padding: 10px}
#ie6_notice a, #ie6_notice a:link {color:#fff;}

.no-search-results { position: relative; top: -20px; padding: 20px 0;}
.no-search-results .spelling_suggestions { font-size: 1.3em; font-weight: bold;}
.no-search-results .spelling_suggestions,
.no-search-results .spelling_suggestions a,
.no-search-results .spelling_suggestions a:link { color:#a3a60f;}
.no-search-results ul { padding-left: 15px; margin-bottom: 10px;}
.no-search-results .search-help {margin-top: 15px;}

#dashboard #left_nav {}
                                      
blockquote { padding-top: 10px; border-top: 1px #ccc solid; margin: 0; } 
blockquote p { margin-bottom: 5px; }                                   
blockquote div {font-style: bold;}
.culinary_instructors blockquote div {font-weight: bold;}
.culinary_instructors blockquote p {padding-top: 5px;}
.culinary_instructors blockquote div {font-size: 1em;}
.press blockquote { padding-bottom: 20px; }
#site.index blockquote {padding-top: 0px; padding-bottom: 10px; border-top: none;}

#faqs .toggle-title { font-weight: normal; line-height: 1.8em; background:url("/images/icons/published-bullet.gif") no-repeat 0 50%; padding-left: 20px;}
#faqs .toggle-body { line-height: 1.6em; padding-left: 20px; padding-top:10px ;}

#main_page {position:relative;}

#main_page .group { margin-bottom: 12px; padding: 10px; }
#main_page .group { padding: 0;}
#main_page .group div:first-child { padding-top: 0;}
#main_page .group .subsection{ margin: 0; padding: 10px 0; border-bottom: 1px #ccc dotted; border-top: none;}
#recent_activity {border: 1px #ccc solid; border-bottom:none;width:510px; margin-top: 15px;}
#recent_activity .header{background:#eee;color#333;padding:5px;margin-bottom:0;}
#recent_activity div.section { border:none; padding: 10px; margin: 0; border-bottom: 1px #ccc solid}
#recent_activity div.section h4 { padding-bottom: 0 }
#recent_activity div.section ul { list-style:none; margin-bottom: 10px;}
#recent_activity div.section ul.topic li { line-height: 1.9em;}
#recent_activity div.section ul.topic li img {margin-right: 5px;}
#recent_activity div.section img {float:left;}
#recent_activity div.section div.copy { margin-left: 290px;}
#recent_activity div.section div.copy h5 {margin:0;padding:0;margin-top: 0px;padding-bottom: 5px; font-weight: bold;}
#recent_activity div.section .recipe_tile_2col img {display:none;}

#dashboard.bookmarks #right_nav, #dashboard.recipes #right_nav, #dashboard.school #right_nav { border:none}

#users.create #errorExplanation,
#users.new #errorExplanation {
  width: 275px;
}

.empty-myrouxbe { border: 1px #ccc solid; border-top: none;background-color:#ffc; padding: 10px; position:relative;top: -1px;}
p.player-link {margin-bottom: 25px;}
p.player-link a, p.player-link a:link { text-decoration: none; padding: 10px; background: #ffffcd; border: 1px #ccc solid; margin-bottom: 10px; width:100% }
.user-recipe-copy { padding: 10px; background: #eee; border: 1px #ccc solid; margin-bottom: 10px; }

.share {font-size: 1.4em; font-weight: bold; border-bottom: 1px #ccc solid; padding-bottom: 5px; margin-bottom: 10px;}
.recipe-tools .share-tools {border-right:none;}
.share-tools,
.user-tools { color: #aaa; border: 1px #ccc solid; float:right; padding: 5px; margin:0; line-height: 20px;}
#seo_landing_pages .share-tools {float:right; clear: right; border: 0; padding-right: 0;}
#container .share-tools  a,
#container .share-tools a:link,
#container .user-tools  a,
#container .user-tools a:link {color: #aaa}
.share-tools img,
.user-tools img {float:left;}
.user-tools .success-rating{padding-left:10px;}

.pretty_button {display:block;}

.pretty_button a,
.pretty_button a:link {
    background: transparent url('/images/buttons/yellow-right.gif') no-repeat scroll top right;
    color: #333;
    display: block;
    float: left;
    font: normal 14px helvetica, arial, sans-serif;
    height: 35px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: underline;
}

.pretty_button a span {
    background: transparent url('/images/buttons/yellow-left.gif') no-repeat;
    color: #333;
    display: block;
    line-height: 35px;
    padding: 0px 0 0px 18px;
    text-align:center;
}

.pretty_button a:active {
    background-position: bottom right;
    color: #333;
    outline: none; /* hide dotted outline in Firefox */
}

.pretty_button a:active span {
    background-position: bottom left;
}

.pretty_button a:hover {
    background-position: center right;
    text-decoration: underline;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

.pretty_button a:hover span {
    background-position: center left;
}

#enroll_now { text-align:center; }

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */

#pageheader {z-index:2;}
.mainmenu {
z-index:3; 
width: 600px; position: absolute; top: 47px; left:160px;
text-align:left; font-family: verdana, sans-serif; font-size:0.9em;margin:0 padding:0; list-style-type:none;
}
.mainmenu ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.mainmenu li {
float:left; position:relative;
}
.mainmenu li a, .mainmenu li a:visited {
display:block; text-decoration:none; width:6em; color:#000; float:left; padding-right:1em; line-height:25px; color:#909; 
height: 25px; overflow: hidden; text-indent:-9999px;
}

.mainmenu .divider {position:relative;top: -5px;left: -5px;}

* html .mainmenu li a, .mainmenu li a:visited {
width:7em; w\idth:6em; /* hack for IE5.5 */
}
.mainmenu li a.drop, .mainmenu li a.drop:visited { font-weight:bold; height: 25px; }

.mainmenu li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden;
}
.mainmenu table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.mainmenu li:hover a,
.mainmenu li a:hover {
text-decoration:underline; border:0;
}
.mainmenu li:hover ul,
.mainmenu li a:hover ul {
z-index:4;
visibility:visible; height:auto; width: 220px; background:#fff; border:1px solid #ddd; left:0; top:2.5em; overflow:visible; padding-bottom: 10px;
}
.mainmenu li:hover ul li a,
.mainmenu li a:hover ul li a {
text-indent:0;display:block; font-weight:normal; font-size: 1.1em; background:transparent; text-decoration:underline; height:auto; line-height:1.5em; padding:5px 10px; width:220px;
}
* html .mainmenu li a:hover ul li a {
width:10em; w\idth:9em; /* hack for IE5.5 */
}
.mainmenu li:hover ul li a.drop,
.mainmenu li a:hover ul li a.drop {
font-weight:bold;  

}
.mainmenu li:hover ul li ul,
.mainmenu li a:hover ul li a ul {
  visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
.mainmenu li:hover ul li a:hover,
.mainmenu li a:hover ul li a:hover {
text-decoration:underline;
}
.mainmenu li:hover ul li:hover ul,
.mainmenu li a:hover ul li a:hover ul {    
visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff; width: 220px;
} 
.mainmenu li:hover ul li:hover ul.left,
.mainmenu li a:hover ul li a:hover ul.left { left:-9.3em;
}
.mainmenu li:hover ul li:hover ul li a,
.mainmenu li a:hover ul li a:hover ul li a { display:block; height:auto;}
.mainmenu li:hover ul li:hover ul li:hover a,
.mainmenu li a:hover ul li a:hover ul li a:hover {text-decoration:underline;}

.mainmenu ul li h4 { margin:0; padding: 10px 10px 5px 10px;}
.mainmenu #upgrade-menu { background: url("/images/main-menu/upgrade.gif") no-repeat 0 0; width: 52px }
.mainmenu #home-menu { background: url("/images/main-menu/home.gif") no-repeat 0 0; width: 47px }
.mainmenu #recipes-menu { background: url("/images/main-menu/recipes.gif") no-repeat 0 0; width: 92px }
.mainmenu #drilldowns-menu { background: url("/images/main-menu/drilldowns.gif") no-repeat 0 0; width: 27px; }
.mainmenu #membership-menu { background: url("/images/main-menu/join_now.gif") no-repeat 0 0; width: 60px; }
.mainmenu #community-menu { background: url("/images/main-menu/community.gif") no-repeat 0 0; width: 99px; }
.mainmenu #cookingschool-menu { background: url("/images/main-menu/cookingschool.gif") no-repeat 0 0; width: 157px;}
.mainmenu #myrouxbe-menu { background: url("/images/main-menu/home.gif") no-repeat 0 0; width: 37px;}
.mainmenu #thanksgiving-menu { background: url("/images/main-menu/thanksgiving.gif") no-repeat 0 0; width: 132px }
.mainmenu #turkey-dinner-menu { background: url("/images/main-menu/turkey-dinner.gif") no-repeat 0 0; width: 89px }

body#events-thanksgiving2007 h4.header {height:29px;}

body#events-thanksgiving2007.index .share-tools {top: 6px;position:relative;}
 
#ecommerce-content_purchases h1,
#ecommerce-subscription_payments h1 { background:url("/images/tab_background.gif") repeat-x scroll center bottom transparent; margin-bottom: 0; width: 780px; border: 1px #ccc solid; border-bottom: none; padding: 10px; font-size: 18px;font-weight: bold; text-shadow: 1px 1px 1px #fff; -moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff;}
#ecommerce-subscription_payments #siteseals, #ecommerce-content_purchases #siteseals { width:485px; margin-top: 20px; text-align:right;}
#ecommerce-subscription_payments #siteseals, #ecommerce-content_purchases #siteseals img { padding-left: 10px;}
#checkout { width:780px; border:1px #ccc solid; padding: 10px;}
#checkout .side {position:absolute; left: 540px; } 
#checkout .side p { margin-bottom: 20px; }
#checkout .side ul { list-style: none; margin-bottom: 20px; }
#checkout .side li { line-height: 1.8em; background:url("/images/icons/published-bullet.gif") no-repeat 0 50%; padding-left: 20px;}
#checkout .container { width:485px; background:#eee; padding: 15px; box-shadow: 3px 3px 3px #ccc;-moz-box-shadow: 3px 3px 3px #ccc;-webkit-box-shadow: 3px 3px 3px #ccc; }
#checkout .container p { line-height: 26px; height: 26px; position: relative; clear:left; height: 26px; width:495px;}
#checkout .container p span.message{ line-height: 1em; display:none; white-space: nowrap; position:absolute; left: 500px; background:#900; color:#fff;padding: 7px;box-shadow: 1px 1px 1px #ccc;-moz-box-shadow: 1px 1px 1px #ccc;-webkit-box-shadow: 1px 1px 1px #ccc; font-size: 1em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
#checkout .container label { clear:left;float:left; width:136px; }
#checkout .container .checkboxes p { height: auto; }
#checkout .container .checkboxes p .box { border: 1px #ccc solid; padding: 5px;  background:#fff; display:block; width:461px;}
#checkout .container .checkboxes p.text { border:none; padding: 0; padding-left: 1px;background: none; float:none; line-height: 1.4em;}
#checkout .container .checkboxes label { padding-left: 25px; float:none; display:inline; width: 463px; line-height: 1.7em;} 
#checkout .container .checkboxes input { position:absolute; top: 11px; left: 5px; padding-left: 5px; }
#checkout .container input, 
#checkout .container select { float:left;margin-bottom:1em; }
#checkout .container p.invalid { background: url(/images/famfamfam/exclamation.png) #eee no-repeat 100% 50%;}
#checkout .container p.valid { background: url(/images/famfamfam/accept.png) #eee no-repeat 100% 50%;}
#checkout .container p.validating { background: url(/images/spinner.gif) #eee no-repeat 100% 50%;}
#checkout .container input[type=text], 
#checkout .container input[type=password] { width: 325px; }
#checkout .container select { width: auto; position: relative; top:20%; }
#checkout .container #subtotal { margin-left:136px; color:#555; }
#checkout .container #subtotal table {collapse:collapse;  font-size: 1.3em; line-height: 1.7em; width: 325px;}
#checkout .container #subtotal td.price { text-align: right; }
#checkout .container #subtotal tr.total { font-size: 1.5em; line-height: 2em; text-shadow: 1px 1px 1px #fff; -moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff;}
#checkout .container h3, #checkout .container div.group {clear:left; }
#checkout .container h3 { font-weight: bold;color: #a3a60f; padding: 10px 0; text-shadow: 1px 1px 1px #fff; -moz-text-shadow: 0 1px 0 #fff; -webkit-text-shadow: 0 1px 0 #fff;}
#checkout .container .submit {padding-top:20px;}

#checkout .container #form-success,
#checkout .container #form-error { text-align: right; display:none; line-height: 1.3em; height:auto; margin-top: 10px; width: 454px; padding: 5px; }
#checkout .container #form-error { background: #900; color:#fff; padding: 10px;}
#checkout .container #form-success { }

#checkout hr { margin-top: 10px; height:1px; background:#ccc; color:#ccc; box-shadow: 0 1px 0 #fff;-moz-box-shadow: 0 1px 0 #fff;-webkit-box-shadow: 0 1px 0 #fff;}

a.sexy-button {
    background: transparent url('/images/buttons/background-right.png') no-repeat scroll top right;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 40px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    text-shadow: 1px 1px 1px #fff; 
    -moz-text-shadow: 0 1px 0 #fff; 
    -webkit-text-shadow: 0 1px 0 #fff;
    text-transform: uppercase;
}

a.sexy-button span {
    background: transparent url('/images/buttons/background-left.png') no-repeat;
    display: block;
    line-height: 30px;
    padding: 5px 0 5px 18px;
    color: #C00;
} 

a.sexy-button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.sexy-button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.sexy-button:hover {
    background-position: center right;
    outline: none; /* hide dotted outline in Firefox */
}

a.sexy-button:hover span {
    background-position: center left;
    color: #444;
}

#school-quizzes .please-upgrade { padding:5px; background:#eee; margin-bottom: 10px; }

#please-upgrade { width:756px;}
#please-upgrade .details { margin: 20px 0; background:url(/images/background-denied-cooking-school.jpg) transparent no-repeat 100% 50%; }
#please-upgrade .details p {width: 395px; line-height: 1.7em;}
#please-upgrade ul { list-style: none; margin-bottom: 10px; }
#please-upgrade ul li { line-height: 1.8em; background:url("/images/icons/published-bullet.gif") no-repeat 0 50%; padding-left: 20px; }
#please-upgrade h2 { margin: 20px 0;}
#please-upgrade small {padding: 20px 0 10px 0;}
#please-upgrade p { background: transparent;}
#please-upgrade a,
#please-upgrade a:link {color:#555;}

#section-lightbox-footer {margin: 10px 0}
#section-lightbox-footer ul { display:inline; list-style:none; }
#section-lightbox-footer li { display:inline; padding-left: 5px; }
#section-lightbox-footer a { color: #555; }
#section-lightbox-footer .small {font-size: 0.8em;}

.success-steps {padding: 20px 10px; float:left; background:#eee;box-shadow: 1px 1px 1px #ccc;-moz-box-shadow: 1px 1px 1px #ccc;-webkit-box-shadow: 1px 1px 1px #ccc;}
.success-steps .step { float:left; width: 180px; padding-left:10px;}
.success-steps .step.first {padding-left: 0;}

.success-bullets { width:225px; float:left; margin-top: 20px; padding-left:20px }
.success-bullets.first { padding-left:0 }
.success-bullets div { margin-left:30px }
.success-bullets img { float:left; }
.success-steps .step img { margin-bottom: 5px; }
.success-steps .step p span { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; font-weight: normal; margin-bottom: 5px; font-size:18px; text-shadow: 1px 1px 1px #fff; -moz-text-shadow: 1px 1px 1px #fff; -webkit-text-shadow: 1px 1px 1px #fff;}

#school-overviews.why_rouxbe_is_different .screencasts a.why_rouxbe_is_different,
#school-overviews.founders_message .screencasts a.founders_message,
#school-overviews.what_is_rouxbe .screencasts a.what_is_rouxbe,
#school-overviews .screencasts a:hover { background:#ddd; color:#555; }

#school-overviews .screencasts a, .screencasts a:link { line-height: 18px; text-decoration: none; text-align:center; width:261px; float:left; padding: 0 10px; line-height: 32px; margin-right: 2px; background:#eee; }
#school-overviews .screencasts a img { position:relative; top: 5px;}

.watch-videos { font-size: 17px; line-height: 35px; position:absolute;right:0px;bottom: 0; padding-right: 43px; background: url(/images/tour/rouxbe_play_32x32.png) no-repeat transparent 100% 50%;}
body#school-overviews #contents .watch-videos a, .watch-videos a:link { color:#a3a60f; }
body#school-overviews #contents ul li, body#free_trials #contents ul li { line-height: 1.6em; background:url("/images/icons/published-bullet.gif") no-repeat 0 3px; padding-left: 20px; padding-bottom: 5px;}
body#school-overviews h4, body#school-overviews h5, body#free_trials h5 {font-weight: bold;}

/*----------------------------------------------------------------------------
 HTML5 Video Players
----------------------------------------------------------------------------*/

.html5video { position:relative; background:#eee; border:1px #ccc solid }
.html5video * { text-shadow: 1px 1px 1px #fff !important; }
.html5video video { position:absolute; top: -1px; border:1px #ccc solid; }
.html5video video.normal { left: 291px; width: 512px; height: 288px; }
.html5video video.maximize { left: -1px; width: 804px; height: 452px; -webkit-transition: height 0.5s ease; }
.html5video .cover { z-index:100; position:absolute; top: 0; text-align:center; }
.html5video .cover .bar { border:none; top: 110px; width:492px; position:relative; background:rgba(255,255,255,0.8);padding: 10px }
.html5video .cover .background { position:absolute; top: 0; left: 0; }
.html5video .cover.normal { width: 512px; height: 288px; left: 292px; }
.html5video .cover.maximize { width: 804px; height: 452px; left: 0; background:#fff;}
.html5video .cover.maximize .background img { width: 804px; height: 452px; }
.html5video .cover.maximize .bar {width: 784px; top: 180px;} 
.html5video .endframe ul { padding: 10px; }
.html5video .endframe li { border:1px #ccc solid; background:#eee; padding: 10px; line-height: 2em; margin-bottom: 10px; display:block; text-align:center }
.html5video .sidebar { width: 291px; border-right: 1px #ccc solid; }
.html5video #controls { position:absolute; border: 1px #ccc solid; background:#eee; padding: 5px; }
.html5video #controls .time { position: absolute; top: 29px; }
.html5video #controls.normal .time { left: 326px; }
.html5video #controls.maximize .time { left: 626px; }
.html5video #controls.normal { top: 288px; left: 291px; width: 502px; }
.html5video #controls.maximize { top: 452px; left: -1px; width: 794px; -webkit-transition: top 0.5s ease; }
.html5video #controls.maximize .change-size { position: absolute; left: 767px; }
.html5video #controls .play_pause { padding:0; margin: 0; display: inline; }
.html5video #controls .replay { padding:0; margin: 0; display: inline; }
.html5video #controls .max_min { position: absolute; left: 475px; top: 15px; }
.html5video #controls.normal .max_min { left: 475px; }
.html5video #controls.maximize .max_min { left: 767px; }
.html5video #controls .max_min img {border:1px #ccc solid;  background:#fff; padding: 5px;}
.html5video #controls .volume { position: absolute;  top: 15px; }
.html5video #controls.normal .volume { left: 440px; }
.html5video #controls.maximize .volume { left: 732px; }
.html5video #controls .volume img {border:1px #ccc solid;  background:#fff; }
.html5video #controls #scrub { position: absolute; top: 10px; left: 85px;}
.html5video #controls.normal #scrub { width: 300px; }
.html5video #controls.maximize #scrub { width: 600px; }
.html5video #controls #title { width: 300px; position: absolute; top: 30px; left: 85px;}

.step_player { width: 803px; margin-bottom: 20px;}
.step_player h5 {margin: 0 !important; padding: 0;}
.step_player ul { list-style:none; }
.step_player .insufficient-permissions {background:#fff;}
.step_player a,
.step_player a:link { text-decoration:none; }
.step_player .gradient { z-index: 101; position:absolute; top: 0; left: 0; left: 282px; }
.step_player .panel { z-index: 100; position:absolute; top: 0; text-align:left; left: 0; width:271px; height: 308px; background:#fff; padding: 10px; padding-top: 20px;}
.step_player .panel .dd_info { padding-top: 20px; }
.step_player .panel .dd_info ul { list-style:disc; padding-left: 15px }
.step_player .panel .dd_info p { line-height: 1.7em }
.step_player .panel .close { text-decoration: none; padding: 10px; border: 1px #ccc solid; background:#eee; }
.step_player .quick-steps { border-bottom: 1px #ccc solid; margin: 0; padding: 0}
.step_player .quick-steps li { float:left; padding: 8px 8px;border-right: 1px #ccc solid;border-left: 1px #fff solid;}
.step_player .quick-steps li span { text-decoration:none; text-align:center; }
.step_player .steps { overflow-y:auto; overflow-x: hidden; height: 256px; width:291px; }
.step_player .steps .step { padding: 10px; border-bottom: 1px #ccc solid; border-top: 1px #fff solid;}
.step_player .step.active { background: #fff }
.step_player .steps ul { padding-left: 10px; width:291px; }
.step_player .steps li { background-image: url(/images/html5player/bullet-drilldown.png); background-repeat: no-repeat; background-position: 5px 3px; }
.step_player .steps li span { line-height: 23px; margin-left: 17px; display:block; padding-left: 5px;}
.step_player .settings { border-top: 1px #ccc solid; padding: 15px 10px 14px 10px}
.step_player .settings label { padding-left: 5px;}
/* Not part of the step player, but has to do with the step player maximize so I've included it here */
#step_player_infomation { -webkit-transition: top 0.5s ease;  position:relative }

#step_player_infomation.normal { top: 0; }
#step_player_infomation.maximize { top: 164px; }

.drilldown_player { margin-bottom: 10px; }
.drilldown_player video { left: 292px; }
.drilldown_player .cover { left: 292px; }
.drilldown_player .sidebar { height: 340px; background-color: #fff; }
.drilldown_player .sidebar .description { padding: 10px; }

.recipe_preview_player video { left: 292px; }
.recipe_preview_player .cover { left: 292px; }
.recipe_preview_player  #step_player_infomation.normal { top: 30px; }
.recipe_preview_player .sidebar { width: 291px; height: 340px; background-color: #fff; }
.recipe_preview_player .sidebar .description { padding: 10px; color: #333; }
.recipe_preview_player .sidebar .time_info { padding: 10px; color: #999; }
.recipe_preview_player .sidebar .text_link { position: absolute; bottom: 52px; height: 52px; width: 291px; background-color: #eee; border-top: 1px solid #ccc; }
.recipe_preview_player .sidebar .text_link a { display: block; margin: 19px 10px; font-size: 12px; text-decoration: none; }
.recipe_preview_player .sidebar .full_recipe_link { position: absolute; bottom: 0; height: 51px; width: 291px; background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(210, 209, 155))); border-top: 1px solid #ccc; }
.recipe_preview_player .sidebar .full_recipe_link a { display: block; margin: 17px 10px; font-size: 18px; text-decoration: none; color: #333;}

.drilldown_mini_player { height: 340px; width: 512px; }
.drilldown_mini_player video.normal,
.drilldown_mini_player .cover.normal { left: 0; }
.drilldown_mini_player #controls.normal { left: -1px; }

.quiz_mini_player { height: 340px; width: 512px; }
.quiz_mini_player video.normal { left: -1px; }
.quiz_mini_player .cover.normal { left: 0; }
.quiz_mini_player #controls.normal { left: -1px; }

.large_player { height: 527px; width: 845px; background:#fff; border: none; margin-bottom: 10px; }
.large_player video.normal { width: 845px; height: 475px; left: 0; }
.large_player .cover.normal { width: 845px; height: 475px; left: 0; background-color: #fff; }
.large_player #controls.normal { top: 475px; left: 0; width: 835px; }

.drilldown_text_player { border:1px #ccc solid; margin-bottom: 10px; }
.drilldown_text_player .text_column { width: 480px; min-height: 200px; padding: 10px; border-right: 1px #ccc solid; }
.drilldown_text_player .image_column { float: right; padding: 10px; }

#site.premium_membership_required #please-upgrade{width:auto;}

#ecommerce-subscription_payments.new #pageheader,
#ecommerce-content_purchases.new #pageheader { height: 10px;}

#sponsor_message { display:none; margin: -10px 20px 10px; }
#system_message { margin: 0 20px 10px 20px; }

.container.heavy.highlight { padding: 5px; background:#ffc; border: 1px #ccc solid; }


.tabs { border-bottom: 1px #ccc solid; margin-top: 20px; width: 100%; }
.tabs:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.tabs .tab:first-child a { border-left: 1px #ccc solid; }
.tabs .tab { position: relative; }
.tabs .tab a {
  background: url('http://rouxbe.com/images/tab_background.gif') repeat-x scroll 0 0 transparent;
  float: left;
  position: relative;
  top: 1px;
  border-right: 1px #ccc solid;
  border-top: 1px #ccc solid;
  padding: 10px;
}  

.tabs .tab a:link,
.tabs .tab a:visited,
.tabs .tab a:hover { text-decoration: none; color: #555; border-bottom: none;}
.tabs .tab a:hover { border-bottom: none; background-color: #eee; }
    
.tabs .tab a.active { 
  background: url('http://rouxbe.com/images/recipeTile_bg.gif') repeat-x scroll 0 0 transparent;
  border-bottom: 1px #fff solid; 
}
.tabs .tab a.active:hover { border-bottom: 1px #fff solid; background-color: #fff; }


#footer table td { width: 25%; vertical-align:top;}
#footer table .copyright{ padding-top: 10px; }

ul.inline { border:none }
ul.inline li { line-height: 1.3em; display:inline; border:none; }
ul.inline li img { position: relative; top: 4px; }
ul.inline.bar li:after { content:' | '; color: $medium; }
ul.inline.bar li:last-child:after { content:''; }
ul.inline.bar li.nobar:after{ content:''; }

.hint { position: relative; }
.hint  .hint-trigger { cursor: pointer; }
.hint  .hint-content { display: none; background: #fcc; border: 1px #ccc solid; padding: 10px; position: absolute; left: 0; top: 20px; z-index:5; }

/* --- List sorting using JQuery UI --- */

.sort_list { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.sort_list li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.0em; height: 12px; cursor: move; }
.sort_list li span { position: absolute; margin-left: -1.3em; }
.sort_list_actions { position: relative; right: 280px;}